:root {
   --class-btn-blue: #337ab7;
   --class-btn-cyan: #5bc0de;
   --class-btn-grey: #c9c9c9;
   --class-btn-grey-light: #c9c9c999;
}

.office .manage {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 2em;
}
.office .manage.maximized { max-width: 1960px; }
.office .manage.minimized { max-width: 960px; }
.office .manage.edit-post { max-width: 1420px; }

.office .edit-post textarea[name=intro] { height: 12vh; }
.office .edit-post textarea[name=body] {
   height: calc(100vh - 492px);
   min-height:320px;
   font-family: Consolas, 'Ubuntu Mono','Courier New', Courier, monospace;
   color: #333;
}

.office .edit-post .post-media button.over-bar { margin: -26px 0 0 0; }
.office .edit-post .post-media ul {
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 6px;
}

.office .edit-post .post-media ul li {
   border-bottom: 1px solid #ddd;
   list-style-type: none;
   padding: 3px 6px;

   display: flex;
   justify-content: space-between;
   align-items: center;
}
.office .edit-post .post-media ul li:last-child { border-bottom: none ;}
.office .edit-post .post-media ul li:hover { background: #eee; }

.office .manage h2 {
   font-size: 20px;
   color: #445;
   margin: 20px 0;
}

.office .manage.edit-post textarea { width: 100% !important;}
.office .manage.edit-post .select2-selection { min-height: 34px; }

.office .manage.edit-post select#status.published {
   background-color: #5cb85c;
   border-color: #4cae4c;
   color: #fff;
   text-align: center;
}
.office .manage.edit-post select#status option {
   background: #fff;
   color: #333;
}

/* --- optional fields: defaut=hide --- */

.office .edit-post .optional label {
   margin-bottom: 1em;
   padding-bottom: .5em;
   border-bottom: 1px solid var(--class-btn-grey-light)
}
.office .edit-post .optional label.show {
   margin-bottom: unset;
   border: none;
}


.office .edit-post .optional label:hover {
   cursor: pointer;
   color: var(--class-btn-blue);
}
.office .edit-post .optional label::after { float: right; content: "+"; }
.office .edit-post .optional label.show::after { content: "–"; }
.office .edit-post .optional label + div { display: none; }
.office .edit-post .optional label.show + div { display: block; }


.alert.alert-info.title-bar { min-height: 52px; margin-top: 20px; }
.alert.alert-info.title-bar button { margin-left: 8px; }

.office .title-bar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 8px 8px 16px;
}

.office .action-btn button { float: right; }

.office .top-bar { padding: 4px 0; }

.office .top-bar .breadcrumb .btn {
   margin-left: 0;
   margin-right: 8px;
   border-radius: 3px;
   color: var(--class-btn-blue);
}

.office .top-bar .btn:hover {
   background-color: var(--class-btn-grey-light);
}
.office .top-bar .btn.selected {
   color: #fff;
   background-color: var(--class-btn-blue);
}


/* --- dataTables --- */

.office .manage .dataTable tbody tr:hover { background: #f8f8f8; }
.office .manage .dataTable .dt-actions { width: 48px; text-align: right }

/* --- unpublished posts -- */
.office .manage .dataTable .fa-eye-slash { color: #999; }