/* --- functional styling */
  .dzscalendar .events { display: none; }
  .dzscalendar .calendar-controls { position: relative; }
  .dzscalendar .theMonths { position: relative; }

  /* --- estethic styling */
  .today-date { padding:5px; background-color:#952c6e; color:#fff}

  .dzscalendar {}

  .dzscalendar .testimonial span {  /*font-size: 2.5em; line-height: 1.5;color: #555;*/}

  .dzscalendar { position:relative; width:100%; height:350px;  overflow-x:hidden; padding:0; margin-left:-10px;
                                 box-sizing: border-box;
                            -moz-box-sizing: border-box;
                         -webkit-box-sizing: border-box;
                        transition-property: height;
                        transition-duration: 0.3s;
                 transition-timing-function: ease-out;
                   -moz-transition-property: height;
                   -moz-transition-duration: 0.3s;
            -moz-transition-timing-function: ease-out;
                -webkit-transition-property: height;
                -webkit-transition-duration: 0.3s;
         -webkit-transition-timing-function: ease-out;
                     -o-transition-property: height;
                     -o-transition-duration: 0.3s;
              -o-transition-timing-function: ease-out;
                    -ms-transition-property: height;
                    -ms-transition-duration: 0.3s;
             -ms-transition-timing-function: ease-out; }

  .dzscalendar * { box-sizing: border-box;
              -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;}

  .dzscalendar .main-mon, .dzscalendar .mon-body, .dzscalendar .mon-body > .mon-row { position:relative;}
  .dzscalendar .week-day {  padding-top:0; padding-bottom: 0; text-align:center; line-height:3.85; color:#fff;
                            width:14%; width: calc(100%/7);
                            position:relative; display:inline-block; vertical-align:top}
  .dzscalendar .week-day .divimage          { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; }
  .dzscalendar .week-day .divimage-overlay  { position:absolute; top:0; left:0; width:100%; height:100%; }
  .dzscalendar .week-day .the-number        { position:relative; /*color:#fff;*/ font-size:10px}
  .dzscalendar .week-day .the-event-content { display:none; }
  .dzscalendar .mon-row > span { white-space:nowrap; }
  .dzscalendar .theMonths { width:100%; height:151px; margin-top:0; overflow:hidden; }
  .dzscalendar .theMonths > * { position:absolute; top:0; left:0; width:100%; }

  .dzscalendar .main-mon .week-day.tag-important { background-color:#ae1919; color:#fff}
  .dzscalendar .main-mon .week-day.tag-blue      { background-color:#333; color:#fff;}
  .dzscalendar .main-mon .week-day.tag-imgbg     { background-color: transparent;
                                                    background-size: cover;
                                                background-position: center center; }
  .dzscalendar .mon-row, .dzscalendar .headerRow { white-space: nowrap; }
  .dzscalendar .hasEvent, .dzscalendar .hasEventForHover { /*color:#6fb6ce;*/ cursor:pointer; font-weight:bold;}
  .dzscalendar .label { color:#111;}

.dzscalendar.tooltip_transition-showContent .week-day .the-event-content 
  { visibility:hidden; opacity:0; display:block; padding:20px; background:#fff; position: absolute; top:-40px; left:-40px; white-space:normal;
    width: calc(100% + 80px);
                            transform: scale(0.8);
                  transition-property: all;
                  transition-duration: 0.3s;
           transition-timing-function: ease-out;
             -moz-transition-property: all;
             -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: ease-out;
          -webkit-transition-property: all;
          -webkit-transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
               -o-transition-property: all;
               -o-transition-duration: 0.3s;
        -o-transition-timing-function: ease-out;
              -ms-transition-property: all;
              -ms-transition-duration: 1s;
       -ms-transition-timing-function: ease-out; }

.dzscalendar.tooltip_transition-showContent .week-day .the-event-content .divimage { position:relative; height:160px;}
.dzscalendar.tooltip_transition-showContent .week-day.hasEventForHover:hover .the-event-content { visibility:visible; opacity:1; z-index: 999; transform: scale(1);}

.dzscalendar.mode-datepicker .main-mon .mon-body .week-day { cursor: pointer;}
.dzscalendar .main-mon .other-months-date { /*opacity:0.3; filter: alpha(opacity=30); */  color:#bf6a9e!important}
.dzscalendar .past-date { /*opacity: 0.5; filter: alpha(opacity=50);*/ color: #bf6a9e!important }

.dzscalendar .calendar-controls { min-height: 27px; width: 100%; }

.dzscalendar .calendar-controls .arrow-left  { position:absolute; top:4px; right:40px; width:8px; height:13px; cursor:pointer; 
                                               background: transparent no-repeat center center url(images/arrow-left.svg);}

.dzscalendar .calendar-controls .arrow-right { position:absolute; top:4px; right:10px;  width:8px; height:13px; cursor:pointer; 
                                               background: transparent no-repeat center center url(images/arrow-right.svg);}

.dzscalendar .calendar-controls .curr-date  { text-align:left; padding-top:0px; margin-left:15px;}
.dzscalendar .calendar-controls .curr-month { float:left; padding:0px; color:#fff; line-height:normal; font-size:20px; font-family: 'Raleway',sans-serif;}
.dzscalendar .calendar-controls .curr-year  { float:left; padding-left:10px; color:#fff; line-height:normal; font-size:20px!important;font-family: 'Raleway',sans-serif;}

.dzscalendar .theMonths, .dzscalendar .calendar-controls { width:100%;}

.dzscalendar .slideDescription { position:absolute; top:0; left:0; text-align:left; padding:10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */ }

/*.dzscalendar .slideDescription .desc-close-button { position:absolute; top:10px; right:5px; text-align:center; padding:1px 7px; border:1px solid #fff;
                                                    border-radius:20px; font-family:arial, serif; cursor:pointer; }*/

/*=== the DZS tooltip -->
*/
.dzscalendar .dzstooltip { background:#333; position:absolute; opacity:0;  z-index:999; text-align:left;
                            transition-property: margin-top;
                            transition-duration: 0.3s;
                     transition-timing-function: ease-out;
                       -moz-transition-property: margin-top;
                       -moz-transition-duration: 0.3s;
                -moz-transition-timing-function: ease-out;
                    -webkit-transition-property: margin-top;
                    -webkit-transition-duration: 0.3s;
             -webkit-transition-timing-function: ease-out;
                         -o-transition-property: margin-top;
                         -o-transition-duration: 0.3s;
                  -o-transition-timing-function: ease-out;
                        -ms-transition-property: margin-top;
                        -ms-transition-duration: 0.3s;
                 -ms-transition-timing-function: ease-out;
                    -webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.4);
                       -moz-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.4);
                            box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.4); }
.dzscalendar .dzstooltip .bg-div { background-position:center center; background-size:cover; }

.dzstooltip span.label {font-weight: bold;}

.dzstooltip > div {padding-bottom: 10px; }

/*.dzstooltip > div > h5 {font-size: 20px;
  font-weight: normal;
  margin-top: 7px;
  margin-bottom: 10px; }*/

.dzscalendar .aux-transition-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  perspective: 1600px;
  -webkit-perspective: 1600px; }

.dzscalendar .aux-transition {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: ease-out;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: transform;
  -o-transition-duration: 0.8s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: ease-out; }

.dzscalendar .aux-transition > * {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.dzscalendar .aux-transition > .theMonths {
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: ease-out;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: transform;
  -o-transition-duration: 0.8s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: ease-out; }

.dzscalendar .aux-transition > .calendar-controls {
  transform: rotateX(-180deg);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-180deg);
  -webkit-transform-origin: 50% 100%;
  -webkit-transform-style: preserve-3d;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: ease-out;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: transform;
  -o-transition-duration: 0.8s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: ease-out;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }

.dzscalendar .aux-transition.dzsflipped > .theMonths {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); }

.dzscalendar .aux-transition.dzsflipped > .calendar-controls {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  box-shadow: 0 0 3px 0 transparent; }

.dzscalendar .aux-transition.backward > .theMonths {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); }

.dzscalendar .aux-transition.backward > .calendar-controls {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg); }

.dzscalendar .aux-transition.backward.dzsflipped > .theMonths {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); }

.dzscalendar .aux-transition.backward.dzsflipped > .calendar-controls {
  transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg); }

.dzscalendar.skin-default .mon-row .week-day { }

.dzscalendar.skin-other .testimonial span {
  font-size: 1em; }

.dzscalendar.skin-other .testimonial .the-author {
  font-size: 1em;
  font-family: Courier New, Arial;
  font-style: italic;
  color: #aaa;
  margin-top: 0px; }

.dzscalendar.skin-black .testimonial span {
  font-size: 1em; }

.dzscalendar.skin-black .testimonial .the-author {
  font-size: 1em;
  font-family: Courier New, Arial;
  font-style: italic;
  color: #aaa;
  margin-top: 0px; }

.dzscalendar.skin-black {
  background: #222;
  color: #fff;
  padding: 7px 3px 12px;
  border-radius: 5px; }

.dzscalendar.skin-black .calendar-controls .arrow-left {
  position: absolute;
  top: 1px;
  left: 10px;
  background: transparent no-repeat center center url(img/arrowline-left-simple.png);
  width: 15px;
  height: 16px;
  cursor: pointer; }

.dzscalendar.skin-black .calendar-controls .arrow-right {
  position: absolute;
  top: 1px;
  right: 10px;
  background: transparent no-repeat center center url(img/arrowline-right-simple.png);
  width: 15px;
  height: 16px;
  cursor: pointer; }

.dzscalendar.skin-aurora {
  width: 100%;
  height: 230px;
  color: #333; }
  .dzscalendar.skin-aurora .calendar-controls {
    background: #333;
    color: #fff;
    padding-top: 6px; }
    .dzscalendar.skin-aurora .calendar-controls .curr-date {
      padding-top: 5px;
      padding-bottom: 8px; }
  .dzscalendar.skin-aurora .theMonths {
    height: auto;
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .dzscalendar.skin-aurora .theMonths > * {
      position: absolute;
      top: 0;
      left: 0; }
  .dzscalendar.skin-aurora .mon-row, .dzscalendar.skin-aurora .headerRow {
    line-height: 1; }
  .dzscalendar.skin-aurora .mon-row:first-child .week-day {
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .dzscalendar.skin-aurora .week-day {
    background-color: #e5e5e5;
    opacity: 0.75;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 11px;
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 3px 7px;
    line-height: 1.2; }
  .dzscalendar.skin-aurora .week-day:last-child {
    border-right: 0px solid rgba(0, 0, 0, 0.2); }
  .dzscalendar.skin-aurora .hasEvent, .dzscalendar.skin-aurora .hasEventForHover {
    color: #ae1919;
    font-weight: normal; }
  .dzscalendar.skin-aurora .main-mon .today-date {font-weight: bold; }
  .dzscalendar.skin-aurora .main-mon .other-months-date {
    opacity: 0.3;
    filter: alpha(opacity=30); }
  .dzscalendar.skin-aurora .main-mon .curr-months-date {
    position: relative; }
  .dzscalendar.skin-aurora .main-mon .past-date {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.dzscalendar.skin-aurora .headerRow .week-day {
  background: #f6f6f6;
  font-size: 8px;
  border: 0;
  box-shadow: none; }

.dzscalendar.skin-aurora .calendar-controls .arrow-left, .dzscalendar.skin-aurora .calendar-controls .arrow-right {
  position: absolute;
  top: 13px;
  left: 10px;
  background: transparent no-repeat center center url(images/arrowleft.png);
  width: 15px;
  height: 16px;
  cursor: pointer; }

.dzscalendar.skin-aurora .calendar-controls .arrow-right {
  left: auto;
  right: 10px;
  background: transparent no-repeat center center url(images/arrowright.png); }