/* Minification failed. Returning unminified contents.
(1339,1): run-time error CSS1019: Unexpected token, found '}'
(1339,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3448,28): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-yellow'
(3452,28): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-green'
(3456,28): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-pink'
(3460,28): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-blue'
(3464,17): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-pen-red'
(3469,17): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-pen-green'
(3521,23): run-time error CSS1039: Token not allowed after unary operator: '-ck-image-style-spacing'
(3527,24): run-time error CSS1039: Token not allowed after unary operator: '-ck-image-style-spacing'
(3537,23): run-time error CSS1039: Token not allowed after unary operator: '-ck-image-style-spacing'
(3653,21): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3654,22): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3681,30): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3682,29): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3683,31): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3684,32): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3687,40): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3687,87): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(3731,22): run-time error CSS1039: Token not allowed after unary operator: '-ck-color-mention-background'
(3732,17): run-time error CSS1039: Token not allowed after unary operator: '-ck-color-mention-text'
 */
.vvBody {
    line-height: 1.5em;
    color: #585858;
    text-rendering: optimizeLegibility;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.vvBody, .ui-widget, .vvBody input, .vvBody select, .vvBody textarea, .vv_head, #onetrust-consent-sdk {
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
}

.vvBody,
.vvBody input,
.vvBody select,
.vvBody textarea,
.vvBody > section label {
    font-weight: lighter;
}

.vvBody strong {
    font-weight: bold;
}

/* round corners - 4px radius*/
.vvBody input, .vvBody select, .vvBody textarea {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
    padding: 8px;
}

.vvNavigation input,
.vvAlertDetails,
.vvActionImageThumbnailContainer,
.vv-action-container .vv-sidebar-fixed-content,
.vv-banner > div,
.vv-banner-background,
.vvBody div.vv-action-summary,
.vv-sidebar,
.vv-sidebar .vvBody,
.vvAccordion .ui-corner-top,
.vvAccordion .ui-corner-bottom,
.vvAccordion .ui-corner-all,
.vv-profile-thumbnail,
.vv_ProgressBar,
.vv_ProgressBar > div,
.vv_roundedImage,
.vv_roundedThumabnailImage,
.vv-target-match-thumbnail-container img,
.bx-viewport {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.vv_button,
.vv_smallButton,
.vvBody input[type="button"],
.vvBody input[type="submit"],
.vv-button {
    opacity: 0.9;
    font-weight: bold;
}

.vv_button:hover,
.vv_smallButton:hover,
.vvBody input[type="button"]:hover,
.vvBody input[type="submit"]:hover,
.vv-button:hover {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    cursor: pointer;
}

.ui-widget {
	font-size: 100%;
}
.ui-dialog {
    padding: 0px;
}
.ui-widget-overlay 
{
    background: none;
    background-color: #585858;
    opacity: 0.9;
}
.ui-dialog .ui-dialog-titlebar {
    padding-left: 0;
    padding-right: 0;
}

.ui-dialog .ui-dialog-content {
    padding: .5em 1.2em;
}

.vvDialog {
    padding: 0px;
    border: 0px;
}
.vvDialogHeader {
    margin-left: 0.8em;
    margin-right: 0.8em;
    border-top: none;
    border-left: none;
    border-right: none;
    background-image:none;
    border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.vvDialogHeader > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}
.vvDialogCloseButton {
    font-weight: bold;
    cursor: pointer;
    float: right;
    border: 0px !important;
    min-width: 0px !important;
    width: 100% !important;
    padding: 0px !important;
    background: none !important;
    background-color: transparent !important;
    color: #454446 !important;
}
.vvNotification {
    padding: 20px 5px 20px 5px;   
}
.vvBody a {
	text-decoration: underline;
	cursor: pointer;
}
.vvBody input, .vvBody select, .vvBody textarea {
	border: 1px solid #CCCCCC;
	color: #585858;
	font-size: 1em;
	margin-top: 2px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vvBody input {
	background-color: white;
}
.vvBody input[type="submit"],
.vvBody input[type="button"] {
    border: none;
}
.vvBody select, .vvBody input:not([type]), .vvBody input[type="text"], .vvBody input[type="tel"], .vvBody input[type="email"], .vvBody input[type="number"] {
	height: 100%;
}
.vvBody input[type="checkbox"] {
	margin: 5px 0px;
}
.vvBody select[multiple="multiple"] {
	height: auto;
	width: auto;
}
.vvBody input[type="button"], .vvBody input[type="submit"] {
    cursor: pointer;
}
.vvBody textarea {
	width: 100%;
    resize: vertical;
}
.vvBody input, .vvBody select, .vvBody textarea {
	background-color: #ffffff;
}
.vvSideBySide {
    display: inline-block;
    margin-right: -.35em;
}
.vvFieldContainer {
	padding-right: 6px;
}
.vvFieldContainerLast {
	padding-right: 2px;
}
.vvFieldContainer > input, 
.vvFieldContainer > select,
.vvFieldContainerLast > input, .vvFieldContainerLast > select {
	width: 100%;
}

.vvFieldContainer > input[type="radio"] {
    width: auto;
}

.vvFieldContainer > select,
.vvFieldContainerLast > input, .vvFieldContainerLast > select {
    /* MacOS */
    height: 2.4em;
}

.vv_instructions {
    padding : 2px 2px;
	margin: 5px 0px;
}
.vv_InstructionBox {
	padding-left: 0.95em !important;
	height: 35px;
	line-height: 35px;
	color: white !important;
}
.vv_required {
	/*color: #CC3333;*/ /* CODE-1334 Neal requested this removal*/
}
input::-webkit-input-placeholder { color: #A9A9A9; }
input:-moz-placeholder { color: #A9A9A9; } /*Firefox 4 to 18*/
input::-moz-placeholder { color: #A9A9A9; } /*Firefox 19+*/
input:-ms-placeholder { color: #A9A9A9; } /*Internet Explorer 10*/
input.placeholder { color: #A9A9A9; } /*jQuery plugin*/

.vv_bold {
    font-weight: bold !important;
}
.vv_head {
    font-weight: 900;
    background-color: Gainsboro;
    /*margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	margin-left: -5px;*/
}

.vvBody > section > header {
    margin-bottom: 10px;
}

.vvBody > section > header, .vvDialogHeader {
    background-color: transparent;
    color: #454446;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    padding-left: 0px;
}

.vvDialogHeader {
    padding-top: 5px;
}

.vvBody > section {
    margin-bottom: 20px;
}

.vvBody > section:first-child {
    margin-top: 0px;
}

.vvBody > section > section,
.vvBody > section > section > section > section,
.vvBody > section > section > section > form > section {
    margin-bottom: 5px;
}

.vvBody > section > section:last-child {
    margin-bottom: 0px;
}

.vvBody > section > section > header {
    margin-left: 2px;   
}
.vvBody > section > section > header,
.vvBody > section > section > section > section > header,
.vvBody > section > section > section > form > section > header {  
    margin-bottom: 3px;
}

.vvBody > section > section > header:not(:first-child),
.vvBody > section > section > section > section > header:not(:first-child),
.vvBody > section > section > section > form > section > header:not(:first-child) {
    margin-top: 5px;
}

.vvBody > section > header > div.vvUserProfileHeader {
    width: 50%;
    white-space: nowrap;
}
.vvBody > section > header > div.vvUserProfilePrivacy {
    width: 50%;
    text-align: right;
    white-space: nowrap;
    font-size: 0.95em;
    font-weight: normal;
}
.vvBody > section > header a {
	color: inherit;
	font-size: 0.75em;
	/*padding-right: 10px;*/
}
.vvBody > section > header > a {
	float: right;
}

.vvBody > section > section > div,
.vvBody > section > section > div > div.vvSideBySide,
.vvBody > section > form > section > div {
    margin-top: 2px;
    margin-bottom: 2px;
}

.vvBody > section > section > div:last-child,
.vvBody > section > section > div > div.vvSideBySide:last-child,
.vvBody > section > form > section > div:last-child {
    margin-bottom: 0px;
}

.vvBody > section > section > div.vv-address-information {
    margin-top: 0px;
    margin-bottom: 0px;
}
    
.vvBody > section > section > header#divUserInformationTitle,
.vvBody > section > section > header#divHomeInformationTitle,
.vvBody > section > section > header#divBusinessInformationTitle,
.vvBody > section > section > header#divOtherInformationTitle {
    margin-bottom: -1px;
}

.vvNavigation {
    margin-top: 15px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.vvNavigationProfile {
	position: relative;
	font-size: 1em;
}
.vvBody ul, .vvBody ol {
	padding-left: 2em;
	margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin: 0;
}
.vvNavigation li  {
    list-style: none;
	display: inline;
    margin: auto !important;
}
.vvNavigation li, .vvBody .vvButtonSpace  {
    text-align: center;
}
INPUT.vv_button, .vvNavigation a, .vvBody .vvButtonSpace  {
	display: inline-block;
}
INPUT.vv_button, .vvNavigation a, .vvNavigation input, .vvNavigationProfile input {
	background: #777777;
    color: White;
	text-decoration: none;
}
input.vv_smallButton {
    border: none;
    margin: 0px;
    padding: 0px;
    color: White;
	display: inline-block;
	text-decoration: none;
    font-size: 0.9em;
	padding: 5px !important;
    min-width:9em;
    cursor: pointer;
}
input.vv_smallButtonRight {
    float:right;
}

.vvNavigation a:active {
    border: 1px inset;
}
.vvNavigation > div {
    white-space: nowrap;
}
.vvNavigation li > #vvSpinner > img {
    /*height: 32px;
    vertical-align: middle;*/
    display: none;
}
.vvBranding {
    margin-top: 1em;
}
.vvBranding {
    text-align: right;
    padding-right: 5px;
	clear:both;
}

.vvBody > section > section > header,
.vvSection > section > header {
    background-color: #e2e2e2;
}

.vvBody > section > section > header,
.vvSection > section > header,
.vvBody > section > section > section > section > header,
.vvBody > section > section > section > form > section > header {
    color: #585858;
    font-weight: bold;
}
.vvFieldset > div {
    margin-bottom: 2px;
    margin-top: 2px;
}
.vvFieldset {
	background-color: #F2F2F2;
	border: 1px;
	border-color: #E2E2E2;
}
.forwardGivenNames {
	width: 97%;
}
.forwardSurname {
	width: 99%;
}
.forwardEmail {
	width: 99%;
}
.forwardSubject {
	width: 99%;
}
.forwardFriendEmails {
	width: 100%;
}
.forwardMessage {
	overflow: auto; 
	border: 1px solid #CCCCCC;
	margin-top: 2px;
}

/* for instructions immediately preceding ".vvBody > section label"
   ... shift the top space given by its 0.815em font up above the instructions*/
.vvBody > section .vvLabelInstructions {
    padding-top: .185em;
    padding-bottom: 2px;
    margin-bottom: -.185em;
}
.vvBody > section label > aside {
    color: #585858;
    display: inline;
    font-weight: normal;
}
.vvBody > section > section > div > aside, .vv-toggle-checkbox-label > aside {
	font-size: 0.75em !important;
	display: inline;
	color: red;
}

div.vv_bold > span.vv_required {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
div.validation-summary-errors > ul li {
	margin-left: -15px;
	font-size: 0.8em;
	color: red;
}
div.vv_instructions {
	margin: 0px;
	padding: 0px;
}

.vv_roundedThumabnailImage {
    width: 3em;
    height: 50px;
    overflow: hidden;
}

.vv_roundedThumabnailImage > img {
    width: 100%;
}
.vv_roundedImage {
    height: 100px;
    overflow: hidden;
	margin-bottom: 10px;
    margin-right: 15px;
}
.vv_roundedImage > img {
	width: 100%;
}
.vv_ProfileSection {
    padding-bottom: 30px !important;
}

.vv_ProfileSection ul {
    padding: 0;
}

.vv_ProfilePropertyBody a {
    word-wrap: break-word;
}
.vv_ProfiledEntityDescriptionContainer{
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
	height: auto;
	vertical-align: middle;
	padding-bottom: 10px;
}

.vv_ProfiledEntityDescriptionContainer > ul {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 24px !important;
	padding: 0;
}
.vv_ProfiledEntityDescriptionContainer > ul > li {
	padding-bottom: 2px;
}

.vv_ProfiledEntityDescriptionContainer > ul > li:last-child {
    font-size: 0.9em;
}

.vv_ProfiledEntityDescriptionContainer > nav {
    margin-top: 0.3em;
    margin-left: 1.6em;
}
.vv_ProfileContainer {
	width:100%;
	margin-top: 15px;
}

.vv_ProfilePhotoContainer{
	vertical-align: middle;
}
#vvRememberedUserSection > p {
    text-align: right;
}
#vvRememberedUserSection > p > span {
    font-weight: bold;
}
.vendorMap {
	padding-left: 5px;
	padding-right: 15px;
	font-size:70% !important ;
}
.vvExternalLink {
	background: url(https://d3dkdvqff0zqx.cloudfront.net/images/external_link.gif) center right no-repeat;
}
.vendorMapFrame {
	height: 200px;
	width: 400px;
	border: 0px;
}

/* Alerts */
.vvExpandedDetails {
    background-color: #f2f2f2;
    border: 1px;
    border-color: Gray;
    border-style: solid;
    height: 30%;
    overflow: auto;
    padding: 10px;
}
article .vvExpandedDetails {
    background-color: white;
}
.vvBody a.vvMore {
    color: inherit;
    font-weight: bold;
    text-decoration: inherit;
	white-space: nowrap;
}
.vvBody article a.vvMore {
    display: block;
    text-align: right;
}
.vvAlertDetails
{
	color: #585858;
	margin: 2px;
    overflow: auto;
    background-color: #f2f2f2;
    padding: 15px;
    /* Border */
	border-style:solid;
    border-width: 2px;;
    border-color: #cccccc;
}
.vvCampaignList > article {
    padding: 7px 0px;
}

.vvParagraphList {
    list-style-type: none; 
    margin: 0 !important; 
    padding: 0 !important; 
    width: 100%;
}

.vvParagraphList > li,
.vvParagraphItem {
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding: 10px; 
	width: 97%; 
	padding-bottom:25px; 
	border: 1px solid #CCCCCC;
	font-weight: normal; 
}

.vvParagraphItem {
    color: #585858;
    background-color: #EEEEEE;
    cursor: move;
}

.vvParagraphItem > div {
    width: 100%; 
    padding:3px;
}

.vvParagraphItem > a {
    float:right; 
    position:relative;
    overflow: auto;
    text-indent: 0;
}

.vvParagraphItemHidden {
    padding-bottom: 0 !important;
}

.vvParagraphItemHidden > a {
    margin-top: -25px;
}

.vvBody div.vvSpotlightContainer {
    padding: 0;
    margin-bottom: 1.5em;
}

.vvSpotlightSlider > div {
    margin-left: auto; 
	margin-right: auto;
}

.vvSpotlightSlider a {
    display: block;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.vvSpotlightImageContainer {
	background: #333333;
    max-height: 300px;
}

.vvSpotlightImageContainer img {
    max-height: 300px;
}

.vvSpotlightImageContainer > div {
	margin-left: auto;
	margin-right: auto; 
}
		
.vvSpotlightImageContainer img.vvCenterFrame {
	margin: auto;
	position: absolute; 
	top: 0; 
	bottom: 0;
}

.vvSpotlightCaption {
    font-size: 3vw !important;
}

.vvNoSpotlightImage div.vvCenterFrame {
    height: 100%;
    width: 100%;
    /*text-align: center;*/
}

.vvBody span.vvSpotlightTextContainer {
    display: table-cell;
    vertical-align: middle;
    /*text-align: center;*/
    padding-left: 40px;
    padding-right: 40px;
    color: white;
    /*line-height: 1.2em;*/
    /*font-size: 1.2em;*/
    line-height: 4vw;
    font-size: 3vw;
}

.vvBody span.vvSpotlightTextContainer span {
    padding-bottom: 15px;
    /*font-size: 1.4em;*/
    font-size: 3.5vw;
    font-weight: bold;
    display: block;
    width: 100%;
}

.vvActionImageContainer {
    min-height: 125px;
}

.vvActionImageThumbnailContainer {
    overflow: hidden;
    width: 125px;
    height: 125px;
    margin-right: 12px;
    cursor: pointer;
    float: left;
    display: inline-block;
    text-align: center;
}

.vvActionImageThumbnailContainer img {
    height: 125px;
}

.vvActionImageThumbnailContainer span.fa, 
.vvActionImageThumbnailContainer span.fas, 
.vvActionImageThumbnailContainer span.fab, 
.vvActionImageThumbnailContainer span.far {
    margin-top: .1em;
    font-size: 6em;
    opacity: 0.15;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.vvSliderHeadline {
	position: absolute;
    top: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
}

.vvSliderHeadline span {
	color: #fff;
	display: block;
	padding: 0.75vw;
    display: inline-block;
}

.vvSliderTakeAction {
    display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
}

.vvSliderTakeAction img {
    width: 3.5vw;
    height: 3.5vw;
    margin-top: 0.5vw;
    margin-right: 0.25vw;
    display: inline-block;
    border-width: 0;
}

.vvSliderTakeAction {
    padding: 1vw;
}

.vvSliderTakeAction span {
	color: #fff;
	display: block;
    padding-top: 0.25vw;
    display: inline-block;
}

.vvSliderTakeAction div.vvSpotlightCaption {
    white-space:nowrap; 
    /*min-width: 165px;*/
}

@media only screen and (min-width: 801px) {
    .vvSpotlightCaption {
        font-size: 3vw !important;
    }

    .vvBody span.vvSpotlightTextContainer {
        line-height: 1.5em;
        font-size: 1.2em;
    }

    .vvBody span.vvSpotlightTextContainer span {
        font-size: 1.4em;
    }

    .vvSliderTakeAction img {
        width: 32px;
        height: 32px;
        margin-top: 4px;
        margin-right: 5px;
    }

    .vvSliderTakeAction span {
        /*padding-top: 8px;*/
        /*padding-right: 10px;*/
    }

    .vvSliderTakeAction div.vvSpotlightCaption {
        /*min-width: 165px;*/
    }
}

.vvOtherActions {
    margin-top: -10px;
    width: auto !important;
}

.vvOtherActions td {
    vertical-align: middle;
    text-transform: lowercase;
}

.vvOtherActions td.vvActionLinkColumn {
    padding-left: 6px;
    width: auto;
}

img.vvActionLinkImage,
img.vv-link-image {
    border-width: 0;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

img.vvActionLinkImage {
    opacity: 0.67;
}

img.vvActionLinkHeaderImage {
    border-width: 0;
    display: inline-block;
    height: 1.8em;
    width: 1.8em;
    vertical-align: middle;
    margin-bottom: 2px;
}

td.vv-relationshipgrid-content-column:not(:first-of-type) {
    padding-left: 10px;
}
td.vv-button-block-column {
    width: 20px;
}
img.vv-button-block,
img.vv-button-block-last {
    
    margin-top: 7px;
    margin-bottom: 7px;
}
img.vv-button-block {
    margin-right: 15px;
}
.vvCampaignList.vvSpotlight {
	background-color: #F3E2A9;
}

.vvBody > section.vvWidgetBox {
    margin-bottom: 2em;
}
.vvBody > section.vvWidgetBox {
    /*padding: 0px 12px 12px 12px !important;*/
}

.vvBody > section.vvWidgetBox .vvFieldContainer:not(.vvKeepPadding) {
    padding-right: 0;
    margin-top: 4px;
}
.vvBody > section.vvWidgetBox input.vv_button.vv_smallButton {
    float: right;
    margin-top: 4px;
    /*override mobile style (to align)*/
    margin-right: 0;
}
    .vvBody > section.vvWidgetBox div.vvActionLinkContainer {
    margin-left: 10px;
    margin-top: 4px;
    /*override mobile style (to align)*/
    margin-right: 0;
}
/*override mobile style (for symmetry)*/
.vvBody > section.vvWidgetBox > div,
.vvBody > section.vvWidgetBox > p {
    padding-left: 0;
}
.vvBody > section.vvWidgetBox span#FindOfficials_CityState + div + div + input.vv_button.vv_smallButton {
    float: none;
    margin-left: 4px;
}
.vvBody > section.vvWidgetBox span#FindOfficials_CityState {
    font-size: .8em;
    font-style: italic;
}

.vvBody > section.vvSection2 {
    display: inline-block;
    width: 46%;
}
.vvBody > section.vvSection2.vvSection2right {
    float: right;
    /* this fixes an issue observed with using the plugin in chrome while zoomed in */
    margin-bottom: 2.85em;
}
.vvBody > section.vvSection2.vvSection2WRAPPED.vvSection2right {
    float: none;
}
.vvBody > section.vvSection2.vvSection2WRAPPED.vvSection2left {
    display: block;
    width: auto;
}
.vvBody > section.vvSectionCentered {
    margin-left: auto;
    margin-right: auto;
    min-width: 330px;
    width: 46%;
}
.vvBody > section.vvMobileAppSection {
    margin-right: 0;
    display: block;
    width: auto;
}
.vvBody > section.vvSectionCentered.vvSection2WRAPPED {
    min-width: 0px;
    width: auto;
}

.vvWidgetBox button {
    background-color: transparent;
}
button.vvActionButton {
    background-color: transparent;
}

.vvBody button {
    padding:0; 
    border:0; 
    cursor: pointer;
}

/*BEGIN tabs*/
.vvBody > section.vvFeauxTabContainer {
    padding-bottom: 0 !important;
}

.vvBody ul.ui-tabs-nav {
    background: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-top: 2px solid white;
    margin-left: -4px;
    margin-right: -5px;
    margin-top: -1px;
}

.vvBody ul.ui-tabs-nav > li:first-child {
    margin-left: 3px;
}
.vvBody ul.ui-tabs-nav > li.ui-tabs-active > a {
    outline-width: 0px;
}
.vvBody .ui-tabs-panel > p.vvTabInstructions {
    margin-top: 0;
    margin-bottom: 10px;
}
/*END tabs*/

/*BEGIN Promote*/
/*.vv-button-facebook, .vv-button-twitter, .vv-button-linkedin {
    background: no-repeat url(/AdminSite/Content/Images/ShareSprite-32x32.gif);
    border: none;
    cursor: pointer;
    height: 32px;
    padding: 0;
    padding-left: 32px;
    vertical-align: middle;
    width: 0;
}

.vv-button-facebook{background-position: 0 -160px;}
.vv-button-twitter{background-position: 0 -704px;}
.vv-button-linkedin{background-position: 0 -320px;}*/

.vv-post-as-container {
    margin-left: .75em;
    min-width: 150px;
}

@media only screen and (max-width: 650px) {
    .vv-post-as-container { min-width: 11em; }
}

.vv-success-message { color: green; }

.vv-success-message.ng-hide-add,
.vv-success-message.ng-hide-remove {
    display: block !important;
    opacity: 1;
    transition: 0.5s linear all;
}

.vv-success-message.ng-hide {
    opacity: 0;
}

.vv-previous-posts-container {
    text-align: right;
}

.vv-text-area-container {
    padding-right: 12px;
}

.vv-text-area-container textarea {
    margin: 0;
    width: 100%;
}

.vv-share-button-cell {
    vertical-align: bottom;
}

.vv-share-button-cell button {
    margin-bottom: 4px;
}

.vv-twitter-share-button-container {
    margin-bottom: 1em;
    padding-bottom: 7px;    
}

.vv-nowrap {
    white-space: nowrap;
}
/*END Promote*/

.vvAccordion .ui-accordion-header {
    background: #E2E2E2;
    color: #585858;
    font-weight: bold;
    font-size: 1em;
    border-color: #BBBBBB !important;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

/*.vvAccordion .ui-state-active {
    border-bottom-width: 0;
}*/

.vvAccordion .ui-accordion-content {
    padding: 10px 10px 0px 5px !important;
    border: 0 !important;
}

.vvAccordion .ui-corner-bottom {
    border-bottom-width: 0;
}

.vvAccordion .ui-accordion-header-icon {
    display: inline-block;
    float: right;
    margin-top: -6px !important;
    margin-right: 8px;
    position: relative !important;
    opacity: 0.75;
}

.vvAccordion .ui-state-default .ui-icon,
.vvAccordion .ui-state-active .ui-icon
{
    width: 32px;
    height: 32px;
    background-image: url("../themes/smoothness/images/ui-icons_222222_512x480.png");
}

.vvAccordion .ui-icon-triangle-1-w {
    background-position: -192px -32px;
}

.vvAccordion .ui-icon-triangle-1-s {
    background-position: -128px -32px;
}

.vvSubAccordion .ui-accordion-header {
    background: #FFFFFF;
    font-size: 0.9em;
    border: none;
    overflow: hidden;
}

.vvSubAccordion .ui-state-default .ui-icon {
    background-image: url('../images/add_metro.png');
}

.vvSubAccordion .ui-state-active .ui-icon {
    background-image: url('../images/minus_metro.png');
}

.vvSubAccordion .ui-accordion-content {
    padding: 0 !important;
}

.vvSubAccordion .ui-accordion-header-icon {
    margin-right: -5px;
}

.ui-icon.icon-plus {
    /*background: url('../images/add_metro.png') no-repeat;*/
    background-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
}

.ui-icon.icon-minus {
    /*background: url('../images/add_metro.png') no-repeat;*/
    background-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
}

.vvHidden {
    display: none !important;
}

.vv-toggle-checkbox-block {
    display: inline-block;
    vertical-align: middle;
}

.vv-toggle-checkbox-label {
    display: inline; 
    vertical-align: middle;    
}

.vvAccordionToggleDisabled span.ui-accordion-header-icon {
    display: none;
}

#loginSection > section {
    padding-top: 0;
}

.vv-action-container,
.vv-action-index-container {
    position: static !important;
}

.vv-sidebar, 
.vv-action-container,
.vv-action-confirmation {
    margin-top: 10px;
}

.vv-action-container .vv-sidebar, 
.vv-action-container .vv-sidebar-fixed-content {
    background: whitesmoke;
}

.vv-action-container .vv-sidebar-fixed-content {
    margin-bottom: 15px;
}

.vv-action-index-container[max-width~="749px"] .vv-sidebar {
    margin-top: 30px;
}

.vv-alert-text {
    font-size: 1.4em !important;
    line-height: 1.5em;
    /*padding-top: 10px;*/
    margin-bottom: 15px;
}

.vv-alert-text::after {
    content: "";
    display: table;
    clear: both;
}

.vv-action-alert-container {
    overflow: hidden;
}

.vv-content-container {
    padding-top: 10px;
}

.vv-content-container .vvBody {
    padding: 0px;
}

.vv-sidebar .vvBody {
    border: 2px solid #cccccc;
    padding: 15px;
}

.vv-action-index-container .vv-sidebar .vvBody {
    border: none;
    padding: 0px;
}


.vvBody > section > section:not(.vvCampaignList) > header,
.vvBody > section > form > section > header,
.vvSection > section > header {
    background: none !important;
}

.vvBody > section label {
    font-size: 1em;
}

#vv-greeting {
    font-size: 130%;
    font-weight: bold;
}

#vv-greeting-container {
    height: 2em;
}

#vv-greeting-container > div {
    float: left;
}

.vv-sidebar-fixed-content {
    position: fixed !important;
    top: 0;
    float: none;
}

.vv-banner-text {
    font-size: 38px !important;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: bold;
    line-height: normal;
    text-shadow: 2px 2px 5px #000000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0)
}

.vv-banner-background,
.vv-banner-image-background {
    padding-top: 40px;
    padding-bottom: 40px;

}

.vv-banner-background {
    background-image: none;
}

.vvSpotlightSlider .vv-banner-image-background,
.vvSpotlightSlider .vv-banner-background {
    height: 225px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.vvSpotlightSlider .vv-banner-text span,
.vvSpotlightSlider .vv-banner-image-background span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vvSpinner,
.vvNavigation #vvSpinner {
    border: 5px solid #D3D3D3;
    border-top: 5px solid transparent;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: fixed;
}
.vv-action-footer #vvSpinner {
    border: 5px solid #D3D3D3;
    border-top: 5px solid transparent;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    bottom: 10px;
    margin-left: -55px; 
}
.vv-action-container #vvSpinner {
    right: 0;
    margin-right: 10px;
    margin-left: 0;
}

.vvSpinner > img, 
.vvNavigation #vvSpinner > img, 
.vv-action-footer #vvSpinner > img {
    display: none;
}

}@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.vvBody .vv-compose-guidelines,
.vvBody .vv-phone-script-text {
    background-color: rgba(0,0,0,0.1); /*#e5e5e5 if white background... */
    padding: 0.667em;
    border-radius: 0.333em;
}
.vvBody .vv-compose-suggested-message {
    margin-bottom: 0;
}

.vvBody div.vv-action-summary {
    border: 1px solid;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 16px;
    background-color: #f8f8f8;
    box-shadow: none;
    border: 2px solid #cccccc;
    transition: box-shadow .3s ease-in-out;
}

.vvBody div.vv-action-summary:hover {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.24), 0 0 0 1px rgba(0,0,0,0.08);
}

.vvBody .vv-action-summary a {
    text-decoration: none;
    color: #585858;
}

.vv-action-summary > a > div {
    min-height: 125px;
}

.vvBody div.vv-action-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.5em;
    line-height: 1.2em;
}

.vvBody a.vv-action-filter {
    text-decoration: none;
    font-size: 18px;
    color: #a9a9a9;
    padding: 0 1em 0 1em;
    white-space: nowrap;
    border: none;
    transition: color .3s ease-in-out;

    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none;    /* Firefox all */
    -ms-user-select: none;     /* IE 10+ */
    user-select: none;         /* Likely future */
}

.vvBody a.vv-action-filter span.fa,
.vvBody a.vv-action-filter span.fas,
.vvBody a.vv-action-filter span.fab,
.vvBody a.vv-action-filter span.far {
    font-size: 1.0em;
}

.vv-blog-post-link-container {
    margin-bottom: 15px;
}

.vvBody div.vv-blog-post-link-date-header {
    font-size: 0.8em
}

.vvBody div.vv-action-filter-bar {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1em;
}

.vv-spotlight-icon {
    float: right;
    font-size: 14pt;
}

.vv-action-comment-button {
    margin-left: 3em;
}
.vvActionLink {
    font-size: 30px;
    color: #a9a9a9;
    vertical-align: middle;
    padding-bottom: 0.2em;
}

.vvBody > .privacy-policy-section > section {
    padding: 5px 0;
}

.vvBody > .privacy-policy-section .privacy-policy-header {
    margin-bottom: 2px;
}

.vvBranding > .privacy-policy-link > a {
    font-size: 0.75em;
    margin-right: -2px;
}

.vvBranding > .footer-logo-block {
    margin-right: -12px;
}

/*v These are FN styles from the GRM. */
.bx-wrapper {
    margin-bottom: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin: 8px;
    background: #a9a9a9;
    z-index: 1;
    transition: background .25s ease-in-out;
}
.bx-wrapper .bx-pager.bx-default-pager a:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    /*border: 1px solid #793c82; This style is assigned in StylesheetConverter*/
    border-radius: 100%;
    background: 0 0;
    z-index: 0;
    transform: scale(0.5);
    opacity: 0;
    transition: transform .25s ease-in-out,opacity .25s ease-in-out;
}
.bx-wrapper .bx-pager.bx-default-pager a.active
{
    /*background: #793c82; This color is assigned in StylesheetConverter*/
}
.bx-wrapper .bx-pager.bx-default-pager a.active:before{
    transform: scale(1.5);
    opacity: 1;
}

.bx-wrapper .bx-pager {
    position: relative;
    bottom: 0;
    padding-top: 5px;
}
/*^ These are FN styles from the GRM. */
/* Safari nonsense */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
}


/* text areas have different placeholder color by default compared to input.  Make them uniform.  
    Don't try combined different browser selectors into same rule, doesn't work.  */
::placeholder {
    color: #C0C0C0;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C0C0C0;
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #C0C0C0;
}

.vv-required::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

.vv-required:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

.vv-required::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

.vv-address-not-foound-info-icon {
    font-size: 16pt;
    cursor: pointer;
}

.vv-address-map-icon {
    cursor: pointer;
}

.vv-promote-container {
    margin: auto;
    white-space: nowrap;
    max-width: 600px;
}

.vv-promote-container[max-width~="599px"] {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -10px;
}

.vv-promote-container[min-width~="600px"] .vv-promote-block {
    display: inline;
}

.vv-promote-container[max-width~="599px"] .vv-promote-block {
    width: 100%;
    margin-bottom: 15px;
}

.vv-promote-container[max-width~="250px"] .vv-promote-item-container {
    margin-bottom: 0; 
}
        
.vv-promote-container[min-width~="600px"] .vv-promote-item-container {
    display: inline-block;
    width: 25%;
}

.vv-promote-container[max-width~="599px"] .vv-promote-item-container {
    display: inline-block;
    width: 50%;
}

.vv-promote-container[max-width~="250px"] .vv-promote-item-container {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.vv-promote-container[min-width~="600px"] .vv-promote-instructions {
    white-space: nowrap;
}

.vv-promote-spacer {
    padding-left: 5px;
    padding-right: 5px;
}

.vv-promote-item-container {
    white-space: nowrap;
    text-align: center;
}

.vv-promote-item {
    height: 60px;
    border-radius: 4px;
    color: white;
}

.vv-promote-icon-container,
.vv-promote-text-container {
    display: inline-block;
}

.vv-promote-icon-container {
    padding-top: 14px;
}

.vv-promote-text-container {
    vertical-align: top;
    padding-top: 18px;
}

.vv-promote-icon {
    font-size: 24pt;
}

.vv-promote-text {
    margin-left: 10px;
    font-size: 14pt;
    font-weight: bold;
}

.vv-promote-facebook {
    background: #3B5998;
}

.vv-promote-twitter {
    background: #1DA1F2;
}

.vvBody a.vv-promote-link-container {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: white;
}

.vv-promote-linkedin {
    background: #0077B5
}

.vv-promote-email {
    background: gray;
}

.vv-promote-instructions-container {
    margin: auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}

.vv-promote-instructions {
    padding-bottom: 10px;
}

.vv-promote-url-container {
    padding-left: 15px;
    padding-right: 15px;
}

.vvBody input.vvCopyClipboardButton {
    margin-top: 15px;
    background: lightgray;
}

.vv-promote-url {
    display: inline-block;
    word-break: break-all;
}

.vv-promote-social-media-success-message-container {
    margin: auto;
    text-align: center;
}

.vv-copy-link-tooltip {
    border: solid lightgray;
    border-radius: 4px;
    border-width: 1px;
    background: white;
    padding: 8px;
    white-space: nowrap;
    display: none;
    width: 100px;
}

.vv-promote-copy-container {
    position: relative;
}

#vv-copy-promote-url-button {
    /* fix for iframe horizontal scroll */
    margin-right: -105px;
}

.vv-copy-link-tooltip-container {
    width: 100px;
    display: inline-block;
    /* fix for iframe horizontal scroll */
    margin-left: 105px;
    margin-right: -105px;
}

@media only screen and (max-width: 290px) {
    #vv-copy-promote-url-button {
        margin-right: 0;
    }

    .vv-copy-link-tooltip-container {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }
}

#alertSection > header {
    display: none;
}

.vv-thankyou-message, .vv-target-confirmation, .jsShareTabContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

input.signatureInput {
    display: none !important;
}

.vv-action-bar-button-container {
    display: inline-block;
    width: 100px;
    padding-left: 2px;
    padding-right: 2px;
}

.vv-action-bar-button-container:first-child {
    padding-left: 0px;
}

.vv-action-bar-button-container:last-child {
    padding-right: 0px;
}

.vv-action-bar-button {
    border-radius: 4px;
}

.vv-action-bar .vv-action-bar-button:hover {
    background-color: #e0e0e0;
}

#directorySection>header {
    margin-bottom: 20px;
}

#directorySection>header>header {
    margin-top: 10px;
}

#directorySection > section > header, 
.vv_ProfileSection > header {
    margin-bottom: 5px !important;
}

.vv-remembered-profile {
    margin-bottom: 5px;
}

#vv-edit-profile-link {
    float: right;
    font-size: 1.5em;
    cursor: pointer;
}

.vv-profile-thumbnail,
.vv-profile-link-container {
    height: 50px;
    vertical-align: middle;
}

.vv-profile-link-container {
    vertical-align: middle;
    white-space: nowrap;
}

.vv-profile-thumbnail {
    margin-right: 10px;
    display: inline-block;
}

.vv-profile-link-text {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    width: 90%;
}

.vv-profile-link-container:not(:last-child) {
    margin-bottom: 15px;
}

.vvSupportContainer {
    color: green;
}

.vvOpposeContainer {
    color: red;
}

.vv-state-icon {
    font-size: 65px !important;
    float: right;
    padding-top: 25px;
    color: #454446;
}

.vv-tab-menu {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    white-space: nowrap;
}

.vv-tab-menu-container {
    display: inline-block;
}

.vv-tab-menu li {
    list-style: none;
}

.vv-tab-menu a {
    color: #585858 !important;
    text-decoration: none;
}


.vv-tab-menu-item-active a {
    color: white !important;
    text-decoration: none;
}

.vv-tab-menu .vv-tab-menu-item-container {
    display: inline-block;
    cursor: pointer;
    opacity: 0.9;
    background: gainsboro;
    padding-top: 8px;
    padding-bottom: 8px;
    /*padding-left: 8px;
    padding-right: 8px;*/
    /*border-radius: 8px;
    -webkit-border-radius: 8px;*/
}

.vv-tab-menu-spacer {
    display: inline-block;
}

.vv-tab-menu .vv-tab-menu-item-container:first-child {
    padding-left: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

.vv-tab-menu .vv-tab-menu-item-container:last-child {
    padding-right: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

.vv-tab-menu .vv-tab-menu-item-container .vv-tab-menu-item-spacer {
    /*padding-left: 8px;
    padding-right: 8px;*/
}

.vv-tab-menu .vv-tab-menu-item {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    min-width: 100px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 0.9;
}

.vv-tab-menu .vv-tab-menu-item:hover {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.vv-tab-menu .vv-tab-menu-item-active {
    color: white;
    font-weight: bold;
}

/* Aggregate Scorecards and Full Scorecard */
.vvBody section#vvConsolidatedScorecardResults > section > header,
.vvBody section.vv_FullScorecard > section > header,
.vvBody section.vv-profile-section-scorecard > header {
    background: none;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    height: auto;

}

.vvBody section#vvConsolidatedScorecardResults > section > header,
.vvBody section.vv_FullScorecard > section > header {
    margin-top: 10px;
    margin-bottom: 5px;
}

.vvBody section.vv-profile-section-scorecard {
    margin-top: 15px;
}

.vv_FullScorecard,
#vvConsolidatedScorecardResults {
    margin: 0px 0px;
}

.vvBody section#vvConsolidatedScorecardResults > section:not(:last-child) {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 18px;
}
.vvBody section.vv_FullScorecard > section:not(:last-child) {
    padding-bottom: 2px;
    border-bottom: 1px solid #CCCCCC;
    /*margin-top: 4px;*/
}
.vvBody section.vv_FullScorecard > section:first-child {
    border-bottom:none;
}

.rowSmall {
    width: 10%;
}
.rowName {
    width: 70%;
}

.vvBody table.vvScorecardAggregate {
    border-collapse: collapse;
    width: 100%;
}

.vvBody table.vvScorecardDetail,
table.vv-table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.vvBody table.vvScorecardAggregate > thead > tr > th,
.vvBody table.vvScorecardDetail > thead > tr > th {
    text-align: center;
    padding: 3px;
}

.vvBody table.vvScorecardAggregate > tbody > tr > td,
.vvBody table.vvScorecardDetail > tbody > tr > td {
    text-align: center;
    padding: 10px;
}

.vvBody table.vvScorecardAggregate > tbody > tr:nth-child(odd) > td,
.vvBody table.vvScorecardDetail > tbody > tr:nth-child(odd) > td,
table.vv-table > tbody > tr:nth-child(odd) > td {
    background-color: #F8F8F8;
}

.vvBody table.vvScorecardAggregate > thead > tr > th:first-child,
.vvBody table.vvScorecardAggregate > tbody > tr > td:first-child,
table.vv-table > tr > td:first-child {
    text-align: left;
    white-space: nowrap;
    padding-left: 10px;
}

table.vv-table > thead > tr > th {
    padding-left: 10px;
    padding-right: 10px;        
}

.vvBody table.vvScorecardDetail > thead > tr > th:first-child,
.vvBody table.vvScorecardDetail > tbody > tr > td:first-child,
.vvBody table.vvScorecardDetail > thead > tr > th:nth-child(2),
.vvBody table.vvScorecardDetail > tbody > tr > td:nth-child(2),
table.vv-table > tr > th:nth-child(2),
table.vv-table > tr > td:nth-child(2) {
    text-align: left;
    padding: 10px;
}

.vv_ProfileSection table tr td:first-child,
table.vv-table tr td:first-child {
    border-left-style: solid;
    border-color: transparent;
    border-width: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

.vv_ProfileSection table tr td:last-child,
table.vv-table tr td:last-child {
    border-right-style: solid;
    border-color: transparent;
    border-width: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

table.vv-table > thead > tr > th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.vv-remark {
    color: silver;
}

.addeventatc {
    z-index: auto !important;
    font-size: 15px !important;
}

.vv-scrolly-table-container {
    overflow-y: auto;
    max-height: 181px;
}

.vvBody > section table,
.vv-scrolly-table-container table {
    border-collapse: collapse;
    width: 100%;
}

.vv-scrolly-table-container table td {
    border-top: 1px solid #cccccc;
    
}

.vv-scrolly-table-container table td,
.vvBody > section table tr td {
    padding: 10px;
}

.vv-scrolly-table-container table tr:last-child td {
    border-bottom: 1px solid #cccccc;
}

.vv-scrolly-table-container table tr:nth-child(odd) > td {
    background-color: #f8f8f8;
}

.vv-scrolly-table-container td a {
    text-decoration: none;
}

.vv-target-match-select-container {
    padding-right: 5px;
}

.vv-target-match-thumbnail-container {
    padding-right: 10px;
    min-width: 45px;
    cursor: pointer;
}

.vv-target-match-select-container {
    vertical-align: top;
    padding-top: 18px;
}

.vv-target-match-profile-link-container,
.js-candidacy-status {
    vertical-align: bottom;
    padding-bottom: 22px;
    text-align: left;
}
.vv-target-match-thumbnail-container img {
    height: 55px;
    width: 45px;
}

.vv-no-profile-picture {
    font-size: 100px;
}

.vvBody ul.vv-directory-officials .vv-target-match-thumbnail-container .fa-user,
.vvBody #candidatesSection .vv-target-match-thumbnail-container .fa-user {
    font-size: 2.5em;
    margin-left: 0.1em;
    line-height: 60px;
}

.vv-meeting-calendar {
    float: right;
}

.vv-zip-instructions > div {
    padding-left: 10px;
}

.vv-verification-success {
    color: green;
    display: inline-block;
    padding-left: 4px;
    margin-top: 2px;
    font-size: 1.5em;
}

.vv-verification-error {
    padding-left: 4px;
    display: inline-block;
}

.vv-email-verification-section > div {
    padding-top: 8px;
    padding-bottom: 8px;
}

.vv-verification-email-address {
    font-weight: bold;
}

.ui-datepicker {
    font-size: 12px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    padding-left: 0;
}

.ui-autocomplete {
    list-style: none;
    font-size: 14px;
    width: auto;
    max-width: 600px;
}

.ui-autocomplete a {
    color: #585858 !important;
}

.ui-autocomplete .vvAutocompleteContainer {
    width: 100%;
}

.ui-autocomplete .vvAutocompleteHeader {
    font-weight: bold;
}

.ui-autocomplete .vvAutocompleteMeta {
    font-size: 12px;
}

#vvMobileSubscriptionMessage{
    font-size: 14px;
    line-height: 16px;
    color: grey;
    margin: 6px 0;
}

/* Mobile-responsive action card layout - applies to all sites on mobile */
@media only screen and (max-width: 750px) {
    /* Reset the min-height for action summary containers on mobile */
    .vv-action-summary > a > div {
        min-height: auto !important;
    }
    
    /* Make the action image container full width and centered on mobile */
    .vvActionImageThumbnailContainer {
        float: none !important;
        width: 100% !important;
        height: 200px !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        display: block !important;
    }
    
    /* Adjust image to cover full width on mobile */
    .vvActionImageThumbnailContainer img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
    }
    
    /* Also adjust background images to cover properly */
    .vvActionImageThumbnailContainer[style*="background"] {
        background-size: cover !important;
        background-position: center !important;
    }
    
    /* Adjust icon size for cards without images */
    .vvActionImageThumbnailContainer span.fa,
    .vvActionImageThumbnailContainer span.fas,
    .vvActionImageThumbnailContainer span.fab,
    .vvActionImageThumbnailContainer span.far {
        font-size: 8em !important;
        line-height: 200px !important;
        display: block !important;
    }
    
    /* Make content container full width below image */
    .vv-action-alert-container {
        width: 100% !important;
        clear: both !important;
        display: block !important;
    }
    
    /* Reset the min-height for action image container */
    .vvActionImageContainer {
        min-height: auto !important;
    }
}
/************************************************************************************************************************
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/****************************************************** Begin Media Queries ***************************************************/

@media only screen and (max-device-width: 480px), only screen and (max-width: 480px){
	.vvBody {
		font-size: 16px !important;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 800px), only screen and (min-width: 481px) and (max-width: 800px) {
	.vvBody {
		font-size: 18px !important;
	}
}
@media only screen and (min-device-width: 801px) and (max-device-width: 1024px), only screen and (min-width: 801px) and (max-width: 1024px) {
	.vvBody {
		font-size: 20px !important;
	}
    .vv-completed-badge {
        font-size: 19px !important;
    }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1281px), only screen and (min-width: 1025px) and (max-width: 1281px) {
	.vvBody {
		font-size: 22px !important;
	}
    .vv-completed-badge {
        font-size: 19px !important;
    }
}
/****************************************************** End Media Queries *****************************************************/

/************************************************ Begin Override /Home *************************************************/
.vvBody > section.vvWidgetBox > table, 
p {
    /* changed to 0, added extra indent to Petitions/Respond Action Alert  */
    padding-left: 0;
}

p {
    margin-top: 1em;
    margin-bottom: 1em;
}

.vvBody > section.vvWidgetBox > div,
.vvBody > section.vvWidgetBox > p {
    padding-top: 0 !important;
}

.vvBody > section.vvWidgetBox span#FindOfficials_CityState {
	padding-left: 10px;
}
.vvBody span.vvSpotlightTextContainer {
    margin-left: 15px
}

.vvBody .section header {
    padding-left: 15px;
}

/************************************************ End Override /Home ***************************************************/

/************************************************ Begin Override Advocacy.css *************************************************/
.vvCampaignList > article {
	padding: 10px 5px 15px 15px !important;
}
/************************************************ End Override Advocacy.css ***************************************************/

/* Prevent font scaling in landscape (esp on iPhone) */
html {
    -webkit-text-size-adjust: none;
}
.vvBody {
    font-size: 18px;
    line-height: 1.4em;
    padding: 10px;
}
.vvDialogCloseButton {
    font-size: 1.5em !important;
    min-width: 0px !important;
    height: 1.5em !important;
    width: 1.5em !important;
}
body > header h2 {
    font-size: 1.5em;
	font-weight: bold;
	margin: 10px;
}

#nextMessage {
    margin: 0;
}

.vvBody a
{
    color: #585858;
}

.vvBody span.fa,
.vvBody span.fas,
.vvBody span.far{
    font-family: 'Font Awesome 5 Free';
}	
.vvBody span.fab{
    font-family: 'Font Awesome 5 Brands';
}	

section.vvCampaignList a {
	font-weight: bold;
	text-decoration: none;
}
/*Recipients of message*/
.vvBody > section > section ul, .vvBody > section ul {
	margin: 5px 10px;
	padding-left: 10px;
	text-indent: -5px;
	list-style-type: disc;
}
.vvBody > section > section.vv-recipients-section ul {
    padding-left: 2em;
    margin-left: -0.9em;
}
/*para*/
.vvBody > section > section > p {
	margin-top: 10px;
	margin-bottom: 5px;
}
.vvBody select, textarea, .vvBody input:not([type]), .vvBody input[type="text"], .vvBody input[type="tel"], .vvBody input[type="email"], .vvBody input[type="number"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vvBody select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
    background-color: white;
    background-position : right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}

.vvBody input[type="radio"], input[type="checkbox"] {
    margin-top: 5px;
    margin-bottom: 10px;    
}

.vvBody input[type="radio"] {
    border: 0;
    height: 18px;
    width: 18px;
}

.vvBody input[type="radio"]:checked {
   background: #007AFF; 
 }

.vvBody > section {
	margin: 0px 0px 20px 0px;
}

.vvBody > section.vv-action-confirmation {
    margin-top: 10px;
}

.vvBody > section > header + .vvHeaderAddendum {
    margin: 5px 10px;
}
.vvDialogHeader {
	height: 30px;
	line-height: 30px;
	padding-left: 2px;
}
.vvBody > section > p {
    padding: 15px;
}

INPUT.vv_button, .vvNavigation a, .vvNavigation input, .vvNavigationProfile input, .vvBody .vvButtonSpace  {
    padding: 15px 15px;
    margin: 10px 10px;
	min-width: 100px;
}
INPUT.vv_button, .vvNavigation a, .vvNavigation input, .vvNavigationProfile input {
	font-size: 1.2em;
}

input.vvDialogCloseButton {
    margin-top: 0;
    margin-right: 0;
}

.vvNavigation input 
{
    padding: 14px 15px 13px 15px;
    border-width: 0px;
    min-width: 130px;

}
input.vv_smallButton {
    font-size: 0.9em;
}
.vvBody > section > section > header,
.vvBody > section > form > section > header,
.vvSection > section > header {
    margin: 0 -5px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 30px;
    line-height: 30px;
    text-shadow: 0.1em 0.1em #eee;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0, 0, 0, 0.1)));
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-image: -webkit-gradient(linear,left top,right bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)),color-stop(0.45,rgba(0,0,0,0.25)),color-stop(0.55,rgba(0,0,0,0.25)),color-stop(0.65,rgba(0,0,0,0.25))) 0 100% 1 1 stretch stretch;
}
.vvBody > section > section.vvCampaignList {
	margin-bottom: 0px !important;
}
/* section section div */
.vvBody > section > section > article {
	-webkit-transform: translate3d(0,0,0);
	overflow: hidden;
	margin: 0px -5px;
	padding: 8px;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
    padding-left: 15px;
}
.vvBody > section > section > article > div {
	padding: 5px 0px;
}
.vvFieldset {
	padding: 10px;
	margin: 10px 0px;
}

.vv_ProfiledEntityDescriptionContainer > ul {
	list-style:none !important;
}

.vv_ProfilePropertyHeader {
    font-weight: bold;
}
.vv_ProfilePropertyBody {
    margin-bottom: 10px;
}

.vvNotificationButton {
    font-size: 1em !important;
    margin: 8px !important;
    min-width: 100px !important;
}

/*BEGIN tabs*/
.vvBody section.ui-tabs {
    padding-top: 0;
    padding-left: 3px;
    padding-right: 3px
}
/*END tabs*/


.vvParagraphListContainer {
    padding-left: 5px !important;
    padding-right: 4em !important;
    font-size: 0.8em !important;
}

.vvParagraphList > li,
.vvParagraphItem {
	margin-top: 15px; 
	margin-bottom: 15px;
}

.vvParagraphListContainer > .vvNavigation {
    margin-right: -3em !important;
}

span.vvInputValidation {
    margin-left: 0 !important;
    display: block;
}

.vvQuestionContainer {
    margin-left: 10px;
    margin-right: 10px;
}

.vvTakeAction div {
    margin-top: 8px;
}

.vvOtherActions {
    margin-top: 5px;
}

.vvOtherActions td {
    padding-bottom: 10px;
}

.vvOtherActions tr:last-child td {
    padding-bottom: 0px;
}

.vvBody > section > section > article > div.vvMeetingItemContainer {
    padding-right: 38px;
}

.vvMeetingInformationContainer {
    width: 100%;
    float: left;
    line-height: 1.5em;
}

.vvMeetingDetailsActionContainer {
    width: 32px;
    float: right;
}

.vvMeetingDetails > div > ul {
    margin-left: 8px;
}

.vvBody > section > section.vvMeetingDetailsSection {
    padding-bottom: 10px;
}

.jsMeetingOfficials ul li {
    margin-left: -10px;
}

@media only screen and (max-width: 750px) {
    .vv-meeting-calendar {
        float: none;
        margin-bottom: 10px !important;
    }
}

.ui-autocomplete {
    padding-left: 0 !important;
}

.vvListItemContainer {
    width: 100%;
    float: left;
}

.vvListItemActionContainer {
    width: 32px;
    float: right;
    margin-right: -32px;
}

.vvSpotlightCaption, .vvSpotlightTextContainer {
    text-indent: 0;
}

.vvBody > section > article {
    padding-left: 15px;
    padding-right: 15px;
}

.vv-remember-me-block {
    margin-top: 10px;
}

.bootstrap-switch {
    text-indent: 0;
}

.vv-directory-officials li {
    margin-bottom: 10px;
}

/************************************************ Begin Override Survey.css *************************************************/
.vvQuestionContentContainer > div.vvMeetingTime,
.vvQuestionContentContainer > div.vvMeetingLocation,
.vvMeetingOfficial {
    margin-bottom: 25px !important;
}

.vvBody > section > section > div.vvQuestionContainer input,
#surveyContainer > section > div.vvQuestionContainer input {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.vvQuestionContentContainer > div {
    margin-bottom: 15px !important;
}
/************************************************ End Override Survey.css *************************************************/

.vvBillsHeader {
    line-height: 55px !important;
}

td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
}

th {
    padding-right: 15px !important;
}

.vvAccordion .ui-accordion-content {
    padding: 15px !important;
}

.vvBody > section > section > div.vvQuestionContainer label, #surveyContainer > section > div.vvQuestionContainer label {
    font-size: 14px !important;
}

.vv-user-custom-field-block {
    margin-top: 10px;
    margin-bottom: 10px;
}

 .vv-toggle-checkbox-block {
    display: inline-block;
    vertical-align: middle;
     margin-right: 10px;
}

.vv-toggle-checkbox-label {
    display: inline-block; 
    width: 50% !important;
    vertical-align: middle;    
}

.vv-toggle-checkbox-label > aside {
    font-size: 0.75em !important;
    display: inline;
    color: red;
}

.vv-directory-officials {
    padding-left: 0;
}

.vv-scorecard-session {
    margin-top: 5px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;    
}

.vvScorecardMotion p {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}


.ui-datepicker {
    -moz-min-width: 250px;
    -ms-min-width: 250px;
    -o-min-width: 250px;
    -webkit-min-width: 250px;
    min-width: 250px;
}

.vv-association-header-logo-vector {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height: 45px;
}

.vv-association-header-logo-raster {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    max-height: 50px;
}

.vvSection2WRAPPED {
    min-height: 0 !important;
}

.ui-menu {
    list-style: outside none none !important;
}

.ui-menu .ui-menu-item a {
    text-decoration: none !important;
}

.vvActivities > div {
    line-height: 2em;
    padding: 25px 5px 25px 15px !important;
}

span.vvPhoneRecipientsName {
    width: 80% !important;
}

.vvMeetingAttendeeSpinner {
    right: 4em
}

.vvMeetingInformationContainer a {
    text-decoration: underline !important;
}

.vvBody > section > section > div.vvMeetingInvitationInstructions {
    margin-bottom: 20px;
}

img.vvActionLinkHeaderImage {
    height: 2.5em;
    width: 2.5em;
    vertical-align: middle;
    margin-bottom: 5px;
}

.vvMobileAppCalendar {
    display: inline-block;
    zoom: 1;
    position: relative;
    z-index: 1;
    font-family: Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #000!important;
    font-weight: 300;
    line-height: 100%!important;
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-top-color: rgb(229, 230, 233);
    border-right-color: rgb(223, 224, 228);
    border-bottom-color: rgb(208, 209, 213);
    border-left-color: rgb(223, 224, 228);
    font-size: 15px;
    text-decoration: none;
    padding: 13px 12px 12px 43px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased!important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-image: url('../images/addeventcalendar.png');
    background-position: 15px 12px;
    background-repeat: no-repeat;
}

#vvCalendarReminder .vvMobileAppCalendar span {
    margin-left: 30px;
}

.vvBody > section > div.vvMobileAppCalendar {
    padding-left: 15px;
}

.vv-action-index-container[min-width~="900px"] .vv-content-fill {
    margin-right: 320px;
}

.vv-action-index-container[min-width~="900px"] .vv-content-container {
    margin-right: -300px;
    float: left;
    width: 100%;
}

.vv-action-index-container[min-width~="900px"] .vv-sidebar,
.vv-action-index .vv-sidebar-fixed-content {
    width: 300px;
    float: left;
    padding-top: 10px;
}

.vv-action-index-container[min-width~="900px"] .vv-sidebar {
    margin-top: 0;
}

.vv-action-index-container[max-width~="899px"] .vv-no-actions-message-block {
    display: block !important;
}

.vv-action-index-container[min-width~="900px"] .vv-no-actions-message-inline-block {
    display: block !important;
}

.vv-action-container[min-width~="800px"] .vv-content-fill {
    margin-right: 460px;
}

.vv-action-container[min-width~="800px"] .vv-content-container {
    margin-right: -440px;
    float: left;
    width: 100%;
}

.vv-action-container[min-width~="800px"] .vv-sidebar,
.vv-action-container .vv-sidebar-fixed-content {
    float: left;
}

.vv-action-container[min-width~="800px"] .vv-sidebar {
    width: 440px;
}

.vv-action-container .vv-sidebar-fixed-content {
    width: 406px;
}

.vv-action-container[min-width~="300px"] .vv-action-bar {
    white-space: nowrap;
}

.vv-action-container[min-width~="300px"] .vv-action-bar-button-container {
    width: 33%;
    max-width: 150px;
}

.vv-action-banner[min-width~="650px"] .vv-banner-image-background {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 225px;
}

.vv-action-banner[min-width~="650px"] .vv-banner-image-background span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vv-alert-text {
    margin-left: 8px;
}

.vv-alert-text::after {
    content: "";
    display: table;
    clear: both;
}

.vv-banner-text {
    line-height: 1.4em;
}

.vvSpotlightSlider .vv-banner-text span, 
.vv-banner-image-background span {
    font-size: 36px;
}

.vvSpotlightSlider .vv-banner-image-background,
.vvSpotlightSlider .vv-banner-background {
    height: 300px;
}

section#vv-action-bar-section {
    margin-bottom: 15px;
}
.vv-action-bar {
    padding-right: 0 !important;
}
.vv-action-bar-button {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100%;
}
/*TODO: SM: These colors need to be stylable*/
.vv-action-bar-button-active {
    padding-bottom: 10px;
}

.vv-action-bar-icon {
    font-size: 50px !important;
}
.vv-completed-phone-badge,
.vv-completed-badge {
    font-size: 20px;
    position: absolute;
    margin-left: 27px;
    margin-top: -5px;
}

/* Mobile-specific action card layout */
@media only screen and (max-width: 750px) {
    /* Reset the min-height for action summary containers on mobile */
    .vv-action-summary > a > div {
        min-height: auto !important;
    }
    
    /* Make the action image container full width and centered on mobile */
    .vvActionImageThumbnailContainer {
        float: none !important;
        width: 100% !important;
        height: 200px !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        display: block !important;
    }
    
    /* Adjust image to cover full width on mobile */
    .vvActionImageThumbnailContainer img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
    }
    
    /* Also adjust background images to cover properly */
    .vvActionImageThumbnailContainer[style*="background"] {
        background-size: cover !important;
        background-position: center !important;
    }
    
    /* Adjust icon size for cards without images */
    .vvActionImageThumbnailContainer span.fa,
    .vvActionImageThumbnailContainer span.fas,
    .vvActionImageThumbnailContainer span.fab,
    .vvActionImageThumbnailContainer span.far {
        font-size: 8em !important;
        line-height: 200px !important;
        display: block !important;
    }
    
    /* Make content container full width below image */
    .vv-action-alert-container {
        width: 100% !important;
        clear: both !important;
        display: block !important;
    }
    
    /* Reset the min-height for action image container */
    .vvActionImageContainer {
        min-height: auto !important;
    }
}

.vv-phone-call-button {
    vertical-align: sub;
    font-size: 3.5em !important;
    margin-right: 10px;
}

@media only screen and (max-width: 500px) {
    .vvBody .vvPhoneRecipientAside {
        margin-left: 1em !important;
    }
}

@media only screen and (max-width: 400px) {
    .vvBody .vvPhoneRecipientAside {
        margin-left: 0.8em !important;
    }
}

@media only screen and (max-width: 300px) {
    .vvBody .vvPhoneRecipientAside {
        margin-left: -0.2em !important;
    }
}

@media only screen and (min-width: 430px) {
    .vv-phone-call-button {
        margin-left: 50px;
    }
}

.vvBody > section > section:not(.vvCampaignList) > header {
    padding-left: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.vv-action-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 15px;
}

.vv-action-footer input {
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.vv-action-footer input[type="submit"],
.vv-action-footer input[type="button"] {
    opacity: 1;
}

.vvBody .signatureInput {
    margin-bottom: 30px !important;
}

.vv-action-footer #vvSpinner {
    position: fixed;
    right: 20px;
    margin-right: 0;
    margin-bottom: 15px;
}

.vv-action-footer .vv-spinner-submit {
    right: 52% !important;
}

.vv-action-footer input.vv-action-first {
    width: 50%; 
}

.vv-action-footer input.vv-action-last {
    width: 49%; 
}

.vv-action-footer input.vv-action-delete {
    width: 49%;
    background: #B22222;
    /*remove iOS -webkit native button appearance*/
    -webkit-appearance:none;
}

.vvBranding {
    margin-bottom: 4em;
}

.vvNavigation > div {
    padding-left: 10px;
    padding-right: 10px;
}

.vvNavigation li > .vvMeetingReportSpinner {
    margin-top: 20px;
}

.vv-promote-instructions-container {
    padding-top: 25px;
}

.vv-copy-link-tooltip {
    padding: 16px;
}

.vv-association-header-container {
    margin-bottom: 15px;
}

.vvBody .vvJurisdictions select,
.vvBody .vvFindLegislationSearch select,
.vvBody .vvFindKeyLegislationSearch select {
    height: 40px !important;
}

.vvFindLegislationSearch #forwardLink {
    padding: 7px;
}

.vvBody[max-width~="469px"] .vvFindLegislationSearch #forwardLink {
    margin: 0;
}

#vvIndividualScorecardSearch input[type="button"] {
    height: 2.2em !important;
}

.vv_ProfileSection > section > header {
    padding-left: 5px;
}

@media only screen and (max-width: 600px) {
    .vv_ProfileDialog .vv_ProfileContainer .vv_ProfilePhotoContainer {
        margin-left: 15px;
    }

    .vv_ProfileDialog .vv-tab-menu {
        white-space: normal;
    }

    .vv_ProfileDialog .vv-tab-menu-spacer {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .vv_ProfileDialog .vv-tab-menu .vv-tab-menu-item-container:nth-child(2),
    .vv_ProfileDialog .vv-tab-menu .vv-tab-menu-item-container:nth-child(5) {
        padding-right: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
    }

    .vv_ProfileDialog .vv-tab-menu .vv-tab-menu-item-container:nth-child(4),
    .vv_ProfileDialog .vv-tab-menu .vv-tab-menu-item-container:nth-child(7) {
        padding-left: 8px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
    }
}

.ui-dialog-titlebar {
    margin-left: 25px;
    margin-right: 25px;
}

.vv-target-match-select-container {
    padding-top: 0.75em;
}

.vvBody ul.vv-directory-officials,
.vvBody #candidatesSection ul {
    margin-left: 5px;
}

.vvBody ul.vv-directory-officials .vv-target-match-thumbnail-container .fa-user {
    font-size: 2em;
    margin-left: 0.1em;
}

.vvBody ul.vv-directory-officials .vv-target-match-thumbnail-container img {
    object-fit: cover;
}

.vvBody #candidatesSection .vv-target-match-thumbnail-container .fa-user {
    font-size: 2.2em;
    margin-left: 0.2em;
}

.vv-target-match-profile-link-container,
.js-candidacy-status {
    vertical-align: middle;
    padding-bottom: 40px;
    width: 50%;
}

@media only screen and (max-width: 649px) {
    .rowSmall {
        width: 35px;
    }
}

.vvBody > section > section.vv_ProfileSection ul {
    margin-left: 0;
    padding-left: 5px;
}

@media only screen and (max-width: 720px) {
    .vv-voter-registration-field {
        width: 100% !important;
        display: block;
        padding-right: 2px;
    }

    .vv-voter-registration-field .vvFieldContainer {
        padding-right: 2px;
    }

    .vv-address-information > div:nth-last-child(2) .vvFieldContainerLast {
        margin-right: -4px;
    }
}

#vvSubscriptionManageContainer > table > thead> tr > th {
    text-align: left;
}

#vvSubscriptionManageContainer > table > thead > tr > th:first-child {
    width: 75px !important;
}

@media only screen and (max-width: 320px) {

    /*Compose Layout*/

    #alertSection, #stepMessage3, #petitionSection, .compose-twitter-block, .compose-facebook-block, .compose-phone-block {
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
    }

    #stepUserInformation3 {
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
    }

    /*Size Adjustments*/

    .vvBody > section > header > div.vvUserProfileHeader {
        white-space: nowrap;
        width: 65% !important;
    }
    .vvBody > section > header > div.vvUserProfilePrivacy {
        line-height: 1em;
        width: 35% !important;
        /*font-size: .75em;*/
        vertical-align: middle;
    }

    .forwardFriendEmails {
        height: 75px;
    }

    .forwardMessage {
        height: 100px;
        padding: 2px;
    }
    
    .vv_GoogleMap {
		height: 200px;
	}

    .vvBody input.vvArticleSearchTextInput {
        max-width: 9em;
    }

    .vvBody > section.vvSection2.vvSection2right {
        float: none;
    }

    .bx-pager {
        display: none;
    }


    .vvBody .jsShareTabContainer > section {
        padding-left: 0;
        padding-right: 0;
    }

    .vv-post-as-container { min-width: 11em; }

    .vv-search-container input {
        width: 95%;
    }

    .vv-completed-badge {
         margin-left: 21px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 650px) {

    /*Compose Layout*/

    #alertSection, #stepMessage3, #petitionSection, .compose-twitter-block, .compose-facebook-block, .compose-phone-block {
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
    }

    #stepUserInformation3 {
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
    }

    /*Size Adjustments*/

    .vvBody > section > header > div.vvUserProfileHeader {
        white-space: nowrap;
        width: 68% !important;
    }
    .vvBody > section > header > div.vvUserProfilePrivacy {
        line-height: 1em;
        width: 32% !important;
        vertical-align: middle;
    }

    .forwardFriendEmails {
        height: 100px;
    }

    .forwardMessage {
        height: 200px;
        padding: 2px;
    }

    .vv_GoogleMap {
		height: 350px;
	}

    .vvBody .jsShareTabContainer > section {
        padding-left: 1em;
        padding-right: 1em;
    }

    .vv-post-as-container { min-width: 11em; }

    .vv-search-container input {
        width: 97%;
    }

    .vv-completed-badge {
        margin-left: 24px;
    }
}
@media only screen and (min-width: 651px) {

    /*Compose Layout*/

    /*#alertSection, #stepMessage3, #petitionSection, .compose-twitter-block, .compose-facebook-block, .compose-phone-block {
        float: left;
        padding-right: 10px;
        width: 49.7%;
    }

    #stepUserInformation3, #loginSection, .vvNavigationRight {
        margin-left: 52.5%;
    }*/

    /*Size Adjustments*/

    .vvBody > section > header > div.vvUserProfileHeader {
        white-space: nowrap;
    }
    .vvBody > section > header > div.vvUserProfilePrivacy {
        line-height: 1em;
        vertical-align: middle;
    }

    .forwardFriendEmails {
        height: 150px;
    }

    .forwardMessage {
        height: 250px;
        padding: 3px;
    }
    .vv_GoogleMap {
		height: 400px;
	}

    .vv-search-container input {
        width: 99%;
    }
}
/*
 * CKEditor 5 (v26.0.0) content styles.
 * Generated on Wed, 03 Mar 2021 08:21:28 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html
 */

:root {
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}
    /* ckeditor5-image/theme/image.css */
    .ck-content .image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        min-width: 50px;
    }
    /* ckeditor5-image/theme/imagecaption.css */
    .ck-content .image > figcaption {
        display: table-caption;
        caption-side: bottom;
        word-break: break-word;
        color: hsl(0, 0%, 20%);
        background-color: hsl(0, 0%, 97%);
        padding: .6em;
        font-size: .75em;
        outline-offset: -1px;
    }
    /* ckeditor5-image/theme/imageresize.css */
    .ck-content .image.image_resized {
        max-width: 100%;
        display: block;
        box-sizing: border-box;
    }
        /* ckeditor5-image/theme/imageresize.css */
        .ck-content .image.image_resized img {
            width: 100%;
        }
        /* ckeditor5-image/theme/imageresize.css */
        .ck-content .image.image_resized > figcaption {
            display: block;
        }
/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 1em auto;
    display: table;
}
    /* ckeditor5-table/theme/table.css */
    .ck-content .table table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        border: 1px double hsl(0, 0%, 70%);
    }
        /* ckeditor5-table/theme/table.css */
        .ck-content .table table td,
        .ck-content .table table th {
            min-width: 2em;
            padding: .4em;
            border: 1px solid hsl(0, 0%, 75%);
        }
        /* ckeditor5-table/theme/table.css */
        .ck-content .table table th {
            font-weight: bold;
            background: hsla(0, 0%, 0%, 5%);
        }
/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        content: '';
        position: absolute;
        border-bottom: 2px dashed hsl(0, 0%, 77%);
        width: 100%;
    }
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}
    /* ckeditor5-list/theme/todolist.css */
    .ck-content .todo-list li {
        margin-bottom: 5px;
    }
        /* ckeditor5-list/theme/todolist.css */
        .ck-content .todo-list li .todo-list {
            margin-top: 5px;
        }
    /* ckeditor5-list/theme/todolist.css */
    .ck-content .todo-list .todo-list__label > input {
        -webkit-appearance: none;
        display: inline-block;
        position: relative;
        width: var(--ck-todo-list-checkmark-size);
        height: var(--ck-todo-list-checkmark-size);
        vertical-align: middle;
        border: 0;
        left: -25px;
        margin-right: -15px;
        right: 0;
        margin-left: 0;
    }
        /* ckeditor5-list/theme/todolist.css */
        .ck-content .todo-list .todo-list__label > input::before {
            display: block;
            position: absolute;
            box-sizing: border-box;
            content: '';
            width: 100%;
            height: 100%;
            border: 1px solid hsl(0, 0%, 20%);
            border-radius: 2px;
            transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
        }
        /* ckeditor5-list/theme/todolist.css */
        .ck-content .todo-list .todo-list__label > input::after {
            display: block;
            position: absolute;
            box-sizing: content-box;
            pointer-events: none;
            content: '';
            left: calc( var(--ck-todo-list-checkmark-size) / 3 );
            top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
            width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
            height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
            border-style: solid;
            border-color: transparent;
            border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
            transform: rotate(45deg);
        }
        /* ckeditor5-list/theme/todolist.css */
        .ck-content .todo-list .todo-list__label > input[checked]::before {
            background: hsl(126, 64%, 41%);
            border-color: hsl(126, 64%, 41%);
        }
        /* ckeditor5-list/theme/todolist.css */
        .ck-content .todo-list .todo-list__label > input[checked]::after {
            border-color: hsl(0, 0%, 100%);
        }
    /* ckeditor5-list/theme/todolist.css */
    .ck-content .todo-list .todo-list__label .todo-list__label__description {
        vertical-align: middle;
    }
/* ckeditor5-html-embed/theme/htmlembed.css */
.ck-content .raw-html-embed {
    margin: 1em auto;
    min-width: 15em;
    font-style: normal;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}
    /* ckeditor5-code-block/theme/codeblock.css */
    .ck-content pre code {
        background: unset;
        padding: 0;
        border-radius: 0;
    }
/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}

@media print {
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }
        /* ckeditor5-page-break/theme/pagebreak.css */
        .ck-content .page-break::after {
            display: none;
        }
}