/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100); */

body {
  background-color: #f3f8fe;
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  margin-top: 100px;
}

div.table-title {
   display: block;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
}

/*** margin top ***/
.mt-120 {
  margin-top: 120px;
}

/*** Table Styles ***/
.table-responsive {
  box-shadow: 0 0 10px 5px #afc1d7;
  margin: 15px 0;
}
table {
  width: 100%;
}
.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

 
th {
  background:#d0dff2 !important;
  /* border-bottom:4px solid #9ea7af; */
  border-right: 1px solid #d0dff2 !important;
  font-size:16px;
  font-weight: 100;
  padding:24px !important;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#000;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

tr td {
    transition: all .5s;
}
 
tr:hover td, tr.total_tr td {
  background:#9fb9d8;
  color:#000;
  /* border-top: 1px solid #f3f8fe; */
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#f3f8fe;
}
 
tr:nth-child(odd):hover td, tr.total_tr td {
  background:#9fb9d8;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:12px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}

.table-responsive.no-shadow {
  box-shadow: none !important;
}

.table-no-strips tr td {
  background-color: #fff; 
}
.table-no-strips tr th {
  padding: 12px !important;
}
.table-no-strips tr th, .table-no-strips tr td {
  border:  1px solid rgb(222, 226, 230);
}

/*** Button Styles **/
.btn {
    background-color: #d0dff2;
    color: #000;
    border: 1px solid #d0dff2;
    transition: .5s;
}
.btn:hover,
.btn:active, .btn:first-child:active,
.btn:focus, .btn:focus-visible {
    background-color: #f3f8fe;
    color: #000;
    border-color: #d0dff2;
    box-shadow: none !important;
}

/*** Custom **/
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}

@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }
}

@media (min-width: 992px) {
  .w-lg-75{
    width: 75%;
  }
  .w-lg-50 {
    width: 50% !important;
  }
}

.h-fit {
  height: fit-content;
}

/*** Custom Colors**/
.text-light {
  color: #ffff !important;
}

.bg-dark {
  background-color: #d0dff2 !important;
}

/* RECEIPTS IMAGE */
img.logo {
  width: 170px;
  height: 115px;
}

/* PRINT MODIFY */
@media print {
  @page {
      margin: 0;
  }
  body {
      margin: 0;
  }
  /* Hides headers, footers, or other elements if necessary */
  header, footer {
      display: none;
  }
}


/* HOME PAGE */
#home_page {
  font-family: math;
  margin-top: 80px !important;
}
.overlay::before {
  content: " ";
  display: block;
  position: absolute;
  height: 450px;
  width: 100%;
  background-color: rgba(50, 50, 93, 0.6);
  top: 0;
  left: 0;
  z-index: 1;
}


/* images */
img.img-1 {
  width: 70%;
  margin-bottom: 10px;
}
img.img-2 {
  width: 65%;
  margin-bottom: 10px;
  position: absolute;
  top: 35%;
  right: 0px;
}
img.img-3 {
  width: 45%;
  z-index: 10;
  position: relative;
  margin-top: 20px;
}

.about-text {
  background-color: #d0dff2;
  /* border-radius: 10px; */
  padding: 10px 20px;
  /* height: 100%; */
}


/* FOOTER */
.footer {
  background-color: #193b64;
  width: 100%;
  height: 200px;
}
.logos-holder img {
  height: 80px;
}

/* NAV BAR */
.header-mini {
  position: fixed;
  background-color: #193b64;
  top: 0;
  width: 100%;
  height: 90px;
  z-index: 100;
  padding: 5px 0;
}
.pill {
  border-radius: 30px;
  padding: 2px 14px;
  margin-top: 5px;
}
.nav-link {
  color: #d0dff2;
  padding: 8px 16px;
  transition: .3s;
}
.nav-link:hover, .nav-link.active, .nav-link:focus{
  color: #d0dff2 !important;
  background-color: rgba(208, 223, 242, .3);
}


/* FLIKITY */
/* .carousel {
  height: 300px;
} */
.carousel .carousel-cell {
  width: 32%;
  margin: 0 1%;
}

@media (max-width: 470px) {
  .carousel .carousel-cell {
    width: 98%;
  }
}

.carousel .carousel-cell img {
  width: 100%;
}