.ui-widget {font-family:Nunito,sans-serif} .ui-datepicker {border: solid 1px #0d2242 ;margin-top:1px;border-radius:0} .ui-datepicker-trigger {background:transparent!important;bottom:5px;right:6px;width:26px;height:26px;border:none;position:absolute;z-index:3;} .ui-datepicker-trigger:focus {outline:1px solid #fff} .ui-datepicker-trigger img {max-width:16px;vertical-align:baseline;margin:3px 0 -3px 0} .ui-state-default, .ui-widget-content .ui-state-default, .ui-datepicker-header, .ui-widget-header .ui-state-default {border:0} .ui-datepicker-header {background:none;border-bottom:1px solid #aaa;border-radius:0} .ui-datepicker-current {display:none} /*------------------------------------------------------------------------- avForm and DatePicker -------------------------------------------------------------------------*/ #datepicker button {padding:2px 3px} #datepicker table tr td {padding:2px 2px!important} .dpDiv {padding:4px 4px 2px 4px;background:#fff!important;center;color:#111;line-height:initial;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:3px;box-shadow:1px 1px 3px #555} .bigtable {font-size:12px;text-align:center;color:#111;} .dpTable {font-size:12px;text-align:center;color:#111;border:none;border-collapse:collapse;} .dpTR {height:18px;} #datepicker table tr td.dpDayTD {width:25px;} #datepicker table tr td.dpTD {background:#f1f1f1;border:1px solid #fff;padding:2px 2px!important;vertical-align:middle !important;min-width:31px;height:26px;} #datepicker table tr td.dpDayHighlightTD {background-color:#948c89;vertical-align:middle !important;} #datepicker table tr td.dpDayHighlight {font-weight:bold;} #datepicker table tr td.dpTDHover {background-color:#948c89;cursor:pointer;vertical-align:middle !important;} #datepicker table tr td.dpButtonTD {width:18px;} #datepicker table tr td.dpTitleTD {text-align:center;height:26px} .dpTitleText {color:#111;font-weight:bold;font-size:13px} .dpTitleTR {margin-bottom:2px} #datepicker table tr td.dpButtonTD {border-top:none;border-bottom:none;cursor:pointer;} #datepicker table tr td.dpButtonTD {border-top:none;border-bottom:none;cursor:pointer;} #datepicker table tr td.dpTodayButtonTD {padding:5px;text-align:center;} .dpButton {color:#111;border:none;font-size:12px!important;text-align:center;cursor:pointer;font-weight:bold;width:100%;} .dpTodayButton {color:#111;border:none;font-size:12px!important;text-align:center;cursor:pointer;font-weight:normal;padding:0 5px} .sf {text-align:left;} .pd {padding-left:3px;padding-right:3px;text-align:left;} .pdl {padding-left:3px;padding-right:0px;text-align:left;} .pdr {padding-left:0px;padding-right:3px;text-align:right;} .sbHolder {background:transparent!important;color:#fff;border:1px solid #fff;padding:0;font-weight:normal;height:30px;position:relative;width:100%;box-sizing:border-box;} .sbSelector {white-space:nowrap;text-overflow:ellipsis;overflow:auto;display:block;left:0;top:0;right:0;bottom:0;outline:none;overflow:hidden;position:absolute;text-indent:5px;line-height:29px;padding-right:21px;text-overflow:none;} .sbSelector:link,.sbSelector:visited, .sbSelector:hover {color:#fff;outline:none;text-decoration:none;} .sbToggle {color:transparent;display:block;position:absolute;right:0;top:0;left:0;bottom:0;transition:all .33s ease-in-out;-moz-transition:all .33s ease-in-out;-webkit-transition:all .33s ease-in-out;outline:none;} .sbToggle:after {float:right;content:"\f078";color:#fff;padding:0 5px;inline-block;font:normal normal normal 13px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold;height:100%;line-height:29px} .sbToggleOpen:after {content:"\f077"} .sbHolderDisabled {background-color:#transparent;} #avForm ul.sbOptions {max-height:400px!important;z-index:100;background-color:#fff;border:solid 1px #0d2242;list-style:none;left:-1px;padding:0;position:absolute;width:calc(100% + 2px);overflow-y:auto;box-sizing:border-box;} #avForm #requesttypeTD ul.sbOptions {width:250px} #avForm ul.sbOptions {margin:3px 0 0 0;padding:0;list-style:none;} #avForm ul.sbOptions li {margin:0;padding:0;border-bottom:1px solid #999;list-style:none;} #avForm ul.sbOptions li:last-child {border-bottom:none!important;} #avForm ul.sbOptions a {color:#111;display:block;padding:12px 5px} #avForm #requesttypeTD ul.sbOptions a {padding:5px 5px} #avForm ul.sbOptions a:link, #avForm ul.sbOptions a:visited {color:#111;text-decoration:none;} #avForm ul.sbOptions a.sbGroup:hover, #avForm ul.sbOptions a.sbGroup:focus, #avForm ul.sbOptions a:hover, #avForm ul.sbOptions a:focus, #avForm ul.sbOptions a.sbFocus {color:#332418;background:#eee;} #avForm ul.sbOptions li.last a {border-bottom:none;} #avForm ul.sbOptions .sbDisabled {color:#ccc;display:block;padding:5px 0 0 11px;} #avForm ul.sbOptions a.sbGroup, #avForm ul.sbOptions .sbGroup {color:#b0b0b0;background-color:#7a7572;display:block;font-size:14px;text-transform:uppercase;padding:15px 0 15px 5px;} #avForm ul.sbOptions .sbSub {display:block;font-style:normal;font-size:0.8em} #avFormCont {border-radius:2px} #avForm {background:#0d2242;color:#fff;box-sizing:border-box;width:100%;margin:0 auto;display:table;padding:15px 0 20px 0;text-transform:uppercase;text-align:center;border-radius:2px} #avFormInner {margin:0 auto;width:auto;} #avForm >span {display:inline-block;color:#fff;font-weight:normal;vertical-align:top;padding:3px 3px;font-size:14px;line-height:14px;text-align:left} #avForm #calMsg span {padding:0} #avForm label {display:block;text-indent:1px;font-weight:normal;text-transform:uppercase;color:#fff!important;font-size:12px;height:13px;} #avForm #calMsg span {font-size:11px} #avForm label i.w {font-style:normal;} #avForm select,#avForm input {background:transparent!important;color:#fff;border:1px solid #fff!important;text-transform:uppercase;box-sizing:border-box;display:block;padding:0;font-weight:normal;height:21px;outline-width:0;text-indent:5px;font-size:12px;border-radius:0;} #avForm >span .sbHolder {font-size:12px} #avForm select option {background:transparent!important;color:#111;border:1px solid #cccccc!important;} input#startDate,input#endDate {z-index:3;-webkit-touch-callout:none;-webkit-user-select:none;position:relative} #arrivalTD,#departureTD {position:relative} /*#arrivalTD:after,#departureTD:after {z-index:2;position:absolute;content:"\f00a";color:#fff;bottom:9px;right:9px;display:inline-block;font:normal normal normal 14px/13px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold} */ #avForm span#requesttypeTD {padding-right:1px;} #avForm span#codeboxTD {padding-left:0;} #tbtTD {overflow:hidden;} #tbtTD div {display:none;box-sizing:border-box;text-align:center;color:#fff;font-weight:normal} #tbtTD a {color:#0d2242!important;background-color:#bed4de;display:block;width:100px;box-sizing:border-box;height:31px;line-height:33px;text-align:center;padding:0;border-radius:2px;} #tbtTD a:hover {text-decoration:none!important;color:#0d2242!important;background-color:#fff!important;} .sbOptions,ul.sbOptions li {min-height:1em} #avForm select,#avForm input {height:30px;} #avForm input#codebox[type="text"]:focus {outline: 1px solid #fff} @media (min-width:1151px) { #requesttypeTD .sbHolder,#requesttypeTD select {width:210px} input#startDate,input#endDate {width:140px} #childrenTD .sbHolder,#childrenTD select, #adultsTD .sbHolder, #adultsTD select, input#codebox {width:130px} #tbtTD a,#tbtTD div {width:110px;} #avForm input,#avForm select,#avForm div,#avForm span,#avForm a {font-size:15px} #avForm label {font-size:12px;} #avForm > span {padding:3px 6px} } @media (max-width:1150px) { #requesttypeTD .sbHolder,#requesttypeTD select {width:210px} input#startDate,input#endDate {width:140px} #childrenTD .sbHolder,#childrenTD select, #adultsTD .sbHolder,#adultsTD select, input#codebox,#tbtTD a,#tbtTD div {width:110px} #avForm input,#avForm select,#avForm div,#avForm span,#avForm a {font-size:15px} #avForm label {font-size:12px;} #avForm > span {padding:3px 4px} } @media (max-width:1050px) { #requesttypeTD .sbHolder,#requesttypeTD select {width:200px} input#startDate,input#endDate {width:140px} #childrenTD .sbHolder,#childrenTD select, #adultsTD .sbHolder,#adultsTD select, input#codebox,#tbtTD a,#tbtTD div {width:100px} #avForm > span {padding:3px 4px} #avForm label {font-size:12px;} } @media (max-width:980px) { #requesttypeTD .sbHolder,#requesttypeTD select {width:180px} input#startDate,input#endDate {width:130px} #childrenTD .sbHolder,#childrenTD select, #adultsTD .sbHolder,#adultsTD select {width:70px;} input#codebox,#tbtTD div,#tbtTD a {width:90px;} #avForm > span {padding:3px 3px} } @media (max-width:850px) { #requesttypeTD .sbHolder,#requesttypeTD select {width:120px} input#startDate,input#endDate {width:120px} #childrenTD .sbHolder,#childrenTD select {width:75px;} #adultsTD .sbHolder,#adultsTD select {width:55px;} input#codebox {width:120px;} input#codebox,#tbtTD div,#tbtTD a {width:100px;} } @media ( max-width:770px) { #avFormCont {background:#0d2242} #avForm {width:455px;display:block;} #avForm input,#avForm select,#avForm div,#avForm span,#avForm a {font-size:14px} #requesttypeTD .sbHolder,#requesttypeTD select {width:140px} input#startDate,input#endDate {width:140px} #childrenTD .sbHolder,#childrenTD select, #adultsTD .sbHolder,#adultsTD select {width:75px} input#codebox {width:140px} #tbtTD div,#tbtTD a {width:156px} #avForm > span {padding:1px 3px!important} } @media (max-width:540px) { #avFormCont {background:#0d2242;margin:0;} #avForm {width:318px;display:block;} #avForm span {padding:3px 5px!important;} #avForm label i.w {display:inline} #hotelcodeTD .sbHolder, #hotelcodeTD select {width:300px;} #codeboxTD label,input#startDate,input#endDate, #resultmodeTD .sbHolder,#resultmodeTD select, #requesttypeTD .sbHolder,#requesttypeTD select, input#codebox,#tbtTD a,#tbtTD div, #childrenTD .sbHolder, #childrenTD select, #adultsTD .sbHolder, #adultsTD select {width:144px} }/*666*/ /*------------------------------------------------------------------------- end avForm and DatePicker -------------------------------------------------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #ebf9ff;color:#111} .ui-datepicker td {padding:.5px} #ui-datepicker-div,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Acumin-Variable-Concept,sans-serif} .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:normal;text-transform:uppercase}