/*general custom */

#formContent {
    box-shadow: 0px 0px 4px #000;
    width: 96%;
    margin: 20px auto;
    padding: 12px;
}

.wd100
{
    width: 100%;
}

.pd12
{
    padding: 12px;
}

#form {
    padding: 15px;
    border:3px dotted red;
    color:#252422;
    font-size:20px;
    box-shadow: 0px 0px 6px grey;
}

.tabTitle {
    text-align:center;
    font-size:28px;
    font-weight:bold;
}

#tabList {
    font-size:18px;
    font-weight:bold;
}

#tabList li {
    border-right:1px solid navy;
    padding: 12px 30px;
}
#tabList li.active {
    display: block;
}
#tabList li:not(.active)
{
    background-color:skyblue;
}
#tabList li:last-child {
    border:none
}

.responseText {
    padding: 10px;
    background-color:#fff;
    display:none;
}

#option {
    padding: 12px;
}

#option .icon
{   
   text-align: center;
}

#option .icon img
{
    height: 140px;
    width: 140px;
    border-radius: 100%;
    border:2px solid darkred;
}

#option .label {
    font-size: 20px;
    color:#252422;
    text-align: center;
    padding: 12px;
}

.aboutImg img {
    width: 98%;
}

.earning_section {
    background-color: #f2f2f2;
}

footer {
    background-color: #252422;
    color: #fff;
    padding: 12px;
}

.mLess20 {
    margin-top: -20px;
}

.sectionTitle {
    font-weight: bold;
}

.greyTitle {
    color: darkgray;
}

.redTitle {
    color: darkred;
}

.dashboard a {
    color: dodgerblue !important;
}

/* user code end */