a.openSourceIcon {
  display: inline-block;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  width: 12px;
  height: 12px;
  margin: 0 3px 0 10px;
}
div.noSourceIcon{
  width:10px; height:10px; display:inline-block; margin: 0 3px 0 5px;
}
.mainSubTitle p.adminArea {  
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 40px;
  }

.form-container{
  display: block; 
  margin: 0 auto;
  padding: 30px 40px;
  background-color: #87d0fd;
  border: 2px solid #39a3e4;
  position: relative;
  max-width: 500px;
  }

.formRow{margin-bottom: 20px;}
.formInput{ display: block;
  width: 100%; height: 40px; line-height: 40px; margin-bottom: 15px; text-align:center; font-weight: normal; font-size: 18px;}
.fileInput{width: 100%; height: 45px; line-height: 45px; font-size:16px;}

label.formLabel{display: block; width: 100%; margin-bottom: 10px; font-size: 20px; font-weight: normal; clear: both;}
.choosePictureText{text-align: center; margin: 5px 0 30px 0;}

.button{padding: 10px 20px; width: auto; margin: 0 auto; display: block; font-weight: bold; font-size: 18px; cursor: pointer;
font-weight: normal;}

.radio-buttons-holder{ margin: 0 0 0 20px;}
.radio-buttons-holder input{ width: 18px; height: 18px;}
.radio-buttons-holder label{font-weight: normal; font-size: 18px; margin: 0 20px 0 10px; vertical-align: text-bottom;}



p.errorInTopOfForm{color: orangered; font-weight: bold; text-align: center;}

.formError{color: red;}
.formError ul{margin: 10px 0px 0 0; padding: 0;}
.formError ul li{
  list-style-type: none;    
  display: inline;
  font-weight: normal;}


table.checkboxTable{width: 95%; margin-left: 5%;}
table.checkboxTable tr td{width: 25%; padding: 5px 10px;}
table.checkboxTable tr td input{width: 18px; height: 18px; margin-right: 10px;}
table.checkboxTable tr td label{font-size: 20px;}

table.categoryHolderTable{
  width: 80%;
  margin-left: 10%;
  background-color: white;
  border: 1px solid grey;
  position: relative;
  border-collapse: collapse;
}
.categoryHolderTable td, .categoryHolderTable th {
  border: 1px solid #ddd;
  height: 40px;
}
.categoryHolderTable tr{ 
  text-align: center;     
}

.categoryHolderTable tr:nth-child(even){background-color: #f2f2f2;}
.categoryHolderTable tr:hover {background-color: #ddd;}
.categoryHolderTable th {
    text-align: center;
    background-color: #04AA6D;
    color: white;

  }

a.thumbHolder:hover{text-decoration: none;}  
.tableThumbnail{width: 40px; margin-left: 10px; border: 1px solid #333; border-radius: 2px;}
.emptyThmbnail{display: block; width: 40px; height: 40px; margin-left: 10px;}
.thumbnailSound{display: block; width: 28px; height: 28px; margin: 0 auto; cursor: pointer;}
.emptySound{display: block; width: 30px; height: 30px; margin-left: 10px;}


.bottom0{margin-bottom: 0 !important;}
.orange{background-color: orange !important;}
#loadwords{
  cursor: pointer;
  text-align: center;
  display: block;
  margin-top: -10px;
  font-size: 1em;
  display: block;
  height: 35px; line-height: 35px;
}

#loadwords:hover{background-color: #04AA6D; text-decoration: none; color: white;}
#grid-container{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr
}
#grid-container-left-child{display: block;}


#wordSuggestionsContainer{height: 100px; width: 100%; }
#wordSuggestionsContainer table {width: 100%; text-align: center;}
#wordSuggestionsContainer table tr td{border: 1px solid grey;}
#wordSuggestionsContainer table th{border: 1px solid grey; height: 40px; background-color: #0d456f; color: white;}
#ajaxRezultsTable{position: relative; z-index: 10; border-collapse: collapse; background-color: white;}