/** Стили для дейтпикера **/
.date-picker
{
	width:170px;
	height:25px;
	padding:0;
	border:0;
	line-height:25px;
	padding-left:10px;
	font-size:12px;
	font-family:'PT Sans',sans-serif;
	cursor:pointer;
	color:#303030;
	position:relative;
	z-index:40;
}

.date-picker-wrapper
{
	width: 740px;
	position:absolute;
	z-index:40;
	background-color:#fff;
	padding: 10px 0 20px 20px;
	font-size:14px;
	color:#4c4c4c;
	font-family:'PT Sans',sans-serif;
	box-shadow: 0 0 13px rgba(9, 9, 9, 0.48);
	box-sizing: initial;
}

.date-picker-wrapper.inline-wrapper { position: relative; box-shadow: none; display:inline-block;}
.date-picker-wrapper.single-date {
	padding-top: 20px;
	width: 355px;
	margin-top: 25px;
	margin-left: -50px;
}
.date-picker-wrapper.no-shortcuts { padding-bottom:12px;}
.date-picker-wrapper.no-topbar { padding-top: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-name
{
	letter-spacing: 2px;
	text-transform: uppercase;
}
.date-picker-wrapper .month-wrapper
{
	width: 98% !important;
	height: 265px;
	background-color:#fff;
	padding:5px;
	cursor:default;
	position:relative;
	overflow:hidden;
}
.date-picker-wrapper .month-wrapper table
{
	width: 323px;
	float:left;
	border: 1px solid #d7d7dc;
	box-shadow: 0 0 6px #e7e7e7;
}
.date-picker-wrapper .month-wrapper table.month2
{
	width: 323px;
	float: left;
	border: 1px solid #d7d7dc;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td
{
	width: 45px;
	height: 30px;
	vertical-align:middle;
	text-align:center;
	margin : 0px;
	padding : 0px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #787879;
}
.date-picker-wrapper .month-wrapper table td {
	border: 1px solid #e5e5e8;
}
.date-picker-wrapper .month-wrapper table .day
{
	width: 45px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size:16px;
	color: #4c4c4c;
	cursor:default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth
{
	color: #bababa;
	cursor:default;
}

.date-picker-wrapper .month-wrapper table div.day.invalid
{
	color: #bababa;
	cursor:default;
}


.date-picker-wrapper .month-wrapper table .day.checked
{
	background-color: #cefaf7;
}
.date-picker-wrapper .month-wrapper table .week-name
{
	line-height:30px;
}

.date-picker-wrapper .month-wrapper table .week-name th {
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #4c4c4c;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help !important;}
.date-picker-wrapper .time label { white-space:nowrap; }
.date-picker-wrapper .month-wrapper table .day.toMonth.valid
{
	width: 45px;
	height: 30px;
	font-size: 16px;
	color:#4c4c4c;;
	cursor:pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering
{
	background-color: #cefaf7
}

.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth { display:none; }

.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.hovering { background-color: #cefaf7 }


.date-picker-wrapper table .caption
{
	height: 40px;
	background: #f0f0f2;
}
.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: relative;
	z-index: 1;
	width:15px;
	height: 100%;
	background-color:#fff;
	font-size:0;
	line-height:0;
	float: left;
	top: -5px;
	margin: 0 10px -10px;
	visibility: hidden;
	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
{
	position:relative;
	float:right;
}
.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:none; color:red; }

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

.date-picker-wrapper .drp_top-bar .default-top
{
	position:absolute;
	cursor: pointer;
	font-size:0;
}

.date-picker-wrapper .drp_top-bar .default-top:after{
	content: url('../../img/icons/icon-close.png');
	position: relative;
	right: 30px;
	top: 5px;
	z-index:99;
}

.date-picker-wrapper .drp_top-bar .apply-btn
{
	display: none !important;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled
{
	display: none;
	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');
}

.date-picker-wrapper .time {
	position: relative;
}
.date-picker-wrapper.single-month .time { display:none; }

.date-picker-wrapper .time input[type=range] {
	vertical-align: middle;
	width:129px;
	padding:0;
	margin:0;
	height:20px;
}
.date-picker-wrapper .time1, .time2 {
	width: 180px;
	padding: 0 5px;
	text-align: center;
}
.date-picker-wrapper .time1 {
	float: left;
}
.date-picker-wrapper .time2 {
	float: right;
}
.date-picker-wrapper .hour, .minute {
	text-align: right;
}
.date-picker-wrapper .hide {
	display: none;
}

.week-name th:nth-child(6),
.week-name th:nth-child(7){
	color: #ff3800 !important;
}

.date-picker-wrapper .first-date-selected { background-color:#209d94 !important; color:white !important;  }
.date-picker-wrapper .last-date-selected { background-color:#209d94 !important; color:white !important;  }
.date-picker-wrapper .date-range-length-tip { position:absolute; color: #fff; margin-top:-4px; margin-left:-8px; box-shadow:0 0 3px rgba(0,0,0,.3); display:none;background-color:#2abb9b; padding:0 6px; border-radius:2px; font-size:12px; line-height:16px;
	-webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
	filter: drop-shadow(0 0 3px rgba(0,0,0,.3));  }
.date-picker-wrapper .date-range-length-tip:after { content:''; position:absolute; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #2abb9b; left:50%; margin-left:-4px; bottom:-4px; }


.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev { display:none; }
.date-picker-wrapper .week-number
{
	padding:5px 0;
	line-height:1;
	font-size:12px;
	margin-bottom:1px;
	color:#999;
	cursor: pointer;
}
.date-picker-wrapper .footer {
	width: 95%;

	display: flex;
	flex-direction: row;
	align-items: center;
	float: left;
	padding: 0;
	border-left: 0;
	border-right: 0;
}

.date-picker-wrapper.two-months .footer {
	height: 70px;
}

.calendar-checkbox label {
	margin: 0;
	text-align: left;
}
.calendar-checkbox label label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
	text-align: left;
}
.calendar-checkbox label label::before {
	font-weight: bold;
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	box-shadow: inset 0px 0px 1px rgba(9, 9, 9, 0.17);
}
.date-picker-wrapper .footer .calendar-checkbox {
	width: 170px;
}
.date-picker-wrapper .footer input[type=text] {
	width: 145px;
	height: 45px;
	display: flex;
	padding-left: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #d8d8d8;
	background-color: #f5f5f5;
	font-size: 18px;
	color: #adafad;
}
.date-picker-wrapper .footer .cl-left-date {
	margin-left: 183px;
}
.date-picker-wrapper .footer .cl-left-date,
.date-picker-wrapper .footer .cl-right-date{
	position: relative;
}
.date-picker-wrapper .footer i {
	position: absolute;
	top: 14px;
	right:10px;
	color: #ff3800;
	font-size: 1.4rem;
}

.date-picker-wrapper .footer span {
	margin: 0 14px;
}
.date-picker-wrapper .footer button {
	width: 135px;
	height: 44px;
	text-align: center;
	background-color:  #df5252;
	border-radius: 0;
	cursor: pointer;
	outline: 0;
	border: 0;
	color: #fff;
	font-size:18px;
	font-weight: bold;
}

.date-picker-wrapper .footer button span {
	margin: auto;
}

.date-picker-wrapper .footer .cl-button {
	margin-left:43px;
}
.date-picker-wrapper .footer .cl-button .btn-primary {
	height: 39px;
}
.drp_top-bar {
	display: block;
}

/*.forms .date-picker-wrapper {*/
	/*top: 330px !important;*/
	/*left: 206px !important;*/
/*}*/

.single-month .drp_top-bar {
	display: none;
}

/** Стили для дейтпикера **/