/* Form Styling */
/* Tooltip Styling */
.searchform-tooltip {
    float: right;
}

.search-tip,
.searchform-tooltip,
.myVoteModule-tooltip {
    cursor: pointer;
}

.searchform-tooltip > .search-tip-icon,
.myVoteModule-tooltip > .search-tip-icon {
    background-color: #646464;
    background-image: url(../Images/search-tip.png);
    background-position: center 5px;
    background-repeat: no-repeat;
    border: 1px solid #464646;
    border-radius: 1.5em;
    color: #fff;
    display: inline-block;
    height: 20px;
    transition: background-color 300ms ease-in-out 0s;
    vertical-align: middle;
    width: 20px;
}

.searchform-tooltip:hover > .search-tip-icon,
.myVoteModule-tooltip:hover > .search-tip-icon {
    background-color: #464646;
}

.searchform-tooltip.active > .search-tip-icon,
.myVoteModule-tooltip.active > .search-tip-icon {
    background-color: #464646;
    background-position: center -13px;
}

.searchform-tooltip > .search-tip-text,
.myVoteModule-tooltip > .search-tip-text {
    color: #464646;
    display: inline-block;
    font-size: 0.857143em;
    font-weight: 600;
    line-height: 1.75;
    margin-left: 8px;
    transition: color 300ms ease-in-out 0s;
    vertical-align: middle;
}

.searchform-tooltip:hover > .search-tip-text,
.myVoteModule-tooltip:hover > .search-tip-text,
.searchform-tooltip:focus > .search-tip-text,
.myVoteModule-tooltip:focus > .search-tip-text {
    color: #282828;
}

.searchform-tooltip.active > .search-tip-text,
.myVoteModule-tooltip.active > .search-tip-text {
    color: #000;
}

/* RADIO & CHECKBOX STYLES */
@media screen {
    .myVoteModule .rad,
    .myVoteModule .ckb {
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }
    .myVoteModule .rad > input,
    .myVoteModule .ckb > input {
        margin: 0;
        position: absolute;
        visibility: hidden;
    }

    .myVoteModule .rad > i,
    .myVoteModule .ckb > i {
        background-position: 0 0;
        background-repeat: no-repeat;
        display: inline-block;
        height: 21px;
        margin-right: 8px;
        vertical-align: top;
        width:  21px;  
    }

    .myVoteModule .rad > i {
        background-image: url(../Images/myVote-radioBtn.png);
    }

    .myVoteModule .ckb > i {
        background-image: url(../Images/myVote-checkbox.png);
    }

    .myVoteModule .ckb > input:checked + i,
    .myVoteModule .rad > input:checked + i {
        background-position: -21px 0;
    }

    .myVoteModule .ckb > input[disabled] + i,
    .myVoteModule .rad > input[disabled] + i {
        cursor: not-allowed;
    }

    .myVoteModule .ckb > input[disabled] + i,
    .myVoteModule .rad > input[disabled] + i {
        background-position: -42px 0;
    }

    .myVoteModule .ckb > input[disabled]:checked + i {
        background-position: -63px 0;
    }

    .myVoteModule label.rad,
    .myVoteModule label.ckb {
        font-weight: 400;
        line-height: 21px;
        margin-bottom: 0;
    }
}

.myVoteModule-electionTitle {
    font-family: Lora,"Times New Roman",serif;
    font-size: 1.71429em;
    font-weight: 600;
}

.myVoteModule-electionDate {
    font-family: Nunito,Arial,sans-serif;
    font-size: 1.14286em;
    font-weight: 600;
    margin: 1em 0;
}

.myVoteModule-electionWard {
    font-family: Nunito,Arial,sans-serif;
    font-weight: 600;
}


/* Progress Bar */
.myVoteProgressBar-steps {
    display: table;
    width: 100%;
}

.myVoteProgressBar-step {
    background-color: #eee;
    border-right: 1px solid #fff;
    display: table-cell;
    font-size: 0.9285714285714286em;
    font-weight: 600;
    height: 120px;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    width: 105px;
}

.myVoteProgressBar-step.complete {
    background-color: #0ebf00;
    color: #fff;
}

.myVoteProgressBar-step.complete .myVoteProgressBar-stepText {
    display: inline-block;
    padding-bottom: 1em;
}

.myVoteProgressBar-step.complete .myVoteProgressBar-stepText::before {
    content: "\e902";
    display: block;
    font-family: "MyVote";
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    text-align: center;
}

.myVoteProgressBar-step.narrow-text {
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 1200px) {
    .myVoteProgressBar-step {
        padding-left: 16px;
        padding-right: 16px;
        width: 110px;
    }

    .myVoteProgressBar-step.narrow-text {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.myVoteProgressBar-step.current {
    background-color: #fff;
    background-image: url(../Images/ProgressBar-Current.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 8px 20px 8px 12px;
    width: 120px;
}

.myVoteProgressBar-step.myVoteProgressBar-lastStep.current {
    background-image: url(../Images/ProgressBar-Current-Last.png);
    padding: 8px 20px;
}

.myVoteProgressBar-step.current.narrow-text {
    padding: 8px 28px 8px 20px;
}

@media (min-width: 1200px) {
    .myVoteProgressBar-step.current {
        padding: 8px 32px 8px 16px;
        width: 136px;
    }
    .myVoteProgressBar-step.current.narrow-text {
        padding: 8px 40px 8px 24px;
    }
}

.myVoteProgressBar-step:last-child {
    border-right: none;
}

.myVoteProgressBar-stepContent {
    display: inline-block;
    font-size: 0.928571em;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

div.myVoteModule-nextStepBar {
    margin-bottom: 1.28571em;
    margin-top: 1.28571em;
}


/* line 2509 */
.myVoteModule .form-group label {
	font-size: 0.928571em;
	font-weight: 400;
	margin-bottom: 4px;
}

.myVoteModule label.myVoteModule-largeBold {
	font-size: 1.14286em;
    font-weight: 600;
}

.myVoteModule label.bold-label {
	font-size: 1em;
    font-weight: 600;
}

/* line 2551 */
.myVoteModule .form-control {
	border: 1px solid #cecece;
	border-radius: 0;
	box-shadow: none;
	color: #000;
	font-size: 1em;
	height: 2.8571em;
	line-height: 1.71429;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/* line 2569 */
.myVoteModule .form-control:focus {
	border-color: #c2c2c2;
	outline: 0;
	-webkit-box-shadow: 0 0 8px rgba(206, 206, 206, .5);
	box-shadow: 0 0 8px rgba(206, 206, 206, .5);
}

/* line 2575 */
.myVoteModule .form-control::-moz-placeholder {
	color: #b1b1b1;
	font-style: italic;
}
.myVoteModule .form-control:-ms-input-placeholder {
	color: #b1b1b1;
	font-style: italic;
}
.myVoteModule .form-control::-webkit-input-placeholder {
	color: #b1b1b1;
	font-style: italic;
}

/* line 2599 */
.myVoteModule textarea.form-control {
    min-height: 11.2857em;
}

/* line 2875 */
.myVoteModule .has-error .help-block,
.myVoteModule .has-error .control-label,
.myVoteModule .has-error > label,
.myVoteModule .has-error .radio,
.myVoteModule .has-error .checkbox,
.myVoteModule .has-error .radio-inline,
.myVoteModule .has-error .checkbox-inline,
.myVoteModule .has-error.radio label,
.myVoteModule .has-error.checkbox label,
.myVoteModule .has-error.radio-inline label,
.myVoteModule .has-error.checkbox-inline label {
	color: #d31f26;
}

.has-error .form-control {
	border-color: #a94442;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
/* line 2887 */
.myVoteModule .has-error .form-control {
	border-color: #d31f26;
	box-shadow: 0 1px 1px rgba(211, 31, 38, 0.075) inset;
}

.myVoteModule .has-error .form-control:focus {
	border-color: rgba(158, 15, 20, 0.5);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(158, 15, 20, .4);
}

.myVoteModule .has-error span.control-label{
    display:inline !important;
}

.myVoteModule .has-error .g-recaptcha iframe{
    border:2px solid #d31f26;
}

.myVoteModule-submitBar > .button-clear {
	float: left;
}

.myVoteModule-submitBar > .button-search {
	float: right;
}

.myVoteModule-submitBar > .button-search > .glyphicon {
	margin-left: 0.5em;
	margin-right: 0;
}

/* End Form Styling */
.rowAddMargin {
    margin-bottom: 15px;
    margin-top: 15px;
}

.rowSmallTopMargin {
    margin-top: 8px;
}

.myVoteModule-subRow {
    margin-left: 9px;
    margin-right: 9px;
}

.myVoteModule ol,
.myVoteModule ul {
	padding-left: 1em;
}

.myVoteModule li {
	margin-bottom: 0.4286em;
}

.myVoteModule-headerWithSearchTip > h3 {
	float: left;
}

.myVoteModule-headerWithSearchTip > a.search-tip,
.myVoteModule-headerWithSearchTip > .myVoteModule-tooltip {
	float: right;
	text-decoration: none;
}

a.search-tip > .search-tip-icon {
	background-color: #646464;
    background-image: url(../Images/search-tip.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #464646;
    border-radius: 1.5em;
    color: #fff;
    display: inline-block;
    font-size: 1.071428571428571em;
    height: 1.42857em;
    transition: background-color 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
	-webkit-transition: background-color 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
    vertical-align: middle;
    width: 1.42857em;
}

a.search-tip:hover > .search-tip-icon,
a.search-tip:focus > .search-tip-icon {
	background-color: #464646;
}

a.search-tip.open > .search-tip-icon {
	background-color: #464646;
    background-position: 0 100%;
}

a.search-tip > .search-tip-text {
	color: #646464;
	display: inline-block;
	font-size: 0.857143em;
	font-weight: 600;
	line-height: 1.75;
	margin-left: 8px;
	transition: color 300ms ease-in-out 0s;
	-webkit-transition: color 300ms ease-in-out 0s;
	vertical-align: middle;
}

a.search-tip:hover > .search-tip-text,
a.search-tip:focus > .search-tip-text  {
	color: #464646;
}

.myVoteModule-contentPadding {
	margin: 0 20px 22px;
    padding-top: 22px;
}

@media (min-width: 992px) {
	.myVoteModule-contentPadding {
		margin: 0 24px 24px;
        padding-top: 24px;
	}
}

.myVoteModule-topSpacing {
	margin-top: 30px;
}

.left-col-pane .myVoteModule-contentPadding {
	margin: 0 20px 22px;
    padding-top: 22px;
}


@media (min-width: 768px) {
	.left-col-pane .myVoteModule-contentPadding {
		margin: 0 12px 16px;
        padding-top: 16px;
	}
}

@media (min-width: 992px) {
	.left-col-pane .myVoteModule-contentPadding {
		margin: 0 20px 22px;
        padding-top: 22px;
	}
}

@media (min-width: 1200px) {
    .main-column .myVoteModule-secondaryModule .c-white > .c-content {
		padding-top: 60px;
	}
}

.myVoteModule-resultsTable {
	margin-bottom: 1.71429em;
	vertical-align: top:
}

.myVoteModule-resultsTable th,
.myVoteModule-resultsTable td {
	padding: 0;
	vertical-align: top;
}

.myVoteModule-resultsTable td.viewVotingActivity-multipleResultsNameCell {
	padding-left: 12px;
	padding-right: 12px;
}

.myVoteModule-resultsTable tr + tr > td {
	padding-top: 6px;
}

.myVoteModule-contentBlock {
    margin-bottom: 30px;
    margin-top: 26px;
}

.myVoteModule-contentMargin {
    margin-bottom: 1.28571em;
}

@media (max-width: 767px) {
    .myVoteModule-firstColumn {
        margin-bottom: 30px;
    }

    .myVoteModule-firstColumnSmall {
        margin-bottom: 4px;
    }

    .myVoteModule-mobileTopMargin {
        margin-top: 1em;
    }
}

.myVoteModule-largeBold {
    font-size: 1.142857142857143em;
    font-weight: 600;
}

@media (min-width: 768px) {
    .myVoteModule-noLeftPadding {
        padding-left: 0;
    }
}

.myVoteModule-smallSpacing {
    margin-bottom: 1em;
}

.myVoteModule-iconImage img {
    max-width: 7.14286em;
}

.voterRegistration-ansmwerColumn,
.voterRegistration-tooltipColumn {
    display: inline-block;
    vertical-align: top;
}

.voterRegistration-ansmwerColumn + .voterRegistration-ansmwerColumn {
    margin-left: 1em;
}

.voterRegistration-tooltipColumn {
    margin-left: 3em;
}

/* Responsive iframe */
.iframeWrapper {
	height: 0;
	padding-bottom: 50%;
    position: relative;
	
}
.iframeWrapper iframe {
	border: none;
    height: 100%;
    left: 0;
    position: absolute;
	top: 0;
	width: 100%;	
}

/* Loading Mask */
div.loading-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index:1020;
    text-align:center;
    border-radius:10px;
}

div.loading-mask > img{
    position:relative;
    top:50%;
    margin-top:-50px;
    width:100px;
    height:100px;
}


/* Tabs List */
.myVoteModule ul.myVoteModule-tabsList {
    border-bottom: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

/* Boostrap Line 3986 */
.myVoteModule ul.myVoteModule-tabsList.nav > li > a {
    padding: 10px 24px;
}

/* Boostrap Line 3991 */
.myVoteModule ul.myVoteModule-tabsList.nav > li > a:hover,
.myVoteModule ul.myVoteModule-tabsList.nav > li > a:focus {
    background-color: #464646;
    color: #fff;
}

/* Boostrap Line 4024 */
.myVoteModule ul.myVoteModule-tabsList.nav-tabs > li {
    margin: 0;
}

/* Boostrap Line 4028 */
.myVoteModule ul.myVoteModule-tabsList.nav-tabs > li > a {
    background-color: #646464;
    border-width: 0;
    color: #fff;
    font-family: 'Nunito',Arial, sans-serif;
    text-decoration: none;
}

/* Boostrap Line 4037 */
.myVoteModule ul.myVoteModule-tabsList.nav-tabs > li.active > a,
.myVoteModule ul.myVoteModule-tabsList.nav-tabs > li.active > a:hover,
.myVoteModule ul.myVoteModule-tabsList.nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-width: 0;
    color: #000;
    cursor: default;
}


/* Loading Panel */
.myVoteModule div.loading-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index:1020;
    text-align:center;
    border-radius:10px;
}

.myVoteModule div.loading-mask > img {
    position:relative;
    top:50%;
    margin-top:-50px;
    width:100px;
    height:100px;
}

/* Voter Name */
.myVoteModule-voterName {
    font-family: "Nunito",Arial,sans-serif;
    font-size: 1.42857em;
}

.myVoteModule label.rad + label.rad {
    margin-left: 1em;
}

div.myVoteModule-ballot-contestName,
div.myVoteModule-ballot-referendumName,
#MyBallot #MyBallotContests div.contest-name {
	background-color: #eee;
	border: 2px solid #000;
	padding: 16px 15px 15px;
}

.myVoteModule-ballot-contestName,
.myVoteModule-ballot-referendumName,
#MyBallot #MyBallotContests .contest-name {
	color: #000;
	font-size: 1.14286em;
    font-weight: 600;
	line-height: 1.1em;
}

.myVoteModule-ballot-contestCandidatesSection,
.myVoteModule-ballot-referendumQuestionsSection,
#MyBallot #MyBallotContests .contest-candidates-section {
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	line-height: 21px;
	margin-bottom: 4px;
}

.myVoteModule-ballot-contestCandidatesSection,
#MyBallot #MyBallotContests .contest-candidates-section {
	display: table;
	vertical-align: top;
	width: 100%;
}

.myVoteModule-ballot-contestInstructions,
.myVoteModule-ballot-contestCandidates,
#MyBallot #MyBallotContests .contest-instructions,
#MyBallot #MyBallotContests .contest-candidates {
	display: table-cell;
	padding: 16px 15px;
	vertical-align: top;
}

.myVoteModule-ballot-contestInstructions,
#MyBallot #MyBallotContests .contest-instructions {
	border-right: 1px solid #c2c2c2;
}

.myVoteModule-ballot-contestInstructions,
.myVoteModule-ballot-referendumInstructions,
#MyBallot #MyBallotContests .contest-instructions {
	font-weight: bold;
}

.myVoteModule-ballot-contestCandidates,
#MyBallot #MyBallotContests .contest-candidates {
	margin-bottom: 14px;
	width: 72%;
}

.myVoteModule-ballot-contestCandidate,
.ballot-contest-candidate {
	margin-bottom: 4px;
}

#MyBallot .myVoteModule-ballot-contestCandidate,
.myVoteModule-ballot-referendumAnswer {
	margin-bottom: 6px;
}

.myVoteModule-ballot-contestCandidate:last-child,
.ballot-contest-candidate:last-child,
#MyBallot .myVoteModule-ballot-contestCandidate:last-child,
.myVoteModule-ballot-referendumAnswer:last-child {
	margin-bottom: 0;
}

.myVoteModule-ballot-candidateFillin,
.myVoteModule-ballot-referendumFillin,
#MyBallot #MyBallotContests .contest-candidates .candidate-fillin {
	cursor: pointer;
    float: left;
    height: 20px;
    width: 28px;
    border: 1px solid #c2c2c2;
    -moz-border-radius: 14px / 10px;
    -webkit-border-radius: 14px / 10px;
    border-radius: 14px / 10px;
}

.myVoteModule-ballot-candidateRadio {
    float: left;
}

.myVoteModule-ballot-candidateRadio .rad > i {
    margin-right: 0;
}

.myVoteModule-ballot-candidateFillin.selected,
.myVoteModule-ballot-referendumFillin.selected {
    background-color: #646464;
}

.myVoteModule-ballot-contestCandidateName,
#MyBallot #MyBallotContests .contest-candidates .contest-candidate {
	float: left;
	line-height: 21px;
	margin-left: 14px;
}

.myVoteModule-ballot-referendumQuestionsSection {
    padding: 16px 15px;
}

.myVoteModule-ballot-referendumAnswers {
    margin-top: 12px;
    margin-left: 32px;
}

.myVoteModule-ballot-referendumChoice,
.myVoteModule-ballot-referendumRadio {
    float: left;
}


.ballot-referendums .ballot-referendum .referendum-questions-section {
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    display: table;
    line-height: 21px;
    margin-bottom: 4px;
    vertical-align: top;
    width: 100%;
}

.ballot-referendums .referendum-name {
    background-color: #eee;
    border: 2px solid #000;
    color: #000;
    font-size: 14px;
    line-height: 1.1em;
    padding: 16px 15px 15px;
}

.ballot-referendums .referendum-instructions {
    border-right: 1px solid #c2c2c2;
    font-weight: bold;
}

.ballot-referendums .referendum-fillin {
    float: left;
    height: 20px;
    width: 28px;
    border: 1px solid #c2c2c2;
    -moz-border-radius: 14px / 10px;
    -webkit-border-radius: 14px / 10px;
    border-radius: 14px / 10px;
    cursor: pointer;
}

.ballot-referendums .referendum-answers {
    padding: 16px;
    padding-left: 40px;
}

/*Override bootstraps default modal background z-index, it was causing the search module modals to be behind backdrop in mobile view*/
.modal-backdrop{
    z-index:1000 !important;
}

.search-module-container{
    text-align:left;
}

.search-module-modal div.modal-content{
    background-color:#eee;
}


/* Page Navigation */
div.pageNavigation {
    margin: 1.28571em 0;
}

@media (max-width: 619px) {
    .pageNavigation .backward-nav {
        margin-top: 1.28571em
    }
}

@media (min-width: 620px) and (max-width: 767px) {
    .pageNavigation .forward-nav {
        float: right;
        margin-left: 1em;
    }

    .pageNavigation .backward-nav {
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pageNavigation .backward-nav {
        margin-top: 1.28571em
    }
}

@media (min-width: 992px) {
    .pageNavigation .forward-nav {
        float: right;
        margin-left: 1em;
    }

    .pageNavigation .backward-nav {
        float: left;
    }
}

.voter-registration-steps-container .form-group.has-error label.control-label {
    font-weight: 600;
}

@media print {
    .theme-logoPosition {
        width: 160px;
    }
    
    .myVoteModule c-grayHeader {
        display: none;
    }

    .myVoteModule-tooltip {
        display: none;
    }
}

table#tblAbsenteeInfo .w-50 {
    width: 50%;
}