* {
  box-sizing: border-box;
}
.layout > * {
  border:solid chartreuse thin;
}
.ib {
  display:inline-block;
}

.ibr {
  float:right;
}

.ibl {
  float:left;
}
.page_size{
  height:13.5in;
}
.heavy_margin{
  margin: 0px 96px;
}
.w3-container{
    overflow: hidden;
    min-width: 100%;
}
.dev_border{
  border:solid chartreuse;
  border-top-style:none;
  border-bottom-style:none;
  position:fixed;
  top:0;
  left:0;
  min-width:100%;
  min-height:100%;
  z-index: 1000;

}
.dev_bord{
  border:solid thin magenta;
}
.bold{
  font-weight: bold;
}
.yes_val_border {
  border:solid thin chartreuse;
  border-radius: 2px;
  padding:0 5px;
}
.no_val_border {
  border:solid thin red;
  border-radius: 2px;
  padding:0 5px;
}
.bored{
  border-bottom:solid thin;
}
.bored-right{
    border-right: solid thin;
}
.matId, .secId, .matId > *, .secId > * {
  cursor:pointer;
  color:var(--clr-takeoff_font);
}
.court_button_ours{
  text-align: center;
  float:left;
  border-radius:.5em;
  background:darkorange;
  color:black;
  width:100px;
}
.court_button_theirs{
  text-align: center;
  float:right;
  border-radius:.5em;
  background:green;
  color:snow;
  width:100px;
}

.cross_cell {
  min-width:100px;
  max-width:100px;
}
.cross_cell_50{
  min-width:50px;
  max-width:50px;
}
.cross_rowHead {
  background:none;
  position:relative;
  /* top:3em; */
}
.t_bottom{
  display: table-row;
  border-bottom:solid thin gray;
}

.matId.selected, .secId.selected, .matId.selected > *, .secId.selected > * {
  color:var(--clr-takeoff_selected);
  font-weight: bold;
}

.takeoff_selected {
  color:var(--clr-takeoff_selected);
  font-weight:bold;
}

.deprecated {
  background-color:indianred;
}

.is_clocked_position {
  float:right;
  border: solid green;
  border-radius: .5em;
  margin:.25em;
}

.clocked_color {
  background:rgba(0,255,0, .1)
}

#copiedDiv {
  position:fixed;
  background:var(--clr-gmi-deep-red-psyco-snowflake-killer);
  border-radius:10px;
  display:none;
  z-index:99;
  left:50%;
  bottom:0;
  transform:translate(-50%,-50%);
  max-width:100%;
  padding:3px 8px;
  text-align:center;
  overflow:hidden;
  color: Ivory;
}

.nfc-copy {
  position:fixed;
  left:5px;
  top:45px;
}

.gmibkgrnd {
  margin-top:5em;
  background-color: var(--clr-gmi-bknd);
}

.gmibkgrnd-clr {
  background-color: var(--clr-gmi-bknd);
}

.oppo_bknd {
  background-color: var(--oppo_bknd);
}

.no-bknd {
  background-color:rgba(0,0,0,0);
}

.notepad {
  background-image: url('/static/img/textures/notebook.png');
}

.gmi-hover-accent:hover {
  background-color: var(--hover-accent);
}

.gmi-hover-opac:hover {
  opacity:85%;
}

.hover-under:hover {
  text-decoration: underline;
}

.gmi-accent {
  background-color: var(--gmi-accent);
}

.in_play{
    background-color: var(--alt-seagreen);
}

.hide-overflow {
  overflow:hidden;
}

.hover-highlightdull:hover {
  background-color: var(--highlight-dull);
}
.hover-green:hover {
  color:green;
}
.hover-red:hover {
  color:red;
}

.hover-b-white:hover {
    background-color: var(--hover-b-what);
}
.printonly {
  display:none;
}
.overhide {
  overflow:hidden;
}
.overscroll {
  overflow:hidden;
  overflow:scroll;
  -ms-overflow-style: none;
  scrollbar-width:none
}
.overscroll:hover {
    -ms-overflow-style: scrollbar;
    scrollbar-width:auto;
}
.nobar {
    -ms-overflow-style: none;
    scrollbar-width:none;
}
/* MS Edge Scrollbars */
::-ms-scrollbar {
    scrollbar-color: var(--clr-gmi-bknd);
    scrollbar-width: 3px;
}

.overauto {
  overflow:auto;
}


@media print {
  html {
    overflow:hidden;
}
  .gmibkgrnd {
    background-color: none; /* light & dark */
    margin:0;
  }

  .noprint {
    display:none;
  }

  .printonly {
    display:initial;
  }
}

.icon-border {
  position: relative;
  float:left;
  margin: 4px;
  text-align: center;
  width:6em;
  height: 6em;
  border-style: solid;
  border-radius: .7em;
  border-color: inherit; /* light & dark */
  font-weight: bold;
  overflow: hidden;
}

.signature-line {
    width: 100%;
    border-bottom:solid thin black;
    height:4em;
}
.buttspace {
  margin-bottom:1em;
}

.bootyspace {
    margin-bottom: 2em;
}

.h1size {
  font-size: 2em;
  margin-bottom: 1em;
}

.h2size {
  font-size: 1.5em;
  margin-bottom: 1em;
}

.h3size {
  font-size: 1.17em;
  margin-bottom: 1em;
}

.h4size {
  font-size: 1em;
  margin-bottom: .5em;
}

.h5size {
  font-size: .83em;
  margin-bottom: .5em;
}

.h6size {
  font-size: .67em;
  margin-bottom: .5em;
}

.georgiafont {
  font-family: Georgia,Times,Times New Roman, serif;
}

.doublesizeme {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

.ghostly {
    opacity:60%;
}
.icon-border:hover {
  opacity: .6;
}

.icon-title {
  position: absolute;
  text-align: center;
  width:100%;
  bottom:-26%;
  font-size: .9em;
  line-height: 4.7em;
}

.icon-image {
  width: 50%;
  color:inherit; /* light & dark */
  text-align: center;
  vertical-align: middle;
}

.icon-image:hover {
  background-color: none; /* light & dark */
}

.material-icons {
  vertical-align: middle;
  cursor:pointer;
}

.material-icons.bordered {
  border-style: solid;
  border-radius: .2em;
  border-color: inherit; /* light & dark */
  font-weight: bold;
}

/* .material-icons:hover {} */

.boring-border {
  border:solid thin grey;
}

.bord_tb{
  border-left:none;
  border-right:none;
}

.bord_ll{
  border-top:none;
  border-right:none;
}

.bord_ul{
  border-bottom:none;
  border-right:none;
}

.items_divider_opaq{
    border-bottom:solid thin rgba(60,60,60,.5);
}
.exp-object-wrapper {
  position:relative;
  background-color:grey;
}

.exp-object-icon {
  position:absolute;
  right:0;
  top:0;
  font-size: 2em;
  background:darkgrey;
}

.icon-shadow {
  text-shadow: 1px 1px rgba(0,0,0, .5);
}

.axeline {
  background-color:var(--axeline);
  margin:2px 0px;
}

.axeline:hover {
  background-color:var(--axeline-hover);
}

.mi-hr {
  /* material icons - htag right */
  float:right;
  font-size:1em;
}

a:hover {
  text-decoration:none;
}

a:hover.plain {
  color: inherit; /* light & dark */
}

.catSearch {
  cursor: pointer;
}

.catSearch:hover {
  opacity:.9;
}

.toolTip {
  position:relative;
  color:var(--tooltip-clr);
  cursor:context-menu;
}

.ttContent {
  background-color:cadetblue;
  margin:auto;
  padding:0 5px;
  z-index:99;
  position:absolute;
  bottom:1.5em;
  left:0;
  border:thin darkcyan solid;
  border-radius:.2em;
  white-space:nowrap;
  color:white;
  height:1.5em;
  display:none;
  font-size:1em;
}

.hover-text {
  position: relative;
}

.hover-text:before {
  content: attr(data-hover);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 1;
  white-space: nowrap;
  background-color: darkgray;
  color: black;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
  left: 0;
  bottom: calc(75% + 1em);
  width: auto;
  transition: opacity 0.4s ease;
}

.hover-text:hover:before {
  opacity: 1;
  visibility: visible;
}

.step-links {
  text-align: center;
}

.formrpad {
  padding-right: 10px;
}

.li_divider {
  border-bottom:dotted;
  border-width:thin;
  border-color: #dedcdb; /* light & dark */
  margin-bottom:.5em;
}

.mr5 {
  margin-right:5px;
}

.mr10 {
  margin-right:10px;
}

.mr20 {
  margin-right:20px;
}

.mr30 {
  margin-right:30px;
}

.mr40 {
  margin-right:40px;
}

.mr50 {
  margin-right:50px;
}

.empimg {
  /* max-width: 100%; */
  height:9em;
}

.emp-badge-name-color {
  color:var(--emp-badge-name-color);
}

.emp_badge_title {
  /* color:var(--emp-badge-color); */
  /* background-color:var(--emp-badge-title); */
  border-top-left-radius: .7em;
  border-top-right-radius: .7em;
  /* border-style: var(--emp-badge-title); */
}

.emp_badge {
  position:relative;
  max-width: 160px;
  min-width: 120px;
  background-color:var(--emp-badge-bknd);
  text-align: center;
  margin:.5em;
  border-style:solid;
  border-radius:1em;
  color: inherit;
  border-color: var(--emp-badge-title);
  color:var(--emp-badge-name-color);
}

a .emp_badge {
  text-decoration: none;
  display: block;
  height:inherit;

}
p.legal {
  text-align:justify;
}
.w3-black * {
  color: #ffffff;
}

.good_img_container {
  align-items: center;
  overflow:hidden;
}

.goodimg {
  max-height:100%;
  max-width:100%;
}

.good_action_img {
  max-height:14em;
  max-width:14em;
  padding:0 1em;
}

@media only screen and (min-width: 700px) {
  .good_img_container {
    width:16em;
    height:12em;
  }
}

@media only screen and (max-width: 700px) {
  .good_img_container {
    width:14em;
    height:10em;
  }
}

@media only screen and (max-width: 500px) {
  .good_img_container {
    width:12em;
    height:8em;
  }
}

@media print {
  header {
    visibility: hidden;
  }

  footer {
    visibility: hidden;
  }
}

footer {
  padding:3px;
}
table {
  border-collapse: collapse;
}

td {
  padding: .1em .4em .1em .4em;
}

th {
  text-align:center;
  font-weight:normal;
  background-color: rgba(194,192,191, .4);/* light & dark */
}

table.centipad tr th {
  text-align:center;
  /* align:justify; */
  padding: .1em .4em .1em .4em;
}

table.stacked {
  margin-bottom: 2em;
}

table.centipad.allcells td {
  text-align: center;
}

table.centipad.tal td {
  text-align: left;
}

td.move-over {
  padding-right: 3em;
}

tr.legroom > * {
    margin-right:2em;
}

tr.head-left > th {
  text-align: left;
  padding-left: 5px;
}

tbody.alt-grey tr:nth-child(even) {
  background-color: var(--alt-grey);
}

tbody.alt-seagreen tr:nth-child(even):not(.cpTrContent) {
  background-color: var(--alt-seagreen);
}

tbody.alt-dull tr:nth-child(even) {
  background-color: var(--alt-dull);
}

tr:not(:last-child).bb-solid {
  border-bottom:solid;
  border-width: thin;
  width:100%;
}

.bb-dashed-childs > *{
  border-bottom:dotted thin;
}
.bb-solid-childs > * {
  border-bottom:solid thin;
}
.bb-dotted > * {
  border-bottom:dotted thin;
}
.childs-pr-10 > * {
  padding-right:10px;
}
.childs-m-10 > * {
    margin:10px;
}
tr.bored-head > th {
  border:solid thin;
}
tr.deadrow > td {
    opacity:50%;
}
form {
  font-size: .8em;
}
[contextQuote] {
    font-style: italic;
    color: rgb(150, 97, 0)
}
h2 {
  margin: 0;
}

div.inblock {
  display: inline-block;
}

svg .img_invert_dm {
  fill: var(--img_invert_clr);
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.todo, .todo > * {
  font-size: .95em;
  font-weight: bold;
  color: var(--clr-gmi-todo);
}

.rmvclr {
  cursor:help;
}

.rmvclr:hover {
  color: var(--main-font-color);
}

.clr_neg {
    color:var(--clr-negative);
}
.loginbox {
  float: right;
  color: black; /* light & dark */
  z-index:1;
  position: relative;
  top: 0px;
  font-size:50%;
  padding: 10px;
}

.headleft {
  width:75%;
  height: 50px;
  float:left;
  z-index: 1;
}

.headright {
  width:25%;
  height: 50px;
  top: 0px;
  float:left;
  z-index: 1;
}

/* The sidebar menu */
.sidenavscroll {
  height: 100%;
  width: 20em;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
  text-decoration: none;
  font-weight:bold;
  font-size: 20px;
  color: gray;
  display: block;
  font-size:90%;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: darkgray;
}

/*        RESPONSIVE IMAGE GALLERY   (footer&othermanybe)           */

div.gallery {
  display: table;
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
  display: table;
}

div.desc {
  padding: 15px;
  text-align: center;
}

ul.tightpad {
  padding-left:1em;
}

ul li {
  word-wrap: break-word;
}

ul.tight {
  padding:0;
  list-style: none;
  word-wrap: break-word;
}

ul.naked {
  list-style: none;
}

.detail-border {
  border-style:double;
  border-color: black;
  padding: .2em;
  margin: .5em;
}

.border-solid {
  border-style:ridge;
  border-color: rgba(0,0,0, .2);
  padding: .2em;
  margin: .5em;
}

.breakwrap{
  word-wrap: break-word;
}

.responsive {
  padding: 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (min-width: 700px) {
  /* .responsive {} */

  .button1 {
    font-size: 1em;
    height: 6em;
    width: 6em;
    padding: 4px;
    border-radius: .6em;
  }
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.pageinright {
  position: relative;
  animation: pmover 0.5s 1;
  animation-direction:reverse;
}

#div1 {
  animation-timing-function:ease;
}
#cartTab {
    display:none;
    z-index:99;
    position:fixed;
    bottom:0;
    right:0;
    height:2em;
    width:150px;
    background-color:orange;
    border-top-left-radius:8px;
    text-align: center;
    padding:5px;
    cursor: pointer;
    border-color:silver;
    border-width: thin;
    border-style: solid;
}
#cartModal {
    padding:2em;
    z-index: 100;
    display:none;
    position:fixed;
    height:100vh;
    top:0;
    left:0;
    background-color:var(--modal-cont-bknd);
    min-width: 100%;
}

@keyframes pmover {
  from {
    right: 0px;
  }

  to {
    right: 600px;
  }
}

.pageinleft {
  position: relative;
  animation: pmove 0.5s 1;
  animation-direction: alternate;
}

#div1 {
  animation-timing-function:ease;
}

@keyframes pmove {
  0% {
    left: 100%;
  }

  50% {
    left: 0px;
  }

  80% {
    left: 5%;
  }

  100% {
    left: 0px;
  }
}

.pageinleftslow {
  position: relative;
  animation: pmovesw 1s 1;
  animation-direction: alternate;
}

.pageinrightslow {
  position:relative;
  animation: pmoveswr 1s 1;
  animation-direction:alternate-reverse;
}

#div1 {
  animation-timing-function:ease;
}

@keyframes pmovesw {
  0% {
    left: 100%;
  }

  100% {
    left: 0px;
  }
}

@keyframes pmoveswr {
  from {
    right: 0%;
  }

  to {
    right: 50%;
  }
}

.pageintop {
  position: relative;
  animation: pmovet 0.75s 1;
  animation-direction:normal;
}

#loadingNotif {
  position: fixed;
  width: 200px;
  top: 40px;
  display: none;
}

.loadinganimation {
  animation: backandforth 2s infinite;
}

@keyframes backandforth {
  0% {
    left: -200px;
  }

  15% {
    left: 20px;
  }

  100% {
    left: -200px;
  }
}

#loadBar {
  position: relative;
  width: 30px;
  display: none;
  border-radius: 0 0 2px 2px;
  transform: translateX(-100%);
}

#loadBarContainer {
  position: fixed;
  top: 40px;
  width: 100%;
}

.income_bar {
    background:rgba(0,128,0,.7);
    padding:3px;
    min-width:3em;
}
.effort_bar {
    background:rgba(0,0,255,.7);
    padding:3px;
    min-width:3em;
}
.invoiced_bar {
    background:rgba(205, 72, 6, 0.7);
    padding: 3px;
    min-width: 3em;
}
.chart_title {
    position:absolute;
    margin:3px;
}
.datadump {
  animation: datadump 2s infinite;
}

@keyframes datadump {
  0% {
    right: 0%;
    height: 1px;
  }

  50% {
    right: -100%;
    height: 20px;
  }

  100% {
    right: -100%;
    height: 0px;
  }
}

#div1 {
  animation-timing-function:ease;
}

@keyframes pmovet {
  0% {top: -200px;}
  50% {top: 15px;}
  75% {top: -15px;}
  100% {top: 0px;}
}

#linkline {
  top:0;
  position: fixed;
  height:36px;
}

.navbar {
  overflow: hidden;
  float:none;
  background-color: rgba(105,105,105, .5); /* light & dark */
  width: 100%;
  text-align: center;
  padding: 0 10px 0 10px;
  z-index: 10;
  color: white; /* light & dark */
  opacity:.98;
  font-size: 1.2em;
  vertical-align: middle;
  line-height: 36px;
}

.navbartop {
  position: fixed;
  top:0;
  height:34px;

}

.dotdotdot {
  top:0;
  right:0;
  position:fixed;
  height:36px;
  width:200px;
  z-index:99;
  text-align: center;
  font-size: .7em;
  vertical-align: middle;
}

.dotdotdot > i {
  color:ivory; /* light & dark */
  cursor: pointer;
}

.dotdotdot > * {
  margin: 0 5px 0 5px;
}

[name="global-punchButt"] > i {
  color:black;
}

.content {
  margin-left: 2em;
  margin-right: 2em;
}

.content.ma {
  margin:auto;
}

.contentmargin {
  margin-left: 2em;
  margin-right: 2em;
}

.lildent {
    margin-left:1em;
}

.paradent {
    margin-left:2em;
}
.fatfingers > div{
    margin: 0 .5em;
}
.edgeroom {
  padding: 1%;
}

.pad2 {
  padding:2px;
}

.pad5 {
  padding:5px;
}

.pad7 {
  padding:7px;
}

.pad10 {
  padding:10px;
}

.m2 {
  margin:2px;
}
.m5 {
  margin:5px;
}
.m7 {
  margin:7px;
}
.m10 {
  margin:10px;
}

.sticky {
  position:fixed;
  top: 0;
  width:100%;
}

.sticky + .content {
  padding-top: 60px;
}

.sticky-loose {
  position:-webkit-sticky;
  position: sticky;
  top: 0;
}

h6 {
  padding-bottom: 2px;
  margin-bottom: 1px;
}

/* --------------------- */
/*   Mike's Form Stuff   */
/* --------------------- */
.hilite {
  box-shadow: 0px 0px 3px 3px lime; /* light & dark */
}

.hilitegreenshadow {
  box-shadow: -5px -5px 30px chartreuse,5px 5px 30px lime; /* light & dark */
}

.hidden {
  visibility: hidden;
}

.isSelected > li {
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
  user-select: none;
}

.hovershow {
  display:none;
}

@media (pointer: coarse) {
  .hovershow {
    display:inherit;
  }
}

.no-show {
  display: none;
}

.show {
  display:initial;
}

.hovershow-css * {
  display:none;
}

.hovershow-css:hover * {
  display:initial;
}

.errorlist {
  font-size: .8em;
  color: var(--error-list);
  padding: 20px;
  margin: 0px;
}

/* --- PHOTOCHOICE STUFF --- */
.picturechoice {
  width:auto;
  height:150px;
  margin:10px;
  border-style:inherit;
  opacity: .8;
}

:checked + .picturechoice {
  position: relative;
  border-radius: 5px;
  box-shadow: -5px -5px 30px chartreuse, 5px 5px 30px lime; /* light & dark */
  opacity: 1;
}

.pic-modal {
  display:none;
  position:fixed;
  padding-top: 50px;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgb(0, 0, 0);
  background-color:rgb(0, 0, 0, .5);
  z-index: 99;
  overflow:auto;
}

.head-modal {
  display:none;
  position:fixed;
  padding-top: 50px;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgb(0, 0, 0);
  background-color:rgb(0, 0, 0, .5);
  z-index: 99;
  overflow:auto;
}

.head-modal-content {
  position:relative;
  background-color:black;
  padding:20px;
  margin:auto;
  width:75%;
}

.pic-modal-content {
  position:relative;
  background-color:black;/* light & dark */
  padding:20px;
  margin:auto;
  width:75%;
}

.pic-modal-display-box {
  min-height: 200px;
  max-height: 200px;
  max-width: 200px;
  width: auto;
  min-width: 135px;
  overflow:hidden;
}

.pic-modal-display-box > img{
  height:100%;
}

.pic-modal-header {
  position:relative;
  background-color:black; /* light & dark */
  color: white; /* light & dark */
  padding:3px;
  margin:auto;
  width:75%;
}

.mini-modal-button, .maxi-modal-button {
    cursor: pointer;
}

.gmi-mini-modal, .gmi-maxi-modal {
    z-index:99;
    display:flex;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .4);
    overflow:hidden;
    flex-direction:column;
    justify-content:center;
    align-items: center;
  }

.gmi-mini-modal-header, .gmi-maxi-modal-header {
    background-color:black;
    color: white;
    width:100%;
    text-align: center;
}

.gmi-mini-modal-body, .gmi-maxi-modal-body {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    overflow:auto;
    z-index:99;
    height:100%;
}

.gmi-maxi-modal-content {
    display: flex;
    flex-direction: column;
    margin:auto;
    background-color:var(--modal-cont-bknd);
    position:absolute;
    padding:2px;
    height:90%;
    width:90%;
    z-index:99;
    border-width:thin;
    border-style:solid;
    border-color:white;
    border-radius:5px;
    box-shadow:12px 12px 2px 1px rgba(0, 0, 0, .6);
    overflow:auto;
}

.gmi-mini-modal-content {
    display: flex;
    flex-direction: column;
    margin:auto;
    background-color:var(--modal-cont-bknd);
    position:absolute;
    padding:2px;
    height:360px;
    width:480px;
    z-index:99;
    border-width:thin;
    border-style:solid;
    border-color:white;
    border-radius:5px;
    box-shadow:12px 12px 2px 1px rgba(0, 0, 0, .6);
    overflow:auto;
}

.gmi-modal {
  z-index:99;
  display:none;
  padding-top:5vh;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgb(0, 0, 0);
  background-color:var(--modal-trans-bknd);
  overflow:hidden;
}

.gmi-modal-content {
  margin:auto;
  background-color:var(--modal-cont-bknd);
  position:relative;
  padding:0;
  outline:0;
  max-width:80vw;
  max-height:90vh;
  z-index:99;
  overflow:auto;
}

.gmi-modal-content.logistics-filters {
    width:250px;
    height:90%;
    overflow:scroll;
    text-align:left;
}

.modal-style {
  padding-top: 5vh;
  padding-bottom: 5vh;
  display:none;
  max-height:100vh;
  text-align: center;
  overflow:scroll;
}

.plan-ref-modal-content {
  background-color:black;
  border:solid silver thin;
  border-radius:1em;
  width:300px;
  height:300px;
  z-index:99;
  overflow:auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slide-show-clicker {
  min-height:100%;
  width:50%;
  position:absolute;
}

.slide-show-arrow {
  padding:1em;
  background-color:var(--slide-arrow-bknd);
  z-index:99;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

.slide-show-image {
  object-fit: contain;
  max-height:100%;
  max-width:90%;
  margin:auto;
  width: auto;
  height: auto;
}

[requires_perm] {
  color:red;
  cursor: pointer;
}

[requires_perm]:hover {
  background-color: rgba(255,0,0,.3);
}

.dud {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

#refModal-info {
  color:gold;
  font-size:4em;
}

.pic-close-btn {
  float:left;
  color:red; /* light & dark */
  padding-bottom:20px;
  font-size:24px;
  font-weight:bold;
  position: absolute;
  transform: translate(0, -25%);
}

.pic-close-btn:hover {
  color:lime; /* light & dark */
}

.darkmodedark, .darkmodedark * {
  color:black;
}

.imgtxt {
  position: relative;
  text-align: center;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footerposition {
  vertical-align: top;
  text-align: center;
  margin-top: 1em;
}

.nowrap{
  white-space: nowrap;
}

.nowrap_master > *{
  white-space: nowrap;
  flex-shrink:0;
}

p span {
    white-space:nowrap;
}

p span span {
    display: inline-block;
    width: 10px;
}

tr.sim_good_row > td {
  white-space: nowrap;
  text-align: center;
}

#sim_good {
  border-collapse:separate;
  border-spacing:2px 0px;
}

#sim_good th {
  padding:0 4px 0 4px;
  background-color: var(--ass_good_th);
  border-bottom: solid black thin;
}

.dull_table {
  border-collapse:separate;
  border-spacing:2px 0px;
}

.dull_table th {
  padding:0 4px 0 4px;
  background-color: var(--ass_good_th);
  border-bottom: solid black thin;
}

.bkimg {
  background-image: url('/static/img/littleGuy_trans_1280x1280_72dpi.jpg');
  background-position: center;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size: contain;
  margin-top: auto;
}

.bordered-starter {
  vertical-align: middle;
  text-align: center;
  border-style: solid;
  border-radius: .2em;
  border-color: inherit;
  font-weight: bold;
  font-size: 1.25em;
  width:1.25em;
}

.opq-divider-gray {
  background-color:var(--opq-divider);
}


@media only screen and (max-width: 600px) {
  .phone-disable {
    display:none;
  }

  .list-click-size {
    font-size:1.5em;
  }

  #icon {
    font-size: .7em;
  }

  #icon-sm {
    font-size: .5em;
    border-style: none;
    margin:0 4px 0 4px;
  }

  #empbadge {
    font-size: .7em;
  }

  .tablink {
    min-width:100%;
    text-align: left;
  }
}

@media only screen and (min-width: 600px) {
  .phone-disable {
    display:none;
  }

  .list-click-size {
    font-size:1.35em;
  }

  #icon {
    font-size: .75em;
  }

  #icon-sm {
    font-size: .55em;
    border-style: none;
    margin:0 4px 0 4px;
  }

  #empbadge {
    font-size: .75em;
  }
}

@media only screen and (min-width: 768px) {
  .phone-disable {
    display:initial;
  }

  .list-click-size {
    font-size:1.15em;
  }

  #icon {
    font-size: .85em;
  }

  #icon-sm {
    font-size: .6em;
    border-style: none;
    margin:0 4px 0 4px;
  }

  #empbadge {
    font-size: .85em;
  }
}

@media only screen and (min-width: 1200px) {
  .phone-disable {
    display:initial;
  }

  .list-click-size {
    font-size:1em;
  }

  #icon {
    font-size: 1em;
  }

  #icon-sm {
    font-size: .6em;
    border-style: none;
    margin:0 4px 0 4px;
  }

  #empbadge {
    font-size: .9em;
  }
}

@media (hover: hover) {
  #icon-sm .toggle-v {
    color: rgba(0,0,0,0); /* light & dark */
  }

  #icon-sm:hover .toggle-v {
    color:inherit; /* light & dark */
  }
}

.phone-width {
  min-width: 400px;
  max-width: 100%;
}

@media only screen and (max-width: 400px) {
  .phone-width {
    min-width: 100%;
    overflow:scroll;
    position:relative;
    left:0;
  }
}

.pdf-tag {
  max-width: 155px;
  max-height: 200px;
  margin:0;
  border:solid thin gray;
}

html {
  height:100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  min-width:100%;
}

@media print {
  body:not([class^="shrink_me"]) {
    width:7.375in;
    margin: .25in .375in .25in .5in;
    background-color:none;
  }
}

.footerflex {
  margin-top:auto;
  padding-bottom:20px;
  margin-bottom:40px;
}

.fdown {
  flex: 1 0 auto;
}

.collapsible-style {
  background-color: #555; /* light & dark */
  color: var(--collapse-font);
  cursor: pointer;
  min-width: 100%;
  border: none;
  text-align: left;
  outline: none;
  margin:2px 0px;
  opacity:.9;
  padding:0px 5px;
}

.collapsible {
  cursor: pointer;
  min-width: 100%;
  border: none;
  text-align: left;
  outline: none;
  margin:2px 0;
  opacity:.9;
}

.active, .collapsible:hover {
  opacity:1;
}

.collapsecontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: var(--clr-gmi-bknd-off);
  min-width: 100%;
  margin:auto;
}

/* .expandcontent {} */

.collapsecontent.show {
  display:block;
}

.arrows-box::before {
  height:100%;
}

.cpbar {
  background-color: #777; /* light & dark */
  color: white;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  min-height:inherit;
  padding:0 1em;
  border-bottom:solid;
  border-bottom-color: darkgray;
  border-bottom-width:thin;
}

.cpbar.todo {
  background-color:pink; /* light & dark */
}

.thumb > img, img.thumb {
  max-width: 72px;
  max-height: 72px;
  border-radius: 4em;
  border-color:var(--thumb-border);
  border-style: var(--thumb-border-style);
  border-width: thin;
  margin:0;
}

.thumb:hover {
  opacity: .9;
}

.thumbmed > img, img.thumbmed {
  max-width: 60px;
  max-height: 60px;
  margin:0;
}

.thumblarge > img, img.thumblarge {
  max-width: 120px;
  max-height: 120px;
  margin:auto;
}

.thumbpreview > img, img.thumbpreview {
    width: 180px;
    max-height: 180px;
    margin:0;
  }

.goodthumb > img, img.goodthumb {
  max-width: 120px;
  max-height: 120px;
  border-radius: .2em;
  border-color:var(--thumb-border);
  border-style: var(--thumb-border-style);
  border-width: thin;
  margin:auto;
}

.littlethumb {
  max-height:4em;
  max-width:4em;
}

#qrScannerBase {
    position:absolute;
    z-index:100;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:var(--modal-trans-bknd);
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    justify-content: center;
}

.qrthumb > img, img.qrthumb {
  max-width: 120px;
  max-height: 120px;
  margin:0;
}

.mirror_vid{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}
.logothumb {
  max-height:60px;
}
.lh_height{
    max-height:80px;
}
.projtag {
  border-radius:5em 1em 1em 5em;
  border-width:thin;
  border-style:ridge;
  min-width:320px;
  max-width:320px;
  margin: 3px 3px 3px 0px;
  padding-right:5px;
  height: 74px;
  overflow: hidden;
}

.proj_col_layout {
  column-count:auto;
  column-width:20em;
  min-height:100px;
}

.team-container {
  border-radius:8px 0px 0px 8px;
  width:1.5em;
  word-wrap:break-word;
  height:100%;
  line-height:15px;
  text-align:center;
  font-size:1em;
  color:white; /* light & dark */
  padding:7px .25em 7px .25em;
}

.mgmt-container {
  float:right;
  border-style:solid;
  border-width:thin;
  border-radius:8px;
  max-height:74px;
  margin: 3px 3px 3px 0px;
  min-width:100px;
}

.mgmt-list {
  float:left;
  max-height:100%;
  overflow:scroll;
  padding:0px 2px 0px 2px;
  font-size:.8em;
}

.v-divider {
  width:1.5em;
  word-wrap:break-word;
  min-height:100%;
  line-height:15px;
  text-align:center;
  font-size:1em;
  padding:1em .25em 1em .25em;
  border-radius:.2em;
  margin-left:2em;
  margin-bottom:1em;
  margin-top:1em;
  opacity:.5;
}

.notif-container {
  position:relative;
  font-size:16px;
  float:right;
  vertical-align:middle;
  line-height:16px;
  margin: -.5em -1em 0 4px;
}

.notif-circe {
  height:1em;
  width:1em;
  border-radius:50%;
  background-color:#F87431; /* light & dark */
  color:silver;
  text-align:center;
  box-shadow: 0px 0px 10px white; /* light & dark */
  position:absolute;
  top:0;
  right:0;
  margin-left: 5px;
}

.notif-font {
  font-size:.6em;
  font-weight: bold;
}

.undies {
  background-color:rgba(105,105,105, .3); /* light & dark */
  height:3em;
  border-radius:5px;
}

.ass-crack {
  line-height:3em;
  padding:0 .5em 0 .5em;
}

.left-cheek {
  float:left;
  line-height:3em;
  max-width: 50%;
  overflow: hidden;
  max-height:3em;
}

.right-cheek {
  float:right;
}

@media print {
  .new-page {
    page-break-before: always;
  }
}
@media print {
    .page_foot {
        position:absolute;
        bottom:0;
        width:10.25in;
    }
}
.tac {
  text-align:center;
}

.tal {
  text-align:left;
}

.tar {
  text-align: right;
}
.tac_child > * {
    text-align: center;
}
.taj {
    text-align: justify;
}
.fwb {
  font-weight: bold;
}

.tight-breaks {
    line-height:1.1em;
}

.pic-shadow {
  box-shadow:10px 5px 5px rgba(40,0,0, .8); /* dark & light */
}

.doc-border {
  border-style:solid;
  border-color: darkslategray;  /* dark & light */
  border-width: thin;
  padding: .5em;
  margin: .5em 0 .5em 0;
}

@media print {
  .doc-border {
    border-style: none;
    min-width:7.375in;
  }
}

.highlightfancy {
  background-image:var(--highlight-fancy);
}

.highlightdull {
  background-color:var(--highlight-dull);
}
.highlightbright{
  background-color:rgba(255,255,0,.8);
  color:black;
  border-radius:2px;
}
.highlightbright * {
  color:inherit;
}

.cpcontent {
  display: none;
  padding-bottom: 1em;
}

.cpcontent.show {
  display:block;
}

.maxw {
  min-width:100%;
  max-width:100%;
}

.maxh {
  min-height: 100%;
  max-height: 100%;
}

.vam {
  vertical-align: middle;
}

hr {
  clear:both;
  min-width:100%;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color: var(--hr);
  margin: 15px auto;
}

hr.thick_hr {
  border-bottom-width:2px;
}
.legalfont {
  font-size:.5em;
  text-align:justify;
}
.fontsmall {
  font-size: .8em;
}

.fontmed {
  font-size:.9em;
}

.fontreg {
  font-size: initial;
}

.fontlarge {
  font-size:1.2em;
}

.fontlarger {
  font-size:1.5em;
}

td.fullwidth {
  width:100%;
}

input[type=file]::-webkit-file-upload-button {
  color:darkkhaki;
  border-radius: .5em;
  background: rgba(50,50,50, .5);
  border:outset gray thin;
  transition:ls;
  cursor:pointer;
}

input[type=file]::-webkit-file-upload-button:hover {
  background: rgba(50,50,50,1);
  color:gold;
}

.blankfile {
  position:relative;
  min-height:100px;
  max-height:100px;
  margin:auto;
}

.blankfile input[type=file] {
  position:absolute;
  border: silver thin solid;
  min-width: 100%;
  min-height:100%;
  line-height:100px;
  opacity:0;
}

.blankfile input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
}

#id_page_pdf {
  height:100px!important;
}

#quoteDragLabel, #subDragLabel{
  position:absolute;
  height:100%;
  width:100%;
  text-align:center;
  border:solid thin silver;
  line-height:100px;
  margin-bottom:0;
}

#quotesList {
  max-height:150px;
  overflow:scroll;
}

input[name^='phones-'] {
  border-radius:.5em;
}

input[name~="phone_0"] {
  width: 12em!important;
}

select[type="date"] {
  width:100%;
}

.date-time-container {
  display:flex;
  margin:3px;
}

.date-time-container:first-child {
  justify-content: center;
}

.date-time-container div > div {
  max-width:300px;
  display:flex;
  flex-direction: column;
}

.date-time-container div > div > div {
  display:flex;
  flex-direction: row;
  justify-content:flex-start;
  width:100%;
  margin:0;
  padding:0;

}

.date-time-container select {
  min-width:70px;
  max-width:70px;
  flex: 1 1 auto;
  margin:2px;
  font-weight: bold;
  text-align: center;
}

.date-container div > div {
  display:flex;
  justify-content: space-evenly;
  flex-direction: row;
  text-align:center;
}

.date-container select {
  min-width:70px;
  max-width:70px;
  flex: 1 1 auto;
  margin:2px;
  font-weight: bold;
  text-align:center;
}

[devdone] {
  font-size: .8em;
  color:olive;
}

.notice-me {
  font-style: italic;
  color:var(--notice-me);
}

.notice-orange {
  color:var(--notice-orange);
}

.notice-purple {
  color:var(--notice-purple);
}

.notice-me-bknd {
  background-color:var(--notice-me-bknd);
}

.greentxt {
    color:green;
}
.master * {
  background-color: inherit;
  color: inherit;
}
/* .master * :is(.ignore) {

} */
.master-color * {
  color:inherit;
}
tr.master-color > td {
    color:inherit;
}
.slant {
  font-style: italic;
}
.oblique {
  font-style:oblique;
}

.supBox {
  border:thin solid darkgrey;
  border-radius: 2px;
}

.mag-mouse {
  cursor:zoom-in;
}

.cycle-option {
  color:var(--cycle-option);
  display:none;
  cursor: pointer;
}

.cycle-option.show {
  display:initial;
}

.code-wrapper {
  margin:2em;
}

.code-box {
  max-width:90%;
  min-width:90%;
  min-height:4em;
  max-height:60em;
  overflow:scroll;
  border-color:var(--code-box-border);
  border-radius:.2em;
  border-style:outset;
  border-width:thin;
  margin:5px;
  background-color:var(--code-box-bknd);
}

.code-box > * {
  color:var(--code-box-color);
}

.editWrapper {
  display: none;
}

.flexbreak {
  flex-basis:100%;
  height:0;
}

.ent-badge-container {
  border-color:rgba(0,0,0,0.1);
  border:solid;
  border-width:thin;
  min-width:350px;
  max-width:65%;
  overflow:hidden;
  margin:6px;
}

.four-width {
  max-width: 400px;
}

.six-width {
  max-width: 600px;
}
.centaur{
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    justify-content: center;
  }
  .centaur.topbottom{
    align-items:center;
  }

.flexcon {
  display:flex;
}

.flexcol {
  display:flex;
  flex-direction: column;
}

.flexcol.spaced > div {
    margin:7px;
}

.noshrink{
  flex: 0 0 auto;
}

.baseline {
  align-items: baseline;
}

.flexcon.equal-flex-items > div {
  flex: 1 1 0px;
}

.flexcon.center-all {
  justify-content: center;
  align-items: center;
}

.flexcol.center-all {
  justify-content: center;
  align-items: center;
  height:100%;
}

.flexcon.stak {
  flex-direction: column;
}

.flexcon.gimmespace {
  justify-content: space-between;
}

.flexcon.friendly {
  justify-content: space-around;
}

.flexcon.roomy {
  justify-content:space-between;
  align-items: center;
}

.flexcon.evenly {
  justify-content: space-evenly;
}

.flying {
  justify-content: start;
}

.flexcon.from-right {
  justify-content: flex-end;
}

.maxi-pad > div {
  margin:3px;
}

.maxi-pad-plus > div {
  margin:5px;
}

.maxi-pad-super > div {
  margin:10px;
}

.maxi-whoa > div {
  margin:25px;
}

.flexcol.maxi-col > div {
    margin-right:2em;
}
.ai-start {
  align-items: flex-start;
}

.ai-end {
  align-items: flex-end;
}

.ai-center {
  align-items: center;
}

.ai-stretch {
  align-items: stretch;
}

.ai-baseline {
  align-items: baseline;
}

.as-auto {
  align-self:auto;
}

.as-start {
  align-self:flex-start;
}

.as-end {
  align-self:flex-end;
}

.as-center {
  align-self: center;
}

.as-baseline {
  align-self: baseline;
}

.as-stretch {
  align-self: stretch;
}

.rap {
  flex-wrap:wrap;
}

.cpselector {
  align-items: center;
}

.cpselector:hover {
  cursor:pointer;
}

.cpTr {
  cursor:pointer;
}

[hiper], [hiperTab] {
  cursor:pointer;
}

.modal-close {
  font-weight: bold;
  cursor:pointer;
}

.clickable {
  cursor: pointer;
}

.small-block {
  min-width:300px;
  max-width:600px;
}

.tablink-bar > * {
  background-color:transparent;
  cursor:pointer;
  padding:8px 16px;
  float:left;
  width:auto;
  border:none;
  display:block;
  outline:0;
  color:inherit;
}

.tablink-bar > *:hover {
  background-image:radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2));
}

.tablink-bar {
  width:100%;
  overflow:hidden;
}

.pagelink {
  color:var(--link-color);
  cursor: pointer;
}

.pagelink:hover {
  opacity:.9;
}

.thin-border {
  border-width:thin;
  border-style:solid;
}

.controlbox {
  display:absolute;
  top:0;
  margin:auto;
  float:right;
}

[ajax-modal]{
  cursor: pointer;
}

.z1 {
    z-index: 1;
}
.z2 {
    z-index: 2;
}
.z3 {
    z-index: 3;
}
.z4 {
    z-index: 4;
}
.z5 {
    z-index: 5;
}
.z10 {
    z-index: 10;
}
.z99 {
    z-index: 99;
}

.ghost {
    pointer-events: none;
}

.lib-pic-enlarge {
  position:absolute;
  top:10px;
  right:10px;
  z-index:9;
  display:none;
}

@media (pointer: coarse) {
  .lib-pic-enlarge {
    display:inherit;
  }
}

@media only screen and (min-width: 768px) {
  .phone-disable {
    display:initial;
  }

  .list-click-size {
    font-size:1.15em;
  }
}

#filterCon {
  min-height:100%;
  background-color:rgba(128,128,128, .3);
  margin:0px 4px;
  padding-left:3px;
  flex:0 0 auto;
}

.filterCon-large {
  min-width:20em;
  max-width: 20em;
}

.filterCon-small {
  max-width: 1em;
  min-width: 1em;
}

.docbox {
  border: dotted black thin;
  border-color:var(--main-font-color);
  box-shadow:0 0 5px var(--pillow-shadow);
  padding:.5em;
  position:relative;
  margin: 2em 0 2em 0;
}

.as_hyper {
  color:var(--hyperlink-clr);
}

.emp_token {
  position: relative;
  text-align: center;
  margin: .5em;
  border-style: solid;
  border-radius: .5em;
  border-color: black;
  font-size: 12px;
  padding: 4px;
  border-width:2px;
}

.project_token {
  position: relative;
  max-width: 100%;
  margin: .5em;
  border-style: solid;
  border-radius: 5px;
  border-color: black;
  font-size: 12px;
  border-width: 2px;

}

.project_token_header {
  background-color: rgba(105, 105, 105, .3);
  border-radius: 4px;
  padding: 0 .25em 0 .25em;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  overflow:hidden;
  margin: 0;
}

.has_peeps {
  background-color: rgba(0, 209, 50, .3);
}

.drop_active {
  background-color: rgba(0, 209, 30, .25);
  border-style: solid;
  border-color: rgba(0, 209, 30, 1);
  border-radius: 4px;
  pointer-events: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: rgba(124, 124, 124, .2);
  min-width:80px;
  padding: 0 1em 0 1em;
  text-align: center;
  z-index: 1;
  border-bottom:thin solid transparent;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--clr-gmi-bknd);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px var(--dropdown-shadow-clr);
  padding: 12px 16px;
  z-index: 1;
  right:0;
  top:100%;
  text-align: left;
  margin-top: 1px;
  white-space: nowrap;
}

.dropdown:hover {
  border-bottom: white thin solid;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content > * {
  padding: 0 5px;
}

.dropdown-content > *:hover {
  background-color: var(--gmi-accent);
}

.full_center_text {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.v_trans_c {
  transform: translate(0%,50%);
}

.cbfl_a {
  background-color:var(--cbfl-a);
}

.cbfl_b {
  background-color:var(--cbfl-b);
}

.cbfl_c {
  background-color:var(--cbfl-c);
}

.cbfl_d {
  background-color:var(--cbfl-d);
}

.cbfl_e {
  background-color:var(--cbfl-e);
}

.cbfl_f {
  background-color:var(--cbfl-f);
}

.cbfl_g {
  background-color:var(--cbfl-g);
}

.cbfl_h {
  background-color:var(--cbfl-h);
}

.cbfl_i {
  background-color:var(--cbfl-i);
}

.cbfl_j {
  background-color:var(--cbfl-j);
}

.cbfl_k {
  background-color:var(--cbfl-k);
}

.cbfl_l {
  background-color:var(--cbfl-l);
}

.cbfl_m {
  background-color:var(--cbfl-m);
}

.cbfl_n {
  background-color:var(--cbfl-n);
}

.cbfl_o {
  background-color:var(--cbfl-o);
}

.cbfl_p {
  background-color:var(--cbfl-p);
}

.cbfl_q {
  background-color:var(--cbfl-q);
}

.cbfl_r {
  background-color:var(--cbfl-r);
}

.cbfl_s {
  background-color:var(--cbfl-s);
}

.cbfl_t {
  background-color:var(--cbfl-t);
}

.cbfl_u {
  background-color:var(--cbfl-u);
}

.cbfl_v {
  background-color:var(--cbfl-v);
}

.cbfl_w {
  background-color:var(--cbfl-w);
}

.cbfl_x {
  background-color:var(--cbfl-x);
}

.cbfl_y {
  background-color:var(--cbfl-y);
}

.cbfl_z {
  background-color:var(--cbfl-z);
}

.delete-font-style {
  color:red;
}

.deleteThis {
  content: 'delete_forever';
}

.instruction_modal {
  display: none;
  position: fixed;
  padding-top: 5vh;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .9);
  background-color: rgba(0, 0, 0, .5);
  overflow: hidden;
}

.instruction_modal_header {
  margin-top: 80px;
  background-color: black;
}

.instruction_modal_zone {
  margin: auto;
  max-width: 70vh;
  max-height:50vh;
}

.instruction_modal_content {
  margin: auto;
  background-color: var(--modal-cont-bknd);
  position: relative;
  overflow: scroll;
  padding: 10px;
}

.close_instruction_button {
  float: right;
  color: white;
  /* font-size: 16px; */
  font-weight: bold;
  cursor:pointer;
}

.close_instruction_button:hover {
  font-weight:normal;
}

.app_base_special {
  margin-top:none;
}

.div_with_bg {
  min-height:100vh;
}

.div-with-bg {
    background-image: url('/static/img/littleGuy_trans_1280x1280_72dpi.jpg');
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
    height: 85vh;
    overflow: scroll;
}

.app-verify ul {
  min-width: 275px;
  max-width: 500px;
  padding: 0px 8px 8px 4px;
  list-style: none;
}

.app-verify li {
    text-align: left!important;
    word-wrap: break-word;
}

#app-menu .option-btn:hover, #dropbox-help:hover {
    color: royalblue;
}

.app_base_special #form-content, #w4_content {
  margin-bottom:30px;
  margin-top: 60px;
  display:flex;
  flex-direction:column;
  align-items: center;
}

#w4_content > .form_field {
  width: 604px;
  text-align: center;
}

.app_base_special * header {
  position:fixed;
  top:0;
  left: 0;
  min-width:100%;
  z-index:10;
}
.app_base_special * footer {
  position:fixed;
  bottom:0;
  left:0;
  margin:0;
  /* margin-top:auto; */
  min-width:100%;
  padding:3px;
}

.app_base_special :is(p,li,.flexform span,.form-group,.fake-label,.start-section,#waive-options,.pillowbox, .form_field){
  background-color:rgba(255, 255, 255, .8);
  box-shadow: 0 0 5px 2px rgba(255, 255, 255, .8);
  text-align: justify;
}

.english_content,.spanish_content,#english_content,#spanish_content{
  max-width: 1000px;
  min-width:1px;
}
#form-footer{
  text-align: center;
}
/* #choose_english {
  text-decoration: underline;
} */
.txtunderline {
  text-decoration: underline;
}

.blurbox_woohoo {
  width: 325px;
  height: 150px;
  border-radius: 30%;
  background-color: rgba(255, 255, 255, .9);
  filter: blur(20px);
  z-index: -1;
}

.under-construction{
  border: dashed orange;
  background-color: rgba(255,165,0,.5);
  color: inherit;
}

.warning_box {
  border: none;
  display:inline-block;
  animation: blink 2s ease-in infinite;
}

@keyframes blink {
  from, to { opacity: 1 }
  50% { opacity: 0 }
}

#loadAnimation {
  word-break: keep-all;
  white-space: nowrap;
  background-color:green;
}

.fgrow {
  animation: fgrow 1s ease infinite;
}

@keyframes fgrow {
  10% {font-size:200%}
  20% {font-size:300%}
  30% {font-size:400%}
  40% {font-size:500%}
  50% {font-size:600%}
  60% {font-size:700%}
  70% {font-size:800%}
  80% {font-size:900%}
  90% {font-size:1000%}
  100% {font-size:1100%}
}


.map-body {
    height: 480px;
    width: 640px;
    margin: 0;
}

#map {
    height: 100%;
    width: 100%;
}


/**
    Logistics CSS
*/
.catalog-commongood {
    display: block;
}

.catalog-commongood.filter-excluded {
    display:none;
}

.catalog-commongood.no-commongood {
    display:none;
}

.catalog-good {
    margin:5px;
    display: block;
}

.catalog-good.no-good{
    display: none;
}

.catalog-good.search-excluded{
    display: none;
}

.selected-common-nav {
    background-color: green;
}

.good-nav-item {
    font-size: 85%;
}

.good-nav-item:hover {
    background-color: rgb(93, 91, 101);
}

.common-good-filter {
    display: block;
}

.common-good-filter.no-filter {
    display: none;
}

.good-cat-list-parent {
    display: block;
}

.good-cat-list-parent.no-list {
    display: none;
}

.common-good-filter:active {
    background-color: white;
}

.modal-click:hover {
    text-decoration: underline;
}

.good-cat-list {
    padding-bottom:10px;
    padding-inline-start:20px;
    display:none;
}

.good-cat-list.show {
    display:block;
}

.nav-controls {
    font-size:80%;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-controls:hover {
    text-decoration: underline;
}

.good-cat-header {
    align-items: center;
    padding-bottom: 0px;
}

.good-cat-header:hover {
    cursor:pointer;
}

.catalog-badge {
    width: 300px;
    height: 110px;
    background-color: #2f2e2e;
    border-color: #3b3a3a;
    border-style: solid;
    border-width: 2px;
    border-radius: 15px;
    padding: 5px;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    display: flex;
    text-align: center;
    flex-direction: row;
    position: relative;
}


.badge-control-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
}


.badge-control-container:hover .badge-control-button {
    display: flex;
}


.badge-control-button {
    border-radius: 10px;
    height: 60px;
    width: 60px;
    font-size: large;
    display: none;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}

.badge-add {
    background-color: green;
}

.badge-add:hover {
    background-color: lightgreen;
}

.badge-info {
    background-color: darkgoldenrod;
}

.badge-info:hover {
    background-color: goldenrod;
}

.cart-item {
    font-size: small;
}

.cart-item:nth-child(odd) {
    background-color: #2f2e2e;
}

.cart-item:hover {
    background-color: rgb(93, 91, 101);
}

.cart-delete {
    display: none;
}

.cart-item:hover .cart-delete {
    display: inline-block;
}

.check-controls .material-icons {
    display: none;
}

.check-detail-row:hover {
    background-color: rgb(93, 91, 101);
}

.check-detail-row:hover .check-controls .material-icons {
    display: inline-block;
}

.pad-table th {
    padding: 2px 5px 2px 5px;
}

.month-select {
    padding-left: 12px;
    padding-right: 12px;
    font-size: medium;
}

.month-select.selected-month {
    background-color: dodgerblue;
}