/* ============ ******* Init Project ******** =========== */
@import url("banglafont.css");
* {
  margin: 0;
  padding: 0;
  font-family: "SolaimanLipiNormal", Arial, Helvetica, sans-serif;
  font-size: 20px;
}
body {
  scroll-behavior: smooth;
}
a.nav-link:hover {
    background: black !important;
}
.title {
  text-align: center;
  background: linear-gradient(to right, #493e58 -19%, #079a93);
  padding: 10px;
  color: #f3f3f3;
  filter: drop-shadow(2px 4px 6px #888);
}
h2.title.shape {
  background: linear-gradient(45deg, #009688, #4caf50);
}
.box-shadow {
  box-shadow: 1px 0px 10px 0 #999;
  border-radius: 5px;
  padding: 10px;
}
.shape-wrap {
  display: block;
  filter: drop-shadow(0px 4px 4px rgb(185, 185, 185));
}
.shape {
  clip-path: polygon(0% 50%, 3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%);
}
.backPage {
  color: #ffffff;
  margin: 10px 5px;
  font-size: 37px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 111;
  filter: drop-shadow(2px 4px 6px rgb(80, 80, 80));
}
a {
  color: blue;
  font-weight: 600;
  text-decoration: none;
}
.paid {
  color: white;
  background: #393;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
}

.paidNot {
  color: #000;
  background: #ffde0d;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
}

.pay {
  color: white;
  background: #ff4343;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
}
.paidTwo {
  color: white;
  background: #006700;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
}
.bg {
  background: #26355b;
  color: white;
}
.bg p {
  padding: 5px;
}
.bg-darkblue {
  background: #3675f2;
}
.dashbox {
  font-size: 18px;
  font-weight: 700;
  border-radius: 7px;
}
.flexDiv p {
  display: flex;
}

.AddBtn {
  padding: 10px;
  border: 1px solid #d46c51;
  border-radius: 2px;
  background: #d46c51;
  color: white;
  text-decoration: none;
  margin: 10px;
  display: inline-block;
  border-radius: 4px;
}
.AddBtn:hover {
  text-decoration: none !important;
  color: #fdfdfd;
  background: rgb(255 132 110);
}
a {
  color: #47988f;
  text-decoration: none;
  font-weight: 600;
}
.d-none {
  display: none;
}
.sticky-t{
 position:sticky;
 left:0;
}
tr:nth-child(odd) td.sticky-t{
 background:#ededed;
}
tr:nth-child(even) td.sticky-t{
 background:#fff;
}
th.sticky-t{
 background:#65a88d;
}


.row {
  display: flex;
  justify-content: space-between;
  margin: 10px auto;
}
.SelectedRow {
  background: #fbe383 !important;
  color: #4a4a4a;
}
.noticeBoard {
  /* background: url(../images/noticeBoardBg.png); */
  background-size: 100% 100%;
  padding: 15px 1px;
  filter: drop-shadow(1px 2px 4px rgb(131, 131, 131));
}
.notice ul li {
  list-style: none;
  /* filter: drop-shadow(0px 2px 1px rgb(85, 85, 85)); */
  margin: 2px auto;
  width: calc(100% - 72px);
}
.notice ul li span {
  background: linear-gradient(-106deg, #e5e5e5, #f5f5f5);
  display: block;
  position: relative;
  padding: 13px;
  padding-left: 29px;
  clip-path: polygon(
    0% 11%,
    3% 0%,
    96% 10%,
    100% 22%,
    100% 95%,
    97% 100%,
    16% 100%,
    0% 96%,
    0% 4%
  );
  /* box-shadow: inset 0 3px 5px #ccc; */
}

span.closeBtn {
  color: #b62f2f;
  margin: 3px;
  display: block;
}
.notice li span img {
  width: 18px;
  margin-right: 6px;
  position: absolute;
  top: 7px;
  left: 2px;
}
.toastMy {
  opacity: 0;
  position: fixed;
  top: 15px;
  right: 15px;
  background: #fefefe;
  box-shadow: 1px 1px 6px #424242;
  padding: 10px;
  border-radius: 3px;
  transform: translate(29px, 0px);
  transition: 0.4s;
  z-index: 1111111111111111;
}
.toastMy.active {
  transform: translate(-30px, 0px);
  opacity: 1;
}
/* ======== ******* End Init ******* ======== */

/* =======********* Start Table *********========= */

.TableContainer {
  width: calc(100% - 15px);
  margin: 10px auto;
  /* overflow-x: auto; */
}

table {
  border-collapse: collapse;
  width: 100%;
}
table thead tr {
  background: #65a88d;
  color: white;
  border-bottom: 1px solid;
}

table tr td,
table tr th {
  padding: 10px;
}
.container table tr:nth-child(even) {
  background: #ddd;
}
.tableBody table tbody tr td,
.tableBody table thead tr th {
  padding: 5px;
}

.studentTableContainer {
  width: calc(100% - 15px);
  margin: 10px auto;
/*   overflow-x: auto; */
}
.studentTableContainer table {
  border-collapse: collapse;
  width: 100%;
}
.studentTableContainer table tr td,
.studentTableContainer table tr th {
  padding: 10px;
}
.studentTableContainer table tr td img {
  width: 60px;
}
.routine-table tbody tr:nth-child(even) {
  background: #dffff6;
}
.routine-table tbody tr:nth-child(odd) {
  background: #124e2e;
  color: white;
}

/* ========= ********* Start Modal ********* =========== */

.modalMy {
  width: 100%;
  height: 100%;
  background: #0009;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111111111111111111111111;
  overflow-y: auto;
}

.modalMyContainer {
  max-width: 587px;
  background: linear-gradient(rgb(255 255 255 / 95%), rgb(255 255 255 / 95%)),
    url(../images/pattern.jpg);
  margin: 10px auto;
  padding: 15px;
}
.modalMyBody table {
  border-collapse: collapse;
}
.modalMyFooter .row button {
  padding: 10px;
  background: royalblue;
  border: none;
  color: white;
  cursor: pointer;
  box-shadow: 1px 0px 6px 0 #999;
  border-radius: 3px;
}

.modalMyFooter .row .print {
  background: #00a6cf;
}

.modalMyFooter .row .download {
  background: rgb(28, 165, 81);
  box-shadow: 1px 0px 6px 0 #999;
  border-radius: 3px;
}

.modalMyFooter .row .cencel {
  background: rgb(255, 87, 87);
  box-shadow: 1px 0px 9px 0 #999;
  border-radius: 3px;
}
.modalMyTitle {
  text-align: center;
  background: #405898;
  padding: 10px;
  color: white;
}
.modalMyHeader h1,
.modalMyHeader .mobile {
  text-align: center;
  color: #26355b;
  margin: 5px 0;
}
.modalMyHeader .addr {
  color: #26355b;
  font-size: 12px;
  text-align: center;
}
.lastRows {
  text-align: right;
  border: none;
}
#payYear {
  width: 50px;
}
#payStudentName {
  margin: 5px auto;
  width: 400px;
}
.takaAdayerRoshid {
  padding: 5px;
  border-radius: 4px;
  background: #26355b;
  color: white;
  text-align: center;
}
/* ========= ********* End Modal ********* =========== */

/* ========== ******* Start NAV ********** ==========  */
.navigation {
  display: block;
}
.navigation ul li {
  list-style: none;
  display: inline-block;
}
.navigation ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.navigation ul li a {
  text-decoration: none;
  background: #48950c;
  color: white;
  padding: 10px;
  display: inline-block;
  border: none;
  border-radius: 51px;
}
.nav-link {
  color: #fdfdfd !important;
  border: none;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
}
.nav-item {
  background: #5db885;
  margin: 1px;
  width: 100%;
}
/* ========= ********* End Nav ********* =========== */

.form .form-control {
  border: none;
  border-bottom: 2px dashed #d2d2d2;
  border-radius: 0;
  padding: 0 10px;
}
.form .form-control:focus {
  box-shadow: none;
  border-bottom: 2px solid #0fbb73;
}
.form {
  display: grid;
  grid-template-columns: auto 4fr;
}

.form label {
  padding: 12px 0;
  padding-right: 28px;
  margin-bottom: none !important;
  font-size: 20px;
}
.photoDiv .border {
  width: 200px;
  height: 250px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #474747;
  border: 1px solid #b6b6b6 !important;
}
.photoDiv .border img {
  width: 100%;
}
.footerPrintContainer {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 10px;
  left: 0;
  padding: 2rem;
  margin: auto;
}
.footerPrintSubContainer {
  display: block;
}
.footerPrint {
  margin: 10px auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footerPrint p {
  display: inline-block;
  border-top: 1px dashed rgb(119, 119, 119);
}
.footerPrint img {
  width: 90px;
}
.onlyPrint {
  display: none !important;
}
td.printNone.closeBtn {
  color: red;
  background: white;
  border: 1px solid red;
  cursor: pointer;
}
.studyRoutine tr:nth-child(1){
  background: #65A88D;
  color: #fff;
}
.studentTableContainer .studentListTable thead tr .no, .studentTableContainer .studentListTable tbody tr .no{
  display: none;
}
.assignedTaka{
  cursor: pointer;
}

/* ==============********* Print *********===========  */

@media print {
  .title {
    display: none;
  }

  /* .TableContainer {
    display: none;
  } */

  .modalMyContainer .modalMyFooter .row button {
    display: none;
    z-index: 11111111111111111111111111;
  }
  table thead tr {
    background: none;
    color: rgb(27, 27, 27);
  }
  .takaAdayerRoshid {
    color: #222;
    background: #eee;
  }
  .print {
    display: none !important;
  }
  .backPage {
    display: none;
  }
  .printNone {
    display: none !important;
  }
  .onlyPrint {
    display: block !important;
  }

  span.closeBtn {
    display: none;
  }
  .routine-table tbody tr:nth-child(even) {
    background: #ffffff;
    color: black;
  }
  .routine-table tbody tr:nth-child(odd) {
    background: #ffffff;
    color: black;
  }
  .table-bordered td, .table-bordered th{
    border: 1px solid rgb(143, 143, 143) !important;
    font-size: 24px !important;
    padding: 8px;
  }
  p.mot{
/*     display: none !important; */
  }
  .studyRoutine tr{
    color: #000 !important;
    background: white !important;
  }
  .paidNot{
    opacity: 0;
    color: rgb(255, 23, 23);
  }
  .paidNot::after{
    content: "-";
  }
  .paidNot::before{
    content: "-";
  }
  .paid{
    color: #393;
    opacity: 0;
  }
  .pay{
    opacity: 0;
  }
  table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 0;
  }
  table.dataTable thead .sorting:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before{
    opacity: 0;
  }
}
}
/* ========= ********* End Print ********* =========== */