/** Login form **/
.login-container{
	margin-top: 5%;
	margin-bottom: 5%;
}

.login-form{
	padding: 5%;
	background: #0062cc;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form h3{
	text-align: center;
	color: #fff;
}
.login-container form{
	padding: 10%;
}
.btnSubmit
{
	width: 50%;
	border-radius: 1rem;
	padding: 1.5%;
	border: none;
	cursor: pointer;
}
.login-form .btnSubmit{
	font-weight: 600;
	color: #0062cc;
	background-color: #fff;
}
.login-form .ForgetPwd{
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

/** Home page - agent screen **/
.agt-header {
	/*text-align: left;*/
	background-color: #bed8f3;
}

.button-bar {
	padding-top: 10px;
}

.sys-messages {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 5px;
	height: 300px;
	overflow: auto
}

.sysmsg-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 5px;
	background: #e1e5ee;
	border: 1px solid #617fbb;
	margin: 5px 0 0 50px;
	color: rgb(0, 0, 0)
}

.screen-center {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.overlayScreenTopLevel {
	z-index: 9999;
}

.typing {
  align-items: center;
  display: flex;
  height: 17px;
}
.typing .dot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  background-color: #6CAD96 ; 
  border-radius: 50%;
  height: 7px;
  margin-right: 4px;
  vertical-align: middle;
  width: 7px;
  display: inline-block;
}
.typing .dot:nth-child(1) {
  animation-delay: 200ms;
}
.typing .dot:nth-child(2) {
  animation-delay: 300ms;
}
.typing .dot:nth-child(3) {
  animation-delay: 400ms;
}
.typing .dot:last-child {
  margin-right: 0;
}

.blink {
	animation: blinker 1s linear infinite;
}
   
@keyframes blinker {  
	50% { opacity: 0; }
}

@keyframes mercuryTypingAnimation {
  0% {
    transform: translateY(0px);
    background-color:#6CAD96; 
  }
  28% {
    transform: translateY(-7px);
    background-color:#9ECAB9; 
  }
  44% {
    transform: translateY(0px);
    background-color: #B5D9CB; 
  }
}