html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap-admin > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


/* pace.js */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive {display: none;  }
.pace .pace-progress {background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px; }


/* admin common */

.wrap-admin .container-sidebar {width:250px; height:100%; position: fixed; top:0; left:0; z-index:1; background-color:#343a40}
.wrap-admin .container-body {padding-left:265px; padding-top:60px}
.wrap-admin .container-sidebar .nav-item a {color:#bbb; padding:0.2rem 0.5rem}
.wrap-admin .container-sidebar .nav-item a:hover {color:#fff}
.wrap-admin .container-sidebar .nav-item a.active {color:#fff}
.wrap-admin .container-sidebar .nav-item .dropdown-menu a {color:#000; padding:0.1rem 0.5rem}
.wrap-admin .container-sidebar ul.nav {width:100%}
.wrap-admin .container-sidebar .nav .nav {padding-left:1rem; font-size:80%}
.wrap-admin .container-sidebar .nav-item .glyphicon {font-size:90%}
.wrap-admin .content-container {width:90%; margin: 0 auto}

.wrap-admin .container-sidebar .lang-picker select {font-size:90%; background-color:transparent; color:#ccc; border:0; outline: none}
.wrap-admin .container-sidebar .lang-picker option {background-color:#333; color:#ccc; outline: none}

@media (max-width:700px) {
    .wrap-admin .container-sidebar {display:none}
    .wrap-admin .container-body {padding-left:15px}
}

/*.wrap-admin .form-group label {text-align: right; line-height: 2.3em;}*/
.wrap-admin .form-group .help-block-error {color:#A00}
.wrap-admin .grid-view .filters input {font-size:80%; padding: 0 0.5rem; height: 1.3rem; border:0}
.wrap-admin .grid-view .filters select {font-size:80%; padding: 0 0.5rem; height: 1.3rem; border:0}
.wrap-admin .grid-view .filters td {padding:0}
.wrap-admin .grid-view thead a {color:#333}
.wrap-admin .grid-view .filters .form-control:focus {box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);}
.wrap-admin .grid-view .action {text-align: right}
.wrap-admin .grid-view .action a {color:#666}
.wrap-admin .grid-view .oplog {font-size:80%}

.wrap-admin .admin-tab {padding-top:1em}
.wrap-admin .form-group>label {margin-top: 0.5rem}

.wrap-admin .editorjs {border: 1px #ddd solid; margin-bottom: 1em; border-radius: 0.25rem; min-height:15rem}
.wrap-admin .editorjs-pending {border: 1px #aaa dotted;}
.wrap-admin .editorjs-preloader {color: #aaa; padding:3em; text-align:center}
.wrap-admin .editorjs-error {border: 1px #c00 dotted;}
.wrap-admin .editorjs:hover {border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.wrap-admin .editorjs .ce-block__content {max-width:90%}
.wrap-admin .editorjs .ce-toolbar__content {max-width:90%}

.wrap-admin .code-edit {font-family: monospace; min-height:10rem; font-size:90%}

.wrap-admin .editorjs .ce-settings {min-width: 120px;}
.wrap-admin .editorjs .editorjs-globalpanel {text-align: right; font-size:80%; padding-right:1px}

.wrap-admin .grid-view .cell-type-tags {font-size:80%; font-style: italic; color: #999;}
.wrap-admin ol.breadcrumb {margin-top:5em}

img.i-inline {max-width:100%}

.chosen-choices {border:none !important; font-size:110%}
.chosen-container {margin-bottom:1rem}

.wrap-admin .lvw-inline {float:right;}
.wrap-admin .dropzone {border:2px #eee dashed; border-radius: 0.2rem;}
.wrap-admin .fileinput-button {border:0}

.wrap-admin .pagination {text-align:center; justify-content: center;}
.wrap-admin .pagination li {padding:0.5em}
.wrap-admin .pagination li.active a {color:#000}