/* CV CSS Theme 
 *
 * The following CSS can be applied to any form 
 * The hashtag (#) elements listed below are the unique ID values of some of the main components within a form
 * The dot (.) elements listed below are classes that can potentially be applied to multiple elements within a form
 *
 * 
 *
 * Page elements. Leave Page classes empty if theme should apply for embeded form
 *
 */

/* Page Html Body */
body {
}

/* Page overall page wrapper */
.cvpageholder {
}

/* Page top image element */
.cvpelement[data-peid='1'] {    
}

/* Page top image element */
.cvpelement[data-peid='1'] {
}

/* Page top or left text element */
.cvpelement[data-peid='2'] {
}

/* Page form element wrapper */
.cv_genform_content {
}

/* Page bottom image element */
.cvpelement[data-peid='4'] {
}

/* Page all image elements */
.cvpimage {
}

/* Page all text elements */
.cvptext {
}


/* 
*
*     Form Elements 
*
*/


/* Changes will be applied to the main container of the full donation form */
#donation-form {
}

    /* Styling for the container of the form header */
    #donation-form .page-header {
    }

        /* Styling for the text within the form header */
        #donation-form .page-header h2 {
        
        }

/* Styling for the sections of the form */
.well {
}

/* Form Label */
.control-label {
}

/* Form required label mark. This is pseudo element shown by default as a red asterix */
.required::after {
}

/* Form textbox inputs */
input[type='text'].form-control {
}

/* Form drop down inputs */
select.form-control {
}

/* Form submit button */
#cvf_submit {
}


/**
 * The next three styling elements are for the donation amounts:
 * The default state, the active (selected) state, and the hover state
 */
.btn-group {
}

.btn {
    white-space:normal;
}

/* Form toggle selector each toggle button */
.btn-group label.btn-primary {    
}

/* Form toggle selected toggle button. Use !important to override regular toggle button properties */
.btn-group label.active {
}

/* Form input with an active error message */
.has-error input, .has-error select {
}

/* Form input error message text */
.error-message {
}

/* Styling for the submit button */
#cvf_submit {
}

/* 
*
*    Form Wizard Elements
*
*/

/* Wizard Buttons */
.wzstepsinfonpanel ul li {
}
    /* Enabled Step Button */
    .wzstepsinfonpanel ul li.stepenabled {
    }

    /* Current Step Button */
    .wzstepsinfonpanel ul li.stepcurrent {
    }

    /* Step Button hover */
    .wzstepsinfonpanel ul li.hoveritem {
    }

/* Wizard Back and Next Buttons */
.actWizardSwitchStep {
}



/*-------------------------------------------------------------------------------------------------------------- */

/* CV CSS Theme 
 *
 * The following CSS can be applied to any form 
 * The hashtag (#) elements listed below are the unique ID values of some of the main components within a form
 * The dot (.) elements listed below are classes that can potentially be applied to multiple elements within a form
 *
 * 
 *
 * Page elements. Leave Page classes empty if theme should apply for embeded form
 *
 */
su
/* Page Html Body */
body {


}

/* Page overall page wrapper */
.cvpageholder {

}

/* Page top image element */
.cvpelement[data-peid='1'] {    
}

/* Page top image element */
.cvpelement[data-peid='1'] {
}

/* Page top or left text element */
.cvpelement[data-peid='2'] {
}
/* Page form element wrapper */
.cv_genform_content {
}

/* Page bottom image element */
.cvpelement[data-peid='4'] {
}

/* Page all image elements */
.cvpimage {
}

/* Page - Hides  TEXT AREA on Form 
.cvpelement.cvpcontainer.cvptextcontainer {
visibility: hidden;
}

*/


/* 
*
*     Form Elements 
*
*/


/* Changes will be applied to the main container of the full donation form */
#donation-form {
}

    /* Styling for the container of the form header */
    #donation-form .page-header {
    }

        /* Styling for the text within the form header */
        #donation-form .page-header h2 {
        
        }

/* Styling for the sections of the form */
.well {
}

/* Form Label */
.control-label {
}

/* Form required label mark. This is pseudo element shown by default as a red asterix */
.required::after {
}

/* Form textbox inputs */
input[type='text'].form-control {
}

/* Form drop down inputs */
select.form-control {
}

/* Form submit button */
#cvf_submit {

    background-color: #77d922;
    border-color: #77d922;
    border-radius: 0;
}


/**
 * The next three styling elements are for the donation amounts:
 * The default state, the active (selected) state, and the hover state
 */
.btn-group {
font-size: 14;

}

/* Form toggle selector each toggle button */
.btn-group label.btn-primary {    

    background-color: #091567 !important;
    border-color: #77d922 !important;
    border-radius: 2;


}

/* Form toggle selected toggle button. Use !important to override regular toggle button properties */
.btn-group label.active {
    background-color: #77d922  !important;
    border-color: #77d922  !important;
    border-radius: 2;
}

.btn-group label.default{
    background-color: #77d922  !important;
    border-color: #77d922 !important;
    border-radius: 2;
}

.btn-group label.selected {
    background-color: #77d922 !important;
    border-color: #77d922 !important;
    border-radius: 2;
}


.btn-primary {
    background-color: #808080 ;
    border-color: #808080 ;
    border-radius: 2;
}
.btn-primary.active.focus {
    background-color: #77d922 !important;
    border-color: #77d922 !important;
    border-radius: 2;
}


.btn-primary:hover, .btn-primary:focus {
    background-color: #77d922 !important;
    border-color: #77d922 !important;
}

}
.btn-primary.selected, .btn-primary.active {
    background-color: #77d922 !important;
    border-color: #77d922 !important;

}

/* Form input with an active error message */
.has-error input, .has-error select {
}

/* Form input error message text */
.error-message {
}


/* Styling for the submit button */
#cvf_submit {
    border-radius: 5px;
    background-color: #77d922 ;
    border-color: #77d922 ;
    font-size: 26px !important;
}

#cvf_submit:focus,
#cvf_submit:hover {
    background-color: #77d922  !important;
    border-color: #77d922  !important;
    border-radius: 5px !important;
}

/* 
*
*    Form Wizard Elements
*
*/

/* Wizard Buttons */
.wzstepsinfonpanel ul li {
}
    /* Enabled Step Button */
    .wzstepsinfonpanel ul li.stepenabled {
    }

    /* Current Step Button */
    .wzstepsinfonpanel ul li.stepcurrent {
    }

    /* Step Button hover */
    .wzstepsinfonpanel ul li.hoveritem {
    }

/* Wizard Back and Next Buttons */
.actWizardSwitchStep {
}



/* Amount button rounding of first and last amounts */

.btn-group
{
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}



/* Rounds button when hovering  */
.btn-primary:hover, .btn-primary:focus 
{
text-align: center;
}


.btn-toolbar
{
margin-left: 5px  !important;
}


.cv_genform_content .btn-group .btn+.btn, .cv_genform_content .btn-group .btn+.btn-group, .cv_genform_content .btn-group .btn-group+.btn, .cv_genform_content .btn-group .btn-group+.btn-group 
{
    margin-left: 11px;
}