/*Modal Popup*/
.modalBackground
{
	background-color: Silver;
}

.modalPopup {
	background-color: #ccf4f4;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 500px;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	line-height: inherit;
	color: #FF0606;
}

.modalPopup p
{
	padding: 5px;
}

.InfoLabel
{
	white-space: nowrap;
	text-align: right;
}

.RowTitle
{
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
	font-size: small;
	color: black;
	background-color: #2550BE;
	vertical-align: middle;
	text-align: justify;
	white-space: nowrap;
	color: #FFFFFF;
}
.RowTitle:hover
{
	background-color: #FFCE30;
	cursor: pointer;
}
.MenuLabel
{
	color: Maroon;
	font-size: small;
	white-space: nowrap;
	text-align: right;
}
.MenuLabel:hover
{
	background-color: #FFCE30;
	cursor: pointer;
}
.MenuFont
{
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
	font-size: medium;
	color: blue;
}
.MenuFont:hover
{
	background-color: #ff9333;
	color: #FFFFFF;
	cursor: pointer;
}
.labelfont
{
	font-size: small;
	color: black;
}
.labelfont:hover
{
	background-color: #FFCE30;
	cursor: pointer;
}

.cdBackground
{
	background-image: url(../../Images/IndiaMilk.jpg));
	background-repeat: no-repeat;
	background-color: #cccccc; /* Used if the image is unavailable */
	height: 500px; /* You must set a specified height */
	background-position: center; /* Center the image */
}

.centered-wrapper
{
	position: relative;
	text-align: center;
}
.centered-wrapper:before
{
	content: "";
	position: relative;
	display: inline-block;
	width: 0;
	height: 20%;
	vertical-align: middle;
}
.centered-content
{
	display: inline-block;
	vertical-align: middle;
}

#Content
{
	width: 500px;
	margin: 0 auto;
	text-align: center;
	padding: 15px;
	border: 1px dashed #333;
	background-color: #eee;
}
body
{
	color: #000;
	height: 100%;
	background-color: #B0BEC5;
	background-repeat: no-repeat;
}

.card0
{
}

.card2
{
	margin: 0px 40px;
}

.logo
{
	width: 200px;
	height: 100px;
	margin-top: 20px;
	margin-left: 35px;
}

.image
{
	width: 360px;
	height: 280px;
}

.border-line
{
	border-right: 1px solid #EEEEEE;
}

.facebook
{
	background-color: #3b5998;
	color: #fff;
	font-size: 18px;
	padding-top: 5px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.twitter
{
	background-color: #1DA1F2;
	color: #fff;
	font-size: 18px;
	padding-top: 5px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.linkedin
{
	background-color: #2867B2;
	color: #fff;
	font-size: 18px;
	padding-top: 5px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.line
{
	height: 1px;
	width: 45%;
	background-color: #E0E0E0;
	margin-top: 10px;
}

.or
{
	width: 10%;
	font-weight: bold;
}

.text-sm
{
	font-size: 14px !important;
}

::placeholder
{
	color: #BDBDBD;
	font-weight: 300;
}

:-ms-input-placeholder
{
	color: #BDBDBD;
	font-weight: 300;
}

::-ms-input-placeholder
{
	color: #BDBDBD;
	font-weight: 300;
}

input, textarea
{
	padding: 10px 12px 10px 12px;
	border: 1px solid lightgrey;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 100%;
	color: #2C3E50;
	font-size: 14px;
	letter-spacing: 1px;
}

input:focus, textarea:focus
{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: 1px solid #304FFE;
	outline-width: 0;
}

button:focus
{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	outline-width: 0;
}

a
{
	color: inherit;
	cursor: pointer;
}

.btn-blue
{
	background-color: #ffd433;
	width: 100px;
}

.btn-blue:hover
{
	background-color: #ff9333;
	cursor: pointer;
}

.bg-blue
{
	color: #fff;
	background-color: #0747a1;
}
.CDReportSimpleButton
{
	font-size: small !important;
	color: #ffffff;
	background-color: #9966ff;
	width: 100px;
}

.CDReportSimpleButton:hover
{
	background-color: #0099ff;
	cursor: pointer;
}
.ReportSimpleButton
{
	font-size: smaller !important;
	color: #ffffff;
	background-color: #00008B;
	text-align="center"
	width: 250px;
}

.ReportSimpleButton:hover
{
	background-color: #0099ff;
	cursor: pointer;
}

.NewReportButton
{
	font-size: smaller !important;
	background-color: #dafb9d;
	width: 240px;
}
.DemoInfoLabel
{
	color: Maroon;
	white-space: nowrap;
	text-align: right;
}
.DisplayLabel {
	
	white-space: nowrap;
	text-align: right;
}


.NewReportButton:hover {
	background-color: #ccccff;
	cursor: pointer;
}
.EntryText
{
	border: 1px solid lightgrey;
	text-align: left;
	width: 15%;
	white-space: nowrap;
	border-color: black;
	color: #0000FF;
	height: auto;
}


.EntryText:focus
{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-color: black;
	outline-width: 0;
	color: #000000;
	background-color: #ffffe6;
}

.ReportTileShow
{
	text-align: center;
	font-size: large;
	text-transform: capitalize;
	background-color: #000099;
	color: #FFFFFF;
	font-weight: bold;
}
.OverwriteButton
{
	font-weight: 700;
	font-size: small;
	color: #000000;
	background-color: #FEDAE3;
	text-align: center;
	width: 100px;
}
.OkButton
{
	font-weight: 700;
	font-size: small;
	background-color: #ccffcc;
	text-align: center;
	font-style: italic;
	width: 50px;
}
.OkButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.ReportButton {
	font-weight: 700;
	font-size: small;
	width: 70px;
	color: #000000;
	background-color: #F5FFFA;
	text-align: left;
	margin-left: 20px;
}
.ExcelButton {
	font-weight: 700;
	font-size: small;
	width: 70px;
 
	background-color: #adedd7;
	text-align: left;
	margin-left: 20px;
}
	.ExcelButton:hover {
		background-color: #eeff33;
		cursor: pointer;
	}
.ReportButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.CancelButton
{
	font-weight: 700;
	font-size: small;
	width: 70px;
	margin-left: 20px;
	background-color: #FFE9DF;
	text-align: center;
}
.CancelButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.SearchButton
{
	font-weight: 700;
	font-size: small;
	width: 70px;
	margin-left: 20px;
	background-color: #E2EEFB;
	text-align: center;
}
.SearchButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.YesButton {
	font-weight: 700;
	font-size: medium;
	width: 50px;
	color: #003300;
	background-color: #fffe33;
	text-align: center;
	margin-right: 20px;
}
.YesButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.NoButton {
	margin-left: 20px;
	font-weight: 700;
	font-size: medium;
	width: 50px;
	color: #003300;
	background-color: #f4cccc;
	text-align: center;
}
.NoButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.LastLabelTitle {
	text-align: center;
	margin-left: 20pt;
	font-size: small;
	white-space: nowrap;
	text-align: left;
	color: #0843e2;
	vertical-align: super;
	color: blue;
}

.cmdEditGrid
{
	background-color: #EBF4FA;
	height: 5%;
	width: 60px;
}

.cmdEditGrid:hover
{
	background-color: #eeff33;
	cursor: pointer;
}

.labelfont:hover
{
	text-decoration: none;
	color: maroon;
	cursor: pointer;
}
.labelfont
{

	font-size: medium;
	color: black;
}



.EntrySimpleButton
{
	font-weight: 100;
	background-color: #D5DFF4;
	text-align: center;
	color: #000000;
}
.EntrySimpleButton:hover
{
	background-color: #eeff33;
	cursor: pointer;
}
.BillButton
{
	border: 1px outset #000080;
	font-weight: 700;
	font-size: Small;
	background-color: #1d31f9;
	color: #FFFFFF;
	vertical-align: text-top;
	text-align: center;
}
.BillButton:hover
{
	background-color: #ff9333;
	cursor: pointer;
}
.SMSButton
{
	font-weight: bold;
	font-size: large;
	background-color: #993300;
	text-align: center;
	color: #FFFFFF;
}
.BlackMilkValueLabel {
	white-space: nowrap;
	text-align: left;
	background-color: #000000;
	border: 1px outset #000080;
	font-weight: bold;
	color: #FFFFFF;
}

.TitleRow {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #6F00FF;
	white-space: nowrap;
	display: block;
	font-size: large;
	text-transform: capitalize;
	color: white;
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
}


.TitleLabel {
	padding:3px;
	background-color: #1C69FF;
	white-space: nowrap;
	display: block;
	text-align: center;
	font-size: x-large;
	text-transform: capitalize;
	color: #FFFFFF;
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
}


.ColumnTitle {
	padding: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #FFBF00;
	text-align: center;
	white-space: nowrap;
	display: block;
	font-size: large;
	text-transform: capitalize;
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
}

.BlackYellowMilkValueLabel {
	padding: 3px;
	width: 110px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #FFF5EE;
	text-align: center;
	white-space: nowrap;
	display: block;
	font-size: large;
	text-transform: capitalize;
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
}
 

.BlueLabel {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: cyan;
	white-space: nowrap;
	display: block;
	font-size: large;
	text-transform: capitalize;
	
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
}
.ErrorMessageLabel {
	padding: 3px;
	width: 110px;
	text-align: center;
	white-space: nowrap;
	display: block;
	color: #FF4433;
	font-size: medium;
	text-transform: capitalize;
	font-family: Rockwell Nova,Rubik,Arial-Unicode-MS,Verdana,Calibri,Arial,sans-serif,Arial-Rounded-MT-Bold;
}
@media screen and (max-width: 991px)
{
	.logo
	{
		margin-left: 0px;
	}

	.image
	{
		width: 300px;
		height: 220px;
	}

	.border-line
	{
		border-right: none;
	}

	.card2
	{
		border-top: 1px solid #EEEEEE !important;
		margin: 0px 15px;
	}
}