.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:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 35em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 1.2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-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-next span,
.ui-datepicker .ui-datepicker-prev 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: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    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: 0 0;
    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-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.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-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu-icons .ui-menu-item:hover {
    background: #eaeaea
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-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,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);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.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: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .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: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url(/docs/default-source/assets/freshlook/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(/docs/default-source/assets/freshlook/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(/docs/default-source/assets/freshlook/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(/docs/default-source/assets/freshlook/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #c77405
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url(/docs/default-source/assets/freshlook/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(/docs/default-source/assets/freshlook/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(/docs/default-source/assets/freshlook/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sup {
    color: #e3cf7d
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

/*figure {
    margin: 1em 40px
}*/

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default;
    pointer-events: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    font-family: Muli, sans-serif;
    font-size: 62.5%;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-weight: 300
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

a:active,
a:hover {
    color: #fe6625
}

.clearfix {
    clear: both
}

.il-input-block.mobile-input {
    margin-top: 2rem
}

.login-otp-wrap {
    display: inline-block;
    width: 100%;
    margin: 0 auto
}

.checkBox {
    padding: 3% 10%
}

.input-check {
    position: absolute;
    opacity: 0
}

.input-check+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 1.4rem;
    color: #282828;
    font-weight: 500;
    display: inline-block
}

.input-check+label:before {
    content: "";
    margin-right: 1rem;
    display: inline-block;
    vertical-align: text-top;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.input-check:checked+label:before {
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.input-check:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.input-check:disabled+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd
}

.input-check:checked+label:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    position: absolute;
    bottom: 6px;
    left: 8px
}

.il-input-block {
    margin-bottom: 2rem;
    max-width: 80%
}

.il-input-block {
    position: relative;
    height: 68px
}

.il-input-block label {
    font-size: 2rem;
    color: #7795a3;
    font-weight: 300;
    top: 4px;
    letter-spacing: .05rem
}

.il-input-block input {
    cursor: auto;
    border: none;
    color: #282828;
    border-bottom: 1px solid #d1d1d1;
    outline: 0;
    background: 0 0;
    width: 100% !important;
    padding: 17px 17px 17px 17px;
    border-radius: 5px;
    border: solid 1px #c9c9c9;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: Muli, sans-serif;
}

.il-input-block.error-border input {
    border-bottom: 1px solid #fc9494
}

.il-ripple-bar.error-border:after {
    border-bottom: 1px solid #fc9494
}

.il-input-block.focus label {
    font-size: 1.6rem;
    top: -22px
}

.il-input-block.rupeeimg.focus:before {
    content: "₹";
    position: absolute;
    font-size: 2rem;
    top: 5px
}

.il-input-block .note a {
    font-weight: 300;
    font-size: 1.2rem;
    color: #e3cf7d;
    padding-top: 10px;
    display: inline-block;
    text-decoration: none;
    padding-right: 5px
}

.il-input-block.rupeeimg input {
    padding-left: 2rem
}

.il-input-block label {
    cursor: auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.6rem;
    color: #d1d1d1;
    font-weight: 400;
    position: absolute;
    top: 16px;
    left: 17px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    color: #838383;
    background: #fff;
    z-index:999;
}

.il-input-block.focus label {
    font-size: 1.2rem;
    top: -7px;
    line-height: 15.06px;
    font-weight: 600;
    padding: 0 5px;
    margin-left: -4px
}
.il-input-block.transform label {
  font-size: 1.2rem;
  top: -7px;
  line-height: 15.06px;
  font-weight: 600;
  padding: 0 5px;
  margin-left: -4px
}

.il-input-block.onFocused label {
  color: #ec6625
}

.il-ripple-bar input {
    cursor: auto;
    border: none;
    color: #282828;
    border-bottom: 1px solid #d1d1d1;
    font-size: 1.4rem;
    z-index: 2;
    width: 100%;
    height: 35px;
    margin-top: 1rem;
    outline: 0;
    background: 0 0
}

.il-error {
    font-size: 1.2rem;
    color: #E71A1A;
    position: absolute;
    left: 0;
    bottom: -10px;
    display: none
}

.il-ripple-bar.focus:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.bg-blue .il-input-block.onFocused label, .bg-blue .il-input-block.focus label {
  color: #01b4bb
}

.bg-blue .il-ripple-bar.onFocused:after, .bg-blue .il-ripple-bar.focus:after {
  background: #01b4bb
}

.il-overlayN {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 10
}

.il-overlayN.active {
    visibility: visible;
    opacity: 1;
    overflow: auto;
    z-index: 100000;
    height: 100%;
    width: 100%
}

.il-overlayN .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default
}

.il-overlayN.showMsg,
.il-overlayN:target {
    visibility: visible;
    opacity: 1
}

.il-overlayNew.active {
    z-index: 1000000
}

.il-popup {
    margin: 7.5rem auto;
    -webkit-border-radius: 1.5rem;
    border-radius: 2rem;
    position: relative;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    overflow: hidden;
    padding: 4rem 3rem
}

.il-popup.light {
    max-width: 475px;
    width: 100%;
    opacity: 1
}

.il-popup .close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 3rem;
    height: 3rem;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid #F0EFEE;
    border-radius: 5px
}

.il-popup .close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.il-popup .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.il-popup .close:after,
.il-popup .close:before {
    position: absolute;
    left: 13px;
    top: 6px;
    content: " ";
    height: 1.5rem;
    width: .2rem;
    background-color: #575757
}

.il-popup .close:hover {
    opacity: 1
}

.il-content {
    width: 100%
}

.il-login-mobile {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: left
}

.login-otp-wrap h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #282828
}

.login-otp-wrap p {
    font-size: 1.4rem
}

.customMscroll {
    width: 100%;
    height: 60rem
}

.il-login-otp-block {
    display: none;
    width: 100%;
    margin: 0 auto
}

.il-login-otp-block img {
    margin-bottom: 2rem
}

.otp-sent p {
    font-size: 1.4rem;
    color: #282828
}

.otp-sent p span {
    font-weight: 600;
    padding: 0 .5rem
}

.il-link {
    font-weight: 700;
    font-size: 1.4rem;
    color: #EC6625;
    text-decoration: underline;
    cursor:pointer;
}

.otp-verification {
    display: inline-block;
    width: 100%;
    margin: 0 auto
}

.js-il-popup-body.active {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: anim-open;
    animation-name: anim-open
}

.login-otp-wrap .otp-container {
    display: inline-block;
    position: relative;
    margin: 2rem 0 0
}

.login-otp-wrap h3 {
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 2rem
}

.otp-verification p {
    font-size: 1.6rem;
    font-weight: 500;
    color: #282828
}

.email-contact-detail span {
    margin-right: 2rem;
    border-right: 1px solid #5a5a5a;
    padding-right: 2rem
}

.email-contact-detail span:last-child {
    border: none
}

.otpInner.otp-container h3 {
    font-size: 2rem;
    font-weight: 300
}

.otpblock-buttons {
    padding: 3rem 0;
    font-weight: 500
}

.otpblock-buttons span {
    padding: 0 5rem
}

.otpblock-buttons span:before {
    content: "";
    width: 15px;
    height: 1px;
    display: inline-block;
    background: #282828;
    margin-right: .5rem;
    vertical-align: middle
}

.otpblock-buttons span:after {
    content: "";
    width: 15px;
    height: 1px;
    display: inline-block;
    background: #282828;
    margin-left: .5rem;
    vertical-align: middle
}

a.otp-login {
    border-bottom: 1px solid;
    text-decoration: none
}

a.cont-guest {
    border-bottom: 1px solid;
    text-decoration: none
}

.login-otp-wrap .otp-container .otp-number-input {
    background: #FFF;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    width: 48px;
    height: 50px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #282828;
    text-align: center
}

input#otp-number-input-A {
    margin: 0
}

.otpInner.otp-container a {
    display: inline-block;
    text-align: right
}

a.resend-otp {
    font-size: 1.4rem;
    text-decoration: underline
}

.otpInner.otp-container a.resend-otp:before {
    content: "";
    width: 19px;
    height: 17px;
    background-image: url(/my-app/src/assets/images/calendar.gif);
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 2.5rem;
    vertical-align: middle
}

.login-details {
    display: none;
    width: 100%
}

.il-btn {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding-top: 2rem
}

.login-otp-wrap .il-input-block {
    width: 100%;
    display: inline-block;
    max-width: 100%
}

.il-input-block.onFocused input{
  border: 2px solid #EC6625
}

.login-details .il-input-block:nth-child(3) {
    margin-right: 0
}

a.forgot-pass {
    font-size: 1.2rem;
    text-align: right;
    display: inline-block;
    padding: 1rem 0 0;
    float: right;
    border-bottom: 1px solid;
    text-decoration: none
}

.resetpassword-mesg p {
    font-size: 1.6rem;
    padding-bottom: 5rem
}

.resetpassword-mesg span {
    font-size: 1.6rem;
    font-weight: 600
}

.reset-password {
    display: none;
    width: 100%
}

.reset-password .il-input-block:nth-child(4) {
    margin-right: 0
}

.reset-password h3 {
    padding: 0
}

.reset-password p {
    font-weight: 600;
    padding-bottom: 3rem
}

.ui-widget-il-content {
    height: auto
}

img.ui-datepicker-trigger {
    position: absolute;
    right: 15px;
    top: 17px
}

.resetpassword-mesg {
    display: none
}

.otpblock-buttons.ab-position {
    position: absolute;
    right: 60px;
    bottom: 35px
}

a.otp-login {
    border-bottom: 1px solid;
    text-decoration: none;
    color: #fe6625
}

a.il-btn-primary {
    background: #EC6625;
    width: 100%;
    display: block;
    text-align: center;
    padding: 1.5rem 0;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500;
    cursor:pointer;
}

a.il-btn-primary:hover {
    color: #fff;
    background: #FD7B20
}

.btn-white:hover {
    background: #fe6625;
    color: #fff !important
}

.btn-disable {
    background: #f5f6f6;
    color: #80aab6;
    pointer-events: none
}

.bg-blue a.btn-disable {
    color: #80aab6
}

.il-btn-orange.btn-small {
    padding: .6rem 1.4em;
    font-size: 1.4rem;
    color: #fff
}

.il-btn-orange:hover {
    color: #fff
}

.il-btn-orange:hover:after {
    opacity: 1;
    -webkit-animation: fx-mask 0.3s ease-out;
    animation: fx-mask 0.3s ease-out
}

.il-btn-orange:focus {
    color: #fff
}

.btn-blue {
    background: #003d59
}

.btn-border:hover {
    color: #fff;
    border: 1px solid rgba(223, 190, 106, 0);
    color: #fff;
    background-position: 99% 50%
}

a.il-btn-disable {
    background: #C9C9C9;
    color: #fff;
    pointer-events: none
}

.login-otp-wrap .otp-container .otp-number-input:focus-visible {
    border-color: #C9C9C9;
    outline: #C9C9C9
}

a#btnLoginmob {
    margin: 3rem 0
}

.create-account-link {
    text-align: center;
    margin-top: 4rem
}

.login-mobile-link {
    text-align: center;
    margin-top: 4rem
}

.il-create-account {
    display: none;
    width: 100%;
    margin: 0 auto;
    text-align: left
}

.ui-datepicker {
    width: 325px;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(78, 78, 78, .1803921569);
    box-shadow: 0 0 30px rgba(78, 78, 78, .1803921569);
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0
}

.ui-widget-header {
    background: #fff;
    height: 40px;
    color: #282828;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0
}

.ui-datepicker tbody td a {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .3rem 0
}

.ui-datepicker thead {
    background: #fff
}

.ui-datepicker thead th span {
    color: #282828
}

.ui-datepicker select.ui-datepicker-month {
    float: left
}

.ui-datepicker select.ui-datepicker-year {
    float: right
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 0;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    top: 6px;
    display: none
}

.ui-widget-content {
    background-color: #fff;
    background-image: none
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background: #fff;
    border: none;
    color: #282828;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 5px 3px 6px;
    text-transform: uppercase;
    outline: 0;
    width: 104px;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 1.4rem;
    letter-spacing: .1rem
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 40%
}

.ui-datepicker .ui-datepicker-calendar .ui-state-hover,
.ui-datepicker .ui-state-default {
    border: none;
    color: #333;
    font-weight: 600;
    font-size: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 6px 0;
    width: 30px;
    height: 30px;
    margin: 3px
}

.ui-datepicker .ui-state-default {
    background: 0 0;
    text-align: center
}

.ui-datepicker th {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500
}

.ui-datepicker th span {
    font-size: 1.2rem
}

.ui-datepicker td a {
    font-weight: 400
}

.date-feild:before {
    content: '\e900';
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 1.6rem;
    pointer-events: none;
    font-weight: 600
}

.js-hide {
    visibility: hidden;
    opacity: 0
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid transparent
}

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    border: 1px solid #ccc
}

.ui-datepicker .ui-datepicker-current-day .ui-state-default {
    background: #f7831e;
    color: #fff;
    border: 0
}

.il-input-block.filled label {
    color: #c9c9c9
}

.il-input-block.il-dob-block {
    width: 48%
}

.il-input-block.il-mobile-block {
    width: 47%;
    margin-left: 2rem
}

.choice-radio-block {
    padding: 0 0 2rem 0;
    position: relative
}

.choice-radio-block.no-br,
.choice-radio-block:last-child {
    border-bottom: 0
}

.choice-radio-block .radioButtons {
    display: inline-block
}

.radio {
    margin: .5rem;
    display: inline-block;
    margin-left: 0
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0
}

.radio label {
    font-size: 1.8rem;
    font-weight: 400;
    font-weight: 200
}

.radio input[type="radio"]+.radio-label:before {
    content: "";
    background: 0 0;
    background-color: transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #fff;
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    position: relative;
    top: 0;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.radio input[type="radio"]:checked+.radio-label:before {
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 5px #fff;
    box-shadow: inset 0 0 0 5px #fff
}

.radio input[type="radio"]:disabled+.radio-label:before {
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4
}

.choice-radio-block {
    padding: 0 0 1rem 0;
    margin-bottom: 2rem
}

.choice-radio-block.no-br,
.choice-radio-block:last-child {
    border-bottom: 0
}

.radio {
    margin: .5rem;
    display: inline-block;
    margin-left: 0;
    margin-right: 3rem
}

.radio:last-child {
    margin-right: 0
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0
}

.radio label {
    font-size: 1.8rem;
    font-weight: 400;
    font-weight: 200
}

.radio input[type="radio"]+.radio-label:before {
    content: "";
    background: 0 0;
    background-color: transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #838383;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: relative;
    top: 0;
    margin-right: 1rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.radio input[type="radio"]:checked+.radio-label:before {
    background-color: #f26624;
    border-color: #f26624;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff
}

.radio input[type="radio"]:disabled+.radio-label:before {
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4
}

.choice-radio-block h3 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #6C6C6C
}

.radio label {
    font-size: 1.6rem;
    font-weight: 600
}

.checkBoxsmall {
    padding: 1rem 0;
    width: 100%;
    position: relative
}

.input-check+label::before {
    content: "";
    margin-right: 1rem;
    display: inline-flex;
    vertical-align: text-top;
    width: 1.6rem;
    height: 1.6rem;
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(230, 220, 220);
    border-image: initial
}

.checkBoxsmall .input-check+label:before {
    width: 1.8rem;
    height: 1.8rem
}

.checkBoxsmall .input-check:checked+label:after {
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    bottom: 6px;
    left: 6px;
    top: 3px
}

.checkBoxsmall .input-check:checked+label:before {
    background: #f26624;
    border: solid #f26624
}

.checkBoxsmall label a {
    font-size: 1.3rem;
    color: #575757;
    font-weight: 500
}

.il-input-block.focus-line input {
    border: 2px solid #f26624
}

.il-input-block.focus-line label {
    color: #f26624
}

@media(max-width:767px) {
    .login-otp-wrap .otp-container .otp-number-input {
        width: 42px
    }
    .il-input-block.il-dob-block {
        width: 100%
    }
    .il-input-block.il-mobile-block {
        width: 100%;
        margin-left: 0
    }
}

/*form css start here*/
.show{
    display:block !important;
}
.hide{
    display:none !important
}


/*form css start here*/