﻿/* Version No. : 6*/
/* CSS Document */

 
	.loginbg{
		background-color: #76bc21;
		width: 430px;
		height: auto;
		border-radius: 20px;
		vertical-align: middle;
          padding-top: 0px;
	}
	input[type=text], input[type=password] {
		width: 100%;
		padding: 12px 20px;
		margin: 8px 0;
		display: inline-block;
		border: 1px solid #ccc;
		box-sizing: border-box;	
		border-radius: 4px;
	}

	button {
		background-color: #565656;
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		cursor: pointer;
		width: 100%;
		font-size: 17px;
		font-weight: 400;
		font-family: 'Open sans', sans-serif;
		border-radius: 4px;
	}

	button:hover {
		opacity: 0.8;
	}

	.cancelbtn {
		width: auto;
		padding: 10px 18px;
		background-color: #f44336;
	}

	.imgcontainer {
		text-align: center;
		margin: 24px 0 12px 0;
	}
	.stlogo{
		margin-left: 5.5%;
		padding-bottom: 25px;
	}

	.inmlogo{
		padding-top: 10%;
		margin-left: 11%;
	}
	span.psw {
		padding-top: 10px;

	}
	h2{
		font-family: 'Open sans', sans-serif;
		font-weight: 400;
		color: white;
		text-align: center;
		margin: auto;		
	}
	input{
		font-family: 'Open sans', sans-serif;
		font-weight: 400;
		text-align: center;
		font-size: 17px;
	}
	span{
		font-family: 'Open sans', sans-serif;
		font-weight: 400;
		text-align: center;
	}
	p {
		color:white;
		font-family: 'Open sans', sans-serif;
          font-size: 15px;          
		margin: 0;
	}
	.copy{
		font-family: 'Open sans', sans-serif;
		color: black;
	}
	.disclaimer{
		font-family: 'Open sans', sans-serif;
		font-size: 11px;
		color: black;
		text-align: justify;
	}
.icon{
	vertical-align: middle;
	padding-right: 5px;
	
}
.language{
	float: right;
	margin-right: 16px;
	padding-bottom: 10px;
     padding-top:10px;
}
.enviroment{
	padding-bottom: 30px;
}
a{
	text-decoration: none;
} 
b{
	color: #fc6c0f;
}
.back01 {
    background: url("../images/btn_BACK_F.png") no-repeat scroll 0 0 transparent;
    border-style: none;
    display: block;
    float: left;
    height: 33px;
    margin-top: 2px;
    text-indent: -99999px;
    width: 77px;
}	

.back01:hover {
    background: url("../images/btn_BACK_F.png") no-repeat scroll 0 -34px transparent;}

.back01_es {
    background: url("../images/btn_BACK_F_es.png") no-repeat scroll 0 0 transparent;
    border-style: none;
    display: block;
    float: left;
    height: 33px;
    margin-top: 2px;
    text-indent: -99999px;
    width: 77px;
}	

.back01_es:hover {
    background: url("../images/btn_BACK_F_es.png") no-repeat scroll 0 -34px transparent;}

.continue_btn {
    background: url("../images/btn_next2_F.png") no-repeat scroll 0 0 transparent;
    border-style: none;
    display: block;
    float: right;
    height: 33px;
    margin-right: -5px;
    margin-top: 2px;
    text-indent: -99999px;
    width: 80px;
}	

.continue_btn:hover {
    background: url("../images/btn_next2_F.png") no-repeat scroll 0 100% transparent;}

.continue_btn_es {
    background: url("../images/btn_next2_F_es.png") no-repeat scroll 0 0 transparent;
    border-style: none;
    display: block;
    float: right;
    height: 33px;
    margin-right: -5px;
    margin-top: 2px;
    text-indent: -99999px;
    width: 80px;
}	

.continue_btn_es:hover {
    background: url("../images/btn_next2_F_es.png") no-repeat scroll 0 100% transparent;}

.btn-bottom {
    background-color: white;
    height: 70px;
    margin: -31px auto auto;
    padding-bottom: 15px;
    padding-top: 8px;
    z-index: 200;
	position:relative;
    width: 387px;
}
.btn-bottom2 {
    background-color: white;
    height: 61px;
    margin: -10px auto;
    padding-left: 80px;
    padding-top: 10px;
    position: relative;
    width: 307px;
    z-index: 200;
}

#agree-frame {
    border: 1px solid #DCDEE2;
    clear: both;
    height: 340px;
    margin: 10px auto 10px;
    overflow: auto;
    padding: 10px;
    text-align: left;
    width: 350px; background-color: white;
}

.blackColor {
    color:#0c0c0c;
}

.webServer {
    font-weight: bold;
}

.register-bg{
	background-color: white;
	border-radius: 10px;
	margin-left: 10px;
	margin-right:10px;
	padding: 10px 20px 10px 20px;
}
.blackFont{
	color: black;
}

.RegButton {
		background-color: #565656;
		color: white;
		padding: 5px 12px;
		margin: 8px 0;
		border: none;
		cursor: pointer;
		width: 45%;
		font-weight: 600;
		font-family: 'Open sans', sans-serif;
		border-radius: 4px;
	}

.RegButton:hover {
    opacity: 0.8;
}

.RegButton2 {
		background-color: #565656;
		color: white;
		padding: 5px 12px;
		margin: 8px 0;
		border: none;
		cursor: pointer;
		width: 30%;
		font-weight: 600;
		font-family: 'Open sans', sans-serif;
		border-radius: 4px;
	}

.RegButton2:hover {
    opacity: 0.8;
}
.next-back{
	padding: 8px 0px 8px 0px;
	
}