/*!
 * Datepicker v0.5.3
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-06-15T11:00:53.699Z
 */
 
 
  #website-body .ep-a_field.ep-layout_calendar .ep-p_button	button {
	
  
  
  }
.datepicker-container {
  font-size: 12px;
  line-height: 20px;

  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;

  width: 360px;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  background-color: #fff;

  direction: ltr !important;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* .datepicker-container:before,
.datepicker-container:after {
  position: absolute;

  display: block;

  width: 0;
  height: 0;

  content: ' ';

  border: 5px solid transparent;
}
 */
.datepicker-dropdown {
  position: absolute;
  z-index: 1;

  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;

  border: 1px solid #d1d3d4;
  -webkit-box-shadow: 0 3px 6px #ccc;
          box-shadow: 0 3px 6px #ccc;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  /* border-top-color: #d2380d; */
}

.datepicker-top-left:before,
.datepicker-top-left:after,
.datepicker-top-right:before,
.datepicker-top-right:after {
  top: -5px;
  left: 10px;

  border-top: 0;
}

.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #d2380d;
}

.datepicker-top-left:after,
.datepicker-top-right:after {
  top: -4px;

  border-bottom-color: #fff;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #d2380d;
}

.datepicker-bottom-left:before,
.datepicker-bottom-left:after,
.datepicker-bottom-right:before,
.datepicker-bottom-right:after {
  bottom: -5px;
  left: 10px;

  border-bottom: 0;
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
  border-top-color: #d2380d;
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
  bottom: -4px;

  border-top-color: #fff;
}

.datepicker-top-right:before,
.datepicker-top-right:after,
.datepicker-bottom-right:before,
.datepicker-bottom-right:after {
  right: 10px;
  left: auto;
}

.datepicker-panel > ul:before,
.datepicker-panel > ul:after {
  display: table;

  content: ' ';
}

.datepicker-panel > ul:after {
  clear: both;
}

.datepicker-panel > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 10px;
}

.datepicker-panel > ul > li {
  float: left;

  width: 39px;
  height: 30px;
  margin: 0;
  padding: 10px;

  list-style: none;

  cursor: pointer;
  text-align: right;

  background-color: #fff;
  font-size: 1.6em;
  border-right: 1px solid #f3f4f4;
  border-bottom: 1px solid #f3f4f4
  
}

.datepicker-panel > ul[data-view="days"] >  li:hover,
.datepicker-panel > ul[data-view="months"] >  li:hover,
.datepicker-panel > ul[data-view="years"] >  li:hover {
  background-color: #f3f4f4;
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  /* background-color: #f3f4f4; */
}



.datepicker-panel > ul > li.picked {
  color: #fff;
  background: #326aab
}

.datepicker-panel > ul > li.picked:hover {
  color: #fff;
  background: #1e1e1f
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  cursor: default;

  color: #d1d3d4;
  background-color: #fff;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #f3f4f4;
}

.datepicker-panel > ul > li > span[data-view='years prev'],
.datepicker-panel > ul > li > span[data-view='year prev'],
.datepicker-panel > ul > li > span[data-view='month prev'],
.datepicker-panel > ul > li > span[data-view='years next'],
.datepicker-panel > ul > li > span[data-view='year next'],
.datepicker-panel > ul > li > span[data-view='month next'],
.datepicker-panel > ul > li > span[data-view='next'] {
  font-size: 18px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d1d3d4;
    border-radius: 5px;
    text-align: center;
    letter-spacing: -0.3em;
    white-space: nowrap;
    cursor: pointer;
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	display: block;

}

.datepicker-panel > ul.date-picker-control .currentValueContainer  {
    flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
    float: none;
    text-align: center;
	padding-top: 0;
	border: none;
	line-height: 36px;
}

.datepicker-panel > ul > li.currentValueContainer  span{
    background-color: #fff;
    border: 1px solid #d1d3d4;
    border-radius: 5px;
	height: 40px;
	display: block;
	box-sizing: border-box;
	position: relative
}

.datepicker-panel > ul[data-view='years'] > li,
.datepicker-panel > ul[data-view='months'] > li {
  line-height: 85px;
  width: 140px;
  height: 105px;
  text-align: center;
  box-sizing: border-box
}

.datepicker-panel > ul[data-view='week'] > li,
.datepicker-panel > ul[data-view='week'] > li:hover {
  cursor: default;

  background-color: #fff;
}

.datepicker-hide {
  display: none;
}


/* custom icon */

.datepicker-panel > ul.date-picker-control li span.epjs_icon.prev:after {
    width: 11px;
    height: 8px;
    background-image: url(../../../common/img/icons.svg);
    background-position: -97px -66px;
    background-repeat: no-repeat;
    transform: scale(1.25) rotate(90deg);
    -webkit-transform: scale(1.25) rotate(90deg);
	display:block;
	content: "";
	margin: 15px 0 0 12px

}

.datepicker-panel > ul.date-picker-control li span.epjs_icon.next:after {
    width: 11px;
    height: 8px;
    background-image: url(../../../common/img/icons.svg);
    background-position: -97px -66px;
    background-repeat: no-repeat;
    transform: scale(1.25) rotate(-90deg);
    -webkit-transform: scale(1.25) rotate(-90deg);
	display:block;
	content: "";
	margin: 15px 0 0 12px
}

.datepicker-panel > ul.date-picker-control li span.epjs_icon.bottom:after {
    width: 11px;
    height: 8px;
    background-image: url(../../../common/img/icons.svg);
    background-position: -97px -66px;
    background-repeat: no-repeat;
    transform: scale(1.25) rotate(0deg);
    -webkit-transform: scale(1.25) rotate(0deg);
	display:block;
	content: "";
    position: absolute;
    right: 15px;
    top: 15px;
}
.datepicker-container  .close-datepicker {
    position: absolute;
    right: -1px;
    top: -60px;
    background-color: #fff;
    width: 41px;
    height: 40px;
    text-align: center;
    border-right: 1px solid #d1d3d4;
    border-top: 1px solid #d1d3d4;
	cursor: pointer
}

.datepicker-container .fill-input-to-panel {
	height: 21px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #d1d3d4;
    border-right: 1px solid #d1d3d4;
    /* width: 250px; */
    right: -1px;
    position: absolute;
    top: -21px;
    background-color: #fff;
}


.datepicker-container.date_panel_left .fill-input-to-panel{
    left: -1px;
}

.datepicker-container .close-datepicker span.epjs_icon.close:after {
    width: 21px;
    height: 21px;
    background-image: url(../../../common/img/icons.svg);
    background-position: -145px -21px;
    background-repeat: no-repeat;
	display:block;
	content: "";
}

.datepicker-container .close-datepicker span.epjs_icon.close {
    top: 10px;
    left: 10px;
    position: absolute;
}

.datepicker-panel > ul.date-picker-control {
    margin: 15px;
    display: flex;
    width: auto;
}

.datepicker-panel > ul.date-picker-control .epjs_icon:hover{
    border-color: #3c77bd;
	background-color: #fafafa
}

.datepicker-panel > ul.date-picker-control .current {
    width: 100%;
    padding: 1px 11px;
    margin-top: -40px;
    background-color: #fff;
    border-color: #d1d3d4;
    border-radius: 5px;
}

.datepicker-panel > ul.date-picker-control .btn-prev {
    padding: 0 10px 0 0;
	border: none
}
.datepicker-panel > ul.date-picker-control .btn-next {
    padding: 0 0 0 10px;
	border: none;
}

.datepicker-panel > ul.date-picker-control .epjs_icon.disabled {
	background-color: #f3f4f4;
    border-color: #d1d3d4;
    cursor: not-allowed;
}

.datepicker-panel > ul.date-picker-control .btn-next .epjs_icon.disabled:after,
.datepicker-panel > ul.date-picker-control .btn-prev .epjs_icon.disabled:after{
    background-position: -97px -66px;
}



.datepicker-panel > ul[data-view="week"] li {
	background: #f3f4f4 !important;
}

.datepicker-panel > ul[data-view="days"] > li:nth-child(7n + 0) {
    border-right: none;
}

.datepicker-panel > ul[data-view="years"] > li:nth-child(3n + 0) {
    border-right: none;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="days"] > li,
.datepicker-panel > ul[data-view="months"] > li,
.datepicker-panel > ul[data-view="years"] > li{
	box-sizing: border-box;
	
}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="days"] > li{
		width: calc(99.99%/7);   /* 99.99% fix IE */
		height: 40px;
}


.datepicker-panel > ul[data-view="months"] > li,
.datepicker-panel > ul[data-view="years"] > li{
		width: calc(100%/3);
}



@media screen and (min-width: 481px) and (max-width: 640px) {
	.datepicker-container {
		margin: auto;
		width: auto;
	}
	

	
	.datepicker-container .close-datepicker {
		border-left: 1px solid #d1d3d4;
	}
	
	.datepicker-panel > ul.date-picker-control li span.epjs_icon.bottom:after {
		display: none;
	}	
}




@media screen and (max-width: 480px) {
	.datepicker-container {
		width: 100%;
	}
	
	.datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="days"] > li {
		height: 40px;
		line-height: 24px;
	}
	.datepicker-panel > ul > li {
		font-size: 1.3em
	}
	
	.datepicker-panel > ul.date-picker-control li span.epjs_icon.bottom:after {
		display: none
	}
	
	.datepicker-panel > ul[data-view='years'] > li, .datepicker-panel > ul[data-view='months'] > li {
		line-height: 50px;
		height: 70px;
		text-align: center;
	}
}


#website-body .ep-p_textfield.ep-layout_messageerror > div.ep_message {
	z-index: 9999
}