html, body {
  background-color: #ffffff;
  font-size: 100%;
}
body {
    min-height: 100vh; /* full viewport height */
    min-height: 100dvh; /* dynamic viewport height */
    display: flex;
    flex-direction: column;
    margin: 0;
}
html, body, header, footer, div, h1, h2, h3, h4, h5, h6, p, font, span, a, table, thead, tr, td {
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing: initial;
  word-spacing: initial;
}
body .container .row.pt-4 {
  padding-top: 0 !important;
}
.main-wrapper {
    flex-grow: 1; /* wrapper fills vertical space */
    display: flex;
    flex-direction: column;
}
.main-container { /* or a div wrapping your main content */
    flex-grow: 1; /* pushes footer down */
    max-width: 1360px; /* keeps content centered */
    margin: 0 auto; /* center horizontally */
    width: 100%;
}
footer {
    margin-top: auto; /* push footer to bottom */
    width: 100%; /* full width footer */
    background: #fff; /* just for visibility */
}
header {
    background-color: #fff;
    min-height: 90px;
    transition: all .5s ease-in-out;
}

    header .container {
        padding: 20px 0;
    }

.logo img {
    width: 220px;
    transition: all .5s ease-in-out;
}

.bg-image {
    width: 100%;
    height: 240px;
    display: block;
    background: url(../img/my-ibwave-main-banner_v2.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
}

h1.title {
    float: right;
    font-size: 32px;
    line-height: 1.2em;
    margin-top: 21px;
}
h2.text-primary {
  color: #000 !important;
  padding-bottom: 20px;
}
a {
  color: #db1717;
}
a:hover {
  color: #fb4444;
}
a.btn-color-1 {
    background-color: #92A4AD !important;
    border-color: #92A4AD !important;
	color: #fff !important;
	padding-bottom: 14px;
}
a.btn-color-1:hover, a.btn-color-1:active {
    background-color: #CDD8DE !important;
    border-color: #CDD8DE !important;
	color: #466371 !important;
}
a.btn-color-2 {
    background-color: #CDD8DE !important;
    border-color: #CDD8DE !important;
	color: #466371 !important;
	padding-bottom: 14px;
}
a.btn-color-2:hover, a.btn-color-2:active {
    background-color: #92A4AD !important;
    border-color: #92A4AD !important;
	color: #fff !important;
}
th {
  background-color: #f8f9fa !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
div#DT_load_length, div#DT_load_filter {
  margin-bottom: 20px;
}
table#DT_load {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table#DT_load tbody tr td div.w-75 {
  width: 100% !important;
}
table#DT_load .bi-pencil-square::before {
  content: "\F270";
}
table#DT_load .bi-box-arrow-left::before {
  content: "\F117";
}
@media screen and (max-width: 1600px) {
    .bg-image {
        height: 180px;
    }
}

@media screen and (max-width: 767px) {
    header {
        min-height: 70px;
    }

    .logo img {
        width: 180px;
    }

    h1.title {
        font-size: 21px;
        margin-top: 26px;
    }

    .bg-image {
        height: 140px;
    }
}