.date-picker
{
	width:170px;
	height:25px;
	padding:0;
	border:0;
	line-height:25px;
	padding-left:10px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	cursor:pointer;
	color:#303030;
	position:relative;
	z-index:2;
}
.date-picker-wrapper
{
	position:absolute;
	z-index:1;
	border:1px solid #bfbfbf;
	background-color:#efefef;
	width:428px;
	padding: 5px 12px;
	font-size:12px;
	line-height:20px;
	color:#aaa;
	font-family:Arial;
	box-shadow:3px 3px 10px rgba(0,0,0,0.5);
}
.date-picker-wrapper.single-date {
	width:auto;
}
.date-picker-wrapper.no-shortcuts { padding-bottom:12px;}
.date-picker-wrapper .footer
{
	font-size:11px;
	padding-top: 3px;
}
.date-picker-wrapper b
{
	color:#666;
	font-weight:700;
}
.date-picker-wrapper a 
{
	color: rgb(107, 180, 214);
	text-decoration:underline;
}
.date-picker-wrapper .month-wrapper
{
	border:1px solid #bfbfbf;
	border-radius:3px;
	background-color:#fff;
	padding:5px;
	cursor:default;
	position:relative;
	_overflow:hidden;
}
.date-picker-wrapper .month-wrapper table
{
	width:190px;
	float:left;
}
.date-picker-wrapper .month-wrapper table.month2
{
	width:190px;
	float:right;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td
{
	vertical-align:middle;
	text-align:center;
	line-height:14px;
	margin : 0px;
	padding : 0px;
}
.date-picker-wrapper .month-wrapper table .day
{
	height:19px;
	line-height:19px;
	font-size:12px;
	margin-bottom:1px;
	color:#999;
	cursor:default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth
{
	color:#999;
	cursor:default;
}
.date-picker-wrapper .month-wrapper table .day.checked
{
	background-color: rgb(156, 219, 247);
}
.date-picker-wrapper .month-wrapper table .week-name
{
	height:20px;
	line-height:20px;
	font-weight:100;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help !important;}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid
{
	color:#333;
	cursor:pointer;
}

.date-picker-wrapper .month-wrapper table .day.real-today { background-color: rgb(255, 230, 132); }
.date-picker-wrapper .month-wrapper table .day.real-today.checked { background-color: rgb(112, 204, 213); }


.date-picker-wrapper table .caption
{
	height:40px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev
{
	padding:0 5px;
	cursor:pointer;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover
{
	background-color:#ccc;
	color:white;
}
.date-picker-wrapper .gap
{
	position:absolute;
	display:none;
	top:0px;
	left:204px;
	z-index: 1;
	width:15px;
	height: 100%;
	background-color:red;
	font-size:0;
	line-height:0;
}
.date-picker-wrapper .gap .gap-lines { height: 100%; overflow:hidden; }
.date-picker-wrapper .gap .gap-line { height:15px;width:15px; position:relative;  }
.date-picker-wrapper .gap .gap-line .gap-1 { z-index:1; height:0; border-left:8px solid white; border-top:8px solid #eee;border-bottom:8px solid #eee; }
.date-picker-wrapper .gap .gap-line .gap-2 { position:absolute; right:0; top:0px; z-index:2; height:0; border-left:8px solid transparent; border-top:8px solid white; }
.date-picker-wrapper .gap .gap-line .gap-3 { position:absolute; right:0; top:8px; z-index:2; height:0; border-left:8px solid transparent; border-bottom:8px solid white; }
.date-picker-wrapper .gap .gap-top-mask { width: 6px; height:1px; position:absolute; top: -1px; left: 1px; background-color: #eee; z-index:3; }
.date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height:1px; position:absolute; bottom: -1px; left: 7px; background-color: #eee; z-index:3; }

.date-picker-wrapper .selected-days
{
	display:none;
}
.date-picker-wrapper .drp_top-bar
{
	line-height:40px;
	height:40px;
	position:relative;
}
.date-picker-wrapper .drp_top-bar .error-top { display:none; }
.date-picker-wrapper .drp_top-bar .normal-top { display:none; }
.date-picker-wrapper .drp_top-bar .default-top { display:block; }

.date-picker-wrapper .drp_top-bar.error .default-top { display:none; }
.date-picker-wrapper .drp_top-bar.error .error-top { display:block; color:red; }

.date-picker-wrapper .drp_top-bar.normal .default-top { display:none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top { display:block; }

.date-picker-wrapper .drp_top-bar .apply-btn
{
	position:absolute;
	right: 0px; 
	top: 6px;
	padding:3px 5px;
	margin:0;
	font-size:12px;
	border-radius:4px;
	cursor:pointer;
	
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	color:white;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled
{
	cursor: pointer;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
/*time styling*/
.time {
	position: relative;
}
.time input[type=range] {
  vertical-align: middle;
}
.time1, .time2 {
	width: 180px;
	padding: 0 5px;
	text-align: center;
}
.time1 {
	float: left;
}
.time2 {
	float: right;	
}
.hour, .minute {
	text-align: right;
}
.hide {
	display: none;
}
/***=!! New design variables !!=***/
.date-picker-wrapper {
  border: none;
  box-shadow: none;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
  width: auto;
  padding: 8px;
}
.date-picker-wrapper.no-shortcuts {
  padding-bottom: 8px;
}
.date-picker-wrapper .gap,
.date-picker-wrapper .gap .gap-lines,
.date-picker-wrapper .drp_top-bar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.date-picker-wrapper .month-wrapper {
  border: none;
  background-color: #ffffff;
  padding: 0;
}
.date-picker-wrapper .month-wrapper .time1,
.date-picker-wrapper .month-wrapper .time2 {
  width: 100%;
}
.date-picker-wrapper .month-wrapper table.month1, .date-picker-wrapper .month-wrapper table.month2 {
  width: 234px;
}
.date-picker-wrapper .month-wrapper table.month2 {
  margin-left: 0.9375rem;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  max-width: 35px;
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .caption {
  height: auto;
}
.date-picker-wrapper .month-wrapper table .caption th {
  color: #333333;
  background-color: #ffffff;
  font-family: "SF Pro", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  line-height: 27px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .caption th:hover:not(.month-name), .date-picker-wrapper .month-wrapper table .caption th:focus:not(.month-name), .date-picker-wrapper .month-wrapper table .caption th:active:not(.month-name) {
  background-color: #efefef;
  border-color: transparent;
  color: #333333;
}
.date-picker-wrapper .month-wrapper table .caption th .prev,
.date-picker-wrapper .month-wrapper table .caption th .next {
  color: inherit;
  background: transparent;
  position: relative;
}
.date-picker-wrapper .month-wrapper table .caption th .prev:after,
.date-picker-wrapper .month-wrapper table .caption th .next:after {
  color: inherit;
  display: block;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.date-picker-wrapper .month-wrapper table .caption th .prev:after:hover, .date-picker-wrapper .month-wrapper table .caption th .prev:after:focus, .date-picker-wrapper .month-wrapper table .caption th .prev:after:active,
.date-picker-wrapper .month-wrapper table .caption th .next:after:hover,
.date-picker-wrapper .month-wrapper table .caption th .next:after:focus,
.date-picker-wrapper .month-wrapper table .caption th .next:after:active {
  color: #333333;
}
.date-picker-wrapper .month-wrapper table .caption th .prev:after {
  content: "\f104";
}
.date-picker-wrapper .month-wrapper table .caption th .next:after {
  content: "\f105";
}
.date-picker-wrapper .month-wrapper table .day {
  height: inherit;
  line-height: inherit;
  font-size: inherit;
  margin: 0;
}
.date-picker-wrapper .month-wrapper table .day:hover, .date-picker-wrapper .month-wrapper table .day:focus, .date-picker-wrapper .month-wrapper table .day:active {
  background-color: #f7f7f7;
  border-radius: 4px;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #ebf4f8;
  color: #333333;
}
.date-picker-wrapper .month-wrapper table .day.checked:hover, .date-picker-wrapper .month-wrapper table .day.checked:focus, .date-picker-wrapper .month-wrapper table .day.checked:active {
  background-color: #f7f7f7;
  border-radius: 0;
}
.date-picker-wrapper .month-wrapper table .day.real-today, .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.valid.toMonth {
  background-color: #1a6ae5;
  color: #ffffff;
  border-radius: 0 4px 4px 0;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked {
  border-radius: 0 4px 4px 0;
}/***=!! New design variables !!=***/
.tag-set-wrapper__tag.bordered[data-v-274083ab] {
  border: 1px solid #2f3750;
  background-color: #ffffff;
}
.tag-set-wrapper__tag.bordered > span[data-v-274083ab] {
  color: #2f3750;
}
.tag-set-wrapper__tag.bordered[data-v-274083ab]:hover {
  cursor: pointer;
  border-color: #1a6ae5;
  color: #1a6ae5;
}
.tag-set-wrapper__tag.bordered:hover > span[data-v-274083ab] {
  color: #1a6ae5;
}
.tag-set-wrapper__tag.large[data-v-274083ab] {
  height: 35px;
  padding: 0 15px;
}
.tag-set-wrapper__tag.large span[data-v-274083ab] {
  font-size: 0.875rem;
}
input.large[data-v-274083ab] {
  height: 35px !important;
  font-size: 0.875rem;
}/***=!! New design variables !!=***/
[data-v-1ad74f82] .button--drop-down {
  max-width: 100%;
  overflow: hidden;
}
[data-v-1ad74f82] .button--drop-down > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-prompt[data-v-1ad74f82] {
  color: #b4b4b4 !important;
}
.dropdown-option--disabled[data-v-1ad74f82] {
  color: #b4b4b4 !important;
  cursor: not-allowed;
  opacity: 0.6;
}