/*! jQuery UI - v1.11.2 - 2014-10-16 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Helvetica,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Helvetica,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff url("https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/stadtessenstyle1_images/ui-bg_flat_75_ffffff_40x100~1.png") 50% 50% repeat-x;color:#444}.ui-widget-content a{color:#444}.ui-widget-header{border:1px solid #ddd;background:#ddd url("https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/stadtessenstyle1_images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;color:#444;font-weight:bold}.ui-widget-header a{color:#444}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ddd;background:#f6f6f6 url("https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/stadtessenstyle1_images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#0073ea}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#0073ea;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #0073ea;background:#0073ea url("images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ddd;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#ff0084}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#ff0084;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;color:#444}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ff0084;background:#fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#222}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#222}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_ff0084_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/stadtessenstyle1_images/ui-icons_0073ea_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_666666_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_0073ea_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ff0084_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:2px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:2px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:2px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:2px}.ui-widget-overlay{background:#eee url("images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-4px 0 0 -4px;padding:4px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.6;filter:Alpha(Opacity=60);border-radius:0} /* line 9, C:/wamp/www/jquery-listnav/scss/listnav.scss */.listNav,.ln-letters{overflow:hidden}/* line 13, C:/wamp/www/jquery-listnav/scss/listnav.scss */.listNavHide{display:none}/* line 17, C:/wamp/www/jquery-listnav/scss/listnav.scss */.listNavShow{display:list-item}/* line 21, C:/wamp/www/jquery-listnav/scss/listnav.scss */.letterCountShow{display:block}/* line 26, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters a{font-size:0.9em;display:block;float:left;padding:2px 6px;border:1px solid silver;border-right:none;text-decoration:none}/* line 36, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters .ln-last{border-right:1px solid silver}/* line 41, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters a:hover,.ln-letters .ln-selected{background-color:#eaeaea}/* line 45, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters .ln-disabled{color:#ccc}/* line 51, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letter-count{position:absolute;top:0;left:0;width:20px;text-align:center;font-size:0.8em;line-height:1.35;color:#336699} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } @charset "UTF-8"; /*! * Bootstrap v2.2.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .suchContainer article, .suchContainer aside, .suchContainer details, .suchContainer figcaption, .suchContainer figure, .suchContainer footer, .suchContainer header, .suchContainer hgroup, .suchContainer nav, .suchContainer section { display: block } .suchContainer audio, .suchContainer canvas, .suchContainer video { display: inline-block; *display: inline; *zoom: 1 } .suchContainer audio:not([controls]) { display: none } .suchContainer html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } .suchContainer a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .suchContainer a:active, .suchContainer a:hover { outline: 0 } .suchContainer sub, .suchContainer sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } .suchContainer sup { top: -.5em } .suchContainer sub { bottom: -.25em } .suchContainer img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic } .suchContainer #map_canvas img, .google-maps img { max-width: none } .suchContainer button, .suchContainer input, .suchContainer select, .suchContainer textarea { margin: 0; font-size: 100%; vertical-align: middle } .suchContainer button, .suchContainer input { *overflow: visible } .suchContainer button::-moz-focus-inner, .suchContainer input::-moz-focus-inner { padding: 0; border: 0 } .suchContainer button, .suchContainer html input[type=button], .suchContainer input[type=reset], .suchContainer input[type=submit] { cursor: pointer; -webkit-appearance: button } .suchContainer button, .suchContainer input[type=button], .suchContainer input[type=checkbox], .suchContainer input[type=radio], .suchContainer input[type=reset], .suchContainer input[type=submit], .suchContainer label, .suchContainer select { cursor: pointer } .suchContainer input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } .suchContainer input[type=search]::-webkit-search-cancel-button, .suchContainer input[type=search]::-webkit-search-decoration { -webkit-appearance: none } .suchContainer textarea { overflow: auto } @media print { .suchContainer * { color: #000!important; text-shadow: none!important; background: transparent!important; box-shadow: none!important } .suchContainer a, .suchContainer a:visited { text-decoration: underline; } .suchContainer a[href]:after { content: " (" attr(href) ")" } .suchContainer abbr[title]:after { content: " (" attr(title) ")" } .suchContainer .ir a:after, .suchContainer a[href^="javascript:"]:after, .suchContainer a[href^="#"]:after { content: "" } .suchContainer blockquote, .suchContainer pre { border: 1px solid #999; page-break-inside: avoid } .suchContainer thead { display: table-header-group } .suchContainer img, .suchContainer tr { page-break-inside: avoid } .suchContainer img { max-width: 100%!important } @page { margin: .5cm } .suchContainer h2, .suchContainer h3, .suchContainer p { orphans: 3; widows: 3 } .suchContainer h2, .suchContainer h3 { page-break-after: avoid } } .suchContainer body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; color: #333; background-color: #fff } .suchContainer a { color: #0071bc; } .suchContainer a:hover { color: #005580; text-decoration: underline; } .suchContainer .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .suchContainer .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1) } .suchContainer .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px } .suchContainer .row { margin-left: -20px; *zoom: 1 } .suchContainer .row:after, .suchContainer .row:before { display: table; line-height: 0; content: "" } .suchContainer .row:after { clear: both } .suchContainer [class*=span] { float: left; min-height: 1px; margin-left: 20px } .suchContainer .container, .suchContainer .navbar-fixed-bottom .container, .suchContainer .navbar-fixed-top .container, .suchContainer .navbar-static-top .container, .suchContainer .span12 { width: 940px } .suchContainer .span11 { width: 860px } .suchContainer .span10 { width: 780px } .suchContainer .span9 { width: 700px } .suchContainer .span8 { width: 620px } .suchContainer .span7 { width: 540px } .suchContainer .span6 { width: 460px } .suchContainer .span5 { width: 380px } .suchContainer .span4 { width: 300px } .suchContainer .span3 { width: 220px } .suchContainer .span2 { width: 140px } .suchContainer .span1 { width: 60px } .suchContainer .offset12 { margin-left: 980px } .suchContainer .offset11 { margin-left: 900px } .suchContainer .offset10 { margin-left: 820px } .suchContainer .offset9 { margin-left: 740px } .suchContainer .offset8 { margin-left: 660px } .suchContainer .offset7 { margin-left: 580px } .suchContainer .offset6 { margin-left: 500px } .suchContainer .offset5 { margin-left: 420px } .suchContainer .offset4 { margin-left: 340px } .suchContainer .offset3 { margin-left: 260px } .suchContainer .offset2 { margin-left: 180px } .suchContainer .offset1 { margin-left: 100px } .suchContainer .row-fluid { width: 100%; *zoom: 1 } .suchContainer .row-fluid:after, .suchContainer .row-fluid:before { display: table; line-height: 0; content: "" } .suchContainer .row-fluid:after { clear: both } .suchContainer .row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .suchContainer .row-fluid [class*=span]:first-child { margin-left: 0 } .suchContainer .row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 2.127659574468085% } .suchContainer .row-fluid .span12 { width: 100%; *width: 99.94680851063829% } .suchContainer .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594% } .suchContainer .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361% } .suchContainer .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126% } .suchContainer .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893% } .suchContainer .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659% } .suchContainer .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425% } .suchContainer .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192% } .suchContainer .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576% } .suchContainer .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233% } .suchContainer .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894% } .suchContainer .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553% } .suchContainer .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275% } .suchContainer .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467% } .suchContainer .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404% } .suchContainer .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232% } .suchContainer .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807% } .suchContainer .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999% } .suchContainer .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572% } .suchContainer .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764% } .suchContainer .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339% } .suchContainer .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553% } .suchContainer .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106% } .suchContainer .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297% } .suchContainer .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715% } .suchContainer .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063% } .suchContainer .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638% } .suchContainer .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383% } .suchContainer .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405% } .suchContainer .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596% } .suchContainer .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617% } .suchContainer .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618% } .suchContainer .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936% } .suchContainer .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278% } .suchContainer .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702% } .suchContainer .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938% } .suchContainer .row-fluid [class*=span].hide, .suchContainer [class*=span].hide { display: none } .suchContainer .row-fluid [class*=span].pull-right, [class*=span].pull-right { float: right } .suchContainer .container { margin-right: auto; margin-left: auto; *zoom: 1 } .suchContainer .container:after, .suchContainer .container:before { display: table; line-height: 0; content: "" } .suchContainer .container:after { clear: both } .suchContainer .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1 } .suchContainer .container-fluid:after, .suchContainer .container-fluid:before { display: table; line-height: 0; content: "" } .suchContainer .container-fluid:after { clear: both } .suchContainer p { margin: 0 0 10px } .suchContainer .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px } .suchContainer small { font-size: 85% } .suchContainer strong { font-weight: 700 } .suchContainer cite { font-style: normal } .suchContainer a.muted:hover { color: gray } .suchContainer .text-warning { color: #c09853 } .suchContainer a.text-warning:hover { color: #a47e3c } .suchContainer .text-error { color: #b94a48 } .suchContainer a.text-error:hover { color: #953b39 } .suchContainer .text-info { color: #3a87ad } .suchContainer a.text-info:hover { color: #2d6987 } .suchContainer .text-success { color: #468847 } .suchContainer a.text-success:hover { color: #356635 } .suchContainer h1, .suchContainer h2, .suchContainer h3, .suchContainer h4, .suchContainer h5, .suchContainer h6 { margin: 10px 0; font-family: inherit; font-weight: 700; line-height: 20px; color: inherit; text-rendering: optimizelegibility } .suchContainer h1 small, .suchContainer h2 small, .suchContainer h3 small, .suchContainer h4 small, .suchContainer h5 small, .suchContainer h6 small { font-weight: 400; line-height: 1; color: #777 } .suchContainer h1, .suchContainer h2, .suchContainer h3 { line-height: 40px } .suchContainer h1 { font-size: 38.5px } .suchContainer h4 { font-size: 17.5px } .suchContainer h5 { font-size: 14px } .suchContainer h6 { font-size: 11.9px } .suchContainer h1 small { font-size: 24.5px } .suchContainer h3 small, .suchContainer h4 small { font-size: 14px } .suchContainer .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee } .suchContainer ol, .suchContainer ul { padding: 0; margin: 0; } .suchContainer ol ol, .suchContainer ol ul, .suchContainer ul ol, .suchContainer ul ul { margin-bottom: 0 } .suchContainer .suchContainer li { line-height: 20px } .suchContainer ol.inline, .suchContainer ol.unstyled, .suchContainer ul.inline, .suchContainer ul.unstyled { margin-left: 0; list-style: none } .suchContainer ol.inline>li, .suchContainer ul.inline>li { display: inline-block; padding-right: 5px; padding-left: 5px } .suchContainer dl { margin-bottom: 20px } .suchContainer dd, .suchContainer dt { line-height: 20px } .suchContainer dt { font-weight: 700 } .suchContainer dd { margin-left: 10px } .suchContainer .dl-horizontal { *zoom: 1 } .suchContainer .dl-horizontal:after, .suchContainer .dl-horizontal:before { display: table; line-height: 0; content: "" } .suchContainer .dl-horizontal:after { clear: both } .suchContainer .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap } .suchContainer .dl-horizontal dd { margin-left: 180px } .suchContainer hr { margin: 20px 0; border: 0; border-bottom: 1px solid #fff } .suchContainer abbr[data-original-title], .suchContainer abbr[title] { cursor: help; border-bottom: 1px dotted #999 } .suchContainer abbr.initialism { font-size: 90%; text-transform: uppercase } .suchContainer blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee } .suchContainer blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px } .suchContainer blockquote small { display: block; line-height: 20px; color: #777 } .suchContainer blockquote small:before { content: '\2014 \00A0' } .suchContainer blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0 } .suchContainer blockquote.pull-right p, .suchContainer blockquote.pull-right small { text-align: right } .suchContainer blockquote.pull-right small:before { content: '' } .suchContainer blockquote.pull-right small:after { content: '\00A0 \2014' } .suchContainer blockquote:after, .suchContainer blockquote:before, .suchContainer q:after, .suchContainer q:before { content: "" } .suchContainer address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px } .suchContainer code, .suchContainer pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .suchContainer code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8 } .suchContainer pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer pre.prettyprint { margin-bottom: 20px } .suchContainer pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0 } .suchContainer .pre-scrollable { max-height: 340px; overflow-y: scroll } .suchContainer form { margin: 0; } .suchContainer fieldset { padding: 0; margin: 0; border: 0 } .suchContainer legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } .suchContainer legend small { font-size: 15px; color: #777 } .suchContainer button, .suchContainer input, .suchContainer label, .suchContainer select, .suchContainer textarea { font-size: 12px; font-weight: 400; line-height: 20px } .suchContainer button, .suchContainer input, .suchContainer select, .suchContainer textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .suchContainer label { display: block; margin-bottom: 5px } .suchContainer .uneditable-input, .suchContainer input[type=color], .suchContainer input[type=date], .suchContainer input[type=datetime-local], .suchContainer input[type=datetime], .suchContainer input[type=email], .suchContainer input[type=month], .suchContainer input[type=number], .suchContainer input[type=password], .suchContainer input[type=search], .suchContainer input[type=tel], .suchContainer input[type=text], .suchContainer input[type=time], .suchContainer input[type=url], .suchContainer input[type=week], .suchContainer select, .suchContainer textarea { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .uneditable-input, .suchContainer input, .suchContainer textarea { width: 206px } .suchContainer textarea { height: auto } .suchContainer .uneditable-input, .suchContainer input[type=color], .suchContainer input[type=date], .suchContainer input[type=datetime-local], .suchContainer input[type=datetime], .suchContainer input[type=email], .suchContainer input[type=month], .suchContainer input[type=number], .suchContainer input[type=password], .suchContainer input[type=search], .suchContainer input[type=tel], .suchContainer input[type=text], .suchContainer input[type=time], .suchContainer input[type=url], .suchContainer input[type=week], .suchContainer textarea { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-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 linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s } .suchContainer .uneditable-input:focus, .suchContainer input[type=color]:focus, .suchContainer input[type=date]:focus, .suchContainer input[type=datetime-local]:focus, .suchContainer input[type=datetime]:focus, .suchContainer input[type=email]:focus, .suchContainer input[type=month]:focus, .suchContainer input[type=number]:focus, .suchContainer input[type=password]:focus, .suchContainer input[type=search]:focus, .suchContainer input[type=tel]:focus, .suchContainer input[type=text]:focus, .suchContainer input[type=time]:focus, .suchContainer input[type=url]:focus, .suchContainer input[type=week]:focus, .suchContainer textarea:focus { border-color: rgba(82, 168, 236, .8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6) } .suchContainer input[type=checkbox], .suchContainer input[type=radio] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal } .suchContainer input[type=file], .suchContainer select { height: 30px; *margin-top: 4px; line-height: 30px } .suchContainer select { width: 220px; background-color: #fff; border: 1px solid #ccc } .suchContainer select[multiple], .suchContainer select[size] { height: auto } .suchContainer input[type=checkbox]:focus, .suchContainer input[type=file]:focus, .suchContainer input[type=radio]:focus, .suchContainer select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .suchContainer .uneditable-input, .suchContainer .uneditable-textarea { color: #777; cursor: not-allowed; background-color: #fcfcfc; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025) } .suchContainer .uneditable-input { overflow: hidden; white-space: nowrap } .suchContainer .uneditable-textarea { width: auto; height: auto } .suchContainer input:-moz-placeholder, .suchContainer textarea:-moz-placeholder { color: #777 } .suchContainer input:-ms-input-placeholder, .suchContainer textarea:-ms-input-placeholder { color: #777 } .suchContainer input::-webkit-input-placeholder, .suchContainer textarea::-webkit-input-placeholder { color: #777 } .suchContainer .checkbox, .suchContainer .radio { min-height: 20px; padding-left: 20px } .suchContainer .checkbox input[type=checkbox], .suchContainer .radio input[type=radio] { float: left; margin-left: -20px } .suchContainer .controls>.checkbox:first-child, .suchContainer .controls>.radio:first-child { padding-top: 5px } .suchContainer .checkbox.inline, .suchContainer .radio.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle } .suchContainer .checkbox.inline+.checkbox.inline, .suchContainer .radio.inline+.radio.inline { margin-left: 10px } .suchContainer .input-mini { width: 60px } .suchContainer .input-small { width: 90px } .suchContainer .input-medium { width: 150px } .suchContainer .input-large { width: 210px } .suchContainer .input-xlarge { width: 270px } .suchContainer .input-xxlarge { width: 530px } .suchContainer .row-fluid .uneditable-input[class*=span], .suchContainer .row-fluid input[class*=span], .suchContainer .row-fluid select[class*=span], .suchContainer .row-fluid textarea[class*=span], .suchContainer .uneditable-input[class*=span], .suchContainer input[class*=span], .suchContainer select[class*=span], .suchContainer textarea[class*=span] { float: none; margin-left: 0 } .suchContainer .input-append .uneditable-input[class*=span], .suchContainer .input-append input[class*=span], .suchContainer .input-prepend .uneditable-input[class*=span], .suchContainer .input-prepend input[class*=span], .suchContainer .row-fluid .input-append [class*=span], .suchContainer .row-fluid .input-prepend [class*=span], .suchContainer .row-fluid .uneditable-input[class*=span], .suchContainer .row-fluid input[class*=span], .suchContainer .row-fluid select[class*=span], .suchContainer .row-fluid textarea[class*=span] { display: inline-block } .suchContainer .uneditable-input, .suchContainer input, .suchContainer textarea { margin-left: 0 } .suchContainer .controls-row [class*=span]+[class*=span] { margin-left: 20px } .suchContainer .uneditable-input.span12, .suchContainer input.span12, .suchContainer textarea.span12 { width: 926px } .suchContainer .uneditable-input.span11, .suchContainer input.span11, .suchContainer textarea.span11 { width: 846px } .suchContainer .uneditable-input.span10, .suchContainer input.span10, .suchContainer textarea.span10 { width: 766px } .suchContainer .uneditable-input.span9, input.span9, textarea.span9 { width: 686px } .suchContainer .uneditable-input.span8, input.span8, textarea.span8 { width: 606px } .suchContainer .uneditable-input.span7, .suchContainer input.span7, .suchContainer textarea.span7 { width: 526px } .suchContainer .uneditable-input.span6, .suchContainer input.span6, .suchContainer textarea.span6 { width: 446px } .suchContainer .uneditable-input.span5, .suchContainer input.span5, .suchContainer textarea.span5 { width: 366px } .suchContainer .uneditable-input.span4, .suchContainer input.span4, .suchContainer textarea.span4 { width: 286px } .suchContainer .uneditable-input.span3, .suchContainer input.span3, .suchContainer textarea.span3 { width: 206px } .suchContainer .uneditable-input.span2, .suchContainer input.span2, .suchContainer textarea.span2 { width: 126px } .suchContainer .uneditable-input.span1, .suchContainer input.span1, .suchContainer textarea.span1 { width: 46px } .suchContainer .controls-row { *zoom: 1 } .suchContainer .controls-row:after, .suchContainer .controls-row:before { display: table; line-height: 0; content: "" } .suchContainer .controls-row:after { clear: both } .suchContainer .controls-row [class*=span], .suchContainer .row-fluid .controls-row [class*=span] { float: left } .suchContainer .controls-row .checkbox[class*=span], .suchContainer .controls-row .radio[class*=span] { padding-top: 5px } .suchContainer input[disabled], .suchContainer input[readonly], .suchContainer select[disabled], .suchContainer select[readonly], .suchContainer textarea[disabled], .suchContainer textarea[readonly] { cursor: not-allowed; background-color: #eee } .suchContainer input[type=checkbox][disabled], .suchContainer input[type=checkbox][readonly], .suchContainer input[type=radio][disabled], .suchContainer input[type=radio][readonly] { background-color: transparent } .suchContainer .control-group.warning .checkbox, .suchContainer .control-group.warning .control-label, .suchContainer .control-group.warning .help-block, .suchContainer .control-group.warning .help-inline, .suchContainer .control-group.warning .radio, .suchContainer .control-group.warning input, .suchContainer .control-group.warning select, .suchContainer .control-group.warning textarea { color: #c09853 } .suchContainer .control-group.warning input, .suchContainer .control-group.warning select, .suchContainer .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .suchContainer .control-group.warning input:focus, .suchContainer .control-group.warning select:focus, .suchContainer .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e } .suchContainer .control-group.warning .input-append .add-on, .suchContainer .control-group.warning .input-prepend .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853 } .suchContainer .control-group.error .checkbox, .suchContainer .control-group.error .control-label, .suchContainer .control-group.error .help-block, .suchContainer .control-group.error .help-inline, .suchContainer .control-group.error .radio, .suchContainer .control-group.error input, .suchContainer .control-group.error select, .suchContainer .control-group.error textarea { color: #b94a48 } .suchContainer .control-group.error input, .suchContainer .control-group.error select, .suchContainer .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .suchContainer .control-group.error input:focus, .suchContainer .control-group.error select:focus, .suchContainer .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392 } .suchContainer .control-group.error .input-append .add-on, .suchContainer .control-group.error .input-prepend .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48 } .suchContainer .control-group.success .checkbox, .suchContainer .control-group.success .control-label, .suchContainer .control-group.success .help-block, .suchContainer .control-group.success .help-inline, .suchContainer .control-group.success .radio, .suchContainer .control-group.success input, .suchContainer .control-group.success select, .suchContainer .control-group.success textarea { color: #468847 } .suchContainer .control-group.success input, .suchContainer .control-group.success select, .suchContainer .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .suchContainer .control-group.success input:focus, .suchContainer .control-group.success select:focus, .suchContainer .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b } .suchContainer .control-group.success .input-append .add-on, .suchContainer .control-group.success .input-prepend .add-on { color: #468847; background-color: #dff0d8; border-color: #468847 } .suchContainer .control-group.info .checkbox, .suchContainer .control-group.info .control-label, .suchContainer .control-group.info .help-block, .suchContainer .control-group.info .help-inline, .suchContainer .control-group.info .radio, .suchContainer .control-group.info input, .suchContainer .control-group.info select, .suchContainer .control-group.info textarea { color: #3a87ad } .suchContainer .control-group.info input, .suchContainer .control-group.info select, .suchContainer .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .suchContainer .control-group.info input:focus, .suchContainer .control-group.info select:focus, .suchContainer .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3 } .suchContainer .control-group.info .input-append .add-on, .suchContainer .control-group.info .input-prepend .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad } .suchContainer input:focus:invalid, .suchContainer select:focus:invalid, .suchContainer textarea:focus:invalid { color: #b94a48; border-color: #ee5f5b } .suchContainer input:focus:invalid:focus, .suchContainer select:focus:invalid:focus, .suchContainer textarea:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7 } .suchContainer .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1 } .suchContainer .form-actions:after, .suchContainer .form-actions:before { display: table; line-height: 0; content: "" } .suchContainer .form-actions:after { clear: both } .suchContainer .help-block, .suchContainer .help-inline { color: #595959 } .suchContainer .help-block { display: block; margin-bottom: 10px } .suchContainer .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1 } .suchContainer .input-append, .suchContainer .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap } .suchContainer .input-append .dropdown-menu, .suchContainer .input-append .uneditable-input, .suchContainer .input-append input, .suchContainer .input-append select, .suchContainer .input-prepend .dropdown-menu, .suchContainer .input-prepend .uneditable-input, .suchContainer .input-prepend input, .suchContainer .input-prepend select { font-size: 14px } .suchContainer .input-append .uneditable-input, .suchContainer .input-append input, .suchContainer .input-append select, .suchContainer .input-prepend .uneditable-input, .suchContainer .input-prepend input, .suchContainer .input-prepend select { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .suchContainer .input-append .uneditable-input:focus, .suchContainer .input-append input:focus, .suchContainer .input-append select:focus, .suchContainer .input-prepend .uneditable-input:focus, .suchContainer .input-prepend input:focus, .suchContainer .input-prepend select:focus { z-index: 2 } .suchContainer .input-append .add-on, .suchContainer .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc } .suchContainer .input-append .add-on, .suchContainer .input-append .btn, .suchContainer .input-append .btn-group>.dropdown-toggle, .suchContainer .input-prepend .add-on, .suchContainer .input-prepend .btn, .suchContainer .input-prepend .btn-group>.dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .input-append .active, .suchContainer .input-prepend .active { background-color: #a9dba9; border-color: #46a546 } .suchContainer .input-prepend .add-on, .suchContainer .input-prepend .btn { margin-right: -1px } .suchContainer .input-append .uneditable-input, .suchContainer .input-append input, .suchContainer .input-append select, .suchContainer .input-prepend .add-on:first-child, .suchContainer .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .suchContainer .input-append .uneditable-input+.btn-group .btn:last-child, .suchContainer .input-append input+.btn-group .btn:last-child, .suchContainer .input-append select+.btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .suchContainer .input-append .add-on, .suchContainer .input-append .btn, .suchContainer .input-append .btn-group { margin-left: -1px } .suchContainer .input-append .add-on:last-child, .suchContainer .input-append .btn-group:last-child>.dropdown-toggle, .suchContainer .input-append .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .suchContainer .input-prepend.input-append .uneditable-input, .suchContainer .input-prepend.input-append input, .suchContainer .input-prepend.input-append select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .input-prepend.input-append .uneditable-input+.btn-group .btn, .suchContainer .input-prepend.input-append input+.btn-group .btn, .suchContainer .input-prepend.input-append select+.btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .suchContainer .input-prepend.input-append .add-on:first-child, .suchContainer .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .suchContainer .input-prepend.input-append .add-on:last-child, .suchContainer.input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .suchContainer .input-prepend.input-append .btn-group:first-child { margin-left: 0 } .suchContainer input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px } .suchContainer .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px } .suchContainer .form-search .input-append .btn, .suchContainer .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0 } .suchContainer .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px } .suchContainer .suchContainer .form-horizontal .help-inline, .suchContainer .form-horizontal .input-append, .suchContainer .form-horizontal .input-prepend, .suchContainer .form-horizontal .uneditable-input, .suchContainer .form-horizontal input, .suchContainer .form-horizontal select, .suchContainer .form-horizontal textarea, .suchContainer .form-inline .help-inline, .suchContainer .form-inline .input-append, .suchContainer .form-inline .input-prepend, .suchContainer .form-inline .uneditable-input, .suchContainer .form-inline input, .suchContainer .form-inline select, .suchContainer .form-inline textarea, .suchContainer .form-search .help-inline, .suchContainer .form-search .input-append, .suchContainer .form-search .input-prepend, .suchContainer .form-search .uneditable-input, .suchContainer .form-search input, .suchContainer .form-search select, .suchContainer .form-search textarea { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1 } .suchContainer .form-horizontal .hide, .suchContainer .form-inline .hide, .suchContainer .form-search .hide { display: none } .suchContainer .form-inline .btn-group, .suchContainer .form-inline label, .suchContainer .form-search .btn-group, .suchContainer .form-search label { display: inline-block } .suchContainer .form-inline .input-append, .suchContainer .form-inline .input-prepend, .suchContainer .form-search .input-append, .suchContainer .form-search .input-prepend { margin-bottom: 0 } .suchContainer .form-inline .checkbox, .suchContainer .form-inline .radio, .suchContainer .form-search .checkbox, .suchContainer .form-search .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle } .suchContainer .form-inline .checkbox input[type=checkbox], .suchContainer .form-inline .radio input[type=radio], .suchContainer .form-search .checkbox input[type=checkbox], .suchContainer .form-search .radio input[type=radio] { float: left; margin-right: 3px; margin-left: 0 } .suchContainer .control-group { margin-bottom: 10px } .suchContainer legend+.control-group { margin-top: 20px; -webkit-margin-top-collapse: separate } .suchContainer .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1 } .suchContainer .form-horizontal .control-group:after, .suchContainer .form-horizontal .control-group:before { display: table; line-height: 0; content: "" } .suchContainer .form-horizontal .control-group:after { clear: both } .suchContainer .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right } .suchContainer .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0 } .suchContainer .form-horizontal .controls:first-child { *padding-left: 180px } .suchContainer .form-horizontal .help-block { margin-bottom: 0 } .suchContainer .form-horizontal .input-append+.help-block, .suchContainer .form-horizontal .input-prepend+.help-block, .suchContainer .form-horizontal .uneditable-input+.help-block, .suchContainer .form-horizontal input+.help-block, .suchContainer .form-horizontal select+.help-block, .suchContainer .form-horizontal textarea+.help-block { margin-top: 10px } .suchContainer .form-horizontal .form-actions { padding-left: 180px } .suchContainer table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0 } .suchContainer .table { width: 100%; margin-bottom: 20px } .suchContainer .table td, .suchContainer .table th { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd } .suchContainer .table th { font-weight: 700 } .suchContainer .table thead th { vertical-align: bottom } .suchContainer .table caption+thead tr:first-child td, .suchContainer .table caption+thead tr:first-child th, .suchContainer .table colgroup+thead tr:first-child td, .suchContainer .table colgroup+thead tr:first-child th, .suchContainer .table thead:first-child tr:first-child td, .suchContainer .table thead:first-child tr:first-child th { border-top: 0 } .suchContainer .table tbody+tbody { border-top: 2px solid #ddd } .suchContainer .table .table { background-color: #fff } .suchContainer .table-condensed td, .suchContainer .table-condensed th { padding: 4px 5px } .suchContainer .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .table-bordered td, .suchContainer .table-bordered th { border-left: 1px solid #ddd } .suchContainer .table-bordered caption+tbody tr:first-child td, .suchContainer .table-bordered caption+tbody tr:first-child th, .suchContainer .table-bordered caption+thead tr:first-child th, .suchContainer .table-bordered colgroup+tbody tr:first-child td, .suchContainer .table-bordered colgroup+tbody tr:first-child th, .suchContainer .table-bordered colgroup+thead tr:first-child th, .suchContainer .table-bordered tbody:first-child tr:first-child td, .suchContainer .table-bordered tbody:first-child tr:first-child th, .suchContainer .table-bordered thead:first-child tr:first-child th { border-top: 0 } .suchContainer .table-bordered tbody:first-child tr:first-child>td:first-child, .suchContainer .table-bordered thead:first-child tr:first-child>th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px } .suchContainer .table-bordered tbody:first-child tr:first-child>td:last-child, .suchContainer .table-bordered thead:first-child tr:first-child>th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px } .suchContainer .table-bordered tbody:last-child tr:last-child>td:first-child, .suchContainer .table-bordered tfoot:last-child tr:last-child>td:first-child, .suchContainer .table-bordered thead:last-child tr:last-child>th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px } .suchContainer .table-bordered tbody:last-child tr:last-child>td:last-child, .suchContainer .table-bordered tfoot:last-child tr:last-child>td:last-child, .suchContainer .table-bordered thead:last-child tr:last-child>th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px } .suchContainer .table-bordered tfoot+tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 } .suchContainer .table-bordered tfoot+tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 } .suchContainer .table-bordered caption+tbody tr:first-child td:first-child, .suchContainer .table-bordered caption+thead tr:first-child th:first-child, .suchContainer .table-bordered colgroup+tbody tr:first-child td:first-child, .suchContainer .table-bordered colgroup+thead tr:first-child th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px } .suchContainer .table-bordered caption+tbody tr:first-child td:last-child, .suchContainer .table-bordered caption+thead tr:first-child th:last-child, .suchContainer .table-bordered colgroup+tbody tr:first-child td:last-child, .suchContainer .table-bordered colgroup+thead tr:first-child th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px } .suchContainer .table-striped tbody>tr:nth-child(odd)>td, .suchContainer .table-striped tbody>tr:nth-child(odd)>th { background-color: #f9f9f9 } .suchContainer .table-hover tbody tr:hover td, .suchContainer .table-hover tbody tr:hover th { background-color: #f5f5f5 } .suchContainer .row-fluid table td[class*=span], .suchContainer .row-fluid table th[class*=span], .suchContainer table td[class*=span], .suchContainer table th[class*=span] { display: table-cell; float: none; margin-left: 0 } .suchContainer .table td.span1, .suchContainer .table th.span1 { float: none; width: 44px; margin-left: 0 } .suchContainer .table td.span2, .suchContainer .table th.span2 { float: none; width: 124px; margin-left: 0 } .suchContainer .table td.span3, .suchContainer .table th.span3 { float: none; width: 204px; margin-left: 0 } .suchContainer .table td.span4, .suchContainer .table th.span4 { float: none; width: 284px; margin-left: 0 } .suchContainer .table td.span5, .suchContainer .table th.span5 { float: none; width: 364px; margin-left: 0 } .suchContainer .table td.span6, .suchContainer .table th.span6 { float: none; width: 444px; margin-left: 0 } .suchContainer .table td.span7, .suchContainer .table th.span7 { float: none; width: 524px; margin-left: 0 } .suchContainer .table td.span8, .suchContainer .table th.span8 { float: none; width: 604px; margin-left: 0 } .suchContainer .table td.span9, .suchContainer .table th.span9 { float: none; width: 684px; margin-left: 0 } .suchContainer .table td.span10, .suchContainer .table th.span10 { float: none; width: 764px; margin-left: 0 } .suchContainer .table td.span11, .suchContainer .table th.span11 { float: none; width: 844px; margin-left: 0 } .suchContainer .table td.span12, .suchContainer .table th.span12 { float: none; width: 924px; margin-left: 0 } .suchContainer .table tbody tr.success td { background-color: #dff0d8 } .suchContainer .table tbody tr.error td { background-color: #f2dede } .suchContainer .table tbody tr.warning td { background-color: #fcf8e3 } .suchContainer .table tbody tr.info td { background-color: #d9edf7 } .suchContainer .table-hover tbody tr.success:hover td { background-color: #d0e9c6 } .suchContainer .table-hover tbody tr.error:hover td { background-color: #ebcccc } .suchContainer .table-hover tbody tr.warning:hover td { background-color: #faf2cc } .suchContainer .table-hover tbody tr.info:hover td { background-color: #c4e3f3 } .suchContainer .dropdown-menu>.active>a>[class*=" icon-"], .suchContainer .dropdown-menu>.active>a>[class^=icon-], .suchContainer .dropdown-menu>.active>button>[class*=" icon-"], .suchContainer .dropdown-menu>.active>button>[class^=icon-], .suchContainer .dropdown-menu>li>a:hover>[class*=" icon-"], .suchContainer .dropdown-menu>li>a:hover>[class^=icon-], .suchContainer .dropdown-menu>li>button:hover>[class*=" icon-"], .suchContainer .dropdown-menu>li>button:hover>[class^=icon-], .suchContainer .dropdown-submenu:hover>a>[class*=" icon-"], .suchContainer .dropdown-submenu:hover>a>[class^=icon-], .suchContainer .dropdown-submenu:hover>button>[class*=" icon-"], .suchContainer .dropdown-submenu:hover>button>[class^=icon-], .suchContainer .icon-white, .suchContainer .suchContainer .nav-list>.active>a>[class*=" icon-"], .suchContainer .nav-list>.active>a>[class^=icon-], .suchContainer .nav-pills>.active>a>[class*=" icon-"], .suchContainer .nav-pills>.active>a>[class^=icon-], .suchContainer .navbar-inverse .nav>.active>a>[class*=" icon-"], .suchContainer .navbar-inverse .nav>.active>a>[class^=icon-] { background-image: url(../img/glyphicons-halflings-white.png) } .suchContainer .icon-glass { background-position: 0 0 } .suchContainer .icon-music { background-position: -24px 0 } .suchContainer .icon-search { background-position: -48px 0 } .suchContainer .icon-envelope { background-position: -72px 0 } .suchContainer .icon-heart { background-position: -96px 0 } .suchContainer .icon-star { background-position: -120px 0 } .suchContainer .icon-star-empty { background-position: -144px 0 } .suchContainer .icon-user { background-position: -168px 0 } .suchContainer .icon-film { background-position: -192px 0 } .suchContainer .icon-th-large { background-position: -216px 0 } .suchContainer .icon-th { background-position: -240px 0 } .suchContainer .icon-th-list { background-position: -264px 0 } .suchContainer .icon-ok { background-position: -288px 0 } .suchContainer .icon-remove { background-position: -312px 0 } .suchContainer .icon-zoom-in { background-position: -336px 0 } .suchContainer .icon-zoom-out { background-position: -360px 0 } .suchContainer .icon-off { background-position: -384px 0 } .suchContainer .icon-signal { background-position: -408px 0 } .suchContainer .icon-cog { background-position: -432px 0 } .suchContainer .icon-trash { background-position: -456px 0 } .suchContainer .icon-home { background-position: 0 -24px } .suchContainer .icon-file { background-position: -24px -24px } .suchContainer .icon-time { background-position: -48px -24px } .suchContainer .icon-road { background-position: -72px -24px } .suchContainer .icon-download-alt { background-position: -96px -24px } .suchContainer .icon-download { background-position: -120px -24px } .suchContainer .icon-upload { background-position: -144px -24px } .suchContainer .icon-inbox { background-position: -168px -24px } .suchContainer .icon-play-circle { background-position: -192px -24px } .suchContainer .icon-repeat { background-position: -216px -24px } .suchContainer .icon-refresh { background-position: -240px -24px } .suchContainer .icon-list-alt { background-position: -264px -24px } .suchContainer .icon-lock { background-position: -287px -24px } .suchContainer .icon-flag { background-position: -312px -24px } .suchContainer .icon-headphones { background-position: -336px -24px } .suchContainer .icon-volume-off { background-position: -360px -24px } .suchContainer .icon-volume-down { background-position: -384px -24px } .suchContainer .icon-volume-up { background-position: -408px -24px } .suchContainer .icon-qrcode { background-position: -432px -24px } .suchContainer .icon-barcode { background-position: -456px -24px } .suchContainer .icon-tag { background-position: 0 -48px } .suchContainer .icon-tags { background-position: -25px -48px } .suchContainer .icon-book { background-position: -48px -48px } .suchContainer .icon-bookmark { background-position: -72px -48px } .suchContainer .icon-print { background-position: -96px -48px } .suchContainer .icon-camera { background-position: -120px -48px } .suchContainer .icon-font { background-position: -144px -48px } .suchContainer .icon-bold { background-position: -167px -48px } .suchContainer .icon-italic { background-position: -192px -48px } .suchContainer .icon-text-height { background-position: -216px -48px } .suchContainer .icon-text-width { background-position: -240px -48px } .suchContainer .icon-align-left { background-position: -264px -48px } .suchContainer .icon-align-center { background-position: -288px -48px } .suchContainer .icon-align-right { background-position: -312px -48px } .suchContainer .icon-align-justify { background-position: -336px -48px } .suchContainer .icon-list { background-position: -360px -48px } .suchContainer .icon-indent-left { background-position: -384px -48px } .suchContainer .icon-indent-right { background-position: -408px -48px } .suchContainer .icon-facetime-video { background-position: -432px -48px } .suchContainer .icon-picture { background-position: -456px -48px } .suchContainer .icon-pencil { background-position: 0 -72px } .suchContainer .icon-map-marker { background-position: -24px -72px } .suchContainer .icon-adjust { background-position: -48px -72px } .suchContainer .icon-tint { background-position: -72px -72px } .suchContainer .icon-edit { background-position: -96px -72px } .suchContainer .icon-share { background-position: -120px -72px } .suchContainer .icon-check { background-position: -144px -72px } .suchContainer .icon-move { background-position: -168px -72px } .suchContainer .icon-step-backward { background-position: -192px -72px } .suchContainer .icon-fast-backward { background-position: -216px -72px } .suchContainer .icon-backward { background-position: -240px -72px } .suchContainer .icon-play { background-position: -264px -72px } .suchContainer .icon-pause { background-position: -288px -72px } .suchContainer .icon-stop { background-position: -312px -72px } .suchContainer .icon-forward { background-position: -336px -72px } .suchContainer .icon-fast-forward { background-position: -360px -72px } .suchContainer .icon-step-forward { background-position: -384px -72px } .suchContainer .icon-eject { background-position: -408px -72px } .suchContainer .icon-chevron-left { background-position: -432px -72px } .suchContainer .icon-chevron-right { background-position: -456px -72px } .suchContainer .icon-plus-sign { background-position: 0 -96px } .suchContainer .icon-minus-sign { background-position: -24px -96px } .suchContainer .icon-remove-sign { background-position: -48px -96px } .suchContainer .icon-ok-sign { background-position: -72px -96px } .suchContainer .icon-question-sign { background-position: -96px -96px } .suchContainer .icon-info-sign { background-position: -120px -96px } .suchContainer .icon-screenshot { background-position: -144px -96px } .suchContainer .icon-remove-circle { background-position: -168px -96px } .suchContainer .icon-ok-circle { background-position: -192px -96px } .suchContainer .icon-ban-circle { background-position: -216px -96px } .suchContainer .icon-arrow-left { background-position: -240px -96px } .suchContainer .icon-arrow-right { background-position: -264px -96px } .suchContainer .icon-arrow-up { background-position: -289px -96px } .suchContainer .icon-arrow-down { background-position: -312px -96px } .suchContainer .icon-share-alt { background-position: -336px -96px } .suchContainer .icon-resize-full { background-position: -360px -96px } .suchContainer .icon-resize-small { background-position: -384px -96px } .suchContainer .icon-plus { background-position: -408px -96px } .suchContainer .icon-minus { background-position: -433px -96px } .suchContainer .icon-asterisk { background-position: -456px -96px } .suchContainer .icon-exclamation-sign { background-position: 0 -120px } .suchContainer .icon-gift { background-position: -24px -120px } .suchContainer .icon-leaf { background-position: -48px -120px } .suchContainer .icon-fire { background-position: -72px -120px } .suchContainer .icon-eye-open { background-position: -96px -120px } .suchContainer .icon-eye-close { background-position: -120px -120px } .suchContainer .icon-warning-sign { background-position: -144px -120px } .suchContainer .icon-plane { background-position: -168px -120px } .suchContainer .icon-calendar { background-position: -192px -120px } .suchContainer .icon-random { width: 16px; background-position: -216px -120px } .suchContainer .icon-comment { background-position: -240px -120px } .suchContainer .icon-magnet { background-position: -264px -120px } .suchContainer .icon-chevron-up { background-position: -288px -120px } .suchContainer .icon-chevron-down { background-position: -313px -119px } .suchContainer .icon-retweet { background-position: -336px -120px } .suchContainer .icon-shopping-cart { background-position: -360px -120px } .suchContainer .icon-folder-close { background-position: -384px -120px } .suchContainer .icon-folder-open { width: 16px; background-position: -408px -120px } .suchContainer .icon-resize-vertical { background-position: -432px -119px } .suchContainer .icon-resize-horizontal { background-position: -456px -118px } .suchContainer .icon-hdd { background-position: 0 -144px } .suchContainer .icon-bullhorn { background-position: -24px -144px } .suchContainer .icon-bell { background-position: -48px -144px } .suchContainer .icon-certificate { background-position: -72px -144px } .suchContainer .icon-thumbs-up { background-position: -96px -144px } .suchContainer .icon-thumbs-down { background-position: -120px -144px } .suchContainer .icon-hand-right { background-position: -144px -144px } .suchContainer .icon-hand-left { background-position: -168px -144px } .suchContainer .icon-hand-up { background-position: -192px -144px } .suchContainer .icon-hand-down { background-position: -216px -144px } .suchContainer .icon-circle-arrow-right { background-position: -240px -144px } .suchContainer .icon-circle-arrow-left { background-position: -264px -144px } .suchContainer .icon-circle-arrow-up { background-position: -288px -144px } .suchContainer .icon-circle-arrow-down { background-position: -312px -144px } .suchContainer .icon-globe { background-position: -336px -144px } .suchContainer .icon-wrench { background-position: -360px -144px } .suchContainer .icon-tasks { background-position: -384px -144px } .suchContainer .icon-filter { background-position: -408px -144px } .suchContainer .icon-briefcase { background-position: -432px -144px } .suchContainer .icon-fullscreen { background-position: -456px -144px } .suchContainer .dropdown, .suchContainer .dropup { position: relative } .suchContainer .dropdown-toggle { *margin-bottom: -3px } .suchContainer .dropdown-toggle:active, .suchContainer .open .dropdown-toggle { outline: 0 } .suchContainer .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "" } .suchContainer .dropdown .caret { margin-top: 8px; margin-left: 2px } .suchContainer .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; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .suchContainer .dropdown-menu.pull-right { right: 0; left: auto } .suchContainer .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff } .suchContainer .dropdown-menu li>button { width: 100%; border: 0; background-color: transparent; text-align: left } .suchContainer .dropdown-menu li>a, .suchContainer .dropdown-menu li>button { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 20px; color: #333; white-space: nowrap } .suchContainer .dropdown-menu li>a:focus, .suchContainer .dropdown-menu li>a:hover, .suchContainer .dropdown-menu li>button:focus, .suchContainer .dropdown-menu li>button:hover, .suchContainer .dropdown-submenu:hover>a, .suchContainer .dropdown-submenu:hover>button { color: #fff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #08c, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: -o-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) } .suchContainer .dropdown-menu .active>a, .suchContainer .dropdown-menu .active>a:hover, .suchContainer .dropdown-menu .active>button, .suchContainer .dropdown-menu .active>button:hover { color: #fff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #08c, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: -o-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) } .suchContainer .dropdown-menu .disabled>a, .suchContainer .dropdown-menu .disabled>a:hover, .suchContainer .dropdown-menu .disabled>button, .suchContainer .dropdown-menu .disabled>button:hover { color: #777 } .suchContainer .dropdown-menu .disabled>a:hover, .suchContainer .dropdown-menu .disabled>button:hover { text-decoration: none; cursor: default; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .open { *z-index: 1000 } .suchContainer .open>.dropdown-menu { display: block } .suchContainer .pull-right>.dropdown-menu { right: 0; left: auto } .suchContainer .dropup .caret, .suchContainer .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: "" } .suchContainer .dropup .dropdown-menu, .suchContainer .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px } .suchContainer .dropdown-submenu { position: relative } .suchContainer .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px } .suchContainer .dropdown-submenu:hover>.dropdown-menu { display: block } .suchContainer .dropup .dropdown-submenu>.dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0 } .suchContainer .dropdown-submenu>a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #ccc; border-style: solid; border-width: 5px 0 5px 5px; content: " " } .suchContainer .dropdown-submenu:hover>a:after { border-left-color: #fff } .suchContainer .dropdown-submenu.pull-left { float: none } .suchContainer .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px } .suchContainer .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px } .suchContainer .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .suchContainer .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15) } .suchContainer .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .suchContainer .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .suchContainer .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .suchContainer .fade.in { opacity: 1 } .suchContainer .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease } .suchContainer .collapse.in { height: auto } .suchContainer .close { float: right; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .suchContainer .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) } .suchContainer button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .suchContainer .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbb; *border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-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) } .suchContainer .btn.active, .suchContainer .btn.disabled, .suchContainer .btn:active, .suchContainer .btn:hover, .suchContainer .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9 } .suchContainer .btn.active, .suchContainer .btn:active { background-color: #ccc \9 } .suchContainer .btn:first-child { *margin-left: 0 } .suchContainer .btn:hover { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear } .suchContainer .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .suchContainer .btn.active, .suchContainer .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05) } .suchContainer .btn.disabled, .suchContainer .btn[disabled] { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .suchContainer .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .suchContainer .btn-large [class*=" icon-"], .suchContainer .btn-large [class^=icon-] { margin-top: 4px } .suchContainer .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .suchContainer .btn-small [class*=" icon-"], .suchContainer .btn-small [class^=icon-] { margin-top: 0 } .suchContainer .btn-mini [class*=" icon-"], .suchContainer .btn-mini [class^=icon-] { margin-top: -1px } .suchContainer .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .suchContainer .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .suchContainer .btn-block+.btn-block { margin-top: 5px } .suchContainer input[type=button].btn-block, .suchContainer input[type=reset].btn-block, .suchContainer input[type=submit].btn-block { width: 100% } .suchContainer .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, .15)rgba(0, 0, 0, .15)rgba(0, 0, 0, .25) } .suchContainer .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #006dcc; *background-color: #04c; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .btn-primary.active, .suchContainer .btn-primary.disabled, .suchContainer .btn-primary:active, .suchContainer .btn-primary:hover, .suchContainer .btn-primary[disabled] { color: #fff; background-color: #04c; *background-color: #003bb3 } .suchContainer .btn-primary.active, .suchContainer .btn-primary:active { background-color: #039 \9 } .suchContainer .btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .btn-warning.active, .suchContainer .btn-warning.disabled, .suchContainer .btn-warning:active, .suchContainer .btn-warning:hover, .suchContainer .btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505 } .suchContainer .btn-warning.active, .suchContainer .btn-warning:active { background-color: #c67605 \9 } .suchContainer .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .btn-danger.active, .suchContainer .btn-danger.disabled, .suchContainer .btn-danger:active, .suchContainer .btn-danger:hover, .suchContainer .btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a } .suchContainer .btn-danger.active, .suchContainer .btn-danger:active { background-color: #942a25 \9 } .suchContainer .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .btn-success.active, .suchContainer .btn-success.disabled, .suchContainer .btn-success:active, .suchContainer .btn-success:hover, .suchContainer .btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249 } .suchContainer .btn-success.active, .suchContainer .btn-success:active { background-color: #408140 \9 } .suchContainer .btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .btn-info.active, .suchContainer .btn-info.disabled, .suchContainer .btn-info:active, .suchContainer .btn-info:hover, .suchContainer .btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0 } .suchContainer .btn-info.active, .suchContainer .btn-info:active { background-color: #24748c \9 } .suchContainer .btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #363636; *background-color: #222; background-image: -moz-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image: linear-gradient(to bottom, #444, #222); background-repeat: repeat-x; border-color: #222 #222 #000; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .btn-inverse.active, .suchContainer .btn-inverse.disabled, .suchContainer .btn-inverse:active, .suchContainer .btn-inverse:hover, .suchContainer .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515 } .suchContainer .btn-inverse.active, .suchContainer .btn-inverse:active { background-color: #080808 \9 } .suchContainer button.btn, .suchContainer input[type=submit].btn { *padding-top: 3px; *padding-bottom: 3px } .suchContainer button.btn::-moz-focus-inner, .suchContainer input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0 } .suchContainer button.btn.btn-large, .suchContainer input[type=submit].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px } .suchContainer button.btn.btn-small, .suchContainer input[type=submit].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px } .suchContainer button.btn.btn-mini, .suchContainer input[type=submit].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px } .suchContainer .btn-link, .suchContainer .btn-link:active, .suchContainer .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .suchContainer .btn-link { cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent } .suchContainer .btn-link[disabled]:hover { color: #333; text-decoration: none } .suchContainer .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1 } .suchContainer .btn-group:first-child { *margin-left: 0 } .suchContainer .btn-group+.btn-group { margin-left: 5px } .suchContainer .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0 } .suchContainer .btn-toolbar>.btn+.btn, .suchContainer .btn-toolbar>.btn+.btn-group, .suchContainer .btn-toolbar>.btn-group+.btn { margin-left: 5px } .suchContainer .btn-group>.btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .btn-group>.btn+.btn { margin-left: -1px } .suchContainer .btn-group>.btn, .suchContainer .btn-group>.dropdown-menu, .suchContainer .btn-group>.popover { font-size: 14px } .suchContainer .btn-group>.btn-mini { font-size: 10.5px } .suchContainer .btn-group>.btn-small { font-size: 11.9px } .suchContainer .btn-group>.btn-large { font-size: 17.5px } .suchContainer .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .suchContainer .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px } .suchContainer .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px } .suchContainer .btn-group>.btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px } .suchContainer .btn-group>.btn.large:last-child, .suchContainer .btn-group>.large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px } .suchContainer .btn-group>.btn.active, .suchContainer .btn-group>.btn:active, .suchContainer .btn-group>.btn:focus, .suchContainer .btn-group>.btn:hover { z-index: 2 } .suchContainer .btn-group .dropdown-toggle:active, .suchContainer .btn-group.open .dropdown-toggle { outline: 0 } .suchContainer .btn-group>.btn+.dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05) } .suchContainer .btn-group>.btn-mini+.dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px } .suchContainer .btn-group>.btn-small+.dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px } .suchContainer .btn-group>.btn-large+.dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px } .suchContainer .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05) } .suchContainer .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6 } .suchContainer .btn-group.open .btn-primary.dropdown-toggle { background-color: #04c } .suchContainer .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406 } .suchContainer .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f } .suchContainer .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351 } .suchContainer .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4 } .suchContainer .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222 } .suchContainer .btn .caret { margin-top: 8px; margin-left: 0 } .suchContainer .btn-large .caret, .suchContainer .btn-mini .caret, .suchContainer .btn-small .caret { margin-top: 6px } .suchContainer .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px } .suchContainer .dropup .btn-large .caret { border-bottom-width: 5px } .suchContainer .btn-danger .caret, .suchContainer .btn-info .caret, .suchContainer .btn-inverse .caret, .suchContainer .btn-primary .caret, .suchContainer .btn-success .caret, .suchContainer .btn-warning .caret { border-top-color: #fff; border-bottom-color: #fff } .suchContainer .btn-group-vertical { display: inline-block; *display: inline; *zoom: 1 } .suchContainer .btn-group-vertical>.btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .btn-group-vertical>.btn+.btn { margin-top: -1px; margin-left: 0 } .suchContainer .btn-group-vertical>.btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .suchContainer .btn-group-vertical>.btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .suchContainer .btn-group-vertical>.btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 } .suchContainer .btn-group-vertical>.btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } .suchContainer .alert { padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .alert, .suchContainer .alert h4 { color: #c09853 } .suchContainer .alert h4 { margin: 0 } .suchContainer .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px } .suchContainer .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6 } .suchContainer .alert-success h4 { color: #468847 } .suchContainer .alert-danger, .suchContainer .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 } .suchContainer .alert-danger h4, .suchContainer .alert-error h4 { color: #b94a48 } .suchContainer .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1 } .suchContainer .alert-info h4 { color: #3a87ad } .suchContainer .alert-block { padding-top: 14px; padding-bottom: 14px } .suchContainer .alert-block>p, .suchContainer .alert-block>ul { margin-bottom: 0 } .suchContainer .alert-block p+p { margin-top: 5px } .suchContainer .nav { list-style: none } .suchContainer .nav>li>button { background: 0 0; border: 0 } .suchContainer .nav>li>a, .suchContainer .nav>li>button { display: block } .suchContainer .nav>li>a:hover, .suchContainer .nav>li>button:hover { text-decoration: none; background-color: #eee } .suchContainer .nav>li>a>img, .suchContainer .nav>li>button>img { max-width: none } .suchContainer .nav>.pull-right { float: right } .suchContainer .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: 700; line-height: 20px; color: #777; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); text-transform: uppercase } .suchContainer .nav li+.nav-header { margin-top: 9px } .suchContainer .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0 } .suchContainer .nav-list .nav-header, .suchContainer .nav-list>li>a { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5) } .suchContainer .nav-list>li>a { padding: 3px 15px } .suchContainer .nav-list>.active>a, .suchContainer .nav-list>.active>a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #08c } .suchContainer .nav-list [class*=" icon-"], .suchContainer .nav-list [class^=icon-] { margin-right: 2px } .suchContainer .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff } .suchContainer .nav-pills, .suchContainer .nav-tabs { *zoom: 1 } .suchContainer .nav-pills:after, .suchContainer .nav-pills:before, .suchContainer .nav-tabs:after, .suchContainer .nav-tabs:before { display: table; line-height: 0; content: "" } .suchContainer .nav-pills:after, .suchContainer .nav-tabs:after { clear: both } .suchContainer .nav-pills>li, .suchContainer .nav-tabs>li { float: left } .suchContainer .nav-pills>li>a, .suchContainer .nav-tabs>li>a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px } .suchContainer .nav-tabs { border-bottom: 1px solid #ddd } .suchContainer .nav-tabs>li { margin-bottom: -1px } .suchContainer .nav-tabs>li>a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .suchContainer .nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .suchContainer .nav-tabs>.active>a, .suchContainer .nav-tabs>.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent } .suchContainer .nav-pills>li>a { margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .suchContainer .nav-pills>.active>a, .suchContainer .nav-pills>.active>a:hover { color: #fff; background-color: #08c } .suchContainer .nav-stacked>li { float: none } .suchContainer .nav-stacked>li>a { margin-right: 0 } .suchContainer .nav-tabs.nav-stacked { border-bottom: 0 } .suchContainer .nav-tabs.nav-stacked>li>a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .nav-tabs.nav-stacked>li:first-child>a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px } .suchContainer .nav-tabs.nav-stacked>li:last-child>a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px } .suchContainer .nav-tabs.nav-stacked>li>a:hover { z-index: 2; border-color: #ddd } .suchContainer .nav-pills.nav-stacked>li>a { margin-bottom: 3px } .suchContainer .nav-pills.nav-stacked>li:last-child>a { margin-bottom: 1px } .suchContainer .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } .suchContainer .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .suchContainer .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #08c; border-bottom-color: #08c } .suchContainer .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580 } .suchContainer .nav-tabs .dropdown-toggle .caret { margin-top: 8px } .suchContainer .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff } .suchContainer .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 } .suchContainer .nav>.dropdown.active>a:hover { cursor: pointer } .suchContainer .nav-pills .open .dropdown-toggle, .suchContainer .nav-tabs .open .dropdown-toggle, .suchContainer .nav>li.dropdown.open.active>a:hover { color: #fff; background-color: #777; border-color: #777 } .suchContainer .nav li.dropdown.open .caret, .suchContainer .nav li.dropdown.open a:hover .caret, .suchContainer .nav li.dropdown.open.active .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100) } .suchContainer .tabs-stacked .open>a:hover { border-color: #777 } .suchContainer .tabbable { *zoom: 1 } .suchContainer .tabbable:after, .suchContainer .tabbable:before { display: table; line-height: 0; content: "" } .suchContainer .tabbable:after { clear: both } .suchContainer .tab-content { overflow: auto } .suchContainer .tabs-below>.nav-tabs, .suchContainer .tabs-left>.nav-tabs, .suchContainer .tabs-right>.nav-tabs { border-bottom: 0 } .suchContainer .pill-content>.pill-pane, .suchContainer .tab-content>.tab-pane { display: none } .suchContainer .pill-content>.active, .suchContainer .tab-content>.active { display: block } .suchContainer .tabs-below>.nav-tabs { border-top: 1px solid #ddd } .suchContainer .tabs-below>.nav-tabs>li { margin-top: -1px; margin-bottom: 0 } .suchContainer .tabs-below>.nav-tabs>li>a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .suchContainer .tabs-below>.nav-tabs>li>a:hover { border-top-color: #ddd; border-bottom-color: transparent } .suchContainer .tabs-below>.nav-tabs>.active>a, .suchContainer .tabs-below>.nav-tabs>.active>a:hover { border-color: transparent #ddd #ddd } .suchContainer .tabs-left>.nav-tabs>li, .suchContainer .tabs-right>.nav-tabs>li { float: none } .suchContainer .tabs-left>.nav-tabs>li>a, .suchContainer .tabs-right>.nav-tabs>li>a { min-width: 74px; margin-right: 0; margin-bottom: 3px } .suchContainer .tabs-left>.nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd } .suchContainer .tabs-left>.nav-tabs>li>a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .suchContainer .tabs-left>.nav-tabs>li>a:hover { border-color: #eee #ddd #eee #eee } .suchContainer .tabs-left>.nav-tabs .active>a, .suchContainer .tabs-left>.nav-tabs .active>a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff } .suchContainer .tabs-right>.nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd } .suchContainer .tabs-right>.nav-tabs>li>a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .suchContainer .tabs-right>.nav-tabs>li>a:hover { border-color: #eee #eee #eee #ddd } .suchContainer .tabs-right>.nav-tabs .active>a, .suchContainer .tabs-right>.nav-tabs .active>a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff } .suchContainer .nav>.disabled>a { color: #777 } .suchContainer .nav>.disabled>a:hover { text-decoration: none; cursor: default; background-color: transparent } .suchContainer .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible } .suchContainer .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #fff, #f2f2f2); background-image: -o-linear-gradient(top, #fff, #f2f2f2); background-image: linear-gradient(to bottom, #fff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065); box-shadow: 0 1px 4px rgba(0, 0, 0, .065) } .suchContainer .navbar-inner:after, .suchContainer .navbar-inner:before { display: table; line-height: 0; content: "" } .suchContainer .navbar-inner:after { clear: both } .suchContainer .navbar .container { width: auto } .suchContainer .nav-collapse.collapse { height: auto; overflow: visible } .suchContainer .navbar .brand { display: block; float: left; padding: 10px 20px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777; text-shadow: 0 1px 0 #fff } .suchContainer .navbar .brand:hover { text-decoration: none } .suchContainer .navbar-text { margin-bottom: 0; line-height: 40px; color: #777 } .suchContainer .navbar-link { color: #777 } .suchContainer .navbar-link:hover { color: #333 } .suchContainer .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #fff; border-left: 1px solid #f2f2f2 } .suchContainer .navbar .btn, .suchContainer .navbar .btn-group { margin-top: 5px } .suchContainer .navbar .btn-group .btn, .suchContainer .navbar .input-append .btn, .suchContainer .navbar .input-prepend .btn { margin-top: 0 } .suchContainer .navbar-form { margin-bottom: 0; *zoom: 1 } .suchContainer .navbar-form:after, .suchContainer .navbar-form:before { display: table; line-height: 0; content: "" } .suchContainer .navbar-form:after { clear: both } .suchContainer .navbar-form .checkbox, .suchContainer .navbar-form .radio, .suchContainer .navbar-form input, .suchContainer .navbar-form select { margin-top: 5px } .suchContainer .navbar-form .btn, .suchContainer .navbar-form input, .suchContainer .navbar-form select { display: inline-block; margin-bottom: 0 } .suchContainer .navbar-form input[type=checkbox], .suchContainer .navbar-form input[type=image], .suchContainer .navbar-form input[type=radio] { margin-top: 3px } .suchContainer .navbar-form .input-append, .suchContainer .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap } .suchContainer .navbar-form .input-append input, .suchContainer .navbar-form .input-prepend input { margin-top: 0 } .suchContainer .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0 } .suchContainer .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px } .suchContainer .navbar-static-top { position: static; margin-bottom: 0 } .suchContainer .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .navbar-fixed-bottom, .suchContainer .navbar-fixed-top { position: fixed; right: 0; left: 0; margin-bottom: 0 } .suchContainer .navbar-fixed-top .navbar-inner, .suchContainer .navbar-static-top .navbar-inner { border-width: 0 0 1px } .suchContainer .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0 } .suchContainer .navbar-fixed-bottom .navbar-inner, .suchContainer .navbar-fixed-top .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .suchContainer .navbar-fixed-bottom .container, .suchContainer .navbar-fixed-top .container, .suchContainer .navbar-static-top .container { width: 940px } .suchContainer .navbar-fixed-top { top: 0 } .suchContainer .navbar-fixed-top .navbar-inner, .suchContainer .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); box-shadow: 0 1px 10px rgba(0, 0, 0, .1) } .suchContainer .navbar-fixed-bottom { bottom: 0 } .suchContainer .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, .1); box-shadow: 0 -1px 10px rgba(0, 0, 0, .1) } .suchContainer .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0 } .suchContainer .navbar .nav.pull-right { float: right; margin-right: 0 } .suchContainer .navbar .nav>li { float: left } .suchContainer .navbar .nav>li>a, .suchContainer .navbar .nav>li>button { float: none; padding: 10px 15px; color: #777; text-decoration: none } .suchContainer .navbar .nav .dropdown-toggle .caret { margin-top: 8px } .suchContainer .navbar .nav>li>a:focus, .suchContainer .navbar .nav>li>a:hover, .suchContainer .navbar .nav>li>button:focus, .suchContainer .navbar .nav>li>button:hover { color: #333; text-decoration: none; background-color: transparent } .suchContainer .navbar .nav>.active>a, .suchContainer .navbar .nav>.active>a:focus, .suchContainer .navbar .nav>.active>a:hover { color: #555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125) } .suchContainer .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075) } .suchContainer .navbar .btn-navbar.active, .suchContainer .navbar .btn-navbar.disabled, .suchContainer .navbar .btn-navbar:active, .suchContainer .navbar .btn-navbar:hover, .suchContainer .navbar .btn-navbar[disabled] { color: #fff; background-color: #e5e5e5; *background-color: #d9d9d9 } .suchContainer .navbar .btn-navbar.active, .suchContainer .navbar .btn-navbar:active { background-color: #ccc \9 } .suchContainer .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .suchContainer .btn-navbar .icon-bar+.icon-bar { margin-top: 3px } .suchContainer .navbar .nav>li>.dropdown-menu:before { position: absolute; top: -7px; left: 9px; 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, .2); content: '' } .suchContainer .navbar .nav>li>.dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: '' } .suchContainer .navbar-fixed-bottom .nav>li>.dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, .2) } .suchContainer .navbar-fixed-bottom .nav>li>.dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #fff; border-bottom: 0 } .suchContainer .navbar .nav li.dropdown>a:hover .caret { border-top-color: #555; border-bottom-color: #555 } .suchContainer .navbar .nav li.dropdown.active>.dropdown-toggle, .suchContainer .navbar .nav li.dropdown.open.active>.dropdown-toggle, .suchContainer .navbar .nav li.dropdown.open>.dropdown-toggle { color: #555; background-color: #e5e5e5 } .suchContainer .navbar .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #777; border-bottom-color: #777 } .suchContainer .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .suchContainer .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret, .suchContainer .navbar .nav li.dropdown.open>.dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 } .suchContainer .navbar .nav>li>.dropdown-menu.pull-right, .suchContainer .navbar .pull-right>li>.dropdown-menu { right: 0; left: auto } .suchContainer .navbar .nav>li>.dropdown-menu.pull-right:before, .suchContainer .navbar .pull-right>li>.dropdown-menu:before { right: 12px; left: auto } .suchContainer .navbar .nav>li>.dropdown-menu.pull-right:after, .suchContainer .navbar .pull-right>li>.dropdown-menu:after { right: 13px; left: auto } .suchContainer .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu, .suchContainer .navbar .pull-right>li>.dropdown-menu .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px } .suchContainer .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222, #111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111)); background-image: -webkit-linear-gradient(top, #222, #111); background-image: -o-linear-gradient(top, #222, #111); background-image: linear-gradient(to bottom, #222, #111); background-repeat: repeat-x; border-color: #252525; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0) } .suchContainer .navbar-inverse .brand, .suchContainer .navbar-inverse .nav>li>a, .suchContainer .navbar-inverse .nav>li>button { color: gray; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .suchContainer .navbar-inverse .brand:hover, .suchContainer .navbar-inverse .nav>li>a:hover, .suchContainer .navbar-inverse .nav>li>button:hover { color: #fff } .suchContainer .navbar-inverse .brand, .suchContainer .navbar-inverse .navbar-text { color: #777 } .suchContainer .navbar-inverse .nav>li>a:focus, .suchContainer .navbar-inverse .nav>li>a:hover, .suchContainer .navbar-inverse .nav>li>button:focus, .suchContainer .navbar-inverse .nav>li>button:hover { color: #fff; background-color: transparent } .suchContainer .navbar-inverse .nav .active>a, .suchContainer .navbar-inverse .nav .active>a:focus, .suchContainer .navbar-inverse .nav .active>a:hover, .suchContainer .navbar-inverse .nav .active>button, .suchContainer .navbar-inverse .nav .active>button:focus, .suchContainer .navbar-inverse .nav .active>button:hover { color: #fff; background-color: #111 } .suchContainer .navbar-inverse .navbar-link { color: #777 } .suchContainer .navbar-inverse .navbar-link:hover { color: #fff } .suchContainer .navbar-inverse .divider-vertical { border-right-color: #222; border-left-color: #111 } .suchContainer .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .suchContainer .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle, .suchContainer .navbar-inverse .nav li.dropdown.open>.dropdown-toggle { color: #fff; background-color: #111 } .suchContainer .navbar-inverse .nav li.dropdown>a:hover .caret { border-top-color: #fff; border-bottom-color: #fff } .suchContainer .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #777; border-bottom-color: #777 } .suchContainer .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret, .suchContainer .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret, .suchContainer .navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff } .suchContainer .navbar-inverse .navbar-search .search-query { color: #fff; background-color: #515151; border-color: #111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .suchContainer .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #ccc } .suchContainer .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #ccc } .suchContainer .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #ccc } .suchContainer .navbar-inverse .navbar-search .search-query.focused, .suchContainer .navbar-inverse .navbar-search .search-query:focus { padding: 5px 15px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15) } .suchContainer .navbar-inverse .btn-navbar { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .suchContainer .navbar-inverse .btn-navbar.active, .suchContainer .navbar-inverse .btn-navbar.disabled, .suchContainer .navbar-inverse .btn-navbar:active, .suchContainer .navbar-inverse .btn-navbar:hover, .suchContainer .navbar-inverse .btn-navbar[disabled] { color: #fff; background-color: #040404; *background-color: #000 } .suchContainer .navbar-inverse .btn-navbar.active, .suchContainer .navbar-inverse .btn-navbar:active { background-color: #000 \9 } .suchContainer .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .breadcrumb>li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #fff; *zoom: 1 } .suchContainer .breadcrumb>li>.divider { padding: 0 5px; color: #ccc } .suchContainer .breadcrumb>.active { color: #777 } .suchContainer .pagination { margin: 20px 0 } .suchContainer .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); box-shadow: 0 1px 2px rgba(0, 0, 0, .05) } .suchContainer .pagination ul>li { display: inline } .suchContainer .pagination ul>li>a, .suchContainer .pagination ul>li>span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0 } .suchContainer .pagination ul>.active>a, .suchContainer .pagination ul>.active>span, .suchContainer .pagination ul>li>a:hover { background-color: #f5f5f5 } .suchContainer .pagination ul>.active>a, .suchContainer .pagination ul>.active>span { color: #777; cursor: default } .suchContainer .pagination ul>.disabled>a, .suchContainer .pagination ul>.disabled>a:hover, .suchContainer .pagination ul>.disabled>span { color: #777; cursor: default; background-color: transparent } .suchContainer .pagination ul>li:first-child>a, .suchContainer .pagination ul>li:first-child>span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px } .suchContainer .pagination ul>li:last-child>a, .suchContainer .pagination ul>li:last-child>span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px } .suchContainer .pagination-centered { text-align: center } .suchContainer .pagination-right { text-align: right } .suchContainer .pagination-large ul>li>a, .suchContainer .pagination-large ul>li>span { padding: 11px 19px; font-size: 17.5px } .suchContainer .pagination-large ul>li:first-child>a, .suchContainer .pagination-large ul>li:first-child>span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px } .suchContainer .pagination-large ul>li:last-child>a, .suchContainer .pagination-large ul>li:last-child>span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px } .suchContainer .pagination-mini ul>li:first-child>a, .suchContainer .pagination-mini ul>li:first-child>span, .suchContainer .pagination-small ul>li:first-child>a, .suchContainer .pagination-small ul>li:first-child>span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px } .suchContainer .pagination-mini ul>li:last-child>a, .suchContainer .pagination-mini ul>li:last-child>span, .suchContainer .pagination-small ul>li:last-child>a, .suchContainer .pagination-small ul>li:last-child>span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px } .suchContainer .pagination-small ul>li>a, .suchContainer .pagination-small ul>li>span { padding: 2px 10px; font-size: 11.9px } .suchContainer .pagination-mini ul>li>a, .suchContainer .pagination-mini ul>li>span { padding: 0 6px; font-size: 10.5px } .suchContainer .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1 } .suchContainer .pager:after, .suchContainer .pager:before { display: table; line-height: 0; content: "" } .suchContainer .pager:after { clear: both } .suchContainer .pager li { display: inline } .suchContainer .pager li>a, .suchContainer .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px } .suchContainer .pager li>a:hover { text-decoration: none; background-color: #f5f5f5 } .suchContainer .pager .next>a, .suchContainer .pager .next>span { float: right } .suchContainer .pager .previous>a, .suchContainer .pager .previous>span { float: left } .suchContainer .pager .disabled>a, .suchContainer .pager .disabled>a:hover, .suchContainer .pager .disabled>span { color: #777; cursor: default; background-color: #fff } .suchContainer .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .suchContainer .modal-backdrop.fade { opacity: 0 } .suchContainer .modal-backdrop, .suchContainer .modal-backdrop.fade.in { opacity: .8; filter: alpha(opacity=80) } .suchContainer .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3); box-shadow: 0 3px 7px rgba(0, 0, 0, .3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box } .suchContainer .modal.fade { top: -25%; -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out } .suchContainer .modal.fade.in { top: 10% } .suchContainer .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee } .suchContainer .modal-header .close { margin-top: 2px } .suchContainer .modal-header h3 { margin: 0; line-height: 30px } .suchContainer .modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto } .suchContainer .modal-form { margin-bottom: 0 } .suchContainer .suchContainer .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff } .suchContainer .modal-footer:after, .suchContainer .modal-footer:before { display: table; line-height: 0; content: "" } .suchContainer .modal-footer:after { clear: both } .suchContainer .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .suchContainer .modal-footer .btn-group .btn+.btn { margin-left: -1px } .suchContainer .modal-footer .btn-block+.btn-block { margin-left: 0 } .suchContainer .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible } .suchContainer .tooltip.in { opacity: .8; filter: alpha(opacity=80) } .suchContainer .tooltip.top { margin-top: -3px } .suchContainer .tooltip.right { margin-left: 3px } .suchContainer .tooltip.bottom { margin-top: 3px } .suchContainer .tooltip.left { margin-left: -3px } .suchContainer .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .suchContainer .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0 } .suchContainer .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0 } .suchContainer .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px } .suchContainer .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000; border-width: 0 5px 5px } .suchContainer .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .suchContainer .popover.top { margin-top: -10px } .suchContainer .popover.right { margin-left: 10px } .suchContainer .popover.bottom { margin-top: 10px } .suchContainer .popover.left { margin-left: -10px } .suchContainer .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .suchContainer .popover-content { padding: 9px 14px } .suchContainer .popover .arrow, .suchContainer .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .suchContainer .popover .arrow { border-width: 11px } .suchContainer .popover .arrow:after { border-width: 10px; content: "" } .suchContainer .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 } .suchContainer .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 } .suchContainer .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 } .suchContainer .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0 } .suchContainer .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); border-top-width: 0 } .suchContainer .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 } .suchContainer .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); border-right-width: 0 } .suchContainer .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #fff; border-right-width: 0 } .suchContainer .thumbnails { margin-left: -20px; list-style: none; *zoom: 1 } .suchContainer .thumbnails:after, .suchContainer .thumbnails:before { display: table; line-height: 0; content: "" } .suchContainer .thumbnails:after { clear: both } .suchContainer .row-fluid .thumbnails { margin-left: 0 } .suchContainer .thumbnails>li { float: left; margin-bottom: 20px; margin-left: 20px } .suchContainer .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .055); box-shadow: 0 1px 3px rgba(0, 0, 0, .055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .suchContainer a.thumbnail:hover { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, .25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, .25); box-shadow: 0 1px 4px rgba(0, 105, 214, .25) } .suchContainer .thumbnail>img { display: block; max-width: 100%; margin-right: auto; margin-left: auto } .suchContainer .thumbnail .caption { padding: 9px; color: #555 } .suchContainer .media, .suchContainer .media-body { *overflow: visible; zoom: 1 } .suchContainer .media, .suchContainer .media .media { margin-top: 15px } .suchContainer .media-object { display: block } .suchContainer .media .pull-left { margin-right: 10px } .suchContainer .media .pull-right { margin-left: 10px } .suchContainer .media-list { margin-left: 0; list-style: none } .suchContainer .badge, .suchContainer .label { display: inline-block; padding: 2px 4px; font-size: 11.84px; font-weight: 700; line-height: 14px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); white-space: nowrap; vertical-align: baseline; background-color: #999 } .suchContainer .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .suchContainer .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px } .suchContainer .badge:empty, .suchContainer .label:empty { display: none } .suchContainer a.badge:hover, .suchContainer a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .suchContainer .badge-important, .suchContainer .label-important { background-color: #b94a48 } .suchContainer .badge-important[href], .suchContainer .label-important[href] { background-color: #953b39 } .suchContainer .badge-warning, .suchContainer .label-warning { background-color: #f89406 } .suchContainer .badge-warning[href], .suchContainer .label-warning[href] { background-color: #c67605 } .suchContainer .badge-success, .suchContainer .label-success { background-color: #468847 } .suchContainer .badge-success[href], .suchContainer .label-success[href] { background-color: #356635 } .suchContainer .badge-info, .suchContainer .label-info { background-color: #3a87ad } .suchContainer .badge-info[href], .suchContainer .label-info[href] { background-color: #2d6987 } .suchContainer .badge-inverse, .suchContainer .label-inverse { background-color: #333 } .suchContainer .badge-inverse[href], .suchContainer .label-inverse[href] { background-color: #1a1a1a } .suchContainer .btn .badge, .suchContainer .btn .label { position: relative; top: -1px } .suchContainer .btn-mini .badge, .suchContainer .btn-mini .label { top: 0 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0 } to { background-position: 40px 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .suchContainer .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) } .suchContainer .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .suchContainer .progress .bar+.bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15) } .suchContainer .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px } .suchContainer .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .suchContainer .progress .bar-danger, .suchContainer .progress-danger .bar { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0) } .suchContainer .progress-danger.progress-striped .bar, .suchContainer .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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) } .suchContainer .progress .bar-success, .suchContainer .progress-success .bar { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0) } .suchContainer .progress-striped .bar-success, .suchContainer .progress-success.progress-striped .bar { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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) } .suchContainer .progress .bar-info, .suchContainer .progress-info .bar { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0) } .suchContainer .progress-info.progress-striped .bar, .suchContainer .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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) } .suchContainer .progress .bar-warning, .suchContainer .progress-warning .bar { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0) } .suchContainer .progress-striped .bar-warning, .suchContainer .progress-warning.progress-striped .bar { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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) } .suchContainer .accordion { margin-bottom: 20px } .suchContainer .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .accordion-heading { border-bottom: 0 } .suchContainer .accordion-heading .accordion-toggle { display: block; padding: 8px 15px } .suchContainer .accordion-toggle { cursor: pointer } .suchContainer .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5 } .suchContainer .carousel { position: relative; margin-bottom: 20px; line-height: 1 } .suchContainer .carousel-inner { position: relative; width: 100%; overflow: hidden } .suchContainer .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .suchContainer .carousel-inner>.item>img { display: block; line-height: 1 } .suchContainer .carousel-inner>.active, .suchContainer .carousel-inner>.next, .suchContainer .carousel-inner>.prev { display: block } .suchContainer .carousel-inner>.active { left: 0 } .suchContainer .carousel-inner>.next, .suchContainer .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .suchContainer .carousel-inner>.next { left: 100% } .suchContainer .carousel-inner>.prev { left: -100% } .suchContainer .carousel-inner>.next.left, .suchContainer .carousel-inner>.prev.right { left: 0 } .suchContainer .carousel-inner>.active.left { left: -100% } .suchContainer .carousel-inner>.active.right { left: 100% } .suchContainer .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-align: center; background: #222; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: .5; filter: alpha(opacity=50) } .suchContainer .carousel-control.right { right: 15px; left: auto } .suchContainer .carousel-control:hover { color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .suchContainer .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333; background: rgba(0, 0, 0, .75) } .suchContainer .carousel-caption h4, .suchContainer .carousel-caption p { line-height: 20px; color: #fff } .suchContainer .carousel-caption h4 { margin: 0 0 5px } .suchContainer .carousel-caption p { margin-bottom: 0 } .suchContainer .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .suchContainer .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit } .suchContainer .hero-unit li { line-height: 30px } .suchContainer .hide { display: none } .suchContainer .show { display: block } .suchContainer .invisible { visibility: hidden } .suchContainer .affix { position: fixed } /*! * Bootstrap Responsive v2.2.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ @-ms-viewport { width: device-width } .suchContainer .clearfix { *zoom: 1 } .suchContainer .clearfix:after, .suchContainer .clearfix:before { display: table; line-height: 0; content: "" } .suchContainer .clearfix:after { clear: both } .suchContainer .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .suchContainer .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .suchContainer .hidden { display: none; visibility: hidden } .suchContainer .hidden-desktop, .suchContainer .visible-phone, .suchContainer .visible-tablet { display: none!important } .suchContainer .visible-desktop { display: inherit!important } @media (min-width:768px) and (max-width:979px) { .suchContainer .hidden-desktop { display: inherit!important } .suchContainer .visible-desktop { display: none!important } .suchContainer .visible-tablet { display: inherit!important } .suchContainer .hidden-tablet { display: none!important } } @media (max-width:767px) { .suchContainer .hidden-desktop { display: inherit!important } .suchContainer .visible-desktop { display: none!important } .suchContainer .visible-phone { display: inherit!important } .suchContainer .hidden-phone { display: none!important } } @media (min-width:1200px) { .suchContainer .row { margin-left: -30px; *zoom: 1 } .suchContainer .row:after, .suchContainer .row:before { display: table; line-height: 0; content: "" } .suchContainer .row:after { clear: both } .suchContainer [class*=span] { float: left; min-height: 1px; margin-left: 30px } .suchContainer .container, .suchContainer .navbar-fixed-bottom .container, .suchContainer .navbar-fixed-top .container, .suchContainer .navbar-static-top .container, .suchContainer .span12 { width: 1170px } .suchContainer .span11 { width: 1070px } .suchContainer .span10 { width: 970px } .suchContainer .span9 { width: 870px } .suchContainer .span8 { width: 770px } .suchContainer .span7 { width: 670px } .suchContainer .span6 { width: 570px } .suchContainer .span5 { width: 470px } .suchContainer .span4 { width: 370px } .suchContainer .span3 { width: 270px } .suchContainer .span2 { width: 170px } .suchContainer .span1 { width: 70px } .suchContainer .offset12 { margin-left: 1230px } .suchContainer .offset11 { margin-left: 1130px } .suchContainer .offset10 { margin-left: 1030px } .suchContainer .offset9 { margin-left: 930px } .suchContainer .offset8 { margin-left: 830px } .suchContainer .offset7 { margin-left: 730px } .suchContainer .offset6 { margin-left: 630px } .suchContainer .offset5 { margin-left: 530px } .suchContainer .offset4 { margin-left: 430px } .suchContainer .offset3 { margin-left: 330px } .suchContainer .offset2 { margin-left: 230px } .suchContainer .offset1 { margin-left: 130px } .suchContainer .row-fluid { width: 100%; *zoom: 1 } .suchContainer .row-fluid:after, .suchContainer .row-fluid:before { display: table; line-height: 0; content: "" } .suchContainer .row-fluid:after { clear: both } .suchContainer .row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .suchContainer .row-fluid [class*=span]:first-child { margin-left: 0 } .suchContainer .row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 2.564102564102564% } .suchContainer .row-fluid .span12 { width: 100%; *width: 99.94680851063829% } .suchContainer .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975% } .suchContainer .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212% } .suchContainer .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266% } .suchContainer .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411% } .suchContainer .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556% } .suchContainer .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014% } .suchContainer .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847% } .suchContainer .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924% } .suchContainer .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375% } .suchContainer .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828% } .suchContainer .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281% } .suchContainer .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171% } .suchContainer .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915% } .suchContainer .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316% } .suchContainer .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061% } .suchContainer .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462% } .suchContainer .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206% } .suchContainer .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607% } .suchContainer .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352% } .suchContainer .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753% } .suchContainer .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497% } .suchContainer .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899% } .suchContainer .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642% } .suchContainer .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444% } .suchContainer .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875% } .suchContainer .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219% } .suchContainer .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933% } .suchContainer .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354% } .suchContainer .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785% } .suchContainer .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048% } .suchContainer .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224% } .suchContainer .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257% } .suchContainer .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369% } .suchContainer .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708% } .suchContainer .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142% } .suchContainer .uneditable-input, .suchContainer input, .suchContainer textarea { margin-left: 0 } .suchContainer .controls-row [class*=span]+[class*=span] { margin-left: 30px } .suchContainer .uneditable-input.span12, .suchContainer input.span12, .suchContainer textarea.span12 { width: 1156px } .suchContainer .uneditable-input.span11, .suchContainer input.span11, .suchContainer textarea.span11 { width: 1056px } .suchContainer .uneditable-input.span10, .suchContainer input.span10, .suchContainer textarea.span10 { width: 956px } .suchContainer .uneditable-input.span9, .suchContainer input.span9, .suchContainer textarea.span9 { width: 856px } .suchContainer .uneditable-input.span8, .suchContainer input.span8, .suchContainer textarea.span8 { width: 756px } .suchContainer .uneditable-input.span7, .suchContainer input.span7, .suchContainer textarea.span7 { width: 656px } .suchContainer .uneditable-input.span6, .suchContainer input.span6, .suchContainer textarea.span6 { width: 556px } .suchContainer .uneditable-input.span5, .suchContainer input.span5, .suchContainer textarea.span5 { width: 456px } .suchContainer .uneditable-input.span4, .suchContainer input.span4, .suchContainer textarea.span4 { width: 356px } .suchContainer .uneditable-input.span3, .suchContainer input.span3, .suchContainer textarea.span3 { width: 256px } .suchContainer .uneditable-input.span2, .suchContainer input.span2, .suchContainer textarea.span2 { width: 156px } .suchContainer .uneditable-input.span1, .suchContainer input.span1, .suchContainer textarea.span1 { width: 56px } .suchContainer .thumbnails { margin-left: -30px } .suchContainer .thumbnails>li { margin-left: 30px } .suchContainer .row-fluid .thumbnails { margin-left: 0 } } @media (min-width:768px) and (max-width:979px) { .suchContainer .row { margin-left: -20px; *zoom: 1 } .suchContainer .row:after, .suchContainer .row:before { display: table; line-height: 0; content: "" } .suchContainer .row:after { clear: both } .suchContainer [class*=span] { float: left; min-height: 1px; margin-left: 20px } .suchContainer .container, .suchContainer .navbar-fixed-bottom .container, .suchContainer .navbar-fixed-top .container, .suchContainer .navbar-static-top .container, .suchContainer .span12 { width: 724px } .suchContainer .span11 { width: 662px } .suchContainer .span10 { width: 600px } .suchContainer .span9 { width: 538px } .suchContainer .span8 { width: 476px } .suchContainer .span7 { width: 414px } .suchContainer .span6 { width: 352px } .suchContainer .span5 { width: 290px } .suchContainer .span4 { width: 228px } .suchContainer .span3 { width: 166px } .suchContainer .span2 { width: 104px } .suchContainer .span1 { width: 42px } .suchContainer .offset12 { margin-left: 764px } .suchContainer .offset11 { margin-left: 702px } .suchContainer .offset10 { margin-left: 640px } .suchContainer .offset9 { margin-left: 578px } .suchContainer .offset8 { margin-left: 516px } .suchContainer .offset7 { margin-left: 454px } .suchContainer .offset6 { margin-left: 392px } .suchContainer .offset5 { margin-left: 330px } .suchContainer .offset4 { margin-left: 268px } .suchContainer .offset3 { margin-left: 206px } .suchContainer .offset2 { margin-left: 144px } .suchContainer .offset1 { margin-left: 82px } .suchContainer .row-fluid { width: 100%; *zoom: 1 } .suchContainer .row-fluid:after, .suchContainer .row-fluid:before { display: table; line-height: 0; content: "" } .suchContainer .row-fluid:after { clear: both } .suchContainer .row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .suchContainer .row-fluid [class*=span]:first-child { margin-left: 0 } .suchContainer .row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 2.7624309392265194% } .suchContainer .row-fluid .span12 { width: 100%; *width: 99.94680851063829% } .suchContainer .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608% } .suchContainer .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387% } .suchContainer .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166% } .suchContainer .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946% } .suchContainer .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725% } .suchContainer .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504% } .suchContainer .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283% } .suchContainer .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062% } .suchContainer .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841% } .suchContainer .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199% } .suchContainer .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988% } .suchContainer .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962% } .suchContainer .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031% } .suchContainer .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274% } .suchContainer .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089% } .suchContainer .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252% } .suchContainer .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868% } .suchContainer .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299% } .suchContainer .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647% } .suchContainer .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079% } .suchContainer .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427% } .suchContainer .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584% } .suchContainer .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065% } .suchContainer .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376% } .suchContainer .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986% } .suchContainer .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417% } .suchContainer .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765% } .suchContainer .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196% } .suchContainer .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544% } .suchContainer .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746% } .suchContainer .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227% } .suchContainer .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537% } .suchContainer .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102% } .suchContainer .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325% } .suchContainer .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806% } .suchContainer .uneditable-input, .suchContainer input, .suchContainer textarea { margin-left: 0 } .suchContainer .controls-row [class*=span]+[class*=span] { margin-left: 20px } .suchContainer .uneditable-input.span12, .suchContainer input.span12, .suchContainer textarea.span12 { width: 710px } .suchContainer .uneditable-input.span11, .suchContainer input.span11, .suchContainer textarea.span11 { width: 648px } .suchContainer .uneditable-input.span10, .suchContainer input.span10, .suchContainer textarea.span10 { width: 586px } .suchContainer .uneditable-input.span9, .suchContainer input.span9, .suchContainer textarea.span9 { width: 524px } .suchContainer .uneditable-input.span8, .suchContainer input.span8, .suchContainer textarea.span8 { width: 462px } .suchContainer .uneditable-input.span7, .suchContainer input.span7, .suchContainer textarea.span7 { width: 400px } .suchContainer .uneditable-input.span6, .suchContainer input.span6, .suchContainer textarea.span6 { width: 338px } .suchContainer .uneditable-input.span5, .suchContainer input.span5, .suchContainer textarea.span5 { width: 276px } .suchContainer .uneditable-input.span4, .suchContainer input.span4, .suchContainer textarea.span4 { width: 214px } .suchContainer .uneditable-input.span3, .suchContainer input.span3, .suchContainer textarea.span3 { width: 152px } .suchContainer .uneditable-input.span2, .suchContainer input.span2, .suchContainer textarea.span2 { width: 90px } .suchContainer .uneditable-input.span1, .suchContainer input.span1, .suchContainer textarea.span1 { width: 28px } } /* @media (max-width:767px) { body { padding-right: 20px; padding-left: 20px } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top { margin-right: -20px; margin-left: -20px } .container-fluid { padding: 0 } .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left } .dl-horizontal dd { margin-left: 0 } .container { width: auto } .row-fluid { width: 100% } .row, .thumbnails { margin-left: 0 } .thumbnails>li { float: none; margin-left: 0 } .row-fluid [class*=span], .uneditable-input[class*=span], [class*=span] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .row-fluid .span12, .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .row-fluid [class*=offset]:first-child { margin-left: 0 } .input-large, .input-xlarge, .input-xxlarge, .uneditable-input, input[class*=span], select[class*=span], textarea[class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .input-append input, .input-append input[class*=span], .input-prepend input, .input-prepend input[class*=span] { display: inline-block; width: auto } .controls-row [class*=span]+[class*=span] { margin-left: 0 } .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0 } .modal.fade { top: -100px } .modal.fade.in { top: 20px } } @media (max-width:480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0) } .page-header h1 small { display: block; line-height: 20px } input[type=checkbox], input[type=radio] { border: 1px solid #ccc } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left } .form-horizontal .controls { margin-left: 0 } .form-horizontal .control-list { padding-top: 0 } .form-horizontal .form-actions { padding-right: 10px; padding-left: 10px } .media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px } .media-object { margin-right: 0; margin-left: 0 } .modal { top: 10px; right: 10px; left: 10px } .modal-header .close { padding: 10px; margin: -10px } .carousel-caption { position: static } } @media (max-width:979px) { body { padding-top: 0 } .navbar-fixed-bottom, .navbar-fixed-top { position: static } .navbar-fixed-top { margin-bottom: 20px } .navbar-fixed-bottom { margin-top: 20px } .navbar-fixed-bottom .navbar-inner, .navbar-fixed-top .navbar-inner { padding: 5px } .navbar .container { width: auto; padding: 0 } .navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 -5px } .nav-collapse { clear: both } .nav-collapse .nav { float: none; margin: 0 0 10px } .nav-collapse .nav>li { float: none } .nav-collapse .nav>li>a { margin-bottom: 2px } .nav-collapse .nav>.divider-vertical { display: none } .nav-collapse .nav .nav-header { color: #777; text-shadow: none } .nav-collapse .dropdown-menu a, .nav-collapse .nav>li>a { padding: 9px 15px; font-weight: 700; color: #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .nav-collapse .btn { padding: 4px 10px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .nav-collapse .dropdown-menu li+li a { margin-bottom: 2px } .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav>li>a:hover { background-color: #f2f2f2 } .navbar-inverse .nav-collapse .dropdown-menu a, .navbar-inverse .nav-collapse .nav>li>a { color: #777 } .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .nav>li>a:hover { background-color: #111 } .nav-collapse.in .btn-group { padding: 0; margin-top: 5px } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .nav-collapse .open>.dropdown-menu { display: block } .nav-collapse .dropdown-menu:after, .nav-collapse .dropdown-menu:before { display: none } .nav-collapse .dropdown-menu .divider { display: none } .nav-collapse .nav>li>.dropdown-menu:after, .nav-collapse .nav>li>.dropdown-menu:before { display: none } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); -moz-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) } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111; border-bottom-color: #111 } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0 } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden } .navbar .btn-navbar { display: block } .navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px } } @media (min-width:980px) { .nav-collapse.collapse { height: auto!important; overflow: visible!important } } */ @font-face { font-family: FontAwesome; src: url(../font/fontawesome-webfont.eot?v=3.2.1); src: url(../font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(/media/global/fonts/fontawesome-webfont-woff.woff) format('woff'), url(../font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'), url(../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg'); font-weight: 400; font-style: normal } .suchContainer [class*=" icon-"], .suchContainer [class^=icon-] { font-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em } .suchContainer [class*=" icon-"]:before, .suchContainer [class^=icon-]:before { text-decoration: inherit; display: inline-block; speak: none } .suchContainer .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em } .suchContainer a [class*=" icon-"], .suchContainer a [class^=icon-] { display: inline } .suchContainer [class*=" icon-"].icon-fixed-width, .suchContainer [class^=icon-].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: .2857142857142857em } .suchContainer [class*=" icon-"].icon-fixed-width.icon-large, .suchContainer [class^=icon-].icon-fixed-width.icon-large { width: 1.4285714285714286em } .suchContainer .icons-ul { margin-left: 2.142857142857143em; list-style-type: none } .suchContainer .icons-ul>li { position: relative } .suchContainer .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit } .suchContainer [class*=" icon-"].hide, .suchContainer [class^=icon-].hide { display: none } .suchContainer .icon-muted { color: #eee } .suchContainer .icon-light { color: #fff } .suchContainer .icon-dark { color: #333 } .suchContainer .icon-border { border: solid 1px #eee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .suchContainer .icon-2x { font-size: 2em } .suchContainer .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .suchContainer .icon-3x { font-size: 3em } .suchContainer .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .suchContainer .icon-4x { font-size: 4em } .suchContainer .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .suchContainer .icon-5x { font-size: 5em } .suchContainer .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .suchContainer .pull-right { float: right } .suchContainer .pull-left { float: left } .suchContainer [class*=" icon-"].pull-left, .suchContainer [class^=icon-].pull-left { margin-right: .3em } .suchContainer [class*=" icon-"].pull-right, .suchContainer [class^=icon-].pull-right { margin-left: .3em } .suchContainer [class*=" icon-"], .suchContainer [class^=icon-] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0 } .suchContainer .dropdown-menu>.active>a>[class*=" icon-"], .suchContainer .dropdown-menu>.active>a>[class^=icon-], .suchContainer .dropdown-menu>li>a:hover>[class*=" icon-"], .suchContainer .dropdown-menu>li>a:hover>[class^=icon-], .suchContainer .dropdown-submenu:hover>a>[class*=" icon-"], .suchContainer .dropdown-submenu:hover>a>[class^=icon-], .suchContainer .icon-white, .suchContainer .nav-list>.active>a>[class*=" icon-"], .suchContainer .nav-list>.active>a>[class^=icon-], .suchContainer .nav-pills>.active>a>[class*=" icon-"], .suchContainer .nav-pills>.active>a>[class^=icon-], .suchContainer .navbar-inverse .nav>.active>a>[class*=" icon-"], .suchContainer .navbar-inverse .nav>.active>a>[class^=icon-] { background-image: none } .suchContainer .btn [class*=" icon-"].icon-large, .suchContainer .btn [class^=icon-].icon-large, .suchContainer .nav [class*=" icon-"].icon-large, .suchContainer .nav [class^=icon-].icon-large { line-height: .9em } .suchContainer .btn [class*=" icon-"].icon-spin, .suchContainer .btn [class^=icon-].icon-spin, .suchContainer .nav [class*=" icon-"].icon-spin, .suchContainer .nav [class^=icon-].icon-spin { display: inline-block } .suchContainer .nav-pills [class*=" icon-"], .suchContainer .nav-pills [class*=" icon-"].icon-large, .suchContainer .nav-pills [class^=icon-], .suchContainer .nav-pills [class^=icon-].icon-large, .suchContainer .nav-tabs [class*=" icon-"], .suchContainer .nav-tabs [class*=" icon-"].icon-large, .suchContainer .nav-tabs [class^=icon-], .suchContainer .nav-tabs [class^=icon-].icon-large { line-height: .9em } .suchContainer .btn [class*=" icon-"].pull-left.icon-2x, .suchContainer .btn [class*=" icon-"].pull-right.icon-2x, .suchContainer .btn [class^=icon-].pull-left.icon-2x, .suchContainer .btn [class^=icon-].pull-right.icon-2x { margin-top: .18em } .suchContainer .btn [class*=" icon-"].icon-spin.icon-large, .suchContainer .btn [class^=icon-].icon-spin.icon-large { line-height: .8em } .suchContainer .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .suchContainer .btn.btn-small [class*=" icon-"].pull-right.icon-2x, .suchContainer .btn.btn-small [class^=icon-].pull-left.icon-2x, .suchContainer .btn.btn-small [class^=icon-].pull-right.icon-2x { margin-top: .25em } .suchContainer .btn.btn-large [class*=" icon-"], .suchContainer .btn.btn-large [class^=icon-] { margin-top: 0 } .suchContainer .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .suchContainer .btn.btn-large [class*=" icon-"].pull-right.icon-2x, .suchContainer .btn.btn-large [class^=icon-].pull-left.icon-2x, .suchContainer .btn.btn-large [class^=icon-].pull-right.icon-2x { margin-top: .05em } .suchContainer .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .suchContainer .btn.btn-large [class^=icon-].pull-left.icon-2x { margin-right: .2em } .suchContainer .btn.btn-large [class*=" icon-"].pull-right.icon-2x, .suchContainer .btn.btn-large [class^=icon-].pull-right.icon-2x { margin-left: .2em } .suchContainer .nav-list [class*=" icon-"], .suchContainer .nav-list [class^=icon-] { line-height: inherit } .suchContainer .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35% } .suchContainer .icon-stack [class*=" icon-"], .suchContainer .icon-stack [class^=icon-] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em } .suchContainer .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em } .suchContainer .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear } .suchContainer a .icon-spin, .suchContainer a .icon-stack { display: inline-block; text-decoration: none } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(359deg) } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg) } 100% { -ms-transform: rotate(359deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } } .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1) } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2) } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3) } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1) } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) } a .icon-flip-horizontal:before, a .icon-flip-vertical:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-rotate-90:before { display: inline-block } .icon-glass:before { content: "\f000" } .icon-music:before { content: "\f001" } .icon-search:before { content: "\f002" } .icon-envelope-alt:before { content: "\f003" } .icon-heart:before { content: "\f004" } .icon-star:before { content: "\f005" } .icon-star-empty:before { content: "\f006" } .icon-user:before { content: "\f007" } .icon-film:before { content: "\f008" } .icon-th-large:before { content: "\f009" } .icon-th:before { content: "\f00a" } .icon-th-list:before { content: "\f00b" } .icon-ok:before { content: "\f00c" } .icon-remove:before { content: "\f00d" } .icon-zoom-in:before { content: "\f00e" } .icon-zoom-out:before { content: "\f010" } .icon-off:before, .icon-power-off:before { content: "\f011" } .icon-signal:before { content: "\f012" } .icon-cog:before, .icon-gear:before { content: "\f013" } .icon-trash:before { content: "\f014" } .icon-home:before { content: "\f015" } .icon-file-alt:before { content: "\f016" } .icon-time:before { content: "\f017" } .icon-road:before { content: "\f018" } .icon-download-alt:before { content: "\f019" } .icon-download:before { content: "\f01a" } .icon-upload:before { content: "\f01b" } .icon-inbox:before { content: "\f01c" } .icon-play-circle:before { content: "\f01d" } .icon-repeat:before, .icon-rotate-right:before { content: "\f01e" } .icon-refresh:before { content: "\f021" } .icon-list-alt:before { content: "\f022" } .icon-lock:before { content: "\f023" } .icon-flag:before { content: "\f024" } .icon-headphones:before { content: "\f025" } .icon-volume-off:before { content: "\f026" } .icon-volume-down:before { content: "\f027" } .icon-volume-up:before { content: "\f028" } .icon-qrcode:before { content: "\f029" } .icon-barcode:before { content: "\f02a" } .icon-tag:before { content: "\f02b" } .icon-tags:before { content: "\f02c" } .icon-book:before { content: "\f02d" } .icon-bookmark:before { content: "\f02e" } .icon-print:before { content: "\f02f" } .icon-camera:before { content: "\f030" } .icon-font:before { content: "\f031" } .icon-bold:before { content: "\f032" } .icon-italic:before { content: "\f033" } .icon-text-height:before { content: "\f034" } .icon-text-width:before { content: "\f035" } .icon-align-left:before { content: "\f036" } .icon-align-center:before { content: "\f037" } .icon-align-right:before { content: "\f038" } .icon-align-justify:before { content: "\f039" } .icon-list:before { content: "\f03a" } .icon-indent-left:before { content: "\f03b" } .icon-indent-right:before { content: "\f03c" } .icon-facetime-video:before { content: "\f03d" } .icon-picture:before { content: "\f03e" } .icon-pencil:before { content: "\f040" } .icon-map-marker:before { content: "\f041" } .icon-adjust:before { content: "\f042" } .icon-tint:before { content: "\f043" } .icon-edit:before { content: "\f044" } .icon-share:before { content: "\f045" } .icon-check:before { content: "\f046" } .icon-move:before { content: "\f047" } .icon-step-backward:before { content: "\f048" } .icon-fast-backward:before { content: "\f049" } .icon-backward:before { content: "\f04a" } .icon-play:before { content: "\f04b" } .icon-pause:before { content: "\f04c" } .icon-stop:before { content: "\f04d" } .icon-forward:before { content: "\f04e" } .icon-fast-forward:before { content: "\f050" } .icon-step-forward:before { content: "\f051" } .icon-eject:before { content: "\f052" } .icon-chevron-left:before { content: "\f053" } .icon-chevron-right:before { content: "\f054" } .icon-plus-sign:before { content: "\f055" } .icon-minus-sign:before { content: "\f056" } .icon-remove-sign:before { content: "\f057" } .icon-ok-sign:before { content: "\f058" } .icon-question-sign:before { content: "\f059" } .icon-info-sign:before { content: "\f05a" } .icon-screenshot:before { content: "\f05b" } .icon-remove-circle:before { content: "\f05c" } .icon-ok-circle:before { content: "\f05d" } .icon-ban-circle:before { content: "\f05e" } .icon-arrow-up:before { content: "\f062" } .icon-arrow-down:before { content: "\f063" } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064" } .icon-resize-full:before { content: "\f065" } .icon-resize-small:before { content: "\f066" } .icon-plus:before { content: "\f067" } .icon-minus:before { content: "\f068" } .icon-asterisk:before { content: "\f069" } .icon-exclamation-sign:before { content: "\f06a" } .icon-gift:before { content: "\f06b" } .icon-leaf:before { content: "\f06c" } .icon-fire:before { content: "\f06d" } .icon-eye-open:before { content: "\f06e" } .icon-eye-close:before { content: "\f070" } .icon-warning-sign:before { content: "\f071" } .icon-plane:before { content: "\f072" } .icon-calendar:before { content: "\f073" } .icon-random:before { content: "\f074" } .icon-comment:before { content: "\f075" } .icon-magnet:before { content: "\f076" } .icon-chevron-up:before { content: "\f077" } .icon-chevron-down:before { content: "\f078" } .icon-retweet:before { content: "\f079" } .icon-shopping-cart:before { content: "\f07a" } .icon-folder-close:before { content: "\f07b" } .icon-folder-open:before { content: "\f07c" } .icon-resize-vertical:before { content: "\f07d" } .icon-resize-horizontal:before { content: "\f07e" } .icon-bar-chart:before { content: "\f080" } .icon-twitter-sign:before { content: "\f081" } .icon-facebook-sign:before { content: "\f082" } .icon-camera-retro:before { content: "\f083" } .icon-key:before { content: "\f084" } .icon-cogs:before, .icon-gears:before { content: "\f085" } .icon-comments:before { content: "\f086" } .icon-thumbs-up-alt:before { content: "\f087" } .icon-thumbs-down-alt:before { content: "\f088" } .icon-star-half:before { content: "\f089" } .icon-heart-empty:before { content: "\f08a" } .icon-signout:before { content: "\f08b" } .icon-linkedin-sign:before { content: "\f08c" } .icon-pushpin:before { content: "\f08d" } .icon-external-link:before { content: "\f08e" } .icon-signin:before { content: "\f090" } .icon-trophy:before { content: "\f091" } .icon-github-sign:before { content: "\f092" } .icon-upload-alt:before { content: "\f093" } .icon-lemon:before { content: "\f094" } .icon-phone:before { content: "\f095" } .icon-check-empty:before, .icon-unchecked:before { content: "\f096" } .icon-bookmark-empty:before { content: "\f097" } .icon-phone-sign:before { content: "\f098" } .icon-twitter:before { content: "\f099" } .icon-facebook:before { content: "\f09a" } .icon-github:before { content: "\f09b" } .icon-unlock:before { content: "\f09c" } .icon-credit-card:before { content: "\f09d" } .icon-rss:before { content: "\f09e" } .icon-hdd:before { content: "\f0a0" } .icon-bullhorn:before { content: "\f0a1" } .icon-bell:before { content: "\f0a2" } .icon-certificate:before { content: "\f0a3" } .icon-hand-right:before { content: "\f0a4" } .icon-hand-left:before { content: "\f0a5" } .icon-hand-up:before { content: "\f0a6" } .icon-hand-down:before { content: "\f0a7" } .icon-circle-arrow-left:before { content: "\f0a8" } .icon-circle-arrow-right:before { content: "\f0a9" } .icon-circle-arrow-up:before { content: "\f0aa" } .icon-circle-arrow-down:before { content: "\f0ab" } .icon-globe:before { content: "\f0ac" } .icon-wrench:before { content: "\f0ad" } .icon-tasks:before { content: "\f0ae" } .icon-filter:before { content: "\f0b0" } .icon-briefcase:before { content: "\f0b1" } .icon-fullscreen:before { content: "\f0b2" } .icon-group:before { content: "\f0c0" } .icon-link:before { content: "\f0c1" } .icon-cloud:before { content: "\f0c2" } .icon-beaker:before { content: "\f0c3" } .icon-cut:before { content: "\f0c4" } .icon-copy:before { content: "\f0c5" } .icon-paper-clip:before, .icon-paperclip:before { content: "\f0c6" } .icon-save:before { content: "\f0c7" } .icon-sign-blank:before { content: "\f0c8" } .icon-reorder:before { content: "\f0c9" } .icon-list-ul:before { content: "\f0ca" } .icon-list-ol:before { content: "\f0cb" } .icon-strikethrough:before { content: "\f0cc" } .icon-underline:before { content: "\f0cd" } .icon-table:before { content: "\f0ce" } .icon-magic:before { content: "\f0d0" } .icon-truck:before { content: "\f0d1" } .icon-pinterest:before { content: "\f0d2" } .icon-pinterest-sign:before { content: "\f0d3" } .icon-google-plus-sign:before { content: "\f0d4" } .icon-google-plus:before { content: "\f0d5" } .icon-money:before { content: "\f0d6" } .icon-caret-down:before { content: "\f0d7" } .icon-caret-up:before { content: "\f0d8" } .icon-caret-left:before { content: "\f0d9" } .icon-caret-right:before { content: "\f0da" } .icon-columns:before { content: "\f0db" } .icon-sort:before { content: "\f0dc" } .icon-sort-down:before { content: "\f0dd" } .icon-sort-up:before { content: "\f0de" } .icon-envelope:before { content: "\f0e0" } .icon-linkedin:before { content: "\f0e1" } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2" } .icon-legal:before { content: "\f0e3" } .icon-dashboard:before { content: "\f0e4" } .icon-comment-alt:before { content: "\f0e5" } .icon-comments-alt:before { content: "\f0e6" } .icon-bolt:before { content: "\f0e7" } .icon-sitemap:before { content: "\f0e8" } .icon-umbrella:before { content: "\f0e9" } .icon-paste:before { content: "\f0ea" } .icon-lightbulb:before { content: "\f0eb" } .icon-exchange:before { content: "\f0ec" } .icon-cloud-download:before { content: "\f0ed" } .icon-cloud-upload:before { content: "\f0ee" } .icon-user-md:before { content: "\f0f0" } .icon-stethoscope:before { content: "\f0f1" } .icon-suitcase:before { content: "\f0f2" } .icon-bell-alt:before { content: "\f0f3" } .icon-coffee:before { content: "\f0f4" } .icon-food:before { content: "\f0f5" } .icon-file-text-alt:before { content: "\f0f6" } .icon-building:before { content: "\f0f7" } .icon-hospital:before { content: "\f0f8" } .icon-ambulance:before { content: "\f0f9" } .icon-medkit:before { content: "\f0fa" } .icon-fighter-jet:before { content: "\f0fb" } .icon-beer:before { content: "\f0fc" } .icon-h-sign:before { content: "\f0fd" } .icon-plus-sign-alt:before { content: "\f0fe" } .icon-double-angle-left:before { content: "\f100" } .icon-double-angle-right:before { content: "\f101" } .icon-double-angle-up:before { content: "\f102" } .icon-double-angle-down:before { content: "\f103" } .icon-angle-left:before { content: "\f104" } .icon-angle-right:before { content: "\f105" } .icon-angle-up:before { content: "\f106" } .icon-angle-down:before { content: "\f107" } .icon-desktop:before { content: "\f108" } .icon-laptop:before { content: "\f109" } .icon-tablet:before { content: "\f10a" } .icon-mobile-phone:before { content: "\f10b" } .icon-circle-blank:before { content: "\f10c" } .icon-quote-left:before { content: "\f10d" } .icon-quote-right:before { content: "\f10e" } .icon-circle:before { content: "\f111" } .icon-mail-reply:before, .icon-reply:before { content: "\f112" } .icon-github-alt:before { content: "\f113" } .icon-folder-close-alt:before { content: "\f114" } .icon-folder-open-alt:before { content: "\f115" } .icon-expand-alt:before { content: "\f116" } .icon-collapse-alt:before { content: "\f117" } .icon-smile:before { content: "\f118" } .icon-frown:before { content: "\f119" } .icon-meh:before { content: "\f11a" } .icon-gamepad:before { content: "\f11b" } .icon-keyboard:before { content: "\f11c" } .icon-flag-alt:before { content: "\f11d" } .icon-flag-checkered:before { content: "\f11e" } .icon-terminal:before { content: "\f120" } .icon-code:before { content: "\f121" } .icon-reply-all:before { content: "\f122" } .icon-mail-reply-all:before { content: "\f122" } .icon-star-half-empty:before, .icon-star-half-full:before { content: "\f123" } .icon-location-arrow:before { content: "\f124" } .icon-crop:before { content: "\f125" } .icon-code-fork:before { content: "\f126" } .icon-unlink:before { content: "\f127" } .icon-question:before { content: "\f128" } .icon-info:before { content: "\f129" } .icon-exclamation:before { content: "\f12a" } .icon-superscript:before { content: "\f12b" } .icon-subscript:before { content: "\f12c" } .icon-eraser:before { content: "\f12d" } .icon-puzzle-piece:before { content: "\f12e" } .icon-microphone:before { content: "\f130" } .icon-microphone-off:before { content: "\f131" } .icon-shield:before { content: "\f132" } .icon-calendar-empty:before { content: "\f133" } .icon-fire-extinguisher:before { content: "\f134" } .icon-rocket:before { content: "\f135" } .icon-maxcdn:before { content: "\f136" } .icon-chevron-sign-left:before { content: "\f137" } .icon-chevron-sign-right:before { content: "\f138" } .icon-chevron-sign-up:before { content: "\f139" } .icon-chevron-sign-down:before { content: "\f13a" } .icon-html5:before { content: "\f13b" } .icon-css3:before { content: "\f13c" } .icon-anchor:before { content: "\f13d" } .icon-unlock-alt:before { content: "\f13e" } .icon-bullseye:before { content: "\f140" } .icon-ellipsis-horizontal:before { content: "\f141" } .icon-ellipsis-vertical:before { content: "\f142" } .icon-rss-sign:before { content: "\f143" } .icon-play-sign:before { content: "\f144" } .icon-ticket:before { content: "\f145" } .icon-minus-sign-alt:before { content: "\f146" } .icon-check-minus:before { content: "\f147" } .icon-level-up:before { content: "\f148" } .icon-level-down:before { content: "\f149" } .icon-check-sign:before { content: "\f14a" } .icon-edit-sign:before { content: "\f14b" } .icon-external-link-sign:before { content: "\f14c" } .icon-share-sign:before { content: "\f14d" } .icon-compass:before { content: "\f14e" } .icon-collapse:before { content: "\f150" } .icon-collapse-top:before { content: "\f151" } .icon-expand:before { content: "\f152" } .icon-eur:before, .icon-euro:before { content: "\f153" } .icon-gbp:before { content: "\f154" } .icon-dollar:before, .icon-usd:before { content: "\f155" } .icon-inr:before, .icon-rupee:before { content: "\f156" } .icon-jpy:before, .icon-yen:before { content: "\f157" } .icon-cny:before, .icon-renminbi:before { content: "\f158" } .icon-krw:before, .icon-won:before { content: "\f159" } .icon-bitcoin:before, .icon-btc:before { content: "\f15a" } .icon-file:before { content: "\f15b" } .icon-file-text:before { content: "\f15c" } .icon-sort-by-alphabet:before { content: "\f15d" } .icon-sort-by-alphabet-alt:before { content: "\f15e" } .icon-sort-by-attributes:before { content: "\f160" } .icon-sort-by-attributes-alt:before { content: "\f161" } .icon-sort-by-order:before { content: "\f162" } .icon-sort-by-order-alt:before { content: "\f163" } .icon-thumbs-up:before { content: "\f164" } .icon-thumbs-down:before { content: "\f165" } .icon-youtube-sign:before { content: "\f166" } .icon-youtube:before { content: "\f167" } .icon-xing:before { content: "\f168" } .icon-xing-sign:before { content: "\f169" } .icon-youtube-play:before { content: "\f16a" } .icon-dropbox:before { content: "\f16b" } .icon-stackexchange:before { content: "\f16c" } .icon-instagram:before { content: "\f16d" } .icon-flickr:before { content: "\f16e" } .icon-adn:before { content: "\f170" } .icon-bitbucket:before { content: "\f171" } .icon-bitbucket-sign:before { content: "\f172" } .icon-tumblr:before { content: "\f173" } .icon-tumblr-sign:before { content: "\f174" } .icon-long-arrow-down:before { content: "\f175" } .icon-long-arrow-up:before { content: "\f176" } .icon-long-arrow-left:before { content: "\f177" } .icon-long-arrow-right:before { content: "\f178" } .icon-apple:before { content: "\f179" } .icon-windows:before { content: "\f17a" } .icon-android:before { content: "\f17b" } .icon-linux:before { content: "\f17c" } .icon-dribbble:before { content: "\f17d" } .icon-skype:before { content: "\f17e" } .icon-foursquare:before { content: "\f180" } .icon-trello:before { content: "\f181" } .icon-female:before { content: "\f182" } .icon-male:before { content: "\f183" } .icon-gittip:before { content: "\f184" } .icon-sun:before { content: "\f185" } .icon-moon:before { content: "\f186" } .icon-archive:before { content: "\f187" } .icon-bug:before { content: "\f188" } .icon-vk:before { content: "\f189" } .icon-weibo:before { content: "\f18a" } .icon-renren:before { content: "\f18b" } input.mb-query { padding-left: 25px!important; padding-right: 50px!important; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; background-repeat: no-repeat; background-position: 4px 50%; border-radius: 1em } input.mb-query::-ms-clear { display: none } .mb-header { background: #222 } .mb-header form { padding-top: 22px; padding-bottom: 23px; width: 100%; position: relative; z-index: 1 } .mb-header .mb-pulse { position: absolute } .navbar .search-field button.btn { color: #333; font-size: 1.5em; margin-left: -40px; vertical-align: bottom; position: absolute; right: 1px; bottom: 23px; margin-top: 0; padding: 4px } .mb-header h1 { display: none; margin: 0; padding: 0; border: 0; line-height: 0 } .mb-header h1 img { max-height: 75px } @media (min-width:1450px) { .mb-header { min-height: 75px } .mb-header h1 { display: block; margin: 0; padding: 0; border: 0; position: absolute } .mb-header h1 img { height: 75px; max-width: none } } @media (max-width:997px) { body { padding-top: 0!important } } .mb-header.navbar .nav>li>a, .mb-header.navbar .nav>li>button { font-size: 1.25em } .mb-header.navbar { margin-bottom: 0 } .mb-header .mb-top-menu { z-index: 2; position: relative; max-width: 100% } .mb-scroll-horizontal { white-space: nowrap; overflow-x: auto; max-width: 100% } .navbar .mb-scroll-horizontal { position: static } .mb-header .mb-top-menu li { display: inline-block; float: none; vertical-align: bottom } .mb-header .mb-top-menu a, .mb-header .mb-top-menu button { overflow: visible } .mb-header .mb-login-action { display: none } .mb-header .mb-login-action.login, .mb-header .mb-login-action.logout { display: inline-block } .mb-top-menu .hide { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: 0 } .ui-autocomplete { border: 1px solid #666; background: #fff; position: absolute; top: 0; left: 0; cursor: default } .ui-front { z-index: 99999 } .ui-state-focus { background-color: #eee } .ui-menu a { display: block; color: #333 } .ui-autocomplete .mb-definition { font-size: .8em; padding-left: .5em } .ui-autocomplete-category { background: #888; color: #fff; font-size: .9em; font-weight: 400; margin: 0 -2px 0 -2px; padding: 2px 4px } .ui-autocomplete-category:first-child { margin-top: -2px } .ui-autocomplete .ui-menu-item { position: relative; margin: 0 -2px 0 -6px; padding: 1px 0 1px 4px } .ui-autocomplete li { clear: both } .ui-autocomplete li a { padding-left: 4px } .ui-autocomplete a:hover { text-decoration: none } .ui-autocomplete .ui-state-focus { background: #bbb } ul.ui-autocomplete { text-align: left } .mb-stack, .mb-stack-element { width: 100%; padding: 1.5em; padding-top: .25em; background: #fff; margin-bottom: -3em } .mb-stack-element { box-shadow: 0 0 10px #999; border: 2px solid transparent; border-style: solid; border-color: #f0c70f; border-width: 8px 0 0 } .mb-stack-content { position: relative } .mb-stack-content:after { content: " "; display: block; clear: both } .mb-stack-element.mb-has-child, .mb-stack.mb-has-child { background: rgba(200, 200, 200, .25); box-shadow: none; border-width: 0 } .mb-has-child .mb-stack .mb-stack-content, .mb-has-child .mb-stack-element .mb-stack-content { display: block } .mb-stack-element.mb-has-child>.mb-stack-close, .mb-stack-element.mb-has-child>.mb-stack-content, .mb-stack-element.mb-has-child>.mb-stack-title .hidden-when-mb-stack-has-child, .mb-stack.mb-has-child>.mb-stack-close, .mb-stack.mb-has-child>.mb-stack-content, .mb-stack.mb-has-child>.mb-stack-title .hidden-when-mb-stack-has-child { display: none } .mb-stack-element.mb-has-child>.mb-stack-title:hover, .mb-stack.mb-has-child>.mb-stack-title:hover { cursor: pointer } .mb-stack { margin: 0 -1.5em 1em -1.5em } @media (max-width:830px) { .mb-stack, .mb-stack-element { margin: 0 -1.5em -1.5em -1.5em } } .leaflet-image-layer, .leaflet-layer, .leaflet-map-pane, .leaflet-marker-icon, .leaflet-marker-pane, .leaflet-marker-shadow, .leaflet-overlay-pane, .leaflet-overlay-pane svg, .leaflet-popup-pane, .leaflet-shadow-pane, .leaflet-tile, .leaflet-tile-container, .leaflet-tile-pane, .leaflet-zoom-box { position: absolute; left: 0; top: 0 } .leaflet-container { overflow: hidden; -ms-touch-action: none } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none } .leaflet-marker-icon, .leaflet-marker-shadow { display: block } .leaflet-container img { max-width: none!important } .leaflet-container img.leaflet-image-layer { max-width: 15000px!important } .leaflet-tile { filter: inherit; visibility: hidden } .leaflet-tile-loaded { visibility: inherit } .leaflet-zoom-box { width: 0; height: 0 } .leaflet-overlay-pane svg { -moz-user-select: none } .leaflet-tile-pane { z-index: 2 } .leaflet-objects-pane { z-index: 3 } .leaflet-overlay-pane { z-index: 4 } .leaflet-shadow-pane { z-index: 5 } .leaflet-marker-pane { z-index: 6 } .leaflet-popup-pane { z-index: 7 } .leaflet-vml-shape { width: 1px; height: 1px } .lvml { behavior: url(../client/component/map/js/leaflet/#default#VML); display: inline-block; position: absolute } .leaflet-control { position: relative; z-index: 7; pointer-events: auto } .leaflet-bottom, .leaflet-top { position: absolute; z-index: 1000; pointer-events: none } .leaflet-top { top: 0 } .leaflet-right { right: 0 } .leaflet-bottom { bottom: 0 } .leaflet-left { left: 0 } .leaflet-control { float: left; clear: both } .leaflet-right .leaflet-control { float: right } .leaflet-top .leaflet-control { margin-top: 10px } .leaflet-bottom .leaflet-control { margin-bottom: 10px } .leaflet-left .leaflet-control { margin-left: 10px } .leaflet-right .leaflet-control { margin-right: 10px } .leaflet-fade-anim .leaflet-popup, .leaflet-fade-anim .leaflet-tile { opacity: 0; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup, .leaflet-fade-anim .leaflet-tile-loaded { opacity: 1 } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1); -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1); -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1); transition: transform .25s cubic-bezier(0, 0, .25, 1) } .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated, .leaflet-zoom-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden } .leaflet-clickable { cursor: pointer } .leaflet-container { cursor: -webkit-grab; cursor: -moz-grab } .leaflet-control, .leaflet-popup-pane { cursor: auto } .leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing } .leaflet-container { background: #ddd; outline: 0 } .leaflet-container a { color: #0078A8 } .leaflet-container a.leaflet-active { outline: 2px solid orange } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, .5) } .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif } .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, .65); border-radius: 4px } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: #000 } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block } .leaflet-bar a:hover { background-color: #f4f4f4 } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: 700 18px 'Lucida Console', Monaco, monospace; text-indent: 1px } .leaflet-control-zoom-out { font-size: 20px } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px } .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, .4); background: #fff; border-radius: 5px } .leaflet-control-layers-toggle { background-image: url(../client/component/map/js/leaflet/images/layers.png); width: 36px; height: 36px } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../client/component/map/js/leaflet/images/layers-2x.png); background-size: 26px 26px } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px } .leaflet-control-layers label { display: block } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, .7); margin: 0 } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333 } .leaflet-control-attribution a { text-decoration: none } .leaflet-control-attribution a:hover { text-decoration: underline } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px } .leaflet-left .leaflet-control-scale { margin-left: 5px } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; background: rgba(255, 255, 255, .5) } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777 } .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers { box-shadow: none } .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers { border: 2px solid rgba(0, 0, 0, .2); background-clip: padding-box } .leaflet-popup { position: absolute; text-align: center } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4 } .leaflet-popup-content p { margin: 18px 0 } .leaflet-popup-tip-container { margin: 0 auto; width: 40px; height: 20px; position: relative; overflow: hidden } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: #fff; box-shadow: 0 3px 14px rgba(0, 0, 0, .4) } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: 700; background: 0 0 } .leaflet-container a.leaflet-popup-close-button:hover { color: #999 } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1 } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid: DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678) } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px } .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999 } .leaflet-div-icon { background: #fff; border: 1px solid #666 } /*! * Handsontable 0.17.0 * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs * * Copyright 2015 Handsoncode sp. z o.o. * Licensed under the MIT license. * http://handsontable.com/ * * Date: Thu Aug 27 2015 11:51:28 GMT+0200 (CEST) */ .handsontable { position: relative } .handsontable .hide { display: none } .handsontable .relative { position: relative } .handsontable.htAutoSize { visibility: hidden; left: -99000px; position: absolute; top: -99000px } .handsontable .wtHider { width: 0 } .handsontable .wtSpreader { position: relative; width: 0; height: auto } .handsontable div, .handsontable input, .handsontable table, .handsontable tbody, .handsontable td, .handsontable textarea, .handsontable th, .handsontable thead { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } .handsontable input, .handsontable textarea { min-height: initial } .handsontable table.htCore { border-collapse: separate; border-spacing: 0; margin: 0; border-width: 0; table-layout: fixed; width: 0; outline-width: 0; max-width: none; max-height: none } .handsontable col, .handsontable col.rowHeader { width: 50px } .handsontable td, .handsontable th { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 22px; empty-cells: show; line-height: 21px; padding: 0 4px; background-color: #FFF; vertical-align: top; overflow: hidden; outline-width: 0; white-space: pre-line } .handsontable td.htInvalid { background-color: #ff4c42!important } .handsontable td.htNoWrap { white-space: nowrap } .handsontable th:last-child { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC } .handsontable th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable tr:first-child th.htNoFrame { border-left-width: 0; background-color: #fff; border-color: #FFF } .handsontable .htNoFrame+td, .handsontable .htNoFrame+th, .handsontable td:first-of-type, .handsontable th:first-child { border-left: 1px solid #CCC } .handsontable.htRowHeaders thead tr th:nth-child(2) { border-left: 1px solid #CCC } .handsontable tr:first-child td, .handsontable tr:first-child th { border-top: 1px solid #CCC } .ht_master:not(.innerBorderLeft)~.handsontable tbody tr th, .ht_master:not(.innerBorderLeft)~.handsontable:not(.ht_clone_top) thead tr th:first-child { border-right-width: 0 } .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th, .ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th { border-bottom-width: 0 } .handsontable th { background-color: #EEE; color: #222; font-weight: 400 } .handsontable thead th { padding: 0 } .handsontable th.active { background-color: #CCC } .handsontable thead th .relative { padding: 2px 4px } .handsontable .manualColumnMover { position: fixed; left: 0; top: 0; background-color: transparent; width: 5px; height: 25px; z-index: 999; cursor: move } .handsontable .manualRowMover { position: fixed; left: -4px; top: 0; background-color: transparent; height: 5px; width: 50px; z-index: 999; cursor: move } .handsontable .manualColumnMoverGuide, .handsontable .manualRowMoverGuide { position: fixed; left: 0; top: 0; background-color: #CCC; width: 25px; height: 25px; opacity: .7; display: none } .handsontable .manualColumnMoverGuide.active, .handsontable .manualRowMoverGuide.active { display: block } .handsontable .manualColumnMover.active, .handsontable .manualColumnMover:hover, .handsontable .manualRowMover.active, .handsontable .manualRowMover:hover { background-color: #88F } .handsontable .manualColumnResizer { position: fixed; top: 0; cursor: col-resize; z-index: 110; width: 5px; height: 25px } .handsontable .manualRowResizer { position: fixed; left: 0; cursor: row-resize; z-index: 110; height: 5px; width: 50px } .handsontable .manualColumnResizer.active, .handsontable .manualColumnResizer:hover, .handsontable .manualRowResizer.active, .handsontable .manualRowResizer:hover { background-color: #AAB } .handsontable .manualColumnResizerGuide { position: fixed; right: 0; top: 0; background-color: #AAB; display: none; width: 0; border-right: 1px dashed #777; margin-left: 5px } .handsontable .manualRowResizerGuide { position: fixed; left: 0; bottom: 0; background-color: #AAB; display: none; height: 0; border-bottom: 1px dashed #777; margin-top: 5px } .handsontable .manualColumnResizerGuide.active, .handsontable .manualRowResizerGuide.active { display: block } .handsontable .columnSorting { position: relative } .handsontable .columnSorting:hover { text-decoration: underline; cursor: pointer } .handsontable .columnSorting.ascending::after { content: '\25B2'; color: #5f5f5f; position: absolute; right: -15px } .handsontable .columnSorting.descending::after { content: '\25BC'; color: #5f5f5f; position: absolute; right: -15px } .handsontable .wtBorder { position: absolute; font-size: 0 } .handsontable .wtBorder.hidden { display: none!important } .handsontable td.area { background: -moz-linear-gradient(top, rgba(181, 209, 255, .34)0, rgba(181, 209, 255, .34)100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, .34)), color-stop(100%, rgba(181, 209, 255, .34))); background: -webkit-linear-gradient(top, rgba(181, 209, 255, .34)0, rgba(181, 209, 255, .34)100%); background: -o-linear-gradient(top, rgba(181, 209, 255, .34)0, rgba(181, 209, 255, .34)100%); background: -ms-linear-gradient(top, rgba(181, 209, 255, .34)0, rgba(181, 209, 255, .34)100%); background: linear-gradient(to bottom, rgba(181, 209, 255, .34)0, rgba(181, 209, 255, .34)100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); background-color: #fff } .handsontable .wtBorder.corner { font-size: 0; cursor: crosshair } .handsontable .htBorder.htFillBorder { background: red; width: 1px; height: 1px } .handsontableInput { border: 0; outline-width: 0; margin: 0; padding: 1px 5px 0; font-family: inherit; line-height: 21px; font-size: inherit; box-shadow: 0 0 0 2px #5292f7 inset; resize: none; display: inline-block; color: #000; border-radius: 0; background-color: #FFF } .handsontableInputHolder { position: absolute; top: 0; left: 0; z-index: 100 } .htSelectEditor { -webkit-appearance: menulist-button!important; position: absolute; width: auto } .handsontable .htDimmed { color: #777 } .handsontable .htSubmenu { position: relative } .handsontable .htSubmenu:after { content: '▶'; color: #777; position: absolute; right: 5px } .handsontable .htLeft { text-align: left } .handsontable .htCenter { text-align: center } .handsontable .htRight { text-align: right } .handsontable .htJustify { text-align: justify } .handsontable .htTop { vertical-align: top } .handsontable .htMiddle { vertical-align: middle } .handsontable .htBottom { vertical-align: bottom } .handsontable .htPlaceholder { color: #999 } .handsontable .htAutocompleteArrow { float: right; font-size: 10px; color: #EEE; cursor: default; width: 16px; text-align: center } .handsontable td .htAutocompleteArrow:hover { color: #777 } .handsontable td.area .htAutocompleteArrow { color: #d3d3d3 } .handsontable .htCheckboxRendererInput.noValue { opacity: .5 } .handsontable .htNumeric { text-align: right } .htCommentCell { position: relative } .htCommentCell:after { content: ''; position: absolute; top: 0; right: 0; border-left: 6px solid transparent; border-top: 6px solid red } @-webkit-keyframes opacity-hide { from { opacity: 1 } to { opacity: 0 } } @keyframes opacity-hide { from { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes opacity-show { from { opacity: 0 } to { opacity: 1 } } @keyframes opacity-show { from { opacity: 0 } to { opacity: 1 } } .handsontable .handsontable.ht_clone_top .wtHider { padding: 0 0 5px } .handsontable .autocompleteEditor.handsontable { padding-right: 17px } .handsontable .autocompleteEditor.handsontable.htMacScroll { padding-right: 15px } .handsontable.listbox { margin: 0 } .handsontable.listbox .ht_master table { border: 1px solid #ccc; border-collapse: separate; background: #fff } .handsontable.listbox td, .handsontable.listbox th, .handsontable.listbox tr:first-child td, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th { border-width: 0 } .handsontable.listbox td, .handsontable.listbox th { white-space: nowrap; text-overflow: ellipsis } .handsontable.listbox td.htDimmed { cursor: default; color: inherit; font-style: inherit } .handsontable.listbox .wtBorder { visibility: hidden } .handsontable.listbox tr td.current, .handsontable.listbox tr:hover td { background: #eee } .ht_clone_left { z-index: 102 } .ht_clone_corner, .ht_clone_debug { z-index: 103 } .handsontable td.htSearchResult { background: #fcedd9; color: #583707 } .htBordered { border-width: 1px } .htBordered.htTopBorderSolid { border-top-style: solid; border-top-color: #000 } .htBordered.htRightBorderSolid { border-right-style: solid; border-right-color: #000 } .htBordered.htBottomBorderSolid { border-bottom-style: solid; border-bottom-color: #000 } .htBordered.htLeftBorderSolid { border-left-style: solid; border-left-color: #000 } .htCommentTextArea { -moz-box-shadow: 1px 1px 2px #bbb; -webkit-box-shadow: 1px 1px 2px #bbb; background-color: #fffacd; border: 1px solid #999; box-shadow: 1px 1px 2px #bbb; font-family: Arial } .handsontable colgroup col.rowHeader.htGroupCol { width: 25px!important } .handsontable colgroup col.rowHeader.htGroupColClosest { width: 30px!important } .handsontable .htGroupIndicatorContainer { background: #fff; border: 0; padding-bottom: 0; vertical-align: bottom; position: relative } .handsontable thead .htGroupIndicatorContainer { vertical-align: top; border-bottom: 0 } .handsontable tbody tr th:nth-last-child(2) { border-right: 1px solid #CCC } .handsontable thead tr:nth-last-child(2) th { border-bottom: 1px solid #CCC; padding-bottom: 5px } .ht_clone_corner thead tr th:nth-last-child(2) { border-right: 1px solid #CCC } .htVerticalGroup { height: 100% } .htHorizontalGroup { width: 100%; height: 100% } .htVerticalGroup:not(.htCollapseButton):after { content: ""; height: 100%; width: 1px; display: block; background: #ccc; margin-left: 5px } .htHorizontalGroup:not(.htCollapseButton):after { content: ""; width: 100%; height: 1px; display: block; background: #ccc; margin-top: 20% } .htCollapseButton { width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 5px; border: 1px solid #f3f3f3; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); cursor: pointer; margin-bottom: 3px; position: relative } .htCollapseButton:after { content: ""; height: 300%; width: 1px; display: block; background: #ccc; margin-left: 4px; position: absolute; bottom: 10px } thead .htCollapseButton { right: 5px; position: absolute; top: 5px; background: #fff } thead .htCollapseButton:after { height: 1px; width: 700%; right: 10px; top: 4px } .handsontable tr th .htGroupStart:after { background: 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 5px; position: relative; top: 50% } .handsontable thead tr th .htGroupStart:after { background: 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; height: 5px; width: 50%; position: relative; top: 0; left: 50% } .handsontable .htGroupLevelTrigger { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); width: 15px; height: 15px; margin: 4px auto; padding: 0; line-height: 15px; cursor: pointer } .handsontable tr th .htExpandButton { position: absolute; width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 5px; border: 1px solid #f3f3f3; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); cursor: pointer; top: 0; display: none } .handsontable thead tr th .htExpandButton { top: 5px } .handsontable tr th .htExpandButton.clickable { display: block } .handsontable col.hidden { width: 0!important } .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th { display: none } .ht_clone_left, .ht_clone_top, .ht_master { overflow: hidden } .ht_master .wtHolder { overflow: auto } .ht_clone_left .wtHolder { overflow-x: hidden; overflow-y: auto } .ht_clone_top .wtHolder { overflow-x: auto; overflow-y: hidden } .wtDebugHidden { display: none } .wtDebugVisible { display: block; -webkit-animation-duration: .5s; -webkit-animation-name: wtFadeInFromNone; animation-duration: .5s; animation-name: wtFadeInFromNone } @keyframes wtFadeInFromNone { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0 } 100% { display: block; opacity: 1 } } @-webkit-keyframes wtFadeInFromNone { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0 } 100% { display: block; opacity: 1 } } .handsontable.mobile, .handsontable.mobile .wtHolder { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch } .htMobileEditorContainer { display: none; position: absolute; top: 0; width: 70%; height: 54pt; background: #f8f8f8; border-radius: 20px; border: 1px solid #ebebeb; z-index: 999; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none } .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea), .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle) { z-index: 9999 } .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea, .topLeftSelectionHandle, .topLeftSelectionHandle-HitArea { left: -10000px; top: -10000px } .htMobileEditorContainer.active { display: block } .htMobileEditorContainer .inputs { position: absolute; right: 210pt; bottom: 10pt; top: 10pt; left: 14px; height: 34pt } .htMobileEditorContainer .inputs textarea { font-size: 13pt; border: 1px solid #a1a1a1; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: absolute; left: 14px; right: 14px; top: 0; bottom: 0; padding: 7pt } .htMobileEditorContainer .cellPointer { position: absolute; top: -13pt; height: 0; width: 0; left: 30px; border-left: 13pt solid transparent; border-right: 13pt solid transparent; border-bottom: 13pt solid #ebebeb } .htMobileEditorContainer .cellPointer.hidden { display: none } .htMobileEditorContainer .cellPointer:before { content: ''; display: block; position: absolute; top: 2px; height: 0; width: 0; left: -13pt; border-left: 13pt solid transparent; border-right: 13pt solid transparent; border-bottom: 13pt solid #f8f8f8 } .htMobileEditorContainer .moveHandle { position: absolute; top: 10pt; left: 5px; width: 30px; bottom: 0; cursor: move; z-index: 9999 } .htMobileEditorContainer .moveHandle:after { content: "..\a..\a..\a.."; white-space: pre; line-height: 10px; font-size: 20pt; display: inline-block; margin-top: -8px; color: #ebebeb } .htMobileEditorContainer .positionControls { width: 205pt; position: absolute; right: 5pt; top: 0; bottom: 0 } .htMobileEditorContainer .positionControls>div { width: 50pt; height: 100%; float: left } .htMobileEditorContainer .positionControls>div:after { content: " "; display: block; width: 15pt; height: 15pt; text-align: center; line-height: 50pt } .htMobileEditorContainer .downButton:after, .htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after { transform-origin: 5pt 5pt; -webkit-transform-origin: 5pt 5pt; margin: 21pt 0 0 21pt } .htMobileEditorContainer .leftButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(-45deg) } .htMobileEditorContainer .leftButton:active:after { border-color: #cfcfcf } .htMobileEditorContainer .rightButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(135deg) } .htMobileEditorContainer .rightButton:active:after { border-color: #cfcfcf } .htMobileEditorContainer .upButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(45deg) } .htMobileEditorContainer .upButton:active:after { border-color: #cfcfcf } .htMobileEditorContainer .downButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(225deg) } .htMobileEditorContainer .downButton:active:after { border-color: #cfcfcf } .handsontable.hide-tween { -webkit-animation: opacity-hide .3s; animation: opacity-hide .3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards } .handsontable.show-tween { -webkit-animation: opacity-show .3s; animation: opacity-show .3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards } /*! * Handsontable ContextMenu */ .htContextMenu { display: none; position: absolute; z-index: 1060 } .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_debug, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_top { display: none } .htContextMenu table.htCore { border: 1px solid #bbb; border-bottom-width: 2px; border-right-width: 2px } .htContextMenu .wtBorder { visibility: hidden } .htContextMenu table tbody tr td { background: #fff; border-width: 0; padding: 4px 6px 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .htContextMenu table tbody tr td:first-child { border: 0 } .htContextMenu table tbody tr td.htDimmed { font-style: normal; color: #323232 } .htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover { background: #e9e9e9 } .htContextMenu table tbody tr td.htSeparator { border-top: 1px solid #bbb; height: 0; padding: 0 } .htContextMenu table tbody tr td.htDisabled { color: #999 } .htContextMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default } .htContextMenu table tbody tr td div { padding-left: 10px } .htContextMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px } .htContextMenu .ht_master .wtHolder { overflow: hidden } /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } .pika-single:after, .pika-single:before { content: " "; display: table } .pika-single:after { clear: both } .pika-single { *zoom: 1 } .pika-single.is-hidden { display: none } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5) } .pika-lendar { float: left; width: 240px; margin: 8px } .pika-title { position: relative; text-align: center } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0 } .pika-next, .pika-prev { display: block; cursor: pointer; position: relative; outline: 0; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0 } .pika-next:hover, .pika-prev:hover { opacity: 1 } .is-rtl .pika-next, .pika-prev { float: left; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==); *left: 0 } .is-rtl .pika-prev, .pika-next { float: right; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=); *right: 0 } .pika-next.is-disabled, .pika-prev.is-disabled { cursor: default; opacity: .2 } .pika-select { display: inline-block; *display: inline } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0 } .pika-table td, .pika-table th { width: 14.285714285714286%; padding: 0 } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: 700; text-align: center } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: 0; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5 } .pika-week { font-size: 11px; color: #999 } .is-today .pika-button { color: #3af; font-weight: 700 } .is-selected .pika-button { color: #fff; font-weight: 700; background: #3af; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px } .is-inrange .pika-button { background: #d5e9f7 } .is-startrange .pika-button { color: #fff; background: #6cb31d; box-shadow: none; border-radius: 3px } .is-endrange .pika-button { color: #fff; background: #3af; box-shadow: none; border-radius: 3px } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3 } .pika-button:hover { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px } .pika-table abbr { border-bottom: 0; cursor: help } .handsontable { width: auto; table-layout: fixed; overflow: auto; clear: both } .handsontable th { min-width: 150px; max-width: 400px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap!important } .handsontable th .colHeader { margin-right: 50px; display: block; text-align: left } .handsontable th .colHeader input[type=text] { text-align: left; width: 100%!important } .handsontable thead .colHeader:hover { cursor: pointer } .handsontable td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap!important; min-width: 150px; max-width: 400px; color: #000!important } .handsontable td h3 { line-height: 20px; padding-top: 5px; padding-bottom: 5px } .handsontable .relative { height: 30px!important } .wtHolder { width: auto!important; min-height: 300px; height: calc(100vh - 400px)!important } .colHeaderEl, .colHeaderElBeforeLoad { float: left } .colHeaderElBeforeLoad a:hover { text-decoration: none!important } .delAll { width: 20px; height: 23px; right: 5px; position: absolute } .btn_del { width: 20px; height: 23px; padding: 0; background-color: Transparent; border: none; top: 1px; display: none; min-width: 0 } .relative:hover .btn_del { display: block } .handsontable-ui-autocomplete { min-height: 100px; max-height: 60vh; max-height: calc(100vh - 400px); overflow-y: auto; overflow-x: hidden; margin-right: 20px } .handsontable .ui-autocomplete-input { width: 90% } #addColHeader { background-color: Transparent; border: none } .handsontable .icon-trash:before { content: "\f014" } .manualColumnMover { height: 35px!important } .hidden-when-has-child small { color: #333 } .exportToCSV { margin-bottom: 10px } .manualColumnResizer { height: 30px!important } .handsontable .icon-ok-sign { margin-left: 17px } .InputFieldEdit button { background-color: Transparent; cursor: pointer; border: none; position: absolute; margin-top: 5px; padding: 1px 6px; min-width: 0 } .addColumnWidth { width: 85px } .ht_clone_top { z-index: 1!important } .loaderLeft { list-style-type: none; display: none; overflow: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; z-index: 1500; padding-top: 10px; padding-left: 10px } .loaderLeft .icon-remove-circle { margin-right: 5px; padding-top: 3px } .loaderLeft .icon-remove-circle:hover { cursor: pointer; text-decoration: underline } .loaderLeft .mb-export-progress { margin-right: 0; padding-right: 0 } .loaderLeft .pull-right { padding-right: 7px!important; margin-right: 0!important; font-size: 12px } .mb-export-status { margin-right: 10px } .loaderLeft .mb-export-finished { padding: 3px 10px } .loaderLeft .mb-flexbox-label { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; max-width: 100%; display: block } .loaderLeft .mb-flexbox-export { -ms-box-orient: horizontal; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex } .loaderLeft .mb-export-is-running { padding-right: 0!important } .exportDownloaderBlink { animation-duration: 800ms; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate } @keyframes blink { from { opacity: 1 } to { opacity: .2 } } @media(min-width:768px) { .loaderLeft { min-width: 250px; max-width: 340px; min-height: 30px; max-height: 400px; top: 40px; right: 10px; position: absolute; color: #000; box-shadow: 0 0 10px #999; padding-bottom: 10px; overflow-x: auto; overflow-y: auto } .loaderLeft li { margin-top: 5px; display: block!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px } .loaderLeft .mb-progress-label { margin-left: 15px; padding-bottom: 25px; height: 0 } .loaderLeft .mb-progress-bar { margin-left: 10px; margin-top: 10px!important } .loaderLeft .mb-no-export-results { position: absolute; padding-top: 7px; width: 90%; text-align: center } } @media(max-width:767px) { .loaderLeft { position: fixed; top: 47px; left: 20px; right: 20px; width: auto; min-height: 30px; max-height: 150px; box-shadow: 0 0 10px #999 } .mb-header .mb-top-menu .loaderLeft li { height: 30px; padding-left: 5px; padding-right: 10px; width: 95% } .loaderLeft .mb-progress-label { margin-left: 15px; padding-bottom: 25px } .loaderLeft .mb-progress-bar { top: 24px!important; margin-left: 8px } } .resetProperties { display: none!important } #allowExportTable { float: left } .ht_clone_left.handsontable { display: none!important } .handsontable tbody img { max-width: 13px; margin-right: 5px } .relevanceInfoTable thead tr:first-child { height: 50px } .relevanceInfoTable tr img.mb-thumbnail { max-height: 80px; max-width: 95% } .relevanceInfoTable .colHeader { width: 100%; overflow: hidden } .relevanceInfoTable .colHeaderEl { width: 80%; overflow: hidden; white-space: normal } .relevanceInfoTable { margin-top: 15px } .searchboxElement { box-shadow: 1px 2px 2px #d8d8d8; border-left: 10px solid #ffc02d; margin: 10px 0; padding-left: 10px; display: block; overflow: hidden; position: relative; padding-bottom: 5px; min-height: 155px } .searchboxElement h3 { font-weight: 400; line-height: 27px; font-size: 20.5px; margin-top: 7px } .searchboxElement .tabArrow { position: absolute; float: right; width: 70px; height: 100%; right: 0; z-index: 999; top: 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)73%, rgba(255, 255, 255, 1)100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)73%, rgba(255, 255, 255, 1)100%); background: linear-gradient(to right, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)73%, rgba(255, 255, 255, 1)100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .searchboxElement .tabArrowInner { border-right: 5px solid #003b9c; border-bottom: 5px solid #003b9c; width: 15px; height: 15px; transform: rotate(-45deg); cursor: pointer; top: 50%; position: absolute; margin-top: -11px; margin-left: 35px; opacity: .7 } .searchboxElement .tabArrowInner:hover { opacity: .8 } .boxWidth50 { width: 50%; clear: none; float: left; box-sizing: border-box } .boxWidth33 { width: 33.33%; float: left } .boxWidth66 { width: 66.66%; float: left } @media(max-width:767px) { .boxWidth33, .boxWidth50, .boxWidth66 { width: 100% } } .boxWidth100 { width: 100%; float: left } .boxGradientArrow { background-color: transparent!important; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%); background: linear-gradient(to right, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .searchboxElement .sb-result { vertical-align: top } .default-results .defaultResultElement { display: inline-block; margin-right: 15px } .default-results a.defaultResultImage { display: block; max-width: 150px; text-align: center; overflow: hidden; float: left; margin-right: 10px } .default-results .mb-default-thumbnail { height: 80px; max-width: none; width: auto } .default-results .default-results-container { white-space: nowrap } .default-results .default-results-container .ResultEl { float: left; padding-top: 0; font-size: 13px } .gallery-results .galleryTemplateResult { display: inline-block; margin-left: 5px } .gallery-results.normal .galleryTemplateResult { margin-bottom: 5px } .gallery-results .galleryTemplateResult:first-child { margin-left: 0 } .gallery-results .gallery-results-container { white-space: nowrap } .gallery-results .gallery-results-container a { display: block; max-width: 150px; height: 100px; text-align: center; overflow: hidden } .gallery-results .gallery-results-container img { height: 100px; max-width: none; width: auto } .person-results .person-results-container { white-space: nowrap } .person-results .person-results-container .ResultEl { float: left; padding-top: 0; font-size: 13px } .person-results .personResultElement { display: inline-block; margin-right: 15px } .person-results a.personResultImage { display: block; max-width: 150px; text-align: center; overflow: hidden; float: left; margin-right: 10px } .person-results .personResultImage .mb-default-thumbnail { height: 80px; max-width: none; width: auto } .person-results .personResultElement .personDefaultOutput { display: block; color: #000; font-size: 11px } .person-results .personResultElement .personTitle { font-size: 13px; font-weight: 700 } .searchboxElement.vertical .sb-result { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex display: flex; margin-bottom: 10px } .searchboxElement.normal [data-template=results] { white-space: normal } .suggestListElement { margin-bottom: 15px; clear: both } .suggestListElement .suggestListTitle { font-size: 14px; line-height: 20px } .suggestListElement ul p { margin-bottom: 5px } #profilesettings { margin-top: 20px } #profilesettings label { display: inline-block; width: 150px; vertical-align: middle } .annotationPopup-title { font-size: 11px; display: inline-block } .annotation_feedback_title { font-weight: 700; background: #f7f7f7; height: 20px; text-align: center; padding-top: 10px } .annotation_feedback_thumb_container { background-color: #f7f7f7; padding-bottom: 5px; text-align: center } .annotation_feedback_thumb_container span { font-size: 10px } .annotation_feedback_thumbs { width: 50%; margin: 0 auto; height: 30px; color: #27414F } .annotation_feedback_thumbs div { float: left; cursor: pointer; width: 50%; height: 25px; padding-top: 6px } .annotation_feedback_thumbs i { font-size: 20px } .annotation_feedback_thumbs_good.active { color: green } .annotation_feedback_thumbs_bad.active { color: red } .closeFeedbackView { position: absolute; padding-top: 9px; padding-left: 13px; cursor: pointer; right: 15px; font-size: 13px } .closeFeedbackView-title { position: absolute; padding-top: 9px; padding-left: 13px; right: 15px; top: 2px; font-size: 13px } .annotation_feedback_description_container textarea { width: 100%; box-sizing: border-box; border-left: 0; border-right: 0; border-radius: 0; font-size: 11px; margin-bottom: 3px; height: 90px } .annotation_feedback_submit { text-align: right; margin-bottom: 2px } .annotation_feedback_submit .btn { background: 0 0; border: none; box-shadow: none; font-size: 12px } .annotation_feedback_submit .btn.send { font-weight: 700; color: hsla(201, 50%, 50%, 1) } .annotationPopup-container .annotationPopup-content, .annotationPopup-container.feedback-visible .annotationPopup-feedback { display: block } .annotationPopup-container .annotationPopup-feedback, .annotationPopup-container.feedback-visible .annotationPopup-content { display: none } .annotation_feedback_popover .popover-content { padding: 0 } .annotationPopup-container { padding: 10px 15px } .annotationPopup-container.feedback-visible { padding: 0 } .annotationPopup-content dl { margin: 0; padding: 0 } #summarizeby legend { margin-bottom: 0; border: none; width: auto; padding: 0 } dl.mb-summarized-description-list>:nth-child(2):before { content: "" } dl.mb-summarized-description-list dd { line-height: 12px } dl.mb-summarized-description-list { overflow: hidden; text-overflow: ellipsis } dl.mb-summarized-description-list>:first-child { display: block; padding-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .mb-role[aria-describedby] { position: relative } .mb-role[role=tooltip] { top: -20px; position: absolute; z-index: 999999; font-size: 11px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; white-space: nowrap; height: 20px; line-height: 20px; width: 150px; left: 50%; margin-left: -75px; box-sizing: initial; transition: opacity .15s linear; opacity: 1; display: block } .mb-role[role=tooltip]::after { content: " "; display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; top: 26px } .mb-role.mb-bottom[role=tooltip] { top: auto; bottom: -20px } .mb-role.mb-bottom[role=tooltip]::after { top: -5px; border-width: 0 5px 5px; border-color: transparent; border-bottom-color: #000 } .mb-role.mb-left[role=tooltip] { top: 50%; left: -185px; margin-left: 0; margin-top: -10px } .mb-role.mb-left[role=tooltip]::after { left: 100%; margin-left: 0; border-width: 5px 0 5px 5px; border-color: transparent; border-left-color: #000; top: 50%; margin-top: -5px } .mb-role[role=tooltip][aria-hidden=true], .mb-touch .mb-role[role=tooltip] { display: none; opacity: 0 } .mb-high-contrast .mb-role[role=tooltip] { border: 2px solid #000 } .mb-high-contrast.mb-white-on-black .mb-role[role=tooltip] { border: 2px solid #fff } .text-center { text-align: center } .btn-link { color: #0071bc } .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% } .nav { overflow: hidden } .btn-link { border: 0 } .mb-body .modal-dialog .close, .mb-body .popover-content .close { opacity: 1 } .mb-btn-no-decor, .mb-btn-no-decor:hover { border: 0; background: 0 0; transition: opacity .25s linear; -webkit-transition: opacity .25s linear; -o-transition: opacity .25s linear; -moz-transition: opacity .25s linear } .mb-btn-no-decor:hover { opacity: .7 } body.mb-body { -ms-overflow-style: scrollbar; padding-bottom: 2em } @media (max-width:979px) { body { padding-top: 0 } } .navbar-inner { border-radius: 0; border-left: 0; border-right: 0; overflow-y: hidden; overflow-x: auto } @media (max-width:767px) { .navbar { margin-left: -20px; margin-right: -20px } } .navbar .nav>li>a, .navbar .nav>li>button { text-shadow: none } .dropdown-menu a, .nav a, .nav button, a.btn { text-decoration: none; overflow: hidden; text-overflow: ellipsis } .mb-selected .scroller-image { width: 400px } .scroller-image { vertical-align: middle; text-align: center; width: 200px; display: inline-block; box-shadow: 0 0 5px #333 } small { color: #777; opacity: 1 } input::-webkit-input-placeholder { color: #777; opacity: 1 } input::-moz-placeholder { color: #777; opacity: 1 } input:-moz-placeholder { color: #777; opacity: 1 } input:-ms-input-placeholder { color: #777; opacity: 1 } .media { border-top: 1px dotted #dcdada; padding: 1em 0; clear: both } .media:after { content: " "; clear: both; display: block } .mb-filters input, .mb-filters select { width: 100% } hr { border-top: 1px dotted #dcdada } .media:first-of-type { border-top: 0; margin-top: -.5em } .media-object img, img.media-object { max-height: 200px; max-width: 200px } .media-object img.mb-icon[src$=svg] { height: 32px; width: 32px } .media-object img.mb-icon, img.mb-icon.media-object { max-width: 32px; max-height: 32px } .media .pull-left .media-object.pull-left { margin-right: 0 } em { background: #ffda26; padding-left: .1em; padding-right: .1em; margin-left: -.1em; margin-right: -.1em; font-style: normal; font-weight: 700 } .nowrap { white-space: nowrap; -webkit-overflow-scrolling: touch } .navbar .nowrap .nav, .navbar .nowrap .nav>li { float: none; display: inline-block; vertical-align: bottom } .navbar .nav>.active>a, .navbar .nav>.active>a:hover { background: 0 0; border-bottom: 3px solid #eaba06; -webkit-box-shadow: none; box-shadow: none } .navbar .container>button { padding: 10px 15px; margin-left: -10px } .nav-pills>li>a { padding-top: 4px; padding-bottom: 4px } .languages img { height: 1.25em; width: 1.75em } .languages .dropdown-menu { min-width: 0 } .languages .btn { box-shadow: none; border: 0; background: 0 0; background: 0 0 } .nav-horizontal { margin-left: 8px } .nav-horizontal li { float: left; padding: 0 6px; line-height: 40px } .mb-menu-scroll-horizontal { white-space: nowrap; overflow-x: auto; max-width: 100%; position: static } .suchContainer footer { font-size: 18px; border-top: 1px solid #ccc; height: 40px; position: absolute; bottom: 0; width: 100%; line-height: 40px; background-color: #efefef } .suchContainer footer a { color: #333; transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s } .suchContainer footer a:hover { color: gray; text-decoration: none } .main { position: relative; min-height: 100%; box-sizing: border-box } .indent { padding-left: 74p } @-webkit-keyframes pulse { 0% { opacity: 1 } 33% { opacity: .75 } 67% { opacity: .5 } 100% { opacity: 1 } } .editable { border: 1px dotted #333; overflow: hidden } .btn-edit { float: right } .jstree label { display: inline-block; padding-left: .25em; margin-bottom: 0 } .jstree input, .jstree label { vertical-align: middle } .jstree input { margin: 0 } .applist img.icon { width: 48px; margin: 3px 6px 0 -54px; float: left } .applist { padding-bottom: 1em } .applist, .applist .federatedClient { clear: both } .applist .federatedClient { padding-left: 54px; padding-right: 70px; position: relative; border-top: 1px dotted #dcdada } .applist .switch { position: absolute; right: 0; top: 1em } .applist h5, .applist h6 { margin: .25em 0 } .muted { color: #aaa } #secondary-navigation>ul { margin-left: 0; padding-left: 0; list-style-position: inside; padding-top: 0; text-align: right } #secondary-navigation>ul li { border-color: #DDD; padding-top: 10px; list-style-image: none; list-style-type: none } #secondary-navigation>ul a { text-decoration: none; display: block; line-height: 160%; padding-right: 10px; color: #333; transition: all .35s; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s } hr.large { border-style: none; padding: 3% 0; text-align: right; padding-top: 0; margin-top: 0; margin-bottom: 0 } hr.large:after { content: "....................."; letter-spacing: 4px } .center, .mb-center { text-align: center } .mb-block { display: block } .search-field input { margin-bottom: 0; width: 100% } .search-field button:hover { text-decoration: none; color: #333 } .btn-rounded { border-radius: 50% } .mb-scrollable-y { overflow-y: auto; overflow-x: hidden } .mb-in-preview .mb-content { display: none } .mb-preview-action { padding-left: .5em } .mb-preview h1, .mb-preview h2, .mb-preview h3, .mb-preview h4, .mb-preview h5, .mb-preview h6 { font-size: 1.1em } .mb-html-preview-container #page-container { margin: -20px; margin-top: 0; position: relative } .ui-autocomplete .unmatched { font-weight: 700 } b .matched { font-weight: 400 } .pager li a, .pager li a:hover { border: 0; background: 0 0 } .mb-separated>:first-child { padding-left: 3px } .mb-separated.mb-actions>:first-child { padding-left: 0 } .mb-separated { color: #777; margin-bottom: 0 } .mb-metadata { word-wrap: break-word } .media .mb-metadata:before { content: " "; padding-left: 3px } dl.mb-horizontal dt:after { content: ": " } dl.mb-horizontal dt:before { content: " "; display: block } dl.mb-comma-separated-values>dd:before { content: ", " } dl.mb-comma-separated-values>dt+dd:before { content: "" } dl.mb-horizontal.mb-separated dt:before { display: inline } dl.mb-separated, ul.mb-separated { display: block; margin-top: 0; white-space: nowrap } dl.mb-comma-separated dd, dl.mb-horizontal dd, dl.mb-horizontal dt, dl.mb-separated dd, dl.mb-separated dt, ul.mb-separated li { display: inline; margin: 0 } dl.mb-comma-separated dd, dl.mb-horizontal dd, dl.mb-separated dd, ul.mb-separated li { white-space: normal } .mb-separated img { display: none } .mb-separated>:before { white-space: normal } .mb-separated>:before, dl.mb-horizontal.mb-separated dt:before { content: " - " } .mb-separated>:first-child:before { content: "" } .mb-separated .mb-separated>:after { content: ", " } .mb-separated .mb-separated>:before, .mb-separated .mb-separated>:last-child:after { content: "" } .nav img { max-width: 16px; max-height: 16px } .mb-about-popover h2, .mb-filters h1, .mb-filters h2, .mb-filters h3, .mb-filters h4, .mb-filters h5, .mb-filters h6 { font-size: 14px; line-height: 20px } .mb-filters .nav { margin-bottom: 0 } .mb-filters .nav-pills li label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative } .mb-filters .nav>li, .mb-filters .nav>li>a { position: relative } .mb-progress-indicator.pull-right { position: absolute; text-align: right } .media-heading { line-height: 1.5em; overflow: hidden; text-overflow: ellipsis } .media-heading a { color: #002A46; } .media { margin-top: 0 } .mb-close { font-size: 1.5em; color: #333 } .mb-nested .media { margin-top: 0; padding: 5px 0 } .mb-nested .mb-actions { padding-left: 0 } .mb-preview { padding: 3px } .mb-preview pre { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; border: 0; background: 0 0 } .mb-preview th { text-align: left } .mb-preview iframe { min-height: 500px } .mb-computing .mb-pulse { display: inline-block; -moz-animation: pulse 2s infinite linear; -o-animation: pulse 2s infinite linear; -webkit-animation: pulse 2s infinite linear; animation: pulse 2s infinite linear } @-webkit-keyframes pulse { 0% { opacity: 1 } 50% { opacity: .45 } 100% { opacity: 1 } } @-moz-keyframes pulse { 0% { opacity: 1 } 50% { opacity: .45 } 100% { opacity: 1 } } @-o-keyframes pulse { 0% { opacity: 1 } 50% { opacity: .45 } 100% { opacity: 1 } } @-ms-keyframes pulse { 0% { opacity: 1 } 50% { opacity: .45 } 100% { opacity: 1 } } @keyframes pulse { 0% { opacity: 1 } 50% { opacity: .45 } 100% { opacity: 1 } } @-webkit-keyframes mb-progress { 0% { width: 0 } 0.7% { width: 75% } 1% { width: 80% } 1.5% { width: 83% } 2% { width: 85% } 5% { width: 90% } 20% { width: 95% } 100% { width: 97% } } @-moz-keyframes mb-progress { 0% { width: 0 } 0.7% { width: 75% } 1% { width: 80% } 1.5% { width: 83% } 2% { width: 85% } 5% { width: 90% } 20% { width: 95% } 100% { width: 97% } } @-o-keyframes mb-progress { 0% { width: 0 } 0.7% { width: 75% } 1% { width: 80% } 1.5% { width: 83% } 2% { width: 85% } 5% { width: 90% } 20% { width: 95% } 100% { width: 97% } } @-ms-keyframes mb-progress { 0% { width: 0 } 0.7% { width: 75% } 1% { width: 80% } 1.5% { width: 83% } 2% { width: 85% } 5% { width: 90% } 20% { width: 95% } 100% { width: 97% } } @keyframes mb-progress { 0% { width: 0 } 0.7% { width: 75% } 1% { width: 80% } 1.5% { width: 83% } 2% { width: 85% } 5% { width: 90% } 20% { width: 95% } 100% { width: 97% } } .navbar-fixed-bottom, .navbar-fixed-top { z-index: 1001 } .nav-stacked .nav-stacked { margin-left: 1em } .mb-progress-indicator { display: none; width: 100% } .mb-absolute { position: absolute } .mb-absolute.mb-progress-indicator { position: fixed; left: -100px; top: -100px; background: rgba(238, 238, 238, .95); width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; z-index: 1049; line-height: 100px; vertical-align: middle; text-align: center; border-radius: 8px; opacity: 0; transition: opacity .25s linear; -webkit-transition: opacity .25s linear; -o-transition: opacity .25s linear; -moz-transition: opacity .25s linear; display: block } .mb-computing .mb-absolute.mb-progress-indicator { opacity: 1; left: 50%; top: 50% } .mb-computing .mb-progress-indicator { display: block } .breadcrumb { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; background: 0 0 } .breadcrumb li { padding-right: 1em } .mb-scroll-placeholder { margin: 0; padding: 0; display: block; font-size: 1em; font-weight: 400; border: 0 } @media (max-width:767px) { .mb-scroll-placeholder { display: none } .mb-header { margin-left: -20px; margin-right: -20px } } .IN-widget { vertical-align: middle!important } .media, .media-body { overflow: visible } .mb-dropdown-toggle { position: relative; overflow: visible } .mb-dropdown-toggle .caret { vertical-align: middle } .mb-dropdown-menu button { background: 0 0; border: none; border-bottom: 0; margin-bottom: 2px; padding-bottom: 12px; color: gray; font-size: 1.25em } .mb-dropdown-menu button:hover { border-bottom: 2px solid #eaba06; padding-bottom: 10px; color: #fff } .mb-dropdown-menu .dropdown-menu { left: auto; background: #222; border-radius: 0; padding: 5px 10px; margin-top: 0; color: gray; border: none } .mb-dropdown-menu .dropdown-menu>* { color: gray } .mb-dropdown-menu .dropdown-item { display: block; padding-bottom: 5px } .mb-dropdown-menu .dropdown-item:hover { color: #fff; border-bottom: 2px solid #eaba06 } .first10 li { display: none } .first10 li:nth-of-type(0), .first10 li:nth-of-type(1), .first10 li:nth-of-type(10), .first10 li:nth-of-type(11), .first10 li:nth-of-type(2), .first10 li:nth-of-type(3), .first10 li:nth-of-type(4), .first10 li:nth-of-type(5), .first10 li:nth-of-type(6), .first10 li:nth-of-type(7), .first10 li:nth-of-type(8), .first10 li:nth-of-type(9) { display: list-item } .mb-logout { opacity: .25 } .action, .mb-clickable, a { cursor: pointer } .mb-login .modal-body { max-height: 500px } .mb-login iframe { height: 450px; width: 100%; border: 0; background: 0 0 } .mb-line-item img, img.mb-small { max-height: 24px; max-width: 24px } .mb-header.navbar .nav>li>a, .mb-header.navbar .nav>li>button, .mb-selectable, .nav>li>a, .nav>li>button { border-bottom: 0; margin-bottom: 2px; padding-bottom: 12px } .mb-header.navbar .nav>li>a:hover, .mb-header.navbar .nav>li>button:hover, .mb-selected, .nav>li>a.mb-selected, .nav>li>a[aria-selected=true], .nav>li>button.mb-selected, .nav>li>button[aria-selected=true] { border-bottom: 2px solid #eaba06; padding-bottom: 10px } .mb-selected, .nav>li>a.mb-selected, .nav>li>a[aria-selected=true], .nav>li>button.mb-selected, .nav>li>button[aria-selected=true] { margin-bottom: inherit } .mb-selected a:hover { text-decoration: none } .mb-embedded .mb-hidden-embedded { display: none } .mb-inline, .mb-inline li { margin: 0; padding: 0; display: inline-block } .alert { margin-bottom: 8px } .mb-clipped { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .mb-loading .mb-hidden-loading, .mb-visible-loading { display: none } .mb-loading .mb-visible-loading { display: block } .mb-content { overflow: hidden; padding-left: 3px } [class*=span] { position: relative } @media (max-width:480px) { .media .pull-left, .media .pull-right { float: left; margin-bottom: 0 } } @media (max-width:767px) { .mb-clickable-phone { cursor: pointer } .mb-separated>* { display: block; margin-bottom: 2px } .mb-separated>:after { content: "" } .mb-clear-phone { clear: both } .mb-actions { border: 1px solid #dcdada } .mb-actions>:before { content: "" } .mb-actions a { display: block; padding: .5em; border-bottom: 1px solid #dcdada } .mb-actions li:last-child a, .mb-actions span:last-child a { border-bottom: 0 } .mb-top-separated-phone { border-top: 1px dotted #dcdada; padding-top: 1.5em } } .mb-open .mb-visible-open { display: inherit!important } .mb-actions.mb-visible-open { overflow: hidden } .mb-open.mb-nested .mb-visible-submenu-open { display: inherit!important } .mb-actions.mb-visible-submenu-open { overflow: hidden } .mb-acc, .mb-acc * { display: block!important; width: 1px!important; height: 1px!important; overflow: hidden; position: absolute!important; color: transparent!important; background: transparent!important; top: 0!important; left: 0!important; margin: 0!important; padding: 0!important } .mb-acc:focus, .mb-acc:focus * { display: inherit!important; width: auto!important; height: auto!important; overflow: inherit!important; position: inherit!important; top: inherit!important; left: inherit!important; margin: inherit!important; padding: inherit!important; color: inherit!important; background: inherit!important } .mb-acc:focus a, a.mb-acc:focus { color: #0071bc!important } .leaflet-container { margin: 1.5em 0 2.5em } @media (max-width:480px) { .leaflet-container { height: 100px!important } .leaflet-control-attribution { display: none } .media-object img, img.media-object { max-height: 100px; max-width: 100px } } h2 small { font-size: 14px } .icon-spinner { background-image: url(../img/spinner.gif); width: 20px; height: 20px; display: inline-block } .icon-spinner:before { content: "" } .mb-about-popover { color: #fff; top: auto!important; right: 2px; left: auto!important; padding: 35px; padding-right: 25px; width: 220px; border-radius: 2px } .mb-about-popover .background-container { overflow: hidden; position: absolute; top: -35px; left: -35px; right: -35px; z-index: -1; height: 426px } .mb-about-popover .background { max-width: none; max-height: none } .mb-about-popover .popover-content { padding-top: 235px; position: relative } .mb-top-right { position: absolute; right: 0; top: -12px } .mb-about-popover.bottom .arrow { left: auto; right: 20px } .mb-about-popover.bottom .arrow:after { border-bottom-color: #101010 } .mb-about-popover h2 { color: #FFCF1F; margin-bottom: 0 } .mb-inverted, .mb-inverted .btn-link { background-color: #202020; color: #ddd } .mb-inverted a { color: gray } .mb-inverted a:hover { color: #fff } .mb-hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent } .mb-add-and-available { position: relative; display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box } .mb-filters .nav-pills a.mb-add-and { position: absolute; right: -16px; top: -4px; padding: 0; bottom: 0; background: #fff; opacity: 0; transition: opacity .5s ease-in; -webkit-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in } .mb-filters .nav-pills li:hover a.mb-add-and { opacity: 1; right: 0 } .mb-filters .nav-pills li:hover .mb-add-and-available { padding-right: 16px; transition: padding 0s ease-in; -webkit-transition: padding 0s ease-in; -o-transition: padding 0s ease-in; -moz-transition: padding 0s ease-in } .mb-print { display: none } @media print { a[href]:after { content: "" } .navbar-inner { border: 0 } .mb-no-print { display: none!important } .mb-print { display: inline } .mb-print-left { text-align: left } input[type=search] { border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border-radius: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none } input.mb-query { padding-left: 0!important } } .mb-small { font-size: 10px } @media (max-width:979px) { .mb-login { position: absolute } } .mb-visible { display: inherit!important } @media (max-width:480px) { .mb-login .modal-body { padding: 0; max-height: none } } .mb-input-clear { white-space: nowrap; position: relative; display: inline-block; width: 100% } .mb-input-clear i { display: none } .mb-input-clear:hover i { display: block; font-size: 13px } .mb-input-clear button { margin-left: -28px } .mb-input-clear input { padding-right: 20px; width: 100% } .mb-full-width-input .mb-input-clear, .mb-full-width-input .uneditable-input, .mb-full-width-input input, .mb-full-width-input input.ui-autocomplete-input, .mb-full-width-input textarea { width: 100%; box-sizing: border-box } input[type=button], input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=reset], input[type=submit] { width: auto } .mb-collected a.action.collect { color: #777 } .mb-collected a.action.collect:after { display: inline-block; speak: none; content: "\f00c"; font-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; padding-left: .25em } .mb-collected a.action.collect:hover { text-decoration: none } .relevanceInfo.mb-hint { margin-top: -1.25em; display: block } .relevanceInfo input { margin-top: 0; margin-left: 4px } .mb-email-notifications, .mb-saved-searches .mb-hint { margin-top: -1.25em; display: block } #notificationModal .pull-left { min-width: 110px; line-height: 28px } #notificationModal .frequency { min-width: 200px } #notificationModal .notificationModalHeadline { font-size: 17px } #notificationModal .hidden, #notificationModal.modal-email-available .notificationEmail, #notificationModal.modal-email-available .notificationUserName { display: none } #notificationModal .modal-email-footer { float: left; line-height: 30px } #notificationModal .modal-email-output { visibility: hidden } #notificationModal.modal-email-available .modal-email-output { visibility: visible } .mb-notification-item .alertItemIcon { visibility: hidden; margin-top: 1px; display: inline-block } .mb-notification-item:hover .alertItemIcon { visibility: visible; cursor: pointer; color: #000 } .mb-notification-item .notificationItem { display: -ms-Flexbox!important; display: -webkit-flex!important; display: -moz-flex!important; display: -ms-flex!important; display: flex!important } .mb-notification-item .notificationItem h3 { display: -ms-Flexbox!important; display: -webkit-flex!important; display: -moz-flex!important; display: -ms-flex!important; display: flex!important; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .mb-saved-searches .nav-pills>li>a { padding: 0 4px; margin: 0 -4px } .mb-saved-searches ul .pull-right a { padding: 0 } .navbar .search-field button.mb-btn-save-search { margin-right: -24px; color: #fff; text-shadow: none } .navbar .search-field button.mb-btn-save-search i { font-size: .8em } .mb-inplace-edit-control { display: inline-block } .mb-inplace-editable { position: relative } .mb-inplace-handle { position: absolute!important; right: 0!important; margin-right: 0!important; padding: 0!important; top: 50%!important; line-height: 1.5em!important; margin-top: -.75em!important } .mb-inplace-action { padding: 0!important; color: #222 } .mb-text { display: inline; font-size: inherit; font-weight: inherit; line-height: inherit; padding: 0; margin: 0 } .mb-filters ul .pull-right { background: inherit } input { max-width: 100% } .mb-saved-searches .nav-pills>li>a { padding-right: 4em } .mb-saved-searches .nav a { text-overflow: clip } .mb-saved-searches .mb-inplace-action, .mb-saved-searches .nav a:hover .mb-inplace-action { display: inline-block!important; vertical-align: middle; background: #fff!important; position: relative; z-index: 1 } .mb-filters .nav a:hover .mb-inplace-action { background: inherit } .mb-modal-content .mb-hidden-detail { display: none } .mb-touch .close { font-size: 32px; line-height: 22px } .mb-touch .alert .close { top: -5px } .mb-saved-searches input.mb-inplace-edit { width: 100%; box-sizing: border-box } .mb-role[aria-multiselectable=true] [role=tab] { position: relative; cursor: pointer } .mb-role[aria-multiselectable=true] [role=tab]:after { content: "\f13a"; display: inline-block; speak: none; font-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; position: absolute; top: 0; right: 0 } .mb-role[aria-multiselectable=true] [aria-expanded=true][role=tab]:after { content: "\f139" } .mb-btn-full-width { width: 100%; text-align: left } .dropdown-menu li>a, .mb-filters .nav-pills a.mb-add-and { margin: 0!important } .mb-filters input, .mb-filters select { box-sizing: border-box } .mb-feedbackbutton a, .mb-feedbackbutton button { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-image: url(../img/feedback.png); box-shadow: #333 0 0 7px 0; border: 0 } .mb-feedbackbutton a:hover, .mb-feedbackbutton button:hover { box-shadow: #000 0 0 8px 0 } .mb-feedbackbutton, .mb-role.mb-feedbackbutton { position: fixed; top: 50%; right: 0; height: 102px; width: 24px } [data-and-available=true] .nav { overflow: visible } [data-and-available=true] .nav>li { position: relative } .mb-line-item, .nav>li label.checkbox>span { display: table; width: 100%; white-space: nowrap; text-overflow: ellipsis } .mb-line-item button, .nav>li label.checkbox>span button { text-align: left } .mb-line-item>*, .nav>li label.checkbox>span>* { max-width: 100px; overflow: hidden; text-overflow: ellipsis; display: table-cell } .mb-line-item>.pull-left, .mb-line-item>.pull-right, .nav>li label.checkbox>span>.pull-left, .nav>li label.checkbox>span>.pull-right { width: 1%; white-space: nowrap; float: none } .mb-flexbox .mb-line-item, .mb-flexbox .nav>li label.checkbox>span { -ms-box-orient: horizontal; display: -ms-Flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex } .mb-flexbox .mb-line-item>*, .mb-flexbox .nav>li label.checkbox>span>* { max-width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block } .mb-flexbox .mb-line-item>.pull-left, .mb-flexbox .mb-line-item>.pull-right, .mb-flexbox .nav>li label.checkbox>span>.pull-left, .mb-flexbox .nav>li label.checkbox>span>.pull-right { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: auto } .mb-touch .mb-saved-searches .nav-pills li a.mb-line-item { padding-left: 0; padding-right: 0; border-radius: 0; z-index: 2; position: relative } .mb-touch .mb-saved-searches ul .pull-right { top: .25em; margin-top: 0 } .mb-saved-searches .mb-inplace-actions { position: absolute; right: 0 } .mb-touch .mb-saved-searches .mb-inplace-actions { font-size: 1.25em; display: block; text-align: center; margin-top: 1px; position: static } .mb-touch .mb-saved-searches .mb-inplace-actions .mb-inplace-action { padding: 4px 8px!important } .mb-progress-bar { width: 100%; height: 3px; margin: auto; position: relative } .mb-progress-bar:before { content: " "; position: absolute; display: block; left: 0; width: 0; border-top: 4px solid #f0c70f; opacity: 0 } .mb-progress-bar.mb-fixed { left: 0; right: 0; top: 0; z-index: 9999 } .mb-fixed { position: fixed } .mb-computing .mb-progress-bar:before { opacity: 1; width: 99%; -moz-animation: mb-progress 200s 1 linear; -o-animation: mb-progress 200s 1 linear; -webkit-animation: mb-progress 200s 1 linear; animation: mb-progress 200s 1 linear } .mb-progress .mb-computing { position: relative } .mb-progress .mb-progress-bar { position: absolute; top: 50%; height: 4px; margin-top: -2px } .mb-hidden-radio { position: relative; display: inline-block } .mb-hidden-radio input { width: 24px; height: 24px; border: 0; background: 0 0; -webkit-appearance: none } .mb-hidden-radio>span { position: absolute; top: 4px; bottom: 0; left: 0; right: 0; background: #fff; vertical-align: middle; text-align: center; line-height: 24px } .mb-hidden-radio input:checked+span { color: #fff; background: #222 } .mb-body:focus { outline: 0 } .mb-highlight-focus:focus { outline: dotted 1px #222!important; outline-offset: -1px!important; box-shadow: 0 0 0 3px #eaba06!important; -webkit-box-shadow: 0 0 0 3px #eaba06!important } .mb-highlight-focus .navbar-inverse:focus { outline: dotted 1px #eaba06!important } .mb-highlight-focus .mb-role[role=toolbar]:focus { outline: 0!important; outline-offset: 0!important; box-shadow: none!important; -webkit-box-shadow: none!important } .mb-body .uneditable-input:focus, .mb-body input[type=color]:focus, .mb-body input[type=date]:focus, .mb-body input[type=datetime-local]:focus, .mb-body input[type=datetime]:focus, .mb-body input[type=email]:focus, .mb-body input[type=month]:focus, .mb-body input[type=number]:focus, .mb-body input[type=password]:focus, .mb-body input[type=search]:focus, .mb-body input[type=tel]:focus, .mb-body input[type=text]:focus, .mb-body input[type=time]:focus, .mb-body input[type=url]:focus, .mb-body input[type=week]:focus, .mb-body textarea:focus { outline: 0!important; border-color: #eaba06!important; border-style: dotted!important } .mb-actions, .mb-filters .nav-pills li label, .mb-flexbox .mb-line-item>.pull-left, .mb-flexbox .mb-line-item>.pull-right, .mb-flexbox .nav>li label.checkbox>span>.pull-left, .mb-flexbox .nav>li label.checkbox>span>.pull-right, .mb-line-item, .media-heading, .nav, .nav>li label.checkbox>span { padding: 3px; margin: -3px } .nav>li label.checkbox>span { margin-left: 0 } .mb-actions, .media-heading { margin-left: 0; margin-right: 0 } .media-heading { margin-top: 0 } .mb-filters .nav-pills li label { padding-left: 23px } .navbar .nav { margin-bottom: -3px } .navbar .container>button { margin-bottom: 3px } .mb-high-contrast .media-heading em { font-style: italic } .mb-high-contrast.mb-body:focus { outline-width: 3px!important } .mb-high-contrast.mb-body .uneditable-input:focus, .mb-high-contrast.mb-body input[type=color]:focus, .mb-high-contrast.mb-body input[type=date]:focus, .mb-high-contrast.mb-body input[type=datetime-local]:focus, .mb-high-contrast.mb-body input[type=datetime]:focus, .mb-high-contrast.mb-body input[type=email]:focus, .mb-high-contrast.mb-body input[type=month]:focus, .mb-high-contrast.mb-body input[type=number]:focus, .mb-high-contrast.mb-body input[type=password]:focus, .mb-high-contrast.mb-body input[type=search]:focus, .mb-high-contrast.mb-body input[type=tel]:focus, .mb-high-contrast.mb-body input[type=text]:focus, .mb-high-contrast.mb-body input[type=time]:focus, .mb-high-contrast.mb-body input[type=url]:focus, .mb-high-contrast.mb-body input[type=week]:focus, .mb-high-contrast.mb-body textarea:focus { outline: dotted!important } .mb-high-contrast.mb-white-on-black .mb-feedbackbutton .mb-hide-text { text-indent: 0; white-space: auto; overflow: visible; color: inherit } .mb-high-contrast.mb-white-on-black .mb-feedbackbutton { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg) } .mb-toggle { display: block } button.btn-export { display: none } button[data-export-enabled=true] { display: inline-block } button[data-export-enabled=false] { display: none } .dropdownfilter{ position: relative; margin-top: 10px } .dropdownfilter .caret { position: absolute; right: 7px } .dropdown-menu[aria-expanded=true] { display: block } .dropdownfilter .dropdown-menu[aria-expanded=true] { width: 100%; padding-right: 10px; padding-left: 8px; position: absolute; top: 57px; box-sizing: border-box } .dropdownfilter .dropdown-toggle.full-width { width: 100%; box-sizing: border-box; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .dropdownfilter .dropdown-menu { max-height: 325px; overflow-y: scroll } .dropdownfilter input.ui-autocomplete-input { margin-bottom: 5px } .alertedSearches { display: none!important } #emailAlertsList li { display: block; padding-left: 5px; padding-right: 5px } #emailAlertsList ul { width: 100% } #emailAlertsList { margin-right: 5px } .mb-preview img.mb-icon { height: 16px; width: 16px } .mb-dialog .mb-hidden-dialog { display: none!important } .mb-stack-title h2 span { display: block; font-size: 12px; padding-top: 5px; font-weight: 400 } .mb-stack-title .mb-stack-title-group button { margin-top: 10px } .mb-stack .mb-stack-element .mb-stack-content .mb-header .mb-top-menu, .mb-stack .mb-stack-element .mb-stack-content .mb-header h1 { display: none } .relevanceInfoSwitchbox { display: block } .relevanceInfoSwitchbox h2 { float: left; margin-right: 10px; margin-top: 5px } .relevanceInfo.switch { position: relative; display: inline-block; width: 50px; height: 28px } .relevanceInfo.switch input { display: none } .relevanceInfo.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s } .relevanceInfo.switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s } .relevanceInfoTable .wtHolder { height: calc(100vh - 370px)!important } .relevanceInfo.switch input:checked+.slider { background-color: #eaba06 } .relevanceInfo.switch input:focus+.slider { box-shadow: 0 0 1px #2196F3 } .relevanceInfo.switch input:checked+.slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } .relevanceInfo.switch .slider.round { border-radius: 28px } .relevanceInfo.switch .slider.round:before { border-radius: 50% } .mb-show-relevanceInfo .ht_clone_top { z-index: 0!important } .mb-relevance-info .mb-visible-relevance-info { display: inherit!important } .mb-relevance-info .mb-hidden-relevance-info { display: none!important } .mb-hierarchy-toggle { padding: 2px 0!important; margin: 0 0 0 1em } .mb-hierarchy-toggle:hover { background-color: transparent!important; text-decoration: underline!important } .mb-hierarchy-suggest { margin-left: 15px; width: calc(100% - 12px)!important; margin-bottom: 5px } ul.nav [disable=true] { display: none } .suchContainer div.content-box ul li:before, div#top ul li:before { content: none; } .suchContainer input[type=search] { background-image:url('https://media.essen.de/media/ewgde/ewg_technik/ewg_grafik/lupe.png'); } div#col3.main_search_result div.result a.title, .suchContainer a.title { text-decoration: none; } .suchContainer .breadcrumb { padding:0!important; margin:0!important; } .suchContainer dl { margin:0!important; margin-bottom: 0!important; } .suchContainer a { text-decoration:underline; } .suchContainer h3 { line-height: 20px!important; margin-bottom:0!important; } .suchContainer .media { border-top: 1px solid #a2c1df; } .suchContainer em { color: inherit; background: none; font-weight: bold; } .suchContainer .pagination { text-align:center; } .suchContainer .linkMore { font-size: 16px; } .suchContainer .ui-autocomplete .ui-menu-item a { padding-left:10px; } .suchcontainer h2 { color:#00355a; font-size:24px; } .suchContainer .breadcrumb { overflow: hidden!important; padding: 0em!important; margin: 0em!important; } .suchContainer .container { width: 100%!important; } .suchContainer .mb-stack { margin:0; padding:0; } .suchContainer .media:first-child { margin-top: 0; border-top:0; } .suchContainer .filterbox h3 { display: none; } .suchContainer .filterbox h3:first-child { display: inline; } .suchContainer .filterbox .nav>li label.checkbox>span { padding: 0; margin: 0; } .suchContainer .panel div.panel-heading, .suchContainer .panel div.panel-body { padding:5px; } .suchContainer .panel-body { background-color: #d9e0ed; } .suchContainer .checkbox { margin-top: 0; } .suchContainer .panel div.searchfilter { padding-bottom: 15px; } .suchContainer .dropdown-menu, .suchContainer .daterangepicker { border-radius: unset; } .daterangepicker.show-calendar .calendar { font-size: 0.8em; } .daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 0; } .suchContainer [class*=" icon-"], .suchContainer [class^=icon-]{ display:none; } [data-user-input-template="inputdate"] { position: relative; margin-top: 10px } [data-name="mes:date"][data-user-input-template="inputdate"] ul.nav { display:none; } .daterangepicker td, .daterangepicker th, .daterangepicker tr { border-radius : 0px; } .daterangepicker td.active, .daterangepicker td.active:hover{ background-color: #002A46; background-image: none; } .daterangepicker select, .daterangepicker option{ color: #002A46; } .daterangepicker select.yearselect { width: auto; } .daterangepicker .icon-arrow-left:before, .daterangepicker .icon-arrow-right:before{ color: #fff; } .daterangepicker td.available:hover, .daterangepicker th.available:hover{ background-color: #002A46; color: #fff; } .daterangepicker td.available:hover .icon-arrow-left:before, .daterangepicker td.available:hover .icon-arrow-right:before{ color: #002A46 !important; } .daterangepicker button, .daterangepicker button:hover, .daterangepicker button:active { background-color: #002A46; background-image: none; text-shadow:none; border-radius:0px; width:80%; margin-top:0.5em; } .daterangepicker button.btn-default { background-color: #DDD; color: #333; float:left; } .daterangepicker button.btn-default:hover{ background-color: #EEE; color: #333; } .daterangepicker button.btn-success{ background-color: #002A46; border-color: #002A46; } .daterangepicker button.btn-success:hover { background-color: #0B3754; color: #FFF; } div[data-user-input-template="inputdate"] .mb-input-clear button, div[data-user-input-template="inputdate"] .mb-input-clear button:hover{ position: relative; display: inline-block; font-family: "Glyphicons Halflings"; font-weight: 400; -webkit-font-smoothing: antialiased; background: none; border: none; box-shadow: none; } div[data-user-input-template="inputdate"] .mb-input-clear button:after{ content:"\e109"; margin:0; } div[data-user-input-template="inputdate"] .mb-input-clear:hover button:after{ content:"\e014"; } div[data-user-input-template="inputdate"] .mb-input-clear i.icon-remove-sign{ display:none; } div[data-user-input-template="inputdate"] input{ border-color: rgba(0, 0, 0, .15)rgba(0, 0, 0, .15)rgba(0, 0, 0, .25); border-width: 1px; padding: 4px 12px; width: 100%; } /** div[data-user-input-template="inputdate"] .mb-input-clear i.icon-remove-sign:before{ content:"\e109"; } div[data-user-input-template="inputdate"] .mb-input-clear:hover i.icon-remove-sign:before{ content:"\e014"; } **/ .suchContainer .row-fluid .span8 { margin-left: 0em; } .suchContainer .searchfilter .row-fluid .span3{ margin: 0 0.6em; } @charset "UTF-8"; /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* auskommentiert ESH .slick-list { .slick-loading & { background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; } } */ /* Icons */ /* auskommentiert ESH @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } } */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("../img/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../img/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../img/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("../img/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 480px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1920px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Calibri"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.3em; } h2, .h2 { font-size: 1.61em; } h3, .h3 { font-size: 1.04em; } h4, .h4 { font-size: 1.04em; } h5, .h5 { font-size: 1.2em; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container { max-width: 0; } @media (min-width: 480px) { .container-sm, .container { max-width: 480px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 768px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 992px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1200px; } } @media (min-width: 1920px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1920px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 480px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1920px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 479.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1919.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 480px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 480px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1920px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-xs, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 479.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-xs, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 480px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-xs, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-xs, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-xs, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-xs, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-xs, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-xs, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-xs, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1919.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-xs, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1920px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-xs, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-xs, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-xs, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 480px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 480px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 480px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 480px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 480px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1920px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 480px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Calibri"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Calibri"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 480px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1920px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 480px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1920px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 480px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1920px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 480px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1920px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 480px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1920px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ /* @font-face { font-family: 'Calibri'; src: url('font/Calibri.woff2') format('woff2'), url('font/Calibri.woff') format('woff'); } @font-face { font-family: 'Calibri-Bold'; src: url('font/Calibri-Bold.woff2') format('woff2'), url('font/Calibri-Bold.woff') format('woff'); } */ * { font-size: 21px; color: #002A46; transition: color 0.38s ease; } .bold, b, strong { font-family: "Calibri-Bold"; font-weight: normal; } .italic { font-family: "Calibri-Italic"; } .bolditalic { font-family: "Calibri-Bolditalic"; } svg.icon { height: 0.8em; width: 0.8em; fill: #002A46; } .hide { display: none; } a { color: #002A46; transition: color 0.38s ease; } a:hover, a:focus, a:active { color: #002A46; transition: color 0.38s ease; text-decoration: none; } .w-10 { width: 10%; } .w-30 { width: 30%; } .w-35 { width: 35%; } .w-40 { width: 40%; } .w-70 { width: 70%; } .w-90 { width: 90%; } .bspace { margin-bottom: 1.5rem; } .hand-pointer { cursor: pointer; } figure { position: relative; } figure img { width: 100%; height: auto; min-height: 1px; } figure figcaption { background-color: rgba(227, 231, 232, 0.8); position: absolute; padding-left: 0.25em; padding-right: 0.25em; font-size: 0.55em; color: #000000 !important; } @media (max-width: 991.98px) { figure figcaption { font-size: 0.4em; } } .copyright-bottom figure figcaption { bottom: 0; } .copyright-top figure figcaption { top: 0; } .copyright-left figure figcaption { left: 0; } .copyright-right figure figcaption { right: 0; } figcaption { background-color: rgba(227, 231, 232, 0.8); position: absolute; padding-left: 0.25em; padding-right: 0.25em; font-size: 0.55em; color: #000000 !important; } @media (max-width: 991.98px) { figcaption { font-size: 0.4em; } } .copyright-bottom figcaption { bottom: 0; } .copyright-top figcaption { top: 0; } .copyright-left figcaption { left: 0; } .copyright-right figcaption { right: 0; } .rotationRightTop figcaption, .fancybox-skin .rotationRightTop { transform: rotate(90deg) translate(100%, 0); transform-origin: right top; width: 66%; } .rotationLeftTop figcaption, .fancybox-skin .rotationLeftTop { transform: rotate(-90deg) translate(-100%, 0); transform-origin: left top; width: 66%; } .rotationRightBottom figcaption, .fancybox-skin .rotationRightBottom { transform: rotate(-90deg) translate(100%, -100%); right: -1.5em !important; transform-origin: right bottom; width: auto; } .rotationLeftBottom figcaption, .fancybox-skin .rotationLeftBottom { transform: rotate(-90deg); transform-origin: left bottom; left: 1.5em !important; width: 66%; } .fancybox-skin .rotationLeftBottom { left: 39px !important; right: auto; bottom: 92x; } .progress { height: 0.3rem; } .force-ci { font-family: "Calibri" !important; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #essenNotfall { background-color: #d2222c; color: #FFFFFF; padding: 0; } @media (max-width: 1199.98px) { #essenNotfall { padding-left: 0; } } #essenNotfall .row { padding-left: calc(6% + 15px); padding-right: 6%; margin: 0; } @media (max-width: 1199.98px) { #essenNotfall .row { padding-left: 15px; margin: 0; } } #essenNotfall .notfallIcon { width: 2.5em; float: left; } @media (max-width: 1199.98px) { #essenNotfall .notfallIcon { margin-left: 14px; } } @media (max-width: 767.98px) { #essenNotfall .notfallIcon { width: 20%; margin-left: 0; } } #essenNotfall .notfallIcon svg { height: 3rem; width: 2rem; margin-top: 0; fill: #FFFFFF; } #essenNotfall .notfallInhalt { width: calc(100% - 4em); } @media (max-width: 1199.98px) { #essenNotfall .notfallInhalt { width: 100%; } } @media (max-width: 767.98px) { #essenNotfall .notfallInhalt { width: 80%; } } #essenNotfall .notfallInhalt div { color: #FFFFFF; font-size: 1.2rem; } @media (max-width: 1199.98px) { #essenNotfall .notfallInhalt div { font-size: 2vw; } } @media (max-width: 991.98px) { #essenNotfall .notfallInhalt div { font-size: 3.3vw; } } @media (max-width: 767.98px) { #essenNotfall .notfallInhalt div { font-size: 0.9em; } } #essenNotfall .notfallInhalt div a { color: #e3e7e8; transition: color 0.38s ease; } #essenNotfall .notfallInhalt div svg { height: 1rem; width: 1rem; fill: #FFFFFF; } #essenNotfall .notfallInhalt > div { width: 100%; } #essenNotfall a:hover .notfallInhalt div.link, #essenNotfall a:focus .notfallInhalt div.link, #essenNotfall a:active .notfallInhalt div.link { color: #5d9aa4; transition: color 0.38s ease; } #essenNotfall a:hover .notfallInhalt div.link svg.icon, #essenNotfall a:focus .notfallInhalt div.link svg.icon, #essenNotfall a:active .notfallInhalt div.link svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* auskommentiert ESH .slick-list { .slick-loading & { background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; } } */ /* Icons */ /* auskommentiert ESH @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } } */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } #placholder-for-svgsprite, .d-noneImp { display: none; } /** Wegen Serviceportal: Verzicht auf REM, statdessen mit EM*/ .essendeCssWrapper { font-size: 21px; max-width: 1920px; } .essendeCssWrapper * { font-size: 21px; color: #002A46; font-family: "Calibri"; } .essendeCssWrapper .bold, .essendeCssWrapper b, .essendeCssWrapper strong { font-family: "Calibri-Bold"; font-weight: normal; } .essendeCssWrapper .bgHell { background-color: #81adb6 !important; } .essendeCssWrapper .nopadding { padding: 0; } .essendeCssWrapper .btn { border-radius: 0; background-color: #FFFFFF; } .essendeCssWrapper h2 { font-size: 1.61em; color: #81adb6; } .essendeCssWrapper svg.icon { height: 0.8em; width: 0.8em; fill: #002A46; } .essendeCssWrapper a { color: #002A46; transition: color 0.38s ease; } .essendeCssWrapper a:hover, .essendeCssWrapper a:focus, .essendeCssWrapper a:active { color: #002A46; transition: color 0.38s ease; text-decoration: none; } .essendeCssWrapper .notranslate { font-size: inherit; } .essendeCssWrapper figure { position: relative; } .essendeCssWrapper figure img { width: 100%; height: auto; } .essendeCssWrapper figure figcaption { background-color: rgba(227, 231, 232, 0.8); position: absolute; padding-left: 0.25em; padding-right: 0.25em; font-size: 0.55em; color: #000000 !important; } .copyright-bottom .essendeCssWrapper figure figcaption { bottom: 0; } .copyright-top .essendeCssWrapper figure figcaption { top: 0; } .copyright-left .essendeCssWrapper figure figcaption { left: 0; } .copyright-right .essendeCssWrapper figure figcaption { right: 0; } .essendeCssWrapper .d-noneImp { display: none !important; } .essendeCssWrapper .d-blockImp { display: block !important; } .essendeCssWrapper .d-block { display: block; } .essendeCssWrapper .min-h100--2em { min-height: calc(100% - 2em) !important; } .essendeCssWrapper .min-h100--4em { min-height: calc(100% - 4em) !important; } .essendeCssWrapper .essende_suchfeld { border-radius: 0; border: 0; } #essenMetaNav { background-color: #d1d7d8; height: 40px; } #essenMetaNav * { font-size: 0.96em; } @media (max-width: 991.98px) { #essenMetaNav { display: none; } } #essenMetaNav a, #essenMetaNav a:visited, #essenMetaNav a:hover, #essenMetaNav a:focus, #essenMetaNav a:active { color: #002A46; transition: color 0.38s ease; text-decoration: none; padding-top: 0; } #essenMetaNav a:hover { color: #81adb6; transition: color 0.38s ease; } #essenMetaNav .nav { padding: 3px; margin: -3px; margin-top: -3px; margin-right: -3px; margin-bottom: -3px; margin-left: -3px; } #essenMetaNav .nav li a { padding: 0; } #essenMetaNav .nav .nav-link:first-child { padding-left: 0; } #essenMetaNav .nav-link { padding: 0.25em 1em; } #essenMetaNav .nav-link a { padding: 0; } #essenMetaNav #sprachwechsel { vertical-align: 0; padding-top: 0; padding-bottom: 0; padding-right: 0.2em; height: 2em; background-color: transparent; } #essenMetaNav #sprachwechsel svg.icon { width: 0.5em; height: 0.5em; margin-right: 0.2em; padding-right: 0; } #essenMetaNav #sprachwechsel img { width: 1em; height: 1em; } #essenMetaNav #sprachwechsel::before { display: none; } #essenMetaNav #sprachwechsel::after { display: none; } #essenMetaNav #sprachwechsel:active, #essenMetaNav #sprachwechsel:hover, #essenMetaNav #sprachwechsel:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #essenMetaNav #sprachDropdown, #essenMetaNav .dropdown-menu { background-color: #d1d7d8; min-width: 1.4em; width: 1.4em; padding: 0; transform: translate3d(26px, 34px, 0px) !important; border: 0; border-radius: 0; } #essenMetaNav #sprachDropdown .dropdown-item:active, #essenMetaNav .dropdown-menu .dropdown-item:active { background-color: transparent; } #essenMetaNav #sprachDropdown a, #essenMetaNav .dropdown-menu a { width: 1.2em; padding: 0 0.2em; } #essenMetaNav #sprachDropdown a img, #essenMetaNav .dropdown-menu a img { width: 1em; height: 1em; } #essenMetaNav div svg { float: left; margin-top: 25%; vertical-align: 0; padding-top: 0; padding-bottom: 0; padding-right: 0.2em; height: 3em; width: 3em; } #essenMetaNav div svg#iconUp { display: none; } #essenMetaNav div svg#iconDown { display: block; } #essenMetaNav div.show svg#iconUp { display: block; } #essenMetaNav div.show svg#iconDown { display: none; } #essenNav { height: 120px; border-bottom: 3px solid #e3e7e8; } #essenNav #logo { width: 12%; min-width: 120px; max-height: 120px; } @media (max-width: 767.98px) { #essenNav #logo { width: 20%; max-width: 120px; } } #essenNav #logo img { width: 120px; height: 120px; } @media (max-width: 767.98px) { #essenNav #logo img { width: 100%; } } #essenNav #hauptnavigation a, #essenNav #hauptnavigation a:visited, #essenNav #hauptnavigation a:hover, #essenNav #hauptnavigation a:focus, #essenNav #hauptnavigation a:active { color: #002A46; transition: color 0.38s ease; font-size: 1.2em; } #essenNav #hauptnavigation a span, #essenNav #hauptnavigation a:visited span, #essenNav #hauptnavigation a:hover span, #essenNav #hauptnavigation a:focus span, #essenNav #hauptnavigation a:active span { font-size: 1em; } @media (max-width: 1500px) { #essenNav #hauptnavigation a, #essenNav #hauptnavigation a:visited, #essenNav #hauptnavigation a:hover, #essenNav #hauptnavigation a:focus, #essenNav #hauptnavigation a:active { font-size: 1.6vw; } } #essenNav #hauptnavigation ul { height: 120px; padding: 3px; margin: -3px; } @media (max-width: 991.98px) { #essenNav #hauptnavigation ul { display: none; } } #essenNav #hauptnavigation ul .nav-link { margin-left: 1em; margin-right: 1em; padding: 10px 0; border-bottom: 3px solid #FFFFFF; transition: border-color 0.38s ease; } #essenNav #hauptnavigation ul .nav-link:hover { border-bottom: 3px solid #81adb6; transition: border-color 0.38s ease; } #essenNav #hauptnavigation ul .nav-link a, #essenNav #hauptnavigation ul .nav-link a:visited, #essenNav #hauptnavigation ul .nav-link a:hover, #essenNav #hauptnavigation ul .nav-link a:focus, #essenNav #hauptnavigation ul .nav-link a:active { text-decoration: none; padding: 0; } #essenNav #hauptnavigation ul li a { padding: 0; } #essenNav #hauptnavigation ul li.active { border-bottom: 3px solid #81adb6; transition: border-color 0.38s ease; } #essenNav #hauptnavigation ul .nav .nav-link:first-child { margin-left: 0; } #essenNav #burgermenue { background-color: #e3e7e8; width: 120px; } @media (max-width: 1199.98px) { #essenNav #burgermenue { order: 3; margin-right: 0; } } @media (max-width: 767.98px) { #essenNav #burgermenue { width: 20%; } } #essenNav #burgermenue button { background-color: #e3e7e8; } #essenNav #burgermenue button svg { fill: #002A46; transition: fill 0.38s ease; height: 1.5em; width: 1.5em; } #essenNav #burgermenue button:hover svg { fill: #81adb6; transition: fill 0.38s ease; } #essenNav #burgermenue div { width: 100%; } #essenNav #headerSuche { max-width: 360px; width: 19.5%; overflow: hidden; } #essenNav #headerSuche button { box-shadow: none; } @media (max-width: 1199.98px) { #essenNav #headerSuche { order: 1; margin-left: auto; width: 50px; margin-right: 20px; overflow: visible; } } @media (max-width: 991.98px) { #essenNav #headerSuche { margin-right: 0; } } #essenNav #headerSuche #headerSucheDesktop { display: inline-block; } @media (max-width: 1199.98px) { #essenNav #headerSuche #headerSucheDesktop { display: none; } } @media (max-width: 1199.98px) { #essenNav #headerSuche #headerSucheDesktop .sucheFeldWrapper .sucheFeld { display: none; } } #essenNav #headerSuche #headerSucheDesktop .sucheFeldWrapper .sucheFeld:focus { border: none; box-shadow: none; } #essenNav #headerSuche #headerSucheMobile { display: none; } @media (max-width: 1199.98px) { #essenNav #headerSuche #headerSucheMobile { display: inline-block; width: 50px; margin: 0; margin-left: 0; } #essenNav #headerSuche #headerSucheMobile .dropdown-toggle::after { display: none; } #essenNav #headerSuche #headerSucheMobile #suchDropdown { padding: 0; border: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } #essenNav #headerSuche #headerSucheMobile #suchDropdown #sucheFeldDropdown { padding: 0.3em; } } @media (max-width: 1199.98px) and (max-width: 1199.98px) { #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper .sucheFeld { display: inline-block; } } @media (max-width: 1199.98px) { #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper .sucheFeld:focus { border: none; box-shadow: none; } #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper button svg.icon { height: 1.5em; width: 1.5em; fill: #002A46; transition: fill 0.38s ease; } #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper button:hover svg { fill: #81adb6; transition: fill 0.38s ease; } } #essenNav #headerSuche .sucheFeldWrapper { width: 260px; margin: auto; margin-left: 20px; } #essenNav #headerSuche .sucheFeldWrapper .sucheFeld { width: 160px; border: 0; font-size: 1em; padding: 0.2em; border: 0; border-radius: 0; margin-top: 0.3em; } @media (max-width: 767.98px) { #essenNav #headerSuche .sucheFeldWrapper .sucheFeld { width: 50px; } } #essenNav #headerSuche .sucheFeldWrapper button svg.icon { height: 1.5em; width: 1.5em; fill: #002A46; transition: fill 0.38s ease; } #essenNav #headerSuche .sucheFeldWrapper button:hover svg { fill: #81adb6; transition: fill 0.38s ease; } #essenNav #headerSprachwechselMobile { display: none; } @media (max-width: 991.98px) { #essenNav #headerSprachwechselMobile { display: inline-block; order: 2; width: 70px; margin-right: 20px; } } #essen_burgermenue { position: absolute; z-index: 999; width: 100%; padding-left: 0; font-size: 0.5em; margin: auto; left: 0%; right: 50%; } #essen_burgermenue .container-fluid, #essen_burgermenue .container-xs, #essen_burgermenue .container-sm, #essen_burgermenue .container-md, #essen_burgermenue .container-lg, #essen_burgermenue .container-xl, #essen_burgermenue .container-xxl { left: 0%; right: -50%; margin: auto; position: relative; } #essen_burgermenue #essenBurgermenueOverlay { display: none; } #essen_burgermenue #essenBurgermenueHeader { height: 120px; background-color: rgba(255, 255, 255, 0.9); margin-left: 105px; } #essen_burgermenue #essenBurgermenueHeader div { width: 150px; background-color: #e3e7e8; padding: 1em; margin-right: 19%; } #essen_burgermenue #essenBurgermenueHeader div a { color: #002A46; font-size: 0.8em; } #essen_burgermenue #essenBurgermenueHeader div svg.icon { margin-left: 1em; width: 0.5em; height: 0.5em; } #essen_burgermenue #essenBurgermenueContent { background-color: #FFFFFF; margin-left: 105px; padding-right: 0; min-height: 520px; } @media (max-width: 1199.98px) { #essen_burgermenue #essenBurgermenueContent { margin-left: -15px; } } #essen_burgermenue #essenBurgermenueContent h2 { color: #002A46; font-family: "Calibri-Bold"; } #essen_burgermenue #essenBurgermenueContent .spalte1, #essen_burgermenue #essenBurgermenueContent .spalte2, #essen_burgermenue #essenBurgermenueContent .spalte3, #essen_burgermenue #essenBurgermenueContent .spalte4 { padding-top: 30px; } #essen_burgermenue #essenBurgermenueContent .spalte1 { padding-left: calc(12% - 105px); position: relative; background-color: #FFFFFF; } @media (max-width: 1199.98px) { #essen_burgermenue #essenBurgermenueContent .spalte1 { padding-left: 15px; padding-right: 15px; } } @media (max-width: 991.98px) { #essen_burgermenue #essenBurgermenueContent .spalte1 { display: none; } } #essen_burgermenue #essenBurgermenueContent .spalte2 { background-color: #d1d7d8; } #essen_burgermenue #essenBurgermenueContent .spalte3 { background-color: #e3e7e8; } #essen_burgermenue #essenBurgermenueContent .spalte9 { background-color: #dfe5e6; padding-left: 0; position: relative; min-height: 495px; overflow: hidden; } @media (max-width: 991.98px) { #essen_burgermenue #essenBurgermenueContent .spalte9 { width: 100% !important; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent .naviContainer { min-height: calc(100% - 4em); } } #essen_burgermenue #essenBurgermenueContent ul { padding: 0; padding-top: 1.5em; height: 100%; background-color: #dfe5e6; transition: background-color 0.38s ease; position: absolute; width: 100%; overflow: hidden; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul { position: absolute; height: auto; margin-bottom: 0; padding-top: 0; } } #essen_burgermenue #essenBurgermenueContent ul li { padding: 0.3em 1em; list-style: none; width: 25%; min-height: 2em; } @media (max-width: 1919.98px) { #essen_burgermenue #essenBurgermenueContent ul li { width: 33%; } } @media (max-width: 991.98px) { #essen_burgermenue #essenBurgermenueContent ul li { width: 30%; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul li { width: 100%; } } #essen_burgermenue #essenBurgermenueContent ul li a.active { font-family: "Calibri-Bold"; } #essen_burgermenue #essenBurgermenueContent ul li svg.icon { display: none; height: 0.5em; width: 0.5em; margin-top: 0.5em; } #essen_burgermenue #essenBurgermenueContent ul li span.pfeil { color: #FFFFFF; float: left; position: relative; left: -28px; display: none; font-family: "Segoe UI Symbol"; } #essen_burgermenue #essenBurgermenueContent ul li:hover { background-color: #d1d7d8; transition: background-color 0.38s ease; cursor: pointer; } #essen_burgermenue #essenBurgermenueContent ul li:hover span.pfeil { display: block; } #essen_burgermenue #essenBurgermenueContent ul li:hover span.text { position: relative; left: -18px; } #essen_burgermenue #essenBurgermenueContent ul li:hover ul.sub-2 { display: block; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul li:hover ul.sub-2 { display: none; } } #essen_burgermenue #essenBurgermenueContent ul li ul.sub { display: none; width: 100%; position: absolute; top: 0; margin-left: 23%; } @media (max-width: 991.98px) { #essen_burgermenue #essenBurgermenueContent ul li ul.sub { margin-left: 27%; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul li ul.sub { margin-left: 0; } } #essen_burgermenue #essenBurgermenueContent ul li ul.sub span.pfeil { display: none; } #essen_burgermenue #essenBurgermenueContent ul li ul.sub li { padding: 0.3em 1em; } #essen_burgermenue #essenBurgermenueContent ul li ul.sub li span.text { position: relative; left: 0; } #essen_burgermenue #essenBurgermenueContent ul li ul.sub-2 { background-color: #e9eced; } #essen_burgermenue #essenBurgermenueContent ul li ul.sub-2 li:hover ul.sub-3 { display: block; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul li ul.sub-2 li:hover ul.sub-3 { display: none; } } #essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 { background-color: #f4f7f8; width: 51%; -webkit-columns: 2; -moz-columns: 2; columns: 2; -moz-column-fill: auto; column-fill: auto; height: 100%; } @media (max-width: 991.98px) { #essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 { padding-left: 0.75em; width: 100%; } } @media (max-width: 479.98px) { #essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 { width: 100%; -webkit-columns: 1; -moz-columns: 1; columns: 1; } } #essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 li { width: 100%; break-inside: avoid-column; } #essen_burgermenue #essenBurgermenueContent ul li a { width: 100%; border-bottom: 1px solid #d1d7d8; display: block; } #essen_burgermenue #essenBurgermenueContent ul li ul.showMobile { display: block; left: 0; height: 100%; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul li.selected > ul.sub-2 { display: block; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul ul.sub-2 li.selected:hover ul.sub-3 { display: block; } } #essen_burgermenue #essenBurgermenueContent ul li.withSubfolders svg.icon { display: none; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueContent ul li.withSubfolders svg.icon { display: inline; } } #essen_burgermenue #essenBurgermenueContent ul li.withSubfolders a { width: auto; } #essen_burgermenue #essenBurgermenueContent ul li.level1 { background-color: #dfe5e6; } #essen_burgermenue #essenBurgermenueContent ul li.level2 { background-color: #e9eced; padding-left: 1.5em; } #essen_burgermenue #essenBurgermenueContent ul li.level3 { background-color: #f4f7f8; } #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi { display: none; height: auto; position: relative; } @media (min-width: 480px) { #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi { display: none; } } #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li a { border-bottom: 0; } #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li a span.text { order: 2; width: 100%; font-family: "Calibri-Bold"; } #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li a svg.icon { order: 1; margin-right: 1em; } #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li:hover a svg.icon { margin-right: calc(1em + 18px); } #essen_burgermenue #essenBurgermenueFooter { background-color: #002A46; margin-left: 105px; } @media (max-width: 1199.98px) { #essen_burgermenue #essenBurgermenueFooter { margin-left: -15px; padding-left: 15px; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter { padding-right: 15px; padding-top: 15px; padding-bottom: 15px; } } #essen_burgermenue #essenBurgermenueFooter a, #essen_burgermenue #essenBurgermenueFooter span { color: #FFFFFF; font-size: 0.5em; } #essen_burgermenue #essenBurgermenueFooter svg.icon { fill: #FFFFFF; height: 0.3em; width: 0.3em; } #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche { width: 300px; height: 1.5em; padding-left: 15px; } @media (max-width: 1199.98px) { #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche { padding-left: 0; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche { width: 100%; margin-bottom: 15px; } } #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form { display: flex; } #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .essende_suchfeld { height: 1.5em; font-size: 1em; width: auto; } #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .btn { height: 1.5em; padding: 0 0.5em 0 0; } #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .btn svg.icon { fill: #002A46; transition: fill 0.38s ease; height: 1em; width: 1em; position: relative; } #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .btn:hover svg.icon { fill: #81adb6; transition: fill 0.38s ease; } #essen_burgermenue #essenBurgermenueFooter .padding { padding-right: 1em; padding-left: 1em; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright { display: table !important; order: 5; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright #essenBurgermenueLinks { display: table-row; width: 100%; text-align: left; line-height: 0.6em; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright #essenBurgermenueLinks a:first-child { padding-left: 0; } } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright #essenBurgermenueCopyrightText { display: table-row; width: 100%; clear: both; text-align: left; line-height: 0.6em; } } #essen_burgermenue #essenBurgermenueFooter .buergermenueSocialmedia { width: 50px; text-align: center; } #essen_burgermenue #essenBurgermenueFooter .buergermenueSocialmedia svg { width: 40%; fill: #FFFFFF; height: 50px; } #essen_burgermenue #essenBurgermenueFooter .sm_fb { background-color: #4266b2; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter .sm_fb { order: 1; } } #essen_burgermenue #essenBurgermenueFooter .sm_tw { background-color: #000; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter .sm_tw { order: 2; } } #essen_burgermenue #essenBurgermenueFooter .sm_in { background-color: #be4cc8; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter .sm_in { order: 3; } } #essen_burgermenue #essenBurgermenueFooter .sm_yt { background-color: #df3535; } @media (max-width: 767.98px) { #essen_burgermenue #essenBurgermenueFooter .sm_yt { order: 4; } } #essen_burgermenue.show #essenBurgermenueOverlay { display: block; position: fixed; top: 155px; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } #essenFooterOben { clear: both; } #essenFooterOben div, #essenFooterOben span { color: #FFFFFF; } #essenFooterOben a:hover, #essenFooterOben a:focus, #essenFooterOben a:active, #essenFooterOben a:hover span, #essenFooterOben a:focus span, #essenFooterOben a:active span, #essenFooterOben a:hover svg.oben { color: #81adb6; transition: color 0.38s ease; text-decoration: none; fill: #81adb6; } #essenFooterOben #footerObenLogo { background-color: #002A46; } @media (max-width: 767.98px) { #essenFooterOben #footerObenLogo { max-width: 90px; } } #essenFooterOben #footerObenLogo img { width: 90px; height: 90px; border-right: 1px solid #FFF; } @media (max-width: 767.98px) { #essenFooterOben #footerObenLogo img { width: 100%; } } #essenFooterOben #footerObenMitte { background-color: #002A46; color: #FFFFFF; } @media (max-width: 1199.98px) { #essenFooterOben #footerObenMitte { flex-grow: 100; width: auto; } } @media (max-width: 767.98px) { #essenFooterOben #footerObenMitte { width: 16%; } #essenFooterOben #footerObenMitte .text { display: none; } } @media (max-width: 1199.98px) { #essenFooterOben #footerObenMitte div { text-align: right !important; } } @media (max-width: 767.98px) { #essenFooterOben #footerObenMitte div { text-align: center !important; } } #essenFooterOben #footerObenMitte #toTop svg { width: 50px; fill: #FFFFFF; height: 50px; } @media (max-width: 479.98px) { #essenFooterOben #footerObenMitte #toTop svg { height: 25px; } } @media (max-width: 479.98px) { #essenFooterOben #footerObenMitte #toTop { padding: 0; } } #essenFooterOben .footerObenSocialmedia { width: 90px; text-align: center; } #essenFooterOben .footerObenSocialmedia svg { width: 40%; fill: #FFFFFF; height: 90px; } #essenFooterOben .sm_fb { background-color: #4266b2; } #essenFooterOben .sm_tw { background-color: #000; } #essenFooterOben .sm_in { background-color: #be4cc8; } #essenFooterOben .sm_yt { background-color: #df3535; } @media (max-width: 767.98px) { #essenFooterOben .footerObenSocialmedia, #essenFooterOben #footerObenLogo, #essenFooterOben #footerObenLogo { width: 16.6%; } } #essenFooterUnten { background-color: #0b3754; color: #e3e7e8; padding-top: 2em; } #essenFooterUnten .footerUntenSchmal { width: 996px; margin: auto; padding-top: 2em; } #essenFooterUnten .footerUntenSchmal * { color: #e3e7e8; } #essenFooterUnten .footerUntenSchmal a:hover, #essenFooterUnten .footerUntenSchmal a:focus, #essenFooterUnten .footerUntenSchmal a:active, #essenFooterUnten .footerUntenSchmal a:hover span, #essenFooterUnten .footerUntenSchmal a:focus span, #essenFooterUnten .footerUntenSchmal a:active span, #essenFooterUnten .footerUntenSchmal a:hover svg { color: #81adb6; transition: color 0.38s ease; text-decoration: none; fill: #81adb6; } @media (max-width: 1199.98px) { #essenFooterUnten .footerUntenSchmal { width: auto; max-width: 996px; margin-left: auto; margin-right: auto; } } #essenFooterUnten .footerUntenSchmal h4 { font-size: 1.15em; } #essenFooterUnten .footerUntenSchmal ul a, #essenFooterUnten .footerUntenSchmal ul a span { font-size: 0.9em; } #essenFooterUnten .footerUntenSchmal ul.links { list-style: none; padding: 0; } #essenFooterUnten .footerUntenSchmal ul.mitte { list-style: none; padding: 2em 1em 1em 1em; } #essenFooterUnten .footerUntenSchmal ul.mitte li { margin-bottom: 0.75em; } #essenFooterUnten .footerUntenSchmal ul.mitte li div { padding: 0.3em 0.8em; } #essenFooterUnten .footerUntenSchmal ul.mitte li div.intern { background-color: #e3e7e8; transition: background-color 0.38s ease; } #essenFooterUnten .footerUntenSchmal ul.mitte li div.intern span { color: #002A46; } #essenFooterUnten .footerUntenSchmal ul.mitte li div.intern svg { fill: #002A46; } #essenFooterUnten .footerUntenSchmal ul.mitte li div.extern { background-color: #002A46; color: #FFFFFF; } #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.intern { background-color: #002A46; transition: background-color 0.38s ease; } #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.intern span, #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.intern span svg { color: #FFFFFF; fill: #FFFFFF; } #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.extern { background-color: #81adb6; transition: background-color 0.38s ease; } #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.extern span, #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.extern span svg { color: #FFFFFF; fill: #FFFFFF; } #essenFooterUnten .footerUntenSchmal .footerRechts { list-style: none; padding-top: 2em; } #essenFooterUnten .footerUntenSchmal .footerRechts .slick-vertical { height: 200px; overflow: hidden; } #essenFooterUnten .footerUntenSchmal .footerRechts .slick-vertical .slick-slide { height: 199px !important; } #essenFooterUnten .footerUntenSchmal .footerRechts ul.slick-dots { width: 1.5em; top: 30%; padding-left: 0; } #essenFooterUnten .footerUntenSchmal .footerRechts .slick-list { padding-left: 1.5em; margin-top: -1px; } #essenFooterUnten .footerUntenSchmal .footerRechts img { width: 100%; } #essenFooterUnten .footerUntenSchmal .footerRechts figcaption { font-size: 0.46em; } #essenFooterUnten .footerUntenSchmal .footerRechts button:before { font-size: 2em; color: #FFFFFF; opacity: 1; } #essenFooterUnten .footerUntenSchmal .footerRechts li button:before { opacity: 0.75; } #essenFooterUnten .footerUntenSchmal .footerRechts li.slick-active button:before { opacity: 1; } #essenFooterUnten form { width: 100%; display: flex; } #essenFooterUnten form #footerUntenSucheFeld { height: 80px; border: 0; border-radius: 0; color: #495057; } #essenFooterUnten form #footerSuchButton { width: 80px; background-color: #FFF; height: 80px; } #essenFooterUnten form #footerSuchButton svg { fill: #0b3754; transition: fill 0.38s ease; width: 1.2em; height: 1.2em; } #essenFooterUnten form #footerSuchButton:hover svg { fill: #81adb6; transition: fill 0.38s ease; } #essenFooterUnten #bottomline { border-top: 1px solid #FFFFFF; padding-top: 0; } #essenFooterUnten #bottomline div { font-size: 0.65em; } #essenFooterUnten #bottomline a { font-size: 1em; } #essenFooterUnten #bottomline svg { width: 0.5em; height: 0.5em; margin-top: -0.2em; } #essenFooterUnten svg { width: 0.8em; height: 0.8em; fill: #FFFFFF; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .downloadmodul ul li svg { /* bischen hoeher, da der IE sonst unten abschenidet! */ height: 2.1rem; width: 2rem; } .downloadmodul { background-color: #81adb6; margin-bottom: calc(2rem + 0rem); } .downloadmodul h3 { font-size: 24px; color: #002A46; transition: color 0.38s ease; width: 100%; margin-bottom: 0; line-height: unset; font-family: "Calibri-Bold"; padding: 0.5em 1em; } .downloadmodul .col-5, .downloadmodul .col-8 { padding-right: 0; } .downloadmodul .col-7, .downloadmodul .col-4 { padding-left: 0; } .downloadmodul .col-4 { padding-right: 15px; } .downloadmodul ul { list-style: none; padding-left: 0; margin-bottom: 0; } .downloadmodul ul li { padding: 0.5em 1em; border-bottom: 1px solid #b4b4b4; } .downloadmodul ul li:hover svg, .downloadmodul ul li:hover div, .downloadmodul ul li:hover acronym { color: #FFFFFF; fill: #FFFFFF; transition: color 0.38s ease, fill 0.38s ease; text-decoration: none; } .downloadmodul ul li * { color: #002A46; transition: color 0.38s ease; } .downloadmodul ul li svg { margin-left: 0.2em; fill: #002A46; } .downloadmodul ul li .dlIcon { white-space: nowrap; padding-left: 1em; } .downloadmodul ul li.erweitert { padding: 0; } .downloadmodul ul li.erweitert a, .downloadmodul ul li.erweitert a, .downloadmodul ul li.erweitert svg { color: #002A46; fill: #002A46; transition: color 0.38s ease, fill 0.38s ease; } .downloadmodul ul li.erweitert a:hover, .downloadmodul ul li.erweitert a:focus, .downloadmodul ul li.erweitert a:active, .downloadmodul ul li.erweitert a:hover *, .downloadmodul ul li.erweitert a:focus *, .downloadmodul ul li.erweitert a:active * { color: #5d9aa4; transition: color 0.38s ease; } .downloadmodul ul li.erweitert a:hover * svg, .downloadmodul ul li.erweitert a:focus * svg, .downloadmodul ul li.erweitert a:active * svg, .downloadmodul ul li.erweitert a:hover * * svg, .downloadmodul ul li.erweitert a:focus * * svg, .downloadmodul ul li.erweitert a:active * * svg { fill: #5d9aa4; } .downloadmodul ul li.erweitert * .col-4 { padding: 0; background-color: #e3e7e8; transition: background-color 0.38s ease; } .downloadmodul ul li.erweitert * .col-4 figure { margin-bottom: 0; } .downloadmodul ul li.erweitert * .col-8 { padding: 1em; background-color: #e3e7e8; color: #002A46; fill: #002A46; transition: background-color 0.38s ease, color 0.38s ease, fill 0.38s ease; } .downloadmodul ul li.erweitert * .col-8 p { margin-bottom: 2em; } .downloadmodul ul li.erweitert div.dlIcon { position: absolute; bottom: 15px; right: 15px; } #contentRechts .downloadmodul { display: inline-block; width: 100%; } #contentRechts .downloadmodul .col-5, #contentRechts .downloadmodul .col-7, #contentRechts .downloadmodul .col-4, #contentRechts .downloadmodul .col-8 { width: 100%; max-width: 100%; padding-left: 15p; padding-right: 0; flex: 0 0 100%; } #contentRechts .downloadmodul li.erweitert .col-8 { padding-left: 15px; padding-right: 15px; } #contentRechts .downloadmodul li.erweitert .col-8 .dlIcon { padding-left: 0; } #contentRechts .downloadmodul li .col-8 .dlIcon { padding-left: 0; } #contentRechts .downloadmodul .col-5 { text-align: right !important; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .linklist { margin-bottom: calc(2rem + 0rem); background-color: #d1d7d8; padding: 1em; } .linklist .header { border-bottom: solid 1px #b4b4b4; padding-bottom: 0.75em; } .linklist .header svg { height: 1.5em; width: 1.5em; } .linklist h3 { font-size: 24px; color: #002A46; transition: color 0.38s ease; width: 100%; margin-bottom: 0; line-height: unset; font-family: "Calibri-Bold"; } .linklist ul { list-style: none; padding-left: 0; margin-bottom: 0; } .linklist ul li { padding: 0.25em 0; width: 100%; border-bottom: solid 1px #b4b4b4; } .linklist ul li:last-child { border-bottom: none; } .linklist ul li a:hover, .linklist ul li a:focus, .linklist ul li a:active { color: #5d9aa4; transition: color 0.38s ease; text-decoration: none; } .linklist ul li a:hover span, .linklist ul li a:focus span, .linklist ul li a:active span { color: #5d9aa4; transition: color 0.38s ease; } .linklist ul li a:hover svg, .linklist ul li a:focus svg, .linklist ul li a:active svg { fill: #5d9aa4; transition: fill 0.38s ease; } .linklist ul a { color: #002A46; } .linklist ul svg { fill: #002A46; } .linklist ul .dlIcon { white-space: nowrap; } .linklist ul .desc { width: 100%; display: block; } .linklistSpezial { background-color: #002A46; } .linklistSpezial .header { max-height: 2em; } .linklistSpezial .header h3 { color: #FFFFFF; } .linklistSpezial .header svg.icon { transform: rotate(-20deg); top: -1.5em; position: relative; width: 2.5em; height: 2.5em; right: 1em; fill: #FFFFFF; transition: fill 0.38s ease; } .linklistSpezial ul { border-top: 2px solid #FFFFFF; } .linklistSpezial ul a span { color: #FFFFFF; transition: color 0.38s ease; } .linklistSpezial ul a span svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } .linklisteDunkel { background-color: #002A46; padding: 45px; } @media (max-width: 1919.98px) { .linklisteDunkel { padding: 15px; } } .linklisteDunkel span, .linklisteDunkel div, .linklisteDunkel strong { color: #FFFFFF; transition: color 0.38s ease; } .linklisteDunkel svg.iconBig { height: 2.5em; width: 2.5em; } @media (max-width: 1919.98px) { .linklisteDunkel svg.iconBig { height: 1.5em; width: 1.5em; } } .linklisteDunkel svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } .linklisteDunkel hr { border-color: #FFFFFF; } .linklisteDunkel a:hover span, .linklisteDunkel a:hover div, .linklisteDunkel a:hover strong, .linklisteDunkel a:focus span, .linklisteDunkel a:focus div, .linklisteDunkel a:focus strong, .linklisteDunkel a:active span, .linklisteDunkel a:active div, .linklisteDunkel a:active strong { color: #5d9aa4; transition: color 0.38s ease; } .linklisteDunkel a:hover svg.icon, .linklisteDunkel a:focus svg.icon, .linklisteDunkel a:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .medienInfo { margin-bottom: calc(2rem + 0rem); } .medienInfo p { margin-bottom: 0.5em; } .medienInfo h2, .medienInfo h3 { color: #002A46; font-size: 1.8em; } .medienInfo .item { background-color: #e3e7e8; margin-bottom: 0.25em; } .medienInfo .detail { color: #002A46; padding: 0.5em 0.5em 0.5em; display: inline-block; } .medienInfo svg.icon { margin-left: 1em; height: 2rem; width: 2rem; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ table { width: 100%; border-collapse: collapse; border-bottom: 3px solid #5d9aa4; margin-bottom: calc(2rem + 0rem); } table.border { border: 1px solid #000; } table caption { text-align: left; font-size: 1.24em; caption-side: top; color: #002A46; } table th, table td { border: 0; padding: 0.25em; padding-left: 1em; padding-right: 1em; } table th { background-color: #002A46; color: #fff; } table td { border-right: 1px solid #b4b4b4; /* &.odd.border { border: 1px solid #000; } &.even.border { border: 1px solid #000; } */ } table td.even { background-color: #e3e7e8; } table td:last-child { border-right: 0; } table.tuerkis { border-bottom: 3px solid #5d9aa4; } table.tuerkis th { background-color: #5d9aa4; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .infobox { margin-bottom: calc(2rem + 0rem); } .infobox h2, .infobox h3 { color: #FFFFFF; font-size: 1.5em; width: 100%; padding: 0.5rem; border-bottom: 1px solid #b4b4b4; margin: 0; background-color: #81adb6; } .infobox .content { background-color: #e3e7e8; padding: 0.5rem; } .infobox .even { background-color: #e3e7e8; } .infobox a { text-decoration: underline; } .infobox .odd { border-bottom: 1px solid #e3e7e8; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .hinweis { background-color: #e3e7e8; padding: 1em; margin-bottom: calc(2rem + 0rem); } .hinweis * { color: #002A46; } .hinweis svg.warn { fill: #002A46; width: 100%; height: auto; } .hinweis .content svg.icon { height: 1em; width: 0.5em; margin-left: 1em; } .hinweis .content a:hover, .hinweis .content a:focus, .hinweis .content a:active { color: #5d9aa4; transition: color 0.38s ease; text-decoration: none; } .hinweis .content a:hover svg, .hinweis .content a:focus svg, .hinweis .content a:active svg { fill: #5d9aa4; transition: fill 0.38s ease; } .hinweis.warnung { background-color: yellow; } .hinweis.danger { background-color: #d2222c; } .hinweis.danger * { color: #fff; } .hinweis.danger svg { fill: #fff; } @media (min-width: 768px) { #contentRechts .noFlexOptional { display: inline-block; } #contentRechts .noFlexOptional .col-4, #contentRechts .noFlexOptional .col-8 { width: 100%; max-width: 100%; text-align: left !important; } #contentRechts .noFlexOptional svg.warn { width: 50%; height: auto; } } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .vcard { border: 1px solid #b4b4b4; padding: 1.5rem; margin-bottom: calc(2rem + 0rem); } .vcard * { color: #002A46; } .vcard svg.icon { fill: #5d9aa4; } @media (max-width: 991.98px) { .vcard svg.icon { left: 92%; } } .vcard svg.iconRechtsOben { left: 88%; position: absolute; margin-top: -15px; } .vcard .col-12 { padding: 0; } .vcard .col-4 { padding-left: 0; } .vcard .col-8 { padding-right: 0; } .vcard .header .fn { font-family: "Calibri-Bold"; } .vcard .header svg { fill: #5d9aa4; } .vcard .bold { font-family: "Calibri-Bold"; } .vcard .org, .vcard .org p { color: #5d9aa4; } .vcard figure { margin-bottom: 0; padding-right: 15px; } #contentRechts .vcard { padding: 0; } #contentRechts .vcard .col-4 { padding-left: 15px; padding-top: 15px; } #contentRechts .vcard .col-4, #contentRechts .vcard .col-8 { width: 100%; max-width: 100%; } #contentRechts .vcard .col-12 { padding: 15px; } #contentRechts .vcard svg.icon { margin-top: 5px; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .slicksliderHeader { text-align: left !important; } .galleryPreview { width: 100%; } .gallery .slick-slide { overflow: hidden; } .gallery img { padding: 0.25em; /* //height: 100%; // height: 60px; padding: 0.25em; width: 60px; max-width: fit-content; */ object-fit: cover; object-position: center; max-height: 90px; height: 100%; } .gallery, .galleryPreview { margin-bottom: calc(2rem + 0rem); } .slick-dots li button:before { font-size: 60px; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .teaserbox { border: solid 1px #b4b4b4; margin-bottom: calc(2rem + 0rem); } @media (max-width: 991.98px) { .teaserbox { display: flex; border: 0; padding-top: 100%; position: relative; } .teaserbox figure { margin: 0; } .teaserbox figure img { opacity: 0.2; } .teaserbox div.copyright { position: absolute; top: 0; z-index: 0; border: solid 1px #b4b4b4; width: 100%; } .teaserbox div.content { z-index: 9999; border: 0; padding: 0.5rem; position: absolute; top: 0; width: 100%; } } .teaserbox img { max-width: none; width: 100%; } .teaserbox h2, .teaserbox h3 { color: #5d9aa4; transition: color 0.38s ease; font-size: 1.5em; width: 100%; padding: 0.5rem 0 0 0.5rem; margin: 0; } .teaserbox p { padding: 0.5rem 0 0 0.5rem; } .teaserbox ul { list-style: none; padding-left: 0rem; } .teaserbox ul li:hover * { color: #5d9aa4; transition: color 0.38s ease; text-decoration: none; } .teaserbox ul li:hover svg { fill: #5d9aa4; } .teaserbox ul li a { display: block; padding-left: 0.5rem; } .teaserbox ul li a svg { float: right; margin-right: 0.5rem; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #newsroom { margin-bottom: calc(2rem + 0rem); display: block; position: relative; } #newsroom .pager { width: 100%; text-align: center; margin-top: 3em; } #newsroom .grid-sizer, #newsroom .grid-item { width: 100%; margin-right: 0px; } @media (min-width: 768px) { #newsroom .grid-sizer, #newsroom .grid-item { width: calc((100% - 30px) / 2); } } @media (min-width: 992px) { #newsroom .grid-sizer, #newsroom .grid-item { width: calc((100% - 45px) / 3); } } #newsroom .newsroom-tab { display: inline-block; padding: 0.75em 1.5em; color: #5d9aa4; font-family: "Calibri-Bold"; cursor: pointer; } #newsroom .newsroom-tab.active { background-color: #e3e7e8; color: #002A46; } @media (max-width: 767.98px) { #newsroom .newsroom-tab { padding: 2vw; } } @media (max-width: 767.98px) and (max-width: 479.98px) { #newsroom .newsroom-tab { font-size: 0.8em; border: 1px solid #e3e7e8; } } #newsroom #newsroom-filter table.ui-datepicker-calendar { background-color: #fff; } #newsroom #newsroom-filter .ui-datepicker-current-day a { border: solid 3px #002A46 !important; } #newsroom #newsroom-filter .filter { background: #e3e7e8; padding: 1em; } #newsroom #newsroom-filter .filter .filterHeader { font-family: "Calibri-Bold"; } #newsroom #newsroom-filter .filter #openFilter { background: #fff; display: block; padding: 0.25rem; cursor: pointer; } #newsroom #newsroom-filter .filter #openFilter svg.icon { float: right; margin: 0.35em 0; } #newsroom #newsroom-filter .filter label { background-color: #5d9aa4; color: #fff; width: calc(20% - 0px); margin: 0; padding: calc(0.25em + 1px) 0; text-align: center; } #newsroom #newsroom-filter .filter input { width: calc(80% - 0px); border: 1px solid #b4b4b4; padding: 0.25em; } #newsroom #newsroom-filter .filter #openFilter, #newsroom #newsroom-filter .filter input.hasDatepicker { margin-bottom: 1em; } #newsroom #newsroom-filter #filterForm { border: 1px solid #b4b4b4; border-top: none; position: absolute; z-index: 1; width: 100%; background: #fff; } #newsroom #newsroom-filter .channels { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; height: 0; padding: 0; } #newsroom #newsroom-filter .channels.active { visibility: visible; opacity: 1; height: auto; padding: 1em; } #newsroom #newsroom-filter .channels input, #newsroom #newsroom-filter .channels label { cursor: pointer; } #newsroom #newsroom-filter .channels section h4 { border-bottom: 1px solid #002A46; font-family: "Calibri-Bold"; white-space: nowrap; overflow: hidden; } #newsroom #newsroom-filter .channels section h4 input { margin-right: 0.25rem; } #newsroom #newsroom-filter .channels section h4 label { font-family: "Calibri-Bold"; white-space: normal; } #newsroom #newsroom-filter .channels section ul { padding-left: 0; list-style: none; } #newsroom #newsroom-filter .channels section ul li { padding-right: 0.5rem; display: inline; white-space: nowrap; } #newsroom #newsroom-filter .channels section ul li input { display: inline; margin-right: 0.25rem; } #newsroom #newsroom-filter .buttons { padding: 1em; } #newsroom #newsroom-filter .buttons button { border: 0; padding: 0.5rem 1rem; margin-bottom: 5px; margin-right: 5px; transition: background-color 0.38s ease; width: 100%; } @media (max-width: 1919.98px) { #newsroom #newsroom-filter .buttons button { padding: 0.5vw 0.9vw; margin-right: 0.5vw; } } #newsroom #newsroom-filter .buttons button#select { background-color: #5d9aa4; color: #fff; } #newsroom #newsroom-filter .buttons button#unselect { background-color: #e3e7e8; color: #002A46; } #newsroom #newsroom-filter .buttons button:hover#select { background-color: #b4b4b4; color: #fff; } #newsroom #newsroom-filter .buttons button:hover#unselect { background-color: #b4b4b4; color: #fff; } #newsroom #newsroom-content .item { padding-bottom: 1rem; } #newsroom #newsroom-content .item svg { height: 1.25rem; width: 1.25rem; } #newsroom #newsroom-content .item img { max-width: 100%; } #newsroom #newsroom-content .item.card { border-radius: 0; } #newsroom #newsroom-content .item .card-header { padding: 0em; background: none; border: none; } #newsroom #newsroom-content .item .card-header .card-header-content { padding: 0.3em; font-size: 0.8em; line-height: 1.1em; } #newsroom #newsroom-content .item .card-header .card-header-content a { margin-left: 0; color: #5d9aa4; font-size: inherit; font-family: inherit; text-decoration: none; } #newsroom #newsroom-content .item .card-header .card-header-content a:hover, #newsroom #newsroom-content .item .card-header .card-header-content a:focus, #newsroom #newsroom-content .item .card-header .card-header-content a:active { text-decoration: underline; } #newsroom #newsroom-content .item .card-header .card-icon { display: flex; height: auto; width: 2em; max-height: 2.1em; min-height: 2rem; } #newsroom #newsroom-content .item .card-header .card-icon svg { fill: #fff; margin: auto; } #newsroom #newsroom-content .item .card-header .card-icon.facebook { background-color: #4266b2; } #newsroom #newsroom-content .item .card-header .card-icon.twitter { background-color: #4babd3; } #newsroom #newsroom-content .item .card-header .card-icon.instagram { background-color: #be4cc8; } #newsroom #newsroom-content .item .card-header .card-icon.youtube { background-color: #df3535; } #newsroom #newsroom-content .item .card-header .card-icon.magazin, #newsroom #newsroom-content .item .card-header .card-icon.e-magazin, #newsroom #newsroom-content .item .card-header .card-icon.aktuelle-meldungen { background-color: #0b3754; } #newsroom #newsroom-content .item .card-body { padding: 0em; } #newsroom #newsroom-content .item .card-body a, #newsroom #newsroom-content .item .card-body .description { font-size: 0.9em; } #newsroom #newsroom-content .item .card-body .description { padding: 0.5em; } #newsroom #newsroom-content .item .card-body a { text-decoration: underline; } #newsroom #newsroom-content .item .card-body a:hover { text-decoration: none; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .verteiler { margin-bottom: calc(2rem + 0rem); } .verteiler h2 { width: 100%; } .verteilerItem { border: solid 1px #b4b4b4; margin-bottom: calc(2rem + 0rem); } .verteilerItem img { max-width: none; width: 100%; } .verteilerItem h3 { font-size: 1.5rem; } .verteilerItem .content { padding: 0.25rem; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #cookieDiv a { color: #000; text-decoration: none; } #cookieDiv a:hover { text-decoration: underline; } #cookieDiv div { padding: 20px; padding-right: 80px; } #cookieDiv { text-align: left; border-top: 1px solid #fff; background: #d9e0ed; position: fixed; bottom: 0px; z-index: 10000; width: 100%; font-size: 0.8em; color: #003165; line-height: 14px; } #cookieDiv span, #cookieDiv a { font-size: 0.8rem; } #cookieDiv a { color: #003165; } #cookieDivCloser { background: #003165; color: #fff; font: 14px/100%; position: absolute; right: 15px; text-decoration: none; top: 15px; cursor: pointer; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #7b92a9; border-right: 1px solid #7b92a9; padding: 8px; } #cookieDivCloser:hover { border-bottom: 1px solid white; border-right: 1px solid white; border-top: 1px solid #7b92a9; border-left: 1px solid #7b92a9; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .themenbox { margin-bottom: calc(2rem + 0rem); background-color: #e3e7e8; padding: 15px; margin-bottom: 0.25em; } .themenbox .col-8 { padding-right: 0; } .themenbox .col-4 { padding-left: 0; } .themenbox .col-4 { padding-right: 15px; } .themenbox p { margin-bottom: 0.5em; } .themenbox h2, .themenbox h3 { color: #002A46; font-size: 1.8em; } .themenbox .detail { color: #002A46; padding: 0.5em 0.5em 0.5em; display: inline-block; } .themenbox svg.icon { margin-left: 1em; height: 1rem; width: 1rem; } .themenbox a:hover p, .themenbox a:hover h2, .themenbox a:hover h3, .themenbox a:hover span, .themenbox a:focus p, .themenbox a:focus h2, .themenbox a:focus h3, .themenbox a:focus span, .themenbox a:active p, .themenbox a:active h2, .themenbox a:active h3, .themenbox a:active span { color: #5d9aa4; transition: color 0.38s ease; } .themenbox a:hover svg.icon, .themenbox a:focus svg.icon, .themenbox a:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } #contentRechts .themenbox { display: inline-block; width: 100%; } #contentRechts .themenbox .col-4, #contentRechts .themenbox .col-8 { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; flex: 0 0 100%; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #essenDarksite { height: 100%; width: 100%; z-index: 100; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; } #essenDarksite div.darksite { max-width: 900px; margin: auto; top: 2em; position: relative; background-color: #000000; padding: 45px; } #essenDarksite div.darksite span.x { right: -2em; position: absolute; top: -2em; } #essenDarksite div.darksite h1 { color: #FFFFFF; } #essenDarksite div.darksite p, #essenDarksite div.darksite a { color: #dedede; } #essenDarksite div.darksite a { text-decoration: underline; } #essenDarksite div.darksite padding { font-size: 1rem; color: #dedede; } #essenDarksite div.darksite .imageInText { width: 100% !important; } #essenDarksite div.darksite svg.icon { fill: #dedede !important; height: 1em; width: 1em; } #essenDarksite div.darksite svg.icon:hover { cursor: pointer; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .fancybox-opened .fancybox-skin { border-radius: 0; } .fancybox-title { margin-bottom: 15px; position: relative; right: auto; text-align: left; } .fancybox-title .child { font-size: 1rem; background: none; text-shadow: none; line-height: normal; margin: auto; padding: 0; color: #002A46; white-space: normal; } .fancybox-copyright { right: 0; bottom: 120px; } .fancybox-copyright .child { font-size: 0.65rem; font-weight: 200; color: #000000; border-radius: 0; background: rgba(227, 231, 232, 0.8); text-shadow: none; line-height: normal; margin-right: 15px; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../img2/fancybox_sprite.png); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../img2/fancybox_sprite@2x.png); } } .fancybox-close { top: -32px; right: -32px; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .suchContainer span, .suchContainer select, .suchContainer input, .suchContainer select, .suchContainer textarea { font-family: "Calibri"; } .suchContainer .mb-header { background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } @media (max-width: 991.98px) { .suchContainer .mb-header { margin-left: 0; margin-right: 0; } } .suchContainer .mb-header .mb-component-container { padding: 15px; padding-bottom: 0; } .suchContainer .mb-header .mb-component-container form { display: flex; width: 75%; margin: auto; } @media (max-width: 991.98px) { .suchContainer .mb-header .mb-component-container form { width: 85%; margin-left: 0; } } .suchContainer .mb-header .mb-component-container form input.mb-query { height: 3.5rem; background-image: none; box-shadow: none; } .suchContainer .mb-header .mb-component-container form .btn { width: 80px; background-color: #FFF; background-image: none; height: 3.5rem; border-left: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .suchContainer .mb-header .mb-component-container form .btn svg { fill: #0b3754; transition: fill 0.38s ease; width: 1.2rem; height: 1.2rem; } .suchContainer .mb-header .mb-component-container form .btn:hover svg { fill: #5d9aa4; transition: fill 0.38s ease; } .suchContainer .panel { width: 100%; } .suchContainer .panel .panel-body { background-color: #FFFFFF; padding-bottom: 15px; } .suchContainer .panel .panel-body h3 { font-size: 1rem; font-family: "Calibri-Bold"; font-weight: normal; } @media (max-width: 991.98px) { .suchContainer .panel .panel-body .filterbox { width: 85%; } } .suchContainer .panel .panel-body .filterbox .dropdown-toggle { text-align: left; background-image: none; background-color: #FFF; font-size: 0.9rem; height: 1.5em; } .suchContainer .panel .panel-body .filterbox .dropdownfilter select { font-size: 0.9rem; height: 1.6rem; padding-top: 0; } .suchContainer .panel .panel-body .filterbox .mb-tooltip, .suchContainer .panel .panel-body .filterbox .pull-right, .suchContainer .panel .panel-body .filterbox .mb-input-clear input { font-size: 0.9rem; } .suchContainer div .bestbets { background-color: #5d9aa4; color: #FFFFFF; transition: color 0.38s ease, background-color 0.38s ease; } .suchContainer div .bestbets h4, .suchContainer div .bestbets p { padding: 0 5px; } .suchContainer div .bestbets h4 { font-size: 1.2em; font-weight: normal; font-family: "Calibri-Bold"; color: #FFFFFF; } .suchContainer div .bestbets a, .suchContainer div .bestbets p { color: #FFFFFF; transition: color 0.38s ease; text-decoration: none; } .suchContainer div .bestbets a:hover, .suchContainer div .bestbets a:focus, .suchContainer div .bestbets a:active { color: #002A46; text-decoration: none; transition: color 0.38s ease; text-decoration: none; } .suchContainer .bestbets > div div.panel-heading { display: none; } .suchContainer .bestbets > div { padding: 0; border-top: 0; } .suchContainer .bestbets > div:first-child div.panel-heading { display: block; } .suchContainer .row { margin-left: 0; *zoom: 1; } .suchContainer div.content-box ul li:before, .suchContainer div#top ul li:before { content: none; } .suchContainer .media { border-top: none; border-top: 1px solid #d1d7d8; margin-top: 0; } .suchContainer .media .media-heading { margin-bottom: 0; } .suchContainer .media .media-body dl.mb-small { margin-bottom: 0; } .suchContainer .media .media-body dl.mb-small dd { font-size: 0.8rem; color: #b4b4b4; margin: 0; } .suchContainer .personen .media { border-top: 1px solid #a2c1df; } .suchContainer .personen .media:first-child { border-top: none; } .suchContainer .personen a { color: #5d9aa4; transition: color 0.38s ease; text-decoration: none; font-size: 1rem; font-family: "Calibri"; font-weight: normal; } .suchContainer .personen a:hover, .suchContainer .personen a:focus, .suchContainer .personen a:active { color: #002A46; text-decoration: none; transition: color 0.38s ease; } .suchContainer .personen h4 a { font-family: "Calibri-Bold"; color: #002A46; transition: color 0.38s ease; font-size: 1.2em; } .suchContainer .personen h4 a:hover, .suchContainer .personen h4 a:focus, .suchContainer .personen h4 a:active { color: #5d9aa4; transition: color 0.38s ease; } .suchContainer .breadcrumb { overflow: hidden !important; padding: 0em !important; margin: 0em !important; } .suchContainer h3.mb-scroll-placeholder { text-decoration: underline; } .suchContainer input[type=search], .suchContainer .dropdown-toggle, .suchContainer .btn, .suchContainer select { border-radius: 0; } .suchContainer input[type=search] { width: 100%; box-sizing: border-box; height: auto; float: left; font-size: 1rem; } .suchContainer input[type=search]:focus { border-color: #d9e0ed; } .suchContainer select { box-sizing: border-box; width: 100%; } .suchContainer ol, .suchContainer ul { padding-left: 1em; } .suchContainer em { color: inherit; background: none; font-family: "Calibri-Bold"; } .suchContainer i[class*=" icon-"], .suchContainer i[class^=icon-] { display: none; } .suchContainer .nav-pills > li { width: 100%; } .suchContainer [data-user-input-template=inputdate] { position: relative; margin-top: 10px; } .suchContainer [data-name="mes:date"][data-user-input-template=inputdate] ul.nav { display: none; } .suchContainer div[data-user-input-template=inputdate] .mb-input-clear button, .suchContainer div[data-user-input-template=inputdate] .mb-input-clear button:hover { position: relative; display: inline-block; font-family: "Glyphicons Halflings"; font-weight: 400; -webkit-font-smoothing: antialiased; background: none; border: none; box-shadow: none; } .suchContainer div[data-user-input-template=inputdate] .mb-input-clear button:after { content: "\e109"; margin: 0; } .suchContainer div[data-user-input-template=inputdate] .mb-input-clear:hover button:after { content: "\e014"; } .suchContainer div[data-user-input-template=inputdate] .mb-input-clear i.icon-remove-sign { display: none; } .suchContainer div[data-user-input-template=inputdate] input { border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-width: 1px; padding: 4px 12px; width: 100%; } .suchContainer .dropdownfilter { text-align: left; } .suchContainer .dropdown-toggle::after { display: none; } .suchContainer .dropdown-menu, .suchContainer .daterangepicker { border-radius: unset; } .suchContainer .col-md-8 { padding-left: 0; } @media (max-width: 767.98px) { .suchContainer .col-md-8 { padding-right: 0; } } .suchContainer .col-md-4 { padding-right: 0; } @media (max-width: 767.98px) { .suchContainer .col-md-4 { padding-left: 0; } } .suchContainer .resultContainer a { color: #002A46; transition: color 0.38s ease; text-decoration: none; font-size: 1.5em; font-family: "Calibri-Bold"; font-weight: normal; line-height: 1.1em; } .suchContainer .resultContainer a .media-object { color: #5d9aa4; } .suchContainer .resultContainer a em { font-size: 1em; } .suchContainer .resultContainer a:hover, .suchContainer .resultContainer a:focus, .suchContainer .resultContainer a:active { color: #5d9aa4; text-decoration: none; transition: color 0.38s ease; text-decoration: none; } .suchContainer .resultContainer em { color: #5d9aa4; font-family: "Calibri-Bold"; } .suchContainer .resultContainer p { line-height: 1.3em; } .suchContainer .resultContainer ul.mb-breadcrumb { display: inline; padding: 0; } .suchContainer .resultContainer ul.mb-breadcrumb li { display: inline; } .suchContainer .resultContainer ul.mb-breadcrumb li a { font-family: "Calibri"; font-size: 0.8rem; } .suchContainer .resultContainer ul.mb-breadcrumb li:after { content: " → "; color: #b4b4b4; font-size: 0.6rem; } .suchContainer .resultContainer ul.mb-breadcrumb li:last-child:after { content: ""; } .suchContainer .mb-role .panel-body { background-color: #81adb6; } .suchContainer .mb-role h2, .suchContainer .mb-role h3 { font-family: "Calibri-Bold"; font-weight: normal; } .suchContainer .pagination { text-align: center; } .daterangepicker { display: flex; } .daterangepicker span, .daterangepicker select, .daterangepicker width, .daterangepicker td, .daterangepicker th { font-family: "Calibri" !important; font-size: 0.9rem; } .daterangepicker .ranges { order: 3; } .daterangepicker .ranges .daterangepicker_start_input, .daterangepicker .ranges .daterangepicker_end_input { display: none; } .daterangepicker .left { order: 1; } .daterangepicker .right { order: 2; } .daterangepicker .show-calendar .calendar { font-size: 0.9em; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 0; } .daterangepicker table { border-bottom: 0; } .daterangepicker table td, .daterangepicker table th { padding: 0; padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .daterangepicker table td, .daterangepicker table th, .daterangepicker table tr { border-radius: 0px; } .daterangepicker table th { background-color: #002A46; color: #FFFFFF; font-weight: normal; } .daterangepicker table th .icon-arrow-left:before, .daterangepicker table th .icon-arrow-right:before { color: #fff; } .daterangepicker table th select.yearselect, .daterangepicker table th select.monthselect { width: auto; font-size: 0.9rem; } .daterangepicker table td { background-color: #FFFFFF; color: #002A46; transition: background-color 0.38s ease, color 0.38s ease; } .daterangepicker table td.active, .daterangepicker table td.active:hover { background-color: #002A46; color: #FFFFFF; transition: background-color 0.38s ease, color 0.38s ease; background-image: none; } .daterangepicker table td.available:hover, .daterangepicker table th.available:hover { background-color: #002A46; color: #FFFFFF; transition: background-color 0.38s ease, color 0.38s ease; } .daterangepicker table td.available:hover .icon-arrow-left:before, .daterangepicker table td.available:hover .icon-arrow-right:before { color: #002A46 !important; transition: color 0.38s ease; } .daterangepicker .btn-success:not(:disabled):not(.disabled):active { background-color: #002A46; border-color: #002A46; box-shadow: none; } .daterangepicker button, .daterangepicker button:hover, .daterangepicker button:active, .daterangepicker button.btn-success { background-color: #002A46; color: #FFFFFF; transition: background-color 0.38s ease, color 0.38s ease; background-image: none; text-shadow: none; border-radius: 0px; border: 0; width: 95%; } .daterangepicker button.btn-default { background-color: #d1d7d8; } .daterangepicker button:hover, .daterangepicker button.btn-success:hover, .daterangepicker button.btn-default:hover { background-color: #5d9aa4; color: #FFFFFF; transition: color 0.38s ease, background-color 0.38s ease; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .veranstaltungstippsContainer { background-color: #81adb6; padding: 15px; margin-bottom: 2rem; } .veranstaltungstippsContainer a, .veranstaltungstippsContainer p, .veranstaltungstippsContainer span { color: #FFFFFF; transition: color 0.38s ease; } .veranstaltungstippsContainer svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } .veranstaltungstippsContainer svg.icon-m { height: 1.5rem; width: 1.5rem; } .veranstaltungstippsContainer svg.icon-l { height: 2.1rem; width: 2rem; } .veranstaltungstippsContainer h3 { color: #FFFFFF; padding-bottom: 0.5rem; } .veranstaltungstippsContainer .head { font-size: 0.7rem; } .veranstaltungstippsContainer .head svg { margin-right: 0.3rem; } .veranstaltungstippsContainer a.veranstaltungsLinkContainer:hover, .veranstaltungstippsContainer a:hover { color: #002A46; transition: color 0.38s ease; } .veranstaltungstippsContainer a.veranstaltungsLinkContainer:hover a, .veranstaltungstippsContainer a.veranstaltungsLinkContainer:hover span, .veranstaltungstippsContainer a.veranstaltungsLinkContainer:hover p, .veranstaltungstippsContainer a:hover a, .veranstaltungstippsContainer a:hover span, .veranstaltungstippsContainer a:hover p { color: #002A46; transition: color 0.38s ease; } .veranstaltungstippsContainer a.veranstaltungsLinkContainer:hover svg, .veranstaltungstippsContainer a:hover svg { fill: #002A46; transition: fill 0.38s ease; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .meldungenContainer { background-color: #e3e7e8; margin-bottom: 2rem; } .meldungenContainer a, .meldungenContainer h3 { padding: 15px; display: block; } .meldungenContainer a, .meldungenContainer p, .meldungenContainer span, .meldungenContainer h3 { color: #002A46; transition: color 0.38s ease; } .meldungenContainer svg.icon { fill: #002A46; transition: fill 0.38s ease; } .meldungenContainer svg.icon-m { height: 1.5rem; width: 1.5rem; } .meldungenContainer svg.icon-l { height: 2.1rem; width: 2rem; } .meldungenContainer h3 { padding-bottom: 0.5rem; } .meldungenContainer .head { font-size: 0.7rem; } .meldungenContainer .head svg { margin-right: 0.3rem; } .meldungenContainer a.meldungenLinkContainer:hover, .meldungenContainer a:hover { color: #5d9aa4; transition: color 0.38s ease; } .meldungenContainer a.meldungenLinkContainer:hover a, .meldungenContainer a.meldungenLinkContainer:hover span, .meldungenContainer a.meldungenLinkContainer:hover p, .meldungenContainer a.meldungenLinkContainer:hover h3, .meldungenContainer a:hover a, .meldungenContainer a:hover span, .meldungenContainer a:hover p, .meldungenContainer a:hover h3 { color: #5d9aa4; transition: color 0.38s ease; } .meldungenContainer a.meldungenLinkContainer:hover svg, .meldungenContainer a:hover svg { fill: #5d9aa4; transition: fill 0.38s ease; } .meldungenContainer .zebra a:nth-child(2n+0) { background-color: #d1d7d8; display: block; } .meldungenContainer .zebra-wb a:nth-child(2n+0) { background-color: #FFFFFF; display: block; } .meldungenContainer .meldungenLinkContainerWrapper h3 { padding: 0; } .meldungenContainerZweispaltig .meldungenLinkContainer { width: 45%; float: left; height: 9em; border-bottom: 1px solid #b4b4b4; } @media (max-width: 991.98px) { .meldungenContainerZweispaltig .meldungenLinkContainer { width: 100%; } } .meldungenContainerZweispaltig .meldungenLinkContainer .meldungenLinkContainerWrapper { display: flex; flex-direction: column; flex-grow: 1; height: 100%; min-height: 5em; } .meldungenContainerZweispaltig .meldungenLinkContainer .meldungenLinkContainerWrapper p.head { padding-top: 0.5em; color: #5d9aa4; font-family: "Calibri-Bold"; } .meldungenContainerZweispaltig .meldungenLinkContainer .meldungenLinkContainerWrapper h3 { flex-grow: 1; font-family: "Calibri-Bold"; padding: 0; min-height: 4em; } .meldungenContainerZweispaltig .meldungenLinkContainer:nth-child(2n+1) { margin-right: 2em; } .meldenSucheFilter label { color: #b4b4b4; } .meldenSucheFilter select { background-color: #e3e7e8 !important; padding: 0.3em; border: none; background-size: 0.8em !important; background-repeat: no-repeat; background-position-y: center !important; background-position-x: 97% !important; width: 95%; border: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0.5em 0; } .meldenSucheFilter button { background-color: #002A46; color: #FFFFFF; text-align: center; width: 100%; border: 0; } .meldenSucheFilter input { width: 100%; padding: 0.3em; margin: 0.5em 0; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } #map .esri-feature__main-container div, #map .esri-popup__action-text, #map .esri-feature *, #map .esri-popup__content * { font-size: 0.7rem; } .esri-widget * { font-size: 0.8em; } .esri-popup__header-title { margin-top: 0; margin-bottom: 0; } .esri-popup__content { padding-top: 5px; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .SitemapText h3 { font-family: "Calibri-Bold"; font-size: 1.5rem; } .SitemapText h4 { font-family: "Calibri"; font-size: 1rem; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #screenreaderHeader { width: 30%; margin-right: 90px; position: relative; height: 0; color: #FFF; top: 15px; } @media (max-width: 1199.98px) { #screenreaderHeader { margin-right: 0; } } #screenreader { padding-top: 5px; } @media (max-width: 991.98px) { #content2SpaltigWrapper #content2Spaltig #screenreader { float: right !important; width: 150px; } } #screenreaderHeader .rsbtn, #screenreader .rsbtn { min-width: 230px; } #screenreaderHeader .rsbtn.rsexpanded, #screenreader .rsbtn.rsexpanded { position: absolute; right: 0; display: flex; } #screenreaderHeader .rsInfo, #screenreader .rsInfo { border: 1px solid #677077; background: #f6f9fc; height: 28px; margin-left: 10px; float: right; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #homeTeaser { margin-left: 120px; margin-right: 90px; margin-bottom: 45px; padding-top: 45px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #homeTeaser { /* IE10+ CSS styles go here */ width: auto; } } #homeTeaser .w-90 { width: 100%; } #homeTeaser .w-10 { position: absolute; bottom: 1.2rem; right: 1.5rem; } @media (max-width: 1199.98px) { #homeTeaser { margin-left: 30px; margin-right: 30px; } } @media (max-width: 991.98px) { #homeTeaser { margin-left: 15px; margin-right: 15px; } } #homeTeaser #links { width: 70%; /* .firstTeaser { .w-90 { width: 80%; } .w-10 { width: 20%; } } */ } @media (max-width: 1199.98px) { #homeTeaser #links { width: 100%; } } @media (max-width: 991.98px) { #homeTeaser #links .col-7, #homeTeaser #links .col-5 { background-color: #e3e7e8; transition: background-color 0.38s ease; } } @media (max-width: 991.98px) { #homeTeaser #links .col-5 { height: auto; margin-right: 20px; flex: 0 0 41.6%; max-width: calc(41.6% - 20px); } #homeTeaser #links .col-5 .teaserImageContainer { position: absolute; } } #homeTeaser #links .col-5 .teaserImageContainer { width: 100%; } @media (max-width: 991.98px) { #homeTeaser #links .col-5 .teaserImageContainer { position: absolute; right: -20px; } } @media (max-width: 991.98px) { #homeTeaser #links .odd { margin-left: 20px; margin-right: 0; } } @media (max-width: 991.98px) { #homeTeaser #links .odd .teaserImageContainer { left: -20px; right: 0; position: absolute; } } @media (max-width: 991.98px) { #homeTeaser #links .firstTeaser .col-7 { flex: 0 0 40%; max-width: calc(40% - 20px); } #homeTeaser #links .firstTeaser .col-5 { flex: 0 0 60%; max-width: 60%; margin-right: 0; } } #homeTeaser #links .homeTeaserText { padding-top: 1.5vw; font-size: 1em; } #homeTeaser #links .homeTeaserText h3 { color: #002A46; transition: color 0.38s ease; font-size: 1.8rem; } @media (max-width: 1919.98px) { #homeTeaser #links .homeTeaserText h3 { font-size: 1.8vw; font-family: "Calibri-Bold"; } } @media (max-width: 1199.98px) { #homeTeaser #links .homeTeaserText h3 { font-size: 1.04rem; } } @media (max-width: 991.98px) { #homeTeaser #links .homeTeaserText h3 { font-family: "Calibri-Bold"; } } #homeTeaser #links .homeTeaserText p { font-size: inherit; margin-bottom: 0; } @media (max-width: 1199.98px) { #homeTeaser #links .homeTeaserText p { line-height: 1.4rem; } } #homeTeaser #links .homeTeaserText .iconWrapper { width: 10%; } #homeTeaser #links figure { margin-bottom: 0; } @media (max-width: 991.98px) { #homeTeaser #links figure { top: -20px; } } @media (max-width: 479.98px) { #homeTeaser #links .row.even .col-5, #homeTeaser #links .row.even .col-7, #homeTeaser #links .row.odd .col-5, #homeTeaser #links .row.odd .col-7 { flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } #homeTeaser #links .row.even .col-5 .teaserImageContainer, #homeTeaser #links .row.even .col-7 .teaserImageContainer, #homeTeaser #links .row.odd .col-5 .teaserImageContainer, #homeTeaser #links .row.odd .col-7 .teaserImageContainer { position: relative; left: 0; right: 0; top: 0; } #homeTeaser #links .row.even .col-5 .teaserImageContainer figure, #homeTeaser #links .row.even .col-7 .teaserImageContainer figure, #homeTeaser #links .row.odd .col-5 .teaserImageContainer figure, #homeTeaser #links .row.odd .col-7 .teaserImageContainer figure { left: 0; right: 0; top: 0; } #homeTeaser #links .row.even { flex-direction: column-reverse; } #homeTeaser #links .row.odd { margin-left: 0; } } @media (min-width: 1200px) and (max-width: 1365px) { #homeTeaser #links figure { top: -20px; right: -20px; } #homeTeaser #links .odd figure { left: -20px; right: 0; } #homeTeaser #links .homeTeaserText { margin: 0px; } #homeTeaser #links .col-7, #homeTeaser #links .col-5 { background-color: #e3e7e8; transition: background-color 0.38s ease; } } #homeTeaser #rechts { width: 30%; padding-left: 45px; padding-top: 45px; } @media (max-width: 1199.98px) { #homeTeaser #rechts { width: 100%; padding-left: 0; } } #homeTeaser #rechts #rechtsTeaserBig { display: block; } @media (max-width: 767.98px) { #homeTeaser #rechts #rechtsTeaserBig { display: none; } } #homeTeaser #rechts #slickCenter_teaser { display: none; } @media (max-width: 767.98px) { #homeTeaser #rechts #slickCenter_teaser { display: block; } } #homeTeaser #rechts #slickCenter_teaser .slick-dots li button:before { font-size: 51px; color: #002A46; transition: color 0.38s ease; } #homeTeaser #rechts #slickCenter_teaser .slick-dots li button:before { font-size: 51px; color: #002A46; transition: color 0.38s ease; } #homeTeaser #rechts .teaser { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #b4b4b4; height: auto; overflow: hidden; } @media (min-width: 768px) and (max-width: 1199.98px) { #homeTeaser #rechts .teaser { height: 180px; } } @media (max-width: 1199.98px) { #homeTeaser #rechts .teaser { width: 49%; float: left; } } @media (max-width: 767.98px) { #homeTeaser #rechts .teaser { width: 100%; float: none; } } #homeTeaser #rechts .teaser a { display: contents; } #homeTeaser #rechts .teaser .teaserBild { padding-right: 30px; float: left; width: 30%; } #homeTeaser #rechts .teaser .teaserBild figure { width: 100%; display: flex; flex-direction: column; } #homeTeaser #rechts .teaser .teaserBild figure figcaption { font-size: 0.6rem; order: 2; position: relative; } #homeTeaser #rechts .teaser .teaserBild figure img { order: 1; } #homeTeaser #rechts .teaser .teaserText { width: 62%; } #homeTeaser #rechts .teaser .teaserText h3 { color: #002A46; transition: color 0.38s ease; font-family: "Calibri-Bold"; } #homeTeaser #rechts .teaser .teaserText p { margin-bottom: 0; } #homeTeaser #rechts .teaser .teaserLink { width: 8%; } #homeTeaser #rechts #rechtsTeaserBig .teaser:first-child { border-top: 1px solid #b4b4b4; } @media (max-width: 1199.98px) { #homeTeaser #rechts #rechtsTeaserBig .teaser:nth-child(2) { border-top: 1px solid #b4b4b4; } } @media (max-width: 991.98px) { #homeTeaser #rechts #rechtsTeaserBig .teaser:nth-child(2) { border-top: none; } } @media (max-width: 1199.98px) { #homeTeaser #rechts #rechtsTeaserBig .teaser:nth-child(2n+1) { margin-right: 2%; } } @media (min-width: 1200px) and (max-width: 1365px) { #homeTeaser #rechts { padding-top: 0px; } #homeTeaser #rechts .teaser .teaserBild { padding-right: 10px; } } #homeTeaser #links a:hover .col-5 .homeTeaserText, #homeTeaser #links a:hover .col-7 .homeTeaserText { background-color: #81adb6; transition: background-color 0.38s ease; } #homeTeaser #links a:hover .col-5 .homeTeaserText h3, #homeTeaser #links a:hover .col-5 .homeTeaserText div, #homeTeaser #links a:hover .col-5 .homeTeaserText p, #homeTeaser #links a:hover .col-7 .homeTeaserText h3, #homeTeaser #links a:hover .col-7 .homeTeaserText div, #homeTeaser #links a:hover .col-7 .homeTeaserText p { color: #FFFFFF; transition: color 0.38s ease; } #homeTeaser #links a:hover .col-5 .homeTeaserText h3 svg.icon, #homeTeaser #links a:hover .col-5 .homeTeaserText div svg.icon, #homeTeaser #links a:hover .col-5 .homeTeaserText p svg.icon, #homeTeaser #links a:hover .col-7 .homeTeaserText h3 svg.icon, #homeTeaser #links a:hover .col-7 .homeTeaserText div svg.icon, #homeTeaser #links a:hover .col-7 .homeTeaserText p svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } @media (max-width: 991.98px) { #homeTeaser #links a:hover .col-5, #homeTeaser #links a:hover .col-7 { background-color: #81adb6; transition: background-color 0.38s ease; } } @media (min-width: 1200px) and (max-width: 1365px) { #homeTeaser #links a:hover .col-5, #homeTeaser #links a:hover .col-7 { background-color: #81adb6; transition: background-color 0.38s ease; } } #homeTeaser #rechts a:hover .teaserText h3, #homeTeaser #rechts a:hover .teaserText div, #homeTeaser #rechts a:hover .teaserText p, #homeTeaser #rechts a:hover .teaserBild h3, #homeTeaser #rechts a:hover .teaserBild div, #homeTeaser #rechts a:hover .teaserBild p, #homeTeaser #rechts a:hover .teaserLink h3, #homeTeaser #rechts a:hover .teaserLink div, #homeTeaser #rechts a:hover .teaserLink p { color: #81adb6; transition: color 0.38s ease; } #homeTeaser #rechts a:hover .teaserText h3 svg.icon, #homeTeaser #rechts a:hover .teaserText div svg.icon, #homeTeaser #rechts a:hover .teaserText p svg.icon, #homeTeaser #rechts a:hover .teaserBild h3 svg.icon, #homeTeaser #rechts a:hover .teaserBild div svg.icon, #homeTeaser #rechts a:hover .teaserBild p svg.icon, #homeTeaser #rechts a:hover .teaserLink h3 svg.icon, #homeTeaser #rechts a:hover .teaserLink div svg.icon, #homeTeaser #rechts a:hover .teaserLink p svg.icon { fill: #81adb6; transition: fill 0.38s ease; } #homeTeaser .row { margin-bottom: 45px; } #homeTeaser .homeTeaserText { padding: 45px 15px; background-color: #e3e7e8; transition: background-color 0.38s ease; margin-top: 45px; margin-bottom: 45px; min-height: calc(100% - 90px); bottom: 0; top: 0; height: auto; position: relative; width: 100%; overflow: hidden; } @media (max-width: 991.98px) { #homeTeaser .homeTeaserText { margin: 0; } } #homeTeaser .homeTeaserText .moreButtonDiv { margin-bottom: -15px; } #homeTeaser .homeTeaserText .moreButtonDiv svg.icon { fill: #002A46; width: 2.5em; height: 2.5em; } @media (max-width: 1919.98px) { #homeTeaser .homeTeaserText .moreButtonDiv svg.icon { height: 3vw; width: 3vw; } } @media (max-width: 991.98px) { #homeTeaser .homeTeaserText .moreButtonDiv svg.icon { height: 1.5rem; width: 1.5rem; } } #badeverbot, .teaserBadeverbot { background-color: #e3e7e8; transition: background-color 0.38s ease, color 0.38s ease; color: #FFFFFF; border: 0; margin-bottom: 15px; height: auto; } @media (max-width: 1199.98px) { #badeverbot, .teaserBadeverbot { margin-bottom: 0; margin-right: 15px; } } #badeverbot .teaserBild img, .teaserBadeverbot .teaserBild img { width: 100%; max-width: 120px; } #badeverbot a:hover, .teaserBadeverbot a:hover { background-color: #81adb6; color: #FFFFFF; transition: color 0.38s ease, background-color 0.38s ease; } #badeverbot a:hover h3, #badeverbot a:hover .teaserText h3, .teaserBadeverbot a:hover h3, .teaserBadeverbot a:hover .teaserText h3 { color: #FFFFFF; transition: color 0.38s ease; } #rechts #badeverbot:hover, #rechts .teaserBadeverbot:hover { background-color: #81adb6; transition: color 0.38s ease, background-color 0.38s ease; color: #FFFFFF; } #rechts #badeverbot:hover .teaserText, #rechts #badeverbot:hover a:hover .teaserText h3, #rechts .teaserBadeverbot:hover .teaserText, #rechts .teaserBadeverbot:hover a:hover .teaserText h3 { color: #FFFFFF; transition: color 0.38s ease; } @media (max-width: 767.98px) { #rechts > #rechtsTeaserBig > #badeverbot { display: none !important; } } #rechts .invisible { display: none !important; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .kontaktTab, .essenTab { padding: 3px; border-bottom: none; margin: -3px; margin-bottom: -2px; position: relative; } .kontaktTab .nav-link, .kontaktTab .nav-link.active, .essenTab .nav-link, .essenTab .nav-link.active { font-family: "Calibri-Bold"; padding-left: 0.8rem; color: #002A46; } .kontaktTab .nav-link.active, .essenTab .nav-link.active { border-color: #b4b4b4; border-top: 5px solid #5d9aa4; border-radius: 0; border-bottom: 0; } .kontaktTab a:hover { cursor: default; } .kontaktDiv, .essenTabDiv { border: 1px solid #b4b4b4; padding: 15px; margin-bottom: 30px; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .DropDownContentBox .card { border-radius: 0; border: 1px solid #eee; } .DropDownContentBox .card .card-header { border-radius: 0; background-color: #e3e7e8; border-bottom: none; } .DropDownContentBox .card .card-header h3 { color: #002A46; font-size: 1.15em; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .portalunternavigation { margin-bottom: 45px; width: 100%; background-size: cover; position: relative; width: 100%; padding-top: 33%; height: 0; } .portalunternavigation figure { margin: 0; } .portalunternavigation figcaption { width: initial; } @media (max-width: 1919.98px) { .portalunternavigation { max-width: 100%; } } .portalunternavigation .bgImageOverlay { background-color: #FFFFFF; position: absolute; opacity: 0.9; width: 50%; min-height: auto; top: 0; } .portalunternavigation .links { overflow: hidden; height: 100%; width: 100%; padding: 15px; position: absolute; top: 0; } @media (min-width: 480px) { .portalunternavigation .links { padding: 45px; } } .portalunternavigation .links .halb { width: 50%; } .portalunternavigation .links .halb h2 { color: #002A46; transition: color 0.38s ease; padding-right: 1rem; } .portalunternavigation .links .halb p { color: #002A46; transition: color 0.38s ease; padding-right: 1rem; } .portalunternavigation .links .halbMitHover:hover h2 { color: #81adb6; transition: color 0.38s ease; } .portalunternavigation .links .halbMitHover:hover p { color: #81adb6; transition: color 0.38s ease; } @media (min-width: 1200px) { .portalunternavigation .links .buttonList { position: absolute; bottom: 0.75em; } } @media (min-width: 992px) and (max-width: 1199.98px) { .portalunternavigation .links .buttonList { position: absolute; bottom: 0.75em; } } .portalunternavigation button, .portalunternavigation div.buttonList a { border: 0; background-color: #FFFFFF; transition: background-color 0.38s ease; padding: 0.5rem 1rem; margin-bottom: 5px; margin-right: 5px; } .portalunternavigation button:last-child, .portalunternavigation div.buttonList a:last-child { margin-right: 0; } .portalunternavigation button:hover, .portalunternavigation div.buttonList a:hover { background-color: #81adb6; transition: background-color 0.38s ease; } .portalunternavigation button:hover a, .portalunternavigation div.buttonList a:hover a { color: #FFFFFF; transition: color 0.38s ease; } .portalunternavigation:first-of-type, .withShadow { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); height: auto; } .portalunternavigation:first-of-type button, .portalunternavigation:first-of-type div.buttonList a, .withShadow button, .withShadow div.buttonList a { border: 0; background-color: #e3e7e8; } .portalunternavigation:first-of-type button:hover, .portalunternavigation:first-of-type div.buttonList a:hover, .withShadow button:hover, .withShadow div.buttonList a:hover { background-color: #81adb6; transition: background-color 0.38s ease; } .portalunternavigation:first-of-type button:hover a, .portalunternavigation:first-of-type div.buttonList a:hover a, .withShadow button:hover a, .withShadow div.buttonList a:hover a { color: #FFFFFF; transition: color 0.38s ease; } .portalunternavigation:first-of-type div.halb, .withShadow div.halb { width: 100%; } #contentMitteRechtsWrapper .portalunternavigation { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #contentMitteRechtsWrapper .portalunternavigation { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (min-width: 1200px) and (max-width: 1919.98px) { .portalunternavigation .links { padding: 1.75vw; } .portalunternavigation .links h2 { font-size: 1.75vw; } .portalunternavigation .links p { font-size: 1.1vw; } .portalunternavigation .links .buttonList { position: absolute; bottom: 0.25vw; } .portalunternavigation .links .buttonList a { padding: 0.5em 1em; font-size: 1.1vw; } } @media (max-width: 991.98px) { .portalunternavigation { height: auto; background: none !important; padding-top: 0; border: 1px solid #b4b4b4; } .portalunternavigation .links { position: relative; height: auto; } .portalunternavigation .links button, .portalunternavigation .links div.buttonList a { border: 0; background-color: #e3e7e8; } .portalunternavigation .links button:hover, .portalunternavigation .links div.buttonList a:hover { background-color: #81adb6; transition: background-color 0.38s ease; } .portalunternavigation .links button:hover a, .portalunternavigation .links div.buttonList a:hover a { color: #FFFFFF; transition: color 0.38s ease; } .portalunternavigation .links .halb { width: 100%; } .portalunternavigation .links button, .portalunternavigation .links div.buttonList a { padding: 0.4rem 0.8rem; } .portalunternavigation { height: auto; } } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .portalcontainer { margin-bottom: 15px; width: 100%; max-width: 1000px; background-size: cover; position: relative; width: 100%; padding: 30px; width: 100%; } @media (max-width: 479.98px) { .portalcontainer .portalcontainerHeader { padding: 15px; } } .portalcontainer .portalcontainerHeader .switch { white-space: nowrap; } .portalcontainer .portalcontainerHeader .switch .togglebar { cursor: pointer; } .portalcontainer .portalcontainerHeader h2 { color: #002A46; transition: color 0.38s ease; font-size: 1.4rem; } .portalcontainer .portalcontainerHeader svg.icon { height: 1.1em; width: 1.1em; } @media (max-width: 1919.98px) { .portalcontainer { max-width: 100%; } } @media (max-width: 479.98px) { .portalcontainer { padding: 0; } } @media (max-width: 479.98px) { .portalcontainer .portalcontainerContent { margin: 15px; } } .portalcontainer p { color: #002A46; transition: color 0.38s ease; } .portalcontainer .hide { display: none; } .portalcontainer .vcard { background-color: #FFFFFF; border: 0; } @media (max-width: 479.98px) { .portalcontainer .vcard { padding: 0; } } .portalcontainer .vcard .col-sm-4 { max-width: 150px; padding-right: 15px; } .portalcontainer .vcard .col-sm-7, .portalcontainer .vcard .col-sm-8, .portalcontainer .vcard col-sm-4, .portalcontainer .vcard .col-sm-5 { padding: 15px; } .portalcontainer .meldungenContainer { background-color: transparent; } .portalcontainer .meldungenContainer h3 { padding-bottom: 0; margin-bottom: 0; } .portalcontainer svg.icon-l { height: 2.1rem; width: 2rem; } .portalcontainer .essenTab { margin-bottom: -4px; } .portalcontainer .essenTab .nav-item { width: 50%; } .portalcontainer a:hover h2, .portalcontainer a:focus h2, .portalcontainer a:active h2 { color: #5d9aa4; transition: color 0.38s ease; } .portalcontainer a:hover svg, .portalcontainer a:focus svg, .portalcontainer a:active svg { fill: #5d9aa4; transition: fill 0.38s ease; } .portalcontainerHighlight h2, .portalcontainerHighlight p, .portalcontainerHighlight a { color: #FFFFFF; transition: color 0.38s ease; } .portalcontainerHighlight .togglebar { color: #FFFFFF; } .portalcontainerHighlight svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } .portalcontainerHighlight a:hover h2, .portalcontainerHighlight a:focus h2, .portalcontainerHighlight a:active h2 { color: #002A46; transition: color 0.38s ease; } .portalcontainerHighlight a:hover svg, .portalcontainerHighlight a:focus svg, .portalcontainerHighlight a:active svg { fill: #002A46; transition: fill 0.38s ease; } .portalcontainerNoPadding { padding: 0; } .portalcontainer:first-child, .withShadow { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); height: auto; } .portalcontainer:first-child button, .withShadow button { border: 0; background-color: #e3e7e8; } .portalcontainer:first-child button:hover, .withShadow button:hover { background-color: #5d9aa4; transition: background-color 0.38s ease; } .portalcontainer:first-child button:hover a, .withShadow button:hover a { color: #FFFFFF; transition: color 0.38s ease; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .socialmediakacheln { padding: 30px; background-color: #e3e7e8; } .socialmediakacheln h3 { font-family: "Calibri-Bold"; color: #002A46; } .socialmediakacheln svg { height: 2em; width: 2em; fill: #FFF; } .socialmediakacheln .sm { height: 90px; } .socialmediakacheln .sm_fb { background-color: #4266b2; } @media (max-width: 767.98px) { .socialmediakacheln .sm_fb { order: 1; } } .socialmediakacheln .sm_tw { background-color: #000; } @media (max-width: 767.98px) { .socialmediakacheln .sm_tw { order: 2; } } .socialmediakacheln .sm_in { background-color: #be4cc8; } @media (max-width: 767.98px) { .socialmediakacheln .sm_in { order: 3; } } .socialmediakacheln .sm_yt { background-color: #df3535; } @media (max-width: 767.98px) { .socialmediakacheln .sm_yt { order: 4; } } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #datepicker { border: 0; height: 2em; padding: 0.3em; background-size: 0.8em; background-repeat: no-repeat; background-position-y: center; background-position-x: 0.3em; padding-left: 1.5em; } #stadtteil { background-color: #FFFFFF !important; padding: 0.3em; border: none; background-size: 0.8em !important; background-repeat: no-repeat; background-position-y: center !important; background-position-x: 97% !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #ui-datepicker-div, #datepickerFilter { max-width: 25em; } #ui-datepicker-div .ui-datepicker-inline, #datepickerFilter .ui-datepicker-inline { width: 100%; } #ui-datepicker-div a, #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default, #datepickerFilter a, #datepickerFilter .ui-state-default, #datepickerFilter .ui-widget-content .ui-state-default, #datepickerFilter .ui-widget-header .ui-state-default { background: none; } #ui-datepicker-div .ui-state-hover, #datepickerFilter .ui-state-hover { border: 1px solid #5d9aa4; } #ui-datepicker-div .ui-state-default, #datepickerFilter .ui-state-default { color: #FFFFFF; } #ui-datepicker-div .ui-datepicker-header, #datepickerFilter .ui-datepicker-header { background: none; background-color: #FFFFFF; border: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title, #datepickerFilter .ui-datepicker-header .ui-datepicker-title { font-size: 0.9em; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span, #datepickerFilter .ui-datepicker-header .ui-datepicker-title span { font-size: 0.9em; } #ui-datepicker-div .ui-datepicker-calendar th, #datepickerFilter .ui-datepicker-calendar th { padding: 0.3em 0.3em; } #ui-datepicker-div .ui-datepicker-calendar th span, #datepickerFilter .ui-datepicker-calendar th span { color: #FFFFFF; font-size: 0.8em; text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td span, #datepickerFilter .ui-datepicker-calendar td span { font-size: 0.8em; text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td .ui-state-highlight, #datepickerFilter .ui-datepicker-calendar td .ui-state-highlight { background: none; } #ui-datepicker-div .ui-datepicker-calendar td a, #datepickerFilter .ui-datepicker-calendar td a { text-align: center; font-size: 0.8em; color: #002A46; transition: color 0.38s ease; } #ui-datepicker-div .ui-datepicker-calendar td a:hover, #ui-datepicker-div .ui-datepicker-calendar td a:focus, #ui-datepicker-div .ui-datepicker-calendar td a:active, #ui-datepicker-div .ui-datepicker-calendar td .ui-state-hover, #datepickerFilter .ui-datepicker-calendar td a:hover, #datepickerFilter .ui-datepicker-calendar td a:focus, #datepickerFilter .ui-datepicker-calendar td a:active, #datepickerFilter .ui-datepicker-calendar td .ui-state-hover { color: #5d9aa4; background-color: #FFFFFF; transition: color 0.38s ease; } #ui-datepicker-div .ui-datepicker-calendar td .ui-state-disabled span, #datepickerFilter .ui-datepicker-calendar td .ui-state-disabled span { color: #b4b4b4; } #ui-datepicker-div .ui-datepicker-calendar td.dp-highlight, #datepickerFilter .ui-datepicker-calendar td.dp-highlight { background: #002A46; } #ui-datepicker-div .ui-datepicker-calendar td.dp-highlight a, #datepickerFilter .ui-datepicker-calendar td.dp-highlight a { color: #FFFFFF; } #ui-datepicker-div .ui-datepicker-calendar td.dp-highlight a.ui-state-hover, #datepickerFilter .ui-datepicker-calendar td.dp-highlight a.ui-state-hover { border: 0; color: #002A46; } #ui-datepicker-div { background: #fff; } #ui-datepicker-div td span.ui-state-default, #ui-datepicker-div th span.ui-state-default { color: #d1d7d8; } #datepickerFilter { background-color: #81adb6; transition: background-color 0.38s ease; } #datepickerFilter .ui-datepicker-inline { border: none; } #datepickerFilter .ui-datepicker-calendar .ui-state-default { color: #FFFFFF; } #datepickerFilter table.ui-datepicker-calendar { border-bottom: 1px solid #FFFFFF; } #datepickerFilter table.ui-datepicker-calendar th { border-bottom: 2px solid #FFFFFF; } #datepickerFilter table.ui-datepicker-calendar tr td { border-spacing: 0; border: 1px solid #fff; } #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight { background-color: #5d9aa4; } #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight a { border: 2px solid #5d9aa4; color: #FFFFFF; transition: color 0.38s ease; } #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight a.ui-state-hover, #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight a.ui-state-active { background-color: #FFFFFF; color: #5d9aa4; } #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight a:hover, #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight a:focus, #datepickerFilter table.ui-datepicker-calendar tr td.dp-highlight a:active { border: 2px solid #5d9aa4; background-color: #FFFFFF; color: #5d9aa4; } #datepickerFilter table.ui-datepicker-calendar tr td:first-child { border-left: none; } #datepickerFilter table.ui-datepicker-calendar tr td:last-child { border-right: none; } #datepickerFilter table.ui-datepicker-calendar tr td.ui-state-disabled span.ui-state-default { border: none; } #datepickerFilter a.ui-datepicker-prev:hover, #datepickerFilter a.ui-datepicker-prev:focus, #datepickerFilter a.ui-datepicker-prev:active, #datepickerFilter a.ui-datepicker-next:hover, #datepickerFilter a.ui-datepicker-next:focus, #datepickerFilter a.ui-datepicker-next:active { border: none; background-color: transparent; color: transparent; } #datepickerFilter .ui-widget-content, #datepickerFilter table th, #datepickerFilter table tr td a, #datepickerFilter .ui-datepicker-header, #datepickerFilter .ui-datepicker-title { background: none; color: #FFFFFF; } #datepickerFilter .ui-widget-content span, #datepickerFilter table th span, #datepickerFilter table tr td a span, #datepickerFilter .ui-datepicker-header span, #datepickerFilter .ui-datepicker-title span { color: #FFFFFF; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ @media (max-width: 767.98px) { .essenleichteSprache div.d-flex { display: block !important; } .essenleichteSprache div.d-flex div.w-30, .essenleichteSprache div.d-flex div.w-70 { width: 100%; } } .essenleichteSprache .headlineWithLogo { width: calc(100% + 175px); } @media (max-width: 1199.98px) { .essenleichteSprache .headlineWithLogo { width: 100%; } } @media (max-width: 1919.98px) { .essenleichteSprache #logoLeichteSpracheSpan { position: absolute; top: -60px; right: 0; } } .essenleichteSprache #logoLeichteSpracheSpan .logo_leichteSprache { width: 2.3rem; height: 2.3rem; } @media (max-width: 1199.98px) { .essenleichteSprache h1 { width: 100%; } } .essenleichteSprache p, .essenleichteSprache span, .essenleichteSprache i, .essenleichteSprache cite, .essenleichteSprache .fliesstext cite, .essenleichteSprache .fliesstext div { font-size: 1.1rem; line-height: 1.7rem; color: #000000; hyphens: none; font-family: "Calibri"; font-style: normal; } .essenleichteSprache h2, .essenleichteSprache h2, .essenleichteSprache h3 { color: #000000; font-family: "Calibri-Bold"; } .essenleichteSprache .fliesstext b, .essenleichteSprache .fliesstext strong { border: 1px solid #000000; padding: 0 0.5em; } .essenleichteSprache .fliesstext p { max-width: 570px; } .essenleichteSprache .fliesstext a { font-family: "Calibri-Bold"; text-decoration-color: #5d9aa4; transition: color 0.38s ease; text-decoration: underline; } .essenleichteSprache .fliesstext a:hover, .essenleichteSprache .fliesstext a:focus, .essenleichteSprache .fliesstext a:active { font-family: "Calibri-Bold"; text-decoration-color: #002A46; transition: color 0.38s ease; text-decoration: underline; } .essenleichteSprache .fliesstext a:visited { font-family: "Calibri-Bold"; color: #002A46; text-decoration-color: #002A46; transition: color 0.38s ease; text-decoration: underline; } .essenleichteSprache i { font-style: normal; } .essenleichteSprache u { text-decoration: none; } .essenleichteSprache figure { display: grid; } .essenleichteSprache figure figcaption { position: relative; font-size: 0.9em; order: 2; color: #000000; background-color: #FFFFFF; } .essenleichteSprache figure img { order: 1; } .essenleichteSprache .fliesstext .imageInTextLinks { margin-right: 0.5em; } .essenleichteSprache .downloadmodul { margin-left: 30%; background-color: #e3e7e8 !important; } .essenleichteSprache .downloadmodul .col-4 { background-color: #e3e7e8 !important; width: 30%; flex: 0 0 30%; max-width: 30%; } .essenleichteSprache .downloadmodul .col-4 figure { margin-right: 1em; } .essenleichteSprache .downloadmodul .dlLink { color: #5d9aa4; transition: color 0.38s ease; font-family: "Calibri-Bold"; } .essenleichteSprache .downloadmodul .col-8 { background-color: #e3e7e8 !important; width: 70%; flex: 0 0 70%; max-width: 70%; } .essenleichteSprache .downloadmodul .linklist, .essenleichteSprache .downloadmodul .infobox h2, .essenleichteSprache .downloadmodul .infobox h3, .essenleichteSprache .downloadmodul .infobox h2, .essenleichteSprache .downloadmodul .infobox h3.bgDunkel, .essenleichteSprache .downloadmodul .infobox h2, .essenleichteSprache .downloadmodul .infobox h3.bgHell { background-color: #e3e7e8 !important; } .essenleichteSprache .downloadmodul h3 { color: #5d9aa4; transition: color 0.38s ease; text-decoration: underline; } .essenleichteSprache .downloadmodul svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } .essenleichteSprache .downloadmodul p, .essenleichteSprache .downloadmodul ul li:hover p, .essenleichteSprache .downloadmodul .downloadmodul ul li.erweitert a:hover p { color: #000000; } .essenleichteSprache .downloadmodul div.dlMeta { display: none; } .essenleichteSprache .downloadmodul ul li:hover .dlLink { color: #002A46; transition: color 0.38s ease; font-family: "Calibri-Bold"; } .essenleichteSprache .downloadmodul ul li:hover svg.icon { fill: #002A46; transition: fill 0.38s ease; } .essenleichteSprache .downloadmodulErweitert { margin-left: 0; } .essenleichteSprache .downloadmodulErweitert svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } .essenleichteSprache .downloadmodulErweitert ul li:hover svg.icon, .essenleichteSprache .downloadmodulErweitert ul li:hover div, .essenleichteSprache .downloadmodulErweitert ul li:hover acronym { fill: #002A46; color: #002A46; transition: color 0.38s ease, fill 0.38s ease; } .essenleichteSprache .downloadmodulErweitert ul li:hover h3 { color: #002A46; transition: color 0.38s ease; } .essenleichteSprache .downloadmodulErweitert div.dlIcon { position: absolute; bottom: 15px; right: 15px; } .essenleichteSprache .infobox { margin-left: 30%; } @media (max-width: 767.98px) { .essenleichteSprache .infobox { margin-left: 0; } } .essenleichteSprache .infobox .bgDunkel { color: #FFFFFF; } .essenleichteSprache .infobox div { color: #000000; } .essenleichteSprache .linklist { margin-left: 30%; } @media (max-width: 767.98px) { .essenleichteSprache .linklist { margin-left: 0; } } .essenleichteSprache .linklist h3 { color: #002A46; } .essenleichteSprache .linklist li svg.icon { fill: #5d9aa4; } .essenleichteSprache .linklist a span { color: #5d9aa4; text-decoration-color: #5d9aa4; transition: color 0.38s ease; text-decoration: underline; } .essenleichteSprache .linklist a:hover span, .essenleichteSprache .linklist a:active span { color: #002A46; text-decoration-color: #002A46; transition: color 0.38s ease; text-decoration: underline; } .essenleichteSprache .linklist a:hover svg.icon, .essenleichteSprache .linklist a:active svg.icon { fill: #002A46; transition: fill 0.38s ease; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #alphaList_ListNav { padding-left: 15px; } @media (max-width: 1919.98px) { #alphaList_ListNav { width: 100%; } } #alphaList_ListNav li { list-style: none; border-bottom: 1px solid #b4b4b4; } #alphaList_ListNav li a { padding: 0.5em 0; } #alphaList_ListNav li a .icon { width: 2em; } #alphaList_ListNav li a .icon svg { fill: #5d9aa4; } #alphaList_ListNav li a .text { color: #002A46; transition: color 0.38s ease; text-align: left; width: 100%; } #alphaList_ListNav li a .link { width: 1.2em; } #alphaList_ListNav li a .link svg { fill: #002A46; transition: fill 0.38s ease; height: 0.5em; width: 0.5em; } #alphaList_ListNav li a:hover .link svg, #alphaList_ListNav li a:focus .link svg, #alphaList_ListNav li a:active .link svg { fill: #5d9aa4; transition: fill 0.38s ease; } #alphaList_ListNav li a:hover .text, #alphaList_ListNav li a:focus .text, #alphaList_ListNav li a:active .text { color: #5d9aa4; transition: color 0.38s ease; } #alphaList_ListNav li.char { border-bottom: 2px solid #002A46; } #alphaList_ListNav li.char div.charDiv { position: relative; left: -1em; top: 0.7em; color: #81adb6; font-size: 2em; width: 1em; } @media (max-width: 1199.98px) { #alphaList_ListNav li.char div.charDiv { left: -0.7em; } } #azFilter { border: 1px solid #b4b4b4; padding: 15px; } @media (max-width: 1919.98px) { #azFilter { width: 100%; } } #azFilter h3 { color: #002A46; font-size: 0.8em; font-family: "Calibri-Bold"; width: 100%; } #azFilter .icon.svg { width: 1em; height: 1em; } #azFilter ul { margin: 1em 0 2em 0; padding-left: 0; } #azFilter ul li { background: #e3e7e8; width: 1.95em; height: 1.95em; border-radius: 1.95em; float: left; padding: 0.2em; list-style: none; text-align: center; margin: 0 0.3em 0.3em 0; } #azFilter ul li a { font-size: 0.8rem; } #azFilter ul li#li_Alle { width: 4.2em; } #azFilter input { padding: 0.3em 1em; border: 1px solid #b4b4b4; border-right: 0; height: 2em; color: #495057; width: calc(100% - 2em); } #azFilter .suchIcon { border: 1px solid #b4b4b4; border-left: 0; height: 2em; padding-right: 0.5em; } #azFilter .suchIcon svg { width: 1em; height: 1em; } #azFilterContainerMobile { width: 100%; } .telefonbuchDetails .telefonbuchButton { background: #002A46; width: 300px; margin-bottom: 2em; padding: 0.5em 1em; } .telefonbuchDetails .telefonbuchButton span { color: #FFFFFF; } .telefonbuchDetails .telefonbuchButton span svg.icon { fill: #FFFFFF; } .telefonbuchDetails .telefonbuchButton span.icon { width: 1em; } .telefonbuchDetails .telefonbuchButton span.icon svg.icon { fill: #FFFFFF; } .telefonbuchDetails h2 { color: #5d9aa4; font-family: "Calibri-Bold"; margin-bottom: 1em; } .telefonbuchDetails h3 { color: #002A46; font-size: 1.2rem; font-family: "Calibri-Bold"; border-bottom: 2px solid #002A46; } .telefonbuchDetails h4 { margin-bottom: 0; margin-top: 0.5em; } .telefonbuchDetails .aufgabengebiet { margin-bottom: 1em; } .telefonbuchDetails a { color: #002A46; transition: color 0.38s ease; text-decoration: none; } .telefonbuchDetails a svg.icon { fill: #002A46; transition: fill 0.38s ease; } .telefonbuchDetails a:hover, .telefonbuchDetails a:focus, .telefonbuchDetails a:active { color: #5d9aa4; transition: color 0.38s ease; text-decoration: none; } .telefonbuchDetails a:hover svg, .telefonbuchDetails a:focus svg, .telefonbuchDetails a:active svg { fill: #5d9aa4; transition: fill 0.38s ease; } .telefonbuchDetails svg.icon { fill: #5d9aa4; } .telefonbuchDetails .kontakt-column .titel { max-width: 1em; } .telefonbuchDetails #map { width: 100%; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #content1SpaltigWrapper { margin-left: 105px; margin-right: 105px; } @media (max-width: 1919.98px) { #content1SpaltigWrapper { margin-right: 15px; } } @media (max-width: 991.98px) { #content1SpaltigWrapper { margin-left: 0; margin-right: 0; } } @media (max-width: 1919.98px) { #content1SpaltigWrapper .w-75 { width: 66% !important; } } @media (max-width: 767.98px) { #content1SpaltigWrapper .w-75 { width: 100% !important; } } @media (max-width: 1919.98px) { #content1SpaltigWrapper .w-25 { width: 33% !important; } } @media (max-width: 767.98px) { #content1SpaltigWrapper .w-25 { width: 100% !important; padding-left: 0 !important; } } .eMagazinTitelWrapper { margin-left: 105px; margin-right: 105px; margin-top: 3em; margin-bottom: -1em; text-align: center; } @media (max-width: 991.98px) { .eMagazinTitelWrapper { margin-left: 0; margin-right: 0; } } .eMagazinTitelWrapper .eMagazinTitel { text-align: center; background-color: #FFFFFF; width: 400px; position: relative; top: -2.5em; margin: auto; display: inline-block; padding: 0.25em; } @media (max-width: 767.98px) { .eMagazinTitelWrapper .eMagazinTitel { width: auto; top: -2.5em; padding: 0 15px; } } .eMagazinTitelWrapper span.iconQuadrat { background-color: #002A46; display: inline-block; width: 2em; height: 2em; padding: 0.25em; } .eMagazinTitelWrapper span.iconQuadrat svg { fill: #FFFFFF; transition: fill 0.38s ease; height: 1em; width: 1em; } .eMagazinTitelWrapper span.text { height: 2em; padding: 0.25em; font-size: 1.5rem; } @media (max-width: 479.98px) { .eMagazinTitelWrapper span.text { font-size: 6vw; } } .eMagazin { margin-bottom: -7em; } @media (max-width: 1919.98px) { .eMagazin { margin-bottom: -5vw; } } .eMagazin #header { margin-left: 90px; margin-right: 90px; } @media (max-width: 1919.98px) { .eMagazin #header { margin: 0; } } .eMagazin .emagazinContentContainer { margin-left: 90px; margin-right: 90px; } @media (max-width: 1919.98px) { .eMagazin .emagazinContentContainer { margin: 0; } } .eMagazin .emagazinContentContainer .linkPrev, .eMagazin .emagazinContentContainer .linkNext { width: 150px; margin-top: 3em; } @media (max-width: 1919.98px) { .eMagazin .emagazinContentContainer .linkPrev, .eMagazin .emagazinContentContainer .linkNext { width: 15%; } } @media (max-width: 991.98px) { .eMagazin .emagazinContentContainer .linkPrev, .eMagazin .emagazinContentContainer .linkNext { display: none !important; } } .eMagazin .emagazinContentContainer .linkPrev span, .eMagazin .emagazinContentContainer .linkNext span { height: 2em; color: #002A46; transition: color 0.38s ease; } @media (max-width: 1919.98px) { .eMagazin .emagazinContentContainer .linkPrev span, .eMagazin .emagazinContentContainer .linkNext span { font-size: 1.5vw; } } .eMagazin .emagazinContentContainer .linkPrev span:first-child, .eMagazin .emagazinContentContainer .linkNext span:first-child { padding-right: 1em; } @media (max-width: 1919.98px) { .eMagazin .emagazinContentContainer .linkPrev span:first-child, .eMagazin .emagazinContentContainer .linkNext span:first-child { padding-right: 0.2em; } } .eMagazin .emagazinContentContainer .linkPrev svg.icon, .eMagazin .emagazinContentContainer .linkNext svg.icon { fill: #002A46; transition: fill 0.38s ease; height: 3em; width: 3em; } @media (max-width: 1919.98px) { .eMagazin .emagazinContentContainer .linkPrev svg.icon, .eMagazin .emagazinContentContainer .linkNext svg.icon { font-size: 1vw; } } .eMagazin .emagazinContentContainer .linkPrev a:hover span, .eMagazin .emagazinContentContainer .linkPrev a:focus span, .eMagazin .emagazinContentContainer .linkPrev a:active span, .eMagazin .emagazinContentContainer .linkNext a:hover span, .eMagazin .emagazinContentContainer .linkNext a:focus span, .eMagazin .emagazinContentContainer .linkNext a:active span { color: #81adb6; transition: color 0.38s ease; } .eMagazin .emagazinContentContainer .linkPrev a:hover svg.icon, .eMagazin .emagazinContentContainer .linkPrev a:focus svg.icon, .eMagazin .emagazinContentContainer .linkPrev a:active svg.icon, .eMagazin .emagazinContentContainer .linkNext a:hover svg.icon, .eMagazin .emagazinContentContainer .linkNext a:focus svg.icon, .eMagazin .emagazinContentContainer .linkNext a:active svg.icon { fill: #81adb6; transition: fill 0.38s ease; } .eMagazin .emagazinContent { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); height: auto; max-width: 996px; top: -10em; position: relative; background-color: #FFFFFF; margin: auto; padding: 30px; } @media (max-width: 1919.98px) { .eMagazin .emagazinContent { width: 70%; top: -10vw; } } @media (max-width: 991.98px) { .eMagazin .emagazinContent { width: 90%; } } .eMagazin .emagazinContent svg { fill: #002A46; transition: fill 0.38s ease; height: 1em; width: 1em; } .eMagazin .emagazinContent a { color: #002A46; transition: color 0.38s ease; } @media (max-width: 479.98px) { .eMagazin .emagazinContent .meta { display: block !important; } } .eMagazin .emagazinContent .zurueckButton { background: #5d9aa4; width: 300px; padding: 0.5em 1em; top: -2.5em; position: relative; } @media (max-width: 767.98px) { .eMagazin .emagazinContent .zurueckButton { width: 100%; } } .eMagazin .emagazinContent .zurueckButton span { color: #FFFFFF; } @media (max-width: 767.98px) { .eMagazin .emagazinContent .zurueckButton span { font-size: 5vw; } } .eMagazin .emagazinContent .zurueckButton svg { fill: #FFFFFF; transition: fill 0.38s ease; height: 0.5em; width: 0.5em; } .eMagazin .emagazinContent .zurueckButtonUnten { top: 2.5em; } .eMagazin .emagazinContent .tag { background: #002A46; padding: 0 0.5em; margin-right: 0.5em; height: 1.5em; } .eMagazin .emagazinContent .tag span { color: #FFFFFF; padding-right: 0.5em; } .eMagazin .emagazinContent .tag svg { fill: #FFFFFF; transition: fill 0.38s ease; height: 1em; width: 1em; } #filterContainerMobileWrapper { display: none; } @media (max-width: 767.98px) { #filterContainerMobileWrapper { display: block; order: 1; width: 100%; } } .artikel-teaser-list { max-width: 1300px; margin: auto; margin-bottom: 2em; } @media (max-width: 991.98px) { .artikel-teaser-list { margin-left: 15px; margin-right: 15px; } } @media (max-width: 767.98px) { .artikel-teaser-list { order: 2; width: 100%; } } .artikel-teaser-list a:hover, .artikel-teaser-list a:focus, .artikel-teaser-list a:active { color: #81adb6; transition: color 0.38s ease; } .artikel-teaser-list a:hover svg.icon, .artikel-teaser-list a:focus svg.icon, .artikel-teaser-list a:active svg.icon { fill: #81adb6; transition: fill 0.38s ease; } .artikel-teaser-list .artikelTeaserRow { margin-right: -30px; } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper { flex: 0 0 100%; max-width: 100%; float: none; margin-bottom: 1em; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser { background-color: #e3e7e8; max-width: 608px; margin-right: 30px; position: relative; margin-top: 3em; } @media (max-width: 1199.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser { margin-right: 2vw; } } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser { margin-right: 30px; max-width: 100%; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf { position: relative; top: -3em; margin-bottom: -3em; overflow: hidden; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .teaserBild { max-width: 200px; } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .teaserBild { max-width: 100%; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .teaserBild figure { margin-bottom: 0; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .tags { background-color: #002A46; transition: background-color 0.38s ease, color 0.38s ease; color: #FFFFFF; padding: 0.2rem 0.3rem; float: left; } @media (max-width: 1199.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .tags { font-size: 1.5vw; padding: 0.2rem; top: 4px; position: relative; } } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .tags { font-size: 3vw; padding: 0.2rem; top: 2px; position: relative; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .tags span { color: #FFFFFF; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .tags span.icon { padding-right: 0.3em; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .tags span.icon svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; height: 1rem; width: 1rem; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .datum { display: inline-block; padding: 0.2rem 0.3rem; background-color: #FFFFFF; transition: background-color 0.38s ease; } @media (max-width: 1199.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .datum { font-size: 1.5vw; padding: 0.2rem; position: relative; } } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopf .datum { font-size: 3vw; padding: 0.2rem; position: relative; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopfBreit .teaserBild { width: 100%; max-width: 100%; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopfBreit .tags, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserKopfBreit .datum { position: relative; top: -1em; left: 1em; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText { padding: 15px; clear: both; } @media (max-width: 1199.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText { padding: 15px; } } @media (max-width: 991.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText { width: 100%; padding: 5px; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText h3, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText p { color: #002A46; } @media (max-width: 1199.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText h3, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText p { font-size: 1.5vw; } } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText h3, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText p { font-size: 3vw; } } @media (max-width: 1199.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText h3 { font-size: 2vw; } } @media (max-width: 767.98px) { .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser .teaserText h3 { font-size: 4vw; } } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser a:hover h3, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser a:focus h3, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser a:active h3 { color: #81adb6; transition: color 0.38s ease; } .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser a:hover svg.icon, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser a:focus svg.icon, .artikel-teaser-list .artikelTeaserRow .eMagazinTeaserWrapper .eMagazinTeaser a:active svg.icon { fill: #81adb6; transition: fill 0.38s ease; } @media (max-width: 991.98px) { .artikelTeaserRow .eMagazinTeaserWrapper:nth-child(4) { display: none; } } @media (max-width: 767.98px) { .artikelTeaserRow .eMagazinTeaserWrapper:nth-child(3) { display: none; } } #eMagazin { margin-left: 120px; margin-right: 90px; margin-bottom: 45px; } @media (max-width: 1199.98px) { #eMagazin { margin-left: 15px; margin-right: 15px; } } #eMagazin #eMagazinLogo { background-color: #002A46; transition: background-color 0.38s ease, fill 0.38s ease; fill: #FFFFFF; width: 90px; height: 90px; position: absolute; } @media (max-width: 767.98px) { #eMagazin #eMagazinLogo { width: 60px; height: 60px; } } #eMagazin #eMagazinLogo svg.icon { height: 3rem; width: 3rem; fill: #FFFFFF; transition: fill 0.38s ease; } @media (max-width: 767.98px) { #eMagazin #eMagazinLogo svg.icon { height: 1.5rem; width: 1.5rem; } } #eMagazin #eMagazinContent { background-color: #e3e7e8; transition: background-color 0.38s ease; margin-left: 90px; padding: 30px; } @media (max-width: 991.98px) { #eMagazin #eMagazinContent { margin-left: 0; } } @media (max-width: 991.98px) { #eMagazin #eMagazinContent #eMagazinHead { margin-left: 90px; } } @media (max-width: 767.98px) { #eMagazin #eMagazinContent #eMagazinHead { margin-left: 60px; } } @media (max-width: 767.98px) { #eMagazin #eMagazinContent #eMagazinHead #linkUebersicht { display: none; } } #eMagazin #eMagazinContent #eMagazinHead h3 { font-size: 1.7rem; } @media (max-width: 767.98px) { #eMagazin #eMagazinContent #eMagazinHead h3 { font-size: 7vw; } } #eMagazin #eMagazinContent svg.icon { height: 2.5rem; width: 2.5rem; } @media (max-width: 991.98px) { #eMagazin #eMagazinContent svg.icon { height: 1.5rem; width: 1.5rem; } } #eMagazin #eMagazinContent .slick-next:before, #eMagazin #eMagazinContent .slick-prev:before { display: none; } #eMagazin #eMagazinContent .slick-next { right: 100px; z-index: 99; } @media (max-width: 991.98px) { #eMagazin #eMagazinContent .slick-next { right: 25px; } } #eMagazin #eMagazinContent .slick-prev { left: 50px; z-index: 99; } @media (max-width: 991.98px) { #eMagazin #eMagazinContent .slick-prev { left: 25px; } } #eMagazin #eMagazinContent .slick-prev.hidden, #eMagazin #eMagazinContent .slick-next.hidden { opacity: 0; pointer-events: none; } #eMagazin #eMagazinContent .slick-arrow svg.icon { fill: #FFFFFF; } #eMagazin #eMagazinContent .eMagazinTeaser { max-width: 608px; margin-right: 30px; position: relative; } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser { margin-right: 2vw; } } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent { top: -5rem; position: relative; margin-bottom: -7rem; } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent { top: -4rem; } } @media (max-width: 991.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent { top: -6rem; } } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .tags { background-color: #002A46; transition: background-color 0.38s ease, color 0.38s ease; color: #FFFFFF; padding: 0.5rem; float: left; } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .tags { font-size: 1.5vw; padding: 0.2rem; top: 4px; position: relative; } } @media (max-width: 767.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .tags { font-size: 3vw; padding: 0.2rem; top: 2px; position: relative; } } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .tags span { color: #FFFFFF; } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .tags span.icon { padding-right: 0.5em; } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .tags svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; height: 1rem; width: 1rem; } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .datum { display: inline-block; padding: 0.5rem; background-color: #FFFFFF; transition: background-color 0.38s ease; } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .datum { font-size: 1.5vw; padding: 0.2rem; position: relative; } } @media (max-width: 767.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserKopf .datum { font-size: 3vw; padding: 0.2rem; position: relative; } } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText { background-color: #002A46; transition: background-color 0.38s ease; width: 90%; padding: 30px; } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText { padding: 15px; } } @media (max-width: 991.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText { width: 100%; padding: 5px; } } #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText h3, #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText p { color: #FFFFFF; } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText h3, #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText p { font-size: 1.5vw; } } @media (max-width: 767.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText h3, #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText p { font-size: 3vw; } } @media (max-width: 1199.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText h3 { font-size: 2vw; } } @media (max-width: 767.98px) { #eMagazin #eMagazinContent .eMagazinTeaser .teaserContent .teaserText h3 { font-size: 4vw; } } #eMagazin #eMagazinContent .eMagazinTeaser .teaserOverlay { background-color: #002A46; transition: background-color 0.38s ease; opacity: 0.8; max-width: 608px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #eMagazin #eMagazinContent .eMagazinTeaser a:hover .teaserText, #eMagazin #eMagazinContent .eMagazinTeaser a:focus .teaserText, #eMagazin #eMagazinContent .eMagazinTeaser a:active .teaserText { background-color: #81adb6; transition: background-color 0.38s ease, color 0.38s ease; color: #FFFFFF; } #eMagazin #eMagazinContent .slick-active .teaserOverlay { display: none; } #eMagazin #eMagazinContent .slick-dots { bottom: -40px; } #eMagazin #eMagazinContent .slick-dots li button:before { font-size: 70px; color: #002A46; } @media (max-width: 767.98px) { #eMagazinUebersichtContainer { display: block !important; } } #eMagazinUebersichtContainer .w-25 { padding-left: 30px; } @media (max-width: 767.98px) { #eMagazinUebersichtContainer .w-75 { display: flex; flex-wrap: wrap; } } #eMagazinUebersichtContainer h2 { color: #002A46; } #eMagazinUebersichtContainer .artikelTeaserRow { margin-right: -15px; } #eMagazinUebersichtContainer .teaserBild { max-width: 100%; } #eMagazinUebersichtContainer .meta { position: relative; top: -1em; margin-left: 15px; } #eMagazinUebersichtContainer .meta span, #eMagazinUebersichtContainer .meta div { font-size: 0.8em; } #eMagazinUebersichtContainer .eMagazinTeaser { margin-right: 0; position: initial; } #eMagazinUebersichtContainer #filterContainer { border: 1px solid #b4b4b4; padding: 15px; list-style: none; } #eMagazinUebersichtContainer #filterContainer h3 { color: #002A46; margin-top: 1em; } #eMagazinUebersichtContainer #filterContainer button { background-color: #002A46; border: 0; padding: 0.5em; display: list-item; margin-bottom: 0.3em; } #eMagazinUebersichtContainer #filterContainer button svg.icon { fill: #FFFFFF; width: 1.2em; height: 1.2em; } #eMagazinUebersichtContainer #filterContainer button span { margin-left: 0.5em; color: #FFFFFF; } @media (max-width: 1199.98px) { #eMagazinUebersichtContainer #filterContainer button { padding: 0.3em; } #eMagazinUebersichtContainer #filterContainer button span { font-size: 0.8em; } #eMagazinUebersichtContainer #filterContainer button svg.icon { width: 0.8em; height: 0.8em; } } #eMagazinUebersichtContainer #filterContainer button.active { background: #5d9aa4; } #eMagazinUebersichtContainer #filterContainerMobile { border: 1px solid #b4b4b4; padding: 15px; } #eMagazinUebersichtContainer #collapseFilter { border: 1px solid #b4b4b4; border-top: 0; padding: 15px; } #eMagazinUebersichtContainer #collapseFilter .filterList { column-count: 2; } #eMagazinUebersichtContainer #collapseFilter .filterList input { -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ transform: scale(1.5); padding: 10px; margin-right: 0.3em; } #eMagazinUebersichtContainer #collapseFilter .filterList svg.icon { width: 1em; height: 1em; } /** .masonryGrid { margin-right: 15px; display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(32%,1fr)); grid-auto-rows: 25px; } */ .grid-sizer, .grid-item { width: calc((100% - 45px) / 3); margin-bottom: 15px; margin-right: 15px; } @media (max-width: 1199.98px) { .grid-sizer, .grid-item { width: calc((100% - 30px) / 2); } } .pullTop { position: relative; top: -15em; } @media (max-width: 991.98px) { .pullTop { top: -7em; } } .eMagazinTeaserButtonTop { height: 0; overflow: visible; width: 100%; } @media (max-width: 767.98px) { .eMagazinTeaserButtonTop { display: none; } } .eMagazinTeaserButtonTop div { position: relative; right: 0; background-color: #5d9aa4; z-index: 1; width: 300px; margin-left: auto; top: -1em; padding: 0.3em 1em; } .eMagazinTeaserButtonTop span { color: #FFFFFF; } .eMagazinTeaserButtonTop svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } .eMagazinTeaserButtonTop a:hover span, .eMagazinTeaserButtonTop a:focus span, .eMagazinTeaserButtonTop a:active span { color: #002A46; transition: color 0.38s ease; } .eMagazinTeaserButtonTop a:hover svg.icon, .eMagazinTeaserButtonTop a:focus svg.icon, .eMagazinTeaserButtonTop a:active svg.icon { fill: #002A46; transition: fill 0.38s ease; } /** .teaserBild { overflow: visible; width: calc(100% + 120px); @include media-breakpoint-down(md) { max-width: calc(100% + 30px); width: calc(100% + 30px); position: relative; } @include media-breakpoint-down(sm) { left: -15px; position: relative; } } **/ .eMagazinTeaserWrapperContainer { max-width: 1300px; margin: auto; position: relative; top: -15em; margin-bottom: -17em; } @media (max-width: 991.98px) { .eMagazinTeaserWrapperContainer { top: -9em; margin-bottom: -12em; } } @media (max-width: 767.98px) { .eMagazinTeaserWrapperContainer { top: -3em; margin-bottom: -5em; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle { background-color: #e3e7e8; padding-top: 3em; margin-bottom: 4em; max-width: 500px; } @media (max-width: 991.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle { margin-left: 15px; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf { position: relative; margin-bottom: -3em; overflow: hidden; top: -4em; margin-left: 1em; } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .teaserBild { overflow: visible; max-width: 200px; } @media (max-width: 991.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .teaserBild { max-width: calc(100% + 30px); width: calc(100% + 30px); position: relative; } } @media (max-width: 767.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .teaserBild { left: -15px; position: relative; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .teaserBild figure { margin-bottom: 0; } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .tags { background-color: #002A46; transition: background-color 0.38s ease, color 0.38s ease; color: #FFFFFF; padding: 0.2rem 0.3rem; float: left; } @media (max-width: 1199.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .tags { font-size: 1.5vw; padding: 0.2rem; top: 4px; position: relative; } } @media (max-width: 767.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .tags { font-size: 3vw; padding: 0.2rem; top: 2px; position: relative; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .tags span { color: #FFFFFF; } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .tags span.icon { padding-right: 0.3em; } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .tags span.icon svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; height: 1rem; width: 1rem; } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .datum { display: inline-block; padding: 0.2rem 0.3rem; background-color: #FFFFFF; transition: background-color 0.38s ease; } @media (max-width: 1199.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .datum { font-size: 1.5vw; padding: 0.2rem; position: relative; } } @media (max-width: 767.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserKopf .datum { font-size: 3vw; padding: 0.2rem; position: relative; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText { padding: 15px; clear: both; } @media (max-width: 1199.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText { padding: 15px; } } @media (max-width: 991.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText { width: 100%; padding: 15px; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText h3, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText p { color: #002A46; } @media (max-width: 1199.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText h3, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText p { font-size: 1.5vw; } } @media (max-width: 767.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText h3, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText p { font-size: 3vw; } } @media (max-width: 1199.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText h3 { font-size: 2vw; } } @media (max-width: 767.98px) { .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle .teaserText h3 { font-size: 4vw; } } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle a:hover h3, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle a:focus h3, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle a:active h3 { color: #5d9aa4; transition: color 0.38s ease; } .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle a:hover svg.icon, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle a:focus svg.icon, .eMagazinTeaserWrapperContainer .eMagazinTeaserTitle a:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } .eMagazinCloudContainer { max-width: 1300px; margin: auto; margin-bottom: 2em; padding: 15px 10%; } @media (max-width: 479.98px) { .eMagazinCloudContainer div.col-md-8 { margin-bottom: 3em; } } .eMagazinCloudContainer .linklist { background-color: #FFFFFF; padding: 45px; } @media (max-width: 1199.98px) { .eMagazinCloudContainer .linklist { padding: 2vw; } } .eMagazinCloudContainer .linklist div strong { color: #002A46; transition: color 0.38s ease; } .eMagazinCloudContainer .linklist svg.iconBig { width: 3em; height: 3em; transition: fill 0.38s ease; } @media (max-width: 1199.98px) { .eMagazinCloudContainer .linklist svg.iconBig { width: 2em; height: 2em; } } .eMagazinCloudContainer .linklist a:hover div strong, .eMagazinCloudContainer .linklist a:focus div strong, .eMagazinCloudContainer .linklist a:active div strong { color: #5d9aa4; transition: color 0.38s ease; } .eMagazinCloudContainer .linklist a:hover svg.icon, .eMagazinCloudContainer .linklist a:focus svg.icon, .eMagazinCloudContainer .linklist a:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } .eMagazinCloudContainer .buttonTag { background-color: #002A46; color: #FFFFFF; transition: color 0.38s ease; width: auto; float: left; margin: 0 0.3em 0.3em 0; padding: 3px 10px; } .eMagazinCloudContainer .buttonTag span { color: #FFFFFF; transition: color 0.38s ease; } .eMagazinCloudContainer .buttonTag svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; margin-right: 0.5em; } .eMagazinCloudContainer a.buttonTag:hover span, .eMagazinCloudContainer a.buttonTag:focus span, .eMagazinCloudContainer a.buttonTag:active span { color: #5d9aa4; transition: color 0.38s ease; } .eMagazinCloudContainer a.buttonTag:hover svg.icon, .eMagazinCloudContainer a.buttonTag:focus svg.icon, .eMagazinCloudContainer a.buttonTag:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } .eMagazinCloudContainer .buttonMore { background-color: #FFFFFF; max-width: 300px; padding: 5px 15px; } .eMagazinCloudContainer .buttonMore svg.icon { top: -0.3em; position: relative; } .eMagazinCloudContainer a.buttonMore:hover div, .eMagazinCloudContainer a.buttonMore:focus div, .eMagazinCloudContainer a.buttonMore:active div { color: #5d9aa4; transition: color 0.38s ease; } .eMagazinCloudContainer a.buttonMore:hover svg.icon, .eMagazinCloudContainer a.buttonMore:focus svg.icon, .eMagazinCloudContainer a.buttonMore:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .mwf-label { line-height: 1 !important; font-weight: normal !important; } .mwf-input input[type=text], .mwf-input input[type=password], .mwf-input input[type=email], .mwf-input input[type=url], .mwf-input input[type=search], .mwf-input textarea { font-size: 1rem; } .mwf-form ul > li input[type=button], .mwf-form ul > li input[type=submit] { background-color: #002A46; transition: background-color 0.38s ease !important; border-radius: 0 !important; font-size: 1rem; font-weight: normal !important; } .mwf-form ul > li input[type=button]:hover, .mwf-form ul > li input[type=submit]:hover { background-color: #5d9aa4; transition: background-color 0.38s ease !important; text-decoration: none !important; } .mwf-form ul > li.mwf-cancel input[type=button] { background-color: #5d9aa4 !important; transition: background-color 0.38s ease; } .mwf-form ul > li input[type=button], .mwf-form ul > li input[type=submit] { background: #002A46; } .mwf-form ul > li select { font-size: 1rem; } .mwf-error { font-family: "Calibri"; font-size: 0.8em !important; } .mwf-error p { color: red !important; } .mwf-bold-red div p { font-family: "Calibri"; font-size: 0.8em !important; color: red !important; } table.mwf-table td p { display: none; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .subportalteaser { border: 1px solid #b4b4b4; } .subportalteaser a.coverLink:hover p, .subportalteaser a.coverLink:focus p, .subportalteaser a.coverLink:active p { color: #5d9aa4; } .subportalteaser a.coverLink:hover h2, .subportalteaser a.coverLink:focus h2, .subportalteaser a.coverLink:active h2 { color: #002A46; } .subportalteaser figure { margin-bottom: 0; } .subportalteaser .teasercontent { padding: 40px; } .subportalteaser .teasercontent ul { list-style: none; padding-left: 0; } .subportalteaser .teasercontent ul li { background-color: #e3e7e8; margin-bottom: 5px; padding: 0.5em; } .subportalteaser .teasercontent span { color: #002A46; transition: color 0.38s ease; margin-right: 1em; } .subportalteaser .teasercontent svg.iconBig { height: 2.5em; width: 2.5em; flex: 0 0 2.5em; } @media (max-width: 1919.98px) { .subportalteaser .teasercontent svg.iconBig { height: 1.5em; width: 1.5em; flex: 0 0 1.5em; } } .subportalteaser .teasercontent svg.icon { fill: #002A46; transition: fill 0.38s ease; } .subportalteaser .teasercontent a:hover span, .subportalteaser .teasercontent a:hover div, .subportalteaser .teasercontent a:hover strong, .subportalteaser .teasercontent a:focus span, .subportalteaser .teasercontent a:focus div, .subportalteaser .teasercontent a:focus strong, .subportalteaser .teasercontent a:active span, .subportalteaser .teasercontent a:active div, .subportalteaser .teasercontent a:active strong { color: #5d9aa4; transition: color 0.38s ease; } .subportalteaser .teasercontent a:hover svg.icon, .subportalteaser .teasercontent a:focus svg.icon, .subportalteaser .teasercontent a:active svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } .subportalteaser:hover a.coverLink span, .subportalteaser:hover a.coverLink div, .subportalteaser:hover a.coverLink strong, .subportalteaser:hover a.coverLink p { color: #5d9aa4; } .subportalteaser:hover a.coverLink svg { fill: #5d9aa4; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ @media print { #contentLinks, #screenreader, #essenFooterUnten { display: none; } #essenFooterOben .footerObenSocialmedia svg { fill: #000000; } #content3SpaltigWrapper .row { display: block !important; } #content3SpaltigWrapper .float-md-left { float: none !important; } } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ form#event-search { margin-bottom: 1em; } #essen-dyn-event-filter-top, #essen-paging-footer { padding: 10px 15px; } #essen-dyn-event-filter-top select, #essen-paging-footer select { height: 2em; border: 0; width: 100%; } #essen-dyn-event-filter-top #datepicker, #essen-paging-footer #datepicker { width: 100%; } #essen-dyn-event-filter-top .pages, #essen-paging-footer .pages { background-color: #FFFFFF; height: 2em; padding: 0.3em; } #essen-dyn-event-filter-top .pages .pagerItem, #essen-paging-footer .pages .pagerItem { border: 0; background: none; color: #002A46; transition: color 0.38s ease; height: 1.65em; padding: 0.2em; } #essen-dyn-event-filter-top .pages #pagesPrev, #essen-dyn-event-filter-top .pages #pagesFirst, #essen-dyn-event-filter-top .pages #pagesNext, #essen-dyn-event-filter-top .pages #pagesLast, #essen-paging-footer .pages #pagesPrev, #essen-paging-footer .pages #pagesFirst, #essen-paging-footer .pages #pagesNext, #essen-paging-footer .pages #pagesLast { padding: 0; } #essen-dyn-event-filter-top .pages .pagerItem:hover, #essen-paging-footer .pages .pagerItem:hover { color: #5d9aa4; transition: color 0.38s ease; } #essen-dyn-event-filter-top .pages .selected, #essen-paging-footer .pages .selected { border-bottom: 2px solid #5d9aa4; } #essen-dyn-event-filter-top .pages svg.icon, #essen-paging-footer .pages svg.icon { height: 0.7em; width: 0.7em; } #essen-dyn-event-filter-top .pages .disabled, #essen-paging-footer .pages .disabled { color: #b4b4b4; } #essen-dyn-event-filter-top .pages .disabled svg.icon, #essen-paging-footer .pages .disabled svg.icon { fill: #b4b4b4; } #essen-dyn-event-list #countEvents { margin-right: -15px; margin-left: -15px; } #essen-dyn-event-list .list img { width: 100%; height: auto; } #essen-dyn-event-list .row { border: 1px solid #b4b4b4; padding: 15px; margin-bottom: 10px; } #essen-dyn-event-list .row div.image { padding-left: 0; } #essen-dyn-event-list .row div.image figure { margin: 0; } #essen-dyn-event-list .row div.content { padding-right: 0; } #essen-dyn-event-list .row div.content .titel { font-family: "Calibri-Bold"; color: #002A46; transition: color 0.38s ease; } #essen-dyn-event-list .row div.content svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } #essen-dyn-event-list .row div.content span { font-size: 0.9rem; } #essen-dyn-event-list .row div.content .link { position: absolute; right: -0.5rem; bottom: -0.5em; height: 0; display: table; } #essen-dyn-event-list .row div.content .link svg.icon { fill: #002A46; transition: fill 0.38s ease; } #essen-dyn-event-list a { transition: background-color 0.38s ease; background-color: #FFFFFF; } #essen-dyn-event-list a:hover, #essen-dyn-event-list a:focus, #essen-dyn-event-list a:active { transition: background-color 0.38s ease; background-color: #5d9aa4; } #essen-dyn-event-list a:hover div.content .titel, #essen-dyn-event-list a:hover div.content span, #essen-dyn-event-list a:focus div.content .titel, #essen-dyn-event-list a:focus div.content span, #essen-dyn-event-list a:active div.content .titel, #essen-dyn-event-list a:active div.content span { color: #FFFFFF; transition: color 0.38s ease; } #essen-dyn-event-list a:hover div.content svg.icon, #essen-dyn-event-list a:focus div.content svg.icon, #essen-dyn-event-list a:active div.content svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } #essen-dyn-event-list a:hover div.content .link svg.icon, #essen-dyn-event-list a:focus div.content .link svg.icon, #essen-dyn-event-list a:active div.content .link svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } #essen-paging-footer { background-color: #e3e7e8; margin-bottom: -1.5em; } #essen-paging-footer #pages { padding: 0 0.3em; max-width: 50%; } #datepickerFilter { padding-bottom: 1em; } #datepickerFilterResult { border: 2px solid #81adb6; } #datepickerFilterResult #arrowUp { color: #fff; position: relative; top: -20px; font-size: 1em; text-align: center; } #datepickerFilterResult span.ui-icon svg { fill: #FFFFFF; } #datepickerFilterResult .list a { transition: background-color 0.38s ease; background-color: #FFFFFF; } #datepickerFilterResult .list a .content { width: 100%; padding: 15px; border-bottom: 1px solid #b4b4b4; } #datepickerFilterResult .list a .content .titel { font-family: "Calibri-Bold"; color: #002A46; transition: color 0.38s ease; } #datepickerFilterResult .list a .content span { font-size: 0.9rem; } #datepickerFilterResult .list a .content svg.icon { fill: #5d9aa4; transition: fill 0.38s ease; } #datepickerFilterResult .list a .content .link { position: absolute; right: -0.5rem; bottom: -0.5em; height: 0; display: table; } #datepickerFilterResult .list a .content .link svg.icon { fill: #002A46; transition: fill 0.38s ease; } #datepickerFilterResult .list a:hover, #datepickerFilterResult .list a:focus, #datepickerFilterResult .list a:active { background-color: #5d9aa4; transition: background-color 0.38s ease; } #datepickerFilterResult .list a:hover div.content, #datepickerFilterResult .list a:focus div.content, #datepickerFilterResult .list a:active div.content { background-color: #5d9aa4; transition: background-color 0.38s ease; } #datepickerFilterResult .list a:hover div.content .titel, #datepickerFilterResult .list a:hover div.content span, #datepickerFilterResult .list a:focus div.content .titel, #datepickerFilterResult .list a:focus div.content span, #datepickerFilterResult .list a:active div.content .titel, #datepickerFilterResult .list a:active div.content span { color: #FFFFFF; transition: color 0.38s ease; } #datepickerFilterResult .list a:hover div.content svg.icon, #datepickerFilterResult .list a:focus div.content svg.icon, #datepickerFilterResult .list a:active div.content svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } #datepickerFilterResult .list a:hover div.content .link svg.icon, #datepickerFilterResult .list a:focus div.content .link svg.icon, #datepickerFilterResult .list a:active div.content .link svg.icon { fill: #FFFFFF; transition: fill 0.38s ease; } #loadingOverlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; } .lds-ring { position: absolute; left: 50%; top: 50%; z-index: 1; display: inline-block; position: relative; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; margin: -75px 0 0 -75px; width: 125px; height: 125px; border: 13px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #002D53 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ .fc-event-time, .fc-event-title { padding: 0 1px; font-size: 0.8em; } /* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */ /* Farben */ /* Schrift */ /* 1em! */ /* Abstaende und Weiten */ #coronastatistik { background-color: #81adb6; padding: 15px; margin-bottom: calc(2rem + 0rem); } #coronastatistik .row .item { margin-bottom: 30px; } @media (min-width: 992px) { #coronastatistik .seven-cols .col-lg-1 { width: 14.2857142857%; *width: 14.2857142857%; max-width: 14.2857142857%; flex: 0 0 100%; } } #coronastatistik .item { width: 100%; padding: 0; } #coronastatistik .item span { color: #FFFFFF; font-size: 0.75rem; } #coronastatistik .item div { padding-top: 0.5rem; line-height: 0.8rem; } #coronastatistik .item div strong { font-size: 1.5rem; font-weight: 400; color: #FFFFFF; } #coronastatistik .item div svg { height: 50px; width: 50px; } #coronastatistik .item div span { color: #FFFFFF; font-size: 0.75rem; } html { font-size: 21px; } h1 { font-size: 2.3em; } h2, h2 span { font-size: 1.61em; color: #81adb6; } h2 abbr, h2 span abbr { font-size: 1em; color: #81adb6; } h3 { font-size: 1.04em; color: #81adb6; } h4 { font-size: 1.04em; font-family: "Calibri-Bold"; } h5 { font-size: 1.2em; } .bgWeiss { background-color: #FFFFFF !important; } .bgDunkel { background-color: #002A46 !important; } .bgHell { background-color: #81adb6 !important; } .bgBGHell { background-color: #e3e7e8 !important; } .bgTuerkis { background-color: #5d9aa4 !important; } .borderUntenDunkel { border-bottom: 3px solid #002A46 !important; } .borderUntenHell { border-bottom: 3px solid #81adb6 !important; } .borderUntenSchmalWeiss { border-bottom: 1px solid #FFFFFF !important; } .borderUntenSchmalGrau { border-bottom: 1px solid #b4b4b4 !important; } p, span, .fliesstext { overflow-wrap: break-word; } p a, span a, .fliesstext a { color: #5d9aa4; text-decoration: underline; } p a acronym, span a acronym, .fliesstext a acronym { color: #5d9aa4; text-decoration: underline; } .notranslate { font-size: inherit; } /* Allgemeine Klassen */ .colored01 { color: #5d9aa4; } .colorDunkelblauImp { color: #002A46 !important; } .coloredWeiss { color: #FFFFFF; } /* Allgmeine Abstaende und Ausrichtungen */ .padding-m { padding: 15px; } .padding-xl { padding: 45px; } .topMargin_l { margin-top: 30px; } .topMargin_m { margin-top: 15px; } .topPadding_l { padding-top: 30px; } .topPadding_m { padding-top: 15px; } .bottomMargin_m { margin-bottom: 15px; } .rightMargin_m { margin-right: 15px; } .rightMargin_l { margin-right: 30px; } .leftMargin_m { margin-left: 15px; } .nopadding { padding: 0; } .nomarg { margin: 0; } .pos-rel--07 { position: relative; top: -0.7em; } .nowrap { flex-wrap: nowrap; } .container-fluid, .container-xs, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1920px; } .order1 { order: 1; } .order2 { order: 2; } .order3 { order: 3; } @media (max-width: 767.98px) { .hideMobile { display: none; } } .force-ci { font-family: "Calibri" !important; } /* Eigene Container - Allgemein */ #header { max-height: 760px; margin-left: 105px; margin-right: -15px; width: auto; padding-right: 0; padding-left: 0; } @media (max-width: 1199.98px) { #header { margin-left: -15px; padding-left: 0; } } #header img { width: 100%; height: 100%; } #header .slick-arrow { display: none !important; } #contentWrapper { padding-left: 15px; padding-right: 15px; } #contentWrapper #content3SpaltigWrapper { padding-left: 12%; padding-right: 12%; } @media (max-width: 1199.98px) { #contentWrapper #content3SpaltigWrapper { margin-bottom: 45px; padding-bottom: 45px; height: 100%; overflow-y: hidden; padding-left: 0; padding-right: 0; } } @media (max-width: 991.98px) { #contentWrapper #content3SpaltigWrapper { margin-bottom: 45px; padding-bottom: 45px; height: 100%; overflow: hidden; padding-left: 0; padding-right: 0; } } #contentWrapper #content3SpaltigWrapper #contentLinks { width: 245px; padding-right: 0px; } @media (max-width: 1199.98px) { #contentWrapper #content3SpaltigWrapper #contentLinks { margin-bottom: 45px; } } @media (max-width: 991.98px) { #contentWrapper #content3SpaltigWrapper #contentLinks { width: 100%; margin-bottom: 45px; } } #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper { width: 1095px; border-left: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; padding-left: 4%; margin-bottom: calc(2rem + 0rem); } @media (max-width: 1199.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper { padding-left: 0; border-left: 0; width: 100%; border: 0; } } @media (max-width: 991.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper { padding-left: 0; border-left: 0; width: 100%; border: 0; } } #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #kontaktContainer { display: block; } @media (max-width: 767.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #kontaktContainer { display: none; } } #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #kontaktContainerMobile { display: none; } @media (max-width: 767.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #kontaktContainerMobile { display: block; } } #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper .telefonbuchDetails #kontaktContainer { display: block !important; } #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentMitte { padding-right: 5%; padding-left: 0; } @media (max-width: 1199.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentMitte { flex: 0 0 66.66667%; width: 66.66667%; padding-right: 15px; margin-bottom: 45px; border: 0; } } @media (max-width: 991.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentMitte { margin-bottom: 45px; border: 0; } } #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentRechts { padding-right: 0; } @media (max-width: 1199.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentRechts { flex: 0 0 33.33333%; width: 33.33333%; padding-right: 0; } } @media (max-width: 991.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentMitte, #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentRechts { width: 100%; padding-right: 0; max-width: 100%; } } @media (max-width: 767.98px) { #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentMitte, #contentWrapper #content3SpaltigWrapper #contentMitteRechtsWrapper #contentRechts { width: 100%; border-bottom: 0; max-width: 100%; } } #contentWrapper #breadcrumb { margin-top: 0.25rem; margin-bottom: calc(2rem + 0rem); } @media (max-width: 991.98px) { #contentWrapper #breadcrumb { margin-right: 0; padding-left: 0; } #contentWrapper #breadcrumb #breadcrumbContent { width: auto; } } #contentWrapper #breadcrumb .pfeil { font-size: 0.9rem; } #content2SpaltigWrapper { position: relative; padding-left: 12%; } @media (max-width: 1199.98px) { #content2SpaltigWrapper { padding-left: 15px; } } #content2SpaltigWrapper #content2Spaltig { margin-top: -320px; } @media (max-width: 1199.98px) { #content2SpaltigWrapper #content2Spaltig { margin-top: -20vw; overflow: hidden; } } @media (max-width: 991.98px) { #content2SpaltigWrapper #content2Spaltig { margin-top: -25vw; } } #content2SpaltigWrapper #content2Spaltig h1 { color: #FFFFFF; } #content2SpaltigWrapper #content2Spaltig #content2SpaltigLinksWrapper { width: 1000px; margin-right: 105px; background-color: #FFFFFF; margin-right: 2vw; width: 59%; } @media (max-width: 1199.98px) { #content2SpaltigWrapper #content2Spaltig #content2SpaltigLinksWrapper { width: 100%; max-width: 100%; } } @media (max-width: 991.98px) { #content2SpaltigWrapper #content2Spaltig #content2SpaltigLinksWrapper { width: 100%; max-width: initial; } } #content2SpaltigWrapper #content2Spaltig #content2SpaltigLinksWrapper #content2SpaltigLinks { padding: 30px; margin-bottom: 30px; } #content2SpaltigWrapper #content2Spaltig #contentRechts { width: 38%; max-width: 405px; } @media (max-width: 1199.98px) { #content2SpaltigWrapper #content2Spaltig #contentRechts { max-width: 100%; width: 100%; } } .headerOverlay { position: relative; height: 0; margin-bottom: 120px; } @media (max-width: 1919.98px) { .headerOverlay { margin-bottom: calc(650px - 25%); } } @media (max-width: 1199.98px) { .headerOverlay { margin-bottom: calc(150px + 27vmax); } } @media (max-width: 991.98px) { .headerOverlay { height: auto; margin-bottom: 0; } } .headerOverlay h2, .headerOverlay h2 * { font-size: 3rem; } @media (max-width: 1199.98px) { .headerOverlay h2, .headerOverlay h2 * { font-size: 5vw; } } @media (max-width: 991.98px) { .headerOverlay h2, .headerOverlay h2 * { font-size: 3rem; } } @media (max-width: 767.98px) { .headerOverlay h2, .headerOverlay h2 * { font-size: 10vw; } } .headerOverlay #content1SpaltigHeaderOverlay { margin-top: -25%; margin-right: 105px; height: 555px; max-width: 1000px; width: 80%; position: absolute; right: 0; top: 0; } @media (max-width: 1919.98px) { .headerOverlay #content1SpaltigHeaderOverlay { top: calc(200px - 10vmax); } } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay { margin-right: 45px; margin-left: 45px; width: calc(100% - 90px); } } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay { top: -30px; height: auto; max-height: unset; position: relative; margin-right: 0; margin-left: 0; width: 100%; margin-top: 0; } } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay { margin-top: 0; max-width: none; width: 100%; position: relative; } } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row { margin-left: 0; } } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row { display: block; display: contents; flex-wrap: nowrap; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts, .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts { width: 49%; position: relative; font-size: 2.625rem; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts, .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts { width: 100%; margin: 0 15px; position: relative; height: auto; max-height: unset; padding-top: 0; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks .inhalt, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt, .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks .inhalt, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts .inhalt { padding: 30px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 2.5rem; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks .inhalt, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt, .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks .inhalt, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts .inhalt { position: relative; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts { max-height: 350px; padding-top: 35%; color: #FFFFFF; } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts { margin-bottom: 20px; } } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts { padding-top: 0; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks h2, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks h2 *, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts h2, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts h2 * { color: #FFFFFF; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks { background-color: #002A46; margin-right: 5px; margin-bottom: 5px; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks ul { padding: 30px 0 0 0; } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks ul { padding: 0; } } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks ul li { padding: 0; } } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks ul li a { font-size: 0.8rem; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks ul li a:hover { background-color: #002A46; transition: background-color 0.38s ease, fill 0.38s ease; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks ul li a.active { background-color: #5d9aa4; transition: background-color 0.38s ease, fill 0.38s ease; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a * { color: #FFFFFF; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a svg.icon, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a * svg.icon { fill: #FFFFFF; width: 0.5em; height: 0.5em; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a:hover, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a:focus, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a:active { color: #5d9aa4; transition: color 0.38s ease; text-decoration: none; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a:hover svg, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a:focus svg, .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks a:active svg { fill: #5d9aa4; transition: fill 0.38s ease; } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenlinks { margin-bottom: 20px; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts { background-color: #81adb6; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts { max-height: unset; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt { position: absolute; padding: 0; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt { position: relative; padding: 0; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt ul { width: 100%; border: 0; padding: 0; margin: 0; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt ul li { width: 50%; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt ul li a.nav-link { background-color: #5d9aa4; border-radius: 0; border: 0; color: #FFFFFF; font-size: 1.5rem; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt ul li a:hover { background-color: #002A46; transition: background-color 0.38s ease, fill 0.38s ease; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt ul li a.active { background-color: #81adb6; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane { padding: 30px; width: 100%; } @media (min-width: 1200px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane { padding: 15px 30px; } } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane { padding: 20px; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel { width: 50%; height: 120px; float: left; padding-top: 15px; padding-bottom: 15px; } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; height: 50%; } } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 479.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel { height: 30vw; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel svg.icon { width: 3em; height: 3em; fill: #FFFFFF; transition: fill 0.38s ease; } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel svg.icon { height: 5vw; width: 5vw; } } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel svg.icon { height: 7vw; width: 7vw; } } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel svg.icon { height: 9vw; width: 9vw; } } @media (min-width: 480px) and (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel svg.icon { float: left; margin-right: 1.5vw; } } @media (min-width: 768px) and (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel svg.icon { float: left; margin-right: 1.5vw; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel div { width: 100%; color: #FFFFFF; transition: color 0.38s ease; } @media (max-width: 1199.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel div { font-size: 2vw; } } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel div { font-size: 3vw; } } @media (max-width: 767.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel div { font-size: 3.5vw; } } @media (max-width: 479.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel div { font-size: 5vw; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel:first-child { border-bottom: 2px solid #5d9aa4; border-right: 2px solid #5d9aa4; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel:nth-child(2) { border-bottom: 2px solid #5d9aa4; padding-left: 30px; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel:nth-child(2) { padding-left: 15px; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel:nth-child(3) { border-right: 2px solid #5d9aa4; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel:nth-child(4) { padding-left: 30px; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane .kachel:nth-child(4) { padding-left: 15px; } } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane a.kachel:hover div, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane a.kachel:focus div, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane a.kachel:active div { color: #002A46; transition: color 0.38s ease; } .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane a.kachel:hover svg, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane a.kachel:focus svg, .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-pane a.kachel:active svg { fill: #002A46; transition: fill 0.38s ease; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .obenrechts .inhalt .tab-content { display: flex; } } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts { background-color: #FFFFFF; height: 200px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); padding: 30px; } @media (max-width: 479.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts { padding: 15px; height: auto; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks span svg.icon, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts span svg.icon { width: 10vw; height: 10vw; } } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks h3, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts h3 { color: #002A46; font-size: 1.8rem; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks { margin-right: 5px; } @media (max-width: 991.98px) { .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks { margin-bottom: 20px; } } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks .dropdown-toggle { width: 100%; border: 1px solid #b4b4b4; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks .dropdown-toggle svg.icon { width: 20px; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks .dropdown-toggle::after { display: none; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks .dropdown-menu { width: 100%; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks div svg#iconUp { display: none; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks div svg#iconDown { display: block; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks div.show svg#iconUp { display: block; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenlinks div.show svg#iconDown { display: none; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts svg.icon { fill: #002A46; transition: fill 0.38s ease; width: 2.5em; height: 2.5em; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts a:hover span, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts a:focus span, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts a:active span { color: #5d9aa4; transition: color 0.38s ease; } .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts a:hover svg, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts a:focus svg, .headerOverlay #content1SpaltigHeaderOverlay .row .untenrechts a:active svg { fill: #5d9aa4; transition: fill 0.38s ease; } #contentLinks svg { float: right; height: 1rem; width: 1rem; fill: #b4b4b4; margin-right: 0.5rem; } #contentLinks #linkeNavTitel { font-size: 1.2rem; font-family: "Calibri-Bold"; margin-bottom: 1.5rem; } #contentLinks #linkeNavTitelMobile { display: none; } #contentLinks nav .nurMobile { display: none; } @media (max-width: 1199.98px) { #contentLinks nav #linkeNavTitel { display: none; } #contentLinks nav #linkeNavTitelMobile { display: block; width: 100%; } #contentLinks nav #linkeNavTitelMobile ul { width: 100%; margin-bottom: 0; } #contentLinks nav #linkeNavTitelMobile ul li { border-bottom: 0; background-color: #e3e7e8; font-family: "Calibri-Bold"; } #contentLinks nav #linkeNavTitelMobile ul li svg.icon { fill: #b4b4b4; } } #contentLinks nav ul { list-style: none; padding: 0; } #contentLinks nav ul li { border-bottom: 1px solid #b4b4b4; padding-left: 0; } #contentLinks nav ul li.nurMobile { display: none; } #contentLinks nav ul li:hover { background-color: #e3e7e8; transition: background-color 0.38s ease; } #contentLinks nav ul li li.active { border-right: 0.2em solid #81adb6; background-color: #e3e7e8; } #contentLinks nav ul li a.activeParentElement span { font-family: "Calibri-Bold"; } #contentLinks nav ul li ul { background-color: #e3e7e8; } #contentLinks nav ul li ul li:last-child { border: none; } #contentLinks nav ul li ul li span { padding-left: 1em; } #contentLinks nav ul li ul li:hover { background-color: #81adb6; transition: background-color 0.38s ease; } #contentLinks nav ul li ul li ul { background-color: #e3e7e8; border-right: 0.2em solid #81adb6; } #contentLinks nav ul li ul li ul li:hover { background-color: #81adb6; transition: background-color 0.38s ease; } #contentLinks nav ul li ul.noBG { background: none; transition: background-color 0.38s ease; } #contentLinks nav ul li span { padding-left: 0.5em; } #contentLinks nav ul li svg { float: right; height: 1.5rem; width: 1.5rem; fill: #b4b4b4; } #contentLinks nav ul li svg.icon { width: 0.4em; height: 0.4em; } @media (max-width: 1199.98px) { #contentLinks nav ul { width: 100% !important; } #contentLinks nav ul.nurMobile { display: inline-block; } #contentLinks nav ul li { padding: 0 1rem; width: 100%; display: block; } #contentLinks nav ul li.active { background-color: #e3e7e8; } #contentLinks nav ul li li { padding: 0; } #contentLinks nav ul li li.active { border-right: 0; } } @media (max-width: 1199.98px) { #contentLinks nav ul.first { border: 1px solid #b4b4b4; } #contentLinks nav ul.first.collapse { display: none; } #contentLinks nav ul.first.collapse.show { display: block; } } #placholder-for-svgsprite { display: none; } /* Formulare */ .btn { border-radius: 0; background-color: #FFFFFF; } /* TEMP für Klickdummy */ .linkliste01 { background-color: #e3e7e8; padding: 15px; } .linkliste01 ul { margin-top: 0; margin-bottom: 1rem; list-style: none; padding: 0; } .linkliste01 ul li { border-top: 1px solid gray; } /* Absatzelemente */ .fliesstext { margin-bottom: calc(2rem + 0rem); } .fliesstext cite { color: #5d9aa4; font-family: "Calibri-Bolditalic"; padding-left: 1.5em; display: block; } .fliesstext svg { height: 0.8em; width: 0.8em; margin-left: 0.25em; display: inline; fill: #5d9aa4; } .fliesstext .imageInText { margin-bottom: 1em; margin-top: 0.5em; } @media (max-width: 767.98px) { .fliesstext .imageInText { width: 100%; margin-left: 0; margin-right: 0; } } .fliesstext .imageInTextLinks { margin-bottom: 1em; margin-right: 1em; } .fliesstext .imageInTextRechts { margin-bottom: 1em; margin-left: 1em; } .rtl p { text-align: right; direction: rtl; } .imageContent { margin-bottom: calc(2rem + 0rem); } .seitengalerie .slick-arrow svg.icon { font-size: 2.5em; z-index: 99; fill: #FFFFFF; } .seitengalerie .slick-arrow .slick-prev { left: 30px; } .seitengalerie .slick-arrow .slick-next { right: 30px; } @media (max-width: 767.98px) { .seitengalerie .slick-arrow svg.icon { font-size: 1em; } .seitengalerie .slick-arrow .slick-prev { left: 15px; } .seitengalerie .slick-arrow .slick-next { right: 15px; } } .seitengalerie h2 { color: #FFF; top: -100px; position: relative; margin: 0 50px; } .seitengalerie h2 svg.icon { font-size: 1.6em; fill: #FFFFFF; top: -5px; position: relative; } .seitengalerie h2 .colored01 { color: #5d9aa4; } .seitengalerie h2 .colored01 svg.icon { fill: #5d9aa4; } #contentSucheFeldWrapper { width: 400px; } #contentSucheFeldWrapper input { border-radius: 0; } #contentSucheFeldWrapper button { border-top: 1px solid #ced4da; border-right: 1px solid #ced4da; border-bottom: 1px solid #ced4da; } .video { height: 0; position: relative; padding-top: 0; padding-bottom: 56.25%; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767.98px) { .zweiteiler { padding-bottom: 15px; } .zweiteiler .rightMargin_m { margin-right: 0; } .zweiteiler .leftMargin_m { margin-left: 0; } } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(https://media.essen.de/media/global/layout_2/images_2/fancybox/fancybox_sprite.png); } #fancybox-loading div { background: url('https://media.essen.de/media/global/layout_2/images_2/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-nav { background: transparent url('https://media.essen.de/media/global/layout_2/images_2/fancybox/blank.gif'); /* helps IE */ } .fancybox-overlay { background: url('https://media.essen.de/media/global/layout_2/images_2/fancybox/fancybox_overlay.png'); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://media.essen.de/media/global/layout_2/images_2/fancybox/fancybox_sprite~1.png'); } #fancybox-loading div { background-image: url('https://media.essen.de/media/global/layout_2/images_2/fancybox/fancybox_loading~1.gif'); } } /* * FullCalendar v1.5.4 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Tue Sep 4 23:38:33 2012 -0700 * */ .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 { margin-right: 1px; /* back to normal */ } .fc-header .ui-corner-right { 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, /* , usually */ .fc-widget-content { /* , usually */ border: 1px solid #ccc; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #ffc; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; cursor: pointer; } .fc-state-default { /* non-theme */ border-style: solid; border-width: 1px 0; } .fc-button-inner { position: relative; float: left; overflow: hidden; } .fc-state-default .fc-button-inner { /* non-theme */ border-style: solid; border-width: 0 1px; } .fc-button-content { position: relative; float: left; height: 1.9em; line-height: 1.9em; padding: 0 .6em; white-space: nowrap; } /* icon (for jquery ui) */ .fc-button-content .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button-content .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* gloss effect */ .fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; } .fc-state-default .fc-button-effect span { position: absolute; top: -100px; left: 0; width: 500px; height: 100px; border-width: 100px 0 0 1px; border-style: solid; border-color: #fff; background: #444; opacity: .09; filter: alpha(opacity=9); } /* button states (determines colors) */ .fc-state-default, .fc-state-default .fc-button-inner { border-style: solid; border-color: #ccc #bbb #aaa; background: #F3F3F3; color: #000; } .fc-state-hover, .fc-state-hover .fc-button-inner { border-color: #999; } .fc-state-down, .fc-state-down .fc-button-inner { border-color: #555; background: #777; } .fc-state-active, .fc-state-active .fc-button-inner { border-color: #555; background: #777; color: #fff; } .fc-state-disabled, .fc-state-disabled .fc-button-inner { color: #999; border-color: #ddd; } .fc-state-disabled { cursor: default; } .fc-state-disabled .fc-button-effect { display: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { border-style: solid; border-width: 0; font-size: .85em; cursor: default; } a.fc-event, .fc-event-draggable { cursor: pointer; } a.fc-event { text-decoration: none; } .fc-rtl .fc-event { text-align: right; } .fc-event-skin { border-color: #36c; /* default BORDER color */ background-color: #36c; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ } .fc-event-inner { position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ 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; } /* 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 */ } /* Fake Rounded Corners (for buttons and events) ------------------------------------------------------------*/ .fc-corner-left { margin-left: 1px; } .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner { margin-left: -1px; } .fc-corner-right { margin-right: 1px; } .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner { margin-right: -1px; } .fc-corner-top { margin-top: 1px; } .fc-corner-top .fc-event-inner { margin-top: -1px; } .fc-corner-bottom { margin-bottom: 1px; } .fc-corner-bottom .fc-event-inner { margin-bottom: -1px; } /* Fake Rounded Corners SPECIFICALLY FOR EVENTS -----------------------------------------------------------------*/ .fc-corner-left .fc-event-inner { border-left-width: 1px; } .fc-corner-right .fc-event-inner { border-right-width: 1px; } .fc-corner-top .fc-event-inner { border-top-width: 1px; } .fc-corner-bottom .fc-event-inner { border-bottom-width: 1px; } /* 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-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-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-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .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; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_insethard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #003165; } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_glosswave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #D9E0ED url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #003165; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #d0e5f5 url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; } .ui-state-hover a, .ui-state-hover a:hover { color: #003165; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d2d4d4; background: #f8f9fb url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_insethard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #003165; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #003165; text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-icon { width: 16px; height: 16px; background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-widget-content .ui-icon {background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-widget-header .ui-icon {background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-state-default .ui-icon { background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-state-active .ui-icon {background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-state-highlight .ui-icon {background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://media.essen.de/media/wwwessende/technik/images_4/listen/global_jqueryui_custom_icons.png); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-widget-overlay { background: #aaaaaa url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uibg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper { border:1px dotted black } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion a { zoom: 1; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url(https://media.essen.de/media/global/layout_2/images_2/jqueryui_1/style_redmond_1/global_jqueryui_redmond_uianim_basic_16x16.gif) right center no-repeat; } * html .ui-autocomplete { width:1px; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover { display: none; display/****/: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; } .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } @font-face { font-family: 'Calibri'; src: url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri.woff2') format('woff2'), url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri.woff') format('woff'); } @font-face { font-family: 'Calibri-Bold'; src: url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bold.woff2') format('woff2'), url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bold.woff') format('woff'); } @font-face { font-family: 'Calibri-Italic'; src: url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-italic.woff2') format('woff2'), url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-italic.woff') format('woff'); } @font-face { font-family: 'Calibri-Bolditalic'; src: url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bolditalic.woff2') format('woff2'), url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bolditalic.woff') format('woff'); } @font-face { font-family: 'Glyphicons Halflings'; src: url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.eot'); src: url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.woff2') format('woff2'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.woff') format('woff'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.ttf') format('truetype'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("https://media.essen.de/media/global/layout_2/images_2/fancybox/essen_de/fancybox_sprite.png"); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("https://media.essen.de/media/global/layout_2/images_2/fancybox/essen_de/fancybox_sprite2x.png"); } } #datepicker { background-image: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/kalender.svg"); } .dropDownClosed, #stadtteil, .meldenSucheFilter select { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/down.svg") no-repeat; } .dropDownOpen { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/up.svg") no-repeat!important; } .ui-datepicker-prev span { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-links-dunkelblau.svg") no-repeat!important; -webkit-transition: background-image 0.38s ease-in-out; transition: background-image 0.38s ease-in-out; } .ui-datepicker-next span { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-rechts-dunkelblau.svg") no-repeat!important; -webkit-transition: background-image 0.38s ease-in-out; transition: background-image 0.38s ease-in-out; } #datepickerFilter .ui-datepicker-prev span { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-links-weiss.svg") no-repeat!important; -webkit-transition: background-image 0.38s ease-in-out; transition: background-image 0.38s ease-in-out; } #datepickerFilter .ui-datepicker-next span { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-rechts-weiss.svg") no-repeat!important; -webkit-transition: background-image 0.38s ease-in-out; transition: background-image 0.38s ease-in-out; } .ui-datepicker-prev:hover span, #datepickerFilter .ui-datepicker-prev:hover span { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-links-tuerkis.svg") no-repeat!important; -webkit-transition: background-image 0.38s ease-in-out; transition: background-image 0.38s ease-in-out; } .ui-datepicker-next:hover span, #datepickerFilter .ui-datepicker-next:hover span { background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-rechts-tuerkis.svg") no-repeat!important; -webkit-transition: background-image 0.38s ease-in-out; transition: background-image 0.38s ease-in-out; } .process_step_content {position:relative;overflow:hidden;} .height0 {height: 0; opacity: 0;} #loadingOverlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 9999; } #loadingSpinner { position: absolute; left: 50%; top: 50%; z-index: 1; width: 125px; height: 125px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #mainIconTooltipID { display:none; } .tooltip-inner { max-width: unset; } .ui-tooltip, .arrow:after { background: black; border: 2px solid white; } .ui-tooltip { padding: 10px 20px; color: white; border-radius: 20px; font: bold 14px; box-shadow: 0 0 7px black; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } #homeTeaser { margin-bottom: 0px; padding-top: 0px; }