.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: 2em;
  line-height: 1.5em;
  margin: 0.2em;
}

div.flags {
    display:inline-block;
    padding-left: 2em;
    float:right;
    margin-top: 7px;
    margin-bottom: 10px;
}

div.flags .ui-state-disabled {
    opacity: 1;
}

div.flags .flag-container {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 1px;
    display:inline-block;
    /*box-shadow: 3px 3px 5px rgba(0,0,0,.2);*/
}

div.flags .ui-state-disabled .flag-container {
    background-color: #aaffaa;
    border: 1px double #333333;
}

div.flags a .flag-container {
    background-color: #fff;
}

div.flags a {
    text-decoration: none;
}

div.flags button {
    padding:1px;
}

div.flags button .flag-icon {
    opacity: 0.4;
}

.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-SV {
  background-image: url(../flags/4x3/se.svg);
}
.flag-icon-SV.flag-icon-squared {
  background-image: url(../flags/1x1/se.svg);
}

.flag-icon-EN {
  background-image: url(../flags/4x3/gb.svg);
}
.flag-icon-EN.flag-icon-squared {
  background-image: url(../flags/1x1/gb.svg);
}

.flag-icon-sa {
  background-image: url(../flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../flags/1x1/sa.svg);
}