.canvas {font-size:80%}

/* Navbar */
.navbar-brand {color: darkgrey!important;
  margin-left: 1ch;
}

.navbar-brand{background: -webkit-linear-gradient(#eee, #888);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.well {
    margin-top: .7rem;
    margin-bottom: .5rem;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    background-color: #f5f5f5;
    border: 0px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    font-size: 80%;
}

nav .well a {color: #3486ff!important;}

nav .nav-link.disabled {color: rgba(108, 117, 125, 0.92);
}

.nav-link {
  color: #3486ff;
  border-radius: 5px!important;
}

.nav-link:hover {
}


/* saved states */

h3, h4 {color: rgba(108, 117, 125, 0.64)} /*#6c757d}*/

#viewSelectionArea {display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 1ch;
  padding-right: 1ch;
  border-bottom:1px solid #f8f9fa;
  font-size: 0.9em;
}

#newViewForm {display: inline-block;
width: max-content;}

.viewLink {display: inline-block;
width: max-content;}

#newStateName {width: 25ch!important;
  padding: 3px;
  height: 1.5em;
}

#newStateSave {padding-bottom: 3px; padding-top: 3px; padding-left: 3px;}

#newStateName:placeholder-shown + button {
  color: grey;
  pointer-events: none;
}

.editMode .viewSelectionEdit {display: inline;}
.viewSelectionEdit {display: none;}
.editMode #editViewsToggleLabel {color: #212529!important;}
.editMode .viewLink a {display: none;}
.updateViewButton {padding-left: 0;}
.updateViewButton:hover:before {content: "overwrite: ";}
.confirmSave:hover:before {content: "saved: "!important;}

.viewLink {padding-right: 1em;}

.deleteViewButton {padding-left: 0em;
  padding-right: 0em;
}


.orderForm input {border-top: 0;
  border-left: 0;
  border-right: 0;
  /*border-bottom: 3px solid;*/
}

/* Mark elments that spartan is updating */
 .spartanUpdating {filter: blur(3px);}

/*minor tweaks */
input:invalid {
  border: 1px solid red;
}

a {text-decoration: none;}

/* order submitted ok */
@keyframes fadeInOut {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

.checkmark {
  visibility: hidden;
}

/* Datatables stuff*/
/* cancel button override */
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

#excelDownloadForm {text-align: center;
  bottom:0px;
}

.excelDownloadForm {text-align: center;
  bottom:0px;
}

form[name="excelDownloadForm"] {text-align: center;
  bottom:0px;
}


.ellipsis {margin-left: 1em;}

.selected {background-color: #6c757d!important;
  color: white;} /*#b4babe*/
.current {color: #6c757d;}

.even {}


.brandingLogo {height: 1.5em;
  padding-left: 1em;
}

.helpBox{
  font-size: 0.8rem;
  background-color: white!important;
  border: 0px;
  color: #6c757d!important;
}

.helpBox table{
  font-size: 0.8rem;
  background-color: white!important;
  border: 0px;
  color: #6c757d!important;
}


/* generated html tables*/
htmlTableSerial {background-color: green;
  border: 3px solid black;
}
.num {text-align: right}
.date {text-align: center}

/* Datatables */
/*table.dataTable table { border-collapse: separate; }*/
table.dataTable  td:first-child { border-top-left-radius: 4px; }
table.dataTable  td:last-child { border-top-right-radius: 4px; }
table.dataTable  td:first-child { border-bottom-left-radius: 4px; }
table.dataTable  td:last-child { border-bottom-right-radius: 4px; }
/**/
table.dataTable th input {width: 100%;
height: 1.5em;
}
table.dataTable th select {width: 100%;}

.dt_nofilters {border-bottom: 1px solid rgba(108, 117, 125, 0.27)}

/*
table.dataTable thead tr:nth-child(2) {border-bottom: 1px solid black;
  border-top: 1px solid black;
}
*/

.dataTable td, .dataTable tr:first-child  th { padding-left: 0.5em!important;
                padding-right: 0.5em!important;
}


 .dataTable tr:nth-child(2) th input {
                vertical-align: bottom;
}

.paginate_button:not(.current) {color: rgba(13, 110, 252, 0.61) /*#0d6efd*/;}
.paginate_button:hover:not(.current) {color: #0d6efd /*#0a58ca*/;}


table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  color: rgba(13, 110, 252, 0.61) /*#0d6efd*/;
}

table.dataTable thead .sorting:hover, table.dataTable thead .sorting_asc:hover, table.dataTable thead .sorting_desc:hover{
  color: #0d6efd /*#0a58ca*/;
}


table.dataTable thead .sorting_desc::before {
  content: "\\";
  color: #6c757d;
}

table.dataTable thead .sorting_asc::before {
  content: "/";
  color: #6c757d;
}

table.dataTable:not(.sp-dt-nonSelectable) tbody tr {cursor: pointer;}
table.dataTable:not(.sp-dt-nonSelectable)  tbody tr:hover {background-color: #e6f0fe;}
table.dataTable td { padding-bottom: 0.3em;}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

/*
table.dataTable thead input {
  border-color: #6c757d;
}
*/

::-webkit-datetime-edit-text {color: #6c757d;}

.dataTables_paginate {width: 100%;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

.paginate_button {margin-left: 1em;
  cursor: pointer;
  text-decoration: none;
}

table.dataTable tfoot {border-top: 3px solid #6c757d}
table.dataTable tfoot tr td {font-weight: bold;}

.dataTables_empty {color: #6c757d;}