.omnis-datepicker {
  overflow: hidden;
  flex-direction: column;
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: center;
}

/*!
 * Picker.js v1.2.0
 * https://fengyuanchen.github.io/pickerjs
 *
 * Copyright 2016-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-12-16T14:10:23.878Z
 */


.picker {
  color: #999;
  direction: ltr;
  display: none;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  align-self: center; 

}

.picker-fixed {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1986;
}

.picker-fixed > .picker-dialog {
  bottom: -100%;
  left: 0;
  max-height: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
}

.picker-fixed .picker-header {
  display: block;
}

.picker-fixed .picker-footer {
  display: table;
}

.picker-open {
  display: block;
  opacity: 0;
}

.picker-opened {
  opacity: 1;
}

.picker-opened > .picker-dialog {
  bottom: 0;
}

.picker-header {
  border-bottom: 1px solid #eee;
  display: none;
  padding: 10px 15px;
  position: relative;
  line-height: 1.5rem !important;
}

.picker-title {
  font-weight: 500;
  line-height: 14px; /*1.125em*/
  margin: 0;
}

.picker-close {
  background-color: transparent;
  border-width: 0;
  color: #999;
  cursor: pointer;
  height: 36px;/*3em*/
  opacity: 0.75;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;/*3em*/
}

.picker-close:focus,
.picker-close:hover {
  opacity: 1;
  outline: none;
}

.picker-body {
  overflow: hidden;
}

.picker-grid {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.picker-cell {
  -webkit-transition: top 12s; /* Safari */
  transition: top 12s;
  display: table-cell;
  position: relative;
}

.picker-cell::before,
.picker-cell::after {
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 3;
}

.picker-cell + .picker-cell {
  /*border-left: 1px solid #eee;*/
}

.picker-headers .picker-cell::before {
  margin-bottom: 0;
}

.picker-headers .picker-cell::after {
  margin-top: 24px;/*2em;*/
}

.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell::before,
.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell::after {
  display: none;
}

.picker-cell__header {
  font-size: 0.75em;
  margin: 0;
  overflow: hidden;
  padding: 3px 6px;/*0.25em 0.5em;*/
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 3;
}

.picker-cell__control {
  cursor: pointer;
  height: 24px;/*2em;*/
  padding: 3px 6px;/*0.25em 0.5em;*/
  position: relative;
  z-index: 4;
}

.picker-cell__control::before {
  border-style: solid;
  border-width: 0;
  content: '';
  display: block;
  height: 6px; /*0.5em*/
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 6px; /*0.5em*/
}

.picker-cell__control:hover::before {
  border-color: #0074d9;
}

.picker-cell__control--prev::before {
  border-right-width: 1px;
  border-top-width: 1px;
  margin-top: 2px;
}

.picker-cell__control--next::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
  margin-bottom: 2px;
}

.picker-cell__body {
  overflow: hidden;
  position: relative;
  border-left: 1px solid #eee;
}

.picker-cell__body.firstcellbody {
  border-left: none;
}

.picker-cell__body::before,
.picker-cell__body::after {
  content: '';
  height: 24px; /*2em*/
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.picker-cell__body::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  top: 0;
}

.picker-cell__body::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  bottom: 0;
}

.picker-single .picker-cell__body::before,
.picker-single .picker-cell__body::after {
  display: none;
}

.picker-list {
  list-style: none;
  margin: -24px 0; /*-2em*/
  padding: 0;
  position: relative;
}

.picker-item {
  padding: 3px 6px;/*0.25em 0.5em;*/
  text-align: center;
  white-space: nowrap;
}

.picker-picked {
  color: #0074d9;
}


.picker-footer {
  border-top: 1px solid #eee;
  display: none;
  width: 100%;
}

.picker-cancel,
.picker-confirm {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  display: table-cell;
  padding: 9px 12px; /*0.75em 1em*/
  width: 50%;
}

.picker-cancel:focus,
.picker-cancel:hover,
.picker-confirm:focus,
.picker-confirm:hover {
  outline: none;
}

.picker-confirm {
  color: #0074d9;
}

/*
 |  tail.datetime - A vanilla JavaScript DateTime Picker without dependencies!
 |  @file       ./css/tail.datetime-default.css
 |  @author     SamBrishes <sam@pytes.net>
 |  @version    0.4.6 - Beta
 |
 |  @website    https://github.com/pytesNET/tail.DateTime
 |  @license    X11 / MIT License
 |  @copyright  Copyright © 2018 - 2019 SamBrishes, pytesNET <info@pytes.net>
 */

/* @start MAIN CALENDAR */
.tail-datetime-calendar,
.tail-datetime-calendar *,
.tail-datetime-calendar *:before,
.tail-datetime-calendar *:after{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tail-datetime-calendar{
  font-size: 12pt;
  width: 275px;
  min-width: 200px; /* stop calendar from resizing too small */
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  border-collapse: separate;
  font-family: "Open Sans", Calibri, Arial, sans-serif;
  /*background-color: #FFFFFF;*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
}
.tail-datetime-calendar:after{
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  visibility: hidden;
}
.tail-datetime-calendar.calendar-static{
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; 
}
.tail-datetime-calendar .calendar-tooltip{
  color: #FFFFFF;
  width: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  background-color: #202428;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tail-datetime-calendar .calendar-tooltip .tooltip-inner{
  width: auto;
  margin: 0;
  padding: 4px 7px;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.tail-datetime-calendar .calendar-tooltip:before{
  top: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -6px;
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #202428 transparent;
}
.tail-datetime-calendar button.calendar-close{
  top: 100%;
  right: 15px;
  color: #303438;
  width: 35px;
  height: 25px;
  margin: 1px 0 0 0;
  padding: 5px 10px;
  opacity: 0.5;
  display: inline-block;
  position: absolute;
  font-size: 14px;
  line-height: 1.125em;
  text-shadow: none;
  border: 0;
  outline: none;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjMzAzNDM4IiBkP\
    SJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4y\
    NWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
  transition: opacity 142ms linear;
  -moz-transition: opacity 142ms linear;
  -webkit-transition: opacity 142ms linear;
}
.tail-datetime-calendar button.calendar-close:hover{
  opacity: 1.0;
}
/* @end MAIN CALENDAR */

/* @start CALENDAR ACTIONs */
.tail-datetime-calendar .calendar-actions{
  background-color: #149BE6;
  color: #FFFFFF;
  fill: #FFFFFF;
  width: 100%;
  height: auto;
  max-height: 100px;
  margin: 0;
  padding: 0;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  outline: none;
}
.tail-datetime-calendar .calendar-actions span{
  margin: 0;
  padding: 0;
  display: table-cell;
  position: relative;
  text-align: center;
  /*line-height: 36px;*/
  text-shadow: -1px -1px 0 #8d1c29;
  background-repeat: no-repeat;
  background-position: center center;
  text-shadow: -1px -1px 0 #0e6ca0;
}
.tail-datetime-calendar .calendar-actions span[data-action]{
  cursor: pointer;
}
.tail-datetime-calendar .calendar-actions span.action{
  width: 36px;
  font-size: 9pt;
}
.tail-datetime-calendar .calendar-actions span.label{
  width: auto;
  /*font-size: inherit;*/
}
.tail-datetime-calendar .calendar-actions span:first-child{
  border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
}
.tail-datetime-calendar .calendar-actions span:last-child{
  border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  -webkit-border-radius: 0 4px 0 0;
}
.tail-datetime-calendar .calendar-actions span:first-child:before,
.tail-datetime-calendar .calendar-actions span:last-child:before{
  top: 5px;
  bottom: 5px;
  width: 1px;
  height: auto;
  margin: 0;
  padding: 0;
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #107bb7;
}
.tail-datetime-calendar .calendar-actions span:first-child:before{
  right: -1px;
}
.tail-datetime-calendar .calendar-actions span:last-child:before{
  left: -1px;
}
.tail-datetime-calendar .calendar-actions span:first-child:hover:before,
.tail-datetime-calendar .calendar-actions span:last-child:hover:before{
  display: none;
}
.tail-datetime-calendar .calendar-actions span[data-action]:hover{
  background-color: #a22030;
}

.tail-datetime-calendar .calendar-actions svg{
  height: 16px;
  width: 16px;
}



.action-arrow{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tail-datetime-calendar .calendar-actions span.action-submit{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkP\
    SJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==");
}
.tail-datetime-calendar .calendar-actions span.action-cancel{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkP\
    SJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4y\
    NWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
}

.tail-datetime-calendar .calendar-actions span[data-action]:hover,
.tail-datetime-calendar .calendar-actions span[data-action]:focus{
  background-color: #107bb7;
  outline: none;
}
/* @end CALENDAR ACTIONs */

/* @start CALENDAR DATEPICKER */
.tail-datetime-calendar .calendar-datepicker{
  color: #303438; /* moved to here from .tail-datetime-calendar .calendar-datepicker table tr th,
                    .tail-datetime-calendar .calendar-datepicker table tr td{ so that it can be easily overridden from Omnis JS Client */
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  background-color: #FFFFFF;
  font-size: 10pt;
  outline:none !important;
}
.tail-datetime-calendar .calendar-datepicker table{
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: separate;
  outline:none;

}
.tail-datetime-calendar .calendar-datepicker table tr th,
.tail-datetime-calendar .calendar-datepicker table tr td{
  /*color: #303438;  moved to .tail-datetime-calendar .calendar-datepicker so that it can be easily overridden from Omnis JS Client */
  height: auto; /*30px*/
  padding: 0;
  position: relative;
  /*font-size: 9px;*/
  text-align: center;
  font-weight: normal;
  text-shadow: none;
  /*line-height: 30px;*/
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.tail-datetime-calendar .calendar-datepicker table tr th{
  /*line-height: 30px;*/
}
.tail-datetime-calendar .calendar-datepicker table tr th{
  color: #FFFFFF;
  background-color: #303438;
}
.tail-datetime-calendar .calendar-datepicker table tr td{
  cursor: pointer;
}
.tail-datetime-calendar .calendar-datepicker table tr td span.inner{
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-disabled{
  cursor: not-allowed;
  color: #909498;
  background-color: #f8f8f8;
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-disabled:after{
  left: 3px;
  bottom: 3px;
  width: 35px;
  height: 1px;
  margin: 0;
  padding: 0;
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #b8b8b8;
  transform-origin: 2px -5px;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-previous,
.tail-datetime-calendar .calendar-datepicker table tr td.date-next{
  color: #909498;
  background-color: #f8f8f8;
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before,
.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick{
  top: 7%;
  width: 5px;
  height: 5px;
  margin: 0;
  padding: 0;
  content: "";
  display: inline-block;
  position: absolute;
  border: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before{
  left: 8%;
  background-color: #32B93C;
}
.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick{
  right: 8%;
  background-color: #202428;
}
.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick:before,
.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick:after{
  display: none;
}
.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day{
  width: 14.28571428571429%;
  height: auto;
}
.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day span.inner{
  /*width: 5px;*/
  height: 31px;
  line-height: 29px;
  border: 1px solid transparent;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

/* classes for date selection in range mode */
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-range span.inner{
  width: 100% !important;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-left-style: none;
  border-right-style: none;
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-open-right span.inner{
  width: 100% !important;
  border-radius: 50% 0 0 50%;
  border-right-style: none;
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-open-left span.inner{
  width: 100% !important;
  border-radius: 0 50% 50% 0;
  border-left-style: none;
}


.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week:focus span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day:focus span.inner,
.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week:hover span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day:hover span.inner{
  border-color: #cccccc;
}

.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week.date-disabled:focus span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-disabled:focus span.inner,
.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week.date-disabled:hover span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-disabled:hover span.inner{
  border-color: transparent;
}

.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week.date-select,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select{
  color: #32B93C;
  border-color: #32B93C;
}

.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week.date-select span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select span.inner{
  color: inherit;
  border-color: inherit;
}


.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week.date-select:focus span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select:focus span.inner {
  border-color: #cccccc;
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade{
  color: #6b747d;
  width: 33.3333333333%;
  height: auto; /*40px*/
  transition: color 142ms linear;
  -moz-transition: color 142ms linear;
  -webkit-transition: color 142ms linear;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-today:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-today:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-today:before{
  left: 8%;
  top: 50%;
  margin-top: -2.5px;
}

.tail-datetime-calendar .calendar-datepicker table tr td{
  outline: none;
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:focus,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:focus,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:focus,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover{
  color: #303438;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner{
  width: auto;
  height: auto; /*31px*/
  line-height: 11px; /*29px*/
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner:after{
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: all 142ms linear;
  -moz-transition: all 142ms linear;
  -webkit-transition: all 142ms linear;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner:before{
  top: 0;
  left: 0;
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:focus span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:focus span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:focus span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover span.inner:before,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover span.inner:before{
  top: 6px;
  left: 6px;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner:after{
  right: 0;
  bottom: 0;
}

.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:focus span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:focus span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:focus span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover span.inner:after,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover span.inner:after{
  right: 6px;
  bottom: 6px;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade{
  width: 25%;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner{
  height: 54px;
  /*padding: 7px 15px;*/
  text-align: left;
  line-height: 20px;
}
/* @end CALENDAR DATEPICKER */


/* @start RTL STYLE */
.tail-datetime-calendar.rtl{
  direction: rtl;
}
.tail-datetime-calendar.rtl .calendar-actions span.action-next,
.tail-datetime-calendar.rtl .calendar-actions span.action-prev{
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.date-disabled:after{
  right: 3px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.date-today:before{
  right: 5px;
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td .tooltip-tick{
  left: 5px;
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month.date-today:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year.date-today:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade.date-today:before{
  right: 50%;
  margin-right: -2.5px;
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:focus span.inner:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:focus span.inner:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:focus span.inner:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:hover span.inner:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:hover span.inner:before,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:hover span.inner:before{
  right: 6px;
  border-right-color: #cccccc;
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade span.inner:after{
  left: 0;
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:focus span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:focus span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:focus span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:hover span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:hover span.inner:after,
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:hover span.inner:after{
  left: 6px;
  border-left-color: #cccccc;
}
.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade span.inner{
  text-align: right;
}

/* @end RTL STYLE */