﻿
ul, li { padding: 0; margin: 0; list-style: none; }

a { text-decoration: none; }

.ui-datepicker { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; }

.ui-datepicker-header { margin-bottom: 15px; }

.ui-datepicker-header a { cursor: pointer; width: 30px; height: 30px; border-radius: 30px; position: absolute; font-size: 12px; border: 1px solid #e4e8ed; color: #6c757d; -webkit-transition: .3s; transition: all ease .3s; display: inherit; }
.ui-datepicker-header a span { display: none; }
.ui-datepicker-header a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: 8px; background-color: #0627b2; border-radius: 100%; }
.ui-datepicker-header a:hover { /*background: #3343ee; border-color: #3343ee; color: #fff; */ }
.ui-datepicker-header a.ui-datepicker-prev:after { background-image: url(../images/crsol2.svg); }

.ui-datepicker-header a.ui-datepicker-next:after { background-image: url(../images/crsag2.svg); }


.ui-datepicker-header a.ui-datepicker-prev { left: 0; }

.ui-datepicker-header a.ui-datepicker-next { right: 0; }

.ui-datepicker-header .ui-datepicker-title {line-height: 30px;font-weight: 400;padding: 0 0 0 38px;margin: 0;}

.ui-datepicker-header .ui-datepicker-title::after { display: block; clear: both; content: ""; }

.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month:not(.custom-select) { color: #343a40; font-size: 14px; font-weight: 400; }

.ui-datepicker-header .ui-datepicker-title .ui-datepicker-year:not(.custom-select) { color: #96a0aa; font-size: 12px; font-weight: 400; }

.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month { float: left; }

.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year { float: right; }

.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { font-size: 14px; color: #343a40; }

.ui-datepicker-calendar { width: 100%; float: left; position: relative; font-size: .9em; border-collapse: collapse; margin: 0 0 0.4em; }

.ui-datepicker-calendar thead tr th { text-transform: uppercase; font-size: 10px; color: #ccc; font-weight: 700; border-left: 0; border-right: 0; padding: 0; text-align: center; }

.ui-datepicker-calendar tbody tr td { padding: 0; position: relative; border-top: 1px solid #e4e8ed; }

.ui-datepicker-calendar tbody tr td a, .ui-datepicker-calendar tbody tr td span { font-size: 14px; font-weight: 400; min-width: 39px; color: #343a40; text-align: center; line-height: 35px; padding: 0; border: 2px solid #fff; width: 100%; height: 100%; float: left; position: relative; }

.ui-datepicker-calendar tbody tr td a:hover, .ui-datepicker-calendar tbody tr td span:hover { /* color: #343a40; */ /* background: #fff; */ border-radius: 6px !important; border-color: #3343ee; }
.ui-datepicker-calendar tbody tr td a.ui-state-active { /* background: #0627b2; */ color: #fff; }
.ui-datepicker-calendar tbody tr td a.secilen-alis-tarihi { background: #eec133; }


.ui-datepicker-calendar tbody tr td .badge { display: none; position: absolute; top: -50px; left: -2px; right: -2px; width: auto; font-size: 12px; line-height: 1.2; font-weight: 400; white-space: normal; border-radius: 5px; }

.ui-datepicker-calendar tbody tr td .badge:after { content: ''; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #343a40; position: absolute; bottom: -4px; left: 50%; margin-left: -5px; }

.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable a:not(.ui-state-default), .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span { color: #ced4da; text-decoration: line-through; }
.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.highlight span.ui-state-default { color: #fff; width: 34px; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.highlight span.ui-state-default:after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; background: url(../images/araba.svg) no-repeat center #0627b2; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-size: 23px; }

.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable a:hover, .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span:hover { color: #ced4da; background: 0 0; border-radius: 0; cursor: not-allowed; border-color: #fff; }

.ui-datepicker-calendar tbody tr td.ui-datepicker-other-month { border: none; }

.ui-datepicker-calendar tbody tr td.end-day a, .ui-datepicker-calendar tbody tr td.start-day a { background: #3343ee; color: #3343ee; position: relative; border-color: #fff; }

.ui-datepicker-calendar tbody tr td.end-day a:before, .ui-datepicker-calendar tbody tr td.start-day a:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 22px; }

.ui-datepicker-calendar tbody tr td.end-day a:hover, .ui-datepicker-calendar tbody tr td.start-day a:hover { background: #fff; color: #343a40; border-color: #3343ee; }

.ui-datepicker-calendar tbody tr td.end-day a:hover:before, .ui-datepicker-calendar tbody tr td.start-day a:hover:before { color: #fff; z-index: -1; }

.ui-datepicker-calendar tbody tr td.start-day a { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }

.ui-datepicker-calendar tbody tr td.start-day a:hover { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.ui-datepicker-calendar tbody tr td.end-day a { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }

.ui-datepicker-calendar tbody tr td.end-day a:hover { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.ui-datepicker-calendar tbody tr td.end-day a:before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.ui-datepicker-calendar tbody tr td.end-day .badge { display: block; }

.ui-datepicker-calendar tbody tr td.selected-day { padding-right: 0; padding-left: 0; }

.ui-datepicker-calendar tbody tr td.selected-day a { background: #3395ff; color: #fff; }

.ui-datepicker-calendar tbody tr td.selected-day a:hover { border-radius: 0; background: #fff; border-color: #3343ee; color: #343a40; }

.ui-datepicker-calendar tbody tr:first-child { padding-top: 20px; }

.ui-datepicker-calendar tbody tr:first-child td { padding-top: 20px; border: none; }

.ui-datepicker-multi .ui-datepicker-group table { margin: 0; width: 100%; }

.ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-first { width: calc(50% - 20px); float: left; position: relative; }

.ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-first .ui-datepicker-header .ui-datepicker-title { text-align: left; padding-left: 50px; }

.ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last { width: calc(50% - 20px); float: right; position: relative; }

.ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-header .ui-datepicker-title { text-align: right; padding-right: 50px; }

/*
@media (max-width: 767.98px) {
	.ui-datepicker-multi .ui-datepicker-group { width: 100%; float: none; padding: 30px !important; }

	.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title { text-align: left !important; padding: 0 !important; }

	.ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { border-top: 1px solid #e4e8ed; }
}

*/

.ui-datepicker:not(.ui-datepicker-inline) { background-color: #fff; border: 1px solid #e4e8ed; box-shadow: 0 10px 20px 0 rgba(46,46,46,.05); padding: 1.25rem; width: 600px !important; }

.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-header { position: relative; }

.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar tbody tr td a { width: 34px; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a.ui-state-active { background: none; }
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a.ui-state-active:after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; background: url(../images/araba.svg) no-repeat center #0627b2; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-size: 23px; }
.iade.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a.ui-state-active:after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; background: url(../images/araba2.svg) no-repeat center #0627b2; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-size: 23px; }
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar tbody tr td.startDate a:after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; background: url(../images/araba.svg) no-repeat center #0627b2; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-size: 23px; }



.ui-datepicker-change-month-btn { cursor: pointer; width: 30px; height: 30px; border-radius: 5px; font-size: 12px; border: 1px solid #e4e8ed; color: #343a40; background: #fff; -webkit-transition: .3s; transition: all ease .3s; position: absolute; top: 0; }

.ui-datepicker-change-month-btn:hover { background: #3343ee; border-color: #3343ee; color: #fff; }

.ui-datepicker-change-month-btn.ui-datepicker-prev { left: 1px; }

.ui-datepicker-change-month-btn.ui-datepicker-next { right: 1px; }



.ui-datepicker-current-day-highlight { background-color: green; }

.ui-datepicker-calendar tbody tr td.highlight:not(.end,.start) a { background-color: #515d92; color: #fff; }
.ui-datepicker-calendar tbody tr td.highlight a:hover { /* color: #343a40; */ }

.ui-datepicker-calendar tbody tr td.highlight.end a:after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; background: url(../images/araba2.svg) no-repeat center #0627b2; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-size: 23px; }


.ui-datepicker-calendar tbody tr td.highlight.start a:after { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; background: url(../images/araba.svg) no-repeat center #0627b2; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-size: 23px; }

.ui-datepicker-current-day-highlight-end { background-color: red; }


.ui-datepicker { display: none; }
