body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: medium;
	color: #242424;
}
/*body.layout_customer { background: url(../img/body_bg_customer.png) 0 0 repeat-x; } */
/*body.layout_student { background: url(../img/body_bg_student.png) 0 0 repeat-x; } */
/*.layout_customer #container { background: url(../img/sprites_customer.png) 50% -702px no-repeat; }      */
/*.layout_student #container { background:transparent url(../img/sprites_student.png) no-repeat scroll 50% -702px; }  */
img { border: none; }
div#header {
 margin: 0 auto 0 auto;
}
.layout_student div#header {    }
.layout_customer div#header {   }

.clearfix{
  clear:both;
}

div#header h1 { margin: 0; padding: 0; text-align:center;}
div#header h1 span { display: none; }
div#main {
	display: block;
			width: 100%;
			height: auto;
			-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    		background: #ffffff;
		    border: 1px solid #ccc;
		    border: 1px solid rgba(0, 0, 0, 0.15);

}

#header img{
  width:100%;
  margin: 20px auto;
}

#main img{
  width: 100%;
		    max-width: 350px;
		    margin: 20px auto 20px auto;
		    display: block;
		    vertical-align: middle;
		    border 0;
}

* html div#main {	height: 220px; }
/*.layout_student div#main { background: url(../img/placeholders_login_student.png) 0 0 repeat-x; }    */
/*.layout_customer div#main { background: url(../img/placeholders_login_customer.png) 0 0 repeat-x;  }   */

#container{
   width:400px;
			margin: 0 auto;
			padding: 0 13px 0 13px;
}

form {
 box-sizing: border-box;
 padding: 10px;

}
* html form { display: inline; }
form fieldset {
	border: none;
}

form legend { 
	display: none;
}

form label {
	font-size: 0.8em;
}
form input {
	margin: 3px 0 0 0;
}
form input.txt {
	display: block;
		    width: 350px;
		    height: 28px;
			padding: 0 0 0 5px;
		    font-size: 14px;
		    line-height: 1.42857;
		    color: #555555;
		    background: none repeat scroll 0 0 #EEECEC;
			border-color: #908889 #908889;
		    border-radius: 3px;
		    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*.layout_customer form input.txt { background: url(../img/input_login_customer.png) 0 0 no-repeat; }   */
/*.layout_student form input.txt { background: url(../img/input_login_student.png) 0 0 no-repeat; }      */

form input.button {
	display: inline-block;
		    margin-top: 30px;
		    font-weight: normal;
		    text-align: center;
		    vertical-align: middle;
		    touch-action: manipulation;
		    cursor: pointer;
		    background-image: none;
		    border: 1px solid transparent;
		    white-space: nowrap;
		    padding: 3px 12px;
		    font-size: 14px;
		    line-height: 1.42857;
		    border-radius: 0;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;

            background: #00bce4;
		    color: #ffffff;
		    border: none;
		    font-weight: bold;
		    float: right;
}
/*.layout_customer form input.button { background: url(../img/button_login_customer.png) 0 0 no-repeat; } */
/*.layout_student form input.button { background: url(../img/button_login_student.png) 0 0 no-repeat; } */
form a { text-decoration: none; color: #0b0a0a; line-height: 1.3em; font-size:0.8em;}
form a:hover { text-decoration: underline; }
div.sys_message {
	float: left; /*wrap fix*/
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	border: none;
	width: 300px;
	color: #666;
	font-size: 0.8em;
	line-height: 1.2em;
	font-size: 0.7em;
	color: #00bce4;
}
div.sys_message_positive {  }
div.sys_message_negative {
	line-height: 1.2em;
	margin-top: 1.7em;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;	
}
div.sys_message_neutral { }
ul { margin: 0.3em;}

.list-unstyled {
    list-style: outside none none;
    padding-left: 0;
}
