#root-unit-portrait {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#portrait {
    width: 100%;
    height: 100%;
    background-image: url('project://database/Assets/5%20-%20Textures/Generic/Portraits/Units/PortraitPlaceholder.png?fileID=2800000&guid=257f48a9190bac44e9fc555146d7690d&type=3#PortraitPlaceholder');
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-left-radius: 7%;
    border-top-right-radius: 7%;
    border-bottom-right-radius: 7%;
    border-bottom-left-radius: 7%;
    overflow: hidden;
}

#health-bar {
    width: 100%;
    background-color: rgba(88, 88, 88, 0.59);
    position: absolute;
    height: 5%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 5%;
    padding-left: 5%;
    bottom: 3%;
}

#health-bar .unity-progress-bar__container {
    max-height: 100%;
    max-width: 100%;
    min-height: auto;
    min-width: auto;
    width: 100%;
    height: 100%;
}

#health-bar .unity-progress-bar__background {
    background-color: rgba(0, 0, 0, 0.39);
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}

#health-bar .unity-progress-bar__progress {
    background-color: rgb(255, 0, 0);
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#health-bar .unity-progress-bar__title-container {
    display: none;
}

#health-label {
    position: absolute;
    bottom: 5%;
    align-self: center;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    -unity-font-style: bold;
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

#border {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('project://database/Assets/_ADDONS/MedievalKingdomUI/Artworks/Classic_Skin/UI_elements_C/icon_frame_lg.png?fileID=2800000&guid=f8efd3dc9609b4e45add8aebb16b34f2&type=3#icon_frame_lg');
}

.active #border {
    background-image: url('project://database/Assets/_ADDONS/MedievalKingdomUI/Artworks/White_gold_Skin/UI_elements_W/icon_frame_lg.png?fileID=2800000&guid=0964db7d06777d1429e0648e8be94ba7&type=3#icon_frame_lg');
    -unity-background-image-tint-color: rgb(255, 255, 0);
}
