/* Extend bootstrap's widths for wider screens:

The following are standard bootstrap:

@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
*/

@media (min-width:1278px){.container{width:1260px}}
@media (min-width:1400px){.container{width:1350px}}
@media (min-width:1600px){.container{width:1550px}}
@media (min-width:1850px){.container{width:1750px}}


div.subheader {
  width: 100%;
  text-align : right;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 40px;
  background-color: black;
  border-bottom: solid 1px white;
  color: white;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}


.bold { font-weight: bold; }
.redbold { font-weight: bold; color: red;}
.dem-submit { width: 200px; height: 100%; }
#statusmessage {
    z-index: 999;
    position:fixed;
    bottom:0;
    padding:0 5px;
    line-height:50px;
    background-color:#eeee99;
    margin-bottom:-50px;
    font-weight:bold;
    font-size:14pt;
    text-align:center;
    left:0;
    right:0;
}

/* Extracted from http://lipis.github.io/flag-icon-css/ */
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-gb {
  background-image: url(../flags/4x3/gb.svg);
}
.flag-icon-fr {
  background-image: url(../flags/4x3/fr.svg);
}
.flag-icon-es {
  background-image: url(../flags/4x3/es.svg);
}


.popover { max-width: 100%; }

h3.popover-title {
  line-height: 1.2em;
}
div.popover-content ul {
  font-size: 1em;
  color: black;
}

.glyphicon-oplus {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Calibri, Arial, sans-serif;
  font-size: 20px;
  line-height: 10px;
}

.glyphicon-oplus:before {
  content: "\2295";
}
table.info-table {
  width: 100%;
  border: 1px solid black;
}

table.info-table td,
table.info-table th {
  border: 1px solid black;
  padding: 4px 4px 4px 4px;
}