.kg-entity-card {
    width: 360px;
}

.kg-entity-card__properties {
    padding: 0;
    margin-left: 16px;
}

.kg-entity-card__property {
    display: block;
    margin-bottom: 4px;
}


.kg-entity-card__property_hidden {
    display: none;
}

.kg-entity-card-property {
}

.kg-entity-card-property__label {
    font-size: x-small;
    color: darkgray;
    font-family: Verdana;
    display: block;
    cursor: pointer;
}

.kg-entity-card-property__values {
    padding: 0;
    margin: 0;
}

.kg-entity-card-property__value {
    display: block;
    margin-top: 5px;
    margin-bottom: 7px;
}

.kg-entity-card-attribute-value {
    
}

.kg-entity-card-attribute-value__value {
}

.kg-entity-card-attribute-value__value[type="checkbox"] {
    width: 16px;
}


.kg-entity-card-attribute-value__value_withUnit {
}

.kg-entity-card-attribute-value__file {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

.kg-entity-card-attribute-value__unit {
    text-decoration: underline;
    cursor: pointer;
}

.kg-entity-card-attribute-value__unit_hidden {
    display: none;
}

.kg-entity-card-relation-value {
    text-decoration: underline;
    cursor: pointer;
}

.kg-entity-card-image-value {
    width: 312px;
    max-height: 640px;
}

.kg-entity-card-input {
    font-family: Verdana;
    font-size: smaller;
}

.kg-entity-card__edit {
    color: white;
    background-color: rgb(27,163,225);
    border: none;
    height: 32px;
    width: 150px;
    font-family: Verdana;
    margin: 10px;
}

.kg-responsive-entity-card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    background-color: #EDEFF4 !important;
    height: 100%;
    overflow-y: auto;
}

.kg-responsive-entity-card__container {
    padding: 0.01em 16px;
    padding-bottom: 10px;
}

.kg-responsive-entity-card__container:after, .kg-responsive-entity-card__container:before {
    content: "";
    display: table;
    clear: both;
}

.kg-responsive-entity-card__header {        
    background-color: white;
    box-shadow: 0px 1px 20px 0px grey;    
}

.kg-responsive-entity-card__content {
    margin-top: 20px;    
}

.kg-responsive-entity-card__button {
    font: inherit;
    margin: 0;
    text-transform: none;
    -webkit-appearance: button;

    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;

    transition: opacity 0s;
}

.kg-responsive-entity-card__button:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.kg-responsive-entity-card__entity-type {
    text-decoration: underline;
    cursor: pointer;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.kg-responsive-entity-card__entity-label {
    display: block;
    font-size: large;
    font-weight: bold;
}

.kg-responsive-entity-card__header-buttons {
    margin-bottom: 16px;
    margin-top: 16px;
    display: block;    
}

.kg-responsive-entity-card__edit-entity-button {   
    color: #fff;
    background-color: #2196F3;    
}

.kg-responsive-entity-card__show-entity-json-button {
    color: #fff;
    background-color: #616161;
    float: right;
}

.kg-responsive-entity-card__entity-header {
    display: block;
    overflow: auto;
}

.kg-responsive-entity-card__entity-properties {
    display: block;
    margin-top: 10px;
    overflow: hidden;
}

.kg-responsive-entity-card__entity-relations {
    display: block;
    margin-top: 10px;
    overflow: hidden;
}

.kg-responsive-entity-card__entity-subjects {
    display: block;
    margin-top: 10px;
    overflow: hidden;
}

.kg-responsive-entity-card__entity-picture {
    width: 256px;
    height: 256px;
    float: left;
    margin-right: 10px;
    object-fit: cover;   
}

.kg-responsive-entity-card__entity-comments {
    height: 256px;
    width: auto;
    background-color: white;
    color: black;
    overflow: hidden;
    overflow-y: auto;    
}

.kg-responsive-entity-card__entity-comments-text {
    margin: 10px;
}

.kg-responsive-entity-card_hidden {
    display: none;
}

.kg-responsive-entity-card .kg-entity-card-relation-value {
    color: dodgerblue;
}

.kg-responsive-entity-card .kg-entity-card-property__value {
    padding: 5px;
    background-color: white;
}

.kg-responsive-entity-card .kg-responsive-entity-card__entity-properties .kg-entity-card__property {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.kg-responsive-entity-card .kg-responsive-entity-card__entity-relations .kg-entity-card__property {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.kg-responsive-entity-card .kg-responsive-entity-card__entity-properties .kg-entity-card__property_hidden {
    display: none;    
}

.kg-responsive-entity-card .kg-entity-card-property__label {
    font-size: small;
}

.kg-responsive-entity-card__entity-subjects .kg-entity-card-property__label {
    cursor: auto;
}

.kg-entity-card-form {
    margin: 20px;
    width: 370px;
}

.kg-responsive-entity-card__block {
    padding: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    overflow: visible;
}

.kg-responsive-entity-card__block::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.kg-entity-card-property__block-label {
    background: #EDEFF4;
    margin-bottom: 10px;
    margin-top: -20px;
    margin-left: 5px;
    cursor: auto;
    font-size: small;
    font-family: Verdana;
    display: block;
    color: #616161;
}

.kg-entity-card-property__label_hidden {
    display: none;
}