@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Roboto');
@import url('https://fonts.googleapis.com/css?family=Exo+2%3A100%2C200%2C200i%2C300%2C400%2C500%2C700&ver=5.4');

body {
    padding-top: 50px;
    background-color: #eee;
    min-height: 100%;
}
@page {
    margin-top: 0.75in;
    margin-bottom: 0.75in;
    margin-left: 0.75in;
    margin-right: 0.75in;
}
body.geEditor {
    padding-top: 0px;
}

@media (min-width: 1280px) {
    .container {
        width: 1250px;
    }
}
@media (min-width: 1650px) {
    .container {
        width: 1600px;
    }
    body .invid-fixed-header {
        width: 1598px;
    }
    body .invid-flowcharts th:nth-child(1), body .invid-flowcharts td:nth-child(1) {
        width: 2%;
    }
    body .invid-flowcharts th:nth-child(2), body .invid-flowcharts td:nth-child(2) {
        width: 7%;
    }
    body .invid-flowcharts th:nth-child(3), body .invid-flowcharts td:nth-child(3) {
        width: 4%;
    }
    body .invid-flowcharts th:nth-child(4), body .invid-flowcharts td:nth-child(4) {
        width: 30%;
    }
    body .invid-flowcharts th:nth-child(5), body .invid-flowcharts td:nth-child(5) {
        width: 10%;
    }
    body .invid-flowcharts th:nth-child(6), body .invid-flowcharts td:nth-child(6) {
        width: 20%;
    }
    body .invid-flowcharts th:nth-child(7), body .invid-flowcharts td:nth-child(7) {
        width: 10%;
    }
    body .invid-flowcharts th:nth-child(8), body .invid-flowcharts td:nth-child(8) {
        width: 2%;
    }
    body .invid-flowcharts th:nth-child(9), body .invid-flowcharts td:nth-child(9) {
        width: 15%;
    }

    body .invid-flowcharts.invid-documents th:nth-child(1), body .invid-flowcharts.invid-documents td:nth-child(1) {
        width: 2%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(2), body .invid-flowcharts.invid-documents td:nth-child(2) {
        width: 7%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(3), body .invid-flowcharts.invid-documents td:nth-child(3) {
        width: 4%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(4), body .invid-flowcharts.invid-documents td:nth-child(4) {
        width: 30%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(5), body .invid-flowcharts.invid-documents td:nth-child(5) {
        width: 10%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(6), body .invid-flowcharts.invid-documents td:nth-child(6) {
        width: 10%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(7), body .invid-flowcharts.invid-documents td:nth-child(7) {
        width: 20%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(8), body .invid-flowcharts.invid-documents td:nth-child(8) {
        width: 2%;
    }
    body .invid-flowcharts.invid-documents th:nth-child(9), body .invid-flowcharts.invid-documents td:nth-child(9) {
        width: 15%;
    }
}

body, input, textarea, select, .tooltip, .popover,
html td.mxWindowTitle, .geBtn, .btn, .form-control, .dropdown-menu {
    font-family: 'Exo 2', 'Segoe UI', 'Noto Sans', sans-serif;
    font-size: 16px;
}

.geEditor, html td.mxPopupMenuItem {
    font-family: 'Exo 2', 'Segoe UI', 'Noto Sans', sans-serif;
    font-size: 15px;
}

.geEditor input, .geEditor textarea, .geEditor select {
    font-family: 'Exo 2', 'Segoe UI', 'Noto Sans', sans-serif;
    font-size: 14px;
}

.geSidebarContainer .geTitle, .geFormatContainer {
    font-family: 'Exo 2', 'Segoe UI', 'Noto Sans', sans-serif;
    font-size: 14px;
}

.geDialog {
    padding: 20px;
}

label, th, .geBtn {
    font-weight: normal;
}

.invid-format-container {
    font-size: 14px;
    font-weight: normal;
}

a, a:hover, a:visited {
    color: black;

}
.btn-success {
    display: inline-block;
    margin-right: 10px;
}
a.btn-primary:visited, a.btn-success:visited, a.btn-warning:visited {
    color: #fff;
}
.breadcrumb {
    font-weight: 400;
    padding: 0px 10px 10px 0px;
    vertical-align: middle;
    margin-bottom: 10px;
    background-color: #fff;
}
.breadcrumb a,breadcrumb a:visited{
    padding: 5px;
    color:#777 !important;
    background-color: #fff;
}
.breadcrumb a:hover {
    background-color: #f5f5f5;   
    border-radius: 5px;
    text-decoration: underline;
}
.invid-breadcrumb-options {
    float: right;
    font-size: 14px;
    color: #666;
}
.invid-viewer-container .invid-breadcrumb-options {
    padding-top: 2px;
    padding-right: 10px;
}

/*Removing bulletpoints from error messages*/
.validation-summary-errors ul {
    list-style: none;
}

.btn-group.open > ul > li a {
    cursor: pointer;
}

.navbar-default {
    background-color: #64AF50;
    color: #fff;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #eee;
    font-size: 16px;
    background: transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.logo:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #41965A;
}
.navbar-default .navbar-nav > li > a.invid-active-nav {
    background-color: #41965A;
}

.navbar-header img {
    width: 32px;
    height: 32px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: -5px;
}

.logo {
    float: left;
    margin-left: 5px;
    height: 50px;
}

    .logo img {
        height: 100%;
        padding: 10px;
    }

.invid-main {
    background-color: #fff;
    border: 1px solid #ccc;
    padding-top: 20px;
    margin-bottom: 40px;
}

.invid-selector {
    float: right;
    margin-right: 20px;
}

.row:first-child h1 {
    margin-top: -5px;
    margin-bottom: 15px;
}

h1, h2 {
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 10px;
}

h2.invid-breadcrumb {
    font-size: 20px;
}
#search-data-table > thead > tr >th {
    cursor:pointer;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.table {
    margin-top: 10px;
}
.glyphicon-chevron-up {
    color: gray;
}
.busy {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.lang .dropdown-menu a:before {
    content: " ";
    margin-right: 14px;
}

.lang .dropdown-menu a.active:before {
    content: "✓ ";
    margin-right: 0px;
}

.fullwidth {
    width: 100%;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: 0px;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: 0px;
}

fieldset.inner {
    border: 1px solid #c0c0c0 !important;
    padding: 0 0.5em 0.5em 0.5em !important;
    margin: 0 0 1.5em 0 !important;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.inner {
    font-size: 1.2em !important;
    /*font-weight: bold !important;*/
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

.invid-thumbnail-cell {
    width: 80px;
}
.invid-thumbnail-cell a {
    display: block;
}
.invid-folder-cell {
    width: 80px;
    text-align: center;
}
.invid-icon-cell {
    width: 80px;
    text-align: center;
}

.invid-thumbnail {
    max-width: 80px;
    max-height: 34px;
    height: auto;
    border: none;
}

.invid-thumbnail-popup {
    max-width: 380px;
    max-height: 180px;
}

body .qtip {
    max-width: 400px;
}

.invid-filter {
    margin-top: 15px;
}

.invid-viewer {
    background-color: #eee;
}


.invid-viewer h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #666;
}

.invid-viewer-container {
    margin: 0px auto;
}
.invid-viewer #invidgraphcontainer {
    margin: 0px;
    padding: 20px;
    box-sizing: content-box;
    border: 1px solid #ccc;
    background-color: #fff;
}

.invid-open-link, .invid-open-link:visited {
    color: #000;
    position: relative;
}
.invid-icon-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
}

th a, th a:visited {
    color: #666;
}

.invid-link-editor .geBtn {
    margin-left: 0px;
}

.invid-link-editor .invid-buttons {
    display: block;
    margin-bottom: 5px;
}

.invid-link-editor label {
    display: block;
    margin-bottom: 2px;
}

.invid-link-editor fieldset {
    border: none;
}

.invid-panel.invid-link-editor fieldset {
    padding: 0px;
    margin: 0px;
}

.invid-link-editor fieldset table {
    width: 100%;
}

.invid-link-editor fieldset td {
    padding: 0px 0px 8px 0px;
}

.invid-link-editor, .invid-link-editor input, .invid-link-editor select, .invid-link-editor table, .invid-link-editor .geBtn {
    font-size: 18px;
}
.fa-print::before {
    font-size: 1.4em;
}

.invid-link-editor input, .invid-link-editor select {
    padding: 3px;
    width: 100%;
}
.invid-link-editor input[type='checkbox'] {
    width: auto;
}
.invid-link-editor .geBtn {
    display: inline-block;
    margin-bottom: 4px;
}

.invid-show-button {
    margin-top: 5px;
}

.invid-link-editor [name='header'] {
    display: none;
    min-height: 20px;
    font-weight: bold;
}

.invid-link-editor .invid-footer-buttons {
    padding-top: 10px;
    text-align: right;
}

.invid-dialog.invid-link-editor .invid-links-tree {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.invid-panel .geBtn {
    padding-left: 4px;
    padding-right: 4px;
    min-width: initial;
}

.table .fas {
    font-size: 18px;
    color: #888;
}
.table a.btn-default:hover .fas {
    color: #fff;
}

.table .fa-folder-open, .fa-folder-open,
.invid-breadcrumb .fa-folder-open,
.invid-breadcrumb .fa-book,
.invid-breadcrumb .fa-globe {
    color: #FAD974;
}
.dropdown-menu > li > a:hover, .btn-default:hover {
    background-color: #64AF50;
    color: #fff;
}

.validation-summary-valid {
    display: none;
}

/* Box general read-only values */
.invid-table-title {
    display: block;
    font-size: 16px;
}

.invid-label {
    display: block;
    font-size: 12px;
}

.invid-value {
    display: block;
    font-size: 14px;
}
#invidcontainer > div.btn-group.hidden-print > div > div > label {
    font-size: 14px;
}
#invidcontainer > div.btn-group.hidden-print > div > div > label input {
    font-size: 20px;
}
.invid-nowrap {
    xwhite-space: nowrap;
    word-break: break-all;
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    .opendocumentsinoffice {
        display: none !important;
    }
}
#invidcontainer > .pull-right > table {
    font-size: 14px;
}
#invidcontainer div.btn-group {
    margin-top:30px;
    
}
#invidcontainer div.btn-group i {
    font-size: 12px;
}
.meta-data-information {
    display:none;
}
/* List of folders and files for SharePoint documents page */
.invid-list .fa-folder-open {
    font-size: 32px;
}

/* Browser dialog in editor showing a table of folders and documents from SharePoint */
.invid-table-small {
    border-collapse: collapse;
    width: 100%;
}

.invid-table-small th, .invid-table-small td {
    padding: 4px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.invid-table-small img {
    max-width: 20px;
}
.invid-table-small a, .invid-table-small a:visited {
    color: #000;
    text-decoration: none;
}
.invid-table-small a:hover, .invid-table-small a:focus {
    text-decoration: underline;
}

.invid-table-small .selected td {
    background-color: #96C85A;
}
.invid-table-small .selected a, .invid-table-small .selected a:visited {
    color: #fff;
}

table.invid-flowcharts {
    border-collapse: collapse;
    table-layout: fixed;
}
table.invid-flowcharts td {
    text-overflow: ellipsis;
    height: 46px;
}

.invid-icon {
    max-width: 32px;
}

/* Loading animation for div element */
.loading {
    display: inline-block;
    width: 64px;
    height: 64px;
}

    .loading:after {
        content: " ";
        display: block;
        width: 46px;
        height: 46px;
        margin: 1px;
        border-radius: 50%;
        border: 5px solid #96C85A;
        border-color: #96C85A transparent #96C85A transparent;
        animation: loading 1.2s linear infinite;
    }

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.invid-browser-loading .loading {
    display: block;
    margin: 20px auto;
}

/* Publishing information in flow chart version list */
.invid-version-publish {
    background-color: #FFE;
}

.invid-version-published {
    background-color: #EFE;
}

.invid-version-publish .fas, .invid-version-publish.fas {
    color: #f0ad4e;
}

.invid-version-modified .fas, .invid-version-modified.fas {
    color: #5bc0de;
}

.invid-version-published .fas, .invid-version-published.fas {
    color: #5cb85c;
}

/* Alternate view of flow charts looking like cards */
.invid-card-container {
    margin-top: 20px;
}

.invid-card {
    float: left;
    width: 390px;
    height: 300px;
    position: relative;
    padding: 10px;
    border: 1px solid #CCC;
    margin-right: 10px;
    margin-bottom: 10px;
}

.invid-card-footer:before {
    display: table-cell;
    content: " ";
    clear: both;
}

.invid-card input[type='checkbox'] {
    position: absolute;
    right: 12px;
    top: 10px;
}

/* Select all custom input checkbox */
input[name="selectAll"], .fch-checkbox input, .folder-checkbox input {
    xtransform: scale(1.2);
}
tr.selected {
    background-color: #e0ffe0;
}
.invid-card > a {
    display: block;
    width: 100%;
    height: 200px;
}

.invid-card-image {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.invid-card-footer > .btn-group {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/* Special case to reuse existing classes in exported html files, but with some overrides here */
.invid-exported .invid-main {
    margin-top: 20px;
}

.invid-exported .invid-flowcharts a {
    text-decoration: underline;
}

.invid-exported .invid-flowcharts img {
    max-width: 120px;
    max-height: 40px;
}

.alert > ul {
    padding-left: 0px;
}

    .alert > ul > li {
        list-style-type: none;
        font-weight: bold;
    }

/* Viewer check box for OpenDocumentsInOffice functionality */
.opendocumentsinoffice {
    margin-top: 10px;
    font-size: 10pt;
    color: #888;
}
#OpenDocumentsInOfficeMessage {
    margin-top: 10px;
    padding: 10px;
    background-color: #FAD974;
    color: #000;
}

#OpenDocumentsInOfficeMessage i {
    font-size: 18pt;
    display: block;
    float: left;
    margin-right: 10px;
    font-style: normal;
    color: #339;
    font-weight: bold;
}
.wrapper-disabled {
    position: relative;
    cursor:not-allowed;
    left: 18px;
        

        
    }
    .wrapper-disabled:after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}
    .wrapper-disabled a {
    pointer-events: none;
    font-style:italic;
    color:lightgray!important;
}

.large-comment .fas {
    color: #64AF50;
    cursor: pointer;
}

.explain {
    font-size: 12px;
    font-style: italic;
    margin: 2px 5px;
}

dl > dt, dl > dd {
    margin-bottom: 5px;
}

/* Viewer */
.meta-data-information table {
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 14px;
    border: none;
    margin: 10px;
    width: calc(100% - 20px);
}
.meta-data-information .table > tbody > tr > th {
    font-size: 12px;
    padding: 4px 4px 0px 4px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: none;
}
.meta-data-information .table > tbody > tr > td {
    padding: 0px 4px 4px 4px;
    border-top: none;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

@media print {
    .invid-viewer #invidgraphcontainer {
        border: none;
    }
    .invid-viewer-container {
        overflow-x: hidden;
    }
    svg * {
        -webkit-print-color-adjust: exact;
    }
}

/* Help content */
.invid-help-content .table > tbody > tr > td,
.invid-help-content .table > tbody > tr > th,
.invid-help-content .table > tfoot > tr > td,
.invid-help-content .table > tfoot > tr > th,
.invid-help-content .table > thead > tr > td,
.invid-help-content .table > thead > tr > th {
    vertical-align: top;
    border-top: none;
}

.invid-highlight td {
    background-color: #F0F0A0;
}
.invid-uimessage {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px;
}
.invid-uimessage a {
    color: inherit;
}

.invid-grid-title {
    padding-bottom: 10px;
}
.invid-grid-heading {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
}
.invid-grid-row > div {
    padding-bottom: 10px;
    word-break: break-word;
}
.invid-help-login h1 {
    padding: 10px 15px 0px 15px;
}
.invid-help-login p {
    padding: 15px 15px 0px 15px;
}
.invid-login h3 {
    margin-top: 0px;
    font-size: 20px;
}

.table > thead > tr.invid-table-heading-above > th {
    border-bottom: none;
}
.table > thead > tr.invid-table-heading-above+tr > th {
    border-top: none;
}

/* Uppdateringar för fixerat huvud med knappar och kolumnrubriker */
.navbar {
    margin-bottom: 0px;
}
.invid-main {
    margin-top: 20px;
}
.invid-fixed-spacer {
    position: fixed;
    background-color: #eee;
    z-index: 1;
    width: 100%;
    height: 20px;
    content: "test";
}
.invid-fixed-header {
    position: fixed;
    background-color: #fff;
    z-index: 1;
    border-top: 1px solid #ccc;
    margin-top: -155px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 20px 0px 20px;
    width: 1248px;
    height: 156px;
}
.invid-fixed-header.has-top-message {
    margin-top: -229px;
    height: 229px;
}
.invid-flowcharts-header {
    table-layout: fixed;
    margin-bottom: 0px;
    margin-left: -1px;
    margin-right: -1px;
}
.invid-flowcharts-rows {
    table-layout: fixed;
    margin-top: 134px;
}
.invid-flowcharts-rows.has-top-message {
    margin-top: 207px;
}
.invid-flowcharts th {
    position: sticky;
    top: 0;
}
.invid-flowcharts td {
    word-break: break-all;
}
.invid-flowcharts th:nth-child(1), .invid-flowcharts td:nth-child(1) {
    width: 2%;
}
.invid-flowcharts th:nth-child(2), .invid-flowcharts td:nth-child(2) {
    width: 7%;
}
.invid-flowcharts th:nth-child(3), .invid-flowcharts td:nth-child(3) {
    width: 4%;
}
.invid-flowcharts th:nth-child(4), .invid-flowcharts td:nth-child(4) {
    width: 25%;
}
.invid-flowcharts th:nth-child(5), .invid-flowcharts td:nth-child(5) {
    width: 12%;
}
.invid-flowcharts th:nth-child(6), .invid-flowcharts td:nth-child(6) {
    width: 15%;
}
.invid-flowcharts th:nth-child(7), .invid-flowcharts td:nth-child(7) {
    width: 12%;
}
.invid-flowcharts th:nth-child(8), .invid-flowcharts td:nth-child(8) {
    width: 2%;
}
.invid-flowcharts th:nth-child(9), .invid-flowcharts td:nth-child(9) {
    width: 21%;
    text-align: right;
}

.invid-flowcharts.invid-documents th:nth-child(1), .invid-flowcharts.invid-documents td:nth-child(1) {
    width: 2%;
}
.invid-flowcharts.invid-documents th:nth-child(2), .invid-flowcharts.invid-documents td:nth-child(2) {
    width: 7%;
}
.invid-flowcharts.invid-documents th:nth-child(3), .invid-flowcharts.invid-documents td:nth-child(3) {
    width: 4%;
}
.invid-flowcharts.invid-documents th:nth-child(4), .invid-flowcharts.invid-documents td:nth-child(4) {
    width: 25%;
}
.invid-flowcharts.invid-documents th:nth-child(5), .invid-flowcharts.invid-documents td:nth-child(5) {
    width: 12%;
}
.invid-flowcharts.invid-documents th:nth-child(6), .invid-flowcharts.invid-documents td:nth-child(6) {
    width: 12%;
}
.invid-flowcharts.invid-documents th:nth-child(7), .invid-flowcharts.invid-documents td:nth-child(7) {
    width: 15%;
}
.invid-flowcharts.invid-documents th:nth-child(8), .invid-flowcharts.invid-documents td:nth-child(8) {
    width: 2%;
}
.invid-flowcharts.invid-documents th:nth-child(9), .invid-flowcharts.invid-documents td:nth-child(9) {
    width: 21%;
    text-align: right;
}

.invid-users td:nth-child(6) {
    text-align: right;
}
.invid-groups td:nth-child(1) {
    width: 35%;
}
.invid-groups td:nth-child(2) {
    width: 20%;
}
.invid-groups td:nth-child(3) {
    width: 15%;
}
.invid-groups td:nth-child(4) {
    width: 30%;
    text-align: right;
}

/* Invid.TableSortAndFilter */
.invid-sortable-column {
    white-space: nowrap;
}
.invid-sortable-column a, .invid-sortable-column a:hover {
    color: #666;
    text-decoration: none;
}
.invid-number {
    text-align: right;
}
.invid-sortable-column.invid-active a, .invid-sortable-column.invid-active a:hover {
    color: #333;
}
.invid-sortable-column a:before {
    content: "\e114";
}
.invid-sortable-column.invid-active.invid-reverse a:before {
    content: "\e113";
}
.invid-default-permissions-explain {
    margin: 5px 0px 10px 25px;
    --font-style: italic;
    color: #666;
}
.table > tbody > tr.invid-noborder > td {
    border-top: none;
}
.invid-search-box {
    width: 200px;
}
.invid-search-box button {
    font-size: 14px;
}
.invid-datepicker button {
    height: 34px;
    color: #555;
}
body .datepicker td, .datepicker.th {
    width: 30px;
    height: 30px;
}
body .datepicker .day {
    border: 1px solid #ccc;
    background-color: #fff;
}
body .datepicker {
    background-color: #eee;
    padding: 8px;
}

.invid-drop {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}
.invid-drop > div {
    padding: 35px 25px;
    background-color: #fff;
    min-width: 50%;
    max-height: 80%;
    overflow-y: auto;
}
.invid-drop h1 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.invid-drop h2 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.invid-drop table {
    font-size: 16px;
    margin-bottom: 0px;
}
.invid-drop table td {
    padding: 6px;
}
.invid-drop table td:nth-child(1) {
    width: 5%;
    padding: 4px;
    text-align: center;
}
.invid-drop table td:nth-child(2) {
    width: 75%;
}
.invid-drop table td:nth-child(3) {
    width: 20%;
}
.invid-drop table i {
    display: none;
}
.invid-drop table i img {
}
.invid-drop table .invid-uploading .invid-spinner {
    display: inline-block;
}
.invid-drop table .invid-uploaded i.glyphicon-ok {
    display: inline-block;
    color: #393;
}
.invid-drop table .invid-upload-error i.glyphicon-remove-circle {
    display: inline-block;
    color: #933;
}
.invid-drop .invid-error-message {
    color: #933;
}
.invid-drop .invid-error-message td {
    border-top: none;
}
.invid-drop h2 button {
    float: right;
    margin-top: -15px;
}
.invid-static-permission, .invid-static-permission a, .invid-static-permission a:visited {
    color: #666;

}
.invid-help {
    padding: 20px;
}
.invid-.invid-table-small {
    font-size: 12px;
}
.invid-static {
    padding: 7px 0px;
}
.invid-explain {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-style: italic;
}
.invid-small {
    font-size: 14px;
}
.breadcrumb a.invid-folder-drop, .breadcrumb a.invid-folder-drop:hover, .invid-folder-drop td {
    background-color: #F0F0A0;
}
.fas.invid-icon-approver {
    color: #5cb85c;
}
.fas.invid-icon-pending {
    color: #aaa;
}

.radio-inline + .radio-inline {
    margin-left: 0px;
}
.radio-inline {
    margin-right: 10px;
}

.invid-active-documents th:nth-child(1), .invid-active-documents td:nth-child(1) {
    width: 10%;
}
.invid-active-documents th:nth-child(2), .invid-active-documents td:nth-child(2) {
    width: 5%;
}
.invid-active-documents th:nth-child(3), .invid-active-documents td:nth-child(3) {
    width: 35%;
}
.invid-active-documents th:nth-child(4), .invid-active-documents td:nth-child(4) {
    width: 10%;
}
.invid-active-documents th:nth-child(5), .invid-active-documents td:nth-child(5) {
    width: 15%;
}
.invid-active-documents th:nth-child(6), .invid-active-documents td:nth-child(6) {
    width: 25%;
}

.invid-version-table.table > tbody + tbody {
    border: none;
}
.invid-version-table .invid-merged td {
    border-top: none;
    padding-top: 0px;
    font-style: italic;
}

.invid-flowcharts tr:hover .invid-icon-cell img, .invid-flowcharts tr:hover .invid-folder-cell img, .invid-active-documents tr:hover .invid-icon-cell img {
    transform: scale(1.2);
    transition: transform 250ms;
}
.invid-row-selection tr:hover td, .invid-active-documents tr:hover td {
    background-color: #e8f8e8;
}

.invid-button-line {
    line-height: 45px;
    margin-top: -10px;
}

.btn-selected {
    background-color: #F0F0A0;
    border-color: #ccc;
}

.invid-file-list {
    table-layout: fixed;
}
.invid-file-list th:nth-child(1), .invid-file-list td:nth-child(1) {
    width: 5%;
}
.invid-file-list th:nth-child(2), .invid-file-list td:nth-child(2) {
    width: 50%;
}
.invid-file-list th:nth-child(3), .invid-file-list td:nth-child(3) {
    width: 18%;
}
.invid-file-list th:nth-child(4), .invid-file-list td:nth-child(4) {
    width: 27%;
}

.dropdown-menu > li > a.invid-menu-title {
    font-size: 12px;
    color: #888;
    cursor: default;
}
.dropdown-menu > li > a.invid-menu-title:hover {
    background-color: transparent;
    color: #888;
}
.dropdown-menu .divider {
    margin: 5px 0px;
}
.btn .glyphicon-chevron-down {
    color: #666;
}
.invid-office-tip {
    position: relative;
}
.invid-office-tip img {
    width: 32px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}
.invid-office-tip a.close {
    position: absolute;
    top: 0px;
    right: 0px;
}
.invid-office-tip-link {
    margin-top: 10px;
    margin-bottom: 10px;
}
.invid-office-tip .btn {
    font-size: 14px;
}
.invid-office-tip-link a {
    text-decoration: underline;
}

.invid-viewer-header .invid-viewer-buttons {
    float: right;
}
.invid-viewer-buttons a {
    display: inline-block;
    padding: 10px;
    font-size: 1em;
    color: #666;
}
.invid-viewer-buttons a:hover {
    background-color: #FFF;
    color: #666;
}
.invid-viewer-buttons .fa-print {
    font-size: 0.8em;
}
.invid-extra-title {
    font-size: 0.6em;
}
label.disabled {
    color: #888;
}