/* homepage */ /* hotel availability */ /* Common LESS mixin classes */ /* Component containers ----------------------------------*/ .ui-widget { font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1.1em; } .ui-widget-content { border: 1px solid #666666; color: #333333; background-color: white; } .ui-widget-content a { color: #333333; } .ui-widget-header { /*border: 1px solid @main-color-fourtytwo; */ color: white; font-weight: bold; } .ui-widget-header a { color: white; } .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 { color: white; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: white; } .ui-state-default { background-color: #5188d6; } .highlight-date .ui-state-default { font-weight: bold; background-color: #005eb8; } .ui-state-hover, .ui-state-focus, .highlight-date .ui-state-hover { background-color: #ff7802; color: white; } .ui-state-active, .highlight-date .ui-state-active { background-color: #ff7802; } .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none; } /* * jQuery UI Datepicker 1.8.16 */ .ui-datepicker { padding: .4em .4em 0; font-size: 1.1em; border: solid 1px #666666; background-color: white; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25); display: none; z-index: 20!important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; font-weight: bold; color: #333333; background-color: white; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 2em; height: 2em; background-color: #dddddd; box-shadow: 0 3px 0 0 #b0b0b8; background-clip: border-box; border-radius: 2px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 1.1em; color: #005eb8; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 1em; border-collapse: collapse; margin: 0 0 .5em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: normal; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.4em; text-align: right; text-decoration: none; /*.rounded-corners(2px);*/ } .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; border-top: solid 1px #dddddd; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; border: 0 none; color: white; background-color: #5188d6; box-shadow: 0 3px 0 0 #37639e; background-clip: border-box; border-radius: 2px; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-buttonpane button.ui-priority-secondary { display: none; } /* 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 { 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; } /* icons */ .ui-icon { background: url("/imagesv3/sprites/trp-common.png") no-repeat; background-repeat: no-repeat; width: 14px; height: 14px; display: block; text-indent: -99999px; overflow: hidden; } /* use JQM arrow icons */ .ui-icon-circle-triangle-e { background-position: -372px -59px; } .ui-icon-circle-triangle-w { background-position: -356px -59px; } /* autocompleter */ .ui-autocomplete { position: absolute; cursor: default; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25); z-index: 20!important; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; /*float: left; clear: left;*/ display: block; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .3em .4em; line-height: 1.5; zoom: 1; } .ui-autocomplete-loading { background-image: url('/imagesv3/loaders/orange-snake-20.gif'); background-position: 96% center; background-repeat: no-repeat; } .autocomplete-subtext { font-style: italic; font-size: 11px; color: #999999; margin-left: 8px; white-space: nowrap; } .ui-state-focus .autocomplete-subtext { color: white; } .autocomplete-category { padding: .2em .4em; line-height: 1.5; padding: .2em .4em; background-color: #e8e8e8; } .autocomplete-match { font-weight: bold; color: #5188d6; } .ui-state-focus .autocomplete-match { color: white; } /* slider - we use custom handles and bar */ .ui-slider { position: relative; text-align: left; background: #bbbbbb; border: 0 none; border-radius: 2px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 37px; height: 38px; cursor: default; background: url(/imagesv3/sprites/new-common.3.png) no-repeat -580px -444px; filter: none; border: 0; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-color: #ff7802; border-radius: 2px; } .ui-slider-horizontal { height: 9px; } .ui-slider-horizontal .ui-slider-handle { top: -14px; margin-left: -18px; } .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; } /* custom slider wrapper */ .slider-wrapper { margin: 14px 10px 14px 10px; background-color: white; padding: 4px 5px 4px 5px; border-radius: 4px; } /* END OF EXTENSIONS FOR JQUERY UI THEME */