.login-background{
	width: 100%;
	height: 100%;
	background:none;
	background: url(images/bg_login.jpg) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
	background-size: cover;
	background-position: center;
}

.background-abs-grad{

	background: linear-gradient(#f48a34, #febb2c) #f48a34 !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
}

.form-error-forgot{
	border-bottom:2px solid #e02841;
	color:#e02841;	
}
/*
.background-login-form{
	background: url(images/bg_form_new.jpg)!important;
    background-position: center; /* Center the image 
	background-repeat: no-repeat; /* Do not repeat the image 
	background-size: cover; /* Resize the background image to cover the entire container 

}*/
.btn-abs{background:#e68911}



.view_image {
	cursor: pointer !important;
	transition: 0.3s !important;
}

.view_image:hover {opacity: 0.7 !important;}


/* Modal Content (image) */
.modal-content-photo {
	margin: auto;
	display: block;
	width: 100%;
	max-width: 700px;
}

/* Caption of Modal Image */
#Img-title {
	padding:5px 8px !important;
	background:#4f5051;
	color:#fff;
	border-radius: 16px;
	margin-bottom: 3px;
}

/* Add Animation */
.modal-content-photo, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close-photo {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close-photo:hover,
.close-photo:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}



/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content-photo {
    width: 100%;
  }
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}