/**
| Overrides for Bootstrap styles. The #canvas selector serves
| to increase specificity enough to supplant the original bootstrap
| style of the subsequent selector. In markup, id="canvas" should
| be assigned to the body element.
**/
#canvas .btn {
white-space: normal;
}
#canvas .btn.btn-primary,
#canvas .nav-item.nav-link.active
{
background-color: #008000;
border-color: #005500;
color: #fff;
}
#canvas .btn.btn-primary:hover,
#canvas .btn.btn-primary:focus,
#canvas .btn.btn-primary:active:focus
{
background-color: #005500;
border-color: #005500;
}
/**
| General page layout.
**/
body {
/* Make room for the top bar. */
padding-top: 56px;
/* Set a base font size for the page. */
font-size: 15px;
}
h1 { margin-bottom: 0.5em; }
/**
| Main menu top bar (horizontal)
**/
#categorySubmenu .nav-item:first-child {
border-top: 1px dashed;
}
a.disabled, #categorySubmenu .nav-item a.disabled {
color: gray;
/* disable the pointer events */
pointer-events: none;
}
/**
| Sidebar navigation (vertical)
**/
#sticky-sidebar {
min-height: 100vh;
}
#sticky-sidebar a {
text-align: left;
}
.sticky-offset {
top: 7em;
}
/**
| Styles for box shown when there is no user data associated with a login.
**/
.sorry-no-data {
text-align: center;
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
/**
| Required fields.
**/
.required {
color: red;
}
/*--------------------------------------------------------------------
* Main on-canvas side navigation menu
**--------------------------------------------------------------------*/
/* Side navigation menu */
#canvas #nav-tab {
/* height: 100%;
width: 200px;
position: fixed;
z-index: 1;
top: 0;
left: 0; */
/* background-color: #111; */
background-color: #343A40;
overflow-x: hidden;
/* padding-top: 20px; */
}
/* Style the sidenav links and the dropdown button */
#canvas #nav-tab a,
#canvas #nav-tab .dropdown-btn {
padding: 6px 8px 6px 16px;
text-decoration: none;
/* font-size: 20px; */
/* color: #818181; */
color: #dbdbdb;
display: block;
border: none;
background: none;
width:100%;
text-align: left;
cursor: pointer;
outline: none;
}
/* Style mouseover effect for all menu items. */
#canvas #nav-tab .nav-item.nav-link.active,
#canvas #nav-tab a:hover,
#canvas #nav-tab .dropdown-btn:hover {
background-color: #616161;
color: #f1f1f1;
}
/* Open DropDown item. */
#canvas #nav-tab .open {
background-color: #616161;
color: white;
}
/* Style active submenu item. */
#canvas #nav-tab .mm-lvl2.active,
#canvas #nav-tab .mm-lvl1.active {
background-color: green;
color: white;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
#canvas #nav-tab .dropdown-container {
display: none;
background-color: #262626;
/* padding-left: 8px; */
}
#canvas #nav-tab .dropdown-btn .caret {
float: right;
padding-right: 3px;
font-size: inherit;
text-rendering: auto;
}
/* Icon on a closed dropdown box. */
#canvas #nav-tab .dropdown-btn .caret::before {
color: #008000;
/* content: "\25bc"; */
content: "â–¶";
}
/* Icon on an opened dropdown box. */
#canvas #nav-tab .dropdown-btn.open .caret::before {
color: #262626;
/* content: "\25b2"; */
content: 'â–¼';
}
.mm-lvl1 {}
.mm-lvl2 {}
/* Give main menu rounded corners */
#canvas #nav-tab {
border-radius: .25rem;
}
/*--------------------------------------------------------------------
* Top navigation bar
**--------------------------------------------------------------------*/
/**
| Main menu colours.
**/
#mainMenu .navbar-brand,
#mainMenu .navbar-nav .nav-item .nav-link {
font-weight: normal;
color: #fff;
}
#mainMenu .navbar-nav .nav-item .nav-link:hover {
background-color: #008000;
border-radius: .25em;
}
/* eof */#canvas table .dropdown {
text-align: center;
}
#canvas button.dropdown-toggle {
background-color: green;
color: #fff;
border: none;
box-shadow: none;
outline: 0;
outline-offset: 0;
-webkit-box-shadow: none;
}
#canvas button.dropdown-toggle:hover {
background-color: darkgreen;
box-shadow: none;
}
#canvas .dropdown-menu li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
color: darkgreen;
border-left: 6px solid;
white-space: nowrap;
}
#canvas .dropdown-menu li a:active,
#canvas .dropdown-menu li a:focus,
#canvas .dropdown-menu li a:hover {
text-decoration: none;
background-color: lightgray;
}
#canvas .dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
color: #777;
text-transform: uppercase;
white-space: nowrap;
}
/*--------------------------------------------------------------------
* CarePackage plugin
**--------------------------------------------------------------------*/
/* Visually disable position send button. */
button.pos-dem-send-button:disabled,
button.pos-dem-send-button:disabled:hover {
background-color: lightgray !important;
color: gray !important;
border-color: lightgray !important;
cursor: default;
}
/*--------------------------------------------------------------------
* Default scheme
**--------------------------------------------------------------------*/
/*------ General page layout ------*/
body {
/* make room for the top bar */
padding-top: 56px;
/* set a base font size for the page */
font-size: 15px;
}
h1 { margin-bottom: 0.5em; }
.cell-head { color: #119791; }
th {
color: #003A80;
font-weight: normal;
}
dl dt {
color: #119791;
font-weight: normal;
}
dl dt, dl dd {
padding-top: 0.2em;
}
.list-header {
color: #003A80;
border-bottom: 1px solid #DEE2E6;
padding-left: 1em;
margin-bottom: 1em;
}
/* prevent rows distorting the width of the datatable */
.details-child .row {
margin-left: 0;
margin-right: 0;
}
.detail_content .tab-pane {
background-color: #f8fafc;
border-left: 1px solid #DEE2E6;
border-right: 1px solid #DEE2E6;
border-bottom: 1px solid #DEE2E6;
padding-top: 1em;
padding-bottom: 0.5em;
}
/*------ Main menu top bar (horizontal) ------*/
#categorySubmenu .nav-item:first-child {
border-top: 1px dashed;
}
a.disabled, #categorySubmenu .nav-item a.disabled {
color: gray;
/* disable the pointer events */
pointer-events: none;
font-size: small;
}
/*------ Sidebar navigation (vertical) ------*/
#sticky-sidebar {
min-height: 100vh;
}
#sticky-sidebar a {
text-align: left;
}
.sticky-offset {
top: 7em;
}
/* Styles for box shown when there is no user data associated with a login */
.sorry-no-data {
text-align: center;
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
/* Registration form */
.required {
color: red;
}
/*------ Custom styles for DataTables ------*/
table.dataTable tbody td {
vertical-align: middle;
}
td.details-control {
/* background: url('../../default/img/details_open.png') no-repeat center center; */
cursor: pointer;
}
/* tr.details td.details-control {
background: url('../../default/img/details_close.png') no-repeat center center;
} */
/* Style icon-based details controls */
td.details-control { text-align: center; font-size: 1.2em; }
tr .details-control .fa-plus-circle { color: darkgreen; }
tr .details-control .fa-minus-circle { color: darkred; }
/* child row with details for a parent row */
table.table-striped tbody tr.details-child,
table.dataTable tbody tr.child {
background-color: #fcfcfc;
}
/* all tab controls */
.detail_navigation .nav-link {
background-color: whitesmoke;
border-top: 3pt solid #DEE2E6;
border-right-color: rgb(222, 226, 230);
border-left-color: rgb(222, 226, 230);
border-bottom-color: rgb(222, 226, 230);
}
/* an active tab control (should override the above) */
tr.details-child .nav-link.active {
background-color: #f8fafc;
border-top: 3pt solid #DDDE58;
}
tr.details-child .nav-link:hover {
border-top: 3pt solid #DDDE58;
border-right-color: rgb(222, 226, 230);
border-left-color: rgb(222, 226, 230);
}
/* differentiate the positions table header from data rows */
.table-sm .thead-light th {
/* font-size: 0.9em; */
/* text-transform: uppercase; */
}
/*------ Message/Contact forms ------*/
form input.form-control.changed, tr.changed td {
/* check this when position table re-established: */
background-color: #ADFF31 !important;
}
input.unchanged {}
td.danger {
background-color: #F9D6D5 !important;
}
td.dangerText {
color: red;
}
.posAmount {
width: 3.5em;
}
div.fieldStatus.active {
border-left: #819830 1em solid;
}
div.fieldStatus.inactive {
border-left: none;
}
#personalDataContactToggle_Button {
margin-bottom: 0.5em;
}
/*--------------------------------------------------------------------
* Small viewports (f.i. mobile devices)
*--------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
body {
padding-top: 14px;
/* acceptable fallback size */
font-size: 14px;
/* make font size relative to the viewport */
font-size: calc(10px + 1vw);
}
/* decrease header size */
h1 {
font-size: 1.8em;
}
/* give the header some room */
#nav-persoenlich-options {
margin-top: 0.5em;
}
/* dissolve horizontal table structure */
#nav-persoenlich .table td {
display: flex;
flex-wrap: left;
}
/* hide empty table cells */
#nav-persoenlich .table td:empty {
display: none;
}
/* arrange descriptor and value horizontally */
.cell-head, .cell-body {
width: 50%;
}
/* allow text to wrap in order not to break layout horizontally */
.table-responsive div.dataTables_wrapper div.dataTables_info {
white-space: normal;
}
/* give the receipt buttons some room */
.detail_navigation {
margin-top: 0.8em;
}
/* give the receipt comment form elements some more room */
.details-child .card-body {
padding-left: 0;
padding-right: 0;
}
/* restrict size of the length and filter form fields */
form div.dataTables_wrapper div.dataTables_length select { width: 10em; }
form div.dataTables_wrapper div.dataTables_filter input { width: 12em; }
.detail_content .tab-pane {
padding-left: 0.5em;
padding-right: 0.5em;
}
table.table-striped > tbody > tr.details-child > td {
padding: 0.5em;
}
/* table containing data from columns hidden by Responsive */
table.dataTable tr.child > td.child { padding: 0; }
table.dataTable tr.child > td.child table{ width: 100%; }
table.dataTable tr.child > td.child table tr { background-color: #fcfcfc; }
}
/*--------------------------------------------------------------------
* Default colour scheme
**--------------------------------------------------------------------*/
body {
background-color: #fff;
}
/* positions table header color */
.table-sm .thead-light th {
background: #F4F4CA;
}
/* all tables */
#nav-tabContent table {
background-color: whitesmoke;
}
footer {
background-color: #ad8a62;
margin-top: 0.5em;
}
/* main menu alternate colour */
#responsiveMenuContainer .active > .nav-link {
color: #735C41;
}
#categorySubmenu > .nav-item > .nav-link {
/* color: #16737D; */
color: #735C41;
}
/*--------------------------------------------------------------------
* Default buttons
**--------------------------------------------------------------------*/
#canvas .paginate_button.page-item.active .page-link,
#canvas #nav-persoenlich-options .btn.btn-info,
#canvas .btn.btn-info,
#canvas .btn.btn-primary
{
background-color: #008000;
border-color: #005500;
color: #fff;
box-shadow: none;
outline: 0;
outline-offset: 0;
-webkit-box-shadow: none;
}
/* General buttons */
#canvas #nav-persoenlich-options .btn.btn-info:hover,
#canvas #nav-persoenlich-options .btn.btn-info.active,
#canvas #nav-persoenlich-options .btn.btn-info.active:focus,
#canvas form div.form-group .btn.btn-primary:hover,
#canvas form div.form-group .btn.btn-primary:focus,
#canvas form div.form-group .btn.btn-primary:active:focus,
#canvas .btn.btn-info:hover,
#canvas .btn.btn-info:active,
#canvas .btn.btn-info:active:focus
{
background-color: #005500;
border-color: #005500;
}
/* Order button */
#canvas .btn.btn-success:hover,
#canvas .btn.btn-success:active,
#canvas .btn.btn-success:active:focus
{
box-shadow: 0 0 0 .2rem rgba(56, 193, 114, .5);
}
/* Cancel button */
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:active:focus
{
box-shadow: 0 0 0 .2rem rgba(255, 237, 74, .5);
}
.receiptComment { margin-right: 0.5em; }
#canvas .detail_navigation .nav-link,
#canvas .paginate_button.page-item:not(.disabled):not(.active) .page-link,
#canvas .btn.btn-link {
color: #008000;
}
/*------ Info button and info text area ------*/
/* Help button */
.categoryInfo img {
opacity: 0.8;
vertical-align: middle;
}
.categoryInfo img:hover {
opacity: 1;
cursor: pointer;
}
.details-open {
background: url('../../default/img/details_open.png') no-repeat center center;
}
.details-close {
background: url('../../default/img/details_close.png') no-repeat center center;
}
/* Information icon */
.fa-question-circle { color: #008000; }
.fa-question-circle:hover { color: #005500; cursor: pointer; }
/* Information box */
#canvas .categoryInfoContainer {
border-color: #005500;
margin-top: 0.5em;
}
#canvas .categoryInfoContainer .card-header {
background-color: #005500;
}
#canvas .categoryInfoContainer .elevated {
color: #005500;
font-weight: bold;
}
/*-------------------------------------------------------------------
* Additional DataTable styling.
**-------------------------------------------------------------------*/
/* DataTable options column. */
#canvas table .options-column {
text-align: center;
}
/**
* Remove box shadow from datatable wrapper elements to avoid clipping.
**/
#canvas a.page-link,
#canvas div.dataTables_wrapper div.dataTables_length select,
#canvas div.dataTables_wrapper div.dataTables_filter input {
box-shadow: none;
}
/* Details pane open/close buttons */
.fa-plus-circle { color: darkgreen; }
.fa-minus-circle { color: darkred; }
/* Column text alignment */
.dt-center { text-align: center }
.dt-right { text-align: right }
/* eof */
#canvas #context-notices {
/* The shopping cart alert box should float to the right of the row. */
text-align: right;
}
#canvas #context-notices .alert {
/* The shopping cart alert box should shrink to its content, if possible. */
display: inline-block;
/* Leave margins to the parent container. */
margin: 0;
}
/* Article amount input field. */
#canvas .options-column input {
width: 4em;
}
#canvas .article-add {
font-weight: bold;
}
/* Numeric input and button pill container. */
#canvas .options-column div {
display: inline-flex;
border: none;
}
/* Numeric input inside pill container. */
#canvas .options-column div input {
border-left: 1px solid #34740e;
border-top: 1px solid #34740e;
border-bottom: 1px solid #34740e;
border-radius: .25rem 0 0 .25rem;
border-right-style: none;
padding-left: .2rem;
}
/* Action button inside pill container. */
#canvas .options-column div button.article-add {
border-radius: 0 .25rem .25rem 0;
}
/* Cart order button. */
#canvas #article-order {
padding: .75rem 1.25rem;
color: white;
cursor: pointer;
border-radius: .25rem;
}
/* Gradients for default action button. */
#canvas #article-order,
#canvas .options-column .article-add {
border: 1px solid #34740e;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background-color: #4ba614;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008C00));
background-image: -webkit-linear-gradient(top, #4ba614, #008C00);
background-image: -moz-linear-gradient(top, #4ba614, #008C00);
background-image: -ms-linear-gradient(top, #4ba614, #008C00);
background-image: -o-linear-gradient(top, #4ba614, #008C00);
background-image: linear-gradient(to bottom, #4ba614, #008C00);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008C00);
}
/* Make sure the gradient border color is preserved when the element has focus. */
#canvas #article-order:focus,
#canvas .options-column .article-add:focus {
border: 1px solid #34740e;
}
/* Gradients for hovered default action button. */
#canvas #article-order:hover,
#canvas .options-column .article-add:hover {
border:1px solid #224b09;
background-color: #36780f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
background-image: -webkit-linear-gradient(top, #36780f, #005900);
background-image: -moz-linear-gradient(top, #36780f, #005900);
background-image: -ms-linear-gradient(top, #36780f, #005900);
background-image: -o-linear-gradient(top, #36780f, #005900);
background-image: linear-gradient(to bottom, #36780f, #005900);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}
#canvas .options-column .article-add {
border-left-color: inherit;
}
/* Make sure the gradient border color is preserved when the element has focus. */
#canvas .options-column .article-add:focus {
border-left-color: inherit;
}
/* Gradients for hovered default action button. */
#canvas .options-column .article-add:hover {
border-left-color: inherit;
}
/* Button icons should take up the same size. */
#canvas .options-column .article-add span,
#canvas .options-column .article-add img {
display: block;
height: 20px;
width: 20px;
}
#canvas .options-column .article-nr {
border-radius: .25rem 0 0 .25rem;
}
#canvas .options-column .article-nr.in-cart {
background-color: #daf9da;
}
/* Simple button background if article inside cart. */
#canvas .options-column .article-add.in-cart {
background-color: darkgreen;
background-image: none;
border: inherit;
}
/* Hide or show button content depending on state of the article. */
#canvas .options-column .article-add img { display: inherit; }
#canvas .options-column .article-add.in-cart img { display: none; }
#canvas .options-column .article-add span { display: none; }
#canvas .options-column .article-add.in-cart span { display: inherit; }
/* New icon-based version: */
#canvas .options-column .article-add .do-add { display: inherit; }
#canvas .options-column .article-add.in-cart .do-add { display: none; }
#canvas .options-column .article-add .do-cancel { display: none; }
#canvas .options-column .article-add.in-cart .do-cancel { display: inherit; }
/* More obvious removal-button for list items. */
#canvas .list-group-item .close span {
display: inline-block;
width: 1.4rem;
background-color: red;
color: white;
border-radius: 4px;
}
/* Make clear the cart option button deletes its item from the cart
when it's pressed a second time. */
#canvas .options-column .article-add.in-cart:hover {
color: red;
}
/* Make clear the cart option button deletes its item from the cart
when it's pressed a second time. */
#canvas .options-column .article-add.in-cart:hover {
color: red;
}
/* Space out information inside a cart item. */
#canvas .article-amount {
width: 3rem;
}
#canvas .article-name {
width: 60%;
}
#canvas .article-price {
width: 6rem;
text-align: right;
}
/* Cart-item amount badge. */
#canvas .badge-success {
background-color: #D7F3E3;
color: #008000;
font-weight: normal;
border: 1px solid #C7EED8;
}
#canvas #context-notices .alert-warning {
padding: .7rem 1.25rem;
border: 1px solid #e6e6c8;
}
#canvas #context-notices .alert-warning .btn {
padding: 0;
width: 5em;
}
#canvas #context-notices .alert-warning .btn:hover {
box-shadow: none;
}
/* Article table image column. */
th.article-image { padding-right: 0px; padding-left: 0px; }
td.article-image { padding: 0px; }
td.article-image img { width: 150px; }
/* Remove order icons-related padding from Article table image column. */
#artikel-table th.article-image.sorting,
#artikel-table th.article-image.sorting_desc,
#artikel-table th.article-image.sorting_asc { padding-right: 0; }
/* Article table info column. */
.article-description .Bezeichnung_1 {
color: #008000;
}
.article-description .Artikelnummer,
.article-image .Artikelnummer {
font-size: 0.8rem;
color: gray;
}/**------------------------------------------------------------------
* Module: OffeneRechnungen - open Bestellung table
**-----------------------------------------------------------------*/
/* New orders view */
.odd .order-abstract,
.odd .order-position,
.even .order-abstract,
.even .order-position {
background-color: #fff;
}
.order-position, .order-abstract {
border: 1px solid lightgray;
}
.order-position {
list-style-type: none;
padding: .5rem;
border-radius: .25rem;
}
.order-position .Nummer {
display: inline-block;
margin-right: 1em;
color: #005500;
font-weight: bold;
}
.order-position .Bezeichnung_1 {
color: #008000;
}
.order-position .Artikelnummer {
font-size: 0.8rem;
color: gray;
}
.order-position .Preis_gesamt_brutto {
display: inline-block;
margin-left: 2em;
margin-right: 1em;
}
.order-position .Beschreibung {
display: inline-block;
margin-top: .5em;
}
/* Styles for the order abstract column of the New Orders table. */
.order-abstract {
font-size: .9em;
border-radius: .25rem;
}
.order-abstract div {
padding-left: .5rem;
padding-right: .5rem;
padding-bottom: .2rem;
padding-top: .2rem;
}
.order-abstract div:first-child {
padding-top: .5rem;
}
.order-abstract div:last-child {
padding-bottom: .2rem;
}
/* Show that rows are clickable. */
#artikel-table td:hover:not(.options-column) {
cursor: pointer;
}
/* Product details body. */
.article-details h6 {
border-bottom: 1px solid #5A6268;
color: #005500;
}
/* .article-details .contentContainer {
width: 100% ;
height: 100% ;
overflow-y: scroll;
} */
.article-details .thead-dark {
border-top: 2px solid #5a6268;
}
.article-details td {
padding-top: .2em;
padding-bottom: .1em;
}
.article-details td:first-child, dd {
color: #005500;
}
.article-details * {
box-sizing: border-box;
}
/* Slideshow container */
.article-details .slideshow-container {
position: relative;
margin: 0 auto 0 auto;
}
/* Hide the images by default */
.article-details .imgSlider { display: none; }
.article-details .imgSlider img { height: 210px; }
/* Next & previous buttons */
.article-details .slideshow-container .prev,
.article-details .slideshow-container .next {
cursor: pointer;
position: absolute;
top: 34%;
width: auto;
padding: 16px;
color: #fff;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
background-color: rgba(140, 140, 140, 0.7);
}
/* Position the "next button" to the right */
.article-details .slideshow-container .next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.article-details .slideshow-container .prev:hover,
.article-details .slideshow-container .next:hover {
background-color: rgba(0,0,0,0.8);
color: #fff;
}
/* Caption text */
.article-details .caption-text {}
/* Slide image styles. */
.imgSlider.fades img { max-width: 100%; }
/* Slide position text. (1/3 etc) */
.article-details .position-text {
background-color: rgba(140, 140, 140, 0.7);
color: #f2f2f2;
padding: 0.3em 0.6em;
border-radius: 0 0 5px 0;
position: absolute;
top: 0;
}
.article-details .active,
.article-details .dot:hover {
background-color: #717171;
}
/* Fading animation */
.article-details .fades {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
#headPositionDiv {
display: flex;
flex-direction: row;
}
#headPositionDiv slideshow-container{
width: 50% !important;
justify-content: start;
align-items: flex-start;
}
#headPositionDiv tableForImportantInforamtion{
width: 50% !important;
}
/* Prevent elements from being selectable to avoid effects during fast clicks */
.unselectable {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}/**------------------------------------------------------------------
* Documents
**------------------------------------------------------------------*/
/* File upload styling */
.custom-file-label { overflow: hidden; }
.custom-file-label:hover {
cursor: pointer;
background-color: #EEF0F2;
}
.custom-file-label::after { height: 100%; }
/* Listing header */
#listing-header { color: #343A40; }
/* Listing rows */
#document-uploads .row.listing-item { background-color: #fff; }
#document-uploads .row.listing-item:nth-child(even) { background-color: #f5f5f5; }
/* More opacity for an element */
.lighter { opacity: 0.8; }/**------------------------------------------------------------------
* Module: ArticleOrdersCategories
**-----------------------------------------------------------------*/
/* Category tree */
#article-categories { padding-left: 0; }
#article-categories ul { padding-left: 1.2em; }
#article-categories li { list-style-type: none; }
#article-categories li { cursor: default; }
#article-categories li.parent > span:after { content: " â±"; color: #739099; }
#article-categories li.parent.open > span:after { content: " â°"; color: #5987B0; }
#article-categories li.parent { cursor: pointer; }
#article-categories li span:hover { text-decoration: underline; }
#article-categories li:first-letter { text-transform: uppercase; }
#article-categories .current-selection { font-weight: bold; }
/* Cascade layer styles */
#article-categories li.open {
background: rgba(173, 216, 230, 0.1);
border-top: 1px solid rgba(173, 216, 230, 0.4);
border-bottom: 1px solid rgba(173, 216, 230, 0.4);
border-left: 1px solid rgba(173, 216, 230, 0.4);
}
/* Popover trigger */
#categories-trigger { height: 2em; padding: .2em .5em .2em .5em; }
/* Popover */
#article-categories-column .popover { overflow: hidden; width: 24em; }
#article-categories-column .popover-body { max-height: 30em; overflow-y: auto; }
/* The parent table */
#artikel-table_wrapper { min-height: 34em; } /* height of popover body + 4 em, at least */
/* Assign a green look to payed bill cells. */
#canvas table td.payedBill {
text-align: center;
}
/* Assign a warning look to open bill cells. */
#canvas table td.openBill {
background-color: #FFEBEE;
text-align: center;
}
#canvas .ubiquitousAlert {
/* An openBill alert box should float to the right of the row. */
text-align: right;
}
#canvas .ubiquitousAlert .alert {
/* An openBill alert box should shrink to its content, if possible. */
display: inline-block;
}
/* Make the open-bill alert more striking. */
#canvas .ubiquitousAlert .alert-danger {
background-color: #D23534;
border-color: #8C2322;
color: white;
}
/* #canvas .ubiquitousAlert .alert-danger:hover {
cursor: pointer;
filter: brightness(90%);
} */
/*--------------------------------------------------------------------
* medicus colour scheme
**--------------------------------------------------------------------*/
/* Top navigation bar (main menu). */
nav#mainMenu, footer.bg-dark { background-color: #074B89 !important; }
nav#mainMenu .navbar-brand { font-size: 1rem; }
#mainMenu .navbar-nav .nav-item a.nav-link {
margin-left: .5em;
}
#mainMenu .navbar-nav .nav-item a.nav-link:hover,
#mainMenu .navbar-nav .nav-item.active a.nav-link {
background-color: #878787;
border-radius: .25em;
color: #fff;
}
#canvas #responsiveMenuContainer .active > .nav-link { color: #AFAFAF; }
/* Buttons */
#canvas .btn.btn-link { color: #074B89; }
#canvas .paginate_button.page-item.active .page-link,
#canvas .btn.btn-info,
#canvas div.container div#sticky-sidebar nav#nav-tab a.active,
#canvas #nav-persoenlich-options .btn.btn-info,
#canvas .btn.btn-info,
#canvas .btn.btn-primary
{
background-color: #878787;
border-color: #878787;
color: #fff;
box-shadow: none;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active:focus,
.btn.btn-info:hover,
.btn.btn-info.active,
.btn.btn-info.active:focus,
.btn.btn-info:active,
.btn.btn-info:active:focus
{
background-color: #074B89 !important;
border-color: #074B89;
box-shadow: none;
}
.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:active:focus { box-shadow: none; }
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
#canvas .dropdown-menu li a:active,
#canvas .dropdown-menu li a:focus,
#canvas .dropdown-menu li a:hover {
background-color: #074B89;
color: #fff;
border-left-color: #878787;
}
#canvas .dropdown-menu li a {
color: #878787;
border-left: 6px solid;
}
/* Footer */
footer { background-color: #fff; }
.logo img { width: 11em; }
/* Icons */
svg.fa-question-circle {
color: #878787;
width: 1em;
height: 1em;
position: relative;
top: .125em;
}
svg.fa-question-circle:hover { color: #074B89; }
/* Floating menu. */
#canvas #nav-tab { background-color: #f5f5f5; }
#canvas #nav-tab a {
color: #074B89;
font-weight: bold;
}
#canvas #nav-tab a.active {
background-color: #878787 !important;
color: #fff;
}
#canvas #nav-tab a:hover {
background-color: #074B89;
color: #fff;
font-weight: bold;
}
#canvas #nav-tab a.mm-lvl2 {
padding-top: .6em;
padding-bottom: .6em;
}
#canvas #nav-tab .mm-lvl2.btn.disabled { font-size: 1em; }
#canvas #nav-tab .dropdown-container { background-color: #DAE2E6; }
#canvas #nav-tab .dropdown-btn { background-color: #878787; color: #fff; }
#canvas #nav-tab .open { background-color: #074B89; }
#canvas #nav-tab .dropdown-btn:hover { background-color: #074B89; }
#canvas #nav-tab .dropdown-btn .caret::before { color: #074B89; }
#canvas #nav-tab .dropdown-btn.open .caret::before { color: #878787; }
/* Top navigation bar */
#mainMenu .navbar-brand,
.navbar-nav .nav-item .nav-link,
#nav-tab .nav-link
{
color: #fff;
font-weight: bold;
}
#mainMenu .navbar-nav .nav-item.active a.nav-link {
color: #878787;
background-color: inherit;
}
/* Headers */
h1 { font-size: 2.2rem; }
/* Info boxes */
#canvas .categoryInfoContainer {
border-color: #074B89;
margin-top: 0.5em;
}
#canvas .categoryInfoContainer .card-header {
background-color: #074B89;
}
#canvas .categoryInfoContainer .elevated {
color: #074B89;
}
/* Details pane open/close buttons */
#canvas .fa-plus-circle { color: #878787; }
#canvas .fa-minus-circle { color: #074B89; }
/* Details pane tabs */
#canvas tr.details-child .nav-link {
color: #878787;
}
#canvas tr.details-child .nav-link.active {
border-top-color: #878787;
color: #074B89;
}
#canvas tr.details-child .nav-link:hover { border-top-color: #878787; }
/* Mobile-centric changes */
#canvas nav#mainMenu .navbar-brand { font-size: 0.9rem; }
#canvas .navbar-toggler { font-size: 1.125rem; }
#canvas div .form-control-sm { font-size: .8rem; }
#canvas h1 { font-size: 1.8em; }
#canvas .categoryInfo {
display: inline-flex;
align-self: center;
}
/* Listing header */
#listing-header { color: #074B89; }