.athonForm{
	margin-top:40px;
	padding:20px;
	border:2px solid gray;
	min-width:200px;
	max-width:420px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-radius:4px;
	
}
.athonForm input[type=text],.athonForm input[type=password]{
	border:1px solid lightgray;
	height:25px;
	width:100%;
	padding:2px;
	margin-top:4px;
	margin-bottom:4px;
	border-radius:2px;
	box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.1);
	background:#f7f9fa;
}

.athonForm input[type=botton], .athonForm input[type=submit]{
	padding:3px;
	margin-top:4px;
	margin-bottom:4px;
	border-radius:3px;	
	border:1px solid gray;
	height:30px;
	box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}
.athonForm input[type=botton]:hover, .athonForm input[type=submit]:hover{
	background:#f7f9fa;
}
.athonForm TD{
	padding:10px;
}
.athonTitle{
	font-size:20px;
}

.athonSubTitle{
	font-size: 13px;
	font-weight: bold;
}

.athonSpace{
	margin-top: 10px;
	margin-bottom: 6px;
}

.loginDivider {
    display: flex;
    align-items: center;
    width: 210px;
    margin: 22px auto 18px;
    color: #555;
    font-size: 15px;
}

.loginDivider::before,
.loginDivider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #c7ced6;
}

.loginDivider span {
    padding: 0 12px;
}

/* Buton ROeID */
.roeidAction {
    box-sizing: border-box;
    width: 210px;
    height: 44px;
    background-color: #3d5573;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' viewBox='0 0 30 34'%3E%3Cpath d='M15 1 L27 5 V15 C27 23 22 29 15 33 C8 29 3 23 3 15 V5 Z' fill='none' stroke='white' stroke-width='2'/%3E%3Ctext x='15' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='9' font-weight='700'%3ERO%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 26px 30px;
    color: #fff;
    border: 1px solid #2c4058;
    border-radius: 6px;
    padding-left: 37px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(61, 85, 115, 0.25);
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.roeidAction.mtop20 {
    margin-top: 0;
}

.roeidAction:hover {
    background-color: #496685;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(61, 85, 115, 0.3);
}

.roeidAction:active {
    transform: translateY(0);
}