.smls-datepicker {
    width: 150px;
    margin: 20px auto;
    position: relative
}

.date-picker {
    cursor: pointer
}

#smls-gift-smiles .smls-datepicker input[type=text]:focus {
    border: 1px solid #7c7c7c
}

#smls-ui-datepicker-div .ui-state-default,
#smls-ui-datepicker-div .ui-widget-content .ui-state-default {
    background: #fff;
    border-radius: 0;
    border: 0
}

#smls-ui-datepicker-div.smls-ui-datepicker.ui-datepicker-multi {
    border: 2px solid #ed9100;
    padding: 10px 80px 30px 50px;
    position: relative;
    z-index: 3 !important;
    display: none;
}

#smls-ui-datepicker-div .calendar-arrow-up{
    background: url(/smiles-default-theme/css/../img/whiteArrowUp.png) no-repeat 0 0;
    width: 29px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 12px;
}

#smls-ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-last {
    float: right
}

#smls-ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 45%
}

#smls-ui-datepicker-div .ui-corner-left .ui-datepicker-year,
#smls-ui-datepicker-div .ui-corner-right .ui-datepicker-year {
    position: static;
    font-size: 12px;
    color: #999;
    font-weight: bold;
    display: block;
}

#smls-ui-datepicker-div .ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0
}

.smls-datepicker i {
    position: absolute;
    right: 15px;
    top: 17px;
    color: #7c7c7c
}

.form-control {
    width: 100%;
    border: 0;
    border-bottom: 1px solid;
    padding: 3px 10px;
    color: #ff6149
}

.smls-ui-datepicker {
    font-family: 'Roboto',sans-serif;
    border: 1px solid #f1f1f1;
    background: white!important;
    box-shadow: 1px 3px 5px #eee
}

.smls-ui-datepicker .ui-datepicker-header {
    position: relative;
    color: #bbb;
    padding: 20px 10px;
    background: transparent;
    border: 0
}

.smls-ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.smls-ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    border-bottom: 8px solid #ddd;
    border-left: 5px solid #ddd;
    position: absolute!important;
    cursor: pointer;
    height: 20px!important;
    width: 20px!important;
    overflow: hidden;
    text-indent: 100px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -30px;
    top: 150px
}

.smls-ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.smls-ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    border-color: #ff9934
}

.smls-ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    left: auto;
    right: -55px;
    border-left: none;
    border-right: 5px solid #ddd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smls-ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: center;
    color: #7c7c7c;
    font-weight: 400;
    font-size: 18px;
    height: inherit!important;
    padding: 0!important;
    line-height: initial;
}

#smls-ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day a {
    color: #ff9934 !important;
    font-weight: bold;
    text-align: center;
    width: 40px;
    height: 30px;
}

#smls-ui-datepicker-div .ui-state-active,
#smls-ui-datepicker-div .calendar-flight-depart {
    background: url(/smiles-default-theme/img/smls-icon-tag.png) no-repeat 4px 3px;
}

#smls-ui-datepicker-div .calendar-flight-return .ui-state-active {
    background: url(/smiles-default-theme/img/smls-icon-tag-return.png) no-repeat 1px 3px !important;
}

#smls-ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a {
    color: #7c7c7c;
    font-weight: bold;
    text-align: center
}

.smls-ui-datepicker .ui-datepicker-month {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold
}

.smls-ui-datepicker .ui-datepicker-calendar {
    border-collapse: collapse
}

.smls-ui-datepicker .ui-datepicker-calendar thead th {
    color: #7c7c7c;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px
}

.smls-ui-datepicker .ui-datepicker-calendar td,.smls-ui-datepicker .ui-datepicker-calendar th {
    text-align: center
}

.smls-ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.smls-ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
.smls-ui-datepicker .ui-datepicker-calendar th.ui-datepicker-today a,
.smls-ui-datepicker .ui-datepicker-calendar th.ui-datepicker-current-day a {
    background: #ff6149;
    color: white
}

.smls-ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover,
.smls-ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a:hover,
.smls-ui-datepicker .ui-datepicker-calendar th.ui-datepicker-today a:hover,
.smls-ui-datepicker .ui-datepicker-calendar th.ui-datepicker-current-day a:hover {
    background: #ff6149
}

.smls-ui-datepicker .ui-datepicker-calendar td a,
.smls-ui-datepicker .ui-datepicker-calendar th a {
    text-decoration: none;
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 32px;
    border-radius: 100%;
    color: #7c7c7c!important;
    font-size: 12px;
    text-align: center
}

.smls-ui-datepicker .ui-datepicker-calendar td a:hover,
.smls-ui-datepicker .ui-datepicker-calendar th a:hover {
    background: #eee
}

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

.datepicker-current {
    background: #ff6149;
    color: #fff;
    text-align: center;
    padding: 15px;
    height: 303px;
    position: absolute;
    right: 100%;
    top: 0;
    width: 270px;
    border: 1px solid #f1f1f1;
    box-shadow: -1px 3px 5px #eee
}

.datepicker-current .current-day {
    margin: 0;
    font-size: 18px
}

.datepicker-current .current-date {
    font-size: 100px;
    font-weight: 600;
    margin: 50px 0
}

.datepicker-current .month-info {
    font-size: 22px;
    color: #c44b38;
    text-transform: uppercase
}

.datepicker-current .month-info span {
    display: inline-block;
    margin: 0 5px;
    font-weight: 100
}

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

#smls-ui-datepicker-div .smls-ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-prev,
#smls-ui-datepicker-div.smls-ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 155px;
    width: 1.8em;
    height: 1.8em
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-prev-hover,
#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-prev {
    left: 2px
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-next {
    right: 2px
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-prev span,
#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

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

#smls-ui-datepicker-div .smls-ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

#smls-ui-datepicker-div .smls-ui-datepicker select.ui-datepicker-month,
#smls-ui-datepicker-div .smls-ui-datepicker select.ui-datepicker-year {
    width: 49%
}

#smls-ui-datepicker-div .smls-ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

#smls-ui-datepicker-div .smls-ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

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

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

#smls-ui-datepicker-div .smls-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
}

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

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

#smls-ui-datepicker-div .smls-ui-datepicker.ui-datepicker-multi {
    width: auto
}

#smls-ui-datepicker-div .ui-datepicker-multi .ui-datepicker-group {
    float: left
}

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

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

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

#smls-ui-datepicker-div .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
}

#smls-ui-datepicker-div .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

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

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

.smls-ui-datepicker.ui-widget-content {
    background: white!important
}

.smls-ui-datepicker .ui-state-hover{
	background: #ffffff !important
}
.smls-ui-datepicker-next{
	right: -262px;
    position: absolute;
    top: 145px;
    text-indent: -99px;
    font-size: 30px;
    color: #dddddd;
} 
.smls-ui-datepicker-prev{
	right: 50px;
    position: absolute;
    top: 145px;
    text-indent: -99px;
    font-size: 30px;
    color: #dddddd;
}  
.ui-widget-content a.smls-ui-datepicker-prev,
.ui-widget-content a.smls-ui-datepicker-next {
    color: #dddddd;
    cursor: pointer;
} 
a.smls-ui-datepicker-prev:hover,
a.smls-ui-datepicker-next:hover{
	text-decoration: none;
	color:#ff9934
}
@media only screen and (max-width: 450px) {
	.smls-datepicker {
	    margin: 0;
	
	}
}