/* Minification failed. Returning unminified contents. (3605,18): run-time error CSS1030: Expected identifier, found ',' (3605,36): run-time error CSS1031: Expected selector, found ')' (3605,36): run-time error CSS1025: Expected comma or open brace, found ')' (7510,37): run-time error CSS1030: Expected identifier, found ',' (7510,153): run-time error CSS1031: Expected selector, found ')' (7510,153): run-time error CSS1025: Expected comma or open brace, found ')' (8428,86): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (8800,49): run-time error CSS1030: Expected identifier, found ',' (8800,87): run-time error CSS1031: Expected selector, found ')' (8800,87): run-time error CSS1025: Expected comma or open brace, found ')' (8808,49): run-time error CSS1030: Expected identifier, found ',' (8808,87): run-time error CSS1031: Expected selector, found ')' (8808,87): run-time error CSS1025: Expected comma or open brace, found ')' (8820,51): run-time error CSS1030: Expected identifier, found ',' (8820,74): run-time error CSS1031: Expected selector, found ')' (8820,74): run-time error CSS1025: Expected comma or open brace, found ')' (8828,53): run-time error CSS1030: Expected identifier, found ',' (8828,76): run-time error CSS1031: Expected selector, found ')' (8828,76): run-time error CSS1025: Expected comma or open brace, found ')' (8839,53): run-time error CSS1030: Expected identifier, found ',' (8839,76): run-time error CSS1031: Expected selector, found ')' (8839,76): run-time error CSS1025: Expected comma or open brace, found ')' (8849,43): run-time error CSS1030: Expected identifier, found ',' (8849,66): run-time error CSS1031: Expected selector, found ')' (8849,66): run-time error CSS1025: Expected comma or open brace, found ')' (8855,45): run-time error CSS1030: Expected identifier, found ',' (8855,68): run-time error CSS1031: Expected selector, found ')' (8855,68): run-time error CSS1025: Expected comma or open brace, found ')' (8865,43): run-time error CSS1030: Expected identifier, found ',' (8865,66): run-time error CSS1031: Expected selector, found ')' (8865,66): run-time error CSS1025: Expected comma or open brace, found ')' (8869,45): run-time error CSS1030: Expected identifier, found ',' (8869,68): run-time error CSS1031: Expected selector, found ')' (8869,68): run-time error CSS1025: Expected comma or open brace, found ')' (8880,41): run-time error CSS1030: Expected identifier, found ',' (8880,64): run-time error CSS1031: Expected selector, found ')' (8880,64): run-time error CSS1025: Expected comma or open brace, found ')' (8886,43): run-time error CSS1030: Expected identifier, found ',' (8886,66): run-time error CSS1031: Expected selector, found ')' (8886,66): run-time error CSS1025: Expected comma or open brace, found ')' (8891,41): run-time error CSS1030: Expected identifier, found ',' (8891,64): run-time error CSS1031: Expected selector, found ')' (8891,64): run-time error CSS1025: Expected comma or open brace, found ')' (8896,41): run-time error CSS1030: Expected identifier, found ',' (8896,64): run-time error CSS1031: Expected selector, found ')' (8896,64): run-time error CSS1025: Expected comma or open brace, found ')' (13488,7): run-time error CSS1030: Expected identifier, found ' ' (13730,47): run-time error CSS1030: Expected identifier, found ',' (13730,85): run-time error CSS1031: Expected selector, found ')' (13730,85): run-time error CSS1025: Expected comma or open brace, found ')' (13734,47): run-time error CSS1030: Expected identifier, found ',' (13734,85): run-time error CSS1031: Expected selector, found ')' (13734,85): run-time error CSS1025: Expected comma or open brace, found ')' (13830,10): run-time error CSS1030: Expected identifier, found '#is-oss-page' (13830,22): run-time error CSS1031: Expected selector, found ')' (13830,22): run-time error CSS1025: Expected comma or open brace, found ')' (13837,9): run-time error CSS1035: Expected colon, found '{' */ /*! jQuery UI - v1.13.2 - 2024-01-10 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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-wrapper{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-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.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%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-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-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;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-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.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}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,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:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;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,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.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,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.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("images/ui-bg_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;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa} /*! * qTip2 - Pretty powerful tooltips - v2.0.1 * http://qtip2.com * * Copyright (c) 2012 Craig Michael Thompson * Released under the MIT, GPL licenses * http://jquery.org/license * * Date: Mon Dec 31 2012 02:55 GMT+0000 * Plugins: svg ajax tips modal viewport imagemap ie6 * Styles: basic css3 */ /* Core qTip styles */ .qtip, .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; } .qtip-content{ position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar{ position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } /* Default close button class */ .qtip-close{ position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; } .qtip-titlebar .qtip-close{ right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon{ display: block; text-indent: -1000em; direction: ltr; vertical-align: middle; } .qtip-icon, .qtip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .qtip-focus{} /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .qtip-hover{} /* Default tooltip style */ .qtip-default{ border-width: 1px; border-style: solid; border-color: #F1D031; background-color: #FFFFA3; color: #555; } .qtip-default .qtip-titlebar{ background-color: #FFEF93; } .qtip-default .qtip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close{ border-color: #AAA; color: #111; } /*! Light tooltip style */ .qtip-light{ background-color: white; border-color: #E2E2E2; color: #454545; } .qtip-light .qtip-titlebar{ background-color: #f1f1f1; } /*! Dark tooltip style */ .qtip-dark{ background-color: #505050; border-color: #303030; color: #f3f3f3; } .qtip-dark .qtip-titlebar{ background-color: #404040; } .qtip-dark .qtip-icon{ border-color: #444; } .qtip-dark .qtip-titlebar .ui-state-hover{ border-color: #303030; } /*! Cream tooltip style */ .qtip-cream{ background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; } .qtip-cream .qtip-titlebar{ background-color: #F0DE7D; } .qtip-cream .qtip-close .qtip-icon{ background-position: -82px 0; } /*! Red tooltip style */ .qtip-red{ background-color: #F78B83; border-color: #D95252; color: #912323; } .qtip-red .qtip-titlebar{ background-color: #F06D65; } .qtip-red .qtip-close .qtip-icon{ background-position: -102px 0; } .qtip-red .qtip-icon{ border-color: #D95252; } .qtip-red .qtip-titlebar .ui-state-hover{ border-color: #D95252; } /*! Green tooltip style */ .qtip-green{ background-color: #CAED9E; border-color: #90D93F; color: #3F6219; } .qtip-green .qtip-titlebar{ background-color: #B0DE78; } .qtip-green .qtip-close .qtip-icon{ background-position: -42px 0; } /*! Blue tooltip style */ .qtip-blue{ background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; } .qtip-blue .qtip-titlebar{ background-color: #D0E9F5; } .qtip-blue .qtip-close .qtip-icon{ background-position: -2px 0; } /* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } /* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Youtube tooltip style */ .qtip-youtube{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: white; border-width: 0; background: #4A4A4A; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black)); background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%); } .qtip-youtube .qtip-titlebar{ background-color: #4A4A4A; background-color: rgba(0,0,0,0); } .qtip-youtube .qtip-content{ padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; } .qtip-youtube .qtip-icon{ border-color: #222; } .qtip-youtube .qtip-titlebar .ui-state-hover{ border-color: #303030; } /* jQuery TOOLS Tooltip style */ .qtip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .qtip-jtools .qtip-titlebar{ background-color: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .qtip-jtools .qtip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content{ background: transparent; color: white; border: 0 dashed transparent; } .qtip-jtools .qtip-icon{ border-color: #555; } .qtip-jtools .qtip-titlebar .ui-state-hover{ border-color: #333; } /* Cluetip style */ .qtip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .qtip-cluetip .qtip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .qtip-cluetip .qtip-icon{ border-color: #808064; } .qtip-cluetip .qtip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } /* Tipsy style */ .qtip-tipsy{ background: black; background: rgba(0, 0, 0, .87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .qtip-tipsy .qtip-titlebar{ padding: 6px 35px 0 10; background-color: transparent; } .qtip-tipsy .qtip-content{ padding: 6px 10; } .qtip-tipsy .qtip-icon{ border-color: #222; text-shadow: none; } .qtip-tipsy .qtip-titlebar .ui-state-hover{ border-color: #303030; } /* Tipped style */ .qtip-tipped{ border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: normal; font-family: serif; } .qtip-tipped .qtip-titlebar{ border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -ms-linear-gradient(top, #3A79B8, #2E629D); background-image: -o-linear-gradient(top, #3A79B8, #2E629D); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; } .qtip-tipped .qtip-icon{ border: 2px solid #285589; background: #285589; } .qtip-tipped .qtip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } /** * Twitter Bootstrap style. * * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. * Does not work with IE 7. */ .qtip-bootstrap{ /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 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, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-bootstrap .qtip-titlebar{ /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; 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; } .qtip-bootstrap .qtip-titlebar .qtip-close{ /** * Overrides qTip2: * .qtip-titlebar .qtip-close{ * [...] * right: 4px; * top: 50%; * [...] * border-style: solid; * } */ right: 11px; top: 45%; border-style: none; } .qtip-bootstrap .qtip-content{ /** Taken from Bootstrap .popover-content */ padding: 9px 14px; } .qtip-bootstrap .qtip-icon{ /** * Overrides qTip2: * .qtip-default .qtip-icon { * border-color: #CCC; * background: #F1F1F1; * color: #777; * } */ background: transparent; } .qtip-bootstrap .qtip-icon .ui-icon{ /** * Overrides qTip2: * .qtip-icon .ui-icon{ * width: 18px; * height: 14px; * } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-bootstrap .qtip-icon .ui-icon:hover{ /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar{ filter: none; -ms-filter: none; } /* Tips plugin */ .qtip .qtip-tip{ margin: 0 auto; overflow: hidden; z-index: 10; } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml{ position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } .qtip .qtip-tip canvas{ top: 0; left: 0; } .qtip .qtip-tip .qtip-vml{ behavior: url(#default#VML); display: inline-block; visibility: visible; } /* Modal plugin */ #qtip-overlay{ position: fixed; left: -10000em; top: -10000em; } /* Applied to modals with show.modal.blur set to true */ #qtip-overlay.blurs{ cursor: pointer; } /* Change opacity of overlay here */ #qtip-overlay div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /* IE6 Modal plugin fix */ .qtipmodal-ie6fix{ position: absolute !important; } /* ----------------------------------------------- Minimap ----------------------------------------------- */ .minimap-image { margin: 5px 0px 5px 0px; } .minimap-progressbar { width: 100%; } /* ----------------------------------------------- Common styles ----------------------------------------------- */ #page_header { height: 4.8rem; width: 200px; background-image: url(/SelfService/Themes/v2/Images/logo-header-placeholder.png); background-position: left; background-repeat: no-repeat; display: inline-block; } #navigation { display: flex; align-items: center; flex-direction: row; margin-left: auto; margin-right: auto; } #page_banner { margin-bottom: 8px; } #page-banner-top { padding: 16px 0px 16px 0px; } #page-banner-title { border-top: 1px solid #BFBFBF; border-bottom: 1px solid #747474; } #page-banner-title { } #page-banner-title-text h1 { font-size: 2.8rem; margin: 0px; } #page-banner-contact { } #page_body { width: 100%; } #navigation { display: inline-block; max-width: 20%; } #submission-form { padding-top: 16px; } .container-fluid { width: 100%; } .page-title { display: none; } .page-overview { margin-top: 1.6rem; font-size: 2.4rem; } .alert, .validation-summary-errors { border-radius: 0px; } .context-box { background: #F5F5F5; border: 1px #1A1A1A solid; padding: 1rem; margin-bottom: 1rem; } .form-help { display: none; } .input-group-title { font-size: 1.6rem; } .form-help { margin-bottom: 3rem; } span.description.maxuploadsize { display: none; } span.validation-required { display: none !important; } .boolean-text span.validation-optional, .set-title span.validation-optional, .input-box.required span.validation-optional, .input-box.required-list .list-title span.validation-optional, .input-box.readonly span.validation-optional { display: none; } span.validation-optional { font-weight: normal; } .file-group .input-group-btn { padding-top: 8px; } .form-control:focus { box-shadow: none; } fieldset.panel legend.panel { width: 100%; } fieldset.panel legend.panel span { margin-top: 2.4rem; margin-bottom: 1.6rem; font-size: 2rem; line-height: 3.2rem; font-weight: 600; color: #1a1a1a; text-transform: none; max-width: 66ch; } fieldset.panel { box-shadow: none; } .species-plus-taxon-id { display: none; } .input-box-content { margin-bottom: 5px; } .bullet-style-list { padding-left: 40px; list-style-type: disc; } @media (min-width: 576px) { .qtip, .qtip { max-width: 400px; } } @media (min-width: 992px) { .qtip, .qtip { max-width: 600px; } } .unit-mark-text { display: none; } .unit-mark-tooltip:hover { color: #004080; cursor: pointer; } /* ----------------------------------------------- DKFDS copy with changes to match selfservice html ----------------------------------------------- */ body { font-family: "IBMPlexSans", "system"; font-size: 1.6rem; } #page { width: 100%; margin-right: auto; margin-left: auto; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-spacing: 0; } td, th { padding: 0; } /*! dkfds @version */ .tippy-touch { cursor: pointer !important; } .tippy-notransition { transition: none !important; } .tippy-popper { max-width: 350px; perspective: 700px; z-index: 9999; outline: 0; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; line-height: 1.4; } .tippy-popper[data-html] { max-width: 96%; max-width: calc(100% - 20px); } .tippy-popper[x-placement^=top] .tippy-backdrop { border-radius: 40% 40% 0 0; } .tippy-popper[x-placement^=top] .tippy-roundarrow { bottom: -8px; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .tippy-popper[x-placement^=top] .tippy-roundarrow svg { position: absolute; left: 0; -ms-transform: rotate(180deg); transform: rotate(180deg); } .tippy-popper[x-placement^=top] .tippy-arrow { border-top: 7px solid #333; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -7px; margin: 0 6px; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .tippy-popper[x-placement^=top] .tippy-backdrop { -ms-transform-origin: 0 90%; transform-origin: 0 90%; } .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] { -ms-transform: scale(6) translate(-50%, 25%); transform: scale(6) translate(-50%, 25%); opacity: 1; } .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] { -ms-transform: scale(1) translate(-50%, 25%); transform: scale(1) translate(-50%, 25%); opacity: 0; } .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] { opacity: 1; -ms-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -ms-transform: translateY(-20px); transform: translateY(-20px); } .tippy-popper[x-placement^=top] [data-animation=perspective] { -ms-transform-origin: bottom; transform-origin: bottom; } .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] { opacity: 1; transform: translateY(-10px) rotateX(0); } .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] { opacity: 0; transform: translateY(0) rotateX(90deg); } .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] { opacity: 1; -ms-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] { opacity: 0; -ms-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] { opacity: 1; -ms-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] { opacity: 0; -ms-transform: translateY(0); transform: translateY(0); } .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] { opacity: 1; -ms-transform: translateY(-10px) scale(1); transform: translateY(-10px) scale(1); } .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] { opacity: 0; -ms-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } .tippy-popper[x-placement^=bottom] .tippy-backdrop { border-radius: 0 0 30% 30%; } .tippy-popper[x-placement^=bottom] .tippy-roundarrow { top: -8px; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg { position: absolute; left: 0; -ms-transform: rotate(0); transform: rotate(0); } .tippy-popper[x-placement^=bottom] .tippy-arrow { border-bottom: 7px solid #333; border-right: 7px solid transparent; border-left: 7px solid transparent; top: -7px; margin: 0 6px; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .tippy-popper[x-placement^=bottom] .tippy-backdrop { -ms-transform-origin: 0 -90%; transform-origin: 0 -90%; } .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] { -ms-transform: scale(6) translate(-50%, -125%); transform: scale(6) translate(-50%, -125%); opacity: 1; } .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] { -ms-transform: scale(1) translate(-50%, -125%); transform: scale(1) translate(-50%, -125%); opacity: 0; } .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] { opacity: 1; -ms-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -ms-transform: translateY(20px); transform: translateY(20px); } .tippy-popper[x-placement^=bottom] [data-animation=perspective] { -ms-transform-origin: top; transform-origin: top; } .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] { opacity: 1; transform: translateY(10px) rotateX(0); } .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] { opacity: 0; transform: translateY(0) rotateX(-90deg); } .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] { opacity: 1; -ms-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] { opacity: 0; -ms-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] { opacity: 1; -ms-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] { opacity: 0; -ms-transform: translateY(0); transform: translateY(0); } .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] { opacity: 1; -ms-transform: translateY(10px) scale(1); transform: translateY(10px) scale(1); } .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] { opacity: 0; -ms-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } .tippy-popper[x-placement^=left] .tippy-backdrop { border-radius: 50% 0 0 50%; } .tippy-popper[x-placement^=left] .tippy-roundarrow { right: -16px; -ms-transform-origin: 33.33333333% 50%; transform-origin: 33.33333333% 50%; } .tippy-popper[x-placement^=left] .tippy-roundarrow svg { position: absolute; left: 0; -ms-transform: rotate(90deg); transform: rotate(90deg); } .tippy-popper[x-placement^=left] .tippy-arrow { border-left: 7px solid #333; border-top: 7px solid transparent; border-bottom: 7px solid transparent; right: -7px; margin: 3px 0; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .tippy-popper[x-placement^=left] .tippy-backdrop { -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] { -ms-transform: scale(6) translate(40%, -50%); transform: scale(6) translate(40%, -50%); opacity: 1; } .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] { -ms-transform: scale(1.5) translate(40%, -50%); transform: scale(1.5) translate(40%, -50%); opacity: 0; } .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] { opacity: 1; -ms-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -ms-transform: translateX(-20px); transform: translateX(-20px); } .tippy-popper[x-placement^=left] [data-animation=perspective] { -ms-transform-origin: right; transform-origin: right; } .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] { opacity: 1; transform: translateX(-10px) rotateY(0); } .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] { opacity: 0; transform: translateX(0) rotateY(-90deg); } .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] { opacity: 1; -ms-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] { opacity: 0; -ms-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] { opacity: 1; -ms-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] { opacity: 0; -ms-transform: translateX(0); transform: translateX(0); } .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] { opacity: 1; -ms-transform: translateX(-10px) scale(1); transform: translateX(-10px) scale(1); } .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] { opacity: 0; -ms-transform: translateX(0) scale(0); transform: translateX(0) scale(0); } .tippy-popper[x-placement^=right] .tippy-backdrop { border-radius: 0 50% 50% 0; } .tippy-popper[x-placement^=right] .tippy-roundarrow { left: -16px; -ms-transform-origin: 66.66666666% 50%; transform-origin: 66.66666666% 50%; } .tippy-popper[x-placement^=right] .tippy-roundarrow svg { position: absolute; left: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tippy-popper[x-placement^=right] .tippy-arrow { border-right: 7px solid #333; border-top: 7px solid transparent; border-bottom: 7px solid transparent; left: -7px; margin: 3px 0; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .tippy-popper[x-placement^=right] .tippy-backdrop { -ms-transform-origin: -100% 0; transform-origin: -100% 0; } .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] { -ms-transform: scale(6) translate(-140%, -50%); transform: scale(6) translate(-140%, -50%); opacity: 1; } .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] { -ms-transform: scale(1.5) translate(-140%, -50%); transform: scale(1.5) translate(-140%, -50%); opacity: 0; } .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] { opacity: 1; -ms-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -ms-transform: translateX(20px); transform: translateX(20px); } .tippy-popper[x-placement^=right] [data-animation=perspective] { -ms-transform-origin: left; transform-origin: left; } .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] { opacity: 1; transform: translateX(10px) rotateY(0); } .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] { opacity: 0; transform: translateX(0) rotateY(90deg); } .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] { opacity: 1; -ms-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] { opacity: 0; -ms-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] { opacity: 1; -ms-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] { opacity: 0; -ms-transform: translateX(0); transform: translateX(0); } .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] { opacity: 1; -ms-transform: translateX(10px) scale(1); transform: translateX(10px) scale(1); } .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] { opacity: 0; -ms-transform: translateX(0) scale(0); transform: translateX(0) scale(0); } .tippy-tooltip { position: relative; color: #fff; border-radius: 4px; font-size: .9rem; padding: .3rem .6rem; text-align: center; will-change: transform; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #333; } .tippy-tooltip[data-size=small] { padding: .2rem .4rem; font-size: .75rem; } .tippy-tooltip[data-size=large] { padding: .4rem .8rem; font-size: 1rem; } .tippy-tooltip[data-animatefill] { overflow: hidden; background-color: transparent; } .tippy-tooltip[data-animatefill] .tippy-content { transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98); transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98); transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98); } .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path { pointer-events: auto; } .tippy-tooltip[data-inertia][data-state=visible] { transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); } .tippy-tooltip[data-inertia][data-state=hidden] { transition-timing-function: ease; } .tippy-arrow, .tippy-roundarrow { position: absolute; width: 0; height: 0; } .tippy-roundarrow { width: 24px; height: 8px; fill: #333; pointer-events: none; } .tippy-backdrop { position: absolute; will-change: transform; background-color: #333; border-radius: 50%; width: 26%; left: 50%; top: 50%; z-index: -1; transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tippy-backdrop:after { content: ""; float: left; padding-top: 100%; } body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content { -webkit-clip-path: ellipse(100% 100% at 50% 50%); clip-path: ellipse(100% 100% at 50% 50%); } body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content { -webkit-clip-path: ellipse(5% 50% at 50% 50%); clip-path: ellipse(5% 50% at 50% 50%); } body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content { -webkit-clip-path: ellipse(135% 100% at 0 50%); clip-path: ellipse(135% 100% at 0 50%); } body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content { -webkit-clip-path: ellipse(40% 100% at 0 50%); clip-path: ellipse(40% 100% at 0 50%); } body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content { -webkit-clip-path: ellipse(135% 100% at 100% 50%); clip-path: ellipse(135% 100% at 100% 50%); } body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content { -webkit-clip-path: ellipse(40% 100% at 100% 50%); clip-path: ellipse(40% 100% at 100% 50%); } @media (max-width: 360px) { .tippy-popper { max-width: 96%; max-width: calc(100% - 20px); } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; left: -999em; } /* stylelint-disable at-rule-empty-line-before */ @font-face { font-family: "IBMPlexSans"; src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Regular.eot); /* IE9 Compat Modes */ src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Regular.eot?#iefix) format("embedded-opentype"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Regular.woff) format("woff"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Regular.woff2) format("woff2"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Regular.ttf) format("truetype"); /* Safari, Android, iOS */ font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "IBMPlexSans"; src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Medium.eot); /* IE9 Compat Modes */ src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Medium.eot?#iefix) format("embedded-opentype"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Medium.woff) format("woff"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Medium.woff2) format("woff2"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Medium.ttf) format("truetype"); /* Safari, Android, iOS */ font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: "IBMPlexSans"; src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-SemiBold.eot); /* IE9 Compat Modes */ src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-SemiBold.woff) format("woff"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-SemiBold.woff2) format("woff2"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf) format("truetype"); /* Safari, Android, iOS */ font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: "IBMPlexSans"; src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Bold.eot); /* IE9 Compat Modes */ src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Bold.eot?#iefix) format("embedded-opentype"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Bold.woff) format("woff"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Bold.woff2) format("woff2"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Bold.ttf) format("truetype"); /* Safari, Android, iOS */ font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: "IBMPlexSans"; src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Italic.eot); /* IE9 Compat Modes */ src: url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Italic.eot?#iefix) format("embedded-opentype"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Italic.woff) format("woff"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Italic.woff2) format("woff2"), url(/SelfService/Themes/v2/Fonts/IBMPlexSans/IBMPlexSans-Italic.ttf) format("truetype"); /* Safari, Android, iOS */ font-style: italic; font-weight: 400; font-display: swap; } @font-face { font-family: system; src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); font-style: normal; font-weight: 400; font-display: swap; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { background-color: #ffffff; color: #1a1a1a; overflow-x: hidden; } [hidden] { display: none; } a:focus:not([readonly]), button:focus:not([readonly]), input:focus:not([readonly]), select:focus:not([readonly]), textarea:focus:not([readonly]), .focus { outline: 4px solid #747474; outline-offset: 1px; } /* stylelint-disable */ .page-container { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .page-container { max-width: 100%; } } @media (min-width: 768px) { .page-container { max-width: 100%; } } @media (min-width: 992px) { .page-container { max-width: 100%; } } @media (min-width: 1200px) { .page-container { max-width: 1200px; } } .container[class*='w-'] { max-width: inherit !important; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > .col, .row.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 0px; padding-right: 16px; padding-left: 16px; margin: 0 -1px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } @media (min-width: 992px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } /* stylelint-enable */ html { font-family: "IBMPlexSans", "system"; font-size: 62.5%; } body { font-size: 1.6rem; } p { line-height: 2.4rem; margin-bottom: 0.8rem; margin-top: 1.6rem; } a { color: #004D99; } a:hover, a.link-hover { color: #000040; } a:hover:disabled, a:hover .disabled, a.link-hover:disabled, a.link-hover .disabled { background-color: transparent !important; } a:focus, a.link-focus { color: #004D99; outline: 4px solid #747474; outline-offset: 1px; } a:visited, a.link-visited { color: #800080; } a:disabled, a.disabled { cursor: not-allowed !important; color: #454545 !important; opacity: 0.3; } a:disabled:focus, a.disabled:focus { outline: none; background-color: transparent; } .background-dark a:not(.btn) { color: #ffffff; } .background-dark a:disabled, .background-dark a.disabled { box-shadow: none !important; cursor: not-allowed !important; color: #999999 !important; box-shadow: none !important; outline-offset: inherit !important; } .background-dark a:disabled:focus, .background-dark a.disabled:focus { outline: none; background-color: transparent; } h1, .h1 { font-size: 4rem; line-height: 4.8rem; font-weight: 700; color: #1a1a1a; text-transform: none; word-break: break-word; } @media (max-width: 767px) { h1, .h1 { font-size: 3rem; line-height: 4rem; font-weight: 600; color: #1a1a1a; text-transform: none; } } h2, .h2 { font-size: 3rem; line-height: 4rem; font-weight: 600; color: #1a1a1a; text-transform: none; } @media (max-width: 767px) { h2, .h2 { font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; color: #1a1a1a; text-transform: none; } } h3, .h3 { font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; color: #1a1a1a; text-transform: none; } h4, .h4 { font-size: 2rem; line-height: 3.2rem; font-weight: 600; color: #1a1a1a; text-transform: none; } h5, .h5 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; color: #1a1a1a; text-transform: none; } h6, .h6 { font-size: 1.3rem; line-height: 2.4rem; font-weight: 500; color: #1a1a1a; text-transform: uppercase; } p, .body-text, .body-copy-text { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; } .font-lead { font-size: 2rem; font-weight: 400; line-height: 3.2rem; max-width: 66ch; color: #1a1a1a; } .weight-normal { font-weight: 400; } .weight-semibold { font-weight: 600; } strong, b, .bold { font-weight: 700; } .italic, em { font-style: italic; } small, .small-text { font-size: 1.4rem; line-height: 2.4rem; font-weight: 400; } .input-box > label, .input-group-title, .list-title, .processlink { font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; color: #1a1a1a; text-transform: none; } /*h1, .h1, //Removed this styling, it make for a messy margin handling. h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p{ &:first-child{ margin-top: 0; } &:last-child{ margin-bottom: 0; } }*/ h1, .h1 { margin-top: 3rem; margin-bottom: 1.6rem; } @media (min-width: 768px) { h1, .h1 { margin-top: 4rem; } } h2, .h2 { margin-top: 3rem; margin-bottom: 1.6rem; } @media (min-width: 768px) { h2, .h2 { margin-top: 4rem; } } h3, .h3 { margin-top: 3rem; margin-bottom: 1.6rem; } @media (min-width: 768px) { h3, .h3 { margin-top: 4rem; } } h4, .h4 { margin-top: 2.4rem; margin-bottom: 1.6rem; } h5, .h5 { margin-top: 2.4rem; margin-bottom: 0; } h6, .h6 { margin-top: 2.4rem; margin-bottom: 0; } .font-lead { margin-top: 2.4rem; margin-bottom: 1.6rem; } p, .body-text { margin-top: 1.6rem; margin-bottom: 1.6rem; } h5 + p, h5 + ul, h5 + ol, .h5 + p, .h5 + ul, .h5 + ol, h6 + p, h6 + ul, h6 + ol, .h6 + p, .h6 + ul, .h6 + ol { margin-top: 0; } .function-link { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; } .function-link:hover, .function-link:visited, .function-link:focus { color: #1a1a1a; } .function-link .icon-svg { margin-right: 4px; } .background-dark .function-link .icon-svg { fill: white; } .function-link.link-right { text-align: right; } .icon-link { line-height: 2.4rem; } .icon-link .icon-svg { margin-left: 4px; width: 1.6rem; height: 1.6rem; fill: currentColor; } h1 a, h1 a:hover, h1 a:visited, h1 a:focus, .h1 a, .h1 a:hover, .h1 a:visited, .h1 a:focus, h2 a, h2 a:hover, h2 a:visited, h2 a:focus, .h2 a, .h2 a:hover, .h2 a:visited, .h2 a:focus, h3 a, h3 a:hover, h3 a:visited, h3 a:focus, .h3 a, .h3 a:hover, .h3 a:visited, .h3 a:focus, h4 a, h4 a:hover, h4 a:visited, h4 a:focus, .h4 a, .h4 a:hover, .h4 a:visited, .h4 a:focus, h5 a, h5 a:hover, h5 a:visited, h5 a:focus, .h5 a, .h5 a:hover, .h5 a:visited, .h5 a:focus, h6 a, h6 a:hover, h6 a:visited, h6 a:focus, .h6 a, .h6 a:hover, .h6 a:visited, .h6 a:focus { color: #1a1a1a; text-decoration: underline; } cite, var, address, dfn { font-style: normal; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { max-width: 66ch; } ul:not(.accordion):not(.accordion-bordered):not(.nav-primary):not(.inline-list), ol:not(.accordion, .navigation-list):not(.accordion-bordered, .navigation-list), { max-width: 66ch; } .font-lead { max-width: 66ch; } .input-box > label, .input-group-title, .description, .product-descr, .form-error-message { max-width: 66ch; } div.checkbox > label, div.radio > label { max-width: 66ch; } a:not(.btn) { max-width: 66ch; } .displayheading-1 { font-weight: 700; font-size: 4.8rem; line-height: 5.6rem; margin-bottom: 0; color: #1a1a1a; } .displayheading-2 { font-weight: 700; font-size: 3.2rem; line-height: 4rem; margin-bottom: 0; color: #1a1a1a; } .text-positive { color: #358000; } .text-negative { color: #CC0000; } .color-text-black { color: #1a1a1a; } .background-dark { background-color: #1a1a1a; } .background-dark p, .background-dark span { color: #ffffff; } .field-group-title { font-weight: 400; } .field-group-title ~ hr { border: 2px solid #1a1a1a; } h1, h2, h3, h4, h5, h6, p, legend, strong, b, cite, var, address, dfn { text-rendering: optimizeLegibility; -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .bg-normal { background: #FFFFFF !important; background-color: #FFFFFF !important; } .bg-alternative { background: #F5F5F5 !important; background-color: #F5F5F5 !important; } .bg-modal { background: rgba(0, 0, 0, 0.75) !important; background-color: rgba(0, 0, 0, 0.75) !important; } .w-percent-10 { width: 10% !important; } .w-percent-20 { width: 20% !important; } .w-percent-30 { width: 30% !important; } .w-percent-40 { width: 40% !important; } .w-percent-50 { width: 50% !important; } .w-percent-60 { width: 60% !important; } .w-percent-70 { width: 70% !important; } .w-percent-80 { width: 80% !important; } .w-percent-90 { width: 90% !important; } .w-percent-100 { width: 100% !important; } @media (min-width: 576px) { .w-percent-sm-10 { width: 10% !important; } .w-percent-sm-20 { width: 20% !important; } .w-percent-sm-30 { width: 30% !important; } .w-percent-sm-40 { width: 40% !important; } .w-percent-sm-50 { width: 50% !important; } .w-percent-sm-60 { width: 60% !important; } .w-percent-sm-70 { width: 70% !important; } .w-percent-sm-80 { width: 80% !important; } .w-percent-sm-90 { width: 90% !important; } .w-percent-sm-100 { width: 100% !important; } } @media (min-width: 768px) { .w-percent-md-10 { width: 10% !important; } .w-percent-md-20 { width: 20% !important; } .w-percent-md-30 { width: 30% !important; } .w-percent-md-40 { width: 40% !important; } .w-percent-md-50 { width: 50% !important; } .w-percent-md-60 { width: 60% !important; } .w-percent-md-70 { width: 70% !important; } .w-percent-md-80 { width: 80% !important; } .w-percent-md-90 { width: 90% !important; } .w-percent-md-100 { width: 100% !important; } } @media (min-width: 992px) { .w-percent-lg-10 { width: 10% !important; } .w-percent-lg-20 { width: 20% !important; } .w-percent-lg-30 { width: 30% !important; } .w-percent-lg-40 { width: 40% !important; } .w-percent-lg-50 { width: 50% !important; } .w-percent-lg-60 { width: 60% !important; } .w-percent-lg-70 { width: 70% !important; } .w-percent-lg-80 { width: 80% !important; } .w-percent-lg-90 { width: 90% !important; } .w-percent-lg-100 { width: 100% !important; } } @media (min-width: 1200px) { .w-percent-xl-10 { width: 10% !important; } .w-percent-xl-20 { width: 20% !important; } .w-percent-xl-30 { width: 30% !important; } .w-percent-xl-40 { width: 40% !important; } .w-percent-xl-50 { width: 50% !important; } .w-percent-xl-60 { width: 60% !important; } .w-percent-xl-70 { width: 70% !important; } .w-percent-xl-80 { width: 80% !important; } .w-percent-xl-90 { width: 90% !important; } .w-percent-xl-100 { width: 100% !important; } } .align-text-left { text-align: left !important; } .align-text-right { text-align: right !important; } .align-text-center { text-align: center !important; } @media (min-width: 576px) { .align-text-sm-left { text-align: left !important; } .align-text-sm-right { text-align: right !important; } .align-text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .align-text-md-left { text-align: left !important; } .align-text-md-right { text-align: right !important; } .align-text-md-center { text-align: center !important; } } @media (min-width: 992px) { .align-text-lg-left { text-align: left !important; } .align-text-lg-right { text-align: right !important; } .align-text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .align-text-xl-left { text-align: left !important; } .align-text-xl-right { text-align: right !important; } .align-text-xl-center { text-align: center !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !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: 2px !important; } .mt-1, .my-1 { margin-top: 2px !important; } .mr-1, .mx-1 { margin-right: 2px !important; } .mb-1, .my-1 { margin-bottom: 2px !important; } .ml-1, .mx-1 { margin-left: 2px !important; } .m-2 { margin: 4px !important; } .mt-2, .my-2 { margin-top: 4px !important; } .mr-2, .mx-2 { margin-right: 4px !important; } .mb-2, .my-2 { margin-bottom: 4px !important; } .ml-2, .mx-2 { margin-left: 4px !important; } .m-3 { margin: 8px !important; } .mt-3, .my-3 { margin-top: 8px !important; } .mr-3, .mx-3 { margin-right: 8px !important; } .mb-3, .my-3 { margin-bottom: 8px !important; } .ml-3, .mx-3 { margin-left: 8px !important; } .m-4 { margin: 16px !important; } .mt-4, .my-4 { margin-top: 16px !important; } .mr-4, .mx-4 { margin-right: 16px !important; } .mb-4, .my-4 { margin-bottom: 16px !important; } .ml-4, .mx-4 { margin-left: 16px !important; } .m-5 { margin: 24px !important; } .mt-5, .my-5 { margin-top: 24px !important; } .mr-5, .mx-5 { margin-right: 24px !important; } .mb-5, .my-5 { margin-bottom: 24px !important; } .ml-5, .mx-5 { margin-left: 24px !important; } .m-6 { margin: 32px !important; } .mt-6, .my-6 { margin-top: 32px !important; } .mr-6, .mx-6 { margin-right: 32px !important; } .mb-6, .my-6 { margin-bottom: 32px !important; } .ml-6, .mx-6 { margin-left: 32px !important; } .m-7 { margin: 40px !important; } .mt-7, .my-7 { margin-top: 40px !important; } .mr-7, .mx-7 { margin-right: 40px !important; } .mb-7, .my-7 { margin-bottom: 40px !important; } .ml-7, .mx-7 { margin-left: 40px !important; } .m-8 { margin: 48px !important; } .mt-8, .my-8 { margin-top: 48px !important; } .mr-8, .mx-8 { margin-right: 48px !important; } .mb-8, .my-8 { margin-bottom: 48px !important; } .ml-8, .mx-8 { margin-left: 48px !important; } .m-9 { margin: 56px !important; } .mt-9, .my-9 { margin-top: 56px !important; } .mr-9, .mx-9 { margin-right: 56px !important; } .mb-9, .my-9 { margin-bottom: 56px !important; } .ml-9, .mx-9 { margin-left: 56px !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: 2px !important; } .pt-1, .py-1 { padding-top: 2px !important; } .pr-1, .px-1 { padding-right: 2px !important; } .pb-1, .py-1 { padding-bottom: 2px !important; } .pl-1, .px-1 { padding-left: 2px !important; } .p-2 { padding: 4px !important; } .pt-2, .py-2 { padding-top: 4px !important; } .pr-2, .px-2 { padding-right: 4px !important; } .pb-2, .py-2 { padding-bottom: 4px !important; } .pl-2, .px-2 { padding-left: 4px !important; } .p-3 { padding: 8px !important; } .pt-3, .py-3 { padding-top: 8px !important; } .pr-3, .px-3 { padding-right: 8px !important; } .pb-3, .py-3 { padding-bottom: 8px !important; } .pl-3, .px-3 { padding-left: 8px !important; } .p-4 { padding: 16px !important; } .pt-4, .py-4 { padding-top: 16px !important; } .pr-4, .px-4 { padding-right: 16px !important; } .pb-4, .py-4 { padding-bottom: 16px !important; } .pl-4, .px-4 { padding-left: 16px !important; } .p-5 { padding: 24px !important; } .pt-5, .py-5 { padding-top: 24px !important; } .pr-5, .px-5 { padding-right: 24px !important; } .pb-5, .py-5 { padding-bottom: 24px !important; } .pl-5, .px-5 { padding-left: 24px !important; } .p-6 { padding: 32px !important; } .pt-6, .py-6 { padding-top: 32px !important; } .pr-6, .px-6 { padding-right: 32px !important; } .pb-6, .py-6 { padding-bottom: 32px !important; } .pl-6, .px-6 { padding-left: 32px !important; } .p-7 { padding: 40px !important; } .pt-7, .py-7 { padding-top: 40px !important; } .pr-7, .px-7 { padding-right: 40px !important; } .pb-7, .py-7 { padding-bottom: 40px !important; } .pl-7, .px-7 { padding-left: 40px !important; } .p-8 { padding: 48px !important; } .pt-8, .py-8 { padding-top: 48px !important; } .pr-8, .px-8 { padding-right: 48px !important; } .pb-8, .py-8 { padding-bottom: 48px !important; } .pl-8, .px-8 { padding-left: 48px !important; } .p-9 { padding: 56px !important; } .pt-9, .py-9 { padding-top: 56px !important; } .pr-9, .px-9 { padding-right: 56px !important; } .pb-9, .py-9 { padding-bottom: 56px !important; } .pl-9, .px-9 { padding-left: 56px !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: 576px) { .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: 2px !important; } .mt-sm-1, .my-sm-1 { margin-top: 2px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 2px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 2px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 2px !important; } .m-sm-2 { margin: 4px !important; } .mt-sm-2, .my-sm-2 { margin-top: 4px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 4px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 4px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 4px !important; } .m-sm-3 { margin: 8px !important; } .mt-sm-3, .my-sm-3 { margin-top: 8px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 8px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 8px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 8px !important; } .m-sm-4 { margin: 16px !important; } .mt-sm-4, .my-sm-4 { margin-top: 16px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 16px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 16px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 16px !important; } .m-sm-5 { margin: 24px !important; } .mt-sm-5, .my-sm-5 { margin-top: 24px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 24px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 24px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 24px !important; } .m-sm-6 { margin: 32px !important; } .mt-sm-6, .my-sm-6 { margin-top: 32px !important; } .mr-sm-6, .mx-sm-6 { margin-right: 32px !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 32px !important; } .ml-sm-6, .mx-sm-6 { margin-left: 32px !important; } .m-sm-7 { margin: 40px !important; } .mt-sm-7, .my-sm-7 { margin-top: 40px !important; } .mr-sm-7, .mx-sm-7 { margin-right: 40px !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 40px !important; } .ml-sm-7, .mx-sm-7 { margin-left: 40px !important; } .m-sm-8 { margin: 48px !important; } .mt-sm-8, .my-sm-8 { margin-top: 48px !important; } .mr-sm-8, .mx-sm-8 { margin-right: 48px !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 48px !important; } .ml-sm-8, .mx-sm-8 { margin-left: 48px !important; } .m-sm-9 { margin: 56px !important; } .mt-sm-9, .my-sm-9 { margin-top: 56px !important; } .mr-sm-9, .mx-sm-9 { margin-right: 56px !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 56px !important; } .ml-sm-9, .mx-sm-9 { margin-left: 56px !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: 2px !important; } .pt-sm-1, .py-sm-1 { padding-top: 2px !important; } .pr-sm-1, .px-sm-1 { padding-right: 2px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 2px !important; } .pl-sm-1, .px-sm-1 { padding-left: 2px !important; } .p-sm-2 { padding: 4px !important; } .pt-sm-2, .py-sm-2 { padding-top: 4px !important; } .pr-sm-2, .px-sm-2 { padding-right: 4px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 4px !important; } .pl-sm-2, .px-sm-2 { padding-left: 4px !important; } .p-sm-3 { padding: 8px !important; } .pt-sm-3, .py-sm-3 { padding-top: 8px !important; } .pr-sm-3, .px-sm-3 { padding-right: 8px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 8px !important; } .pl-sm-3, .px-sm-3 { padding-left: 8px !important; } .p-sm-4 { padding: 16px !important; } .pt-sm-4, .py-sm-4 { padding-top: 16px !important; } .pr-sm-4, .px-sm-4 { padding-right: 16px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 16px !important; } .pl-sm-4, .px-sm-4 { padding-left: 16px !important; } .p-sm-5 { padding: 24px !important; } .pt-sm-5, .py-sm-5 { padding-top: 24px !important; } .pr-sm-5, .px-sm-5 { padding-right: 24px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 24px !important; } .pl-sm-5, .px-sm-5 { padding-left: 24px !important; } .p-sm-6 { padding: 32px !important; } .pt-sm-6, .py-sm-6 { padding-top: 32px !important; } .pr-sm-6, .px-sm-6 { padding-right: 32px !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 32px !important; } .pl-sm-6, .px-sm-6 { padding-left: 32px !important; } .p-sm-7 { padding: 40px !important; } .pt-sm-7, .py-sm-7 { padding-top: 40px !important; } .pr-sm-7, .px-sm-7 { padding-right: 40px !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 40px !important; } .pl-sm-7, .px-sm-7 { padding-left: 40px !important; } .p-sm-8 { padding: 48px !important; } .pt-sm-8, .py-sm-8 { padding-top: 48px !important; } .pr-sm-8, .px-sm-8 { padding-right: 48px !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 48px !important; } .pl-sm-8, .px-sm-8 { padding-left: 48px !important; } .p-sm-9 { padding: 56px !important; } .pt-sm-9, .py-sm-9 { padding-top: 56px !important; } .pr-sm-9, .px-sm-9 { padding-right: 56px !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 56px !important; } .pl-sm-9, .px-sm-9 { padding-left: 56px !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: 2px !important; } .mt-md-1, .my-md-1 { margin-top: 2px !important; } .mr-md-1, .mx-md-1 { margin-right: 2px !important; } .mb-md-1, .my-md-1 { margin-bottom: 2px !important; } .ml-md-1, .mx-md-1 { margin-left: 2px !important; } .m-md-2 { margin: 4px !important; } .mt-md-2, .my-md-2 { margin-top: 4px !important; } .mr-md-2, .mx-md-2 { margin-right: 4px !important; } .mb-md-2, .my-md-2 { margin-bottom: 4px !important; } .ml-md-2, .mx-md-2 { margin-left: 4px !important; } .m-md-3 { margin: 8px !important; } .mt-md-3, .my-md-3 { margin-top: 8px !important; } .mr-md-3, .mx-md-3 { margin-right: 8px !important; } .mb-md-3, .my-md-3 { margin-bottom: 8px !important; } .ml-md-3, .mx-md-3 { margin-left: 8px !important; } .m-md-4 { margin: 16px !important; } .mt-md-4, .my-md-4 { margin-top: 16px !important; } .mr-md-4, .mx-md-4 { margin-right: 16px !important; } .mb-md-4, .my-md-4 { margin-bottom: 16px !important; } .ml-md-4, .mx-md-4 { margin-left: 16px !important; } .m-md-5 { margin: 24px !important; } .mt-md-5, .my-md-5 { margin-top: 24px !important; } .mr-md-5, .mx-md-5 { margin-right: 24px !important; } .mb-md-5, .my-md-5 { margin-bottom: 24px !important; } .ml-md-5, .mx-md-5 { margin-left: 24px !important; } .m-md-6 { margin: 32px !important; } .mt-md-6, .my-md-6 { margin-top: 32px !important; } .mr-md-6, .mx-md-6 { margin-right: 32px !important; } .mb-md-6, .my-md-6 { margin-bottom: 32px !important; } .ml-md-6, .mx-md-6 { margin-left: 32px !important; } .m-md-7 { margin: 40px !important; } .mt-md-7, .my-md-7 { margin-top: 40px !important; } .mr-md-7, .mx-md-7 { margin-right: 40px !important; } .mb-md-7, .my-md-7 { margin-bottom: 40px !important; } .ml-md-7, .mx-md-7 { margin-left: 40px !important; } .m-md-8 { margin: 48px !important; } .mt-md-8, .my-md-8 { margin-top: 48px !important; } .mr-md-8, .mx-md-8 { margin-right: 48px !important; } .mb-md-8, .my-md-8 { margin-bottom: 48px !important; } .ml-md-8, .mx-md-8 { margin-left: 48px !important; } .m-md-9 { margin: 56px !important; } .mt-md-9, .my-md-9 { margin-top: 56px !important; } .mr-md-9, .mx-md-9 { margin-right: 56px !important; } .mb-md-9, .my-md-9 { margin-bottom: 56px !important; } .ml-md-9, .mx-md-9 { margin-left: 56px !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: 2px !important; } .pt-md-1, .py-md-1 { padding-top: 2px !important; } .pr-md-1, .px-md-1 { padding-right: 2px !important; } .pb-md-1, .py-md-1 { padding-bottom: 2px !important; } .pl-md-1, .px-md-1 { padding-left: 2px !important; } .p-md-2 { padding: 4px !important; } .pt-md-2, .py-md-2 { padding-top: 4px !important; } .pr-md-2, .px-md-2 { padding-right: 4px !important; } .pb-md-2, .py-md-2 { padding-bottom: 4px !important; } .pl-md-2, .px-md-2 { padding-left: 4px !important; } .p-md-3 { padding: 8px !important; } .pt-md-3, .py-md-3 { padding-top: 8px !important; } .pr-md-3, .px-md-3 { padding-right: 8px !important; } .pb-md-3, .py-md-3 { padding-bottom: 8px !important; } .pl-md-3, .px-md-3 { padding-left: 8px !important; } .p-md-4 { padding: 16px !important; } .pt-md-4, .py-md-4 { padding-top: 16px !important; } .pr-md-4, .px-md-4 { padding-right: 16px !important; } .pb-md-4, .py-md-4 { padding-bottom: 16px !important; } .pl-md-4, .px-md-4 { padding-left: 16px !important; } .p-md-5 { padding: 24px !important; } .pt-md-5, .py-md-5 { padding-top: 24px !important; } .pr-md-5, .px-md-5 { padding-right: 24px !important; } .pb-md-5, .py-md-5 { padding-bottom: 24px !important; } .pl-md-5, .px-md-5 { padding-left: 24px !important; } .p-md-6 { padding: 32px !important; } .pt-md-6, .py-md-6 { padding-top: 32px !important; } .pr-md-6, .px-md-6 { padding-right: 32px !important; } .pb-md-6, .py-md-6 { padding-bottom: 32px !important; } .pl-md-6, .px-md-6 { padding-left: 32px !important; } .p-md-7 { padding: 40px !important; } .pt-md-7, .py-md-7 { padding-top: 40px !important; } .pr-md-7, .px-md-7 { padding-right: 40px !important; } .pb-md-7, .py-md-7 { padding-bottom: 40px !important; } .pl-md-7, .px-md-7 { padding-left: 40px !important; } .p-md-8 { padding: 48px !important; } .pt-md-8, .py-md-8 { padding-top: 48px !important; } .pr-md-8, .px-md-8 { padding-right: 48px !important; } .pb-md-8, .py-md-8 { padding-bottom: 48px !important; } .pl-md-8, .px-md-8 { padding-left: 48px !important; } .p-md-9 { padding: 56px !important; } .pt-md-9, .py-md-9 { padding-top: 56px !important; } .pr-md-9, .px-md-9 { padding-right: 56px !important; } .pb-md-9, .py-md-9 { padding-bottom: 56px !important; } .pl-md-9, .px-md-9 { padding-left: 56px !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: 2px !important; } .mt-lg-1, .my-lg-1 { margin-top: 2px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 2px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 2px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 2px !important; } .m-lg-2 { margin: 4px !important; } .mt-lg-2, .my-lg-2 { margin-top: 4px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 4px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 4px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 4px !important; } .m-lg-3 { margin: 8px !important; } .mt-lg-3, .my-lg-3 { margin-top: 8px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 8px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 8px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 8px !important; } .m-lg-4 { margin: 16px !important; } .mt-lg-4, .my-lg-4 { margin-top: 16px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 16px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 16px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 16px !important; } .m-lg-5 { margin: 24px !important; } .mt-lg-5, .my-lg-5 { margin-top: 24px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 24px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 24px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 24px !important; } .m-lg-6 { margin: 32px !important; } .mt-lg-6, .my-lg-6 { margin-top: 32px !important; } .mr-lg-6, .mx-lg-6 { margin-right: 32px !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 32px !important; } .ml-lg-6, .mx-lg-6 { margin-left: 32px !important; } .m-lg-7 { margin: 40px !important; } .mt-lg-7, .my-lg-7 { margin-top: 40px !important; } .mr-lg-7, .mx-lg-7 { margin-right: 40px !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 40px !important; } .ml-lg-7, .mx-lg-7 { margin-left: 40px !important; } .m-lg-8 { margin: 48px !important; } .mt-lg-8, .my-lg-8 { margin-top: 48px !important; } .mr-lg-8, .mx-lg-8 { margin-right: 48px !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 48px !important; } .ml-lg-8, .mx-lg-8 { margin-left: 48px !important; } .m-lg-9 { margin: 56px !important; } .mt-lg-9, .my-lg-9 { margin-top: 56px !important; } .mr-lg-9, .mx-lg-9 { margin-right: 56px !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 56px !important; } .ml-lg-9, .mx-lg-9 { margin-left: 56px !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: 2px !important; } .pt-lg-1, .py-lg-1 { padding-top: 2px !important; } .pr-lg-1, .px-lg-1 { padding-right: 2px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 2px !important; } .pl-lg-1, .px-lg-1 { padding-left: 2px !important; } .p-lg-2 { padding: 4px !important; } .pt-lg-2, .py-lg-2 { padding-top: 4px !important; } .pr-lg-2, .px-lg-2 { padding-right: 4px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 4px !important; } .pl-lg-2, .px-lg-2 { padding-left: 4px !important; } .p-lg-3 { padding: 8px !important; } .pt-lg-3, .py-lg-3 { padding-top: 8px !important; } .pr-lg-3, .px-lg-3 { padding-right: 8px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 8px !important; } .pl-lg-3, .px-lg-3 { padding-left: 8px !important; } .p-lg-4 { padding: 16px !important; } .pt-lg-4, .py-lg-4 { padding-top: 16px !important; } .pr-lg-4, .px-lg-4 { padding-right: 16px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 16px !important; } .pl-lg-4, .px-lg-4 { padding-left: 16px !important; } .p-lg-5 { padding: 24px !important; } .pt-lg-5, .py-lg-5 { padding-top: 24px !important; } .pr-lg-5, .px-lg-5 { padding-right: 24px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 24px !important; } .pl-lg-5, .px-lg-5 { padding-left: 24px !important; } .p-lg-6 { padding: 32px !important; } .pt-lg-6, .py-lg-6 { padding-top: 32px !important; } .pr-lg-6, .px-lg-6 { padding-right: 32px !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 32px !important; } .pl-lg-6, .px-lg-6 { padding-left: 32px !important; } .p-lg-7 { padding: 40px !important; } .pt-lg-7, .py-lg-7 { padding-top: 40px !important; } .pr-lg-7, .px-lg-7 { padding-right: 40px !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 40px !important; } .pl-lg-7, .px-lg-7 { padding-left: 40px !important; } .p-lg-8 { padding: 48px !important; } .pt-lg-8, .py-lg-8 { padding-top: 48px !important; } .pr-lg-8, .px-lg-8 { padding-right: 48px !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 48px !important; } .pl-lg-8, .px-lg-8 { padding-left: 48px !important; } .p-lg-9 { padding: 56px !important; } .pt-lg-9, .py-lg-9 { padding-top: 56px !important; } .pr-lg-9, .px-lg-9 { padding-right: 56px !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 56px !important; } .pl-lg-9, .px-lg-9 { padding-left: 56px !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: 2px !important; } .mt-xl-1, .my-xl-1 { margin-top: 2px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 2px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 2px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 2px !important; } .m-xl-2 { margin: 4px !important; } .mt-xl-2, .my-xl-2 { margin-top: 4px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 4px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 4px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 4px !important; } .m-xl-3 { margin: 8px !important; } .mt-xl-3, .my-xl-3 { margin-top: 8px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 8px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 8px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 8px !important; } .m-xl-4 { margin: 16px !important; } .mt-xl-4, .my-xl-4 { margin-top: 16px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 16px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 16px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 16px !important; } .m-xl-5 { margin: 24px !important; } .mt-xl-5, .my-xl-5 { margin-top: 24px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 24px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 24px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 24px !important; } .m-xl-6 { margin: 32px !important; } .mt-xl-6, .my-xl-6 { margin-top: 32px !important; } .mr-xl-6, .mx-xl-6 { margin-right: 32px !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 32px !important; } .ml-xl-6, .mx-xl-6 { margin-left: 32px !important; } .m-xl-7 { margin: 40px !important; } .mt-xl-7, .my-xl-7 { margin-top: 40px !important; } .mr-xl-7, .mx-xl-7 { margin-right: 40px !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 40px !important; } .ml-xl-7, .mx-xl-7 { margin-left: 40px !important; } .m-xl-8 { margin: 48px !important; } .mt-xl-8, .my-xl-8 { margin-top: 48px !important; } .mr-xl-8, .mx-xl-8 { margin-right: 48px !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 48px !important; } .ml-xl-8, .mx-xl-8 { margin-left: 48px !important; } .m-xl-9 { margin: 56px !important; } .mt-xl-9, .my-xl-9 { margin-top: 56px !important; } .mr-xl-9, .mx-xl-9 { margin-right: 56px !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 56px !important; } .ml-xl-9, .mx-xl-9 { margin-left: 56px !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: 2px !important; } .pt-xl-1, .py-xl-1 { padding-top: 2px !important; } .pr-xl-1, .px-xl-1 { padding-right: 2px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 2px !important; } .pl-xl-1, .px-xl-1 { padding-left: 2px !important; } .p-xl-2 { padding: 4px !important; } .pt-xl-2, .py-xl-2 { padding-top: 4px !important; } .pr-xl-2, .px-xl-2 { padding-right: 4px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 4px !important; } .pl-xl-2, .px-xl-2 { padding-left: 4px !important; } .p-xl-3 { padding: 8px !important; } .pt-xl-3, .py-xl-3 { padding-top: 8px !important; } .pr-xl-3, .px-xl-3 { padding-right: 8px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 8px !important; } .pl-xl-3, .px-xl-3 { padding-left: 8px !important; } .p-xl-4 { padding: 16px !important; } .pt-xl-4, .py-xl-4 { padding-top: 16px !important; } .pr-xl-4, .px-xl-4 { padding-right: 16px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 16px !important; } .pl-xl-4, .px-xl-4 { padding-left: 16px !important; } .p-xl-5 { padding: 24px !important; } .pt-xl-5, .py-xl-5 { padding-top: 24px !important; } .pr-xl-5, .px-xl-5 { padding-right: 24px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 24px !important; } .pl-xl-5, .px-xl-5 { padding-left: 24px !important; } .p-xl-6 { padding: 32px !important; } .pt-xl-6, .py-xl-6 { padding-top: 32px !important; } .pr-xl-6, .px-xl-6 { padding-right: 32px !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 32px !important; } .pl-xl-6, .px-xl-6 { padding-left: 32px !important; } .p-xl-7 { padding: 40px !important; } .pt-xl-7, .py-xl-7 { padding-top: 40px !important; } .pr-xl-7, .px-xl-7 { padding-right: 40px !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 40px !important; } .pl-xl-7, .px-xl-7 { padding-left: 40px !important; } .p-xl-8 { padding: 48px !important; } .pt-xl-8, .py-xl-8 { padding-top: 48px !important; } .pr-xl-8, .px-xl-8 { padding-right: 48px !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 48px !important; } .pl-xl-8, .px-xl-8 { padding-left: 48px !important; } .p-xl-9 { padding: 56px !important; } .pt-xl-9, .py-xl-9 { padding-top: 56px !important; } .pr-xl-9, .px-xl-9 { padding-right: 56px !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 56px !important; } .pl-xl-9, .px-xl-9 { padding-left: 56px !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; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; 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: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .d-none { display: none !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .section + .section { margin-top: 24px; } .btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: auto; padding: calc(8px - 2px) calc(16px - 2px); border-radius: 4px; border: 2px solid #454545; font-size: 1.6rem; font-weight: 500; min-height: 40px; color: #ffffff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 2.4rem; text-align: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media (max-width: 768px) { .btn:not(.record-box-create-button, .record-box-hide-button, .record-box-show-button, .record-box-copy-button, #SubmissionBase_Positions_searchAddress) { width: 100%; } } .btn:focus { position: relative; } .btn.focus, .btn:focus { outline: 4px solid #747474; outline-offset: 1px; color: #ffffff; } .btn.btn-primary { color: #ffffff; background-color: #747474; border-color: #454545; } .btn.btn-primary:hover, .btn.btn-primary.btn-hover { background-color: #454545; border-color: #1a1a1a; } .btn.btn-primary:active, .btn.btn-primary.btn-active { background-color: #1a1a1a; border-color: #1a1a1a; } .btn.btn-primary.focus, .btn.btn-primary:focus { background-color: #747474; border-color: #454545; } .btn.btn-primary:disabled, .btn.btn-primary .disabled { opacity: 0.3; box-shadow: none !important; cursor: not-allowed; } .btn.btn-primary:disabled:hover, .btn.btn-primary .disabled:hover { color: #ffffff !important; background-color: #747474 !important; border-color: #454545 !important; opacity: 0.3 !important; box-shadow: none !important; } .btn.btn-default, .btn.btn-webaction { color: #1a1a1a; background-color: #F5F5F5; border-color: #747474; } .btn.btn-default:hover, .btn.btn-webaction:hover, .btn.btn-default.btn-hover, .btn.btn-webaction.btn-hover { background-color: #DCDCDC; border-color: #454545; } .btn.btn-default:active, .btn.btn-webaction:active, .btn.btn-default.btn-active, .btn.btn-webaction.btn-active { background-color: #BFBFBF; border-color: #1a1a1a; } .btn.btn-default.focus, .btn.btn-webaction.focus, .btn.btn-default:focus, .btn.btn-webaction:focus { background-color: #F5F5F5; border-color: #747474; } .btn.btn-default:disabled, .btn.btn-webaction:disabled, .btn.btn-default .disabled, .btn.btn-webaction .disabled { opacity: 0.3; box-shadow: none !important; cursor: not-allowed; border-color: #BFBFBF !important; } .btn.btn-default:disabled:hover, .btn.btn-webaction:disabled:hover, .btn.btn-default .disabled:hover, .btn.btn-webaction .disabled:hover { color: #1a1a1a !important; background-color: #F5F5F5 !important; border-color: #BFBFBF !important; opacity: 0.3 !important; box-shadow: none !important; } .btn.btn-tertiary, .btn.btn-info { border-color: #747474; background-color: transparent; color: #1a1a1a; font-weight: 400; } .btn.btn-tertiary:hover, .btn.btn-info:hover, .btn.btn-tertiary.btn-hover, .btn.btn-info.btn-hover { border-color: #454545; } .btn.btn-tertiary:active, .btn.btn-info:active, .btn.btn-tertiary.btn-active, .btn.btn-info.btn-active { border-color: #1a1a1a; } .btn.btn-tertiary.focus, .btn.btn-info.focus, .btn.btn-tertiary:focus, .btn.btn-info:focus { border-color: #747474; background-color: transparent; } .btn.btn-tertiary:disabled, .btn.btn-info:disabled, .btn.btn-tertiary .disabled, .btn.btn-info .disabled { opacity: 0.3; box-shadow: none !important; cursor: not-allowed; } .btn.btn-tertiary:disabled:hover, .btn.btn-info:disabled:hover, .btn.btn-tertiary .disabled:hover, .btn.btn-info .disabled:hover { border-color: #747474 !important; background-color: transparent !important; color: #1a1a1a; font-weight: 400 !important; opacity: 0.3; box-shadow: none !important; } button#PrevButton, a#ReturnButton { padding-left: 24px; background-image: url(/SelfService/Themes/v2/Images/svg-icons/menu-left.svg); background-position-y: 0.3em; background-position-x: 0px; background-repeat: no-repeat; } .btn.btn-quaternary, #PrevButton, #ReturnButton { color: #454545; background-color: transparent; border-color: transparent; text-decoration: none; font-weight: 400; padding-left: calc(8px - 2px); } .btn.btn-quaternary:hover, #PrevButton:hover, #ReturnButton:hover, .btn.btn-quaternary.btn-hover, #PrevButton.btn-hover, #ReturnButton.btn-hover { background-color: #DCDCDC; box-shadow: none; border-bottom-color: transparent; } .btn.btn-quaternary:active, #PrevButton:active, #ReturnButton:active, .btn.btn-quaternary.btn-active, #PrevButton.btn-active, #ReturnButton.btn-active { background-color: #BFBFBF; box-shadow: none; border-bottom-color: transparent; } .btn.btn-quaternary.focus, #PrevButton.focus, #ReturnButton.focus, .btn.btn-quaternary:focus, #PrevButton:focus, #ReturnButton:focus { color: #1a1a1a; box-shadow: none; border-bottom-color: transparent; } .btn.btn-quaternary:disabled, #PrevButton:disabled, #ReturnButton:disabled, .btn.btn-quaternary.disabled, #PrevButton.disabled, #ReturnButton.disabled { opacity: 0.3; box-shadow: none !important; cursor: not-allowed; } .btn.btn-quaternary:disabled:hover, #PrevButton:disabled:hover, #ReturnButton:disabled:hover, .btn.btn-quaternary.disabled:hover, #PrevButton.disabled:hover, #ReturnButton.disabled:hover { color: #454545 !important; background-color: transparent !important; font-weight: 400 !important; opacity: 0.3 !important; box-shadow: none !important; } #CancelButton { padding-left: calc(16px - 2px); } .btn.btn-link, .btn.panel-navigation-button { color: #454545; background-color: transparent; border-color: transparent; text-decoration: none; font-weight: 400; /*padding-left: calc(8px - 2px);*/ } .btn.btn-link:hover, .btn.panel-navigation-button:hover, .btn.btn-link.btn-hover, .btn.panel-navigation-button.btn-hover { background-color: #DCDCDC; box-shadow: none; border-color: transparent; } .btn.btn-link:active, .btn.panel-navigation-button:active, .btn.btn-link.btn-active, .btn.panel-navigation-button.btn-active { background-color: #BFBFBF; box-shadow: none; border-color: transparent; } .btn.btn-link.focus, .btn.panel-navigation-button.focus, .btn.btn-link:focus, .btn.panel-navigation-button:focus, { color: #1a1a1a; box-shadow: none; border-color: transparent; } .btn.btn-link:disabled, .btn.panel-navigation-button:disabled, .btn.btn-link .disabled, .btn.panel-navigation-button .disabled { opacity: 0.3; box-shadow: none !important; cursor: not-allowed; border-color: transparent; } .btn.btn-link:disabled:hover, .btn.panel-navigation-button:disabled:hover, .btn.btn-link .disabled:hover, .btn.panel-navigation-button .disabled:hover { color: #454545 !important; background-color: transparent !important; font-weight: 400 !important; opacity: 0.3 !important; box-shadow: none !important; border-color: transparent; } .btn.btn-link .icon-svg, .btn.panel-navigation-button .icon-svg { margin-right: 0; } .btn.btn-small { color: #1a1a1a; background-color: #F5F5F5; border-color: #BFBFBF; } .btn.btn-small:hover, .btn.btn-small.btn-hover { background-color: #F5F5F5; border-color: #747474; } .btn.btn-small:active, .btn.btn-small.btn-active { background-color: #BFBFBF; border-color: #1a1a1a; } .btn.btn-small.focus, .btn.btn-small:focus { background-color: #F5F5F5; border-color: #BFBFBF; } .btn.btn-small:disabled, .btn.btn-small .disabled { opacity: 0.3; box-shadow: none !important; cursor: not-allowed; } .btn.btn-small:disabled:hover, .btn.btn-small .disabled:hover { color: #1a1a1a !important; background-color: #F5F5F5 !important; border-color: #BFBFBF !important; opacity: 0.3 !important; box-shadow: none !important; } .btn .icon-svg { margin-right: 4px; fill: currentColor; } .btn-unstyled { background-color: transparent; border: 0; border-radius: 0; font-weight: 400; margin: 0; padding: 0; text-align: left; -webkit-font-smoothing: auto; color: inherit; } .btn-unstyled:hover, .btn-unstyled:focus { background-color: transparent; color: inherit; } @media (min-width: 576px) { .btn + .btn:first-child { margin-left: 0; } } .btn-column { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .btn-column .btn { margin-top: 8px; margin-left: 0; } .btn-column .btn:first-child { margin-top: 0; } .tag { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 100%; padding: 0; padding-left: 8px; padding-right: 8px; border-radius: 4px; border: none; font-size: 1.6rem; font-weight: 500; color: #ffffff; background-color: #454545; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 2.4rem; text-align: center; text-decoration: none; cursor: pointer; transition: all .2s ease-in-out; } .tag.tag-icon { padding: 0; padding-left: 8px; } @media (min-width: 576px) { .tag { width: auto; } } @media (max-width: 767px) { .tag + .tag { margin-top: 8px; } } .tag:hover, .tag.tag-hover { background-color: #747474; } .tag:active, .tag.tag-active { background-color: #1a1a1a; } .tag.focus, .tag:focus { background-color: #454545; } .tag.focus, .tag:focus { border-color: #747474; outline-color: #747474; position: relative; } .tag.focus:after, .tag:focus:after { content: ""; background: #747474; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; z-index: -1; } .tag .icon-svg { float: right; margin: 0px 0px 0px 5px; fill: white; } .btn-row { display: -ms-flexbox; display: flex; margin: 2rem 0 1rem; } .badge { padding: 0; padding-left: 4px; padding-right: 4px; border: none; border-radius: 0px; font-weight: 600; color: #ffffff; background: #1a1a1a; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-align: center; text-transform: uppercase; display: inline-block; } /* .badge.badge-large { */ /* color: #ffffff; */ /* background-color: #1a1a1a; */ /* font-size: 1.6rem; */ /* line-height: 2.4rem; */ /* } */ .badge /*.badge-small*/ { color: #ffffff; background-color: #1a1a1a; font-size: 1.4rem; line-height: 2.4rem; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container { padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; max-width: 100%; } img { max-width: 100%; } figure { margin-left: 0; margin-right: 0; } .icon { height: 2.4rem; width: 2.4rem; background-repeat: no-repeat; display: inline-block; background-size: 100%; } .icon-svg { height: 2.4rem; width: 2.4rem; vertical-align: middle; display: inline-block !important; } .icon-svg--inherit-color { fill: currentColor; } .icon-svg-large { height: 4.8rem; width: 4.8rem; vertical-align: middle; } .icon-svg-large--inherit-color { fill: currentColor; } .icon-add { background-image: url(/SelfService/Themes/v2/Images/svg-icons/add.svg); } .icon-alert-outline { background-image: url(/SelfService/Themes/v2/Images/svg-icons/alert-outline.svg); } .icon-angle-arrow-down { background-image: url(/SelfService/Themes/v2/Images/svg-icons/angle-arrow-down.svg); } .icon-angle-arrow-up { background-image: url(/SelfService/Themes/v2/Images/svg-icons/angle-arrow-up.svg); } .icon-arrow-left { background-image: url(/SelfService/Themes/v2/Images/svg-icons/arrow-left.svg); } .icon-arrow-right { background-image: url(/SelfService/Themes/v2/Images/svg-icons/arrow-right.svg); } .icon-book-open { background-image: url(/SelfService/Themes/v2/Images/svg-icons/book-open.svg); } .icon-calendar { background-image: url(/SelfService/Themes/v2/Images/svg-icons/calendar.svg); } .icon-cash-multiple { background-image: url(/SelfService/Themes/v2/Images/svg-icons/cash-multiple.svg); } .icon-check { background-image: url(/SelfService/Themes/v2/Images/svg-icons/check.svg); } .icon-check-circle-outline { background-image: url(/SelfService/Themes/v2/Images/svg-icons/check-circle-outline.svg); } .icon-chevron-left { background-image: url(/SelfService/Themes/v2/Images/svg-icons/chevron-left.svg); } .icon-chevron-right { background-image: url(/SelfService/Themes/v2/Images/svg-icons/chevron-right.svg); } .icon-close { background-image: url(/SelfService/Themes/v2/Images/svg-icons/close.svg); } .icon-close-circle { background-image: url(/SelfService/Themes/v2/Images/svg-icons/close-circle.svg); } .icon-close-circle-outline { background-image: url(/SelfService/Themes/v2/Images/svg-icons/close-circle-outline.svg); } .icon-content-save { background-image: url(/SelfService/Themes/v2/Images/svg-icons/content-save.svg); } .icon-delete { background-image: url(/SelfService/Themes/v2/Images/svg-icons/delete.svg); } .icon-delete-outline { background-image: url(/SelfService/Themes/v2/Images/svg-icons/delete-outline.svg); } .icon-dots-vertical { background-image: url(/SelfService/Themes/v2/Images/svg-icons/dots-vertical.svg); } .icon-download { background-image: url(/SelfService/Themes/v2/Images/svg-icons/download.svg); } .icon-error { background-image: url(/SelfService/Themes/v2/Images/svg-icons/error.svg); } .icon-file { background-image: url(/SelfService/Themes/v2/Images/svg-icons/file.svg); } .icon-file-document-box { background-image: url(/SelfService/Themes/v2/Images/svg-icons/file-document-box.svg); } .icon-folder-multiple { background-image: url(/SelfService/Themes/v2/Images/svg-icons/folder-multiple.svg); } .icon-help { background-image: url(/SelfService/Themes/v2/Images/svg-icons/help.svg); } .icon-help-circle-outline { background-image: url(/SelfService/Themes/v2/Images/svg-icons/help-circle-outline.svg); } .icon-info { background-image: url(/SelfService/Themes/v2/Images/svg-icons/info.svg); } .icon-language { background-image: url(/SelfService/Themes/v2/Images/svg-icons/language.svg); } .icon-magnify { background-image: url(/SelfService/Themes/v2/Images/svg-icons/magnify.svg); } .icon-menu-down { background-image: url(/SelfService/Themes/v2/Images/svg-icons/menu-down.svg); } .icon-menu-left { background-image: url(/SelfService/Themes/v2/Images/svg-icons/menu-left.svg); } .icon-menu-right { background-image: url(/SelfService/Themes/v2/Images/svg-icons/menu-right.svg); } .icon-menu-up { background-image: url(/SelfService/Themes/v2/Images/svg-icons/menu-up.svg); } .icon-message { background-image: url(/SelfService/Themes/v2/Images/svg-icons/message.svg); } .icon-minus { background-image: url(/SelfService/Themes/v2/Images/svg-icons/minus.svg); } .icon-open-in-new { background-image: url(/SelfService/Themes/v2/Images/svg-icons/open-in-new.svg); } .icon-pencil { background-image: url(/SelfService/Themes/v2/Images/svg-icons/pencil.svg); } .icon-plus { background-image: url(/SelfService/Themes/v2/Images/svg-icons/plus.svg); } .icon-printer { background-image: url(/SelfService/Themes/v2/Images/svg-icons/printer.svg); } .icon-refresh { background-image: url(/SelfService/Themes/v2/Images/svg-icons/refresh.svg); } .icon-save { background-image: url(/SelfService/Themes/v2/Images/svg-icons/save.svg); } .icon-settings { background-image: url(/SelfService/Themes/v2/Images/svg-icons/settings.svg); } .icon-sort-acending { background-image: url(/SelfService/Themes/v2/Images/svg-icons/sort-acending.svg); } .icon-sort-descending { background-image: url(/SelfService/Themes/v2/Images/svg-icons/sort-descending.svg); } .icon-sort-none { background-image: url(/SelfService/Themes/v2/Images/svg-icons/sort-none.svg); } .icon-success { background-image: url(/SelfService/Themes/v2/Images/svg-icons/success.svg); } .icon-warning { background-image: url(/SelfService/Themes/v2/Images/svg-icons/warning.svg); } .hide-base-svg { display: none; } .form-group { margin-top: 24px; } .form-group:first-child { margin-top: 0; } .description, .processtitle, .product-descr { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; display: block; color: #747474; } .input-box > label, .input-group-title { display: inline-block; font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; color: #1a1a1a; text-transform: none; } .datepicker { max-width: 32rem; display: block !important; } .datepicker.set-value, .datepicker.set-value + button.ui-datepicker-trigger { display: none !important; } .input-box-content .fileupload { flex: 1 1 auto; } .input-box-content .fileupload .file-group { display: table; border-collapse: separate; } .input-box-content .fileupload .input-group-btn { display: table-cell; vertical-align: middle; width: 1%; font-size: 0; white-space: nowrap; } .removefileinput { border-radius: 0px; margin-left: -1px; } .addfileinput { border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: -1px; } input[type="text"].form-control.uploadfilename { display: inline; margin-right: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .datepicker, .file-group .form-control.uploadfilename, .input-box input.text-box, .input-box input.phone-number, .input-box input.e-mail, .input-box textarea.text-box { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #747474; border-radius: 4px; color: #1a1a1a; height: auto; line-height: 2.4rem; display: block; font-size: 1.6rem; padding: calc(8px - 1px) calc(16px - 1px); width: 100%; margin-top: 8px; text-align: left; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .datepicker, .file-group .form-control.uploadfilename, .input-box input.text-box, .input-box input.phone-number, .input-box input.e-mail, .input-box textarea.text-box { /* IE10+ CSS styles go here */ height: calc(2.4rem + (8px * 2)); } } .datepicker:focus, .input-box input.text-box:focus, .input-box input.phone-number:focus, .input-box input.e-mail:focus, .input-box textarea.text-box:focus { outline: 4px solid #747474; outline-offset: 1px; } .datepicker:read-only:focus, .input-box input.text-box:read-only:focus, .input-box input.phone-number:read-only:focus, .input-box input.e-mail:read-only:focus, .input-box textarea.text-box:read-only:focus { outline: none; outline-offset: 1px; } table .datepicker, table .file-group .form-control.uploadfilename, table .input-box input.text-box, table .input-box input.phone-number, table .input-box input.e-mail, table .input-box textarea.text-box { margin-top: 0; } .input-box textarea.text-box { height: 6rem; } .dropdownlist { width: 100%; } .dropdownlist select, .language-select select { border: 1px solid #747474; border-radius: 4px; display: block; font-size: 1.6rem; line-height: 2.4rem; height: calc(2.4rem + (8px * 2)); /* max-width: 32rem; */ width: 100%; margin-top: 8px; text-align: left; padding: calc(8px - 1px) calc(16px - 1px); padding-right: 32px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/SelfService/Themes/v2/data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-/W3C/DTD SVG 1.1/EN' 'http:/www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http:/www.w3.org/2000/svg' xmlns:xlink='http:/www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E); background-repeat: no-repeat; background-position: calc(100% - 10px); } .dropdownlist select:-moz-focusring, .language-select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #1a1a1a; } .dropdownlist select:focus, .language-select select:focus { outline: 4px solid #747474; outline-offset: 1px; } .dropdownlist select::-ms-expand, .language-select select::-ms-expand { display: none; } .dropdownlist select:disabled, .language-select select:disabled { background-color: #F5F5F5; color: #999999; cursor: not-allowed; } table .dropdownlist select { margin-top: 0; } .form-group.form-error { border-left: 4px solid #CC0000; padding-top: 8px; padding-left: calc(16px - 4px); padding-bottom: 8px; } .form-group.form-error .datepicker, .form-group.form-error .file-group .form-control.uploadfilename, .form-group.form-error .input-box input.text-box, .form-group.form-error .input-box input.phone-number, .form-group.form-error .input-box input.e-mail, .form-group.form-error .input-box textarea.text-box, .form-group.form-error .dropdownlist select { border: 2px solid #CC0000; padding: calc(8px - 2px) calc(16px - 2px); } .form-error-message, .field-validation-error { font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; color: #1a1a1a; text-transform: none; display: block; color: #CC0000; margin-top: 4px; } .form-group.form-success .form-group.form-success .file-group .form-control.uploadfilename, .form-group.form-success .input-box input.text-box, .form-group.form-success .input-box input.phone-number, .form-group.form-success .input-box input.e-mail, .form-group.form-success .input-box textarea.text-box, .form-group.form-success .dropdownlist select { border: 2px solid #358000; padding: calc(8px - 2px) calc(16px - 2px); } input[type=text]:disabled, textarea:disabled { background: #F5F5F5; color: #999999; cursor: not-allowed; } input[readonly][type=text], .input-box input.phone-number[readonly], .input-box input.e-mail[readonly], .input-box textarea[readonly] { background-color: transparent; color: #1a1a1a; border: none; cursor: default; padding: calc(8px) calc(16px); } input[type='checkbox'], input[type='radio'] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; left: -999em; } input[type='checkbox'] ~ span, input[type='radio'] + span { cursor: pointer; font-weight: 400; line-height: 2.4rem; margin-bottom: 0; display: inline-block; outline: none; color: #1a1a1a; position: relative; padding-left: calc(18px + 8px); min-height: 18px; } input[type='checkbox'] ~ span::before, input[type='radio'] + span::before { content: ''; display: inline-block; background: #ffffff; border-radius: 2px; border: 2px solid #1a1a1a; height: 18px; line-height: 2.4rem; margin-right: 8px; width: 18px; position: absolute; top: 3px; left: 0; } input[type='checkbox'] ~ span { padding-top: 8px; padding-left: calc(34px + 8px); padding-bottom: 8px; min-height: 34px; } input[type='checkbox'] ~ span:before { height: 34px; width: 34px; } input[type='radio'] + span::before { border-radius: 100%; height: 18px; width: 18px; } input[type='radio'] + span { padding-top: 8px; padding-left: calc(34px + 8px); padding-bottom: 8px; } input[type='radio'] + span:before { height: 34px; width: 34px; } input[type='checkbox']:checked ~ span:before { background-color: #1a1a1a; } input[type='checkbox']:checked ~ span:after { content: ""; height: 7px; width: 12px; position: absolute; left: 3px; top: 4px; box-shadow: -2px 2px 0 0 #fff; -ms-transform: rotate(-46deg); transform: rotate(-46deg); } input[type='checkbox']:checked ~ span:after { height: 12px; width: 22px; left: 6px; top: 6px; box-shadow: -3px 3px 0 0 #fff; } input[type='radio']:checked + span { position: relative; } /* Her bliver checked radio button tegnet -> En rund cirkel inde i ringen fra før.*/ input[type='radio']:checked + span:after { content: ""; height: calc(18px - 10px); width: calc(18px - 10px); background-color: #1a1a1a; position: absolute; left: 5px; top: 8px; border-radius: 100%; } input[type='radio']:checked + span:after { content: ""; height: calc(34px - 16px); width: calc(34px - 16px); left: 8px; top: 11px; } input[type='checkbox']:disabled ~ span, input[type='radio']:disabled + span { color: #999999; cursor: not-allowed; } input[type='checkbox']:disabled ~ span:before, input[type='radio']:disabled + span:before { border-color: #BFBFBF; background-color: #F5F5F5; } input[type='checkbox']:checked[disabled] ~ span:before { background-color: #1a1a1a; border-color: #1a1a1a; opacity: 0.5; } input[type='radio']:checked[disabled] + span:before { background-color: #1a1a1a; border-color: #1a1a1a; opacity: 0.5; } input[type='checkbox']:focus ~ span::before, input[type='checkbox'].focus ~ span::before { outline: 4px solid #747474; outline-offset: 1px; } input[type='radio']:focus + span::before, input[type='radio'].focus + span::before { box-shadow: 0 0 0 3px #747474; } [type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding-left: 0; width: 100%; } [type=range]::-webkit-slider-runnable-track { background: #BFBFBF; border: 1px solid #747474; cursor: pointer; height: 1.2rem; width: 100%; } [type=range]::-moz-range-track { background: #747474; border: 1px solid #747474; cursor: pointer; height: 1.2rem; width: 100%; } [type=range]::-ms-track { background: transparent; color: transparent; cursor: pointer; height: 1.2rem; width: 100%; } [type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 1px solid #747474; height: 2.2rem; border-radius: 1.5rem; background: #F5F5F5; cursor: pointer; margin-top: -.65rem; width: 2.2rem; } [type=range]::-moz-range-thumb { background: #F5F5F5; border: 1px solid #747474; border-radius: 1.5rem; cursor: pointer; height: 2.2rem; width: 2.2rem; } [type=range]::-ms-thumb { background: #F5F5F5; border: 1px solid #747474; border-radius: 1.5rem; cursor: pointer; height: 2.2rem; width: 2.2rem; } [type=range]::-ms-fill-lower { background: #BFBFBF; border: 1px solid #747474; border-radius: 2rem; } [type=range]::-ms-fill-upper { background: #BFBFBF; border: 1px solid #747474; border-radius: 2rem; } .date-group { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } .date-group label { margin-top: 0; font-weight: 400; } .date-group .form-group-day, .date-group .form-group-month, .date-group .form-group-year { margin-right: 16px; margin-top: 0; } .date-group .form-group-day, .date-group .form-group-month { width: calc(2px + 16px + 16px + 2ch); } .date-group .form-group-year { width: calc(2px + 16px + 16px + 4ch); } .date-group .btn-open-calendar { margin-bottom: 8px; display: -ms-inline-flexbox; display: inline-flex; } input[type='number'] { -moz-appearance: textfield !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type=file] { display: block; } ul { padding-left: 0; list-style-type: none; color: #1a1a1a; line-height: 2.4rem; } ul:not(.dropdown-menu) li:not(.navigation-item, .navigation-item-mini, .ui-menu-item) { margin-top: 8px; list-style-type: none; position: relative; padding-left: 37px; line-height: 2.4rem; } ul:not(.dropdown-menu) li:not(.navigation-item, .navigation-item-mini, .ui-menu-item)::before { content: "\2022"; position: absolute; left: 23px; } ol:not(.navigation-list) { padding-left: 0; counter-reset: item; color: #1a1a1a; } ol:not(.navigation-list) li:not(.navigation-item, .navigation-item-mini) { margin-top: 8px; list-style: none; position: relative; padding-left: 4rem; line-height: 2.4rem; } ol:not(.navigation-list) li:not(.navigation-item, .navigation-item-mini):before { content: counters(item, ".") "."; counter-increment: item; font-weight: 500; left: 0px; position: absolute; width: 4rem; padding-right: 0.5rem; text-align: right; } ol:not(.navigation-list) li:not(.navigation-item, .navigation-item-mini) ol:not(.navigation-list) li:not(.navigation-item, .navigation-item-mini) ol:not(.navigation-list) li:not(.navigation-item, .navigation-item-mini):before { position: relative; } .unstyled-list { margin: 0; list-style-type: none; padding-left: 0; } .unstyled-list > li:not(.navigation-item, .navigation-item-mini) { margin-bottom: 0; margin-top: 0; padding-left: 0; } .unstyled-list > li:not(.navigation-item, .navigation-item-mini)::before { content: "" !important; padding-right: 0 !important; } .nobullet-list { list-style-type: none; padding-left: 0; } .nobullet-list > li:not(.navigation-item, .navigation-item-mini) { padding-left: 0; } .nobullet-list > li:not(.navigation-item, .navigation-item-mini)::before { content: "" !important; padding-right: 0 !important; } .inline-list { margin: 0; list-style-type: none; padding-left: 0; } .inline-list > li:not(.navigation-item, .navigation-item-mini) { margin-bottom: 0; margin-top: 0; padding-left: 0; } .inline-list > li:not(.navigation-item, .navigation-item-mini)::before { content: "" !important; padding-right: 0 !important; } .inline-list > li:not(.navigation-item, .navigation-item-mini) { display: block; } @media (min-width: 768px) { .inline-list > li:not(.navigation-item, .navigation-item-mini) { display: inline-block; } } .spinner { margin: 50px auto; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; animation: spinner 1.1s infinite ease; -ms-transform: translateZ(0); transform: translateZ(0); } @keyframes spinner { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #454545, 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2), 2.5em 0em 0 0em rgba(69, 69, 69, 0.2), 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.2), 0em 2.5em 0 0em rgba(69, 69, 69, 0.2), -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.2), -2.6em 0em 0 0em rgba(69, 69, 69, 0.5), -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.7), 1.8em -1.8em 0 0em #454545, 2.5em 0em 0 0em rgba(69, 69, 69, 0.2), 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.2), 0em 2.5em 0 0em rgba(69, 69, 69, 0.2), -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.2), -2.6em 0em 0 0em rgba(69, 69, 69, 0.2), -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.5), 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.7), 2.5em 0em 0 0em #454545, 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.2), 0em 2.5em 0 0em rgba(69, 69, 69, 0.2), -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.2), -2.6em 0em 0 0em rgba(69, 69, 69, 0.2), -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.2), 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.5), 2.5em 0em 0 0em rgba(69, 69, 69, 0.7), 1.75em 1.75em 0 0em #454545, 0em 2.5em 0 0em rgba(69, 69, 69, 0.2), -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.2), -2.6em 0em 0 0em rgba(69, 69, 69, 0.2), -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.2), 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2), 2.5em 0em 0 0em rgba(69, 69, 69, 0.5), 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.7), 0em 2.5em 0 0em #454545, -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.2), -2.6em 0em 0 0em rgba(69, 69, 69, 0.2), -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.2), 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2), 2.5em 0em 0 0em rgba(69, 69, 69, 0.2), 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.5), 0em 2.5em 0 0em rgba(69, 69, 69, 0.7), -1.8em 1.8em 0 0em #454545, -2.6em 0em 0 0em rgba(69, 69, 69, 0.2), -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.2), 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2), 2.5em 0em 0 0em rgba(69, 69, 69, 0.2), 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.2), 0em 2.5em 0 0em rgba(69, 69, 69, 0.5), -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.7), -2.6em 0em 0 0em #454545, -1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(69, 69, 69, 0.2), 1.8em -1.8em 0 0em rgba(69, 69, 69, 0.2), 2.5em 0em 0 0em rgba(69, 69, 69, 0.2), 1.75em 1.75em 0 0em rgba(69, 69, 69, 0.2), 0em 2.5em 0 0em rgba(69, 69, 69, 0.2), -1.8em 1.8em 0 0em rgba(69, 69, 69, 0.5), -2.6em 0em 0 0em rgba(69, 69, 69, 0.7), -1.8em -1.8em 0 0em #454545; } } .page-header + .page-content { margin-top: 40px; } .page-content + .page-footer { margin-top: 40px; } body { display: -ms-flexbox; display: flex; min-height: 100vh; -ms-flex-direction: column; flex-direction: column; } .collapsed:not(.dataTable) { display: none; } .collapse-transition-collapse { position: relative; height: 0; overflow: hidden; transition: height .2s ease; } .collapse-transition-expand { position: relative; overflow: hidden; transition: height .2s ease; } fieldset { position: relative; border: none; margin: 0; padding: 0; } fieldset + fieldset { margin-top: 24px; } .form-group + fieldset { margin-top: 24px; } .input-box .input-box-content { max-width: 48rem; width: 100%; } .input-box.input-width-xxs .input-box-content { max-width: 8rem !important; width: 100%; } .input-box.input-width-xs .input-box-content { max-width: 16rem !important; width: 100%; } .input-box.input-width-s .input-box-content { max-width: 24rem !important; width: 100%; } .input-box.input-width-m .input-box-content { max-width: 32rem !important; width: 100%; } .input-box.input-width-l .input-box-content { max-width: 40rem !important; width: 100%; } .input-box.input-width-xl .input-box-content { max-width: 48rem !important; width: 100%; } .input-box.input-char-4 .input-box-content { max-width: calc(2px + 16px + 16px + 4ch); width: 100%; } .input-box.input-char-8 .input-box-content { max-width: calc(2px + 16px + 16px + 8ch); width: 100%; } .input-box.input-char-11 .input-box-content { max-width: calc(2px + 16px + 16px + 11ch); width: 100%; } .input-box.input-char-27 .input-box-content { max-width: calc(2px + 16px + 16px + 27ch); width: 100%; } .box-border-l { padding-left: calc(16px - 4px); border-left: 4px solid #BFBFBF; } .table { margin: 0; line-height: 2.4rem; border: 1px solid #747474; width: 100%; } .table.table--compact th, .table.table--compact td { padding-top: calc(8px - 1px); padding-bottom: calc(8px - 1px); } .table.table--extracompact th, .table.table--extracompact td { padding-top: 0; padding-bottom: 0; } .table td, .table th { padding: calc(16px - 1px); background-color: inherit; border-right: 1px solid #BFBFBF; vertical-align: top; text-align: left; border-bottom: 1px solid #BFBFBF; } .table td:last-child, .table th:last-child { border-right: none; } .table td.break-word, .table th.break-word { word-break: break-all; } .table thead { background-color: #F5F5F5; } .table thead tr { border-bottom: 1px solid #BFBFBF; } .table thead th { font-weight: 600; text-align: left; border-bottom: solid 1px #BFBFBF; } .table tbody th { font-weight: 600; } .table tbody tr { background-color: transparent; } .table tr:last-child td { border-bottom: none; } .table.table--borderless { border-color: transparent; } .table.table--borderless tr:last-child { border-bottom: 1px solid #BFBFBF; } .table.table--borderless thead { background-color: transparent; } .table.table--borderless thead th { background-color: transparent; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom: 1px solid #BFBFBF; } .table.table--borderless thead th:first-child { padding-left: 0; } .table.table--borderless thead th:last-child { padding-right: 0; } .table.table--borderless tbody tr td, .table.table--borderless tbody tr th { border: 1px solid #BFBFBF; border-left-color: transparent; border-right-color: transparent; } .table.table--borderless tbody tr td:first-child, .table.table--borderless tbody tr th:first-child { padding-left: 0; } .table.table--borderless tbody tr td:last-child, .table.table--borderless tbody tr th:last-child { padding-right: 0; } .table.table--lines thead th { border-right-color: transparent; } .table.table--lines tbody td, .table.table--lines tbody th { border-right: transparent; } .table.table--zebra thead th { border-right-color: transparent; } .table.table--zebra tr:nth-child(even) { background-color: #F5F5F5; } .table.table--zebra tbody td, .table.table--zebra tbody th { border-right: transparent; } .table.table--zebra.table--borderless thead { background-color: #F5F5F5; } .table.table--zebra.table--borderless td, .table.table--zebra.table--borderless th { border-color: transparent; } .table.table--zebra.table--borderless td:first-child, .table.table--zebra.table--borderless th:first-child { border-left-color: transparent; border-right-color: transparent; } .table.table--zebra.table--borderless td:last-child, .table.table--zebra.table--borderless th:last-child { border-left-color: transparent; border-right-color: transparent; } .table.table--zebra.table--borderless tr:last-child td { border-bottom-color: transparent; } @media (max-width: 767px) { .table.table--responsive-headers thead { display: none; } .table.table--responsive-headers tr { border-bottom: 1px solid #BFBFBF; } .table.table--responsive-headers tr:last-child { border-bottom: 0; } .table.table--responsive-headers tr td, .table.table--responsive-headers tr th { display: block; border: none !important; } .table.table--responsive-headers tr td[data-title]:not([data-title=""]):before, .table.table--responsive-headers tr th[data-title]:not([data-title=""]):before { content: attr(data-title); text-align: left; display: block; font-weight: 600; } .table.table--responsive-headers.table--borderless tbody tr:first-child { border-top: solid 1px #BFBFBF; } .table.table--responsive-headers.table--borderless tbody tr:last-child { border-bottom: solid 1px #BFBFBF; } .table.table--responsive-headers.table--borderless tbody tr td:first-child, .table.table--responsive-headers.table--borderless tbody tr th:first-child { padding-left: 16px; } } .table--responsive-scroll { overflow-x: auto; min-height: .01%; } hr { border-top: 1px solid #BFBFBF; display: block; border-bottom-width: 0; } .accordion-button { background-color: transparent; border: 0; border-radius: 0; font-weight: 400; margin: 0; padding: 0; text-align: left; -webkit-font-smoothing: auto; color: inherit; background-color: #F5F5F5; background-image: url(/SelfService/Themes/v2/Images/svg-icons/minus.svg); background-position: left 1.6rem center; background-repeat: no-repeat; background-size: 2.4rem; color: #1a1a1a; cursor: pointer; display: inline-block; margin: 0; line-height: 2.4rem; padding: 1.6rem 1.6rem 1.6rem 5.6rem; width: 100%; position: relative; transition: none; border-radius: 3px; } .accordion-button:hover, .accordion-button:focus { background-color: transparent; color: inherit; } .accordion-button:hover { background-color: #DCDCDC; } .accordion-button h1, .accordion-button .h1, .accordion-button h2, .accordion-button .h2, .accordion-button h3, .accordion-button .h3, .accordion-button h4, .accordion-button .h4, .accordion-button h5, .accordion-button .h5, .accordion-button h6, .accordion-button .h6 { margin: 0; } .accordion-button .icon_text { font-weight: 600; margin-right: 8px; float: left; } .accordion-button .accordion-icon { right: 1.6rem; height: 2.4rem; line-height: 2.4rem; position: initial; text-align: left; -ms-transform: none; transform: none; display: block; top: 0.8rem; } @media (min-width: 768px) { .accordion-button .accordion-icon { text-align: center; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: -ms-flexbox; display: flex; } } .accordion-button .accordion-icon .icon-svg { fill: #1a1a1a; float: left; } .accordion-bordered .accordion-button { border: 1px solid #747474; border-radius: 3px 3px 0 0; } .accordion, .accordion-bordered { margin: 0; list-style-type: none; padding-left: 0; color: #1a1a1a; margin: 0; padding: 0; width: 100%; } .accordion > li, .accordion-bordered > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .accordion > li::before, .accordion-bordered > li::before { content: "" !important; padding-right: 0 !important; } .accordion > ul li ul, .accordion-bordered > ul li ul { list-style: disc; } .accordion > ul li ul > li > ul, .accordion-bordered > ul li ul > li > ul { list-style: circle; } .accordion > ul li ul > li > ul > li > ul, .accordion-bordered > ul li ul > li > ul > li > ul { list-style: square; } .accordion > ul li ul, .accordion-bordered > ul li ul { list-style: disc; } .accordion > ul li ul > li > ul, .accordion-bordered > ul li ul > li > ul { list-style: circle; } .accordion > ul li ul > li > ul > li > ul, .accordion-bordered > ul li ul > li > ul > li > ul { list-style: square; } .accordion + .accordion, .accordion + .accordion-bordered, .accordion-bordered + .accordion, .accordion-bordered + .accordion-bordered { margin-top: 0.8rem; } .accordion > li, .accordion-bordered > li { background-color: #F5F5F5; list-style: none; margin-bottom: 0.8rem; width: 100%; } .accordion-bordered .accordion-content { border-bottom: 1px solid #747474; border-left: 1px solid #747474; border-right: 1px solid #747474; border-radius: 0 0 3px 3px; } .accordion-content { background-color: #ffffff; overflow: auto; padding: 1.6rem; } .accordion-content > *:first-child { margin-top: 0; } .accordion-content > *:last-child { margin-bottom: 0; } .accordion-content:not([aria-hidden]) { display: none; } .accordion-content[aria-hidden=true] { display: none; } .accordion-button[aria-describedby="error-message"] { border: solid 2px #CC0000 !important; } .accordion-button[aria-expanded=true] { background-color: #DCDCDC; } .accordion-bordered .accordion-button[aria-expanded=true] { border-bottom: 1px solid #BFBFBF; } .accordion-button[aria-expanded=false] { background-image: url(/SelfService/Themes/v2/Images/svg-icons/plus.svg); background-repeat: no-repeat; background-size: 2.4rem; border-radius: 3px 3px 3px 3px; } span.alert { display: block; } .alert, .validation-summary-errors { background-color: #F5F5F5; background-position: 16px 16px; background-repeat: no-repeat; background-size: 24px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; position: relative; margin-top: 16px; margin-bottom: 16px; border-left: 8px solid #8f8f8f; } .alert:first-child, .validation-summary-errors:first-child { margin-top: 0; } .alert.alert-paragraph { max-width: 66ch; } .alert .alert-heading { margin-top: 0; margin-bottom: 0; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; color: #1a1a1a; } .alert .alert-text { margin-bottom: 0; margin-top: 0; color: #1a1a1a; max-width: 66ch; } .alert-success { background-color: #eeffe2; border-color: #358000; } .alert-success.alert--show-icon { background-image: url(/SelfService/Themes/v2/Images/svg-icons/success.svg); padding-left: 48px; } .alert-warning { background-color: #ffeecc; border-color: #febb30; } .alert-warning.alert--show-icon { background-image: url(/SelfService/Themes/v2/Images/svg-icons/warning.svg); padding-left: 48px; } .alert-error, .validation-summary-errors { background-color: #ffe0e0; border-color: #CC0000; } .alert-error.alert--show-icon { background-image: url(/SelfService/Themes/v2/Images/svg-icons/error.svg); padding-left: 48px; } .alert-info { background-color: #e2f2fb; border-color: #1B86C3; } .alert-info.alert--show-icon { background-image: url(/SelfService/Themes/v2/Images/svg-icons/info.svg); padding-left: 48px; } .alert + .alert { margin-top: 16px; } /* Record panel error coloring */ .panel-danger > .panel-heading.record-box-header { background-color: #ffe0e0; border-color: #CC0000; } .panel-danger > .record-box-body { border-color: #CC0000; } #page_footer p, #page_footer h1, #page_footer h2, #page_footer h3, #page_footer h4, #page_footer h5, #page_footer h6 { margin: 0; } #page_footer .h1, #page_footer .h2, #page_footer .h3, #page_footer .h4, #page_footer .h5, #page_footer .h6 { margin: 0; } #page_footer { border-top: 1px solid #747474; padding-top: calc(24px - 1px); padding-bottom: calc(16px - 1px); margin-top: 8rem; } @media (min-width: 768px) { #page_footer { padding-bottom: 56px; } } #page_footer .footer-col:not(:first-child) { margin-top: 24px; } @media (min-width: 768px) { #page_footer .footer-col:not(:first-child) { margin-top: 0; } } #page_footer .logo { background-image: url(/SelfService/Themes/v2/Images/logo-placeholder.png); background-size: contain; background-repeat: no-repeat; display: inline-block; height: 100px; width: 150px; } #page_footer ul:not(:last-child) { margin-bottom: 24px; } #page_footer ul.footer-links li { margin-top: 8px; } @media (min-width: 768px) { #page_footer .inline-list > li:not(:last-child):after { content: "\00b7" !important; margin-left: 8px; margin-right: 8px; } } footer .footer-theme { padding-top: 16px; padding-bottom: 8px; } .header { width: 100%; z-index: 7000; } .header .logo { background-image: url(/SelfService/Themes/v2/Images/logo-header-placeholder.png); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; height: 60px; width: 200px; max-width: 60%; } @media (min-width: 992px) { .header .btn { width: auto; } } .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header p { margin-top: 0; margin-bottom: 0; } @media (min-width: 992px) { .header .dropdownlist select, .header .datepicker, .header .file-group .form-control.uploadfilename, .header .input-box input.text-box, .header .input-box input.phone-number, .header .input-box input.e-mail, .header .input-box textarea.text-box { margin-top: 0; margin-bottom: 0; } .header .dropdownlist select, .header .datepicker, .header .file-group .form-control.uploadfilename, .header .input-box input.text-box, .header .input-box input.phone-number, .header .input-box input.e-mail, .header .input-box textarea.text-box { width: auto; } } .header .btn-menu-open { width: auto; } @media (min-width: 992px) { .header .btn-menu-open { display: none; } } .header .btn-menu-close { width: unset; margin-left: auto; display: -ms-flexbox; display: flex; margin-right: 16px; } .header .btn-menu-close .icon-svg { margin: 0 8px 0 0; } .header .btn-menu-close span { position: relative; top: 1px; } @media (min-width: 992px) { .header .btn-menu-close { display: none; } } .header .portal-header { border-bottom: 1px solid #BFBFBF; width: 100%; } .header .portal-header .portal-header-inner { width: 100%; padding-top: calc(16px - 1px); padding-bottom: calc(16px - 1px); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .header .portal-header .portal-header-inner { -ms-flex-direction: row; flex-direction: row; } } .header .portal-header .portal-info { display: none; } @media (min-width: 992px) { .header .portal-header .portal-info { margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header .portal-header .portal-info > * { margin-left: 16px; } } .header .portal-header .portal-info .user { text-align: right; max-width: 500px; } .header .portal-header .portal-info .btn { white-space: nowrap; } .header .solution-header { border-bottom: 1px solid #747474; width: 100%; } @media (min-width: 992px) { .header .solution-header { border-bottom: 1px solid #BFBFBF; } } .header .solution-header.header-end { border-bottom: 1px solid #747474; } .header .solution-header .solution-header-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; padding-top: calc(16px - 1px); padding-bottom: calc(16px - 1px); } .header .solution-header .solution-heading a, .header .solution-header .solution-heading h1 { font-size: 2.8rem; line-height: 3.2rem; font-weight: 600; color: #1a1a1a; text-decoration: none; display: inline-block; } @media (max-width: 767px) { .header .solution-header .solution-heading a, .header .solution-header .solution-heading h1 { font-size: 2.2rem; line-height: 2.4rem; } } .header .solution-header .solution-info { margin-left: auto; text-align: right; max-width: 60%; display: block; } .header .authority-name { color: #454545; } .header .btn-contact { display: -ms-inline-flexbox; display: inline-flex; } .header .btn-contact .icon-svg { position: relative; top: -1px; } .header .portal-info-mobile { padding: 24px 16px; border-bottom: 1px solid #BFBFBF; text-align: right; } .header .portal-info-mobile p { margin-bottom: 8px; } .header .portal-info-mobile .btn-signin, .header .portal-info-mobile .btn-signout { margin-top: 8px; width: auto; } @media (min-width: 992px) { .header .portal-info-mobile { display: none; } } .header .solution-info-mobile { padding: 24px 16px; text-align: right; background-color: #F5F5F5; } .header .solution-info-mobile p { margin-bottom: 8px; } .header .solution-info-mobile p:last-child { margin-bottom: 0; } @media (min-width: 992px) { .header .solution-info-mobile { display: none; } } .header .nav { position: fixed; top: 0; right: 0; bottom: 0; left: auto; background: #ffffff; display: none; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; padding: 0; padding-top: 16px; width: 282px; z-index: 9000; } @keyframes slidein-left { from { transform: translateX(282px); } to { transform: translateX(0); } } @media (min-width: 992px) { .header .nav { border-left: none; display: block; overflow-y: visible; position: static; width: auto; } } @media (min-width: 992px) { .header .nav { padding: 0; width: 100%; } } .header .nav.is-visible { animation: slidein-left 0.3s ease-in-out; display: block; } .header .nav-actions { margin-top: 8px; } .header .nav-actions:first-child { margin-top: 0; } .header .nav-actions > li { margin-top: 8px; } .header .nav-actions > li:first-child { margin-top: 0; } @media (min-width: 992px) { .header .nav-actions { margin-top: 0; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -4px; } .header .nav-actions > li, .header .nav-actions > li:first-child { margin: calc(8px - 2px) 4px; } } @media (max-width: 1199px) { .header .function-link { display: block; margin-top: 8px; } .header .function-link .icon-svg { float: left; margin-left: 0; margin-right: 4px; } } @media (min-width: 992px) { .header .function-link + .function-link { margin-left: 16px; } } .overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #1a1a1a; opacity: 0; transition: opacity 0.2s ease-in-out; visibility: hidden; z-index: 8000; } .overlay.is-visible { opacity: 0.75; visibility: visible; } .modal { /************************** Animation Style \**************************/ display: none; } .modal .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 9999; padding: 16px; } .modal .modal__container { background-color: #fff; padding: 16px 24px; max-width: 800px; max-height: calc(100vh - 32px); overflow-y: auto; position: relative; } @media (min-width: 768px) { .modal .modal__container { padding: 28px 48px; } } @media (min-width: 992px) { .modal .modal__container { padding: 48px 88px; } } .modal .modal__header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .modal .modal__header { padding-right: 48px; } } .modal .modal__title { margin: 0; } .modal .modal__content { margin-top: 8px; } .modal .modal__content > *:first-child { margin-top: 0; } .modal .modal__footer { margin-top: 16px; } @media (min-width: 992px) { .modal .modal__footer { display: -ms-flexbox; display: flex; } } .modal .modal__footer .btn { margin-top: 8px; margin-right: 16px; } .modal .modal__close { position: absolute; top: 8px; right: 8px; width: inherit; } @media (min-width: 768px) { .modal .modal__close { top: 24px; right: 32px; } } @keyframes modalfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes modalfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes modalslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes modalslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .modal.is-open { display: block; } .modal[aria-hidden="false"] .modal__overlay { animation: modalfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal[aria-hidden="false"] .modal__container { animation: modalslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal[aria-hidden="true"] .modal__overlay { animation: modalfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal[aria-hidden="true"] .modal__container { animation: modalslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .modal .modal__container, .modal .modal__overlay { will-change: transform; } .navbar { width: 100%; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #BFBFBF; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { .navbar { padding: 0; border: 0; -ms-flex-direction: row; flex-direction: row; } } .navbar-primary { border-bottom: 1px solid #747474; padding-top: 0; } @media (min-width: 992px) { .navbar-context-actions { padding-top: 8px; } } .nav-primary { margin: 0; list-style-type: none; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 8px; } .nav-primary > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .nav-primary > li::before { content: "" !important; padding-right: 0 !important; } @media (min-width: 992px) { .nav-primary { -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; margin-left: -12px; } } .nav-primary > li { border-bottom: 1px solid #BFBFBF; } @media (min-width: 992px) { .nav-primary > li { border-bottom: 0; } } .nav-primary > li > a { text-decoration: none; color: #1a1a1a; font-size: 1.6rem; line-height: 2.4rem; display: block; padding-top: calc(16px - 1px); padding-bottom: 0px; white-space: nowrap; } @media (min-width: 992px) { .nav-primary > li > a:hover { background-color: transparent; } } .nav-primary > li > a:focus { background-color: transparent; } @media (min-width: 992px) { .nav-primary > li > a, .nav-primary > li > button, .nav-primary > li .btn-overflow-menu { padding-left: 12px; padding-right: 12px; } } @media (min-width: 992px) { .nav-primary button[aria-expanded=true] span { border-bottom-color: #747474; border-bottom-color: #747474; border-bottom-color: #747474; } } @media (max-width: lg) { .nav-primary .nav-link:hover { background-color: #F5F5F5; } } @media (min-width: 992px) { .nav-primary .nav-link:hover span { border-bottom-color: #747474; border-bottom-color: #747474; border-bottom-color: #747474; } } @media (min-width: 992px) { .nav-primary .nav-link span { display: block; border-bottom: 7px solid transparent; padding-bottom: 9px; } } @media (min-width: 992px) { .nav-primary .current span { border-bottom-color: #747474; border-bottom-color: #747474; border-bottom-color: #747474; } } .nav-primary a.current { font-weight: 600; color: #747474; } .nav-primary button.current { font-weight: 600; } @media (min-width: 992px) { .nav-secondary { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .nav-secondary .nav-secondary-heading { margin-bottom: 16px; font-size: 17px; font-weight: 700; margin-bottom: 0; } @media (min-width: 992px) { .nav-secondary .nav-secondary-heading + ul { margin-left: 16px; } } .nav .overflow-menu { display: block; } @media (max-width: lg) { .nav .overflow-menu { width: 100%; } .nav .overflow-menu .btn-overflow-menu { width: 100%; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; padding-right: 0; padding-top: 16px; padding-bottom: 16px; } .nav .overflow-menu .btn-overflow-menu:after, .nav .overflow-menu .btn-overflow-menu:before { display: none !important; } .nav .overflow-menu .overflow-menu-inner { position: static; border: none; box-shadow: none; } .nav .overflow-menu .overflow-menu-inner .overflow-list { padding-left: 16px; } .nav .overflow-menu .overflow-menu-inner a, .nav .overflow-menu .overflow-menu-inner button { text-align: left; padding-left: 0; padding-right: 0; padding-top: 16px; padding-bottom: 16px; } } .nav-primary .overflow-menu .btn-overflow-menu { color: #1a1a1a; font-size: 1.6rem; line-height: 2.4rem; display: block; padding-top: calc(16px - 1px); padding-bottom: calc(16px - 1px); white-space: nowrap; width: 100%; } @media (min-width: 992px) { .nav-primary .overflow-menu .btn-overflow-menu { width: unset; } } .nav-primary .overflow-menu .btn-overflow-menu span { padding-right: 24px; } @media (min-width: 992px) { .nav-primary .overflow-menu .btn-overflow-menu:hover span { border-bottom-color: #747474; } } .nav-primary .overflow-menu .btn-overflow-menu:focus, .nav-primary .overflow-menu .btn-overflow-menu:active { outline: 4px solid #747474; } .nav-primary .overflow-menu .btn-overflow-menu:hover { text-decoration: none; } .nav-primary .overflow-menu .btn-overflow-menu[aria-expanded=false] { background-image: url(/SelfService/Themes/v2/Images/svg-icons/plus.svg); background-repeat: no-repeat; background-position: right 16px center; background-size: 24px; } @media (min-width: 992px) { .nav-primary .overflow-menu .btn-overflow-menu[aria-expanded=false] { background-image: url(/SelfService/Themes/v2/Images/svg-icons/angle-arrow-down.svg); background-position: right 1rem center; border-left: 1px solid transparent; border-right: 1px solid transparent; } } .nav-primary .overflow-menu .btn-overflow-menu[aria-expanded=true] { background-image: url(/SelfService/Themes/v2/Images/svg-icons/minus.svg); background-repeat: no-repeat; background-position: right 16px center; background-size: 24px; } @media (min-width: 992px) { .nav-primary .overflow-menu .btn-overflow-menu[aria-expanded=true] { background-image: url(/SelfService/Themes/v2/Images/svg-icons/angle-arrow-down-white.svg); background-position: right 1rem center; border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #454545; color: #fff; } .nav-primary .overflow-menu .btn-overflow-menu[aria-expanded=true]:before, .nav-primary .overflow-menu .btn-overflow-menu[aria-expanded=true]:after { display: none; } } .nav-primary .overflow-menu .overflow-menu-inner { margin: 0; list-style-type: none; padding-left: 0; font-size: 1.6rem; line-height: 2.4rem; color: #1a1a1a; background-color: #fff; padding-left: 16px; border-top: 1px solid #BFBFBF; padding-top: 0; padding-bottom: 0; } .nav-primary .overflow-menu .overflow-menu-inner > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .nav-primary .overflow-menu .overflow-menu-inner > li::before { content: "" !important; padding-right: 0 !important; } @media (min-width: 992px) { .nav-primary .overflow-menu .overflow-menu-inner { width: 30rem; border: 1px solid #747474; border-top: 0; padding-left: 0; position: absolute; z-index: 1; padding-top: 8px; padding-bottom: 8px; background-color: #454545; top: 100%; } } .nav-primary .overflow-menu .overflow-menu-inner .overflow-list a { font-size: 1.4rem; line-height: 2.4rem; } .nav-primary .overflow-menu .overflow-menu-inner .overflow-list .overflow-list { margin-left: 16px; } .nav-primary .overflow-menu .overflow-menu-inner .overflow-list .overflow-list li a { border-top: 0; padding: 8px 0 8px 0; } .nav-primary .overflow-menu .overflow-menu-inner .overflow-list .overflow-list li:first-of-type a { padding: 0px 0 8px 0; } .nav-primary .overflow-menu .overflow-menu-inner .overflow-list .overflow-list li:last-of-type a { padding: 8px 0 32px 0; } .nav-primary .overflow-menu .overflow-menu-inner button { background-color: transparent; border: 0; border-radius: 0; font-weight: 400; margin: 0; padding: 0; text-align: left; -webkit-font-smoothing: auto; color: inherit; } .nav-primary .overflow-menu .overflow-menu-inner button:hover, .nav-primary .overflow-menu .overflow-menu-inner button:focus { background-color: transparent; color: inherit; } .nav-primary .overflow-menu .overflow-menu-inner a { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; display: block; text-decoration: none; } .nav-primary .overflow-menu .overflow-menu-inner a:hover, .nav-primary .overflow-menu .overflow-menu-inner a:visited, .nav-primary .overflow-menu .overflow-menu-inner a:focus { color: #1a1a1a; background-color: transparent; } @media (min-width: 992px) { .nav-primary .overflow-menu .overflow-menu-inner a:hover, .nav-primary .overflow-menu .overflow-menu-inner a:visited, .nav-primary .overflow-menu .overflow-menu-inner a:focus { color: #fff !important; text-decoration: underline; } } @media (min-width: 992px) { .nav-primary .overflow-menu .overflow-menu-inner a { color: #fff !important; } } .nav-primary .overflow-menu .overflow-menu-inner .current { font-weight: 600; color: #747474; } @media (min-width: 992px) { .nav-primary .overflow-menu .overflow-menu-inner .current { color: #fff; } } .nav-primary .overflow-menu .overflow-menu-inner button, .nav-primary .overflow-menu .overflow-menu-inner a { padding: 15px 0 15px 0; border-top: 1px solid #BFBFBF; width: 100%; } @media (min-width: 992px) { .nav-primary .overflow-menu .overflow-menu-inner button, .nav-primary .overflow-menu .overflow-menu-inner a { padding: 8px 16px; margin: 0; border: none; } } .nav-primary .overflow-menu .overflow-menu-inner button:focus, .nav-primary .overflow-menu .overflow-menu-inner a:focus { background-color: transparent; } .nav-primary .overflow-menu .overflow-menu-inner li:first-child button, .nav-primary .overflow-menu .overflow-menu-inner li:first-child a { border-top: 0; } .mobile_nav-active { overflow: hidden; } .navbar-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { .navbar-inner { -ms-flex-direction: row; flex-direction: row; } } .nav-info-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; margin: 0; padding: 0; list-style-type: none; } .nav-info-list li { display: inline-block; font-size: 1.4rem; margin: 0; text-align: right; } .nav-info-list li.clear { display: block; } .nav-info-list li p { margin: 0; } .nav-info-list li a { text-decoration: none; } .search { display: -ms-flexbox; display: flex; } .search .form-input { margin-top: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .search .form-input:focus { z-index: 1; } .search .btn-search { background-color: #fff; border-width: 1px; border-color: #747474; border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; color: #1a1a1a; font-weight: 400; width: inherit; } .search .btn-search:hover { background-color: #DCDCDC; } input[type=search] { /* stylelint-disable-line selector-no-qualifying-type */ box-sizing: border-box; -moz-appearance: none; appearance: none; -webkit-appearance: none; } .sidenav-list { margin: 0; list-style-type: none; padding-left: 0; border-bottom: 1px solid #747474; border-top: 1px solid #747474; } .sidenav-list > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .sidenav-list > li::before { content: "" !important; padding-right: 0 !important; } .sidenav-list > li { background-color: transparent; font-size: 1.6rem; border-top: 1px solid #BFBFBF; } .sidenav-list > li:first-child { border-top: none; } .sidenav-list > li:last-child a { padding-bottom: calc(8px - 1px); } .sidenav-list a { border: none; color: #1a1a1a; display: -ms-flexbox; display: flex; line-height: 2.4rem; padding: 8px; padding-top: calc(8px - 1px); padding-left: 16px; padding-right: 16px; text-decoration: none; } .sidenav-list a:hover { background-color: #F5F5F5; text-decoration: none; color: #1a1a1a; } .sidenav-list a:focus { outline-offset: 0; position: relative; z-index: 1; } .sidenav-list a.current { /* stylelint-disable-line selector-no-qualifying-type */ color: #1a1a1a; font-weight: 600; padding-left: 16px; } .sidenav-list a.active { color: #747474; font-weight: 600; padding-left: 12px; border-left: 4px solid #747474; } .sidenav-list li a ul { width: 100%; } .sidenav-list li a .sidenav-icon-before { margin-right: 4px; line-height: 23px; text-align: left; } .sidenav-list li a .sidenav-icon { margin-left: auto; width: 22px; height: 22px; line-height: 23px; text-align: center; } .sidenav-list li a .sidenav-icon i { color: #fff; } .sidenav-list li a .sidenav-information { color: #747474; margin: 0; } .sidenav-list li a:focus { background-color: transparent; } .sidenav-list-locked { margin: 0; list-style-type: none; padding-left: 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } .sidenav-list-locked > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .sidenav-list-locked > li::before { content: "" !important; padding-right: 0 !important; } .sidenav-list-locked > li { background-color: transparent; border-top: 1px solid #BFBFBF; font-size: 1.6rem; cursor: default; } .sidenav-list-locked > li:first-child { border-top: none; } .sidenav-list-locked > li:last-child a { padding-bottom: 8px; } .sidenav-list-locked a { border: none; color: #1a1a1a; display: block; line-height: 2.4rem; padding: 8px; padding-top: calc(8px - 1px); padding-left: 16px; padding-right: 16px; text-decoration: none; } .sidenav-list-locked a:hover { background-color: #ffffff; text-decoration: none; color: #1a1a1a; cursor: default; } .sidenav-list-locked a:focus { outline-offset: 0; position: relative; z-index: 1; } .sidenav-list-locked a.current { /* stylelint-disable-line selector-no-qualifying-type */ color: #1a1a1a; font-weight: 600; padding-left: 16px; } .sidenav-list-locked a.active { color: #747474; font-weight: 600; padding-left: 12px; border-left: 4px solid #747474; } .sidenav-list-locked li.disabled { cursor: not-allowed; } .sidenav-list-locked li.disabled a { cursor: not-allowed; } .sidenav-list-locked li a .sidenav-icon-before { line-height: 23px; text-align: left; } .sidenav-list-locked li a .sidenav-icon { margin-left: auto; width: 22px; height: 22px; line-height: 23px; text-align: center; float: right; } .sidenav-list-locked li a .sidenav-icon i { color: #fff; } .sidenav-list-locked li a .sidenav-information { color: #747474; margin: 0; } .sidenav-sub_list { margin: 0; list-style-type: none; padding-left: 0; margin: 0; width: 100%; } .sidenav-sub_list > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .sidenav-sub_list > li::before { content: "" !important; padding-right: 0 !important; } .sidenav-sub_list li { border: none; } .sidenav-sub_list li:last-child a { padding-bottom: 8px; } .sidenav-sub_list a { padding-left: 32px; padding-top: 8px; line-height: 2.4rem; } .sidenav-sub_list a.current { /* stylelint-disable-line selector-no-qualifying-type */ padding-left: 32px; } .sidenav-sub_list a.active { /* stylelint-disable-line selector-no-qualifying-type */ padding-left: 28px; } .sidenav-sub_list .sidenav-sub_list a { padding-left: 48px; } .sidenav-sub_list .sidenav-sub_list a:focus { outline-offset: 0; } .sidenav-sub_list .sidenav-sub_list a.current { /* stylelint-disable-line selector-no-qualifying-type */ padding-left: 48px; } .sidenav-sub_list .sidenav-sub_list a.active { /* stylelint-disable-line selector-no-qualifying-type */ padding-left: 44px; } @media (min-width: 768px) { .sidebar-col { -ms-flex: 0 0 300px; flex: 0 0 300px; } } a.skipnav { color: #1a1a1a; left: 0; padding: 1rem 1.5rem; position: absolute; top: -4.2rem; transition: all 0.2s ease-in-out; z-index: 8000; max-width: none; outline-offset: 0; } @media (min-width: 576px) { a.skipnav:focus { background-color: #ffffff; left: 0; outline: 4px solid #747474; position: absolute; top: 0; transition: all 0.2s ease-in-out; padding: 1rem calc((32px / 2) / 2); margin-top: calc(16px - 1px); margin-left: calc((32px / 2) / 2); } } #main-content { outline: none; } .card { position: relative; border-radius: 0; box-shadow: 0 2px 4px 0 #BFBFBF; border: 1px solid #747474; overflow: hidden; background: #ffffff; } .card-small > :last-of-type { padding-bottom: 24px; } .card-medium > :last-of-type { padding-bottom: 24px; } .card-large > :last-of-type { padding-bottom: 24px; } .card-align-height { height: 100%; } .card p { max-width: 60ch; margin-top: 16px; margin-bottom: 0; } .card p:first-child { margin-top: 0; } .card h1, .card .h1, .card h2, .card .h2, .card h3, .card .h3, .card h4, .card .h4, .card h5, .card .h5 { margin: 0; } .card-header { background-color: #ffffff; padding: 16px 24px; } .card-header .header-title { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; font-weight: 600; color: #1a1a1a; margin: 0; } .card-header .header-title.large-text { font-size: 4rem; line-height: 4.8rem; font-weight: 700; color: #1a1a1a; text-transform: none; word-break: break-word; color: #454545; } .card-header .sub-header { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; margin-top: 0; margin-bottom: 0; color: #747474; } .card-text { background-color: #ffffff; padding: 16px 24px; } .card-text .text { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; margin-top: 16px; color: #454545; margin-bottom: 0; } .card-content { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; padding: 0; color: #454545; } .card-content ul { margin-bottom: 0; } .card-content div:first-child { margin-top: 0; } .card-content .content-text { margin-top: 16px; } .card-content .content { text-align: center; } .card-action { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; padding: 16px 24px; color: #454545; margin-bottom: 0; } .card-action div:first-child { margin-top: 0; } .card-action:last-child { border-bottom: 0; } .card-action .action-buttons button { margin-right: 16px; margin-top: 8px; } @media (min-width: 768px) { .card-action .action-buttons button { margin-right: 16px; margin-top: 8px; } } @media (min-width: 576px) { .card-action .action-buttons .btn + .btn { margin-left: 0px; } .card-action .action-buttons .btn + .btn:first-child { margin-left: 0; } } .card-action .action-links { margin-top: 16px; } .card-action .action-links ul { margin: 0; list-style-type: none; padding-left: 0; padding-left: 0; } .card-action .action-links ul > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .card-action .action-links ul > li::before { content: "" !important; padding-right: 0 !important; } .card-action .action-links ul li { margin-top: 8px !important; } .card-action .action-functionlinks { margin-top: 16px; text-align: right; } .card-action .action-functionlinks .function-link { margin-left: 16px; } .card-header + .card-text { padding-top: 0; } .card-header + .card-content { padding-top: 0; } .card-header + .card-action { padding-top: 0; } .card-header + .card-header { padding-top: 0; } .card-text + .card-header { padding-top: 0; } .card-text + .card-content { padding-top: 0; } .card-text + .card-action { padding-top: 0; } .card-text + .card-text { padding-top: 0; } .card-action + .card-text { padding-top: 0; } .card-action + .card-header { padding-top: 0; } .card-action + .card-content { padding-top: 0; } .card-action + .card-action { padding-top: 0; } .card > .list-group:first-child .list-group-item:first-child { border-radius: 0px; } .card > .list-group:last-child .list-group-item:last-child { border-radius: 0px; } .card-center { text-align: center; } /* .card-inverse { .card-header, .card-footer { border-bottom: 1px solid rgba(255,255,255,.2); } .card-header, .card-footer, .card-title, .card-blockquote { color: white; } .card-link, .card-text, .card-blockquote > footer { color: rgba(255,255,255,.65); } .card-link { &:hover, &:focus { color: white; } } } */ /* .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } // Card image .card-img { border-radius: 2px; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5px; } // Card image caps .card-img { &-top { border-radius: 2px 2px 0 0; } &-bottom { border-radius: 0 0 2px 2px; } } // // Card set // .card-deck { display: table; table-layout: fixed; border-spacing: 8px 0; .card { display: table-cell; width: 1%; vertical-align: top; } } .card-deck-wrapper { margin-right: -8px; margin-left: -8px; } // // Card groups // .card-group { display: table; width: 100%; table-layout: fixed; .card { display: table-cell; vertical-align: top; + .card { margin-left: 0; border-left: 0; } // Handle rounded corners &:first-child { .card-img-top { border-top-right-radius: 0; } .card-img-bottom { border-bottom-right-radius: 0; } } &:last-child { .card-img-top { border-top-left-radius: 0; } .card-img-bottom { border-bottom-left-radius: 0; } } &:not(:first-child):not(:last-child) { border-radius: 0; .card-img-top, .card-img-bottom { border-radius: 0; } } } } .card-columns { column-count: 3; column-gap: 8px; .card { display: inline-block; width: 100%; // Don't let them exceed the column width } } */ .overflow-menu + h1 { margin-top: 0; } .overflow-menu { display: inline-block; position: relative; } .overflow-menu .btn-overflow-menu { background-color: transparent; border: 0; border-radius: 0; font-weight: 400; margin: 0; padding: 0; text-align: left; -webkit-font-smoothing: auto; color: inherit; min-height: 40px; min-width: 40px; padding: 8px 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #1a1a1a; } .overflow-menu .btn-overflow-menu:hover, .overflow-menu .btn-overflow-menu:focus { background-color: transparent; color: inherit; } .overflow-menu .btn-overflow-menu:hover { text-decoration: underline; } .overflow-menu .btn-overflow-menu:after, .overflow-menu .btn-overflow-menu:before { display: none; bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; bottom: calc(8px * -1 - 1px); } .overflow-menu .btn-overflow-menu:after { border-bottom-color: #fff; border-width: calc(8px - 1px); margin-left: calc((8px - 1px)*-1); } .overflow-menu .btn-overflow-menu:before { border-bottom-color: #999999; border-width: 8px; margin-left: calc(8px *-1); } .overflow-menu .btn-overflow-menu[aria-expanded="true"]:after, .overflow-menu .btn-overflow-menu[aria-expanded="true"]:before { display: block; } .overflow-menu.overflow-menu--hover-bg .btn-overflow-menu { padding: 0; } .overflow-menu.overflow-menu--hover-bg .btn-overflow-menu:hover { background-color: #F5F5F5; } .overflow-menu .overflow-menu-inner { position: absolute; z-index: 1; width: auto; border: 1px solid #747474; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); background: #fff; padding-top: 8px; padding-bottom: 8px; top: calc(100% + 8px); min-width: 28rem; } .overflow-menu .overflow-menu-inner[aria-hidden="true"] { display: none; } .overflow-menu .overflow-list { margin: 0; list-style-type: none; padding-left: 0; font-size: 1.6rem; line-height: 2.4rem; color: #1a1a1a; } .overflow-menu .overflow-list > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .overflow-menu .overflow-list > li::before { content: "" !important; padding-right: 0 !important; } .overflow-menu .overflow-list button { background-color: transparent; border: 0; border-radius: 0; font-weight: 400; margin: 0; padding: 0; text-align: left; -webkit-font-smoothing: auto; color: inherit; } .overflow-menu .overflow-list button:hover, .overflow-menu .overflow-list button:focus { background-color: transparent; color: inherit; } .overflow-menu .overflow-list a { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; display: block; text-decoration: none; } .overflow-menu .overflow-list a:hover, .overflow-menu .overflow-list a:visited, .overflow-menu .overflow-list a:focus { color: #1a1a1a; } .overflow-menu .overflow-list button, .overflow-menu .overflow-list a { padding: 8px 16px; width: 100%; } .overflow-menu .overflow-list button:hover, .overflow-menu .overflow-list a:hover { background-color: #F5F5F5; } .overflow-menu:not(.overflow-menu--md-no-responsive) .sidenav-list { border-top: 0; border-bottom: 0; } @media (max-width: 991px) { .overflow-menu.overflow-menu--md-no-responsive .sidenav-list { border-top: 0; border-bottom: 0; } } .overflow-menu--open-right .overflow-menu-inner { left: calc(50% - 19px); } .overflow-menu--open-right .overflow-menu-inner:after { left: 13px; } .overflow-menu--open-left .overflow-menu-inner { right: calc(50% - 19px); } .overflow-menu--open-left .overflow-menu-inner:after { right: 13px; } .overflow-menu--open-left .overflow-menu-inner li, .overflow-menu--open-left .overflow-menu-inner a, .overflow-menu--open-left .overflow-menu-inner button { text-align: right; } .overflow-menu--open-left .overflow-menu-inner li .icon-svg, .overflow-menu--open-left .overflow-menu-inner a .icon-svg, .overflow-menu--open-left .overflow-menu-inner button .icon-svg { float: right; margin-right: 4px; } @media (max-width: 991px) { .overflow-menu .btn-overflow-menu.js-dropdown--responsive-collapse:before, .overflow-menu .btn-overflow-menu.js-dropdown--responsive-collapse:after { display: none; } .overflow-menu .btn-overflow-menu.js-dropdown--responsive-collapse ~ .overflow-menu-inner { width: 100%; position: static; border: none; box-shadow: none; min-width: inherit; } } @media (min-width: 768px) { .overflow-menu.overflow-menu--md-no-responsive { display: block; } .overflow-menu.overflow-menu--md-no-responsive:before, .overflow-menu.overflow-menu--md-no-responsive:after { display: none; } .overflow-menu.overflow-menu--md-no-responsive .btn-overflow-menu { display: none; } .overflow-menu.overflow-menu--md-no-responsive .overflow-menu-inner { display: block !important; width: 100%; max-width: 100%; position: static; box-shadow: none; border: none; } } .tabnav { margin: 0; list-style-type: none; padding-left: 0; list-style-type: none; padding: 0; border-bottom: 1px solid #747474; } .tabnav > li { margin-bottom: 0; margin-top: 0; padding-left: 0; } .tabnav > li::before { content: "" !important; padding-right: 0 !important; } @media (min-width: 768px) { .tabnav { display: -ms-flexbox; display: flex; } } .tabnav li { margin-bottom: 0; } .tabnav li a { display: block; color: #1a1a1a; text-align: center; text-decoration: none; padding: 8px; padding-bottom: calc(15px); } @media (min-width: 576px) { .tabnav li a { margin: 8px; margin-right: 0; margin-bottom: 0; } } .tabnav li a:hover { color: #747474; box-shadow: inset 0px -7px 0px 0px #747474; } .tabnav li a:focus { outline: 4px solid #747474; } .tabnav li a.active { color: #747474; box-shadow: inset 0px -7px 0px 0px #747474; font-weight: 600; } @media (min-width: 576px) { .tabnav li:last-child a { margin-right: 8px; } } .page-navigation { margin-top: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .page-navigation { display: -ms-inline-flexbox; display: inline-flex; } } .page-navigation .btn + .btn { margin-top: 8px; margin-left: 0; } .popover { cursor: pointer; } .tippy-tooltip { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; font-size: 1.6rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); background-color: #fff; border: 1px solid #747474; } .tippy-tooltip .tippy-backdrop { background-color: #fff; } .tippy-tooltip .tippy-roundarrow { fill: #fff; } .tippy-tooltip[data-animatefill] { background-color: transparent; } .tippy-popper[x-placement^=top] .tippy-tooltip .tippy-arrow { border-top: 7px solid #999999; border-right: 7px solid transparent; border-left: 7px solid transparent; } .tippy-popper[x-placement^=top] .tippy-tooltip .tippy-arrow:after { content: ''; border-top: 6px solid white; border-right: 6px solid transparent; border-left: 6px solid transparent; display: block; position: absolute; bottom: 1px; margin-left: -6px; } .tippy-popper[x-placement^=bottom] .tippy-tooltip .tippy-arrow { border-bottom: 7px solid #999999; border-right: 7px solid transparent; border-left: 7px solid transparent; } .tippy-popper[x-placement^=bottom] .tippy-tooltip .tippy-arrow:after { content: ''; border-bottom: 6px solid white; border-right: 6px solid transparent; border-left: 6px solid transparent; display: block; position: absolute; top: 1px; margin-left: -6px; } .tippy-popper[x-placement^=left] .tippy-tooltip .tippy-arrow { border-left: 7px solid #999999; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .tippy-popper[x-placement^=left] .tippy-tooltip .tippy-arrow:after { content: ''; border-left: 6px solid white; border-top: 6px solid transparent; border-bottom: 6px solid transparent; display: block; position: absolute; top: -6px; margin-left: -7px; } .tippy-popper[x-placement^=right] .tippy-tooltip .tippy-arrow { border-right: 7px solid #999999; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .tippy-popper[x-placement^=right] .tippy-tooltip .tippy-arrow:after { content: ''; border-right: 6px solid white; border-top: 6px solid transparent; border-bottom: 6px solid transparent; display: block; position: absolute; top: -6px; margin-left: 1px; } .tooltip { border: none; background: none; padding: 0; } .yellowtext { background-color: #FCF0C0; border-color: #B5985E; padding: 15px; cursor: auto !important; border-radius: 4px; color: #9d8148; font-weight: normal; margin-bottom: 20px !important; } .extraSpacing { padding-bottom: 40px; } .table { table-layout: fixed; } .CvrCpr_ErrorMessage input { border: none !important; background-color: #ffeeee; /* font-weight: bold; */ } .CvrCpr_ErrorMessage { border: 1px solid red !important; background-color: #ffeeee; margin: 0px; border-radius: 4px; } .CvrCpr_ErrorMessage label { display: none } .hideItem { display: none; } .txta textarea { width: 100%; max-width: 500px; min-height: 24px !important; overflow: hidden; line-height: 1.4; resize: none; border: none !important; padding: 0px !important; } .hideLabel label { display: none } .CvrCpr_ReadOnly input[readonly] { background-color: #eee !important; padding: 7px 15px !important; border: 1px solid #eee !important; } .colorHead { background-color: #F5F5F5 !important; font-weight: bold; } .noMargin { margin: 0px !important; } /* ----------------------------------------------- Validation ----------------------------------------------- */ .field-validation-valid { display: none; } .validation-error.records-hidden, .input-box input.input-validation-error:not([readonly]), .input-box input.form-control.uploadfilename.input-validation-error:not([readonly]), .input-box select.input-validation-error, .input-box textarea.input-validation-error:not([readonly]) { border: 2px solid #c00; padding: calc(8px - 2px) calc(16px - 2px); } .input-box input.form-control.uploadfilename.input-validation-error { border-right: 1px solid #747474; } .input-box.input-validation-error { border-left: 4px solid #c00; padding-left: calc(16px - 4px); } /* Removes checkbox validation for sets */ .input-set .input-box.input-validation-error { border-left: none; padding-left: 0; } .panel.system-message { margin-top: 0px; } .validation-summary-errors > span.validation-summary-heading { font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; color: #1a1a1a; } .validation-summary-valid { display: none; } /* ----------------------------------------------- Forms ----------------------------------------------- */ .page { padding-top: 4rem; } .input-box { margin-bottom: 16px; } .input-set .input-box { margin-bottom: 0px; } input[readonly], textarea[readonly] { background-color: #eee; } label { /* Remove distance between label and description */ margin-bottom: 0px; display: block; } .form-help { font-style: italic; margin-bottom: 6px; } .input-box-content { display: flex; align-items: center; } /* This is normally implicit. IE 10 is an exception */ .input-box-content > * { flex: 0 1 auto; } .input-box-content button { min-height: 34px; } .btn-webaction { align-self: flex-start; } .input-box-content > .btn-webaction { margin-top: 8px; margin-left: 8px; } .btn-webaction > .submitspinner { display: none !important; } .btn-webaction.loading { background-image: url(/SelfService/Themes/Images/spinner.gif); background-position-y: center; background-position-x: center; background-repeat: no-repeat; min-height: 40px; } .checkbox ~ .btn-webaction, .input-set ~ .btn-webaction, .cb-radio ~ .btn.btn-webaction { margin-top: 0px; } .input-box-content .fileupload, .input-box-content .checkbox { margin-right: 6px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { cursor: pointer; } .radio-inline label { font-weight: 400; cursor: pointer; } .radio-inline { display: inline-block; } .radio-inline { margin-right: 16px; } .button-row { margin-top: 40px; } .uploadspinner { padding-left: 6px; vertical-align: bottom; } .submitspinner { margin-left: 6px; vertical-align: central; } .webactionspinner { display: block; margin: auto; } .qtip { font-size: 12px; } .qtip-tip { display: none !important; } span.tool-tip-link { margin-bottom: -8px; background-image: url(/SelfService/Themes/v2/Images/svg-icons/help-circle-outline.svg); height: 2.4rem; width: 2.4rem; background-repeat: no-repeat; display: inline-block; background-size: 100%; } div.qtip > div.qtip-content { font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #1a1a1a; text-transform: none; font-size: 1.6rem; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3); background-color: #fff; border: 1px solid #747474; padding: .3rem .6rem; } .file-upload { position: absolute; left: -9999px; } .input-group .form-control { z-index: auto; } .ieUpload .file-upload { position: relative; left: auto; } .ieUpload .uploadfileselectbutton { visibility: hidden; display: block; line-height: 0px; } #last-draft-time { float: right; } form.inline { display: inline; } #CancelButton { float: right; } .ui-menu-item.ui-state-focus, .ui-menu-item-wrapper.ui-state-active { background: none; border: none; margin: 0px; background-color: #747474; color: #ffffff; } .ui-widget { font-family: inherit; font-size: inherit; } /* ----------------------------------------------- Phone login ----------------------------------------------- */ .phone-login-form { padding-top: 16px; width: 100%; } /* ----------------------------------------------- Spinner ----------------------------------------------- */ .autocompletespinner { display: none !important; } .ui-autocomplete-input.searching { background-color: #ffffff; background-image: url(/SelfService/Themes/Images/spinner.gif); background-position-y: center; background-position-x: calc(100% - 8px); background-repeat: no-repeat; } /* ----------------------------------------------- Google map ----------------------------------------------- */ .googleMapOuter .info { margin: 2px; border-style: solid; border: 1px; border-color: Red; outline-color: Red; color: Red; } .googleMapOuter .instructions { margin: 2px; } .googleMapSearch { margin-bottom: 6px; } #mapInfo { margin-bottom: 16px; } #mapInfo h3 { margin-top: 0px; } .googleMapSearch label { font-style: italic; font-size: 80%; } .googleMapSearch div.form-inline { } .googleMapSearch div.form-inline input.text-box { width: 70%; } .googleMapSearch div.form-inline button.btn { } .error-link.btn.btn-link { padding: 0px; } .googleMap { width: 100%; height: 400px; } /* Bootstrap fix for Google maps */ .googleMap img { max-width: none; } /* Bootstrap fix for Google maps */ .googleMap label { width: auto; display: inline; } /* Overlay for disabling interaction */ #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 50; } /* Google maps dropdown menu */ .dropdown, .dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; text-decoration: none; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777 } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .open > .dropdown-menu { display: block } .open > a { outline: 0 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-left { right: auto; left: 0 } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 } .pull-right > .dropdown-menu { right: 0; left: auto } /* ----------------------------------------------- Display fields ----------------------------------------------- */ /*Display box styles*/ .display-row { border-top: 1px solid #BFBFBF; overflow: hidden; padding: 8px 0px 8px 0px; margin-bottom: -1px; } .display-label, .display-list-label { float: left; width: 50%; padding-right: 5%; font-weight: 600; } .display-list-button, .display-list-record-button { font-family: "IBMPlexSans", "system"; font-style: normal; font-weight: normal; float: right; margin: 0px; padding: 0px; border: none; background: inherit; font-size: 2.4rem; line-height: 1.6rem; } .display-label a { padding-left: 4px; } .display-field { white-space: pre-line; display: table-cell; width: 50%; } .display-list-header { padding: 8px 0px 8px 0px; border-top: 1px solid #BFBFBF; } .display-list-field { border-bottom: 1px solid #BFBFBF; margin-bottom: -1px; } .display-list-label { float: none; display: inline-block; } .display-list-record { table-layout: fixed; width: 100%; } .display-list-record-property { margin: 0px 20px 0px 20px; border-top: 1px dashed #BFBFBF; padding: 8px 0px 8px 0px; } .display-list-record-property div { display: inline-block; } .display-list-record-property-title { width: 50%; float: left; } .display-list-record-property-title label { font-weight: normal; } .display-list-record-property-value { width: 49%; } .display-list-button { margin-right: 10px; padding: 0px 4px 0px 4px } .display-box { } .display-list-record-header { margin-left: 10px; margin-right: 10px; border-top: 1px solid #BFBFBF; font-family: "IBMPlexSans", "system"; font-style: normal; font-weight: 600; padding: 8px 0px 8px 0px; } button.display-list-record-button { margin-right: 10px; padding: 0px 4px 0px 4px } /* ----------------------------------------------- Panel navigation ----------------------------------------------- */ .panel-navigation-button { float: right; } .panel { margin-top: 24px; margin-bottom: 16px; } .navigation-panel-vertical { margin: 0; padding: 0; overflow: visible; -webkit-overflow-scrolling: touch; display: none; } .navigation-panel-dropdown-button { display: block; background-color: inherit; outline: none; border: none; padding: 8px 0; margin-top: 16px; margin-bottom: 12px; } span.navigation-panel-dropdown-button-text { display: inline-block; padding-top: 4px; } span.navigation-panel-dropdown-button-text:hover { text-decoration: underline; } span.navigation-panel-dropdown-button-icon { background-image: url(/SelfService/Themes/v2/Images/svg-icons/menu-down.svg); background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; display: inline-block; float: right; } @media (min-width: 992px) { .navigation-vertical ~ .main-column { flex: 0 0 75%; max-width: 75%; } .navigation-panel-vertical { display: block; } .navigation-panel-dropdown-button { display: none; } #qtip-navigation-popup { display: none !important; } } .navigation-panel-horizontal { display: none; } .navigation-list { display: inline-block; flex-grow: 1; flex-wrap: nowrap; padding: 0px; width: 100%; } ul.navigation-list > li.navigation-item { border-top: 1px solid #BFBFBF; } ul.navigation-list > li:first-child { border-top: none; } .navigation-item { display: flex; flex: 1; } .navigation-item .no-focus { display: none; } .navigation-prev, .navigation-current, .navigation-next { text-align: left; flex: none; width: 100%; color: #1a1a1a; line-height: 2.4rem; padding-top: 4px; padding-bottom: 4px; padding-right: 16px; padding-left: 16px; min-height: 39px; text-decoration: none; border: none; background-color: rgba(0,0,0,0); } li.navigation-item.navigation-canNavigateTo:hover, li.navigation-item.navigation-isFurthestVisitedPage:hover { background-color: #f5f5f5 } li.navigation-item > .navigation-current { background-color: #f5f5f5 } .navigation-prev { } .navigation-current { font-weight: 700; } li.navigation-item > .navigation-current { border-left: 4px solid #454545; padding-left: 12px; } .navigation-hasPassedPage span.navigation-item-icon { background-image: url(/SelfService/Themes/v2/Images/svg-icons/check.svg); background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; display: inline-block; float: right; } li.navigation-item.active { text-decoration: underline; } .navigation-next { } .navigation-button { outline: none; } .navigation-panel-vertical .navigation-item button:focus{ position: relative; z-index: 2 } ul.navigation-list { margin: 0; list-style-type: none; padding-left: 0; border-bottom: 1px solid #747474; border-top: 1px solid #747474; max-width: none } /* ----------------------------------------------- Layout ----------------------------------------------- */ .top-banner { display: flex; vertical-align: top; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } /* ----------------------------------------------- Language selection ----------------------------------------------- */ div.language-select { display: inline-block; flex: 0 0 auto; padding: 4px; margin-right: auto; } #language-input { display: inline; width: auto; margin-top: 0px; } #language-label { font-weight: 400; display: inline; } /* ----------------------------------------------- Login header ----------------------------------------------- */ div.login-header { display: inline-block; margin-left: auto; flex: 0 0 auto; padding: 4px 0px 4px 0px; } .login-header form { display: inline; } .login-header span { font-weight: 700; } div.login-header > span { display: none; } @media (min-width: 992px) { div.login-header > span { display: inline; } } /* ----------------------------------------------- Records (repeating elements) ----------------------------------------------- */ .record-box-wrapper { padding: 2px; /*border:1px solid #cccccc;*/ } .record-box-container { overflow: hidden; } .record-box { margin-bottom: 4px; margin-top: 4px; color: #1a1a1a; cursor: pointer; line-height: 2.4rem; } .record-box-counter { display: inline; } .record-box-entrylabel { display: inline; } .record-box-create-button { } .record-box-show-button { float: right; margin: 0px !important; } .record-box-hide-button { display: none !important; } .add-button-disabled { float: left; margin: 0px !important; } .panel-heading.record-box-header { width: 100%; padding: 1.6rem 1.6rem 1.6rem 1.6rem; position: relative; transition: none; background-color: #f5f5f5; border-bottom: 1px solid #BFBFBF; border-top: 1px solid #747474; border-left: 1px solid #747474; border-right: 1px solid #747474; border-radius: 3px 3px 0 0; } .record-box-header.collapsed-record { border-radius: 3px; border-bottom: 1px solid #747474; } .record-box-header-title { display: inline; font-weight: normal; color: inherit; font-size: 1.6rem; line-height: normal; } .record-box-header-buttons { float: right; } button.record-box-header-button { margin: 0px; padding: 0px; border: none; background: #f5f5f5; height: 24px; width: 24px; } button.record-box-header-button > span { display: none; } button.show-record-button { background: url(/SelfService/Themes/v2/Images/svg-icons/plus.svg) no-repeat top left; } button.hide-record-button { background: url(/SelfService/Themes/v2/Images/svg-icons/minus.svg) no-repeat top left; } button.delete-record-button { background: url(/SelfService/Themes/v2/Images/svg-icons/delete.svg) no-repeat top left; } .record-box-body { padding: 1.6rem 1.6rem 1.6rem 1.6rem; border-bottom: 1px solid #747474; border-left: 1px solid #747474; border-right: 1px solid #747474; border-radius: 0 0 3px 3px; } .recordspinner { padding-left: 6px; } .record-box-wrapper { margin-top: 8px; } .record-box-wrapper > .record-box-header { display: none; } .record-box-create-button.record-create-button-bottom { display: block !important; } .list-title { margin: 0px; } /* ----------------------------------------------- Show ----------------------------------------------- */ .show-list-record-property-title { margin-left: 20px; margin-right: 10px; } .show-list-record-title { margin-left: 10px; } /* ----------------------------------------------- Emphasized ----------------------------------------------- */ .emphasized { border: dashed 2px #000 !important; } .emphasized-Green { border: dashed 2px #000 !important; background: #A5C5BB; } .emphasized-Pink { border: dashed 2px #000 !important; background: #F1B8C4; } .emphasized-Yellow { border: dashed 2px #000 !important; background: #F3DCAB; } .emphasized-Blue { border: dashed 2px #000 !important; background: #94B4D3; } .emphasized-Gray { border: dashed 2px #000 !important; background: #B3B3B3; } .emphasized-Orange { border: dashed 2px #000 !important; background: #F3BF94; } .emphasized-Brown { border: dashed 2px #000 !important; background: #D0BCA8; } .emphasized-Red { border: dashed 2px #000 !important; background: #E8A08E; } .emphasized-Purple { border: dashed 2px #000 !important; background: #C5ABD8; } .emphasized-Zinnwaldite { border: dashed 2px #000 !important; background: #F4DAD0; } /* ----------------------------------------------- MyCases (Kig i egen sag) ----------------------------------------------- */ .create-case-submission-button, .go-to-button { margin-top: 16px; min-height: auto; } .table-waiting-replies { table-layout: auto; } .reply-table-icon { display: none !important; } .page-title-divider { padding: 0px 10px 0px 5px; } .reply-table-title { width: 60%; } .reply-table-deadline { width: 30%; } #reply-table-button { font-size: inherit } .table tbody tr td.reply-table-button-container { padding-top: 4px; padding-bottom: 4px; } table.table .grid .row { margin: 0px; } table.table .grid .row .cell { padding: 0px; } table.table td { overflow-wrap: break-word; } .empty-table-head-cell { border-bottom: 2px solid #ddd; } .cursor-pointer { cursor: pointer; } td.case-items-spinner, td.case-matters-spinner { text-align: center; } .case-submission-alert { display: inline-block; margin: 0px 0px 0px 0px; padding: 6px; vertical-align: middle; } .text-with-tooltip-container, .input-box > label.text-with-tooltip-container, input[type='checkbox'] ~ span { display: flex; flex-flow: row nowrap; justify-content: left; } .text-with-tooltip-container a.tool-tip { padding-left: 0.3rem; } /* ----------------------------------------------- Inline document display ----------------------------------------------- */ .inline-document-wrapper { width: 100%; } .inline-document-wrapper p { text-align: center; } .inline-document-spinner { margin: auto; width: 120px; height: 72px; display: block; } .inline-document-spinner img { display: block; margin: auto; } .inline-document-wrapper iframe { width: 100%; height: 720px } .inline-document-wrapper img.content { object-fit: scale-down; width: 100%; } .document-download-icon { height: 16px; top: 2px; position: relative; } /* ----------------------------------------------- Shopping cart ----------------------------------------------- */ .products { margin-bottom: 24px; } .product-title { width: 70%; } .products tfoot { font-weight: bold; border-top: 1px solid #BFBFBF } .table th.product-price, .table td.product-price { text-align: right; width: 30%; } .terms-and-conditions { } .payment-cards { display: flex; flex-wrap: wrap; margin: 2ex 0ex 2ex 0ex; } .payment-info-cards { background: #F7F7F7; border: 1px solid #E3E3E3; border-radius: 4px; padding: 20px 24px; } .payment-cards .payment-card { flex: 1; text-align: center; margin: 0px 10px 0px 10px; } .payment-cards .payment-card img { height: 20px; } .payment-cards .payment-card span { display: block; } /* ----------------------------------------------- Other ----------------------------------------------- */ .vcard td { vertical-align: top; padding-right: 6px; } dl.submissionfield-list dd { margin-left: 1em; } table.submissionlistfield-list { margin-bottom: 20px; } dl#processes dd { margin: 0 0 1ex 1em; } .cb-radio { padding-right: 2px; padding-left: 2px; } #page-web-action-loading-page { top: 0px; bottom: 0px; left: 0px; right: 0px; background: white; opacity: 0.8; position: fixed; z-index: 1000; } #page-web-action-loading-page-text { text-align: center; max-width: 100%; } /* UI Datepicker theme */ .ui-widget-content { border: 1px solid #747474; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5); font-family: "IBMPlexSans","system"; background: #f5f5f5; color: #1a1a1a; padding: 0px; border-radius: 0px; } .ui-datepicker { max-width: none; width: auto; } .ui-datepicker .ui-datepicker-header { padding: 0px; background: #f5f5f5; max-height: 38px; border: none; border-bottom: 1px solid #BFBFBF; border-radius: 0px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin: 0px; width: 24px; height: 24px; position: relative; top: 0px; left: 0px; background-position: center; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { height: inherit; } .ui-datepicker .ui-datepicker-next { right: 0px; } .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover { right: 0px; } .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover, .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover { border: 1px solid #f5f5f5; background: inherit; border-radius: 0px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev span { background-image: url(/SelfService/Themes/v2/Images/svg-icons/arrow-left.svg); } .ui-datepicker .ui-state-hover.ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-next span { background-image: url(/SelfService/Themes/v2/Images/svg-icons/arrow-right.svg); } .ui-datepicker table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; margin: 0px; } .ui-datepicker thead { background: #fff; } .ui-datepicker th { color: #1a1a1a; font-size: 1.6rem; font-weight: 400; text-align: center; padding: 8px 4px; border-bottom: 1px solid #BFBFBF; } .ui-datepicker tbody { background: #f5f5f5; } .ui-datepicker td { min-width: 52px; border: 1px solid #BFBFBF; background: #fff; padding: 0px; } .ui-datepicker a.ui-state-default { border: none; background: none; cursor: pointer; display: block; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 8px; color: #1a1a1a; font-size: 1.6rem; text-align: right; background: #fff; font-weight: 500; } .ui-datepicker a.ui-state-default:hover, .ui-datepicker a.ui-state-default.ui-state-active { color: #fff; background: #1a1a1a; } .ui-datepicker td.ui-state-disabled { border: none; background: inherit; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: inherit; } .ui-datepicker .ui-datepicker-title select { font-size: 1.6rem; font-weight: 600; padding: 0px 3px; line-height: 2.4rem; margin: 0px; border: none; cursor: pointer; background: #f5f5f5; width: auto; -webkit-appearance: none; } .ui-datepicker .ui-datepicker-title select:focus { outline: none; } .ui-datepicker-trigger { margin-top: 0.5em; background-color: transparent; border-color: transparent; } .input-box.readonly .ui-datepicker-trigger { display: none; } /* Large screen buttons */ .button-row.form-inline { display: flex; } button#PrevButton { order: 0; margin-right: 8px; } button#CancelButton { order: 3; margin-left: auto; } .submitspinner { order: 2; margin: auto 8px auto 8px; } /* Small screen buttons */ @media (max-width:576px) { button#NextButton { order: 1; margin-top: 0px; } button#PrevButton { order: 2; margin-top: 8px; margin-right: 0px; padding-left: 16px; } button#CancelButton { order: 3; margin-top: 8px; margin-left: inherit; } .button-row.form-inline { display: flex; flex-direction: column; height: 100%; } .record-box-create-button { width: 100%; } .submitspinner { order: 4; margin: 8px auto; } } /* Admin */ #admin-panel { position: fixed; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; background-color: #fff; border: 1px solid #747474; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3); padding-bottom: 8px; z-index: 1; max-width: 438px; width: 100%; } #localize-admin, #localize-admin-publish { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; background-color: #fff; border: 1px solid #747474; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3); padding-top: calc(32px - 1px); padding-bottom: calc(40px - 1px); overflow: hidden; max-width: 570px; box-sizing: inherit; color: #1a1a1a; position: fixed; z-index: 1; left: 0; right: 0; top: 50px; } .localize-admin-textarea { width: 320px !important; height: 136px !important; } .btn-admin { width: 159px; padding-left: 0px; padding-right: 0px; } #localize-admin-save, #localize-admin-publish-publish { background-color: #44831E; color: #FFFFFF; } #localize-admin-remove { background-color: #CC4B29; color: #FFFFFF; } .localize-admin-button { padding-right: 16px !important; padding-left: 0px !important; } .localize-admin-publish-localization-id { font-weight: bold; } #localize-admin-publish-texts { max-height: 550px; overflow-y: auto; } #localize-admin-save-success, #localize-admin-remove-success, #localize-admin-publishing-success { position: fixed; z-index: 1; box-sizing: inherit; width: 100%; max-width: 438px; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 58px; margin-bottom: 0px; } .localize-admin-publish-text-delete { margin: 0px; padding: 0px; border: none; height: 24px; width: 24px; background: url(/SelfService/Themes/v2/Images/svg-icons/delete.svg) no-repeat top left; } .localize-admin-publish-removed-localization { display: inline; } #admin-panel .inline-list { padding-left: 37px; display: grid; grid-template-areas: "1 2"; } #admin-panel .inline-list li { max-width: 159px; padding: 0px; } /* IE styling */ input: -ms-input-placeholder { color: #BFBFBF !important; } /* ----------------------------------------------- Common styles ----------------------------------------------- */ .context-box { background: #f5f5f5; border: 1px #1a1a1a solid; padding: 1rem; margin-bottom: 1rem; } span.description.maxuploadsize { display: none; } .tooltip { border: none; background: none; padding: 0; } a.tool-tip > span.tool-tip-link { margin-top: 0rem; margin-bottom: -8px; } .yellowtext { background-color: #fcf0c0; border-color: #b5985e; padding: 15px; cursor: auto !important; border-radius: 4px; color: #9d8148; font-weight: normal; margin-bottom: 20px !important; } .extraSpacing { padding-bottom: 40px; } #page_header { background-image: url(/SelfService/Themes/SGAV/Images/Logo.png); background-size: 180px; height: 7.5rem; } .table { table-layout: fixed; } .CvrCpr_ErrorMessage input { border: none !important; background-color: #ffeeee; /* font-weight: bold; */ } .CvrCpr_ErrorMessage { border: 1px solid red !important; background-color: #ffeeee; margin: 0px; border-radius: 4px; } .CvrCpr_ErrorMessage label { display: none; } .hideItem { display: none !important; } .txta textarea { width: 100%; max-width: 500px; min-height: 24px !important; overflow: hidden; line-height: 1.4; resize: none; border: none !important; padding: 0px !important; } .hideLabel label { display: none; } .CvrCpr_ReadOnly input[readonly] { background-color: #eee !important; padding: 7px 15px !important; border: 1px solid #eee !important; } .colorHead { background-color: #f5f5f5 !important; font-weight: bold; } .noMargin { margin: 0px !important; } .unit-mark-text { display: none; } .unit-mark-tooltip:hover { color: #004080; cursor: pointer; } .wide_text_input_box .input-box .input-box-content { max-width:100em; } .eb_remove_vcard + br + p { display:none; } .eb_remove_vcard + br + p + .vcard { display:none; } .cell-span-full { flex: 0 0 100%; max-width: 100%; } /* MyCases */ .mycases-navbar { width: 100%; padding: 15px; } .mycases-navbar ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border-bottom: 2px solid #ededed; } .mycases-navbar li { float: left; list-style-type: none; } .mycases-navbar li a { transition: 0.3s ease-in-out; color: #333; background-color: #e5e6e6 ; display: block; padding: 15px 20px; text-decoration: none; margin-right: 3px; } .mycases-navbar .active a { color: #333; background-color: #cbcbcb; } .mycases-navbar li a:hover { color: #333; background-color: #cbcbcb; } .mycases-dossierpanel { border: none !important; margin: -10px 0px 0px -15px !important; box-shadow: none; } .mycases-caseinfo-row { width: 80%; } .mycases-caseinfo-cell { width: 25% !important; } .mycases-caseinfo-cell-content { width: 75% !important; } .mycases-width50 { width: 50% } .mycases-width30 { width: 30% } .mycases-width20 { width: 20% } .mycases-width15 { width: 15% } .mycases-width10 { width: 10% } ul { list-style-image:none; list-style-type: disc; } li { margin-left: 0; padding-left: 0 } ol { list-style-type:decimal; list-style-image:none; } .list-no-style { list-style-type:none; margin-left: 0!important; padding-left: 0!important; } ul.list-half-spacing li { margin-bottom:0.75em; } ul.list-full-spacing li { margin-bottom:1.5em; } ul:not(.dropdown-menu) li:not(.navigation-item, .navigation-item-mini, .ui-menu-item) { padding-left: 10px; } ul:not(.dropdown-menu) li:not(.navigation-item, .navigation-item-mini, .ui-menu-item)::before { content: ""; } .panelRemoveSpace { margin-top: -3% !important; } .RemoveSpaceBetweenTables { margin-top: -2% !important; } .AddSpaceBetweenTables { margin-top: 2% !important; } .centerTextAllign { text-align: center !important; background-color: #f5f5f5 !important; } .self-service-text { line-height: 1.5; } .yellowbox { background-color:#FFFF9A !important; } .greenbox { background-color: #a0e6b3 !important; } .greybox { background-color: #f5f5f5 !important; } .lightergreybox { background-color: #FFFFFF !important; } .tableWidth130 { width: 130% !important; } .tableWidth100 { width: 100% !important; } .cellWidthTable30 { width: 30% !important; } .cellWidthTable20 { width: 20% !important; } .cellWidthTable12 { width: 12% !important; } .cellWidthTable10 { width: 10% !important; } .hiddenTabelHeader{ visibility: hidden !important; line-height: 0px !important; padding: 0px !important; } .fontWeightBold { font-weight: bold !important; } .removeBottomLine { border-bottom: 0 !important; } .removeRightLine { border-right: 0 !important; } body:has(#is-oss-page) { h1 { color: #006B31 !important } } .table-oss { table { table-layout: auto; } th { background-color: #CCE7D6; } .dataTables_filter input[type=search] { margin-left: 1rem; } h3 { margin-top: 0; } p { max-width: unset; } td:has(.oss-answer)::before { content: '' !important; } } .whitespace-nowrap { white-space: nowrap; } @media (max-width: 767px) { .table.table--responsive-headers tr { display: block; } } @media (max-width: 991px) { .table.table-md-responsive-headers thead { display: none; } .table.table-md-responsive-headers tr { border-bottom: 1px solid #BFBFBF; display: block; } .table.table-md-responsive-headers tr:last-child { border-bottom: 0; } .table.table-md-responsive-headers tr td, .table.table-md-responsive-headers tr th { display: block; border: none !important; } .table.table-md-responsive-headers tr td[data-title]:not([data-title=""]):before, .table.table-md-responsive-headers tr th[data-title]:not([data-title=""]):before { content: attr(data-title); text-align: left; display: block; font-weight: 600; } .table.table-md-responsive-headers.table--borderless tbody tr:first-child { border-top: solid 1px #BFBFBF; } .table.table-md-responsive-headers.table--borderless tbody tr:last-child { border-bottom: solid 1px #BFBFBF; } .table.table-md-responsive-headers.table--borderless tbody tr td:first-child, .table.table-md-responsive-headers.table--borderless tbody tr th:first-child { padding-left: 16px; } }