@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap);

div[data-v-73d301c2] {
  font-family: 'Titillium Web', sans-serif !important;
}

html,body{height:100vh;font-family:"Titillium Web",sans-serif !important;font-weight:600;overflow:hidden !important;background-color:#272727 !important}#app{font-family:"Titillium Web",sans-serif !important}.fullViewHeight{height:100vh}.fullHeight{height:100%}.secondarybutton{border-radius:3px !important;border:1px solid;padding:3px 2em;background-color:#6c757d;color:#fff !important}.deletebutton{border-radius:3px !important;border:1px solid;padding:3px 2em;background-color:red;color:#fff !important}.primarybutton{border-radius:3px !important;border:1px solid;padding:3px 2em;background-color:#1976d2;color:#fff !important}.Vue-Toastification__toast--error{background-color:var(--v-error-base)}.Vue-Toastification__toast--success{background-color:var(--v-success-base)}.v-text-field--outlined{min-height:1px}.v-card{border-radius:inherit !important}.v-btn{border-radius:1px !important}.button{border-radius:3px !important;border:1px solid;padding:0 2em;background-color:#1976d2;color:#fff}.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th{color:#000 !important;font-size:14px}.theme--light.v-app-bar.v-toolbar.v-sheet{border-bottom:1px solid gray}

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.np-list {
  padding: 2px 8px;
  margin: 12px 8px;
  border: 1px solid #107fda;
  background: #ffffff;
  border-radius: 6px;
  color: #107fda;
}
.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.hide-loader {
  display: none;
}
.lab {
  color: darkgray;
}
.search {
  margin-right: 40px;
}
.expo {
  display: flex;
}
.repo {
  width: 30rem;
}
.start {
  border: 0px solid black;
}
.search {
  width: 40rem;
}
.my-auto {
  -moz-column-span: 2;
       column-span: 2;
}
.excel {
  width: auto;
  margin-block: auto;
}
.gridContainer {
  height: 100%;
  width: 47%;
  display: block;
}
.loading {
  justify-content: center;
  align-items: center;
}
.csvResult {
  height: 100%;
  width: 47%;
  margin-left: 5%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1em;
}
@media screen and (min-width: 320px) and (max-width: 520px) {
.search1 {
    width: 80px;
}
}
@media screen and (min-width: 480px) and (max-width: 2000px) {
.search1 {
    width: 14rem;
}
}
@media screen and (max-width: 480px) {
.bold {
    display: none;
}
}
@media screen and (min-width: 480px) and (max-width: 2000px) {
.selecttext {
    padding-left: 250px;
}
}
.mb {
  margin-top: 50%;
}
.v-input__slot {
  min-height: 45px !important;
}
.vpd-clear-btn {
  margin-left: 94% !important;
}
.v-label {
  font-size: 14px !important;
}

/* .v-data-table__wrapper {
  height: 673px !important;
} */

/* .v-input--selection-controls.v-input {
    margin-top: -28px ;
} */
.Report_txt {
  margin-top: -1.5rem !important;
}

.px-51[data-v-37416f6e]{margin-top:-10%}.orbitcontainer[data-v-37416f6e]{display:flex;justify-content:center}.orbitspinner[data-v-37416f6e]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.login-container[data-v-37416f6e]{background-image:url(/img/bgnew.9f779f63.jpg);height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.ov[data-v-37416f6e]{max-height:100%;overflow:auto;max-width:350px}.note[data-v-37416f6e]{color:#1976d2;font-weight:500}
.camera[data-v-50cbb5e2]{padding-bottom:-100%}.px-51[data-v-50cbb5e2]{margin-top:-10%}[data-v-50cbb5e2] .v-toolbar__content{padding:0 16px 0 0 !important}.classMain[data-v-50cbb5e2]{overflow-y:auto !important}.red[data-v-50cbb5e2]{color:inherit}.haesoktextbackground[data-v-50cbb5e2]{display:block;height:20rem;width:100vw;position:absolute;text-align:center;font-size:31rem;letter-spacing:1rem;top:40%;opacity:.2;color:#98c3ee}.listitem[data-v-50cbb5e2]{cursor:pointer}.v-btn[data-v-50cbb5e2]{border-radius:0px !important}

.reducePadding[data-v-88aa6050] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


.client_txt[data-v-88aa6050] {
  margin-top: -0.5rem !important;
}

.searchBox[data-v-c3b9f1ee]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}

.reducePadding[data-v-16696028] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.v-input--selection-controls.v-input[data-v-16696028] {
  margin-top: 10px;
}


.userForm_txt[data-v-16696028] {
  margin-top: 0rem !important;
}


.reducePadding[data-v-3e9a9e6a] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


.reducePadding[data-v-6313cdb8] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


.owner_txt[data-v-6313cdb8] {
  margin-top: -1rem;
}
.owner_status[data-v-6313cdb8] {
  margin-top: 0.5rem !important;
}
.reducePadding[data-v-6313cdb8] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


.reducePadding[data-v-4d84d42e] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.v-input--selection-controls.v-input[data-v-4d84d42e] {
  /* flex: 0 1 auto; */
  margin-top: 10px;
}


.group_txt {
  margin-top: -1rem !important;
}

.searchBox[data-v-ed68dfb0]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}
.reducePadding[data-v-ecc35106]{padding-top:6px !important;padding-bottom:6px !important}

.reducePadding[data-v-a844e16a] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
#tabsLabel[data-v-a844e16a] {
  font-size: 1.2em;
}
.v-input--selection-controls.v-input[data-v-a844e16a] {
  /* flex: 0 1 auto; */
  margin-top: 10px;
}


.txt[data-v-a844e16a] {
  margin-top: -1rem;
}


.reducePadding[data-v-cb3e5c72] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.v-input--selection-controls.v-input[data-v-cb3e5c72] {
  /* flex: 0 1 auto; */
  margin-top: 10px;
}
#tabsLabel[data-v-cb3e5c72] {
  font-size: 1.2em;
}


.status_txt[data-v-cb3e5c72] {
  margin-top: -1rem;
}


.reducePadding[data-v-132f7d44] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
#tabsLabel[data-v-132f7d44] {
  font-size: 1.2em;
}
.v-input--selection-controls.v-input[data-v-132f7d44] {
  /* flex: 0 1 auto; */
  margin-top: 10px;
}


.ftxt[data-v-132f7d44] {
  margin-top: -0.5rem !important;
}


.reducePadding[data-v-8fe6f28c] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.v-input--selection-controls.v-input[data-v-8fe6f28c] {
  /* flex: 0 1 auto; */
  margin-top: 10px;
}
#tabsLabel[data-v-8fe6f28c] {
  font-size: 1.2em;
}

.searchBox[data-v-b86bc048]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.ghost[data-v-b86bc048]{opacity:.5;background:red}.list-group-item[data-v-b86bc048]{color:#000}

@media screen and (min-width: 480px) and (max-width: 2000px) {
.buttons {
    margin-left: 20px;
}
}


.tabs[data-v-5f821e60] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* .v-text-field--outlined > .v-input__control > .v-input__slot {
  align-items: stretch;
} */
.appbar_sub[data-v-5f821e60] {
  background-image: linear-gradient(to right, #2545a2, #22b3dd);
  /* position: fixed; */
}
.progress__bridge[data-v-5f821e60] {
  color: green;
}
.newbtn[data-v-5f821e60] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  /* border-radius: 1px;
  border:1px solid black;
  padding: 0 2em;
  background-color: #1976d2; */
}

/* .v-input input {
  max-height: 26px !important;
} */
.sub_bar[data-v-5f821e60] {
  padding-left: 30px;
  width: 100%;
}
.title_sub[data-v-5f821e60] {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px;
}
.title_sub[data-v-5f821e60]:hover {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  color: rgb(214, 205, 205);
  display: flex;
  align-items: center;
}
.title_sub2[data-v-5f821e60] {
  font-size: 18px;
  padding-bottom: 10px;
}
.v-text-field--outlined[data-v-5f821e60] {
  align-items: stretch;
  border-radius: 1px !important;
  min-height: 45px !important;
}
.primarysaveclosebutton[data-v-5f821e60] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #1976d2;
  color: white !important;
}
.primarysavebutton[data-v-5f821e60] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #1976d2;
  color: white !important;
}
.secondaryclosebutton[data-v-5f821e60] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #6c757d;
  color: white !important;
}

/* .closebtnposn {
  bottom: 0;
  opacity: 1 !important;
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 2em;
  background-color: #6c757d;
  color: white;
  margin-bottom: 0.7% !important;
} */
.savebtnposn[data-v-5f821e60] {
  bottom: 0;
  opacity: 1 !important;
  /* position: absolute; */
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 2em;
  background-color: #1976d2;
  color: white;
  margin-top: 10px;
}
.v-input__slot[data-v-5f821e60] {
  min-height: 45px !important;
  /* align-items: stretch; */
  /* height: 45px !important; */
}
.vpd-clear-btn[data-v-5f821e60] {
  margin-left: 94% !important;
}
.datepicker[data-v-5f821e60] {
  border-right: 1px solid lightgrey;
  float: left;
  width: 100%;
  position: relative;
  margin-top: -9px;
}
.vpd-input-group input[data-v-5f821e60] {
  cursor: pointer !important;
  border: 1px solid lightgrey !important;
}
.stepprogress[data-v-5f821e60] {
  display: flex;
  justify-content: center;
  /* margin: -3rem 0 4rem 0; */
}

/* @media screen and (max-width: 480px) {
  .area {
    margin-top: 4px;
  }
} */
@media screen and (min-width: 480px) {
.rowclass[data-v-5f821e60] {
    justify-content: flex-end;
    margin-right: 7rem;
}
.progressrow[data-v-5f821e60] {
    margin-top: 2rem;
}
.rowclass1[data-v-5f821e60] {
    justify-content: flex-end;
    margin-right: 3rem;
    margin-top: 2rem;
}
.closebtnposn[data-v-5f821e60] {
    bottom: 0;
    opacity: 1 !important;
    /* position: absolute; */
    border-radius: 3px !important;
    border: 1px solid;
    padding: 3px 2em;
    background-color: #6c757d;
    color: white;
    margin-top: 6px;
    /* margin-right: 8% !important; */
    margin-bottom: 0.7% !important;
}
.headerclass[data-v-5f821e60] {
    font-weight: bold;
    cursor: pointer;
    padding: 1px;
    font-size: 14px;
    /* letter-spacing: 1px; */
}
}
@media screen and (max-width: 480px) {
.jobid[data-v-5f821e60] {
    margin-top: -42px;
}
.to[data-v-5f821e60] {
    margin-top: -3px !important;
}
.sub[data-v-5f821e60] {
    margin-top: -69px !important;
}
.sub1[data-v-5f821e60] {
    margin-top: -52px !important;
}
.buttonclass[data-v-5f821e60] {
    text-align: center;
    display: flex !important;
}
.rowclass[data-v-5f821e60] {
    justify-content: center;
    /* margin-right: 7rem; */
}
.progressbar[data-v-5f821e60] {
    display: none !important;
}
.rowclass1[data-v-5f821e60] {
    justify-content: center;
    margin-top: 2rem;
    /* margin-right: 7rem; */
}
.styleData[data-v-5f821e60] {
    justify-content: center !important;
    padding-right: 0%;
}
.closebtnposn[data-v-5f821e60] {
    bottom: 0;
    opacity: 1 !important;
    /* position: absolute; */
    border-radius: 3px !important;
    border: 1px solid;
    padding: 3px 1em;
    background-color: #6c757d;
    color: white;
    /* margin-right: 8% !important; */
    margin-bottom: 0.7% !important;
}
.headerclass[data-v-5f821e60] {
    cursor: pointer;
    padding: 1px;
    font-size: 11px;
    font-weight: 600;
}
}

/*  */
/* .primarybutton:invalid{
  background-color: grey;
} */
/* .v-text-field>.v-input__control>.v-input__slot {
    cursor: text;
    min-height: 45px !important;
} */


.tabs[data-v-439111d5] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
/* .v-text-field--outlined > .v-input__control > .v-input__slot {
  align-items: stretch;
} */
.appbar_sub[data-v-439111d5] {
  background-image: linear-gradient(to right, #2545a2, #22b3dd);
  /* position: fixed; */
}
.datepicker[data-v-439111d5] {
  border-right: 1px solid lightgrey;
  float: left;
  width: 100%;
  position: relative;
  margin-top: -9px;
}
.vpd-input-group input[data-v-439111d5] {
  cursor: pointer !important;
  border: 1px solid lightgrey !important;
}
/* @media screen and (max-width: 480px) {
  .area {
    margin-top: 4px;
  }
} */
@media screen and (max-width: 480px) {
.jobid[data-v-439111d5] {
    margin-top: -42px;
}
}
@media screen and (max-width: 480px) {
.to[data-v-439111d5] {
    margin-top: -3px !important;
}
}
@media screen and (max-width: 480px) {
.sub[data-v-439111d5] {
    margin-top: -69px !important;
}
}
@media screen and (max-width: 480px) {
.sub1[data-v-439111d5] {
    margin-top: -52px !important;
}
.headerclass[data-v-439111d5] {
    cursor: pointer;
    padding: 1px;
    font-size: 11px;
    font-weight: 600;
}
}
@media screen and (min-width: 480px) {
.headerclass[data-v-439111d5] {
    font-weight: bold;
    cursor: pointer;
    padding: 1px;
    font-size: 14px;
    /* letter-spacing: 1px; */
}
}
.newbtn[data-v-439111d5] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
/* .v-input input {
  max-height: 26px !important;
} */
.sub_bar[data-v-439111d5] {
  padding-left: 30px;
  width: 100%;
}
.title_sub[data-v-439111d5] {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px;
}
.title_sub[data-v-439111d5]:hover {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  color: rgb(214, 205, 205);
  display: flex;
  align-items: center;
}
.title_sub2[data-v-439111d5] {
  font-size: 18px;
  padding-bottom: 10px;
}
.v-text-field--outlined[data-v-439111d5] {
  align-items: stretch;
  border-radius: 1px !important;
  min-height: 45px !important;
}
.savebtnposn[data-v-439111d5] {
  bottom: 0;
  opacity: 1 !important;
  position: absolute;
}
.v-input__slot[data-v-439111d5] {
  min-height: 45px !important;
  /* align-items: stretch; */
  /* height: 45px !important; */
}
.vpd-clear-btn[data-v-439111d5] {
  margin-left: 94% !important;
}
/* .v-label{
  font-size: 10px
} */

/* .v-text-field>.v-input__control>.v-input__slot {
    cursor: text;
    min-height: 45px !important;
} */


.supportimg {
  background-image: url(/img/support1.36df7fa2.jpg);
  height: 400px;
  margin: AUTO;
  margin-top: 5rem;
  width: 500px;
  /* background: linear-gradient(
    to right,
    rgba(100, 159, 202, 0),
    rgba(130, 205, 238, 0)
  ); */
  /* height: 80vh; */
  background-position: top;
}
@media screen and (max-width: 480px) {
.supportimg {
    width: 100vw;
}
}

.searchBox[data-v-0a39c8a6]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.justify-center[data-v-0a39c8a6]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-0a39c8a6]{opacity:.5;background:blue}.iconclass[data-v-0a39c8a6]{display:flex;margin-left:30%}.list-group-item[data-v-0a39c8a6]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-0a39c8a6]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-0a39c8a6]{padding-left:288px}}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.main-container {
  /* border: 1px solid black; */
  display: grid;
  margin: 1rem;
  padding: 1rem;
  /* grid-template-columns: auto; */
  /* grid-template-rows: auto; */
  grid-template-areas:
    'a  '
    'h  '
    'i ';
  width: 96%;
  height: auto;
  gap: 2rem;
}
.avatar-container {
  /* border: 1px solid black; */
  display: flex;
  grid-area: a;
  justify-content: center;
  align-items: center;
}
.avatar {
  margin: 0.5rem;
}
.second-row {
  grid-area: h;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.third-row {
  grid-area: i;
  display: flex;

  flex-wrap: wrap;
  justify-content: space-around;
}
.completed-box-container {
  grid-area: b;
  /* border: 1px solid black; */
  justify-content: center;
  align-items: center;
  min-width: 290px;
  margin: 0.5rem;
  padding: 0.5rem;
}
.audit-box-container {
  grid-area: c;
  /* border: 1px solid black; */
  justify-content: center;
  align-items: center;
  min-width: 290px;
  margin: 0.5rem;
  padding: 0.5rem;
}
.current-box-container {
  grid-area: d;
  /* border: 1px solid black; */
  justify-content: center;
  align-items: center;
  min-width: 290px;
  position: relative;
  margin: 0.5rem;
  padding: 0.5rem;
}
.datatable {
  grid-area: e;
  /* border: 1px solid black; */
  justify-content: center;
  align-items: center;
  border-radius: 5px solid grey;
  margin: 0.5rem;
  padding: 0.5rem;
  flex-basis: 60%;
}
.piechart {
  grid-area: f;
  /* border: 1px solid black; */
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  padding: 0.5rem;
}
.icon1 {
  width: 100%;
  height: 100%;
}
.icon2 {
  width: 100%;
  height: 100%;
}
.icon3 {
  width: 100%;
  height: 100%;
}
/* .donutchart { */
/* grid-area: g; */
/* border: 1px solid black; */
/* justify-content: center;
  align-items: center; */
/* } */
.apexcharts-legend {
  display: none !important;
}
@media screen and (max-width: 1400px) {
.completed-box {
    max-width: 290px !important;
}
.audit-box {
    max-width: 290px !important;
}
.current-box {
    max-width: 290px !important;
}
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
.second-row {
    flex-direction: column;
    align-content: center;
    gap: 2rem;
}
.datatable {
    min-width: 300px;
}
}
@media screen and (max-width: 576px) {
}

.searchBox[data-v-68c524d1]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.v-text-field input[data-v-68c524d1]::-moz-placeholder{color:#000;font-size:14px}.v-text-field input[data-v-68c524d1]:-ms-input-placeholder{color:#000;font-size:14px}.v-text-field input[data-v-68c524d1]::placeholder{color:#000;font-size:14px}.v-input--selection-controls.v-input[data-v-68c524d1]{margin-top:-28px}.justify-center[data-v-68c524d1]{margin-top:-15rem;margin-left:30rem}.search[data-v-68c524d1]{width:40%}.loading[data-v-68c524d1]{justify-content:center;align-items:center}.style-1[data-v-68c524d1]{background-color:#26b45f !important}.style-2[data-v-68c524d1]{background-color:#727243 !important}.myclass[data-v-68c524d1]{color:red;background-color:green}.iconclass[data-v-68c524d1]{display:flex;margin-left:30%}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-68c524d1]{padding-left:318px}}

.fullcontain{
  /* background-color: aquamarine; */
  height: 43rem;
  width: inherit;
  background-image: linear-gradient(#34dbff,#34dbff);
  /* background-image: url('C:\botworksproject\vue\src\assets\bgnew.jpg'); */
  /* background-repeat: no-repeat; */
  /* background-size: 100% 100%; */
}


.wrapper[data-v-5723a751] {
  position: relative;
  width: 100vw;
}
.leftbox[data-v-5723a751] {
  /* border: 1px solid black; */
  background-color: white;
  grid-column: 1/2;
  height: 70%;
  align-self: self-end;
  background-image: url(/img/4880206rotated.4db07aa1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rightbox[data-v-5723a751] {
  /* border: 1px solid black; */
  background-color: white;
  grid-column: 3/4;
  height: 70%;
  align-self: self-end;
  background-image: url(/img/4880206rotated.4db07aa1.jpg);
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  justify-content: center;
  align-items: center;
}
.charttablebox[data-v-5723a751] {
  background-color: #e8f1fb;
  grid-column: 1/2;
  grid-row: 1/3;
  min-width: 180px;
  padding-left: 2rem;
  /* box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
      rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
      rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
      rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
      rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */
  /* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */
}
.bg1[data-v-5723a751] {
  /* border: 1px solid black; */
  /* border-radius: 10px; */
  /* margin: 140px 0 0 0; */
  height: 95vh;
  box-shadow: 5px;
  background-color: #125293;
  /* background: linear-gradient(to top, white, #125293); */
  display: grid;
  grid-template-columns: 0.1fr 1fr 0.1fr;
  grid-template-rows: 0.3fr 2fr;
  align-content: end;
}

/* .haesok {
  grid-column: 2/4;
  width: 100%;
  justify-content: center;
} */
.haesoktextbackground[data-v-5723a751] {
  color: #fff;
  display: block;
  width: 100vw;
  height: 100%;
  /* text-align: center; */
  font-size: 26vw;
  letter-spacing: 1.3rem;
  position: absolute;
  top: -12.5rem;
  opacity: 0.04;
}
.header[data-v-5723a751] {
  /* width: 100% !important; */
  grid-column: 2/3;
  height: auto;
  justify-self: center;
  text-align: center;
  align-self: flex-end;
  align-items: flex-end;
  font-size: 42px;
  font-family: Poppins;
  /* letter-spacing: 1px; */
  text-transform: capitalize;
  position: relative;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  word-spacing: 2px;
  z-index: 1;
}
.charttable[data-v-5723a751] {
  /* border: 1px solid #06113c; */
  background-color: white;
  /* border-radius: 10px; */
  grid-column: 2/3;
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  grid-template-rows: 1fr;
  /* row-gap: 2rem; */
  height: 90%;
  width: 100%;
  min-width: 600px;
  align-self: self-end;
  box-shadow: 0 0 5px #06113c, 0 0 20px #06113c;
  z-index: 1;
  /* min-width: 800px; */
  /* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5); */
}
.table[data-v-5723a751] {
  grid-column: 2/4;
  border: 1px solid #06113c;
  /* border-radius: 20px; */
  /* justify-self: space-around; */
  height: auto;
  align-self: self-start;
  margin: 1rem 1rem;
  margin-bottom: 2rem;
  transition: 500ms;
  align-self: flex-start;
}
.table[data-v-5723a751]:hover {
  box-shadow: 0 0 5px #06113c, 0 0 20px #06113c;
}
.jobdetails[data-v-5723a751] {
  /* display: flex; */
  /* justify-content: space-between; */
  height: 3rem;
  background-color: #125293;
  text-align: center;
  border-bottom: 1px solid #06113c;
  color: #fff;
  font-family: Poppins;
  padding-top: 0.5em;
  /* margin-bottom: 1rem; */
  font-size: 18px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  font-variant: small-caps;
  letter-spacing: 1px;
}
.piechart1[data-v-5723a751] {
  justify-self: center;
  height: auto;
  align-self: center;
  /* grid-column: 2/3; */
  /* margin-right: 2rem; */

  /* display: none; */
}
.donutchart1[data-v-5723a751] {
  justify-self: center;
  height: auto;
  align-self: center;
  /* grid-column: 3/4; */
  /* margin-left: 2rem; */

  /* display: none; */
}
.totaljobs[data-v-5723a751] {
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 1rem;
}
.currentjobstext[data-v-5723a751] {
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 1rem;
}
.jobs[data-v-5723a751] {
  display: flex;
  justify-content: flex-end;
  margin: 1rem 0 0 0.5rem;
}
.auditjobs[data-v-5723a751] {
  /* background-color: #125293; */
  grid-column: 3/4;
  /* grid-row: 2/4; */
  border: 1px solid #06113c;
  /* color: #fff; */
  color: #06113c;
  text-transform: uppercase;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  padding: 0.2rem 1rem;
  /* margin: ; */
  border-radius: 10px;
  position: relative;
  transition: 500ms;
  /* text-transform: capitalize; */
  font-size: 12px;
  height: 2rem;
  justify-self: flex-start;
  margin: 0 0.5rem;
}
.auditjobsselected[data-v-5723a751] {
  /* background-color: #fff; */
  grid-column: 2/3;
  border: 1px solid #06113c;
  /* color: #fff; */
  /* color: #06113c; */
  /* grid-row: 2/4; */

  padding: 0.2rem 1rem;
  margin: 0 0.5rem;
  border-radius: 10px;
  position: relative;
  transition: 500ms;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  text-transform: uppercase;
  font-size: 12px;
  height: 2rem;
  transform: scale(1.1);
  background-color: #125293;
  color: #fff;
}
.auditjobs[data-v-5723a751]:hover {
  /* background: radial-gradient(white, white, #06113c);
  background-color: white;
  color: #06113c; */
  box-shadow: 0 0 5px #06113c;
}
.auditjobs[data-v-5723a751]:active {
  transform: scale(0.8);
  background-color: #06113c;
  color: #fff;
}
.completedjobs[data-v-5723a751] {
  /* background-color: #125293; */
  grid-column: 3/4;
  /* grid-row: 2/4; */
  border: 1px solid #06113c;
  /* color: #fff; */
  color: #06113c;
  text-transform: uppercase;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  padding: 0.2rem 1rem;
  /* margin: ; */
  border-radius: 10px;
  position: relative;
  transition: 500ms;
  /* text-transform: capitalize; */
  font-size: 12px;
  height: 2rem;
  justify-self: flex-start;
  margin: 0 0.5rem;
}
.completedjobsselected[data-v-5723a751] {
  /* background-color: #fff; */
  grid-column: 2/3;
  border: 1px solid #06113c;
  /* color: #fff; */
  /* color: #06113c; */
  /* grid-row: 2/4; */

  padding: 0.2rem 1rem;
  margin: 0 0.5rem;
  border-radius: 10px;
  position: relative;
  transition: 500ms;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  text-transform: uppercase;
  font-size: 12px;
  height: 2rem;
  transform: scale(1.1);
  background-color: #125293;
  color: #fff;
}
.completedjobs[data-v-5723a751]:hover {
  /* background: radial-gradient(white, white, #06113c);
  background-color: white;
  color: #06113c; */
  box-shadow: 0 0 5px #06113c;
}
.completedjobs[data-v-5723a751]:active {
  transform: scale(0.8);
  background-color: #06113c;
  color: #fff;
}
.currentjobs[data-v-5723a751] {
  background-color: #fff;
  grid-column: 2/3;
  border: 1px solid #06113c;
  /* color: #fff; */
  color: #06113c;
  /* grid-row: 2/4; */

  padding: 0.2rem 1rem;
  margin: 0 0.5rem;
  border-radius: 10px;
  position: relative;
  transition: 500ms;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  text-transform: uppercase;
  font-size: 12px;
  height: 2rem;
}
.currentjobsselected[data-v-5723a751] {
  /* background-color: #fff; */
  grid-column: 2/3;
  border: 1px solid #06113c;
  /* color: #fff; */
  /* color: #06113c; */
  /* grid-row: 2/4; */

  padding: 0.2rem 1rem;
  margin: 0 0.5rem;
  border-radius: 10px;
  position: relative;
  transition: 500ms;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  text-transform: uppercase;
  font-size: 12px;
  height: 2rem;
  transform: scale(1.1);
  background-color: #125293;

  color: #fff;
}
.v-data-footer[data-v-5723a751] {
  /* display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  font-size: 0.75rem !important;
  padding: 0 8px !important;
  justify-content: end !important; */
  margin-left: 20rem !important;
}
.currentjobs[data-v-5723a751]:hover {
  /* background: radial-gradient(white, white, #06113c);
  background-color: white;
  color: #06113c; */
  box-shadow: 0 0 5px #06113c;
}
.currentjobs[data-v-5723a751]:active {
  transform: scale(0.8);
  background-color: #06113c;
  color: #fff;
}
.job-detail-button[data-v-5723a751] {
  text-align: center;
}
@media only screen and (max-width: 1400px) {
.haesoktextbackground[data-v-5723a751] {
    top: -22%;
}
}
@media only screen and (max-width: 1279px) {
.charttable[data-v-5723a751] {
    grid-template-columns: 0.1fr 1fr;
    min-width: 700px;
    margin-bottom: 3rem;
}
.table[data-v-5723a751] {
    grid-column: 2/4;
}
.rightbox[data-v-5723a751] {
    display: none;
}
.leftbox[data-v-5723a751] {
    display: none;
}
.charttablebox[data-v-5723a751] {
    grid-column: 1/2;
}
}
@media only screen and (max-width: 1200px) {
.rightbox[data-v-5723a751] {
    display: none;
}
.leftbox[data-v-5723a751] {
    display: none;
}
.charttable[data-v-5723a751] {
    grid-column: 1/4;
}
}
@media only screen and (max-width: 900px) {
.charttablebox[data-v-5723a751] {
    display: none;
}
.charttable[data-v-5723a751] {
    grid-template-columns: 1fr;
}
.table[data-v-5723a751] {
    grid-column: 1/4;
}
}
@media only screen and (max-width: 800px) {
.charttable[data-v-5723a751] {
    padding: 2rem;
}
}


.wrapper[data-v-e9d19692] {
  /* display: grid; */
  width: 70%;
  height: 65%;
  margin: auto;
  gap: 0px;
  grid-template-rows: 0.2fr 1fr;
  margin-top: 2rem;
  background-color: #fff;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border-radius: 5px;
  /* border: 1px black solid; */
  z-index: 10;
  /* display: none; */
}
.maindiv[data-v-e9d19692] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1rem;
}
.datacontainer[data-v-e9d19692] {
  margin-top: 5rem;
}
.backbutton[data-v-e9d19692] {
  background-color: #125293 !important;
  text-transform: uppercase;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  border-radius: 5px !important;
  position: relative;
  transition: 500ms;
  font-size: 14px !important;
  margin-bottom: 1rem;
  color: #fff !important;
}
.backbutton[data-v-e9d19692]:hover {
  box-shadow: 0 0 5px #06113c;
}
.stepprogress[data-v-e9d19692] {
  display: flex;
  justify-content: center;
  margin: -3rem 0 4rem 0;
}
/* .v-text-field--outlined > .v-input__control > .v-input__slot {
  align-items: stretch;
} */
.appbar_sub[data-v-e9d19692] {
  /* background-image: linear-gradient(to right, #2545a2, #22b3dd); */
  /* position: fixed; */
  background-color: #125293 !important;
}
.datepicker[data-v-e9d19692] {
  border-right: 1px solid lightgrey;
  float: left;
  width: 100%;
  position: relative;
  margin-top: -9px;
}
.vpd-input-group input[data-v-e9d19692] {
  cursor: pointer !important;
  border: 1px solid lightgrey !important;
}
/* @media screen and (max-width: 480px) {
  .area {
    margin-top: 4px;
  }
} */
@media screen and (max-width: 480px) {
.jobid[data-v-e9d19692] {
    margin-top: -42px;
}
}
@media screen and (max-width: 480px) {
.to[data-v-e9d19692] {
    margin-top: -3px !important;
}
}
@media screen and (max-width: 480px) {
.sub[data-v-e9d19692] {
    margin-top: -69px !important;
}
}
@media screen and (max-width: 480px) {
.sub1[data-v-e9d19692] {
    margin-top: -52px !important;
}
}
.newbtn[data-v-e9d19692] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
/* .v-input input {
  max-height: 26px !important;
} */
.sub_bar[data-v-e9d19692] {
  padding-left: 30px;
  width: 100%;
}
.title_sub[data-v-e9d19692] {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px;
}
.title_sub[data-v-e9d19692]:hover {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  color: rgb(214, 205, 205);
  display: flex;
  align-items: center;
}
.title_sub2[data-v-e9d19692] {
  font-size: 18px;
  padding-bottom: 10px;
}
.v-text-field--outlined[data-v-e9d19692] {
  align-items: stretch;
  border-radius: 1px !important;
  min-height: 45px !important;
}
.savebtnposn[data-v-e9d19692] {
  bottom: 0;
  opacity: 1 !important;
  position: absolute;
}
.v-input__slot[data-v-e9d19692] {
  min-height: 45px !important;
  /* align-items: stretch; */
  /* height: 45px !important; */
}
.vpd-clear-btn[data-v-e9d19692] {
  margin-left: 94% !important;
}
/* .v-label{
  font-size: 10px
} */

/* .v-text-field>.v-input__control>.v-input__slot {
    cursor: text;
    min-height: 45px !important;
} */

















































































































































































































































































































































































































/* .v-input__slot {
  min-height: 45px !important;
} */
.v-input--selection-controls.v-input {
  margin-top: -28px;
}
@media screen and (min-width: 480px) and (max-width: 2000px) {
.buttons {
    margin-left: 20px;
}
}