/* Modal Header */
.cal__modal-header { 
  background-color: #ddd;
  color: white;
}

/* Modal Body */
.cal__modal-body {padding: 2px;}

/* Modal Footer */
.cal__modal-footer {
	padding: 10px;
	background-color: #fff;
	color: white;
	text-align: right;
}

/* Modal Content */
.cal__modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #d7d4d4;
  width: 100%;  
}

.cal__modal {
    padding:  0em !important;
}
.cal__modal {
    position: absolute;
    left: 0;
    z-index: 1050;
    display: none; 
    overflow: hidden;
    outline: 0;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
		  max-width: 350px;
}

 
.cal__modal .close__btn {
    display: inline-block;
    font-weight: 400; 
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #313a46;
	background-color: #eef2f7;
	border: 1px solid #eef2f7;
	padding: .15rem .9rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .15rem;
		-webkit-box-shadow: 0 2px 6px 0 rgba(238,242,247,.5);
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	margin: 0.10rem 0;
	
}
.cal__modal .close__btn:hover, .cal__modal .close__btn:active {
	color: #313a46;
	background-color: #d4deeb;
	border-color: #cbd7e7;
}
.cal__modal [type="button"]  {
    -webkit-appearance: button;
	outline: 0 !important;
}
 
.cal__modal button  {
    margin: 0;
        margin-bottom: 0px;
        margin-left: 0px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

 

.paalen-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff; 
}
.paalen-calendar.open  {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.paalen-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.paalen-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
 
.paalen-calendar .hasWeeks .dayContainer  {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.paalen-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
 
.paalen-calendar:before,
.paalen-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
 
.paalen-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.paalen-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
 
 
.paalen-calendar:focus {
  outline: 0;
}
.paalen-wrapper {
  position: relative;
  display: inline-block;
}
.paalen-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.paalen-months .paalen-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 33px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.paalen-months .paalen-prev-month,
.paalen-months .paalen-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 5px 15px 7px 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}


.paalen-months .paalen-prev-month i,
.paalen-months .paalen-next-month i {
  position: relative;
}
.paalen-months .paalen-prev-month.paalen-prev-month,
.paalen-months .paalen-next-month.paalen-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.paalen-months .paalen-prev-month.paalen-next-month,
.paalen-months .paalen-next-month.paalen-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.paalen-months .paalen-prev-month:hover,
.paalen-months .paalen-next-month:hover {
  color: #000000;
}
.paalen-months .paalen-prev-month:hover svg,
.paalen-months .paalen-next-month:hover svg {
  fill: #00000;
}
.paalen-months .paalen-prev-month svg,
.paalen-months .paalen-next-month svg {
  width: 14px;
  height: 14px;
}
.paalen-months .paalen-prev-month svg path,
.paalen-months .paalen-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
} 
   
.paalen-current-month {
  font-size: 115%;
  line-height: inherit;
  font-weight: bold;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 9px 8px;
  line-height: 1;
  height: 40px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
  
 
.paalen-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.paalen-weekdays .paalen-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.paalen-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.paalen-weeks {
  padding: 1px 0 0 0;
}
.paalen-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.paalen-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.paalen-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.paalen-day.inRange,
.paalen-day.today.inRange,
.paalen-day:hover,
.paalen-day:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}


 

.paalen-day.today {
  border-color: #959ea9;
}
.paalen-day.today:hover,
.paalen-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.paalen-day.selected,
.paalen-day.startRange,
.paalen-day.endRange,
.paalen-day.selected.inRange,
.paalen-day.startRange.inRange,
.paalen-day.endRange.inRange,
.paalen-day.selected:focus,
.paalen-day.startRange:focus,
.paalen-day.endRange:focus,
.paalen-day.selected:hover,
.paalen-day.startRange:hover,
.paalen-day.endRange:hover {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.paalen-day.selected.startRange,
.paalen-day.startRange.startRange,
.paalen-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.paalen-day.selected.endRange,
.paalen-day.startRange.endRange,
.paalen-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.paalen-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.paalen-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.paalen-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.paalen-day.selected.startRange.endRange,
.paalen-day.startRange.startRange.endRange,
.paalen-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.paalen-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.paalen-day.paalen-disabled,
.paalen-day.paalen-disabled:hover,
.paalen-day.notAllowed,{
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; 
}

.paalen-day.prevMonthDay,
.paalen-day.nextMonthDay {
  color: transparent;
  background: transparent;
  border-color: transparent;
  cursor: default;
  height: 1px !important;
line-height: 1px !important;
}

.paalen-day.paalen-disabled,
.paalen-day.paalen-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.paalen-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.paalen-day.hidden {
  visibility: hidden;
}
.rangeMode .paalen-day {
  margin-top: 1px;
}
.paalen-weekwrapper {
  float: left;
}
.paalen-weekwrapper .paalen-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.paalen-weekwrapper .paalen-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.paalen-weekwrapper span.paalen-day,
.paalen-weekwrapper span.paalen-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.paalen-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.paalen-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
 
 
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.slide-up, .slide-down {
  overflow:hidden;
}
.slide-up > div, .slide-down > div {
  transform: translateY(-100%);
  transition: .4s ease-in-out;
}
.slide-down > div {            
  transform: translateY(0);
}