body {
  background: #fff;
  background-position: 20%;
  font-size: 12px;
  font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
  color: #111;
  max-width: 100% !important;
  max-height: 100%;
  overflow: hidden;
  /* min-width:1024px; */
  position: fixed;
  border: 0;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0px; 
}

#page {
	background:#323132;
	margin: 0 auto;
	height:100%;
	width:100%;
	/* min-width:700px;
	max-width:100%;
	max-height:100%;
	*/
	animation: fadein 1.5s;
	-moz-animation: fadein 1.5s; /* Firefox */
	-webkit-animation: fadein 1.5s; /* Safari and Chrome */
	-o-animation: fadein 1.5s; /* Opera */
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

#companyLogo {
  text-align: center; 
}

#loginBox {
  color: #359;
  background: rgba(140, 140, 140, 0.56);
  padding-left: 0px;
  vertical-align: text-bottom;
  width: 355px;
  display: block;
  border-collapse: collapse;
  z-index: 99;
  border: 1px solid #757575;
  padding: 17px 17px 16px 17px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  margin-bottom: auto;
  max-width: 80%; 
}

.nonSelectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

#loginText {
  text-align: center;
  margin-top: 10px;
  font-size: 25px;
  color: #fff; 
}

.centeredDiv {
  min-height: 100%;
  min-width: 100%; 
}

#cmpLogo {
  height: 30%;
  margin-top: 20px; 
}

.loginMargin {
  margin-top: 10px; 
}

#tablePane {
  margin-top: 10px;
 /*  text-align: center; */
  margin-left: 15px; 
}

#tableBox {
  border: 0;
  width: 100%;
  position: relative;
  margin: 0 auto; 
}

.loginTd {
  padding-right: 50px; 
}

.loginTxt {
  height: 26px;
  border: 0;
  font-size: 12px !important;
  padding: 2px 2px 2px 29px !important;
  color: #312123;
  width: 100%; 
}

/* .loginTxt{
	height:24px;
	width:100%;
	padding:2px 2px 2px 29px!important;
	color:#312123;
} */
#userNameRequired {
  display: none; 
}

#passwordRequired {
  display: none; 
}

.loginValidationText {
  color: #F26C38;
  float: right;
  margin-right: -31px; 
}

.loginIcons {
  font-size: 17px;
  color: #A8A8A8;
  position: absolute;
  margin-top: 7px;
  margin-left: 10px; 
}

#headingTd {
  color: #ffffff;
  font-size: 22px; 
}

#invalidCredentialsTr {
  display: none;
  color: #F2C638; 
}

#signinTd {
  padding-right: 29px;
  padding-top: 14px;
  cursor: pointer; 
}

.signInButton {
  width: 100%;
  padding: 10px 7px;
  text-align: center;
  background: #F26C38;
  color: #FFF;
  font-size: 16px; 
}

#forgotPasswordTd {
  width: 50%;
  text-align: left;
  padding-top: 15px;
  color: #F29038;
  cursor: pointer; }

#resendOTP {
  width: 50%;
  text-align: left;
  padding-top: 15px;
  color: #F29038;
  cursor: pointer; }
  
#footerText {
  width: 100%;
  /* margin-left: auto; */
  text-align: center;
  color: white;
  padding-top: 16px; 
}

/* .forgotCreds{
	color:#F29038;
	cursor:pointer;
} */
#topAreaLeft {
  padding-top: 2px;
  width: 12px;
  padding-left: 3px !important;
}

.topAreaLeft {
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  width: 188px; 
}

#div_custom_logo {
  padding: 9px 7px 7px 7px;
  float: left; 
}

#headerTable {
  min-width: 100%;
  position: relative;
  height: 47px; 
}

#mainLogo {
  min-width: 100%;
  position: relative;
  height: 47px;
  /* width: 30%;
	height: 30%;
	margin-top:20px; */ 
}

.headerBg {
  border-bottom: 1px solid #ffffff;
  background: #406080;
  color: #fff; 
}

#page .headerBg {
  /* background: none repeat scroll 0 0 #3b6a98; */
  background: none repeat scroll 0 0 #000; 
}

#anotherSessionDialog {
  min-width: 300px;
  min-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
  align: center; 
}

.popupBG {
  background-color: #FFF !important; 
}

#customStyle {
  background: white; 
}

#custom_logo {
  width: 117px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: 115px;
  background-image: url("../images/newlogo.png?version=_xtr816540c5babf59ac0ab4b43b424d98fextr_"); 
}

#eventMonitorTitle {
  font-size: 18px;
  margin-left: 2px;
  padding: 10px 5px 0 5px;
  font-style: italic; 
}

#topAreaCenter {
  text-align: center; 
}

#div_topAreaRight {
  position: absolute;
  right: 5px;
  top: 13px; 
}

#homePagePersonName {
  color: white;
  font-size: 14px;
}

.headerBtnImgHolder {
  padding: 16px 7px 6px 6px;
  color: #fff;
  border: 1px solid transparent; 
}

.headerBtnImgHolder:hover {
  border: 1px solid #efefef; 
}

#notificationCountBubble {
  border-radius: 50%;
  background: red none repeat scroll 0% 0%;
  padding: 1px 6px;
  position: absolute;
  margin-left: 20px;
  margin-top: -8px;
  border: 1px solid transparent;
  display: none; 
}

#taskCounter {
  padding: 0 3px; 
}

.headerBtnImg {
  background-position: 35px center;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 24px !important;
  margin-top: 1px; 
}

#notificationBell {
  vertical-align: middle;
  padding-right: 10px; 
}

#help {
  vertical-align: middle;
  padding-right: 6px; 
}

#userDrop {
  display: none;
  height: auto;
  width: auto;
  padding-bottom: 40px; 
}

.userPrefContainer {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  /* background:#FAFAFA; */
  display: none;
  position: absolute;
  height: auto;
  width: auto;
  right: 0px;
  top: 37px;
  z-index: 200; 
}

#resizerContainer {
  position: fixed;
  min-width: 100%; 
}

#itemList {
  overflow-x: hidden;
  overflow-y: hidden;
  /* background: #e5e7f1; */ 
}

#page #itemList {
  /* background: none repeat scroll 0 0 #ecedf2; */
  overflow-x: hidden;
  overflow-y: hidden; 
}

#contentPane {
  overflow-x: hidden;
  min-width: 230px;
  overflow-y: hidden; 
}

.mainCol {
  z-index: 100;
  overflow-y: auto;
}

.colBase {
  position: fixed;
  top: 87px; 
}

.resizerCol {
  width: 5px;
  background: #a0b3ce;
  cursor: w-resize; 
}

#forgotPasswordDialog {
  	display:none; 
 	padding:15px 15px 24px 15px; 
 	background:#757575; 
 	height:auto;
}
 
#forgotPasswordHeader {
 	color:white; 
 	padding-left:4px;
}
 
#forgotPasswordContent {
 	width:405px; 
 	padding:17px 33px 17px 0; 
 	margin:auto;
}

#passwordEmail{
	height:26px; 
	border:0; 
	padding-left:35px !important;
}

#requiredPassword {
	display:none;
}

#forgotPasswordFooter {
	text-align:right; 
	padding-top:7px;
}

#sendEmailPassword {
	margin-right: 0px; 
	margin-left: 3px; 
	padding-left:9px !important;
}

#cancelDrop {
	margin-right: 0px; 
	margin-left: 3px;
}

.buttonBasic {
	/* removes delay for touch devices */
	-ms-touch-action: none;
	touch-action: none;
	/* background: #e4e6f7;
	color: #000; */
	padding: 6px 9px 6px 9px;
	cursor: pointer;
	border: 1px solid #3b6a98;
	border-radius:2px;
	position: relative;
	display: inline;
	white-space: nowrap;
	background: none repeat scroll 0 0 #3b6a98;
	color:#FFF;
	font-size: 12px;
}

.buttonFinal {
	background: #24af5e !important;
	/* background-image: url(../images/tick.png) !important; */
	background-repeat: no-repeat !important;
	background-position: 10% !important;
	background-size: 20% !important;
	color: #fff !important;
	border: 1px solid #24af5e !important;
	padding-left:8px!important;
	/*outline:none!important;   72327 No navigation to OK and Cancel button whenever Tab key is pressed*/
}

.buttonNormal {
	margin: 7px;
}

.invalidEmailAddress{
	color: #F25338;
	text-align: right;
	padding-bottom: 16px;
	padding-top: 0;
	margin-top: -14px;
	padding-right: 12px;
}

.someOtherTheme .noty_message {
	padding: 10px 20px;
	text-align:center;
	background: #7ABC51;
	opacity: 1;
	color: white;
}

.popupBG {
	background-color:#FFF!important /*#DCE4F8 !important; */
}

.someOtherTheme {
    overflow: hidden;
    border: 1px solid #fff;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    font-size:13px;
}

.ui-widget-header {
	background: #718EAC;
	border:none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 16px !important;
	color: white;
}

.ui-widget-overlay {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}

.ui-dialog {
	-moz-box-shadow: 2px 2px 8px #000;
	-webkit-box-shadow: 2px 2px 8px #000;
	box-shadow: 1px 2px 10px #000;
	padding: 0px !important;
}

.ui-corner-all {
    border-radius: 0 !important;
    border: 0 !important;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
    position: inherit;
}

.ui-widget-content {
    border: 0 !important;
    background: inherit;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #3b6a98;
	color: #000;
}

.hidden {
	display: none;
}

.popupBG {
	background-color:#FFF!important /*#DCE4F8 !important; */
}

.ui-dialog .ui-dialog-buttonpane {
	margin-right: 0;
	margin-top: 0;
	background: #f0f7ff;
	padding: 10px 8px 9px;
	border-top: 1px solid #d0e0f5;
}

input[type='text'], input[type='password'],textarea {
	padding: 2px -1 2px 8px;
	color:#000;
	border: 1px solid #ddd; 
	font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif !important;
	font-size: 12px;	
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
}

.forgotCreds:hover {
    color: #F2B338;
}

.resendOTP:hover {
    color: #F2B338;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}