/*CSS for cell : mindMapContent*/
.show-detail-mm-node
{

    border-radius: 6px;
    background:transparent;
    display: flex;
    align-items: left;
    justify-content: left;
    text-align: justify;
    color: #7D3BBB;
    font-size: 22px;
    overflow-y: auto;
    padding: 10px 10px 10px 10px;
}

.mind-map-image-button-holder
{
    position: absolute;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-items: center;
}

.mind-map-content-big-frame
{
    position: absolute;
    z-index: 2000;
    border-radius: 6px;
}

.mind-map-content-button-holder
{
    position: absolute;
    display: flex;
    justify-content:left;
    align-items:center;
    justify-items: left;
    border-radius: 5px;
    flex-direction: row;
}

.tup 
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.tup:hover
{
    cursor:pointer;
}

.show-good-ones
{
    position: absolute;
    display: flex;
    justify-content:center;
    align-items:center;
    justify-items: center;
    border-radius: 5px;
    flex-direction: column;
    color: #7D3BBB;
}
.show-good-ones-Top
{
    display: flex;
    justify-content:left;
    align-items:center;
    justify-items: center;
    border-radius: 5px;
    flex-direction: column;
    border: thin solid #feb300;
    margin-bottom: 10px; 
    text-align: left;   
    overflow-y: auto;
    color: #7D3BBB;
    padding: 10px 10px 10px 10px;
}
.show-good-ones-slider
{
    display: flex;
    justify-content:center;
    align-items:center;
    justify-items: center;
    border-radius: 5px;
    flex-direction: row;
    text-align: center;
}
.show-good-ones-slider-icon
{
    display: flex;
    justify-content:center;
    align-items:center;
    justify-items: center;
    flex-direction: row;
    text-align: center;
    margin-right: 50px;
    border-radius: 50%;
    font-size: 70px;
}
.show-good-ones-mini-tit
{
    display: flex;
    justify-content:center;
    align-items:center;
    justify-items: center;
    border-radius: 5px;
    margin-bottom: 2px; 
    text-align: center;   
    color: black;
    padding: 10px 10px 10px 10px;
}

.show-good-ones-bottom
{
    border-radius: 5px;
    border: thin solid #feb300;
    color: #7D3BBB;
    overflow-y: auto;
}
.items-show-goodies
{
    border-radius: thin solid #feb300;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
}
.strawberry-resp-Magian
{
    position: absolute;
    border-radius: 6px;
    border: transparent;
    color: #7D3BBB;
    justify-content: left;
    align-items: center;
    justify-items: center;
    text-align: justify;
    overflow-y: auto;
    padding: 5px 5px 5px 5px; 
}
.little-devil-main
{
    position: absolute;
    border-radius: 4px;

}

.little-devil-in
{
    border-radius: 4px;
    justify-content: left;
    align-items: center;
    justify-items: center;
    text-align: justify;
    padding: 2px 2px 2px 2px;
}

.little-devil-in:hover
{
  cursor: pointer;
  transform: scale(1.2);
}

.main-holder-TAXX-Icon
{
    display: flex;
    border-radius: 5px;
    justify-content:left;
    align-items: center;
    flex-direction: column;
}

.main-holder-MindMapCon-Outer
{
    position: absolute;
    display: flex;
    border-radius: 5px;
    justify-content:left;
    align-items: center;
    flex-direction: row;
}
.slider-holder-unit-magian
{
    position: absolute;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

.wf-list-top-menu-combo-panel
{
 
    display: flex;
    justify-content: right;
    align-items: center;
    border: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}