#writings-top-menu {

}

#writings-top-menu-left {
    float: left;
}

#writings-top-menu-left button {
    margin-right: 5px;
}

#writings-top-menu-right {
    float: right;
}

#writings-top-menu-right button {
    margin-left: 5px;
}

#writings-content {
    margin-top: 10px;
}

#writings-intro {
    margin: 2px;
}

#writings-new-article-top {
    border-bottom: 1px solid rgba(205, 134, 63, 0.6);
}

#writings-new-article-top button {
    border-bottom: 1px solid rgba(205, 134, 63, 0.6);
}

#writings-my-series-add {
    border-top: 1px solid ;
    margin-top: 30px;
    padding-top: 10px;
}

#writings-new-article-control-panel {
    border: 0px dotted blue;
}

#writings-new-article-content-panel {
    margin-top: 20px;
    border: 0px dotted blue;
}

#writings-new-article-content-insides {
    margin: 10px;
    padding: 10px;
    border: 0px dotted red;
}

#writings-new-article-content-insides textarea{
    border-radius: 2px;;
}

#writings-edit-article-cp-series {
    margin: 10px;
    padding: 10px;
    border: 0px dotted red;
    float: left;
}

#writings-edit-article-cp-buttons {
    margin: 10px;
    padding: 10px;
    border: 0px dotted red;
    float: right;
}

.writing-control-btns {
    width: 250px;
    text-align: left;
    margin-left: 5px;
}

.writing-control-btns2 {
    width: 200px;
    text-align: left;
    margin-left: 5px;
}

.writing-admin-control-btns {
    width: 150px;
    text-align: left;
    margin-left: 5px;
}

#writings-browse-categories-list {
    border: 0px dotted blue;
    margin-top: 20px;
    padding: 10px;
}

#writings-browse-series-list {
    border: 0px dotted green;
    margin-top: 20px;
    padding: 10px;
}

#writings-browse-category-content,
#writings-browse-series-content,
#writings-browse-author-content {
    border: 0px dotted green;
    margin-top: 20px;
    padding: 10px;
}

#writings-browse-article-controls {
    border: 0px dotted red;
    margin-top: 0px;
    padding: 0px;
}

#writings-browse-article-controls-left {
    float: left;
}

#writings-browse-article-controls-right {
    float: right;
}

#writings-browse-article-content {
    border: 0px dotted green;
    margin-top: 20px;
    padding: 10px;
}

#writings-browse-article-content h3 {
    font-family: 'Insula';
}

#writings-browse-article-content hr {
    color: rgba(205, 134, 63, 0.8);
    border: 1px solid rgba(205, 134, 63, 0.8);   
}

#writings-browse-article-voting {
    border: 0px dotted yellow;
    margin-top: 20px;
    padding: 10px;
}

.writings-voting-star {
    cursor: pointer;
}

#writings-browse-article-comments {
    border: 0px dotted purple;
    margin-top: 20px;
    padding: 10px;
}

.writings-article-comment-item {
    border: 1px solid rgba(205, 134, 63, 0.8);;
    margin-top: 10px;
    padding: 10px;
}

.writings-article-comment-left {
    border: 0px dotted cyan;
    float: left;
    width: 250px;
}

.writings-article-comment-left img {
    float: left;
    margin-right: 15px;
    margin-top: -5px;
}

.writings-article-comment-right {
    border: 0px dotted navy;
    float: right;
}

@media screen and (max-width: 1899px) {
    .writings-article-comment-right {
        width: 435px;
    }
}

@media screen and (min-width: 1900px) {
    .writings-article-comment-right {
        width: 745px;
    }
}

#writings-admin-top-panel {
    border: 0px dotted silver;    
}

#writings-admin-top-panel button {
    margin-right: 5px;
}

#writings-admin-content {
    border: 0px dotted purple;
    margin-top: 20px;
}

.writings-admin-log-table {
    display: grid;
    grid-template-columns: auto auto auto auto auto;    
}

.writings-admin-log-row {

}

.writings-admin-log-cell {
    background-color: #111111;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    max-width: 500px;
    overflow-wrap: break-word;
}

.writings-admin-cat-table {
    display: grid;
    grid-template-columns: 30px auto auto 75px 80px 80px 70px 55px 75px;
    
}

.writings-admin-sta-table {
    display: grid;
    grid-template-columns: 30px 55px auto auto 75px 100px 100px 75px;
    
}

.writings-admin-wrk-table {
    display: grid;
    grid-template-columns: 35px auto 75px 75px auto 80px 80px 80px 80px 70px;
    
}

.writings-admin-ars-table {
    display: grid;
    grid-template-columns: 25px 55px 60px auto auto auto 50px auto auto;
    
}

.writings-admin-cat-row-show,
.writings-admin-sta-row-show,
.writings-admin-wrk-row-show,
.writings-admin-cat-row-edit,
.writings-admin-sta-row-edit,
.writings-admin-wrk-row-edit,
.writings-admin-categories-edit-form,
.writings-admin-statuses-edit-form,
.writings-admin-workflow-edit-form,
.writings-admin-categories-new-form,
.writings-admin-statuses-new-form,
.writings-admin-workflow-new-form {
    display: contents;
    cursor: pointer;
}

.writings-admin-ars-row-show {
    display: contents;
}

.writings-admin-cat-cell,
.writings-admin-sta-cell,
.writings-admin-wrk-cell,
.writings-admin-ars-cell {
    background-color: #111111;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    max-width: 500px;
    overflow-wrap: break-word;
}

.writings-admin-cat-cell-black,
.writings-admin-sta-cell-black,
.writings-admin-wrk-cell-black,
.writings-admin-ars-cell-black {
    background-color: #000000;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    max-width: 500px;
    overflow-wrap: break-word;
}

.writings-admin-cat-cell input,
.writings-admin-sta-cell input,
.writings-admin-wrk-cell input {
    width: 99%;
    background-color: rgb(25, 18, 11);
    border-radius: .2rem;
    border: 1px solid rgba(205, 134, 63, 0.5);
}

.writings-admin-wrk-cell select {
    color: rgba(205, 134, 63, 0.8);
    background-color: rgb(25, 18, 11);
    border: 1px solid rgba(205, 134, 63, 0.5);
    border-radius: .2rem;
    width: 99%;
}

.writings-admin-wrk-cell option {
    background-color: rgb(25, 18, 11);
}


#writings-admin-ars-reports-window {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -175px;
    width: 806px;
    background-color: #000000;
    border: 3px double #cd853f;
    z-index: 101;
}