table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: fit-content;
  max-height: 75%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}
div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
html.dark table.dataTable > tbody > tr.child ul.dtr-details > li,
html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}
html.dark div.dtr-modal div.dtr-modal-display,
html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

/*
 *  Academicons 1.9.4 by James Walsh (https://github.com/jpswalsh) and Katja Bercic (https://github.com/katjabercic)
 *  Fonts generated using FontForge - https://fontforge.org
 *  Square icons designed to be used alongside Font Awesome square icons - https://fortawesome.github.io/Font-Awesome/
 *  Licenses - Font: SIL OFL 1.1, CSS: MIT License
 */
@font-face {
    font-family: 'Academicons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:url(db80a16a4e1158e3e875.eot);
    src:url(db80a16a4e1158e3e875.eot) format('embedded-opentype'),
        url(bf8f5461e263ef7570df.ttf) format('truetype'),
        url(3bffeab99dd184ea1e19.woff) format('woff'),
        url(250e5e0d1e73f65a47f9.svg) format('svg');
}
.ai {
  font-family: 'Academicons';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.ai-academia:before {
  content: "\e9af";
}
.ai-academia-square:before {
  content: "\e93d";
}
.ai-acclaim:before {
  content: "\e92e";
}
.ai-acclaim-square:before {
  content: "\e93a";
}
.ai-acm:before {
  content: "\e93c";
}
.ai-acm-square:before {
  content: "\e95d";
}
.ai-acmdl:before {
  content: "\e96a";
}
.ai-acmdl-square:before {
  content: "\e9d3";
}
.ai-ads:before {
  content: "\e9cb";
}
.ai-ads-square:before {
  content: "\e94a";
}
.ai-africarxiv:before {
  content: "\e91b";
}
.ai-africarxiv-square:before {
  content: "\e90b";
}
.ai-archive:before {
  content: "\e955";
}
.ai-archive-square:before {
  content: "\e956";
}
.ai-arxiv:before {
  content: "\e974";
}
.ai-arxiv-square:before {
  content: "\e9a6";
}
.ai-biorxiv:before {
  content: "\e9a2";
}
.ai-biorxiv-square:before {
  content: "\e98b";
}
.ai-ceur:before {
  content: "\e96d";
}
.ai-ceur-square:before {
  content: "\e92f";
}
.ai-ciencia-vitae:before {
  content: "\e912";
}
.ai-ciencia-vitae-square:before {
  content: "\e913";
}
.ai-clarivate:before {
  content: "\e924";
}
.ai-clarivate-square:before {
  content: "\e925";
}
.ai-closed-access:before {
  content: "\e942";
}
.ai-closed-access-square:before {
  content: "\e943";
}
.ai-conversation:before {
  content: "\e94c";
}
.ai-conversation-square:before {
  content: "\e915";
}
.ai-coursera:before {
  content: "\e95f";
}
.ai-coursera-square:before {
  content: "\e97f";
}
.ai-crossref:before {
  content: "\e918";
}
.ai-crossref-square:before {
  content: "\e919";
}
.ai-cv:before {
  content: "\e9a5";
}
.ai-cv-square:before {
  content: "\e90a";
}
.ai-datacite:before {
  content: "\e91c";
}
.ai-datacite-square:before {
  content: "\e91d";
}
.ai-dataverse:before {
  content: "\e9f7";
}
.ai-dataverse-square:before {
  content: "\e9e4";
}
.ai-dblp:before {
  content: "\e94f";
}
.ai-dblp-square:before {
  content: "\e93f";
}
.ai-depsy:before {
  content: "\e97a";
}
.ai-depsy-square:before {
  content: "\e94b";
}
.ai-doi:before {
  content: "\e97e";
}
.ai-doi-square:before {
  content: "\e98f";
}
.ai-dryad:before {
  content: "\e97c";
}
.ai-dryad-square:before {
  content: "\e98c";
}
.ai-elsevier:before {
  content: "\e961";
}
.ai-elsevier-square:before {
  content: "\e910";
}
.ai-figshare:before {
  content: "\e981";
}
.ai-figshare-square:before {
  content: "\e9e7";
}
.ai-google-scholar:before {
  content: "\e9d4";
}
.ai-google-scholar-square:before {
  content: "\e9f9";
}
.ai-hal:before {
  content: "\e92c";
}
.ai-hal-square:before {
  content: "\e92d";
}
.ai-hypothesis:before {
  content: "\e95a";
}
.ai-hypothesis-square:before {
  content: "\e95b";
}
.ai-ideas-repec:before {
  content: "\e9ed";
}
.ai-ideas-repec-square:before {
  content: "\e9f8";
}
.ai-ieee:before {
  content: "\e929";
}
.ai-ieee-square:before {
  content: "\e9b9";
}
.ai-impactstory:before {
  content: "\e9cf";
}
.ai-impactstory-square:before {
  content: "\e9aa";
}
.ai-inaturalist:before {
  content: "\e900";
}
.ai-inaturalist-square:before {
  content: "\e901";
}
.ai-inpn:before {
  content: "\e902";
}
.ai-inpn-square:before {
  content: "\e903";
}
.ai-inspire:before {
  content: "\e9e9";
}
.ai-inspire-square:before {
  content: "\e9fe";
}
.ai-isidore:before {
  content: "\e936";
}
.ai-isidore-square:before {
  content: "\e954";
}
.ai-isni:before {
  content: "\e957";
}
.ai-isni-square:before {
  content: "\e958";
}
.ai-jstor:before {
  content: "\e938";
}
.ai-jstor-square:before {
  content: "\e944";
}
.ai-lattes:before {
  content: "\e9b3";
}
.ai-lattes-square:before {
  content: "\e99c";
}
.ai-mathoverflow:before {
  content: "\e9f6";
}
.ai-mathoverflow-square:before {
  content: "\e97b";
}
.ai-mendeley:before {
  content: "\e9f0";
}
.ai-mendeley-square:before {
  content: "\e9f3";
}
.ai-moodle:before {
  content: "\e907";
}
.ai-moodle-square:before {
  content: "\e908";
}
.ai-mtmt:before {
  content: "\e950";
}
.ai-mtmt-square:before {
  content: "\e951";
}
.ai-nakala:before {
  content: "\e940";
}
.ai-nakala-square:before {
  content: "\e941";
}
.ai-obp:before {
  content: "\e92a";
}
.ai-obp-square:before {
  content: "\e92b";
}
.ai-open-access:before {
  content: "\e939";
}
.ai-open-access-square:before {
  content: "\e9f4";
}
.ai-open-data:before {
  content: "\e966";
}
.ai-open-data-square:before {
  content: "\e967";
}
.ai-open-materials:before {
  content: "\e968";
}
.ai-open-materials-square:before {
  content: "\e969";
}
.ai-openedition:before {
  content: "\e946";
}
.ai-openedition-square:before {
  content: "\e947";
}
.ai-orcid:before {
  content: "\e9d9";
}
.ai-orcid-square:before {
  content: "\e9c3";
}
.ai-osf:before {
  content: "\e9ef";
}
.ai-osf-square:before {
  content: "\e931";
}
.ai-overleaf:before {
  content: "\e914";
}
.ai-overleaf-square:before {
  content: "\e98d";
}
.ai-philpapers:before {
  content: "\e98a";
}
.ai-philpapers-square:before {
  content: "\e96f";
}
.ai-piazza:before {
  content: "\e99a";
}
.ai-piazza-square:before {
  content: "\e90c";
}
.ai-preregistered:before {
  content: "\e906";
}
.ai-preregistered-square:before {
  content: "\e96b";
}
.ai-protocols:before {
  content: "\e952";
}
.ai-protocols-square:before {
  content: "\e953";
}
.ai-psyarxiv:before {
  content: "\e90e";
}
.ai-psyarxiv-square:before {
  content: "\e90f";
}
.ai-publons:before {
  content: "\e937";
}
.ai-publons-square:before {
  content: "\e94e";
}
.ai-pubmed:before {
  content: "\e99f";
}
.ai-pubmed-square:before {
  content: "\e97d";
}
.ai-pubpeer:before {
  content: "\e922";
}
.ai-pubpeer-square:before {
  content: "\e923";
}
.ai-researcherid:before {
  content: "\e91a";
}
.ai-researcherid-square:before {
  content: "\e95c";
}
.ai-researchgate:before {
  content: "\e95e";
}
.ai-researchgate-square:before {
  content: "\e99e";
}
.ai-ror:before {
  content: "\e948";
}
.ai-ror-square:before {
  content: "\e949";
}
.ai-sci-hub:before {
  content: "\e959";
}
.ai-sci-hub-square:before {
  content: "\e905";
}
.ai-scirate:before {
  content: "\e98e";
}
.ai-scirate-square:before {
  content: "\e99d";
}
.ai-scopus:before {
  content: "\e91e";
}
.ai-scopus-square:before {
  content: "\e91f";
}
.ai-semantic-scholar:before {
  content: "\e96e";
}
.ai-semantic-scholar-square:before {
  content: "\e96c";
}
.ai-springer:before {
  content: "\e928";
}
.ai-springer-square:before {
  content: "\e99b";
}
.ai-ssrn:before {
  content: "\e916";
}
.ai-ssrn-square:before {
  content: "\e917";
}
.ai-stackoverflow:before {
  content: "\e920";
}
.ai-stackoverflow-square:before {
  content: "\e921";
}
.ai-viaf:before {
  content: "\e933";
}
.ai-viaf-square:before {
  content: "\e934";
}
.ai-wiley:before {
  content: "\e926";
}
.ai-wiley-square:before {
  content: "\e927";
}
.ai-zenodo:before {
  content: "\e911";
}
.ai-zenodo-square:before {
  content: "\e904";
}
.ai-zotero:before {
  content: "\e962";
}
.ai-zotero-square:before {
  content: "\e932";
}
/*  Duplication of the FontAwesome style classes using 'ai' in place of 'fa'. */
.ai-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}
.ai-xs {
  font-size: .75em;
}
.ai-sm {
  font-size: .875em;
}

.ai-1x {
  font-size: 1em;
}
.ai-2x {
  font-size: 2em;
}
.ai-3x {
  font-size: 3em;
}
.ai-4x {
  font-size: 4em;
}
.ai-5x {
  font-size: 5em;
}
.ai-6x {
  font-size: 6em;
}
.ai-7x {
  font-size: 7em;
}
.ai-8x {
  font-size: 8em;
}
.ai-9x {
  font-size: 9em;
}
.ai-10x {
  font-size: 10em;
}

.ai-fw {
  text-align: center;
  width: 1.25em;
}

.ai-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.ai-ul > li {
    position: relative;
}
.ai-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.ai-border {
border: solid 0.08em #eee;
border-radius: .1em;
  padding: .2em .25em .15em;
}

.ai-pull-left {
  float: left;
}
.ai-pull-right {
  float: right;
}
.ai.ai-pull-left {
  margin-right: .3em;
}
.ai.ai-pull-right {
  margin-right: .3em;
}

.ai-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.ai-stack-1x,
.ai-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.ai-stack-1x {
  line-height: inherit;
}
.ai-stack-2x {
  font-size: 2em;
}
.ai-inverse {
  color: #fff;
}


/* From http://projects.lukehaas.me/css-loaders/ */
.loader {
    width: 8em;
    height: 8em;
    margin-left: calc(50% - 4em);
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    border: 1.1em solid #eee;
    border-left: 1.1em solid #999;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinner 1.1s infinite linear;
    animation: spinner 1.1s infinite linear;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*
    --- material floating label ---

    http://blog.bootswatch.com/post/110161099627/material-design-in-bootstrap-with-paper
*/

.form-group.floating {
    display: flex;
    height: 55px;
}

.form-group.floating span.has-error {
    position: absolute;
    top: 52px;
}

.form-group.floating label {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.4;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
}

.form-group.floating.focused label {
    opacity: 1;
    transform: scale(0.75);
}

.form-control.floating {
    align-self: flex-end;
}

.form-control.floating::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.form-control.floating:focus::-webkit-input-placeholder {
    transition: none;
}

.form-group.floating.focused .form-control-float::-webkit-input-placeholder {
    color: #bbb;
}
.modal input.hasDatepicker {
    position: relative;
    z-index: inherit;
}

.modal-content.error-popup {
    width: calc(80vw);
    max-width: 835px;
}

.modal-content>.panel {
    margin: 7px;
}

.modal-content>.panel>.panel-footer {
    text-align: right;
}

.modal-content>.panel>.panel-heading .pull-right button {
    margin-right: 10px;
}

.project-chooser.modal-dialog {
    width: 90%;
}

.project-chooser .panel-heading.row {
    margin: 0
}

.project-chooser .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: scroll
}


.modal-content.error-popup .error-html {
    height: calc(60vh);
    max-height: 600px;
    width: calc(75vw);
    max-width: 800px;
    overflow: scroll;
}

.settings .tab-content {
    overflow-y: scroll; 
    overflow-x: hidden; 
    max-height: calc(100vh - 250px);
}

@media print {

    body,
    body.modal-open .detail-area.panel {
        visibility: hidden !important;
    }

    .panel.detail-area {
        visibility: visible;
    }

    .modal.in {
        visibility: visible !important;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible !important;
    }

    .no-print,
    span.has-error,
    button {
        display: none;
    }

    .col-print-1,
    .col-print-2,
    .col-print-3,
    .col-print-4,
    .col-print-5,
    .col-print-6,
    .col-print-7,
    .col-print-8,
    .col-print-9,
    .col-print-10,
    .col-print-11,
    .col-print-12 {
        float: left;
    }

    .col-print-12 {
        width: 100%;
    }

    .col-print-11 {
        width: 91.66666667%;
    }

    .col-print-10 {
        width: 83.33333333%;
    }

    .col-print-9 {
        width: 75%;
    }

    .col-print-8 {
        width: 66.66666667%;
    }

    .col-print-7 {
        width: 58.33333333%;
    }

    .col-print-6 {
        width: 50%;
    }

    .col-print-5 {
        width: 41.66666667%;
    }

    .col-print-4 {
        width: 33.33333333%;
    }

    .col-print-3 {
        width: 25%;
    }

    .col-print-2 {
        width: 16.66666667%;
    }

    .col-print-1 {
        width: 8.33333333%;
    }
}

@media screen {
    .only-print {
        display: none;
    }

}

/* Initially hide html, until all is loaded */
.hide {
    display: none;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.test-marker h4 {
    color: red;
    margin: 0px;
}

.qq-uploader:before {
    /*content: attr(qq-drop-area-text) " ";*/
    /* font-family: FontAwesome, 'Open Sans', Arial; */
    content: attr(qq-drop-area-text);
    font-size: 150%;
    /* position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 45%;
    opacity: 0.25; */
}


label.placeholder {
    width: 100%;
    margin-bottom: 30px;
}

/*
    Richtext fields may be mandatory, too, and should validation errors shall be styled the same way
    all fields are styled.
 */
.has-error .note-editor.note-frame {
    border-color: #e51c23;
}

/*
    Errors in tables should be marked, too.
*/
td>span.has-error {
    color: #e51c23;
}

.dropdown-header {
    color: #666666;
}

/*
    The select2 bootstap theme uses another font-size than input fields, for whatever reason.
    We'd like to make drop down fields the same size as input fields.
*/
.form-control-static,
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    font-size: 16px;
}

.select2-container--bootstrap .select2-selection--single {
    height: 36px;
    line-height: 1.5;
    padding: 7px 24px 7px 12px;
}

/*
    The hidden accessible fields of select 2 cause whitespace to appear outside the html body.
    Might have to look into this, setting height to 0 might break screen readers, 
    but I doubt they would work anyway.
 */
.table .select2-hidden-accessible {
    height: 0px !important;
}

input.hasDatepicker {
    position: relative;
    z-index: inherit;
}

.panel-footer .btn-toolbar {
    height: 34px;
}

/*
 * FIXME Not totally sure yet why this is needed, but there were
 * problems of date pickers behind selects without this.
 */
.input-group .form-control,
.input-group>.select2-container--bootstrap,
.input-group-btn .btn {
    z-index: inherit !important;
}
.recipe-group h5 {
    font-size: 16px;
}

.recipe-group h5 {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 0;
}

.recipe-group .panel-heading {
    padding: 0 0 0 6px;
}

.recipe-group .panel-body {
    padding: 2px 0 2px 6px;
    height: auto;
}

.recipe-group .panel-footer {
    padding: 2px 2px 2px 6px;
}

/*
    Special styling for for recipe grid. This shall be displayed very dense, without much padding,
    and it has to look the same in readonly and editable mode, except for the backgroud color.
*/
.recipe-table {
    margin-bottom: 0
}

.recipe-table>thead>tr>th,
.recipe-table>tbody>tr>th,
.recipe-table>tfoot>tr>th {
    padding: 1px 5px;
}

.recipe-table>thead>tr>td,
.recipe-table>tbody>tr>td,
.recipe-table>tfoot>tr>td {
    padding: 0px;
}

.recipe-table>tbody>tr>td>input.form-control {
    padding: 1px 5px;
}

.recipe-table>tbody>tr>td[rowspan='2']>input.form-control,
.recipe-table>tbody>tr>td[rowspan='2']>.btn-group {
    margin-top: 14px;
    margin-bottom: 12px;
}

.recipe-table .btn-xs {
    padding: 4px 4px;
    font-size: 7px;
    line-height: 1;
    border-radius: 1px;
    margin-top: 0px;
    margin-left: 8px;
}

.recipe-table .btn-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 46px;
}

.recipe-table .btn-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.recipe-table .select2-container--bootstrap .select2-selection--single,
.recipe-table input,
.recipe-table p.form-control-static {
    height: 28px;
    font-size: 16px;
    min-height: 28px;
    padding: 3px 12px 3px 12px;
}

.recipe-table .select2-container--bootstrap .select2-selection--multiple {
    /*     height: 25px; */
    min-height: 28px;
    padding: 2px 3px;
}

.recipe-table .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    min-height: 18px;
    height: 18px;
    font-size: 13px;
}


.recipe-table .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    padding: 0px 2px;
    height: 20px;
}

/*
    No specific color for inputs: They shall just use the color defined by the table
*/
table.recipe-table input,
table.recipe-table .select2-container--bootstrap .select2-selection--single,
table.recipe-table .select2-container--bootstrap .select2-selection--multiple,
table.recipe-table .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    background-color: transparent !important;
}

.recipe.editable .recipe-table>tbody>tr>td>input[disabled].form-control,
.recipe.editable .recipe-table>tbody>tr>td>input[disabled].form-control {
    background: linear-gradient(rgba(200, 200, 200, 0.4), rgba(200, 200, 200, 0.4));
}

/*
    Styling used for recipe grids, if too big, we do not want to squeeze everything inside.
 */
.table-scrolling {
    width: 100%;
    max-height: 600px;
    margin-bottom: 15px;
    overflow-y: auto;
    /* -ms-overflow-style: -ms-autohiding-scrollbar; */
    border: 1px solid #ddd;
    min-height: .01%;
    overflow-x: auto;
}

.table-scrolling>.table {
    margin-bottom: 0;
}

.table-scrolling>.table>thead>tr>th,
.table-scrolling>.table>tbody>tr>th,
.table-scrolling>.table>tfoot>tr>th,
.table-scrolling>.table>thead>tr>td,
.table-scrolling>.table>tbody>tr>td,
.table-scrolling>.table>tfoot>tr>td {
    white-space: nowrap;
}

/*
    The hidden accessible fields of select 2 cause whitespace to appear outside the html body.
    Might have to look into this, setting height to 0 might break screen readers, 
    but I doubt they would work anyway.
 */
.table-scrolling .select2-hidden-accessible {
    height: 0px !important;
}

/*
   Tree styling
 */

.tree {
    margin-left: 5px;
}

 /* No left padding for the the tree itself, i.e. the root node */
 .tree > ul {
    padding: 0px;
}
/* All other nodes shall be indented from their parent.*/
.tree-node > ul {
    padding-left: 15px;
}


li.tree-node {
    list-style-type:none;
    margin:0;
    padding:10px 0 0 5px;
    position:relative
}
li.tree-node::before, li.tree-node::after {
    content:'';
    left:-10px;
    position:absolute;
    right:auto
}
li.tree-node::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
li.tree-node::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:12px
}
li.tree-node i {
    padding:8px;
}

li.tree-node button {
    display:inline-block;
    padding:3px 0px;
    text-decoration:none;
    color:#666666;
    cursor:pointer;
    background-color: white;
    border: none;
}

li.tree-node button.node-name {
    padding:3px 8px;
}


li.tree-node.active > .btn-group button.node-name
 {
    color:#FFFFFF;
    background-color: #0c84e4;
    cursor:pointer
}

li.tree-node.unsaved > .btn-group button.node-name {
    font-weight: bold;
}

li.tree-node.pending > .btn-group button.node-name:before {
    content: "* ";
}

li.tree-node:last-child::before {
    height:25px;
}

/* Do not draw a border when a node is focused and the context menu is shown */
li.tree-node button:focus,
li.tree-node button.dropdown-toggle {
    outline: none;
    box-shadow: none !important;
}

/*
    Dividers in the context menu had 0 width (i.e. invisible)
 */
.tree-node .dropdown-menu .divider {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.material-popup {
    width: 620px;
}

.element-panel {
    height: 320px;
}

.element-panel button.reset-button {
    left: 210px; 
    top:30px;
    width: 50px
}

.element-panel .btn-group {
    margin-left: 10px;
}

.element-panel .btn-group .btn-element {
    position: absolute;
    width: 25px;
    border-radius: 50% !important;
    text-transform: none;
}

.materials-panel {
    height: 290px; 
    overflow-y: auto;
}

.materials-panel button {
    margin: 4px; 
    text-transform: none;
}

html,
body {
    height: 100%;
    margin: 0;
}

.tree-area .test-marker {
    position: absolute;
    top: 45px;
    left: 20px;
    height: 33px;
    width: 400px;
}

.project-chooser .test-marker {
    position: absolute;
    top: 58px;
    left: 35px;
    height: 33px;
    width: 400px;
}

.project-chooser .nav>li>a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.project-chooser .panel-heading>.row {
    padding-top: 4px;
    padding-bottom: 4px;
}

.project-chooser .panel-heading img.logo,
.modal .panel-heading img.logo {
    position: absolute;
    right: 80px;
    top: 10px;
    height: 50px;
}

.detail-area>img {
    position: absolute;
    right: 40px;
    top: 10px;
    height: 50px;
}

.tree-area {
    margin: 0px;
    padding: 0px;
}

.tree-area .panel-heading {
    height: 48px;
    margin-left: 15px;
}

.tree-area .panel-heading button {
    padding: 5px 15px;
}

.tree-area .panel-body {
    height: calc(100vh - 48px - 2px);
    overflow-y: auto;
    margin: 0 0 0 5px;
}

.detail-area {
    margin: 0px;
}

.detail-area.panel>div>.panel-heading {
    height: 48px;
}

.detail-area.panel>div>.panel-heading .nav>li>a,
.modal-header .nav>li>a,
.modal-header button {
    padding: 5px 15px;
}

.detail-area.panel>div>.panel-body {
    overflow-y: auto;
    margin: 0px;
    height: calc(100vh - 48px - 40px - 3px);
    width: 100%;
}

.detail-area.panel>div>.panel-body>.tab-pane {
    max-width: 1280px;
}

.detail-area.panel>div>.panel-footer {
    height: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.detail-area.panel>div>.panel-footer .btn-group-sm {
    margin-top: 6px;
}

/*
    Style all readonly fields like the native styling of select2 drop downs in readonly mode.
*/
p.form-control-static[readonly],
.form-control[readonly],
.form-control[disabled] {
    background-color: #eeeeee;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/*
    In readonly mode, we display the HTML content of summernote richtext areas in a <p readonly class="form-control-static">.
    This styling assures it is displayed like readonly inputs.
*/
div.form-group p.form-control-static[readonly] {
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 -1px 0 #dddddd;
    box-shadow: inset 0 -1px 0 #dddddd;
    font-size: 16px;
}

.shipping-table .sample-desc td {
    border-style: none;
    padding-top: 0px;
}

td li.error-message {
    white-space: normal;
}

.reportTable .even,
.reportTable .even {
   background-color: #f5f5dc
}

.reportTable .odd,
.reportTable .odd {
    background-color: #ffe4c4
}

.reportTable td.max40 {
    max-width: 40ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipse;
}

.reportTable td,
.reportTable th {
    overflow: hidden;
    text-overflow: ellipsis;
}

.reportTable {
    overflow-y: scroll;
    overflow-x: auto;
    max-height: calc(100vh - 170px);
    min-width: 100%;
}

.reportTable .panel-body {
    padding-top: 5px;
    padding-bottom: 0px;
}


.reportTable .panel-heading.row {
    margin:0;
}

.reportTable .panel-heading.row .form-group {
    padding: 5px 0 0 0;
}

.reportTable .panel input {
    height: 30px;
}

.reportTable .panel .form-check-input ,
.reportTable .panel .form-check {
    height: 23px;
}

.reportTable .panel label {
    margin: 0;
}

.reportTable .panel .form-group {
    margin-bottom: 5px;
}

.reportTable .panel .select2-container--bootstrap .select2-selection--single {
    height: 30px;
    padding: 3px 24px 3px 12px;
}

.reportTable .btn-separator {
    margin: 10px;
}

.reportTable .btn-group {
    display: flex;
}
body,
output,
.form-control,
.input-group-addon,
li.tree-node button,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.has-warning .input-group-addon,
.has-error .input-group-addon,
.has-success .input-group-addon,
.dropdown-menu>li>a,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #222222;
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map */

/*# sourceMappingURL=data.b7159129.css.map*/