@charset "ISO-8859-1";

.centered {
  display: flex !important;
  justify-content: center !important;
}

nav-section,
tile-section,
graph-section {
  width: 100%;
  display: block;
  overflow: hidden;
}

.g1,
.g2,
.g3,
.g4 {
  display: none !important;
}

.f-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.f-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.s-left {
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 10% 100%);
}

.s-right {
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.graph_active {
  display: flex !important;
}

.legend-description {
  width: 40% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vh 2vh;
  flex-direction: column;
  font-family: sans-serif;
}

.bb-legend-item {
  font-weight: bolder !important;
}

.desc {
  font-size: 1.4vw !important;
  text-align: left;
  /* color: #6fb47d; */
  color: black;
}

.loksabha,
.rajyasabha {
  color: black;
  width: 50%;
  font-size: 1.2rem;
  font-weight: bolder;
}

.deactive {
  background: #efeeee !important;
}

.loksabha,
.rajyasabha {
  background: #fff4a5;
}

.searchbar {
  width: 50%;
  border: 2px solid lightgray;
  border-radius: 0.5vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2vh;
  overflow: hidden;
  padding: 1vh;
  .searchbar_child {
    font-size: 2vw !important;
    padding: 0 2vh !important;
  }
}

.searchbar_child {
  background: #f5f0f0;
  font-weight: 500;
  /* padding:0 2vh */
}

.filter {
  align-items: center;
  width: 7vw;
  margin-left: -7vw;
  border: 2px solid lightgray;
  background: white;
  padding: 1vh;
  font-size: 1.4vw !important;
  font-weight: 500;
}

.filter::after {
  display: none !important;
}

.filter:is(.show) {
  justify-content: flex-start !important;
  border-bottom: 0px;
}
#fil-img {
  width: 2.5vw;
  background-image: url(/zkImages/filter-settings.png);
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
}

.filter:is(.show) #fil-img {
  background-image: url(/zkImages/filter-settings-hovered.png) !important;
}

.dropdown-menu {
  margin-top: -1vh !important;
  border: 2px solid lightgray !important;
  border-top: 0px !important;
}

.filter.show,
.dropdown-menu.show {
  width: 25vw;
}

.filter.show {
  color: #1a936f !important;
}

#titletag {
  font-size: 1.5rem !important;
}

.label-active {
  background: #e7f2f5 !important;
  border: 2px solid cadetblue !important;
}

.label-active::after {
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  background: inherit;
  position: absolute;
  left: 30vw;
  transform: rotate(45deg);
  border-top: 2px solid cadetblue !important;
  border-right: 2px solid cadetblue !important;
  font-weight: bolder;
}

.chart-container {
  display: flex;
  box-shadow: 1vh 1vh 1vh 1vh #e9e5e5;
  border-radius: 15px;
  width: 57.5% !important;
  height: 90% !important;
  border: 2px solid lightgray;
}

.divider {
  width: 1%;
  background: lightgray;
  border-radius: 50px;
}

.label-container {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5vh;
}

.cards-container,
.charts-container,
.cards-container1 {
  width: 100%;
  display: flex;
  align-items: center;
}

.charts-container {
  justify-content: flex-start !important;
  height: 95%;
  margin-top: 23%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.icon-card {
  width: 28%;
  height: 100%;
  border-radius: 100%;
}

.tileval {
  font-size: 1.75vw;
  font-weight: bold;
}

.tilekey {
  font-weight: 500;
  font-size: 1.175vw;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tail_tile {
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: 2vh;
  gap: 1vh;
  background-color: #fffde7;
  border: 1px solid #ffeb3b;
  color: #212121;
  padding: 16px;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.label-card {
  display: flex;
  width: 56%;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  min-height: 12vh;
  background: red;
  padding: 2vh;
  background: white;
  border: 1px solid gray;
  font-weight: 500;
  font-size: 1.15vw;
}

.chart-container {
  width: 60%;
  height: 100%;
  padding: 4vh 0;
}

.dropdown-menu ul {
  list-style: none !important;
}

.dropdown-menu ul li label {
  color: rgb(160, 160, 160);
}

.dropdown-menu ul li {
  margin-left: -1vh;
  padding: 1vh;
}

.select2-container {
  width: 20vw !important;
  height: 100% !important;
  .select2-dropdown {
    font-size: 3vw !important;
  }
}

.select2-container--default,
.select2-selection--single,
.select2-selection__rendered {
  padding: 0.3vh;
  box-sizing: content-box !important;
  height: auto !important;
  background: #fbf9f9;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: black;
  font-weight: 480;
}

#search_btn {
  display: flex;
  justify-content: center;
  gap: 5vh;
}

#search_btn .btn {
  padding: 1vh 3vh;
  border-radius: 3vh;
  font-weight: 500;
}

#search_btn .btn-warning {
  background: #f3e8e8 !important;
  border: 0px;
}

/* from Landing page */
.bold {
  font-weight: bolder;
}

.linkcus {
  justify-content: flex-end;
}
.but1 {
  border-radius: 50px;
  padding: 0.5vh 3vh;
  background-color: rgb(245, 245, 245);
  color: white;
  font-weight: bolder;
  border: 0px;
  color: black;
  font-weight: 500;
}

.iconbox {
  width: 100%;
  display: inline-flex;
  justify-content: space-evenly;
}

.tcsicon {
  width: 11.641288vw;
  height: 7.144393vh;
}

.sbiicon {
  width: 7.320644216691069vw;
  height: 6.1443932411674345vh;
}

.tcsicon img {
  width: 11.71303074670571vw;
  height: 7.680491551459293vh;
}

.sbiicon img {
  width: 7.320644216691069vw;
  height: 5.376344086021505vh;
}

.mpicon {
  width: 8.784773060029282vw;
  height: 14.288786vh;
  overflow: hidden;
}

.mpicon img {
  width: 9.150805270863836vw;
  height: 15.056836vh;
  margin: -2px;
  margin-left: -1px;
}

.bb-title {
  font-size: 1rem;
  font-weight: bold;
}

footer {
  height: 15vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  overflow: hidden;
  padding-left: 5vh;
}

.footercus p {
  margin: 0.2px;
  font-weight: 500;
  font-size: 1.17vw;
}

.footercus {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* From DASHBOARDCSS */
.tablebody table tr th,
.tablebody table tr td {
  max-width: 5vw !important;
  min-width: 5vw !important;
}

.dt-center {
  font-size: 0.8rem !important;
  white-space: break-spaces !important;
}

.filterbutton {
  color: white;
  background-color: #0c3058;
}

.dataTables_length {
  width: 150px;
  margin-right: 40px;
}

.dataTables_length select {
  display: inline-block;
  width: 50px;
}

.dataTables_filter {
  width: 280px;
}

.dataTables_filter input {
  display: inline-block;
  width: fit-content;
}

#tablepag_paginate {
  margin: 20px;
}

#tablepag_paginate .pagination li {
  padding: 0px;
}

#tablepag_paginate .pagination li:hover {
  background-color: white;
  border: 1px solid white;
}

#tablepag_info {
  margin-top: 20px;
}

#tablepag_paginate .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #157347;
  border-color: #157347;
}

.dataTables_scrollFootInner table tfoot td {
  background-color: teal;
  color: white;
}

.dataTables_scrollFootInner table tfoot td:last-child {
  background-color: white;
  color: black;
  font-weight: bolder;
}

#tablepag_paginate .page-link,
#tablepag_paginate .page-link:hover {
  color: #157347;
}

table {
  width: 100% !important;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

.dataTables_scrollFootInner {
  width: 100% !important;
}

#staticBackdrop .modalsize {
  width: fit-content;
  min-width: 1140px;
}

.tablecus {
  table-layout: fixed !important;
}

.f-row-centered,
.f-column-centered {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.desc1,
.desc2,
.desc3,
.desc4 {
  display: none;
}

.desc-active {
  display: block !important;
}

.navbar-nav li .linkmate {
  position: relative;
}

.navbar-nav li .linkmate::after {
  content: "";
  display: block;
  width: 100%;
}

.navbar-nav li .linkmate:hover::after {
  animation-name: expborder;
  animation-iteration-count: 1;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
}

@keyframes expborder {
  0% {
    border-bottom: 2px red solid;
    transform: scaleX(0);
  }
  100% {
    border-bottom: 2px red solid;
    transform: scaleX(1);
  }
}
.tile,
.tile *,
.label-container * {
  cursor: pointer;
}

th.dt-center {
  background: #fff9d1 !important;
}

.dt-button {
  background: #edf6f3 !important;
  color: #1a936f !important;
  padding: 1vh 3vh !important;
}

.modal-title {
  border-bottom: 0.4vh solid lightgray;
  padding: 1vh 0;
  width: 35%;
}

.btn-close {
  background-color: green;
}

.modal-header {
  border: 0px !important;
}

/* for media queries and responsive layout */
.navcus a :is(.mainlogo) {
  width: 34 vw;
  padding-left: 2 vh;
}
.navcus .container-fluid {
  padding-left: 1vw !important;
}
.navcus .navbar-nav {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 0.5vw !important;
  align-items: center !important;
  object {
    height: 2.9vh;
    width: 1.5vw;
  }
  * {
    font-size: 1.3vw;
  }
}
.subnav .navbar-nav {
  height: 7vh;
  * {
    font-size: 1.3vw;
  }

  li {
    height: 7vh;
    align-items: center;
  }
}
.gadj,
.bb {
  height: 100% !important;
  width: 100% !important;
  display: none !important;
}

/*For reports adjust*/
.dataTables_scroll:has(.L-tab) {
  overflow: auto !important;
  max-width: 63vw !important;
  .dataTables_scrollHead,
  .dataTables_scrollBody,
  .dataTables_scrollFoot {
    min-width: 200vw !important;
  }

  th,
  td {
    text-wrap: wrap !important;
  }

  th:last-child,
  td:last-child {
    display: table-cell !important;
  }
}
.dataTables_scroll:has(.M-tab) {
  overflow: auto !important;
  max-width: 63vw !important;
  .dataTables_scrollHead,
  .dataTables_scrollBody,
  .dataTables_scrollFoot {
    min-width: 80vw !important;
  }
  th,
  td {
    text-wrap: wrap !important;
  }

  th:last-child,
  td:last-child {
    display: table-cell !important;
  }
}
.report-modal,
.privacy-policy-modal {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
}
/*For reports adjust*/

/*For Multiple image in reports*/
.img-container {
  display: inline-flex;
  flex-direction: row;
  text-align: justify;
  justify-content: flex-start;
  gap: 1vw;
  flex-wrap: wrap;
}

.attach_links {
  min-width: 10vw;
  background: lightgray;
  min-height: 2.5vw;
  color: black;
  text-decoration: none;
  display: flex;
  place-items: center;
  place-content: center;
  font-weight: 500;
  box-shadow: #d3d3d366 2px 2px 2px 2px;
  border-radius: 2vw;
  padding: 1.5vh;
}

.modal-body :has(.img-container) {
  min-height: 25vh;
  overflow: auto;
}
.star {
  display: inline-flex;
  background: gold;
  min-width: 2vw;
  height: 2vw;
  cursor: pointer;
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
}

.star-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: white;
  gap: 1vw;
}

.review-container,
.rev-rate-container,
textarea {
  width: 100%;
}

.rev-rate-container {
  display: flex;
  flex-direction: column;
  min-height: 10vh;
}

/*for rev rate modal*/
#wrk-revrate-modal .modal-dialog {
  padding: 10vh;
  display: flex;
  align-items: center;
  .modal-body {
    max-height: 57vh;
    min-height: 57vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 5vw;
    textarea {
      min-height: 13vh;
      padding: 1vh;
    }
  }
}

/*for rev rate modal*/
/*For Multiple image in reports*/
.avg-svg-star {
  font-size: 32vw !important;
}

.modal-body::-webkit-scrollbar {
  background: #d9d9d9;
  max-width: 1vw;
  border-radius: 1vw;
}

.modal-body::-webkit-scrollbar-thumb {
  border-radius: 1vw;
  background: #5f5f5f;
}

.star-container::before {
  content: "\f007"" Anonymous User";
  font-family: "FontAwesome";
  padding: 1vh 0.5vh;
  opacity: 0.9;
  font-weight: bold;
  font-size: 1.2vw;
}

.avg-star {
  width: 30%;
  background: url("/zkImages/ratingstar.svg") no-repeat center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
  font-size: 1vw;
  text-decoration: none;
  font-weight: bold;
  color: black !important;
  cursor: pointer;
}

.star-box {
  height: 4vw;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.amount-count-label {
  width: 100%;
}

.tilevalLbl {
  font-weight: 400;
}

.tilekeys {
  margin-top: -10px;
  font-weight: 500;
  font-size: 1.14vw;
  width: 90%;
  white-space: break-spaces;
  text-align: justify;
}

.tile5 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: 1vh 0vh 0 1vh;
  gap: 1vh;
  background-color: #fffde7;
  border: 1px solid #ffeb3b;
  color: #212121;
  padding: 16px;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.tile5:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.tile4 {
  height: 100%;
  width: 80%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: 1vh 0vh 0 1vh;
  gap: 1vh;
}

.tile4:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.tile1:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.tile2:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.tile3:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.tilevalAmo {
  font-size: 1.75vw;
  font-weight: bold;
}
.tilekeyss {
  font-weight: 700;
  font-size: 1.33vw;
  text-overflow: ellipsis;
}

.tilevalS {
  font-weight: 700;
  font-size: 1.5vw;
  font-weight: bold;
  margin-top: 6%;
}

.privacy-policy-modal {
  min-width: 100% !important;
}

.mt-3 {
  height: 138vh;
  margin-left: 53vh;
  width: 157vh;
  margin-top: -79vh !important;
}

tile-section {
  display: flex;
  flex-direction: column;
  height: 175vh;
  padding-top: 3vw;
  gap: 1vw;
}

.rep-card-container {
  height: 140vh;
  display: flex !important;
  padding: 2vw;
  gap: 4vw;
}

.cards-container {
  display: inline-flex !important;
  width: 25% !important;
  min-width: 25% !important;
  height: 100% !important;
  flex-direction: column !important;
  gap: 1vw;
  padding: 1vw;
  overflow: hidden;
}

.report-container {
  display: inline-flex !important;
  width: 75% !important;
  height: 100% !important;
  padding: 2vw;
  box-shadow: 1vh 1vh 1vh 1vh #e9e5e5;
  border-radius: 1vw;
  border: 0.2vw solid lightgray;
  justify-content: center !important;
  align-items: center !important;
}

.privacy-policy-modal .modal-body {
  overflow: auto;
  height: 80vh;
}

.privacy-policy-modal .modal-dialog {
  display: flex;
  width: 100%;
  justify-content: center;
}

.privacy-policy-modal .modal-dialog .modal-content {
  display: flex;
  justify-content: center;
  width: 80vw !important;
  min-width: 80vw !important;
}

.privacy-policy-modal .modal-body ul {
  list-style: number;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  font-size: 1vw;
  margin-top: 3vw;
}

.Dashboard-tile {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 25vh;
  flex-direction: column;
  background: white;
  border: 0.1vw solid gray;
  border-radius: 1vw;
  min-height: 18vh;
  padding: 1vw;
  * {
    cursor: pointer;
  }
}

.Dashboard-tile-active::after {
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  background: inherit;
  position: absolute;
  left: 24vw;
  transform: rotate(45deg);
  border-top: 0.2vw solid cadetblue !important;
  border-right: 0.2vw solid cadetblue !important;
  font-weight: bolder;
}

.Dashboard-tile-active {
  background: #e7f2f5 !important;
  border: 0.2vw solid cadetblue !important;
}
.dt-center {
  text-align: left !important;
}
.dt-center:is(:first-child) {
  text-align: center !important;
}
.dt-center:is(:last-child) {
  text-align: right !important;
}
.dataTables_scrollHead {
  z-index: 0;
  .dataTables_scrollHeadInner {
    .dt-center {
      text-align: center !important;
      vertical-align: middle !important;
    }
  }
}

/* Media queries for Dashboard --start */

@media screen and (max-width: 480px) {
  nav-section {
    overflow: visible !important;
  }
  .privacy-policy-modal {
    .modal-body {
      h3 {
        font-size: 3.5vw !important;
        padding: 0 !important;
      }
      ul {
        font-size: 3vw;
        padding: 4vw !important;
      }
    }
  }
  img:is(.mainlogo) {
    width: 70vw;
    padding-left: 2vh;
    height: 5.5vh;
  }
  .navbar-collapse.show {
    background: white;
    .nav-item {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding-right: 2vw;
      .nav-link {
        display: flex;
        align-items: center;
        gap: 1vw;
        font-size: 2vw;
        width: 26vw;
        padding-left: 3vw;
      }
    }
  }
  footer {
    padding: 0;
    margin: 0;
    position: relative;
    height: 20vh;
    .mpicon {
      width: 15vw;
      height: 15vw;
      overflow: hidden;
      position: absolute;
      left: 6vw;
      top: 0;
      img {
        object-fit: fill !important;
        width: inherit !important;
        height: inherit !important;
      }
    }
    .mptcsicon {
      position: absolute;
      width: 60% !important;
      gap: 2vh !important;
      right: 7vw;
      height: 15vw;
      top: 0;
      .tcsicon {
        width: 30vw;
        height: 10vw;
        img {
          width: inherit;
          height: inherit;
          object-fit: fill;
        }
      }
      .sbiicon {
        width: 20vw;
        height: 8vw;
        img {
          width: inherit;
          height: inherit;
          object-fit: fill;
        }
      }
    }
    .footercus {
      position: absolute;
      width: 100%;
      z-index: 9999;
      bottom: 5vw;
      p {
        font-size: 2vw;
      }
    }
  }
  .subnav {
    height: 4vh !important;
    overflow: hidden !important;
    padding: 0 !important;
    z-index: 9998;
    .nav-link {
      font-size: 2vw;
    }
    .container-fluid {
      height: 100% !important;
    }
    .collapse {
      height: 100% !important;
      ul {
        width: 60% !important;
        flex-direction: row !important;
        height: 100% !important;
        li {
          height: 100% !important;
        }
      }
    }
  }
  .mainnav {
    z-index: 9999;
  }
  #mydrop {
    height: 4vh !important;
    .searchbar {
      width: 50% !important;
      .fa-search {
        font-size: 2vw !important;
        margin-left: 0vh !important;
      }
    }
    .filter {
      width: 13vw !important;
      #fil-img {
        width: 3.5vw !important;
        height: 3.5vw !important;
        background-size: cover !important;
      }
      label {
        font-size: 2vw;
      }
    }
  }
  #titletag {
    font-size: 4.5vw !important;
  }
  marquee {
    label {
      font-size: 3vw !important;
    }
  }
  .dropdown-menu.show {
    min-width: 60vw;
    max-width: 60vw;
    ul {
      padding: 0vw 4vw !important;
      li {
        display: flex !important;
        align-items: center !important;
        font-size: 3vw !important;
        justify-content: space-between !important;
        label {
          display: flex !important;
          width: 40% !important;
          height: 100% !important;
          align-items: center !important;
        }
        .select2-container {
          width: 60% !important;
          .select2-selection {
            padding: 0 !important;
          }
          .select2-selection__rendered {
            padding: 0 20px 0 8px !important;
          }
        }
        #search_btn {
          overflow: hidden !important;
          button {
            margin: 0 !important;
            font-size: 3vw;
            padding: 1vw 5vw;
          }
        }
      }
    }
  }
  .rep-card-container {
    flex-direction: column !important;
    height: 150vh !important;
    .cards-container {
      flex-direction: row !important;
      justify-content: space-between !important;
      gap: 0vw !important;
      width: 100% !important;
      height: 25% !important;
      .Dashboard-tile {
        width: 15% !important;
        position: relative;
        justify-content: space-between !important;
        padding: 5vw 0.5vw !important;
        align-items: center !important;
        * {
          font-size: 1.8vw !important;
          white-space: normal !important;
          word-break: break-word !important;
          text-align: center !important;
        }
      }
      .Dashboard-tile-active::after {
        width: 1.5vw;
        height: 1.5vw;
        position: absolute;
        bottom: -1vw;
        left: 50%;
        right: 50%;
        transform: rotate(140deg);
      }
      .tilekeys {
        margin-top: 0 !important;
      }
    }
  }
  .report-container {
    width: 100% !important;
    height: 75% !important;
    .tablebody {
      overflow: hidden!important;
      width: 100%;
      height: 100%;
      display: flex !important;
      align-items: center !important;
    }
    .dataTables_scroll {
      width: 100%;
      min-width: 100%;
    }
    .dt-center {
      text-align: center !important;
      vertical-align: middle !important;
      padding: 2vw;
      word-break: break-all !important;
      min-width:20vw!important;
      width:20vw!important;
      .star-box{
      	height: 6vh!important;
      	.avg-star {
    		width: 35%!important;
    		object-fit: cover!important;
		}
      }
    }
    #tablepag_wrapper {
   	    width: 100%!important;
	    height: 100%!important;
	    overflow: auto!important;
	    display: flex!important;
	    flex-direction: column!important;
	    justify-content: center!important;
      .dataTables_scroll {
        * {
          font-size: 3vw !important;
        }
      }
      .dt-buttons,
      #tablepag_filter,
      .dataTables_info,
      .dataTables_paginate {
        font-size: 3vw !important;
      }
    }
  }
  #Logout-form {
    * {
      font-size: 3vw !important;
    }
    #Yes-out,
    #Yes,
    #No-out,
    #No {
      width: auto !important;
    }
  }
  #wrk-revrate-modal{
  	* {
      font-size: 2vw !important;
    }
    .star-container::before {
    	font-size: 2.5vw!important;
	}
	.star {
    	min-width: 3vw!important;
    	height: 3vw!important;
	}
  }
}

/* Media queries for Dashboard --end */