@font-face {
    font-family: 'icomoon';
     src:  url('./fonts/icomoon.eot?gf6fch');
    src:  url('./fonts/icomoon.eot?gf6fch#iefix') format('embedded-opentype'),
            url('./fonts/icomoon.ttf?gf6fch') format('truetype'),
            url('./fonts/icomoon.woff?gf6fch') format('woff'),
            url('./fonts/icomoon.svg?gf6fch#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.action-wrapper  {
    text-align: center;
}
a.link-action  {
    color: #666666;
    text-decoration: none;
}
a.link-title {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 2em;
    background-color: #333; 
    text-align: center;
    width: auto;
    font-size: 1em;
    color: #f4b522;
    margin: 0 0 0.4em;
    padding: 0;
    font-weight: bold; 
}  
.main-top{
	background-color: #fff;
	height: auto;
	padding: 1.5em 0;
}

.main-top-title > span{
	color: #000;
}
.main-top-back, .main-top-menu {
    color: #000;
}

.smart-form .row-wrapper .button {
    width: 100%;
    margin: 0.2em 0 0;
    line-height: 2.25;
    font-size: 1em;
    border: 0 none;
    box-sizing: border-box;
    text-align: center;
    background: #ffda06; /* Old browsers */
    background: -webkit-linear-gradient(#ffda06 0%, #ffbe04 100%);
    background: -o-linear-gradient(#ffda06 0%, #ffbe04 100%);
    background: linear-gradient(#ffda06 0%, #ffbe04 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #000;
}
.smart-form .row-wrapper .button.danger {
    background: #df514a; /* Old browsers */
    background: -webkit-linear-gradient(#df514a 0%, #b72c26 100%);
    background: -o-linear-gradient(#df514a 0%, #b72c26 100%);
    background: linear-gradient(#df514a 0%, #b72c26 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white;
}

div.page-title {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 5.5em;
    background-color: #333;
}

h1.page-title {
    text-align: center;
    width: auto;
    font-size: 2.5em;
    color: #f4b522;
    margin: 0;
    padding: 0;
    font-weight: bold;
} 

h2.sub-title {
    text-align: center;
    width: auto;
    font-size: 2.2em;
    color: #000;
    margin: 0;
    padding: 0;
}

.smart-form .row-wrapper .txtfield {
    width: 100%;
    padding: 0.3em;
    font-size: 1em;
    border: 0.05em solid #b6cfff;
    box-sizing: border-box;
    background-color: #eff2fd;
}
.smart-form .row-wrapper .button {
    color: #070707;
    font-weight: bold;
}
.logo {
	max-width: 100%;
	height: auto;
}
.menu-whatsapp::before {
    content: "\e92c";
    font-weight: normal;
    font-family: 'icomoon' !important;
    font-style: normal;
}
.record-row > .record-info .link-promotion  {
    font-size: 1.5em;
    font-weight: bold;
    color: #333 !important;
    text-decoration: none !important;
}
.promotion-intro, .promotion-details {
    margin: 1em auto; 
    width: 96%;
    font-size: 1.2rem;
}
/* Pasword Strength */
#passwordStrength {
    height: 2em;
    line-height: 2em;
    margin-top: 0.2em;
    text-align: center;
    width: 100%;
} 
.strength0 {
    background: #cccccc;
}
.strength6 {
    background: #cccccc;
}
.strength1 {
    background: #ff0000;
}
.strength2 {
    background: #ff5f5f;
}
.strength3 {
    background: #56e500;
}
.strength4 {
    background: #4dcd00;
}
.strength5 {
    background: #399800;
}