.btn-light {
  color: #fff;
  background: #034e75;
  border-right: 5px solid #15869f;
  border-left: 5px solid #15869f;
}
  .btn-light:hover {
    color: #fbb3c0;
    background-color: #71002e;
    border-left: 5px solid #c8004e;
    border-right: 5px solid #c8004e;
    border-top: 1px solid #c81259;
    border-bottom: 1px solid #c81259;  }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .375rem 1.2rem;
    clear: both;
    font-weight: 400;
    color: #6c757d;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}
.dropdown-item1 {
    display: block;
    width: 100%;
    padding: .375rem 1.2rem;
    clear: both;
    font-weight: 400;
    color: #c7d0d9;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}
.dropdown-item:focus,.dropdown-item:hover {
    color: #fbfdff;
    text-decoration: none;
    background-color: #002135;
}
.dropdown-item1:focus,.dropdown-item1:hover {
    color: #fbfdff;
    text-decoration: none;
    background-color: #0c405a;
}
.dropdown-item.active,.dropdown-item:active {
    color: #323a46;
    text-decoration: none;
    background-color: #f7f7f7
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: .25rem 1.2rem;
    margin-bottom: 0;
    font-size: .7875rem;
    color: inherit;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .375rem 1.2rem;
    color: #6c757d
}
.doclist {
    max-height: 20rem;
    overflow-y: scroll;
    scrollbar-color: #002834 #0789ae;
    scrollbar-width: auto;
    scrollbar-color: #003544;
    margin: 10px 10px 0px 0px;
}
.btn-light {
  color: #fff;
  background: #034e75;
  border-right: 5px solid #15869f;
  border-left: 5px solid #15869f;
  margin: 2px;
  font-size: 14px;
  padding: 5px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}
  .btn-light:hover {
    color: #fbb3c0;
    background-color: #71002e;
    border-left: 5px solid #c8004e;
    border-right: 5px solid #c8004e;
    border-top: 1px solid #c81259;
    border-bottom: 1px solid #c81259;
    }
.font-color-wite {
    color: #ffff;
    }
.font-color-wite:hover {
    color: #ff0d86;
}
.font-color-pink {
    color: #ff0d86;
    }

.font-color-blue {
    color: #00fdff;
}
    .font-color-blue:hover {
    color: #ff0d86;
}