@import url('https://fonts.googleapis.com/css?family=Oswald');

body 
{
    padding-top: 65px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
	background: #fff;
    font-family: Helvetica,Arial,sans-serif;
    background: url("../images/blue-overlay.jpg") repeat-x scroll transparent;
	background-position-x: 0 px;
	background-position-y: 111 px;
}

.ribbon-container
{
	max-width: 100px;
	max-height: 100px;
}

.sun-logo
{
    height: 100px;
    width: 100px;
}

.sun-logo-li
{
    padding-top: 0px !important;
    padding-left: 10px !important;
    margin-top: -10px !important;
}

.thumbnail
{
	box-shadow: 2px 2px 4px #4a4a4a;
}

.legislator-row-img
{
	width: 62px;
	height: 62px;
	object-fit: cover;
	border-radius: 50%;
}
.connect-mf-row p
{
	color: #dfe8e5;
	font-weight: bold;
}

.suggestion-row span, .about-row p
{
	color: #fff;
    font-weight: bold;
}

.footer 
{
	position: relative;
	border-top: 5px solid #e3e6eb;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: auto;
	background-image: none;
	background-color: #000;
	background-size: contain;
	border-top: 5px solid #e1e7ec;  
}

.navbar
{
	height: 65px;
	background-image: none;
    	background-size: contain;
	border-bottom: 5px solid #e1e7ec;
}

.navbar-collapse.in
{
	background-image: url('../images/header-bkg.jpg');
    background-size: contain;
}

.main-content
{
	background: url("../images/blue-overlay.jpg") repeat-x scroll 0 0 transparent;
}

.navbar-fixed-top .nav 
{
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand 
{
    padding: 0 15px;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.btn { border-radius: 0px; }


.btn-primary {
	color: #000;
	background-color: #ccc;
	border-color: #ccc;
}

.vote-thumbnail
{
	padding-right: 10px;
	padding-left: 10px;
}

.bill-text > h4
{
	border-bottom: 1px solid #ccc;
}

.voteid-header-span
{
	font-size: small;
}

.panel-primary > .panel-heading {
	color: #fff;
	background-color: #000;
	border-color: #ccc;
}


.row-odd
{
	
	background-image: none;
	background-color: #ccc;
    background-size: contain;
}

.row-even
{
	
	background-image: none;
    background-size: contain;
}

.header-row
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.header-statement
{
	padding: 15px;
	font-size: 15px;
	color: #43484c;
	text-align: justify;
}

.navbar-inverse .navbar-nav>li>a
{
	color: #FFF;
    font-family: "Oswald",sans-serif;
    font-size: 15px;
    background: none;
    padding: 10px 0 0 32px;
    text-transform: uppercase;
}

.percent-bar-title
{
	color: #0c223b;
    font-family: "MuseoSlab-500", Arial;
    font-size: 30px;
    display: block;
    text-align: center;
}

.legislators-header.curs-pointer:hover, .votes-header.curs-pointer:hover
{
	color: #b8cee5;
}

.legislator-row, .vote-row
{
	padding-top: 4px;
	height: 70px !important;
}

.legislator-row > td, .vote-row > td
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.curs-pointer
{
	cursor: pointer;
}

.glyphicons-remove.vote-glyph
{
	color: #FF604B;	
}

.glyphicons-ok.vote-glyph
{
	color: #33b890;
}


.centerBlock 
{ 
	display: table;
	margin: 0 auto;
	text-align: center;
}

.legislators-panel-session-title
{
	font-family: MuseoSlab-500,Arial
}

.bkg-dark
{
	/*background: url("../images/header-bkg.jpg") repeat-x 0 0;*/
	background-image: url('../images/header-bkg.jpg');
    background-size: contain;
}

.panel-primary > .panel-heading
{
	/*background: url("../images/header-bkg.jpg") repeat-x 0 0;*/
	background-color: #000;
	background-image: none;
    background-size: contain;
}

.footer-note
{
	color: #8c8c8c;
	font-size: 80%;
}

.vertical-skills 
{
    margin-top: 5px;
    text-align: center; 
}
    
.vertical-skills li 
{
	display: inline-block;
	position: relative;
	width: 50px;
	height: 200px;
	margin: 0 10px;
	background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.vote-details-thumbnail
{
	background: #e5e5e5;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#f0f0f0));
    background: -webkit-linear-gradient(top, #e5e5e5, #f0f0f0);
}

.vertical-skills li span.skill 
{
	position: absolute;
    animation-duration: 3s;
    animation-name: height;
    left: 0;
    right: 0;
	bottom: 0; 
	height: 95%;
    background: #285e8e;
    border-radius: 0px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
}

.vertical-skills li span.title 
{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -20px; 
}

.vote-result
{
	text-shadow: 2px 2px #143353;
}

.vote-status-circle.not-passed
{
	background-color: #a43348;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a43348), to(#892135));
    background: -webkit-linear-gradient(top, #a43348, #892135);
}

.vote-status-circle.passed
{
	background-color: #44bdc7;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44bdc7), to(#2a93a3));
	background: -webkit-linear-gradient(top, #44bdc7, #2a93a3);
}

.vote-status-circle
{
	width: 120px;
	height: 120px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: auto;
	margin-top: 15px;
	border: 2px white;
}

.vote-status-circle > .centerBlock > span
{
	line-height: 120px;
	margin-top: 15px;
}
.score-bar-title
{
	display: block;
    text-align: center;
    font-family: MuseoSlab-500,Arial;
    font-size: 14px;
    margin-top: 15px;
}

.percent-bar-title
{
	margin-top: 0px;
	margin-bottom: 0px;
}

@keyframes height 
{
  0%, 100% { transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% { height: 0; }
  100% { max-height: 100%; }
}

.bkg-blue
{
	background-color: #b6cfe7;
}

.color-red
{
	color: #FF604B;	
}

.color-white
{
	color: #ffffff;
}

.color-black
{
	color: #00000;
}

.color-blue
{
	color: #b6cfe7;
}

.color-info
{
	color: #33b890;
}

.legislators-table-panel-header, .votes-table-panel-header
{
	margin-bottom: 0px;
}


.vote-total
{
	font-size: 24px;
	font-weight: 600;	
}

.legislators-table-panel, .votes-table-panel, .vote-legs-table-panel
{
	max-height: 648px;
	overflow-y: auto;
}

.legislator-row > td, .vote-row > td
{
	vertical-align: middle !important; 
}

.score-thumbnail
{
	height: 300px;
}

.legislator-thumbnail, .score-thumbnail
{
	max-width: 250px;
	/*max-height: 300px;*/
}

.vote-yes-col, .vote-no-col, .vote-status-col, .vote-stance-col,
.center-text
{
	text-align: center;
}


.legislators-score-col
{
	color: #0c2238;
    font-family: MuseoSlab-500,Arial;
    font-size: 44px;
    vertical-align: middle;
    letter-spacing: -2px;
    line-height: 1;
}

.leg-thumbnail-party-img
{
	max-height: 30px;
	max-width: 30px;
}

.legislators-party-col > img
{
	max-height: 50px;
	max-width: 50px;
}

.align-center
{
	text-align: center;
	align-content: center;
}

.ui-autocomplete
{
    background: #fff;
	color: #517AD6;
	z-index: 200000;
	max-height: 100px;
	overflow-y: auto;
}
.ui-menu > .ui-menu-item.ui-state-focus
{
	background-color: #517AD6 !important;
	background-image: none !important;
	color: #fff !important;
	border: 0px;
	box-shadow: none;
	z-index: 200000;	
}

.ui-state-default
{
	color: #517AD6;	
}

.search-leg-header
{
	color: #0c213b;
    font-family: MuseoSlab-500,Arial;
    font-size: 30px;
    /* text-align: center; */
}




.responsive-stacked-table.mobile-labels tr td:first-child {
	font-weight: 300;
}
.responsive-stacked-table.mobile-labels td:before {
	display: block;
	font-weight: bold;
}

.right-padding-row-5
{
	padding-right: 5px;
}

.right-padding-row-10
{
	padding-right: 10px;
}

.right-padding-row-15
{
	padding-right: 15px;
}

.right-padding-row
{
	padding-right: 20px;
}

.right-spacing-5
{
	margin-right: 5px;
}

.right-spacing-10
{
	margin-right: 10px;
}

.right-spacing-15
{
	margin-right: 15px;
}

.right-spacing-20
{
	margin-right: 20px;
}



.left-padding-row-5
{
	padding-left: 5px;
}

.left-padding-row-10
{
	padding-left: 10px;
}

.left-padding-row-15
{
	padding-left: 15px;
}

.left-padding-row
{
	padding-left: 20px;
}

.left-spacing-5
{
	margin-left: 5px;
}

.left-spacing-10
{
	margin-left: 10px;
}

.left-spacing-15
{
	margin-left: 15px;
}

.left-spacing-20
{
	margin-left: 20px;
}



.top-padding-row-5
{
	padding-top: 5px;
}

.top-padding-row-10
{
	padding-top: 10px;
}

.top-padding-row-15
{
	padding-top: 15px;
}

.top-padding-row
{
	padding-top: 20px;
}

.top-spacing-row-5
{
	margin-top: 5px;
}

.top-spacing-row-10
{
	margin-top: 10px;
}

.top-spacing-row-15
{
	margin-top: 15px;
}

.top-spacing-row
{
	margin-top: 20px;
}



.bottom-padding-row-5
{
	padding-bottom: 5px;
}

.bottom-padding-row-10
{
	padding-bottom: 10px;
}

.bottom-padding-row-15
{
	padding-bottom: 15px;
}

.bottom-padding-row
{
	padding-bottom: 20px;
}



.bottom-spacing-row-5
{
	margin-bottom: 5px;
}

.bottom-spacing-row-10
{
	margin-bottom: 10px;
}

.bottom-spacing-row-15
{
	margin-bottom: 15px;
}

.bottom-spacing-row
{
	margin-bottom: 20px;
}

@media (min-width: 768px) 
{
	body 
	{
	    padding-top: 111px;
	    background: url("../images/blue-overlay.jpg") repeat-x scroll transparent;
		background-position-x: 0px;
		background-position-y: 111px;
	}
	
	.navbar
	{
		height: 111px;
	}
}

.image-container > img 
{
	width: 100%;
	height: auto;
}

.ribbon-green.table-ribbon
{
	font: bold 12px Sans-Serif;
}

@media (min-width: 561px) {
	.ribbon-container {
		max-width: 100px;
		max-height: 100px;
		background: white;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
		position: relative;
		right: -20px;
		z-index: 90;
		top: -22px;
	}

	.ribbon-wrapper-table {
		width: 78px;
		height: 78px;
		overflow: hidden;
		position: absolute;
		top: -24px;
		right: -100px;
	}

	.image-container {
	  max-width: 200px;
	  /*max-height: 200px;*/
	  background: white;
	  border-radius: 10px;
	  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	  position: relative;
	  left: 20px;
	  z-index: 90;
	  top: 5px;
	}

	.ribbon-wrapper-green {
	  width: 85px;
	  height: 85px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}
	
	.ribbon-green {
	    font: bold 15px Sans-Serif;
	    color: #333;
	    text-align: center;
	    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    position: relative;
	    padding: 7px 0;
	    left: -5;
	    top: 15;
	    width: 120;
	    background-color: #bf5345;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc7b79), to(#bf5345));
	    background-image: -webkit-linear-gradient(top, #dc7b79, #bf5345);
	    background-image: -moz-linear-gradient(top, #dc7b79, #bf5345);
	    background-image: -ms-linear-gradient(top, #dc7b79, #bf5345);
	    background-image: -o-linear-gradient(top, #dc7b79, #bf5345);
	    color: #ffffff;
	    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	}

	.ribbon-green:before, .ribbon-green:after {
	  content: "";
	  border-top:   3px solid #6e8900;   
	  border-left:  3px solid transparent;
	  border-right: 3px solid transparent;
	  position:absolute;
	  bottom: -3px;
	}
	
	.ribbon-green:before {
	  left: 0;
	}
	.ribbon-green:after {
	  right: 0;
	}?	
}

@media (max-width: 560px)
{
	.ribbon-container {
		max-width: 100px;
		max-height: 100px;
		background: white;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
		position: relative;
		right: 0px;
		z-index: 90;
		top: -63px;
	}

	.ribbon-wrapper-table {
		width: 85px;
		height: 85px;
		overflow: hidden;
		position: absolute;
		top: -24px;
		right: -9px;
	}

	.image-container {
	  max-width: 200px;
	  /*max-height: 200px;*/
	  background: white;
	  border-radius: 10px;
	  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	  position: relative;
	  left: 0px;
	  z-index: 90;
	  top: 5px;
	}
	
	.ribbon-wrapper-green {
	  width: 85px;
	  height: 85px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}
	
	.ribbon-green {
	    font: bold 15px Sans-Serif;
	    color: #333;
	    text-align: center;
	    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    position: relative;
	    padding: 7px 0;
	    left: -5;
	    top: 15;
	    width: 120;
	    background-color: #bf5345;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc7b79), to(#bf5345));
	    background-image: -webkit-linear-gradient(top, #dc7b79, #bf5345);
	    background-image: -moz-linear-gradient(top, #dc7b79, #bf5345);
	    background-image: -ms-linear-gradient(top, #dc7b79, #bf5345);
	    background-image: -o-linear-gradient(top, #dc7b79, #bf5345);
	    color: #ffffff;
	    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	}
	
	.ribbon-green:before, .ribbon-green:after {
	  content: "";
	  border-top:   3px solid #6e8900;   
	  border-left:  3px solid transparent;
	  border-right: 3px solid transparent;
	  position:absolute;
	  bottom: -3px;
	}
	
	.ribbon-green:before {
	  left: 0;
	}
	.ribbon-green:after {
	  right: 0;
	}?
	
}

@media (max-width: 400px) 
{
	.vertical-skills li 
	{
		width: 25px;
	} 
}

@media(max-width:768px) 
{
	.legislators-table-panel, .votes-table-panel
	{
		max-height: 300px !important;
		overflow-y: auto !important;
	}
	
	.legislators-party-col > img
	{
		max-height: 30px !important;
		max-width: 30px !important;
	}
}

@media(min-width:768px) 
{
    body 
    {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand 
    {
        padding: 15px 0;
    }
    
}

@media(max-width:768px)
{
	.votes-table-panel
	{
		max-height: 300px !important;
	}
	.responsive-stacked-table.mobile-labels.leg-votes td:nth-of-type(1):before {
		content: "Date:";
	}
	.responsive-stacked-table.mobile-labels.leg-votes td:nth-of-type(2):before {
		content: "Vote:";
	}
	.responsive-stacked-table.mobile-labels.leg-votes td:nth-of-type(3):before {
		content: "Description:";
	}
	.responsive-stacked-table.mobile-labels.leg-votes td:nth-of-type(4):before {
		content: "Vote Status:";
	}
	.responsive-stacked-table.mobile-labels.leg-votes td:nth-of-type(5):before {
		content: "MF Stance:";
	}
	.responsive-stacked-table.mobile-labels.leg-votes td:nth-of-type(6):before {
		content: "Legislator Stance:";
	}
	
	
	.responsive-stacked-table.mobile-labels.legislators-table td:nth-of-type(1):before {
		content: "Name:";
	}
	.responsive-stacked-table.mobile-labels.legislators-table td:nth-of-type(2):before {
		content: "Party:";
	}
	.responsive-stacked-table.mobile-labels.legislators-table td:nth-of-type(3):before {
		content: "District:";
	}
	.responsive-stacked-table.mobile-labels.legislators-table td:nth-of-type(4):before {
		content: "MF Score:";
		font-size: 20px;
	}
	.responsive-stacked-table.mobile-labels.legislators-table td:nth-of-type(5):before {
		content: "Chamber:";
	}
	
	
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(1):before {
		content: "Date:";
	}
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(2):before {
		content: "Vote:";
	}
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(3):before {
		content: "Vote Description:";
	}
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(4):before {
		content: "Yes Votes:";
		
	}
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(5):before {
		content: "No Votes:";
	}
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(6):before {
		content: "Bill Status:";
	}
	.responsive-stacked-table.mobile-labels.votes-table td:nth-of-type(7):before {
		content: "MF Stance:";
	}
	
	
	.responsive-stacked-table.mobile-labels.vote-legs td:nth-of-type(1):before {
		content: "District:";
	}
	.responsive-stacked-table.mobile-labels.vote-legs td:nth-of-type(2):before {
		content: "Rep. Name:";
	}
	.responsive-stacked-table.mobile-labels.vote-legs td:nth-of-type(3):before {
		content: "Party:";
	}
	.responsive-stacked-table.mobile-labels.vote-legs td:nth-of-type(4):before {
		content: "MF Score:";
	}
	.responsive-stacked-table.mobile-labels.vote-legs td:nth-of-type(5):before {
		content: "Vote:";
	}
	
}