.calWrapper {	position: relative;	width: 100%;	margin: 0px auto;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border: solid 1px #dddddd;	overflow:hidden;}.calWrapper.popUpCal,.calWrapper.popUpCal .calWrapper {	border: none;}.calNavWrap {	background-color: #fafafa;	padding: 10px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	width: 100%;	color: #444444;	display: inline-block;}.calBody {	width: 100%;	display: inline-block;	vertical-align: top;}.calNavRow, .calDayRow, .calDateRow {	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	width: 100%;   height: auto;	display:flex;}.calNavRow2 {	display: inline-block;	vertical-align: top;}.calDayRow {	background-color: #444444;}.calDateRow {	border-bottom: solid 1px #dddddd;}.calDateRow:last-of-type {	border-bottom: none;}.calNavRow {	margin: 10px 0px;}.arrowL, .arrowR {	width: 30px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	color: #444444;	font-size: 1em;	text-align: center;	margin: 0px;	line-height: 30px;	height: 30px;}.arrowL, .arrowR, .calYrMth {	position: relative;	display: inline-block;	vertical-align: top;}.arrowL, .arrowR {	font-family: 'Font Awesome 5 Pro';}.arrowL:hover, .arrowR:hover {	cursor: pointer;	color: #888888;}.calYrMth {	width: 80%;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;}.selYrMth:hover {	cursor: pointer;	color: #ffffff;	background: #444444;}.selYrMth {	border: solid 1px #444444;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	text-align: center;	width: 100%;	padding: 5px 0px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	margin: 0px;}.dayCal, .date {	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	font-size: 1em;	line-height: 30px;	text-align: center;	padding: 0px 5px;	margin: 0px;	width: 14.285%;	display: inline-block;	vertical-align: top;}.dayCal {	background-color: #444444;	color: #ffffff;}.date {	background-color: #ffffff;	border-right: solid 1px #dddddd;	color: #444444;}.dayCal:last-of-type,.date:last-of-type {	border-right:none;}.date:hover {	color: #444444;	background-color: #fafafa;	cursor: pointer;}.selected {	color: #ffffff;	background-color: #ff3a2f;}.inactive, .inactive:hover {	color: #000000;	cursor: default;	background-color: #fafafa;}.mlHide {	display: none;}.mlShow {	position: absolute;	width: 74.25%;	box-shadow: 0px 0px 5px #888888;	left: 13%;	background-color: #ffffff;	z-index:2;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	display:block;   overflow-y: scroll;	-webkit-overflow-scrolling: touch;}.ml {	top: 61px;	height: 70%;}.yl {	top: 19px;	height: 86%;}.mlMth, .mlYear {	clear: both;	width: 100%;	text-align: center;	padding: 5px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	color: #444444;}.mlMth:first-of-type, .mlYear:first-of-type {	border-radius: 5px 5px 0px 0px;	-webkit-border-radius: 5px 5px 0px 0px;	-moz-border-radius: 5px 5px 0px 0px;}.mlMth:last-of-type, .mlYear:last-of-type {	border-radius: 0px 0px 5px 5px;	-webkit-border-radius: 0px 0px 5px 5px;	-moz-border-radius: 0px 0px 5px 5px;}.mlMth:hover, .mlYear:hover {	background-color: #444444;	color: #ffffff;	cursor: pointer;}.closeCal {	float: right;   width: 24px;   height: 24px;   text-align: center;   box-sizing: border-box;   -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   -ms-box-sizing: border-box;   cursor: pointer;	border: none !important;	margin: 0px;}.calBg {	z-index: 1;	width: 100%;	height: 100%;	position: fixed;	top: 0px;	left: 0px;	background: #000000;	opacity: .8;}.popUpCal {   z-index: 2;   width:340px;}.popUpCalCont{   display: none;   position: fixed;   z-index: 1;   top: 25%;   left: 0;   width: 100%;	height: 100%;}