/* Custom Styles to complement Bootstrap Dark Theme */

.log-container {
    height: 75vh; /* Make the log containers taller */
    overflow-y: auto;
}

/* Ensure links parsed from the game's HTML are visible on a dark theme */
.message-content a {
    color: #8ab4f8; /* A light blue that stands out */
}

.username {
    font-weight: bold;
    color: #6c757d; /* A muted color for username */
}

/* Styling for mentions within chat messages (from FarmRPG site) */
a[style*='color:teal'] {
    color: #20c997 !important; /* Bootstrap's teal, for consistency */
    text-decoration: none;
    font-weight: bold;
}
a[style*='color:teal']:hover {
    text-decoration: underline;
}


.itemimgsm {
    vertical-align: middle;
    height: 25px; /* Adjust as needed */
    width: 25px;
    margin-right: 2px;
}

/* Reduce font size for chat log and mentions text */
.log-container .list-group-item {
    font-size: 12px;
    border-bottom: none !important; /* Remove separators */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
}


/* Imported from FRPG CSS for consistency */
.cc1, a.cc1:visited, a.cc1:hover, a.cc1:focus{color:#ffc7e9;}
.cc2, a.cc2:visited, a.cc2:hover, a.cc2:focus{color:#ff94d4;}
.cc3, a.cc3:visited, a.cc3:hover, a.cc3:focus{color:#ff57bc;}
.cc4, a.cc4:visited, a.cc4:hover, a.cc4:focus{color:#ff0099;}
.cc5, a.cc5:visited, a.cc5:hover, a.cc5:focus{color:#d7bde2;}
.cc6, a.cc6:visited, a.cc6:hover, a.cc6:focus{color:#c39bd3;}
.cc7, a.cc7:visited, a.cc7:hover, a.cc7:focus{color:#af7ac5;}
.cc8, a.cc8:visited, a.cc8:hover, a.cc8:focus{color:#9b59b6;}
.cc9, a.cc9:visited, a.cc9:hover, a.cc9:focus{color:#d2b4de;}
.cc10, a.cc10:visited, a.cc10:hover, a.cc10:focus{color:#bb8fce;}
.cc11, a.cc11:visited, a.cc11:hover, a.cc11:focus{color:#a569bd;}
.cc12, a.cc12:visited, a.cc12:hover, a.cc12:focus{color:#8e44ad;}
.cc13, a.cc13:visited, a.cc13:hover, a.cc13:focus{color:#a9cce3;}
.cc14, a.cc14:visited, a.cc14:hover, a.cc14:focus{color:#7fb3d5;}
.cc15, a.cc15:visited, a.cc15:hover, a.cc15:focus{color:#5499c7;}
.cc16, a.cc16:visited, a.cc16:hover, a.cc16:focus{color:#2980b9;}
.cc17, a.cc17:visited, a.cc17:hover, a.cc17:focus{color:#aed6f1;}
.cc18, a.cc18:visited, a.cc18:hover, a.cc18:focus{color:#85c1e9;}
.cc19, a.cc19:visited, a.cc19:hover, a.cc19:focus{color:#5dade2;}
.cc20, a.cc20:visited, a.cc20:hover, a.cc20:focus{color:#3498db;}
.cc21, a.cc21:visited, a.cc21:hover, a.cc21:focus{color:#a3e4d7;}
.cc22, a.cc22:visited, a.cc22:hover, a.cc22:focus{color:#76d7c4;}
.cc23, a.cc23:visited, a.cc23:hover, a.cc23:focus{color:#48c9b0;}
.cc24, a.cc24:visited, a.cc24:hover, a.cc24:focus{color:#1abc9c;}
.cc25, a.cc25:visited, a.cc25:hover, a.cc25:focus{color:#a2d9ce;}
.cc26, a.cc26:visited, a.cc26:hover, a.cc26:focus{color:#73c6b6;}
.cc27, a.cc27:visited, a.cc27:hover, a.cc27:focus{color:#45b39d;}
.cc28, a.cc28:visited, a.cc28:hover, a.cc28:focus{color:#16a085;}
.cc29, a.cc29:visited, a.cc29:hover, a.cc29:focus{color:#a9dfbf;}
.cc30, a.cc30:visited, a.cc30:hover, a.cc30:focus{color:#7dcea0;}
.cc31, a.cc31:visited, a.cc31:hover, a.cc31:focus{color:#52be80;}
.cc32, a.cc32:visited, a.cc32:hover, a.cc32:focus{color:#249654;}
.cc33, a.cc33:visited, a.cc33:hover, a.cc33:focus{color:#abebc6;}
.cc34, a.cc34:visited, a.cc34:hover, a.cc34:focus{color:#82e0aa;}
.cc35, a.cc35:visited, a.cc35:hover, a.cc35:focus{color:#58d68d;}
.cc36, a.cc36:visited, a.cc36:hover, a.cc36:focus{color:#2ecc71;}
.cc37, a.cc37:visited, a.cc37:hover, a.cc37:focus{color:#f9e79f;}
.cc38, a.cc38:visited, a.cc38:hover, a.cc38:focus{color:#f7dc6f;}
.cc39, a.cc39:visited, a.cc39:hover, a.cc39:focus{color:#f4d03f;}
.cc40, a.cc40:visited, a.cc40:hover, a.cc40:focus{color:#f1c40f;}
.cc41, a.cc41:visited, a.cc41:hover, a.cc41:focus{color:#fad7a0;}
.cc42, a.cc42:visited, a.cc42:hover, a.cc42:focus{color:#f8c471;}
.cc43, a.cc43:visited, a.cc43:hover, a.cc43:focus{color:#f5b041;}
.cc44, a.cc44:visited, a.cc44:hover, a.cc44:focus{color:#f39c12;}
.cc45, a.cc45:visited, a.cc45:hover, a.cc45:focus{color:#f5cba7;}
.cc46, a.cc46:visited, a.cc46:hover, a.cc46:focus{color:#f0b27a;}
.cc47, a.cc47:visited, a.cc47:hover, a.cc47:focus{color:#eb984e;}
.cc48, a.cc48:visited, a.cc48:hover, a.cc48:focus{color:#e67e22;}


/* Staff CSS */
.cc49, a.cc49:visited, a.cc49:hover, a.cc49:focus{color:#ff00f5;}
.cc50, a.cc50:visited, a.cc50:hover, a.cc50:focus{color:#ffca1b;}
.cc51, a.cc51:visited, a.cc51:hover, a.cc51:focus{color:#e3ff00;}
.cc52, a.cc52:visited, a.cc52:hover, a.cc52:focus{color:#b6ff00;}
.cc53, a.cc53:visited, a.cc53:hover, a.cc53:focus{color:#01ff1f;}
.cc54, a.cc54:visited, a.cc54:hover, a.cc54:focus{color:#0df;}
.cc55, a.cc55:visited, a.cc55:hover, a.cc55:focus{color:#228dff;}
.cc56, a.cc56:visited, a.cc56:hover, a.cc56:focus{color:#ba01ff;}
.cc57, a.cc57:visited, a.cc57:hover, a.cc57:focus{color:#8870FF;}

.cc58, a.cc58:visited, a.cc58:hover, a.cc58:focus{color:#ff3333;}
.cc59, a.cc59:visited, a.cc59:hover, a.cc59:focus{color:#fc4903;}
/* New colors! */
.cc64, a.cc64:visited, a.cc64:hover, a.cc64:focus{color:#ef4d79;}
.cc65, a.cc65:visited, a.cc65:hover, a.cc65:focus{color:#84bf1e;}
.cc66, a.cc66:visited, a.cc66:hover, a.cc66:focus{color:#713617;}
.cc67, a.cc67:visited, a.cc67:hover, a.cc67:focus{color:#ffd119;}
.cc68, a.cc68:visited, a.cc68:hover, a.cc68:focus{color:#35d9e3;}
.cc69, a.cc69:visited, a.cc69:hover, a.cc69:focus{color:#a779538c;}
.cc70, a.cc70:visited, a.cc70:hover, a.cc70:focus{color:#6B0D5F;}
.cc71, a.cc71:visited, a.cc71:hover, a.cc71:focus{color:#fcb045;}
.cc72, a.cc71:visited, a.cc72:hover, a.cc72:focus{color:#e9b8d1;}
.cc73, a.cc71:visited, a.cc73:hover, a.cc73:focus{color:#0038ff;}
.cc74, a.cc71:visited, a.cc74:hover, a.cc74:focus{color:#6ae0ff;}
.cc75, a.cc71:visited, a.cc75:hover, a.cc75:focus{color:#fff285;}
.cc76, a.cc71:visited, a.cc76:hover, a.cc76:focus{color:#bbbbbb;}
.cc77, a.cc71:visited, a.cc77:hover, a.cc77:focus{color:#274185;}

.cc1001 {
  background: #66ff00;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #66ff00, #a80077);  /* Chrome 10-25, Safari 5.1-6 */
  background: -o-linear-gradient(to right, #66ff00, #a80077);  /* Chrome 10-25, Safari 5.1-6 */
  background: -moz-linear-gradient(to right, #66ff00, #a80077);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #66ff00, #a80077); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 1px #aaa;
  }

.cc1002 {
  padding-left:2px;
  padding-right:2px;
  font-size:11px;
  border: 1px solid #ff6600;
  border-radius: 5px;
  background: #ff0000;
  background: -webkit-linear-gradient(90deg, #ff0000 0%, #ff9900 100%);
  background: -o-linear-gradient(90deg, #ff0000 0%, #ff9900 100%);
  background: -moz-linear-gradient(90deg, #ff0000 0%, #ff9900 100%);
  background: linear-gradient(90deg, #ff0000 0%, #ff9900 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1003 {
  background: #00C9FF;
  background: -webkit-linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  background: -o-linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  background: -moz-linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1004 {
  background: pink;
  background: -webkit-linear-gradient(90deg, #efd5ff 0%, #515ada 100%);
  background: -o-linear-gradient(90deg, #efd5ff 0%, #515ada 100%);
  background: -moz-linear-gradient(90deg, #efd5ff 0%, #515ada 100%);
  background: linear-gradient(90deg, #efd5ff 0%, #515ada 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 2px #aaa;
}

.cc1005 {
    background: #FC466B;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(left, #3F5EFB, #FC466B);
    background: -moz-linear-gradient(left, #3F5EFB, #FC466B);
    background: -o-linear-gradient(left, #3F5EFB, #FC466B);
    background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1006 {
  background: #FC354C;  /* fallback for old browsers */
background: -webkit-linear-gradient(left, #0ABFBC, #FC354C);
background: -moz-linear-gradient(left, #0ABFBC, #FC354C);
background: -o-linear-gradient(left, #0ABFBC, #FC354C);
background: linear-gradient(to right, #0ABFBC, #FC354C);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1007 {
background-color: #FA8BFF;
background-image: -webkit-linear-gradient(left, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-image: -moz-linear-gradient(left, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-image: -o-linear-gradient(left, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-image: linear-gradient(to right, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1008 {
background-color: #52ACFF;
background-image: -webkit-linear-gradient(left, #52ACFF 25%, #FFE32C 100%);
background-image: -moz-linear-gradient(left, #52ACFF 25%, #FFE32C 100%);
background-image: -o-linear-gradient(left, #52ACFF 25%, #FFE32C 100%);
background-image: linear-gradient(to right, #52ACFF 25%, #FFE32C 100%);
background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1009 {
background-color: rgba(34,126,34,1);
background-image: -webkit-linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
background-image: -moz-linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
background-image: -o-linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
background-image: linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1010 {
background-color: #00d2ff;
background-image: -webkit-linear-gradient(left, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
background-image: -moz-linear-gradient(left, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
background-image: -o-linear-gradient(left, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
background-image: linear-gradient(to right, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1011 {
background: #00F260;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0575E6, #00F260);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0575E6, #00F260); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cc1012 {
background: #12c2e9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cc1013 {
background: #40E0D0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.cc1014 {
  background-color: rgba( 255, 0, 0, .8);
  background-image: repeating-linear-gradient(80deg, rgba(255,0,0, .8), rgba(240, 240, 240, 0.8), rgba(0,163,27,0.8) 33.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cc1015{
  background-color: rgba(255, 204, 255, 0.8);
  background-image: linear-gradient(45deg, rgba(255, 204, 255, 0.8), rgba(255, 0, 102, 0.8) 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cc1016{
  background-color: rgba(253,255,96,1);
  background-image: linear-gradient(45deg, rgba(253,255,96,1),  rgba(255,138,51,1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cc1017{
  background-color: rgba(181,0,25,1);
  background-image: linear-gradient(45deg, rgba(181,0,25,1) 0%, rgba(177,101,0,1) 50%, rgba(0,26,255,1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cc1018{
  background-color: rgba(23, 191, 251, 0.8);
  background-image: linear-gradient(45deg, rgba(23, 191, 251, 0.8), rgba(254, 149, 212,0.8) 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*Boobun Requested Admin Color*/
.cc8008{
  background-color: rgba(255,0,144,1);
  background-image: linear-gradient(45deg, rgba(255,0,144,1), rgba(29,212,253,1), #fbff00);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animated_text {
    50% {background-position: center;}
}



.cc1007noshadow {
background-color: #FA8BFF;
background-image: -webkit-linear-gradient(left, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-image: -moz-linear-gradient(left, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-image: -o-linear-gradient(left, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-image: linear-gradient(to right, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1008noshadow {
background-color: #52ACFF;
background-image: -webkit-linear-gradient(left, #52ACFF 25%, #FFE32C 100%);
background-image: -moz-linear-gradient(left, #52ACFF 25%, #FFE32C 100%);
background-image: -o-linear-gradient(left, #52ACFF 25%, #FFE32C 100%);
background-image: linear-gradient(to right, #52ACFF 25%, #FFE32C 100%);
background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1009noshadow {
background-color: rgba(34,126,34,1);
background-image: -webkit-linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
background-image: -moz-linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
background-image: -o-linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
background-image: linear-gradient( 110.1deg,  rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3% );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cc1010noshadow {
background-color: #00d2ff;
background-image: -webkit-linear-gradient(left, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
background-image: -moz-linear-gradient(left, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
background-image: -o-linear-gradient(left, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
background-image: linear-gradient(to right, #00d2ff 0%, #00fff0 52%, #2184f4 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.cc1011noshadow {
background: #00F260;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0575E6, #00F260);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0575E6, #00F260); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}

.cc1012noshadow {
background: #12c2e9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 6s infinite;
    -moz-animation: animated_text 6s infinite;
    -webkit-animation: animated_text 6s infinite;
}

.cc1013noshadow {
background: #40E0D0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}

.cc1014noshadow {
  background-color: rgba( 255, 0, 0, .8);
  background-image: repeating-linear-gradient(80deg, rgba(255,0,0, .8), rgba(240, 240, 240, 0.8), rgba(0,163,27,0.8) 33.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}


.cc1015noshadow{
  background-color: rgba(255, 204, 255, 0.8);
  background-image: linear-gradient(45deg, rgba(255, 204, 255, 0.8), rgba(255, 0, 102, 0.8) 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}


.cc1016noshadow {
  background-color: rgba(253,255,96,1);
  background-image: linear-gradient(45deg, rgba(253,255,96,1),  rgba(255,138,51,1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}

.cc1017noshadow{
  background-color: rgba(181,0,25,1);
  background-image: linear-gradient(45deg, rgba(181,0,25,1) 0%, rgba(177,101,0,1) 50%, rgba(0,26,255,1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}

.cc1018noshadow{
  background-color: rgba(23, 191, 251, 0.8);
  background-image: linear-gradient(45deg, rgba(23, 191, 251, 0.8), rgba(254, 149, 212,0.8) 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}


/*Boobun Requested Admin Color*/
.cc8008noshadow{
  background-color: rgba(255,0,144,1);
  background-image: linear-gradient(45deg, rgba(255,0,144,1), rgba(29,212,253,1), #fbff00);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 350%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animated_text 3s infinite;
    -moz-animation: animated_text 3s infinite;
    -webkit-animation: animated_text 3s infinite;
}

.item-title span a {
    text-decoration: none;
}

/* Analysis Page Mod Trade Highlighting */
.mod-trade td {
    background-color: rgba(255, 255, 0, 0.1) !important; /* A subtle yellow highlight */
}

.accordion-item.has-mod-trade h2 button {
    /* border: 1px solid rgba(0, 123, 255, 0.5) !important; Subtle blue border */
    /* box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); Subtle blue glow */
    text-shadow: 0 0 8px #f3f3e1;
}


.mod-trade {
    /* background-image: linear-gradient(45deg, rgba(255,0,144,1), rgba(29,212,253,1), #fbff00); */
    text-shadow: 0 0 8px #f3f3e1;
}

.clickable-timestamp {
    cursor: pointer;
    text-decoration: none;
}

.highlighted-message {
    background-color: rgba(139, 139, 65, 0.2) !important; /* A more pronounced yellow highlight */
}

.item-highlight {
    border-left: 4px solid #fd7e14 !important; /* Orange left border */
    background-color: rgba(253, 126, 20, 0.05) !important; /* Very subtle orange tint */
}