:root {
  --orange: #ffab00;
  
}
body{
	padding-top:4.2rem;
	padding-bottom:4.2rem;
	background-color:#01c8ed;
}
html, body, .container-table {
	height: 100%;
}
.container-table {
	display: table;
}
.vertical-center-row {
	display: table-cell;
	vertical-align: middle;
}
.myform{
	position: relative;
	display: -ms-flexbox;
	display: flex;
	padding: 3rem;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	
	
	
	border-radius: 1.1rem;
	outline: 0;
	max-width: 500px;
 }
 
 a{
	color: #6c77df;
 }

 .pwd{
	/*border-right: solid 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;*/
 }
 .reveal{
		border-radius: 0px;
		background: transparent !important;
		border-left: solid 0px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-color: #ffab00;
 }
 .reveal:hover{
		border-radius: 0px;
		background: transparent !important;
		border-left: solid 0px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-color: #ffab00;
 }
 form input[type=email],input[type=password],input[type=text]{
	height:40px;
	border-radius: 4px !important;			
	border-color: #e4e6eb;
	color:#c0c0c0 !important;
 }
 input:-internal-autofill-selected{
	background-color:white !important;
 }
  button{
	 background-color:#ffab00 !important;
	 font-family: 'Open Sans', sans-serif !important;
	 font-weight:600 !important;
 }
 p{
	 color:#595959;
 }
 .balck-h3
 {
	color:balck;
 }
 
 #signup{
	color:#6d9aff;
 }
form .error {
 color: #ff0000;
 }
 #second{display:none;}
 .pt-r3{
	padding-top: 3rem;
 }
 .pt-r1
 {
	padding-top: 2rem;
 }
 .form-control, .form-select{
   /* border-radius: 4px !important ;*/
 }
 .theme-primary .btn-primary
 {
		border-radius: 5px !important;
 }
.form-control, .form-select{
  border: solid 1px black;	
}
.theme-primary .btn-primary
{
	border-color:transparent !important;
}
input:focus{
  border: solid 1px var(--orange)!important;	
}
.theme-primary .btn-primary:hover, .theme-primary .btn-primary:active, .theme-primary .btn-primary:focus, .theme-primary .btn-primary.active{
	
	background-color:#01c8ed69 !important;
    border-color: var(--orange) !important;
    color: #ffffff !important;
	box-shadow:none !important;
}
.has-search .form-control-feedback 
{
	position: sticky;
    z-index: 2;
    display: block;
    width: 97%;
    height: 0.375rem;
    line-height: 3.5rem;
    text-align: right;
    
    color: #CECECE;
    float: left;
    font-size: 22px;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) 
{
   .myform{
		width: 100% !important;
		top: 15vh;
	}
	.mx-auto
	{
		width: 72%;
	}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) 
{
	.myform{
		width: 100% !important;
		top: 0vh;
	}
	.mx-auto
	{
		
		width: 55%;
		margin-top: 44px;
	}
}