/*# sourceMappingURL=custom.min.css.map */

.wrapper {
  max-width: 1240px;
  margin: 0 auto;
}

.white-bg {
  background-color: white;
  /* box-shadow: 0px 0px 6px 0px rgb(255 255 255 / 80%); */
  /* border-bottom:5px solid #ff9800; */
}

.auth-one-bg .slide .carousel-indicators {
  bottom: 25px;
}

.auth-page-wrapper .auth-page-content {
  padding-bottom: 0px !important;
}

.auth-page-content .card {
  margin-bottom: 0rem;
}

.data-tabs .wrapper .nav-tabs button {
  font-size: 17px;
  color: black;
  padding: 4px 8px;
  border-radius: 5px;
}

.data-tabs .wrapper .nav-tabs .active {
  background: linear-gradient(-45deg, #3d5f32 50%, #7ead5f);
  color: white;
  border-radius: 5px;
  padding: 4px 8px;
}

.carousel-indicators {
  display: none;
}

.custom-banner-caption {
  color: white !important;
}

.announcement-heading {
  font-size: 1.2em;
  font-weight: 600;
}

.data-tabs .tab-pane ul li {
  font-size: 1em;
  padding: 5px 0;

}

.main-logo {
  padding: 10px;
  align-items: center;
}

.data-tabs .nav-item .nav-link {
  background-image: none;
}

/* .right-sec{
  box-shadow: 5px 10px 18px #888888;
} */
.navbar-brand-box {
  background: #fff;
}

/* .btn-danger {
  background-color: #40895a;
  border: 1px solid #40895a;
} */
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
  color: white !important;
}

.header-buttons .btn-primary {
  margin-right: 10px;
  padding: 6px 15px;
  font-weight: 600;
  background-color: #207005;
  border: none;
  box-shadow: 0px 2px 7px #888888;
}

.header-buttons .btn-secondary {
  margin-right: 10px;
  padding: 6px 15px;
  font-weight: 600;
  background-color: #72a055;
  border: none;
  box-shadow: 0px 2px 7px #888888;
}


.right-sec {
  border-left: 5px solid #ede7e7;
  border-right: 5px solid transparent;
}

.tabdiv {
  background: white;
  padding: 20px;
  margin-top: 0px !important;
  border: 10px solid #dfdbd5;
}

.nav-tabs {
  border-bottom: 0px;
}

div#myTabContent {
  border: 1px solid #cccccc;
}

.frontfooter footer {
  padding: 20px calc(1.5rem / 2);
  position: static;
  color: #000;
  height: auto;
  background-color: #f9f9f9;
  margin-top: 0px;
  border-top: 1px solid #e1dfdf;
}

span.logo-sm img {
  width: 69px;
}

.simplebar-content li.nav-item:hover {
  background: #4caf50;
}

.sectitle {
  font-size: 14px;
}

.required {
  color: red;
}

.customtextarea {
  height: 120px;
}

ul.boxsection {
  margin: 0;
  padding: 0;
}

ul.boxsection li {
  list-style-type: none;
  padding: 7px 0;
  border-bottom: 1px solid #efeded;
}

.boxcard .col:nth-child(1) {
  background: #effcfb;
}

.boxcard .col:nth-child(2) {
  background: #fdfdfd;
}

.boxcard .col:nth-child(3) {
  background: #effcfb;
}

.boxcard .col:nth-child(4) {
  background: #fdfdfd;
}

.boxcard .col:nth-child(5) {
  background: #effcfb;
}


.error {
  /* border-color: red !important; */
  color: red;
}

.card-body {
  background: #ffffff;
  border-radius: 5px;
}

.white-inner {
  /* background: #fff;
  padding: 15px 10px;
  border-radius: 5px;*/
  background: transparent;
  padding: 0;
  border-radius: 0px;
}

.blue-ht {
  color: #006919;
}

.seperatesec {
  margin-top: 0px !important;
}

.white-inner-p {
  padding: 0 15px;
}

/* .inner-sub-sec {
border-top: 1px solid #ccc;
position: relative;
padding-top: 15px;
}
.inner-sub-sec .form-label.blue-ht {
background: #fff;
position: absolute;
top: -15px;
padding: 5px 5px 5px 0;
} */
.navbar-menu .navbar-nav .nav-sm {
  padding-left: 1.75rem;
}

/* .navbar-menu .navbar-nav .nav-sm .nav-item a {
  padding-left: 3.75rem !important;
} */
.navbar-menu .navbar-nav .nav-sm .nav-link:before {
  content: "";
  width: 6px;
  height: 1.5px;
  background-color: var(--vz-vertical-menu-sub-item-color);
  position: absolute;
  left: 7px;
  top: 16.5px;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: .5;
}

[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:before {
  background-color: #fff !important;
}

.nav-item .nav-sm .nav-link.active {
  font-weight: 600 !important;
  background: #3b7db9;
}

.cus-dash-div {
  font-family: inherit;
}

.more-cards-inner .dashb-box p.colr-txt {
  font-family: 'robotomedium';
}

.breadcrumb-item+.breadcrumb-item::before {
  content: '';
}

.page-title-box .breadcrumb {
  align-items: baseline;
}

.cu-form-control {
  font-family: 'robotoregular';
  font-size: 12px;
  padding: 7px 7px;
  border: 1px solid #E6E6E6;
  border-radius: 7px;
}

.cus-dash-div .page-title-box {
  background: #F2FBF9;
  box-shadow: none;
}

.cus-dash-div {
  background: #F2FBF9;
}

.gradient-colr {
  background: linear-gradient(61deg, rgba(158, 22, 99, 1) 0%, rgba(201, 107, 25, 1) 100%);
}

.dashb-box .card-body {
  display: flex;
  padding: 15px 7px !important;
  align-items: center;
  height: 100%;
}

.dashb-box {
  border-radius: 10px !important;
  margin: 0;
}

.dashb-box .txt-part {
  margin-left: 10px;
}

.gradient-colr .txt-part h3 {
  color: #fff;
  font-size: 38px;
  margin: 0 !important;
  font-family: 'robotolight';
  line-height: 39px;
}

.gradient-colr .txt-part p {
  color: #fff !important;
}

.dashb-box .txt-part p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

.more-cards-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px 15px;
}

.more-cards-inner .img-part {
  box-shadow: 0px 2px 6px 0px rgb(114 113 113 / 42%);
  border-radius: 50px;
  padding: 7px;
}

.more-cards-inner .img-part {
  box-shadow: 0px 2px 6px 0px rgb(114 113 113 / 42%);
  border-radius: 50px;
  padding: 7px;
}

.more-cards-inner .card-body {
  padding: 10px 10px !important;
}

.total-txt p {
  font-size: 10px !important;
}

.blue-bx {
  border: 1px solid #478DF4;
}

.blue-bx .colr-txt {
  color: #3084FF;
}

.blue-bx {
  border: 1px solid #478DF4;
}

.blue-bx .colr-txt {
  color: #3084FF;
}

.purple-bx {
  border: 1px solid #703EFF;
}

.purple-bx .colr-txt {
  color: #703EFF;
}

.drk-brown-bx {
  border: 1px solid #7C3E2A;
}

.drk-brown-bx .colr-txt {
  color: #7C3E2A;
}

.green-bx {
  border: 1px solid #2A7C55;
}

.green-bx .colr-txt {
  color: #2A7C55;
}

.drk-blue-bx {
  border: 1px solid #332A7C;
}

.drk-blue-bx .colr-txt {
  color: #332A7C;
}

.yellow-bx {
  border: 1px solid #FF9A3E;
}

.yellow-bx .colr-txt {
  color: #FF9A3E;
}

.orng-bx .colr-txt {
  color: #F44771;
}

.orng-bx {
  border: 1px solid #F44771;
}

.pink-bx {
  border: 1px solid #7C2A74;
}

.pink-bx .colr-txt {
  color: #7C2A74;
}

.pink-bx .total-txt .colr-txt {
  font-size: 13px !important;
}

.dashb-box:hover {
  box-shadow: 0px 0px 9px 0px rgb(154 154 154 / 39%);
  background: #f9f9f9;
}

.gradient-colr .card-body {
  background: transparent;
}

.card.dashb-box .card-body {
  background: transparent;
}

/* yash css start 29-10-2024  */

.cus-dash-div .page-title-box {
  margin: 0;
  padding: 0 0 6px 0;
}

.cus-dash-div {
  margin-bottom: 25px;
  padding: 0;
}

.cust_side_card_content {
  position: absolute;
  right: 8px;
  bottom: 0;
}

table.dataTable {
  border: 1px solid #dddddd;
  border-top: none;
}

table.dataTable thead th {
  font-weight: 500;
}

table.dataTable thead {
  background: #165978;
  color: white;
}

.dt-buttons button.dt-button:hover {
  background: #165978;
  transition: 0.2s ease-in-out;
}

.dt-buttons button.dt-button {
  background: #30956a;
  color: white;
  border-radius: 5px;
  transition: 0.2s ease-in-out;
}

ul.pagination li {
  border: 1px solid #979797 !important;
  background: white !important;
  transition: 0.2s ease-in-out;
}

ul.pagination li:hover a {
  color: white !important;
}

ul.pagination li:hover {
  background: #165978 !important;
  color: white !important;
  transition: 0.2s ease-in-out;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active {
  background: #165978 !important;
  color: white !important;
  transition: 0.2s ease-in-out;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
  color: white !important;
}

.digital-clock {
  background: #ffffffad;
  padding: 5px;
  margin: 5px 0;
  text-shadow: 0 0 BLACK !important;
  display: inline-block;
  border-radius: 5px;
  color: black !important;
}

.gradient-colr:hover {
  background: linear-gradient(-61deg, rgba(158, 22, 99, 1) 0%, rgba(201, 107, 25, 1) 100%);
  transition: 0.2s ease-in-out;
}

/* login page style  */
.tabdiv ul {
  line-height: 30px;
  margin: 10px 0;
  padding: 0 20px;
}

ul#myTab li {
  border-bottom: none;
  padding: 0 !important;
}

ul#myTab {
  justify-content: space-between;
  padding: 0;
  align-items: center;
  gap: 20px;
}

.tabdiv ul li {
  list-style: none;
  border-bottom: 1px dashed #dbdbdb;
  padding: 10px 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tabdiv ul li:nth-last-child(1) {
  border-bottom: none;
}

.captcha.nopd span img {
  width: 100%;
}

.captchinputcstm {
  margin: 6px 0 0 0;
}

/* .captchinputcstm label {
  margin: 0;
} */


.cust_log_cust_nn input {
  background: #165978;
}

.cust_log_cust_nn input:hover {
  background: #163a0a;
}



.cust_log_cust_nn {
  gap: 20px;
}

.right-sec h5 {
  border-bottom: 2px solid #163a0a;
  padding-bottom: 8px;
  display: inline-block;
  font-weight: 600;
  color: black;
}

.tabdiv ul li a {
  padding: 0px 10px !important;
  color: green;
  text-decoration: none;
  border: 1px solid green;
  padding: 2px 4px;
  border-radius: 3px;
  display: none;
}

.tabdiv ul a:hover {
  background: #163a0a !important;
  color: white !important;
  transition: 0.2s ease-in-out;
}

a#contact-tab {
  background: #165978;
  color: white;
  border-radius: 5px;
  transition: 0.2s ease-in-out;
}

a#contact-tab:hover {
  background: #163a0a;
  transition: 0.2s ease-in-out;
}

button#contact-tab {
  background: #165978;
  color: white;
  border-radius: 5px;
  transition: 0.2s ease-in-out;
  border: 1px solid #165978;
}

button#contact-tab:hover {
  background: #163a0a;
  transition: 0.2s ease-in-out;
}

.cust_div_flocv li {
  padding: 4px 0 8px !important;
}

.cust_div_flocv li {
  list-style: none;
}

.cust_div_flocv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cust_tab_list_fdx {
  /* display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between; */
}

.data-tabs .tab-pane ul li span.badge {
  background: green !important;
  font-size: 10px;
  font-weight: normal;
  padding: .3em .4em;
}

.cust_tab_list_fdx li {
  list-style: none;
}

button.contact-tabwe {
  background: #e9e9e9 !important;
  color: #000 !important;
  border-color: #e9e9e9 !important;
}

button.contact-tabwe:hover {
  background: #dfdbd5 !important;
  color: #000 !important;
  border-color: #dfdbd5 !important;
}

/* Edn login page style  */
.topbar-user {
  background-color: transparent;
}

.topbar-user:hover {
  background: #f5f5f5;
}

li.nav-item.active ul li:hover {
  background: #158b19;
}

/* End yash css 29-10-2024  */


/* yash css start 04-11-2024 */
.cust_bg_flex_login_but {
  display: flex;
  align-items: center;
  gap: 20px;
}

.auth_log_bg .carousel-item img {
  max-height: 522px;
  object-fit: cover;
}

.auth_log_bg .carousel-caption {
  padding: 15px;
}

.auth_log_bg .carousel-caption p {
  margin: 0;
}

.cust_log_sec_overlay {
  position: absolute;
  top: 6%;
  right: 90px;
  background: white;
  /* This is the main background */
  padding: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  /* overflow: hidden; */
  /* Prevents content from overflowing */
  z-index: 4;
  min-height: 320px;
}

.cust_log_sec_overlay::after {
  content: '';
  position: absolute;
  bottom: -9px;
  right: 0px;
  width: 100%;
  height: 100px;
  background: #ffffff70;
  /* Change to your desired color */
  border-bottom-right-radius: 30px;
  /* Matches the corner */
  z-index: -2;
  /* Places it behind the main overlay */
}

.cust_log_sec_overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 30px;
  background: white;
  z-index: -1;
}

.captchareload.btn-refresh {
  font-size: 22px;
  text-align: center;
}

.forgot_pass_cust a {
  color: black !important;
  text-decoration: underline !important;
}

.forgot_pass_cust a:hover {
  color: #165978 !important;
}

.forgot_pass_cust {
  text-align: end;
  margin-bottom: 17px;
}

.crosule_cust_btn_nex_prv button span {
  /* background: #000000; */
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.crosule_cust_btn_nex_prv button {
  min-width: 55px;
  width: auto;
}

.cust_log_cust_nn input {
  border: none !important;
}

.auth_log_bg .carousel-caption {
  bottom: 0;
  position: absolute;
  width: 50%;
  background: transparent;
  top: 35%;
  left: 67px;
  text-align: start;
}

.auth_log_bg .carousel-caption p {
  font-size: 2rem;
  background: #00000015;
  padding: 0 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

button.cust_pad_bg {
  background: #ffffff;
  /* border-top: 1px solid #ced4da; */
  /* border-bottom: 1px solid #ced4da; */
  margin-right: 1px;
  margin-top: 2px;
  padding: 5px;
}

.auth-one-bg .carousel-item img {
  max-height: 100% !important;
  min-height: 100% !important;
}

.main-logo a {
  width: auto;
}

.logo-des {
  margin: auto 0 !important;
  margin-left: -55px !important;
}

.export-txt {
  display: inline-block;
  line-height: normal;
}

div#barchart_div svg {
  width: 100% !important;
}

div#barchart_div div {
  width: 100% !important;
}

/* End yash css 04-11-2024  */



/* Breadcrum Section css Start */
.breadcrum-area {
  position: relative;
  margin-top: -92px;
}

.breadcrum-area::before {
  content: '';
  position: absolute;
  left: 0;
  min-height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgb(0 0 0 / 71%) 14%, rgb(0 0 0 / 46%) 32%, rgb(51 81 116 / 0%) 78%);
  opacity: 0.9;
}

.breadcrumb-title-sec {
  background: url(../../slider/registration-bg.jpg);
  padding: 100px 0 0;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.breadcrum-area nav.breadcrumb {
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 5px 5px 0px 0px;
  width: fit-content;
  position: relative;
  right: 0;
  bottom: 0px;
  float: right;
}

.breadcrum-area ol.breadcrumb {
  margin: 0;
  background: transparent;
  width: 100%;
  padding: 15px 15px;
}

.breadcrum-area .breadcrumb li.breadcrumb-item {
  color: gray;
  font-size: 14px;
}

.breadcrum-area .breadcrumb li.breadcrumb-item a {
  color: #000000;
  font-size: 14px;
  padding: 4px 12px;
  background: #71c553;
  border-radius: 100px;
}

.breadcrum-area .breadcrumb li.breadcrumb-item a:hover {
  background: #016805;
  color: #fff;
}

.breadcrum-area .page-title {
  font-size: 24px;
  position: relative;
  color: #fff;
  margin: 0;
  padding-bottom: 50px;
  /* font-family: 'noto_sanssemibold'; */
  top: 44px;
}

.breadcrum-area .breadcrumb li.breadcrumb-item span {
  color: #000000;
  font-size: 14px;
  padding: 4px 12px;
  background: #380e6512;
  border-radius: 100px;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: '\ea50';
  font-family: boxicons !important;
  font-weight: 900;
  padding: 0 10px 0 10px;
}

/* Breadcrum Section css End */


.t-header {
  background: #fff;
  border-bottom: 5px solid #ff9800;
}

.emblem-logo {
  width: 52px;
}

.apeda-logo {
  margin-left: 20px;
  margin-right: 95px;
  width: 100px;
}

.logo-des h3 {
  display: flex;
  flex-direction: column;
  font-size: 18px !important;
  margin: 0;
  border-left: 1px solid #7272727a;
  padding-left: 15px;
  color: #000 !important;
  font-weight: 600;
}

.logo-des h3 span {
  color: #000;
  font-size: 16px;
  text-transform: initial;
  font-weight: normal;
}

.logo-des {
  margin: auto;
  padding: 0 0 0 5px;
  text-transform: none;
}

.trace-logo {
    /* width: 90%; */
    width: 330px;
    margin: auto;
    display: block;
}

.header-buttons img {
  width: 33% !important;
  width: 120px !important;
    max-width: initial !important;
}

.top-header {
  padding: 10px 0px;
  background: #e9e9e9;
}

.top-header ul li:last-child {
  border: none;
}

.top-header ul {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
  align-items: center;
  justify-content: end
}

.top-header ul li {
  padding: 0 12px;
  line-height: 1;
  display: flex;
  border-right: 1px solid #9f9f9f
}

.top-header ul li.login-btn {
  padding: 0;
}

.top-header .help-desk-icon {
  font-size: 14px;
  color: #000000;
  display: flex;
  gap: 5px;
  align-items: center;
  margin: 0 0px 0 0;
}

.top-header .help-desk-icon strong {
  font-size: 15px;
  color: #346823;
}

.top-header .language-selector {
  position: relative;
  z-index: 9;
  margin: 0 15px 0 0;
}

.top-header .language-select {
  border-radius: .25rem;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  border: 1px solid #9f9f9f;
  background: #e9e9e9;
  height: fit-content !important;
  color: #000000;
  outline: 0 !important;
}

.top-header ul li.lang-select {
  border-right: none;
}

.top-header ul li a {
  color: #fff;
  font-size: 12px;
}

.custom-lang-select {
  font-size: 12px;
  padding: 0;
  border: none;
  background: transparent;
  height: fit-content !important;
  color: #fff;
}

.top-header ul li a:hover {
  color: #f27a0c;
}

.top-left-nav ul {
  justify-content: flex-start
}

li.text-size a {
  padding-right: 9px
}

li.text-size a:last-child {
  padding-right: 0
}

li.login-btn a {
  color: #fff !important;
  font-size: 14px !important;
  padding: 11px 17px;

}

.top-left-nav {
  display: flex
}

.top-header ul li a.whitebg {
  background: #fff;
  color: #fff;
  border: 1px solid #000;
  padding: 0px 3px;
}

.top-header ul li a.blackbg {
  background: #000;
  color: #000;
  padding: 0px 3px;
  margin-left: 5px;
}

.top-left-nav {
  display: flex
}

.whitetheme {
  background: #fff;
  width: 15px;
  height: 15px;
}

.orangetheme {
  background: transparent linear-gradient(45deg, #EDA800 0%, #F72355 100%) 0% 0% no-repeat padding-box;
  margin-left: 6px;
  width: 15px;
  height: 15px;
}

.top-right-nav ul li:last-child {
  padding-right: 0px;
}

.padding-0 {
  padding: 0px;
}

.gov-india {
  display: block;
}

.trace-logo2 {
  display: block;
  position: relative;
  margin-right: 10px;
}

.trace-logo2 .trace-logo {
  width: 215px;
}


.btn.close {
  font-size: 25px;
}



.scroll-notification {
  overflow: hidden auto;
  height: 300px;
  width: 300px;
  text-align: left
}

.scroll-notification a.dropdown-item {
  white-space: normal;
  text-align: left !important
}

.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
  padding-right: 2px !important
}

/* Responsive CSS Start */
@media (max-width: 767px) {

  /* Logo Section css Start */
  .main-logo {
    padding: 10px 0 5px !important
  }

   .apeda-logo{margin-right:35px!important;margin-left:8px!important;width:60px}

  .logo-des {
    padding: 0px 0 0 0px !important;
    margin: 0 !important;
    width: 100%
  }

  .logo-des h3 {
    font-size: 11px !important;
    padding-left: 10px !important
  }

  .t-header .row {
    align-items: center;
    padding: 0 0 0 0
  }

  .logo-des h3 span {
    font-size: 10px !important
  }

 .t-header .col-lg-3{flex:0 0 55%;width:55%}

  .trace-logo {
    width: 100%;
    margin: 0 auto
  }

 .t-header .col-lg-3.d-flex{flex:0 0 45%;width:45%}

  .cust_bg_flex_login_but {
    gap: 10px
  }

  .emblem-logo {
    width: 40px
  }

  .header-buttons img{max-width:85px!important;width:100%!important}

  .t-header .container-fluid {
    padding: 0 12px !important
  }

  .t-header .white-bg.d-flex {
    justify-content: center !important
  }

  .t-header {
    padding: 0 0 10px 0
  }

  .scroll-notification {
    width: 300px
  }

  .top-header ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px
  }

  .top-header ul li {
    padding: 0 0px;
    border-right: 0px solid #9f9f9f
  }

  .top-header .help-desk-icon {
    gap: 0px
  }

  .top-header .help-desk-icon strong {
    font-size: 14px
  }

  .top-header .language-selector {
    margin: 0 0px 0 0
  }

  .top-header .language-select {
    font-size: 13px
  }

  /* Login Modal Section css Start */
  .modal-header {
    padding: 1rem
  }

  .modal-body {
    padding: 0rem 1rem 1rem
  }

  #login_frm .col-md-5 {
    flex: 0 0 41.66666667%;
    width: 41.66666667%;
  }

  #login_frm .col-md-2 {
    flex: 0 0 16.66666667%;
    width: 16.66666667%
  }

  #login_frm .col-md-5 {
    flex: 0 0 41.66666667%;
    width: 41.66666667%
  }

  #login_frm .captchinputcstm {
    margin: 0px 0 0 0
  }

  /* Tab Section css Start */
  .more-cards-inner {
    grid-template-columns: 100% !important
  }

  .tabdiv {
    padding: 15px
  }

  .cust_tab_list_fdx {
    gap: 0px;
    flex-wrap: wrap;
    margin: 0 0 15px 0
  }

  .tabdiv ul {
    margin: 0px 0;
    padding: 0 15px;
    gap: 10px !important
  }

  .cust_tab_list_fdx ul#myTab {
    margin: 0 0 10px 0
  }

  .tabdiv ul li {
    display: block
  }

  .tabdiv ul li a {
    float: initial !important;
    text-align: center;
  }

  /* Forgot Password Page css Start */
  .cust_log_sec_overlay {
    position: relative;
    top: initial;
    right: initial;
    padding: 15px;
    z-index: 4;
    min-height: auto;
    margin: 15px auto;
    width: 92%;
    overflow: visible
  }

  .cust_log_sec_overlay::after {
    background: #dbdbdb70
  }

  .auth-page-content .card {
    border-radius: 0
  }

  .cust_log_sec_overlay .mt-4 {
    margin-top: 1rem !important
  }

  /* I want to Register as Organic Operator Page css Start */
  #commonform1 .form-check label {
    display: block;
    width: 100% !important
  }

  #commonform1 .row:last-child .col-lg-2 {
    flex: 0 0 36.66666667%;
    width: 36.66666667%
  }

  #commonform1 .row:last-child .col-lg-1 {
    flex: 0 0 8.33333333%;
    width: 8.33333333%
  }

  #commonform1 .row:last-child .col-lg-3 {
    flex: 0 0 55%;
    width: 55%
  }

  .breadcrum-area .page-title {
    top: 20px
  }

  /* Dashboard Page css Start */
  button#topnav-hamburger-icon {
    padding-left: 0px !important
  }

  .gradient-colr {
    margin: 0 0 12px 0 !important
  }

  .more-cards-inner .card-body {
    padding: 15px 15px !important
  }

  /* .page-content {
    padding: calc(70px + 1.5rem) calc(0rem / 2) 60px calc(0rem / 2)
  } */

  .cus-dash-div .ps-2 {
    padding-left: 12px !important
  }

  .more-cards-inner {
    grid-gap: 12px 12px
  }

  .card #barchart_material,
  .card svg {
    width: 100% !important
  }

  .cus-dash-div .more-cards-inner {
    grid-template-columns: 1fr 1fr !important
  }

  h5.card-title {
    float: initial !important;
    margin: 0 0 12px 0 !important
  }

  #page-topbar .navbar-header {
    padding-right: 12px
  }

  .page-title-box {
    margin: -23px -12px 1.5rem;
    padding: 10px 12px
  }

  div.dt-buttons {
    float: left !important;
    text-align: left !important
  }

  .dataTables_wrapper .dataTables_filter {
    margin-top: 0em !important;
    float: right !important;
    text-align: right !important
  }

  div.dataTables_wrapper div.dataTables_filter input {
    width: 90px
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 5px
  }

  .dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0px !important
  }

  /* Dashboard Page css End */
}

@media screen and (max-width: 991px) and (min-width: 768px) {

  /* Logo Section css Start */
  .main-logo {
    padding: 10px 0 !important
  }

  .emblem-logo {
    width: 40px
  }

  .apeda-logo {
    margin-left: 10px;
    width: 65px;
    margin-right: 0px
  }

  .logo-des {
    margin-left: 10px !important;
    padding: 0 !important
  }

  .logo-des h3 {
    font-size: 14px !important;
    padding-left: 10px !important
  }

  .t-header .row {
    align-items: center
  }

  .t-header .col-lg-6 {
    flex: 0 0 60%;
    width: 60%
  }

  .t-header .col-lg-2 {
    flex: 0 0 16.66666667%;
    width: 16.66666667%
  }

  .trace-logo {
    width: 100%;
    margin: 0 auto
  }

  .t-header .col-lg-4 {
    flex: 0 0 23.33333333%;
    width: 23.33333333%
  }

  .cust_bg_flex_login_but {
    gap: 10px
  }

  .header-buttons img {
    max-width: 75px !important;
    width: 75px
  }

  /* Forgot Password Page css Start */
  .cust_log_sec_overlay {
    min-height: auto
  }

  /* I want to Register as Organic Operator Page css Start */
  #commonform1 .form-check label {
    display: block;
    width: 100% !important
  }

  .breadcrum-area .page-title {
    top: 30px
  }

  /* Dashboard Page css Start */
  /* .page-content {
    padding: calc(70px + 1.5rem) calc(0rem / 2) 60px calc(0rem / 2)
  } */

  .more-cards-inner {
    grid-gap: 12px 12px
  }

  .card #barchart_material,
  .card svg {
    width: 100% !important
  }

  .cus-dash-div .more-cards-inner {
    grid-template-columns: 1fr 1fr !important
  }

  #page-topbar .navbar-header {
    padding-right: 12px
  }

  .page-title-box {
    margin: -23px -12px 1.5rem
  }

  .dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0px !important
  }

  /* Dashboard Page css End */
}

@media screen and (max-width: 1280px) and (min-width: 992px) {

  /* Logo Section css Start */
  .main-logo {
    padding: 10px 0 !important
  }

  .emblem-logo {
    width: 40px
  }

  .apeda-logo {
    margin-left: 10px;
    width: 65px;
    margin-right: 0px
  }

  .logo-des {
    margin-left: 10px !important;
    padding: 0 !important
  }

  .logo-des h3 {
    padding-left: 10px !important
  }

  .t-header .row {
    align-items: center
  }

  .t-header .col-lg-6 {
    /* flex: 0 0 56%;
    width: 56% */
  }

  .t-header .col-lg-2 {
    flex: 0 0 20.66666667%;
    width: 20.66666667%
  }

  .t-header .col-lg-4 {
    flex: 0 0 23.33333333%;
    width: 23.33333333%
  }

  .trace-logo {
    width: 100%;
    margin: 0 auto
  }

  .cust_bg_flex_login_but {
    gap: 10px
  }

  /* Forgot Password Page css Start */
  .cust_log_sec_overlay {
    min-height: auto
  }

  /* I want to Register as Organic Operator Page css Start */
  #commonform1 .form-check label {
    display: block;
    width: 100% !important
  }

  .breadcrum-area .page-title {
    top: 30px
  }

  /* Dashboard Page css Start */
  /* .page-content {
    padding: calc(70px + 1.5rem) calc(0rem / 2) 60px calc(0rem / 2)
  } */

  .more-cards-inner {
    grid-gap: 12px 12px
  }

  .card #barchart_material,
  .card svg {
    width: 100% !important
  }

  .cus-dash-div .more-cards-inner {
    grid-template-columns: 1fr 1fr 1fr !important
  }

  #page-topbar .navbar-header {
    padding-right: 12px
  }
  .trace-logo {
    width: 100%;
    margin: 0 auto;
  }
  .header-buttons img {
    max-width: 75px !important;
    width: 75px !important;
  }
  /* Dashboard Page css End */
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1300px !important
  }
}

/* Responsive CSS Start */

/*dark theme section start here*/
[data-layout-mode=dark] .page-content {
  background: #333;
}

[data-layout-mode=dark] .gradient-colr {
  background: #292e32;
}

[data-layout-mode=dark] .navbar-menu {
  background: #292e32 !important;
}

[data-layout-mode=dark] .dashb-box:hover {
  background: #333 !important;
}

[data-layout-mode=dark] .btn-danger {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

[data-layout-mode=dark] table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
  background: #333;
}

[data-layout-mode=dark] table.table-bordered.dataTable td a {
  color: #ff0 !important;
}

[data-layout-mode=dark] table tbody tr:nth-child(2n) {
  background-color: #222;
}

[data-layout-mode=dark] table tbody tr:nth-child(2n+1) {
  background-color: #000;
}

[data-layout-mode=dark] .btn-primary {
  color: #80ff00;
  background: none;
  border-color: #80ff00;
}

[data-layout-mode=dark] .btn-primary:hover {
  color: #000;
  background: #80ff00;
  border-color: #80ff00;
}

[data-layout-mode=dark] .dt-buttons button.dt-button {
  color: #80ff00;
  background: #212529;
  border-color: #212529;
}

[data-layout-mode=dark] .dt-buttons button.dt-button:hover {
  color: #000;
  background: #80ff00;
  border-color: #80ff00;
}

[data-layout-mode=dark] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #80ff00;
  background: #212529 !important;
  border-color: #212529;
}

[data-layout-mode=dark] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #000 !important;
  background: #80ff00 !important;
  border-color: #80ff00 !important;
}

[data-layout-mode=dark] ul.pagination li:hover a {
  color: #000 !important;
}

[data-layout-mode=dark] .simplebar-content li.nav-item:hover {
  background: #222;
}

[data-layout-mode=dark] .nav-item .nav-sm .nav-link.active {
  background: #222;
  color: #80ff00 !important;
}

[data-layout-mode=dark] .cus-dash-div .page-title-box {
  background: #333;
}

[data-layout-mode=dark] .cus-dash-div {
  background: none;
}

[data-layout-mode=dark] .footer {
  color: #80ff00;
}

[data-layout-mode=dark] div.dataTables_wrapper div.dataTables_filter label {
  color: #fff;
}

[data-layout-mode=dark] .card-body {
  background: none;
}

[data-layout-mode=dark] .dataTables_wrapper .dataTables_paginate {
  color: #fff;
}

[data-layout-mode=dark] #page-topbar {
  background-color: #222;
}

/* menu section start here*/
[data-layout-mode=dark] .navbar-nav .nav-link {
  color: #ff0 !important;
}

[data-layout-mode=dark] .layout-width {
  background: #000;
}

[data-layout-mode=dark] .navbar-header .user-name-text,
[data-layout-mode=dark] .user-name-sub-text {
  color: #80ff00 !important;
}

[data-layout-mode=dark] .topbar-user button:hover {
  background: #000 !important;
  border-radius: 0px;
}

[data-layout-mode=dark] .hamburger-icon span {
  background-color: #80ff00 !important;
}

[data-layout-mode=dark] h1,
[data-layout-mode=dark] h2,
[data-layout-mode=dark] h3,
[data-layout-mode=dark] h4,
[data-layout-mode=dark] h5,
[data-layout-mode=dark] h6 {
  color: #80ff00;
}

[data-layout-mode=dark] .form-check-input:checked {
  background-color: #80ff00;
  border-color: #80ff00;
}

[data-layout-mode=dark] .dataTables_wrapper .dataTables_length,
[data-layout-mode=dark] .dataTables_wrapper .dataTables_filter,
[data-layout-mode=dark] .dataTables_wrapper .dataTables_info,
[data-layout-mode=dark] .dataTables_wrapper .dataTables_processing,
[data-layout-mode=dark] .dataTables_wrapper .dataTables_paginate {
  color: #fff;
}

/* menu section start here*/

[data-layout-mode=dark] .form-control {
  background-color: #505050;
}

[data-layout-mode=dark] .white-inner {
  background: #222;
}

[data-layout-mode=dark] .blue-ht {
  color: #80ff00;
}

[data-layout-mode=dark] .custom-tab-nav .nav-link.active,
[data-layout-mode=dark] .custom-tab-nav .show>.nav-link {
  color: #000 !important;
  background-color: #7cf801;
  border-bottom: #7cf801 !important;
}

[data-layout-mode=dark] .custom-tab-nav .nav-link.active::after {
  border-top-color: #7cf801;
}

[data-layout-mode=dark] .nav-fill .nav-item,
[data-layout-mode=dark] .nav-fill>.nav-link {
  color: #000;
}

/*dark theme section end here*/

@media (min-width: 768px) {
  .main-content .row .col-xxl-1 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .main-content .row .col-xxl-2 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .main-content .row .col-xxl-3 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .main-content .row .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .main-content .row .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .main-content .row .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .main-content .row .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .main-content .row .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .main-content .row .col-xxl-9 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .main-content .row .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .main-content .row .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .main-content .row .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }
}

.main-content .row .col-md-1,
.main-content .row .col-md-2,
.main-content .row .col-md-3,
.main-content .row .col-md-4,
.main-content .row .col-md-5,
.main-content .row .col-md-6,
.main-content .row .col-md-7,
.main-content .row .col-md-8,
.main-content .row .col-md-9,
.main-content .row .col-md-10,
.main-content .row .col-md-11,
.main-content .row .col-md-12 {
  margin-bottom: 1.5rem !important
}

.main-content .row .col-xxl-1,
.main-content .row .col-xxl-2,
.main-content .row .col-xxl-3,
.main-content .row .col-xxl-4,
.main-content .row .col-xxl-5,
.main-content .row .col-xxl-6,
.main-content .row .col-xxl-7,
.main-content .row .col-xxl-8,
.main-content .row .col-xxl-9,
.main-content .row .col-xxl-10,
.main-content .row .col-xxl-11,
.main-content .row .col-xxl-12 {
  margin-bottom: 1.5rem !important
}
.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-xxl-3, .col-xxl-6 {
  position: relative;
}
/* .col-md-2 label.error, .col-md-3 label.error, .col-md-4 label.error, .col-md-6 label.error, label.col-xxl-3 .error, label.col-xxl-6 label.error {
  position: absolute;
  left: 12px;
  top: 100%;
  display: block;
  margin: 0 !important;
} */
.page-content {
  padding: calc(70px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2);
}
.custom-tab-content {
  padding-top: 0 !important;
  padding-bottom: 0px !important;
}
.main-content .row .col-xxl-9 .row .col-xxl-6 {
  margin-bottom: 0rem !important
}

.main-content .row .col-xxl-3 .inputEmail .col-md-10,
.main-content .row .col-xxl-3 .inputEmail .col-md-2 {
  margin-bottom: 0rem !important
}

.main-content .footer .row .col-md-12 {
  margin-bottom: 0rem !important
}

.main-content .col-xxl-2.gy-3,
.main-content .col-xxl-3.gy-3,
.main-content .col-xxl-4.gy-3,
.main-content .col-xxl-5.gy-3,
.main-content .col-xxl-6.gy-3,
.main-content .col-xxl-12.gy-3 {
  margin-top: 0rem !important
}

.main-content .col-xxl-2.gy-4,
.main-content .col-xxl-3.gy-4,
.main-content .col-xxl-4.gy-4,
.main-content .col-xxl-5.gy-4,
.main-content .col-xxl-6.gy-4,
.main-content .col-xxl-12.gy-4 {
  margin-top: 0rem !important
}

.row.spc2,
.row.spc3,
.row.spc4,
.row.spc5,
.row.spc6 {
  border: 1px dashed #0ab39c;
  border-radius: 5px;
  padding: 20px 0 0;
  background: #e6f7f5;
  margin-bottom: 1.5rem
}

.row.spc2:nth-child(2n),
.row.spc3:nth-child(2n),
.row.spc3:nth-child(2n),
.row.spc4:nth-child(2n),
.row.spc5:nth-child(2n),
.row.spc6:nth-child(2n) {
  background: #f6f6f7;
  border-color: #dddcdc
}

.form-label {
  margin-bottom: 0.2rem
}

.sectitle .form-label {
  margin: 15px 0 5px;
  color: #006919
}

hr {
  margin: 0rem 0 1rem
}

.required-label {
  position: absolute;
  left: 12px;
  top: 96%;
  font-size: 12px;
  color: gray
}

.main-content .errormsg {
  position: absolute;
  right: 12px;
  top: 98%;
  font-size: 10.5px !important
}

.tab-content .card-body .row {
  align-items: end
}

.main-content .card-body .row {
  align-items: end
}

.main-content .card-body button {
  white-space: nowrap
}

.view-sec {
  align-items: start !important;
  border: 1px dashed lightgray;
  border-radius: 5px;
  padding: 15px 0;
  background: #fbfbfb75;
  margin-bottom: 1rem
}

.view-sec2-bg {
  background: #f5f5f575
}

.btn-soft-success {
  border: 1px dashed #0ab39c !important
}

.pdf_maindiv {
  border: 1px solid #cccccc !important;
  width: 100% !important;
  height: auto;
  overflow-y: auto;
  border-radius: 5px;
  padding: 15px !important
}

.pdf_maindiv::-webkit-scrollbar {
  width: 6px
}

.pdf_maindiv::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

.pdf_maindiv::-webkit-scrollbar-thumb {
  background: #8b8b8b;
  border-radius: 10px
}

.pdf_maindiv::-webkit-scrollbar-thumb:hover {
  background: #ee5e24
}

.pdf_heading {
  font-size: 18px;
  color: #000;
  padding: 0px 0 15px 0px !important;
  position: relative;
  width: 100%;
  font-weight: 600
}

.pdf_inner_heading:after {
  display: none !important
}

.pdf_inner_heading:before {
  display: none !important
}

.pdf_inner_heading {
  padding: 0px 0 10px !important;
  text-decoration: underline;
  font-size: 16px
}

.pdf_heading:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 4px !important;
  bottom: 9px !important;
  background-color: #ee5e24
}

.pdf_heading:after {
  content: "";
  position: absolute;
  width: 35px !important;
  height: 2px;
  background-color: #ee5e24;
  bottom: 10px;
  display: block
}

.pdf_maindiv tr td {
  color: #000;
  font-size: 14px;
  padding-bottom: 10px;
  float: initial !important;
  vertical-align: top
}

.pdf_maindiv tr:last-child td {
  padding-bottom: 0
}

.pdf_maindiv .table-responsive tr:last-child td {
  padding-bottom: 10px
}

.pdf_maindiv .table_pdf {
  width: 100%
}

.pdf_maindiv .pdf_txt1 {
  width: 16.66666666666667%;
  font-weight: 600
}

.pdf_maindiv .pdf_box {
  width: 16.66666666666667%
}

.table-responsive table {
  width: 99.9% !important
}

.select2 span.select2-selection.select2-selection--single {
  display: block;
  width: 100%;
  padding: .249rem 2.7rem .221rem .9rem;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
  height: auto
}

table th,
table td {
  font-size: 13px;
  vertical-align: baseline
}

.pdf_maindiv .table {
  margin: 0
}

.pdf_maindiv .table-responsive tr td img {
  width: 85px;
  padding: 4px;
  border: 2px dashed lightgray;
  border-radius: 5px;
  height: 85px;
  object-fit: contain;
  object-position: top center
}

.pdf_maindiv tr td img {
  width: 85px;
  padding: 4px;
  border: 2px dashed lightgray;
  border-radius: 5px;
  height: 85px;
  object-fit: contain;
  object-position: top center
}

.page-content .custom-tab-content {
  padding-bottom: 1.5rem !important
}

.watermark-draftonly {
  background: url(../public/PDF-Watermark-Draft-Only.png);
  background-size: 100%;
  background-repeat: repeat
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    color-adjust: exact
  }

  .no-print {
    display: none
  }
}

@media print {
  @page {
    margin: 0
  }

  .card-body {
    padding: 15px
  }

  .pdf_maindiv {
    height: auto;
    padding: 5px !important
  }

  .view-sec {
    border: 0px dashed lightgray;
    padding: 0;
    margin-bottom: 15px
  }

  .farmer-details-box .pdf_maindiv {
    border: 0px dashed lightgray !important;
    padding: 0 !important
  }

  .page-content {
    padding: calc(15px + 0rem) calc(0rem / 0) 15px calc(0rem / 0)
  }

  .pdf_maindiv tr td {
    font-size: 10px
  }

  .pdf_heading {
    font-size: 14px !important
  }

  .pdf_heading:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    background-color: #ee5e24;
    bottom: 10px;
    display: block;
    -webkit-print-color-adjust: exact !important
  }

  .pdf_heading:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 2px;
    background-color: #ee5e24;
    bottom: 10px;
    display: block;
    -webkit-print-color-adjust: exact !important
  }

  .pdf_inner_heading {
    font-size: 12px !important
  }
}
   /* and end with */
        .customtextarea {
            height: 120px;
        }

        .right-sec .reload i.ri-refresh-line {
            font-size: 18px;
        }

        .right-sec .captchareload.btn-refresh {
            margin-top: 30px;
        }


        .main-logo {
            display: flex;
        }

        .logo-des {
            margin: auto;
            padding: 0 0 0 5px;
            text-transform: capitalize;
        }

        .logo-des h1 {
            display: flex;
            flex-direction: column;
            font-size: 20px;
            margin: 0;
            border-left: 1px solid #7272727a;
            padding-left: 15px;
            color: #02600c;
        }

        .header-buttons img {
            max-width: 52%;
            float: left;
        }

        .header-buttons {
            display: flex;
            justify-content: end;
        }

        .auth-one-bg .carousel-item img {
            max-height: 522px;
            min-height: 522px;
        }

        div#carouselExampleCaptions,
        .carousel-inner,
        .carousel-item {
            height: 100% !important;
        }

        .captchareload.btn-refresh {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .captcha.nopd {
            width: 90%;
        }

        #error {
            color: red;
        }



        .overlay {
            background: rgb(0 0 0 / 50%);
            position: fixed;
            top: 0;
            z-index: 11111;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            display: none;
        }

        .loader {
            position: fixed !important;
            left: 50% !important;
            margin-left: -4em !important;
            top: 20em !important;
        }

        .wrapper {
            max-width: 1240px;
            margin: 0 auto;
        }

        /* Whole-page overlay with dark background */
        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            /* Dark overlay with 60% opacity */
            z-index: 9999;
            /* Ensure it's on top of everything */
            display: none;
            /* Initially hidden */
        }

        /* Centered loader (spinner) */
        #loader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10000;
            /* Ensure it is above the overlay */
            display: none;
            /* Initially hidden */
        }

        .center-loader {
            color: white;
            /* Color for the loader */
        }

        .select2-container--default .select2-selection--single {
            padding: 4px 3px;
            font-size: .8125rem;
            font-weight: 400;
            line-height: 11.5;
            color: var(--vz-body-color);
            background-color: var(--vz-input-bg);
            background-clip: padding-box;
            border: 1px solid var(--vz-input-border);
            border-radius: .25rem;
            height: 37.5px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 6px;
        }
input:focus, textarea:focus, select:focus, radio:focus, checkbox:focus, input:active, textarea:active, select:active, radio:active, checkbox:active{border: 1px solid #3eacff !important;}
.topbar-badge {min-width: 13px; min-height: 13px;}
body {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.data-tabs {
    flex-grow: 1;
    background: #fff;
    padding: 30px 0;
}