body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}
 
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}

.error {
        color: #ab0707;
}

.icon {
padding: 21px;
    background: transparent;
    color: black;
    min-width: 50px;
    margin-left: -100px;
    text-align: center;
    font-weight:bold;
}





.iconleft {
    padding: 28px;
    background: transparent;
    color: black;
    min-width: 50px;
    margin-left: -550px;
    text-align: center;
    float: left;
    font-weight: normal;
}
.iconright {
    padding: 28px;
    background: transparent;
    color: black;
    min-width: 50px;
    float: right;
    margin-left: 300px;
    text-align: center;
    font-weight: bold;
}


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

 


input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-sizing: border-box;
}

 .row-height {
     height:5px;
 }
.form-label {
    color:#0f77b7;
  
}
 
/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
margin-bottom: 0;
border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {}

/* Set gray background color and 100% height */
.sidenav {
padding-top: 20px;
background-color: #ffffff;
color: black;
height: 100%;
}

/* Set black background color, white text and some padding */
footer {
background-color:#101010;
color: grey;
padding: 15px;
}

.top-header
{
background-color:white;
padding-left: 30px;
padding-top: 40px;
padding-bottom: 20px;
padding-right: 30px;
border-bottom: 1px solid #454545;
margin-bottom:30px;
}

.headermalaysia {
color:#00a548;
}

.back-input-2-1 {
background-color: white !important;
border: none;
color: black;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width:400px;
margin-left:-20px;
border:1px solid #d0d0d0 !important;
}


.next-input-2-1 {
background-color: #4CAF50 !important;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width:400px;
margin-left:  72px !important;
}



.back-input-2-2 {
background-color: white !important;
border: none;
color: black;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width:400px;
margin-left:-20px;
border:1px solid #d0d0d0 !important;
}


.next-input-2-2 {
background-color: #4CAF50 !important;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width:400px;
margin-left:  72px !important;
}
.next-input {
background-color: #4CAF50;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
width:400px;
margin-left:-20px;
}




/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;} 

.hidemobile{
display:none;
}
}