@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-284579a7] {
  font-family: 'Roboto', sans-serif !important;
}

html,body{font-size:14px !important;height:100vh;font-family:"Roboto",sans-serif !important;font-weight:500;overflow:hidden !important;background-color:#272727 !important}#app{font-family:"Roboto",sans-serif !important;font-weight:500}.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:1rem !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: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.exportbox {
  display: flex;
  align-items: center;
  gap: 10px;
}
.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;
}

@media screen and (max-width: 1300px){.loginbtn[data-v-63d71ae0]{height:5vh !important}}@media screen and (max-width: 800px){.login_box[data-v-63d71ae0]{height:500px !important}}@media screen and (max-width: 400px){.login_box[data-v-63d71ae0]{height:400px !important;width:90% !important}}.px-51[data-v-63d71ae0]{margin-top:-10%}.login_box[data-v-63d71ae0]{height:500px;width:350px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:.5rem !important}.imgae_box[data-v-63d71ae0]{height:200px;width:100%;display:flex;justify-content:center;align-items:center}.mail[data-v-63d71ae0]{height:100px;width:80%;display:flex;flex-direction:column;justify-content:center}.action_box[data-v-63d71ae0]{height:150px;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.orbitcontainer[data-v-63d71ae0]{display:flex;justify-content:center}.orbitspinner[data-v-63d71ae0]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.login-container[data-v-63d71ae0]{background-color:#154360;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.note[data-v-63d71ae0]{color:#1976d2;font-weight:500}
.menuicon[data-v-264a884e]{margin-top:-25%}.b1[data-v-264a884e]{border:2px solid #000}.menubox[data-v-264a884e]{height:85%;overflow:auto}.menu_logo_box[data-v-264a884e]{height:15%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.menu_logo_box img[data-v-264a884e]{opacity:.6}.menu_logo_box p[data-v-264a884e]{width:70%;height:30%;border-top:.1rem solid #d9d9d9;color:#d9d9d9;display:flex;justify-content:center;align-items:center}.camera[data-v-264a884e]{padding-bottom:-100%}.px-51[data-v-264a884e]{margin-top:-10%}[data-v-264a884e] .v-toolbar__content{padding:0 16px 0 0 !important}.classMain[data-v-264a884e]{overflow-y:auto !important}.red[data-v-264a884e]{color:inherit}.Dashmenu[data-v-264a884e]{background-color:#488fef}.haesoktextbackground[data-v-264a884e]{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-264a884e]{cursor:pointer}.v-btn[data-v-264a884e]{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-26f80a14]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}

.actionBox[data-v-2a065309] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  /* background-color: aquamarine; */
}
.loading[data-v-2a065309] {
  -webkit-animation: spin-data-v-2a065309 1s linear infinite;
          animation: spin-data-v-2a065309 1s linear infinite;
}
@-webkit-keyframes spin-data-v-2a065309 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes spin-data-v-2a065309 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}


.reducePadding[data-v-045c7e00] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.testbox[data-v-045c7e00] {
  background-color: aquamarine;
}
.testbox1[data-v-045c7e00] {
  background-color: rgb(12, 248, 28);
}


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


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


.owner_txt[data-v-1125d5d0] {
  margin-top: -1rem;
}
.owner_status[data-v-1125d5d0] {
  margin-top: 0.5rem !important;
}
.reducePadding[data-v-1125d5d0] {
  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-edc07b6a] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.v-input--selection-controls.v-input[data-v-edc07b6a] {
  /* flex: 0 1 auto; */
  margin-top: 10px;
}
.v-icon.v-icon[data-v-edc07b6a] {
  font-size: 15px;
}
.v-btn[data-v-edc07b6a] {
  height: 3vh !important;
}
.green[data-v-edc07b6a] {
  background-color: green;
}


.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)}

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

.b1[data-v-64823cc6]{border:2px solid #000}.lgreen[data-v-64823cc6]{background-color:#90ee90}.labelbox[data-v-64823cc6]{height:3vh;background:#dde6f7;padding-left:15px;display:flex;align-items:center}.tabs[data-v-64823cc6]{border-bottom:1px solid rgba(0,0,0,.2)}.radio-label[data-v-64823cc6]{font-size:14px;font-weight:normal}.radio-group-tight[data-v-64823cc6]{margin-top:0 !important;padding-top:0 !important}.radio-tight[data-v-64823cc6]{margin-top:0 !important}.pr[data-v-64823cc6]{position:relative}.actionhead[data-v-64823cc6]{height:4vh;width:98%;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 900px)and (max-width: 1300px){.ApprovalStatusBox[data-v-64823cc6]{height:2.5vh !important;margin-bottom:3px}}@media screen and (min-width: 1301px)and (max-width: 1500px){.ApprovalStatusBox[data-v-64823cc6]{height:2vh !important;margin-bottom:2.5px}}.ApprovedBox[data-v-64823cc6]{height:40px;width:5%;position:absolute;top:55%;left:-5%;display:flex;align-items:center;justify-content:center}.ApprovedBoxR[data-v-64823cc6]{height:45px;width:5%;position:absolute;top:40%;left:-5%;display:flex;align-items:center;justify-content:center}.Pending[data-v-64823cc6]{color:#2545a2;font-size:12px}.Approved[data-v-64823cc6]{color:green;font-size:12px}.Denied[data-v-64823cc6]{color:red;font-size:12px}.Hold[data-v-64823cc6]{color:#6c757d;font-size:12px}.appbar_sub[data-v-64823cc6]{background-image:linear-gradient(to right, #2545a2, #22b3dd)}.v-list-item[data-v-64823cc6]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-64823cc6]{min-height:25px;font-size:10px}.progress__bridge[data-v-64823cc6]{color:green}.newbtn[data-v-64823cc6]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif !important}.sub_bar[data-v-64823cc6]{padding-left:30px;width:100%}.title_sub[data-v-64823cc6]{font-size:20px;padding-bottom:10px;cursor:pointer;display:flex;align-items:center;padding:10px}.title_sub[data-v-64823cc6]:hover{font-size:20px;padding-bottom:10px;cursor:pointer;color:#d6cdcd;display:flex;align-items:center}.title_sub2[data-v-64823cc6]{font-size:18px;padding-bottom:10px}.v-text-field--outlined[data-v-64823cc6]{align-items:stretch;border-radius:1px !important;min-height:45px !important}.primarysaveclosebutton[data-v-64823cc6]{border-radius:15px !important;border:1px solid;padding:3px 1em;background-color:#1976d2;color:#fff !important}.primarysavebutton[data-v-64823cc6]{border-radius:15px !important;border:1px solid;padding:3px 1em;background-color:#1976d2;color:#fff !important}.secondaryclosebutton[data-v-64823cc6]{border-radius:15px !important;border:1px solid;padding:3px 1em;background-color:#6c757d;color:#fff !important}.savebtnposn[data-v-64823cc6]{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-64823cc6]{min-height:45px !important}.vpd-clear-btn[data-v-64823cc6]{margin-left:94% !important}.datepicker[data-v-64823cc6]{border-right:1px solid #d3d3d3;float:left;width:100%;position:relative}.vpd-input-group input[data-v-64823cc6]{cursor:pointer !important;border:1px solid #d3d3d3 !important}.stepprogress[data-v-64823cc6]{text-align:-webkit-center}@media screen and (min-width: 480px){.rowclass[data-v-64823cc6]{justify-content:flex-end;margin-right:7rem}.progressrow[data-v-64823cc6]{margin-top:2rem}.rowclass1[data-v-64823cc6]{justify-content:flex-end;margin-right:3rem;margin-top:2rem}.closebtnposn[data-v-64823cc6]{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-64823cc6]{font-weight:bold;cursor:pointer;padding:1px;font-size:14px;display:flex}}@media screen and (max-width: 480px){.deleteDialogAttach[data-v-64823cc6]{background-color:green}.jobid[data-v-64823cc6]{margin-top:-42px}.to[data-v-64823cc6]{margin-top:-3px !important}.sub[data-v-64823cc6]{margin-top:-69px !important}.sub1[data-v-64823cc6]{margin-top:-52px !important}.buttonclass[data-v-64823cc6]{text-align:center;display:flex !important}.rowclass[data-v-64823cc6]{justify-content:center}.progressbar[data-v-64823cc6]{display:none !important}.rowclass1[data-v-64823cc6]{justify-content:center;margin-top:2rem}.styleData[data-v-64823cc6]{justify-content:center !important;padding-right:0%}.closebtnposn[data-v-64823cc6]{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-64823cc6]{cursor:pointer;padding:1px;font-size:11px;font-weight:600}}

.br15 {
  border-radius: 15px !important;
}
.secondarybutton {
  border-radius: 15px !important;
}
.primarybutton {
  border-radius: 15px !important;
}


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

.loading[data-v-3947ead8]{-webkit-animation:spin-data-v-3947ead8 1s linear infinite;animation:spin-data-v-3947ead8 1s linear infinite}@-webkit-keyframes spin-data-v-3947ead8{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin-data-v-3947ead8{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dots span[data-v-3947ead8]{display:inline-block;width:6px;height:6px;margin:0 6px;background:#2ecc71;border-radius:50%;-webkit-animation:bounce-data-v-3947ead8 .6s infinite alternate;animation:bounce-data-v-3947ead8 .6s infinite alternate;box-shadow:0 5px 10px rgba(0,0,0,.2)}.dots span[data-v-3947ead8]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.dots span[data-v-3947ead8]:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes bounce-data-v-3947ead8{from{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes bounce-data-v-3947ead8{from{transform:translateY(0)}to{transform:translateY(-20px)}}.searchBox[data-v-3947ead8]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.justify-center[data-v-3947ead8]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-3947ead8]{opacity:.5;background:#1976d2}.iconclass[data-v-3947ead8]{display:flex;margin-left:30%}.list-group-item[data-v-3947ead8]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-3947ead8]{max-width:17rem}.selecttext[data-v-3947ead8]{padding-left:288px}}

* {
  margin: 0;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pr {
  position: relative;
}
*::-webkit-scrollbar {
  display: none;
}
.apexcharts-toolbar svg {
  fill: #2B7FFF !important;
}
.green {
  background-color: green;
}
.pivotTableBox {
  border-radius: 4px;
}
.pivot {
  height: 30vh !important;
  overflow: hidden;
}
#wdr-tab-export {
  /* background-color: #777 !important; */
  height: 45px !important;
  /* width: 30px !important; */
  /* border: 1px solid black !important; */
  position: relative;
  left: 10px;
}
#wdr-tab-export .wdr-svg-icon svg {
  position: absolute;
  left: 0;
  top: -18px !important;
}
#wdr-tab-export span {
  position: absolute;
  left: -40px !important;
  top: 20px !important;
  color: #000 !important;
  font-size: 10px !important;
  font-family: 'Roboto', sans-serif !important;
}
#wdr-tab-format span,
#wdr-tab-options span,
#wdr-tab-fields span,
#wdr-tab-fullscreen span {
  position: absolute;
  /* left: -2px !important; */
  top: 20px !important;
  color: #000 !important;
  font-size: 10px !important;
  font-family: 'Roboto', sans-serif !important;
}
.wdr-dropdown-content {
  top: -40px !important;
}
#wdr-tab-format-conditional a span,
#wdr-tab-format-cells a span {
  /* color: #2B7FFF !important; */
  margin-left: 10px !important;
}
li a svg path {
  fill: #0054D1 !important;
}
#wdr-toolbar-wrapper #wdr-toolbar li a svg {
  fill: #000 !important;
}
#wdr-tab-export-print .wdr-svg-icon svg,
#wdr-tab-export-html .wdr-svg-icon svg,
#wdr-tab-export-excel .wdr-svg-icon svg,
#wdr-tab-export-pdf .wdr-svg-icon svg {
  position: relative;
  top: 2px !important;
}
#wdr-tab-format .wdr-svg-icon,
#wdr-tab-options .wdr-svg-icon,
#wdr-tab-fields .wdr-svg-icon,
#wdr-tab-fullscreen .wdr-svg-icon {
  position: relative;
  top: 0px !important;
}
.wdr-svg-icon svg {
  height: 20px !important;
  width: 20px !important;
  fill: #000 !important;
}
#wdr-toolbar-wrapper {
  height: 40px !important;
}
#wdr-toolbar-wrapper a.wdr-ui-btn-dark,
#wdr-pivot-view a.wdr-ui-checkbox.wdr-selected .wdr-ui-label:before {
  background: #0054D1 !important;
}
#wdr-toolbar-wrapper div.wdr-panel .wdr-toolbox .wdr-ui-btn,
#wdr-pivot-view .wdr-ui-btns-row .wdr-ui-btn {
  font-size: 12px !important;
  font-family: 'Roboto', sans-serif !important;
  height: 30px !important;
}
.wdr-title-text,
#wdr-pivot-view #wdr-fields-view .wdr-popup-header .wdr-ui-col:first-child span.wdr-ui-label,
#wdr-pivot-view #wdr-filter-view .wdr-popup-header .wdr-popup-title {
  font-size: 15px !important;
  font-family: 'Roboto', sans-serif !important;
}
#wdr-toolbar-wrapper #wdr-popup-format-cells,
#wdr-toolbar-wrapper #wdr-popup-conditional,
#wdr-toolbar-wrapper #wdr-popup-options,
#wdr-pivot-view #wdr-fields-view.wdr-pivot-fields,
#wdr-pivot-view #wdr-filter-view {
  height: 230px !important;
  overflow: scroll;
}
#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-inp-row label,
#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-cr-inner .wdr-cr-lbl,
#wdr-toolbar-wrapper .wdr-toolbar-ui div.wdr-title-2 {
  color: #000 !important;
  font-family: 'Roboto', sans-serif !important;
}
#wdr-pivot-view a.wdr-ui-btn {
  padding: 8px 12px 0px 12px !important;
}
.wdr-icon-act_calc {
  /* padding: 10px 12px !important; */
  text-align: left !important;
}
#wdr-toolbar-wrapper .wdr-toolbar-ui .wdr-radio-wrap label:after,
#wdr-pivot-view a.wdr-ui-btn-dark,
.wdr-selected #wdr-icon-display {
  background: #0054D1 !important;
}
#wdr-toolbar-wrapper #wdr-toolbar .wdr-dropdown-content span {
  top: 5px !important;
  left: 25px !important;
}
#wdr-tab-save,
#wdr-tab-connect,
#wdr-tab-open {
  display: none !important;
}
#wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields {
  height: 15px !important;
  width: 25px !important;
}
#wdr-pivot-view .wdr-fields-view-wrap #wdr-btn-open-fields:before {
  top: 2px;
  left: 3px !important;
  font-size: 12px !important;
  /* padding-bottom: 10px !important; */
}
#wdr-pivot-view .wdr-grid-layout .wdr-filters .wdr-header,
.wdr-row {
  background-color: #0054D1 !important;
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  /* border: 1px solid white; */
}
.wdr-header {
  background-color: #2B7FFF !important;
  /* background-color: #5C9DFF !important; */
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
}
.wdr-grand-total {
  background-color: #0054D1 !important;
  color: white !important;
  font-family: 'Roboto', sans-serif !important;
  /* left: 0px !important; */
}
.topBox {
  display: flex;
  justify-content: space-between;
}
.topBox p {
  padding: 10px 0 0px 0;
  font-weight: bold;
}
.fwb {
  font-weight: bold;
}
.headbox {
  /* font-weight: bold; */
  width: 95%;
  /* background-color: #2B7FFF; */
}
.chartLabel {
  font-size: smaller;
}
.chart-container {
  width: 100%;
  position: relative;
}
.chart-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 5px;
}
.chart-toolbar button {
  border: none;
  background: #f1f1f1;
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 4px;
}
.chart-toolbar button:hover {
  background: #ddd;
}
.filterbox {
  position: absolute;
  top: 25px;
  right: 2%;
  z-index: 99;
  width: auto;
  background-color: white;
  border-radius: 5px;
}
.scroll-container {
  cursor: pointer;
  max-height: 20vh;
  overflow-y: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.scroll-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}
.filterName {
  width: 100%;
  font-size: 11px;
  padding-left: 10px;
}
.b {
  background-color: #488fef;
}
.g {
  background-color: greenyellow;
}
.card-box {
  justify-content: space-between;
  /* background-color: orange; */
}
.dialog-filter {
  max-height: 50vh;
  overflow-y: auto;
}

/* Hide scrollbar for Chrome, Safari */
.dialog-filter::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.dialog-filter {
  scrollbar-width: none;
}

/* Hide scrollbar for IE/Edge */
.dialog-filter {
  -ms-overflow-style: none;
}
.border {
  border: #efefef solid 2px;
}
.cartBox {
  height: 10vh;
  background-color: white;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0.5rem;
  /* #F8FAFB */
}
.cartBox p {
  height: 2vh !important;
}
.shadow {
  box-shadow: 1px 1px 5px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.shadow:hover {
  box-shadow: 3px 3px 10px;
}
.testBox {
  border: 2px solid black
}
.layout,
.piechart,
.table-container,
.navi-box,
.pivot {
  height: 30vh;
  position: relative;
  background-color: #fff;
}
.tagname {
  position: absolute;
  left: 2%;
  top: 2%;
  font-weight: bold;
  font-size: 15px;
}
.filteredoption {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 100%;
}
.search_box {
  height: 30vh;
  overflow: scroll;
}
.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: 0rem 0rem 0rem 2rem;
  grid-template-areas:
    'a  '
    'h  '
    'i ';
  width: 99%;
  height: auto;
}
.avatar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10vh;
  background-color: #fff;
}
.avatar {
  margin: 0.5rem;
}
.current-box-container {
  height: 30vh;
}
.navi-box {
  height: 33vh;
  width: 100%;
}
.navi-box1 {
  height: 5vh;
  width: 100%;
  position: relative;
}
.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;
}
.navi-box3 {
  height: 30vh;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.navi-box3 .v-btn {
  width: 50%;
  border-radius: 0.2rem !important;
}
.navi-box4 {
  width: 100%;
  padding-left: 0.5rem;
  margin-top: -5%;
}
.v-btn {
  height: 3.5vh !important;
}
.navi-box2 .v-btn {
  width: 50%;
  border-radius: 0.2rem !important;
}
.piechart {
  min-height: 27vh;
  max-height: 35vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: orange !important; */
  /* padding-right: 10px; */
}
.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;
}
.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
  font-size: 12px !important;
}
.v-data-table td {
  font-weight: 400 !important;
}

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

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

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

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

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


.txt[data-v-2e9fae6d] {
  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-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-1e869032]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.ghost[data-v-1e869032]{opacity:.5;background:#1976d2}.list-group-item[data-v-1e869032]{color:#000}

.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%; */
}


.languagebox[data-v-bb87878c] {
  width: 80%;
  position: absolute;
  left: 120%;
  min-height: 20vh;
}
.large-icon[data-v-bb87878c] {
  transform: scale(1.5);
  color: rgb(121, 121, 232)
    /* or adjust to your desired size */
}
.ssoInput[data-v-bb87878c] {
  height: 5vh;
}
.v-btn--icon.v-size--default[data-v-bb87878c] {
  /* height: 36px; */
  width: 36px;
}
.font[data-v-bb87878c] {
  font-size: 13px;
}


.wrapper[data-v-4b5a90d0] {
  position: relative;
  width: 100vw;
}
.leftbox[data-v-4b5a90d0] {
  /* 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-4b5a90d0] {
  /* 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-4b5a90d0] {
  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-4b5a90d0] {
  /* 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-4b5a90d0] {
  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-4b5a90d0] {
  /* 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: 'Roboto', sans-serif;
  /* letter-spacing: 1px; */
  text-transform: capitalize;
  position: relative;
  -webkit-text-decoration: solid;
          text-decoration: solid;
  word-spacing: 2px;
  z-index: 1;
}
.charttable[data-v-4b5a90d0] {
  /* 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-4b5a90d0] {
  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-4b5a90d0]:hover {
  box-shadow: 0 0 5px #06113c, 0 0 20px #06113c;
}
.jobdetails[data-v-4b5a90d0] {
  /* display: flex; */
  /* justify-content: space-between; */
  height: 3rem;
  background-color: #125293;
  text-align: center;
  border-bottom: 1px solid #06113c;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  padding-top: 0.5em;
  /* margin-bottom: 1rem; */
  font-size: 18px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  font-variant: small-caps;
  letter-spacing: 1px;
}
.piechart1[data-v-4b5a90d0] {
  justify-self: center;
  height: auto;
  align-self: center;
  /* grid-column: 2/3; */
  /* margin-right: 2rem; */

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

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


.wrapper[data-v-397a0c28] {
  /* 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-397a0c28] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1rem;
}
.datacontainer[data-v-397a0c28] {
  margin-top: 5rem;
}
.backbutton[data-v-397a0c28] {
  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-397a0c28]:hover {
  box-shadow: 0 0 5px #06113c;
}
.stepprogress[data-v-397a0c28] {
  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-397a0c28] {
  /* background-image: linear-gradient(to right, #2545a2, #22b3dd); */
  /* position: fixed; */
  background-color: #125293 !important;
}
.datepicker[data-v-397a0c28] {
  border-right: 1px solid lightgrey;
  float: left;
  width: 100%;
  position: relative;
}
.vpd-input-group input[data-v-397a0c28] {
  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-397a0c28] {
    margin-top: -42px;
}
}
@media screen and (max-width: 480px) {
.to[data-v-397a0c28] {
    margin-top: -3px !important;
}
}
@media screen and (max-width: 480px) {
.sub[data-v-397a0c28] {
    margin-top: -69px !important;
}
}
@media screen and (max-width: 480px) {
.sub1[data-v-397a0c28] {
    margin-top: -52px !important;
}
}
.newbtn[data-v-397a0c28] {
  font-family: 'Roboto', sans-serif;
}

/* .v-input input {
  max-height: 26px !important;
} */
.sub_bar[data-v-397a0c28] {
  padding-left: 30px;
  width: 100%;
}
.title_sub[data-v-397a0c28] {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px;
}
.title_sub[data-v-397a0c28]:hover {
  font-size: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  color: rgb(214, 205, 205);
  display: flex;
  align-items: center;
}
.title_sub2[data-v-397a0c28] {
  font-size: 18px;
  padding-bottom: 10px;
}
.v-text-field--outlined[data-v-397a0c28] {
  align-items: stretch;
  border-radius: 1px !important;
  min-height: 45px !important;
}
.savebtnposn[data-v-397a0c28] {
  bottom: 0;
  opacity: 1 !important;
  position: absolute;
}
.v-input__slot[data-v-397a0c28] {
  min-height: 45px !important;
  /* align-items: stretch; */
  /* height: 45px !important; */
}
.vpd-clear-btn[data-v-397a0c28] {
  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-12075190]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.orbitspinner[data-v-12075190]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.justify-center[data-v-12075190]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-12075190]{opacity:.5;background:#1976d2}.iconclass[data-v-12075190]{display:flex;margin-left:30%}.list-group-item[data-v-12075190]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-12075190]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-12075190]{padding-left:250px}}.datepicker[data-v-12075190]{border-right:1px solid #d3d3d3;margin-top:-20px}.vpd-clear-btn[data-v-12075190]{margin-left:85% !important}.subjobalign[data-v-12075190]{margin-top:20px !important}.v-list-item[data-v-12075190]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-12075190]{min-height:25px;font-size:10px}
.searchBox[data-v-5ed0fc7c]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.justify-center[data-v-5ed0fc7c]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-5ed0fc7c]{opacity:.5;background:#1976d2}.iconclass[data-v-5ed0fc7c]{display:flex;margin-left:30%}.list-group-item[data-v-5ed0fc7c]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-5ed0fc7c]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-5ed0fc7c]{padding-left:250px}}.datepicker[data-v-5ed0fc7c]{border-right:1px solid #d3d3d3;margin-top:-20px}.vpd-clear-btn[data-v-5ed0fc7c]{margin-left:85% !important}.subjobalign[data-v-5ed0fc7c]{margin-top:20px}.v-list-item[data-v-5ed0fc7c]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-5ed0fc7c]{min-height:25px;font-size:10px}
.searchBox[data-v-25923d26]{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.justify-center[data-v-25923d26]{margin-top:-15rem;margin-left:30rem}.ghost[data-v-25923d26]{opacity:.5;background:#1976d2}.iconclass[data-v-25923d26]{display:flex;margin-left:30%}.list-group-item[data-v-25923d26]{color:#000}@media screen and (min-width: 480px)and (max-width: 2000px){.search1[data-v-25923d26]{max-width:17rem}}@media screen and (min-width: 480px)and (max-width: 2000px){.selecttext[data-v-25923d26]{padding-left:250px}}.datepicker[data-v-25923d26]{border-right:1px solid #d3d3d3;margin-top:-20px}.vpd-clear-btn[data-v-25923d26]{margin-left:85% !important}.v-list-item[data-v-25923d26]:hover{background-color:#488fef;color:#000}.v-list-item[data-v-25923d26]{min-height:25px;font-size:10px}

.pr[data-v-1a0e226c] {
  position: relative;
}
.actionhead[data-v-1a0e226c] {
  height: 4vh;
  width: 98%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ApprovedBox[data-v-1a0e226c] {
  height: 60%;
  width: 5%;
  position: absolute;
  left: -5%;
  /* top: 5%; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: orange; */
}
.ApprovedBoxR[data-v-1a0e226c] {
  height: 70%;
  width: 5%;
  position: absolute;
  /* top: 50%; */
  left: -5%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  /* background-color: orange; */
}
.ApprovedBoxD[data-v-1a0e226c] {
  height: 75%;
  width: 5%;
  position: absolute;
  /* top: 50%; */
  left: -5%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  /* background-color: orange; */
}
.ApprovalBox[data-v-1a0e226c] {
  height: 2vh;
  width: 100%;
  position: absolute;
  top: -28%;
  font-size: 12px;
  /* background-color: green; */
  display: flex;
  justify-content: flex-end;
}
.ApprovalBox1[data-v-1a0e226c] {
  height: 2vh;
  width: 100%;
  position: absolute;
  top: 35%;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  /* background-color: orange; */
}
.ApprovalBox2[data-v-1a0e226c] {
  height: 2vh;
  width: 100%;
  position: absolute;
  top: 30%;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  /* background-color: gray; */
}
.Pending[data-v-1a0e226c] {
  color: #2545a2;
  /* background-color: green; */
}
.Approved[data-v-1a0e226c] {
  color: green;
}
.Denied[data-v-1a0e226c] {
  color: red;
}
.Hold[data-v-1a0e226c] {
  color: #6c757d;
}
.gray[data-v-1a0e226c] {
  background-color: gray;
}
.vpd-clear-btn[data-v-1a0e226c] {
  margin-left: 85% !important;
}
.formdata[data-v-1a0e226c] {
  /* padding: 20px; */
  /* margin: 100px; */
  height: 100%;
  width: 100%
}
.secondaryclosebutton[data-v-1a0e226c] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #6c757d;
  color: white !important;
}
.primarysavebutton[data-v-1a0e226c] {
  border-radius: 3px !important;
  border: 1px solid;
  padding: 3px 1em;
  background-color: #1976d2;
  color: white !important;
}
.secondaryclosebutton[data-v-1a0e226c]:hover {
  cursor: pointer;
}
.primarysavebutton[data-v-1a0e226c]:hover {
  cursor: pointer;
}

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


.reducePadding[data-v-21cfd802] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.datepicker[data-v-21cfd802] {
  margin-top: -30px;
  border-right: 1px solid lightgrey;
}
.ghost[data-v-21cfd802] {
  opacity: 0.5;
  background: #1976d2;
  color: white
}
.list-group-item[data-v-21cfd802] {
  opacity: 1.5;
  color: black;
  display: flex;
  justify-content: space-between;
}
#tabsLabel[data-v-21cfd802] {
  font-size: 1.2em;
}
.hidden-checkbox .v-input__control[data-v-21cfd802] {
  display: none;
}
@media screen and (max-width: 600px) {
.dashfirst[data-v-21cfd802] {
    /* 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-21cfd802] {
    /* 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-21cfd802] {
    /* 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-21cfd802] {
    /* 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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
    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-21cfd802] {
  background: #7f7b7b;
  margin-top: -23px;
  max-width: 5%;
}
.divspan[data-v-21cfd802] {
  margin-top: -25px;
  color: #7f7b7b
}
.parentdiv[data-v-21cfd802] {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 26px;
  position: relative;
}


.error-row[data-v-34568386] {
  background-color: #ffcccc;
}
.dash[data-v-34568386] {
  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-34568386] {
  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-34568386] {
  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-34568386] {
  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-34568386] {
  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-34568386] {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}


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

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

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

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


#app {
  font-family: 'Roboto', 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';
}


#app[data-v-31f662ab] {
  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-31f662ab] {
  margin-top: -1rem !important;
  width: 80%;
  font-size: 2px;
}
.font[data-v-31f662ab] {
  font-weight: bold;
}
#content[data-v-31f662ab] {
  width: 210mm;
  /* A4 paper width */
  padding: 20px;
  background: white;
}
table[data-v-31f662ab] {
  border-collapse: collapse;
  width: 100%;
}

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

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

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


.cardlay[data-v-119a8892] {
  height: 8rem;
}
.lgreen[data-v-119a8892] {
  background-color: lightgreen;
}
.mobilebtns[data-v-119a8892] {
  border: #efefef solid;
  padding: 10px 5px;
  display: flex;
  justify-content: space-around;
  /* border: 2px solid black; */
  /* gap: 0.2rem; */
}
.mobilebtns button[data-v-119a8892] {
  width: 15%;
  padding: 5px 0;
  color: #FFF;
}
.webcontainer[data-v-119a8892] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  /* gap: 0.5rem; */
  /* gap: 2.5%; */
  row-gap: 1rem;
  -moz-column-gap: 2.5%;
       column-gap: 2.5%;
  border: #efefef solid;
  padding: 20px 0px 20px 20px;
  /* background-color: green; */
}
.web_box[data-v-119a8892] {
  box-shadow: 1px 1px 5px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  /* display: flex;
  justify-content: space-between; */
  cursor: move;
  position: relative;
  height: 50%;
  /* background-color: aquamarine; */
}
.webactionbox1[data-v-119a8892] {
  /* background-color: green; */
  height: 50%;
  width: 90%;
  padding-left: 5px;
  /* display: flex;
  align-items: center; */
}
.webiconactionbox[data-v-119a8892] {
  /* background-color: aquamarine; */
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  /* align-items: center;
  padding: 0 5px; */
}
.web_box0[data-v-119a8892] {
  width: 22.5%;
}
.web_box1[data-v-119a8892] {
  width: 17.5%;
}
.web_box2[data-v-119a8892] {
  width: 22.5%;
}
.web_box3[data-v-119a8892] {
  width: 47.5%;
}
.web_box4[data-v-119a8892] {
  width: 72.5%;
}
.web_box5[data-v-119a8892] {
  width: 96.5%;
}
.web_box[data-v-119a8892]:hover {
  box-shadow: 5px 5px 20px;
}
.mobileboxcontainer[data-v-119a8892] {
  border: #efefef solid;
  padding: 10px 60px 30px 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.pr[data-v-119a8892] {
  position: relative;
}
.wbcol1[data-v-119a8892] {
  padding: 10px;
  box-shadow: 1px 1px 5px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.mbcol1[data-v-119a8892] {
  display: flex;
  /* justify-content: flex-end; */
  justify-content: space-between;
  align-items: center;
  /* gap: 1rem; */
  /* border: black solid; */
  /* padding: 20px 0px; */
  /* background: orange; */
  box-shadow: 1px 1px 5px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  /* position: relative; */
}
.mbcol1[data-v-119a8892]:hover {
  box-shadow: 5px 5px 20px;
}
.mbcol2[data-v-119a8892] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 1px 1px 5px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  /* position: relative; */
}
.mbcol2[data-v-119a8892]:hover {
  box-shadow: 5px 5px 10px;
}
.mbcol1 P[data-v-119a8892] {
  /* background-color: green; */
  height: 90%;
  width: 50%;
  display: flex;
  /* justify-content: flex-end; */
  align-items: flex-end;
  overflow: hidden;
}
.mbcol2 p[data-v-119a8892] {
  height: 90%;
  width: 50%;
  display: flex;
  /* justify-content: flex-end; */
  align-items: flex-end;
  /* background-color: green; */
  overflow: hidden;
}
.rowbox[data-v-119a8892] {
  display: flex;
  justify-content: space-around;
  row-gap: 20px;
  /* background-color: green; */
  padding: 10px;
}
.deletebox[data-v-119a8892] {
  position: absolute;
  height: 70%;
  width: 10%;
  right: -10%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 2px solid black; */
  /* background: orange; */
}
.deleteweb[data-v-119a8892] {
  position: absolute;
  right: -70%;
  top: -90%;
}
.drag-box[data-v-119a8892] {
  cursor: move;
}


#app {
  font-family: 'Roboto', 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-69375af3] {
  height: 3vh;
  width: 10%;
  background-color: blue;
  color: white;
}
.update_field_box_line[data-v-69375af3] {
  height: 0.1vh;
  width: 10%;
  background: #000;
}
.v-text-field[data-v-69375af3] {
  height: 100%;
}
.datepicker1[data-v-69375af3] {
  width: 100%;
  height: 64%;
  border-right: 1px solid silver;
}
.close_box[data-v-69375af3] {
  height: 5vh;
  width: 5%;
}
.mail_box[data-v-69375af3] {
  height: 10vh;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* background-color: #1976d2; */
}
.dash1[data-v-69375af3] {
  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-69375af3] {
  position: absolute;
  left: 0%;
  top: 100%;
  transform: translateX(-50%);
  background: green;
  height: 3.5vh;
  width: 50%;
  border-radius: 5px;
}
.icon-color[data-v-69375af3] {
  color: white !important;
  /* Changes the icon color */
  font-size: 24px;
  /* Adjust icon size if needed */
}
.test[data-v-69375af3] {
  background-color: lightblue;
  border: 1px solid gray;
  height: 100%;
}
.h10[data-v-69375af3] {
  height: 10vh;
}
.w10[data-v-69375af3] {
  height: 10%;
}
.rule_box[data-v-69375af3] {
  width: 100%;
}
.rule_head[data-v-69375af3] {
  height: 40px;
  width: 100%;
  display: flex;
  /* background-color: #1976d2; */
}
.rule_head h3[data-v-69375af3] {
  width: 5%;
  display: flex;
  align-items: center;
  /* background-color: #7f7b7b; */
}
.rule_content[data-v-69375af3] {
  width: 100%;
  min-height: 10px;
}
.datepicker[data-v-69375af3] {
  margin-top: -30px;
  border-right: 1px solid lightgrey;
}
.ghost[data-v-69375af3] {
  opacity: 0.5;
  background: #1976d2;
  color: white
}
.list-group-item[data-v-69375af3] {
  opacity: 1.5;
  color: black;
  display: flex;
  justify-content: space-between;
}
#tabsLabel[data-v-69375af3] {
  font-size: 1.2em;
}
.hidden-checkbox .v-input__control[data-v-69375af3] {
  display: none;
}
@media screen and (max-width: 600px) {
.dashfirst[data-v-69375af3] {
    /* 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-69375af3] {
    /* 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-69375af3] {
    /* 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-69375af3] {
    /* 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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
    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-69375af3] {
  background: #7f7b7b;
  margin-top: -23px;
  max-width: 5%;
}
.divspan[data-v-69375af3] {
  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-69375af3] {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 26px;
  position: relative;
}


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


.head[data-v-35402e8f] {
  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-35402e8f] {
  height: 28px;
  width: 95%;
  display: flex;
  justify-content: space-between;
}
.headbox[data-v-35402e8f] {
  width: 25%;
  font-weight: bold;
  color: white;
  overflow: hidden;
}
.empty[data-v-35402e8f] {
  height: 2vh;
}
.fieldbox[data-v-35402e8f] {
  height: 4vh;
  position: relative;
}
.ApprovedBox[data-v-35402e8f] {
  height: 4vh;
  width: 5%;
  position: absolute;
  top: 0%;
  left: -5%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: orange; */
}
.actionhead[data-v-35402e8f] {
  height: 4vh;
  width: 98%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


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


.head[data-v-5af94e94] {
  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-5af94e94] {
  height: 28px;
  width: 95%;
  display: flex;
  justify-content: space-between;
}
.headbox[data-v-5af94e94] {
  width: 25%;
  font-weight: bold;
  color: white;
  overflow: hidden;
}
.empty[data-v-5af94e94] {
  height: 2vh;
}
.fieldbox[data-v-5af94e94] {
  height: 4vh;
  position: relative;
}
.ApprovedBox[data-v-5af94e94] {
  height: 4vh;
  width: 5%;
  position: absolute;
  top: 0%;
  left: -5%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: orange; */
}
.actionhead[data-v-5af94e94] {
  height: 4vh;
  width: 98%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}