@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


/* CSS Document */
.ui-loader{
	display: none !important;
}
.ui-page{
	min-height:0 !important;
	outline: none !important;
}
.strong,em{
    vertical-align: top !important; line-height:1em !important;
}
.headline {
	background-color: #fff !important;
	font-family: 'Roboto', arial, sans-serif !important;
	font-weight:700 !important;
}
.standfirst{
	font-size:15px !important;
	font-weight:700 !important;
	height: auto !important;
}
.txtCaption {
	font-size: 13px !important;
	line-height: 14px !important;
	font-family: 'Roboto', arial, sans-serif !important;
	height: auto !important;
}
.sourceTxt {
	font-size: 11px !important;
	line-height: 13px !important;
	height: auto !important;
}
.subHead {
	font-size: 14px !important;
	line-height: 15px !important;
	font-family: 'Roboto', arial, sans-serif !important;
	height: auto !important;
}
.keyTxt{
	font-size:12px !important;
	line-height: 20px !important;
	height: auto !important;
}
.widthAuto {
	width: auto !important;
}
.heightAuto {
	height: auto !important;
}
.redColorBg {
	background-color: #de0000 !important;
}
.grayColorBg {
	background-color: #999 !important;
}
.blackColorBg {
	background-color: #000 !important;
}
.allTxt,
.name {
	font-family: 'Roboto', arial, sans-serif !important;
}


.headlinetxt {
font-family: "Roboto" !important;
font-size: 26px !important;
font-weight: 700 !important;
padding-left: 0 !important;
}

#barchart {
box-shadow: none !important;
}

.none {
fill: #ccc5cc !important;
background-color: #ccc5cc !important;
}

.bg {
fill: #ff0000;
}

.pointer polyline,
.pointer line {
	stroke: rgba(0,0,0,0.4) !important;
}

#majority {
	transform: translateX(0px) translateY(1px) rotateY(0deg) !important;
}

.txt2 {
	font-size: 15px !important;
	color: #000 !important;
}

.txt4 {
	color: #000 !important;
	font-size: 17px !important;
  line-height: 40px !important;
}

#winnerTxt {
	color: #000 !important;
	font-size: 14px !important;
  line-height: 16px !important;
	margin-top: 5px !important;
}

#winnerTxt span {
	font-size: 17px !important;
}


.headStyle div {
	background-color: transparent !important;
}

#mobMenuBtn>div>div {
	background-color: #000 !important;
}

#mobMenuBtn>div:nth-last-of-type(-n+3)>div {
	background-color: #fff !important;
}

.txt6 {
font-size: 18px !important;
line-height: 19px !important;
font-weight: 700 !important;
color: #0c4d8e !important;
}

.txt5 {
font-size: 18px !important;
line-height: 19px !important;
font-weight: 700 !important;
color: #a30012 !important;
}

.txt7, .txt8 {
	font-size: 12px !important;
}

.txt24 {
	color: #fff !important;
	text-shadow: none !important;
	background-color: rgba(0,0,0,0.7) !important;
	height: 50px !important;
	line-height: 50px !important;
}

.statecap {
font-family: 'Roboto', arial, sans-serif !important;
pointer-events: none !important;
}

.constit {
border-top: 0 !important;
border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}

.chart {
	border-width: 0 !important;
}

#resetBtn {
	margin-top: 7px !important;
}

#resetBtn>div>div {
	width: 104px !important;
	transform: translateX(0px) translateY(0px) rotateY(0deg) !important;
}

.barTxt {
font-family: 'Roboto', arial, sans-serif !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 19px !important;
}

#voteTxt {
	font-size: 15px !important;
	background-color: #333 !important;
}

input[type="text"] {
    width: 97% !important;
		border: 0 !important;
		padding-left: 18px !important;
		border-bottom: 1px solid rgba(0,0,0,0.2) !important;
		background-image: url("artwork.png") !important;
    background-position: 0 -225px !important;
    background-size: 83px !important;
    background-repeat: no-repeat !important;
}
}

::-webkit-input-placeholder {
  color: rgba(0,0,0,0.2) !important;
}

:-ms-input-placeholder {
  color: rgba(0,0,0,0.2) !important;
}

::placeholder {
  color: rgba(0,0,0,0.2) !important;
}

#stateBtn .allTxt {
	background-color: rgba(0,0,0,1) !important;
	box-shadow: none !important;
	text-align: center !important;
	font-size: 15px !important;
}

#stateBtn>div:nth-last-of-type(1) {
	display: none !important;
}


@media only screen and (max-width: 479px) {
  .txt5, .txt6 {
    max-width: 80px !important;
		margin-top: -10px !important;
  }

	.txt5 {
		right: 70px;
		top: 75px;
		transform: none !important;
	}


}