/*! Place your custom styles here */
.margin-bottom-1 {
    margin-bottom: 1em !important;
}

.margin-bottom-2 {
    margin-bottom: 2em !important;
}

.margin-top-1 {
    margin-top: 1em !important;
}

.margin-top-2 {
    margin-top: 2em !important;
}
/*input[type="checkbox"]{
    width:14px !important;
   -webkit-appearance:checkbox !important;
}*/
.cas-show {
    display: block !important;
}

.cas-hide {
    display: none !important;
}

.cas-bg-black {
    background-color: black;
    color: white;
}

.cas-vertical {
    vertical-align: middle !important;
}

.cas-font-1-2 {
    font-size: 1.2em !important;
}

.cas-font-1-1 {
    font-size: 1.1em !important;
}

.cas-font-1-5 {
    font-size: 1.5em !important;
}

.bd-callout {
    padding: 1.25rem;
    padding-left: 2em;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-warning {
    border-left-color: #dc3545; /*#f0ad4e;*/
}

/*this section was added by Femi to customize the radio buttons*/
input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid darkgray;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px gray inset;
}

    input[type='radio']:hover, input[type='checkbox']:hover {
        box-shadow: 0 0 5px 0px orange inset;
    }

    input[type='radio']:before {
        content: '';
        display: block;
        width: 60%;
        height: 60%;
        margin: 20% auto;
        border-radius: 50%;
    }

    input[type='radio']:checked:before {
        background: #009444;
    }

input[type='checkbox'] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid darkgray;
    outline: none;
    box-shadow: 0 0 5px 0px gray initial;
}

    input[type='checkbox']:before {
        content: '';
        display: none;
    }

    input[type='checkbox']:checked:before {
        background: #009444;
    }

    input[type='checkbox']:checked:after {
        content: '\2713';
        color: white;
        position: absolute;
        font-size: 1.3em;
        line-height: 0.8;
        text-align: center;
        opacity: 1;
        /*transform: scale(1);*/
        background: #009444;
        width: 16px;
        height: 16px;
    }
/*ends here*/