.listing-container {
    background-color: transparent !important;
    border: none !important;
}

.header-container {
    background-color: transparent !important;
    border: none !important;
}

#page-builder-wrapper .DnnModule-ActionGrid .titlebar h2 {
    color: white !important;
    font-size: 35px;
}

.d-block {
    color: white;
}

thead, tbody, tfoot, tr, td, th {
    border-color: gray;
}

tr.table-row:hover {
    background: #013d4a;
}

thead.sticky-top {
    color: white;
}

.mat-icon {
    color: white;
}

.titlebar {
    border-bottom: none !important;
}

.searchbox {
    width: 120% !important;
    border-radius: 25px;
    background: #013d4a;
    border: 5px solid #013d4a;
    color: white;
}

.searchbox:focus {
    border: 5px solid #f91351;
    box-shadow: 0 0 5px #f91351;
    background: #013d4a;
    color: white;
    transition: 0.3s ease !important;
}

/*Buttons START*/
.btn {
    border-radius: 25px;;
}

.btn-primary {
    background: linear-gradient(#FF0084, #F72D13);
    border-color: transparent;
    transition: 0.3s ease-in-out !important;
}

.btn-primary:hover {
    background: linear-gradient(#F72D13, #FF0084);
    border-color: transparent;
    transition: 0.3s ease-in-out !important;
}

.btn-outline-primary {
    border-color: white !important;
    color: white !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #00333E 0%, #005F73 100%) !important;
}

.icon-color {
    color: var(--pbColor) !important;
}

.btn-outline-default {
    background: linear-gradient(135deg, #005F73 0%, #00333e30 100%);
    color: white;
    border: none;
    box-shadow: -1px -1px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.1);
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
}

.btn-outline-default:hover {
    background: linear-gradient(135deg, #00333E 0%, #005F73 100%);
    color: white;
}

.icon-only > div.title {
    margin-top: -3px;
    grid-gap: 0px !important;
    margin-left: -4px;
}

td.item-buttons.align-right > item-button-list > div > item-button > button {
    padding: 0px;
}
/*Buttons END*/

grid-button > button {
    height: 50px !important;
}

.message-container {
    color: white;
    background-color: transparent !important;
}

.badge {
    border-radius: 25px !important;
    padding: 8px !important;
}

span.d-block > a, span.d-block > div > a {
    color: var(--pbColor) !important;
}

.offcanvas {
    background-color: #0c131c !important;
    color: white;
}

.offcanvas-body > .alert-warning {
    border-radius: 25px;
    background-color: #013d4a !important;
    border: 1px solid #174954 !important;
    color: white;
}

.paging {
    color: white !important;
}

.navigatgion > button {
    color: white !important;
}

.search-container {
    margin-right: 15px;
}

paa-listing-views-filter-values > div > div > button {
    color: white !important;
}

paa-listing-views-filter-values > div > div > button:hover, paa-listing-views-filter-values > div > div > button:nth-child(3) {
    background: #013d4a !important;
}

paa-listing-views-filter-values > div > div > button.btn-secondary:nth-child(1), paa-listing-views-filter-values > div > div > button.show:nth-child(1) {
    background-color: #013d4a !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.date-delimiter {
    color: white;
    border-bottom: 1px solid;
    opacity: 60%;
}

.delimiter-date {
    color: white;
    background-color: transparent !important;
    margin-bottom: 5px;
}

.author-avatar {
    /*background: linear-gradient(#FF0084, #F72D13) !important;*/
    background: none !important;
}

.avatar-image {
    width: 32px !important;
    height: 32px !important;
}

.message-details {
    color: white !important;
    border-radius: 25px !important;
}

.conversation-container {
    overflow-y: auto;
    min-height: 600px;
    max-height: 600px;
}

.conversation-container .message:nth-child(odd) .message-details {
    background: linear-gradient(#FF0084, #F72D13);
}

.conversation-container .message:nth-child(even) .message-details {
    background: #013d4a;
    box-shadow: -1px -1px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.1);
}

.conversation-container .message:nth-child(odd) .author-avatar {
    background: linear-gradient(#FF0084, #F72D13);
}

.conversation-container .message:nth-child(even) .author-avatar {
    /*background: #013d4a !important;*/
    background: none !important;
}

.message-author, .message-time {
    color: white !important;
    opacity: 60%;
}

.message:has(.message-author:contains("Trudy")) .message-details {
  background-color: #013d4a !important; /* culoarea dorită */
}

.message-content {
    font-size: 15px !important;
}

.page-size > div > select {
    background-color: #0c131c !important;
    color: white !important;
}

.modal.show .modal-dialog {
    max-width: calc(100% - 15.5rem);
}

/*Card View Cards*/
.card {
    background-color: #0b131c9c !important;
    border-radius: 25px !important;
    border: none !important;
    margin-left: 3%;
    margin-right: 3%;
}

div.title-and-id > .card-title {
    font-size: 15px;
    color: white !important;
}

div.card-footer > .text-muted {
    color: white !important;
    opacity: 60%;
}

div.card-footer {
    border-top: 1px solid #808080 !important;
}

item-button-list > div.align-.button-list {
    float: right;
}