<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ==========================================================================
   Main Screen CSS (Theme Name)
   ========================================================================== */

/* Table of contents
   ========================================================================== */

/**
  * == Core CSS ==
  *
  * Base ................ Global classes, wp defaults
  * Colors .............. Define defaul colors
  * Typography .......... (H1-6), code, span, etc
  * Form ................ Form builder, search, submition, etc.
  * Tables .............. Simple and Fancy tables like pricing tables
  * Buttons ............. All kind of buttons, social links
  * Animations .......... Define animations (keyframes)
  *
  * == Components ==
  *
  * Header ................ Base header elements: logo, menu
  * Footer ................ Big and Small area in footer
  * Boxes ................. All models of boxes
  * Sidebar ................. All widgets
  * Icons ................. Define the icons used in the project
  * UI .................... Elements used as shortcode &amp; custom posts
  * JS plugins .................... Css helper for javascripts plugins

*/

/* Base
   ========================================================================== */

/* Root elements &amp; helpers */

@charset "UTF-8";
 
/* Font import */

@font-face { 
  font-family: "Ionicons"; 
  src: url("fonts/ionicons.eot?v=1.5.2");
  src: url("fonts/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), 
       url("fonts/ionicons.ttf?v=1.5.2") format("truetype"), 
       url("fonts/ionicons.woff?v=1.5.2") format("woff"), 
       url("fonts/ionicons.svg?v=1.5.2#Ionicons") format("svg"); 
  font-weight: normal;
  font-style: normal;
}

/* Defaults &amp; helpers */

html {font-size: 1.125em;}


img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

figure {
  margin-bottom: 1.3em;
}

.clearfix:before,
.clearfix:after {
  display:table;
  content:" "
}

.clearfix:after{
  clear:both
}

.to-left, .alignleft {
  float: left;
}

.to-right, .alignright {
  float: right;
}

.full-size {
  display: block;
  width: 100%;
}

body .no-padding, body .no-margin {
  margin: 0;
}

body .no-padding [class*="col-"] {
  padding: 0;
}

.clean-list, .inline-list,
.clean-list ul, .inline-list ul {
  _margin: 0;
  margin-top: 0;
  padding: 0;
  list-style: none;
}

.inline-list:before,
.inline-list:after {
  display:table;
  content:" "
}

.inline-list:after{
  clear:both
}

.inline-list &gt; li {
  float: left;
}

body .center-me, .aligncenter{
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.holder-it {
  position: relative;
}

.clean-list {
  margin-bottom: 1.3em;
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.soft-corners {
  border-radius: 5px;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 5px, black 5px);
}

.middle-corners {
  border-radius: 15px;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 15px, black 15px);
}

.hard-corners {
  border-radius: 50%/10%;
}

.round-corners {
  border-radius: 100px;
}

.border-dashed {
  border-style: dashed;
}

.border-double {
  border-style: double;
}

.font-small {
  font-size: 0.8em;
}
.font-05x { font-size: 0.5em; }
.font-13x { font-size: 1.3em; }
.font-2x { font-size: 2em; }
.font-3x { font-size: 3em; }
.font-4x { font-size: 4em; }
.font-5x { font-size: 5em; }
.font-6x { font-size: 6em; }
.font-7x { font-size: 7em; }

.font-100 { font-weight: 100; }
.font-300 { font-weight: 300; }
.font-500 { font-weight: 500; }
.font-700 { font-weight: 700; }
.font-900 { font-weight: 900; }

.size-20 {
  width: 20%;
}

.size-30 {
  width: 30%;
}
.top24{margin-top:-24px;}
.letter-spacing {
  letter-spacing: 5px
}

/* Wordpress core class */

.alignnone {
  float: none;
}

.aligncenter {    
}

.alignright {
  margin-left: 15px;
}

.alignleft {
   margin-right: 15px;  
}

a img.alignright {
}

a img.alignnone {
}

a img.alignleft {
}

a img.aligncenter {
}

.wp-caption {
}

.wp-caption.alignnone {

}

.wp-caption.alignleft {
}

.wp-caption.alignright {
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
  text-align: center;
  padding: 11px 0;
}

.tagcloud:before,
.tagcloud:after {
  display:table;
  content:" "
}

.tagcloud:after{
  clear:both
}

.tagcloud {
  list-style: none;
  padding: 0;
  margin: 0 0 1.3em;
}

.tagcloud &gt; a {
  background: #f8f8f8;
  padding: 5.5px 1.3em;
  color: #666666;
  display: inline-block;
  margin: 3px 0;
}

.tagcloud &gt; a:hover {
  background: none;
  text-decoration: none;
  color: #666666;
  box-shadow: inset 0 0 0 1px #666666;
}

#wp-calendar {
  background: #fcfcfc;
  border: 1px solid #eeeeee;
  position: relative;
}

#wp-calendar caption {
  padding: 11px 0;
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-bottom: none;
}

#wp-calendar tfoot {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
}

#wp-calendar tfoot a {
  color: #ffffff;
  background: #333333;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50px;
  overflow: hidden;
  line-height: 22px;
  padding: 0 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#wp-calendar tfoot a:hover {
  text-decoration: none;
  width: 70px;
}

#wp-calendar thead, #wp-calendar tbody {
  border: 1px solid #eeeeee;
}

#wp-calendar thead {
  border-bottom: 0;
}

#wp-calendar tbody {
  border-top: 0;
}

#wp-calendar th, #wp-calendar td,  #wp-calendar tr, #wp-calendar {
  padding: 11px 0;
  text-align: center;
  border: none;
}

.recentcomments .url {
  color: #F487AF;
}

#cancel-comment-reply-link {
  font-size: 0.5em;
}

.widget_rss ul li {
  border: none !important;
}

.rss-date {
  display: block;
  margin-bottom: 11px;
}

.widget_search .search-form {
  position: relative;
}

.widget_search .search-form label {
  padding: 0;
}

.widget_search .search-form label input {
  border-radius: 200px;
}

.widget_search .search-form .screen-reader-text {
  display: none;
}

.widget_search .search-form .search-submit {
  position: absolute;
  top: 0;
  bottom:0;
  right: 0;
  width: 44px;
  background: none;
  border: none;
  font: 0/0 a;
  text-shadow: none;
}

.widget_search .search-form .search-submit:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.widget_search .search-form:before {
  content: "\e74e";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  line-height: 45px !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

.bypostauthor {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
  padding: 11px;
}

.bypostauthor .avatar, .bypostauthor .comment-post, .bypostauthor p:last-child {
  margin-bottom: 0 !important;
}

.bypostauthor .comment-content &gt; h5:first-child {
  margin-top: 0;
}

/* Colors
   ========================================================================== */

/* Backgrounds color */

html body .darken-less {
  background: rgba(0,0,0,0.05);
}

html body .darken {
  background: rgba(0,0,0,0.6);
}

html body .black,
html body .hover-black:hover,
html body .before-black:before { 
  background: #000000;
}

html body .white,
html body .hover-white:hover {
  background: #ffffff;
}

html body .grey,
html body .hover-grey:hover {
  background: #fafafa;
}

html body .blue,
html body .hover-blue:hover {
  background: #85bfef;
}

html body .dark-blue,
html body .hover-dark-blue:hover {
  background: #1a2b44;
}

html body .aquablue,
html body .hover-aquablue:hover {
  background: #4fabbc;
}

html body .dark-aquablue,
html body .hover-dark-aquablue:hover,
html body .before-dark-aquablue:before {
  background: #377783;
}

html body .red,
html body .hover-red:hover {
  background: #f13554;
}

html body .dark-red,
html body .hover-dark-red:hover {
  background: #f23d7f;
}

html body .green,
html body .hover-green:hover{
  background: #029861;
}

html body .dark-green,
html body .hover-dark-green:hover {
  background: #016540;
}

html body .brown,
html body .hover-brown:hover {
  background: #a26e6c;
}

html body .dark-brown,
html body .hover-dark-brown:hover {
  background: #563A39;
}

html body .orange,
html body .hover-orange:hover {
  background: #e48d40;
}

html body .dark-orange,
html body .hover-dark-orange:hover {
  background: #c27836;
}

html body .social-twitter,
html body .hover-twitter:hover {
  background: #55acee;
}

html body .social-facebook,
html body .hover-facebook:hover {
  background: #3b5998;
}

html body .social-foursquare,
html body .hover-foursquare:hover {
  background: #00bfff;
}

html body .social-pinterest,
html body .hover-pinterest:hover {
  background: #e85061;
}

html body .social-flickr,
html body .hover-flickr:hover {
  background: #0063dc;
}

html body .social-google,
html body .hover-google:hover {
  background: #e51c23;
}

/* Text color */

html body .text-black,
html body .hover-text-black:hover,
html body .before-black:before {
  color: #000000;
}

html body .text-white,
html body .hover-text-white:hover,
html body .before-white:before {
  color: #ffffff;
}

html body .text-grey,
html body .hover-text-grey:hover,
html body .before-grey:before {
  color: #dadada;
}

html body .text-dark,
html body .hover-text-dark:hover,
html body .before-dark:before {
  color: #656565;
}

html body .text-blue,
html body .hover-text-blue:hover,
html body .before-blue:before {
  color: #85bfef;
}

html body .text-dark-blue,
html body .hover-text-dark-blue:hover,
html body .before-dark-blue:before {
  color: #1a2b44;
}

html body .text-aquablue,
html body .hover-text-aquablue:hover,
html body .before-aquablue:before {
  color: #4fabbc;
}

html body .text-dark-aquablue,
html body .hover-text-dark-aquablue:hover,
html body .before-dark-aquablue:before {
  color: #377783;
}

html body .text-red,
html body .hover-text-red:hover,
html body .before-red:before {
  color: #f13554;
}

html body .text-dark-red,
html body .hover-text-dark-red:hover,
html body .before-dark-red:before {
  color: #f23d7f;
}

html body .text-green,
html body .hover-text-green:hover,
html body .before-green:before {
  color: #029861;
}

html body .text-dark-green,
html body .hover-text-dark-green:hover,
html body .before-dark-green:before {
  color: #5f6232;
}

html body .text-brown,
html body .hover-text-brown:hover,
html body .before-brown:before {
  color: #a26e6c;
}

html body .text-dark-brown,
html body .hover-text-dark-brown:hover,
html body .before-dark-brown:before {
  color: #563a39;
}

html body .text-orange,
html body .hover-text-orange:hover,
html body .before-orange:before {
  color: #e48d40;
}

html body .text-dark-orange,
html body .hover-text-dark-orange:hover,
html body .before-dark-orange:before {
  color: #2e1c3c;
}

/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
  color: inherit;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

h1 {
  margin-top: 0;
  font-size: 2.441em;
}

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size: 1.25em;}

h5 {font-size: 1em;}

h6 {font-size: 1em;}

p {
  margin: 0 0 1.3em;
}

.the-title {
  margin-top: 0;
}


/* Form
   ========================================================================== */

form {
  margin-bottom: 1.3em;
}

form &gt; p {
  overflow: hidden;
}

label {
  padding: 0 11px;
  margin: 11px 0;
  display: block;
}

input,
textarea,
select {
  line-height: 1.3em;
  height: 2.5em;
  padding: 10px 0.8em;
  border: 1px solid rgba(0,0,0,0.1);
  width: 100%;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

textarea {
  min-height: 176px;
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
}

input:focus:not([type="range"]),
textarea:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.2);
}

input[type=checkbox]:focus {
  box-shadow: none;
}

input[type="range"] {
  padding-left: 0;
  padding-right: 0;
}

form [class*="button-"] {
  margin: 0;
}

.soft-input input,
.soft-input textarea,
.soft-input button {
  border-radius: 5px;
}

.iconic-input {
  position: relative;
}

form p &gt; i + input,
form p &gt; i + textarea,
.iconic-input input,
.iconic-input textarea {
  padding-left: 44px;
}

form p &gt; i,
.iconic-input i {
  position: absolute;
  text-align: center;
}

form p &gt; i {
  width: 1em;
  height: 1em;
  top: 15px;
  bottom: 15px;
  left: 26px;
  margin: auto;
  padding: 5.5px;
  box-sizing: content-box;
}

.iconic-input i {
  width: auto;
  height: auto;
  padding: 0;
  left: auto;
  top: 12px;
  bottom: 12px;
  line-height: 44px;
  min-width: 44px;
  border: 1px solid rgba(0,0,0,0.1);
}

form p &gt; i.to-right {
  right: 21px;
  left: auto;
}

.iconic-input i.to-right {
  right: 15px;
  left: auto;
}

form p &gt; i.to-right + input,
form p &gt; i.to-right + textarea,
.iconic-input i.to-right + input,
.iconic-input i.to-right + textarea {
  padding-left: 1em;
}
.moddedForm {
  line-height: 1.3em !important;
  height: 3.5em !important;
  padding: 10px 0.8em !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* Buttons
   ========================================================================== */

a {
  color: #85bfef;
}

a:hover {
  text-decoration: none;
  color: #1a2b44;
}

/* a:active,
a:visited {
  outline: none;
} */

[class*="button-"] {
  display: inline-block;
  margin: 0.5em 0;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  font-weight: 300;
  color: #ffffff;
  border: none;
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  transition:         all 0.2s ease;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.05);
}

[class*="button-"]:hover {
  text-decoration: none;
  color: #ffffff;
}

[class*="button-"] &gt; i {
  padding: 0 8px 0 0;
}

[class*="button-"].long-button {
  padding-left: 5em;
  padding-right: 2em;
  position: relative;
}

[class*="button-"].long-button i {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2.3em;
  text-align: center;
  background: rgba(0,0,0,0.08);
  border-radius: 5px 0 0 5px;
  font-size: 1.4em;
}

[class*="button-"].long-button i:before {
  line-height: 2em;
}

a[class*="text-"] &gt; i {
  padding: 0 0.2em;
}

[class*="text-"]:hover {
  text-decoration: none;
}

/* Buttons size */
.button-sm  {
  padding: 0.5em 1.5em;
}

.button-md {
  padding: 0.5em 2em;
}

.button-lg {
  padding: 15.5px 33px;
}

.align-button {
  padding: 0.5em 0;
  margin: 11px 0;
}

body .no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Label */
[class*="label-"] {
 
}

[class*="label-"]:hover {
 
}

.label-shape {
  color: #ffffff;
  font-size: 110px;
}

.label-shape:hover {
   color: #ffffff;
   opacity: 0.9;
   filter: alpha(opacity=90)
}



/* Icons
   ========================================================================== */

[class*="icon-"] {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-201:before { content: "\f151"; }
.icon-203:before { content: "\f153"; }
.icon-204:before { content: "\f154"; }
.icon-233:before { content: "\f162"; }
.icon-316:before { content: "\f32c"; }
.icon-317:before { content: "\f149"; }

/* UI elements
   ========================================================================== */

/* Booking form */

.booking-form {
  padding: 2em 1em;
}

.booking-form form {
  margin: 0;
}

form div {
  position: relative; 
}

.booking-form form div {
  padding: 0 9px !important;
}

.booking-form form div &gt; input {
  padding-right: 2em;
}

form div &gt; i {
  position: absolute;
  right: 1.3em;
  font-size: 16pt;
  line-height: 45px !important;
}

.booking-form form div &gt; input[disabled] {
  background: #ffffff;
}

.room-select + ul {
  background: #ffffff;
  margin: 0;
  position: absolute;
  left: 9px;
  right: 9px;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  display: none;
  z-index: 999;
}

.room-select + ul &gt; li {
  padding: 0.5em 1em;
  border-top: 1px solid #f3f3f3;
}

.room-select + ul &gt; li:hover {
  background: rgba(0,0,0,0.02);
}

.payment-method &gt; li label {
  padding: 0 5px;
}

.payment-method &gt; li input {
  display: none;
}

.payment-method &gt; li img {
  opacity: 0.4;
}

.payment-method &gt; li input:checked + img {
  opacity: 1;
}


/*=== Responsive ===*/

@media (min-width: 992px) and (max-width: 1200px) {
  .booking-form button {
    padding-left: 0;
    padding-right: 0;
    display: block;
    width: 100%;
  }

  .event-nav {
    margin-top: 69%;
  }

  .video-box video + div {
    font-size: 0.8em;
  }

  .orange .filter-tags {
    font-size: 0.8em;
  }

  .blog-box:after {
    -webkit-transform: translate(212px, 0);
    -moz-transform: translate(212px, 0);
    -ms-transform: translate(212px, 0);
    transform: translate(212px, 0);
  }

  .blog-item {
    font-size: 0.8em;
  }
}

@media (max-width: 992px) {
  .is-sticky .nav-bar {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .mobile-switch {
    display: block;
  }

  .header-bar {
    display: none;
  }

  .main-nav &gt; ul &gt; li a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .main-nav &gt; ul &gt; li &gt; a:hover,
  .main-nav &gt; ul &gt; li:hover &gt; a,
  .main-nav &gt; ul &gt; li ul a:hover,
  .main-nav &gt; ul &gt; li.current_page_item &gt; a,
  .main-nav &gt; ul &gt; li.current_page_parent &gt; a {
    background: transparent;
  }

  .slider-helper {
   display: none;
  }

  .booking-form form &gt; div {
    margin-bottom: 1em;
  }

  .booking-form form &gt; div:last-child {
    margin-bottom: 0;
  }

  .booking-form form  button {
    width: 100%;
  }

  .facilities-items li {
    margin-top: -13%;
  }

  .facilities-items li:first-child {
    margin-left: 16.75%;
  }

  .facilities-items li:nth-child(3n) {
    clear: left;
  }

  .facilities-items li:nth-child(6n) {
    margin-left: 16.75%;
  }

  .preview-events {
    display: none;
  }

  .timeline-item {
    background: #ffffff;
  }

  .text-col-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    text-align: justify;
  }

  .private-design p {
    display: none;
  }

  .guestbook-box .col-md-8 {
    text-align: center;
  }

  .guestbook-box form {
    padding-top: 3em;
  }

  .error-box span, .error-box i, .error-box br {
    display: none;
  }

  .booking-nav h4 {
    display: none;
  }

  .payment-method {
    margin-bottom: 1.5em;
  }

  .blog-box:after {
    display: none;
  }

  .blog-meta {
    margin-bottom: 0.6em;
  }

  .main-sidebar  {
    margin-top: 5em;
  }

  .blog-box {
    overflow: hidden;
  }

  .blog-box .blog-post &gt; li:after {
    right: -300px;
  }

  .contact-data ul &gt; li {
    border: none;
    border-bottom: 1px solid #ededed;
    padding: 0.5em 0;
  }

  .contact-data ul &gt; li div {
    display: block;
  }
}

@media (max-width: 768px) {
  .facilities-items &gt; li {
    width: 65%;
    margin-top: -25%;
  }

  .facilities-items li:nth-child(6n) {
    margin-left: 0;
  }

  .facilities-items &gt; li:nth-child(odd) {
    margin-left: 35%;
  }

  .facilities-items li figcaption {
    display: none;
  }

  .text-col-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    text-align: justify;
  }

  .timeline-items span.font-2x {
    font-size: 1em;
  }

  .video-box video + div {
    display: none;
  }

  .error-box {
    font-size: 0.8em;
  }

  .booking-info figure {
    margin-bottom: 1.3em;
    text-align: center;
  }
 
}

@media (max-width: 480px) {
  .gallery-items &gt; li {
    width: 100%;
  }

  .gallery-tags {
    display: block !important;
    border: none;
  }

  .gallery-tags &gt; li, .gallery-tags li a {
    float: none;
    display: block;
    width: 100%;
    border: none;
  }

  .private-design {
    font-size: 0.6em;
    line-height: 1em;
  }

  .pagination-links li {
    display: none;
  }

  .pagination-links li:first-child,
  .pagination-links li:last-child {
    display: block;
  }

  .error-box a {
    display: none;
  }
  
}



/* Date Picker*/

.xdsoft_datetimepicker{
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #FFFFFF;
  color: #333333;
  padding: 8px;
  padding-left: 0px;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}

.xdsoft_noselect{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker *{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px;
  margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
  display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
  display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
  width: 270px;
  float:left;
  margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
  width: 58px;
  float:left;
  text-align:center;
  margin-left:8px;
  margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
  margin-top:8px;
  margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
}

.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
  background-position:-70px 0px;
  margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
  background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0px none currentColor;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  outline: medium none currentColor;
  overflow: hidden;
  padding: 0px;
  position: relative;
  white-space: nowrap;
  width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
  float:none;
  background-position:-40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left:14px;
  margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
  background-position:-40px 0px;
  margin-bottom:7px;
  margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
  height:151px;
  overflow:hidden;
  border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box &gt;div &gt;div{
  background: #F5F5F5;
  border-top:1px solid #DDDDDD;
  color: #666666;
  font-size: 12px;
  text-align: center;
  border-collapse:collapse;
  cursor:pointer;
  border-bottom-width:0px;
  height:25px;
  line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box &gt;div &gt; div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
  display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
  float:left;
  width:182px;
  text-align:center;
  cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
  text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label &gt; .xdsoft_select{
  border:1px solid #ccc;
  position:absolute;
  right:0px;
  top:30px;
  z-index:101;
  display:none;
  background:#fff;
  max-height:160px;
  overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label &gt; .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label &gt; .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label &gt; .xdsoft_select &gt; div &gt; .xdsoft_option:hover{
  color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label &gt; .xdsoft_select &gt; div &gt; .xdsoft_option{
  padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label &gt; .xdsoft_select &gt; div &gt; .xdsoft_option.xdsoft_current{
  background: #33AAFF;
  box-shadow: #178FE5 0px 1px 3px 0px inset;
  color:#fff;
  font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
  width:90px;
  text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
  clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
  width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
  border-collapse:collapse;
  width:100%;
  
}
.xdsoft_datetimepicker  .xdsoft_calendar td &gt; div{
  padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
  height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
  width:14.2857142%;
  background: #fff;
  border:1px solid #DDDDDD;
  color: #666666;
  font-size: 12px;
  text-align: right;
  padding:0px;
  border-collapse:collapse;
  cursor:pointer;
  height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
  background: #fefefe;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
  color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box &gt;div &gt;div.xdsoft_current{
  background: #85BFEF;
  color:#fff;
  font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box &gt;div &gt;div.xdsoft_disabled{
  opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
  opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box &gt;div &gt;div:hover{
  color: #fff !important;
  background: #E48D40 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box &gt;div &gt;div.xdsoft_disabled:hover{
  color: inherit  !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
  position:relative;
  border:1px solid #ccc;
}
.xdsoft_scrollbar &gt;.xdsoft_scroller{
  background:#ccc !important;
  height:20px;
  border-radius:3px;
}
.xdsoft_scrollbar{
  position:absolute;
  width:7px;
  right:0px;
  top:0px;
  bottom:0px;
  cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}
.errorForm{border-color: red;}
.left{float: left;}</pre></body></html>