#background {
  background-image:url("../images/sign-in-background_2.jpg");
	background-repeat: no-repeat;
  opacity: 0.8;
   background-size: cover;
  position: fixed;
  top: -150px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
#login-background-top {
	background-image:url("../images/login_top_background.png");
	background-repeat: no-repeat;
	background-position: inherit;
	background-size: cover;
}

.inner-info-box h3 {
	text-transform: none;
}

#login-bottom {
	color: black;
	padding-left: 0px;
	min-height: 63%;
	width: 100vw;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

#submitBtn {
	background-color: #36a398;
}

.inner-info-box{
   	background-color: #36a398;
   	width:80%;
    float: right;
    height: 100%;
   }
   
.pattern-container {
   background-color: #36a398;
   width:20%;
    float: left;
    height: 100%;
}

a:hover {
    color: #b79953;
}

input[type="text"] {
background-color : white !important;  
  }
.container {
	background: transparent;
	padding: 0px;
	margin-top: 10%;
}
.row {
	margin-left: 50%;
}
.login-form-content {
  background-color: #012b45 !important;
  color: #fff;
  /* height: 806px; */
}
.card {
    background-color: transparent !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    float: right;
}
html, body {
    height: 100%;
}
button {
	background-color: #b79853;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: underline;
}

.hidden { display: none; }

.login-cont {
    	height: 100% !important;
}
    
.row {
    	height: 100% !important;
}

.login-form-content {
	    min-height: 100%;
	    min-width: 40%;
}
    
.login-card {
     min-width: 60%;
}

.center {
   	display: block;
    margin-left: auto;
    margin-right: auto;
}
.login-text-content {
	background-color: rgba(22, 40, 58, 0.4196078431372549);
	color: white;
}

/* media queries */
 
 
@media (min-width: 1px) and (max-width: 767px) { 
	.login-form-content {
	    min-height: 100%;
	    min-width: 100%;
   	}
   	.login-card{
	    min-width: 60%;
	    top: 20%;
	    left: 40%;
	    width: 30em;
	    margin-right: 60%!important;
	     margin-bottom: -200px;
	}
 }

@media (min-width: 768px) and (max-width: 984px) {
	
	.login-form-content {
		min-height: 50%;
		min-width: 100%;
	}
	
	.pattern-container img {
	height: 577px;
	}
	
	.login-text-content {
    min-height: 50%;
    min-width: 100%;
	background-color: #16283a6b!important;
	color: white;
	}
   
   .login-card .inner-info-box{
   min-width: 60%;
   top: 10%;
   left: 40%;
   width: 30em;
   /* margin-left: -15em;  */
   position: fixed;
   }
   
   .form-control {
   height: 50px;
   }
   
   .inner-info-box{
   	padding: 20px 20px 0 20px; 
   	background-color: #36a398;
   }
}

@media (min-width: 985px) { 
	.login-form-content {
	    min-height: 100%;
	    min-width: 30%;
	}
	
	.login-text-content {
	    min-height: 100%;
	    min-width: 30%;
	    background-color: #36a398!important;
		color: white
	}
	
	.inner-info-box{
	 /* margin: 0 0 0 130px;  */
	}
}

#ie-error{
	padding: 20px;
	margin: 0 auto;
	background-color: rgba( 0, 48, 109,0.7) !important;
}