/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
/*  */

@font-face {
  font-family: SolaimanLipi;
  src: local('SolaimanLipi'),
    url('../fonts/solaimanlipi.woff') format('woff'),
    url('../fonts/solaimanlipi.woff2') format('woff2');
}

.lanbn {
  font-family: SolaimanLipi !important;
}


.btnown {
  margin-bottom: 2px;
  margin-top: 2px;
  border: none;
  background-color: #283144;
  color: white;
}

.sub_menu {
  padding: 0px 8px !important;
  border-right: 2px solid white !important;
}

/* .flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important
} */

.preloader {
  display: none;
  background-color: #8c8c8c;
  height: 100vh;
  width: 100%;
  transition: height .2s linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  opacity: 0.5;
}


#scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #1c222f;
}

#scrollbar::-webkit-scrollbar-thumb {
  background-color: gray;
}



.bgimg {
  width: 280px;
  height: 280px;
  opacity: 0.3;
  position: absolute;
  left: 33%;
  top: 18%;
  border-radius: 50%;
}

@media print {
  a {
    text-decoration: none !important;
  }
}

.light-style .menu .app-brand.demo {
  height: 50px;
}

.dark-style .menu .app-brand.demo {
  height: 50px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
}

.app-brand-logo.demo svg {
  width: 1.7rem;
  height: 1.7rem;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.45px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* .layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
} */

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}


.invoice_style .invoice_table {
  width: 100%;
  position: relative;
  border-top: 10px solid #8d202a;
  overflow: hidden;
  background: #fff;
}

.invoice_style .thstyle {
  background-color: #8d202a !important;
  -webkit-print-color-adjust: exact;
  color: #fff;
}

.invoice_head_part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*padding-bottom:15px ;*/
  position: relative;
}

.invoice_left {
  width: 12%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.tm_logo {
  position: relative;
  z-index: 2;
}

.tm_logo img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.invoice_middle {
  width: 55%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.invoice_right {
  text-align: right;
  width: 33%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.shape {
  position: absolute;
  height: 100%;
  width: 76%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  top: -4px;
  left: -100px;
}

.shape1 {
  position: absolute;
  height: 80%;
  width: 40%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  top: 12px;
  left: 68%;
}

.invoice_style .shape_bg {
  background-color: #ff929c21 !important;
  -webkit-print-color-adjust: exact;
}

.invoice_style .shape_border {
  border: 1px solid #8d202a73;
}

.tm_grid_row {
  grid-template-columns: repeat(3, 1fr);
  display: -ms-grid;
  display: grid;
  grid-gap: 10px 20px;
  list-style: none;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


.invoice_style .border_right {
  border-right: 1px solid #8d202a73;
}

.invoice_style .heading_color {
  color: #8d202a;
}

.invoice_style .powerby {
  color: #fff;
  background: #8d202a;
}

.invoice_name {
  padding: 10px;
  font-size: 22px;
  font-weight: 700;
  border: 0.5px solid;
}

.invoice_add_head {
  font-size: 16px;
  font-weight: 700;
}

.invoice_address {
  font-weight: 500;
}

th,td {
  cursor: pointer!important;
}
.mytable{
  font-size:12.3px!important;
  width: 100%!important;
  border: 1px solid #969c9d!important;
}
.mytable thead th {
     font-size:14.3px!important;

   background-color:silver !important;
   text-wrap:nowrap;
  padding: 5px!important;
  /* background: hsla(0,0%,50.2%,.11)!important; */
  border: 1px solid #969c9d!important;
} 
.mytable tfoot th {
     font-size:12.3px!important;

   background-color:silver !important;
   text-wrap:nowrap;
  padding: 3px!important;
  /* background: hsla(0,0%,50.2%,.11)!important; */
  border: 1px solid #969c9d!important;
} 
tr.color th {
  background: black!important;
  color: white!important;
}

.mytable td {

 padding: 2px 3px!important;
 border: 1px solid #969c9d!important;
}

.nav-item.active .nav-link {
        color: black !important;
background-color: #ffff !important;
}