.IconContainer {
    width: 50px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.IconContainer .Icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.IconContainer.White { background-image: url("image/hexagon/white.png"); }
.IconContainer.Blue { background-image: url("image/hexagon/blue.png"); }
.IconContainer.Transparent { background-image: url("image/hexagon/transparent.png"); }
.Information .IconContainer .Icon { background-image: url("image/icon/warning.png"); }
.Information.Count-3 .IconContainer .Icon { background-image: url("image/icon/completed.png"); }

.Create .IconContainer .Icon { background-image: url("image/icon/create.png"); }
.Empty .IconContainer .Icon { background-image: url("image/icon/empty.png"); }

/*  ----------  IRODALOM  ----------  */
.Point-Literature .Picture { background-color: #a93952; background-image: url("image/picture/literature.png"); }
.Point-Literature .BarBackground { background-color: #a93952 !important; }
.Point-Literature .BarText { color: #a93952 !important; }
.Point-Literature .IconContainer.White .Icon { background-image: url("image/icon/literature.png"); }
.Point-Literature .IconContainer.Color .Icon { background-image: url("image/icon-white/literature.png"); }
.Point-Literature .IconContainer.Color { background-image: url("image/hexagon/literature.png"); }

/*  ----------  MATEMATIKA  ----------  */
.Point-Mathematics .Picture { background-color: #cc9e61; background-image: url("image/picture/mathematics.png"); }
.Point-Mathematics .BarBackground { background-color: #cc9e61 !important; }
.Point-Mathematics .BarText { color: #cc9e61 !important; }
.Point-Mathematics .IconContainer.White .Icon { background-image: url("image/icon/mathematics.png"); }
.Point-Mathematics .IconContainer.Color .Icon { background-image: url("image/icon-white/mathematics.png"); }
.Point-Mathematics .IconContainer.Color { background-image: url("image/hexagon/mathematics.png"); }

/*  ----------  FÖLDRAJZ  ----------  */
.Point-Geography .Picture { background-color: #5fc7b3; background-image: url("image/picture/geography.png"); }
.Point-Geography .BarBackground { background-color: #5fc7b3 !important; }
.Point-Geography .BarText { color: #5fc7b3 !important; }
.Point-Geography .IconContainer.White .Icon { background-image: url("image/icon/geography.png"); }
.Point-Geography .IconContainer.Color .Icon { background-image: url("image/icon-white/geography.png"); }
.Point-Geography .IconContainer.Color { background-image: url("image/hexagon/geography.png"); }

/*  ----------  ÉNEK-ZENE  ----------  */
.Point-Music .Picture { background-color: #d164b7; background-image: url("image/picture/music.png"); }
.Point-Music .BarBackground { background-color: #d164b7 !important; }
.Point-Music .BarText { color: #d164b7 !important; }
.Point-Music .IconContainer.White .Icon { background-image: url("image/icon/music.png"); }
.Point-Music .IconContainer.Color .Icon { background-image: url("image/icon-white/music.png"); }
.Point-Music .IconContainer.Color { background-image: url("image/hexagon/music.png"); }

/*  ----------  NYELVTAN  ----------  */
.Point-Grammar .Picture { background-color: #e47130; background-image: url("image/picture/grammar.png"); }
.Point-Grammar .BarBackground { background-color: #e47130 !important; }
.Point-Grammar .BarText { color: #e47130 !important; }
.Point-Grammar .IconContainer.White .Icon { background-image: url("image/icon/grammar.png"); }
.Point-Grammar .IconContainer.Color .Icon { background-image: url("image/icon-white/grammar.png"); }
.Point-Grammar .IconContainer.Color { background-image: url("image/hexagon/grammar.png"); }

/*  ----------  BIOLÓGIA  ----------  */
.Point-Biology .Picture { background-color: #84cf47; background-image: url("image/picture/biology.png"); }
.Point-Biology .BarBackground { background-color: #84cf47 !important; }
.Point-Biology .BarText { color: #84cf47 !important; }
.Point-Biology .IconContainer.White .Icon { background-image: url("image/icon/biology.png"); }
.Point-Biology .IconContainer.Color .Icon { background-image: url("image/icon-white/biology.png"); }
.Point-Biology .IconContainer.Color { background-image: url("image/hexagon/biology.png"); }

/*  ----------  VIZUÁLIS KULTÚRA  ----------  */
.Point-Art .Picture { background-color: #989592; background-image: url("image/picture/art.png"); }
.Point-Art .BarBackground { background-color: #989592 !important; }
.Point-Art .BarText { color: #989592 !important; }
.Point-Art .IconContainer.White .Icon { background-image: url("image/icon/art.png"); }
.Point-Art .IconContainer.Color .Icon { background-image: url("image/icon-white/art.png"); }
.Point-Art .IconContainer.Color { background-image: url("image/hexagon/art.png"); }

/*  ----------  KÉMIA  ----------  */
.Point-Chemistry .Picture { background-color: #6c55a8; background-image: url("image/picture/chemistry.png"); }
.Point-Chemistry .BarBackground { background-color: #6c55a8 !important; }
.Point-Chemistry .BarText { color: #6c55a8 !important; }
.Point-Chemistry .IconContainer.White .Icon { background-image: url("image/icon/chemistry.png"); }
.Point-Chemistry .IconContainer.Color .Icon { background-image: url("image/icon-white/chemistry.png"); }
.Point-Chemistry .IconContainer.Color { background-image: url("image/hexagon/chemistry.png"); }

/*  ----------  FIZIKA  ----------  */
.Point-Physics .Picture { background-color: #76baee; background-image: url("image/picture/physics.png"); }
.Point-Physics .BarBackground { background-color: #76baee !important; }
.Point-Physics .BarText { color: #76baee !important; }
.Point-Physics .IconContainer.White .Icon { background-image: url("image/icon/physics.png"); }
.Point-Physics .IconContainer.Color .Icon { background-image: url("image/icon-white/physics.png"); }
.Point-Physics .IconContainer.Color { background-image: url("image/hexagon/physics.png"); }

/*  ----------  TÖRTÉNELEM  ----------  */
.Point-History .Picture { background-color: #dc4c3f; background-image: url("image/picture/history.png"); }
.Point-History .BarBackground { background-color: #dc4c3f !important; }
.Point-History .BarText { color: #dc4c3f !important; }
.Point-History .IconContainer.White .Icon { background-image: url("image/icon/history.png"); }
.Point-History .IconContainer.Color .Icon { background-image: url("image/icon-white/history.png"); }
.Point-History .IconContainer.Color { background-image: url("image/hexagon/history.png"); }

/*  ----------  INFORMATIKA  ----------  */
.Point-IT .Picture { background-color: #9d7657; background-image: url("image/picture/it.png"); }
.Point-IT .BarBackground { background-color: #9d7657 !important; }
.Point-IT .BarText { color: #9d7657 !important; }
.Point-IT .IconContainer.White .Icon { background-image: url("image/icon/it.png"); }
.Point-IT .IconContainer.Color .Icon { background-image: url("image/icon-white/it.png"); }
.Point-IT .IconContainer.Color { background-image: url("image/hexagon/it.png"); }

/*  ----------  TERMÉSZETISMERET  ----------  */
.Point-NatureScience .Picture { background-color: #b0bd3a; background-image: url("image/picture/naturescience.png"); }
.Point-NatureScience .BarBackground { background-color: #b0bd3a !important; }
.Point-NatureScience .BarText { color: #b0bd3a !important; }
.Point-NatureScience .IconContainer.White .Icon { background-image: url("image/icon/naturalscience.png"); }
.Point-NatureScience .IconContainer.Color .Icon { background-image: url("image/icon-white/naturalscience.png"); }
.Point-NatureScience .IconContainer.Color { background-image: url("image/hexagon/naturalscience.png"); }

/*  ----------  VEGYES  ----------  */
.Point-Mixed .Picture { background-color: #e9e9e9; background-image: url("image/picture/mixed.png"); }
.Point-Mixed .BarBackground { background-color: #e9e9e9 !important; }
.Point-Mixed .BarText { color: #e9e9e9 !important; }
.Point-Mixed .IconContainer.White .Icon { background-image: url("image/icon/mixed.png"); }
.Point-Mixed .IconContainer.Color .Icon { background-image: url("image/icon-white/mixed.png"); }
.Point-Mixed .IconContainer.Color { background-image: url("image/hexagon/mixed.png"); }

/*  ----------  HÍRESSÉGEK ÓRÁI  ----------  */
.Point-Celeb .Picture { background-color: #84cf47; background-image: url("image/picture/celeb.png"); }
.Point-Celeb .BarBackground { background-color: #84cf47 !important; }
.Point-Celeb .BarText { color: #84cf47 !important; }
.Point-Celeb .IconContainer.White .Icon { background-image: url("image/icon/celeb.png"); }
.Point-Celeb .IconContainer.Color .Icon { background-image: url("image/icon-white/celeb.png"); }
.Point-Celeb .IconContainer.Color { background-image: url("image/hexagon/celeb.png"); }