.modal-container {
  z-index: 50;
}


#feedbacker-settings {
   position: fixed;
   right: -270px;
   width:  270px;
   top: 100px;
   padding-right: 10px;  
   background: #333;
   border-radius: 5px;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   -o-transition: all .3s;
   transition: all .3s;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   z-index: 999998;
  }
  #feedbacker-settings.open {
   right: -10px;
  }
  #feedbacker-settings > .header {
   position: relative;
   z-index: 100000;
   line-height: 20px;
   background: #444;
   color: #fff;
   font-size:  11px;
   font-weight: 600;
   padding: 10px 20px;
   margin: 0;
  }
  #feedbacker-settings > div {
   position: relative;
   z-index: 100000;
   background: #282828;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
  }
  #feedbacker-settings-toggler {
   font-size: 21px;
   width: 50px;
   height: 40px;
   padding-right: 10px;
   position: absolute;
   left: -40px;
   top: 0;
   background: #444;
   text-align: center;
   line-height: 40px;
   color: #fff;
   border-radius: 5px;
   z-index: 99999;
   text-decoration: none !important;
   -webkit-transition: color .3s;
   -moz-transition: color .3s;
   -ms-transition: color .3s;
   -o-transition: color .3s;
   transition: color .3s;
  }
  #feedbacker-settings.open #feedbacker-settings-toggler {
   font-size: 16px;
   color: #888;
  }
  #feedbacker-settings.open #feedbacker-settings-toggler:hover {
   color: #fff;
  }
  #feedbacker-settings.open #feedbacker-settings-toggler:before {
   content: "\f00d";
  }
  #feedbacker-settings-list {
   padding: 0;
   margin: 0;
  }
  #feedbacker-settings-list li {
   padding: 0;
   margin: 0;
   list-style: none;
   position: relative;
  }
  #feedbacker-settings-list li > span {
   line-height: 20px;
   color: #fff;
   display: block;
   padding: 12px 20px;
   cursor: pointer;
  }
  #feedbacker-settings-list li + li {
   border-top: 1px solid #333;
  }
  #feedbacker-settings .demo-checkbox {
   position: absolute;
   right: 20px;
   top: 12px;
  }

  #feedbacker-settings .feedback-form {
    margin:10px;
  }

.select2-large .select2-choice {
  min-height: 50px; 
  max-height: 50px; 
  overflow-y: auto;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
}

.card .title {
    color: grey;
    font-size: 18px;
}

.card button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}

.card a {
    text-decoration: none;
    font-size: 22px;
    color: black;
}

.card button:hover, a:hover {
    opacity: 0.7;
}

/*input.loading {
    width: 100px;
    height: 100px;
    border: 2px solid lightblue;
}*/

/*.loading:before {*/
    /*content: "H";*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*font-size: 1.0em;*/
    /*text-align: center;*/
    /*display: block;*/
    /*line-height: 100px;*/
}​

input.loading {    
    background-color: #ffffff;
    background-image: url("http://loadinggif.com/images/image-selection/3.gif");
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}



.flag {
  /*line-height: 20px;*/
  vertical-align: middle;
  display: inline-block;
}


.flag img {
  display: inline-block;
  vertical-align: middle;
  /*height: 30px;
  width: 30px;*/
}

#id_version {
  position: absolute;
  display: inline-block;
  bottom: 10px;
  left: 10px;
}


.missing:empty:after {
  content: 'missing';
  line-height: 1.5rem;
  background-color: #fff;
  opacity: 0.6;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #f00;
  font-size: 0.7em;
  padding: 3px;
  color: #f00;
}