@media (min-width: 0) {
	.cal {
		table-layout: fixed;
		width:100%;
		text-align: center;
		background-color:#fff;
		border-collapse: collapse;
		border-bottom-right-radius:0.5em;
		border-bottom-left-radius:0.5em;
	}
.cal tr {height:36px!important}
	.cal td {
		padding:3px !important;
		text-align: center !important;
		color:#7E8299 ;
		border-radius:5px
	}
	.cal td:not(.pk_s):not(.pk_mba):not(.pk_now):hover{
		color:#009EF7; background:#F1FAFF;

	}

	.pk_wd, .pk_wd th { /* Week days */
		height:30px;
		color:#263238;
		text-transform:capitalize!important;
		font-weight:400!important
	}

	.pk_mba{ /* Month before after */
		color: #B5B5C3 !important;
	}

	.tpk { /* Time picker container */
		width: 100%;
		height:29px;
		text-align:center;
		margin:0 auto;
		padding:2px;
		color: #cfd8dc;
		background-color: #FFF;
		border-bottom-left-radius: 0.3em;
		border-bottom-right-radius: 0.3em;
	}

	.tpk select[class^="tpk_"]{
		margin: 3px;
    cursor: pointer;
    border: 0;
    color: #37474f;
    border: 1px solid #3d85d8;
    border-radius: 4px;
	}

	/*.tpk select:hover{
        border:2px solid #CFD8DC;
    }*/

	.pk_cl {
		float:right;
		cursor:pointer;
		padding:1px 2px 1px 2px;
		font-size:14px; color:#009EF7
	}
.pk_cl:hover {color:#7E8299}

	.tpk {
		/*Non selectable on click */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.pk_hd { /* Calendar header */
		background-color:#fff;
		border-top-left-radius:0.3em;
		border-top-right-radius:0.3em;
		color:#263238;
		text-align:center;
		height: 40px;
	}
	.pk_hd span, .pk_hd i { /* Calendar header */
		vertical-align: middle;
		line-height: 40px;
	}

	.pk_hd select {
		text-align:center;
		border:0;
	//border:1px solid #ECEFF1;
		color:#7E8299;
		font-size: 14px;
		width:85px;
		min-width:45px;
		font-weight:bold;
		background: #FFF;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor:pointer;
		border-radius:5px;
		padding:0.5rem 0.75rem
	}
	.pk_hd select:hover {background:#F5F8FA}
	select .pk_m option, select .pk_y option{
		border:0;
	}

	.pk_m  select{
		text-align:center;
		text-align-last:center;
		width:100px;
		cursor:pointer;
	}

	.pk_hd select option{
		text-align:left;
		font-weight:normal;
		font-size: 12px;
		cursor:pointer;
	}

	.pk {
		border:1px solid #cfd8dc;
		border-radius:10px;
		width:253px;
		z-index:100;
		position:absolute;
		margin-top: 2px;
		box-shadow:0px 0px 50px 0px rgb(82 63 105 / 15%);
		background:#fff;
		padding:10px
	}

	.light .pk {
		border:0;
	}

	.pk_s:not(.pk_mba) { /* Selected */
		color:#009EF7;
	}

	.pk_now{
	color:#fff!important;
		background:#009EF7!important
	}

	.pk_ar_l {
		float:left;
	}
	.pk_ar_r {
		float:right;
	}

}