/* * Application CSS manifest. * Note: application.tailwind.css is intentionally excluded — it is the Tailwind * source file processed by tailwindcss-rails, not for inclusion here. * */ /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ .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; } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .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; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit https://jqueryui.com/themeroller/ */ /* */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5/*{borderColorDefault}*/; } .ui-widget-content { border: 1px solid #dddddd/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/; color: #333333/*{fcContent}*/; } .ui-widget-content a { color: #333333/*{fcContent}*/; } .ui-widget-header { border: 1px solid #dddddd/*{borderColorHeader}*/; background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/; color: #333333/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #333333/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; } .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: #454545/*{fcDefault}*/; 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 #cccccc/*{borderColorHover}*/; background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #2b2b2b/*{fcHover}*/; } .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: #2b2b2b/*{fcHover}*/; 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 #003eff/*{borderColorActive}*/; background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcActive}*/; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff/*{borderColorActive}*/; background-color: #ffffff/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/; color: #777620/*{fcHighlight}*/; } .ui-state-checked { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899/*{borderColorError}*/; background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/; color: #5f3f3f/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f/*{fcError}*/; } .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; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-5b1bc5ecbf6257940fd47ab757497949efd8ca0e2195fd5f7e522c22c565437f.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-5b1bc5ecbf6257940fd47ab757497949efd8ca0e2195fd5f7e522c22c565437f.png)/*{iconsHeader}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-aed2560ea8d33bda117c5f7571f8173d0edd21afc81863d10e7d8fda77b4fe3a.png)/*{iconsHover}*/; } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-3ebbaee199ea42d3f5d5b4fb0d9f364c8c0f8ac8c8b74d8760b390ae5b65439e.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-77cd4a5b6e3a9b05e76ba6c5918942513037710c1c45a329a1d216bddb0f7d8f.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-d2a80a409f0c8fdd27e965b28eff1aed8163a3231498f2f5a06f350be7854cec.png)/*{iconsError}*/; } .ui-button .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-203b5d28738ff5a835ef5b47b5dba906577b341f688dd240992a876228a56510.png)/*{iconsDefault}*/; } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .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 is deprecated, use ui-icon-seek-start instead */ .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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; } .ui-widget-shadow { box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } /*! * jQuery UI Accordion 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/accordion/#theming */ /* */ .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; } /*! * jQuery UI Autocomplete 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/autocomplete/#theming */ /* */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/button/#theming */ /* */ .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; user-select: none; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .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; } /* workarounds */ /* Support: Firefox 5 - 125+ */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/checkboxradio/#theming */ /* */ .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; } /*! * jQuery UI Controlgroup 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/controlgroup/#theming */ /* */ .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; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/datepicker/#theming */ /* */ .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; } /* with multiple calendars */ .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; } /* RTL support */ .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /*! * jQuery UI Dialog 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/dialog/#theming */ /* */ .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; } /*! * jQuery UI Draggable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-draggable-handle { touch-action: none; } /*! * jQuery UI Menu 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/menu/#theming */ /* */ .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; } .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; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Progressbar 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/progressbar/#theming */ /* */ .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%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /*! * jQuery UI Resizable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; 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; } /*! * jQuery UI Selectable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/selectmenu/#theming */ /* */ .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; } /*! * jQuery UI Sortable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-sortable-handle { touch-action: none; } /*! * jQuery UI Slider 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/slider/#theming */ /* */ .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; 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-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; } /*! * jQuery UI Spinner 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/spinner/#theming */ /* */ .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; } /* more specificity required here to override default borders */ .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; } /*! * jQuery UI Tabs 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tabs/#theming */ /* */ .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 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; } /*! * jQuery UI Tooltip 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tooltip/#theming */ /* */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url(/assets/dataTables/sort_both-7905d95d943ea5ca2196b99d680198ac3c8d0ad7a2d5dc2f84770cc434fbe66d.png); } table.dataTable thead .sorting_asc { background-image: url(/assets/dataTables/sort_asc-f611408d3cc55ec3ceec1bffed64b01cfb2b19a46a96adbc193882939887a16b.png); } table.dataTable thead .sorting_desc { background-image: url(/assets/dataTables/sort_desc-c47acf115e7038b7c39a88751c0783713c3c8d309432933080bebc44692472d7.png); } table.dataTable thead .sorting_asc_disabled { background-image: url(/assets/dataTables/sort_asc_disabled-d5f546dbfefdfb0082ae6a8158613c336e88d2219bb0d6e00581900d518d6c86.png); } table.dataTable thead .sorting_desc_disabled { background-image: url(/assets/dataTables/sort_desc_disabled-2cbe741beec2161bb7bc0c0682ff0e464449f9835203df9f24174343ff8ddb15.png); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr.selected:hover, table.dataTable.display tbody tr.selected:hover { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } .admin-ranks-container { display: flex; flex-direction: column; align-items: center; padding-top: 20px; } .admin-year-buttons { display: flex; flex-direction: row; justify-content: center; padding-top: 20px; } .admin-year-button { padding-left: 10px; padding-right: 10px; } .admin-ranks-table { padding-top: 30px; } // Place all the styles related to the admin/application controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ .admin-box { background-color: rgba(177, 0, 27, 0.7); //background:url(/assets/subtle_grunge-61e776cc727c7d1cb1a59ba5dfd02b9f816db27419632d56efef889ef3c375d4.png); /*box-shadow: 2px 5px 2px 0 #d0d0d0;*/ /*box-shadow: rgba(36, 32, 33, 0.8) 2px -2px 2px 2px;*/ color: rgb(255, 255, 255); border: 2px solid #ccc; display: block; float: left; /* A long list of possible fonts from css-tricks /*font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;*/ /*font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;*/ //font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; /*font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;*/ /*font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucia Grande', sans-serif;*/ /*font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/ /*font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;*/ /*font-size: 14px; */ // height: 394px; unnecessary height requirement line-height: 20px; margin-top: 10px; margin-bottom: 15px; min-height: 1px; padding: 20px; } // Place all the styles related to the Carts controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ .team-fee-reminder { color: #B00100; } .competition-page { display: flex; flex-wrap: wrap; justify-content: center; maximum-width: 75%; text-align: center; } .info-panel { padding: 20px; } .info-panel-title { font-size: 48px; padding: 20px; } .info-panel-subtitle { font-size: 32px; padding: 20px; font-weight: bold; } .info-panel-challonge-url { font-size: 18px; padding: 20px; } .info-panel-buttons { padding-top: 10px; } .registrations-panel { display: flex; flex-wrap: wrap ; justify-content: center; } .registrations-panel-title { font-size: 32px; } .registrations-panel-table { } .edit-competition-page { display: flex; flex-wrap: wrap; justify-content: center; maximum-width: 75%; text-align: center; margin: 50px; } /* ── Hero ── */ .hero { background: image-url(/assets/RCEHomePic6-8cb05322121cad4ca8640cf7dc5efd622f31209b2c231c57a7af9d92ad9901aa.jpg) no-repeat center center fixed; background-size: cover; aspect-ratio: 6 / 1; color: white; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 767px) { .hero { aspect-ratio: auto; height: 160px; } .hero.has-mobile-image { height: auto; aspect-ratio: 750 / 320; } } .hero-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.25); } .hero-content { position: relative; z-index: 1; text-align: center; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); padding: 0 1rem; } .hero-content h1 { font-size: clamp(1.5rem, 5vw, 3.75rem); font-weight: 700; color: white; letter-spacing: -0.02em; margin: 0 0 0.5rem; } .hero-tagline { font-size: clamp(0.75rem, 2vw, 1.1rem); font-weight: 300; color: rgba(255, 255, 255, 0.9); margin: 0; } .upcoming-count { position: relative; z-index: 1; font-weight: 500; color: rgba(255, 255, 255, 0.85); text-align: center; margin: 0.75rem 0 0; font-size: clamp(0.875rem, 2.5vw, 1.875rem); } /* ── Carousel (vanilla JS, no Bootstrap) ── */ .carousel-image-slide { background: none; } .carousel-image-slide img { object-position: center; } .carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(0, 0, 0, 0.4); color: white; border: none; border-radius: 50%; width: 36px; height: 36px; font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 150ms; } .carousel-arrow:hover { background: rgba(0, 0, 0, 0.6); } .carousel-arrow--left { left: 12px; } .carousel-arrow--right { right: 12px; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 6px; } .carousel-dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid white; background: transparent; cursor: pointer; padding: 0; transition: background 150ms; } .carousel-dot--active { background: white; } .carousel-pause-btn { position: absolute; top: 10px; right: 12px; z-index: 20; background: rgba(0, 0, 0, 0.4); border: none; border-radius: 50%; width: 32px; height: 32px; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0.625rem; letter-spacing: 2px; transition: background 150ms; } .carousel-pause-btn:hover { background: rgba(0, 0, 0, 0.6); } .page-subheader { text-align: center; padding: 1.5rem 0 0.5rem; border-bottom: 1px solid #e5e7eb; } .page-subheader h2 { font-size: 1.25rem; font-weight: 600; color: #374151; margin: 0; } /* ── Filter bar ── */ .filter-bar { max-width: 1400px; margin: 0 auto; padding: 1.25rem 1rem 0; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .filter-dropdown-wrapper { position: relative; width: 100%; max-width: 450px; } .filter-toggle-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.375rem 0.75rem; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 0.75rem; font-weight: 600; color: #111827; cursor: pointer; text-align: left; } .filter-toggle-label { display: flex; align-items: center; gap: 0.5rem; } .filter-active-badge { background: #3b82f6; color: white; font-size: 0.75rem; font-weight: 600; padding: 0.1rem 0.5rem; border-radius: 999px; line-height: 1.5; } .filter-chevron { color: #6b7280; font-size: 0.75rem; transition: transform 200ms; display: inline-block; } .filter-chevron--open { transform: rotate(180deg); } .filter-panel { position: absolute; top: calc(100% + 4px); left: 0; min-width: 100%; width: max-content; max-width: 480px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); padding: 1rem 1.25rem 1.25rem; z-index: 500; } .filter-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.25rem 0.75rem; margin-bottom: 0.875rem; } .filter-checkbox-label { display: flex; align-items: center; gap: 0.4rem; font-size: 0.875rem; color: #374151; cursor: pointer; padding: 0.2rem 0; user-select: none; font-weight: normal; } .filter-checkbox { width: 14px; height: 14px; accent-color: #3b82f6; cursor: pointer; flex-shrink: 0; } .filter-actions { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } .filter-actions-spacer { flex: 1; } .filter-link-btn { font-size: 0.875rem; color: #3b82f6; background: none; border: none; padding: 0; cursor: pointer; text-decoration: underline; } .filter-link-btn--muted { color: #6b7280; } .filter-reset-btn { font-size: 0.875rem; color: #6b7280; text-decoration: none; padding: 0.375rem 0.75rem; border: 1px solid #d1d5db; border-radius: 6px; } .filter-apply-btn { font-size: 0.875rem; font-weight: 600; color: white; background: #111827; border: none; padding: 0.375rem 1rem; border-radius: 6px; cursor: pointer; } .filter-summary { font-size: 0.9375rem; color: #6b7280; margin: 0; } .filter-map-link { color: #6b7280; text-decoration: none; } /* ── Event grid ── */ .events-grid-wrapper { max-width: 1400px; margin: 0 auto; padding: 1.5rem 1rem 2rem; } .events-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.25rem; } @media (max-width: 767px) { .events-grid { grid-template-columns: minmax(0, 1fr); gap: 0.75rem; } } /* ── Pagination ── */ .events-pagination { text-align: center; padding: 0.5rem 0 1rem; } .events-load-more { padding: 0 1rem 1rem; } .load-more-btn { display: block; width: 100%; padding: 0.875rem 1rem; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; font-size: 1rem; font-weight: 600; color: #111827; text-align: center; text-decoration: none; } .load-more-progress { color: #6b7280; font-weight: 400; } /* ── Existing styles kept for other views ── */ .event-logo { max-height: 150px; max-width: 150px; margin-left: auto; margin-right: auto; line-height: 150px; } .event-logo img { width: 100%; height: auto; vertical-align: middle; } .event-details { vertical-align: top; overflow-wrap: break-word; } .event-description { overflow-x: auto; } .event-description img, .event-description table, .event-description iframe, .event-description video, .content-card img, .content-card table, .content-card iframe, .content-card video { max-width: 100%; } .content-card img, .event-description img { height: auto; } .content-card .resource-hero-photo { max-width: 394px; } .event-comp-table { vertical-align: top; text-align: center; } .map-container { width: 100%; } #events-map { width: 100%; height: 420px; } @media (max-width: 767px) { #events-map { height: 260px; } } .type-filter-wrapper { padding-bottom: 4px; padding-left: 8.333%; padding-right: 8.333%; } .type-filter-dropdown-menu { padding: 12px; min-width: 280px; } .type-filter-header { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee; } .type-filter-label { font-weight: normal; padding: 3px 12px; display: block; cursor: pointer; } .organizer-actions { text-align: right; margin-top: 10px; } .organizer-actions .btn { margin-bottom: 5px; } @media (max-width: 767px) { .organizer-actions { text-align: center; } .organizer-actions .btn { display: block; width: 100%; margin-bottom: 5px; } } /* Modal styles — vanilla JS system in app/assets/javascripts/modal.js */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; overflow-x: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.5); } .modal.show { display: block; } .modal-dialog { margin: 1.75rem auto; max-width: 500px; position: relative; } .modal-content { background-color: #fff; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); padding: 0; } .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { background: none; border: none; font-size: 1.5rem; cursor: pointer; float: right; } .modal-title { margin: 0; font-size: 1.1rem; } .modal-body { padding: 15px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 15px; border-top: 1px solid #e5e5e5; } /* Prevent horizontal overflow on mobile — fixes position:fixed bottom nav */ *, *::before, *::after { box-sizing: border-box; } html { font-size: 16px; overflow-x: hidden; } body { overflow-x: hidden; width: 100%; font-size: 14px; font-family: 'Inter', sans-serif; color: #333333; } table.center { margin-left:auto; margin-right:auto; } .navbar-brand { max-height: 48px; max-width: 48px; padding-top: 2px; } #map { height: auto; min-height: 300px; width: 100%; cursor: pointer; display: block; } /* Static map styling for event pages */ .event-map { max-width: 500px; width: 100%; margin: 20px auto; text-align: center; } .event-map-link { display: block; text-decoration: none; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: box-shadow 0.2s ease; } .event-map-link:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .event-map-image { width: 100%; height: auto; display: block; } .event-map-caption { margin-top: 8px; font-size: 13px; color: #666; } .event-map-caption a { color: #337ab7; text-decoration: none; } .event-map-caption a:hover { text-decoration: underline; } /* ── Navbar ── */ .navbar-outer { background-color: #ffffff; border-bottom: 1px solid #e5e7eb; position: fixed; top: 0; left: 0; right: 0; z-index: 1020; } .navbar-body-pad { padding-top: 3.175rem; } @media (max-width: 767px) { .navbar-body-pad { padding-top: 0; } } .navbar-inner { padding: 0 1rem; display: flex; align-items: center; min-height: 3.175rem; gap: 1rem; } .navbar-brand { display: flex; align-items: center; flex-shrink: 0; } .nav-links { display: flex; flex: 1; align-items: center; justify-content: flex-end; gap: 0; } .nav-link { color: #374151; text-decoration: none; font-size: 0.9375rem; white-space: nowrap; padding: 0.625rem 0.9375rem; } .nav-link:hover { color: #111827; text-decoration: none; } .nav-link--disabled { color: #9ca3af; cursor: not-allowed; } .nav-link--announce { color: #d97706; font-weight: 500; } .nav-link--admin { color: #dc2626; } /* ── Desktop dropdown menu ── */ .nav-dropdown { position: relative; } .nav-dropdown-toggle { color: #374151; background: none; border: none; font-size: 0.9375rem; cursor: pointer; padding: 0.625rem 0.9375rem; font-family: inherit; } .nav-dropdown-toggle:hover { color: #111827; } .nav-caret { display: inline-block; width: 0; height: 0; margin-left: 0.25rem; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .nav-dropdown-menu { display: none; position: absolute; right: 0; top: 100%; margin-top: 0.375rem; background: white; border-radius: 0.375rem; box-shadow: 0 4px 16px rgba(0,0,0,0.15); min-width: 200px; padding: 0.375rem 0; z-index: 950; } .nav-dropdown-menu.open { display: block; } .nav-dropdown-item { display: block; padding: 3px 20px; color: #111827; text-decoration: none; font-size: 0.875rem; line-height: 1.4; white-space: nowrap; } .nav-dropdown-item:hover { background: #f3f4f6; text-decoration: none; color: #111827; } .nav-dropdown-item--admin { color: #dc2626; } .nav-dropdown-item--disabled { color: #9ca3af; cursor: not-allowed; } .nav-dropdown-divider { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } /* Hide desktop nav on mobile, show on desktop */ .navbar-desktop { display: block; } @media (max-width: 767px) { .navbar-desktop { display: none; } } /* ── Mobile bottom nav bar ── */ .mobile-bottom-nav { display: none; } @media (max-width: 767px) { .mobile-bottom-nav { display: flex !important; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 48px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 1030; align-items: center; overflow: hidden; } footer.mobile-footer-pad { display: none; } main { min-height: calc(100vh - 160px); padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px) + 1rem); } } .mobile-bottom-nav-item { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; background: none; border: none; cursor: pointer; padding: 0; position: relative; color: #6b7280; height: 100%; } .mobile-bottom-nav-item--signin { flex-direction: column; gap: 2px; } .mobile-bottom-nav-label { font-size: 0.625rem; font-weight: 700; color: #3b82f6; letter-spacing: 0.02em; line-height: 1; } .mobile-nav-icon { width: 1.5rem; height: 1.5rem; color: #6b7280; } [aria-current="page"] > .mobile-nav-icon { color: #111827; } .mobile-nav-icon--signin { color: #3b82f6; width: 1.25rem; height: 1.25rem; } .mobile-bottom-nav-item:hover .mobile-nav-icon { color: #111827; } .mobile-cart-badge { position: absolute; top: 2px; right: calc(50% - 16px); background: #ef4444; color: #fff; font-size: 0.625rem; font-weight: 700; border-radius: 9999px; min-width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; padding: 0 3px; line-height: 1; } /* ── Mobile slide-up drawer ── */ .mobile-drawer-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1040; } .mobile-drawer-overlay--visible { display: block; } .mobile-drawer { display: none; position: fixed; bottom: 48px; left: 0; right: 0; z-index: 1050; background: #ffffff; border-radius: 16px 16px 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,0.15); padding: 0.5rem 0 1rem; transform: translateY(100%); transition: transform 250ms cubic-bezier(0.4,0,0.2,1); max-height: 70vh; overflow-y: auto; } .mobile-drawer--visible { display: block; } .mobile-drawer--open { transform: translateY(0); } .mobile-drawer-header { display: flex; align-items: center; justify-content: center; padding: 0.375rem 1rem 0.5rem; position: relative; } .mobile-drawer-handle { width: 40px; height: 4px; background: #d1d5db; border-radius: 2px; } .mobile-drawer-close { position: absolute; right: 1rem; background: none; border: none; padding: 0.25rem 0; cursor: pointer; color: #6b7280; font-size: 0.875rem; font-weight: 500; display: flex; align-items: center; gap: 0.25rem; font-family: inherit; } .mobile-drawer-item { display: flex; align-items: center; padding: 0.5rem 1.25rem; font-size: 0.9375rem; color: #111827; text-decoration: none; gap: 0.75rem; } .mobile-drawer-item:hover { background: #f9fafb; text-decoration: none; color: #111827; } .mobile-drawer-item--cart { background: #eff6ff; } .mobile-drawer-item--danger { color: #ef4444; } .mobile-drawer-icon { width: 1.25rem; height: 1.25rem; color: #6b7280; flex-shrink: 0; } .mobile-drawer-item--danger .mobile-drawer-icon { color: #ef4444; } .mobile-drawer-divider { border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } .ui-tooltip-content { font-size:10pt; font-family:Calibri; } .landing-page h1 { font-family: "Helvetica Neue", Helvetica; font-weight: 300; text-align: center; font-size: 60px; } .landing-page h2 { font-family: "Helvetica Neue", Helvetica; font-weight: 500; font-size: 36px; text-align: center; } .booyah-box { -moz-box-shadow: 1px 1px 2px 0 #d0d0d0; -webkit-box-shadow: 1px 1px 2px 0 #d0d0d0; box-shadow: 2px 3px 2px 0 #d0d0d0; background: #fff; border: 1px solid #ccc; border-color: #e4e4e4 #bebebd #bebebd #e4e4e4; margin-top:10px; margin-bottom:15px; padding:20px; color: black; } .transparent-box { background-color: rgba(169, 172, 177, 0.7); color: rgb(255, 255, 255); border: 2px solid #ccc; display: block; float: left; font-size: 14px; line-height: 20px; margin-top: 10px; margin-bottom: 15px; min-height: 1px; padding: 20px; } .grunge-box { background: url(asset_path('subtle_grunge.png')); color: rgb(0, 0, 0); border: 2px solid #ccc; display: block; float: left; line-height: 20px; margin-top: 10px; margin-bottom: 15px; min-height: 1px; padding: 20px; } .clear { clear: both; } .checkboxes-inline { margin: 20px; padding: 20px; display:inline-block; overflow:hidden } .btn-danger-text { color: #ffffff; } .newsletter-ad-copy { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly; } // Place all the styles related to the organizer/competitions controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ .results-page { display: flex; flex-direction: column; align-items: center; } .results-title { font-size: 36px; padding-bottom: 20px; } .results-subtitle { font-size: 24px; } .results-table-head { font-size: 18px; font-weight: bold; } .results-table-botname { font-size: 20px; } .results-add { font-size: 22px; } // Place all the styles related to the organizer/event_groups controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ // Place all the styles related to the organizer/events controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ // Place all the styles related to the organizer/photos controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ .resource-page { display: flex; flex-direction: column; } .resource-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .resource-header-rank-container { display: flex; flex-direction: column; align-items: center; justify-content: space-between; max-width: 128px; } .resource-header-rank-title { font-size: 24px; font-weight: bold; } .resource-header-rank { font-size: 36px; font-weight: bolder; color: red; } .resource-header-title-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .resource-header-title { font-size: 48px; } .resource-header-subtitle { text-align: center; font-size: 24px; } .resource-header-alignment-block { width: 128px; } .resource-body { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } .resource-body-image { flex-direction: column; align-items: center; max-width: 25%; } .box { -moz-box-shadow: 1px 1px 2px 0 #d0d0d0; -webkit-box-shadow: 1px 1px 2px 0 #d0d0d0; box-shadow: 2px 3px 2px 0 #d0d0d0; background: #fff; border: 1px solid #ccc; border-color: #e4e4e4 #bebebd #bebebd #e4e4e4; padding: 20px; color: black; margin-left: 10px; } .resource-body-history { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; max-width: 50%; } .resource-body-history-title { font-size: 36px; margin-bottom: 20px; } .resource-body-history-list { display: flex; line-height: 30px; flex-wrap: wrap; } .resource-body-history-item { font-size: 20px; } .resource-body-table-container { display: flex; flex-direction: column; align-items: center; } .resource-body-history-table-title { font-size: 20px; } .resource-body-history-table { } .resource-body-characteristics { display: flex; flex-direction: column; align-items: center; max-width: 25%; } .resource-body-characteristics-title { font-size: 32px; margin-bottom: 20px; } .resource-body-characteristics-list { display: flex; flex-direction: column; width: 20%; align-items: center; justify-content: flex-start; } .resource-body-characteristics-item { font-size: 16px; margin-bottom: 10px; } .resource-buttons { display: flex; flex-direction: column; justify-content: space-evenly; width: 75%; } .resource-body-description { } @media (max-width: 767px) { .resource-header { flex-direction: column; align-items: center; text-align: center; } .resource-header-alignment-block { width: auto; } .resource-header-title { font-size: 28px; } .resource-header-subtitle { font-size: 18px; } .resource-body { flex-direction: column; align-items: stretch; } .resource-body-image { max-width: 100%; margin-bottom: 15px; } .resource-body-history { max-width: 100%; width: 100%; } .resource-body-characteristics { max-width: 100%; width: 100%; } .resource-body-characteristics-list { width: 100%; } .resource-buttons { flex-direction: row; justify-content: center; width: 100%; gap: 10px; } } /* ── Rankings page ── */ .ranks-page { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem 2rem; } /* Banner */ .ranks-banner { border-radius: 12px; overflow: hidden; margin-bottom: 1.5rem; } .ranks-banner-img { width: 100%; height: auto; display: block; } /* Season selector */ .ranks-season-selector { background: white; border-radius: 8px; padding: 0.75rem 1.25rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); } .ranks-season-label { font-size: 1rem; font-weight: 600; color: #6b7280; margin: 0; white-space: nowrap; } .ranks-season-select { font-size: 1rem; font-weight: 600; padding: 0.3rem 0.75rem; border-radius: 6px; border: 1px solid #d1d5db; color: #111827; background: #f9fafb; cursor: pointer; } /* Mobile jump nav */ .ranks-jump-nav { display: none; } @media (max-width: 767px) { .ranks-jump-nav { display: flex; flex-wrap: wrap; gap: 0.375rem; padding: 0 0 1rem; margin-bottom: 0.5rem; } } .ranks-jump-pill { font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.625rem; border-radius: 9999px; background: #f3f4f6; color: #374151; text-decoration: none; white-space: nowrap; } .ranks-jump-pill:hover { background: #e5e7eb; text-decoration: none; color: #374151; } /* Tiles grid */ .ranks-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 1.25rem; } @media (max-width: 767px) { .ranks-grid { grid-template-columns: 1fr; gap: 0.75rem; } } /* Card */ .ranks-card { background: white; border-radius: 8px; padding: 1.25rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); } .ranks-card-title { font-size: 1.25rem; font-weight: 700; color: #111827; margin: 0 0 1rem; } .ranks-card-title-link { color: #3b82f6; text-decoration: none; } .ranks-card-title-link:hover { color: #2563eb; text-decoration: underline; } .ranks-card-empty { font-size: 1rem; color: #9ca3af; margin: 0; text-align: center; padding: 1rem 0; } .ranks-card-footer { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #f3f4f6; } .ranks-card-view-all { font-size: 1rem; color: #3b82f6; text-decoration: none; } .ranks-card-view-all:hover { text-decoration: underline; color: #3b82f6; } /* Rank table */ .ranks-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .ranks-col-rank { width: 44px; } .ranks-col-photo { width: 84px; } .ranks-col-points { width: 70px; } .ranks-table thead th { font-size: 0.75rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em; padding: 0 0 0.5rem; border-bottom: 1px solid #f3f4f6; } .ranks-th-rank { text-align: center; } .ranks-th-bot { text-align: center; } .ranks-th-points { text-align: right; } .ranks-table tbody tr { border-bottom: none; } .ranks-td-rank { text-align: center; font-size: 1.25rem; font-weight: 700; color: #111827; padding: 0.375rem 0; } .ranks-td-photo { padding: 0.375rem 0.5rem 0.375rem 0; } .ranks-bot-photo { height: 72px; width: 72px; min-width: 72px; object-fit: cover; border-radius: 4px; display: block; } .ranks-bot-photo--placeholder { object-fit: contain; opacity: 0.4; } .ranks-td-bot { padding: 0.375rem 0.5rem 0.375rem 0.75rem; overflow-wrap: break-word; word-break: break-word; text-align: center; } .ranks-bot-name { font-size: 1.125rem; font-weight: 600; color: #3b82f6; text-decoration: none; } .ranks-bot-name:hover { text-decoration: underline; color: #3b82f6; } .ranks-bot-team { font-size: 0.9375rem; color: #6b7280; margin-top: 0.1rem; } .ranks-td-points { text-align: right; font-size: 1.125rem; font-weight: 600; color: #111827; padding-right: 0; font-variant-numeric: tabular-nums; } /* Back link */ .ranks-back-link { font-size: 0.9375rem; color: #333333; text-decoration: none; display: inline-block; margin-bottom: 1rem; } .ranks-back-link:hover { color: #111827; text-decoration: none; } /* Show page title */ .ranks-show-title { font-size: 1.75rem; font-weight: 700; color: #111827; margin: 0 0 1.25rem; } /* FAQ link */ .ranks-faq { text-align: center; margin-top: 1.5rem; } .ranks-faq-link { font-size: 0.9375rem; color: #3b82f6; text-decoration: none; } .ranks-faq-link:hover { text-decoration: underline; } /* No data */ .ranks-no-data { display: flex; flex-direction: column; align-items: center; } .ranks-no-data-title { font-size: 2.5rem; padding: 5rem 0; text-align: center; } .ranks-no-data-subtitle { text-align: center; font-size: 2.5rem; padding: 5rem 0; animation: fadeIn 5s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 767px) { .ranks-page { padding: 1rem 0.75rem 1.5rem; } .ranks-banner { border-radius: 8px; margin-bottom: 1rem; } .ranks-bot-photo { height: 50px; width: 50px; } .ranks-col-photo { width: 62px; } .ranks-bot-name { font-size: 1rem; } .ranks-bot-team { font-size: 0.8125rem; } .ranks-td-rank { font-size: 1.125rem; } .ranks-td-points { font-size: 1rem; } .ranks-no-data-title, .ranks-no-data-subtitle { font-size: 1.5rem; padding: 2.5rem 0; } }