#rootDiv page:before,
preface>startingPage:before {
    display: block;
    content: "--- PAGE "attr(value) " ---";
}

page:after, preface>startingPage:after{
    content: none !important;
}

.marker {
    background-color: yellow;
}

.settingsbtn{
    display:block;
    margin-left: 15px;
}
.settingsbtn>a{
    padding:0 !important;
}

*[ismergedcell]{
    border: 2px dotted black;
    background-color: lightblue;
}

*[isclassified=true]{
    background-color:lightgray;
}

*[isclassified='out']{
    background: repeating-linear-gradient(   -55deg,   lightgray ,   lightgray 5px,   white 5px,   white 40px )
}

*[mergedstart=true]{
    border-top: 6px dotted black;
    border-radius: 30px;
    padding: 10px;
}

*[mergedend=true]{
    border-bottom: 6px dotted black;
    border-radius: 30px;
    padding: 10px;
}

#annotateLink {
    margin-left: 15px;
}

.documentNotPaginatedText {
    padding: 1px 3px;
    display: inline-block;
    background-color: #af2828;
    color: #fff;
    margin-right: 12px;
}

.documentNumberDisplay {
    font-weight: bold;
    margin-right: 4px;
    padding: 0 4px;
}

.documentNumberDisplay.unpaginated {
    background: rgba(199, 54, 54, 0.4);
}

.rootView__error-message {
    position: sticky;
    top: 0;
    right: 0;
    background: rgba(236, 43, 43, 0.9);
    display: flex;
    pointer-events: none;
    z-index: 1;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.rootView__bill-content.has-error {
    padding-top: 100px;
}

.ui-grid-header-canvas {
    height: 60px !important;
}

.ui-grid-top-panel {
    height: 50px;
}

.ui-grid-disable-selection .ui-grid-selectable {
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.ui-grid-selectable .ui-grid-cell-focus {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

external-xref {
    color: blue;
}

li {
    display: inherit !important;
}

/* Override angular-hotkeys */
/* Inspired by https://github.com/gastonelhordoy/angular-hotkeys/commit/9b8f58cee16df9e070c0c78bf4d5d19c486f16c4 */
.cfp-hotkeys-container {
    display: block !important;
    padding-top: 10px;
    padding-left: 40px;
    overflow-y: scroll;
}

.cfp-hotkeys-wrapper {
    display: table;
    width: 100%;
    min-height: 100%;
}

.cfp-hotkeys td {
    border-bottom: none;
}

.cfp-hotkeys {
    min-height: 100% !important;
    position: fixed;
    overflow: auto;
}

/* For variable row height */
/* See https://github.com/angular-ui/ui-grid/issues/3239 */
/****/

.ui-grid-row {
    height: auto !important;
}

.ui-grid-row>div {
    display: table-row;

}

.ui-grid-row>div .ui-grid-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
    height: auto !important;
    font-weight: bold;
}

div[role='columnheader'] .ui-grid-cell-contents{
    font-size: 14px;
    line-height: .7;
}
.ui-grid-cell-contents {
    white-space: pre-wrap !important;
    text-overflow: auto !important;
    word-break: normal;
    font-size: 12.5px;
    line-height:1;
}

.ui-grid-header-cell .ui-grid-cell-contents {
    white-space: nowrap !important;
}

/****/

.ui-grid-canvas .ui-grid-row .markedFinalColumn {
    background: linear-gradient(45deg, gainsboro, lightgray 20%, silver 70%, gray);
    border-left: 2px solid;
}


.markedFinalCheck {
    color: black;
    margin-left: 5px;
}

.compactcell{
    font-size: 12px;
    padding: 2px !important;
    line-height: .9;
}

.rowSelected {
    background: #00bfff;
    /* deepskyblue */
    padding: 100%;

}

.rowSelected:after {
    margin-left: -15px;
    content: " ✔";
}

.notMarkedFinalCheck {
    color: lightgray;
    margin-left: 5px;
}

.disabled {
    color: whitesmoke !important;
}

/* Override bootstrap */

article {
    position: absolute;
    border: 1px solid #000;
    padding-top: 37px;
    top: 70px;
    left: 5px;
}

article table {
    margin-top: -10px;
}

#alertify article {
    position: relative;
    border: 0;
    padding-top: 0;
    top: 0;
    left: 0;

}

.tablecontainer {
    overflow-y: auto;
    height: 78vh;
}

table {
    border-spacing: 0;
    width: 100%;
}

td+td {
    border-left: 1px solid #eee;
}

td,
th {
    border-bottom: 1px solid #eee;
    padding: 10px 25px;
}

th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    white-space: nowrap;
    margin-top: -10px;
}

/* navbar */
.navbar {
    min-height: 40px !important;
    height: 40px !important;
}

.navbar-default .navbar {
    background: #ddd;
    border-bottom: none;
}

.navbar-default .navbar .nav>li>a {
    color: #ccc;
}

li.navmenuitem>a {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-default .navbar .nav>li>a:hover {
    color: #fff;
    background-color: #8e8d8d;
}

.navbar-default .navbar .nav .active>a,
.navbar .nav .active>a:hover {
    color: #fff;
    background-color: #8e8d8d;
}

.navbar-default .navbar .nav li>a .caret,
.tnav .navbar .nav li>a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar .nav>li.dropdown.open.active>a:hover {}

.navbar-default .navbar .nav>li.dropdown.open>a {
    color: #ccc;
    background-color: #ddd;
    border-color: #fff;
}

.navbar-default .navbar .nav>li.dropdown.open.active>a:hover .caret,
.tnav .navbar .nav>li.dropdown.open>a .caret {
    border-top-color: #fff;
}

.navbar-default .navbar .nav.pull-right {
    margin-left: 10px;
    margin-right: 0;
}

.navbar-xs .navbar-default .navbar {
    min-height: 28px !important;
    height: 28px !important;
}

.navbar-xs .navbar-default .navbar .navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 28px;
}

.navbar-sm .navbar-default .navbar {
    min-height: 40px !important;
    height: 40px !important;
}

.navbar-sm .navbar-default .navbar .navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 40px;
}

.navbar-brand {
    font-size: 16px !important;
    padding: 10px 15px;
}

.navmenuitem.active {
    color: #fff;
    background-color: #8e8d8d;
}

.navmenuitem.active>a {
    color: #fff !important;
    background-color: #8e8d8d !important;
}

.navmenuitem:hover {
    color: #fff;
    background-color: #8e8d8d;
}

.navbar-right {
    float: right !important;
    padding-right: 5px;
}

.navbar-header {
    float: left !important;
}

.navbar-nav>li {
    float: left !important;
}

.modal-content .navbar {
    height: 30px !important;
    margin-bottom: 0;
}

.imports-list {
    height: 400px;
    overflow-y: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.imports-list .imports-list__search {
    margin-bottom: 8px;
}

.imports-list .imports-list__item:not(:last-child) {
    margin-bottom: 4px;
}

.imports-list .imports-list__item mark {
    padding: 1px 3px;
    display: inline-block;
    background-color: #af2828;
    color: #fff;
}

.imports-list .imports-list__item.unpaginated {
    background: rgba(199, 54, 54, 0.1);
}

.imports-list .imports-list__item.unpaginated > a {
    color: rgba(0, 0, 0, 0.5);
}


.badge {
    background-color: lightblue !important;
}

.recentbill {
    background-color: lightblue;
    border-style: ridge;
}

.notauthor {
    border: 1.5px solid yellow;
}

.dualclass:after {
    content: "[ dual ]";
    font-size: 11px;
    font-style: italic;
    font-weight: bolder;
    color: red;
    opacity: 0.7;
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}

.caret-left {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}

.caret-right-lg {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}

.caret-left-lg {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}

.inputTable>.table>tbody>tr>th {
    border-top: none !important;
}

body {
    overflow: hidden;
}

form {
    margin-bottom: 5px;
}

.alertify-log {
    opacity: 1 !important;
    right: 0 !important;
}

.alertify-logs {
    bottom: 70px !important;
}

section.alertify:before {
    content: "" !important;
}

section.alertify-logs:before {
    content: "" !important;
}

section.alertify-log:before {
    content: "" !important;
}

section.alertify-log-error:before {
    content: "" !important;
}

section.alertify-log-show:before {
    content: "" !important;
}

.alertify-log-hide.alertify-log-show {
    display: none !important;
}

textarea.blockClassificationTextArea {
    display: block;
}

#uploadStatusDiv{
    top: 15px;
    position: absolute;
    right: 20px;
}

ul.dropdown-menu {
    z-index: 10000 !important;
    min-width: 290px !important;
}

/* Bootstrap submenu
 * From http://stackoverflow.com/questions/18023493/bootstrap-3-dropdown-sub-menu-missing
 */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

a.cloneProvision {
    color: white;
}

a.cloneProvision:hover:before {
    content: "\2b";
    font-family: "Glyphicons Halflings";
    font-size: xx-small;
    display: inline-block;
    color: black !important;
}

.selectedli {
    background: lightblue;
}

.label-lg {
    font-size: 100% !important;
}

.selectedLabel {
    font-weight: normal !important;
}

.version {
    position: absolute;
    right: 10px;
}

.btn-md {
    padding: 2px 20px;
}

.solidborder {
    border: 1px solid !important;
}

.solidborderround {
    border: 1px solid !important;
    border-radius: 5px;
}

#docContainer {
    line-height: 1.3;
    font-size: 17px;
    padding-left: 0;
    padding-right: 20px;
}

.vakata-context {
    z-index: 1010;
}

[shortentext] {
    text-overflow: ellipsis;
    width: 235px;
    overflow: hidden;
}

/* APP LAYOUT */
#inputGrid {
    height: 100%;
    line-height: 1.45;
}

.inputGrid {
    height: 100%;
    line-height: 1.45;
}

.ui-grid {
    border: none !important;
}

#v1S-1N {
    max-height: 98%;
    min-height: 2%;
    height: 92.9%;
}

#v1S-1S {
    max-height: 98%;
    min-height: 0%;
    height: 0%;
}

#v1S-1N-1W {
    max-width: 98%;
    min-width: 2%;
    width: 60%;
}

#v1S-1N-1E {
    max-width: 98%;
    min-width: 2%;
    width: 40%;
}

#v1N {
    height: 40px;
}

#v1S {
    top: 40px;
}

#v1S-1N-1E-view {
    overflow: scroll;
    margin-right:.8px;
}

/* No outer scroll for ui-grid
#v1S-1N-1W-view{
    overflow: auto;
}
*/

#navbarPanel-navbarMenu {
    float: left;
    margin-left: 30px;
    padding: 10px 15px;
}

#navbarPanel-navbarRight {
    padding: 10px 15px;
}

meta {
    display: block !important;
}

bill>meta>*:not(processedDate) {
    display: none;
}

meta > processedDate {
    position: fixed;
    display: block !important;
    top: 7%;
    padding-bottom: 1em;
    transform: translate(0%, -50%);
}