.mainContent{
    font-family: Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    margin: 10px;
    color: darkslategray;
}
h1 {
    font-family: Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    color: darkslategray;
}

.head{
    font-family: Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    color: darkslategray;
}
input{
    border-color:rgb(189, 189, 189) rgb(189, 189, 189) rgb(189, 189, 189) rgb(189, 189, 189);
    border-radius:2px;
    padding: 5px;
    border-width: 1px 1px 1px 1px;  
    background: transparent none repeat scroll 0% 0%; 
}

.inputSection {
    width: 250px;
}
input#inCCode{
    font-family: Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    width: 20%;
    margin-left:5px;
    margin-right: 5px;
    border-color:rgb(189, 189, 189) rgb(189, 189, 189) rgb(189, 189, 189) rgb(0, 145, 255);
    border-width: 1px 1px 1px 4px;
}

input#inPhno{
    font-family: Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    width: 50%;
    border-color:rgb(189, 189, 189) rgb(189, 189, 189) rgb(189, 189, 189) rgb(0, 145, 255);
    border-width: 1px 1px 1px 4px;
}

input#inMsg{
    margin-top:10px;
    margin-left:13px;
    height:50px;
    width:82%;
}

button#btnClick{
    padding: 10px;
    width:88%;
    font-family: Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;	
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 2px;
    background: rgba(0, 145, 255, 0.4) none repeat scroll 0% 0%;
    font-weight:bold;
    box-sizing: border-box;
    font-size:14px;
}

.wrongEntry{
    background: rgba(255, 94, 57, 0.15) none repeat scroll 0% 0%;
}
.hidden{
    display: none;
}
.subscript{
    margin-top: 20px;
    font-size: small;
    width: 100%;
    text-align: center;
}