/*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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; filter:Alpha(Opacity=0); /* support: IE8 */ } .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 Accordion 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/autocomplete/#theming */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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; -moz-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .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 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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 { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ .ui-draggable-handle { touch-action: none; } /*! * jQuery UI Menu 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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; /* support: IE10, see #8844 */ 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; } /* 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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /*! * jQuery UI Resizable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ .ui-sortable-handle { touch-action: none; } /*! * jQuery UI Slider 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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: default; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .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; } /*! * jQuery UI Spinner 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://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.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://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; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/packs/media/images/ui-icons_444444_256x240-a4c733ec.png); } .ui-widget-header .ui-icon { background-image: url(/packs/media/images/ui-icons_444444_256x240-a4c733ec.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/packs/media/images/ui-icons_555555_256x240-97136473.png); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/packs/media/images/ui-icons_ffffff_256x240-bf27228a.png); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/packs/media/images/ui-icons_777620_256x240-208a2901.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/packs/media/images/ui-icons_cc0000_256x240-0de3b517.png); } .ui-button .ui-icon { background-image: url(/packs/media/images/ui-icons_777777_256x240-73a1fd05.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .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}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */ } .ui-widget-shadow { box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } @charset "UTF-8"; .btn { display: inline-block; font-weight: 400; color: #495057; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9375rem; line-height: 1.8461538462; border-radius: 3px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #495057; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #467fcf; border-color: #467fcf; } .btn-primary:hover { color: #fff; background-color: rgb(19.2880585711%, 42.1926281242%, 74.3393924093%); border-color: rgb(18.2580156526%, 39.9394092401%, 70.3694353278%); } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 2px rgba(38.3333333333%, 57.3333333333%, 84%, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #467fcf; border-color: #467fcf; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: rgb(18.2580156526%, 39.9394092401%, 70.3694353278%); border-color: rgb(17.2279727342%, 37.686190356%, 66.3994782462%); } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(38.3333333333%, 57.3333333333%, 84%, 0.5); } .btn-secondary { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:hover { color: #fff; background-color: rgb(44.7748568454%, 48.1862745098%, 51.5976921742%); border-color: rgb(42.4518479958%, 45.6862745098%, 48.9207010238%); } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 2px rgba(59.6666666667%, 62.3333333333%, 65%, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: rgb(42.4518479958%, 45.6862745098%, 48.9207010238%); border-color: rgb(40.1288391463%, 43.1862745098%, 46.2437098733%); } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(59.6666666667%, 62.3333333333%, 65%, 0.5); } .btn-success { color: #fff; background-color: #5eba00; border-color: #5eba00; } .btn-success:hover { color: #fff; background-color: rgb(29.2820999367%, 57.9411764706%, 0%); border-color: rgb(26.7552182163%, 52.9411764706%, 0%); } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 2px rgba(46.3333333333%, 77%, 15%, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #5eba00; border-color: #5eba00; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: rgb(26.7552182163%, 52.9411764706%, 0%); border-color: rgb(24.2283364959%, 47.9411764706%, 0%); } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(46.3333333333%, 77%, 15%, 0.5); } .btn-info { color: #fff; background-color: #45aaf2; border-color: #45aaf2; } .btn-info:hover { color: #fff; background-color: rgb(13.0387230269%, 60.2596314908%, 93.9220612868%); border-color: rgb(8.3653561927%, 58.1239530988%, 93.595428121%); } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 2px rgba(38%, 71.6666666667%, 95.6666666667%, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #45aaf2; border-color: #45aaf2; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: rgb(8.3653561927%, 58.1239530988%, 93.595428121%); border-color: rgb(6.3341215883%, 55.5453739285%, 90.6266627254%); } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(38%, 71.6666666667%, 95.6666666667%, 0.5); } .btn-warning { color: #fff; background-color: #f1c40f; border-color: #f1c40f; } .btn-warning:hover { color: #fff; background-color: rgb(80.6855025475%, 65.5569708198%, 4.7066543153%); border-color: rgb(75.9610930987%, 61.7183881427%, 4.4310637641%); } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 2px rgba(95.3333333333%, 80.3333333333%, 20%, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #f1c40f; border-color: #f1c40f; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: rgb(75.9610930987%, 61.7183881427%, 4.4310637641%); border-color: rgb(71.2366836498%, 57.8798054655%, 4.1554732129%); } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(95.3333333333%, 80.3333333333%, 20%, 0.5); } .btn-danger { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-danger:hover { color: #fff; background-color: rgb(67.3624958458%, 10.5151213028%, 10.186523762%); border-color: rgb(63.0192755068%, 9.8371552011%, 9.529744101%); } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 2px rgba(83.3333333333%, 25.6666666667%, 25.3333333333%, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: rgb(63.0192755068%, 9.8371552011%, 9.529744101%); border-color: rgb(58.6760551678%, 9.1591890994%, 8.87296444%); } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(83.3333333333%, 25.6666666667%, 25.3333333333%, 0.5); } .btn-light { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #495057; background-color: rgb(88.5049019608%, 90.1470588235%, 91.7892156863%); border-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%); } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 2px rgba(86.9607843137%, 87.7058823529%, 88.4509803922%, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #495057; background-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%); border-color: rgb(82.6715686275%, 85.1470588235%, 87.6225490196%); } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(86.9607843137%, 87.7058823529%, 88.4509803922%, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: rgb(13.6680189317%, 15.2450980392%, 16.8221771467%); border-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%); } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 2px rgba(32.3333333333%, 34.3333333333%, 36.3333333333%, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%); border-color: rgb(9.185260311%, 10.2450980392%, 11.3049357674%); } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(32.3333333333%, 34.3333333333%, 36.3333333333%, 0.5); } .btn-outline-primary { color: #467fcf; border-color: #467fcf; } .btn-outline-primary:hover { color: #fff; background-color: #467fcf; border-color: #467fcf; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #467fcf; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #467fcf; border-color: #467fcf; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5); } .btn-outline-secondary { color: #868e96; border-color: #868e96; } .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5); } .btn-outline-success { color: #5eba00; border-color: #5eba00; } .btn-outline-success:hover { color: #fff; background-color: #5eba00; border-color: #5eba00; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5eba00; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5eba00; border-color: #5eba00; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5); } .btn-outline-info { color: #45aaf2; border-color: #45aaf2; } .btn-outline-info:hover { color: #fff; background-color: #45aaf2; border-color: #45aaf2; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #45aaf2; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #45aaf2; border-color: #45aaf2; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5); } .btn-outline-warning { color: #f1c40f; border-color: #f1c40f; } .btn-outline-warning:hover { color: #fff; background-color: #f1c40f; border-color: #f1c40f; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f1c40f; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f1c40f; border-color: #f1c40f; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); } .btn-outline-danger { color: #cd201f; border-color: #cd201f; } .btn-outline-danger:hover { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #cd201f; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #467fcf; text-decoration: none; } .btn-link:hover { color: rgb(16.1979298157%, 35.4329714719%, 62.4295211647%); text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #868e96; pointer-events: none; } .btn-lg { padding: 0.5rem 1rem; font-size: 1.125rem; line-height: 1.625; border-radius: 3px; } .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.3333333333; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card-body { flex: 1 1 auto; padding: 1.5rem; } .card-title { margin-bottom: 1.5rem; } .card-subtitle { margin-top: -0.75rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.5rem; } .card-header { padding: 1.5rem 1.5rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 40, 100, 0.12); } .card-header:first-child { border-radius: calc(3px - 1px) calc(3px - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 1.5rem 1.5rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 40, 100, 0.12); } .card-footer:last-child { border-radius: 0 0 calc(3px - 1px) calc(3px - 1px); } .card-header-tabs { margin-right: -0.75rem; margin-bottom: -1.5rem; margin-left: -0.75rem; border-bottom: 0; } .card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(3px - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(3px - 1px); border-top-right-radius: calc(3px - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(3px - 1px); border-bottom-left-radius: calc(3px - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 0.75rem; margin-bottom: 0; margin-left: 0.75rem; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1.5rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .checkbox-compoent { width: 20px; height: 20px; display: inline-block; position: relative; z-index: 1; top: 3px; cursor: pointer; background: url(/packs/media/themes/general/desktop/images/form/checkboxsmall-28e103bedd4070bf8e5e248a433ab040.png) no-repeat; } .checkbox-compoent:hover { background: url(/packs/media/themes/general/desktop/images/form/checkboxsmall-hover-28e103bedd4070bf8e5e248a433ab040.png) no-repeat; } .checkbox-compoent.selected { background: url(/packs/media/themes/general/desktop/images/form/checkboxsmall-selected-0722f6a44d07afde78b2314364ad4892.png) no-repeat; } .checkbox-compoent input[type=checkbox] { margin: 0; position: absolute; z-index: 2; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .checkbox-compoent input[type=checkbox]:focus { outline: none; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } .fancybox-container #content { float: none; } .ui-datepicker { width: 240px; padding: 0 2.5px; display: none; background: #FFFFFF; border: 1px solid #a2a2a2; font-size: 18px; color: #000; border-radius: 3px; font-weight: 400; z-index: 100 !important; } .ui-datepicker-inline { width: 100%; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; width: 30px; height: 30px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: #d4d4d4; } .ui-datepicker .ui-datepicker-prev { left: 2px; border-radius: 3px 0 0 3px; } .ui-datepicker .ui-datepicker-next { right: 2px; border-radius: 0px 3px 3px 0px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; text-indent: -99999px; width: 8px; height: 15px; } .ui-datepicker .ui-datepicker-prev span { margin: 8px 0px 0 10px; } .ui-datepicker .ui-datepicker-next span { margin: 8px 0px 0 12px; } .ui-datepicker .ui-datepicker-title { margin: 0 2em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { background: transparent; width: 60px !important; padding: 4px; font-size: 16px; line-height: normal; font-weight: 400; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; } .ui-datepicker .ui-datepicker-title div { width: 74px !important; height: 30px; overflow: hidden; border-radius: 3px; float: left; margin: 0 3px; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 0 2.5px 0; } .ui-datepicker th { padding: 0.2em 0.3em; text-align: center; border: 0; } .ui-datepicker td { border: 0; padding: 2.5px; } .ui-datepicker-trigger { position: absolute; margin: 10px 0 0 -30px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: center; text-decoration: none; border-radius: 3px; } .ui-datepicker td span, .ui-datepicker td a:hover { background: #d4d4d4; } .ui-datepicker td span, .ui-datepicker td a.ui-state-highlight { color: #FFF; } .ui-datepicker .ui-datepicker-unselectable .ui-state-default { background: #c3c3c3; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.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 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } /* 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 { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .datepicker1 { cursor: pointer; } .continue-button { float: right; } .continue-button .y-button { border: 1px solid #949494; border-radius: 3px; } .continue-button-hotel { float: right; margin: 10px 0 10px 0; } .continue-button-hotel .y-button { border: 1px solid #949494; border-radius: 3px; } .continue-button-hotel-gallery { float: right; margin: 5px 0 10px 0; } .continue-button-hotel-gallery .y-button { border: 1px solid #949494; border-radius: 3px; } .ynew-button { margin-bottom: 5px; padding: 0 15px 0 15px; border: 1px solid #000; border-radius: 3px; cursor: pointer; display: inline-block; float: right; } .ynew-button a { height: 30px; line-height: 30px; font-size: 16px; font-weight: 400; color: #FFFFFF; } .y-button-padding-0-2 { padding: 0 2px !important; } .y-button { border-radius: 3px; cursor: pointer; display: inline-block; border: 1px solid #999; padding: 0 15px; } .y-button a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; } .y-button a.back { padding: 0 30px 0 0; } .cookie-message { z-index: 999; position: fixed; background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; text-align: center; color: white; height: 40px; overflow-wrap: break-word; min-width: 260px; line-height: 24px; border-radius: 0 10px 0 0; padding: 5px; transition: opacity 0.5s ease-in-out; } .cookie-message span { line-height: 32px; padding-right: 10px; } .cookie-message-popup-content { width: 600px !important; } .cookie-message-popup-content h3:first-child { font-size: 30px; line-height: 40px; margin-bottom: 5px; } .cookie-message-popup-content h3 { padding-top: 5px; } .error-page { margin: 2em auto; padding: 0; text-align: left; width: 650px; border: 5px solid #c4c4c4; background-color: #FFF; border-bottom-style: solid; border-bottom-color: #9f9f9f; } .error-page #spacing { height: 100px; } .error-page h1 { padding: 0.65em 15px; color: #453; font: bold 20px "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif; background-color: #e9ded5; margin-top: 0; border-bottom: 1px solid #b8b8b8; } .error-page .content { padding: 15px; text-align: center; } .error-page .content img { width: 100px; display: inline-block; } * { box-sizing: border-box; } body { line-height: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 300; color: #000; height: 100%; font-size: 16px; } .clear { margin: 0; padding: 0; clear: both; } .last { margin-right: 0 !important; } a { text-decoration: none; } sub { vertical-align: text-bottom; font-size: 60%; } sup { vertical-align: text-top; font-size: 60%; } strong, b { font-weight: 400; } .left { float: left; } .right { float: right; } .wd { width: 100%; } .pd { padding: 10px; } .mrR20 { margin-right: 20px; } .mrL20 { margin-left: 20px; } .pdL10 { padding-left: 10px; } .pdR10 { padding-right: 10px; } .pdL20 { padding-left: 20px; } .pdR20 { padding-right: 20px; } .position-relative { position: relative; } .sectionspace { padding-top: 40px; } .mr0 { margin: 0 !important; } ::-ms-clear { display: none; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 30px; } input, select { border: 0; border-radius: 3px; font-family: "Roboto Condensed", sans-serif; font-weight: 300; } input:focus, input:hover { background-color: #fdf5ce !important; } input[type=submit]:focus, input[type=submit]:hover { background-color: transparent !important; } .fancysupport .fancybox-close { display: inline; } .fancyconditions .fancybox-close { display: inline; } .show_as_mobile { text-align: center; padding: 15px 10px 10px 10px; } .show_as_mobile img { position: relative; top: 7px; padding-right: 5px; } .show_as_mobile a { color: #000; font-size: 20px; font-weight: 400; } .hr { height: 1px; margin: 0px 1% 0px 1%; } .back_btn { padding: 0 5px 0 0; border-radius: 3px; cursor: pointer; display: inline-block; margin-top: -10px; } .button-end { float: right; width: 100%; margin: 30px 0 0 0; } .yd-button { padding: 0 15px; border-radius: 3px; cursor: pointer; display: inline-block; } .yd-button a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .yd-button .back { padding: 0 30px 0 0; } .yd-button .fly { padding: 0 40px 0 0; color: #FFFFFF; } .yd-button-pop { padding: 0 15px; border-radius: 3px; cursor: pointer; display: inline-block; } .yd-button-pop a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .yd-button-pop .back { padding: 0 30px 0 0; } .yd-button-pop .fly { padding: 0 0px 0 0; color: #FFFFFF; } .yd-button-pop .hotel { padding: 0 40px 0 0; color: #FFFFFF; } /*========== Custom ==============*/ .layout { max-width: 1260px; width: 98%; margin: 0 auto; } /*========== Navigation ==============*/ nav.mainnav { position: relative; background-color: #fdf5ce !important; top: 20px; } ul.topnav { float: right; } ul.topnav li { float: left; margin: 0 0 0 5px; } ul.topnav li a { font-size: 16px; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; } ul.topnav li a:hover, ul.topnav li a.active { color: #FFF; } /*========== Navigation ==============*/ #wrap { float: left; width: 100%; } .top20 { padding-top: 20px; } .main { float: left; width: 100%; border-radius: 3px; padding: 15px 0px 5px 0px; } .white-bg { background: #FFF; } .service-package-wrap { float: left; width: 100%; } .service-package { padding: 0 15px; } .service-package label { float: left; margin: 0 15px 15px 0px; cursor: pointer; } .service-package label span { float: left; line-height: 40px; padding: 0 0 0 5px; font-size: 22px; color: #000; } .custom-radio-search_type { width: 40px; height: 40px; display: inline-block; position: relative; z-index: 1; /*top: 25px;*/ margin: 0 0 0 5px; cursor: pointer; float: left; } .custom-radio-search_type input[type=radio] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .booking_information { padding: 10px; } .booking_information img { float: right; } .booking_information .text { font-size: 15px; } .inline-picker { width: 100%; } .search_box { position: relative; overflow: hidden; } .search_box_small { max-height: 200px; overflow: hidden; } .search_box_overlay { height: 100%; width: 100%; top: 0; left: 0px; position: absolute; opacity: 0.9; filter: alpha(opacity=90); z-index: 1000; background-color: #FFF; display: none; } .search_box_overlay_top { height: 100%; width: 100%; top: 0; left: 0px; position: absolute; z-index: 1001; margin-top: 15px; font-weight: 400; display: none; } .search_box_overlay_top .title { color: #000; font-size: 30px; line-height: 35px; padding: 0 0 30px 0; } .search_box_overlay_top .title span { font-size: 22px; display: block; padding: 10px 0 0 0; } .search_box_overlay_top .package { display: none; } .search_box_overlay_top .hotel { display: none; } .search_box_overlay_top .air { display: none; } .tooltipster-red .tooltipster-box { background: #FC575E !important; border: 2px solid #444 !important; border-radius: 6px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); } .tooltipster-red .tooltipster-content { color: #FFF !important; padding: 8px; } .tooltipster-red.tooltipster-top .tooltipster-arrow-background { border-top-color: #FC575E; } .tooltipster-red.tooltipster-left .tooltipster-arrow-background { border-left-color: #FC575E; } .tooltipster-content sub { bottom: -0.25em; position: relative; vertical-align: baseline; } .main_btn_wide { width: 311px; } .custom-checkbox-search_only_direct_flights, .custom-checkbox-search_advanced_hotel_search, .custom-checkbox-search_only_with_bags, .custom-checkbox-search_max_one_stop, .custom-checkbox-search_only_private_fares, .custom-checkbox-search_only_public_fares, .custom-checkbox-search_no_ndc, .custom-checkbox-search_only_rebookable { width: 40px; height: 40px; display: inline-block; position: relative; z-index: 1; top: 3px; cursor: pointer; } .custom-checkbox-search_only_direct_flights input[type=checkbox], .custom-checkbox-search_advanced_hotel_search input[type=checkbox], .custom-checkbox-search_only_with_bags input[type=checkbox], .custom-checkbox-search_max_one_stop input[type=checkbox], .custom-checkbox-search_only_private_fares input[type=checkbox], .custom-checkbox-search_only_public_fares input[type=checkbox], .custom-checkbox-search_no_ndc input[type=checkbox], .custom-checkbox-search_only_rebookable input[type=checkbox] { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .fly-form ul li.direct-flight span { float: left; line-height: 40px; padding: 0 0 0 5px; cursor: pointer; } button[type=submit], input[type=submit] { height: 40px; font-size: 18px; cursor: pointer; font-weight: 400; } .disable { opacity: 0.5; } div.yellow-submit { padding: 0 10px; border-radius: 3px; border: 1px solid #999; } .f-scroll-wrap { border-radius: 3px; float: right; width: 24%; padding: 0 0 10px 0; margin: 0 15px 15px 0; } .f-scroll-title { border-radius: 3px 3px 0 0; font-size: 20px; text-transform: uppercase; font-weight: 400; display: block; padding: 10px; margin: 0 0 10px 0; } .f-scroll-title span { font-size: 14px; font-weight: 300; text-transform: none; display: block; } .f-scroll { width: 100%; float: left; } .f-scroll ul { padding: 0 6px; } .f-scroll ul li { list-type: none; margin: 0; float: left; width: 100%; } .f-scroll ul li a { border-radius: 3px; margin: 5px 0; float: left; width: 100%; } .f-scroll ul li div { font-size: 16px; padding: 8px 10px; } .f-scroll ul li div strong { font-weight: 400; } .f-scroll ul li div span { color: #c2c2c2; font-size: 12px; display: block; } .f-scroll ul li div.left { width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .f-scroll ul li div.right { width: 40%; text-align: right; padding-top: 10px; } .youth-age { width: 100%; text-align: center; padding-top: 6px; font-size: 14px; } #youth-tickets-info { width: 100%; padding: 6px 0 8px 4px; font-size: 16px; display: none; } .covid-container { display: block; font-size: 16px; margin: 0 30px; } .covid-container .bottom-text { text-align: right; } .covid-container .top-paragraph, .covid-container .bottom-text { margin-top: 20px; } .destination-container { display: block; font-size: 16px; margin: 0 30px; } .destination-container p { margin-bottom: 10px; } .destination-container { margin-bottom: 60px; } .about-sec { float: left; width: 69%; padding: 20px 0; } .about-sec .image { float: left; margin: 0 20px 0 0; padding: 0 0 0 15px; width: 30%; } .about-sec img { border-radius: 3px; width: 100%; } .about-sec div.con { font-size: 16px; padding: 0 15px 0 0; float: right; width: 66%; } .about-sec div.con .title, .covid-container .title { color: #000; font-size: 30px; padding: 0 0 30px 0; } .about-sec div.con .title span { font-size: 22px; display: block; padding: 10px 0 0 0; } .shortcon { float: left; width: 100%; } .shortcon ul { font-size: 0; text-align: center; margin: 20px 15px 0 15px; } .shortcon ul li { display: inline-block; vertical-align: top; border-radius: 3px; font-size: 14px; color: #000000; line-height: 18px; text-align: left; width: 24.2%; padding: 1%; /* padding percentage height doesnt work in firefox.... */ padding-top: 10px; padding-bottom: 10px; margin: 0 1% 20px 0; min-height: 125px; } .shortcon ul li + li + li + li { margin-right: 0; } .shortcon ul li div.title { font-size: 18px; font-weight: 400; float: left; width: 100%; margin: 0 0 10px 0; } .mainbanner { float: left; width: 100%; text-align: center; } .mainbanner div.space { padding: 0 15px; } .mainbanner img { border-radius: 3px; width: 100%; } .cheapest-destinations { float: left; width: 100%; margin: 20px 0 0 0; } .cheapest-destinations > ul { font-size: 0; text-align: center; margin: 0 15px; } .cheapest-destinations > ul > li { display: inline-block; vertical-align: top; border-radius: 3px; font-size: 14px; color: #000000; line-height: 18px; text-align: left; width: 24.2%; padding: 1%; margin: 0 1% 15px 0; min-height: 395px; } .cheapest-destinations > ul > li + li + li + li { margin-right: 0; } .cheapest-destinations > ul > li div.title { border-radius: 3px; color: #FFF; text-align: center; padding: 10px 5px; font-size: 20px; margin: 0 0 15px 0; } ul.cd-list { float: left; width: 100%; } ul.cd-list li { float: left; width: 100%; border-bottom: 1px dashed #d8f2ff; } ul.cd-list li:last-child { border: 0; } ul.cd-list li a { display: block; color: #000; padding: 1px 0; } ul.cd-list li a:hover { background: #f4f4f4; } ul.cd-list li span { text-align: right; float: right; } .footer-logo { display: block; padding: 15px; } .footer-logo ul { border-radius: 3px; text-align: center; } .footer-logo ul li { display: inline-block; margin: 10px 15px; } .footer-bottom { float: left; width: 100%; font-size: 12px; font-weight: 300 !important; color: #000; text-transform: uppercase; } ul.footer-menu { float: left; margin: 0 0 0 15px; } ul.footer-menu li { float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; } ul.footer-menu li:last-child { background: none; margin: 0; padding: 0; } ul.footer-menu li a { color: #000; } ul.footer-menu li a:hover { text-decoration: underline; } div.sidebyside { display: inline-block; width: 135px; } .copyright { float: right; margin: 0 15px 0 0; } #searching { margin-top: 15px; border: 1px solid #949494; border-radius: 3px; } #searching .title { color: #000; font-size: 30px; line-height: 35px; padding: 0 0 30px 0; } #searching .title span { font-size: 22px; display: block; padding: 10px 0 0 0; } .flight { text-align: center; } .fly-form ul li label.room-icon span { height: 44px; line-height: 44px; padding: 0 0 0 45px; margin-bottom: 12px; display: block; } .fly-form ul.smallrow li { width: 21.2%; } .fly-form ul.smallrow li.xsmall { width: 12.7%; } .fly-form ul.smallrow li.xsmall-first { width: 12.7%; } .fly-form ul.smallrow li.xmed { min-width: 155px; } .fly-form ul.smallrow li.xbig { min-width: 206px; } .fly-form ul.smallrow li.roomlist { width: 13%; margin-right: 2%; } .fly-form ul.smallrow li.roomlist select { width: 30%; float: left; } .fly-form ul.smallrow li.roomlist label { float: left; } .fly-form ul.smallrow li + li + li { margin: 0 5% 0 0; } .fly-form ul.smallrow li + li + li + li { margin-right: 0; } .room-number { padding: 10px; display: block; } .clr:before, .clr:after { content: ""; display: table; } .clr:after { clear: both; } /* Contact Page --------------------------------------*/ #container { padding: 0 15px; } #content { width: 944px; } #sidebar { width: 256px; float: right; } #content h1 { font-size: 36px; margin-bottom: 20px; } #content h4 { font-size: 18px; color: #000; text-decoration: underline; } #content p { margin-bottom: 20px; line-height: 22px; } #content .addressmap { height: 494px; width: 100%; float: left; margin: 0; } #content ul.list { margin-bottom: 20px; margin-left: 15px; line-height: 22px; list-style-type: disc; } #content ul.list ul.sublist { padding-left: 10px; list-style-type: circle; } ul.condition > li { border-bottom: 2px solid #f7f7f7; margin-bottom: 20px; } ul.condition > li:last-child { border: none; margin-bottom: 0; } .ui-state-focus { background: #d4d4d4; } /*-------------------------------------- Sidebar */ #sidebar .searchflyform { border-radius: 3px; background: #f1f1f1; padding: 12px; width: 100%; float: left; } #sidebar .title { border-radius: 3px; color: #FFF; font-size: 18px; padding: 10px; } #sidebar .searchflyform ul li { width: 100%; margin: 12px 0 0 0; float: left; } #sidebar .searchflyform input[type=text] { width: 100%; height: 38px; float: left; background: #FFF; font-size: 18px; text-transform: uppercase; padding: 0 15px 0 40px; line-height: 38px; } #sidebar .searchflyform a { font-size: 18px; text-decoration: underline; } #sidebar .searchflyform a:hover { text-decoration: none; } #sidebar .ui-selectmenu-menu li a, #sidebar .ui-selectmenu-status { padding-left: 40px; } #sidebar .addressbox { width: 100%; color: #fff; padding: 10px 15px 5px 15px; float: right; font-size: 18px; margin: 20px 0 0 0; border-radius: 3px; } #sidebar .addressbox p { margin-bottom: 10px; padding: 0 0 0 26px; line-height: normal; color: #FFF; } #sidebar .addressbox p.email a { color: #fff; } #sidebar .addressbox p.phone a[href^=tel] { color: inherit; text-decoration: none; } #sidebar .addressbox b { color: #eccc00; } .ui-selectmenu-menu .select-airline { width: 302px !important; } .select-airline .ui-selectmenu-status { background: url(/packs/media/themes/general/desktop/images/site/blue-fly-e9360a3e14043dd4fa7ab8a479c05d09.png) #FFF no-repeat 10px center; } /*-------------------------------------- beforetrip */ .secureuserimg { float: left; width: 10%; } .secureusercontent { float: right; width: 85%; } .aeimg { float: left; width: 30%; } .aeimg img { margin-bottom: 25px; } .aecontent { float: right; width: 65%; } /*-------------------------------------- Warning MSG */ .warningmsg { text-align: center; float: left; width: 100%; border: 4px solid #CCC; padding: 40px 20px; background: #FFF; } .warningmsg h1 { font-size: 36px; margin: 20px 0; } .warningmsg h3 { font-size: 20px; color: #666; } .warningmsg ul { width: 100%; display: block; font-size: 0; margin: 50px 0 0 0; } .warningmsg ul li { display: inline-block; vertical-align: top; padding: 0 30px; font-size: 20px; font-weight: 400; line-height: 20px; border-right: 1px solid #ececec; } .warningmsg ul li:last-child { border: none; } .warningmsg ul li .version { color: #666; font-weight: 300; font-size: 14px; } /*-------------------------------------- Top Search */ .ui-autocomplete { z-index: 11; } .message-panel { z-index: 9999; position: fixed; background-color: rgba(255, 0, 0, 0.75); bottom: 0; left: 0; text-align: center; color: white; padding: 10px; height: 125px; overflow-wrap: break-word; width: 400px; line-height: 24px; border-radius: 0 10px 0 0; transition: opacity 0.5s ease-in-out; } .autocomplete-container.ui-menu-item-wrapper { padding: 5px 10px; } .ui-menu .ui-widget .ui-widget-content .ui-autocomplete .ui-front { height: auto; } .autocomplete-container.ui-menu-item-wrapper.ui-state-active { color: #000000; margin: 0; } .searchfield .container { font-family: "Roboto Condensed", sans-serif; display: inline-block; } .searchfield .name { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 16px; line-height: 18px; } .searchfield .country { font-family: "Roboto Condensed", sans-serif; display: block; font-size: 14px; line-height: 18px; font-weight: 300; } .searchfield .iata { font-family: "Roboto Condensed", sans-serif; float: right; padding-right: 10px; padding-top: 10px; padding-bottom: 14px; vertical-align: middle; font-size: 16px; line-height: 18px; font-weight: 300; font-style: normal; } .searchfield.cityairport .container { padding-left: 20px !important; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .inline-block { width: 100%; display: inline-block; } .inline-block-no-width { display: inline-block; } .modal { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 9999; } .modal--visible { opacity: 1; visibility: visible; pointer-events: auto; } .modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); } .modal__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .modal__title { margin: 0; } .modal__content { position: relative; width: 100%; max-width: 700px; max-height: 90vh; overflow-y: auto; background: white; border-radius: 8px; padding: 32px; z-index: 1; } .modal__close { position: absolute; top: 16px; right: 16px; border: 0; background: transparent; font-size: 32px; line-height: 1; cursor: pointer; } .modal-open { overflow: hidden; } .price_calculation_air_window .fancybox-content { padding: 0px !important; } .price-cal-wrap { width: 1000px !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .price-cal-wrap .price-cal { width: 100%; } .price-cal-wrap .price-cal thead { background-color: #eccc00; } .price-cal-wrap .price-cal thead th { padding: 14px 20px; } .price-cal-wrap .price-cal tbody td { padding: 10px 20px; } .price-cal-wrap .price-cal tbody td.subtotal, .price-cal-wrap .price-cal tbody td.summery-price { text-align: right; } .price-cal-wrap div.travelers { padding: 20px 30px; text-align: center; } .page_about .about { padding: 0 15px; } .page_about .about__content { display: inline-block; } .page_about .about__content h1 { font-size: 36px; margin-bottom: 20px; } .page_about .about__content p { margin-bottom: 20px; line-height: 22px; } .page_contact { margin-bottom: 15px; margin-top: 15px; } .page_contact .contact { padding: 0 15px; display: flex; } .page_contact .contact__content { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .page_contact .contact__content .addressmap { border-top: 1px solid #2012aa; height: 500px; padding-top: 16px; width: calc(100% - 16px); } .page_contact .contact__content h1 { font-size: 36px; margin: 16px 0 24px; } .page_contact .contact__content p { line-height: 22px; margin-bottom: 24px; max-width: 70%; } .page_contact .contact__content a { color: #2012aa; } .page_contact .contact__sidebar { flex: 1; flex-basis: 256px; flex-grow: 0; flex-shrink: 0; } .banners_horizontal { padding-bottom: 15px; } .banners_horizontal img { border-radius: 5px; } .right_banner { float: right; padding-bottom: 15px; } .right_banner img { border-radius: 5px; } .filter_banner { background: url(/packs/media/themes/general/desktop/images/site/filter__sv-SE-d13e00c7f5d3dfb520986fcb2fc68af5.png) no-repeat; width: 278px; height: 358px; clear: both; border-radius: 3px; } .filter_banner.sv-SE { background: url(/packs/media/themes/general/desktop/images/site/filter__sv-SE-d13e00c7f5d3dfb520986fcb2fc68af5.png) no-repeat; } .filter_banner.da-DK { background: url(/packs/media/themes/general/desktop/images/site/filter__da-DK-9bce81e74d4f40c683edc1eb5c415086.png) no-repeat; } .filter_banner.nb-NO { background: url(/packs/media/themes/general/desktop/images/site/filter__nb-NO-e9847f0f25828884cc3902c81c21edef.png) no-repeat; } .sponsor { float: left; padding-right: 5px; padding-bottom: 15px; line-height: 40px; font-weight: 400; } .ui-slider { height: 12px; position: relative; text-align: left; border-radius: 10px; width: 93%; margin-left: 3px; } .ui-slider-handle { cursor: pointer; width: 20px; height: 20px; position: absolute; z-index: 2; border-radius: 25px; top: -4px; margin-left: -5px; } .ui-slider-range { position: absolute; border: 0; top: 0; height: 100%; border-radius: 25px; width: 100%; } .Switch { position: relative; display: inline-block; font-size: 11px; font-weight: bold; height: 21px; border-radius: 3px; cursor: pointer; padding: 2px 3px 3px; } .Switch span { display: inline-block; width: 17px; } .Switch .Toggle { position: absolute; top: 2px; width: 20px; height: 17px; border-radius: 3px; z-index: 8; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; } .Switch.On .Toggle { left: 50%; } .Switch.Off .Toggle { left: 4%; } .rangeslider { border-radius: 0 0 3px 3px !important; } .rangeslider ul li { width: 100%; float: left; margin-bottom: 15px; } .rangeslider .caption { margin-bottom: 30px; } .rangeslider label { font-size: 14px; padding-right: 4px; } .rangeslider input:hover[type=text], .rangeslider input:focus[type=text] { background: none !important; } .filter { color: #FFFFFF; } .filter .filter-section { width: 100%; border-radius: 3px; margin: 0 0 1px; background-color: #2520AF; } .filter .filter-section .filter-header .filter-header-text { display: inline-block; } .filter .filter-section .filter-header .filter-header-text span, .filter .filter-section .filter-header .filter-header-text small { display: block; } .filter .filter-section .filter-header .filter-header-text small { font-size: 75%; color: lightgray; } .filter .filter-section .filter-header .filter-header-actions { float: right; display: block; } .filter .filter-section .filter-content { padding: 0 20px; } .filter .filter-section.filter-collapsable .filter-header { display: block; padding-left: 35px; color: #ECCC00; } .filter .filter-section.filter-collapsable .filter-header:hover { border-radius: 3px; background-color: #3B36D9; } .filter .filter-section.filter-section-main .filter-header { border-radius: 3px; background-color: #1866AA; padding: 10px 10px 5px 10px; } .filter .filter-section.filter-section-main .filter-content { padding: 10px 20px; } .filter .filter-closed .filter-header { background: url(/packs/media/themes/general/desktop/images/site/white-right-arrow-6ebbd6050ed53885201d868e39217134.png) 0 no-repeat; background-position-x: 15px; } .filter .filter-closed .filter-content { display: none; } .filter .filter-open .filter-header { background: url(/packs/media/themes/general/desktop/images/site/white-down-arrow-b31163dad852e10b7d641b1fff038b9b.png) 0 no-repeat; background-position-x: 15px; } .filter .filter-open { padding-bottom: 15px; } .filter .filter-header { padding: 10px; } .filter .ui-slider { width: 100%; margin: 0; } .filter .select-links { font-size: 12px; display: block; position: relative; top: -12px; right: 5px; } .filter .filter-label-group > .filter-label:first-child { text-align: left; } .filter .filter-label { text-align: right; font-size: 12px; } .filter ul li { padding: 5px 0; } .filter table { width: 100%; } .filter table td { padding: 5px 0; } .filter input[type=button] { border: none; border-radius: 3px; padding: 3px 8px; cursor: pointer; float: right; } .filter .hotelname { background-color: #818181; float: left; border: 1px solid #D5D5D5; width: 100%; padding: 5px; font-size: 16px; text-align: left; } .filter #filter_price_txt_max { float: right; } .searchfilter #mapview .map-preview { overflow: hidden; } .tripadvisor_powered_by { margin-left: 10px; padding-top: 10px; text-align: right; font-size: 12px; } .tripadvisor_powered_by .tripadvisor_powered_by_image, .tripadvisor_powered_by .tripadvisor_powered_by_text { display: inline-block; } .tripadvisor_powered_by .tripadvisor_powered_by_image { width: 60%; text-align: center; } .tripadvisor_powered_by .tripadvisor_powered_by_image img { width: 100%; } .tripadvisor_powered_by .tripadvisor_powered_by_text { width: 39%; float: left; } .fake-filter { height: 600px; background-color: #2824b7; border-radius: 3px; padding-top: 20px; } .fake-filter .fake-filter-header:first-child { margin-top: 0; } .fake-filter .fake-filter-header, .fake-filter .fake-filter-item { width: 80%; height: 24px; background-color: #2f29d1; margin-left: 20px; margin-top: 40px; } .fake-filter .fake-filter-header { margin-left: 20px; margin-top: 40px; } .fake-filter .fake-filter-item { margin-left: 30px; margin-top: 20px; } .ui-slider-max-value .ui-slider-range { left: 0%; width: 100%; } .ui-slider-max-value span:first-of-type { left: 0%; } .ui-slider-max-value span:last-of-type { left: 100%; } /* Base code for tabs with bootstrap */ .flight-rules-wrap .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .flight-rules-wrap .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .flight-rules-wrap .nav-tabs .nav-item { margin-bottom: -1px; } .flight-rules-wrap .nav-link { display: block; padding: 0.5rem 1rem; } .flight-rules-wrap .tab-content > .tab-pane.active { display: block; } .flight-rules-wrap .tab-content > .tab-pane { display: none; } .flight-rules-wrap { /* Lets just get the ticket rules working */ } .flight-rules-wrap .nav { margin-bottom: 10px; } .flight-rules-wrap .nav-item { width: 49%; display: inline-block; border: 1px solid black; text-align: center; font-size: 18px; } .flight-rules-wrap .nav-link { color: #495057; } .flight-rules-wrap .nav-item .active { background-color: lightgray; } div.fly-schedule div.baggage { float: left; clear: left; } div.fly-schedule div.baggage div.headline { font-weight: bold; font-size: 13px; float: left; } div.fly-schedule div.baggage div.passengers { margin-left: 15px; display: inline-block; } div.fly-schedule div.baggage div.passenger { padding-bottom: 2px; clear: left; } div.fly-schedule div.baggage div.passenger_number { float: left; font-size: 12px; width: 95px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } div.fly-schedule div.baggage div.passenger div.leg { font-size: 12px; float: left; white-space: nowrap; text-wrap: balance; margin-right: 10px; } div.fly-schedule div.baggage div.passenger div.leg label { white-space: nowrap; } div.fly-schedule div.baggage div.passenger div.leg div.ancillary_item { display: block; } .fly-schedule .baggage .passenger .leg { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fly-schedule { float: left; border-radius: 3px; background: #FFF; font-size: 16px; color: #000; margin: 0 0 15px; border: 1px solid #949494; width: 100%; } .selectdate { width: 30%; margin-left: auto; margin-right: auto; text-align: center; display: flex; justify-content: space-between; } .fly-schedule-inner { padding: 15px; display: inline-block; width: 100%; } .fly-schedule-inner.allotment { background: url(/packs/media/themes/general/desktop/images/site/bubbles-27dcdbfc0065ac12a302e6ccb8c23dd9.svg) no-repeat center; background-size: cover; } .fly-schedule-inner.allotment .allotment-wrap { margin-top: 5px; } .fly-schedule-inner.allotment .allotment-wrap p { font-family: "Roboto Condensed", sans-serif !important; font-size: 16px !important; margin-bottom: 32px; } .fly-schedule-inner.allotment .allotment-wrap p b { font-weight: bold; } .fly-schedule-inner.allotment .allotment-wrap p b.dates-highlight { padding: 4px; border-radius: 2px; background: #2128a8; color: #fff; text-transform: uppercase; } .fly-schedule-inner.allotment .allotment-wrap p .price-tag { float: right; } .fly-schedule-inner.allotment .allotment-wrap p .price-tag u { font-weight: bold; } .fly-schedule-inner.allotment .flight-sc-layout { background: #fff; } .fly-schedule-inner .schedule_change_warning { color: red; } .fly-schedule-full { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .fly-schedule-full .fly-schedule-inner { opacity: 0.15; pointer-events: none; } .fly-schedule-wide { width: 100%; } .fly-schedule-wide .fly-schedule-inner { width: 100%; } .fly-schedule-wide .time-box { cursor: auto; width: 93.2%; } .fly-schedule-wide .time-box .time-1 { width: 13.6%; } .fly-schedule-wide .time-box .time-dep_airport { width: 21.8%; } .fly-schedule-wide .time-box .time-arr_airport { width: 21.8%; } .fly-schedule-wide .time-box .time-1, .fly-schedule-wide .time-box .time-2, .fly-schedule-wide .time-box .time-carrier, .fly-schedule-wide .time-box .time-travel_time { cursor: default; } .fly-schedule-wide .time-travel_time { font-size: 14px; } .time-box.first .time-dep_airport, .time-box.last .time-arr_airport { font-weight: bold; } .time-box { cursor: pointer; float: left; width: 92%; } .time-box.change-airport { background-color: #f0f0f0; width: 103%; margin: 5px -10px; text-align: center; padding: 5px; font-size: 14px; } .time-box.change-airport img { width: 10px; margin-right: 2px; } .time-box.change-airport-itinerary { margin-top: -10px; } .time-box .time-baggage { float: left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 55px; } .time-box .time-baggage span.not_included { text-decoration: underline; cursor: pointer; } .time-box .new_time { color: #FF0000; } .time-box .old_time { color: #000000; text-decoration: line-through; } .time-box .time-1 { float: left; font-size: 14px; clear: left; width: 13%; } .time-box .time-dep_airport { float: left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 22.8%; } .time-box .airport_change { color: #241EAF; } .time-box .time-2 { float: left; font-size: 14px; width: 13%; } .time-box .time-arr_airport { float: left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 22.8%; } .time-box .time-carrier { float: left; font-size: 14px; width: 11.2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .time-box .time-cabin { float: left; font-size: 14px; width: 7.2%; } .time-box .time-flightnumber { float: left; font-size: 14px; width: 5.7%; } .step_1_air_form .time-box .time-carrier { width: 12.3%; } .step_1_air_form .time-box .time-flightnumber { width: 7.4%; } .flight-wrap { display: table; width: 100%; padding-bottom: 8px; } .flight-wrap .flight { float: left; width: 24%; } .flight-wrap .flight .name { font-size: 17px; color: #000000; padding-top: 13px; float: left; padding-left: 10px; } .flight-wrap .flight img { width: 30px; margin-top: 7px; float: left; } .flight-wrap .extra-links { float: left; } .flight-wrap .flight-rules { float: right; margin-top: 14px; } .flight-wrap .flight-rules img { width: 15px; margin-right: 3px; } .flight-wrap .flight-rules a { font-size: 14px; color: #212121; } .flight-wrap .flydetail { float: right; margin-top: 14px; padding-right: 8px; } .flight-wrap .flydetail img { width: 15px; margin-right: 3px; } .flight-wrap .flydetail a { font-size: 14px; color: #212121; } .flight-wrap .flydetail .youth_price { font-size: 14px; color: #212121; } .flight-wrap .spinner { float: right; margin-left: 40px; margin-right: 5px; margin-top: 5px; width: 80px; } .flight-wrap .price-box { float: right; text-align: right; margin-top: 6px; } .flight-wrap .resurs { float: left; margin-top: -3px; padding-right: 15px; color: black; text-decoration: underline; } .flight-wrap .resurs .resurs_text { text-align: left; font-size: 13px; font-weight: 200; } .flight-wrap .resurs .resurs_price { font-size: 16px; } .flight-wrap .price { font-size: 18px; text-align: right; margin-bottom: 4px; float: right; } .flight-wrap .smallprice { font-size: 13px; font-weight: 200; text-align: right; float: right; clear: right; } .places-left { font-weight: bold; font-size: 14px; color: red; margin-top: -10px; } .price_type { font-weight: bold; font-size: 14px; color: blue; margin-top: -10px; float: right; } .airport_change_new { color: #000; font-weight: 400; margin: -5px 0 10px 0; font-size: 12px; padding: 3px; background-color: #EEE; text-align: center; } .airport_change_new_intern { color: #000; font-weight: 400; margin: 5px 0 5px -12px; font-size: 12px; padding: 3px; background-color: #EEE; text-align: center; width: 111%; display: inline-block; float: left; line-height: 20px; } .multiple_tickets { font-size: 13px; font-weight: 800; background: bisque; color: black; padding-left: 5px; width: -moz-max-content; width: max-content; min-width: 230px; margin-bottom: 10px; cursor: pointer; } .multiple_tickets img { width: 10px; margin-right: 2px; } .text-info { font-size: 13px; font-weight: 400; background: #5b2929; color: white; margin-top: 5px; padding: 3px; padding-left: 10px; padding-right: 10px; width: -moz-max-content; width: max-content; margin-bottom: 10px; cursor: pointer; border: 1px solid #000000; border-radius: 3px; } .price-box .total-price { float: left; } .price-box .pax-price { float: left; padding-right: 20px; margin-top: 5px; } .price-box .pax-price .price { font-size: 16px; } .price-box .pax-price .smallprice { font-size: 12px; margin-top: -8px; } .flight-sc { font-size: 16px; line-height: normal; overflow: auto; margin-top: 8px; margin-bottom: 5px; } .flight-sc-no-top-margin { margin-top: 0px; } .flight-sc-last { margin-top: 5px; margin-bottom: 0px; } .flight-sc ul { margin: 0 0 5px; display: block; width: 100%; float: left; } .flight-sc ul li { float: left; padding-bottom: 8px; } .flight-sc div.divider { float: left; width: 100%; height: 20px; } .flight-sc .table-header { border: 1px solid #696969; } .flight-sc .table-header li { color: #ffffff; padding: 2px 2px 2px 5px; font-size: 14px; border-right: 1px solid #717171; } .flight-sc .table-header li.empty { width: 3%; } .flight-sc .table-header li.li_1 { width: 13%; } .flight-sc .table-header li.li_2 { width: 20%; } .flight-sc .table-header li.li_3 { width: 12%; } .flight-sc .table-header li.li_4 { width: 19.5%; } .fly-schedule-wide .flight-sc .table-header li.li_5 { width: 10%; } .flight-sc .table-header li.li_5 { width: 12%; } .fly-schedule-wide .flight-sc .table-header li.li_6 { width: 5%; } .flight-sc .table-header li.li_6 { width: 6.7%; } .fly-schedule-wide .flight-sc .table-header li.li_7 { width: 5.2%; } .flight-sc .table-header li.li_7 { width: 7.8%; } .flight-sc .table-header li.li_8 { border-right: none; } .fly-schedule-wide .flight-sc .table-header li.li_9 { width: 7%; } .flight-sc-layout { width: 100%; border: 1px solid #b9b9b9; border-radius: 3px; margin-bottom: 5px; padding: 10px; overflow-x: hidden; } .flight-sc-layout .none { display: none; } .cabin-info { font-size: 16px; color: #373737; font-weight: bold; } .cabin-info span { font-weight: 100; } .cabin-info span.link { text-decoration: underline; cursor: pointer; } .tip_cabin { display: table; } .tip_cabin .row { display: table-row; height: 22px; } .tip_cabin .header { display: table-row; font-weight: 400; height: 30px; } .tip_cabin .from { display: table-cell; min-width: 200px; } .tip_cabin .to { display: table-cell; min-width: 200px; } .tip_cabin .cabin { display: table-cell; } .tip_text { max-width: 700px; white-space: pre-line; } .tip_text .header { padding-bottom: 10px; font-weight: bold; } .flight-technical-stop { clear: left; padding-left: 20px; padding-top: 6px; color: #241EAF; font-size: 13px; } #selected_flight { float: left; display: inline-block; width: 65%; padding-left: 15px; } .itinerary_no_bags .table-header li.li_1 { width: 13%; } .itinerary_no_bags .table-header li.li_2 { width: 22.5%; } .itinerary_no_bags .table-header li.li_3 { width: 11.9%; } .itinerary_no_bags .table-header li.li_4 { width: 22.9%; } .itinerary_no_bags .table-header li.li_5 { width: 12.5%; } .itinerary_no_bags .table-header li.li_6 { width: 7.4%; } .itinerary_no_bags .time-box .time-1 { width: 13.4%; } .itinerary_no_bags .time-box .time-dep_airport, .itinerary_no_bags .time-box .time-arr_airport { width: 25%; } .itinerary_no_bags .time-box .time-2 { width: 13.5%; } .itinerary_no_bags .time-box .time-carrier { width: 14.7%; } .itinerary .climate { background-color: #90f0b4; border-radius: 5px; font-size: 13px; width: -moz-max-content; width: max-content; margin-bottom: 10px; padding-right: 5px; } .itinerary .climate sub { bottom: -0.25em; position: relative; vertical-align: baseline; } .itinerary .cfar { background-color: #ffb800; border-radius: 5px; font-size: 13px; width: -moz-max-content; width: max-content; margin-bottom: 10px; padding: 2px 5px 2px 5px; } .itinerary .cfar sub { bottom: -0.25em; position: relative; vertical-align: baseline; } .offer_hotel_addon { width: 100%; border-radius: 3px; background: #FFF; border: 1px solid #949494; min-height: 62px; float: left; padding: 10px; margin-bottom: 10px; } .offer_hotel_addon .body { float: left; font-size: 24px; line-height: 24px; padding: 12px 0; width: 85%; } .offer_hotel_addon .y-button { float: right; border: 1px solid #949494; border-radius: 3px; } .hotel_info { width: 800px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-right: 5px; padding-left: 5px; } .hotel_info .name_group { float: left; margin-bottom: 15px; width: 475px; } .hotel_info .name { float: left; padding-right: 10px; padding-top: 2px; font-weight: bold; font-size: 24px; padding-bottom: 5px; } .hotel_info .address { clear: left; } .hotel_info #map-canvas { border-radius: 3px; border: 1px solid #949494; float: right; margin: 10px 0 15px 15px; } .hotel_info a { color: #000000; } .hotel_info a:hover { text-decoration: underline; } .hotel_info .top { display: inline-block; } .hotel_info .description { text-align: justify; font-size: 12px; } .hotel_info .facilities { margin-top: 10px; margin-left: 20px; } .hotel_info .facilities ul { list-style-type: square; } .hotel_info .facilities li { float: left; padding-bottom: 6px; font-size: 14px; width: 33%; } .hotel_info .image_wrap .image { border-radius: 3px; border: 1px solid #949494; margin-bottom: 12px; } .hotel_info .image_wrap .image:nth-child(odd) { float: left; } .hotel_info .image_wrap .image:nth-child(even) { float: right; } .hotel_info hr { clear: left; margin-bottom: 10px; } .hotel_result .rooms { clear: right; } .hotel_result .dates { font-size: 14px; padding-top: 10px; font-weight: 400; } .hotel_result .description { margin-top: 5px; display: inline-block; } .hotel_result .description a { color: #241EAF; } .hotel_result .description a:hover { text-decoration: underline; } .hotel_result .price-box-hotel { float: right; padding-top: 8px; } .hotel_result .resurs { float: left; margin-top: -3px; padding-right: 15px; } .hotel_result .resurs a { color: black; text-decoration: underline; } .hotel_result .resurs .resurs_text { text-align: left; font-size: 15px; font-weight: 200; } .hotel_result .resurs .resurs_price { font-size: 20px; } .hotel_result { border-radius: 3px; background: #FFF; font-size: 16px; color: #000; margin: 0 0 15px; border: 1px solid #949494; clear: left; width: 100%; height: 225px; float: left; display: table; padding-bottom: 3px; } .hotel_result .image_wrap { padding: 10px; float: left; width: 270px; } .hotel_result .image { overflow: hidden; float: left; border-radius: 3px; border: 1px solid #949494; width: 250px; height: 200px; } .hotel_result .other_images { clear: left; width: 256px; } .hotel_result .small_image { overflow: hidden; width: 63px; height: 40px; float: left; padding-top: 3px; } .hotel_result .information { padding: 10px; margin-left: 260px; } .hotel_result .name { font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #241EAF; float: left; padding-right: 8px; padding-bottom: 0px; max-width: 340px; cursor: pointer; } .hotel_result .address { cursor: pointer; clear: left; font-size: 12px; padding-top: 5px; } .hotel_result .address a { color: #000000; } .hotel_result .address a:hover { text-decoration: underline; } .hotel_result .address img { width: 18px; padding-left: 5px; } .hotel_result .rating { float: left; } .hotel_result .name_group { float: left; max-width: 285px; } .hotel_result .hotel_clear { clear: right; } .hotel_result .tripadvisor { float: right; padding-left: 30px; width: 173px; font-size: 14px; } .hotel_result .price { font-size: 30px; margin-bottom: 4px; } .hotel_result .smallprice { font-size: 15px; float: right; } .hotel_result .rooms .room .headline { font-size: 14px; font-weight: bold; padding-top: 10px; } .hotel_result .rooms .room .headline .pax-text { font-weight: normal; display: inline; color: #a0a0a0; font-size: 12px; padding-left: 5px; } .hotel_result .options { font-size: 16px; line-height: normal; overflow: auto; } .hotel_result .options ul { display: block; width: 100%; } .hotel_result .options .table { display: block; width: 100%; border: 1px solid #b9b9b9; border-radius: 3px; margin-bottom: 5px; cursor: pointer; } .hotel_result .options .table:last-child { margin-bottom: 0; } .hotel_result .options .table li { display: inline-block; } .hotel_result .options .table li.radio { width: 3.5%; padding: 8px; } .hotel_result .options .table li.li_1 { width: 46%; padding: 8px; } .hotel_result .options .table li.li_2 { width: 31%; padding: 8px; } .hotel_result .options .table li.li_3 { width: 17%; border-right: none; padding: 8px; text-align: right; white-space: nowrap; } .hotel_result .selected_hotel { background-color: #fcf8e6; } .hotel_result_gallery { width: 77%; border-radius: 3px; background: #FFF; font-size: 16px; color: #000; margin: 0 0 15px; border: 1px solid #949494; clear: left; height: 225px; float: left; display: table; padding-bottom: 3px; padding-right: 10px; } .hotel_result_gallery .image_wrap { padding: 5px 0px 5px 10px; float: left; } .hotel_result_gallery .image { overflow: hidden; float: left; border-radius: 3px; border: 1px solid #949494; margin: 1px; width: 235px; height: 200px; } .hotel_result_gallery .information { float: left; width: 100%; padding: 10px 10px 0; } .hotel_result_gallery .name { font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #241EAF; float: left; padding-right: 8px; padding-bottom: 0px; max-width: 340px; cursor: pointer; } .hotel_result_gallery .address { cursor: pointer; clear: left; font-size: 12px; padding-top: 5px; } .hotel_result_gallery .address a { color: #000000; } .hotel_result_gallery .address a:hover { text-decoration: underline; } .hotel_result_gallery .address img { width: 18px; padding-left: 5px; } .hotel_result_gallery .rating { float: left; } .hotel_result_gallery .name_group { float: left; max-width: 340px; } .hotel_result_gallery .price-box-hotel { float: right; padding-top: 8px; } .hotel_result_gallery .resurs { float: left; margin-top: -3px; } .hotel_result_gallery .resurs_text { font-size: 15px; } .hotel_result_gallery .resurs_price { padding-right: 30px; font-size: 20px; } .hotel_result_gallery .price { font-size: 30px; margin-bottom: 4px; } .hotel_result_gallery .smallprice { font-size: 15px; float: right; } .hotel_result_gallery .more_info { padding: 10px; } .hotel_result_gallery .rooms .room .headline { font-size: 14px; font-weight: bold; padding-top: 10px; } .hotel_result_gallery .rooms .room .headline .pax-text { font-weight: normal; display: inline; color: #a0a0a0; font-size: 12px; padding-left: 5px; } .hotel_result_gallery .description { clear: left; } .hotel_result_gallery .options { font-size: 16px; line-height: normal; overflow: auto; padding-top: 10px; } .hotel_result_gallery .options ul { margin: 0 0 5px; display: block; width: 100%; float: left; } .hotel_result_gallery .options li { float: left; } .hotel_result_gallery .options .table-header { background-color: #373737; border: 1px solid #696969; } .hotel_result_gallery .options .table-header li { color: #ffffff; padding: 2px 2px 2px 5px; font-size: 14px; border-right: 1px solid #717171; } .hotel_result_gallery .options .table-header li.empty { width: 4%; } .hotel_result_gallery .options .table-header li.li_1 { width: 46%; } .hotel_result_gallery .options .table-header li.li_2 { width: 31%; } .hotel_result_gallery .options .table-header li.li_3 { width: 18%; border-right: none; } .hotel_result_gallery .options .table { width: 100%; border: 1px solid #b9b9b9; border-radius: 3px; margin-bottom: 5px; cursor: pointer; } .hotel_result_gallery .options .table li.radio  { width: 3.5%; padding: 8px; } .hotel_result_gallery .options .table li.li_1 { width: 46%; padding: 8px; } .hotel_result_gallery .options .table li.li_2 { width: 31%; padding: 8px; } .hotel_result_gallery .options .table li.li_3 { width: 17%; border-right: none; padding: 8px; white-space: nowrap; } .hotel_result_gallery .selected_hotel { background-color: #fcf8e6; } .hotel_info hr { clear: left; margin-bottom: 10px; } .hotel_info .tripadvisor { width: 100%; } .hotel_info .tripadvisor .tripadvisor_image { float: left; } .hotel_info .tripadvisor .tripadvisor_image .tripadvisor_image_text { font-size: 14px; display: inline-block; float: right; padding-top: 2px; padding-left: 5px; } .hotel_info .tripadvisor .tripadvisor_logo { float: right; width: 120px; } .hotel_info .tripadvisor .tripadvisor_logo img { width: 100%; } .hotel_info .tripadvisor .tripadvisor_logo .tripadvisor_logo_text { font-size: 12px; } .hotel_info .tripadvisor .tripadvisor_ranking { clear: left; font-weight: bold; font-size: 12px; } .hotel_info .tripadvisor .tripadvisor_ratings { padding-top: 10px; font-size: 14px; font-weight: bold; float: left; } .hotel_info .tripadvisor .tripadvisor_ratings .ratings { display: table; padding-top: 5px; font-weight: normal; font-size: 12px; } .hotel_info .tripadvisor .tripadvisor_ratings .ratings .rating { display: table-row; } .hotel_info .tripadvisor .tripadvisor_ratings .ratings .rating_name { display: table-cell; width: 100px; } .hotel_info .tripadvisor .tripadvisor_ratings .ratings .rating_value { display: table-cell; } .hotel_info .tripadvisor .rating_counts { display: table; padding-top: 35px; font-size: 12px; float: right; } .hotel_info .tripadvisor .rating_counts .rating_count { display: table-row; } .hotel_info .tripadvisor .rating_counts .rating_count .rating_count_name { display: table-cell; width: 100px; float: left; } .hotel_info .tripadvisor .rating_counts .rating_count .rating_box { display: table-cell; } .hotel_info .tripadvisor .rating_counts .rating_count .rating_box .rating_box_background { border: 1px solid #000000; width: 100px; height: 15px; float: left; } .hotel_info .tripadvisor .rating_counts .rating_count .rating_box .rating_box_fill { background-color: #5B9546; height: 13px; } .hotel_info .tripadvisor .rating_counts .rating_count .rating_box .rating_box_value { float: right; width: 35px; padding-left: 5px; margin-top: -2px; } .hotel_info .tripadvisor .latest_reviews { clear: left; font-size: 14px; font-weight: bold; padding-top: 15px; display: table; } .hotel_info .tripadvisor .latest_reviews .review { font-weight: normal; font-size: 12px; clear: left; padding-bottom: 15px; } .hotel_info .tripadvisor .latest_reviews .review:first-child { padding-top: 10px; } .hotel_info .tripadvisor .latest_reviews .review .reviewer { float: left; width: 150px; min-height: 60px; } .hotel_info .tripadvisor .latest_reviews .review .reviewer .reviewer_name { font-weight: bold; height: 20px; } .hotel_info .tripadvisor .latest_reviews .review .reviewer .reviewer_text { font-weight: bold; } .hotel_info .tripadvisor .latest_reviews .review .review_body { margin-left: 160px; } .hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_headline { font-size: 16px; font-weight: bold; font-style: italic; } .hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_rating { float: left; padding-right: 5px; } .hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_rating img { width: 50px; padding-top: 4px; } .hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_date { color: #888888; } .hotel_info .tripadvisor .latest_reviews .review .review_body .review_body_text a { text-decoration: underline; } .hotel_info .tripadvisor .tripadvisor_final_links { margin-left: 160px; font-size: 12px; float: left; } .hotel_info .tripadvisor .tripadvisor_final_links a { text-decoration: underline; } .hotel_info .tripadvisor .tripadvisor_final_text { font-size: 10px; color: #888888; text-align: right; } .fake-itinerary { width: 100%; background-color: #FFF; border: 1px solid #949494; height: 290px; border-radius: 3px; margin: 0 0 15px; } .fake-itinerary-airline, .fake-itinerary-price, .fake-itinerary-button { display: inline-block; margin: 10px; width: 120px; height: 40px; } .fake-itinerary-price, .fake-itinerary-button { width: 200px; float: right; } .fake-itinerary-container { padding: 10px; } .fake-itinerary-itinerary { width: 100%; } .fake-itinerary-itinerary tr { height: 28px; } div.fake-itinerary-br { height: 20px; } tr.fake-itinerary-br { height: 5px; } td.fake-itinerary-br { width: 20px; } .topsearch { width: 100%; } .topsearch .init { width: 100%; display: inline-block; padding: 0 15px 5px 20px; } .topsearch .init .search_text { display: inline; font-size: 25px; line-height: 35px; } .topsearch .init .search_text .bold { font-weight: 400; } .topsearch .init .buttons { position: relative; display: inline-block; float: right; } .topsearch .elements { display: none; } .page_step_1_air_small { margin-top: -15px; } .overlay { opacity: 0.3; filter: alpha(opacity=30); pointer-events: none; } .clicked_hotel { margin-top: 10px; } div.fancyclose a.fancybox-close, div.fancybox-type-image a.fancybox-close { display: inherit; } .filter ul li span.filter_value { padding-left: 0px; } .map_frame { width: 77%; } #map_canvas { height: 600px; border-radius: 3px; border: 1px solid #949494; } .map_info { width: 300px; height: 40px; line-height: 1.35; overflow: hidden; white-space: nowrap; } .map_info .image { float: left; padding-right: 5px; } .map_info .image img { max-width: 60px; max-height: 60px; } .map_info .stars img { width: 10px; height: 10px; float: left; } .map_info .name { white-space: nowrap; font-weight: bold; } .map_info .price { float: left; padding-left: 10px; line-height: 11px; } .blue-title { float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 30px; margin: 0 0 10px 0; padding: 10px 0 15px 0; } .blue-title .small { float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 18px; margin: 0 0 10px 0; padding: 5px 0 0px 0; } .yellow-title .small { float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 18px; margin: 0 0 10px 0; padding: 5px 0 0px 0; } .blue-title .depart { float: left; padding: 0 0 0 40px; } .blue-title .return { float: right; padding: 0 0 0 40px; } .right_banner { float: right; padding-bottom: 15px; } .right_banner img { border-radius: 5px; } .missing_meta { text-align: center; font-weight: 500; font-size: 18px; line-height: 30px; color: #000; } .fly-schedule-remove { opacity: 0.2; display: none; } .fly-schedule-removed_reason { background-color: bisque; text-align: center; font-weight: 400; font-size: 15px; padding: 4px; float: left; width: 100%; display: none; } .fly-schedule-meta { border: 1px solid #241EAF; } .fly-schedule .flight-message { background-color: #241EAF; padding: 10px 10px 10px 14px; color: #ffffff; font-size: 25px; font-weight: bold; } div.more-search-options { float: left; width: 45%; text-align: right; margin-top: 2px; } div.more-search-options a { color: #000000; text-decoration: underline; } .time-technical-stop { color: #241EAF; } .top-field { display: inline-block; width: 100%; } .tripadvisor .tripadvisor_image { float: left; } .tripadvisor .tripadvisor_rating { float: right; font-weight: bold; font-size: 14px; padding-top: 1px; } .tripadvisor .tripadvisor_reviews { font-size: 13px; clear: both; } .tripadvisor .tripadvisor_reviews a { color: #000000; text-decoration: underline; } .price-box-hotel .total-price { float: left; } .price-box-hotel .pax-price { display: none; float: left; padding-right: 30px; margin-top: 5px; } .price-box-hotel .pax-price .price { font-size: 20px; } .price-box-hotel .pax-price .smallprice { font-size: 12px; margin-top: -8px; } .departure-title { padding: 0; float: left; } .arrival-title { padding: 0; } div.fastest { color: #000000; } .time-radio { float: left; margin-right: 5px; margin-top: 2px; } .time-extra_info { color: #939393; font-size: 12px; float: left; padding-top: 4px; } .long_connection_icon { width: 10px; margin-left: 2px; } .departure-airline { color: #000000; font-size: 14px; float: left; padding-left: 10px; padding-top: 2px; } .your_pick { color: #ffffff; font-weight: bold; font-size: 25px; padding-top: 5px; } .bag-text { color: #212121; font-size: 14px; float: left; padding-left: 15px; margin-top: 8px; width: 50%; } .bag-text-bottom { color: #212121; font-size: 14px; float: left; padding-left: 15px; margin-top: 0px; width: 65%; } .selected_flight { background-color: #fcf8e6; } div.baggage_text { float: left; font-weight: 400; padding-bottom: 5px; } div.fly-schedule-wide div.baggage div.passenger div.leg { width: 280px; } #flight_rules_loading { text-align: center; margin-top: 100px; background-repeat: no-repeat; height: 125px; font-size: 20px; } a.rules-close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: left; position: absolute; top: 1px; right: 20px; } .price-cal { font-size: 18px; color: #000; font-weight: 400; } .price-cal ul { float: left; width: 100%; } .price-cal ul li { float: left; text-align: right; padding: 8px 10px; } .price-cal ul.price-cal-title { border-radius: 3px; padding: 3px 0; margin: 0 0 5px 0; } .price-cal ul li.travelers { width: 35%; text-align: left; } .price-cal ul li.number { width: 10%; } .price-cal ul li.flights-price { width: 15%; } .price-cal ul li.tax { width: 20%; } .price-cal ul li.subtotal { width: 20%; } .price-cal-wrap .hr { margin: 10px 0; } .price-cal-wrap .total-text { float: left; font-size: 24px; font-weight: 400; color: #000; } .price-cal-wrap .total { float: right; font-size: 24px; font-weight: 400; color: #000; } .price-cal-wrap a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0 0; } .flight-rules-wrap { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; } .flight-rules-wrap strong { font-weight: 600; } .flight-rules-wrap .rules_box { border: 1px solid #CCC; width: 500px; display: table; margin-bottom: 15px; padding: 5px; } .flight-rules-wrap h1 { font-size: 24px; font-weight: bold; color: #0f1f24; } .flight-rules-wrap p { font-size: 14px; font-weight: normal; color: #0f1f24; } .flight-rules-wrap a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0 0; } #error_screen { width: auto; } #error_screen a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0 0; } .spinner { padding: 4px 0; } .seat-info { color: #dc0000; font-weight: bold; } .price-calculation { font-size: 18px; color: #000; font-weight: 400; } .price-calculation ul { float: left; width: 100%; } .price-calculation ul li { float: left; margin: 0 20px; text-align: right; padding: 8px 0; } .price-calculation ul.price-cal-title { border-radius: 3px; padding: 3px 0; margin: 0 0 5px 0; } .price-calculation ul li.number { width: 25px; text-align: left; } .price-calculation ul li.travelers { text-align: left; width: 140px; } .price-calculation ul li.flights-dec { text-align: left; width: 535px; } .price-calculation ul li.subtotal { width: 90px; float: right; text-align: right; } .price-calculation-wrap .hr { margin: 10px 0; } .price-calculation-wrap .total-text { float: left; font-size: 24px; font-weight: 400; color: #000; } .price-calculation-wrap .total { float: right; font-size: 24px; font-weight: 400; color: #000; } .price-calculation-wrap a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0 0; } .ui-slider { height: 12px; position: relative; text-align: left; border-radius: 10px; } .ui-slider-handle { cursor: pointer; width: 20px; height: 20px; position: absolute; z-index: 2; border-radius: 25px; top: -4px; margin-left: -5px; } .ui-slider-range { position: absolute; border: 0; top: 0; height: 100%; border-radius: 25px; width: 100%; } .switchfilter { border-radius: 0 0 3px 3px; } .switchfilter ul li { float: left; margin: 0 0px 10px 0; width: 100%; } .switchfilter ul li .caption { display: block; margin: 0 10px 0 0; width: 160px; float: left; padding: 2px 0; } .sponsor { float: left; padding-right: 5px; padding-bottom: 15px; } .ui-slider { width: 93%; margin-left: 3px; } .airlinefilter { padding-bottom: 30px; } .airlinefilter ul { width: 100%; float: left; } .airlinefilter ul li { float: left; font-size: 16px; margin: 7px 0 0; width: 100%; } .airlinefilter ul li span { padding-left: 10px; } .connectionfilter { padding-bottom: 30px; } .connectionfilter ul { width: 100%; float: left; } .connectionfilter ul li { float: left; font-size: 16px; margin: 7px 0 0; width: 100%; } .connectionfilter ul li span { padding-left: 10px; } .location_name { display: inline-block; padding-right: 3px; max-width: 79%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; position: relative; top: 4px; line-height: 18px; } .location_count { display: inline; } /*=== Dropdown Menu */ a.paxmenu { font-size: 18px; border-radius: 3px; line-height: normal; padding: 0 10px; width: 100%; height: 38px; float: left; cursor: pointer; line-height: 36px; text-transform: uppercase; font-weight: 400; } a.paxmenu img { float: right; margin: 10px 0 0 0; } ul.paxsection { position: absolute; top: 40px; right: 15px; width: 120%; z-index: 1; display: none; } ul.paxsection li { border-radius: 3px; padding: 5px 10px; float: left; width: 100%; height: 38px; line-height: 25px; font-size: 18px; font-weight: 400; text-transform: uppercase; } ul.paxsection li img { float: left; margin: 0 15px 0 0; } ul.paxsection li .countersec img { cursor: pointer; float: left; margin: 3px 0; } ul.paxsection li span { float: left; } ul.paxsection li .countersec { float: right; } ul.paxsection li span { width: 30px; text-align: center; } /*=== Dropdown Menu */ .view-buttons { clear: left; } .y-img-button a.list_view { padding: 0 35px 0 0; } .y-img-button a.gallery_view { padding: 0 35px 0 0; } .y-img-button a.map_view { padding: 0 35px 0 0; } .y-img-button { padding: 0 15px; cursor: pointer; display: inline-block; border: 1px solid #949494; border-radius: 3px; margin-bottom: 10px; margin-right: 5px; } .y-img-button a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #2311b2; } .sponsor { float: left; padding-right: 5px; line-height: 40px; padding-bottom: 15px; font-weight: 400; } .sort_by_group .sort_by li { float: left; width: 33.33%; border: 1px solid #949494; border-right: none; padding: 5px; text-align: center; margin-bottom: 10px; font-weight: 300; line-height: 20px; cursor: pointer; } .sort_by_group .sort_by li.ui-btn-active { font-weight: 400; } .sort_by_group .sort_by li:first-of-type { -webkit-border-right-radius: 3px 0px 0px 3px; -moz-border-right-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .sort_by_group .sort_by li:last-of-type { border-right: 1px solid #949494; -webkit-border-right-radius: 0px 3px 3px 0px; -moz-border-right-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } .sort_by_group .sort_by .small_text { font-size: 10px; line-height: 10px; } .sort_by_group .sort_by li:nth-last-child(1), .sort_by_group .sort_by li:nth-last-child(1) ~ li { width: 100%; } .sort_by_group .sort_by li:nth-last-child(2), .sort_by_group .sort_by li:nth-last-child(2) ~ li { width: 50%; } .sort_by_group .sort_by li:nth-last-child(3), .sort_by_group .sort_by li:nth-last-child(3) ~ li { width: 33.3333333333%; } .sort_by_group .sort_by li:nth-last-child(4), .sort_by_group .sort_by li:nth-last-child(4) ~ li { width: 25%; } .sort_by_group .sort_by li:nth-last-child(5), .sort_by_group .sort_by li:nth-last-child(5) ~ li { width: 20%; } .sort_by_group .sort_by li:nth-last-child(6), .sort_by_group .sort_by li:nth-last-child(6) ~ li { width: 16.6666666667%; } .fake-sort_by_group-container { height: 55px; margin-bottom: 20px; } .fake-sort_by_group-container .sort_by_group .sort_by li { height: 62px; cursor: default; } .fake-sort_by_group-container .sort_by_group .sort_by li:hover { background-color: #E2E2E6; } .fake-sort_by_group-container .sort_by_group .sort_by li div { margin: auto; width: 100px; height: 24px; animation: fakeSortButtonBgKeyFrame 1s infinite; } @keyframes fakeSortButtonBgKeyFrame { 0% { background-color: #d9d9de; } 50% { background-color: #d8d8de; } 100% { background-color: #d9d9de; } } .step_2_form_old #trav_0_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_0_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_0_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_0_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_0_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_0_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_0_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_0_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_0_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_1_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_1_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_1_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_1_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_1_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_1_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_1_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_1_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_1_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_2_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_2_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_2_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_2_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_2_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_2_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_2_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_2_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_2_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_3_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_3_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_3_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_3_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_3_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_3_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_3_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_3_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_3_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_4_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_4_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_4_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_4_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_4_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_4_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_4_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_4_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_4_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_5_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_5_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_5_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_5_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_5_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_5_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_5_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_5_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_5_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_6_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_6_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_6_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_6_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_6_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_6_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_6_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_6_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_6_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_7_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_7_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_7_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_7_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_7_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_7_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_7_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_7_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_7_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_8_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_8_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_8_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_8_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_8_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_8_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_8_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_8_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_8_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_9_birthday_day { width: 50%; margin: 0 5px; } .step_2_form_old #trav_9_birthday_month { width: 50%; margin: 0 5px; } .step_2_form_old #trav_9_birthday_year { width: 50%; margin: 0 5px; } .step_2_form_old #trav_9_birthday_day-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_9_birthday_month-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_9_birthday_year-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; } .step_2_form_old #trav_9_birthday_month-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_9_birthday_year-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old #trav_9_birthday_day-menu { height: 242.333px; width: auto; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; } .step_2_form_old span.bottom-newsletter-text { float: left; line-height: 40px; font-size: 18px; margin: 0 0px 0 20px; text-decoration: none; } .step_2_form_old .toggle_bonuscard_link { color: #000; text-decoration: underline; padding-top: 5px; display: inline-block; padding-left: 110px; } .step_2_form_old #toggle_seating_link { color: #000; text-decoration: underline; padding-top: 5px; display: inline-block; padding-left: 110px; } .step_2_form_old .bottom-condition { float: right; margin: 20px 0 0 0; } .step_2_form_old .bottom-condition label { float: left; margin: 0 0 0 50px; } .step_2_form_old .bottom-condition span { float: left; line-height: 40px; font-size: 18px; margin: 0 0px 0 20px; } .step_2_form_old .bottom-condition-text a { color: #000; text-decoration: underline !important; } .step_2_form_old .birthday_info { width: 400px !important; display: flex; } .session_timer { width: 100%; border-radius: 3px; background: #FFF; font-size: 22px; color: #000; margin: 0 0 15px; border: 1px solid #949494; padding: 10px 20px 10px 20px; } .session_timer .time_left { color: #972422; font-weight: bold; font-size: 25px; } .session_timeout { display: none; } .custom-checkbox-conditions, .custom-checkbox-newsletter, .custom-checkbox-integritetspolicy, .custom-checkbox-danish { width: 40px; height: 40px; display: inline-block; position: relative; z-index: 1; top: 3px; cursor: pointer; } .custom-checkbox-conditions input[type=checkbox], .custom-checkbox-error input[type=checkbox], .custom-checkbox-newsletter input[type=checkbox], .custom-checkbox-integritetspolicy input[type=checkbox], .custom-checkbox-danish input[type=checkbox] { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .custom-checkbox-conditions, .custom-checkbox-newsletter, .custom-checkbox-integritetspolicy, .custom-checkbox-danish { background: url(/packs/media/themes/general/desktop/images/site/checkbox-1bc664cf0e5cda3f593013440a20d19a.png) no-repeat; } .custom-checkbox-conditions:hover, .custom-checkbox-newsletter:hover, .custom-checkbox-integritetspolicy:hover, .custom-checkbox-danish:hover { background: url(/packs/media/themes/general/desktop/images/site/checkbox-hover-7c81124a15339485989d2fd4ee5fc189.png) no-repeat; } .custom-checkbox-conditions.selected, .custom-checkbox-newsletter.selected, .custom-checkbox-integritetspolicy.selected, .custom-checkbox-danish.selected { background: url(/packs/media/themes/general/desktop/images/site/checkbox-selected-049f3ab10978a890009bd8cf86e6f001.png) no-repeat; } .custom-checkbox-error { background: url(/packs/media/themes/general/desktop/images/site/checkbox-red-edb2d32a330eddc9779799bdc333f39d.png) no-repeat; } .custom-checkbox-error:hover { background: url(/packs/media/themes/general/desktop/images/site/checkbox-hover-7c81124a15339485989d2fd4ee5fc189.png) no-repeat; } .custom-checkbox-error.selected { background: url(/packs/media/themes/general/desktop/images/site/checkbox-selected-049f3ab10978a890009bd8cf86e6f001.png) no-repeat; } .ui-selectmenu-button { margin-left: 5px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover { background: #cdcdcd; color: #2311b2; border: none; font-family: "Roboto Condensed", sans-serif; font-weight: 300; padding: 5px 10px; } .ui-menu .ui-menu-item-wrapper { line-height: normal; padding: 5px 10px; font-size: 14px; } .ui-menu-item-wrapper.ui-state-active { margin: 0; } .ui-selectmenu-menu.ui-selectmenu-open { max-height: 300px; overflow-y: scroll; } .passenger td { padding-right: 10px; font-size: 12px; } .passenger td.selected-bag { font-weight: 400; } .booking-mform .profile { width: 38px; } .booking-mform .profile .ui-selectmenu-button.ui-button { padding: 0; } .booking-mform .profile .ui-selectmenu-button.ui-button .ui-selectmenu-text { display: none; } .booking-mform .profile .ui-selectmenu-button.ui-button .ui-icon { right: 8px; } .booking-mform .profile.active .ui-selectmenu-button.ui-button .ui-icon { transform: rotate(-90deg); } .select-box { position: relative; width: 252px; max-height: 38px; margin-top: 5px; display: inline-block; border-radius: 3px; border: 1px solid var(--border); } .select-box input { width: 100%; overflow: hidden; font-size: 1.1rem; height: 36px; border: 0.1rem solid transparent; outline: none; } .select-box ol { max-height: 23rem; width: 100%; list-style: none; } .select-box ol::-webkit-scrollbar { width: 0.4rem; height: 3rem; } .select-box ol li { display: flex; cursor: pointer; width: 300px !important; margin: 0px 0px 0px 5px !important; height: 40px; align-items: center; } .select-box ol li.hide { display: none; } .select-box ol li:hover { background-color: var(--select); } .select-box ol li .country-name { width: 100%; display: inline; text-align: center; } .select-box ol li .flag { display: inline-block; margin-left: 10px; } .selected-option { overflow: hidden; display: flex; justify-content: space-between; align-items: center; background-color: lightgrey; } .selected-option div { width: 5rem; position: relative; padding: 0 2.3rem 0 0.5rem; text-align: center; cursor: pointer; } .selected-option input[type=text] { height: 36px !important; border: 0px !important; outline: 0px !important; } .selected-option div::after { display: inline-block; position: absolute; right: 0.6rem; content: url("https://res.cloudinary.com/dzwdseno3/image/asset/v1502446105/selectlist-icon-5c110111ba7bf967f73337f69da0d4b7.png"); top: 30%; } .selected-option div.active::after { transform: translateY(-50%) rotate(180deg); } .select-box .options { position: absolute; width: 624px; background-color: #fff; border-radius: 0 0 0.5rem 0.5rem; z-index: 2; overflow-y: scroll; height: 300px; display: none; } .select-box .options.active { display: block; border: 1px solid var(--border); padding-right: 0px; } .select-box .options.active ol input { border-bottom: 1px solid var(--border) !important; border-top: 0px !important; border-left: 0px !important; border-right: 1px solid var(--border) !important; border-radius: 0px; } .select-box .options::before { position: absolute; left: 1rem; top: -1.2rem; content: ""; width: 0; height: 0; border: 0.6rem solid transparent; } #step_2_submit_btn { font-size: 18px; height: 40px; border: 0; cursor: pointer; } .select-box ol li:not(:last-child) { border-bottom: 0.1rem solid #eee; } #profile-menu .ui-menu .ui-menu-item-wrapper { margin: 0; } #profile-menu .ui-menu .ui-menu-item-wrapper.ui-state-active { font-weight: bold; } #trav_1_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_2_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_3_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_4_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_5_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_6_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_7_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_8_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #trav_9_profile-menu.ui-menu .ui-menu-item-wrapper { font-family: "Roboto Condensed", sans-serif; } #ltd_div { display: none; padding-top: 15px; font-size: 13px; font-weight: bold; } #ltd_value { font-weight: normal; } .step_2_spinner { background: #FFF; width: 100%; border-radius: 3px; margin: 2px 0 0 0; padding: 40px; text-align: center; border: 1px solid #949494; } .step_2_spinner .title { color: #000; font-size: 30px; font-weight: 400; line-height: 35px; padding: 0 0 30px 0; } .step_2_spinner .title span { font-size: 22px; display: block; padding: 10px 0 0 0; } #step_3_form.locale_de-DE { background-color: white; padding: 10px; border-radius: 5px; } .package-container { border-radius: 3px; clear: left; width: 100%; height: auto; display: table; margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: left; } .package-container .package-packages .service-item-button { margin: 0px 20%; } .package-container .package-packages .service-item-button input[type=radio] { display: none; } .package-container .package-packages .service-item-button input[type=radio]:not(:disabled) ~ label { cursor: pointer; } .package-container .package-packages .service-item-button input[type=radio]:disabled ~ label { color: hsl(150, 5%, 75%); border-color: hsl(150, 5%, 75%); box-shadow: none; cursor: not-allowed; } .package-container .package-packages .service-item-button label { height: 100%; display: block; background: white; border: 2px solid hsl(150, 75%, 50%); border-radius: 20px; padding: 1rem; margin-bottom: 1rem; text-align: center; /*box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/ position: relative; } .package-container .package-packages .service-item-button input[type=radio]:checked + label { background: hsl(150, 75%, 50%); color: hsl(215, 0%, 100%); /*box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);*/ } .package-container .package-packages .service-item-button input[type=radio]#control_05:checked + label { background: red; border-color: red; } .package-container .package-addons, .package-container .package-item { display: inline-block; vertical-align: top; float: left; } .package-container .package-addons-item, .package-container .package-item-included, .package-container .package-item-excluded { height: 50px; } .package-container .package-addons { width: 40%; font-size: 16px; } .package-container .package-addons .package-addons-header { background-color: #fff; font-weight: 500; padding: 10px; margin-top: 19px; border-radius: 10px 0px 0px 0px; border: 1px solid #949494; border-right: 0px; } .package-container .package-addons .package-addons-item { border-left: 1px solid #949494; background-color: #fff; padding: 10px; } .package-container .package-addons .package-addons-item .package-addons-item-icon { height: 26px; width: 32px; padding: 5px; margin-right: 5px; display: inline-block; } .package-container .package-addons .package-addons-item .package-addons-item-icon img { width: 24px; } .package-container .package-addons .package-addons-item .package-addons-item-info-icon { width: 35px; display: inline-block; float: right; text-align: right; padding-top: 5px; padding-bottom: 5px; color: #d2d2d2; } .package-container .package-addons .package-addons-item .package-addons-item-info-icon img { width: 24px; } .package-container .package-addons .package-addons-item:nth-child(even) { background-color: #fff; } .package-container .package-addons .package-addons-item:nth-child(odd) { background-color: #efefef; } .package-container .package-addons .package-addons-item.package-addons-item-last { border-bottom: 1px solid #949494; border-radius: 0px 0px 0px 10px; } .package-container .package-addons .package-addons-comments { height: 125px; padding: 5px; padding-top: 15px; } .package-container .package-addons .package-addons-comments .package-addons-text { height: 40px; } .package-container .package-addons .package-addons-comments .package-addons-comments-field { padding: 5px; } .package-container .package-addons .package-addons-comments .package-addons-comments-field #comment { min-height: 50px; height: 50px; resize: vertical; } .package-container .packages-2 .package-item { width: 50% !important; } .package-container .packages-3 .package-item { width: 33.3333333333% !important; } .package-container .packages-4 .package-item { width: 25% !important; } .package-container .packages-5 .package-item { width: 20% !important; } .package-container .packages-6 .package-item { width: 16.6666666667% !important; } .package-container .package-item { width: 33%; border: 1px solid #949494; border-right: 0px; } .package-container .package-item .package-item-header { background-color: #efefef; text-align: center; font-size: 24px; position: relative; padding: 20px; } .package-container .package-item .package_stamp { height: 80px; width: 80px; background: url(/packs/media/themes/general/desktop/images/site/addon_package_highlight-564b847a53e9bb7dfe9e21f787f25162.png) 50px no-repeat; background-position: center; position: absolute; top: -25px; right: -20px; background-size: cover; z-index: 1; } .package-container .package-item .package-item-included:nth-child(even), .package-container .package-item .package-item-excluded:nth-child(even) { background-color: #fff; } .package-container .package-item .package-item-included:nth-child(odd), .package-container .package-item .package-item-excluded:nth-child(odd) { background-color: #efefef; } .package-container .package-item .package-item-included { background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 20px no-repeat #ffffff; background-position: center; } .package-container .package-item .package-item-excluded { background: url(/packs/media/themes/general/desktop/images/site/bad-5650a794cf250d82b906d9b87c7ee2f3.png) 20px no-repeat #ffffff; background-position: center; } .package-container .package-item .package-item-last { border-bottom: 1px solid #949494; } .package-container .package-item .package-item-action { background-color: #fff; text-align: center; padding: 10px 0px; padding-top: 20px; height: 125px; } .package-container .package-item .package-item-action .price { font-size: 24px; font-weight: 500; } .package-container .package-item .package-item-action .person { font-size: 12px; } .package-container .package-packages .package-item:first-child { border-radius: 10px 0px 0px 10px; } .package-container .package-packages .package-item:first-child .package-item-header { border-radius: 10px 0px 0px 0px; } .package-container .package-packages .package-item:first-child .package-item-action { border-radius: 0px 0px 0px 10px; } .package-container .package-packages .package-item:last-child { border-right: 1px solid #949494; border-radius: 0px 10px 10px 0px; } .package-container .package-packages .package-item:last-child .package-item-header { border-radius: 0px 10px 0px 0px; } .package-container .package-packages .package-item:last-child .package-item-action { border-radius: 0px 0px 10px 0px; } .service { margin: 0; padding: 15px 0 0 0; float: left; width: 100%; text-align: center; } .service .service-packages { border: 0px; } .service .service-packages h2 { text-align: left; font-size: 28px; } .service li { vertical-align: top; padding: 1%; width: 100%; background: #FFF; border-radius: 3px; border: 1px solid #949494; margin-bottom: 10px; margin-right: auto; margin-left: auto; display: table; } .service .service-image { width: 20%; height: 150px; display: inline-block; float: left; } .service .service-image img { height: 100%; border-radius: 10px; } .service .service-item-content .service-item-top { text-align: left; height: 80px; } .service .service-item-content .service-item-top .service-item-text { display: inline-block; width: 70%; } .service .service-item-content .service-item-top .service-item-text .service-item-header { padding: 8px 0px; padding-bottom: 14px; line-height: 24px; text-align: left; font-size: 120%; font-weight: 500; } .service .service-item-content .service-item-top .service-item-price { font-size: 29px; color: #000; float: right; font-weight: 400; line-height: normal; } .service .service-item-content .service-item-top .service-item-price .smalltext { font-size: 14px; padding-left: 3px; } .service .service-item-content .service-item-bottom { clear: none; margin-top: 0px; } .service .service-item-content .service-item-bottom .service-item-readmore { display: inline-block; float: left; margin: 10px 0px; padding: 12px 0px; } .service .service-item-content .service-item-bottom .service-item-personal-number { display: inline-block; vertical-align: top; clear: left; font-size: 20px; color: #000; text-align: left; padding: 18px 0px; } .service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-header { display: inline-block; font-size: 16px; } .service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-input { display: inline-block; } .service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } .service .service-item-content .service-item-bottom .service-item-personal-number .service-item-personal-number-info-icon { display: inline-block; } .service .service-item-content .service-item-bottom .service-item-address { display: inline-block; vertical-align: top; clear: left; font-size: 20px; color: #000; text-align: left; padding: 18px 0px; } .service .service-item-content .service-item-bottom .service-item-address .service-item-address-header { display: inline-block; font-size: 16px; } .service .service-item-content .service-item-bottom .service-item-address .service-item-address-input { display: inline-block; } .service .service-item-content .service-item-bottom .service-item-address .service-item-address-input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } .service .service-item-content .service-item-bottom .service-item-address .service-item-postal-code-input { display: inline-block; } .service .service-item-content .service-item-bottom .service-item-address .service-item-postal-code-input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } .service .service-item-content .service-item-bottom .service-item-address .service-item-city-input { display: inline-block; } .service .service-item-content .service-item-bottom .service-item-address .service-item-city-input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } .service .service-item-content .service-item-bottom .service-item-address .service-item-country-code-input { display: inline-block; } .service .service-item-content .service-item-bottom .service-item-address .service-item-country-code-input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } .service .service-item-content .service-item-bottom .service-item-address .service-item-address-info-icon { display: inline-block; } .service .service-item-content .service-item-bottom .radio-section { float: right; } .service-item-button123123 { padding: 0 5px; } .service-item-button123123.service-item-button-yes input { background: #59e027; width: 120px; } .ResursBank table.priceTable { width: 100%; margin: 20px 0px; border-collapse: collapse; } .ResursBank table.priceTable th, .ResursBank table.priceTable td { border: 1px solid #ccc; padding: 10px; } .ResursBank p { margin: 10px 0px; } .ResursBank { width: 800px !important; } .ResursBank p { font-size: 14px; padding: 5px 0px; } .ResursBank span.headText { font-weight: bold; } .ResursBank table.priceTable { width: 100%; background-color: #ececec; border: 1px solid #d6d6d6; } .ResursBank table.priceTable tr td.header { padding: 5px; } .ResursBank table.priceTable tr td.content { padding: 5px; text-align: right; } .ResursBank table.priceTable tr.evenRow { background-color: #e0e0e0; } .payment-prodetail { float: left; width: 100%; color: #000000; } .payment-prodetail a { text-decoration: underline; } .payment-prodetail ul { float: left; width: 65%; } .payment-prodetail table { float: right; width: 30%; } .payment-prodetail table tr td:first-child { color: #000; } .payment-prodetail table tr td { padding: 5px; text-align: right; } .payment-prodetail ul li { float: left; line-height: 22px; } .payment-prodetail ul li span { color: #000; } .payment-prodetail ul li.dec { width: 60%; } .payment-prodetail ul li.dec_paypal { margin-top: 8px; width: 100%; color: #000000; padding-top: 1; } .payment-prodetail ul li.dec_bottom { width: 100%; font-size: 12px; color: #000000; padding-top: 10px; } .payment-prodetail ul li.dec_bottom a { color: #000000; text-decoration: underline; } .payment-prodetail ul li.price { width: 20%; text-align: right; padding: 0 2%; } .payment-prodetail ul li.total { width: 20%; text-align: right; } .payment-flow-container { width: 40%; margin: 0 auto; } .payment-flow-container .card-body { text-align: center; } .payment-flow-container .payment-logo { width: 50%; margin-top: 20px; } .payment-flow-container .payment-loader { padding-top: 40px; } .payment-flow-container .payment-text { padding: 30px 50px; line-height: 24px; } .payment-flow-container .payment-back { width: 50%; } ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } .payment-wrap { float: left; width: 100%; } .payment-wrap > ul { float: left; width: 100%; } .payment-wrap > ul > li { float: left; width: 100%; background: #FFF; border-radius: 3px; font-size: 18px; font-weight: 400; margin: 0 0 1px 0; display: table; height: 100%; } .payment-wrap > ul > li form { display: table-row; } .payment-msec { display: table-cell; padding: 2%; width: 60%; vertical-align: top; } .payment-msec .title { font-size: 30px; float: left; width: 100%; color: #000; font-weight: 300; margin: 0 0 15px 0; } .payment-msec .title img { float: left; max-width: 140px; } .payment-msec .title span { float: left; padding: 3px 0 0 15px; } .payment-option { padding: 2%; border-left: 1px solid #efcb01; color: #000; display: inline-table; height: 100%; display: table-cell; vertical-align: top; } .payment-option div.space { padding: 15px 0; float: left; } .payment-option div.text { display: inline; padding-left: 5px; position: relative; top: 15px; } .payment-option label { float: left; width: 100%; margin: 0 0 10px 0; } .payment-option img { margin: 0 0 0 10px; float: left; max-height: 40px; } .payment-option input[type=text] { background: #e5e5e5; color: #000; font-size: 18px; border-radius: 3px; padding: 5px 10px; margin: 10px 0 0 0; float: left; width: 180px; } .payment { border-radius: 0 3px 3px 0; width: 15%; display: table-cell; padding: 0 10px; height: 100%; text-align: center; vertical-align: top; } .payment .y-button { margin: 15px 0; } .payment .y-button a.fly { padding: 0 58px 0 0; } .page_step_4_air .custom-radio-payment_type { float: left; margin-top: 10px; } .custom-radio-payment_type { width: 40px; height: 40px; display: inline-block; position: relative; z-index: 1; /*top: 25px;*/ float: left; margin: 0 0 0 5px; cursor: pointer; } .custom-radio-payment_type input[type=radio] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .custom-radio-payment_type { background: url(/packs/media/themes/general/desktop/images/site/radio2-59c21dc24055472d496b9a3d6677ede1.png) no-repeat; } .custom-radio-payment_type:hover { background: url(/packs/media/themes/general/desktop/images/site/radio1-hover-d60ae92db8b8a29b5a7c4528103eee10.png) no-repeat; } .custom-radio-payment_type.selected { background: url(/packs/media/themes/general/desktop/images/site/radio1-selected-b22a1485d4549b85590d67ff05f650ec.png) no-repeat; } .payment_failure_alert { padding-top: 36px; padding-bottom: 36px; } .klarna-container { padding: 10px; background-color: whitesmoke; border-radius: 5px; } .top-box { border-radius: 3px; border: 1px solid #949494; background-color: #ffffff; width: 100%; margin-bottom: 10px; height: 100px; padding: 20px; display: table; } .top-box div { float: left; width: 240px; } .top-box .header { font-size: 18px; font-weight: bold; margin-bottom: 12px; } .top-box .subheader { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .booking-support-channels { display: flex; flex-direction: column; } .booking-support-channels div.support-item { display: flex; align-items: center; text-decoration: none; transition: opacity 0.2s ease; font-size: 16px; } .booking-support-channels div.support-item:hover { opacity: 0.8; } .booking-support-channels div.support-item.small { font-size: 12px; } .booking-support-channels div.support-item .support-icon { width: 26px; height: 26px; margin-right: 8px; display: block; } .booking-support-channels div.support-item .support-text { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .booking__cta_payment { background-color: #dc0000; min-height: 70px; margin-bottom: 10px; margin-top: 0; display: inline-block; padding: 15px; border-radius: 3px; border: 1px solid #6c6c6c; font-size: 23px; line-height: 1em; width: 100%; } .booking__cta_payment span { color: #ffffff; font-size: 27px; display: inline-block; margin-top: 11px; } .booking__cta_payment--processing { background-color: #fff3cd; } .booking__cta_payment--processing span { color: #000000; } .spacer { clear: both; margin-top: 20px; } .booking-product + .booking-product { margin-top: 10px; } .booking-product .header { float: left; font-size: 18px; font-weight: bold; padding-bottom: 10px; } .booking-product .payment-status { float: right; font-size: 18px; font-weight: bold; } .booking-product .payment-status a.not-paid { text-decoration: underline; } .booking-product .payment-status .not-paid { color: #ed1d1d; } .booking-product .payment-status .paid { color: #1cc13b; } .booking-support-form label { display: block; } .booking-support-form input[type=text], .booking-support-form select { width: 100%; padding: 12px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .booking-support-form textarea { width: 100%; height: 150px; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin: 8px 0; resize: vertical; } .payment_success_str { width: 100%; display: inline-block; border-radius: 3px; border: 1px solid #6c6c6c; margin-bottom: 10px; } .upgrade-to-gold { height: 100%; background-color: #e7f0e8; margin-bottom: 10px; margin-top: 0; display: inline-block; padding: 15px; border-radius: 3px; border: 1px solid #6c6c6c; } .upgrade-to-gold .modal-trigger { float: right; margin-top: 15px; } .upgrade-to-gold .header { font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 10px; color: #1E23B0; } .upgrade-to-gold ul li { padding-left: 28px; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 27px; width: 50%; float: left; background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 0 5px no-repeat; } .upgrade-to-gold .price { font-weight: bold; font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; margin-top: 17px; margin-left: 25px; } .upgrade-to-gold .price .smalltext { font-size: 14px; padding-left: 12px; } .upgrade-to-gold .upgrade_yes { clear: left; } .upgrade-to-gold .button { padding: 0 15px; background: #16b501; border-radius: 3px; cursor: pointer; border: 1px solid #129e00; float: left; margin-top: 15px; } .upgrade-to-gold .button:hover { background-color: #108900; } .upgrade-to-gold .button a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .hotel_info { width: 800px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-right: 5px !important; padding-left: 5px !important; } div.resize-and-crop { overflow: hidden !important; display: -moz-inline-block; display: inline-block; position: relative; } .hotel-widget { background-color: #ffffff; margin-bottom: 10px; padding: 15px; border-radius: 3px; border: 1px solid #6c6c6c; display: inline-block; width: 100%; } .hotel-widget .banner { float: left; width: 165px; } .hotel-widget .banner img { width: 165px; border-radius: 3px; margin-left: 3px; } .hotel-widget .banner .dates { margin-top: 20px; text-align: center; font-weight: bold; } .hotel-widget .banner .hotel_count { font-size: 25px; text-align: center; margin-top: 30px; } .hotel-widget .banner .hotel_count span { font-size: 40px; } .hotel-widget .banner .see_all { text-align: center; margin-top: 29px; } .hotel-widget .banner .see_all a { color: #000000; text-decoration: underline; font-size: 100%; } .hotel-widget .recommended_hotels_list { float: right; padding-left: 12px; } .hotel-widget .hotel_img { border-radius: 3px 3px 0 0; position: relative; overflow: hidden; height: 90px; } .hotel-widget .hotel_review_score { position: absolute; bottom: 10px; right: 10px; color: #fff; padding: 4px 4px 3px 4px; border-radius: 3px; z-index: 9; text-align: center; font-size: 16px; display: block; min-width: 43px; text-decoration: none; width: 75px; line-height: 14px; background: #1E23B0; } .hotel-widget .hotel_review_score_word { font-size: 12px; } .hotel-widget .hotel_list_hotel_name { color: #000000 !important; font-size: 90%; display: block; height: 29px; line-height: 1.1em; float: left; } .hotel-widget .hotel_list_hotel_name h2 { float: left; font-size: 85%; color: #000000; max-width: 190px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hotel-widget .hotel_info { margin-top: 0; margin-bottom: 0; width: 96%; height: 50px; } .hotel-widget .hotel_info_img { float: left; margin-top: 8px; margin-left: 5px; } .hotel-widget div.hotel_price_section { clear: left; } .hotel-widget div.hotel_room_type { font-size: 12px; float: left; } .hotel-widget .max_occ_icon { background-image: url("//q.bstatic.com/static/affiliate_base/img/aff_hotel_list_max_occ/3e5bac6eefc5e7f7a7d50d1b6ec6210c7bd26a5c.gif"); background-repeat: no-repeat; display: inline-block; height: 15px; width: 22px; margin-left: 3px; } .hotel-widget .max_occ_type_single { background-position: 0 5px; } .hotel-widget .max_occ_type_double { background-position: 0 -16px; } .hotel-widget .max_occ_type_triple { background-position: 0 -35px; } .hotel-widget div.hotel_price_from { font-size: 18px; float: left; padding-top: 1px; padding-left: 15px; } .hotel-widget a.b_submitButton.book_btn_position { color: #000000; text-decoration: underline; float: right; margin-top: 1px; } .car-widget { background-color: #ffffff; margin-bottom: 10px; padding: 15px 15px 5px; border-radius: 3px; border: 1px solid #6c6c6c; display: inline-block; width: 100%; } .car-widget .wrapper { width: 33%; float: left; margin-left: 4px; } .car-widget .wrapper img.carimage { float: left; margin-right: 10px; width: 150px; } .car-widget .wrapper .make { font-weight: bold; } .car-widget .wrapper .type { font-size: 11px; } .car-widget .wrapper .icons > div { display: inline-block; padding: 0 2px 0 22px; line-height: 20px; margin: 2px 0 0 0; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-width: 12%; background-repeat: no-repeat; cursor: default; font-size: 10px; font-weight: normal; } .car-widget .wrapper .seats { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -63px no-repeat; } .car-widget .wrapper .doors { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -129px no-repeat; } .car-widget .wrapper .aircon { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left 2px no-repeat; } .car-widget .wrapper .transmission { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -192px no-repeat; } .car-widget .wrapper .was { color: #ee301a; margin-top: 7px; font-size: 12px; text-decoration: line-through; float: left; } .car-widget .wrapper .now, .now2 { color: inherit; font-size: 18px; float: left; margin-left: 18px; margin-top: 7px; } .car-widget .wrapper .searchNowButton { text-decoration: underline; cursor: pointer; margin-top: 7px; float: right; margin-right: 33px; } .order-message { width: 100%; margin-bottom: 10px; margin-top: 0; padding: 15px; background-color: #fff3cd; border: 1px solid #856404; color: #856404; border-radius: 3px; } .order-message .header { font-size: 18px; font-weight: bold; margin-bottom: 12px; } .order-message p { font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .addon-button { padding: 0 15px; background: #16b501; color: #FFFFFF; border-radius: 3px; cursor: pointer; border: 1px solid #129e00; float: left; margin-top: 15px; } .addon-button:hover { background: #108900; } .addon-button input[type=submit] { background-color: #16b501; color: #FFFFFF; } .addon-button input[type=submit]:hover { background-color: #108900; } .addon-price { font-weight: bold; font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; margin-top: 25px; margin-left: 25px; } .addon-header { font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 10px; color: #1E23B0; } .upgrade_yes_multi { display: flex; align-items: center; } .upgrade-to-gold .upgrade_yes_multi { margin-right: 16px; } .seating-container { display: flex; margin-left: 20px; } .left-column { margin-right: 80px !important; } .seatprice { text-align: center; font-size: 14px; } .seating:first-child { margin-right: 20px; } .seatclass { color: white; font-weight: 500; width: 60px !important; } .seatclass0 { background-color: #0095B7; } .seatclass1 { background-color: #C32148; } .seatclass2 { background-color: #FCD667; } .seatclass3 { background-color: #8359A3; } .seatclass4 { background-color: #fc8367; } .seatclass5 { background-color: #926F5B; } .seatclass6 { background-color: #bbe6b8; } .seatclass7 { background-color: #fcba03; } .disabledSeat { background-color: #e6e6e6; } .occupiedSeat { background-color: #e6e6e6; } .selected-seat { background-color: #51cf5d !important; } /* show booking page */ .page_show_booking { background: #FFF; } .show_booking_div { text-align: center; } .show_booking_div > ul { font-size: 0; margin: 0 15px; } .show_booking_div > ul > li { display: inline-block; vertical-align: top; border-radius: 3px; border: 1px dashed #0A5AA6; font-size: 14px; color: #000000; line-height: 18px; text-align: left; width: 400px; padding: 10px; margin: 0 1% 15px 0; } .show_booking_div div.title { border-radius: 3px; background: #0A5AA6; color: #FFF; text-align: center; padding: 10px 5px; font-size: 20px; margin: 0 0 15px 0; } .show_booking_div .topM10 { margin-top: 10px; } .show_booking_div div.inputs ul { margin-bottom: 5px; margin-top: 5px; } .show_booking_div input[type=text] { border-radius: 3px; border: 1px solid #0A5AA6; width: 100%; height: 38px; line-height: 38px; color: #0A5AA6; font-size: 18px; padding: 0 10px; float: left; margin-top: 10px; } .page_cars #container #content { display: inline-block; } .page_cars .cars .cars-content iframe { width: 900px; height: 900px; } .top_gate_access .main { width: 85%; margin-top: 100px; margin-left: auto; margin-right: auto; float: none; } .login-field { width: 400px; font-size: 20px; padding: 20px; margin-right: 20px; } #login-submit:hover { background-color: #444445 !important; color: #fff; } #login-submit { width: 225px; border: 1px solid #444445; padding-right: 0 !important; height: 64px !important; float: right; } .login_error { padding-top: 20px; color: #FE3C33; font-weight: 400; font-size: 16px; } .page-login .page-single { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; padding: 16px 0; padding: 1rem 0; } .col-login { width: 24rem; } .col-login .card-title { font-size: 18px; font-size: 1.125rem; line-height: 1.2; font-weight: 400; margin-bottom: 24px; margin-bottom: 1.5rem; } .col-login .form-control { display: block; width: 100%; height: 38px; height: 2.375rem; padding: 6px 12px; padding: 0.375rem 0.75rem; font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 1.6; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .col-login .form-group, .col-login .form-label { display: block; } .col-login .form-group { margin-bottom: 16px; margin-bottom: 1rem; } .page_index, .page_cars, .page_about, .page_conditions, .page-static { margin-bottom: 15px; margin-top: 15px; } #map-canvas-all { width: 800px; height: 500px; margin: 0px; padding: 0px; } #map-canvas-inner { width: 740px; height: 440px; margin: 30px 30px 30px 30px; } #map-canvas-hotel { width: 800px; height: 500px; margin: 0px; padding: 0px; } .show-booking { float: right; width: 29%; border-radius: 3px; border: 1px dashed #000000; padding: 1%; margin: 1%; } .show-booking div.title { border-radius: 3px; background: #000000; color: #FFF; text-align: center; padding: 10px 5px; font-size: 20px; margin: 0 0 15px 0; } .show-booking ul { margin-bottom: 5px; margin-top: 5px; } .show-booking .topM10 { margin-top: 10px; } .show-booking input[type=text] { border-radius: 3px; border: 1px solid #000000; width: 100%; height: 38px; line-height: 38px; color: #000000; font-size: 18px; padding: 0 10px; float: left; margin-top: 10px; } .ls-wrapper .ls-nav-right-arrow { background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat top right; } .ls-wrapper .ls-nav-left-arrow { background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat top left; } .ls-wrapper .ls-nav-left-arrow:hover { background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat bottom left; } .ls-wrapper .ls-nav-right-arrow:hover { background: url(/packs/media/themes/general/desktop/images/site/liquid-slider/arrow-4703446afab849e370bf193b6a58a181.png) no-repeat bottom right; } .button-close, .button-previous, .button-next { position: absolute; width: 44px; height: 44px; background: #000; text-align: center; line-height: 44px; color: #fff; text-decoration: none; border-radius: 50%; font-size: 16px; } .button-previous, .button-next { top: 50%; margin-top: -22px; line-height: 42px; } .button-previous { left: -50px; } .button-next { right: -50px; } .button-close { top: -44px; right: -44px; font-size: 22px; color: rgba(255, 255, 255, 0.8); } .active-header { background-repeat: no-repeat; background-position: right 50%; font-size: 18px; background: #ebebeb; margin: 5px 0 0 0; padding: 10px 55px 10px 15px; cursor: pointer; color: #FFFFFF; line-height: 22px; font-weight: 300; border-radius: 3px; float: left; width: 100%; box-sizing: border-box; } .inactive-header { background-repeat: no-repeat; background-position: right 50%; border-radius: 3px; } #accordion-container { display: none; padding: 15px; font-size: 16px; color: #252525; line-height: 22px; float: left; width: 100%; box-sizing: border-box; } .accordion-header { font-size: 18px; background: #ebebeb; margin: 5px 0 0 0; padding: 10px 55px 10px 15px; cursor: pointer; color: #FFFFFF; line-height: 22px; font-weight: 300; border-radius: 3px; float: left; width: 100%; box-sizing: border-box; } #flash-messages { position: fixed; top: 50px; right: calc(50% - 300px); z-index: 9999; width: 600px; text-align: center; } #flash-messages #alert-message { background-color: #f8d7da; color: #842029; border: 1px solid #f5c2c7; } #flash-messages #notice-message { background-color: #d1e7dd; color: #0f5132; border: 1px solid #badbcc; } #flash-messages #info-message { background-color: #cfe2ff; color: #084298; border: 1px solid #b6d4fe; } #flash-messages #alert-message, #flash-messages #notice-message, #flash-messages #info-message { padding: 15px 20px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); font-family: sans-serif; } #flash-messages #alert-message h1, #flash-messages #notice-message h1, #flash-messages #info-message h1 { font-size: 18px; font-weight: 400; margin-bottom: 10px; } #flash-messages #alert-message p, #flash-messages #notice-message p, #flash-messages #info-message p { font-size: 16px; line-height: 20px; font-weight: 300; } body.scroll { overflow-y: scroll; } .w-2 { width: 2%; display: inline-block; } .continue-btn-group { width: 100%; font-size: 0; } .continue-btn { width: 49%; margin: 5px 0; cursor: pointer; display: inline-block; padding: 0; border: 1px solid #949494; background: #efcb01; border-radius: 3px; } input[type=submit].continue-btn:hover { background-color: #daba01 !important; } :root { --border: #2311b2; --select: #E0FFFF; } body { background: #eccc00; } .hr { border-bottom: 1px solid #eccc00; } .rating-title { font-size: 14px; float: left; } #map-canvas { width: 800px; height: 500px; margin: 0px; padding: 0px; } .y-button { background: #efcb01; } .y-button a { color: #000; } .y-button a.back { background: url(/packs/media/themes/general/desktop/images/site/back-efbbb740d02e4e25061d655573c34e68.png) no-repeat right 9px; } /*========== Pop-Up ==============*/ .map-card__wrapper { height: 180px; width: 300px; } .map-card__image-container { position: absolute; width: 45%; top: 0; right: 65%; bottom: 0; left: 0; border-radius: 3px 0 0 3px; overflow: hidden; background: #fff; } .map-card__image { position: absolute; top: 10px; right: 0; bottom: 10px; left: 10px; background-repeat: no-repeat !important; background-size: 100% 100% !important; } .map-card__content-container { box-sizing: border-box; position: relative; margin: 0 0 0 45%; padding: 10px 5px 10px 10px; background: #fff; border-radius: 0 3px 3px 0; display: flex; flex-direction: column; min-height: 130px; justify-content: space-between; } .map-card__title { position: relative; margin-bottom: 10px; font-size: 16px; line-height: 24px; font-weight: 600; color: #07c; text-decoration: none; cursor: pointer; } .map-card__review { position: relative; margin-bottom: 10px; } .map-card__price-container { position: relative; color: #383838; margin-top: auto; font-size: 14px; margin-bottom: 10px; } .map-card__address { font-weight: 600; font-size: 14px; } .star-image { content: url(/packs/media/themes/general/desktop/images/icons/star-bb0cd011d3d4aa12c83109f30c6c17ed.png); } /*========== Pop-Up-End ==============*/ .back_btn { background: #efcb01; } .y-button a.fly, .y-button input.fly, .y-button input.hotel { background: #EFC826; min-width: 150px; white-space: nowrap; } .y-button .back { background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px; } .yd-button { background: #a38b00; } .yd-button .back { background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px; } .yd-button-pop { background: #2311b2; } .yd-button-pop .back { background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px; } .yd-button-pop .fly { background: #1E23B0; } .yd-button-pop .hotel { background: url(/packs/media/themes/general/desktop/images/site/white-house-50c897489f963854e234f6f513c5997d.png) no-repeat right 7px; } /*========== Custom ==============*/ header { padding-bottom: 60px; } #header { background: #FFFFFF; height: 60px; float: left; width: 100%; margin: 0 0 80px 0; position: fixed; z-index: 1002; display: block; border-bottom: 1px solid #eccc00; } .logo-wrap { width: 299px; height: 98px; margin: 0 0 0 -70px; } .logo { position: absolute; top: 12px; } ul.topnav li a { color: #2311b2; } #cookie_message_popup { height: 581px !important; width: 648px !important; border: 0px none rgb(0, 0, 0) !important; border-top: 0px none rgb(0, 0, 0) !important; border-right: 0px none rgb(0, 0, 0) !important; border-bottom: 0px none rgb(0, 0, 0) !important; border-left: 0px none rgb(0, 0, 0) !important; margin: 0px 0px 6px !important; padding: 24px !important; max-height: none !important; min-height: 0px !important; max-width: 100% !important; min-width: 0px !important; } ul.topnav li a:hover, ul.topnav li a.active { background: #2311b2; } .custom-radio-search_type { background: url(/packs/media/themes/general/desktop/images/site/radio-59c21dc24055472d496b9a3d6677ede1.png) no-repeat; } .custom-radio-search_type:hover { background: url(/packs/media/themes/general/desktop/images/site/radio1-hover-d60ae92db8b8a29b5a7c4528103eee10.png) no-repeat; } .custom-radio-search_type.selected { background: url(/packs/media/themes/general/desktop/images/site/radio-selected-b22a1485d4549b85590d67ff05f650ec.png) no-repeat; } .fly-form { color: #2311b2; } .fly-form .title { background: #2311b2; border: 1px solid #2311b2; } .fly-form input[type=text] { border: 1px solid #2311b2; color: #2311b2; } div.yellow-submit { background: #efcb01; } div.yellow-submit input[type=submit] { color: #2311b2; background: #efcb01; } input.yellow-submit-hotel[type=submit] { background: url(/packs/media/themes/general/desktop/images/icons/room-icon-b8571125968ffc6bba29b2a51b7ece62.png) no-repeat right 8px !important; background-size: 25px !important; } .fancy-button, .fancy-button:hover, .fancy-button:focus { font-size: 18px; cursor: pointer; font-weight: 400; color: #FFFFFF; background: #0a9e1f !important; padding: 10px; text-align: center; border-radius: 5px; } .fancy-button a, .fancy-button:hover a, .fancy-button:focus a { color: #FFFFFF; } .fancy-button.upgrade-service, .fancy-button:hover.upgrade-service, .fancy-button:focus.upgrade-service { margin-bottom: 16px; } .about-sec div.con .title { padding: 0; } .f-scroll-wrap { background: #2311b2; } .f-scroll-title { background: #eccc00; color: #000; } .f-scroll ul li a { border: 1px dashed #FFFFFF; } .f-scroll ul li a:hover { border: 1px dashed #eccc00; } .f-scroll ul li a .f-scroll ul li div { color: #FFFFFF; } .about-sec div.con { color: #2311b2; } .shortcon ul li { border: 1px dashed #2311b2; } .shortcon ul li div.title { color: #2311b2; } .cheapest-destinations > ul > li { border: 1px dashed #2311b2; } .cheapest-destinations > ul > li div.title { background: #2311b2; } .footer-logo ul { background: #a38b00; padding: 0 10%; } ul.footer-menu li { background: url(/packs/media/themes/general/desktop/images/site/nav-divider-b915adfa9412dfc8f46a0f939f019cb9.jpg) no-repeat right 4px; } .fly-form ul li label.room-icon span { background: url(/packs/media/themes/general/desktop/images/icons/room-icon-b8571125968ffc6bba29b2a51b7ece62.png) no-repeat 0px center; } #content { color: #2311b2; } #content h1 { color: #2311b2; } #sidebar .searchflyform { border: 1px solid #2311b2; } #sidebar .ui-selectmenu-text { padding-left: 40px; } #sidebar .title { background: #2311b2; } #sidebar .searchflyform input[type=text] { border: 1px solid #2311b2; color: #2311b2; } #sidebar .searchflyform input[type=text].field-1 { background: url(/packs/media/themes/general/desktop/images/site/fly-icon-28649fcdfbf828c4d352496debf311e7.png) #FFFFFF no-repeat 10px center; } #sidebar .searchflyform input[type=text].field-2 { background: url(/packs/media/themes/general/desktop/images/site/fly-back-icon-5cc587263f3a97ad17b4aff15e0951b1.png) #FFFFFF no-repeat 10px center; } #sidebar .searchflyform input[type=text].field-3 { background: url(/packs/media/themes/general/desktop/images/site/destination-icon-9b487d3eaba726b06ac1697ec57b41e1.png) #FFFFFF no-repeat 10px center; } #sidebar .searchflyform a { color: #2311b2; } #sidebar .addressbox { background: #2311b2; } #sidebar .addressbox a { color: #FFFFFF; } #sidebar .addressbox p.address { background: url(/packs/media/themes/general/desktop/images/site/icon-address-d24e3e97c58af6810b437421cb8ed3c9.png) no-repeat 0 6px; } #sidebar .addressbox p.email { background: url(/packs/media/themes/general/desktop/images/site/icon-email-036182eca71c617c294c813d273041ad.png) no-repeat 0 6px; } #sidebar .addressbox p.email a:hover { color: #eccc00; } #sidebar .addressbox p.phone { background: url(/packs/media/themes/general/desktop/images/site/icon-phone-ad0244208f7963659f329677eb6cff4c.png) no-repeat 0 6px; } #sidebar #search_adults-button { background: url(/packs/media/themes/general/desktop/images/site/adults-small-icon-fe4a9771f63443371405afbba9eb42f3.png) #FFFFFF no-repeat 8px center; } #sidebar #search_children-button { background: url(/packs/media/themes/general/desktop/images/site/child-small-icon-77de57e478990bab3ab09cde1ca45cab.png) #FFFFFF no-repeat 9px center; } #sidebar #search_infants-button { background: url(/packs/media/themes/general/desktop/images/site/baby-small-icon-e6b10138a78bb21a8c55703de80d84dd.png) #FFFFFF no-repeat 8px center; } .warningmsg h1 { color: #2311b2; } .ui-selectmenu-button { color: #2311b2; padding: 0 35px 0 10px; height: 38px; border: 1px solid #2311b2; width: 100% !important; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; background: #FFF; line-height: 38px; overflow: hidden; } .ui-selectmenu-button:hover { background: #fdf5ce; color: #2311b2; border: 1px solid #2311b2; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; } .ui-button:focus { color: #2311b2; padding: 0 35px 0 10px; height: 38px; border: 1px solid #2311b2; width: 100% !important; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; background: #FFF; line-height: 38px; overflow: hidden; } .ui-selectmenu-button.ui-button .ui-icon { position: absolute; margin-top: -8px; top: 50%; width: 18px; height: 16px; right: 10px; background: url(/packs/media/themes/general/desktop/images/site/selectlist-icon-5c110111ba7bf967f73337f69da0d4b7.png) no-repeat; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover { background: #cdcdcd; color: #2311b2; border: none; font-family: "Roboto Condensed", sans-serif; font-weight: 300; padding: 5px 10px; } .ui-menu .ui-menu-item-wrapper { line-height: normal; padding: 5px 10px; font-size: 14px; } .ui-menu-item-wrapper.ui-state-active { margin: 0; } .show-booking { float: right; width: 29%; border-radius: 3px; border: 1px dashed #2311b2; padding: 1%; margin: 1%; } .show-booking div.title { border-radius: 3px; background: #2311b2; color: #FFF; text-align: center; padding: 10px 5px; font-size: 20px; margin: 0 0 15px 0; } .show-booking ul { margin-bottom: 5px; margin-top: 5px; } .show-booking .topM10 { margin-top: 10px; } .show-booking input[type=text] { border-radius: 3px; border: 1px solid #2311b2; width: 100%; height: 38px; line-height: 38px; color: #2311b2; font-size: 18px; padding: 0 10px; float: left; margin-top: 10px; } .session_timer .time_left { color: #210FB5; } .yellow-title { color: #2311b2; } .with_upgrade_choosen .header { color: #1E23B0; } ul.eservice li p { color: #2311b2; } ul.eservice li div.radio-section { color: #2311b2; } ul.eservice li div.readmore { background: #2311b2; } .service-popup .title { color: #2311b2; } .service-popup .title_blue { color: #2311b2; } .service-popup .hr { border-color: #2311b2; } .payment-wrap > ul > li { color: #2311b2; } .payment { background: #2311b2; } .booking-confirm { color: #2311b2; } .booking-confirm div.hr { border-color: #2311b2; } .back-home a { color: #2311b2; } .page_index, .page_cars, .page_about, .page_conditions, .page_static, .page_show_booking { margin-bottom: 15px; margin-top: 15px; } .page_index { background: #FFF; } .page_contact { background: #FFF; } .page_step3 { background: #efcb01; } .page_about { background: #FFF; } .page_conditions, .page_static { background: #FFF; } .page_cars { background: #FFF; } .page_cars #container #content { display: inline-block; } .page_cars .cars .cars-content iframe { width: 900px; height: 900px; } .inline-block { width: 100%; display: inline-block; } .li_link { cursor: pointer; } .li_link a, .li_link a:hover, .li_link a:visited { color: #000000 !important; } .blue-title { float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 30px; margin: 0 0 10px; padding: 10px 0 15px; } .blue-title .small { float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 18px; margin: 0 0 10px; padding: 5px 0 0; } .blue-title .depart { float: left; padding: 0 0 0 40px; } .blue-title .return { float: right; padding: 0 0 0 40px; } .searchfilter p.switch { position: absolute; top: 24px; right: 15px; } .searchfilter p.switch a.open { width: 30px; height: 30px; font-size: 0; float: left; } .searchfilter p.switch a { width: 30px; height: 30px; font-size: 0; float: left; } .searchfilter { width: 22%; float: left; clear: right; } .searchfilter .select-links { font-size: 12px; display: inline; float: right; } .searchfilter .select-links a { font-size: 12px; text-decoration: underline; color: #FFFFFF; } .searchfilter .title { color: #FFFFFF; font-size: 16px; padding: 5px 20px; border-radius: 3px 3px 0 0; line-height: 23px; } .searchfilter .title span { font-size: 14px; display: block; } .tripadvisor .tripadvisor_image { float: left; } .tripadvisor .tripadvisor_rating { float: right; font-weight: bold; font-size: 14px; padding-top: 1px; } .tripadvisor .tripadvisor_reviews { font-size: 13px; clear: both; } .tripadvisor .tripadvisor_reviews a { color: #000000; text-decoration: underline; } .price-box-hotel .total-price { float: left; } .price-box-hotel .pax-price { display: none; float: left; padding-right: 30px; margin-top: 5px; } .price-box-hotel .pax-price .price { font-size: 20px; } .price-box-hotel .pax-price .smallprice { font-size: 12px; margin-top: -8px; } .location_name { display: inline-block; padding-right: 3px; max-width: 79%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; line-height: 18px; position: relative; top: 4px; } .location_count { display: inline; } #selected_flight { float: left; display: inline-block; width: 65%; padding-left: 15px; } .tip_cabin { display: table; } .tip_cabin .row { display: table-row; height: 22px; } .tip_cabin .header { display: table-row; font-weight: 400; height: 30px; } .tip_cabin .from { display: table-cell; min-width: 200px; } .tip_cabin .to { display: table-cell; min-width: 200px; } .tip_cabin .cabin { display: table-cell; } .tip_text { max-width: 700px; white-space: pre-line; } .tip_text .header { padding-bottom: 10px; font-weight: bold; } ul.sort_by li.ui-btn-active { background-color: #FFFFFF !important; } .selected_flight { background-color: #FCF8E6; } div.baggage_text { float: left; font-weight: 400; padding-bottom: 5px; } div.fly-schedule div.baggage { float: left; clear: left; } div.fly-schedule div.baggage div.headline { font-weight: bold; font-size: 13px; float: left; } div.fly-schedule div.baggage div.passenger div.leg { font-size: 12px; width: 170px; float: left; white-space: nowrap; text-wrap: balance; } div.fly-schedule div.baggage div.passenger div.leg label { white-space: nowrap; } div.fly-schedule div.baggage div.passenger div.leg div.ancillary_item { display: block; } div.fly-schedule-wide div.baggage div.passenger div.leg { width: 280px; } .fly-schedule-overlay { text-align: center; position: relative; margin: 0 5%; } .fly-schedule-overlay .fly-schedule-overlay-content { width: 100%; height: 100%; position: absolute; top: 120px; left: 0; font-weight: 500; font-size: 24px; line-height: 30px; text-shadow: 1px 1px grey; } .fly-schedule-remove { opacity: 0.2; display: none; } .fly-schedule-removed_reason { background-color: bisque; text-align: center; font-weight: 400; font-size: 15px; padding: 4px; float: left; width: 100%; display: none; } .fly-schedule-meta { border: 1px solid #241EAF; } .fly-schedule .flight-message { background-color: #241EAF; padding: 10px 10px 10px 14px; color: #FFFFFF; font-size: 25px; font-weight: bold; } .time-technical-stop { color: #241EAF; } .flight-technical-stop { clear: left; padding-left: 0px; color: #241EAF; font-size: 13px; } #flight_rules_loading { text-align: center; margin-top: 100px; background-repeat: no-repeat; height: 125px; font-size: 20px; } a.rules-close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: left; position: absolute; top: 1px; right: 20px; } .flight-rules-wrap { font-family: "Arial", "Verdana", "Helvetica", sans-serif; font-size: 12px; color: #666666; } .flight-rules-wrap strong { font-weight: 600; } .flight-rules-wrap .rules_box { border: 1px solid #CCCCCC; width: 500px; display: table; margin-bottom: 15px; padding: 5px; } .flight-rules-wrap h1 { font-size: 24px; font-weight: bold; color: #0F1F24; } .flight-rules-wrap p { font-size: 14px; font-weight: normal; color: #0F1F24; } .flight-rules-wrap a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0; } .missing_meta { text-align: center; font-weight: 500; font-size: 18px; line-height: 30px; color: #000000; } .cabin-info { font-size: 16px; color: #373737; font-weight: bold; } .cabin-info span { font-weight: 100; } .cabin-info span.link { text-decoration: underline; cursor: pointer; } .price-cal { font-size: 18px; color: #000000; font-weight: 400; } .price-cal ul { float: left; width: 100%; } .price-cal ul li { float: left; text-align: right; padding: 8px 10px; } .price-cal ul.price-cal-title { border-radius: 3px; padding: 3px 0; margin: 0 0 5px; } .price-cal ul li.travelers { width: 35%; text-align: left; } .price-cal ul li.number { width: 10%; } .price-cal ul li.flights-price { width: 15%; } .price-cal ul li.tax { width: 20%; } .price-cal ul li.subtotal { width: 20%; } .price-cal-wrap .hr { margin: 10px 0; } .price-cal-wrap .total-text { float: left; font-size: 24px; font-weight: 400; color: #000000; } .price-cal-wrap .total { float: right; font-size: 24px; font-weight: 400; color: #000000; } .price-cal-wrap a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0; } .price-calculation { font-size: 18px; color: #000000; font-weight: 400; } .price-calculation ul { float: left; width: 100%; } .price-calculation ul li { float: left; margin: 0 20px; text-align: right; padding: 8px 0; } .price-calculation ul.price-cal-title { border-radius: 3px; padding: 3px 0; margin: 0 0 5px; } .price-calculation ul li.number { width: 25px; text-align: left; } .price-calculation ul li.travelers { text-align: left; width: 140px; } .price-calculation ul li.flights-dec { text-align: left; width: 535px; } .price-calculation ul li.subtotal { width: 90px; float: right; text-align: right; } .price-calculation-wrap .hr { margin: 10px 0; } .price-calculation-wrap .total-text { float: left; font-size: 24px; font-weight: 400; color: #000000; } .price-calculation-wrap .total { float: right; font-size: 24px; font-weight: 400; color: #000000; } .price-calculation-wrap a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0; } div.fancyclose a.fancybox-close, div.fancybox-type-image a.fancybox-close { display: inherit; } #error_screen { width: auto; } #error_screen a.close-btn { border-radius: 3px; font-size: 18px; line-height: 40px; padding: 0 10px; float: right; margin: 15px 0 0 0; } .ui-slider-handle, .ui-slider-range { background: #ECCC00 !important; } .timer-button { color: #2311B2; background-color: #EFCB01; border: 1px solid #949494; border-radius: 3px; } .timeout-spinner { display: none; margin-top: 10px; margin-left: auto; margin-right: auto; } #trav_1_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_2_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_3_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_4_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_5_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_6_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_7_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } #trav_8_titel-menu > .ui-menu-item { background: #e4e4e4; color: #2311b2; font-size: 14px; border-bottom: 1px solid #b9b9b9; font-family: "Roboto Condensed", sans-serif; z-index: 0; } .flighttab { margin-top: 20px; cursor: pointer; padding: 6px 10px 6px 10px; float: left; border-width: 2px; border-color: #545183; background-color: #bcd0e7; color: white; } .selectedtab { color: white; text-decoration: underline; text-underline-offset: 2px; text-decoration-style: dotted; background-color: #8fbacf; } .ui-button:active { color: #2311b2; padding: 0 35px 0 10px; height: 38px; border: 1px solid #2311b2; width: 100% !important; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; background: #FFF; line-height: 38px; overflow: hidden; } .datepicker--cell.-selected- { background: #1C23B2 !important; } .datepicker--day-name { color: #1C23B2 !important; } .page_step_2_air { margin-top: -15px; } .page_step_2_air h1 { color: #000; line-height: normal; padding-bottom: 10px; } .pax_element { border-bottom: 1px solid #e4e4e4; } .name_text_package { display: inline; padding-left: 52px; } .name_text_flight { display: inline; padding-left: 27px; } .hotel_result_wide { width: 100%; height: 205px; } .hotel_result_wide .information { width: 77.5%; } .hotel_result_wide .image { width: 240px; height: 180px; } .hotel_result_wide .options .table li.li_1 { width: 44.5%; } .hotel_result_wide .options .table li.li_2 { width: 30%; } .hotel_result_wide .options .table { cursor: auto; } .booking-mform { background: #FFF; float: left; width: 100%; border-radius: 3px; margin: 2px 0 0 0; padding-bottom: 10px; border: 1px solid #949494; } .booking-mform .title { color: #FFFFFF; border-radius: 3px; line-height: 30px; font-size: 18px; margin: 10px 0 0 0; float: left; width: 100%; } .booking-mform input[type=text] { border-radius: 3px; width: 100%; height: 38px; line-height: 38px; font-size: 18px; padding: 0 10px; float: left; } .booking-mform textarea { font-weight: 300; border-radius: 3px; width: 100%; font-size: 18px; padding: 10px 10px; float: left; } .booking-mform input[type=text].error { border-color: #FF0000; } .booking-mform ul { float: left; width: 100%; } .booking-mform ul li { margin: 5px 10px 5px 0; float: left; text-align: left; width: 20%; } .booking-mform ul.you li { width: 225px; } #company_address { width: 460px; } .booking-mform ul.pax_headers li { font-size: 16px; font-weight: 400; height: 10px; } .booking-mform ul li.pax_number { padding-top: 9px; width: 100px; } .booking-mform ul li.trav_titel { width: 150px; } .booking-mform ul li.bonuscard_info { padding-left: 105px; width: 350px; clear: left; padding-bottom: 10px; } .booking-mform ul li.bonuscard_info + li.bonuscard_info { padding-left: 0px; width: 200px; clear: none; } .booking-mform ul li.show_bonuscard_fields { width: 120px; padding-top: 9px; float: right; } .booking-mform .add-baggage { cursor: pointer; padding-left: 110px; width: 700px; clear: left; padding-top: 4px; padding-bottom: 10px; display: inline-block; } .booking-mform .add-baggage .description { text-decoration: underline; } .booking-mform .add-baggage .information { padding-left: 10px; font-size: 14px; } .booking-mform ul li.you_mail { clear: left; } .ui-datepicker .ui-datepicker-title select { width: 60px !important; } .custom-checkbox-error { width: 40px; height: 40px; display: inline-block; position: relative; z-index: 1; top: 3px; cursor: pointer; } .booking-product { background: #FFFFFF; border-radius: 3px; float: left; width: 100%; line-height: normal; color: #000; font-size: 16px; border: 1px solid #949494; } .booking-product .pd { float: left; width: 100%; } .booking-product .pd .table-header { border: 1px solid #696969; margin-bottom: 5px; } .booking-product .pd .table-header span { color: #ffffff; padding: 2px 5px 2px 5px; font-size: 14px; border-right: 1px solid #717171; margin: 0; } .booking-product .pd .table-header .total span { border-right: none; } .booking-product ul { float: left; width: 100%; } .booking-product ul li { float: left; } .booking-product ul li span { color: #000; margin: 0 0 20px 0; display: block; } .booking-product ul li.product { width: 70%; } .booking-product ul li.product img { width: 10px; cursor: pointer; } .booking-product ul li.top { color: #0F5AA4; font-weight: 400; } .booking-product ul li.product-wide { width: 70%; padding-left: 10px; } .booking-product ul li.price { text-align: right; width: 10%; margin: 0 5%; white-space: nowrap; } .booking-product ul li.total { text-align: right; width: 10%; white-space: nowrap; } .booking-product .total-amount { text-align: right; float: left; width: 100%; padding: 5px 0 0 0; margin: 5px 0 0 0; color: #000; font-size: 16px; } .booking-product .total-amount span { font-size: 20px; font-weight: 400; padding: 0 0 0 20px; } .booking-product .extended_price { display: none; } #step_2_check_names .header { font-weight: bold; font-size: 28px; margin-top: 5px; margin-bottom: 10px; white-space: nowrap; } #step_2_check_names .description { font-size: 14px; } #step_2_check_names #names { margin-top: 50px; margin-bottom: 50px; } #step_2_check_names .yd-button-pop { margin-left: 10px; } #step_2_check_names .names .passenger_header .name { float: left; font-weight: bold; font-size: 16px; padding-top: 20px; width: 200px; padding-bottom: 10px; } #step_2_check_names .names .passenger .name { float: left; width: 200px; margin-bottom: 10px; } #step_2_check_names .names .passenger .name:last-child { margin-bottom: 20px; } #step_2_check_names .names .passenger { padding-bottom: 2px; clear: both; } #step_2_check_names .buttons { margin-top: 20px; } .flight-sc .table-header { background-color: #373737; display: flex; } .yd-button a.back { background: url(/packs/media/themes/general/desktop/images/site/back-white-a68a863355ba34f512612a319ab40dfd.png) no-repeat right 9px; } #org_number { clear: both; } .page_step_2_air p { color: #2311b2; } .booking-mform .title { background: #2311b2; } .booking-mform input[type=text] { border: 1px solid #2311b2; color: #2311b2; } .booking-mform textarea { resize: none; border: 1px solid #2311b2; color: #2311b2; } .booking-product .pd .table-header { background-color: #373737; } .booking-product .total-amount { border-top: 1px solid #373737; } .page_step_3_air { padding: 0px; margin-top: -15px; } .yellow-title { float: left; width: 100%; border-radius: 3px; background: #efcb01; line-height: normal; padding: 10px 0; font-size: 30px; margin: 0 0 10px 0; } .page_step_3_air .blue-title { width: 100%; margin: 20px auto 10px; padding: 10px 0 15px 0; float: none; } .blue-title { color: #FFF; background: #2311b2; float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 30px; margin: 0 0 10px 0; padding: 10px 0 15px 0; } .section_dark { opacity: 0.1; filter: alpha(opacity=10); } .upgrade_div { border: 1px dashed #1E23B0; border-radius: 3px; clear: left; background-color: #ffffff; width: 100%; display: table; margin-left: auto; margin-right: auto; } .without_upgrade { width: 40%; float: left; height: 100%; padding: 30px; } .without_upgrade .header { font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 25px; } .without_upgrade ul li { padding-left: 25px; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 27px; } .without_upgrade .price { font-weight: bold; margin-top: 109px; margin-bottom: 25px; font: 29px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .without_upgrade .price .smalltext { font-size: 14px; padding-left: 12px; } .without_upgrade .button { margin-top: 35px; } .without_upgrade .button a { color: #000000; text-decoration: underline; } .with_upgrade { padding: 30px; height: 100%; border-left: 1px dashed #1E23B0; background-color: #e7f0e8; float: right; width: 60%; } .with_upgrade .spot { background-color: #ffffff; color: #16b501; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; min-width: 150px; max-width: 200px; padding: 5px 20px; text-align: center; float: right; border: 1px solid #c4c4c4; border-radius: 15px; opacity: 1; font-weight: bold; } .with_upgrade .header { font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 25px; color: #1E23B0; } .with_upgrade ul li { padding-left: 28px; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 27px; } .with_upgrade .price { font-weight: bold; margin-top: 25px; margin-bottom: 25px; font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .with_upgrade .price .smalltext { font-size: 14px; padding-left: 12px; } .with_upgrade .button { padding: 0 15px; background: #16b501; border-radius: 3px; cursor: pointer; display: inline-block; border: 1px solid #129e00; } .with_upgrade .button:hover { background-color: #108900; } .with_upgrade .button a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .with_upgrade_choosen { border: 1px dashed #1E23B0; border-radius: 3px; clear: left; width: 100%; display: table; margin-left: auto; margin-right: auto; padding: 20px 30px 20px 200px; box-shadow: 0 0 1px; } .with_upgrade_choosen .section { float: left; } .with_upgrade_choosen .header { font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 5px; } .with_upgrade_choosen .body { font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .with_upgrade_choosen #comment { height: 70px; border: 1px solid #898989; border-radius: 3px; background-color: #fcf8e6; } .with_upgrade_choosen .button { float: right; } .with_upgrade_choosen .button a { font-size: 14px; font-weight: 400; color: #000000; text-decoration: underline; } .without_upgrade_choosen { background: url(/packs/media/themes/general/desktop/images/site/bad_big-0e88f50b63599950ec7ebd6cd22d404d.png) 20px no-repeat #ffffff; border: 1px dashed #1E23B0; border-radius: 3px; clear: left; width: 100%; display: table; margin-left: auto; margin-right: auto; padding: 20px 30px 20px 140px; box-shadow: 0 0 1px; height: 120px; } .without_upgrade_choosen .section { float: left; } .without_upgrade_choosen .header { font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 5px; color: #EC6769; } .without_upgrade_choosen .body { font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width: 520px; } .without_upgrade_choosen .button { float: right; padding: 0 15px; background: #16b501; border-radius: 3px; cursor: pointer; display: inline-block; border: 1px solid #129e00; } .without_upgrade_choosen .button:hover { background-color: #108900; } .without_upgrade_choosen .button a { height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .step-3-auto { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 20px; display: table; clear: left; } .step_3_buttons { padding-top: 20px; display: table; float: right; } #comment { margin-top: 10px; width: 100%; height: 100px; font-size: 18px; border: 1px solid #1E23B0; border-radius: 3px; font-family: "Roboto Condensed", sans-serif; font-weight: 300; padding: 10px; color: #1E23B0; } #comment:hover { background-color: #fdf5ce !important; } .eservice-wrap { float: left; width: 100%; margin: 0 0 10px 0; } .eservice-wrap .action-section { float: left; padding: 5px 10px; margin: 20px 0px 0px 20px; font-size: 16px; border-radius: 12px; } .eservice-wrap .action-section.success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .eservice-wrap .action-section.info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .eservice-wrap .action-section.warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .eservice-wrap .action-section.danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } ul.eservice { margin: 0; padding: 15px 0 0 0; float: left; width: 100%; text-align: center; font-size: 0; } ul.eservice .top { float: left; } ul.eservice li { vertical-align: top; padding: 1%; width: 100%; background: #FFF; border-radius: 3px; border: 1px solid #949494; margin-bottom: 10px; margin-right: auto; margin-left: auto; display: table; } ul.eservice li.basicaddonslight { opacity: 0.4; } ul.eservice li div.title { font-size: 24px; color: #000; font-weight: 400; float: left; width: 100%; margin: 0 0 5px 0; } ul.eservice li div.title img { float: left; } ul.eservice li div.title span { float: left; padding: 5px 0 0 10px; line-height: 24px; text-align: left; } ul.eservice li div.no_icon span { padding-left: 0px; } ul.eservice li p { font-size: 18px; line-height: normal; text-align: left; } ul.eservice li div.price { font-size: 29px; color: #000; float: right; font-weight: 400; line-height: normal; } ul.eservice li div.price span.smalltext { font-size: 14px; padding-left: 3px; } ul.eservice li div.radio-section { float: right; font-size: 18px; line-height: 40px; } ul.eservice li div.radio-section label { float: left; padding-left: 20px; } ul.eservice li div.radio-section span { padding: 0 0 0 5px; float: right; } ul.eservice li div.readmore { clear: left; float: left; padding: 0 10px; border-radius: 3px; margin: 15px 0 0 0; } ul.eservice li div.readmore a { color: #FFF; font-size: 18px; padding: 0 40px 0 0px; line-height: 40px; } ul.eservice li div.personal-number-section { clear: left; font-size: 20px; color: #000; text-align: left; padding-top: 20px; } div.personal-number-section div.header { font-weight: bold; } div.personal-number-section div.description { padding-top: 10px; } div.personal-number-section div.personal_numbers { padding-top: 20px; } div.personal-number-section div.personal_number { padding-top: 10px; } div.personal_number div.passenger_name { float: left; padding-top: 8px; } div.personal_number div.personal_number_input { margin-left: 150px; } div.personal_number div.personal_number_input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } ul.eservice li div.address-section { clear: left; font-size: 20px; color: #000; text-align: left; padding-top: 20px; } div.address-section div.header { font-weight: bold; } div.address-section div.address_block { padding-top: 10px; } div.address-section div.passenger_address { float: left; padding-top: 8px; } div.address-section div.passenger_zip_code { float: left; padding-top: 8px; } div.address-section div.passenger_city { float: left; padding-top: 8px; } div.address-section div.passenger_country_code { float: left; padding-top: 8px; } div.address_block div.address_input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; margin: 5px; } div.address_block div.postal_code_input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; margin: 5px; } div.address_block div.city_input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; margin: 5px; } div.address_block div.country_code_input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; margin: 5px; } ul.eservice li div.checkin-section { clear: left; font-size: 20px; color: #000; text-align: left; padding-top: 20px; } div.checkin-section div.header { font-weight: bold; } div.checkin-section div.description { padding-top: 10px; } div.checkin-section div.footer { padding-top: 10px; font-size: 14px; } div.checkin-section div.checkin { padding-top: 10px; } div.checkin div.passenger_name { float: left; padding-top: 8px; } div.checkin div.checkin_input input { border: 1px solid #a1a1a1; font-size: 16px; padding: 5px; } #checkin_info { height: 70px; border: 1px solid #898989; border-radius: 3px; background-color: #fcf8e6; width: 100%; margin-top: 10px; font-family: "Roboto Condensed", sans-serif; font-weight: 300; color: #1E23B0; font-size: 18px; padding: 10px; } #checkin_info:hover { background-color: #fdf5ce !important; } .custom-radio-addon { width: 40px; height: 40px; display: inline-block; position: relative; z-index: 1; /*top: 25px;*/ margin: 0 0 0 5px; cursor: pointer; } .custom-radio-addon input[type=radio] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; } .service-popup { font-size: 18px; line-height: normal; } .service-popup .title { font-size: 24px; font-weight: 400; } .service-popup .title_blue { font-size: 24px; font-weight: 400; } .service-popup .hr { margin: 10px 0; } .service-popup .title-new { font-size: 24px; } .service-popup ul { margin: 20px 0 0 0; } .service-popup .buttons a { float: right; border-radius: 3px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; background: #000; padding: 0 15px; color: #FFF; border: 1px solid #0f8c32; margin: 0 0 0 20px; text-decoration: none; } .service-popup a { text-decoration: underline; color: blue; } .page_step_3_air .y-button { margin: 0 0 0 20px; } .tooltip { display: none; position: absolute; border: 1px solid #333; background-color: #161616; border-radius: 3px; padding: 5px; color: #fff; max-width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; } .page_step_3_air .y-button { margin: 0 0 0 20px; } .service-popup .buttons a { border: none; background: #cecece; } .addon-button-yes { width: 200px; text-align: center; background: #0cbb3e !important; } .awesome { display: none; } .awesome.service-item-button-yes:checked + .service-item-radiobutton { background: #2ECC71; color: #efefef; } .awesome.service-item-button-yes:checked + .service-item-radiobutton:hover { background: rgb(16.1992156863%, 71.84%, 39.7937254902%); color: rgb(88.7254901961%, 88.7254901961%, 88.7254901961%); } .awesome.service-item-button-no:checked + .service-item-radiobutton { background: #D91E18; color: #efefef; } .awesome.service-item-button-no:checked + .service-item-radiobutton:hover { background: rgb(76.0938898381%, 10.5198926043%, 8.4159140835%); color: rgb(88.7254901961%, 88.7254901961%, 88.7254901961%); } .service-item-radiobutton { display: inline-block; padding: 1em 2em; margin: 0.5em; cursor: pointer; color: #292929; border-radius: 0.25em; background: #efefef; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .service-item-radiobutton:hover { background: rgb(83.7254901961%, 83.7254901961%, 83.7254901961%); color: rgb(6.0784313725%, 6.0784313725%, 6.0784313725%); } .service-item-radiobutton:active { transform: translateY(2px); } .yellow-title { color: #2311b2; } .without_upgrade ul li { background: url(/packs/media/themes/general/desktop/images/site/bad-5650a794cf250d82b906d9b87c7ee2f3.png) 0 5px no-repeat; } .with_upgrade ul li { background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 0 5px no-repeat; } .with_upgrade_choosen { background: url(/packs/media/themes/general/desktop/images/site/good_big-7e8461e646ed43ccaf8768ff28f681b0.png) 20px no-repeat #ffffff; } .with_upgrade_choosen .header { color: #1E23B0; } ul.eservice li p { color: #2311b2; } ul.eservice li div.radio-section { color: #2311b2; } ul.eservice li div.readmore { background: #2311b2; } ul.eservice li div.readmore a { background: url(/packs/media/themes/general/desktop/images/site/eye-icon-73a4828496fdc63be400a448c959683c.png) no-repeat right center; } .custom-radio-addon { background: url(/packs/media/themes/general/desktop/images/site/radio2-59c21dc24055472d496b9a3d6677ede1.png) no-repeat; } .custom-radio-addon:hover { background: url(/packs/media/themes/general/desktop/images/site/radio1-hover-d60ae92db8b8a29b5a7c4528103eee10.png) no-repeat; } .custom-radio-addon.selected { background: url(/packs/media/themes/general/desktop/images/site/radio1-selected-b22a1485d4549b85590d67ff05f650ec.png) no-repeat; } .service-popup .title { color: #2311b2; } .service-popup .title_blue { color: #2311b2; } .service-popup .hr { border-color: #2311b2; } #failed_job_button { color: #000; background-color: #eccc00; padding: 0 35px 0 10px; height: 38px; border: 1px solid #000; width: 100% !important; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; line-height: 38px; overflow: hidden; } .red-title { color: #000; background: white; border: 4px dashed #b31111; float: left; width: 100%; border-radius: 3px; line-height: normal; font-size: 30px; margin: 0 0 10px 0; padding: 10px 0 15px 0; } .red-title > .pdL20 > p { font-size: 18px; } .payment-wrap > ul > li { color: #2311b2; } .payment { background: #2311b2; } .top-box { border-radius: 3px; border: 1px solid #949494; background-color: #ffffff; width: 100%; margin-bottom: 10px; height: 100px; padding: 20px; display: table; } .top-box div { float: left; width: 240px; } .top-box .header { font-size: 18px; font-weight: bold; margin-bottom: 12px; } .top-box .subheader { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .spacer { clear: both; margin-top: 20px; } .booking-product + .booking-product { margin-top: 10px; } .booking-product .header { float: left; font-size: 18px; font-weight: bold; padding-bottom: 10px; } .booking-product .payment-status { float: right; font-size: 18px; font-weight: bold; } .booking-product .payment-status a.not-paid { text-decoration: underline; } .booking-product .payment-status .not-paid { color: #ed1d1d; } .booking-product .payment-status .paid { color: #1cc13b; } .payment_success_str { width: 100%; display: inline-block; border-radius: 3px; border: 1px solid #6c6c6c; margin-bottom: 10px; } .upgrade-to-gold { height: 100%; background-color: #e7f0e8; margin-bottom: 10px; margin-top: 0; display: inline-block; padding: 15px; border-radius: 3px; border: 1px solid #6c6c6c; } .upgrade-to-gold .header { font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 10px; color: #1E23B0; } .upgrade-to-gold ul li { padding-left: 28px; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 27px; width: 50%; float: left; background: url(/packs/media/themes/general/desktop/images/site/good-2c37d604d7027872dc85d9ce4ab4ffa8.png) 0 5px no-repeat; } .upgrade-to-gold .price { font-weight: bold; font: 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; margin-top: 17px; margin-left: 25px; } .upgrade-to-gold .price .smalltext { font-size: 14px; padding-left: 12px; } .upgrade-to-gold .upgrade_yes { clear: left; } .upgrade-to-gold .button { padding: 0 15px; background: #16b501; border-radius: 3px; cursor: pointer; border: 1px solid #129e00; float: left; margin-top: 15px; } .upgrade-to-gold .button:hover { background-color: #108900; } .upgrade-to-gold .button a { float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .hotel-widget { background-color: #ffffff; margin-bottom: 10px; padding: 15px; border-radius: 3px; border: 1px solid #6c6c6c; display: inline-block; width: 100%; } .hotel-widget .banner { float: left; width: 165px; } .hotel-widget .banner img { width: 165px; border-radius: 3px; margin-left: 3px; } .hotel-widget .banner .dates { margin-top: 20px; text-align: center; font-weight: bold; } .hotel-widget .banner .hotel_count { font-size: 25px; text-align: center; margin-top: 30px; } .hotel-widget .banner .hotel_count span { font-size: 40px; } .hotel-widget .banner .see_all { text-align: center; margin-top: 29px; } .hotel-widget .banner .see_all a { color: #000000; text-decoration: underline; font-size: 100%; } .hotel-widget .recommended_hotels_list { float: right; padding-left: 12px; } .hotel-widget .hotel_img { border-radius: 3px 3px 0 0; position: relative; overflow: hidden; height: 90px; } .hotel-widget .hotel_review_score { position: absolute; bottom: 10px; right: 10px; color: #fff; padding: 4px 4px 3px 4px; border-radius: 3px; z-index: 9; text-align: center; font-size: 16px; display: block; min-width: 43px; text-decoration: none; width: 75px; line-height: 14px; background: #1E23B0; } .hotel-widget .hotel_review_score_word { font-size: 12px; } .hotel-widget .hotel_list_hotel_name { color: #000000 !important; font-size: 90%; display: block; height: 29px; line-height: 1.1em; float: left; } .hotel-widget .hotel_list_hotel_name h2 { float: left; font-size: 85%; color: #000000; max-width: 190px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hotel_info .image_wrap .image { border-radius: 3px; border: 1px solid #949494; margin-bottom: 12px; } .hotel_info .image_wrap .image:nth-child(odd) { float: left; } .hotel_info .image_wrap .image:nth-child(even) { float: right; } .hotel_result .image_wrap { padding: 10px; float: left; width: 270px; } .hotel_result_gallery .image_wrap { padding: 5px 0px 5px 10px; float: left; } .hotel-widget .hotel_info { margin-top: 0; margin-bottom: 0; width: 96%; height: 50px; } .hotel-widget .hotel_info_img { float: left; margin-top: 8px; margin-left: 5px; } .hotel-widget div.hotel_price_section { clear: left; } .hotel-widget div.hotel_room_type { font-size: 12px; float: left; } .hotel-widget .max_occ_icon { background-image: url("//q.bstatic.com/static/affiliate_base/img/aff_hotel_list_max_occ/3e5bac6eefc5e7f7a7d50d1b6ec6210c7bd26a5c.gif"); background-repeat: no-repeat; display: inline-block; height: 15px; width: 22px; margin-left: 3px; } .hotel-widget .max_occ_type_single { background-position: 0 5px; } .hotel-widget .max_occ_type_double { background-position: 0 -16px; } .hotel-widget .max_occ_type_triple { background-position: 0 -35px; } .hotel-widget div.hotel_price_from { font-size: 18px; float: left; padding-top: 1px; padding-left: 15px; } .hotel-widget a.b_submitButton.book_btn_position { color: #000000; text-decoration: underline; float: right; margin-top: 1px; } .car-widget { background-color: #ffffff; margin-bottom: 10px; padding: 15px 15px 5px; border-radius: 3px; border: 1px solid #6c6c6c; display: inline-block; width: 100%; } .car-widget .wrapper { width: 33%; float: left; margin-left: 4px; } .car-widget .wrapper img.carimage { float: left; margin-right: 10px; width: 150px; } .car-widget .wrapper .make { font-weight: bold; } .car-widget .wrapper .type { font-size: 11px; } .car-widget .wrapper .icons > div { display: inline-block; padding: 0 2px 0 22px; line-height: 20px; margin: 2px 0 0 0; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-width: 12%; background-repeat: no-repeat; cursor: default; font-size: 10px; font-weight: normal; } .car-widget .wrapper .seats { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -63px no-repeat; } .car-widget .wrapper .doors { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -129px no-repeat; } .car-widget .wrapper .aircon { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left 2px no-repeat; } .car-widget .wrapper .transmission { background: url(https://secure.rentalcars.com/widget/affiliate_rc/public/images/widgetGlyphs.png) left -192px no-repeat; } .car-widget .wrapper .was { color: #ee301a; margin-top: 7px; font-size: 12px; text-decoration: line-through; float: left; } .car-widget .wrapper .now, .now2 { color: inherit; font-size: 18px; float: left; margin-left: 18px; margin-top: 7px; } .car-widget .wrapper .searchNowButton { text-decoration: underline; cursor: pointer; margin-top: 7px; float: right; margin-right: 33px; } /* * FlygCity design tokens — pixel-sampled directly from screenshots (not * guessed). * * 2026-09-01 update: re-sampled from the new "New figma screenshots/ * desktop/1-4.png" front-page redesign (Python/Pillow pixel sampling, not * eyeballed) -- one consistent blue and one consistent yellow used * everywhere across all 4 screenshots: nav/heading/link text, the logo * badge's text, radio-selected fill, the big CTA banner background, the * footer background, all sampled as identical #285abd; "Sök flyg"/ * "Prenumerera" button fills, the logo badge fill, price badges, and * (inverted, on the blue banner/footer) headings/checkmark-icon fills all * sampled as identical #ffef4f. --color-primary-light is NOT sampled from * a screenshot (no matching UI state -- in-range datepicker fill, sort-tab * active background -- appeared in these 4 front-page shots) -- derived * instead as a ~12%-primary/88%-white tint of the new primary, preserving * the same "light tint of primary" role the old value played rather than * leaving it mismatched against the new, more saturated blue. * * Previous values (navy #2b4d6f / gold #e7b543), for reference: sampled * from an earlier "FlygCity 2025" Figma prototype pass, superseded by * this one. * * --color-success/--color-danger are UNCHANGED -- no green "Inkluderat" * chip or red error state appears in the new front-page screenshots, so * there's nothing to re-sample them against yet. */ :root { --color-primary: #285abd; --color-primary-light: #e5ebf7; --color-accent: #ffef4f; --color-success: #4caf50; --color-danger: #e8413d; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } /* Preflight's `img, video { max-width: 100%; height: auto }` beats a plain HTML width/height attribute (those are UA-stylesheet-level presentational hints, lower priority than any author rule). Most of this codebase's image_tag calls -- across files this redesign touched and, more subtly, ones it didn't but that still render under a Tailwind-loaded brand pack -- rely solely on width:/height: to size logos/icons, so on its own this makes them render at whatever their natural size is instead. Revert sizing to attribute-respecting behavior specifically for images that declare a width or height attribute; images with neither (the normal case for markup actually written with Tailwind classes) keep Preflight's responsive default. */ img[width], img[height] { max-width: revert; width: revert; height: revert; } /* Preflight's `a { color: inherit }` beats nothing -- no theme file has ever set a default link color (only `text-decoration: none`, in _layout.scss). Before Tailwind, unclassed tags rendered browser-default blue; now they silently inherit the surrounding text color (usually black). Restore a sane, on-brand default for any link that isn't explicitly classed (Tailwind-authored markup always classes its links, e.g. `text-primary hover:underline`, so this only affects legacy/untouched anchors). */ a:not([class]) { color: var(--color-primary); text-decoration: underline; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose-sm { font-size: 0.875rem; line-height: 1.7142857; } .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.1111111em; } .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; } .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; } .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; border-radius: 0.3125rem; padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; padding-inline-start: 0.3571429em; } .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: 0.25rem; padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; margin-bottom: 0.2857143em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; padding-inline-start: 1.5714286em; } .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8571429em; margin-bottom: 2.8571429em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important; } .pointer-events-none { pointer-events: none !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .collapse { visibility: collapse !important; } .static { position: static !important; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: sticky !important; } .inset-0 { inset: 0px !important; } .inset-x-0 { left: 0px !important; right: 0px !important; } .bottom-0 { bottom: 0px !important; } .left-0 { left: 0px !important; } .left-1\/2 { left: 50% !important; } .left-3 { left: 0.75rem !important; } .right-0 { right: 0px !important; } .right-4 { right: 1rem !important; } .top-0 { top: 0px !important; } .top-1\/2 { top: 50% !important; } .top-4 { top: 1rem !important; } .top-\[65px\] { top: 65px !important; } .top-full { top: 100% !important; } .z-10 { z-index: 10 !important; } .z-20 { z-index: 20 !important; } .z-30 { z-index: 30 !important; } .z-40 { z-index: 40 !important; } .z-50 { z-index: 50 !important; } .z-\[1000\] { z-index: 1000 !important; } .z-\[60\] { z-index: 60 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-6 { order: 6 !important; } .col-span-2 { grid-column: span 2 / span 2 !important; } .float-none { float: none !important; } .m-0 { margin: 0px !important; } .m-auto { margin: auto !important; } .-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .-mx-4 { margin-left: -1rem !important; margin-right: -1rem !important; } .-mx-6 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-1\.5 { margin-bottom: 0.375rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .mb-4 { margin-bottom: 1rem !important; } .mb-6 { margin-bottom: 1.5rem !important; } .mb-8 { margin-bottom: 2rem !important; } .ml-0\.5 { margin-left: 0.125rem !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-4 { margin-left: 1rem !important; } .ml-5 { margin-left: 1.25rem !important; } .ml-auto { margin-left: auto !important; } .mr-2 { margin-right: 0.5rem !important; } .mt-0\.5 { margin-top: 0.125rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-10 { margin-top: 2.5rem !important; } .mt-12 { margin-top: 3rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-5 { margin-top: 1.25rem !important; } .mt-6 { margin-top: 1.5rem !important; } .mt-auto { margin-top: auto !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .inline { display: inline !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } .table { display: table !important; } .grid { display: grid !important; } .contents { display: contents !important; } .hidden { display: none !important; } .h-0\.5 { height: 0.125rem !important; } .h-1\.5 { height: 0.375rem !important; } .h-10 { height: 2.5rem !important; } .h-12 { height: 3rem !important; } .h-16 { height: 4rem !important; } .h-2 { height: 0.5rem !important; } .h-2\.5 { height: 0.625rem !important; } .h-24 { height: 6rem !important; } .h-28 { height: 7rem !important; } .h-3 { height: 0.75rem !important; } .h-3\.5 { height: 0.875rem !important; } .h-32 { height: 8rem !important; } .h-4 { height: 1rem !important; } .h-5 { height: 1.25rem !important; } .h-6 { height: 1.5rem !important; } .h-7 { height: 1.75rem !important; } .h-8 { height: 2rem !important; } .h-9 { height: 2.25rem !important; } .h-\[1\.8rem\] { height: 1.8rem !important; } .h-\[850px\] { height: 850px !important; } .h-auto { height: auto !important; } .h-full { height: 100% !important; } .h-px { height: 1px !important; } .max-h-12 { max-height: 3rem !important; } .max-h-52 { max-height: 13rem !important; } .max-h-60 { max-height: 15rem !important; } .max-h-80 { max-height: 20rem !important; } .max-h-\[70vh\] { max-height: 70vh !important; } .max-h-\[80vh\] { max-height: 80vh !important; } .max-h-\[85vh\] { max-height: 85vh !important; } .max-h-\[90vh\] { max-height: 90vh !important; } .min-h-\[\.\.\.\] { min-height: ... !important; } .min-h-\[70vh\] { min-height: 70vh !important; } .min-h-\[80vh\] { min-height: 80vh !important; } .min-h-\[calc\(100vh-4\.5rem\)\] { min-height: calc(100vh - 4.5rem) !important; } .min-h-screen { min-height: 100vh !important; } .w-1\.5 { width: 0.375rem !important; } .w-10 { width: 2.5rem !important; } .w-12 { width: 3rem !important; } .w-14 { width: 3.5rem !important; } .w-16 { width: 4rem !important; } .w-2\.5 { width: 0.625rem !important; } .w-2\/5 { width: 40% !important; } .w-24 { width: 6rem !important; } .w-3 { width: 0.75rem !important; } .w-3\.5 { width: 0.875rem !important; } .w-3\/5 { width: 60% !important; } .w-32 { width: 8rem !important; } .w-4 { width: 1rem !important; } .w-40 { width: 10rem !important; } .w-5 { width: 1.25rem !important; } .w-56 { width: 14rem !important; } .w-6 { width: 1.5rem !important; } .w-64 { width: 16rem !important; } .w-7 { width: 1.75rem !important; } .w-72 { width: 18rem !important; } .w-8 { width: 2rem !important; } .w-80 { width: 20rem !important; } .w-9 { width: 2.25rem !important; } .w-\[1\.8rem\] { width: 1.8rem !important; } .w-\[var\(--aisle-w\2c 1rem\)\] { width: var(--aisle-w,1rem) !important; } .w-\[var\(--label-w\2c 2rem\)\] { width: var(--label-w,2rem) !important; } .w-\[var\(--seat-w\2c 3rem\)\] { width: var(--seat-w,3rem) !important; } .w-auto { width: auto !important; } .w-fit { width: -moz-fit-content !important; width: fit-content !important; } .w-full { width: 100% !important; } .min-w-0 { min-width: 0px !important; } .min-w-\[220px\] { min-width: 220px !important; } .min-w-\[640px\] { min-width: 640px !important; } .max-w-2xl { max-width: 42rem !important; } .max-w-3xl { max-width: 48rem !important; } .max-w-4xl { max-width: 56rem !important; } .max-w-5xl { max-width: 64rem !important; } .max-w-6xl { max-width: 72rem !important; } .max-w-7xl { max-width: 80rem !important; } .max-w-\[1260px\] { max-width: 1260px !important; } .max-w-\[26rem\] { max-width: 26rem !important; } .max-w-full { max-width: 100% !important; } .max-w-lg { max-width: 32rem !important; } .max-w-md { max-width: 28rem !important; } .max-w-none { max-width: none !important; } .max-w-sm { max-width: 24rem !important; } .max-w-xl { max-width: 36rem !important; } .max-w-xs { max-width: 20rem !important; } .flex-1 { flex: 1 1 0% !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .shrink { flex-shrink: 1 !important; } .shrink-0 { flex-shrink: 0 !important; } .flex-grow { flex-grow: 1 !important; } .grow { flex-grow: 1 !important; } .grow-\[\] { flex-grow: !important; } .border-collapse { border-collapse: collapse !important; } .-translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .rotate-180 { --tw-rotate: 180deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .scale-0 { --tw-scale-x: 0 !important; --tw-scale-y: 0 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite !important; } .cursor-not-allowed { cursor: not-allowed !important; } .cursor-pointer { cursor: pointer !important; } .cursor-row-resize { cursor: row-resize !important; } .select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .resize { resize: both !important; } .list-decimal { list-style-type: decimal !important; } .list-disc { list-style-type: disc !important; } .list-none { list-style-type: none !important; } .appearance-none { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-\[\.\.\.\] { grid-template-columns: ... !important; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto !important; } .grid-cols-\[1fr_auto_auto\] { grid-template-columns: 1fr auto auto !important; } .grid-cols-\[2rem_1fr\] { grid-template-columns: 2rem 1fr !important; } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto !important; } .flex-row { flex-direction: row !important; } .flex-col { flex-direction: column !important; } .flex-wrap { flex-wrap: wrap !important; } .items-start { align-items: flex-start !important; } .items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } .items-baseline { align-items: baseline !important; } .items-stretch { align-items: stretch !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .gap-1 { gap: 0.25rem !important; } .gap-1\.5 { gap: 0.375rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-2\.5 { gap: 0.625rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-4 { gap: 1rem !important; } .gap-6 { gap: 1.5rem !important; } .gap-8 { gap: 2rem !important; } .gap-\[var\(--seat-gap\2c 0\.375rem\)\] { gap: var(--seat-gap,0.375rem) !important; } .gap-x-4 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .gap-x-6 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .gap-y-1 { row-gap: 0.25rem !important; } .gap-y-2 { row-gap: 0.5rem !important; } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)) !important; } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)) !important; } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important; } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; } .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)) !important; } .divide-white\/20 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(255 255 255 / 0.2) !important; } .self-center { align-self: center !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .whitespace-nowrap { white-space: nowrap !important; } .whitespace-pre-wrap { white-space: pre-wrap !important; } .break-words { overflow-wrap: break-word !important; } .break-all { word-break: break-all !important; } .rounded { border-radius: 0.25rem !important; } .rounded-2xl { border-radius: 1rem !important; } .rounded-full { border-radius: 9999px !important; } .rounded-lg { border-radius: 0.5rem !important; } .rounded-md { border-radius: 0.375rem !important; } .rounded-none { border-radius: 0px !important; } .rounded-xl { border-radius: 0.75rem !important; } .rounded-b-lg { border-bottom-right-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .rounded-l-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .rounded-r-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .rounded-t { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-t-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .rounded-tl { border-top-left-radius: 0.25rem !important; } .\!border { border-width: 1px !important; } .border { border-width: 1px !important; } .border-0 { border-width: 0px !important; } .border-2 { border-width: 2px !important; } .border-4 { border-width: 4px !important; } .border-b { border-bottom-width: 1px !important; } .border-b-0 { border-bottom-width: 0px !important; } .border-l { border-left-width: 1px !important; } .border-l-2 { border-left-width: 2px !important; } .border-l-4 { border-left-width: 4px !important; } .border-r-0 { border-right-width: 0px !important; } .border-t { border-top-width: 1px !important; } .\!border-solid { border-style: solid !important; } .border-solid { border-style: solid !important; } .border-dotted { border-style: dotted !important; } .\!border-danger { border-color: var(--color-danger) !important; } .\!border-gray-300 { --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .border-accent { border-color: var(--color-accent) !important; } .border-amber-200 { --tw-border-opacity: 1 !important; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)) !important; } .border-blue-200 { --tw-border-opacity: 1 !important; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)) !important; } .border-danger { border-color: var(--color-danger) !important; } .border-gray-100 { --tw-border-opacity: 1 !important; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) !important; } .border-gray-200 { --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; } .border-gray-300 { --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .border-gray-400 { --tw-border-opacity: 1 !important; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .border-gray-500 { --tw-border-opacity: 1 !important; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important; } .border-green-200 { --tw-border-opacity: 1 !important; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)) !important; } .border-primary { border-color: var(--color-primary) !important; } .border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .border-white\/20 { border-color: rgb(255 255 255 / 0.2) !important; } .border-l-primary { border-left-color: var(--color-primary) !important; } .border-t-primary { border-top-color: var(--color-primary) !important; } .bg-accent { background-color: var(--color-accent) !important; } .bg-amber-200 { --tw-bg-opacity: 1 !important; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)) !important; } .bg-amber-50 { --tw-bg-opacity: 1 !important; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important; } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5) !important; } .bg-blue-50 { --tw-bg-opacity: 1 !important; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important; } .bg-danger { background-color: var(--color-danger) !important; } .bg-gray-100 { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-200 { --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-300 { --tw-bg-opacity: 1 !important; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-400 { --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-50 { --tw-bg-opacity: 1 !important; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-50\/60 { background-color: rgb(249 250 251 / 0.6) !important; } .bg-gray-900 { --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-900\/50 { background-color: rgb(17 24 39 / 0.5) !important; } .bg-green-50 { --tw-bg-opacity: 1 !important; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important; } .bg-primary { background-color: var(--color-primary) !important; } .bg-primary-light { background-color: var(--color-primary-light) !important; } .bg-red-50 { --tw-bg-opacity: 1 !important; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important; } .bg-success { background-color: var(--color-success) !important; } .bg-transparent { background-color: transparent !important; } .bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .bg-white\/90 { background-color: rgb(255 255 255 / 0.9) !important; } .bg-white\/95 { background-color: rgb(255 255 255 / 0.95) !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; } .from-black\/35 { --tw-gradient-from: rgb(0 0 0 / 0.35) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .via-black\/5 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; } .object-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-cover { -o-object-fit: cover !important; object-fit: cover !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 0.25rem !important; } .p-1\.5 { padding: 0.375rem !important; } .p-12 { padding: 3rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .p-4 { padding: 1rem !important; } .p-5 { padding: 1.25rem !important; } .p-6 { padding: 1.5rem !important; } .p-8 { padding: 2rem !important; } .px-1\.5 { padding-left: 0.375rem !important; padding-right: 0.375rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .pb-0 { padding-bottom: 0px !important; } .pb-16 { padding-bottom: 4rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-20 { padding-bottom: 5rem !important; } .pb-24 { padding-bottom: 6rem !important; } .pb-4 { padding-bottom: 1rem !important; } .pb-6 { padding-bottom: 1.5rem !important; } .pl-3 { padding-left: 0.75rem !important; } .pl-4 { padding-left: 1rem !important; } .pl-5 { padding-left: 1.25rem !important; } .pl-6 { padding-left: 1.5rem !important; } .pl-9 { padding-left: 2.25rem !important; } .pr-3 { padding-right: 0.75rem !important; } .pt-10 { padding-top: 2.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-24 { padding-top: 6rem !important; } .pt-3 { padding-top: 0.75rem !important; } .pt-4 { padding-top: 1rem !important; } .pt-6 { padding-top: 1.5rem !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .font-sans { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .text-\[0\.65rem\] { font-size: 0.65rem !important; } .text-\[10px\] { font-size: 10px !important; } .text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .font-bold { font-weight: 700 !important; } .font-medium { font-weight: 500 !important; } .font-normal { font-weight: 400 !important; } .font-semibold { font-weight: 600 !important; } .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } .capitalize { text-transform: capitalize !important; } .normal-case { text-transform: none !important; } .leading-8 { line-height: 2rem !important; } .leading-none { line-height: 1 !important; } .leading-relaxed { line-height: 1.625 !important; } .leading-tight { line-height: 1.25 !important; } .tracking-wide { letter-spacing: 0.025em !important; } .text-accent { color: var(--color-accent) !important; } .text-amber-400 { --tw-text-opacity: 1 !important; color: rgb(251 191 36 / var(--tw-text-opacity, 1)) !important; } .text-amber-600 { --tw-text-opacity: 1 !important; color: rgb(217 119 6 / var(--tw-text-opacity, 1)) !important; } .text-amber-700 { --tw-text-opacity: 1 !important; color: rgb(180 83 9 / var(--tw-text-opacity, 1)) !important; } .text-amber-800 { --tw-text-opacity: 1 !important; color: rgb(146 64 14 / var(--tw-text-opacity, 1)) !important; } .text-amber-900 { --tw-text-opacity: 1 !important; color: rgb(120 53 15 / var(--tw-text-opacity, 1)) !important; } .text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .text-danger { color: var(--color-danger) !important; } .text-gray-300 { --tw-text-opacity: 1 !important; color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important; } .text-gray-400 { --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .text-gray-500 { --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .text-gray-600 { --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; } .text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; } .text-gray-800 { --tw-text-opacity: 1 !important; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important; } .text-gray-900 { --tw-text-opacity: 1 !important; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; } .text-primary { color: var(--color-primary) !important; } .text-success { color: var(--color-success) !important; } .text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .text-white\/80 { color: rgb(255 255 255 / 0.8) !important; } .underline { text-decoration-line: underline !important; } .line-through { text-decoration-line: line-through !important; } .antialiased { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .accent-primary { accent-color: var(--color-primary) !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-80 { opacity: 0.8 !important; } .\!shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-\[0_-2px_16px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] { --tw-shadow: 0 -2px 16px rgba(0,0,0,0.12) !important; --tw-shadow-colored: 0 -2px 16px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-\[0_-2px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important; --tw-shadow-colored: 0 -2px 8px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-\[0_-4px_6px_-4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { --tw-shadow: 0 -4px 6px -4px rgba(0,0,0,0.1) !important; --tw-shadow-colored: 0 -4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] { --tw-shadow: 0 1px 2px rgba(0,0,0,0.04) !important; --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .outline { outline-style: solid !important; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-accent { --tw-ring-color: var(--color-accent) !important; } .ring-black\/5 { --tw-ring-color: rgb(0 0 0 / 0.05) !important; } .ring-primary { --tw-ring-color: var(--color-primary) !important; } .blur { --tw-blur: blur(8px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .brightness-0 { --tw-brightness: brightness(0) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .invert { --tw-invert: invert(100%) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .backdrop-blur { --tw-backdrop-blur: blur(8px) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-transform { transition-property: transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } /* Deliberately OUTSIDE any @layer: Tailwind v3 doesn't compile its own output into a native CSS cascade layer (that's a v4 feature) -- utilities are plain, unlayered, low-specificity (single class, 0-0-1-0) rules. The legacy theme SCSS still shared by this pack (not yet removable -- brand packs serve both rebuilt and not-yet-rebuilt pages during this migration) has a bare-tag rule (`input, select { border: 0; border-radius: 3px; font-family: ...; font-weight: 300; }` in themes/general/_layout.scss -- note: `input, select` ONLY, no `button`) that, depending on the exact selector, can tie or beat a plain utility class on specificity. Rather than fight that per-instance, every page built fresh for this rebuild wraps its content in `.tw-page` (see layouts), and this block -- unlayered, loaded after the legacy theme import so it wins ties on source order too -- resets exactly the bare-tag properties known to collide, scoped to that marker so not-yet-rebuilt legacy pages sharing the same brand pack are unaffected. `button` was REMOVED from this selector (previously included alongside input/select "for consistency," but the legacy rule above never actually targeted it): `revert` rolls a property back to the browser's own user-agent default, not to "no override," and a plain HTML