html {
	font-size: 16px;
}

a {
	text-decoration: none;
}

body {
	-webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    font-family: source-sans-pro, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0;
    width: 100%;
    height: 100%;
}

table {
	border-spacing: 0;
}

tbody {
	margin: 0;
	padding: 0;
}

.commonTitlePlaceHolder {
	height: 4.68rem;
	background-color: #39B2C0;
}

.commonTitleContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 4.37rem;
	background-color: #39B2C0;
	padding-bottom: 0.32rem;
	box-shadow: 0px 5px 6px #4C4C4C;
}

.commonTitleLargeLogo {
	width: 10.3rem;
	margin-top: 0.25rem;
}

.commonTitleCompanyName {
	position: absolute;
	text-align: right;
	right: 0.75rem;
	top: 0.375rem;
	width: 6.25rem;
	height: 1.25rem;
}

.smallWhiteFont {
    font-size: 14px;
    color: #FFFFFF;
}

.smallBlackFont { 
    font-size: 12px;
    color: #000000;
}

.normalBlackFont { 
    font-size: 15px;
    color: #000000;
}

.normalWhiteFont { 
    font-size: 15px;
    color: #FFFFFF;
}

.bigWhiteFont {
    font-size: 16px;
    color: #FFFFFF;
}

.bigBlackFont {
    font-size: 16px;
    color: #000000;
}

.commonBk {
    background-color: #263238;
}

.grayBk{
	 background-color: #F4F5F5;
}

.alphaInput {
	height: 1.875rem;
	border-radius: 1.25rem;
	-moz-border-radius: 1.25rem;
	border: 1px solid rgba(0,0,0,0.54);
	background-color: rgba(0,0,0,0.52);
	box-shadow: 0px 1px 1px #D3D3D3;
	padding-left: 1rem;
	padding-right: 1rem;
	color: white;
	font-size: 16px;
}

.inputWithPaddingIcon {
	padding-left: 2.06rem;
	padding-right: 1.25rem;
}

.inputFlowoverTinyIconAtLeft {
    width: 1.125rem;
    height: 1.125rem;
    position: relative;
    left: 0.5625rem;
    top: -1.625rem;
}

.inputFlowoverTinyIconAtRight {
    width: 1.125rem;
    height: 1.125rem;
    position: relative; 
    top: -1.625rem;
    left: calc(100% - 1.25rem * 2.5);
}

.tinyIcon {
	width: 1.125rem;
    height: 1.125rem;
}

.blueBtn {
	cursor: pointer;
	background: #00838f;
	color: white;
	border-radius: 20px;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid #001A1A;
	text-algin: center;
	font-size: 14px;
}

.whiteLink {
	font-size: 13px;
	cursor: pointer;
	color: white;
}

.whiteLink:link {
	color: white;
}

.whiteLink:visited {
	color: white;
}

.whiteLink:hover {
	color: white;
}

.whiteLink:active {
	color: white;
}

.blueLink {
	font-size: 13px;
	color: #39b2c0;
	cursor: pointer;
}

.blueLink:link {
	color: #39b2c0;
}

.blueLink:visited {
	color: #39b2c0;
}

.blueLink:hover {
	color: #39b2c0;
}

.blueLink:active {
	color: #39b2c0;
}

.commonWhiteInput {
	width: calc(100% - 2.19rem);
	height: 1.75rem;
	border-radius: 1.25rem;
	-moz-border-radius: 1.25rem;
	border: 1px solid #A2A2A2;
	background-color: white;
	padding-left: 1rem;
	padding-right: 1rem;
	color: black;
	font-size: 14px;
}

.confirmBtn {
	height: 3.75rem;
	width: 3.75rem;
	cursor: pointer;
}

.errBlock {
	width: calc(100% - 2 * 1rem);
	height: 4rem;
	background-color: #bb0000;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	border: 1px solid rgba(0,0,0,0.54);
	box-shadow: 0px 1px 1px #D3D3D3;
	font-size: 16px;
	color: white;
}

.alertDiv {
	z-index: 1004;   
	position: absolute;
	left: 10%;
	top: 25%; 
	width: calc(80% - 2.5rem);
	height: 9rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
    background-color: #484848;
    border-radius: 1rem;
	-moz-border-radius: 1rem;
	border: 1px solid rgba(1,0.9,0.5,0.54);
	box-shadow: 0px 1px 1px #fbb020;
	font-size: 15px;
	color: white;
	display: none;
}

.alertBtnTD {
	height: 2.75rem;
}

.alertBtnTD img {
	height: 2.75rem;
	width: 2.75rem;
	cursor: pointer;
}

.progressMask { 
	position: absolute;
	top: 0;
	filter: alpha (opacity=80);
	background-color: #777;
	z-index: 1002;
	left: 0;
	opacity: 0.8;
	-moz-opacity: 0.8;
	width : 100%;
	height: 100%;
	display: none;
}


.progressDiv {
	position: absolute;
	z-index: 1003;   
    width: 11.56rem;
    height: 11.56rem;
    text-align: center;
    background-color: #00000000;
    display: none;
}

.progressDivText {
	width: 11.56rem; 
	position: relative; 
	top: -6.70rem; 
	left: 0;
    font-size: 16px;
    color: #000000;
}

.progressDivIcon {
    width: 11.56rem;
    height: 11.56rem;
}


.avatarImg {
	width: 4rem;
	height: 4rem;
	object-fit: cover;
	clip-path: circle(2rem at 2rem 2rem);
}

.blur {    
    -webkit-filter: blur(4px);
       -moz-filter: blur(4px);
        -ms-filter: blur(4px);    
            filter: blur(24px);    
}


.hidePwdInfo{
	visibility: hidden;
    width: 355px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
	bottom: 100%;
	text-align: left;
    /* left: 50%; */
    /* margin-left: -80px; */
}

 .hidePwdInfo::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -105px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}


/* Toggle this class when clicking on the popup container (hide and show the popup) */
.hidePwdInfo.show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

#registerbtndiv a{
	display:block;text-decoration: none;border-radius: 0px; background-color:#546e7a; width: 280px; height:66px; font-size:23px; color:white;padding-top: 20px;
}

