html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.co-color-1 {
    color: #58b2fe !important;
}
.co-color-2 {
    color: #8ae0ff !important;
}
.co-color-3 {
    color: #356efd !important;
}
.co-color-white {
    color: white !important;
}
.co-border-color-1 {
    border-top: 1px solid #58b2fe !important;
}

.co-background-color-1 {
    background-color: #58b2fe !important;
}
.co-background-color-2 {
    background-color: #8ae0ff !important;
}
.co-background-color-3 {
    background-color: #356efd !important;
}


.navbar-brand-merp {
    margin-left: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}

.main-page-bg {
    height: 80vh;
    background: url(../../images/bg/main_bg.jpg) center center no-repeat;
    background-size: contain;
}

.sticky-top {
    background-color: white !important;
}

.font15 {
    font-size: 15px;
}
.font12 {
    font-size: 12px;
}

tbody.textoverflowelipsis tr td{
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}