/* start  Global css */

* {
  font-family: "Montserrat", sans-serif;
}

.bg {
  background-image: url("../image/bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.vw-78 {
  max-width: 78vw;
}

/* .vh-77 {
  min-height: 77.54vh;
} */
.mt-95 {
  margin-top: 95px;
}

.w-h-32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.bg-red {
  background-color: #cd2728;
}

.bg-blue {
  background-color: #0075c3;
}

.bg-blue-2 {
  background-color: #1869a6;
}

.right-13 {
  right: 13px;
}

.top-44 {
  top: 44px;
}

/* End  Global css  */
/* start saidNav  */
#wrapper {
  overflow-x: hidden;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -16rem;
  transition: margin 0.25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
  background-color: #edf4f8;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
  margin-left: 0;
}

.questionanswer-list .discussion_list {
  padding: 1%;
}

.searchbtn, .exportbtn {
    margin-left: 3% !important;
  }

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: -16rem;
  }
}

.list-group-item-light {
  color: #fff;
  background-color: #1869a6;
}

/* End saidNav  */

/* start NavBar  */
.w-60_2 {
  min-width: 40%;
}

@media (max-width: 976px) {
  .w-60_2 {
    min-width: 100%;
  }
}

.w-60_3 {
  width: 60%;
}

@media (max-width: 976px) {
  .w-60_3 {
    width: 100%;
  }
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #fff;
  background-color: #1869a6;
  border-top-right-radius: 50rem !important;
  border-bottom-right-radius: 50rem !important;
}

.list-group-item {
  border: none;
}

/* End NavBar */

/* start card  */
.text-dark-blue {
  color: #5d7173;
}

.text-gray {
  color: #bebdc7;
}

.bg-gray-flat {
  background-color: #f9f9f9;
}

.bg-gray-flat-2 {
  background-color: #e1e1e1;
}

.text-dar-2 {
  color: #353535;
}

.form-user-1 .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #1869a6;
  outline: 0;
  box-shadow: none;
}

.form-user-1 .form-select:focus {
  border-color: #1869a6;
  outline: 0;
  box-shadow: none;
}

.form-user-1 .form-check-input:checked {
  background-color: #707070;
  border-color: #707070;
}

/* End card  */
/* start table css */

tbody,
td,
tfoot,
th,
thead,
tr {
  background-color: #eef5f9;
}

#myTable thead {
  border: #c1c8cb 1px solid;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: none;
    color: var(--bs-table-striped-color);
}
#myTable tr {
  border-color: #d5e5ee;
  border-style: solid;
  border-width: 0;
  vertical-align: middle;
}

#myTable thead tr {
  border: #c1c8cb 1px solid;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #d5e5ee;
}

.table > :not(caption) > * > * {
  padding: 0.8rem 0.5rem;
}

.fw-500 {
  font-weight: 500;
}
.showing {
  font-size: 0.875rem;
  color: #505050;
}
.pre {
  font-size: 1rem;
  color: #a0a0a0;
}
.next {
  color: #1869a6;
}
.pre-num-active {
  color: #1869a6;
  border-bottom: 1px solid #1869a6;
}
.pre-num-hover:hover {
  color: #1869a6 !important;
  border-bottom: 1px solid #1869a6;
}
.thead {
  background-color: #eef5f9 !important;
  border-color: #c1c8cb !important;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #c1c8cb;
}
#myTable tr {
  border-color: #d5e5ee;
}
.border {
  border: 1px solid #d5e5ee !important;
}

.submenu {
  margin-left: 20%;
}
/* End table css */
