.visible {
    display:block !important;
}

.hidden {
    display: none !important;
}

.right {
    justify-content: flex-end;
}

.left {
    justify-content: flex-start;
}

.level {
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.border-black {
    border: 1px solid black !important;
}

.border-DEDEDE {
    border: 1px solid #DEDEDE !important;
}

.border-636363 {
    border: 1px solid #636363 !important;
}

.border-A2A2A2 {
    border: 1px solid #A2A2A2 !important;
}

.transition-01 {
    transition: 0.1s;
}

.red {
    color: #E04d46 !important;
}

.green {
    color: #5DAD78 !important;
}

.color-A2A2A2 {
    color: #A2A2A2 !important;
}

.color-636363 {
    color: #636363 !important;
}

.black {
    color: black !important;
}

.opacity05 {
    opacity: 0.5 !important;
}

.opacity1{
    opacity: 1 !important;
}

.medium-editor-element li {
    padding-right: 1em;
}

.fixed-width0 {
    width: 0 !important;
}

.fixed-width4 {
    width: 4vw !important;
}

.fixed-width15{
    width: 15vw !important;
}

.fixed-width20{
    width: 20vw !important;
}

.fixed-width23{
    width: 23vw !important;
}

.fixed-width25{
    width: 25vw !important;
}

.fixed-width30{
    width: 30vw !important;
}

.fixed-width32{
    width: 32vw !important;
}

.fixed-width35{
    width: 35vw !important;
}

.flex-column{
    display: flex;
    flex-direction: column;
}

.flex-row{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.justify-align-center{
    justify-content: center;
    align-items: center;
}

.justify-end-align-center{
    justify-content: flex-end;
    align-items: center;
}

.rotate-y{
    transform: rotateX(180deg);
}

.max-width-size {
    width: 100vw;
}

.max-width {
    width: 100%;
}

.text-pointer {
    cursor: text;
}

.cursor-pointer {
    cursor: pointer;
}

.dragging-cursor {
    cursor: move;
}

.unclickable {
    pointer-events: none;
}

.position-absolute {
    position: absolute;
}

.atom-focused {
    z-index:1 !important;
}

.no-margin {
    margin : 0em !important;
}

.button-click {
    min-width: initial;
    min-height: initial;
}

.button-click:active {
    transform: scale(0.98);
    transform-origin: center center;
}

.drag-atom {
    cursor: move !important;
    pointer-events: none;
}

.resize-nwse {
    cursor: nwse-resize;
}
.resize-nesw {
    cursor: nesw-resize;
}

.pointer-events-none {
    pointer-events: none;
}

.unselectable {
    user-select: none;
}