.form-group.required .control-label:after {
	content: " *";
	color: red;
	font-size: larger;
	vertical-align: middle;
}

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
	}

	.dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}

	.dropdown-submenu:hover > a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
		}

.rAlign {
	text-align: right;
	padding-right: 5px;
}

.cAlign {
	text-align: center;
}

.tAlign {
	vertical-align: top;
	height: 100%;
}
.mAlign{
	vertical-align:middle;
	height:100%;
}
.bAlign {
	vertical-align: bottom;
	height: 100%;
}


.left-container {
	border-right: 1px solid #c5bcbc;
	height: 100vh;
}

.bg-primary {
	background-color: #216fe4;
	color: white;
}


body {
	font-family: 'Quicksand', sans-serif;
}

input:focus, select:focus {
	background-color: #f0f786 !important;
	/*border-color:coral   !important;*/
}

.error {
	color: red;
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

	table tr:hover td {
		background: #AED6F1;
	}

	table tr:active td {
		background: yellow;
	}

	/*table tr:nth-child(odd) td {
		background-color: #e8f7ff; 
	}*/
	/*#dce6fa; #e9e9e9;*/

	table th {
		padding: 4px;
		/*background-color: #808080;*/
		background-color: darkslategrey;
		color: white;
		text-align: left;
		font-weight: 700;
		font-family: Arial;
		/*position: sticky !important;
        top: 50px !important;*/
		border-top-color: transparent;
		/*border:1px solid #800000;*/
		/*height:40px;*/
		border-color: black;
	}

	table td {
		padding-left: 4px;
		padding-right: 4px;
		text-align: left;
		color: black;
		background-color: white;
		font-family: Calibri;
		font-size: 14px;
		font-weight: 500;
		/*border-color: transparent;*/
		/*height: 40px;*/
	}

		/*th {
	position: sticky;
	top: 50px;
}*/

		/*table th:nth-child(1) {
		border-top-left-radius: 15px;
		border-left-color:transparent;
		overflow: hidden;
		}*/

	/*table th:last-child {
			border-top-right-radius: 15px;
		border-right-color:transparent;
		overflow: hidden;
		}*/

		/*table tr:nth-child(odd) {
			border-top-left-radius: 15px;
			border-left-color: transparent;
			overflow: hidden;
			background-color: blue;
		}*/

		/*table th:last-child {
			border-top-right-radius: 15px;
			border-right-color: transparent;
			overflow: hidden;
		}*/



.tdul {
	padding: 6px;
	border-bottom: 2px solid black;
}

.NavButton {
	background-color: #2980b9;
	color: white;
	/*border-radius:5px;*/
	width: 75px;
	height: 34px;
	font-size: 14px;
	padding: 5px;
}

	.NavButton:hover {
		background-image: none !important;
		background-color: #f6fcdc !important;
		color: black;
	}

.ccPageContainerOuter {
	/*width: 100%;
	height: 88vh;*/
	position:absolute ;
	top:56px;
	bottom:0px;
	width: 100%;
	/*height: 100%;*/
	padding: 10px;
}

.ccPageContainerInner {
	/*margin-top: 15px;
	margin-left: 15px;*/
	padding: 10px;
	background-color: white;
	/*height: 100%;*/
	/*width: 100%;*/
	/*left: 10px;
	right: 10px;*/
	/*margin-right:10px;*/
	border: 1px solid gray;
	/*top:10px;
	bottom: 10px;*/
	position:static;
}

.PageHeader {
	height: 40px;
	left: 10px;
	right: 10px;
	border-bottom: 1px solid lightgrey;
	margin-bottom: 10px;
}

.PageTitle {
	color: #808080;
	font-family:'Century Gothic' ;  /*sans-serif;*/

}

.ccContainer {
	/*box-shadow: 10px 10px 10px grey;
		border:1px solid grey; 
		border-radius:15px;*/
	/*border: 1px solid #ced3db;*/
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	background-color: white;
	/*color:black;*/
	width: auto;
	/*height: 100%;*/
}

.ccContainerShadow {
	box-shadow: 10px 10px 10px grey;
	border: 1px solid grey;
	border-radius: 15px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	background-color: #f2f2f2;
	color: black;
	width: auto;
}

.GridContainer {
	height: 600px;
	overflow-y: scroll;
	overflow-x: scroll;
	/*background-color:white;*/
}

thead {
}

th {
	position: sticky;
	top: -1px;
}

tbody {
	display: block;
}


input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-clear-button {
	display: none;
	-webkit-appearance: none;
}


.NoPad {
	padding: 0;
}

.NoPadRight {
	padding-right: 0;
}





.GridState-Restore {
	position:absolute;
	/*top: 330px;
	bottom: 20px;
	width: 82vw;*/
	background-color: white;
	/*width:100%;*/
	height: 58vh;
	right:20px;
	left:20px;
}

.GridState-Maximize {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 95vh;
	z-index: 9000;
	background-color: white;
}

.GridContainer-Header {
	/*position:sticky;*/
	top: 0;
	right: 0;
	padding-right: 20px;
	background-color: white;
	text-align: right;
	height: 40px;
	/*border: 1px solid #2980b9;*/
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	justify-content:flex-end;
}

.GridState-Body-Restore {
	position: static;
	/*top: 368px;
	width: 82vw;
	bottom: 10px;*/
	overflow: auto;
	height: 90%;
	bottom: 10px;
}

	.GridState-Body-Maximize {
		position: fixed;
		overflow: auto;
		top: 34px;
		padding-left: 10px;
		padding-right: 10px;
		width: 100vw;
		height: 95vh;
	}

.btn-rnd-corner {
	border-radius: 5px;
	margin-top: 3px;
	/*background-color:#3498db;*/
	/*background-color: gray;*/
	background-color: #2980b9;
	color: white;
}

.cellTextOverFlow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100px;
}

.cssMessage {
	position: fixed;
	top: 100px;
	right: 50px;
	height: 75px;
	width: 500px;
	border-radius: 10px;
	background-color: #5cb85c;
	text-align: center;
	padding: 10px;
	display:none;
}

input[type=checkbox] {
	transform: scale(1.5);
}

/*.form-control {
	border:none;
	border-bottom: 1px solid lightgrey;
	color: dodgerblue;
	font-family: Arial;
}*/


/*table header Color*/
/*2980b9 -   Light Blue*/
/*27ae60 - Green*/
/*ea6153 - Red*/