.sharp {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.container-fluid {
    padding: 0px;
}

.jumbotron {
    margin-bottom: 0px;
    background-image: url(/images/jumbotronbackground.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.btn-nav {
	border-right: 0px;
}

.btn-darkest {
  color: #c6c6c6;
  background-color: #2f2f2f;
  border-color: #121212;
}
.btn-darkest:hover,
.btn-darkest:focus,
.btn-darkest:active,
.btn-darkest.active,
.open .dropdown-toggle.btn-darkest {
  color: #c6c6c6;
  background-color: #2f2f2f;
  border-color: #121212;
}
.btn-darkest.disabled,
.btn-darkest[disabled],
fieldset[disabled] .btn-darkest,
.btn-darkest.disabled:hover,
.btn-darkest[disabled]:hover,
fieldset[disabled] .btn-darkest:hover,
.btn-darkest.disabled:focus,
.btn-darkest[disabled]:focus,
fieldset[disabled] .btn-darkest:focus,
.btn-darkest.disabled:active,
.btn-darkest[disabled]:active,
fieldset[disabled] .btn-darkest:active,
.btn-darkest.disabled.active,
.btn-darkest[disabled].active,
fieldset[disabled] .btn-darkest.active {
  background-color: #777777;
  border-color: #777777;
}

.progress-lg {
  height: 50px;
}

.progress-bar-status {
  vertical-align: middle;
  position: relative;
  top: 30%;
}

/* Sticky footer styles
-------------------------------------------------- */
html,
body,
#container {
  height: 100vh;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -50px;
}

/* Set the fixed height of the footer here */
#push{
  height: 80px;
}
#footer {
  height: 50px;
}
#footer {
  padding: 5px;
}

/* Lastly, apply responsive CSS fixes as necessary */
/*@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}*/

.goog-b {
     position: relative;
}

.goog-c {
  height: 100%;
  position: absolute;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 1px 0 #ccc;
  border: 1px solid #ccc;
  border-right: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: separate;
  background-repeat: no-repeat no-repeat;
  background-color: #eee;
}

.goog-e .goog-c {
  background-size: 21px;
  background-position: 4px 4px;
}

.goog-d {
  height: 100%;
  border-radius: 0 3px 3px 0;
  border: 1px solid #386cca;
  border-left: none;
  border-collapse: separate;
  box-shadow: 0 1px 0 #386cca;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #427fed;
  text-align: center;
}
.goog-e .goog-i {
  height: 19px;
  margin-top: 6px;
}
.goog-i {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-button-disabled {
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(90%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.swipeOut { 
  /* 65px button width + 5px margin*/
  margin-left: -70px
}

.boldTable, .boldTable TD, .boldTable TH
{
  font-weight:bold;
}

.filter-enabled
{
  color: #8F0000;
}

a.list-group-item.active div .badge {
  color: #428bca;
    background-color: #fff;
    line-height: default;
}
a.list-group-item button {
  width: 30px;
  height: 30px;
  font-size: 1.1em;
  padding: 0;
}
.shakeClass {
  animation: shake 0.6s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  border: #d0021b;
  border-width: 3px;
  border-style: solid;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

#progress .node {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display:inline-block;
    transition: all 1000ms ease;
}

#progress .activated {
    box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8);
}

#progress .divider {
    height: 60px;
    width: 4px;
    margin-left: 5.5px;
    /*transition: all 800ms ease;*/
}

#progress li p {
    display:inline-block;
    margin-left: 25px;
    margin-bottom: 0px;
    font-size: 18px;
}

#progress li {
    list-style: none;
    line-height: 1px;
    margin-left: 10px;
}

#progress .blue { background-color: rgba(82, 165, 255, 1); }
#progress .green{ background-color: rgba(92, 184, 92, 1); color: rgba(92, 184, 92, 1) }
#progress .dzYellow { background-color: #ffbb33; color: #ffbb33 }
#progress .darkFont {
   color: #5a5a5a; 
   float: right;
   width: calc(100% - 140px);
   line-height: 20px;
}
#progress .darkFont :first-child {
  font-size: 1.4em;
  font-weight: bold;
  margin-left: 10px;
  letter-spacing: 1px;
  margin-top: 25px; 
  padding-right: 10px;
}

#progress .aftergrey {
  background-color: white;
  margin-top: -4px;
  color: rgba(201, 201, 201, 1);
  margin-left: 15px;
}

#progress .spaceOnTop {
    height: 90px;
    margin-bottom: -50px;
}

#progress .spaceOnBottom{
    height: 90px;
    margin-top: -50px;
}

#progress .red { background-color: rgba(255, 148, 148, 1); }
#progress .grey { background-color: rgba(201, 201, 201, 1); color: rgba(201, 201, 201, 1); }

.greenBg { background-color: rgba(167, 226, 167, 1); }
.dzYellowBg { background-color: #ffbb33;}

#adsDivInner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#adsDivContent {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 18px;
  overflow: auto;
}

#adsDivContentImg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 90vh;
  object-fit: contain;
}

#adsDivClose {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 20px auto 0;
  cursor: pointer;
}

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