:root {
  --clr-neurtal-100: hsl(0 0% 100%);
  --clr-neurtal-200: hsl(225 100% 98%);
  --clr-primary-400: rgb(59, 59, 59);
}

body {
  color: var(--clr-primary-400);
  font-size: .9em;
}

h4, .h4 {
  font-size: 1.3rem;
}

.bg {
    background-color: #fafafa;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;

  }

  .bg-admin {
    background-color: #f8f8f8;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    border-right: 1px solid #d8d8d8;
}

  .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 5px 25px;
    border-radius: 10px;
    font-size: 90%;
    box-shadow: 0px 0px 5px 0px #666666;
}

.th-error-report {
  vertical-align: bottom;
    font-size: 10px;
    background: #e1e1e1;
    /* color: white; */
    border: 1px solid black;
}

.tr-borders {
border: 1px solid black;
}
  .image-1 {
    
    left: 12px;
    position: relative;
    top: 15px;
    width: 65px;
    display: inline-block;
    text-align: center;
    margin-bottom: 37px;
  }

  @import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

@font-face {
  font-family: "la-solid-900-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("https://fonts.animaapp.com/la-solid-900-Regular") format("truetype");
}

.loginbox {
  padding: 10px 30px 30px 30px;
  box-shadow: 0px 0px 10px 4px #cacaca;
    border: 1px solid #c3c3c3;
}

.small, small {
  font-size: .75em;
}
.navigation-web-icons-items-resting-3 {
  align-items: center;
  display: flex;
  height: 64px;
  justify-content: flex-end;
  left: 0;
  min-width: 84px;
  top: 86px;
}

* {
  box-sizing: border-box;
}

.subHead {
  font-size: 12px;
}

.active-line {
  background-color: #7cc358;
  border-radius: 1px;
  height: 48px;
  margin-left: 16px;
  width: 2px;
}

.active-line-admin {
  background-color: #1b80c4;
  border-radius: 1px;
  height: 48px;
  margin-left: 16px;
  width: 2px;
}

.no-active-line {
    background-color: #ffffff;
    border-radius: 1px;
    height: 48px;
    margin-left: 16px;
    width: 2px;
  }

  .no-active-line-admin {
    background-color: #ffffff;
    border-radius: 1px;
    height: 48px;
    margin-left: 16px;
    width: 2px;
  }

.overlap-group-2 {
  border-radius: 4px;
  height: 48px;
  position: relative;
  width: 48px;
}

.ico-3 {
    color: #4d624e;
    font-weight: 400;
    width: 48px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 13px;
    white-space: nowrap;
    font-size: 20px;
}

.ico-3:hover {
    color: #000000;
}

.ico-3-admin {
  color: #1b80c4;
  font-weight: 400;
  width: 48px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 13px;
  white-space: nowrap;
  font-size: 20px;
}

.ico-3-admin:hover {
  color: #000000;
}

.crosscheck-box-admin {
  display: inline-block;
    vertical-align: top;
    /* border-right: 1px solid black; */
    padding: 20px;
    text-align: center;
    font-size: 12px;
    background: white;
    border: 1px solid gainsboro;
    border-radius: 10px;
    margin-right: 10px;
    color: #4caf4f;
}
.bg-1 {
  background-color: var(--white);
  border-radius: 4px;
  display: flex;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 48px;
}

.basebg {
background-color: #f1f1f1;
  border-radius: 4px;
  flex: 1;
  width: 48px;
}

.basebg:hover {
    background-color: #dfeed8;
}

.basebg-admin {
  background-color: #f1f1f1;
    border-radius: 4px;
    flex: 1;
    width: 48px;
  }
  
  .basebg-admin:hover {
      background-color: #ffffff;
  }

.active-tab {
    background-color: #dfeed8;
}


.active-tab-admin {
  background-color: #d4e5f0;
}



* {
  box-sizing: border-box;
}

.navigation-web-icons-items-resting-2 {
  align-items: flex-end;
  display: flex;
  height: 64px;
  justify-content: flex-end;
  left: 0;
  min-width: 84px;
  padding: 19px 29px;
  position: absolute;
  top: 181px;
}

.ico-2 {
  letter-spacing: 0;
  line-height: 22px;
  min-height: 24px;
  min-width: 24px;
  text-align: center;
  white-space: nowrap;
}

.logout-bottom {
    position: absolute;
    text-align: center;
    bottom: 0px;
    width: 84px;
    background: #e24d1e;
    font-size: 12px;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
}

.logout-bottom:hover {
    background: #c13204;
    cursor: pointer;
}


.btn-primary {
    color: #fff;
    background-color: #78c058;
    border-color: #7bc358;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0c6236;
    border-color: #0c6236;
}

.btn {
    font-size: 12px;
}

td {
    vertical-align: middle;
}

.upload-action {
    background: #f9fff6;
    font-weight: 600;
}

.success {
    color: green;
}

.error {
    color: #bb1615;
}

.processing-error {
    --bs-table-bg: #bb1515;
    --bs-table-striped-bg: #bb1515;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #bc1515;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    border-color: #dfe0e1;
}

.processing-error-row {
    --bs-table-bg: #ffffff;
    --bs-table-striped-bg: #ffffff;
    --bs-table-striped-color: #565656;
    --bs-table-active-bg: #ffffff;
    --bs-table-active-color: #565656;
    --bs-table-hover-bg: #ffffff;
    --bs-table-hover-color: #565656;
    color: #565656;
    border-color: #dfe0e1;
    font-weight: 600;
    border: 1px solid #bfbfbf;
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1;
}

.process-bg {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	padding: 10px;
    color: white;
    font-size: 11px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

td.colorfy {
  background: #f44343 !important;
  color: white !important;
  font-size: 10px;
  font-weight: 400;
  border: black 1px solid;
}

.colorfy::before {
  content: "ERROR: ";
  font-size: 10px;
  color: white;
}

.table-good {
  background: #ffffff;
  border: black 1px solid;
  font-size: 10px;
  font-weight: 400;
}

td.table-good {
  border: 1px solid black;
}

.feebackbox {
  border: 1px solid gainsboro;
    font-size: 12px;
    padding: 10px;
    width: 120px;
    text-align: center;
    display: inline-block;
    margin: 10px;
    border-radius: 10px;
}

.feebackboxfail {
  border: 1px solid gainsboro;
    font-size: 12px;
    padding: 10px;
    width: 120px;
    text-align: center;
    display: inline-block;
    margin: 10px;
    border-radius: 10px;
}

.complete {
  background: #eff7eb;
  border: 1px solid #d5d5d5;
  color: black;
}
.complete::before {
  font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f058";
    font-size: 30px;
    color: #7bc358;
}

.failed {
  background: #ffffff;
  border: 1px solid #d5d5d5;
}
.failed::before {
  font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f06a";
    font-size: 30px;
    color: #ad0000;
}

.inprogress {
  background: #ffffff;
  border: 1px solid #d5d5d5;
}

#stats {
  font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    background: white;
    color: #ac0000;
}

.alert {
  border-radius: 10px;
  margin: 10px;
}

.alert-danger {
  color: black;
}

.feedbackboxResult {
  font-weight: 600;
}

.spinner-spacer {
  margin: 13px;
}

.feebackboxMainTitle {
  font-size: 13px;
  text-align: center;
  font-weight: 600;
}

.feedbackboxWrapper {
  display: flex;
}

.feedbackboxWrapper > .alert-success {
  color: #0f5132;
  background-color: #ffffff;
  border-color: #e7e7e7;
  margin: 10px;
  border-radius: 10px;
}


.feedbackboxWrapper > .alert-warning {
  color: #0f5132;
  background-color: #f3f3f3;
  border-color: #e7e7e7;
  margin: 10px;
  border-radius: 10px;
}


.progress-bar {

  color: #fff;

  background-color: #b5b5b5;

  font-size: 13px;

  border-radius: 10px;
}

.wide25 {
  vertical-align: top;
  display: inline-block;
}

.admin-crosscheck-creator-spacer {
  margin-right: 20px;
  font-size: 12px;
  line-height: 2;
  font-weight: 600;
}
.forminputwrapper {
  display: inline-block;
  padding: 0px 20px 10px 0px;
  line-height: 1.7;
  font-size: 14px;
  vertical-align: top;
}

.btn-upload {
  background: #7bc358;
  color: white;
border: none;
  padding: 5px 20px;
  border-radius: 10px;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;

}

.btn-upload:hover {
  background: #68a64a;

    color: white;
    text-decoration: none;
   
}

.HelpCenterTitle {
  font-size: 28px;
  font-weight: 200;
  color: #4caf50;
  letter-spacing: 3px;
}

.samplebox {
  border-radius: 11px;
  margin: 10px;
  color: black;
  font-size: 12px;
 
  padding: 14px 10px 1px 10px;
  border: 1px solid gainsboro;
}

.sampleHighlightRow {
  background: white;
}

.sampleNoHighlightRow {
  background: #dddddd;
  color: #878787;
  font-weight: 400 !important;
}
.sampleRowText {
  font-size: 9px;
  vertical-align: top;
  font-weight: 600;
}
.sampleRequired {
  color: red;
  font-size: 9px;
}

.sampleOptional{
  color: rgb(87, 87, 87);
  font-size: 9px;
}

.admin-spacer {
  height: 20px;
}

.ReportTitle {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}

.ReportTitleError {
  font-size: 22px;
  font-weight: 400;
  color: #810606;
}

.ReportTitleList {
  font-size: 22px;
  font-weight: 400;
  color: #7ac358;
}

.table-crosscheck-reports {
  font-size: 12px;
}

 .table-danger {
  --bs-table-bg: #fee58a;
}

.SuccessReturn {
  margin-top: 20px;
  border-top: 1px solid gainsboro;
  padding-top: 20px;
}

.File-Failure {
  padding: 10px;
  background-color: white;
}

.message {
  text-align: center;
  padding: 10px;
}

.login_error {
  text-align: center;
  background-color: #b0001c;
  padding: 10px;
  color: white;
}

.version-text {
  font-size: x-small; /* Alternatively, try 0.7rem or 70% */
  margin-bottom: 5px; /* Spacing between version text and logout */
  text-align: center; /* Center-align the text */
  color: #888; /* Optional: Light gray color for better aesthetics */
}