.custom-error{
    font-size: 80%;
    color: #e3342f;
}
.question_mark{
    cursor: help;
    border-radius: 50%;
    padding: 0px 5px;
    font-size: 10px;
    background-color: #b9b9b9;
    color: white;
}
.field-icon {
    float: right;
    margin-top: -37px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-right: 6px;
    color: #38c172;
}
/*checkbox*/

.toggle-switch input[type=checkbox] {display:none}
.toggle-switch label {cursor:pointer;}
.toggle-switch label .toggle-track {
    display:block;height:40px;width:80px;background:#eee;border-radius:20px;
    position:relative;
    margin-bottom:15px;border:1px solid #ccc;
}

.toggle-switch .toggle-track:before{
    content:'Off';
    display:inline-block;height:40px;width:40px;background:#f74540;
    border-radius:20px;
    position:absolute;
    top:0;
    right:0;
    transition:right .2s ease-in;
    text-align: center;
    padding-top: 8px;
}

.toggle-switch input[type="checkbox"]:checked + label .toggle-track:before{
    content:'On';
    background:#38c172;
    right:40px;
    text-align: center;
    padding-top: 8px;
}