html, body{
  overflow-x: hidden;
}

.navbar-brand img {
    width: 200px;
}
.navbar-light .navbar-nav .nav-link {
    color: #4c4c4c;
}
footer {
	background: #afca0b;
	position: fixed;
	width: 100%;
	bottom: 0px;
	
}
footer a {
	color: #212529;
}
.navbar {
    background-color: #afca0b !important;
    color: #fff;
}
.company {
  border-left: 1px solid #fff;
}
@media( max-width: 991px) {
	.company {
	  border-left: 0px solid #fff;
	}
	.company, .d-inline {
		padding-left: 0 !important;
	}
	  .sec-footer p, .footer-copyright, .footer-copyright a {
    text-align: center !important;
  }
}


.login, .sign_up, .sign_in {
   /*  min-height: 83vh;
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: auto;
    text-align: center; */
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: 7.45rem auto;
    text-align: center;
}
@media screen and (min-width: 1440px) and (max-width: 1600px) {
	.login, .sign_up, .sign_in {
	    margin: 9.5rem auto;
}
}
.loginLogo {
  width: 25rem !important;
}
.login img, .sign_up img, .sign_in img {
	width: 15rem;
	margin-bottom: 15px;
	margin-top: 2rem;
}

.login h2, .sign_up h2, .sign_in h2 {
    color: #afca0b;
    font-size: 22px;
    padding-bottom: 15px;
}

.form-container {
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .form-container {
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
        padding-bottom: 25%;
        
        
}
}

.form-label:before, .form-label:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  left: 0;
  z-index: -1;
}

/* form starting stylings*/
.group {
  position: relative;
  margin-bottom: 15px;
}
input {
  background: transparent;
  font-size: 14px;
  padding: 18px 10px 2px 5px;
  display: block;
  width: 100%;
  border-radius: 4px;
    border: 1px solid #afca0b;
}
input:focus {
  outline: none;
}
/* LABEL */
label {
  color: #666;
  font-size: 17px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  font-family: "Helvetica Neue", sans-serif;
      display: inline-block;
}

/* active state */
input:focus ~ label, input:valid ~ label {
  top: 0px;
  font-size: 14px;
  color: #afca0b;
}

input:focus ~ .bar:before, input:focus ~ .bar:after {
  width: 100%;
}
/* HIGHLIGHTER */
.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
/* active state */
input:focus ~ .highlight {
  animation: inputHighlighter 0.3s ease;
}
/* ANIMATIONS */
@keyframes inputHighlighter {
  from {
    background: #5264ae;
  }
  to {
    width: 0;
    background: transparent;
  }
}

.clearfix {
  clear: both;
}
.login a, .sign_up a, .sign_in a {
    background: #afca0b;
    color: white;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 4px;
}
.login a:hover, .sign_up a:hover, .sign_in a:hover {
	background: #899e0a;
}

.message {
      margin: 15px 0 0;
    color: #5f5f5f;
    font-size: 14px;
}
.message a {
  color: #007bff;
    background: transparent;
    font-size: 14px;
    padding: 0;
}
.message a:hover {
    background: transparent;
    text-decoration: underline;
}
.navbar-nav li a, .sec-footer, .footer-copyright, footer a {
    color: white !important;
}
.a-checkbox {
    text-align: left;
    margin-bottom: 10px;
}
.a-checkbox label {
    position: relative;
    top: -2px;
}
input[type=checkbox] {
    height: 15px;
    width: 15px;
    display: inline-block;
}
.a-checkbox-label {
    padding-left: 5px;
    display: inline-block;
    vertical-align: top;
}
.signIn {
    margin-top: 0 !important;
    background: #f5f5f5;
    padding: 8px 15px;
    border-radius: 5px;
    box-shadow: 1px 3px 8px #33333338;
    cursor: pointer;
}
.alreadyMember a {
    padding: 0;
}
.forgotPwd a {
    background: transparent;
    color: #007bff;
    float: right;
    padding: 0;
    border-radius: 0;
}
.forgotPwd a:hover {
    background: transparent;
    text-decoration: underline;
}
.notification {
    position: fixed;
    top: 0;
    display: inline-block;
    font-size: 1.5em;
    padding: .5em;
 background-color:#FFFF99;
 text-align:center;
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
  }
  .notificationRed{
  
   position: fixed;
    top: 0;
    display: inline-block;
    font-size: 1.5em;
    padding: .5em;z
 background-color:#FF9999;
 text-align:center;
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
  }
  
  .notificationYellow{
    position: fixed;
    top: 0;
    display: inline-block;
    font-size: 1.5em;
    padding: .5em;
 background-color:yellow;
 text-align:center;
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
  }
  .notificationGreen{
    position: fixed;
    top: 0;
    display: inline-block;
    font-size: 1.5em;
    padding: .5em;
 background-color:#CCFF99;
 text-align:center;
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
  }
  .notificationRed1{
 position: fixed;
    top: 0;
    display: inline-block;
    color:white;
    font-size: 1.5em;
    padding: .5em;
 background-color:red;
 text-align:center;
    box-shadow: 8px 8px 5px -8px rgba(0,0,0,0.9);
  }
  
  .notificationLoading{
    position: fixed;
    top: 0;
    display: inline-block;
    font-size: 1.3em;
 background-color:#ff9900 !important;
 text-align:center;
 color: white;
    box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
  }
a {
	color: #0254EB
}
a:visited {
	color: #0254EB
}

a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;

}

#doLogin {
	color: white;
    cursor: pointer;
}


/*header footer fixed*/
.navbar {
    padding: 0.25rem 1rem;
}
.navbar {
    background-color: #afca0b !important;
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 2px 5px 12px #33333352;
}
.company li:first-child {
    font-size: 15px;
}
.navbar-brand img {
    width: 160px;
}
footer p {
    margin-bottom: 0 !important;
}
p, label, .btn, footer, .form-control, .custom-select {
    font-size: 14px;
}
footer {
    padding: 0.5rem 1rem;
}
.login a, .sign_up a, .sign_in a {
    line-height: 1.1;
    padding: .375rem .75rem;
}
.login, .sign_up, .sign_in {
    margin: 9.75rem auto;
}
.navbar a {
    font-size: 14px;
}
.maintaince-popup {
	height:auto!important;
	max-width:600px!important;
}

.maintaince-popup-color {
	background-color:#dc3545!important;
	color:white!important;
}