.kalam {
  font-family: "Kalam", cursive;
}
.balooda2 {
  /* font-family: 'Baloo Da 2', cursive; */
  /* font-family: 'Verdana';  */
  font-family: Poppins, sans-serif;
}
div.dt-container div.dt-layout-cell {
  padding: 0;
}
div.dtsb-searchBuilder div.dtsb-titleRow {
  padding: 0;
}
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header {
  width: 250px;
  border: 0;
}
.logo-text {
  font-size: 30px;
  font-family: "Baloo Da 2", cursive;
}
body {
  color: black;
  /* font-family: 'Baloo Da 2', cursive; */
  /* font-family: 'Verdana'; */

  /* font-family: 'Segoe UI'; */

  font-family: Poppins, sans-serif;
  line-height: 1;
}
.bg-4798e8 {
  background-color: #4798e8;
}
.mb-3,
.my-3 {
  margin-bottom: 10px !important;
}
.auth-wrapper .auth-box {
  margin: 5% 0;
  background: #c9d6ff; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to bottom,
    #e2e2e2,
    #c9d6ff
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to bottom,
    #e2e2e2,
    #c9d6ff
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
html[dir="ltr"] body .m-b-30 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 35px;
}

/* .datepicker {
  z-index: 1001 !important;
} */

.topbar .top-navbar .navbar-header .navbar-brand {
  /* background: #4798e8; */
  color: #4798e8;
  font-size: 20px;
  font-weight: bold;
}
.modal-lg,
.modal-xl {
  max-width: 1000px;
}
.modal-dialog {
  overflow-y: initial;
}
.modal-body {
  height: 80vh;
  overflow-y: auto;
}

.topbar .mailbox,
.topbar .user-dd {
  min-width: 400px;
}
.nav {
  display: none;
}
/* #main-wrapper[data-layout="vertical"]
  .topbar
  .navbar-collapse[data-navbarbg="skin6"],
#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin6"],
#main-wrapper[data-layout="horizontal"]
  .topbar
  .navbar-collapse[data-navbarbg="skin6"],
#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin6"] {
  background: #4798e8;
} */
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: #fff;
}
.form-control {
  color: #000;
  border: 1px solid #ccc;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  border-color: #ccc;
}
.user-profile .user-content,
.user-profile .user-email,
.user-profile .user-name {
  white-space: normal;
}

#table-body {
  padding: 0;
  color: #000;
}
#table {
  border: none;
}
.table td,
.table th {
  padding: 7px;
}
#file_export {
  color: #000;
  font-size: 14px;
}
p {
  font-family: helvetica, arial, sans serif;
}
.footer {
  bottom: 0;
  padding: 10px;
}

.hh-grayBox {
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding: 35px;
  margin-top: 20px;
}
.pt45 {
  padding-top: 45px;
}
.order-tracking {
  text-align: center;
  width: 20%;
  position: relative;
  display: block;
}
.order-tracking .is-complete {
  display: block;
  position: relative;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 0px solid #afafaf;
  background-color: #ef6e6e;
  margin: 0 auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  z-index: 2;
}
.order-tracking .is-complete:after {
  display: block;
  position: absolute;
  content: "";
  height: 14px;
  width: 7px;
  top: -2px;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  border: 0px solid #afafaf;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.order-tracking.completed .is-complete {
  border-color: #4798e8;
  border-width: 0px;
  background-color: #4798e8;
}
.order-tracking.completed .is-complete:after {
  border-color: #fff;
  border-width: 0px 3px 3px 0;
  width: 7px;
  left: 11px;
  opacity: 1;
}
.order-tracking p {
  font-family: "Baloo Da 2", cursive;
  color: #a4a4a4;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: 20px;
}
.order-tracking p span {
  font-size: 14px;
}
.order-tracking.completed p {
  color: #000;
}
.order-tracking::before {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 40px);
  background-color: #ef6e6e;
  top: 13px;
  position: absolute;
  left: calc(-50% + 20px);
  z-index: 0;
}
.order-tracking:first-child:before {
  display: none;
}
.order-tracking.completed:before {
  background-color: #4798e8;
}

div.dtr-modal div.dtr-modal-display {
  width: 70%;
  height: 70%;
}

.card {
  /* box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; */
  margin-bottom: 10px;
}

.new-card-body {
  padding: 5px;
}

.dtsb-add dtsb-button {
  font-size: 20px;
}

.mybackground {
  margin: auto;
  overflow: auto;
  background: linear-gradient(
    315deg,
    rgba(101, 0, 94, 1) 3%,
    rgba(60, 132, 206, 1) 38%,
    rgba(48, 238, 226, 1) 68%,
    rgba(255, 25, 25, 1) 98%
  );
  animation: gradient 15s ease infinite;
  background-size: 400% 400%;
  background-attachment: fixed;
}

@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

@media only screen and (max-width: 600px) {
  body {
    color: black;
    /*zoom: 0.75;*/
  }
  .auth-wrapper .auth-box {
    background: transparent;
  }
  .auth-wrapper .auth-box,
  .customizer {
    box-shadow: none;
  }
  html[dir="ltr"] body .m-b-30 {
    margin-bottom: 0;
    font-size: 30px;
  }
  #main-wrapper[data-layout="vertical"]
    .topbar
    .top-navbar
    .navbar-header[data-logobg="skin5"],
  #main-wrapper[data-layout="horizontal"]
    .topbar
    .top-navbar
    .navbar-header[data-logobg="skin5"] {
    background: #4798e8;
    color: #fff;
  }

  .footer,
  #welcome {
    display: none;
  }

  .nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    display: flex;
    /*overflow-x: auto;*/
  }

  .nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 13px;
    color: #444444;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
  }

  .nav__link:hover {
    background-color: #eeeeee;
  }

  .nav__link--active {
    color: #009578;
  }

  .nav__icon {
    font-size: 18px;
  }
  #myform {
    margin-bottom: 100px;
  }
  #table-body {
    padding: 0;
    color: #000;
    margin-bottom: 100px;
  }
  .card-body,
  .card-footer {
    padding: 7px;
  }
  #table {
    border: none;
  }
  .table td,
  .table th {
    padding: 7px;
  }
  #file_export {
    color: #000;
    font-size: 13px;
  }
  body,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: inherit;
  }
}