@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
}

body {
  background: #f5f5f5;
}

footer {
  padding: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-bottom: 5px;
}

a {
  cursor: pointer;
}

.text-danger {
  color: #ff403c !important;
}

.container {
  max-width: 100% !important;
}

#linearBg2 {
  background-color: #fff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4b7b0), to(#FFF));
  background: -webkit-linear-gradient(top, #c4b7b0, #FFF);
  background: -moz-linear-gradient(top, #c4b7b0, #FFF);
  background: -ms-linear-gradient(top, #c4b7b0, #FFF);
  background: -o-linear-gradient(top, #c4b7b0, #FFF);
  border-bottom: 3px solid #7b675c;
  background-image: linear-gradient(to top, #e1effee7 0%, rgba(255, 255, 255, 0.918) 100%);
  position: sticky;
  top: 0;
  z-index: 10;
  border: none;
  border-radius: 0;
  backdrop-filter: blur(2px);
}
.navbar{
  min-height: auto !important;
}

* {
  margin: 0;
  padding: 0;
}

#Searchresult,
#tableRows {
  font-size: 11px !important;
}

#Searchresult td,
#tableRows td {
  padding: 3px 5px;
  line-height: 11px;
  vertical-align: middle;
}

a.btn {
  padding: 3px 5px;
  vertical-align: middle;
}

.bordTop {
  border-top: 1px solid #bbb;
}

.mtopbottom1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

#no-more-tables .btn {
  padding: 2px 5px !important;
}


.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-brand {
  color: #7b675c;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

.clear {
  clear: both;
}

.margin0 {
  margin: 0px !important;
}

.mleft10 {
  margin-left: 10px !important;
}

.marginright0 {
  margin-right: 0px;
}

.mright5,
.marginright5 {
  margin-right: 5px !important;
}

.mright10,
.marginright10 {
  margin-right: 10px !important;
}

.mright15,
.marginright15 {
  margin-right: 15px !important;
}

.margintop10 {
  margin-top: 10px;
}

.marginbottom0 {
  margin-bottom: 0px !important;
}

.mbottom10 {
  margin-bottom: 10px;
}

.mbottom5 {
  margin-bottom: 5px !important;
}

.marginbottom10 {
  margin-bottom: 10px;
}

.mtopbot3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mtopbottom5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.padding15 {
  padding: 15px !important;
}

.pright0,
.paddingright0 {
  padding-right: 0px !important;
}

.paddingright10 {
  padding-right: 10px !important;
}

.pleft0,
.paddingleft0 {
  padding-left: 0px !important;
}

.ptop5 {
  padding-top: 5px !important;
}

.ptop10 {
  padding-top: 10px !important;
}

.pbottom5 {
  padding-bottom: 5px !important;
}

.pbottom10 {
  padding-bottom: 10px !important;
}

.ptopbot2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.ptopbot5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p2x10 {
  padding: 2px 10px !important;
}

.p2x5 {
  padding: 2px 5px !important;
}

.width100per {
  width: 100%;
  float: left;
}

.width20per {
  width: 20%;
}

.width30per {
  width: 30%;
}

.width40per {
  width: 40%;
}

.width50per {
  width: 50%;
}

.width60per {
  width: 60%;
}

.maxwidth60per {
  max-width: 60%;
}

.width70px {
  width: 70px;
}

.width100px {
  width: 100px;
}

.width120px {
  width: 120px;
}

.width150px {
  width: 150px;
}

.width180px {
  width: 180px;
}
.width200px {
  width: 200px;
}
.width250px {
  width: 250px;
}
.width300px {
  width: 300px;
}

.width350px {
  width: 350px;
}

.width400px {
  width: 400px;
}

.height200 {
  height: 200px;
}

.height150 {
  height: 150px;
}

.height100 {
  height: 100px;
}

.height50 {
  height: 50px;
}

.height35 {
  height: 35px;
}

.height25 {
  height: 25px;
}

.maxwidth100 {
  max-width: 100px;
  float: left;
}

.maxheightscroll {
  max-height: 300px;
  overflow: scroll;
}

.bgash {
  background: #eee;
}

.bgwhite {
  background: white !important;
}

.bglight4 {
  background: #fdeae7 !important;
}

.blight4 {
  border: 1px solid #d9dcf7 !important;
}

.txtcenter {
  text-align: center !important;
}

.txtleft {
  text-align: left !important;
}

.txtright {
  text-align: right;
  padding-right: 10px;
}

.txt16 {
  font-size: 16px !important;
}

.txt18 {
  font-size: 18px !important;
}

.txt20 {
  font-size: 20px !important;
}

.txtblue {
  color: blue;
}

.txtgreen {
  color: green;
}

.posRel {
  position: relative;
}

.posLT0x6 {
  position: absolute;
  left: 0px;
  top: 6px;
  z-index: 1;
}

.posLB0x6 {
  position: absolute;
  left: 0px;
  bottom: 6px;
  z-index: 1;
}

.removeFaIcon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  z-index: 2;
}

.the-fieldset {
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
}

.the-legend {
  border-style: none;
  border-width: 0;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  width: auto;
  padding: 0px 10px;
  border: 1px solid #e0e0e0;
  color: #000;
}

.header {
  position: sticky;
  top: 0;
  background: #d1f0f5;
  border-bottom: 1px solid #e1e4e9;
}

.thead-dark {
  position: sticky;
  top: 0
}

.verticalbottom {
  vertical-align: bottom
}

.forpolyfield {
  display: none;
}

.positionrelative {
  position: relative;
  padding-right: 15px;
}

.addnewplusbotrig {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 20px;
  height: 25px;
}

.form-control,
select.form-control option {
  padding: 3px 0 3px 8px;
  height: 27px;
  border-radius: 0;
  box-shadow: none;
  border: 0.8px solid #cbcbcb;
}

.form-control:focus {
  border: 1px solid #0ea5e9;
  border-left: 3px solid #0ea5e9;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

legend {
  width: auto !important;
  margin-bottom: 0 !important;
  font-size: 18px;
  font-weight: bold;
  color: #0073ad;
  border-bottom: 0 !important;
}

select.form-control option {
  cursor: pointer;
}

.input-group-addon {
  padding: 2px 12px
}

.cursor {
  cursor: pointer;
}

.form-group {
  margin-bottom: 10px;
}

.hidediv {
  display: none;
}

#settingsleftsidemenu {
  display: none;
}

.backlink {
  margin-right: 10px;
  float: left;
  font-size: 14px;
}

a.anchorfulllink,
.fulllink,
.contentleft table tr td a {
  display: block;
  height: 100%;
  width: 100%;
  color: #333;
}

.leftsidemenu {
  overflow: hidden;
  width: 100%;
}

.leftsidemenu li {
  float: left;
  list-style: none;
  width: 100%;
}

.leftsidemenu li.activeclass {
  background: #F5F5F5;
}

.leftsidemenu li a {
  color: #575555;
  float: left;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
  width: 100%;
}

.leftsidemenu li.activeclass a {
  font-weight: bold;
  text-decoration: underline;
}

.borderbottom {
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #CCC;
}

/*=============New Update 2020-02-24*/
.disScreen {
  opacity: .5;
  filter: Alpha(Opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
  background: #fff;
}

.disScreen img {
  display: block;
  margin: 50px auto;
}

.is-disabled {
  background-color: #ddd;
  border-color: #ddd;
  color: #fff;
  cursor: default;
}

/*----------------------------*/

.listcheckbox {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  color: #555555;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}

#pageloading {
  position: absolute;
  height: 300px;
  width: 300px;
  top: -100px;
  left: 50%;
  margin-left: -150px;
  display: none;
}

.showmessagehere {
  position: fixed;
  left: 50%;
  top: 0px;
  z-index: 9999999;
  height: 0px;
  margin-left: -150px;
  width: 300px;
}

thead.cf {
  background-color: #fff;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4b7b0), to(#FFF));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #c4b7b0, #FFF);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #c4b7b0, #FFF);
  /* IE 10 */
  background: -ms-linear-gradient(top, #c4b7b0, #FFF);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #c4b7b0, #FFF);
}

tfoot.cf {
  background-color: #fff;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 100% 0% 0%, 0%, from(#FFF), to(#c4b7b0));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #FFF, #c4b7b0);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #FFF, #c4b7b0);
  /* IE 10 */
  background: -ms-linear-gradient(top, #FFF, #c4b7b0);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #FFF, #c4b7b0);
}

.form-group label {
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 0;
}

.AliceBlueBG {
  background: #F0F5F5 !important;
  color: #000;
}

.PlatinumBG {
  background: #EFEEEC !important;
  color: #000;
}

.PearlBG {
  background: #F5EEF4 !important;
  color: #000;
}

.lightashrow0 {
  background: #f2f6f9 !important;
  color: #000;
}

.lightashrow1 {
  background: #e8f2f6 !important;
  color: #000;
}

.lightbluerow {
  background: #d6ffff !important;
  color: #000;
}

.lightyellowrow {
  background: #edefac !important;
  color: #000;
}

.lightpinkrow {
  background: #f6b8cd !important;
  color: #000;
}

.lightredrow {
  background: #ffdada !important;
  color: #000;
}

.lightgreenrow {
  background: #c3fec4 !important;
  color: #000;
}

.lightyellowrow a,
.lightpinkrow a,
.lightgreenrow a {
  color: #000;
}

.borRound {
  border: 1px solid #dddddd;
  border-radius: 4px;
}

.nav {
  float: right;
}

.navbar {
  margin-bottom: 5px !important;
  position: sticky;
  top: 0;
  z-index: 10;
}

.navbar-brand {
  font-size: 25px;
  padding: 10px;
  line-height: 20px;
  height: 40px;
}

.navbar-nav>li>a {
  padding: 12px 10px;
}

label span {
  color: #F00;
}

.txtbold {
  font-weight: bold;
}

.successmsg {
  color: #063;
  font-size: 16px;
  font-weight: bold;
}

.bs-callout {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  margin: 20px 0;
  padding: 20px;
  border-color: #EEEEEE;
  background-image: linear-gradient(to top, #f6faffe7 0%, rgba(255, 255, 255, 0.918) 100%);
  box-shadow: none;
  border: 1px solid rgb(221, 220, 220);
}

.bs-callright {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px 5px 1px 1px;
  margin: 20px 0;
  padding: 20px;
  border-color: #EEEEEE;
}

.bs-callout-info {
  /* border-left-color: #5BC0DE; */
}

.bs-callright-info {
  border-right-color: #5BC0DE;
}

.bs-callout-info h4,
.bs-callright-info h4 {
  color: #5BC0DE;
  text-transform: capitalize;
}

.bs-callout h4,
.bs-callright h4 {
  margin-bottom: 10px;
  margin-top: 0;
}

.innerPage {
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 100%;
  float: left;
  padding: 15px 20px 10px;
  margin-bottom: 15px;
}

.innerPage h1 {
  margin-top: 0;
  font-size: 22px;
}

.innerPage h2 {
  margin-top: 0;
  font-size: 24px;
}

.innerPage h3 {
  margin-top: 0;
  font-size: 17px;
}

.txtred,
.errormsg,
.error_message_p p,
.error_message_p,
.errormsg i {
  color: #FF0000;
}

.linknormal {
  color: #333333;
  text-decoration: none;
  color: #4e52a9;
}

.linknormal:hover {
  text-decoration: underline;
}

.pagination {
  margin: 0 0 10px !important;
}

.multiplerowlist {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}

.multiplerowlist li {
  margin: 0;
  list-style: none;
  width: 100%;
  float: left;
  padding: 5px 0px;
  position: relative;
}

.removeicon,
.xicon {
  position: absolute;
  top: 0;
  right: -10px;
  width: 16px;
  height: 16px;
}

.printcss {
  cursor: pointer;
}

#challancountstr {
  width: 250px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 50px;
  color: #0079AD;
  background: url(../images/bg_cat.png) no-repeat left top;
  font-weight: bold;
  overflow: hidden;
  margin: 0 auto;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen AND (max-width: 463px) {
  body {
    padding-top: 110px;
  }
}

@media screen AND (max-width: 767px) {

  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%;
    /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%;
    /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%;
    /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%;
    /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;
    /* 6 columns */
  }
}

@media only screen AND (max-width: 991px) {
  .navbar-brand {
    font-size: 28px;
  }

  .navbar-nav>li>a {
    padding: 20px 7px;
  }

  /* Force table to not be LIKE tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr {
    border: 1px solid #ccc;
  }

  #no-more-tables td {
    /* Behave  LIKE a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }

  #no-more-tables td:before {
    /* Now LIKE a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /*
	Label the data
	*/
  #no-more-tables td:before {
    content: attr(data-title);
  }
}

.table-bordered::before {
  content: '';
}

.stickyRow {
  top: 50px !important;
  background-color: white;
}

.stickyRow1 {
  top: 90px !important;
  background-color: white;
}

thead.cf>tr:nth-of-type(2) {
  top: 70px !important;
  background: #d1f0f5;
  border-bottom: 1px solid #000205;
}

thead.cf>tr:first-child {
  top: 125px !important;
  background: #d1f0f5;
  border-bottom: 1px solid #000205;
}

thead.cf>tr,
.stickyRow,
.stickyRow1 {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.-left-2 {
  left: -0.5rem
}

.-right-10 {
  right: -2.5rem
}

.-top-5 {
  top: -1.25rem
}

.bottom-0 {
  bottom: 0px
}

.left-0 {
  left: 0px
}

.left-1\/2 {
  left: 50%
}

.right-0 {
  right: 0px
}

.top-1\/2 {
  top: 50%
}

.top-1\/4 {
  top: 25%
}

.top-20 {
  top: 5rem
}

.z-10 {
  z-index: 10
}

.mb-1 {
  margin-bottom: 0.25rem
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mt-3 {
  margin-top: 0.75rem
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.visible {
  display: table;
}

.h-12 {
  height: 3rem
}

.h-4 {
  height: 1rem
}

.h-40 {
  height: 10rem
}

.h-60 {
  height: 15rem
}

.h-full {
  height: 100%
}

.w-12 {
  width: 3rem
}

.w-4 {
  width: 1rem
}

.w-40 {
  width: 10rem
}

.w-60 {
  width: 15rem
}

.w-full {
  width: 100%
}

.min-w-28 {
  min-width: 7rem
}

.grow {
  flex-grow: 1
}

.border-collapse {
  border-collapse: collapse
}

.auto-rows-auto {
  grid-auto-rows: auto
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-col {
  flex-direction: column
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.gap-1 {
  gap: 0.25rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-2 {
  gap: 0.5rem
}

.gap-5 {
  gap: 1.25rem
}

.self-start {
  align-self: flex-start
}

.overflow-hidden {
  overflow: hidden
}

.rounded {
  border-radius: 0.25rem
}

.rounded-full {
  border-radius: 9999px
}

.rounded-lg {
  border-radius: 0.5rem
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem
}

.border {
  border-width: 1px
}

.border-4 {
  border-width: 4px
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.border-solid {
  border-style: solid
}

.border-none {
  border-style: none
}

.border-sky-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / var(--tw-border-opacity))
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity))
}

.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity))
}

.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity))
}

.border-transparent {
  border-color: transparent
}

.border-y-slate-200 {
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
  border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
}

.border-b-slate-200 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity))
}

.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity))
}

.bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity))
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity))
}

.bg-sky-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity))
}

.bg-sky-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(125 211 252 / var(--tw-bg-opacity))
}

.bg-sky-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity))
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity))
}

.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity))
}

.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.p-1 {
  padding: 0.25rem
}

.p-10 {
  padding: 2.5rem
}

.p-4 {
  padding: 1rem
}

.p-8 {
  padding: 2rem
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.pb-0 {
  padding-bottom: 0px
}

.pb-1 {
  padding-bottom: 0.25rem
}

.pb-4 {
  padding-bottom: 1rem
}

.text-center {
  text-align: center
}

.text-base {
  /* font-size: 1rem; */
  line-height: 1.5rem
}

.text-lg {
  /* font-size: 1.125rem; */
  line-height: 1.75rem
}

.font-bold {
  font-weight: 700
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity))
}

hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity))
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.duration-300 {
  transition-duration: 300ms
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.hover\:bg-sky-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity))
}

.hover\:bg-sky-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(125 211 252 / var(--tw-bg-opacity))
}

.hover\:bg-sky-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity))
}

.hover\:bg-sky-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity))
}

.hover\:bg-teal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity))
}

.fugaz-font {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#fugaz-font {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  font-style: normal;
}




@media not all and (min-width: 1024px) {
  .max-lg\:col-span-2 {
    grid-column: span 2 / span 2
  }
}

@media (min-width: 768px) {
  .md\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .md\:hidden {
    display: none
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media (min-width: 1280px) {
  .xl\:block {
    display: block
  }
}

/*======================New CSS 2024-10-17========================*/

.flexStartRow,
.flexCenterRow,
.flexEndRow,
.flexSpaBetRow,
.row {
  display: flex;
  flex-wrap: wrap;
}

.flexStartRow {
  justify-content: flex-start;
}

.flexCenterRow {
  justify-content: center;
}

.flexEndRow {
  justify-content: flex-end;
}

.flexSpaBetRow,
.row {
  justify-content: space-between;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.row {
  margin-left: -5px;
  margin-right: -5px;
}

.columnLG1,
.columnLG2,
.columnLG3,
.columnLG4,
.columnLG5,
.columnLG6,
.columnLG7,
.columnLG8,
.columnLG9,
.columnLG10,
.columnLG11,
.columnLG12,
.columnMD1,
.columnMD2,
.columnMD3,
.columnMD4,
.columnMD5,
.columnMD6,
.columnMD7,
.columnMD8,
.columnMD9,
.columnMD10,
.columnMD11,
.columnMD12,
.columnSM1,
.columnSM2,
.columnSM3,
.columnSM4,
.columnSM5,
.columnSM6,
.columnSM7,
.columnSM8,
.columnSM9,
.columnSM10,
.columnSM11,
.columnSM12,
.columnXS1,
.columnXS2,
.columnXS3,
.columnXS4,
.columnXS5,
.columnXS6,
.columnXS7,
.columnXS8,
.columnXS9,
.columnXS10,
.columnXS11,
.columnXS12 {
  padding: 0px 5px;
  box-sizing: border-box;
  margin: 5px 0;
  width: 100%;
}

@media screen and (min-width:300px) {
  .columnXS12 {
    width: 100%;
  }

  .columnXS11 {
    width: 91.66666667%;
  }

  .columnXS10 {
    width: 83.33333333%;
  }

  .columnXS9 {
    width: 75%;
  }

  .columnXS8 {
    width: 66.66666667%;
  }

  .columnXS7 {
    width: 58.33333333%;
  }

  .columnXS6 {
    width: 50%;
  }

  .columnXS5 {
    width: 41.66666667%;
  }

  .columnXS4 {
    width: 33.33333333%;
  }

  .columnXS3 {
    width: 25%;
  }

  .columnXS2 {
    width: 16.66666667%;
  }

  .columnXS1 {
    width: 8.33333333%;
  }
}

@media (min-width:768px) {
  .columnSM12 {
    width: 100%;
  }

  .columnSM11 {
    width: 91.66666667%;
  }

  .columnSM10 {
    width: 83.33333333%;
  }

  .columnSM9 {
    width: 75%;
  }

  .columnSM8 {
    width: 66.66666667%;
  }

  .columnSM7 {
    width: 58.33333333%;
  }

  .columnSM6 {
    width: 50%;
  }

  .columnSM5 {
    width: 41.66666667%;
  }

  .columnSM4 {
    width: 33.33333333%;
  }

  .columnSM3 {
    width: 25%;
  }

  .columnSM2 {
    width: 16.66666667%;
  }

  .columnSM1 {
    width: 8.33333333%;
  }
}

@media (min-width:992px) {
  .columnMD12 {
    width: 100%;
  }

  .columnMD11 {
    width: 91.66666667%;
  }

  .columnMD10 {
    width: 83.33333333%;
  }

  .columnMD9 {
    width: 75%;
  }

  .columnMD8 {
    width: 66.66666667%;
  }

  .columnMD7 {
    width: 58.33333333%;
  }

  .columnMD6 {
    width: 50%;
  }

  .columnMD5 {
    width: 41.66666667%;
  }

  .columnMD4 {
    width: 33.33333333%;
  }

  .columnMD3 {
    width: 25%;
  }

  .columnMD2 {
    width: 16.66666667%;
  }

  .columnMD1 {
    width: 8.33333333%;
  }
}

@media (min-width:1200px) {
  .columnLG12 {
    width: 100%;
  }

  .columnLG11 {
    width: 91.66666667%;
  }

  .columnLG10 {
    width: 83.33333333%;
  }

  .columnLG9 {
    width: 75%;
  }

  .columnLG8 {
    width: 66.66666667%;
  }

  .columnLG7 {
    width: 58.33333333%;
  }

  .columnLG6 {
    width: 50%;
  }

  .columnLG5 {
    width: 41.66666667%;
  }

  .columnLG4 {
    width: 33.33333333%;
  }

  .columnLG3 {
    width: 25%;
  }

  .columnLG2 {
    width: 16.66666667%;
  }

  .columnLG1 {
    width: 8.33333333%;
  }
}

/*======================Table =========================*/
.cf tbody tr:hover td {
  background-color: #ebeaea;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  vertical-align: center;
}

.table-bordered {
  border: 1px solid #ddd;
  width: 100%;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  background-color: #F5F5F6;
  border-bottom-width: 1px;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  outline: 1px solid #ddd;
  padding: 5px;
}

.listing>thead>tr>th,
.thRow>td,
.listing>thead>tr>td {
  background-color: #e0dfdf;
  border-bottom-width: 1px;
  line-height: 20px;
  text-align: center;
}

.listing>thead>tr>td.bgnone {
  background-color: #FFF;
  border-top-width: 0px;
}

.listing>thead>tr>th,
.listing>tbody>tr>th,
.listing>tfoot>tr>th,
.listing>thead>tr>td,
.listing>tbody>tr>td,
.listing>tfoot>tr>td {
  line-height: 20px;
  padding: 5px 0px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table>tbody>tr:first-child>td,
.table>tbody>tr:first-child>th,
.table>tfoot>tr:first-child>td,
.table>tfoot>tr:first-child>th,
.table>thead>tr:first-child>td,
.table>thead>tr:first-child>th {
  border-top: none;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
  padding: 5px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.nonbordered th,
.nonbordered td {
  padding: 5px;
}

/*-------------------- All Buttons -------------*/
button[disabled] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

button.btnFocus {
  border: 2px solid transparent;
}

button.btnFocus:focus {
  outline: 2px solid black;
}

.btn {
  padding: 3px 6px;
  display: inline-block;
  touch-action: manipulation;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 3px;
  vertical-align: middle;
  white-space: nowrap;
}

.btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.createButton {
  background: #FFFF00;
  color: #000;
  border-color: #f1df89;
  transition: 500ms;
}

.createButton:hover {
  background-color: #FDD835;
}

.printButton {
  background: #00FFFF;
  color: #000;
  border-color: #56c3c3;
  transition: 500ms;
}

.printButton:hover {
  background: #57dce1;
}

.reportButton {
  background: #a71d4c;
  color: #FFF;
  transition: 500ms;
  border-color: #a71d4c;
  cursor: no-drop;
}

.productPickerButton {
  background: #6c757d !important;
  transition: 500ms;
  color: #FFF;
  border-color: #333;
}

.productPickerButton:hover {
  background-color: #1c2597 !important;
  border-color: #191a19;
}

/* Login */
.submitButton {
  min-width: 67px;
  height: 29px;
  color: #f1ffde;
  padding: 0 10px;
  border: 1px solid #275b27;
  border-radius: 5px;
  background-color: #306f30;
}

.editButton {
  background: #545253;
  border-radius: 4px;
  color: #fff;
  transition: 500ms;
  margin-right: 10px;
  padding: 7px 15px;
}

.editButton:hover,
.editButton:focus {
  outline: 2px solid black;
  text-decoration: none;
  background: #335dbb;
}

/* print, email, add new note, list button, copy code, customize button*/
.defaultButton {
  color: #333;
  background-color: #fff;
  transition: 500ms;
  border-color: #ccc;
}

.defaultButton.active,
.open>.dropdown-toggle.defaultButton {
  background-image: none;
  color: #333;
  background-color: #E6E6E6;
  border-color: #ADADAD;
}

.defaultButton:focus,
.defaultButton:hover,
.defaultButton:active {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

/* send, save, Barcode Label Print, add, status label, Export, mark complete, update */
.completeButton {
  color: #fff;
  background-color: #00c851 !important;
  transition: 500ms;
  border-color: #28a745;
}

.completeButton:hover {
  background-color: #006428 !important;
}

/* save Yes, retry, confirm, ok, agree */
.saveButton {
  color: #fff;
  transition: 500ms;
  background-color: #1074cc !important;
}

.saveButton:hover,
.saveButton:active {
  box-shadow: inset 0 0 0 20rem rgb(0 0 0 / 6%);
  background: #003cff !important;
}

.saveButton:disabled,
.saveButton.is-disabled {
  opacity: .5;
}

.uploadButton {
  border-radius: 3px;
  color: #fff;
  background-color: #6055ed !important;
  padding: 4px;
}

.uploadButton:hover {
  background-color: #867ef8 !important;
}

.subscribeButton {
  color: #fff;
  background-color: #f0ad4e !important;
  border-color: #eea236;
}

.subscribeButton:hover {
  background-color: #ec971f !important;
  border-color: #d58512;
}

/* remove, archive */
.archiveButton {
  color: #fff;
  background-color: #F44336 !important;
  transition: 500ms;
  border-color: #dc3545;
}

.archiveButton:hover {
  background-color: #C62828 !important;
}

.cashButton {
  color: #fff;
  transition: 500ms;
  background-color: #7E57C2 !important;
  border-color: #ccc;
}

.cashButton:hover {
  background-color: #4527A0 !important;
}

/* To control Print button dropdown  */
.printBtnDropDown {
  position: relative;
  display: inline-block;
}

.printBtnDropDown.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.open>.dropdown-toggle.defaultButton:hover {
  color: #333;
  background-color: #D4D4D4 !important;
  border-color: #8C8C8C;
}

/* Date range search field */
.daterangeContainer {
  position: relative
}

.daterangeContainer::after {
  content: '';
  position: absolute;
  width: 35px;
  height: 35px;
  background: white url(../images/image_sprites.png) no-repeat 0px -175px;
  top: -5px;
  left: 0px;
  transform: scale(.5);
}

/*==============================#Pagination========================================*/
b#fromtodata {
  padding-top: 7px;
  margin-left: 14px;
}

#Pagination ul>li {
  display: inline;
}

#Pagination ul>li:first-child>a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#Pagination ul>.disabled>a,
#Pagination ul>.disabled>span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

#Pagination ul li.disabled.prev a,
#Pagination ul li.disabled.next a {
  background: #d0d0d0;
}

#Pagination ul>.active>a {
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

#Pagination ul>li>a,
#Pagination ul>li>span {
  position: relative;
  padding: 3px 6px;
  margin-left: -1px;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

#Pagination ul>li:last-child>a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Multiple option fields */
.plusIconPosition {
  position: relative;
}

.addNewPlusIcon {
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 20px;
  height: 25px;
}

.removeicon {
  position: absolute;
  top: 0;
  right: 0px;
  width: 16px;
  height: 16px;
}

.multipleRowList li {
  margin: 5px 0;
  list-style: none;
  width: 100%;
  position: relative;
}

/* autocomplete */
.autoCompleteResults {
  max-height: 300px;
  overflow: auto;
  background: #FFF;
  border: 1px solid #d3d3d3;
  font-size: 1.1em;
  list-style: none;
  display: block;
  outline: 0;
  position: absolute;
  z-index: 1000;
  /* min-width:200px; */
}

.autoCompleteResults .ui-menu-item {
  cursor: pointer;
  min-height: 30px;
  border: 1px dotted transparent;
  border-bottom: 1px dotted #CCC;
  padding: 5px 10px;
  text-align: left;
}

.autoCompleteResults .ui-menu-item:hover {
  border: 1px dotted black;
  background-color: #eee;
}

.autoCompleteResults li.selectedItem {
  border: 1px dotted black;
  background-color: #eee;
}

/* Card */
.cardContainer {
  position: relative;
  width: 100%;
  text-align: left;
}

.cardHeader {
  background: linear-gradient(to bottom, #FAFAFA 0%, #E9E9E9 100%) repeat-x scroll 0 0 #E9E9E9;
  border: 1px solid #D5D5D5;
  border-radius: 4px 4px 0 0;
  min-height: 40px;
  line-height: 40px;
  padding-left: 15px;
}

.cardContent {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  padding: 15px;
  line-height: 20px;
}

.iconButton {
  background: #f15a28;
  color: #FFF;
  border-color: #f05523;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  transition: 500ms;
  border-radius: 4px;
}

.iconButton:hover {
  background: #cf3501;
}

.bgblack {
  background: #2f3949 !important;
  color: #c6d2e5 !important;
}

/*==================Accounts======================*/

.width200px {
  width: 200px;
}

.input-group-flex{
    display: flex!important;
}
.input-group-flex .input-group-addon{
    width: auto!important;
}