.gradient-custom {
    /* fallback for old browsers */
    /*background: #6a11cb;*/
    background: #29aebb;

    /* Chrome 10-25, Safari 5.1-6 */
    /*background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));*/
    background: -webkit-linear-gradient(to right, #29aebb, #99d8e7);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));*/
    background: linear-gradient(to right, #1f485a, #29aebb);
}

*{
    font-family: 'Poppins', sans-serif;
}

.main-buffer {
    flex-shrink: 0;
    flex-grow: 0;
}

.asteriskField {
    display: none;
}


.main-section, .main-flex-row {
    min-height: calc(100vh - 56px);

    min-height: -webkit-calc(100vh - 56px); /* google, safari */
    min-height: -moz-calc(100vh - 56px); /* firefox */

}

/*.main-section {*/
/*    height: calc(100vh - 55px);*/

/*    height: -webkit-calc(100vh - 55px); !* google, safari *!*/
/*    height: -moz-calc(100vh - 55px); !* firefox *!*/
/*}*/

#sidenav {
    width: 280px;
}

#discussion_panel {
    width: 320px;
    padding-bottom: 75px;
}

.sidenav {
    height: calc(100vh - 56px);

    height: -webkit-calc(100vh - 56px); /* google, safari */
    height: -moz-calc(100vh - 56px); /* firefox */

    position: sticky; top:56px;

    /*margin-top: 56px;*/
}

.side-panel {
    height: calc(100vh - 56px);

    height: -webkit-calc(100vh - 56px); /* google, safari */
    height: -moz-calc(100vh - 56px); /* firefox */

    position: sticky; top:56px;
    margin-top: 56px;
}

.discussion-chat {
    gap: 3rem;
    padding-bottom: 25px;
}

.discussion-message {
    max-width: 85%;
    margin-top: 1rem;
    border-radius: 10px;
}

.discussion-footer {
    /* font-size: 8px; */
}

.discussion-sender {
    font-size: 10px;
    font-weight: bold;

}

.discussion-time {
    font-size: 8px;
}

.discussion-mine {
    justify-content: end;
    color: white;
    margin-left: auto;
    background-color: #1f485a;
    /*background-color: #29aebb;*/
    /*border-color: #99d8e7;*/
}

.discussion-theirs {
    float: start;
    margin-right: auto;
}

#chat-log {
    bottom: 2%;
}

.discussion-input {
    position: fixed;
    bottom: 2%;
}

#sidenav .nav-link.active {
    background-color: #1f485a;
}

#main-nav .nav-link.active {
    background-color: #f16426;
    border-radius: 20px;
}

#main-nav .nav-item {
    margin-left: 10px;
    margin-right: 10px;
}

.dropdown-item.active {
    background-color: #29aebb;
}

.bg-light {
    background-color: #f8f9fa!important;
}

.bg-light-opaque-80 {
    background-color: #f8f9fa80!important;
}

.bg-light-opaque-30 {
    background-color: #f8f9fa30!important;
}

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

.bg-dark-opaque-40 {
    background-color: #183E5140!important;
}

.bg-dark-opaque-60 {
    background-color: #183E5160!important;
}

.bg-dark-opaque-80 {
    background-color: #183E5180!important;
}

.table-dark {
    --bs-table-bg: #1f485a!important;
}

.table>:not(:first-child) {
    border-top: 2px solid #f16426;
}

.btn-primary {
    background-color: #f16426;
    border-color: #ced4da;
}

.dense-table {
    font-size: 0.9rem;
}

.btn-outline-fluid-orange {
  color: #f16426;
  border: 1px solid #f16426;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.btn-outline-fluid-orange:hover,
.btn-outline-fluid-orange:focus {
  color: #fff;
  background-color: #f16426;
  border-color: #f16426;
}

.btn-outline-fluid-orange:active {
  color: #fff;
  background-color: #d9531f; /* slightly darker shade for active state */
  border-color: #d9531f;
}

.btn-outline-fluid-orange:disabled,
.btn-outline-fluid-orange.disabled {
  color: #f16426;
  background-color: transparent;
  opacity: 0.65;
  pointer-events: none;
}