@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@media(min-width:768px) {
    body {
        margin-top: 50px;
    }
    /*html, body, #wrapper, #page-wrapper {height: 100%; overflow: hidden;}*/
}


#loginform
{
	width:400px;
	min-height:100px;
	margin:0px auto;
	background-color:#fff;
	border: 1px solid #999;
	border-bottom: 3px solid #000;
	border-radius: 8px;
	box-shadow: 10px 10px 5px grey;
}

#toplogin
{
	width:400px;
	min-height:25px;
	margin:0px auto;
	background-color:#0099ff;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid #999;
}

#bodylogin
{
	
	top:300px;
	width:400px;
	min-height:150px;
	margin:0px auto;
	background-color:#FFF;
	border: 1px solid #999;
	
}
#container 
{
	float:left;
	margin-top:20px;
	padding:auto;
    margin-left:50px;
	margin-right:100px;
	border: 3px solid rgba(115, 173, 33, 0);
}

#bottomlogin
{
	width:400px;
	min-height:25px;
	border: 1px solid #999;
	margin:0px auto;
	background-color:#0099ff;
	border-radius: 0px 0px 8px 8px;
}

#not-active {
 pointer-events: none;
 cursor: default;
}

.tbanner
{
	padding:0px;
	margin-top:0px;
	min-height:100px;
	margin:0px 0px;
	background-color:#4db8ff;
	color:red;
}
.loader-wrapper{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;

}


.login-container {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 360px;
}

.login-form h2 {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #0078d4;
}

.login-form input {
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

.login-form button {
  width: 100%;
  padding: 0.75rem;
  background-color: #0078d4;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.login-form button:hover {
  background-color: #005fa3;
}


@media screen and (max-width: 768px) {
  #mySidebar {
    display: none;
  }
}


.logo-table {
  border-collapse: collapse;
  border: none;
}

.logo-table td,
.logo-table tr,
.logo-table th {
  border: none !important;
  padding: 0;
}

.ssdata {
  border-collapse: collapse;
  border: 1;
}

.ssdata td,
.ssdata tr,
.ssdata th {
  border: 1 !important;
  padding: none;
}

.bannercl {
  max-width: 100%;
  height: auto; /* keeps proportions */
  display: block;
  margin: 0 auto; /* centers on larger screens */
}

.divbackg {
  height: auto; /* let content define height */
  min-height: 200px; /* optional baseline */
}

/* Tablet */
@media screen and (min-width: 400px) {
  .bannercl { max-width: 80%; height:50%; }
  .divbackg { min-height: 280px; }
}

/* Desktop */
@media screen and (min-width: 768px) {
  .bannercl { max-width: 60%; height:50%;}
  .divbackg { min-height: 320px; }
}