html, body {
	/*overflow: hidden;*/ /* Hide scrollbars */
	/*	height: 100%;
	width: 100%;
	min-width: 500px;
*/
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	align-self: center;
	animation: fadeInAnimation ease 1.15s;
	animation-iteration-count: 1;
	animation-fill-mode: backwards;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media only screen and (max-width: 615px) {
	.mobile-hide {
		display: none !important;
	}
}

.systemtitle {
	font-family: 'Calibri';
	font-size: 32px;
	font-weight: bold;
	color: white;
	/*text-shadow: -1px -1px 0 lightgray, 1px -1px 0 lightgray, -1px 1px 0 lightgray, 1px 1px 0 lightgray;*/
	text-decoration: none;
}

.header
{
	position: absolute;
	left: 7px;
	width: 99%;
	z-index: 99990;
}

.background {
	position: absolute;
	/*background-color: rgba(0, 0, 0, 0.7);*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 100%;
	height: 100%;
	/*opacity: 0.95;*/
	/* CSS for Glass UI */
	/*	backdrop-filter: blur(10px) saturate(100%) opacity(90%) brightness(70%) contrast(100%);
	-webkit-backdrop-filter: blur(10px) saturate(100%) opacity(90%) brightness(70%) contrast(100%);
*/ /*	backdrop-filter: blur(255px) saturate(200%);
	-webkit-backdrop-filter: blur(255px) saturate(200%);
	*/
}

.polaroid {
	width: 100px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	border-radius: 50%;
	margin-right: 15px;
	margin-left: 15px;
	padding: 15px;
}

.logo {
	position: inherit;
	/*top: 80px;
	right: 10px;*/
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-image: url('./images/wse.png');
	background-repeat: no-repeat;
	background-size: 98%;
	background-color: white;
	border-radius: 50%;
	z-index: 10;
}

.customerlogo {
	/*position: absolute;*/
	/*top: 38px;*/
	/*left: 10px;*/
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 98%;
	background-color: transparent;
	z-index: -1;
}

.panel {
	/*	background: rgb(0, 0, 0);
	background: linear-gradient(63deg, rgba(0,0,0,1) 0%, rgba(255,254,254,1) 50%, rgba(206,16,16,1) 100%);
*/
	height: 35px;
	width: 100%;
	vertical-align: middle;
	background-color: wheat;
}

.title {
	font-family: Calibri;
	font-size: 24px;
	font-weight: bolder;
	color: saddlebrown;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 2px 1px 0 white;
}

.dxflRequired_webstar {
	color: red;
	font-weight: 900;
}

.notifications {
	display: inline-block;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-family: Verdana;
	font-size: 12px;
	margin-top: 5px;
	margin-left: -55px;
}

.copyright
{
    color:Black;
    text-align:center;
}

.hidden
{
    visibility: hidden;
}

.rtl
{
    direction:rtl;
}

.ltr
{
    direction:ltr;
}

.right
{
    direction:rtl;
    text-align:right;
}

.left
{
    text-align:left;
    direction:ltr;
}

.center
{
    text-align:center;
}

.formHeader {
	background: linear-gradient(to left, rgba(255,0,0,0), #1279c0);
}

.gvToolbar {
	background: rgb(216,215,228);
	background: linear-gradient(180deg, rgba(216,215,228,1) 20%, rgba(231,245,242,0.29) 100%, rgba(171,91,91,0.74) 275%, rgba(68,2,2,0.82) 100%);
}

.newsbar {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
}

.newsbarlogin {
	position: fixed;
	z-index: 100;
	bottom: 10px;
	left: 0;
	width: 100%;
}

.marq {
	background-color: transparent;
}

.marqtext {
	font-size: 16px;
	font-weight: normal;
	font-family: Tahoma;
	color: white;
}

.marqtextlogin {
	font-size: 24px;
	font-weight: normal;
	font-family: Tahoma;
	color: white;
}

.arclosenewsbar {
	position: fixed;
	right: 0px;
	bottom: 0;
	background: #ffffff;
	color: red;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
}

.arclosenewsbarlogin {
	position: fixed;
	right: 0px;
	bottom: 0;
	background: #ffffff;
	color: red;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	font-weight: bold;
}

.enclosenewsbar {
	position: fixed;
	left: 0;
	bottom: 0;
	background: #ffffff;
	color: red;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
}

.enclosenewsbarlogin {
	position: fixed;
	left: 0;
	bottom: 0;
	background: #ffffff;
	color: red;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	font-weight: bold;
}


.dxgvTable_Office2010Blue caption {
	background: linear-gradient(to right, rgba(255,0,0,0), #1E395B);
	font-family: Cairo;
	height: 35px;
	vertical-align: middle;
}

.dxtlControl_Office2010Blue caption {
	background: linear-gradient(to right, rgba(255,0,0,0), #1E395B);
	font-family: Cairo;
}

.dxgvHeader_Office2010Blue {
	background-color: #bf4e6a;
	height: 40px;
	font-family: Cairo;
	color: Black;
}

.gvHeader {
	background-color: #bf4e6a;
	height: 40px;
}

.gvFooter {
	background-color: #BF4E6A;
}

.gvGroup {
	background-color: wheat;
}

.cellWidth400px {
	width: 400px;
	max-width: 400px;
	min-width: 400px;
	text-align: right;
}

	.cellWidth400px a {
	}

.cellWidth400pxLeft {
	width: 400px;
	max-width: 400px;
	min-width: 400px;
	text-align: left;
}

	.cellWidth400pxLeft a {
	}

.cellWidth100px {
	width: 100px;
	max-width: 250px;
	max-width: 100px;
	min-width: 100px;
}

.cellWidth250px {
	width: 250px;
	max-width: 250px;
	min-width: 250px;
}

.cellWidth125px {
	width: 115px;
	max-width: 125px;
	min-width: 100px;
}

.zindex100
{
	z-index:1000000;
}

.zindex_1
{
	z-index:-1;
}

/* Themes*/
.Theme,
.ThemeDevEx,
.ThemeOffice365,
.ThemeMetropolis,
.ThemeMetropolisBlue,
.ThemeModerno,
.ThemeOffice2010Blue,
.ThemeOffice2010Black,
.ThemeOffice2010Silver,
.ThemeOffice2003Blue,
.ThemeOffice2003Olive,
.ThemeOffice2003Silver,
.ThemeDefault,
.ThemeAqua,
.ThemeMulberry,
.ThemeGlass,
.ThemeBlackGlass,
.ThemePlasticBlue,
.ThemeMaterial,
.ThemeMaterialCompact,
.ThemeSoftOrange,
.ThemeYouthful 
{
    width: 50px;
    height: 30px;
    display: inline-block;
}
.ThemeDefault
{
    background-color: #DCDCDC;
}
.Theme
{
    background-color: #DCDCDC;
}
.ThemeDevEx
{
    background-color: #CDCCF5;
}
.ThemeOffice365
{
    background-color: #004000;
}
.ThemeMetropolis
{
    background-color: #7F7F7F;
}
.ThemeMetropolisBlue
{
    background-color: #0072C6;
}
.ThemeModerno
{
    background-color: #1279c0;
}
.ThemeOffice2010Blue
{
    background-color: #B5CCE5;
}
.ThemeOffice2010Black
{
    background-color: #474747;
}
.ThemeOffice2010Silver
{
    background-color: #cdcdcd;
}
.ThemeOffice2003Blue
{
    background-color: #B5CEF2;
}
.ThemeOffice2003Olive
{
    background-color: #D4DEB6;
}
.ThemeOffice2003Silver
{
    background-color: #D1D1E0;
}
.ThemeAqua
{
    background-color: #96B9EC;
}
.ThemeMulberry
{
    background-color: #BF4E6A;
}
.ThemeGlass
{
    background-color: #C8DDE8;
}
.ThemeBlackGlass
{
    background-color: #4D5A63;
}
.ThemePlasticBlue
{
    background-color: #5066B3;
}
.ThemeMaterial
{
    background-color: #009688;
}
.ThemeMaterialCompact
{
    background-color: #35B86B;
	/*rgb equivalent (53,184,107)*/
}
.ThemeSoftOrange
{
    background-color: #e9d0af;
}
.ThemeYouthful
{
    background-color: #003d00;
}