@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Ubuntu:400,700&display=swap");
@import url("https://use.typekit.net/cca7qou.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Ubuntu:400,700&display=swap");
@import url("https://use.typekit.net/cca7qou.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Ubuntu:400,700&display=swap");
@import url("https://use.typekit.net/cca7qou.css");
.k-card-body, .k-body-padding {
  height: 100% !important;
  padding: 0px !important;
  padding-bottom: 16px !important;
  box-shadow: 1px 3px 5px rgba(209, 209, 209, 0.3) !important;
}

.k-body-padding {
  padding: 16px !important;
  border: 1px solid rgba(211, 211, 211, 0.4) !important;
}

.k-card {
  border: none !important;
  border-radius: 0px !important;
}

.k-card-header {
  border-bottom: 5px solid #8b0000 !important;
  padding: 10px 0px !important;
}

.card-deck {
  flex-wrap: wrap !important;
}

.box-shadow {
  box-shadow: 1px 3px 5px rgba(209, 209, 209, 0.5) !important;
}

* {
  box-sizing: border-box;
}

body {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  font-family: "myriad pro", sans-serif !important;
}
body app {
  flex-grow: 1 !important;
}

h1, h2,
h3, h4,
h5 {
  font-weight: 700;
  color: #2E2E2F;
}

h1 {
  font-size: 2rem;
}

h4 {
  font-family: "myriad pro", sans-serif;
  font-weight: 700;
}

.body-margins {
  margin: 20px;
}

.grid-title {
  margin: 1rem 0rem;
}

.full-grid {
  margin: auto;
}

.m0 {
  margin: 0px !important;
}

.m2 {
  margin: 20px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.g-25 {
  gap: 25px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-16 {
  padding: 16px !important;
}

.padding-box content {
  padding: 16px !important;
}
.padding-box .blue-btn {
  width: 250px;
  background-color: #346170;
}

.k-button-solid-primary {
  background-color: #346170 !important;
  border-color: #346170 !important;
  padding: 3px 10px !important;
}
.k-button-solid-primary:hover {
  background-color: #2b5563 !important;
}

.flex {
  display: flex;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-end {
  justify-content: flex-end !important;
}

.flex-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

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

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

.grey-header .k-grid-header .k-header {
  color: #2E2E2F !important;
  background-color: #fbfbfb !important;
}

.privacy-footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
  padding: 1rem 2rem;
}

.menu-control {
  margin-top: 0px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #8b0000;
}

.photocard {
  width: 250px;
  height: 100px;
  display: inline-flex;
}

.photocard:hover {
  background: url("/images/delete.png") no-repeat center;
}
.photocard:hover img {
  display: none;
}

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}

.logo-title {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

#logo {
  width: 130px;
  margin-bottom: 0;
}

#title {
  color: white;
  margin-bottom: -5px;
  font-size: 14px;
  font-weight: 300;
}

#title:hover {
  color: white;
  text-decoration: none !important;
  cursor: pointer;
}

a:hover {
  text-decoration: none !important;
}

.underline {
  width: 100%;
  display: flex;
  height: 5px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e41f35 0%, #730505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e41f35", endColorstr="#730505",GradientType=1 ); /* IE6-9 */
}

table.tablecontainer tr td {
  font-size: 12px;
}

.headerrow {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #8b0000;
  color: white;
}

.tabledatarow {
  padding-left: 10px;
  padding-right: 10px;
}

.imagethumbnails {
  display: grid;
  grid-template-columns: 1fr 80px 1fr 80px 1fr 80px;
  margin-bottom: 2rem;
  background-color: #f1f1f1;
  padding: 1rem;
  position: relative;
}
.imagethumbnails label {
  font-weight: 700;
}
.imagethumbnails img {
  width: 100%;
  height: auto;
}

.btn {
  /*position: absolute;
  top: 50%;
  left: 50%;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  width: 35px !important;
  height: 45px !important;
  margin-left: 30px !important;
  margin-top: 22px !important;
}

btn:hover {
  background-color: black;
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-hierarchy-cell .k-icon {
  color: white !important;
}
.k-grid .k-grid-filter:hover, .k-grid .k-header-column-menu:hover, .k-grid .k-hierarchy-cell .k-icon:hover {
  background-color: none !important;
}

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover {
  background-color: none !important;
}

.upload h5 {
  margin-bottom: 1rem;
}
.upload .demo-section {
  display: flex;
  flex-direction: column;
}
.upload .demo-section .btn-primary {
  background-color: #346170;
  color: #ffffff;
  font-size: 1rem;
  min-width: 125px;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
  border: 0px solid #346170;
  margin: 1rem 0rem;
  align-self: flex-end;
}
.upload .demo-section .btn-primary:focus, .upload .demo-section .btn-primary:hover {
  background-color: #2c525f;
}

.table {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  grid-row-gap: 1rem;
  padding: 1rem;
}
.table label {
  font-weight: 700;
}
.table span {
  font-family: "myriad pro", sans-serif;
}
.table .additional-info {
  grid-column: 1/span 3;
  font-family: "myriad pro", sans-serif;
}

.exceptions-list {
  display: flex;
  flex-direction: column;
}
.exceptions-list > div:first-of-type {
  height: 438px;
}
.exceptions-list #ExceptionDetails {
  margin-top: 12px;
  height: calc(100% - 450px);
  overflow-y: auto;
}

.details-actions-camera {
  display: grid;
}
.details-actions-camera .details5 {
  list-style: none;
  position: relative;
  display: grid;
  grid-column-gap: 14px;
  grid-row-gap: 7px;
  grid-template-columns: repeat(5, 1fr);
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 1.5rem 1rem;
  font-size: 12px;
  font-family: "lato", sans-serif;
}
.details-actions-camera .details5 li {
  display: grid;
  grid-column-gap: 14px;
  grid-template-columns: 0.75fr 1fr;
}
.details-actions-camera .details5 li span {
  font-family: "lato", sans-serif;
  font-size: 12px;
}

.details-actions, .vendor-contact {
  display: grid;
  grid-column-gap: 21px;
  grid-template-columns: 1fr 0.75fr;
}
.details-actions .details4, .vendor-contact .details4 {
  list-style: none;
  position: relative;
  display: grid;
  grid-column-gap: 14px;
  grid-row-gap: 7px;
  grid-template-columns: repeat(4, 1fr);
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 1.5rem 1rem;
  font-size: 12px;
  font-family: "lato", sans-serif;
}
.details-actions .details4 li, .vendor-contact .details4 li {
  display: grid;
  grid-column-gap: 14px;
  grid-template-columns: 0.75fr 1fr;
}
.details-actions .details4 li span, .vendor-contact .details4 li span {
  font-family: "lato", sans-serif;
  font-size: 12px;
}
.details-actions #uploadErrorMsg, .vendor-contact #uploadErrorMsg {
  font-size: 12px;
  color: red;
}

.cam-button {
  border: 1px solid darkgrey;
  padding: 3px 10px;
  border-radius: 3px;
}
.cam-button img {
  margin-right: 6px !important;
}

.statusdata {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 6px;
  font-size: 12px;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.statusdata:first-of-type {
  padding: 1.5rem;
}

.fieldlist, .sitelist, .business-process-list, .business-unit-list {
  margin: 0 0 -1em;
  padding: 0;
}

.fieldlist li, .sitelist li, .business-process-list li, .business-unit-list li {
  list-style: none;
}

.sitewindow button {
  margin-top: 2rem;
}

.sitelist, .business-process-list, .business-unit-list {
  display: grid;
  grid-column-gap: 70px;
  grid-row-gap: 7px;
  grid-template-columns: repeat(3, 1fr);
}

.details-label, .additional-info {
  margin-right: 14px;
  /*font-family: $contrast-font;*/
  font-family: "lato", sans-serif;
  font-size: 14px;
  font-weight: 200;
  font-weight: bold;
}

#uploadimagediv {
  margin-bottom: 1rem;
}

.camera-photo {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.camera-photo .video {
  border-radius: 4px;
  margin: 0;
}
.camera-photo #photo img {
  margin-left: 1rem;
  border-radius: 4px;
}

.details-actions-camera {
  margin-top: 2rem;
}

.history-list, .related-exceptions .related-list {
  list-style: none;
  position: relative;
  padding: 0.5rem 0;
  font-size: 12px;
  font-family: "lato", sans-serif;
}
.history-list li, .related-exceptions .related-list li {
  padding: 0.5rem;
  list-style: none;
  border-bottom: 1px solid #C8C8D2;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 14px;
}
.history-list .history-row:hover, .related-exceptions .related-list .history-row:hover {
  background-color: #f1f1f1;
}

.related-exceptions {
  margin-top: 1rem;
}
.related-exceptions .related-list li {
  grid-template-columns: repeat(7, 1fr);
}

.vendor-contact {
  grid-template-columns: 1fr;
}

.page-wrap {
  width: 93vw;
  padding: 0;
  margin: auto;
}

fieldset {
  display: block !important;
  -webkit-margin-start: 2px !important;
          margin-inline-start: 2px !important;
  -webkit-margin-end: 2px !important;
          margin-inline-end: 2px !important;
  -webkit-padding-before: 0.35em !important;
          padding-block-start: 0.35em !important;
  -webkit-padding-start: 0.75em !important;
          padding-inline-start: 0.75em !important;
  -webkit-padding-end: 0.75em !important;
          padding-inline-end: 0.75em !important;
  -webkit-padding-after: 0.625em !important;
          padding-block-end: 0.625em !important;
  min-inline-size: -moz-min-content !important;
  min-inline-size: min-content !important;
  border-style: groove !important;
  -o-border-image: initial !important;
     border-image: initial !important;
}
fieldset legend {
  width: auto !important;
}

/*For the Telerik loading spinner*/
.loading-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.hyperlink-text-button, .file-hyperlink {
  text-transform: none !important;
  text-decoration: underline !important;
  padding: 0px !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.file-hyperlink {
  text-decoration: none !important;
  color: #007bff !important;
}

.bottom-align-button {
  vertical-align: bottom !important;
}/*# sourceMappingURL=styles.css.map */