* {
	box-sizing: border-box;
	position: relative;
}

html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: obviously, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	background: #fff;
}

.wf-loading { visibility: hidden;}


a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.row {
	max-width: 100%;
}

.pdng {
	padding: 30px;
}

.rot_up {
	transform: rotate(-90deg);
	transform-origin: center;
	padding-left: 20px;
}

.ib {
	display: inline-block;
	vertical-align: top;
}

#calender_cntr {
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(7, calc(100% / 7));
}

	.day_cntr {
		min-height: 200px;
		padding: 10px;
		background: rgba(0,0,0,0.1);
		margin: 3px;
		position: relative;
		overflow: hidden;
	}



	.day_cntr.today {
		border: 2px solid #0d6efd;
		transform: scale(1.1);
    	z-index: 99;
    	background: #fff;
	}

	.day_cntr .dt {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 3px;
		background: #666;
		color: #fff;
		font-size: 10px;
		z-index: 88;
	}

	.day_cntr.was {
		background: rgba(0,0,0,0.02);
	}

	.day_cntr.was .dt {
		background: #ddd;
		color: #fff;
	}
	
.modal-content {
	padding: 30px;
}