/* Utility Styles */
.complete-indicator-outer {
  margin:0 auto;width:20px;height:20px;border:1px solid green;border-radius:100px;
}
.complete-indicator-inner {
  margin:1px auto;width:16px;height:16px;border-radius:100px; background:green;
}
.pulse {
  background-color: limegreen;
  animation-name: stretch;
  animation-duration: 1.0s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
@keyframes stretch {
  0% {
      transform: scale(0.8);
      background-color: green;
      border-radius: 100%;
  }

  50% {
      border-radius: 100%;
  }

  100% {
      transform: scale(1);
      background-color: limegreen;
      border-radius: 100%;
  }
}
.hidden {
  display: none;
}
.displayed {
  display:block;
}

/* General Layout Styles */
body {
  height: 100%;
}
table {
  background-color: #f9f9f9;
}
.bg-dark {
  background-color: #002b36 !important;
  background-color: #151515 !important;
}
a.greyed-out {
color: #aaa !important;
}
/*
.service-link {
  transition-timing-function: ease;
  background: transparent;
  transition: background 1s;
}*/
div {
  transition-timing-function: ease;
}/*
.service-link:hover {
  background: #e3ffe7;
}*/
.selected {
  background-color: #ccc;
  background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
  border-bottom: 1px solid #dedede;
  border-radius: 3px;
}
nav {
  border-bottom: 1px #eeeeee solid;
}
.main nav {
  border: none;
}
.main nav .breadcrumb {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0;
  margin-top:10px;
}
.view {
  box-shadow: -1px 0px 10px -6px rgba(0,0,0,0.51);
  -webkit-box-shadow: -1px 0px 10px -6px rgba(0,0,0,0.51);
  -moz-box-shadow: -1px 0px 10px -6px rgba(0,0,0,0.51);
}
.reviewing-box {
  background-color: #e9ecef;
  color: #333;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 1em;
  text-align: center;
  font-size: 1em;
}
/* Services Selector */
.col-service {
  width:80px;
  min-height: 1300px;
  border-right: 1px solid #eee;
  background-color: #f9f9f9;
}
a.service-link {
  color: #333;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid transparent;
}
a.greyed-out {
  color: #aaa !important;
}
.service-icon {
  width:20px;
  margin: 0 auto;
}
.service-icon i {
  font-size:20px;
}
.service-icon-lrg {
  width:4.5em;
  margin: 0 auto;
}
.service-icon-lrg i {
  font-size:4.5em;
}
.service-label {
  text-align: center;
  font-size: 12px;
  padding: 0 3px;
}
/* Buttons */
/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  /*background-color: #eee;*/
  /*border-color: #333;*/
  /*color: #333;*/
  background-color:rgba(19, 59, 93, 1);
  color: #fff;

}
.btn {
  line-height: 1.2;
  border-radius: 0.2rem;
  border-color: #00191f;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.btn-ingenium, a.btn-ingenium {
  background-color:#438ecc;
  color: #fff;
  border:none;
  border-bottom: #1f547e 3px solid;
  line-height: 1.2;
  border-radius: 0.2rem;
  padding:6px;
  text-decoration: none;
}
.btn-ingenium:hover {
  border:none;
  border-top: #1f547e 2px solid;
  color: #1f547e;
}
.btn-ingenium2, a.btn-ingenium2 {
  background-color: rgba(19,117,68,1);
  color: #fff;
  border:none;
  border-bottom: #004e13 3px solid;
  line-height: 1.2;
  border-radius: 0.2rem;
  padding:6px;
  text-decoration: none;
}
.btn-ingenium2:hover {
  border:none;
  border-top: #004e13 2px solid;
  color: #004e13;
  
}
/* Index */
.tile {
  border: #002b36 solid 1px;
}
.col-md-3 {
  margin-bottom: 1em;
}
.card:hover {
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.34);
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.34);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.34);
}
.card {
  background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
}
.client-wrapper {
  background:url(../img/report/P4EQ360-Page-2.png); 
  background-size: 200px;
  background-repeat:no-repeat;
  background-position: top right;
}
.client-info-box {
  color:#fff; border-radius:5px; padding:15px;
  background-color: #00b159; 
  background: linear-gradient(200deg, rgba(19,117,68,1) 0%, rgba(0,177,89,1) 67%);
}
.prj-cat-card {
  background: #f1f1f1; 
  height: 100%; 
  width:100%; 
  padding:15px 15px 0;
  border-radius: 2%;
}
.fa-trash {
  color: #bf0000;
}
.pill {
  background-color: #eaecff;
  border-radius: 5px;
  padding: 0.2em;
}
.bgd-grey {
  background-color: #eee;
}
.bgd-grey-darker {
  background-color: #ccc;
}
.bgd-grey-lighter {
  background-color: #eee;
}
.reviewee-tb-row {
  background-color: #d2f3ff;
}
.ingenium-green-bg {
  background-color: #2e9e48 !important;
  color:#fff !important;
}
.note {
  border-left: 5px solid #2e6c9e;
  padding-left: 10px;
}
input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  padding: 0.375rem 0.75rem;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
  /*background-color: rgb(19, 59, 93);*/
  background-color: #17456b;
  line-height: 1.2;
  border-radius: 0.2rem;
  border-color: #00191f;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
input[type=file]::file-selector-button:hover {
  background: #17456b;
}
input[type=file] {
  width: 350px;
  max-width: 100%;
  color: #444;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  border: 1px dashed #e0e0e0;
}

/* Fancy Checkbox */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .checkbox-wrapper-13 input[type=checkbox] {
    --active: limegreen;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: green;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  .checkbox-wrapper-13 input[type=checkbox]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  .checkbox-wrapper-13 input[type=checkbox]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  .checkbox-wrapper-13 input[type=checkbox]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  .checkbox-wrapper-13 input[type=checkbox]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  .checkbox-wrapper-13 input[type=checkbox]:disabled + label {
    cursor: not-allowed;
  }
  .checkbox-wrapper-13 input[type=checkbox]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  .checkbox-wrapper-13 input[type=checkbox]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
    width: 21px;
  }
  .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
    opacity: var(--o, 0);
  }
  .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
    --o: 1;
  }
  .checkbox-wrapper-13 input[type=checkbox] + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 0;
    margin-bottom:0;
  }

  .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
    border-radius: 100px;
  }
  .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
}

.checkbox-wrapper-13 * {
  box-sizing: inherit;
}
.checkbox-wrapper-13 *:before,
.checkbox-wrapper-13 *:after {
  box-sizing: inherit;
}
/* textarea */
.text-area label {
  display: block;
}
.text-area textarea {
  width: 100%;
  max-width: 800px;
  height: 150px;
  padding: 8px;
  /* outline: 1px #6c757d solid; */
  border-radius: 5px;
  border: none;
  border: 1px rgb(208, 208, 208) solid;    
}