#root-tooltip {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    flex-direction: row;
}

.tooltip {
    width: 300px;
    min-height: 50px;
    color: rgb(187, 187, 187);
}

.tooltip-content {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.details-element {
    flex-direction: row;
}

.details-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-color: rgba(255, 0, 0, 0.27);
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.details-label {
    flex-grow: 1;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#title-section {
    flex-direction: row;
}

.section {
    border-top-color: rgba(0, 0, 0, 0.39);
    border-top-width: 1px;
    margin-top: 5px;
    padding-top: 5px;
}

#foot-section {
    flex-direction: row-reverse;
}

#tooltip-background {
    width: 100%;
    height: 100%;
    position: absolute;
}

#background {
    background-color: rgb(33, 33, 33);
    width: 100%;
    height: 100%;
    position: absolute;
}

#border {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('project://database/Assets/_ADDONS/MedievalKingdomUI/Artworks/White_gold_Skin/UI_elements_W/Main_bar_frame.png?fileID=2800000&guid=f3e73c26aa3a97547bc7b96427ec4084&type=3#Main_bar_frame');
    -unity-slice-left: 32;
    -unity-slice-top: 32;
    -unity-slice-right: 32;
    -unity-slice-bottom: 32;
    -unity-slice-scale: 0.3px;
}
