/*code added by rajesh for new login*/
.modal-dialog {
    width: 280px !important;
    }

a
{
 color:white;
}
a:focus, a:hover
 {
  color:white;
  text-decoration: underline;
}
.loginbodybackimage
{
background-image:  url("loginbackground.jpg");
background-size:cover!important;
background-repeat: no-repeat;
background-color:  #006063;
}

.loginheaderdesign{
width: 100%;
z-index: 12;
box-sizing: border-box;
padding: 0px;
background-color:#006063;
top:13px;
height: 55px;
}

.loginheaderinput{
width: 170px;
background: rgba(255,255,255,.1);
border: 1px solid #919191;
padding: 7px;
border-radius: 5px;
margin: 0 3px 0px 0px;  
border-bottom: 1px solid #919191;
height: 32px;
background-color: #f3f6f8;
border-radius: 2px;
font-size: 15px;
 }
.loginbutton
{
    padding: 5px 15px 0px 20px;
    height: 32px;
    border-radius: 3px;
    color: white;
    border: 1px solid white;
    background-color: #00797d;
   
}
.passwordbutton
{
background: #F8F8FF;
margin: 13px 5px 0px 0px;
padding: 0px 18px;
height: 32px;
background: #006063;
color:white;
border-radius: 2px;
border: none;
text-align: left;
}
.formlogin{
text-align: center;
padding: 1% 1% 0% 1%;
background-color: #EDF0F3;
border-radius:2px; 
position: relative;
width: 400px;
background-position:  center center; 
background-attachment: fixed;
margin: 3.5% 0px 40px 36%;
display:block;
 }
 
 .signupdisplay
{
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    font-size: 22px;
    position: relative;
    z-index: 1;
    background: #F6F8FA;
    text-align: center;
    padding: 13px 4px 17px 17px;
    margin: -10px -9px 0px -9px !important;
    border-bottom: 1px solid rgba(0,0,0,0.15);
   
}
.signupdisplaydesign
{
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    font-size:12px;
    position: relative;
    z-index: 1;
    background: #F6F8FA;
    text-align: center;
    padding: 6px 4px 11px 17px;
    margin: -9px -9px 0px -9px !important;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    color:grey;
}
.logincompanylabel{
    margin: 0px 0px -25px 12px;
    margin-top: 10px; 
    line-height: 20px;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    font-size: 15px;
    display: block;
    text-align: start;
    }
.logininputfield {
border: none;
border-bottom: 1px solid #dae3e5;
width: 85%;
font-family: 'Roboto';
color: #006063;
text-align: left;
font-size: 15px;
padding-left: 5px;
margin-bottom: 25px;
}
.w100{    
    height: 32px;
    width: 352px;
    margin: 29px 0px 0px 0px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
}
.loginleadbelowleading{
  
    font-weight: 400;
    color: rgba(0,0,0,0.55);
    font-size: 13px;
    text-align: center;
    display: block;
    padding: 10px 5px 5px 11px;

}

.signupButton
{
    cursor: pointer;
	width: 90% !important;
    background-color: #00797d;
    height: 40px;
    color:white;
    border: 0;
    font-family: 'Roboto';
    font-size: 20px;
	
}
/*  #signupButton{
  
    background-color: #006063;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
} */
.signuppoweredby{
	text-align: center;
	color:rgba(0,0,0,0.55); 
	margin: 5px 5px 0px 5px;
	padding: 0 0 5px 0;
	font-size: 13px;
}


.loginmaindiv{
    font-weight: 400;
    color: white;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    padding: 0 12px;
    margin: 0 auto;
  
    text-align: center;
    line-height: 20px;
    color: white;
    }
    
.loginsubdiv{
 font-weight: 400;
 color: white;
 font-size: 15px;
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 50px;
  padding: 0 7px;
  margin: 0 auto;
 border-top: 1px solid rgba(255,255,255,0.15);
  text-align: left;
  }
.loginsubbardiv{
font-weight: 400;
color: white;
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 48px;
padding: 5px 12px;
margin: 0 auto;
border-top: 1px solid rgba(255,255,255,0.15); 
color:white; 
text-align: left;
}    

.title{
	
	line-height: 16px;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    margin: 0 0 8px 4px;
}
.links {
 
    margin-top: 10px;
}
.loginli{
	
	padding-right: 5px;
	margin: 2px 5px 0 0;
	border-right: 1px solid rgba(255,255,255,0.55);
	display:list-item;
}
.loginli:last-child {
   
    border: none;
}


.loginli a {
    text-decoration: none;
    font-weight: bold;
    background-color: transparent;
    border: 0;
    color: #0084bf;
    font-weight: 400;
    color: rgba(255,255,255,0.85);
    display: block;
    padding: 0 4px;
    text-decoration:underline;
    cursor:pointer;
}
.logindesignimage{
	margin: -5px 5px 0px 0px;
    width: 50px;
    height: 45px;
    background-color: white;
    
    }
.loginspanstyle{
 font-size: 25px;
 color: white;
 margin: 10px 0% 0px 65px;
 position: inherit;
 float: left;
}

.social-icon {
    color: #fff;
}


.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #3d5b99;
   
}
 .fa-facebook:hover {
    background-color: #365189;
}  
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   
}
.fa-twitter:hover {
    background-color: #00aced;
}

.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #e64a41;
    
}
 .fa-youtube:hover {
    background-color: #e3352c;
} 
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   
}
.fa-linkedin:hover {
    background-color: #0073a4;
}

	@media only screen and (min-width: 1100px) and (max-width: 2560px) {
	
	.extrasize{
      width:1128px;
       }
      
	}
	
	@media only screen and (min-width: 900px) and (max-width: 2560px) {
	
	 #mobileviewdisplay{
  display:none;
 }
 #desktopviewdisplay{
     display:block;
 
 }
  .remhide{
 display:none!important;
 }
 
 	.blink{
			
		text-align: center;
		margin: 0 0 0 32%;
		
	}
	}


	
 @media only screen and (min-width: 900px) and (max-width: 1024px) {
	
	#extraimage{
      display:none!important;
 
 }
 .smallblink{
 margin: 0 0 0 25%;
 }


	}
	
	@media only screen and (max-width: 949px)
   {

	#desktopviewdisplay{
     display:none;
 
 }
 
   #mobileviewdisplay{
  display:block;
 }
 .extralargephone{
  width: 500px;
    height: 500px;
   margin: -10px 88px 0 -88px; 
 }
 
 .extralargedesign{
	
	border: none; 
	border-bottom: 1px solid #dae3e5;
    width: 88%;
    margin: 0px 0px 22px 0;
     color: #006063;
     outline: none !important; 
   
}

.extralargecounttrust
{
	padding-top: 40px;
}
.forgotextralargedesign{
	color:#184273;
	text-decoration:underline;
	margin: 0 0px 0 100px;
}
.forgotextralargedesign:hover{
	color:#184273;
	
}
	}
		
		
		@media only screen and (max-width: 320px)
   {

	.smallphone{
     width: 302px;  
     height: 500px;
     margin: 0 6px 0 -6px;
 }
 
 .inputdesign{
	
	border: none; 
	border-bottom: 1px solid #dae3e5;
    width: 88%;
    margin: 0px 0px 10px 0;
     color: #006063;
     outline: none !important; 
   
}

.smallcounttrust
{
	padding-top: 23px;
}
.forgotsmalldesign{
	color:#184273;
	text-decoration:underline;
	margin: 0 0px 0 20px;
}

.forgotsmalldesign:hover{
	color:#184273;
	
}
	}
	@media only screen  and (min-width: 321px) and (max-width: 375px)
   {

	.mediumphone{
     width: 350px;  
     height: 500px;
     margin: -10px 29px 0 -29px;   
 }
 
 .mediumdesign{
   border: none; 
	border-bottom: 1px solid #dae3e5;
    width: 88%;
    margin: 0px 0px 15px 0;
     color: #006063;
     outline: none !important;
 }
 
 .mediumcounttrust
{
	padding-top: 33px;
}
.forgotmediumdesign{
	color:#184273;
	text-decoration:underline;
	margin: 0 0px 0 50px;
}
.forgotmediumdesign:hover{
	color:#184273;
	
}
	}
	
		@media only screen  and (min-width: 376px) and (max-width: 414px)
   {

	.mediumphone{
     width: 390px;  
     height: 500px;
        margin: -10px 50px 0 -50px;  
 }
 
 .largedesign{
   border: none; 
	border-bottom: 1px solid #dae3e5;
    width: 88%;
    margin: 0px 0px 22px 0;
     color: #006063;
     outline: none !important;
 }
 
 .largecounttrust
{
	padding-top: 33px;
}
.forgotlargedesign{
	color:#184273;
	text-decoration:underline;
	margin: 0 0px 0 70px;
}
.forgotlargedesign:hover{
	color:#184273;
	
}
	}
/*mobile view*/

.container{
    position:absolute;
    width: auto;
    height:auto;
    top: calc(50% - 240px);
    left: calc(50% - 160px);
}

.displaymobile {
    position: absolute;
    text-align: center;
    background: #fff;
    font-family:roboto;
    border-radius: 5px;
    padding: 30px 20px 0 20px;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;    
}


.inputdesign:focus{
	
	border-bottom: 1px solid #006063;
}



.colorforh4Tag{
	color: #184273;
	text-decoration:none;
	margin-bottom: 2%;
}
.colorforh4{
	color: #184273;
	text-decoration:none;
	margin-bottom: 2%;
	    
}
.colorforh4:hover{
	text-decoration:underline
}

.fitInsideForm
{
	margin-top: -6%;
	font-size:14px
}
.fitInsideForm1
{
	margin-top: -6%;
	font-size:14px
}

.colorforh4Tag{
font-size: 25px;
color: #006063 !important;
margin: -10px 0 5px 0;
}
.adjustBottom{ 
font-size:19px; 
}
.firstcenter{    

font-size: 23px;
}
.thirdcenter{

 margin: -1px 0 0 0;
 font-size: 19px;
 color: #006063;
}
.loginButton
{
    cursor: pointer;
	width: 95% !important;
    background-color: #00797d;
    height: 40px;
    color:white;
    border: 0;
    font-family: 'Roboto';
    font-size: 24px;
	
}
.countClass
{
	
    display: block;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    margin-top: -5%;
    padding-bottom: 5px;
   /*  margin-left:-7px; */ /*uncomment code for broker */
}

.loginbutton:hover {background-color: #006063}
.loginButton:hover {background-color: #006063}
.signupButton:hover {background-color: #006063}


	#normalanimated{
		
		
		color: white;
		animation:  blink 3s ease-out infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}