.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;
    color: #fff !important;
}

#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;
}

table.dataTable thead th {
    background-color: #183E5160 !important;
    color: #fff;
    border-bottom: 2px solid #f16426;
    border-right: 1px solid #183E5190;
    border-left: 1px solid #183E5190;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .9rem;
}

/*table.dataTable tbody tr:first-child td {*/
/*  border-top: 4px solid #183E5199;*/
/*}*/

table.dataTable tr td {
    background-color: #ffffff99 !important;
    /*color: #fff;*/
    font-size: .85rem;
    border-bottom: 1px solid #183E5170;
    border-right: 1px solid #183E5130;
    border-left: 1px solid #183E5130;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

:root {
    /*--bs-border-color: #183E5170!important;*/
}

.btn-group.actions a:not(.btn-success), .btn-group.actions button:not(.btn-success) {
    background-color: #ffffff99 !important;
}

.btn-group.actions a:hover, .btn-group.actions button:hover {
    background-color: #183E5199 !important;
    color: #fff;
}

.btn-dense {
    padding: .25rem .5rem !important;
    font-size: .75rem !important;
}

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

.btn-primary:hover {
    background-color: #fff;
    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;
}

.task-create-claim button {
    border-color: #1f485a;
    color: #1f485a;
}

.task-create-claim button:hover {
    border-color: #1f485a;
    background-color: #1f485a;
    color: #fff;
}

/* DISPLAY STATUS PILLS */
.status-pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}
.status-pill-blue    { background: #0d6efd1a; color: #0d6efd; }
.status-pill-gray    { background: #6c757d1a; color: #6c757d; }
.status-pill-warning { background: #fd7e141a; color: #b85c00; }
.status-pill-default { background: #6c757d1a; color: #6c757d; }
.status-pill-success { background: #1987541a; color: #198754; }
.status-pill-purple  { background: #6f42c11a; color: #6f42c1; }
.status-pill-danger  { background: #dc35451a; color: #dc3545; }
.status-pill-pink    { background: #d633841a; color: #d63384; }
.status-pill-turquoise { background: #20c9971a; color: #20c997; }
.status-pill-yellow  { background: #ffc1071a; color: #ffc107; }
/* END DISPLAY STATUS PILLS */

/* VIEW TABS */
.view-tabs .nav-link {
  color: #fff;
  /*border-color: #fff #fff #fff;*/
  cursor: pointer;
}

.view-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  font-weight: 600;
}
/* END VIEW TABS */

/*GLOBAL LOADER*/
/* Global loader background */
#global-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

body.loading #global-loader {
  opacity: 1;
  pointer-events: all;
}

/* Loader content */
#global-loader .loader-content {
  text-align: center;
}

.loader-logo {
  width: 90px;
  height: 90px;
  animation: spin 3s linear infinite, pulse 1.4s ease-in-out infinite;
  transform-origin: center center;
}

/* Animations */
@keyframes spin {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1.1);
  }
}
/*END GLOBAL LOADER*/