.unity-imgui-container {
    flex: 1 0 0;
}
.moduleWindow {
    position: absolute;
}
.bottomRight {
    bottom: 16px;
    right: 16px;
}
.bottomLeft {
    bottom: 16px;
    left: 0;
}
.topLeft {
    top: 0;
    left: 0;
}
.topRight {
    top: 0;
    right: 16px;
}
.bottomRightFloating {
    bottom: 24px;
    right: 24px;
}
.bottomLeftFloating {
    bottom: 24px;
    left: 8px;
}
.topLeftFloating {
    top: 8px;
    left: 8px;
}
.topRightFloating {
    top: 8px;
    right: 24px;
}
#moduleViewElement{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#spriteFrameInspector{
    min-width: 330px;
    min-height: 170px;
    flex: 1 0 0;
}
#spriteFrameModuleInspector {
    min-width: 330px;
    min-height: 170px;
    flex: 1 0 0;
}

#spriteFrameModuleInspector Label{
    -unity-text-align: upper-left;
}

#spriteFrameModuleInspector #unity-text-input{
    -unity-text-align: upper-left;
    min-height : 18px;
}

.spriteFrameModuleInspectorValueField
{
    flex-direction: row;
    flex: 1 1 0;
}

.spriteFrameModuleInspectorField {
    flex-direction: row;
    min-height: 18px;
    padding-bottom: 2px;
    max-width : 320px;
    min-width : 320px;

    margin: 5px 10px 0 10px;
    padding: 0 0 0 0;
 }

.spriteFrameModuleInspectorField > * >Label {
    width: 130px;
}

.spriteFrameModuleInspectorField > EnumField > Label {
    width: 130px;
    min-width:0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


.spriteFrameModuleInspectorField > EnumField {
    flex: 1 0 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#spriteName {
    flex : 1;
    margin: 0 3px 0 0;
    padding: 0 0 0 0;
}

#spriteName > Label {
    width: 130px;
    min-width:0;
}

/* Sprite Editor Window Module Drop Down*/
#spriteEditorWindowModuleDropDown{
    flex: 0 0 auto;
    max-width: 120px;
    width: 120px;
    margin: 0 1px 1px 0;
    border-width: 0 0 0 0;
}

/* Module IMGUI Toolbar for backward compatibility*/
#spriteEditorWindowModuleToolbarIMGUI{
    height : 21px;
    flex: 1 1 0;
    margin-top : 0;
}

/* Module UI-Toolkit Toolbar */
#spriteEditorWindowModuleToolbarContainer{
    overflow: hidden;
    flex-direction: row;
}

/* Toolbar Apply and Revert button  */
#spriteEditorWindowApplyRevert{
    flex: 0 0 auto;
    overflow: hidden;
}

/* Toolbar Alpha And Zoom IMGUI  */
#spriteEditorWindowAlphaZoom{
    flex: 0 0 auto;
    width:170px;
    overflow: hidden;
}

#spriteEditorWindowMainView{
    flex: 1 0 0;
    overflow: hidden;
}

#polygonShapeWindow{
    width : 155px;
    min-height : 45px;
}
#polygonShapeWindowFrame{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    flex: 1 0 0;
    flex-direction : column;
}
#polygonShapeWindowFrame > .labelIntegerField{
    flex: 1 0 0;
    flex-direction: row;
}
#polygonShapeWindowFrame > .labelIntegerField > Label{
    margin-right: 0;
    margin-top: 4px;
    min-width:0;
    align-self:center;
}
#polygonShapeWindowFrame > .labelIntegerField > IntegerField{
    flex: 1 0 auto;
    margin-top: 4px;
    margin-bottom: 4px;
}
#polygonShapeWindowFrame > Button{
    height : 18px;
    align-self: flex-end;
}
#polygonShapeWindowFrame > #warning{
    flex-direction : row;
    border-color: #a2a2a2;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    border-bottom-width : 1px;
    margin-top: 4px;
    margin-left: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
}
#polygonShapeWindowFrame > #warning > Image{
    background-image : resource("console.warnicon.png");
    width : 32px;
    height : 32px;
}
#polygonShapeWindowFrame > #warning > #warningLabel{
    white-space : normal;
    font-size : 9px;
    flex: 1 0 0;
}
.unity-composite-field__input{
    flex-shrink: 1;
    flex-grow: 1;
}

#lockToggle{
    align-self: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.spriteFrameModuleInspectorCompositeField{
    margin-left: 3px;
    flex-direction: row;
}


.spriteFrameModuleInspectorFieldEditToggle{
    align-self: flex-end;
    margin: 0 5px 0 0;
    padding: 0 0 0 0;
}
.spriteFrameModuleInspectorFieldEditToggle #unity-checkmark {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-size: 16px 16px;
}

.Dark > .spriteFrameModuleInspectorFieldEditToggle #unity-checkmark {
    background-image: resource("Builtin Skins/DarkSkin/Images/IN LockButton.png");
}

.spriteFrameModuleInspectorFieldEditToggle:hover #unity-checkmark {
    background-size: 15px 15px;
}

.Dark  > .spriteFrameModuleInspectorFieldEditToggle:checked #unity-checkmark {
    background-image: resource("Builtin Skins/DarkSkin/Images/IN LockButton on.png");
}

.spriteFrameModuleInspectorFieldEditToggle:checked:hover #unity-checkmark {
    background-size: 15px 15px;
}

 .spriteFrameModuleInspectorFieldEditToggle #unity-checkmark {
    /* GUIState.background */
    background-image: resource("Builtin Skins/LightSkin/Images/IN LockButton.png");
}

/* GUIStyle.onNormal */
.spriteFrameModuleInspectorFieldEditToggle:checked #unity-checkmark {
    /* GUIState.background */
    background-image: resource("Builtin Skins/LightSkin/Images/IN LockButton on.png");

}

.groupTop{
    align-self: flex-start;
    width: 8px;
    height: 16px;
    border-top-width: 2px;
    border-right-width: 2px;
    margin-bottom:2px;
    border-color: grey;

}

.groupBottom{
    align-self: flex-start;
    width: 8px;
    height: 16px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-color: grey;
    margin-top:2px;
}

#customPivotField{
    flex: 1 1 0;
}