/* .megam-select2{
	width: var(--table-width);
	padding: .375rem .75rem;
    border-radius: .25rem;
} */

.row {
  font-size: 12px;
}
div {
  /* width: 95%;
	 */
}
div .reporttable {
  width: 100% !important;
  height: auto;
  overflow: auto;
  margin: 0 auto;
  border-radius: 12px;
  /* padding: 3rem;
	 */
  background-color: var(--div-bg);
}
div .reporttable table {
  background-color: var(--div-bg);
  width: var(--table-width);
  /* border: solid 1px slategray;
	 */
  border-radius: 12px;
  /* border-bottom: 1px solid #242424;
	 */
}
div .reporttable table > tbody {
  overflow: auto;
  /* height: 295px;
	 */
  height: 350px;
  overflow-x: hidden;
}
div .reporttable td {
  /* color: #000;
	 */
  color: var(--color);
  padding-right: 2px;
  font-size: var(--font-size);
  text-align: left;
  font-family: var(--font-family);
}
div .reporttable td:last-child {
  padding-right: 20px;
}
div .reporttable tfoot td {
  text-align: center;
  font-size: 11px;
  border-top: solid 1px;
}
div.error {
  font-size: xx-small;
  color: red;
  text-align: left;
  text-decoration: blink;
}
div.centererror {
  font-size: 11px;
  color: red;
  text-align: center;
}
div.title {
  font-size: 11px;
  /* color: #484848;
	 */
  color: var(--text-color);
  text-align: center;
  font-family: var(--font-family);
}

div.reporttable tr:hover,
div.reporttable tr > td:hover {
  background: #f5deb3;
}
pre {
  font-size: 8pt;
}
FORM {
  margin: 0 auto;
  /* width: 90%; */
}
TABLE {
  font-size: 11px;
  /* color: #484848; */
  color: var(--text-color);
  font-family: var(--font-family);
}
TR {
  font-size: 14px;
  /* color: #484848; */
  color: var(--text-color);
  font-family: var(--font-family);
}
TD {
  text-align: var(--text-align);
  font-size: var(--table-data-font-size);
  /* color: #484848; */
  color: var(--color);
  font-family: var(--font-family);
  padding: 0.25rem !important;
  /* border: none; */
}
.navbar-nav .nav-link {
  font-size: 15px;
}

.banner {
  font-size: 11px;
  /* color: #484848; */
  color: var(--color);
  font-family: var(--font-family);
  padding: 0px;
}
.errortext {
  font-size: 8pt;
  background-color: #dcdcdc;
  font-family: var(--font-family);
  vertical-align: middle;
  border: solid;
  border-bottom-color: #575757;
  border-left-color: #575757;
  border-right-color: #575757;
  border-top-color: #575757;
  border-width: 1px;
  border-spacing: 2px;
  margin-bottom: 5px;
  text-indent: 3%;
  color: red;
}
.banner1 {
  font-size: 11px;
  color: #484848;
  font-family: var(--font-family);
  padding: 0px;
  background-image: url(../images/banner.jpg);
}
.TD_nopad {
  font-size: 11px;
  color: #484848;
  font-family: var(--font-family);
  padding: 0px 0px;
}
input {
  &.formelement {
    font-size: 10px;
    color: #ffffff;
    font-family: var(--font-family);
    text-decoration: none;
    font-weight: bold;
    background-color: #336699;
    border: none;
    height: 18px;
  }
  &:required {
    border: 1px solid #f54242;
    &:focus {
      outline: none;
      border-color: darkred;
      box-shadow: 0 0 5px darkred;
    }
  }
}
.floati {
  position: fixed;
  color: #ffffff;
  top: 400;
  left: 800;
  border: 3px solid lightgreen;
  background: green;
  font-size: 14px;
}
.downarrow {
  font-weight: bold;
  background-image: url(../images/down.gif);
  width: 24px;
  height: 24px;
}
.doublearrow {
  font-weight: bold;
  background-image: url(../images/arrowleft.jpeg);
  width: 13px;
  height: 16px;
}
.sort {
  font-weight: bold;
  background-image: url(../images/sort.jpeg);
  width: 24px;
  height: 24px;
}
.rightarrow {
  font-weight: bold;
  background-image: url(../images/forward.gif);
  width: 24px;
  height: 24px;
}
.uparrow {
  font-weight: bold;
  background-image: url(../images/up.gif);
  width: 24px;
  height: 24px;
}
.leftarrow {
  font-weight: bold;
  background-image: url(../images/back.gif);
  width: 24px;
  height: 24px;
}
table {
  &.general_table {
    font-size: 11px;
    color: #484848;
    font-weight: normal;
    background-color: #e5e5e5;
    font-family: var(--font-family);
    border: 1px solid #0f679a;
  }
}
P {
  font-size: 11px;
  color: #484848;
  font-family: var(--font-family);
}
UL {
  font-size: 11px;
  /* color: #484848; */
  color: var(--color);
  font-family: var(--font-family);
}
LI {
  font-size: 11px;
  color: var(--color);
  font-family: var(--font-family);
}
OL {
  font-size: 11px;
  /* color: #484848; */
  color: var(--color);
  font-family: var(--font-family);
}
BLOCKQUOTE {
  font-size: 11px;
  color: #484848;
  font-family: var(--font-family);
}
OPTION {
  font-size: 11px;
  color: #484848;
  font-family: var(--font-family);
}
HR {
  height: 5pt;
  border: dotted 2px;
  color: #507786;
}
A {
  color: #0404b4;
  font-weight: normal;
  text-decoration: none;
  &:hover {
    font-weight: normal;
    text-decoration: none;
  }
}
.blk {
  color: #484848;
  text-decoration: none;
  font-size: 10px;
}
.abig {
  font-weight: bold;
  font-size: 11px;
  text-decoration: underline;
  &:hover {
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
  }
}
.ablack {
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  &:hover {
    font-weight: normal;
    color: black;
    text-decoration: none;
  }
}
.asmall {
  font-weight: bold;
  font-size: 10px;
  text-decoration: underline;
  &:hover {
    font-weight: bold;
    font-size: 10px;
    text-decoration: underline;
  }
}
.sl {
  font-size: 9px;
}
H1 {
  border-right: 0px;
  border-top: 0px;
  margin: 5px 0px 10px;
  font: bold 16pxvar (--font-family);
  border-left: 0px;
  border-bottom: 0px;
}
H2 {
  margin: 0px;
  /* font: var(--font-family); */
  color: #366070;
  text-align: center;
}
H3 {
  margin: 0px;
  font: var(--font-family);
  color: #366070;
  text-align: center;
}
H4 {
  text-align: center;
  margin: 0px;
  color: #000000;
  text-shadow: none;
  font: var(--font-family);
}
.panel_left {
  background: #f4f3ec;
}
.panel_right {
  background: #f4f3ec;
}
.panel_middle {
  background: #f4f3ec;
}
.panel_top {
  border-top: #6f6d63 1px solid;
  border-bottom: #6f6d63 1px solid;
  background: #cc9;
}
.panel_bottom {
  border-top: #6f6d63 1px solid;
  border-bottom: #6f6d63 1px solid;
  background: #cc9;
}
.panel_top_bottom {
  border-top: 1px solid #d2cdac;
  border-bottom: 1px solid #d2cdac;
  background: #e2ddbc;
}
.panel_dotted_clear {
  border: 1px dotted #d2cdac;
  font-size: 11px;
  font-weight: bold;
}
.panel_dotted_light {
  border: 1px dotted #f4f3ec;
}
.panel_dotted {
  border: 1px dotted #d2cdac;
  background: #e2ddbc;
  font-size: 13px;
  font-weight: bold;
}
.panel_empty {
  font-size: 11px;
}
.link_head {
  /* background: var(--primary-color); */
  /* border: 1px solid #d2cdac; */
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  background: #d2cdac;
  border: 1px solid #000000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.link {
  border: 1px solid #d2cdac;
  font-size: 11px;
  font-weight: bold;
  background: var(--primary-color);
  cursor: pointer;
  color: blue !important;
}
.main_top {
  border-bottom: 1px solid #d2cdac;
  background: #f4f3ec;
}
.link_blank {
  border-bottom: 1px solid #d2cdac;
  border-left: 1px solid #d2cdac;
  border-right: 1px solid #d2cdac;
}
.link_white {
  background: #ffffff;
  border-bottom: 1px solid #d2cdac;
  border-left: 1px solid #d2cdac;
  border-right: 1px solid #d2cdac;
}
.main_white {
  background: #ffffff;
  border-bottom: 1px solid #d2cdac;
}
.headpanel {
  border-right: #000000 0px solid;
  border-top: #000000 0px solid;
  background: #cfccbe;
  border-left: #000000 0px solid;
  color: #000000;
  border-bottom: #bcb7a3 1px solid;
}

th {
  background-color: var(--primary-color);
  border-bottom: var(--border-bottom);
}

.text {
  font-weight: normal;
}
.boldtext {
  font-weight: bold;
}
.user {
  font-size: 11;
  font-weight: normal;
  font-family: "Courier New", Courier, monospace;
}
.bold {
  font-weight: bold;
  background-color: #d2cdac;
}
.row2 {
  font-size: 10px;
  font-weight: normal;
  border-bottom: solid 1px #000000;
  border-bottom: 1px solid #ddd;

  /* background-color: White;
	border-style: dotted;
	border-width: 0px;
	border-color: #d2cdac; */
}
.row1 {
  font-size: 10px;
  font-weight: normal;
  /* border-bottom: solid 1px #000000; */
  border-bottom: var(--border-bottom);
  background-color: var(--tertiary-color);
  /* border-style: dotted;
	border-width: 0px;
	border-color: #d2cdac; */
  /* &:hover {
		background-color: #f4f3ec;
	} */
}
.bigbold {
  font-size: 14;
  font-weight: bold;
}
.mid {
  font-size: 12;
  font-weight: normal;
  background-color: #f4f3ec;
}
.maintable {
  border-style: dotted;
  border-width: 1px;
  border-color: #d2cdac;
  font-size: 12;
  font-weight: normal;
}
.dotted {
  border-width: 1px;
  border-color: #d2cdac;
  font-size: 12;
  font-weight: normal;
  border-style: dotted;
}
.subtable {
  border-width: 0px;
  font-size: 12;
  font-weight: normal;
}
.title {
  color: white;
  font-weight: bold;
}
.stext {
  font-size: 10;
  font-weight: normal;
}
.sbold {
  font-size: 11;
  font-weight: bold;
}
.coordinate {
  font-weight: bold;
  border: 1px solid #cccccc;
}
.xcoordinate {
  background-color: lightgreen;
}
.ycoordinate {
  background-color: pink;
}
.ycoordinatetotal {
  background-color: #ab92ef;
}
.xcoordinatetotal {
  background-color: #fffaaa;
}
.celldata {
  font-size: 10px;
  font-weight: normal;
  background-color: #f4f3ec;
  border-style: dotted;
  border-width: 0px;
  border-color: #d2cdac;
  text-align: right;
}
.crossTabTable {
  td {
    padding: 3px;
    border: 1px solid;
    border-color: #cccccc;
  }
}
.crossTabTableGrpHeader1 {
  background-color: #ccffff;
  font-weight: bold;
}
.crossTabTableGrpHeader2 {
  background-color: #ccffcc;
  font-weight: bold;
}
.crossTabTableGrpHeader3 {
  background-color: #99ffcc;
  font-weight: bold;
}
.crossTabTableGrpHeader4 {
  background-color: #99ff99;
  font-weight: bold;
}
.crossTabTableTableHeader {
  background-color: #669900;
  color: #ffffff;
  vertical-align: top;
}
.crossTabTablePageSummary {
  background-color: #ffffcc;
  text-align: right;
}
.crossTabTableTableRow {
  background-color: #ffffff;
  text-align: right;
}
.crossTabTableTableAltRow {
  background-color: #f5f5f5;
  text-align: right;
}
.textlink {
  cursor: pointer;
}
div#t1 {
  position: absolute;
  border: 1px solid #cccccc;
  top: 39px;
  left: 10px;
  width: 838px;
  height: 95px;
  border-bottom: none;
  text-align: center;
}
.t1 {
  ul {
    font: 10px arial;
    padding-left: 105px;
    padding-top: 20px;
    left: 0;
    right: 0;
    height: 6px;
    margin-top: 0;
    li {
      list-style: none;
      display: inline;
      a {
        text-align: center;
        padding: 1px 2em;
        text-decoration: none;
        height: 20px;
        float: left;
        color: black;
        background-color: #eaeaea;
        color: #000000;
        border: 0.5px solid #cccccc;
        &:hover {
          background-color: #fdfdfd;
          border-style: outset;
        }
      }
    }
  }
}
html {
  & > body {
    .t1 {
      ul {
        li {
          a {
            &:active {
              border-style: inset;
            }
          }
        }
      }
    }
  }
}
.border_l {
  background-image: url(../images/boarder.gif);
  background-position: left center;
  background-repeat: repeat-y;
  width: 14px;
}
.border_r {
  background-image: url(../images/boarder.gif);
  background-position: right center;
  background-repeat: repeat-y;
  width: 14px;
}
.cornerb_r {
  background-position: -10px -15px;
}
.cornerb_l {
  background-position: 0px -15px;
}
.corner_r {
  background-position: -10px 0px;
}
.corner_l,
.corner_r,
.cornerb_l,
.cornerb_r {
  background-image: url(../images/corner.gif);
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
}
.border_t {
  background-image: url(../images/boarder.gif);
  background-position: center top;
  background-repeat: repeat-x;
  height: 13px;
}
.border_b {
  background-image: url(../images/boarder.gif);
  background-position: center bottom;
  background-repeat: repeat-x;
  height: 13px;
}
.lastaction {
  margin: 0 auto;
  /* -moz-border-radius-topleft: 0.8em;
	-moz-border-radius-topright: 0.8em;
	-moz-border-radius-bottomright: 0.8em;
	-moz-border-radius-bottomleft: 0.8em; */
  /* background-color: #ffcf0f; */
  width: 50%;
  vertical-align: middle;
  text-align: center;
}
.green {
  font: 12px arial;
  color: green;
}
.red {
  font: 12px arial;
  color: red;
}
.multipleoptions {
  margin-top: 1px;
  padding-top: 15px;
  background: #ffe9f8;
  height: 100px;
  overflow: auto;
  display: none;
  z-index: 2000;
  text-align: left;
  border: 1px solid #000000;
  position: absolute;
  white-space: no-wrap;
}
.save_as {
  font-weight: bold;
  border: none;
  background: url(../images/copy-solid.svg);
  width: 21px;
  height: 21px;
}
#loading {
  background: white;
  padding: 20px;
  border: 2px solid green;
  display: none;
  position: absolute;
  left: 45%;
  margin-left: -100px;
  top: 25%;
  width: 250px;
  height: 50px;
  margin-top: -50;
  font-weight: bold;
  font-size: large;
  z-index: 1002;
}
.info_link {
  background: #418dd4;
  color: white;
  cursor: pointer;
}
.info_text {
  border-style: solid;
  position: absolute;
  display: none;
  width: 250px;
  margin-left: 100px;
  background: white;
  border-width: 1px;
  border-color: black;
  z-index: 1002;
}
.all {
  background: url("/application/images/all.svg");
}
.required {
  color: #f54242;
}
.master_action {
  text-transform: capitalize;
}
/* table{ */
/* line-height: 0.25; */
/* } */
html {
  & > body {
    background-color: #e7ecf5;
  }
}

.table-data,
.form-data {
  background-color: white;
  padding: 0 1rem 0 1rem;
  border-radius: 12px;
  /* width: 90% !important; */
  margin: 0.5rem auto 0 auto;
  box-shadow: 0 2px 2px #52525280;
}
.th:empty {
  display: none;
}
.table-data:empty {
  display: none;
}
.btn {
  /* margin: 0.5rem; */
  box-shadow: 0 2px 2px #52525280;
}
.table-data > table > thead > tr,
.table-data > table > tbody > tr > td,
.table-data > table > tbody > tr {
  padding: 0.25rem;
}

.link_head {
  padding: 0.5rem;
  color: #000000;
}
.footer {
  text-align: center;
}

.xnarrow {
  width: 100%;
}
.htable .col-heading {
  background-color: var(--htable-col-heading);
  vertical-align: var(--table-valign);
  line-height: inherit;
}
.htable .col-value {
  background-color: var(--htable-col-value);
}
/* .calendar {
  background-color: var(--bg-color-calendar);
  border-radius: var(--border-radius);
  padding: var(--padding-for-calendar);
} */
.table .link_head:empty {
  display: none;
  background: none;
  border: none;
}

/* th:empty{
	display: none;
} */
/* 
input[type="checkbox"] {
  height: auto;
} */
input[type="value"] {
  background-color: #efefef;
}
input[type="file"] {
  padding: 1px;
}

.wide {
  width: auto;
}

/* input[type=text]{
	width: auto;
} */

/* .table-data .table{
	display: none;
} */

/* 
.table-border .table-data:empty{
	display: none;
} */

.table > thead {
  /* background-color: aliceblue; */
  background-color: var(--htable-col-heading);
}
.table caption {
  text-align: center;
  caption-side: top !important;
  font-size: 17px;
  color: #000000;
  font-weight: bold;
}
th {
  white-space: nowrap;
}
.navbar-nav .dropdown-item {
  margin-right: 1.9rem !important;
}
.table {
  --bs-table-bg: #ffffff00 !important;
  /* width: auto !important; */
  padding: 0rem 0.5rem !important;
  caption-side: top;
}
/* .form-control{
  width: auto !important;
} */

.table > :not(caption) > * > * {
  padding: 0.2rem 0.5rem;
}
.space-btn {
  margin: 1rem;
}

.new-form-data {
  width: 95% !important;
  margin-top: 0.5rem;
}

/* Css for Menu  */
.dropdown-menu {
  display: none;
  background: #ffff;
}

.dropdown-item:hover,
.dropdown-item:focus {
  font-weight: bold;
  background-color: #1d5b9b;
  color: #ffffff !important;
}

.dropdown:hover > .dropdown-menu {
  display: block;
  line-height: 1rem;
}

.dropdown:hover > .dropdown-end {
  display: block;
  /* margin-left: 8em; */
  margin-top: -30px;
}

.dropdown-menu-item {
  padding: 0.25rem;
  /* position: relative;
  z-index: 2500 !important; */
}

.struct1 {
  margin-top: -4px;
}

.struct2 {
  margin-left: 9.75rem;
}

.tooltip-custom {
  position: relative;
  display: inline-block;
}

.tooltip-custom .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}

.tooltip-custom .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip-custom:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.btn-dummy,
.btn-dummy:active {
  box-shadow: none !important;
  border: none;
}

.inputBoxWidth {
  width: 50% !important;
}
.table-30 {
  width: 30% !important;
}

/* changing style for report page date dialog box */
/* .select2-dropdown {
  z-index: 1200 !important; 

} */

#date_columns {
  width: 15vw !important;
}

#date_columns1 {
  width: 15vw !important;
}
.search_master_menu_fixed {
  position: sticky;
  top: -10px;
  background-color: white;
  z-index: 1;
  padding: 0.5rem;
}
.master_menuli_height {
  height: 500px;
}

.header-color {
  background-color: var(--header-color);
}
/* input.forminput,
input.form-control {
  padding: 0px !important;
  border-radius: 0% !important;
}

.input-group-text {
  padding: 0px !important;
  border-radius: 0% !important;
} */

.form-control,
.input-group-text {
  padding: 0px 2px 0px 2px !important;
  border-radius: 5px !important;
}

.select2-container,
.select2-selection--single {
  width: 100% !important;
}
.table > :not(caption) > * > * {
  box-shadow: none !important;
}
.report_page_height {
  height: 500px !important;
}
/* General Styling */
body {
  font-family: sans-serif;
  background-color: #f8f9fa; /* Light background */
}

.logo {
  max-width: 200px;
  height: auto;
}

/* Isometric Card Styling */
.isometric-card {
  width: 100%;
  max-width: 400px;
  height: auto;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 10px 10px 10px #c4c9d0, -10px -10px 70px #fff;
  transform-origin: bottom;
  padding: 20px;
  position: relative; /* Important for absolute positioning of elements */
}

/* Add a slightly darker background for the "bottom" of the isometric shape */
.isometric-card::before {
  padding: 1rem;
  border-radius: 12px;
  box-shadow: 10px 10px 10px #c4c9d0, -10px -10px 70px #fff;
  /* width: 90% !important; */
  margin: 0 auto 1rem auto;
  /* box-shadow: 0 2px 2px #52525280; */
}

/* Card Body and elements */
.card-body {
  padding: 0;
}

/* Adjust form element styles as needed */
.form-label {
  font-weight: bold;
}
.master-tables {
  max-width: var(--masters-table-width);
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd !important;
}
.column_container {
  width: 50%;
  height: 250px;
  overflow-y: auto;
  /* border: 1px solid #ccc; */
  /* border-radius: 5px; */
  padding: 10px;
  /* background-color: #ffffff; */
  margin-left: 1rem;
  line-height: 1.5rem;
}
.drag_n_drop_column {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 0.3rem 1.5rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  width: 250px;
}
.navbar,
.navbar-expand-lg,
.navbar-light,
.bg-light {
  height: var(--menu-height);
}
.drag_n_drop_column:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
/* td{
height: 10px;} */

.insert_row_numbers_width {
  width: var(--insert-row-number-width);
}
.card-header {
  line-height: var(--homepage-dashboard-heading);
}
/* .btn-primary,.btn-success{
  padding: 5px;
  width:auto;
  font-size:small;
  margin-bottom: 1rem;
} */
.w-80 {
  width: 80% !important;
}
.w-95 {
  width: 95% !important;
}
.table {
  width: auto !important;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
div .reporttable table {
  width: 100% !important;
  height: auto;
  /* overflow: auto; */
  margin: 0 auto;
  border-radius: 12px;
  /* padding: 3rem;
	 */
  background-color: var(--div-bg);
}
.table-bordered > :not(caption) > * {
  border-width: 0 !important;
}
@keyframes blink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
.error{
  color:red;
  animation: blink 1s infinite;

}