/*2021*/
#uploadFormPhoto{
  width:255px;
  background: white;
  color: black;
  padding:25px;
  margin:0 0 15px 15px;
  z-index:100;
  position: absolute;
}
#uploadFormPhoto .close{
  opacity:1;
}
#uploadFormPhoto input{
  color: black;
}
#uploadFormPhoto .delete{
  background: #b43301;
  border: none;
  color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
}
#uploadFormPhoto .close img{
  width:auto;
  height: auto;
  max-width: auto;
  min-height: auto;
}

/*2017*/

.dataTable {
    font-size: 12px;
}

.infeature-content {
    min-height: 800px;
}

.login-form p {
    text-align:center;
}

.city-person {
    margin-bottom: 10px;
}

.left-description {
    vertical-align: top;
}
.right-description {
    max-width: 70%;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.city-official .smt-list .smd-item {
    min-height: 200px;
}

.people-detail .hero_img {
    max-height: 150px;
}
.people-detail img {
    max-height: 150px;
    min-height: 150px;
    width: auto;
}
.city-person img {
    margin: 0 auto;
    min-height: 150px;
    max-height: 150px;
}

.login-form .btn.btn-primary {
    background-color: #659c16;
    border-color: #659c16;
}

.copyright {
    padding-top: 10px;
}
.copyright a {
    color: #FFF !important;
}

/* footer styles */
#footer {
    font-size: 11px;
    background: #669b41 url('../images/top_bg.gif') repeat-x top left;
    height: 50px;
    margin:-40px 0 0 0; /* negative value of footer height */
    clear:both;
}

.cities-inner, .search-inner {
    background: none;
    background-color: #669b41;
}

.cities-inner h4 {
    color: #FFF;
}

.main-nav .navbar-brand > img {
    margin-top: 20px;
    height: 28px;
}

.main-nav .navbar-nav > li > a.active {
    background: none;
    color: #777;
    font-weight:bold;
}

.inner-title h3 {
    color: #669b41;
}

.smd-item .headshot {
    min-height: 100px;
}

.side-box .box-content {
    background-color: #669b41;
    margin-bottom: 15px;
}
.side-box .box-content:hover{
background-color: white;

}
.side-box:hover .number-box {
    color: #669b41;
}

.bottom-stats .ted-table tr:nth-of-type(1) {
    background-color: #669b41;
}

.scrollToTop {
    background-color: #669b41;
}

.state-proportion-text h4, .chart-icon i {
    color: #669b41;
}

.title-has-icon h3 {
    color: #669b41;
    display: block;
}

.right-box h3 {
    color: #669b41;
}
.box-center .box-entry .btn.btn-primary:hover {
    color: #669b41;
}
.content-title h3:after {
    background-color: #669b41;
}

.bottom-inner {
    background-color: #669b41;
}
.content-title h1 {
    color: #669b41;
}
.people-related .headshot {
    min-height: 80px;
    max-height: 80px;
}

.tab-entry {
    position:relative;
}
.tab-entry ul {
    margin-left: 20px;
}
.tab-entry p {
    text-indent: 0;
}
.tab-panel {
    position: relative;
}

.tab-pane .edit-button {
    right: 0;
}

div.edit-button, .subscribe-button,div.delete-button {
    display:block;
}
div.edit-button.top, .subscribe-button.top{
    margin-top:-45px;
    margin-left:-10px;
}
div.edit-button.top.discard, .subscribe-button.top.discard{
    margin-top:-45px !important;
    margin-left:85px !important;
}

.admin div.edit-button, .admin .subscribe-button {
    display:block;
}
div.delete-button img{
    display:inline;
    margin-bottom:-3px;
}

div.edit-button, .subscribe-button, div.delete-button{
    padding:10px;
    color:white;
    font-size:14px;
    background-color:#0096E4;
    cursor:pointer;
    margin-top:20px;
    width:75px;
    position:absolute;
    opacity: .9;
    z-index: 5;
}
div.delete-button{
    background-color:#e49696;
    margin-top:-10px;
    position:relative;
}
div.edit-button.right, .subscribe-button.right{
    right:0;
    margin-right:-70px;
    text-align:right;
}
div.edit-button.left, .subscribe-button.left{
    left:0;
    margin-left:-80px;
    text-align:left;
}
.candidate div.edit-button.discard{
    display:block !important;
}

div.edit-button.discard{
    margin-top:60px !important;
    background-color:grey !important;
}
div.edit-button.discard.right{

}
div.edit-button.discard.left{

}

div.edit-button.small{
    margin-top:-10px;
}
div.edit-button.discard.small{
    margin-top:30px !important;
}

div.edit-button.right{
  margin-right:0px;
  font-size:0px;
}
div.edit-button{
  width:35px;
  font-size:0px;
}
div.edit-button::before{
  content:'✎';
  font-size:14px;
}
div.edit-button.editing::before{
  content:'✓';
}
div.edit-button.discard::before{
  content:'✖';
}

.dashboard-content table.dataTable tr {

}
.dashboard-content table.dataTable td {
    line-height: 1.6em;
    padding: 10px 0px;
}


.dataTable_contain {
   display:none;
}

ul.districts {
    list-style-type: none;
}
.districts li.d-type {
    clear: left;
    float: left;
    margin-top: 20px;
}

.city-official .schools {
    margin-top: 150px;
}
.schools .city .title {
    font-size: 1.8rem;
}
.schools .city {
    float: left;
    width: 49%;
    margin: 10px 1% 20px 0;
}

.person-detail h4 {
    height: auto;
    margin-bottom: 0;
}

table.dataTable tbody td {
    padding-top: 5px;
    padding-bottom:5px;
}

table.dataTable tbody td .hero_sm {
    margin-right:5px;
}

.text-agendas input {
    width: 100%;
}

#popup{
  position: absolute;
  display: none;
  left:0px;
  top:0px;
  width:100%;
  height: 100%;
  z-index: 990;

}
#popup .shade{
  width:100%;
  height: 100%;
  background: rgba(0,0,0,.75);
  position: absolute;
  left: 0px;
  top:0px;
  z-index: 991;
}
#popup .body{
  width:80%;
  padding:20px;
  border: solid white 10px;
  border-radius: 10px;
  background: white;
  left:50%;
  margin-left:-40%;
  top: 50px;
  z-index: 992;
  position: absolute;
  height: calc(100% - 100px);
  overflow-y: scroll;

}
#popup .body .submit{
  position: fixed;
  bottom: 54px;
  width: calc(80% - 90px);
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
}
#popup .body a.delete{
  position: relative;
  top: -30px;
}
#popup .body h1{
  position: fixed;
  background: white;
  background: white;
  padding: 20px 0;
  margin-top: -20px;
  width: calc(80% - 90px);
}

#popup .close::before{
  content: 'X';
}
#popup .close{
  color:white;
  top:20px;
  right:30px;
  position: absolute;
  font-size:40px;
  opacity: 1;
  z-index: 1000;
}

#popup h3{
  float:left;
  clear:both;
  width:150px;
}
#popup input, #popup select, #popup .select2-container {
  float:left;
}
.wrapper.shaded{
  overflow:hidden;
}
#bio{
  min-height:70px;
}