html, body {
    margin: 0;
}
.phppot-container {
    -webkit-font-smoothing: antialiased;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .9em;
    color: #1e2a28;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    background: linear-gradient(-90deg, #15d415, #ff8912);
}
body.body-marg {
	margin: 0;
}
.phppot-container {
	height: 100%;
    display: flex;
    align-items: center;
}
.sign-up-container {
	border: 1px solid;
    border-color: #00408569;
    background: #fff;
    border-radius: 4px;
    padding: 10px 10px 15px;
    width: 380px;
    margin: 50px auto;
    box-shadow: 0 1px 15px #1e2a28;
}

.page-header {
	float: right;
}

.login-signup {
	margin: 10px;
	text-decoration: none;
	float: right;
}

.login-signup a {
	text-decoration: underline;
    font-weight: 700;
    color: #004085;
}

.signup-heading {
	display: none;
	font-size: 2em;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    color: #004085;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.btn-label{
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
    color: #004085;
    text-decoration: none;
    font-weight: 500;
}
.m-r10 {
    margin-right: 10px;
}
.m-r20 {
    margin-right: 20px;
}
.m-l10 {
    margin-left: 10px;
}
.m-l20 {
    margin-left: 20px;
}

.logo-img{
    height: 90px;
}

.head-img {
	width: 100%;
	text-align: center;
}

.head-img img {
	padding-top: 25px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin: 0 auto; */
    object-fit: contain;
    object-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.head-log {
	font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    padding: 5px 15px 0;
    line-height: 26px;
    text-align: center;
    color: #15d415;
    color: #42E1FE;
    color: #ff8912;
}

.inline-block {
	display: inline-block;
}

.row {
	margin: 15px 0px;
	text-align: center;
}

.form-label {
	margin-bottom: 5px;
	text-align: left;
}


.form-label input {	
	border: 1px solid #004085;
}

.form-label input::placeholder {
	color: 004085;
}

input.input-box-330 {
	width: 250px;
	color: 004085;
}

.sign-up-container .error {
	color: #ee0000;
	padding: 0px;
	background: none;
	border: #ee0000;
}

.sign-up-container .error-field {
	border: 1px solid #d96557;
}

.sign-up-container .error:before {
	content: '*';
	padding: 0 3px;
	color: #D8000C;
}

.error-msg {
	padding-top: 10px;
	color: #D8000C;
	text-align: center;
}

.success-msg {
    padding-top: 10px;
	color: #176701;
	text-align: center;
}

input.btn {
	width: 250px
}

.signup-align {
	margin: 0 auto;
	font-size: 14px;
}

.page-content {
	font-weight: bold;
	padding-top: 60px;
	text-align: center;
}

.custom-login.phppot-container button, 
.custom-login.phppot-container input[type=submit] {
	color: #fff;
    font-weight: bold;
    background-color: #15d415;
    border-color: #15d415 #15d415 #15d415;
}

.custom-login.phppot-container button:hover,
.custom-login.phppot-container input[type=submit]:hover {
	background-color: #ff8912;
	border-color: #ff8912 #ff8912 #ff8912;
}

.custom-login .form-label {
	color: #004085
}

.phppot-container button, .phppot-container input[type=submit] {
	padding: 10px 0px;
}

.custom-login input.input-box-330:focus {
	outline: none;
}

.custom-login input.btn, .custom-login input.input-box-330 {
	width: 320px;
}


/* ................... CSS for index_custom.php..................... */

.cust-dev {
	margin: 0 auto;
	padding: 0;
	height: 100%;
    display: flex;
    width: 94%;
    align-items: center;
    margin: 0 auto;
}

.cust-dev-part {
	border-radius: 5px;
    border: 1px solid #15d415;
    max-width: 48%;
    margin: 0 auto;
    height: 60%;
    display: flex;
    width: 94%;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 15px #1e2a28;
}

.conf-hg {
	height: 100%;
    display: flex;
    align-items: center;
	background: linear-gradient(-90deg, #15d415, #ff8912);
}

.cust-dev-part h3 {
	color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: center;
}

.cust-dev-part img {
	width: 235px;
    height: 235px;
    object-fit: contain;
    object-position: center;
}

.cust-dev-part img {
	border-radius: 50%;
    background-color: #ffffff;
    padding: 5px;
}

@media (max-width: 1023px) {
	.cust-dev {
		max-width: 100%;
    flex: 0 0 100%;
    height: 50%;
	}
}

@media (max-width: 1024px) and (orientation: landscape) {
	.cust-dev {
		height: 100%;
	}
}