body,
 html {

 	background-color: #F7F7F7;
 }

 .container-xl {
 	max-width: 1320px !important;
 }


 .item-container {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column !important;
 	margin: 7px;
 }


 .icon-circle {
 	width: 80px;
 	height: 80px;
 	border-radius: 35px;
 	margin: 9px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	background: #f7f7f7;
 	font-size: 2.3rem;
 	color: #722DF9;
 	line-height: 40px;
 }


 .fw-bold {
 	font-weight: 700 !important;
 }

 .fw-bolder {
 	font-weight: bolder !important;
 }

 .fw-normal {
 	font-weight: 400 !important;
 }


 .fs-6 {
 	font-size: 1rem !important;
 }

 .fs-5 {
 	font-size: 1.25rem !important;
 }

 .fs-4 {
 	font-size: calc(1.275rem + .3vw) !important;
 }

 .fs-3 {
 	font-size: calc(1.3rem + .6vw) !important;
 }


 .fs-2 {
 	font-size: calc(1.325rem + .9vw) !important;
 }

 .fs-1 {
 	font-size: calc(1.375rem + 1.5vw) !important;
 }


 @media (min-width: 1200px) {
 	.fs-4 {
 		font-size: 1.5rem !important;
 	}

 	.fs-3 {
 		font-size: 1.75rem !important;
 	}

 	.fs-2 {
 		font-size: calc(1.325rem + .9vw) !important;
 	}

 	.fs-1 {
 		font-size: calc(1.375rem + 1.5vw) !important;
 	}
 }



 .highlight1 {
 	background-color: #F9F902;
 	font-weight: bold;
 }

 .footer {
 	display: block;
 	width: 100%;
 	height: auto;
 	background-color: #f5f5f5;
 	bottom: 0px;
 	text-align: center;
 }

 .employeecard {}

 .employeecard:hover {
 	background-color: rgb(214, 213, 213);
 }

 .warningRedBox1 {
 	border: 2px red solid;
 	padding: 5px;
 }


 .showpointer {
 	cursor: pointer;
 }



 .th_in {
 	background-color: #e6f9ff;
 }

 .th_placed {
 	background-color: #e6ffe6;
 }

 .th_picked {
 	background-color: #eee6ff;
 }


 .fullScreenM {
 	position: fixed;
 	left: 0px;
 	top: 0px;
 	width: 100%;
 	height: 100%;
 	background-color: #FFFFFF;
 }


 .green_text {
 	color: green;
 }


 @page {
 	size: auto;
 }