.content__wrapper {
    overflow-y: auto;
    background-color: rgb(95, 158, 160, 0.2);
    /*background-color: lightgray;*/
}

.empty__content__wrapper {
    height: 89vh;
    background-color: #f0f0f0;
}

.empty__content {
    border: 1px solid lightgrey;
    padding: 15px 5px;
    border-radius: 5px;
    background-color: white;
}

div.ck-content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#se_adduser:hover {
    transform: scale(1.3);
    color: deepskyblue;
    transition: .3s;
}
#se_addcollab:hover {
    transform: scale(1.3);
    color: deepskyblue;
    transition: .3s;
    background:none;
}
#se_addtemplate:hover {
    transform: scale(1.3);
    color: deepskyblue;
    transition: .3s;
}
#se_addphrases:hover {
    transform: scale(1.3);
    color: deepskyblue;
    transition: .3s;
}
#se_savepdf:hover {
    transform: scale(1.3);
    color: deepskyblue;
    transition: .3s;
}
.editor__bottom_wrapper {
    height: 8vh;
    border: transparent;
    /*border: 0.001rem solid rgb(128, 128, 128, 0.5);*/
    border-top: 0;
    /*background-color: white;*/
    background: rgb(95, 158, 160, 0.1);
    border-radius: 0px 0px 5px 5px;
    align-items: center;
}


.title__wrapper {
    border: 0.001rem solid rgb(128, 128, 128, 0.5);
    border-bottom: 0;
    background-color: white;
}


.editor__wrapper .ck-editor__editable_inline {
    height: 80vh;
    /*height: 62vh;*/
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
    height: 80vh;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: rgb(95, 158, 160, 0.3) !important;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    border-color: rgb(95, 158, 160, 0.3) !important;
    box-shadow: none !important;
}
/*.editor__wrapper{
    max-height: 62vh;
    overflow-y: scroll;
}*/
.phrase__editor__wrapper .ck.ck-editor__editable_inline {
    height: 40vh;
}


.item__tabs .nav-item {
    border: none;
    border-radius: 4px;
    background: rgb(95, 158, 160, 0.2);
    margin: 0 4px 4px 0;
    /*border: 0.001rem solid rgb(128, 128, 128, 0.5);
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
}

.item__close {
    margin-right: -7px;
    padding: 5px;
}

.item__close:hover {
    background-color: lightgrey;
    cursor: pointer;
    border-radius: 50%;
}

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none;
}


.item__content_wrapper {
    overflow-x: hidden;
    height: 89vh;
    overflow-y: auto;
    /* background-color: #f7fcfe;  */
    background-color: #eeeeee;
}

.header-bar {
    border: none;
    background: rgb(95, 158, 160, 0.1);
    border-radius:4px;
    /*border: 0.001rem solid rgb(128, 128, 128, 0.5);
    border-bottom: none;
    background: whitesmoke;*/
}
#opentabs {
    border: none;
}
.btn-bookmark,
.btn-share,
.btn-adduser {
    border-radius: 50%;
}

.btn-bookmark:hover,
.btn-share:hover,
.btn-adduser:hover {
    background-color: transparent;
}

.btn-bookmark:focus,
.btn-share:focus,
.btn-adduser:focus {
    outline: none;
    box-shadow: none;
}

.btn-template:hover,
.btn-phrase:hover,
.btn-savePdf:hover,
.btn-collab:hover,
.btn-adduser:hover,
.spn_gender_reminder:hover {
/*    background-color: lightgray;
    border-radius: 50%;*/
    cursor: pointer;
}

.title-doc-icon {
    margin-right: 2%;
    color: royalblue;
}

.txt-notetitle {
    margin-right: 2%;
    width: 150px;
}

.ddr-notetype {
    margin-right: 2%;
    width: 50px;
}

.last__save {
    font-size: 12px;
}

.ddr__notetype {
    width: 100px;
}


.sidebar-container {
    height: 92.8vh;
    background-color: whitesmoke;
    border: 1px solid lightgrey;
    overflow-x: hidden;
    overflow-y: auto;
}

.loading__spinner {
    margin-left: 40%;
    margin-top: 15%;
}

.collab__join__container {
    overflow-x: hidden;
    overflow-y: auto;
    height: 89vh;
    background-color: lightgray;
}

.btn__save {
    /*margin-left: 5px;*/
    height: 30px;
}


.publicicon {
    color: green;
}

.privateicon {
    color: royalblue;
}

.nav-tabs .nav-link {
    color: black;
    background-color: gainsboro;
}

.note__tab:hover {
    cursor: pointer;
}

.icongoogle {
    color: gold;
}

.iconwiki {
    color: black;
}

.icondrug {
    padding: 0;
    height: 30px;
    width: 30px;
    margin: 0;
}

.iconicd {
    color: green;
}

/* item content right side content (ckeditor style) */
.edit-content {
    padding: 15px;
    width: 75%;
}

    .edit-content .item__tabs .nav-item .nav-link {
        padding: 5px 10px;
        font-size: 14px;
        transition: .5s ease;
    }

    .edit-content .item__tabs .nav-item .nav-link.active {
        /*background: #dee2e6; */
        background: rgb(95, 158, 160, 0.5);
        border-radius: 4px;
        color: black;
        transition: .5s ease;
    }

.note__status {
    width: 10px;
    height: 10px;
    background: lightgreen;
    border-radius: 50%;
    margin: 5px;
}

.edit-content.active {
    width: 100%;
}

.edit-content .sidebar-collapse {
    padding-right: 10px;
}

.edit-content .sidebar-collapse .fa-expand-arrows-alt {
    display: block;
}

.edit-content.active .sidebar-collapse .fa-expand-arrows-alt {
    display: none;
}

.edit-content .sidebar-collapse .fa-chevron-circle-left {
    display: none;
}

.edit-content.active .sidebar-collapse .fa-chevron-circle-left {
    display: block;
}

#dropdown-basic {
    border: 0;
    background: none;
    color: black;
    padding: 0;
    outline: none;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    background: rgb(95, 158, 160, 0.1);
    border: transparent;
}

.itemHeaderOption__lastSaved__span{
    display: flex;
    flex-direction: column;
    font-size: 12px;
}
.itemHeaderOption__lastSaved__span p{
    padding: 0;
    margin: 0;
}
.editor__wrapper .ck-editor__editable_inline{
    transition: 2s;
}


/* Revision History */

.editor-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    /*width: 1260px;*/
    width: 100%;
}

/*.ck.ck-editor {
    max-width: 800px;
}*/

    .ck.ck-editor{
        width: 100%!important;
    }

    #revision-viewer-container {
        display: none;
    }

.editor-container > .ck-editor {
    position: relative;
    /*width: 950px;*/
}

.editor-container .ck-editor__top .ck-toolbar {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.editor-container .ck-editor__editable_inline {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.sidebar-container {
    position: relative;
    /*width: 600px;*/
    width: 20%;
    overflow: hidden;
    background: var(--ck-color-toolbar-background);
    border: 1px solid var(--ck-color-toolbar-border);
    margin-left: -1px;
}