/* --------- date picker --------- */
.date-picker {
	position: absolute;

    font-size: 1em;
    color: #CCC;
    text-align: center;
    cursor: default;

	border: 1px solid #444;
    border-radius: 2px;
	margin: 6px 0;
	background: #222;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.2);
}
.date-picker:before {
	content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: 8px;
    border: 8px solid #444;
    border-width: 0px 8px 8px;
    border-color: transparent transparent #444;
}
.date-picker:after {
	content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 8px;
    border: 8px solid #222;
    border-width: 0px 8px 8px;
    border-color: transparent transparent #333;
}
.date-picker .cal-month {
	margin: 0;
}

/* ------ months, rendering from calendar.js ------ */
/* ------ I'm shure you can do better ;o)    ------ */
.cal-month {
    border-collapse: collapse;
    margin: 0 auto 12px auto;
}
.cal-month td {
    z-index: 0;
    width:32px;
    height:50px;
    text-align:center;
    /*display:block;*/
}

.cal-month td.selected {
  background:#578748;
  color:#fff;
}

.cal-month td span{
  /*padding:5px;*/
  line-height:50px;
  font-size:20px;
}
  
  
.week-day {
    font-weight: bold;
    /*border-bottom: 1px solid #666;*/
    color: #633;
    background:#e2dedd;
}
.previous-month, .next-month, .current-month, .week-no, .week-day {
    position: relative;
    /*padding: 5px 7px;*/
    cursor: default;
}

.current-month {
  border:1px solid #fff;
      padding:0;
}

.next-month.week-end, .prev-month.week-end, .current-month.week-end {padding:0;}
.next-month.week-end span, .prev-month.week-end span, .current-month.week-end span {width:100%;display:block;text-align:center;}
th.week-day {padding:0;background:#1A3150;border-top:0;}
th.week-day span{padding:6px 0;width:100%;display:block;text-align:center;color:#fff;text-transform:uppercase;}

  
.disabled{background:#fdfdfd!important;color:#f1f1f1!important;cursor:text!important;}


/*.previous-month:not(.disabled):hover:before,*/
/*.next-month:not(.disabled):hover:before,*/
/*.current-month:not(.disabled):hover:before,*/
.current-month.today:after,
/*.event:before,
.selected-day:before,
.previous-month:active:before,
.next-month:active:before,
.current-month:active:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px;
    width: 29px;
    height: 29px;
    box-sizing: border-box;
    border:0;
    background-color: rgba(255, 255, 255, .1);
    z-index: -1;
}*/
/*.event:before,*/
/*.selected-day:before,*/
/*.previous-month:active:before,*/
/*.next-month:active:before,*/
/*.current-month:active:before {*/
/*    background-color: #2e2e2e;*/
/*}*/

/*.selected-day:before,
.previous-month:active:before,
.next-month:active:before,
.current-month:active:before {
    border: 1px solid #C44;
}
*/
.previous-month, .next-month {
    color: #444;
}
.week-no {
    color: #E30613;
    font-size:12px;
    /*border-right: 1px solid #666;*/
    width: 30px;
    padding: 0 10px 0 0;
}

.previous-month.week-end, .next-month.week-end {
    color: #422;
    background:#fad4d3;
}

.week-end span, .week-day.week-end span {
    color: #633;
    background:#fad4d3;
}
.event {
  color: #C44;
  cursor:pointer;
}
/*.previous-month.event:before, .next-month.event:before {*/
/*    background-color: #322;*/
/*}*/
/*.disabled  {*/
/*    color: #111!important;*/
/*}*/

.event30 span {
  background-color:#d70225;
}
.event60 span {
  background-color:#f0a20d;
}
.event90 span {
  background-color:#00a836;
}
.event30 span, .event60 span, .event90 span {
  color:#fff;
  font-weight:bold;
  font-size:15px;
  letter-spacing:1px;
  width:100%;
  height:100%;
  display:block;
}
.eventrealizadas span {
  color:#3c3c3c!important;
  font-weight:bold;
  font-size:15px;
  letter-spacing:1px;
  /*width:100%;*/
  /*height:100%;*/
  display:block;
  background-color:#fff;
}
.eventrealizadas {
  padding:0px!important;
  border:2px solid #d70225;
}

.eventactualizada span {
  /*color:#d70225;*/
  font-weight:bold;
  font-size:15px;
  letter-spacing:1px;
  /*background-color:#f3e401;*/
}

.eventactualizada div {background:url('https://www.incentea-mi.pt/ugt-eleicoes/images/aviso.png') no-repeat top center #F3E401;top:0;background-size:contain;position:absolute;width:100%;height:100%;display:block;z-index:1;}

/* ------ the UI for the picker (next, prev, month, year and time) ------ */
.dp-title, .dp-footer {
    padding: 5px 5px 6px;

    background: #333;
    border-radius: 0 0 2px 2px;
}
.dp-title {
	min-width: 180px;
    border-radius: 2px 2px 0 0;
}
.dp-label {
    position: relative;
    display: inline-block;
    overflow: hidden;
	margin: 0 2px -5px;
}
.dp-label-month {
    /*font-weight: bold;*/
}
.dp-label-year {
    color: #999;
}
.dp-label:hover {
    color: #FFF;
}
.dp-title select, .dp-footer select {
    display: inline-block;
    position: absolute;
    left: 0; /* cover text but... */
    top: 0;
    opacity: 0; /* ...make other text visible */
}
.dp-prev, .dp-next {
	display: block;
    position: relative;
    outline: none;

    width: 20px;
    height: 22px;
    margin: 0 -3px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    border: none;

    opacity: .5;
	float: left;
}
.dp-next {
    float: right;
}
.dp-prev:after, .dp-next:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	margin: -6px;

	border: 6px solid #fff;
}
.dp-prev[disabled]:after, .dp-next[disabled]:after {
	visibility: hidden;
}

.dp-prev:after {
	border-color: transparent #fff transparent transparent;
}
.dp-next:after {
	border-color: transparent transparent transparent #fff;
}
.dp-prev:hover, .dp-next:hover {
	opacity: 1;
}

.previous-month span, .next-month span, .previous-month.week-end span, .next-month.week-end span  {visibility:hidden;}
.previous-month, .next-month {visibility:hidden;}


/*.current-month.today {color:#326de5;font-weight:bold;}*/
.today {position:relative;}
.today:before {
  content:"";
  display:block;
  width:62%;
  height:78%;
  position:absolute;
  z-index:10;
  top:3%;
  left:14%;
  border: 3px solid #326de5;
  border-radius:50%;
}

@media (max-width: 960px) {
  .today:before {
    width:60%;
    height:65%;
    top:11%;
    left:13%;
  }
}

@media (max-width: 768px) {
  .today:before {
    width:75%;
    height:65%;
    top:11%;
    left:5%;
    border: 2px solid #326de5;
  }
}

@media (max-width: 640px) {
  .today:before {
    width:95%;
    height:60%;
    top:15%;
    left:-5%;
  }
}