.cm-ddown {
  position: relative;
  top: 8px;
  right: 15px;
}

.cutom-customize {
  position: relative;
  top: 9px;
  float: right;
}

.data_main {
  width: 980px;
  margin: 0px auto;
  display: block;
}

.ibox_management {
  max-height: 680px;
  height: 680px;
}

.ico i {
  color: #44b5df !important;
}

.lgout {
  bottom: 3px;
  position: relative;
}

input.mat-input-element {
  margin-top: -0.0625em;
  height: 0px !important;
  padding: 9px 10px;
}

.ainput {
  background: #fff;
  width: 30px;
  height: 32px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: 2px;
  z-index: 1;
  line-height: 22px;
  color: #44b5df;
}

.margin-flex .mat-form-field-flex {
  margin-top: 6px;
}

.red-row {
  background-color: #f85050 !important;
}

.yellow-row {
  background-color: #f8eb6b !important;
}

.block-element {
  overflow: hidden;
}

.csvfm {
  background: #ebecec;
  padding: 10px 10px;
  text-align: center;
  width: 150px;
  min-height: 128px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: left;
}

.csffile {
  color: #767675;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.dlcsv {
  background: #ebecec;
  padding: 10px 10px;
  text-align: center;
  width: 150px;
  min-height: 130px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: left;
  margin-left: 20px;
}

.dlcsvt {
  color: #767675;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.dlcsvimage {
  margin-top: 11px;
}

.helpm {
  background: #ebecec;
  padding: 10px 10px;
  text-align: center;
  width: 150px;
  min-height: 130px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: left;
  margin-left: 20px;
}

.csfcfile {
  background: rgba(101, 197, 235, 1);
  background: -moz-linear-gradient(left,
      rgba(101, 197, 235, 1) 0%,
      rgba(51, 173, 230, 1) 100%);
  background: -webkit-gradient(left top,
      right top,
      color-stop(0%, rgba(101, 197, 235, 1)),
      color-stop(100%, rgba(51, 173, 230, 1)));
  background: -webkit-linear-gradient(left,
      rgba(101, 197, 235, 1) 0%,
      rgba(51, 173, 230, 1) 100%);
  background: -o-linear-gradient(left,
      rgba(101, 197, 235, 1) 0%,
      rgba(51, 173, 230, 1) 100%);
  background: -ms-linear-gradient(left,
      rgba(101, 197, 235, 1) 0%,
      rgba(51, 173, 230, 1) 100%);
  background: linear-gradient(to right,
      rgba(101, 197, 235, 1) 0%,
      rgba(51, 173, 230, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#65c5eb', endColorstr='#33ade6', GradientType=1);
  padding: 10px 10px;
  color: #fff;
  font-weight: bold;
  width: 110px;
  text-align: center;
  margin: 0px auto;
  margin-top: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.helptext {
  color: #767675;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.helpimage {
  margin-top: 14px;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

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

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.cutom-half-model {
  min-width: 50% !important;
}

.custom-height-50 {
  height: 50%;
}

.m-b-md i {
  color: #44b5df !important;
}

#example tr td:first-child {
  background-color: #44b5df;
  border: none !important;
  color: #fff !important;
  font-weight: bold;
}

#example tr th {
  background-color: #44b5df;
  border: none !important;
  color: #fff !important;
  font-weight: bold;
  line-height: 24px;
}

.dshmain {
  margin: 0px auto;
  width: 1280px;
}

.icon-image {
  width: auto;
  height: 80px;
  vertical-align: middle;
  border-style: none;
}

.pzero_iboxcont {
  padding: 0px !important;
}

#example tr td {
  border: none !important;
  color: #000 !important;
  font-weight: bold;
  background-color: #effbff;
}

.eye-icon {
  position: relative;
  float: right;
  color: #44b5df;
  right: 20px;
  z-index: 1000;
}

#example tr:hover {
  background-color: #fff !important;
}

.top-40 {
  top: 40px !important;
}

.custom-height-auto {
  overflow: auto;
}

.cutom-full-model {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0px auto !important;
}

.cutom-height-100 {
  height: 100%;
}

/* new Table css */
.wclmn {
  width: 200px;
}

.main_table {
  display: flex;
  flex-direction: row;
}

.right_table {
  overflow: hidden;
}

.right_scroll {
  overflow: hidden;
  overflow-x: scroll;
  max-width: 100%;
  width: 100%;
}

.fixed-column {
  /* background-color: #2590a6f7!important; */
  /* background-color: #19a195!important; */
  background: linear-gradient(87deg, #5369e3 0%, #8e71de 100%);
  /* background: linear-gradient(87deg, #1dd1a1 0%, #10ac84 100%); */
  color: white;
  font-weight: bold;
}

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

.left_table {
  flex-basis: 250px;
}

.right_table {
  flex: 1;
  /* Takes remaining space */
}

.table-container {
  max-width: 100%;
  margin-top: 20px;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  /* border: 1px solid #ddd; */
}

.dash {
  padding: 6px;
  text-align: left;
  word-wrap: break-word;
  border: 1px solid #ddd;
}

.border-2px {
  border: 1px solid #ffffff !important;
}

.blue-border {
  border: 2px solid #8888ff !important;
}

.green-border {
  border: 2px solid #258f86 !important;
}

#expnceTbody tr td {
  color: #000 !important;
  font-weight: bold;
  /* background-color: #fbfdfd; */
  border: 1px solid #ddd;
}

#expnceWTbody tr td {
  color: #ffffff !important;
  font-weight: bold;
  /* background-color: #fbfdfd; */
  border: 1px solid #ddd;
}

#totalTable tr td {
  line-height: 1 !important;
  font-weight: bold;
}

.total-background {
  background-color: #e9e4fd !important;
  border-top: 0.3vh solid #b4a9f9;
  border-bottom: 0.3vh solid #b4a9f9;
  border-left: none;
  border-right: 0.3vh solid #b4a9f9;
}

.total-border {
  border-top: 0.3vh solid #b4a9f9;
  border-bottom: 0.3vh solid #b4a9f9;
  border-left: 0.3vh solid #b4a9f9;
  border-right: none;
}

.no-padding {
  padding: 0px !important;
}

.block-element {
  overflow: hidden;
}

.opening-color {
  background-color: #c5b0cd9e;
}

.external-receipt {
  background-color: #6fe6fc94;
}

.external-drawings {
  background-color: #7aa2e3c2 !important;
}

.closing-balance {
  background-color: #E2BFB3 !important;
}

.cheque {
  background-color: #e4b2d5;
}

.table-head {
  background-color: #D0BFFF !important;
}

.blue {
  background-color: #abf0fd4a;
}

.amount {
  background-color: #D7E9B9
}

.htext {
  font-weight: 500;
  font-size: 16px !important;
  color: #000;
  border-bottom: 1px solid #44b5df;
  padding-bottom: 15px;
}

.htext-title {
  font-weight: bold;
  color: #000;
  text-align: center;
}

/* th {
    background-color: #f2f2f2;
} */

/* WIDGETS */

.mg-widget {
  border-radius: 15px;
  padding: 20px 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.mg-widget:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.blue-background {
  background: linear-gradient(87deg, #3f51b5 0%, #5564b5 100%) !important;
  color: rgb(255, 249, 249) !important;
}

.blue-l-background {
  background-color: #cfd3ef;
  color: rgb(255, 249, 249) !important;
}

.green-background {
  color: rgb(255, 249, 249) !important;
  background: linear-gradient(87deg, #009688 0%, #187a71 100%);
}

.green-l-background {
  background-color: #9ec6c2;
  color: rgb(255, 249, 249) !important;
}

.slate-background {
  color: rgb(33, 33, 33, 1) !important;
  background: linear-gradient(87deg, #99abb3 0%, #607D8B 100%);
}

.slate-l-background {
  background-color: #dde7e7;
  color: rgb(33, 33, 33, 1) !important;
}

.slate-border {
  border: 2px solid #8b8b8b !important;
}

.slate-blue-background {
  color: rgb(24 24 24) !important;
  background: linear-gradient(87deg, #7cd9e1 0%, #59b8ce 100%);
}

.slate-l-blue-background {
  background-color: #c9eaed;
  color: rgb(33, 33, 33, 1) !important;
}

.total-p-background {
  background-color: #FCD8CD;
  border: 2px solid #F4B183 !important;
}

.slate-dblue-background {
  color: rgb(33, 33, 33, 1) !important;
  background: linear-gradient(87deg, #849dff 0%, #5368d6 100%);
}

.slate-l-dblue-background {
  background-color: #c2ceff;
  color: rgb(33, 33, 33, 1) !important;
}

.total-r-background {
  background-color: #fff5b5;
  border: 2px solid #E7B10A !important;
}

.total-g-background {
  background-color: #bce8ff;
  border: 2px solid #83b8d1 !important;
}

.slate-green-background {
  color: rgb(33, 33, 33, 1) !important;
  background: linear-gradient(87deg, #84b2f8 0%, #5390ec 100%);
}

.slate-l-green-background {
  background-color: #689bea5e;
  color: rgb(33, 33, 33, 1) !important;
}

.total-e-background {
  background-color: #deaa7985;
  border: 2px solid #d19f7d !important;
}

.total-n-background {
  background-color: #A5B68D;
  border: 2px solid #75855e !important;
}

.mg-orng-bg,
.bg-info {
  /* background: linear-gradient(87deg, #5e72e4 0%, #825ee4 100%); */
  /* background: linear-gradient(87deg, #1dd1a1 0%, #10ac84 100%); */
  background: linear-gradient(87deg, #742d91 0%, #da59bade 100%);
  color: #ffffff;
}

.mg-red-bg,
.bg-info {
  background: linear-gradient(87deg, #1171ef 0, #57bfd2 100%) !important;
  color: #ffffff;
}

.mg-blue-bg,
.bg-info {
  background: linear-gradient(87deg, #ef5573 0, #fa9173 100%) !important;
  color: #ffffff;
}

.mg-green-bg,
.bg-info {
  background: linear-gradient(87deg, #2f28bb 0, #639eff 100%) !important;
  color: #ffffff;
}

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

.mg-text-size {
  font-size: 15px;
  font-weight: 600;
}