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

/* Login css */
.idube_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.login_container {
	margin:auto;
	width:25%;
	border: 3px solid #900;
	border-radius: 25px;
}
.header {
	text-align:center;
}
/* Login Grid CSS */
.login_grid {
    display: grid;
	grid-columns:1;
	grid-rows:2;
	grid-template-columns: 100%;
	width:80%;
}
.email_grid {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
#email {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 40% 60%;
}
.email_label {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
.email_input {
    grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}
.password_grid {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}
#pwd {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 40% 60%;
}
.pwd_label {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
.pwd_input {
    grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.input_lable {
	color:#FFF;
	padding-left:35px;
}
.headerlogin {
	margin-bottom:30%;
}
#tcmain {
	padding-bottom: 10px;
	margin-left:25%;
	padding-right:10px;
}
#tc {
	border-style: solid;
	border-color:#900;
}
#tccs {
	text-decoration:none;
	padding-left:10px;
}
#tccs:link {
	color:white;
}
#tccs:hover {
	color:green;
}
#tccs:active {
	color:yellow;
}
#login_tbl {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 50% 50%;
	margin-top: 5px;
}
.login_btn {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	margin-bottom:10px;
	margin-left:13%;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.register_btn {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	margin-bottom:10px;
	margin-left:15px;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.pwd-rst {
	margin-left:32%;
	margin-right: 32%;
	color:white;
}
.pwd-rst-cont {
	margin-bottom: 5px;
}
.input {
	padding-left:10px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-style:solid;
	border-width:3px;
	border-color:#900;
	background-color:#CCC;
}

.contact {
	padding-left:40px;
}
.email_nv {
	color:red;
	margin-left:5%;
	margin-right:5%;
}
.pwd-rst-suc {
	color:red;
	margin-left:8%;
	margin-right:8%;
}

.req {
    color:red;
    padding-left:30%;
    }
.req1 {
    color:red;
    padding-left:10%;
    }

/*Neil foon Samsung Galaxy A50 */
@media only screen and (max-width: 799px) {
/* CSS Document */
header {background-color:#000;
}
body {
	background-color:#000;
}
footer {background-color:#000;
}
h2 {color:#FFF;
}
/* header css */

/* Login css */
.idube_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.login_container {
	margin:auto;
	width:98%;
	border: 3px solid #900;
	border-radius: 25px;
}
.header {
	text-align:center;
}
/* Login Grid CSS */
.login_grid {
    display: grid;
	grid-columns:1;
	grid-rows:2;
	grid-template-columns: 100%;
	width:80%;
}
.email_grid {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
#email {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 40% 60%;
}
.email_label {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
.email_input {
    grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}
.password_grid {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}
#pwd {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 40% 60%;
}
.pwd_label {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
.pwd_input {
    grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.input_lable {
	color:#FFF;
	padding-left:20px;
}
.headerlogin {
	margin-bottom:30%;
}
#tcmain {
	padding-bottom: 10px;
	margin-left:25%;
	padding-right:10px;
}
#tc {
	border-style: solid;
	border-color:#900;
}
#tccs {
	text-decoration:none;
	padding-left:10px;
}
#tccs:link {
	color:white;
}
#tccs:hover {
	color:green;
}
#tccs:active {
	color:yellow;
}
#login_tbl {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 50% 50%;
	margin-top: 5px;
}
.login_btn {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	margin-bottom:10px;
	margin-left:13%;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.register_btn {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	margin-bottom:10px;
	margin-left:15px;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.pwd-rst {
	margin-left:0%;
	margin-right: 0%;
	color:white;
}
.pwd-rst-cont {
    text-align:center;
	margin-bottom: 5px;
}
.input {
	padding-left:10px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-style:solid;
	border-width:3px;
	border-color:#900;
	background-color:#CCC;
}

.contact {
	padding-left:40px;
}
.email_nv {
	color:red;
	margin-left:5%;
	margin-right:5%;
}
.pwd-rst-suc {
	color:red;
	margin-left:8%;
	margin-right:8%;
}

.req {
    color:red;
    padding-left:30%;
    }
.req1 {
    color:red;
    padding-left:10%;
    }
}

/* Tablel css */
@media only screen and (min-width: 600px) and (max-width: 1080px) {
/* Login css */
.idube_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.login_container {
	margin:auto;
	width:45%;
	border: 3px solid #900;
	border-radius: 25px;
}
.header {
	text-align:center;
}
/* Login Grid CSS */
.login_grid {
    display: grid;
	grid-columns:1;
	grid-rows:2;
	grid-template-columns: 100%;
	width:80%;
}
.email_grid {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	text-align:center;
}
#email {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 40% 60%;
}
.email_label {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
.email_input {
    grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}
.password_grid {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
	text-align:center;
}
#pwd {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 40% 60%;
}
.pwd_label {
    grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}
.pwd_input {
    grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.input_lable {
	color:#FFF;
	padding-left:35px;
}
.headerlogin {
	margin-bottom:30%;
}
#tcmain {
	padding-bottom: 10px;
	margin-left:25%;
	padding-right:10px;
}
#tc {
	border-style: solid;
	border-color:#900;
}
#tccs {
	text-decoration:none;
	padding-left:10px;
}
#tccs:link {
	color:white;
}
#tccs:hover {
	color:green;
}
#tccs:active {
	color:yellow;
}
#login_tbl {
    display: grid;
	grid-columns:2;
	grid-rows:1;
	grid-template-columns: 50% 50%;
	margin-top: 5px;
}
.login_btn {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	margin-bottom:10px;
	margin-left:13%;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.register_btn {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	margin-bottom:10px;
	margin-left:15px;
	width:35%;
	border: 3px solid #900;
	height:30px;
	background-color:#CCC;
	font-weight:bold;
}
.pwd-rst {
	margin-left:32%;
	margin-right: 32%;
	color:white;
}
.pwd-rst-cont {
	margin-bottom: 5px;
}
.input {
	padding-left:10px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-style:solid;
	border-width:3px;
	border-color:#900;
	background-color:#CCC;
}

.contact {
	padding-left:40px;
}
.email_nv {
	color:red;
	margin-left:5%;
	margin-right:5%;
}
.pwd-rst-suc {
	color:red;
	margin-left:8%;
	margin-right:8%;
}

.req {
    color:red;
    padding-left:30%;
    }
.req1 {
    color:red;
    padding-left:10%;
    }
}