@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{font-size:14px !important;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;font-weight:550}.v-autocomplete__content .v-select-list .v-list-item{position:relative}.v-autocomplete__content .v-select-list .v-list-item .v-list-item__title{position:absolute;left:30px}.v-autocomplete__content .v-select-list .v-list-item{height:2rem !important;min-height:2rem !important}.v-autocomplete__content .mdi:before{font-size:18px !important}.v-menu__content .v-simple-checkbox{position:relative;right:55%}.vpd-input-group .vpd-clear-btn{left:-15px !important}.fullViewHeight{height:100vh}.v-data-table th{font-size:13px !important;font-weight:bold !important}.v-label{font-size:12px !important}.v-stepper__label{font-size:12px !important}.v-data-table td{font-weight:600 !important}.v-tab{font-size:13px !important;text-transform:capitalize !important;font-weight:bold !important}.v-btn{text-transform:capitalize !important}.progress__label{font-size:12px !important}.fullHeight{height:100%}.v-list-item__title,v-textarea{font-size:13px !important}.v-textarea{font-size:12px !important}.v-input__slot{min-height:40px !important}.v-input--selection-controls.v-input--checkbox{margin-top:-35px}.v-autocomplete{font-size:13px !important}.v-text-field--outlined{font-size:12px !important}.vpd-clear-btn{margin-left:94% !important}.v-text-field--dense{font-size:14px !important}.v-chip.v-size--default{font-size:13px !important;font-weight:600 !important}.v-radio-group{font-size:12px !important}.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 !important}.v-list--dense .v-list-item,.v-autocomplete--outlined,.v-list-item--dense{min-height:0px !important}.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;
}
.rowclass {
  height: 35px !important;
}
.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;
}
.selecttext {
    padding-left: 250px;
}
}
@media screen and (max-width: 480px) {
.bold {
    display: none;
}
}
.mb {
  margin-top: 50%;
}
.v-input__slot {
  min-height: 40px !important;
}
.vpd-clear-btn {
  margin-left: 94% !important;
}

/* .v-label {
  font-size: 14px !important;
} */
.Report_txt {
  margin-top: -1.5rem !important;
}

.px-51[data-v-74db7222]{margin-top:-10%}.login_box[data-v-74db7222]{height:500px;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.mail[data-v-74db7222]{min-height:3vh;max-height:15vh;width:80%;display:flex;flex-direction:column;justify-content:center}.orbitcontainer[data-v-74db7222]{display:flex;justify-content:center}.orbitspinner[data-v-74db7222]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.login-container[data-v-74db7222]{background-color:#154360;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.note[data-v-74db7222]{color:#1976d2;font-weight:500}
.camera[data-v-4df049f2]{padding-bottom:-100%}.px-51[data-v-4df049f2]{margin-top:-10%}[data-v-4df049f2] .v-toolbar__content{padding:0 16px 0 0 !important}.classMain[data-v-4df049f2]{overflow-y:auto !important}.red[data-v-4df049f2]{color:inherit}.Dashmenu[data-v-4df049f2]{background-color:#488fef}.haesoktextbackground[data-v-4df049f2]{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-4df049f2]{cursor:pointer}.v-btn[data-v-4df049f2]{border-radius:0px !important}

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


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

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

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


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


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


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


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


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


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


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

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

.error-row[data-v-cceb8944] {
  background-color: #ffcccc;
}

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

.reducePadding[data-v-9c672db4] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
#tabsLabel[data-v-9c672db4] {
  font-size: 1.2em;
}

/* .v-input--selection-controls.v-input {
  margin-top: 10px;
} */


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


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


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


.reducePadding[data-v-e534c454] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
#tabsLabel[data-v-e534c454] {
  font-size: 1.2em;
}
.ghost[data-v-e534c454] {
  opacity: 0.5;
  background: #1976d2;
}


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


.reducePadding[data-v-de79296c] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.datepicker[data-v-de79296c] {
  margin-top: -30px;
  border-right: 1px solid lightgrey;
}
.ghost[data-v-de79296c] {
  opacity: 0.5;
  background: #1976d2;
  color: white
}
.list-group-item[data-v-de79296c] {
  opacity: 1.5;
  color: black;
  display: flex;
  justify-content: space-between;
}
#tabsLabel[data-v-de79296c] {
  font-size: 1.2em;
}
.hidden-checkbox .v-input__control[data-v-de79296c] {
  display: none;
}
@media screen and (max-width: 600px) {
.dashfirst[data-v-de79296c] {
    /* height: 2.5vh;
  width: 11% !important; */
    /* background-color: aquamarine; */
    /* border-width: 1.5px 0 0 1.5px;
  border-style: solid;
  border-color: black;
  position: relative;
  left: 1.1%; */
    /* top: 5%; */
    display: none;
}
.dashfirst p[data-v-de79296c] {
    /* height: 3.5vh;
  width: 140%;
  background-color: #dde6f7;
  color: green;
  right: 65%;
  top: 100%;
  position: relative; */
    display: none;
    /* top: 30px; */
    /* border-radius: 1rem;
  padding-top: 1px;
  display: flex;
  justify-content: center;
  align-content: center; */
    /* border-radius: 1rem; */
}
.dash[data-v-de79296c] {
    /* height: 13vh;
  width: 11% !important; */
    /* background-color: black; */
    /* border-width: 1.5px 0 0 1.5px;
  border-style: solid;
  border-color: black;
  position: relative;
  top: 30%;
  left: 2.1%; */
    display: none;
}
.dash p[data-v-de79296c] {
    /* max-height: 2.2vh;
  width: 120%;
  background-color: #dde6f7;
  color: green; */
    /* align-content: center; */
    /* display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  right: 65%;
  top: 30px;
  border-radius: 1rem;
  padding-top: 2px; */
    display: none;
}

  /* .dashlast {
  height: 3vh;
  width: 11%;
  border-width: 1.5px 0 0 0;
  border-style: solid;
  border-color: black;
  position: relative;
  left: 1.1%;
  top: 64%;
} */
  /* .dashlast {
  height: vh;
  width: 100%;
  border-width: 1.5px 0 0 0;
  border-style: solid;
  border-color: black;
  position: relative;
  left: 1.1%;
  top: 7%; */
  /* position: absolute; */
  /* } */
}
@media screen and (min-width:600px) and (max-width: 960px) {
.dashfirst[data-v-de79296c] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-de79296c] {
    height: 3.5vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    /* top: 30px; */
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    /* border-radius: 1rem; */
}
.dash[data-v-de79296c] {
    height: 13.6vh;
    width: 11% !important;
    /* background-color: black; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-de79296c] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    /* align-content: center; */
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-de79296c] {
    height: 3vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
    /* position: absolute; */
}
}
@media screen and (min-width:960px) and (max-width:1264px) {
.dashfirst[data-v-de79296c] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-de79296c] {
    height: 3.5vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    /* top: 30px; */
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    /* border-radius: 1rem; */
}
.dash[data-v-de79296c] {
    height: 13.6vh;
    width: 11% !important;
    /* background-color: black; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-de79296c] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    /* align-content: center; */
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-de79296c] {
    height: 3vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
    /* position: absolute; */
}
}
@media screen and (min-width:1264px) and (max-width:1904px) {
.dashfirst[data-v-de79296c] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-de79296c] {
    height: 3vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.dash[data-v-de79296c] {
    height: 14.5vh;
    width: 11% !important;
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-de79296c] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-de79296c] {
    height: 5vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
}
}
@media screen and (min-width: 1904px) {
.dashfirst[data-v-de79296c] {
    height: 2.5vh;
    width: 11% !important;
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
}
.dashfirst p[data-v-de79296c] {
    height: 2.5vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.dash[data-v-de79296c] {
    height: 9vh;
    width: 11% !important;
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-de79296c] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-de79296c] {
    height: 3vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
}
}
.divclass[data-v-de79296c] {
  background: #7f7b7b;
  margin-top: -23px;
  max-width: 5%;
}
.divspan[data-v-de79296c] {
  margin-top: -25px;
  color: #7f7b7b
}
.parentdiv[data-v-de79296c] {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 26px;
  position: relative;
}


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


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


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


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

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

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

.tabs[data-v-f401c9e2]{border-bottom:1px solid rgba(0,0,0,.2)}.pr[data-v-f401c9e2]{position:relative}.actionhead[data-v-f401c9e2]{height:4vh;width:98%;display:flex;justify-content:space-between;align-items:center}.ApprovedBox[data-v-f401c9e2]{height:4vh;width:5%;position:absolute;top:30%;left:-5%;display:flex;align-items:center;justify-content:center}.ApprovedBoxR[data-v-f401c9e2]{height:4vh;width:5%;position:absolute;top:10%;left:-5%;display:flex;align-items:center;justify-content:center}.ApprovalBox[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:38.5rem;top:-28%;display:flex;justify-content:flex-end;font-size:12px}.ApprovalBox1[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:85%;top:-43%;font-size:12px;display:flex;justify-content:flex-end}.ApprovalBox2[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:85%;top:-35%;font-size:12px;display:flex;justify-content:flex-end}.ApprovalBox3[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:85%;top:10%;font-size:12px;display:flex;justify-content:flex-end}.ApprovalBox4[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:85%;top:-50%;font-size:12px;display:flex;justify-content:flex-end}.ApprovalBox5[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:40rem;top:-28%;display:flex;justify-content:flex-end;font-size:12px}.ApprovalBox6[data-v-f401c9e2]{height:2vh;width:5vw;position:absolute;left:30rem;top:-40%;display:flex;justify-content:flex-end;font-size:12px}.Pending[data-v-f401c9e2]{color:#2545a2}.Approved[data-v-f401c9e2]{color:green}.Denied[data-v-f401c9e2]{color:red}.Hold[data-v-f401c9e2]{color:#6c757d}.appbar_sub[data-v-f401c9e2]{background-image:linear-gradient(to right, #2545a2, #22b3dd)}.v-list-item[data-v-f401c9e2]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-f401c9e2]{min-height:25px;font-size:10px}.progress__bridge[data-v-f401c9e2]{color:green}.newbtn[data-v-f401c9e2]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif !important}.sub_bar[data-v-f401c9e2]{padding-left:30px;width:100%}.title_sub[data-v-f401c9e2]{font-size:20px;padding-bottom:10px;cursor:pointer;display:flex;align-items:center;padding:10px}.title_sub[data-v-f401c9e2]:hover{font-size:20px;padding-bottom:10px;cursor:pointer;color:#d6cdcd;display:flex;align-items:center}.title_sub2[data-v-f401c9e2]{font-size:18px;padding-bottom:10px}.v-text-field--outlined[data-v-f401c9e2]{align-items:stretch;border-radius:1px !important;min-height:45px !important}.primarysaveclosebutton[data-v-f401c9e2]{border-radius:3px !important;border:1px solid;padding:3px 1em;background-color:#1976d2;color:#fff !important}.primarysavebutton[data-v-f401c9e2]{border-radius:3px !important;border:1px solid;padding:3px 1em;background-color:#1976d2;color:#fff !important}.secondaryclosebutton[data-v-f401c9e2]{border-radius:3px !important;border:1px solid;padding:3px 1em;background-color:#6c757d;color:#fff !important}.savebtnposn[data-v-f401c9e2]{bottom:0;opacity:1 !important;border-radius:3px !important;border:1px solid;padding:3px 2em;background-color:#1976d2;color:#fff;margin-top:10px}.v-input__slot[data-v-f401c9e2]{min-height:45px !important}.vpd-clear-btn[data-v-f401c9e2]{margin-left:94% !important}.datepicker[data-v-f401c9e2]{border-right:1px solid #d3d3d3;float:left;width:100%;position:relative}.vpd-input-group input[data-v-f401c9e2]{cursor:pointer !important;border:1px solid #d3d3d3 !important}.stepprogress[data-v-f401c9e2]{text-align:-webkit-center}@media screen and (min-width: 480px){.rowclass[data-v-f401c9e2]{justify-content:flex-end;margin-right:7rem}.progressrow[data-v-f401c9e2]{margin-top:2rem}.rowclass1[data-v-f401c9e2]{justify-content:flex-end;margin-right:3rem;margin-top:2rem}.closebtnposn[data-v-f401c9e2]{bottom:0;opacity:1 !important;border-radius:3px !important;border:1px solid;padding:3px 2em;background-color:#6c757d;color:#fff;margin-top:6px;margin-bottom:.7% !important}.headerclass[data-v-f401c9e2]{font-weight:bold;cursor:pointer;padding:1px;font-size:14px;display:flex}}@media screen and (max-width: 480px){.jobid[data-v-f401c9e2]{margin-top:-42px}.to[data-v-f401c9e2]{margin-top:-3px !important}.sub[data-v-f401c9e2]{margin-top:-69px !important}.sub1[data-v-f401c9e2]{margin-top:-52px !important}.buttonclass[data-v-f401c9e2]{text-align:center;display:flex !important}.rowclass[data-v-f401c9e2]{justify-content:center}.progressbar[data-v-f401c9e2]{display:none !important}.rowclass1[data-v-f401c9e2]{justify-content:center;margin-top:2rem}.styleData[data-v-f401c9e2]{justify-content:center !important;padding-right:0%}.closebtnposn[data-v-f401c9e2]{bottom:0;opacity:1 !important;border-radius:3px !important;border:1px solid;padding:3px 1em;background-color:#6c757d;color:#fff;margin-bottom:.7% !important}.headerclass[data-v-f401c9e2]{cursor:pointer;padding:1px;font-size:11px;font-weight:600}}

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


.supportimg {
  background-image: url(/img/support1.36df7fa2.jpg);
  height: 400px;
  margin: AUTO;
  margin-top: 5rem;
  width: 500px;
  background-position: top;
}
@media screen and (max-width: 480px) {
.supportimg {
    width: 100vw;
}
}

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

* {
  margin: 0;
  box-sizing: border-box;
}
.layout,
.piechart,
.table-container,
.navi-box {
  position: relative;
}
.tagname {
  position: absolute;
  left: 2%;
  top: 2%;
  font-weight: bold;
}
.search_box {
  border: #efefef solid 2px;
}
.v-card1 {
  height: 30vh;
  width: 20rem;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
}
.v-card-content1 {
  padding: 16px;
}
.v-card-title1 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}
.v-card-description1 {
  font-size: 1rem;
  color: #777;
  margin-bottom: 16px;
}
.main-container {
  display: grid;
  margin: 0rem;
  padding: 0.5rem;
  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;
}
.current-box-container {
  height: 32vh;
  border: #efefef solid 2px;
  /* background-color: #488fef; */
}
.navi-box {
  height: 33vh;
  width: 100%;
  border: #efefef solid 2px;
}
.navi-box1 {
  height: 5vh;
  width: 100%;
  position: relative;
  /* background-color: #303f9f; */
}
.navi-box1 p {
  position: absolute;
  left: 2%;
  top: 20%;
  font-weight: bold;
}
.navi-box2 {
  height: 25vh;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  /* gap: 2rem; */
  /* background-color: rgba(0, 0, 0, 0.2); */
}
.v-btn {
  height: 3.5vh !important;
}
.navi-box2 .v-btn {
  width: 50%;
  border-radius: 0.2rem !important;
  /* color: orange !important; */
}
.piechart {
  min-height: 27vh;
  max-height: 35vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border: #efefef solid 2px;
}
.icon1 {
  width: 100%;
  height: 100%;
}
.icon2 {
  width: 100%;
  height: 100%;
}
.icon3 {
  width: 100%;
  height: 100%;
}
.apexcharts-legend {
  font-size: 0px !important;
  position: absolute !important;
  left: auto !important;
  top: 30px !important;
  right: 30px !important;
  scrollbar-width: none !important;
  overflow: auto !important;
}
.datatable {
  min-width: 300px;
}
.v-data-table__wrapper {
  scrollbar-width: none;
}
.head {
  background: #efefef
}
.Dashmenu {
  background-color: #488fef;
}
.summary-table tr:hover {
  background-color: #c0bcbc;
}
.summary-table {
  font-size: .875rem !important;
}
.ltitem:hover {
  background-color: #488fef;
  color: black;
}
.ltitem {
  min-height: 25px !important;
}
.table-container {
  min-height: 28vh;
  max-height: 35vh;
  border: lightgray 1px solid;
}
@media screen and (max-width: 576px) {}

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


.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-7d1a1dfe] {
  position: relative;
  width: 100vw;
}
.leftbox[data-v-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  display: none;
  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-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  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-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  /* border: 1px solid #06113c; */
  background-color: white;
  /* border-radius: 10px; */
  /* grid-column: 2/3; */
  display: flex;
  /* grid-template-columns: 0.1fr 1fr;
  grid-template-rows: 1fr; */
  /* row-gap: 2rem; */
  height: 90%;
  width: 100%;
  min-width: 600px;
  justify-content: space-evenly;
  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-7d1a1dfe] {
  grid-column: 2/2;
  /* grid-row: 1; */
  border: 1px solid #06113c;
  /* border-radius: 20px; */
  /* justify-content: space-evenly; */
  height: auto;
  align-self: self-start;
  margin: 1rem 1rem;
  margin-bottom: 2rem;
  transition: 500ms;
  align-self: flex-start;
  flex-basis: 100%;
}
.table[data-v-7d1a1dfe]:hover {
  box-shadow: 0 0 5px #06113c, 0 0 20px #06113c;
}
.jobdetails[data-v-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  justify-self: center;
  height: auto;
  align-self: center;
  /* grid-column: 2/3; */
  /* margin-right: 2rem; */

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

  /* display: none; */
}
.totaljobs[data-v-7d1a1dfe] {
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 1rem;
}
.currentjobstext[data-v-7d1a1dfe] {
  text-align: center;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 1rem;
}
.jobs[data-v-7d1a1dfe] {
  display: flex;
  justify-content: flex-end;
  margin: 1rem 0 0 0.5rem;
}
.auditjobs[data-v-7d1a1dfe] {
  /* 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 !important;
  height: 2rem;
  justify-self: flex-start;
  margin: 0 0.5rem;
}
.auditjobsselected[data-v-7d1a1dfe] {
  /* 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-7d1a1dfe]:hover {
  /* background: radial-gradient(white, white, #06113c);
  background-color: white;
  color: #06113c; */
  box-shadow: 0 0 5px #06113c;
}
.auditjobs[data-v-7d1a1dfe]:active {
  transform: scale(0.8);
  background-color: #06113c;
  color: #fff;
}
.completedjobs[data-v-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  /* 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-7d1a1dfe]:hover {
  /* background: radial-gradient(white, white, #06113c);
  background-color: white;
  color: #06113c; */
  box-shadow: 0 0 5px #06113c;
}
.completedjobs[data-v-7d1a1dfe]:active {
  transform: scale(0.8);
  background-color: #06113c;
  color: #fff;
}
.currentjobs[data-v-7d1a1dfe] {
  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-7d1a1dfe] {
  /* 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-7d1a1dfe] {
  /* 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-7d1a1dfe]:hover {
  /* background: radial-gradient(white, white, #06113c);
  background-color: white;
  color: #06113c; */
  box-shadow: 0 0 5px #06113c;
}
.currentjobs[data-v-7d1a1dfe]:active {
  transform: scale(0.8);
  background-color: #06113c;
  color: #fff;
}
.job-detail-button[data-v-7d1a1dfe] {
  text-align: center;
}
@media only screen and (max-width: 1400px) {
.haesoktextbackground[data-v-7d1a1dfe] {
    top: -22%;
}
}
@media only screen and (max-width: 1279px) {
.charttable[data-v-7d1a1dfe] {
    grid-template-columns: 0.1fr 1fr;
    min-width: 700px;
    margin-bottom: 3rem;
}
.table[data-v-7d1a1dfe] {
    grid-column: 2/4;
}
.rightbox[data-v-7d1a1dfe] {
    display: none;
}
.leftbox[data-v-7d1a1dfe] {
    display: none;
}
.charttablebox[data-v-7d1a1dfe] {
    grid-column: 1/2;
}
}
@media only screen and (max-width: 1200px) {
.rightbox[data-v-7d1a1dfe] {
    display: none;
}
.leftbox[data-v-7d1a1dfe] {
    display: none;
}
.charttable[data-v-7d1a1dfe] {
    grid-column: 1/4;
}
}
@media only screen and (max-width: 900px) {
.charttablebox[data-v-7d1a1dfe] {
    display: none;
}
.charttable[data-v-7d1a1dfe] {
    grid-template-columns: 1fr;
}
.table[data-v-7d1a1dfe] {
    grid-column: 1/4;
}
}
@media only screen and (max-width: 800px) {
.charttable[data-v-7d1a1dfe] {
    padding: 2rem;
}
}


.wrapper[data-v-1f4848a6] {
  /* 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-1f4848a6] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1rem;
}
.datacontainer[data-v-1f4848a6] {
  margin-top: 5rem;
}
.backbutton[data-v-1f4848a6] {
  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-1f4848a6]:hover {
  box-shadow: 0 0 5px #06113c;
}
.stepprogress[data-v-1f4848a6] {
  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-1f4848a6] {
  /* background-image: linear-gradient(to right, #2545a2, #22b3dd); */
  /* position: fixed; */
  background-color: #125293 !important;
}
.datepicker[data-v-1f4848a6] {
  border-right: 1px solid lightgrey;
  float: left;
  width: 100%;
  position: relative;
}
.vpd-input-group input[data-v-1f4848a6] {
  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-1f4848a6] {
    margin-top: -42px;
}
}
@media screen and (max-width: 480px) {
.to[data-v-1f4848a6] {
    margin-top: -3px !important;
}
}
@media screen and (max-width: 480px) {
.sub[data-v-1f4848a6] {
    margin-top: -69px !important;
}
}
@media screen and (max-width: 480px) {
.sub1[data-v-1f4848a6] {
    margin-top: -52px !important;
}
}
.newbtn[data-v-1f4848a6] {
  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-1f4848a6] {
  padding-left: 30px;
  width: 100%;
}
.title_sub[data-v-1f4848a6] {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px;
}
.title_sub[data-v-1f4848a6]:hover {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  color: rgb(214, 205, 205);
  display: flex;
  align-items: center;
}
.title_sub2[data-v-1f4848a6] {
  font-size: 18px;
  padding-bottom: 10px;
}
.v-text-field--outlined[data-v-1f4848a6] {
  align-items: stretch;
  border-radius: 1px !important;
  min-height: 45px !important;
}
.savebtnposn[data-v-1f4848a6] {
  bottom: 0;
  opacity: 1 !important;
  position: absolute;
}
.v-input__slot[data-v-1f4848a6] {
  min-height: 45px !important;
  /* align-items: stretch; */
  /* height: 45px !important; */
}
.vpd-clear-btn[data-v-1f4848a6] {
  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--selection-controls.v-input {
  margin-top: -28px;
} */
@media screen and (min-width: 480px) and (max-width: 2000px) {
.buttons {
    margin-left: 20px;
}
}


* {
  padding: 0px;
  margin: 0px;
}

/* .notification-icon {
  padding: 10px;
} */
.header_icons {
  justify-content: space-between;
  margin: 10px 10px 0px 0px;
}
.hedericon_txt {
  justify-content: left;
}
.notify_table {
  text-align: start;
  justify-items: left;
  align-items: flex-start;
}
.plus_notiicon {
  text-align: start;
  justify-items: left;
  align-items: flex-start;
}
.txt {
  margin-top: -1rem !important;
}
.txtdesc {
  margin-top: -4rem !important;
}

.searchBox[data-v-2870a3eb]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.orbitspinner[data-v-2870a3eb]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.justify-center[data-v-2870a3eb]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-2870a3eb]{opacity:.5;background:#1976d2}.iconclass[data-v-2870a3eb]{display:flex;margin-left:30%}.list-group-item[data-v-2870a3eb]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-2870a3eb]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-2870a3eb]{padding-left:288px}}.datepicker[data-v-2870a3eb]{border-right:1px solid #d3d3d3;margin-top:-20px}.vpd-clear-btn[data-v-2870a3eb]{margin-left:85% !important}.subjobalign[data-v-2870a3eb]{margin-top:20px !important}.v-list-item[data-v-2870a3eb]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-2870a3eb]{min-height:25px;font-size:10px}
.searchBox[data-v-58ab242c]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.justify-center[data-v-58ab242c]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-58ab242c]{opacity:.5;background:#1976d2}.iconclass[data-v-58ab242c]{display:flex;margin-left:30%}.list-group-item[data-v-58ab242c]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-58ab242c]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-58ab242c]{padding-left:288px}}.datepicker[data-v-58ab242c]{border-right:1px solid #d3d3d3;margin-top:-20px}.vpd-clear-btn[data-v-58ab242c]{margin-left:85% !important}.subjobalign[data-v-58ab242c]{margin-top:20px}.v-list-item[data-v-58ab242c]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-58ab242c]{min-height:25px;font-size:10px}
.searchBox[data-v-3423326b]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.justify-center[data-v-3423326b]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-3423326b]{opacity:.5;background:#1976d2}.iconclass[data-v-3423326b]{display:flex;margin-left:30%}.list-group-item[data-v-3423326b]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-3423326b]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-3423326b]{padding-left:288px}}.datepicker[data-v-3423326b]{border-right:1px solid #d3d3d3;margin-top:-20px}.vpd-clear-btn[data-v-3423326b]{margin-left:85% !important}.v-list-item[data-v-3423326b]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-3423326b]{min-height:25px;font-size:10px}

* {
  padding: 0px;
  margin: 0px;
}
.header_icons {
  justify-content: space-between;
  margin: 10px 10px 0px 0px;
}
.hedericon_txt {
  justify-content: left;
}
.notify_table {
  text-align: start;
  justify-items: left;
  align-items: flex-start;
}
.plus_notiicon {
  text-align: start;
  justify-items: left;
  align-items: flex-start;
}
.txt {
  margin-top: -1rem !important;
}
.txtdesc {
  margin-top: -4rem !important;
}


.vpd-clear-btn[data-v-6c0f9fa7] {
  margin-left: 85% !important;
}
.formdata[data-v-6c0f9fa7] {
  /* padding: 20px; */
  /* margin: 100px; */
  height: 100%;
  width: 100%
}
.secondaryclosebutton[data-v-6c0f9fa7] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #6c757d;
  color: white !important;
}
.primarysavebutton[data-v-6c0f9fa7] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #1976d2;
  color: white !important;
}
.secondaryclosebutton[data-v-6c0f9fa7]:hover {
  cursor: pointer;
}
.primarysavebutton[data-v-6c0f9fa7]:hover {
  cursor: pointer;
}

/* .v-input__slot {
  min-height: 45px !important;
} */
.datepicker[data-v-6c0f9fa7] {
  border-right: 1px solid lightgrey;
  margin-top: -20px;
}
.vpd-clear-btn[data-v-6c0f9fa7] {
  margin-left: 85% !important;
}
.title[data-v-6c0f9fa7] {
  background-image: linear-gradient(to right, #2545a2, #22b3dd);
  font-weight: 600;
  color: white;
  height: 70px;
}
.cardtext[data-v-6c0f9fa7] {
  padding: initial;
  margin-top: 3rem;
}


.error-row[data-v-6cb05c1e] {
  background-color: #ffcccc;
}
.dash[data-v-6cb05c1e] {
  max-height: 10vh !important;
  width: 6% !important;
  border-width: 1.5px 0 0 1.5px;
  border-style: solid;
  border-color: black;
  position: absolute;
  top: 65%;
}
.dash p[data-v-6cb05c1e] {
  height: 3vh;
  width: 50%;
  background-color: yellow;
  color: green;
  display: flex;
  justify-content: center;
  align-content: center;
  /* position: absolute;
  left: -50%; */
  position: relative;
  left: -25%;
  top: 20px;
  border-radius: 1rem;
}
.dashlast[data-v-6cb05c1e] {
  max-height: 10vh !important;
  width: 6% !important;
  /* background-color: aqua; */
  border-width: 0 0 0.1px 1.5px;
  border-style: solid;
  border-color: black;
  /* position: absolute; */
  top: 65%;
}
.dashfirst[data-v-6cb05c1e] {
  max-height: 3vh !important;
  width: 6% !important;
  /* background-color: aquamarine; */
  border-width: 0.1rem 0 0 0.1rem;
  border-style: solid;
  border-color: black;
  /* position: absolute; */
  top: 65%;
  left: 0;
  /* position: relative; */
}
.dashfirst p[data-v-6cb05c1e] {
  height: 3vh;
  width: 100%;
  border-radius: 1rem;
  background-color: yellow;
  color: green;
  position: absolute;
  /* right: 70%; */
  left: -50%;
  top: 100%;
}
.border-left-bottom[data-v-6cb05c1e] {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}


#app[data-v-2bbd95fa] {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
.Com_txt[data-v-2bbd95fa] {
  margin-top: -1rem !important;
  width: 80%;
  font-size: 2px;
}
.font[data-v-2bbd95fa] {
  font-weight: bold;
}
#content[data-v-2bbd95fa] {
  width: 210mm;
  /* A4 paper width */
  padding: 20px;
  background: white;
}
table[data-v-2bbd95fa] {
  border-collapse: collapse;
  width: 100%;
}

/* Style for table rows */
tr[data-v-2bbd95fa] {
  border-bottom: 1px solid #ddd;
}

/* Style for table cells */
td[data-v-2bbd95fa],
th[data-v-2bbd95fa] {
  border: 1px solid #ddd;
  padding: 8px;
}

/* Style for table header cells */
th[data-v-2bbd95fa] {
  background-color: #f2f2f2;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"][data-v-2bbd95fa]::before {
  content: "8px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"][data-v-2bbd95fa]::before {
  content: "9px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"][data-v-2bbd95fa]::before {
  content: "10px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="11px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"][data-v-2bbd95fa]::before {
  content: "11px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"][data-v-2bbd95fa]::before {
  content: "12px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"][data-v-2bbd95fa]::before {
  content: "14px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"][data-v-2bbd95fa]::before {
  content: "16px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"][data-v-2bbd95fa]::before {
  content: "18px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"][data-v-2bbd95fa]::before {
  content: "20px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"][data-v-2bbd95fa]::before {
  content: "22px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"][data-v-2bbd95fa]::before {
  content: "24px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"][data-v-2bbd95fa]::before {
  content: "26px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"][data-v-2bbd95fa]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"][data-v-2bbd95fa]::before {
  content: "28px";
}


#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
.Com_txt {
  margin-top: -1rem !important;
  width: 80%;
  font-size: 2px;
}
.font {
  font-weight: bold;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before {
  content: '8px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before {
  content: '9px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  content: '10px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="11px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before {
  content: '11px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: '12px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: '14px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: '16px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
  content: '20px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
  content: '22px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: '24px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
  content: '26px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
  content: '28px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
  content: '36px';
}


.large-icon[data-v-7afa474e] {
  transform: scale(1.5);
  color: rgb(121, 121, 232)
    /* or adjust to your desired size */
}
.ssoInput[data-v-7afa474e] {
  height: 5vh;
}
.v-btn--icon.v-size--default[data-v-7afa474e] {
  /* height: 36px; */
  width: 36px;
}
.font[data-v-7afa474e] {
  font-size: 13px;
}


#app[data-v-2ea1944b] {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
.Com_txt[data-v-2ea1944b] {
  margin-top: -1rem !important;
  width: 80%;
  font-size: 2px;
}
.font[data-v-2ea1944b] {
  font-weight: bold;
}
#content[data-v-2ea1944b] {
  width: 210mm;
  /* A4 paper width */
  padding: 20px;
  background: white;
}
table[data-v-2ea1944b] {
  border-collapse: collapse;
  width: 100%;
}

/* Style for table rows */
tr[data-v-2ea1944b] {
  border-bottom: 1px solid #ddd;
}

/* Style for table cells */
td[data-v-2ea1944b],
th[data-v-2ea1944b] {
  border: 1px solid #ddd;
  padding: 8px;
}

/* Style for table header cells */
th[data-v-2ea1944b] {
  background-color: #f2f2f2;
}


.cardlay[data-v-0d98c162] {
  height: 8rem;
}


#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
.Com_txt {
  margin-top: -1rem !important;
  width: 80%;
  font-size: 2px;
}
.font {
  font-weight: bold;
}






















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* .reducePadding {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
} */
.check[data-v-2d9f501b] {
  height: 3vh;
  width: 10%;
  background-color: blue;
  color: white;
}
.update_field_box_line[data-v-2d9f501b] {
  height: 0.1vh;
  width: 10%;
  background: #000;
}
.v-text-field[data-v-2d9f501b] {
  height: 100%;
}
.datepicker1[data-v-2d9f501b] {
  width: 100%;
  height: 64%;
  border-right: 1px solid silver;
}
.close_box[data-v-2d9f501b] {
  height: 5vh;
  width: 5%;
}
.mail_box[data-v-2d9f501b] {
  height: 10vh;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* background-color: #1976d2; */
}
.dash1[data-v-2d9f501b] {
  height: 4vh;
  width: 10%;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: black;
  position: absolute;
  left: 7.1%;
  top: 35%;
}
.addfield-btn[data-v-2d9f501b] {
  position: absolute;
  left: 0%;
  top: 100%;
  transform: translateX(-50%);
  background: green;
  height: 3.5vh;
  width: 50%;
  border-radius: 5px;
}
.icon-color[data-v-2d9f501b] {
  color: white !important;
  /* Changes the icon color */
  font-size: 24px;
  /* Adjust icon size if needed */
}
.test[data-v-2d9f501b] {
  background-color: lightblue;
  border: 1px solid gray;
  height: 100%;
}
.h10[data-v-2d9f501b] {
  height: 10vh;
}
.w10[data-v-2d9f501b] {
  height: 10%;
}
.rule_box[data-v-2d9f501b] {
  width: 100%;
}
.rule_head[data-v-2d9f501b] {
  height: 40px;
  width: 100%;
  display: flex;
  /* background-color: #1976d2; */
}
.rule_head h3[data-v-2d9f501b] {
  width: 5%;
  display: flex;
  align-items: center;
  /* background-color: #7f7b7b; */
}
.rule_content[data-v-2d9f501b] {
  width: 100%;
  min-height: 10px;
}
.datepicker[data-v-2d9f501b] {
  margin-top: -30px;
  border-right: 1px solid lightgrey;
}
.ghost[data-v-2d9f501b] {
  opacity: 0.5;
  background: #1976d2;
  color: white
}
.list-group-item[data-v-2d9f501b] {
  opacity: 1.5;
  color: black;
  display: flex;
  justify-content: space-between;
}
#tabsLabel[data-v-2d9f501b] {
  font-size: 1.2em;
}
.hidden-checkbox .v-input__control[data-v-2d9f501b] {
  display: none;
}
@media screen and (max-width: 600px) {
.dashfirst[data-v-2d9f501b] {
    /* height: 2.5vh;
  width: 11% !important; */
    /* background-color: aquamarine; */
    /* border-width: 1.5px 0 0 1.5px;
  border-style: solid;
  border-color: black;
  position: relative;
  left: 1.1%; */
    /* top: 5%; */
    display: none;
}
.dashfirst p[data-v-2d9f501b] {
    /* height: 3.5vh;
  width: 140%;
  background-color: #dde6f7;
  color: green;
  right: 65%;
  top: 100%;
  position: relative; */
    display: none;
    /* top: 30px; */
    /* border-radius: 1rem;
  padding-top: 1px;
  display: flex;
  justify-content: center;
  align-content: center; */
    /* border-radius: 1rem; */
}
.dash[data-v-2d9f501b] {
    /* height: 13vh;
  width: 11% !important; */
    /* background-color: black; */
    /* border-width: 1.5px 0 0 1.5px;
  border-style: solid;
  border-color: black;
  position: relative;
  top: 30%;
  left: 2.1%; */
    display: none;
}
.dash p[data-v-2d9f501b] {
    /* max-height: 2.2vh;
  width: 120%;
  background-color: #dde6f7;
  color: green; */
    /* align-content: center; */
    /* display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  right: 65%;
  top: 30px;
  border-radius: 1rem;
  padding-top: 2px; */
    display: none;
}
}
@media screen and (min-width:600px) and (max-width: 960px) {
.dashfirst[data-v-2d9f501b] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-2d9f501b] {
    height: 3.5vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    /* top: 30px; */
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    /* border-radius: 1rem; */
}
.dash[data-v-2d9f501b] {
    height: 13.6vh;
    width: 11% !important;
    /* background-color: black; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-2d9f501b] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    /* align-content: center; */
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-2d9f501b] {
    height: 3vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
    /* position: absolute; */
}
}
@media screen and (min-width:960px) and (max-width:1264px) {
.dashfirst[data-v-2d9f501b] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-2d9f501b] {
    height: 3.5vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    /* top: 30px; */
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    /* border-radius: 1rem; */
}
.dash[data-v-2d9f501b] {
    height: 13.6vh;
    width: 11% !important;
    /* background-color: black; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-2d9f501b] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    /* align-content: center; */
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-2d9f501b] {
    height: 3vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
    /* position: absolute; */
}
}
@media screen and (min-width:1264px) and (max-width:1904px) {
.dashfirst[data-v-2d9f501b] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-2d9f501b] {
    height: 3vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 100%;
    position: relative;
    /* top: 30px; */
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    /* border-radius: 1rem; */
}
.dash[data-v-2d9f501b] {
    height: 14.5vh;
    width: 11% !important;
    /* background-color: black; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-2d9f501b] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    /* align-content: center; */
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-2d9f501b] {
    height: 5vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 7%;
    /* position: absolute; */
}
}
@media screen and (min-width: 1904px) {
.dashfirst[data-v-2d9f501b] {
    height: 2.5vh;
    width: 11% !important;
    /* background-color: aquamarine; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    /* top: 5%; */
}
.dashfirst p[data-v-2d9f501b] {
    height: 2.5vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    left: -25%;
    top: 80%;
    position: relative;
    /* top: 30px; */
    border-radius: 1rem;
    padding-top: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    /* border-radius: 1rem; */
}
.dash[data-v-2d9f501b] {
    height: 9vh;
    width: 11% !important;
    /* background-color: black; */
    border-width: 1.5px 0 0 1.5px;
    border-style: solid;
    border-color: black;
    position: relative;
    top: 55%;
    left: 1.1%;
}
.dash p[data-v-2d9f501b] {
    max-height: 7.2vh;
    width: 50%;
    background-color: #dde6f7;
    color: green;
    /* align-content: center; */
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    left: -25%;
    top: 30px;
    border-radius: 1rem;
    padding-top: 2px;
}
.dashlast[data-v-2d9f501b] {
    height: 3vh;
    width: 11%;
    border-width: 1.5px 0 0 0;
    border-style: solid;
    border-color: black;
    position: relative;
    left: 1.1%;
    top: 13%;
    /* background-color: lightblue; */
    /* position: absolute; */
}
}

/* Base styles (mobile-first) */
.divclass[data-v-2d9f501b] {
  background: #7f7b7b;
  margin-top: -23px;
  max-width: 5%;
}
.divspan[data-v-2d9f501b] {
  margin-top: -25px;
  color: #7f7b7b
}

/* .dashmiddle {
  max-height: 14vh !important;
  width: 7% !important;
  border-width: 0.1rem 0 0 0.1rem;
  border-style: solid;
  border-color: black;
  margin-top: 35px;
  left: 0;
  position: relative;
}

.dashmiddle p {
  position: absolute;
  background: yellow;
  color: black;
  left: -33%;
  top: 100%;
  display: flex;
  height: 4vh;
  width: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
} */
.parentdiv[data-v-2d9f501b] {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 26px;
  position: relative;
}


.action button[data-v-6eefdfae] {
  height: 25px !important;
  width: 10% !important;
}


.head[data-v-0320ad4e] {
  height: 75px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-image: linear-gradient(to right, #2545a2, #22b3dd);
}
.head1[data-v-0320ad4e] {
  height: 28px;
  width: 95%;
  display: flex;
  justify-content: space-between;
}
.headbox[data-v-0320ad4e] {
  width: 25%;
  font-weight: bold;
  color: white;
  overflow: hidden;
}
.empty[data-v-0320ad4e] {
  height: 2vh;
}
.fieldbox[data-v-0320ad4e] {
  height: 4vh;
  position: relative;
}
.ApprovedBox[data-v-0320ad4e] {
  height: 4vh;
  width: 5%;
  position: absolute;
  top: 0%;
  left: -5%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: orange; */
}
.actionhead[data-v-0320ad4e] {
  height: 4vh;
  width: 98%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}