* {
  box-sizing: border-box;
}

input[type=text], [type=password], select, textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  background-color: white;
  margin-left: 3px;
}

/***************************************************/
/* Samraworld Language Learning 2019 				*/
/* used for all add page headings 	 			*/

h3.fmt {
	margin-top: 5px;
	margin-bottom: 5px;
}

body {
	background-color: #e5f1fb;
}

.login_background {
    background-image: url('../images/login_background01.jpg');
    background-repeat: no-repeat;
/*	background-position: center center;*/
	background-position: center top;
	background-size:cover;
    width: 100%;
    height: 100%;	
    background-color: black;
}

.login_container {
    padding: 130px;
    min-height: calc(86vh - 70px);
}

.login_panel {
	background-color: rgba(255,      255,      255, 0.83);
    border: solid #eb7c7c;
    margin: 0 auto;
    max-width: 500px;
    padding: 10px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    color: black;
}

.label {
	float: left;
	text-align: left;
	width: 55%; 
	font-weight: bold;
	margin-top: 10px;
	margin-right: 2px;
    line-height: 20px;
}

.formdiv {
	padding-left: 100px;
	padding-right: 100px;	
}

.input_text {
	float: left;
    margin-top: 10px;	
   	width: 100%;
}

.message {
	margin-left: 15px;	
	margin-right: 15px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.error {
	color:red;	
}

#bottomACTIONpanel {
	clear:both;
/*	width: 50%; */
/*	margin-top: 20px; */
}
 
p.para {
    display:inline;
    margin-inline-start: 5px;
    margin-inline-end: 2px;
}

.button-table{
	background-color: #00008F;
	border-color: #00008F;
}
.button-table:hover {
  background-color:rgba(255,204,0,0.8);
	border: 2px outset 6px groove #db2626;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 767px) {
  .label, .input_text  {
    width: 100%;
    margin-top: 10px;
	}
  input[type=submit], input[type=button] {
    width: 90%;
    margin: 10px;
  }
  .formdiv, .logo_bar, .topnav, .footernav {
	  padding: 0;
	  margin: 0;
	  width: 100%;
  }
  p.para { margin: 0;}
  .login_panel {
	  width: 95%;
	  margin-top: 10px;
	  margin-bottom: 10px;
  }
	.login_container {
	/*    background-color: gray;*/
	    padding: 0;
	    min-height: calc(40vh - 70px);
	}
}