﻿
label.radio-button-label {
    position: relative;
    line-height: 1.6;
}

    label.radio-button-label > input[type="radio"] {
        opacity: 0;
        pointer-events: none;
        position: absolute;
    }

    label.radio-button-label > span {
        height: 25px;
        cursor: pointer;
        line-height: 25px;
        padding-left: 30px;
       
    }

        label.radio-button-label > span::before,
        label.radio-button-label > span::after {
            border-radius: 50%;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            margin: 4px;
            width: 16px;
            height: 16px;
            z-index: 0;
            transition: .28s ease;
        }

    label.radio-button-label > input[type="radio"]:checked + span::before {
        border: 2px solid #000;
    }

    label.radio-button-label > input[type="radio"]:checked + span::after {
        border: 2px solid #e1c030;
    }

    label.radio-button-label > input[type="radio"]:not(:checked) + span::before,
    label.radio-button-label > input[type="radio"]:not(:checked) + span::after {
        border: 2px solid #cccccc;
    }

    label.radio-button-label > input[type="radio"]:checked + span::after {
        background-color: #e1c030;
        transform: scale(0.5);
    }

.row {
    margin-right: 0px;
}

input[type=email], input[type=tel] {
    height: 40px;
}



.form-panel {
    background-color: rgb(240, 240, 240);
    padding: 20px;
    width: 70%;
    margin: 0 auto;
    min-height: 362px;
}

.form-heading {
    margin-bottom: 15px;
}

.orange-button {
    background: #F75527;
    border-radius: 2px;
    height: 75px;
    margin-top: 75px;
    padding: 20px;
    margin-bottom: 30px;
}

.login-button {
    width: 100%;
    height: 60px;
    font-size: 20px;
  
}

.register-button {
    height: 60px;
    width: 100%;
    padding: 20px;
    font-size: 20px;
    color: #fff;
}


.forgot-password {
    font-size: 18px;
    color: #000000;
    letter-spacing: 0.02px;
    text-align: center;
}

.dont-have-account {
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 50px;
}

.text-block {
    font-size: 14px;
    letter-spacing: 0.02px;
    line-height: 16px;
}

.container {
    padding-right: 20px;
    padding-left: 20px;
}


ul.checkmark {
    padding-left: 0px;
    text-indent: 2px;
    list-style: none;
    list-style-position: outside;
    font-size: 14px;
}

i.check {
    margin-right: 10px;
}

.center-block.container {
    border: solid 1px #ccc;
    margin-top: 50px;
}

.no-padding {
    padding: 0px !important;
}

.padded {
    padding: 20px;
}

.hide {
    display: none;
}

#form-register label.error {
    color: red !important;
}

.iti {
    width:100%;
}

.popover.error{
  
    color:red;
}
