/********  Input text box  ********/
.inputTextBoxRow{
	 text-align:center;
	 margin-top:10px;
} 
.inputTextBoxDiv{
	 margin-bottom:5px;
} 
.inputTextBox{
	background-color: #F5F5F5; 
	color:#000000 !important;  
	font-size:13px;  
	height:40px;
	padding-left:15px;
	padding-right:15px; 
	border-radius:10px; 
	min-width:110px !important;
	outline:none;
    border: none; 
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	font-weight: normal;
	outline:none !important;
}
.inputTextBox:hover{
	border: 1px solid #C8C8C8;
}
.inputTextBox:focus{
	border : 1px solid #FFC107;
	background-color:#f5f5f5 !important;
}

/********  submit button  ********/
.submitDiv{
	margin-top: 10px !important;
	max-height:65px;	
}
.submitButton{
	height: 40px;
	min-width:110px;
	padding-left:15px;
	padding-right:15px;
	border-radius:10px; 
	font-size:16px;
	font-weight: normal;
	cursor:pointer;
	outline:none;
	min-width:110px !important;
}
.submitButton:disabled{
	height: 40px;
	min-width:110px;
	padding-left:15px;
	padding-right:15px;
	border-radius:10px; 
	font-size:16px;
	font-weight: normal;
	cursor:text !important;
	outline:none;
	min-width:110px !important;
	background-color: #c8c8c8;
	border-color: #c8c8c8;
}
.submitButton:disabled:hover {
	height: 40px;
	min-width:110px;
	padding-left:15px;
	padding-right:15px;
	border-radius:10px; 
	font-size:16px;
	font-weight: normal;
	cursor:pointer;
	outline:none;
	min-width:110px !important;
	background-color: #c8c8c8;
	border-color: #c8c8c8;
}
.submitButton:focus , .submitButton:hover
{
	outline:none !important;
	min-width:110px  !important;
	box-shadow:inherit;
}
.submitButton-primary{
	background-color: #2BC0E4;
	color: #FFFFFF;	
	outline: none;
}
.submitButton-secondary1{
	background-color: #FFFFFF;
	color: #616161;
	outline: 1px solid #2BC0E4;	
}
.submitButton-secondary2
{
	background-color: #FFFFFF;
    border: 1px solid #9b9b9b;
	color:#616161;
}

/********  GAuth button  ********/
/*
.GAuthButton,.GAuthButton:hover,.GAuthButton:active,.GAuthButton:focus
{
	height:42px; 
	cursor:pointer; 
	border-color: #D0D0D0;  
	color: #000000; 
	font-size: 16px; 
	white-space:normal; 
	border-radius: 21px;  
	padding-left:15px; 
	padding-right:15px; 
	background-color: #F5F5F5;
	cursor: pointer;
	min-width:110px !important;
}*/

@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto.regular.ttf);
}
	
.oauth-center
{
	margin:0 auto;
	display:inline-block;	
}

.GAuthButton,.GAuthButton:hover,.GAuthButton:active,.GAuthButton:focus
{
	/*align-items:center;
    background-color: #fff;
    border: none;
    border-radius: 0px!important;
    box-shadow: 0 1px 2px 1px #ddd;
    color: rgba(0,0,0,.54);
    cursor: pointer;
    display: flex;
    font-family: Roboto-Medium, Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 40px;
    margin-bottom: 0px;
    outline: 0;
    text-align: center;*/
    background-color: #fff;
    border-radius: 0px!important;
    display: flex;
    font-family: 'Roboto';
    margin-bottom: 0px;
    outline: 0;
    text-align: center;
    width: 105px;
  	height: 30px;
  	font-size: 14px;
  	border: solid 1px #c8c8c8c !important;
  	padding: 3px;
}

.GoogleOAuthLogo
{
	display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.GoogleOAuthLogo img
{
    height: 18px;
    width: 18px;
    display: block;
}

.GoogleOAuthLabel
{
 	display: inline-block;
    text-align: center;
    /* padding-left: 12px; */
    font-weight: 400;
    color:#9b9b9b;
    vertical-align: middle;
    height: 19px;
    width: 45px;
    margin-top:2px;
}

/********  Azure OAuth button  ********/
@font-face {
  font-family: SegoeUI;
  src: url(../fonts/selawik.regular.ttf);
}

.AzureOAuthButton,.AzureOAuthButton:hover,.AzureOAuthButton:active,.AzureOAuthButton:focus
{
    background-color: #fff;
    border-radius: 0px!important;
    display: flex;
    font-family: 'SegoeUI';
    margin-bottom: 0px;
    outline: 0;
    text-align: center;
    width: 105px;
  	height: 30px;
  	font-size: 14px;
  	border: solid 1px #c8c8c8c !important;
  	padding: 3px;
  	/*
    font-size: 15px;
    height: 40px;
	border: 1px solid #8C8C8C!important;    
     */
    
}

.AzureOAuthLogo
{
	display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.AzureOAuthLogo img
{
    height: 18px;
    width: 18px;
    display: block;
}

.AzureOAuthLabel
{
 	display: inline-block;
    text-align: center;
    /* padding-left: 12px; */
    font-weight: 400;
    color:#9b9b9b;
    vertical-align: middle;
    height:19px;
    width:62px;
    margin-bottom:2px;
    
}

input.submitButton-secondary2:hover
{
	background-color: #FFFFFF;
}
input.submitButton-secondary2:focus 
{
	background-color: #FFFFFF;
} 
/********  Password Eye  ********/
.password-eye{
	margin-left:-30px; 
	margin-top:7px; 
	display:inline-block;
}
.password-eye img
{
	cursor: pointer;	
}
.passwordWithEye{
	display: inline-block;
    padding-right: 34px;
    margin-right: -5px;
}

/********  Processing Logo  ********/
.ProcessingIcon{
	width: 25px; 
	height: 25px; 
}
.ProcessDiv{
	display:none;
} 

/********  Email Id in Text  ********/
.headerMessage2{
	font-weight: normal;
	font-size: 14px;
	cursor: text;
	margin-bottom:5px;	
	color:#333;	
}
.headerMessage3{
	font-weight: bold;
	font-size: 14px;
	cursor: text;
	margin-bottom:10px;	
}

/********  Link URL  ********/
.homeURLDiv{ 
	margin-top:14px;
	text-align: center; 
	cursor: pointer;
}
.homeURL{
	cursor: pointer;
}	

/********  Hidden  ********/
.Hidden{
	display: none;
}

/********  To display element in the center  ********/
.MarginLRAuto{
	margin-left: auto;
	margin-right: auto;
}

/********  for Desktop browser only  ********/
.inputFixedWidth {
        width:300px !important;
    }
/********  for OWA  ********/
@media (max-width: 350px) {
    .inputFixedWidth {
        width:100% !important;
    }
}