@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; 
}
.nav-link1 {
	border: 1px solid transparent;
	display: block;
  padding: 0.5rem 1rem;
}

.mark1 {
	color: #fff;
    background: crimson;
    padding: 0 5px;
    border-radius: 0.25rem;
    cursor: pointer;
}

.marksc {
  	color: #fff;
    background: #28a745;
    padding: 0 5px;
    border-radius: 0.25rem;
    cursor: pointer;
}
th,td {
  cursor: pointer!important;
}
.ttable{
  font-size:11.3px!important;
  width: 100%!important;
  border: 1px solid #969c9d!important;
}
.ttable th {
  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;
}

.ttable td {
 padding: 2px 3px!important;
 border: 1px solid #969c9d!important;
}
.navpad {
  padding: 0.2rem 0.8rem!important;
}

.ptable{
  font-size:12px!important;
  width: 100%!important;
  border: 1px solid #969c9d!important;
}
.ptable th {
  padding: 2px 8px!important;
  background: #e7f6ff78!important;
} 

.ptable td {
 padding: 2px 8px!important;
 cursor: pointer;
}
.thborder {
   border: 1px solid #969c9d!important;
}

.cscroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.cscroll::-webkit-scrollbar {
  width: 2px;
}

.cscroll::-webkit-scrollbar-thumb {
  background: #007bff; 
}

.cscroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px lightgrey; 
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
}

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

.selected {
  background: #03a9f438;
}

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


.primary_style .invoice_table {
  width: 100%;
  position: relative;
  border-top:10px solid #007aff;
  overflow:hidden;
  background:#fff;
}

.primary_style .thstyle {
  background-color: #007aff !important;
  -webkit-print-color-adjust: exact;
  color: #fff;
}

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

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

 .invoice_head {
    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%;
}

.primary_style .shape_bg {
  background-color: rgba(0, 122, 255, 0.1) !important;
  -webkit-print-color-adjust: exact;
}

.primary_style .shape_border {
  border : 1px solid #abc2ff;
} 

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

.secondary_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;
}

.primary_style .border_right {
  border-right : 1px solid #abc2ff;
}

.primary_style .heading_color {
  color: #007aff;
}

.primary_style .powerby {
  color: #fff;
  background: #007aff;
}

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

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

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

.invoice_name {
  font-size:30px;
  font-weight: 700;
}

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

.invoice_address {
  font-weight: 500;
}

.asc:after {
  display: inline;
  float : right;
  content: '↓';
  color: black;
  margin-left: 4px;
}
.desc:after {
  display: inline;
  float : right;
  content: '↑';
  color: black;
  margin-left: 4px;
}
