@charset "utf-8";
/* CSS Document */
header {background-color:#000;
}
body {
	background-color:#000;
}
footer {background-color:#000;
}
h2 {color:#FFF;
}
/* header css */

/* Register css */
.idube_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.register_container {
	margin:auto;
	width:30%;
	border: 3px solid #900;
	border-radius: 25px;
}
.header {
	text-align:center;
}
.headerlogin {
	margin-bottom:30%;
}
#register-tbl {
	display: grid;
	grid-columns:1;
	grid-rows:5;
	grid-template-columns: 100%;
	margin-top: 5px;
}
#register-tbl-name-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:1;
	grid-row-end:1;
	display: grid;
	grid-columns:2;
	grid-rows:2;
	grid-template-columns: 35% 65%;
}
#register-tbl-surname-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:2;
	grid-row-end:2;
	display: grid;
	grid-columns:2;
	grid-rows:2;
	grid-template-columns: 35% 65%;
}
#register-tbl-email-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:3;
	grid-row-end:3;
	display: grid;
	grid-columns:2;
	grid-rows:2;
	grid-template-columns: 35% 65%;
}
#register-tbl-pwd-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:4;
	grid-row-end:4;
	display: grid;
	grid-columns:2;
	grid-rows:2;
	grid-template-columns: 35% 65%;
}
#register-tbl-pwd2-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:5;
	grid-row-end:5;
	display: grid;
	grid-columns:2;
	grid-rows:2;
	grid-template-columns: 35% 65%;
}

.input_lable {
	color:#FFF;
	padding-left:10px;
}
.register_btn {
	margin-bottom:15px;
	margin-left:32.5%;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.input {
	width:95%;
	padding-left:0px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-style:solid;
	border-width:3px;
	border-color:#900;
	background-color:#CCC;
}
.nameText {
    grid-column-start:2;
	grid-column-end:2;
	grid-row-start:2;
	grid-row-end:2;
    text-align:center;
    padding-bottom:5px;
}
.surnameText {
    grid-column-start:2;
	grid-column-end:2;
	grid-row-start:2;
	grid-row-end:2;
    text-align:center;
    padding-bottom:5px;
}
.emailText {
    grid-column-start:2;
	grid-column-end:2;
	grid-row-start:2;
	grid-row-end:2;
    text-align:center;
    padding-bottom:5px;
}
.pwdText {
    grid-column-start:2;
	grid-column-end:2;
	grid-row-start:2;
	grid-row-end:2;
    text-align:center;
    padding-bottom:5px;
}
.pwdText2 {
    grid-column-start:2;
	grid-column-end:2;
	grid-row-start:2;
	grid-row-end:2;
    text-align:center;
    padding-bottom:5px;
}
.inpvalid {
	border-color:blue;
}
.valid {
	color:green;
	display:none;
}
.invalid {
	color:red;
}
.contact {
	padding-left:40px;
}
.e {
    text-align:center;
    margin-top:-15px;
    margin-bottom:-5px;
}
.name_e {
    color:red;
}
/*Neil foon Samsung Galaxy A50 */
@media only screen and (max-width: 799px) {
/* Register css */
.idube_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.register_container {
	margin:auto;
	width:98%;
	border: 3px solid #900;
	border-radius: 25px;
}
.header {
	text-align:center;
}
.headerlogin {
	margin-bottom:30%;
}
#register-tbl {
	display: grid;
	grid-columns:1;
	grid-rows:5;
	grid-template-columns: 100%;
	margin-top: 5px;
}
#register-tbl-name-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:1;
	grid-row-end:1;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 45% 55%;
}
#register-tbl-surname-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:2;
	grid-row-end:2;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 45% 55%;
}
#register-tbl-email-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:3;
	grid-row-end:3;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 45% 55%;
}
#register-tbl-pwd-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:4;
	grid-row-end:4;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 45% 55%;
}
#register-tbl-pwd2-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:5;
	grid-row-end:5;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 45% 55%;
}

.input_lable {
	color:#FFF;
	padding-left:10px;
}
.register_btn {
	margin-bottom:15px;
	margin-left:32.5%;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.input {
	width:90%;
	margin-left:10px;
	padding-left:0px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-style:solid;
	border-width:3px;
	border-color:#900;
	background-color:#CCC;
}
.inpvalid {
	border-color:blue;
}
.valid {
	color:green;
	display:none;
}
.invalid {
	color:red;
}
.contact {
	padding-left:40px;
}
.e {
    text-align:center;
    margin-top:-15px;
    margin-bottom:-5px;
}
.name_e {
    color:red;
}
}

/* Tablet css */
@media only screen and (min-width: 600px) and (max-width: 1080px) {
/* Register css */
.idube_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.register_container {
	margin:auto;
	width:50%;
	border: 3px solid #900;
	border-radius: 25px;
}
.header {
	text-align:center;
}
.headerlogin {
	margin-bottom:30%;
}
#register-tbl {
	display: grid;
	grid-columns:1;
	grid-rows:5;
	grid-template-columns: 100%;
	margin-top: 5px;
}
#register-tbl-name-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:1;
	grid-row-end:1;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 35% 65%;
}
#register-tbl-surname-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:2;
	grid-row-end:2;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 35% 65%;
}
#register-tbl-email-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:3;
	grid-row-end:3;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 35% 65%;
}
#register-tbl-pwd-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:4;
	grid-row-end:4;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 35% 65%;
}
#register-tbl-pwd2-main {
	grid-column-start:1;
	grid-column-end:1;
	grid-row-start:5;
	grid-row-end:5;
	display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 35% 65%;
}

.input_lable {
	color:#FFF;
	padding-left:10px;
}
.register_btn {
	margin-bottom:15px;
	margin-left:32.5%;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.input {
	width:95%;
	padding-left:0px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-style:solid;
	border-width:3px;
	border-color:#900;
	background-color:#CCC;
}
.inpvalid {
	border-color:blue;
}
.valid {
	color:green;
	display:none;
}
.invalid {
	color:red;
}
.contact {
	padding-left:40px;
}
.e {
    text-align:center;
    margin-top:-15px;
    margin-bottom:-5px;
}
.name_e {
    color:red;
}    
}