.ftr-material-date-picker {
	box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
	position: absolute;
	background-color: white;
	z-index: 19144;
}

.ftr-year-label {
	font-size: 12px;
	padding: 6px;
}

.ftr-month-navigator {
	display: flex;
	font-size: 22px;
	height: 32px;
}

.ftr-month-navigator .center {
	flex: 1 1 auto;
	text-align: center;
}

.ftr-month-navigator .nav {
	flex: 0 0 32px;
}

.ftr-month-date-panel {
	min-width: 275px;
}

.ftr-month-date-panel .calendar-row  {
	display: flex;
}

.ftr-month-date-panel .calendar-row.material-ftr-header  {
	font-weight: bold;
	height: 32px;
}

.ftr-month-date-panel .calendar-cell {
	flex: 0 0 14.28%;
	text-align: center;
	padding: 1px;
	cursor: pointer;
}

.ftr-month-date-panel .calendar-cell.disabled {
	opacity: 50%;
	cursor: not-allowed;
}

.ftr-month-date-panel .calendar-cell.other-month {
	opacity: 50%;
}

 .calendar-cell.week-number {
	color: #1e88e5;
}

.ftr-month-date-panel .calendar-cell.weekend {

}

.ftr-month-date-panel .calendar-cell.weekend > div {
	background-color: #fcfce5;
}

.ftr-month-date-panel .calendar-cell.today {
	color: blue;
}

.ftr-month-date-panel .calendar-cell > div {
	padding: 8px;
}

.ftr-month-date-panel .calendar-cell.selected > div {
	background-color : #db981b;
	color: white;
}


.ftr-gwt-datepicker-dialog {
	border: 1px solid #E3E3E3;
	background-color: #FFFFFF;
	width: 300px;
}

.ftr-gwt-datepicker-dialog .title {
	text-align: center;
	padding: 4px;
}


.ftr-time-box.ftr-button {
	background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    text-align: center;
    vertical-align: initial
}

.time-picker-main {
	width: 230px;
}

.time-picker-main .title {
	background: #59cde2;
    color: #ffffff;
    padding: 10px;
    margin: 0px;
    margin-bottom: 10px;
    
}
.time-picker-main .hours {
	padding: 5px;
	display: inline;
}

.time-picker-main .minutes {
	padding: 5px;
	display: inline;
}

.time-picker-main .ftr-button{
	width: 80px;
}	


.ftr-gwt-datepicker-day-label {
	padding: 0px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.ftr-calendar-month {
  box-sizing: border-box;
  border-collapse: collapse;
  position: relative;
  width: 100%;
 }

.ftr-calendar-month .square {
  padding-bottom: 100%	 
}

.ftr-calendar-month .ftr-content {
	position: absolute;
    top: 0;  bottom: 0;  left: 0;  right: 0;
    overflow : hidden;
	padding: 0px; /* Optional padding for content area */
}

.ftr-calendar-month .calendar-row {
  width: 100%;
  height: 14.25%;
}

.ftr-calendar-month .align-center {
  text-align: center;
}

.ftr-calendar-month .calendar-cell {
    width: 14.25%; 
  	display: inline-block;
    position: relative;
}

.ftr-calendar-month.with-week .calendar-cell {
	width: 12.25%;
}

.ftr-calendar-month .ftr-gwt-datepicker-day {
  text-align: center;
}

.ftr-calendar-month .ftr-gwt-datepicker-day div {
	padding: 8px;
    font-size: initial;
    text-align: center;
    height: 100%;
}

.ftr-calendar-month .ftr-gwt-datepicker-day-disabled div {
	opacity : 0.3;
 	 text-align: center;
}

.ftr-calendar-month .ftr-gwt-datepicker-day div:hover {
	cursor: pointer;
}

.ftr-gwt-datepicker-day-data {
	font-weight: bold !important;
}

.ftr-gwt-datepicker-day-visible {
	font-weight: bold !important;
}



.ftr-gwt-datepicker-day-weekend div {
	color: #f3a007;
}

.ftr-gwt-datepicker-day-other div {
	color: #999999;	
}

.ftr-gwt-datepicker-day-today div {
	color: #ef0a34;
}

.ftr-gwt-datepicker-day-selected div {
	border-radius: 50%;
    transform: scale(0.9);
    background-color: #42a5f5;
    color: #ffffff;
}

.ftr-gwt-datepicker-day-disabled {
	padding: 0px;
}

.ftr-gwt-datepicker-month {
	text-align: center;
	padding: 0;
	margin: 0; 
	font-size : 85%;
	width: 100%;
	background: #f6f6f6 none repeat scroll 0%;
	font-size: 85%;
}

.ftr-gwt-datepicker-month-select {
	min-width : 250px;
	width: 100%;
}

.ftr-gwt-datepicker-month-select-no-width {
	min-width : 250px;
}


.prev-month-next {
	display: inline-flex;
	height: 24px;
}

.prev-month-next .fontawesome-img-button {
	flex: 0 0 36px;
}

.prev-month-next div.label {
	flex: auto;
	text-align: center;
}

.ftr-gwt-datepicker-month-nav {
	line-height: 32px;
    width: 100%;
    cursor: pointer;
    color: #404040;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
}

.ftr-gwt-datepicker-month-nav .current {
	width: 70%;
	float: left;
	font-size: 20px;
	
}

.ftr-gwt-datepicker-month-nav .next {
	padding-right : 10px;
	float: right;
	font-size: 20px;
}


.ftr-gwt-datepicker-month-nav .prev {
	float: left;
	
}

.ftr-gwt-datepicker-month-nav.touch {
	line-height: 22px;
	height: 22px;
}

.arrow-e {
	padding-top:3px;
}	

.arrow-w {
	padding-top:3px;
}	

.arrow-e div,
.arrow-w div {
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
 
}

.arrow-e div {
  width: 0;
  height: 0;
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #404040;
  left: 0.25em;
}
                    
.arrow-w div {
  width: 0;
  height: 0;	
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #404040;
  right: 0.25em;
}



.ftr-gwt-datepicker-image-button {
	cursor: pointer;
}