#RightToolBar{
    position : absolute;
    display : block;
    background:#2F2F2F;;
    min-height : 100%;
    z-index : 90;
    right : 0px;
    max-width : 394px;

    font-family: Roboto;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
}

#RTB_Menu{
    display: block;
    color : white;
    min-width: 394px;
}

#SOView{

}
._setSO{
    display: block;
    float: left;
    width: 100%;
    margin: 10px;
    border-bottom-width: 0.1rem;
    border-bottom-style: dotted;
    border-bottom-color: white;
    padding-bottom: 10px;
}

._setSO ._textInput{
    float: left;
}

._topMenu:hover{
    background-color: #262626;
}

._topMenu{
    display: block;
    position : relative;
    float: left;
    width: 98px;
    height: 50px;
    background-color: #4A4A4A;
    text-align: center;
    padding-top: 13px;
    cursor: pointer;
    user-select: none;
    z-index: 3;
}
._topMenuSelected{
    display: block;
    position : relative;
    float: left;
    width: 98px;
    height: 50px;
    background-color: #262626;
    color: #55FFA4;

    text-align: center;
    padding-top: 13px;
    cursor: pointer;
    user-select: none;
    z-index: 3;
}


#RightToolBar ._minimize{
    position: absolute;
    display: block; 
    width : 42px;
    height : 850px;
    left: -42px;
    z-index: 2;
    top: 50px;
}

#RightToolBar ._bigize{
    position: absolute;
    right: -75px;
    width: 75px;
    height: 900px;
    background-color: white;
}

#RightToolBar ._minimizeTB{
display: block;
background-color:#3E3E3E;
width: 14px;
padding-left: 2px;
margin-left: 28px;
height: 900px;
top: -50px;
position: relative;
/*! background-color: red; */
}

#RTB_Body{
    display: block;
    position: relative;
    float:left;
    color : white;
    width: 100%;
    z-index: 3;
}



#RightToolBar ._minimize img{
    margin-top: 450px;
    margin-left: 2px;
}

#RightToolBar ._content{
    display: block; 
    position: relative;
    float:left;
    width: 100%;
    max-height: 850px; 
    overflow-y: auto; 
    overflow-x: hidden;
}

#RightToolBar hr{
    border-color: white;
    border-style: dotted;
    width: 100% ;
}

#spritesheet-toolbar{
    position : relative;
    display : block;
    width : 100%;
    height : 50px;
    text-align : left;
    margin-top : 10px;
    margin-bottom : 10px;
    background: #262626;
}

._spritesheetTools{
    position: relative;
    display: flex;
    float: left;
    height : 50px;
    width : 50px;
}

._spritesheetTools:hover{
    background: #4A4A4A;
    cursor: pointer;
}
._spritesheetTools img {
    position : relative;
    display: block;
    margin: auto;   
}

._dataForm{
    border-bottom-width: 0.1rem;
    border-bottom-style: dotted;
    border-bottom-color: white;
    background-color: #2F2F2F;
}
._componentTitle{
    padding: 15px;
    background-color: #2F2F2F;
}

/**------- OLD ------- **/



#rightToolBar #toggle img {
    display: block;
    margin: auto;   
}


#rightToolBar #menu{
    position: relative;
    margin-left: auto;
    margin-right: auto;

    float:right;

    text-align : center;


    width : 394px;
    height : 100%;
}

#rightToolBar #menu div {
    position : relative;
    color : white;
    
}

.spritesheet canvas {
    position : absolute;
   
}

#rightToolBar #menu img{
    position: absolute;
}


 /*#rightToolBar #menu select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    border : none;
    background : none;

    width : 320px;
    height : 32px;
    margin-top : 5px;

    margin : auto;

    position : relative;
    z-index : 20;

    padding-left : 10px;
} */

#rightToolBar #menu .title {
    cursor: pointer;
}

._listElem{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-left: 15px;
    margin-top: 10px;
}

._listElem:hover{
 background-color: #0F0F0F;
}

._listElem img{
    width: 70px;
    height: 70px;
    float: left;
    cursor: pointer;
}

._listElemBig img{
    width: 320px;
    margin-left: 37px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}



._listElemSmall{
    display: block;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}

._listElemSmall:hover{
    border: 1px solid #55FFA4 ;
    margin-left: 13px;
    margin-top: 8px;
}

._listElemSmall img{
    width: 96px;
    height: 96px;
    float: left;
    cursor: pointer;
}

._selectDisplay{
    display: block;
    /*! position: relative; */
    float: right;

    width: 100%;
    margin-top: 15px;
    margin-right: 20px;
    margin-bottom: 15px;
}

._listInfo{
    display : block;
    margin: 5px;
    float: left;
}
._listInfo span{
    display: block;
    float: left;
    width: 100%;
}


._smallOption{
    display: block;
    cursor:pointer;
    /*! background-color: blue; */
    float: right;
    position: relative;
    margin-right: 5px;
    /*! right: 0px; */
}

#ForceForm ._textInput{
    float: left;
    width: 29%;
    text-transform: capitalize;
}