#nd_rst_datepicker_dev {
padding: 30px;
box-sizing:border-box;
}
#nd_rst_datepicker_dev .ui-datepicker {
width: 100%;
padding: 0px;
display: none;
position: relative;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-header {
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 15px;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-prev,
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-next {
position: absolute;
cursor: pointer;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-prev{
left: 30px;
top: 0px;
background-image: url(//webdd.in.th/hotelbooking/wp-content/plugins/nd-restaurant-reservations/assets/img/arrow-left-white.png);
background-size: 15px;
background-position: center;
background-repeat: no-repeat;
width: 10px;
height: 20px;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-next{
right: 30px;
top: 0px;
background-image: url(//webdd.in.th/hotelbooking/wp-content/plugins/nd-restaurant-reservations/assets/img/arrow-right-white.png);
background-size: 15px;
background-position: center;
background-repeat: no-repeat;
width: 10px;
height: 20px;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-prev span,
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-next span {
display: none;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-title {
margin: 0px;
line-height: 20px;
text-align: center;
font-size: 20px;
color: #fff;
letter-spacing: 1px;
font-weight: normal;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
#nd_rst_datepicker_dev .ui-datepicker select.ui-datepicker-month,
#nd_rst_datepicker_dev .ui-datepicker select.ui-datepicker-year {
width: 45%;
height: auto;
}
#nd_rst_datepicker_dev .ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin-top: 25px;
margin-bottom: 8px;
}
#nd_rst_datepicker_dev .ui-datepicker th {
padding: 0px;
text-align: center;
font-weight: bold;
border: 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
}
#nd_rst_datepicker_dev .ui-datepicker td {
border: 0;
padding: 8px;
}
#nd_rst_datepicker_dev .ui-datepicker td span,
#nd_rst_datepicker_dev .ui-datepicker td a {
display: block;
padding: 0px;
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: 12px;
color: #fff;
}
#nd_rst_datepicker_dev .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;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} @media only screen and (min-width: 320px) and (max-width: 767px) {
#nd_rst_datepicker_dev { padding: 30px 10px; }
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-title { font-size: 16px; }	
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-prev{ left: 10px; }
#nd_rst_datepicker_dev .ui-datepicker .ui-datepicker-next{ right: 10px; }
}