.modal-dialog.modal-fullscreen {
  margin: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal-dialog.modal-fullscreen .modal-content {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .modal-dialog.modal-fullscreen {
    width: 100%;
  }
}
/* Snackbar */
.snackbar-c {
  position: fixed;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}
.snackbar-c .snackbar {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  box-sizing: content-box;
  display: block;
  height: 20px;
  max-width: 568px;
  min-width: 288px;
  overflow: hidden;
  padding: 14px 24px;
  margin: 0 auto;
  pointer-events: auto;
}
.snackbar-c .bg-status {
  background: #323232;
  color: #fff;
}
.snackbar-c.bottom {
  bottom: 0;
}
.snackbar-c.bottom .snackbar {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform 1s;
  pointer-events: auto;
}
.snackbar-c.bottom .snackbar.in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: transform 1s;
}
.snackbar-c.top {
  top: 0;
}
.snackbar-c.top .snackbar {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform 1s;
  pointer-events: auto;
}
.snackbar-c.top .snackbar.in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: transform 1s;
}
.grid {
  display: grid;
  flex-flow: row wrap;
}
.grid > .col {
  width: 100%;
}
.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
.c-xs-12 {
  width: 100%;
}
.c-xs-10 {
  flex: 10;
}
.c-xs-8 {
  flex: 8;
}
.c-xs-6 {
  flex: 6;
}
.c-xs-5 {
  flex: 5;
}
.c-xs-4 {
  flex: 4;
}
.c-xs-3 {
  flex: 3;
}
.c-xs-2 {
  flex: 2;
}
.c-xs-1 {
  flex: 1;
}
@media (min-width: 768px) {
  .c-sm-12 {
    flex: 12;
  }
  .c-sm-10 {
    flex: 10;
  }
  .c-sm-8 {
    flex: 8;
  }
  .c-sm-6 {
    flex: 6;
  }
  .c-sm-5 {
    flex: 5;
  }
  .c-sm-4 {
    flex: 4;
  }
  .c-sm-3 {
    flex: 3;
  }
  .c-sm-2 {
    flex: 2;
  }
  .c-sm-1 {
    flex: 1;
  }
}
@media (min-width: 992px) {
  .c-md-12 {
    flex: 12;
  }
  .c-md-10 {
    flex: 10;
  }
  .c-md-8 {
    flex: 8;
  }
  .c-md-6 {
    flex: 6;
  }
  .c-md-5 {
    flex: 5;
  }
  .c-md-4 {
    flex: 4;
  }
  .c-md-3 {
    flex: 3;
  }
  .c-md-2 {
    flex: 2;
  }
  .c-sm-1 {
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .c-lg-12 {
    flex: 12;
  }
  .c-lg-10 {
    flex: 10;
  }
  .c-lg-8 {
    flex: 8;
  }
  .c-lg-6 {
    flex: 6;
  }
  .c-lg-5 {
    flex: 5;
  }
  .c-lg-4 {
    flex: 4;
  }
  .c-lg-3 {
    flex: 3;
  }
  .c-lg-2 {
    flex: 2;
  }
  .c-lg-1 {
    flex: 1;
  }
}
/* bootstrap overrides */
html body {
  font-size: 12px;
}
@media (min-width: 768px) {
  html body {
    font-size: 16px;
  }
}
body h1 {
  font-size: 2em;
}
body .jumbotron p {
  font-size: 1.2em;
}
body h2 {
  text-align: center;
}
body .jumbotron {
  padding-top: 56px;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.container.body-content {
  padding: 0;
}
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
  width: auto;
}
/* floated addon work in xs view */
.loading-spinner {
  background: transparent url(media/spinner.gif) no-repeat scroll center center;
}
.no-img {
  background: transparent url(media/no-img.png) no-repeat scroll center center;
}
/* style overrides */
.transparent {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
/* typeography */
.text-lg {
  font-size: 2em;
}
/* standard layout */
.para {
  margin-top: 5px;
  margin-bottom: 10px;
}
.form-horizontal .owe-form-group {
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-gap: 10px;
}
label > input[type="radio"],
label > input[type="checkbox"] {
  /* label with text to the right of the checkbox/radio */
  margin: 4px 4px 0 0;
}
/* lists */
.list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #AAAAAA;
}
.list-item {
  padding: 0 5px;
  border-bottom: 1px solid #DDDDDD;
  min-height: 44px;
  transition: height linear 1s;
}
@media (min-width: 768px) {
  .list-item {
    padding: 0 15px;
  }
}
.list-item.completed {
  background-color: rgba(76, 211, 50, 0.22);
}
.list-item .list-right {
  float: right;
}
.list-item .list-right button,
.list-item .list-right .button {
  border: none;
  background-color: transparent;
  width: 43px;
  height: 43px;
  font-size: 28px;
  line-height: 28px;
  padding: 6px;
  margin: 0;
  text-align: center;
}
.list-item .list-right button .bck-img,
.list-item .list-right .button .bck-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.list-item .list-right .btn-picture {
  background-size: cover;
  background-position: center center;
}
.list-item .list-right .btn-picture .fa:before {
  content: "\f067";
}
.list-item .list-right .btn-picture.completed .fa:before {
  content: "\f00c";
  color: #4cd332;
}
.list-item .list-right .btn-check .fa:before {
  content: "\f00c";
}
.list-item .list-right .btn-check.completed .fa:before {
  content: "\f00c";
  color: #4cd332;
}
.list-item .form-inline .input-group {
  margin-top: -6px;
  float: right;
  margin-right: 5px;
}
.list-item .form-inline input.sm {
  width: 4em;
}
.list-item .form-inline input.md {
  width: 8em;
  float: right;
  margin-right: 5px;
}
.list-item .form-inline input.lg {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.list-item .list-text {
  padding-top: 11px;
  padding-bottom: 11px;
}
.list-item .list-desc {
  display: none;
}
.list-item.expanded {
  transition: height linear 1s;
}
.list-item.expanded .list-desc {
  display: block;
}
/* complete rows in a datatable */
.datatable tr.completed {
  background-color: rgba(76, 211, 50, 0.22);
}
.datatable tr.odd.completed {
  background-color: rgba(100, 232, 74, 0.22);
}
/* RouteCard Complete confirmation section */
.sc-complete button {
  padding: 8px;
  font-size: 24px;
  font-weight: bold;
}
.sc-complete .cc-complete,
.sc-complete .cc-confirm {
  background-color: rgba(55, 145, 55, 0.2);
  color: #024f02;
}
.sc-complete .cc-cancel {
  background-color: rgba(145, 63, 55, 0.2);
  color: #4f0d02;
}
.sc-complete .cc-user {
  font-size: 24px;
  padding: 5px;
  text-align: center;
}
/* modal select list */
ul.modal-select {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 24px;
}
ul.modal-select > li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0;
}
ul.modal-select > li:last-child {
  border-bottom: 1px solid transparent;
}
ul.modal-select > li.button:hover {
  background-color: rgba(183, 216, 239, 0.4);
}
/* file select button */
.select-file-btn input {
  display: none;
}
.clk,
.button {
  cursor: pointer;
}
.btn-fw {
  min-width: 7em;
}
/* Route Card tree view */
.rc-tree-title {
  padding: 0.05px 1em;
}
.rc-tree-children {
  list-style: none;
}
/* Debug */
#debug {
  display: none;
}