/*!
 * # Semantic UI 0.0.8 - Calendar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */



/*******************************
            Popup
*******************************/

.ui.calendar .ui.popup {
  max-width: none !important;
  padding: 0 !important;
  border: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}


/*******************************
            Calendar
*******************************/

.ui.calendar .calendar:focus {
  outline: 0 !important;
}


/*******************************
            Grid
*******************************/

.ui.calendar .ui.popup .ui.grid {
  display: block !important;
  white-space: nowrap !important;
}
.ui.calendar .ui.popup .ui.grid > .column {
  width: auto !important;
}


/*******************************
            Table
*******************************/

.ui.calendar .ui.table.year,
.ui.calendar .ui.table.month,
.ui.calendar .ui.table.minute {
  min-width: 15em !important;
}
.ui.calendar .ui.table.day {
  min-width: 18em !important;
}
.ui.calendar .ui.table.hour {
  min-width: 20em !important;
}
.ui.calendar .ui.table tr th,
.ui.calendar .ui.table tr td {
  padding: 0.5em !important;
  white-space: nowrap !important;
}
.ui.calendar .ui.table tr th {
  border-left: none !important;
}
.ui.calendar .ui.table tr th .icon {
  margin: 0 !important;
}
.ui.calendar .ui.table tr th .icon {
  margin: 0 !important;
}
.ui.calendar .ui.table tr:first-child th {
  position: relative !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ui.calendar .ui.table.day tr:first-child th {
  border: none !important;
}
.ui.calendar .ui.table.day tr:nth-child(2) th {
  padding-top: 0.2em !important;
  padding-bottom: 0.3em !important;
}
.ui.calendar .ui.table tr td {
  padding-left: 0.1em !important;
  padding-right: 0.1em !important;
}
.ui.calendar .ui.table tr .link {
  cursor: pointer !important;
}
.ui.calendar .ui.table tr .prev.link {
  width: 14.28571429% !important;
  position: absolute !important;
  left: 0 !important;
}
.ui.calendar .ui.table tr .next.link {
  width: 14.28571429% !important;
  position: absolute !important;
  right: 0 !important;
}
.ui.calendar .ui.table tr .disabled {
  pointer-events: none !important;
  color: rgba(40, 40, 40, 0.3) !important;
}

/*--------------
     States
---------------*/

.ui.calendar .ui.table tr td.today {
  font-weight: bold !important;
}
.ui.calendar .ui.table tr td.range {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
  box-shadow: none !important;
}
.ui.calendar .ui.table.inverted tr td.range {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.ui.calendar .calendar:focus .ui.table tbody tr td.focus,
.ui.calendar .calendar.active .ui.table tbody tr td.focus {
  box-shadow: inset 0 0 0 1px #85B7D9 !important;
}
.ui.calendar .calendar:focus .ui.table.inverted tbody tr td.focus,
.ui.calendar .calendar.active .ui.table.inverted tbody tr td.focus {
  box-shadow: inset 0 0 0 1px #85B7D9 !important;
}

/*******************************
         Theme Overrides
*******************************/
.ui.calendar {
	width: 160px;
}
.ui.calendar .ui.table{
	border:none;
}
	.ui.calendar .ui.table tr th:first-child {
 width: initial !important;
}
.ui.calendar .ui.popup.calendar {
	padding: 14px !important;
}
.ui.calendar  .ui.popup.calendar:before {
	display: none;
}
.ui.calendar .ui.table tr td:first-child,
.ui.calendar .ui.table tr th:first-child {
	width: initial !important;
	background: initial !important;
	border: initial !important;
}
.ui.calendar 
.ui.table tr:nth-child(2n) {
	background: #eef4f6;
	background: #fff;
}

.ui.calendar .ui.table tbody tr:first-child {
	background: #C4E4E2;
	background: #fff;
}

.ui.calendar .ui.table thead tr th {
	background: #495561;
	color: #fff;
	font-weight: 600;
	background: #fff;
	color: #000;
	font-weight: 400;
	border:none;
}

.ui.calendar .ui.table tbody td {
	border: none;
}

.ui.calendar .ui.table tbody tr {
	border: none;
}
.ui.calendar .link {
	color: #00A4C9;
}
	.ui.calendar th .link {
		color: #212121;
	}
	.ui.calendar .prev.link {
		color: #212121;
	}
	.ui.calendar .next.link {
		color: #212121;
	}
	.ui.calendar input {
		border: 1px solid rgba(34,36,38,.15) !important;
	}

	.ui.calendar .ui.table .link.disabled {
		color: #00A4C9 !important;
		opacity: .3;
	}
	.ui.calendar .ui.table .link.active {
		color: #fff !important;
		background: none !important;
		padding: 5px !important;
		position:relative;
	}
.link.active::before {
	content: "";
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 80%;
	height: 80%;
	background: #174152;
	z-index: -1;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ui.popup.calendar {
	visibility:hidden;
}
#rangestart .ui.calendar .ui.table .link.active {
	color: #fff !important;
	position: relative;
	background: #174152 !important;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.ui.calendar .ui.table .link.range {
	color: #fff !important;
	background: #174152 !important;
	
}
#rangeend .ui.calendar .ui.table .link.active {
	color: #fff !important;
	position: relative;
	background: #174152 !important;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.input-filter-drop .ui.form .two.fields .field {
	margin-bottom: 0px !important;
}
.input-filter-drop .ui.form .two.fields  {
	margin-bottom: 0px !important;
}