#flow-ir-text-editor-options {

    width: 60%;

}

/* EDITOR OPTIONS - START */
.space-editor-options {

    background-color: #7AC0B6;
    /* border-radius: 5px; */
    align-self: flex-start;

}

.space-editor-options ul {
    
    display: flex;
    margin-bottom: 0px;
    /* margin: 10px; */
    
    /* padding: 10px; */

}

.space-editor-options ul li {
 
    margin-left: 10px;
    margin-right: 10px;
    list-style-type: none;
    color: white;
    cursor: pointer;

}

.space-editor-options ul li button {

    border: none;
    background-color: transparent;
    padding: 10px;
    cursor: pointer;

}

.space-editor-options ul li > * {
 
    color: white;

}
/* EDITOR OPTIONS - START */

.space-editor-options-container {
    display: flex;

}

#space-content-creation {

    display: flex;
    flex-direction: column;
    width: 100%;

}

/* SPACE-CONTENT-ITEM - START */
.space-content-item {

    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 30px;
    border-left: 2px solid #B9BABD;
    padding: 15px;
    padding-left: 30px;
    position: relative;
    font-family: Times;

}

.space-content-item.with-tools {

    padding-right: 30px;

}

.space-content-item-title {

    max-width: 100%;

}

.space-content-item-title h1 {

    color: #B9BABD;
    font-size: 2em;
    margin-bottom: 0px;

}

.space-content-item-paragraph {

    max-width: 100%;
    
}

.space-content-item-paragraph p {

    color: #B9BABD;
    font-size: 1.2em;
    margin-bottom: 0px;

}

/* SPACE-CONTENT-ITEM - END */

/* SPACE-FUNCTIONALITIES - START */
.space-editor-bold {

    color: #888888;

}

.space-editor-bold > * {

    color: #888888;

}

.space-content-item-tools {

    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;

    /* background-color: #21222E; */

    display: flex;
    align-items: center;

    border-radius: 0px 0px 5px 0px;

}

.space-content-item-tools button {

    height: 40px;
    width: 40px;

    background-color: transparent;
    border: none;
    padding: 10px;

    color: #B5B5C3;

}

.space-content-item-tools button i {

    color: #B5B5C3;

}

.space-content-add-block-container {

    margin-top: 25px;
    display: flex;

}

.space-content-add-block-container > * {

    margin-right: 10px;

}

.space-content-add-block {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ccc;
    transition: all .3s ease;
    cursor: pointer;

    animation-name: add-block-show-up;
    animation-duration: .3s;

}

@keyframes add-block-show-up {

    0% {

        opacity: 0;
        transform: translateX(-50px);

    }

    100% {

        opacity: 1;
        transform: translateX(-0px);

    }

}

.space-content-add-block:hover {

    background-color: #ccc;

}

.space-content-add-block:hover > * {

    color: white;

}

/* .space-content-add-block.paragraph {



} */

.space-content-add-block.title {

    font-size: 1.5em;
    font-size: 1.5em;

}

.space-content-item-image img {

    max-width: 40vw;

}