/* /Components/Controls/ValueDisplays/VDGuildAvatar.razor.rz.scp.css */
.gac[b-pxiq08dck6] {
    border-radius: 50%;
    border: 2px solid var(--wrs-guild-name-color);
    color: var(--wrs-guild-name-color);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1C2231;
}

    .gac img[b-pxiq08dck6] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
/* /Components/Controls/ValueDisplays/VDItemIcon.razor.rz.scp.css */
.vd-item-icon-container[b-mx6xpxq1tr] {
	position: relative;
	border: 2px solid #222; /* Default border color, will be overridden by quality */
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
}

	.vd-item-icon-container img[b-mx6xpxq1tr] {
		width: 100%;
		height: 100%;
		display: block;
	}
/* /Components/Controls/ValueDisplays/VDRaidTeamAvatar.razor.rz.scp.css */
.rac[b-u09d9q9tda] {
    border-radius: 50%;
    border: 2px solid var(--wrs-raid-team-name-color);
    color: var(--wrs-raid-team-name-color);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1C2231;
}

    .rac img[b-u09d9q9tda] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
/* /Components/Controls/ValueDisplays/VDRaidTeamTitle.razor.rz.scp.css */
.raid-team-title-container[b-fu403q6o8g] {
	padding: 6px;
	border: 1px solid #373E53;
	border-radius: 6px;
}

	.raid-team-title-container input[type="text"][b-fu403q6o8g] {
		color: #76A9FF;
		font-weight: bold;
		height: 46px;
		border: 0px;
		background-color: #0F111A;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		max-width: 190px;
	}

		.raid-team-title-container input[type="text"]:focus[b-fu403q6o8g] {
			border: none;
			outline: none;
		}

.raid-team-logo-upload-button[b-fu403q6o8g] {
	border-right: 1px solid #373E53;
	padding: 4px;
	margin: 0px;
	cursor: pointer;
	background-color: #0F111A;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

	.raid-team-logo-upload-button > img[b-fu403q6o8g] {
	}

	.raid-team-logo-upload-button:hover[b-fu403q6o8g] {
		background-color: #373E53;
		border-radius: 6px;
	}

	.raid-team-logo-upload-button:active[b-fu403q6o8g] {
		box-shadow: rgb(255 255 255 / 15%) 0 0 0 1px inset;
	}


.raid-team-logo[b-fu403q6o8g] {
	width: 38px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px;
	margin: 0px;
	color: #76A9FF;
}

	.raid-team-logo img[b-fu403q6o8g] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/* Read Only Style */
.ReadOnlyStyle[b-fu403q6o8g] {
	cursor: not-allowed;
}

	.ReadOnlyStyle input[type="text"][b-fu403q6o8g] {
		pointer-events: none;
		text-decoration: none;
		cursor: not-allowed;
	}

	.ReadOnlyStyle .raid-team-logo-upload-button[b-fu403q6o8g] {
		pointer-events: none;
		text-decoration: none;
		cursor: not-allowed;
	}
/* /Components/Controls/ValueDisplays/VDSpellIcon.razor.rz.scp.css */
.I[b-bnahar33du] {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  
}
    .I img[b-bnahar33du] {
        object-fit: cover;
    }

.B[b-bnahar33du] {
    border: 1px solid #31374A;
}

.R[b-bnahar33du] {
    border-radius: 6px;
}

.TT[b-bnahar33du] {
    word-break: break-word !important;
    white-space: normal !important;
    width: 350px !important;
    max-width: 350px !important;
}
/* /Layouts/AuthenticatedLayout.razor.rz.scp.css */
/* /Layouts/PublicLayout.razor.rz.scp.css */
/* PublicLayout.razor.css - Hybrid layout styles */

/* Adjust content padding based on authentication state */
.content.pt-0[b-rldf5jiibk] {
    padding-top: 0 !important;
}

.content.pt-10[b-rldf5jiibk] {
    padding-top: 4.5rem !important;
}

/* Loading state */
.loading[b-rldf5jiibk] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 1.2rem;
    color: var(--bs-body-color);
}
/* /Pages/Auth/AuthLoginPage.razor.rz.scp.css */
.bnet-button[b-fql3pazuq9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Απόσταση μεταξύ εικόνας και κειμένου */
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background-color: #0074e0;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: background 0.3s ease-in-out;
}

    .bnet-button.disabled[b-fql3pazuq9] {
        pointer-events: none;
        opacity: 0.3;
        cursor: default;
    }

    .bnet-button:hover[b-fql3pazuq9] {
        background-color: #005bb5;
    }

.simple-icons--battledotnet[b-fql3pazuq9] {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2360C6FF' d='M18.94 8.296C15.9 6.892 11.534 6 7.426 6.332c.206-1.36.714-2.308 1.548-2.508c1.148-.275 2.4.48 3.594 1.854c.782.102 1.71.28 2.355.429C12.747 2.013 9.828-.282 7.607.565c-1.688.644-2.553 2.97-2.448 6.094c-2.2.468-3.915 1.3-5.013 2.495c-.056.065-.181.227-.137.305c.034.058.146-.008.194-.04c1.274-.89 2.904-1.373 5.027-1.676c.303 3.333 1.713 7.56 4.055 10.952c-1.28.502-2.356.536-2.946-.087c-.812-.856-.784-2.318-.19-4.04a27 27 0 0 1-.807-2.254c-2.459 3.934-2.986 7.61-1.143 9.11c1.402 1.14 3.847.725 6.502-.926c1.505 1.672 3.083 2.74 4.667 3.094c.084.015.287.043.332-.034c.034-.06-.08-.124-.131-.149c-1.408-.657-2.64-1.828-3.964-3.515c2.735-1.929 5.691-5.263 7.457-8.988c1.076.86 1.64 1.773 1.398 2.595c-.336 1.131-1.615 1.84-3.403 2.185a28 28 0 0 1-1.548 1.826c4.634.16 8.08-1.22 8.458-3.565c.286-1.786-1.295-3.696-4.053-5.17c.696-2.139.832-4.04.346-5.588c-.029-.08-.106-.27-.196-.27c-.068 0-.067.13-.063.187c.135 1.547-.263 3.2-1.062 5.19zm-8.533 9.869c-1.96-3.145-3.09-6.849-3.082-10.594c3.702-.124 7.474.748 10.714 2.627c-1.743 3.269-4.385 6.1-7.633 7.966z'/%3E%3C/svg%3E");
}
/* /Pages/Region/Character/CharacterPage.razor.rz.scp.css */
.character-view-container[b-6430dg8daj] {
	width: 100%;
	
	margin: 0px !important;
	margin-left:-10px;
}

.character-view-content[b-6430dg8daj] {
	width: 100%;
	
	height: calc(100vh - 182px);
}

.paperdoll-container[b-6430dg8daj] {
	width: 800px;
	min-width: 800px;
	max-width: 800px;
}
/* /Pages/Region/Character/Tabs/CharacterMPlusTab.razor.rz.scp.css */
.col-dungeon[b-s407n8yd7o] {
    width: 20px;
    max-width: 20px;
}
.col-gear[b-s407n8yd7o] {
    width: 52px;
    max-width: 52px;

}
.col-expected[b-s407n8yd7o] {
    width: 10px;
    max-width: 10px;
}
.col-best[b-s407n8yd7o] {
    width: 10px;
    max-width: 10px;
}
.col-priority[b-s407n8yd7o] {
    width: 5px;
    max-width: 5px;
}
.col-keystone[b-s407n8yd7o] {
    width: 10px;
    max-width: 10px;
}
.col-time[b-s407n8yd7o] {
    width: 10px;
    max-width: 10px;
}
.col-rating[b-s407n8yd7o] {
    width: 10px;
    max-width: 10px;
}
.col-completions[b-s407n8yd7o] {
    width: 5px;
    max-width: 5px;
}

.gear-cell[b-s407n8yd7o] {
    /*width: 120px; */
    padding: 0px;
}

table th[b-s407n8yd7o] {
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tb-bg-image[b-s407n8yd7o] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.scrollable-section[b-s407n8yd7o] {
    height: calc(100vh - (245px));
    width: calc(100% + (6px));
}

.scrollbar[b-s407n8yd7o] {
    scrollbar-gutter: stable;
}


/* ------------- v2 */
.card[b-s407n8yd7o] {
    min-width: 0px;
    overflow: hidden;
}

.dungeon-image-tile[b-s407n8yd7o] {
    height: 25px;
    min-width: 60px;
    background-size: 250%;
    background-repeat: no-repeat;
    background-position: center center;
}

.dungeon-header-col[b-s407n8yd7o] {
    flex: 1 1 0;
    /* Changes the way size is calculated for flex children */
    min-width: 0;
}

.dungeon-title[b-s407n8yd7o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 250px;
    width: 100%;
}

.fix-because-of-tooltip[b-s407n8yd7o] {
    max-height: 72px;
}

.card-header-right-section[b-s407n8yd7o] {
   /* max-width: 200px;*/
}
/* /Pages/Region/Character/Tabs/CharacterOverviewTab.razor.rz.scp.css */
.label[b-r3p027szy6] {
    font-weight: bold;
    text-transform: uppercase;
}

.scrollable-section[b-r3p027szy6] {
    max-height: 180px;
}

.scrollbar[b-r3p027szy6] {
    scrollbar-gutter: stable;
}

.renown-display-tile[b-r3p027szy6] {
    background-color: var(--phoenix-gray-100);
}

.wow-faction-display[b-r3p027szy6] {
    background-size: 100%;
    background-position: center center;
}
/*--------------------  Do not delete:*/
.datetime-display[b-r3p027szy6] {
    /*width: 120px;*/
}

.event-display[b-r3p027szy6] {
    /*width: 170px;*/
}

.event-title[b-r3p027szy6] {
    color: white;
}

.info-data-tile .data-tile-title[b-r3p027szy6] {
    transition: all 150ms ease-in-out;
}

.info-data-tile:hover[b-r3p027szy6] {
    border-color: var(--phoenix-gray-700) !important;
    box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.25);
}

    .info-data-tile:hover .data-tile-title[b-r3p027szy6] {
        color: white !important;
    }

.data-tile-title[b-r3p027szy6] {
    text-transform: uppercase;
}

.character-info-table[b-r3p027szy6],
.character-info-table tbody[b-r3p027szy6],
.character-info-table td[b-r3p027szy6] {
    height: 100%;
}

    .character-info-table td[b-r3p027szy6] {
        vertical-align: unset;
        /*border: none;*/
        padding-bottom: 8px;
    }

    .character-info-table .main-tr[b-r3p027szy6] {
        height: 280px; /* for two rows in a 470px table */
    }

.character-info-table[b-r3p027szy6] {
    border-spacing: 16px;
}

.info-data-tile table tr td:nth-child(2)[b-r3p027szy6] {
    text-align: right;
}
/* /Pages/Region/Character/Tabs/CharacterProgressTab.razor.rz.scp.css */
.scrollable-section[b-tnknojdwo4] {
    height: calc(100vh - (245px));
    width: calc(100% + (6px));
}
.scrollbar[b-tnknojdwo4] {
    scrollbar-gutter: stable;
}
/* /Pages/Region/Guild/Tabs/GuildOverviewTab.razor.rz.scp.css */

.guild-info-min-width[b-oc0diehx37] {
    min-width: 1250px;
}


/* ICONS */
.game-icons--battle-axe[b-oc0diehx37] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFCC85' d='M240.094 19.594c-56.69.364-110.882 29.054-151.594 72.344c-53.428 56.81-81.948 137.907-61.03 210.093c16.33-8.797 32.757-15.987 48.936-21.374c-6.327-123.16 89.247-210.922 200.03-210.344c4.255-13.365 10.268-27.308 18.127-41.874c-16.323-5.43-32.736-8.36-48.97-8.782c-1.833-.047-3.67-.074-5.5-.062zM271.28 88.97c-97.556 1.745-179.913 77.1-176.373 186.31c10.986-2.73 21.788-4.582 32.28-5.436c14.59-1.187 28.69-.463 41.783 2.437L278.312 162.94a114.8 114.8 0 0 1-9.344-38.75c-.716-11.256.14-22.983 2.592-35.22zm60.845 60.718l-16.875 16.875L345.75 197l16.813-16.813zm-37.125 23L175.625 292.063l44.625 44.562l119.313-119.313zm189.875 46.093c-14.466 7.808-28.318 13.807-41.594 18.064c.75 111.013-87.243 206.8-210.686 200.28c-5.39 16.104-12.552 32.462-21.313 48.72c72.19 20.922 153.313-7.6 210.126-61.03c57.045-53.65 88.516-130.72 63.47-206.033zm-136 15.657L240.687 342.625c3.23 13.563 4.086 28.245 2.844 43.47c-.862 10.58-2.752 21.476-5.53 32.56c109.585 3.718 185.128-79.008 186.594-176.905c-12.342 2.506-24.16 3.403-35.5 2.688c-14.287-.9-27.698-4.347-40.22-10M169.5 312.313L20.094 461.72V494H48.75l151.188-151.188z'/%3E%3C/svg%3E");
}

.streamline--fist[b-oc0diehx37] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23FFCC85' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='M3.901 13.407v-2.464c-1.304-.452-2.18-1.97-2.18-3.754c0-1.063.24-2.174 1.42-2.174h2.993a1.111 1.111 0 0 1 .322 2.174l-1.71.519c.874 0 1.948.83 1.925 1.905m3.144 3.795v-2.465s.587-.293 1.2-.88c1.181-1.131 1.335-2.919 1.016-4.523c-.107-.534-.26-1.076-.477-1.532m-8.886.934V3.056a1.478 1.478 0 0 1 2.957 0v1.886'/%3E%3Cpath d='M5.625 4.554V2.072a1.48 1.48 0 1 1 2.959 0v2.482a1.48 1.48 0 0 1-1.365 1.474'/%3E%3Cpath d='M8.584 3.057a1.479 1.479 0 1 1 2.957 0v1.27a1.479 1.479 0 1 1-2.957 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.simple-icons--testrail[b-oc0diehx37] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFCC85' d='M7.27 23.896L4.5 21.124a.35.35 0 0 1 0-.5l2.772-2.77a.35.35 0 0 1 .5 0l2.772 2.772a.35.35 0 0 1 0 .5l-2.772 2.77a.35.35 0 0 1-.5 0zm4.48-4.48l-2.772-2.772a.35.35 0 0 1 0-.498l2.772-2.772a.35.35 0 0 1 .5 0l2.77 2.772a.35.35 0 0 1 0 .5l-2.77 2.77a.35.35 0 0 1-.499 0zm4.48-4.48l-2.77-2.772a.35.35 0 0 1 0-.498l2.771-2.772a.35.35 0 0 1 .5 0l2.77 2.772a.35.35 0 0 1 0 .498l-2.772 2.772a.35.35 0 0 1-.5 0h.002zm-8.876.084l-2.772-2.77a.35.35 0 0 1 0-.499l2.772-2.773a.35.35 0 0 1 .5 0l2.772 2.772a.35.35 0 0 1 0 .498l-2.772 2.774a.35.35 0 0 1-.5 0zm4.48-4.48L9.062 7.77a.35.35 0 0 1 0-.5l2.772-2.772a.35.35 0 0 1 .5 0l2.77 2.772a.35.35 0 0 1 0 .498l-2.77 2.772a.35.35 0 0 1-.499 0v-.002v.001zM7.44 6.15L4.666 3.37a.35.35 0 0 1 0-.5L7.44.104a.35.35 0 0 1 .5 0l2.772 2.772a.35.35 0 0 1 0 .5L7.938 6.142a.35.35 0 0 1-.5 0l.002.006z'/%3E%3C/svg%3E");
}
/* /Pages/Region/Guild/Tabs/GuildRecruitmentTab.razor.rz.scp.css */
.guild-recruitment-container[b-d7ygk3zlch] {
	min-width: 1250px;
}

.guild-recruitment-limit-height[b-d7ygk3zlch] {
	width: 100%;
	height: calc(100vh - 300px);
	position: relative;
	min-height: 300px;
	overflow-y:auto;


}
/* /Pages/Region/Guild/Tabs/GuildRosterTab.razor.rz.scp.css */

.guild-roster-min-width[b-jbge9m0z5m] {
    min-width: 1250px;
}

.guild-roster-table-container[b-jbge9m0z5m] {
    width: 100%;
    height: calc(100vh - 350px);
    position: relative;
    min-height: 300px;
    transition: min-height 0.2s;
}

    .guild-roster-table-container table[b-jbge9m0z5m] {
        width: 100%;
        border-spacing: 0;
    }

        /*********** Table Head ***********/
        .guild-roster-table-container table thead[b-jbge9m0z5m] {
            position: sticky;
            top: 0;
            z-index: 2;
            display: table-header-group;
            background: #0F111A;
            box-shadow: 0 1px 0px #373E53;
        }

            .guild-roster-table-container table thead th[b-jbge9m0z5m] {
                font-weight: normal;
                font-size: 15px;
                padding: 4px;
                text-align: left;
                line-height: 28px;
                height: 28px;
                vertical-align: middle;
                background: #0F111A;
                border-left: 1px solid #373E53;
                box-shadow: inset 0 1px 0px #373E53;
            }

                .guild-roster-table-container table thead th i[b-jbge9m0z5m] {
                    position: relative;
                    top: 1px;
                }

                .guild-roster-table-container table thead th:first-child[b-jbge9m0z5m] {
                    border-left: 0px;
                }

        /*********** Table Body ***********/
        .guild-roster-table-container table tbody[b-jbge9m0z5m] {
            display: table-row-group;
            top: 22px;
            z-index: 1;
            padding-top: 2px;
        }

            .guild-roster-table-container table tbody tr:hover[b-jbge9m0z5m] {
            }


            .guild-roster-table-container table tbody tr:nth-child(odd)[b-jbge9m0z5m] {
                background-color: var(--phoenix-emphasis-bg);
            }

            .guild-roster-table-container table tbody tr:nth-child(even)[b-jbge9m0z5m] {
                background-color: var(--phoenix-gray-50);
            }

    /* Row color change on hover */
    .guild-roster-table-container tbody tr:nth-child(odd):hover[b-jbge9m0z5m] {
        background-color: var(--phoenix-gray-100);
    }

    /* Row color change on hover */
    .guild-roster-table-container table tbody tr:nth-child(even):hover[b-jbge9m0z5m] {
        background-color: var(--phoenix-gray-100);
    }

    .guild-roster-table-container table tbody td[b-jbge9m0z5m] {
        height: 33px;
        text-align: left;
        padding-left: 4px;
        border-bottom: 1px solid #373E53;
        border-left: 1px solid #373E53;
        text-shadow: 1px 1px 2px black;
    }

        .guild-roster-table-container table tbody td:first-child[b-jbge9m0z5m] {
            border-left: 0px;
        }

    /* To align at the bottom of the line */
    .guild-roster-table-container .BT[b-jbge9m0z5m] {
        position: relative;
        bottom: -6px;
        color: #e1f2f5;
    }

        .guild-roster-table-container .BT img[b-jbge9m0z5m] {
            position: relative;
            bottom: 2px;
        }

    /* To align text at center */
    .guild-roster-table-container .TC[b-jbge9m0z5m] {
        text-align: center;
    }


/* ICONS */
.game-icons--battle-axe[b-jbge9m0z5m] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFCC85' d='M240.094 19.594c-56.69.364-110.882 29.054-151.594 72.344c-53.428 56.81-81.948 137.907-61.03 210.093c16.33-8.797 32.757-15.987 48.936-21.374c-6.327-123.16 89.247-210.922 200.03-210.344c4.255-13.365 10.268-27.308 18.127-41.874c-16.323-5.43-32.736-8.36-48.97-8.782c-1.833-.047-3.67-.074-5.5-.062zM271.28 88.97c-97.556 1.745-179.913 77.1-176.373 186.31c10.986-2.73 21.788-4.582 32.28-5.436c14.59-1.187 28.69-.463 41.783 2.437L278.312 162.94a114.8 114.8 0 0 1-9.344-38.75c-.716-11.256.14-22.983 2.592-35.22zm60.845 60.718l-16.875 16.875L345.75 197l16.813-16.813zm-37.125 23L175.625 292.063l44.625 44.562l119.313-119.313zm189.875 46.093c-14.466 7.808-28.318 13.807-41.594 18.064c.75 111.013-87.243 206.8-210.686 200.28c-5.39 16.104-12.552 32.462-21.313 48.72c72.19 20.922 153.313-7.6 210.126-61.03c57.045-53.65 88.516-130.72 63.47-206.033zm-136 15.657L240.687 342.625c3.23 13.563 4.086 28.245 2.844 43.47c-.862 10.58-2.752 21.476-5.53 32.56c109.585 3.718 185.128-79.008 186.594-176.905c-12.342 2.506-24.16 3.403-35.5 2.688c-14.287-.9-27.698-4.347-40.22-10M169.5 312.313L20.094 461.72V494H48.75l151.188-151.188z'/%3E%3C/svg%3E");
}

.streamline--fist[b-jbge9m0z5m] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23FFCC85' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='M3.901 13.407v-2.464c-1.304-.452-2.18-1.97-2.18-3.754c0-1.063.24-2.174 1.42-2.174h2.993a1.111 1.111 0 0 1 .322 2.174l-1.71.519c.874 0 1.948.83 1.925 1.905m3.144 3.795v-2.465s.587-.293 1.2-.88c1.181-1.131 1.335-2.919 1.016-4.523c-.107-.534-.26-1.076-.477-1.532m-8.886.934V3.056a1.478 1.478 0 0 1 2.957 0v1.886'/%3E%3Cpath d='M5.625 4.554V2.072a1.48 1.48 0 1 1 2.959 0v2.482a1.48 1.48 0 0 1-1.365 1.474'/%3E%3Cpath d='M8.584 3.057a1.479 1.479 0 1 1 2.957 0v1.27a1.479 1.479 0 1 1-2.957 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.simple-icons--testrail[b-jbge9m0z5m] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFCC85' d='M7.27 23.896L4.5 21.124a.35.35 0 0 1 0-.5l2.772-2.77a.35.35 0 0 1 .5 0l2.772 2.772a.35.35 0 0 1 0 .5l-2.772 2.77a.35.35 0 0 1-.5 0zm4.48-4.48l-2.772-2.772a.35.35 0 0 1 0-.498l2.772-2.772a.35.35 0 0 1 .5 0l2.77 2.772a.35.35 0 0 1 0 .5l-2.77 2.77a.35.35 0 0 1-.499 0zm4.48-4.48l-2.77-2.772a.35.35 0 0 1 0-.498l2.771-2.772a.35.35 0 0 1 .5 0l2.77 2.772a.35.35 0 0 1 0 .498l-2.772 2.772a.35.35 0 0 1-.5 0h.002zm-8.876.084l-2.772-2.77a.35.35 0 0 1 0-.499l2.772-2.773a.35.35 0 0 1 .5 0l2.772 2.772a.35.35 0 0 1 0 .498l-2.772 2.774a.35.35 0 0 1-.5 0zm4.48-4.48L9.062 7.77a.35.35 0 0 1 0-.5l2.772-2.772a.35.35 0 0 1 .5 0l2.77 2.772a.35.35 0 0 1 0 .498l-2.77 2.772a.35.35 0 0 1-.499 0v-.002v.001zM7.44 6.15L4.666 3.37a.35.35 0 0 1 0-.5L7.44.104a.35.35 0 0 1 .5 0l2.772 2.772a.35.35 0 0 1 0 .5L7.938 6.142a.35.35 0 0 1-.5 0l.002.006z'/%3E%3C/svg%3E");
}



/* Quick Filters */
.quick-filters[b-jbge9m0z5m] {
}

    .quick-filters .filter[b-jbge9m0z5m] {
        margin-left: 2px;
        border: 3px solid transparent;
        border-radius: 50%;
        cursor: pointer;
        width: 31px;
        height: 31px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 2px;
    }

        .quick-filters .filter:hover[b-jbge9m0z5m] {
            border: 3px solid #007CFF !important;
        }

        .quick-filters .filter:first-child[b-jbge9m0z5m] {
            border: 1px solid #373E53;
        }

        .quick-filters .filter.selected[b-jbge9m0z5m] {
            border: 3px solid #007CFF;
            border-radius: 50%;
        }

    .quick-filters img[b-jbge9m0z5m] {
        width: 30px;
        margin-left: -2px;
        margin-top: 1px;
        border-radius: 50%;
        border: 3px solid transparent;
    }
/* /Pages/Region/Guild/Tabs/GuildSettingsTab.razor.rz.scp.css */
.guild-settings-container[b-sqxv7x1did] {
	min-width: 1250px;
}

.guild-settings-limit-height[b-sqxv7x1did] {
	max-height: calc(100vh - 300px);
	min-height: 300px;
	transition: min-height 0.2s;
	overflow-y: auto;
	overflow-x: hidden;
}

/*#Raiding Schedule -------------------------------------------------------*/
.raiding-schedule-box[b-sqxv7x1did] {
	max-width: 496px;
}

.raiding-day-name[b-sqxv7x1did] {
	width: 94px;
}


.guild-permission-boxes[b-sqxv7x1did] {
	max-width: 594px;
}

.guild-btn-wrapper[b-sqxv7x1did] {
	height: 288px;
	overflow-y: auto;
	padding-right: 6px;
}

	/* width */
	.guild-btn-wrapper[b-sqxv7x1did]::-webkit-scrollbar {
		width: 2px;
	}

	/* Track */
	.guild-btn-wrapper[b-sqxv7x1did]::-webkit-scrollbar-track {
		background: transparent;
		border-radius: 2px;
	}

	/* Handle */
	.guild-btn-wrapper[b-sqxv7x1did]::-webkit-scrollbar-thumb {
		background: #9FA6BC;
		border-radius: 2px;
	}

.guild-permission-card[b-sqxv7x1did] {
	max-width: 276px;
	width: 100%;
}

.input-width[b-sqxv7x1did] {
	max-width: 400px;
}
/* /Pages/Region/RaidPlan/RaidPlanPage.razor.rz.scp.css */
.blue-top-border[b-1mi3ti6vou] {
    border-top: 2px solid #2E5BC5;
}


.limit-height-raid-plan-with-sub-tabs[b-1mi3ti6vou] {
    height: calc(100vh - 345px);
}


.limit-height-raid-plan[b-1mi3ti6vou] {
    height: calc(100vh - 300px);
}

.coming-soon-header[b-1mi3ti6vou] {
    width: calc(100vw - (304px));
    min-height: 50px !important;
    height: 50px !important;
    min-width: 1318px;
}

/* ------------------ DO NOT REMOVE ------------------ */
.Raid-Plan-View-South-Border[b-1mi3ti6vou] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 1000;
    background: #fff; 
    text-align: center;
    height:2px;
    font-size:1px;
    line-height:2px;
    background-color:transparent;
}
/* -------------------------------------------------- */

/*#region --- WRS Toggle Groups ------------------------ */
.raidplan-live-draft-toggle[b-1mi3ti6vou] {
    text-shadow: 1px 1px 2px black;
    --toggle-group-width: 120px;
    --toggle-group-sections: 2;
    --toggle-group-height: 34px; /* This is a Phoenix height, do not alter */
    background-color: #222834;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: var(--toggle-group-width);
    height: var(--toggle-group-height);
    position: relative;
    padding-left: 2px;
    padding-right: 2px;
}

    .raidplan-live-draft-toggle .form-check-input[b-1mi3ti6vou] {
        /* Hides the checkboxes, so we control the graphics.
           The checkboxes still need to be in the HTML 
           to have databinding.
        */
        display: none;
    }

    .raidplan-live-draft-toggle .pill[b-1mi3ti6vou] {
        z-index: 0;
        width: calc((var(--toggle-group-width) / 2) - 4px);
        margin-left: 1px;
        margin-right: 1px;
        height: calc(var(--toggle-group-height) - 4px);
        top: 1px;
        position: absolute;
        border-radius: 4px;
        transition: all 0.2s ease;
    }

    .raidplan-live-draft-toggle input[id="draft-toggle"]:checked ~ .pill[b-1mi3ti6vou] {
        background-color: var(--phoenix-gray-500);
        left: 0px;
    }

    .raidplan-live-draft-toggle input[id="live-toggle"]:checked ~ .pill[b-1mi3ti6vou] {
        background-color: #fa3b1d;
        left: calc(var(--toggle-group-width) / 2);
    }

    .raidplan-live-draft-toggle label[b-1mi3ti6vou] {
        font-weight: bold;
        width: calc(var(--toggle-group-width) / 2);
        z-index: 1; /* Makes the labels stay above the moving(?) pill */
        cursor: pointer;
        text-align: center;

    }

    .raidplan-live-draft-toggle input[type="checkbox"]:checked + label[b-1mi3ti6vou],
    .raidplan-live-draft-toggle input[type="radio"]:checked + label[b-1mi3ti6vou] {
        color: rgb(255, 255, 255);
    }

    /* Used for coloring an unchecked label on hover */
    .raidplan-live-draft-toggle input:not(:checked):hover + label[b-1mi3ti6vou] {
        color: rgb(255, 255, 255);
    }
/*#endregion --- WRS Toggle Groups ------------------------ */
/* /Pages/Region/RaidPlan/SubTabs/RaidPlanCombatSubTab.razor.rz.scp.css */
.limit-height[b-3d6elfx1q7] {
	height: calc(100vh - (230px));
}

.combat-header[b-3d6elfx1q7] {
	height: 50px !important;
	min-height: 50px !important;

}

.contents-section[b-3d6elfx1q7] {
	overflow-x: hidden;
}

.character-tile-wrapper[b-3d6elfx1q7] {
	width: 100%;
	max-width: 155.2px;
}

.player-item[b-3d6elfx1q7] {
	margin: 5px 0;
}

.form-control.id-input[b-3d6elfx1q7] {
	width: 100px;
}

.form-control.format-input[b-3d6elfx1q7] {
	width: 200px;
}

.form-control.name-input[b-3d6elfx1q7] {
	width: 600px;
}

.form-select.select-lines[b-3d6elfx1q7] {
	width: 200px;
}

.dropdown-alert[b-3d6elfx1q7] {
	background: transparent;
	border: none;
}

.auras-dropdown[b-3d6elfx1q7] {
	width: 167px;
}
/* /Pages/Region/RaidPlan/SubTabs/RaidPlanGroupsSubTab.razor.rz.scp.css */
.groups-limit-height[b-q463iy53oe] {
	height: calc(100vh - 346px);
	position: fixed;
}

.groups-header[b-q463iy53oe] {
	width: calc(100vw - (304px));
	min-height: 50px !important;
	height: 50px !important;
	min-width: 1318px;
}

.main-contents[b-q463iy53oe], .player-group[b-q463iy53oe] {
	overflow: hidden; /* Required for scrollbars */
	height: 100%;
}

.dropdown-alert[b-q463iy53oe] {
	background: transparent;
	border: none;
}

.players-list[b-q463iy53oe] {
	min-width: 360px;
	overflow-x: hidden;
}

.group-arrangements[b-q463iy53oe] {
	justify-content: center;
	min-width: 360px;
	display: grid;
	grid-template-columns: repeat(1, 200px);
	grid-template-rows: repeat(5, 128px);
}

	.group-arrangements img[b-q463iy53oe] {
		width: 85px;
		height: auto;
	}

	.group-arrangements .encounter-specific[b-q463iy53oe] {
		width: 132px;
	}

	.group-arrangements .encounter-specific[b-q463iy53oe] {
		vertical-align: central;
		align-content: center;
		align-items: center;
		margin-top: 15px;
	}

.player-groups[b-q463iy53oe] {
	display: grid;
	grid-template-columns: repeat(2, 260px);
	grid-template-rows: repeat(3, min-content);
	gap: 16px 16px;
	width: 100%;
	height: 100%;
}

.show-dropdown-hovered:hover[b-q463iy53oe] {
	border-radius: 6px !important;
}

@keyframes borderZoom-b-q463iy53oe {
	0% {
		transform: scale(1);
		border-color: #60C6F1;
	}

	50% {
		transform: scale(1.05);
		border-color: #8FDBFF;
	}

	100% {
		transform: scale(1);
		border-color: #60C6F1;
	}
}

.selected-arrangement[b-q463iy53oe] {
	color: white;
	border: 2px solid #60C6F1;
	border-radius: 8px;
	background-color: #222834;
	animation: borderZoom-b-q463iy53oe 0.15s ease-in-out;
}

.default-arrangement[b-q463iy53oe] {
	border: 2px solid #525B75;
	border-radius: 8px;
	filter: brightness(80%);
}

	.default-arrangement:hover[b-q463iy53oe] {
		background-color: #222834;
	}

.group-template-title[b-q463iy53oe] {
	word-wrap: break-word;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 50px !important;
	height: 50px !important;
}

.scrollbar[b-q463iy53oe] {
	scrollbar-gutter: stable;
}
/* /Pages/Region/RaidPlan/SubTabs/RaidPlanHealingSubTab.razor.rz.scp.css */
.healing-container[b-nmxh2n5eo1] {
	width: auto;
	min-width: max-content; /* Forces table to get width from content*/
	z-index: 0;
}

.healing-header[b-nmxh2n5eo1] {
	height: 52px !important;
	min-height: 52px !important;
	min-width: 1318px;
}

.healing-header-sizer[b-nmxh2n5eo1] {
	width: calc(100vw - 300px) !important;
	min-width: 1318px;
	height: 52px !important;
	min-height: 52px !important;
}

.healing-table[b-nmxh2n5eo1] {
	overflow-x: hidden;
	overflow-y: auto;
	width: auto;
	min-width: calc(100vw - (303px));
	height: calc(100vh - (400px));
	border-right: 1px solid #2F3649;
}

.dropdown-alert[b-nmxh2n5eo1] {
	background: transparent;
	border: none;
}
/* /Pages/Region/RaidPlan/SubTabs/RaidPlanSetupSubTab.razor.rz.scp.css */
.raid-plan-setup-table[b-m3lb2dcppk] {
	padding: 0px;
	margin: 0px;
	width: max-content;
	overflow-y: auto;
	z-index: 150;
}

	.raid-plan-setup-table div:nth-child(even of .tr)[b-m3lb2dcppk] {
		background-color: var(--phoenix-gray-50) !important;
	}

	.raid-plan-setup-table div:nth-child(odd of .tr)[b-m3lb2dcppk] {
		background-color: var(--phoenix-emphasis-bg) !important;
	}

	.raid-plan-setup-table div:nth-child(even of .tr)[b-m3lb2dcppk] {
		background-color: var(--phoenix-gray-50) !important;
	}

	/* Row color change on hover */
	.raid-plan-setup-table div:nth-child(odd of .tr):hover[b-m3lb2dcppk] {
		background-color: var(--phoenix-gray-100) !important;
	}

	/* Row color change on hover */
	.raid-plan-setup-table div:nth-child(even of .tr):hover[b-m3lb2dcppk] {
		background-color: var(--phoenix-gray-100) !important;
	}

/* Raid Plan Setup Row Spacer*/
.rprs[b-m3lb2dcppk] {
	width: 100%;
	max-height: 8px;
	border-bottom: 1px solid #373E53;
	border-right: 1px solid #373E53;
	background-color: #0f111a;
}

	.rprs:first-of-type[b-m3lb2dcppk] {
		border-top: 0px solid !important;
		border-color: var(--phoenix-border-color-translucent) !important;

	}
/* /Pages/Region/RaidTeam/RaidTeamPage.razor.rz.scp.css */
.raid-team-view-container[b-6jx4aw9drj] {
    padding: 0px;
    margin: 0px;
    border-left: 1px solid #373E53;
    border-right: 1px solid #373E53;
    border-bottom: 1px solid #373E53;
}

.quick-filters-row[b-6jx4aw9drj] {
    height: 50px;
    min-height: 50px;
}

/* /Pages/Region/RaidTeam/SubTabs/RaidTeamAuditGearSubTab.razor.rz.scp.css */
.gear-table-container[b-d3bhd9j691] {
    width: 100%;
    height: calc(100vh - 330px);
    position: relative;
    min-width: 1160px;
    overflow: auto;
    border-top: 1px solid #373E53;
}

.quick-filters-row[b-d3bhd9j691] {
    height: 50px;
    min-height: 50px;
}


.header-card-title[b-d3bhd9j691] {
    color: #9FA6BC !important;
    font-size: 12px;
    font-weight: bold;
}

.header-card-value[b-d3bhd9j691] {
    color: #84A9FF;
    font-size: 18px;
}

/* /Pages/Region/RaidTeam/SubTabs/RaidTeamAuditMPlusSubTab.razor.rz.scp.css */
.mplus-table-container[b-u7uq0hythz] {
    width: 100%;
    height: calc(100vh - 330px);
    position: relative;
    min-width: 1160px;
    overflow: auto;
    border-top: 1px solid #373E53;
}

.header-card-title[b-u7uq0hythz] {
    color: #9FA6BC !important;
    font-size: 12px;
    font-weight: bold;
}

.header-card-value[b-u7uq0hythz] {
    color: #84A9FF;
    font-size: 18px;
}

.quick-filters-row[b-u7uq0hythz] {
    height: 50px;
    min-height: 50px;
}
/* /Pages/Region/RaidTeam/SubTabs/RaidTeamAuditRaidSubTab.razor.rz.scp.css */
.raid-table-container[b-e7oi6ol8cm] {
    width: 100%;
    height: calc(100vh - 330px);
    position: relative;
    min-width: 1160px;
    overflow: auto;
    border-top: 1px solid #373E53;
}

.header-card-title[b-e7oi6ol8cm] {
    color: #9FA6BC !important;
    font-size: 12px;
    font-weight: bold;
}

.quick-filters-row[b-e7oi6ol8cm] {
    height: 50px;
    min-height: 50px;
}

/* /Pages/Region/RaidTeam/SubTabs/RaidTeamAuditWorldSubTab.razor.rz.scp.css */
.world-table-container[b-g4saoktnzu] {
    width: 100%;
    height: calc(100vh - 330px);
    position: relative;
    min-width: 1160px;
    overflow: auto;
    border-top: 1px solid #373E53;
}

.header-card-title[b-g4saoktnzu] {
    color: #9FA6BC !important;
    font-size: 12px;
    font-weight: bold;
}

.header-card-value[b-g4saoktnzu] {
    color: #84A9FF;
    font-size: 18px;
}

.quick-filters-row[b-g4saoktnzu] {
    height: 50px;
    min-height: 50px;
}

/* /Pages/Region/RaidTeam/Tabs/RaidTeamEditTab.razor.rz.scp.css */

.header-container[b-ies7czexra] {
	width: calc(100% - 15px);
	min-height: 68px;
}

/* Track Members */
.track-members-line[b-ies7czexra] {
	font-size: 14px !important;
	border: 1px solid transparent;
}

	.track-members-line:hover[b-ies7czexra] {
		background-color: #31374A;
		border: 1px solid transparent;
		border-radius: 3px;
	}


		.track-members-line:hover label[b-ies7czexra] {
			color: white;
		}

/* Quick Filters */
.quick-filters[b-ies7czexra] {
}

	.quick-filters .filter[b-ies7czexra] {
		margin-left: 2px;
		border: 3px solid transparent;
		border-radius: 50%;
		cursor: pointer;
		width: 31px;
		height: 31px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-right: 2px;
	}

		.quick-filters .filter:hover[b-ies7czexra] {
			border: 3px solid #007CFF !important;
		}

		.quick-filters .filter:first-child[b-ies7czexra] {
			border: 1px solid #373E53;
		}

		.quick-filters .filter.selected[b-ies7czexra] {
			border: 3px solid #007CFF;
			border-radius: 50%;
		}

	.quick-filters img[b-ies7czexra] {
		width: 30px;
		margin-left: -2px;
		margin-top: 1px;
		border-radius: 50%;
		border: 3px solid transparent;
	}

.characters-members-label[b-ies7czexra] {
	height: 37px;
}



.quick-filters-row[b-ies7czexra] {
	height: 50px;
	min-height: 50px;
}

	/* Alt Mode Header */
	.quick-filters-row.alt-mode-header[b-ies7czexra] {
		background-color: #606981;
	}


	.raid-team-table-container[b-ies7czexra] {
		width: 100%;
		height: calc(100vh - (325px));
		position: relative;
		border-top: 1px solid var(--phoenix-gray-300);
		min-height: 300px;
		transition: min-height 0.2s;
	}


@media (max-width: 1680px) {
	/* Απόκρυψη κολώνων table */
	.raid-team-table-container table td:nth-child(3)[b-ies7czexra],
	.raid-team-table-container table th:nth-child(3)[b-ies7czexra],
	.raid-team-table-container table td:nth-child(4)[b-ies7czexra],
	.raid-team-table-container table th:nth-child(4)[b-ies7czexra] {
		display: none;
	}
}

/* This is the Exluded Member Row Class */
.raid-team-table-container .EX td[b-ies7czexra] {
	opacity: 0.4;
}

	.raid-team-table-container .EX td:last-child[b-ies7czexra] {
		opacity: 1.4;
	}


/* To align at the bottom of the line */
.raid-team-table-container .BT[b-ies7czexra] {
	position: relative;
	bottom: -6px;
	margin-left: 4px;
	color: var(--phoenix-gray-1100);
}

.raid-team-table-container .BTiLVL[b-ies7czexra] {
	position: relative;
	bottom: -6px;
	margin-left: 4px;
}

.raid-team-table-container .BT img[b-ies7czexra] {
	position: relative;
	bottom: 2px;
}

/* To align text at center */
.raid-team-table-container .TC[b-ies7czexra] {
	text-align: center;
}

.raid-team-table-container table[b-ies7czexra] {
	width: 100%;
	border-spacing: 0;
}

.raid-team-table-container thead[b-ies7czexra] {
	position: sticky;
	top: 0;
	z-index: 1000;
	display: table-header-group;
	background: var(--phoenix-gray-50);
	box-shadow: 0 1px 0px var(--phoenix-gray-300);
}

	.raid-team-table-container thead th[b-ies7czexra] {
		font-weight: normal;
		font-size: 15px;
		padding: 4px;
		text-align: left;
		line-height: 28px;
		vertical-align: middle;
		border-left: 1px solid var(--phoenix-gray-300);
	}

		.raid-team-table-container thead th i[b-ies7czexra] {
			position: relative;
			top: 1px;
		}

		.raid-team-table-container thead th:first-child[b-ies7czexra] {
			border-left: 0px;
		}

.raid-team-table-container tbody[b-ies7czexra] {
	display: table-row-group;
}

	.raid-team-table-container tbody tr:hover[b-ies7czexra] {
	}

	/* DH = Display on Hover */
	.raid-team-table-container tbody tr .DH[b-ies7czexra] {
		visibility: hidden;
	}
	/* DH = Display on Hover */
	.raid-team-table-container tbody tr:hover .DH[b-ies7czexra] {
		visibility: visible;
	}

	.raid-team-table-container tbody tr:nth-child(odd)[b-ies7czexra] {
		background-color: var(--phoenix-emphasis-bg);
	}

	.raid-team-table-container tbody tr:nth-child(even)[b-ies7czexra] {
		background-color: var(--phoenix-gray-50);
	}

	/* Row color change on hover */
	.raid-team-table-container tbody tr:nth-child(odd):hover[b-ies7czexra] {
		background-color: var(--phoenix-gray-100);
	}

	/* Row color change on hover */
	.raid-team-table-container tbody tr:nth-child(even):hover[b-ies7czexra] {
		background-color: var(--phoenix-gray-100);
	}

.raid-team-table-container td[b-ies7czexra] {
	height: 33px;
	text-align: left;
	border-bottom: 1px solid var(--phoenix-gray-300);
	border-left: 1px solid var(--phoenix-gray-300);
	text-shadow: 1px 1px 2px black;
}

	.raid-team-table-container td:first-child[b-ies7czexra] {
		border-left: 0px;
	}

	.raid-team-table-container td:last-child[b-ies7czexra] {
		/* To remove text-shadow from Out-Auto-In uil icons */
		text-shadow: none;
	}



/*=============== TRIPLE RADIO */
.triple-radio[b-ies7czexra] {
	background-color: var(--phoenix-gray-100);
	border-radius: 6px;
	margin-left: 4px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-content: center;
	align-items: center;
	width: 106px;
}

tr:hover .triple-radio[b-ies7czexra] {
	background-color: var(--phoenix-gray-200);
}

.triple-radio .option[b-ies7czexra] {
	width: 20px;
	height: 20px;
	border-radius: 6px;
}

.triple-radio .option[b-ies7czexra] {
	font-weight: bold;
	width: 26px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

	.triple-radio .option label[b-ies7czexra] {
		font-weight: 800;
		border-radius: 6px;
		width: 100%;
		height: 100%;
		cursor: pointer;
		font-family: 'Nunito Sans 10pt Condensed Normal', Tahoma, Geneva, Verdana, sans-serif;
	}


	.triple-radio .option .form-check-input[b-ies7czexra] {
		display: none;
	}


.triple-radio input[id*="out"]:not(:checked):hover + label[b-ies7czexra] {
	color: var(--phoenix-danger-dark);
}

.triple-radio input[id*="in"]:not(:checked):hover + label[b-ies7czexra] {
	color: var(--phoenix-success-dark);
}

.triple-radio input[id*="auto"]:not(:checked):hover + label[b-ies7czexra] {
	color: var(--phoenix-primary-dark);
}

.form-check-label[b-ies7czexra], .form-check-input[b-ies7czexra] {
	cursor: pointer;
}
/* Alt Check Box */
.achk[b-ies7czexra] {
	width: 28px;
	min-width: 28px;
	margin-right: 4px;
}
/* /Pages/Region/RaidTeam/Tabs/RaidTeamOverviewTab.razor.rz.scp.css */
.audit-table-container[b-zaxxxy8dbo] {
	width: 100%;
	height: calc(100vh - 330px);
	position: relative;
	min-width: 1160px;
	overflow: auto;
	border-top: 1px solid #373E53;
}


/* Audit Header */
.header-card-title[b-zaxxxy8dbo] {
	color: #9FA6BC !important;
	font-size: 12px;
	font-weight: bold;
}

.header-card-value[b-zaxxxy8dbo] {
	color: #84A9FF;
	font-size: 18px;
}

.quick-filters-row[b-zaxxxy8dbo] {
	height: 50px;
	min-height: 50px;
}
/* /Pages/Region/RaidTeam/Tabs/RaidTeamSettingsTab.razor.rz.scp.css */
.team-settings-max-height[b-x1ebx54bzh] {
	height: calc(100vh - (265px));
	width: calc(100% - 10px);
	overflow-y: auto;
	overflow-x: hidden;
	
}

.header-container[b-x1ebx54bzh] {
	width: calc(100% - 15px);
	min-height: 68px;
}
/* /Pages/User/UserCalendarPage.razor.rz.scp.css */
.header-container[b-96rgwun8br] {
    width: 100% ;
}

.table-container[b-96rgwun8br] {
    width: 100%;
    height: calc(100vh - (200px));
    overflow-y: auto;
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .table-container table[b-96rgwun8br] {
        width: 100%;
        height: 100%;
    }

    .table-container thead[b-96rgwun8br] {
        position: sticky;
        top: 0;
        z-index: 2;
        display: table-header-group;
    }

    .table-container th[b-96rgwun8br] {
        width: 14.28%;
        min-width: 200px;
        padding: 0px;
        margin: 0px;
        border-right: 1px solid #2F3549;
    }

        .table-container th:last-child[b-96rgwun8br] {
            border-right: none;
        }

    .table-container td[b-96rgwun8br] {
        border-right: 1px solid #2F3549;
        vertical-align: top;
        padding-left: 4px;
        padding-right: 4px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        .table-container td:last-child[b-96rgwun8br] {
            border-right: none;
        }

.today-column-bg[b-96rgwun8br] {
    background-color: #1E2C56;
}

.calendar-navigation[b-96rgwun8br] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.btn-h30[b-96rgwun8br] {
    height: 30px;
}

.table-body > div:not(:last-of-type)[b-96rgwun8br] {
    border-right: 1px solid var(--phoenix-border-color)
}

.table-header > div:not(:last-of-type)[b-96rgwun8br] {
    border-right: 1px solid var(--phoenix-border-color)
}
/* /Shared/AIWebAssistant/AIChatWidget.razor.rz.scp.css */
.ai-chat-widget[b-kjzb9f0g2r] {
	position: fixed;
	bottom: 22px;
	right: 34px; /* 10px more to the left from the bottom right corner */
	z-index: 9999;
	/* Always positions the widget at the bottom right of the viewport */
}

.ai-chat-icon[b-kjzb9f0g2r] {
	position: relative;
	background-image: linear-gradient(144deg, #ee1c68 30%, #fbb138 60%);
	background-size: 100% auto;
	background-position: right center;
	background-repeat: no-repeat;
	transition: background-position 150ms ease-in-out, background-size 150ms ease-in-out;
	color: white;
	border: none;
	border-radius: 50%;
	width: 62px;
	height: 62px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	overflow: visible;
}

	.ai-chat-icon:hover[b-kjzb9f0g2r] {
		/* Προαιρετικά: λίγο scale για smooth zoom */
		
	}


.ai-chat-icon-center[b-kjzb9f0g2r] {
	background-color: #141824;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.ai-chat-icon:hover .ai-chat-icon-center[b-kjzb9f0g2r] {
	background-color: #2E323E;
}

.ai-chat-icon-center svg[b-kjzb9f0g2r] {
	margin: 0 !important;
	display: block;
}


.ai-chat-modal[b-kjzb9f0g2r] {
	position: fixed;
	bottom: 90px;
	right: 34px;
	width: 400px;
	height: 500px;
	border: 1px solid #2F3549;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 10000;
	/* Box Shadow */
	box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.75);
}

.ai-chat-header[b-kjzb9f0g2r] {
	padding: 12px;
	background: #141824;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: 1px solid #2F3549;
	font-weight: bold;
	font-size: 1.1rem;
}

.ai-chat-close[b-kjzb9f0g2r] {
	background: transparent;
	border: none;
	color: white;
	font-size: 1.2rem;
	cursor: pointer;
	margin-left: 8px;
}

.ai-chat-body[b-kjzb9f0g2r] {
	flex: 1;
	padding: 16px;
	overflow-y: auto;
	background: #141824;
}

.ai-chat-footer[b-kjzb9f0g2r] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 12px;
	background: #141824;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: 1px solid #2F3549;
}

.ai-chat-input[b-kjzb9f0g2r] {
	flex: 1;
	width: 100%;
	padding: 6px;
	border-radius: 8px;
	border: 1px solid #2F3549;
	background: #181b2a;
	color: white;
	font-size: 0.8rem;
	outline: none;
	transition: border-color 0.2s;
}

	.ai-chat-input:focus[b-kjzb9f0g2r] {
		border-color: #0078D4;
	}

.ai-chat-send[b-kjzb9f0g2r] {
	margin-left: 12px;
	padding: 10px;
	border-radius: 50%;
	border: none;
	background: #141824;
	color: white;
	font-weight: bold;
	font-size: 0.5rem;
	cursor: pointer;
	transition: background 0.2s;
}

	.ai-chat-send:hover[b-kjzb9f0g2r], .ai-chat-send:focus[b-kjzb9f0g2r] {
		background: #222834;
	}




@media (max-width: 400px) {
	.ai-chat-modal[b-kjzb9f0g2r] {
		width: 95vw;
		right: 2vw;
		height: 60vh;
		bottom: 80px;
	}

	.ai-chat-widget[b-kjzb9f0g2r] {
		right: 2vw;
		bottom: 16px;
	}
}



.chat-message[b-kjzb9f0g2r] {
	display: flex;
	flex-direction: column;
	margin-bottom: 14px;
}

.user-message[b-kjzb9f0g2r] {
	align-items: flex-end;
}

.agent-message[b-kjzb9f0g2r] {
	align-items: flex-start;
}

.bubble[b-kjzb9f0g2r] {
	padding: 10px 16px;
	max-width: 80%;
	font-size: 1rem;
	word-break: break-word;
	border-radius: 16px 16px 4px 16px;
}

.user-message .bubble[b-kjzb9f0g2r] {
	background: #85A9FF;
	color: #141824;
	border-radius: 16px 16px 4px 16px;
}

.agent-message .bubble[b-kjzb9f0g2r] {
	background: #22263a;
	color: #fff;
	border-radius: 16px 16px 16px 4px;
}

.timestamp[b-kjzb9f0g2r] {
	color: #b3b3b3;
	font-size: 0.75rem;
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
}

.welcome-message[b-kjzb9f0g2r] {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 32px;
	margin-bottom: 24px;
	padding: 0 16px;
}

.welcome-icon[b-kjzb9f0g2r] {
	font-size: 3rem;
	color: #85A9FF;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.welcome-text[b-kjzb9f0g2r] {
	color: #fff;
	text-align: center;
	font-size: 1.08rem;
	max-width: 320px;
	line-height: 1.6;
	background: rgba(20, 24, 36, 0.92);
	border-radius: 10px;
	padding: 14px 20px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

.suggested-questions-bar[b-kjzb9f0g2r] {
	position: absolute;
	left: 0;
	right: 10px;
	bottom: 60px;
	z-index: 2;
	padding: 10px 0 10px 0;
	background: transparent;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
/* /Shared/Calendar/Components/VDUserCalendarEvent.razor.rz.scp.css */
.calendar-event-container[b-no16twb88c] {
	margin-top: 8px;
	background-color: #0F111A;
	border-radius: 6px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--phoenix-border-color);
	width: 100%;
	z-index: 0;
	container-type: inline-size;
	box-shadow: 0px 9px 18px -8px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 9px 18px -8px rgba(0, 0, 0, 0.75);
}

.disabled-evt[b-no16twb88c] {
	filter: grayscale(100%) brightness(60%);
	pointer-events: none !important;
}


.calendar-event-header[b-no16twb88c] {
	padding: 4px;
	/*border-bottom: 1px solid var(--phoenix-border-color);*/
	padding-top: 6px;
	padding-bottom: 6px;
}

	.calendar-event-header:hover[b-no16twb88c] {
		background-color: #31374A;
	}

	.calendar-event-content[b-no16twb88c] {
		padding: 4px;
	}

.calendar-event-team-name[b-no16twb88c],
.calendar-event-title[b-no16twb88c] {
	padding-right: 4px;
}

.calendar-event-team-name[b-no16twb88c] {
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 4px;
}

.calendar-event-title[b-no16twb88c] {
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-shadow: 1px 1px 2px black;
	margin-left: 4px;
}

.encounter-image[b-no16twb88c] {
	width: 24px;
	flex-shrink: 0; /* keeps the item from shrinking below set width */
	height: 24px;
	overflow: hidden;
	position: relative;
	border: 1px solid #373E53;
	border-radius: 8px;
}

	.encounter-image img[b-no16twb88c] {
		width: 40px;
		height: 40px;
		object-fit: cover;
		object-position: center;
	}

.encounter-title[b-no16twb88c] {
	font-size: 12px;
	margin-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 1px 1px 2px black;
}

.in-or-out[b-no16twb88c] {
	font-size: 13px;
	color: white;
	width: 28px;
	flex-shrink: 0;
	text-align: center;
	font-weight: bold;
}

	.in-or-out .player-out[b-no16twb88c] {
		color: #FF0000 !important;
	}

	.in-or-out .player-in[b-no16twb88c] {
		color: white !important;
	}

.extra-day-badge[b-no16twb88c] {
	font-size: 10px;
	color: white;
	margin-left: 4px;
}

.fs-14[b-no16twb88c] {
	font-size: 14px !important;
}

.btn-xs[b-no16twb88c] {
	height: 24px;
	width: 24px;
	padding: 0px;
	line-height: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendar-event-content:last-child[b-no16twb88c] {
	/* keep it as: container radius - 1px */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}



.RaidPlanURL[b-no16twb88c] {
	text-decoration: none;
	position: relative;
	display: inline-block;
	width: 100%;
	transition: filter 0.2s, opacity 0.2s;
}

	.RaidPlanURL:hover[b-no16twb88c] {
	}

		.RaidPlanURL:hover .hide-on-hover[b-no16twb88c] {
			visibility: hidden;
		}


/* Display on Hover */
.urlhov[b-no16twb88c] {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 99;
	color: white !important;
	text-decoration: none !important;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	filter: none !important;
}

.RaidPlanURL:hover .urlhov[b-no16twb88c] {
	display: flex;
	opacity: 1.0 !important;
	filter: none !important;
}

/* /Shared/Calendar/Components/VDUserCalendarHeader.razor.rz.scp.css */
.day-header-container[b-s95mwu7h36] {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	padding: 4px;
	padding-bottom: 1px;
	
}

.day-header-title[b-s95mwu7h36] {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	pointer-events: none;
}

.day-header-buttons[b-s95mwu7h36] {
	display: flex;
	padding-right: 4px;
}

.display-today[b-s95mwu7h36] {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent !important; /* We do not need to display bottom border !*/
	background-color: #004DFF;
	font-weight: 850 !important;
	font-size: 20px;
	height: 48px;
}



.display-day[b-s95mwu7h36] {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent !important;
	background-color: #222834;
	font-weight: normal;
	font-size: 17px;
	height: 48px;
}
/* /Shared/Calendar/Controls/UserAvailabilitySelectionDropDown.razor.rz.scp.css */
.btn-available[b-e2xgpizubs] {
    background-color: #90d67f;
    color: #000;
}

    .btn-available:hover[b-e2xgpizubs] {
        background-color: #a2e390;
    }

    .btn-available:active[b-e2xgpizubs] {
        background-color: #70c070;
        color: #000;
    }

.btn-not-available[b-e2xgpizubs] {
    background-color: #f48270;
    color: #000;
}

    .btn-not-available:hover[b-e2xgpizubs] {
        background-color: #f79483;
    }

    .btn-not-available:active[b-e2xgpizubs] {
        background-color: #e76a5e;
        color: #000;
    }

.btn-partially-available[b-e2xgpizubs] {
    background-color: #ecda44;
    color: #000;
}

    .btn-partially-available:hover[b-e2xgpizubs] {
        background-color: #fef278;
    }

    .btn-partially-available:active[b-e2xgpizubs] {
        background-color: #e5bd31;
        color: #000;
    }

.btn-tentative[b-e2xgpizubs] {
    background-color: #ffcc85;
    color: #000;
}

    .btn-tentative:hover[b-e2xgpizubs] {
        background-color: #ffd996;
    }

    .btn-tentative:active[b-e2xgpizubs] {
        background-color: #ddab81;
        color: #000;
    }

.btn-not-selected[b-e2xgpizubs] {
    background-color: #9fa6bc;
    color: #000;
}

    .btn-not-selected:hover[b-e2xgpizubs] {
        background-color: #c7d1f0;
    }

    .btn-not-selected:active[b-e2xgpizubs] {
        background-color: #858da5;
        color: #000;
    }


.response-type-header[b-e2xgpizubs] {
    height: 26px;
    line-height: 26px !important;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}

    .response-type-header .icon-mt[b-e2xgpizubs] {
        /*
            Adds  a small margin to icons in order to 
            set them in the middle (Y) of the response-type-header div
        */
        margin-top: 4px;
    }

.btn[b-e2xgpizubs] {
    padding-top: 1px !important;
    /* 
        Centers the icons inside the buttons 
        Aligning doesnt work in this case, 
        because the viewbox of the icons is huge.
    */
}
/* /Shared/Character/VDCharacterAvatar.razor.rz.scp.css */
.vd-character-avatar.paperdoll[b-gjkt8gr3vu] {
	width: 100%;
	height: 100%;
	background-size: 140%;
	background-position: center center;
	border-radius: 0;
    z-index: 1;
}

.vd-character-avatar.default-avatar[b-gjkt8gr3vu] {
	background-size: cover;
	border-radius: 50%;
}

.bg-radial-gradient[b-gjkt8gr3vu] {
    background: 
        radial-gradient(circle at 100% 100%, #0d0d0d 0px, transparent 30%), 
        radial-gradient(circle at 55% 50%, #5100ff22 50px, transparent 60%), 
        linear-gradient(60.19deg, #000000 13.58%, #202020 86.42%);
}

.avatar-shadow[b-gjkt8gr3vu] {
    position: absolute;
    left: 300px;
    bottom: -30px;
    width: 140px; /* Customize shadow size */
    height: 140px;
    pointer-events: none;
    background: radial-gradient( circle, rgba(0, 0, 0, 0.75) 10%, transparent 70% );
    z-index: 1;
    transform: scaleY(0.58) scaleX(3);
}
/* /Shared/Character/VDCharacterEquipmentDisplay.razor.rz.scp.css */
.vd-character-equipment-container[b-qwzxw5iaiv] {
	display: flex;
	align-items: top;
	gap: 0.5rem;
}

	.vd-character-equipment-container.side-right[b-qwzxw5iaiv] {
		flex-direction: row;
	}

    .vd-character-equipment-container.side-left[b-qwzxw5iaiv] {
        flex-direction: row-reverse;
    }

.details-container[b-qwzxw5iaiv] {
	display: flex;
	flex-direction: column;
}

.side-right .details-container[b-qwzxw5iaiv] {
	align-items: flex-end;
}

.side-left .details-container[b-qwzxw5iaiv] {
	align-items: flex-start;
}

.enchant-display[b-qwzxw5iaiv] {
	color: var(--wow-quality-uncommon);
	font-size: 0.8rem;
    height: 16px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    /* nudged the text a little bit here */
    transform: translateY(1px); 
}

.side-left .enchant-display[b-qwzxw5iaiv] {
	text-align: left;
    flex-direction: row;
}

.side-right .enchant-display[b-qwzxw5iaiv] {
    text-align: right;
    flex-direction: row-reverse;
}

.sockets-and-level-container[b-qwzxw5iaiv] {
    height: 24px;
}
.side-right .sockets-and-level-container[b-qwzxw5iaiv] {
    flex-direction: row;
}

.side-left .sockets-and-level-container[b-qwzxw5iaiv] {
    flex-direction: row-reverse;
}

.empty-socket-placeholder[b-qwzxw5iaiv] {
	width: 24px;
	height: 24px;
	background-color: rgba(28, 28, 28, 0.80);
	border: 2px solid var(--phoenix-border-color);
	border-radius: 3px;
}
/* /Shared/Character/VDCharacterName.razor.rz.scp.css */
/* WRS Character Name */
.wcn[b-vlchja6f9n] {
	font-weight: 600;
	text-shadow: 0px 1px 3px #000000;
}


/*
	Character Name Hover 
*/
.cnh:hover .wcn[b-vlchja6f9n] {
	text-decoration: underline !important;
	cursor: pointer !important;
}



/* /Shared/Character/VDCharacterSpecializations.razor.rz.scp.css */
/* /Shared/Character/VDSpecIcon.razor.rz.scp.css */
/* Spec icon - Container */
.scc[b-2u7er3hrdq] {
	position: relative;
}

	.scc:hover .mb[b-2u7er3hrdq] {
		visibility: visible;
	}

.sc[b-2u7er3hrdq] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid transparent;
}

	.sc .ic[b-2u7er3hrdq] {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.sc .ic img[b-2u7er3hrdq] {
			position: absolute;
			border-radius: 50%;
			top: 50%;
			left: 50%;
			width: calc(100% + 0px); /* A bit larger in order to be cropped by .ic */
			height: calc(100% + 0px);
			transform: translate(-50%, -50%);
			object-fit: cover;
		}

	.sc:hover.hover-border[b-2u7er3hrdq] {
		border: 2px solid #3874ff;
	}

	.sc.state-main[b-2u7er3hrdq] {
		background: linear-gradient(-30deg,#ee1c68, #fbb138);
	}

	.sc.state-active[b-2u7er3hrdq] {
		opacity: 1;
	}

	.sc.state-selected[b-2u7er3hrdq] {
		border: 2px solid #25b003;
	}

	.sc.state-inactive[b-2u7er3hrdq] {
	}

		.sc.state-inactive img[b-2u7er3hrdq] {
			filter: grayscale(100%) brightness(60%);
		}

.mb[b-2u7er3hrdq] {
	position: absolute;
	z-index: 100;
	background-color: #25b003;
	opacity: 1;
	padding: 2px;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	top: -2px;
	right: -4px;
	line-height: 0px;
	color: white;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	visibility: hidden;
}

	.mb .ic[b-2u7er3hrdq] {
		position: absolute;
		width: 14px;
		line-height: 1px;
		text-align: center;
		left: -1px;
		top: 0px;
	}

	.mb:active[b-2u7er3hrdq] {
		background-color: #1c6c09; /* Phoenix color*/
	}
/* /Shared/Data/ValueDisplays/VDComingSoon.razor.rz.scp.css */
.I[b-mwv6da1k7t] {
}

    .I img[b-mwv6da1k7t] {
        max-width: 100%;
        height: auto;
        width: 600px;
    }
/* /Shared/Data/ValueDisplays/VDDifficultySelection.razor.rz.scp.css */
img[b-5qthcxfpi4] {
    width: 16px;
}

.difficulty-tile[b-5qthcxfpi4] {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid;
}

    .difficulty-tile img[b-5qthcxfpi4] {
        visibility: hidden;
    }

    .difficulty-tile:hover img[b-5qthcxfpi4] {
        visibility: visible;
    }

    .difficulty-tile.is-checked img[b-5qthcxfpi4] {
        visibility: visible;
    }

.normal[b-5qthcxfpi4] {
    border-color: var(--color-difficulty-normal);
}

    .normal.is-checked[b-5qthcxfpi4] {
        background-color: var(--color-difficulty-normal);
    }

.heroic[b-5qthcxfpi4] {
    border-color: var(--color-difficulty-heroic);
}

    .heroic.is-checked[b-5qthcxfpi4] {
        background-color: var(--color-difficulty-heroic);
    }

.mythic[b-5qthcxfpi4] {
    border-color: var(--color-difficulty-mythic);
}

    .mythic.is-checked[b-5qthcxfpi4] {
        background-color: var(--color-difficulty-mythic);
    }
/* /Shared/Feedback/AlertBox.razor.rz.scp.css */
@keyframes smoothZoomIn-b-fii0qe0x0k {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animation[b-fii0qe0x0k] {
    animation: smoothZoomIn-b-fii0qe0x0k 0.10s ease-out;
}
/* /Shared/Feedback/ConfirmDialog/ConfirmDialog.razor.rz.scp.css */
/* 
    Να μην πειράξει κανείς αυτό το CSS !!!! 
    Για αλλαγές να πείτε σε εμένα
    Νίκος Σιάτρας Jr.

    Do not alter this CSS !!!! 
    For changes contact me
    Nikos Siatras Jr.
*/

.confirm-dialog-container[b-2xojo0imy4] {
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

    .confirm-dialog-container.visible[b-2xojo0imy4] {
        opacity: 1;
        pointer-events: auto;
    }

    .confirm-dialog-container.hidden[b-2xojo0imy4] {
        opacity: 0;
        pointer-events: none;
    }

/* Εσωτερικό περιεχόμενο με zoom */
.confirm-dialog-content[b-2xojo0imy4] {
    border: 1px solid #373E53;
    border-radius: 6px;
    background-color: #141824;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    display: inline-block;
    opacity: 0;
    transition: all 0.3s ease;
}

.confirm-dialog-container.visible .confirm-dialog-content[b-2xojo0imy4] {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.confirm-dialog-close-button[b-2xojo0imy4] {
    cursor: pointer;
}
/* /Shared/Feedback/GenericToolTip/GenericToolTip.razor.rz.scp.css */
.gt[b-6n6by2s82v] {
    width: 100%;
    display: inline-block;
}
/* /Shared/Feedback/RichTooltip/RichTooltip.razor.rz.scp.css */
/*Rich Tooltip Content */
.rtc[b-yx46o0wtnw] {
    position: relative;
    display: none;
    visibility: hidden;
}
/* /Shared/Forms/Dropdowns/BaseDropdown.razor.rz.scp.css */
.custom-dropdown[b-1uv7k9kg9x] {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 6px;
	border: 1px solid transparent;
}

	.custom-dropdown:hover[b-1uv7k9kg9x] {
		border: 1px solid white;
	}

	.custom-dropdown.focused[b-1uv7k9kg9x] {
		border-radius: 6px;
		border: 1px solid var(--wow-quality-uncommon);
	}

	.custom-dropdown:hover.focused[b-1uv7k9kg9x] {
		border: 1px solid var(--wow-quality-uncommon) !important;
	}

.hidden-item[b-1uv7k9kg9x] {
	visibility: hidden;
	position: relative;
	width: 100%;
}

	.hidden-item .local-placeholder[b-1uv7k9kg9x] {
		position: absolute;
		padding-top: 0px;
		top: 0;
		font-size: 12px;
		visibility: visible;
		width: 100%;
		height: 100%;
		align-content: center;
	}

.dropdown-angle-icon[b-1uv7k9kg9x] {
	margin-top: 1px;
	width: 24px;
}

.selected-item[b-1uv7k9kg9x] {
	margin: 0px;
	box-sizing: content-box;
	padding: 3px;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	line-height: initial;
	align-items: center;
	z-index: 1000;
	background-color: #0F111A;
}

.unselect-button[b-1uv7k9kg9x] {
	width: 22px;
	height: 22px;
	z-index: 1;
}

.dropdown-overlay[b-1uv7k9kg9x] {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.base-dropdown-menu[b-1uv7k9kg9x] {
	position: absolute;
	z-index: 9999999;
	display: none;
	visibility: hidden;
	margin-top: 2px;
	top: 100%;
	left: 0;
	right: 0;
	display: none;
	max-height: 300px;
	overflow-y: auto;
	background-color: black;
}

	.base-dropdown-menu.show[b-1uv7k9kg9x] {
		display: block; /* Show when toggled */
		visibility: visible;
		padding-top: 5px;
	}

.dropdown-item[b-1uv7k9kg9x] {
	padding: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

	.dropdown-item:hover[b-1uv7k9kg9x] {
		background-color: var(--phoenix-quaternary-bg);
	}

	.dropdown-item:hover[b-1uv7k9kg9x] {
	}

	.dropdown-item.excluded[b-1uv7k9kg9x] {
		color: #ffc107;
	}

.warning-icon[b-1uv7k9kg9x] {
	z-index: 1;
	color: #ffc107;
}

.error-icon[b-1uv7k9kg9x] {
	z-index: 1;
	color: #ff0000;
}
/* /Shared/Forms/Dropdowns/InstanceDropdown/InstanceDropdownTile.razor.rz.scp.css */

.instance-tile[b-38ynga9y3a] {
    width: 365px;
    height: -webkit-fit-content;
}

.instance-tile img[b-38ynga9y3a] {
    width: 130px;
    min-width: 130px;
    height: 60px;
    overflow: hidden;
    /*object-fit: none;
    object-position: center top;*/
}

.instance-name[b-38ynga9y3a] {
    margin-left:8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--wrs-encounter-name-color);
}
/* /Shared/Forms/Dropdowns/VDCharacterTile.razor.rz.scp.css */
.Dark[b-9t9f826jft] {
    cursor: pointer;
    border-radius: 6px;
    background-color: #0F111A;
    border: 1px solid #2D3345;
}

.no-border[b-9t9f826jft] {
    border: none;
}

.A[b-9t9f826jft] {
    cursor: pointer;
    border-radius: 6px;
    padding: 0px;
    width: 100%;
    font-weight: bold;
}

    .A:hover[b-9t9f826jft] {
        border: 1px solid white;
    }

.no-border.A:hover[b-9t9f826jft] {
    border: none !important;
}

.Focused[b-9t9f826jft] {
    border: 2px solid #51C035;
}

/* Class Icon */
.B[b-9t9f826jft] {
    padding: 0px;
    padding-right: 5px;
}

/* Specialization Icon */
.C[b-9t9f826jft] {
    padding: 0px;
    display: flex;
    padding-right: 5px;
    align-items: center;
}

/* Role Icon */
.D[b-9t9f826jft] {
    padding: 0px;
    display: flex;
    padding-right: 5px;
    align-items: center;
}

/* Extended Role Icon */
.E[b-9t9f826jft] {
    padding: 0px;
    display: flex;
    padding-right: 5px;
    align-items: center;
}

/* Character Name */
.F[b-9t9f826jft] {
    padding-right: 5px;
    text-shadow: 1px 1px 2px black;
}

/* Extra Icon */
.G[b-9t9f826jft] {
    padding-left: 5px;
    padding-right: 5px;
}

    .G img[b-9t9f826jft] {
        width: 24px;
        cursor: pointer;
    }

/* Info Icon */
.H[b-9t9f826jft] {
    padding-left: 5px;
    padding-right: 5px;
}

    .H img[b-9t9f826jft] {
        width: 24px;
    }
/* /Shared/Forms/Dropdowns/VDDaysOfWeek.razor.rz.scp.css */
.days-dropdown-button[b-bqfbvgeuo6] {
    height: 28px;
    cursor: pointer;
}

    .days-dropdown-button.locked[b-bqfbvgeuo6] {
        opacity: 0.6;
        cursor: auto;
    }

.days-of-week-font-size[b-bqfbvgeuo6] {
    font-size: 12px;
}

.compact-dropdown-button[b-bqfbvgeuo6] {
    padding-left: 8px;
    padding-right: 8px;
}

.checkbox-padding[b-bqfbvgeuo6] {
    padding-left: 28px;
}

.day-selected[b-bqfbvgeuo6] {
    color: #28a745;
}

.form-check-label[b-bqfbvgeuo6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.form-check[b-bqfbvgeuo6] {
    align-items: center;
    margin: 0px;
    padding-bottom: 10px;
}


ul li:nth-last-of-type(2) .form-check[b-bqfbvgeuo6] {
    margin-bottom: 2px;
}
/* /Shared/Forms/Dropdowns/VDropdown/VDropdown.razor.rz.scp.css */
.drop-down-container[b-r4lzvl68xc] {
	display: inline-block;
	width: auto;
	position: relative;
}

.show-left[b-r4lzvl68xc] {
	position: absolute;
	right: 0;
	margin-top: 2px;
}


	
/* /Shared/Forms/Dropdowns/VDSpellTile.razor.rz.scp.css */
.Dark[b-v8h33xg0c9] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #0F111A;
	border: 1px solid #2D3345;
}

.no-border[b-v8h33xg0c9] {
	border: none !important;
}

.A[b-v8h33xg0c9] {
	cursor: pointer;
	border-radius: 6px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
}

.no-border.A[b-v8h33xg0c9] {
	border: none !important;
}

.no-border.A:hover[b-v8h33xg0c9] {
	border: none !important;
}

	.A:hover[b-v8h33xg0c9] {
		border: 1px solid white;
	}


/* Spell Icon */
.B[b-v8h33xg0c9] {
	padding: 0px;
	padding-right: 5px;
}

/* Spell Name */
.F[b-v8h33xg0c9] {
	padding-right: 5px;
	text-shadow: 1px 1px 2px black;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* /Shared/Forms/FilteredDropDown/FilteredDropDown.razor.rz.scp.css */

.filtered-box[b-p1c2z3tb20] {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .filtered-box .search-input[b-p1c2z3tb20] {
        padding: 8px 10px;
        outline: none;
        width: 100%;
    }

    .filtered-box .drop-down-icon[b-p1c2z3tb20] {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 16px;
        color: gray;
        cursor: pointer;
    }

.suggestions[b-p1c2z3tb20] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #0A0C12;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

    .suggestions div[b-p1c2z3tb20] {
        padding: 4px;
        cursor: pointer;
    }

        .suggestions div:hover[b-p1c2z3tb20] {
            background-color: #31374A;
        }
/* /Shared/Forms/FilteredSearchBox/FilteredSearchBox.razor.rz.scp.css */
.filtered-box[b-rfq5jlqeso] {
	position: relative;
	display: flex;
	flex-direction: column;
}

	.filtered-box .search-left-icon[b-rfq5jlqeso] {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 16px;
		color: gray;
		z-index: 2;
		pointer-events: none;
	}

	.filtered-box .search-input.with-left-icon[b-rfq5jlqeso] {
		padding-left: 32px;
	}

	.filtered-box .search-input[b-rfq5jlqeso] {
		padding: 8px 10px;
		outline: none;
		width: 100%;
	}

	.filtered-box .drop-down-icon[b-rfq5jlqeso] {
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 16px;
		color: gray;
		cursor: pointer;
	}

.suggestions[b-rfq5jlqeso] {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #0A0C12;
	z-index: 1000;
	max-height: 200px;
	overflow-y: auto;
}

	.suggestions div[b-rfq5jlqeso] {
		padding: 4px;
		cursor: pointer;
	}

		.suggestions div:hover[b-rfq5jlqeso] {
			background-color: #31374A;
		}
/* /Shared/Forms/GenericDropDownWindow/GenericDropDownWindow.razor.rz.scp.css */
.gen-dropdown[b-v8xvtgzj8j] {
    display: inline-block;
    position: relative;

}

.trigger[b-v8xvtgzj8j] {
    cursor: pointer;
}

.gen-dropdown-content[b-v8xvtgzj8j] {
    position: absolute;
    border: 1px solid #373E53;
    background-color: #222834;
    border-radius: 0.5rem;
    z-index: 9999999 !important;
    box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.75);
}

    .gen-dropdown-content .loader[b-v8xvtgzj8j] {
        text-align: center;
        padding: 8px;
    }

        .gen-dropdown-content .loader img[b-v8xvtgzj8j] {
            width: 64px;
        }
/* /Shared/Forms/GlobalSearchBox/GlobalSearchBox.razor.rz.scp.css */
.filtered-box[b-upm2d8dav2] {
	position: relative;
	display: flex;
	flex-direction: column;
}

	.filtered-box .search-left-icon[b-upm2d8dav2] {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 16px;
		color: gray;
		z-index: 2;
		pointer-events: none;
	}

	.filtered-box .search-input.with-left-icon[b-upm2d8dav2] {
		padding-left: 32px;
	}

	.filtered-box .search-input[b-upm2d8dav2] {
		padding: 8px 10px;
		outline: none;
		width: 100%;
	}

	.filtered-box .drop-down-icon[b-upm2d8dav2] {
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 16px;
		color: gray;
		cursor: pointer;
	}

.suggestions[b-upm2d8dav2] {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #0A0C12;
	z-index: 1000;
	max-height: 400px;
	overflow-y: auto;
}

	.suggestions div[b-upm2d8dav2] {
		padding: 4px;
		cursor: pointer;
	}

		.suggestions div:hover[b-upm2d8dav2] {
			background-color: #31374A;
		}
/* /Shared/Forms/PasswordInputText.razor.rz.scp.css */
.password-container[b-toje5cmiht] {
    position: relative;
    width: 100%;
}

    .password-container input[type="text"][b-toje5cmiht],
    .password-container input[type="password"][b-toje5cmiht] {
        border: none;
        padding-left: 10px;
        padding-right: 35px; /* Δίνει επιπλέον χώρο για το εικονίδιο */
    }

    .password-container .uil[b-toje5cmiht] {
        position: absolute;
        top: 50%;
        right: 10px; /* Τοποθετεί το εικονίδιο δεξιά μέσα στο input */
        transform: translateY(-50%); /* Κεντράρει το εικονίδιο κατακόρυφα */
        cursor: pointer;
        font-size: 18px; /* Μπορείς να ρυθμίσεις το μέγεθος του icon */
    }
/* /Shared/Forms/TimeRangeSlider.razor.rz.scp.css */
/* /Shared/Layout/Header/HeaderAccountInfo.razor.rz.scp.css */
/* /Shared/Layout/Header/HeaderMenu.razor.rz.scp.css */
/* Navigation Option */
.nav-opt[b-72xv2cqvdh] {
	padding-top: 4px;
}

	.nav-opt.raid[b-72xv2cqvdh] {
		color: #FFAE5A;
	}

	.nav-opt.logs[b-72xv2cqvdh] {
		color: #18C9FB;
	}

	.nav-opt.ranks[b-72xv2cqvdh] {
		color: #76F571;
	}

	.nav-opt.sims[b-72xv2cqvdh] {
		color: #42F4C6
	}

/* /Shared/Layout/Header/PageUsersAvatar.razor.rz.scp.css */
/* Container for user avatars - displays in reverse order so they grow to the left */
.users-avatar-container[b-2dprnzep9z] {
	display: flex;
	flex-direction: row-reverse; /* Makes the avatars grow towards the left */
	gap: 17px;
	align-items: center;
	margin-right: 12px;
}

.rest-users[b-2dprnzep9z] {
	width: 33px;
}

.rest-users-count-label[b-2dprnzep9z] {
	height: 33px;
	width: 33px;
	line-height: 31px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	color: white;
	border-radius: 50%;
	border: 1px solid white;
	cursor: pointer;
}

.avatars-grid[b-2dprnzep9z] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
	gap: 8px;
}

.user-avatar-grid-item[b-2dprnzep9z] {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.user-avatar.user-avatar-for-grid[b-2dprnzep9z] {
	margin: 0px !important;
}

.user-avatar-for-grid .character-avatar[b-2dprnzep9z] {
	margin: 0px !important;
}

/* Individual user avatar styling */
.user-avatar[b-2dprnzep9z] {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--phoenix-tertiary);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	user-select: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	animation: appear-b-2dprnzep9z 0.3s ease-in-out;
}

	/* Hover effect */
	.user-avatar:hover[b-2dprnzep9z] {
		transform: translateY(-2px) scale(1.05);
		box-shadow: 0 4px 8px rgba(0,0,0,0.3);
		z-index: 2;
	}

    .user-avatar[b-2dprnzep9z] {
        border: 2px solid var(--phoenix-warning);
    }

	/* Current user has different styling */
    .user-avatar.current-user[b-2dprnzep9z] {
        border: 2px solid var(--phoenix-success);
        transform: scale(1.1);
        z-index: 1;
        box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    }

		.user-avatar.current-user:hover[b-2dprnzep9z] {
			transform: translateY(-2px) scale(1.15);
		}

/* Character avatar styling */
.character-avatar[b-2dprnzep9z] {
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	/* Make sure VDClassIcon fits properly */
	.character-avatar :global(img)[b-2dprnzep9z] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/* Faction icon positioning */
.faction-icon[b-2dprnzep9z] {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 14px;
	height: 14px;
	z-index: 2;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.5));
}

	.faction-icon img[b-2dprnzep9z] {
		width: 100%;
		height: 100%;
	}

/* Add tooltip styling override */
.user-avatar :global(.gt)[b-2dprnzep9z] {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Animation for new avatars */
@keyframes appear-b-2dprnzep9z {
	from {
		opacity: 0;
		transform: translateY(5px) scale(0.9);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
/* /Shared/Layout/LayoutHeader.razor.rz.scp.css */
/* /Shared/Layout/LayoutSidebar.razor.rz.scp.css */
.sidebar-button[b-yb6x965nrc] {
	padding: 6px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-radius: 4px;
	font-size: 14px;
	color: #9FA6BC !important;
	text-decoration: none !important;
}

	.sidebar-button:hover[b-yb6x965nrc] {
		background-color: #31374A;
		color: white !important;
		text-decoration: none !important;
	}

	.sidebar-button.active-button[b-yb6x965nrc] {
		color: white !important;
		background-color: #007CFF !important;
	}


	.sidebar-button:hover.active-button[b-yb6x965nrc] {
		background-color: #005EFF !important; 
	}

	.sidebar-button .spacer[b-yb6x965nrc]{
		width:20px;
	}

	.hidden-guilds-list-animation[b-yb6x965nrc] {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out, opacity 0.3s ease;
		opacity: 0;
	}

	.hidden-guilds-list-animation.open[b-yb6x965nrc] {
		max-height: 5000px;
		opacity: 1;
	}
/* /Shared/Layout/Sidebar/Dialogs/CreatePlanDialog.razor.rz.scp.css */
.select-instance-scroll-section[b-119wmpex3p] {
    height: 190px;
}
/* /Shared/Layout/Sidebar/SBGuild.razor.rz.scp.css */
.sb-hidden-guild[b-hlf4ke42ad] {
	background-color: #181C24;
	border-radius: 4px;
	border: 1px solid #31374A;
	min-height: 40px;
	margin: 9px;
	margin-top: 10px;
	padding: 5px;
}

	.sb-hidden-guild:hover[b-hlf4ke42ad] {
		border: 1px solid #9FA6BC;
	}


.sb-guild[b-hlf4ke42ad] {
	position: relative;
	width: 248px;
	min-height: 90px;
	background-color: #0F111A;
	border: 1px solid #31374A;
	border-radius: 4px;
	margin-top: 35px;
	margin-left: 2px;
}

	.sb-guild:hover[b-hlf4ke42ad] {
		border: 1px solid #F8B700 !important;
	}

	.sb-guild .show-on-hover[b-hlf4ke42ad] {
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.45s ease;
	}

	.sb-guild:hover .show-on-hover[b-hlf4ke42ad] {
		visibility: visible;
		opacity: 1;
	}

	.sb-guild.hidden-from-calendar[b-hlf4ke42ad] {
		background-color: #181C24;
		min-height: 40px !important;
	}

	.sb-guild .logo[b-hlf4ke42ad] {
		position: absolute;
		top: -24px;
		left: 50%;
		transform: translateX(-50%);
	}

	.sb-guild .drop-down-btn[b-hlf4ke42ad] {
		position: absolute;
		margin-top: 4px;
		width: 100%;
		cursor: pointer;
	}

	.sb-guild .order-buttons[b-hlf4ke42ad] {
		position: absolute;
		z-index: 100;
		padding-left: 5px;
		padding-top: 5px;
	}

		.sb-guild .order-buttons .icon-button-xs[b-hlf4ke42ad] {
			padding-top: 2px;
		}


.guild-list-animation[b-hlf4ke42ad] {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, opacity 0.3s ease;
	opacity: 0;
}

	.guild-list-animation.open[b-hlf4ke42ad] {
		max-height: 55000px;
		opacity: 1;
	}


.raid-team-enter[b-hlf4ke42ad] {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.raid-team-enter-active[b-hlf4ke42ad] {
	opacity: 1;
	transform: translateY(0);
}

.btn-phoenix-warning.active[b-hlf4ke42ad] {
	background-color: #007CFF !important;
	color: white !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.btn-phoenix-primary.active[b-hlf4ke42ad] {
	background-color: #007CFF !important;
	color: white !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}


.raid-team-leave[b-hlf4ke42ad] {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.raid-team-leave-active[b-hlf4ke42ad] {
	opacity: 0;
	transform: translateY(10px);
}
/* /Shared/Layout/Sidebar/SBRaidPlan.razor.rz.scp.css */
.sb-raid-plan[b-qn27oiwu0a] {
    background-color: #0F111A;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    border-left: 8px solid transparent;
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 4px;
    height: 28px;
    cursor: pointer;
}

    .sb-raid-plan.archived-plan-bg[b-qn27oiwu0a] {
        background-color: #3E465B;
        color: #9FA6AE !important;
    }

    .sb-raid-plan.selected-plan-bg[b-qn27oiwu0a] {
        background-color: #007CFF;
        color: white !important;
        text-shadow: 1px 1px 2px black;
    }

    .sb-raid-plan:hover.sb-raid-plan.selected-plan-bg[b-qn27oiwu0a] {
        background-color: #005EFF !important;
        color: white !important;
        text-shadow: 1px 1px 2px black;
    }

    .sb-raid-plan:hover[b-qn27oiwu0a] {
        background-color: #31374A;
        color: white !important;
    }


.visible-on-hover[b-qn27oiwu0a] {
    visibility: hidden;
    display: none;
}

.sb-raid-plan:hover .visible-on-hover[b-qn27oiwu0a] {
    visibility: visible;
    display: block;
}

.sb-raid-plan .live-badge[b-qn27oiwu0a] {
    padding-left: 2px;
    padding-right: 2px;
    height: 16px;
    line-height: 12px;
}

.name-text[b-qn27oiwu0a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 150px;
}

.sb-raid-plan:hover .name-text[b-qn27oiwu0a] {
    max-width: 110px;
}

.name-text-archived[b-qn27oiwu0a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 180px;
}

.sb-raid-plan:hover .name-text-archived[b-qn27oiwu0a] {
    max-width: 110px;
}

.icon-park-outline--dot[b-qn27oiwu0a] {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fa3b1d' stroke='%23fa3b1d' stroke-width='4' d='M24 33a9 9 0 1 0 0-18a9 9 0 0 0 0 18Z'/%3E%3C/svg%3E");
}
/* /Shared/Layout/Sidebar/SBRaidReset.razor.rz.scp.css */
.sb-raid-reset[b-zy5bkhk7z4] {

}

/* /Shared/Layout/Sidebar/SBRaidTeam.razor.rz.scp.css */
.sb-raid-team[b-vsex0dbgc1] {
	background-color: #222834;
	border-radius: 4px;
	border: 1px solid transparent;
	min-height: 40px;
	margin: 9px;
	margin-top: 10px;
	padding: 5px;
}

	.sb-raid-team:hover[b-vsex0dbgc1] {
		border: 1px solid #373E53;
		/* Box shadow */
		-webkit-box-shadow: 0px 0px 15px 1px rgba(56,56,56,0.6);
		box-shadow: 0px 0px 15px 1px rgba(56,56,56,0.6);
	}


	.sb-raid-team .show-on-hover[b-vsex0dbgc1] {
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.45s ease;
	}

	.sb-raid-team:hover .show-on-hover[b-vsex0dbgc1] {
		visibility: visible;
		opacity: 1;
	}

	.sb-raid-team.hidden-from-calendar[b-vsex0dbgc1] {
		background-color: #181C24;
	}

		.sb-raid-team.hidden-from-calendar .drop-down-btn[b-vsex0dbgc1] {
			cursor: default !important;
		}

.eye-button[b-vsex0dbgc1] {
	filter: brightness(100%);
	z-index: 90;
}



.sb-raid-team .team-name[b-vsex0dbgc1] {
	font-size: 15px;
	font-weight: bold;
	color: var(--wrs-raid-team-name-color);
}

.sb-raid-team .drop-down-btn[b-vsex0dbgc1] {
	cursor: pointer;
}

.raid-team-list-animation[b-vsex0dbgc1] {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, opacity 0.3s ease;
	opacity: 0;
}

	.raid-team-list-animation.open[b-vsex0dbgc1] {
		max-height: 115000px;
		opacity: 1;
	}

.archived-list-animation[b-vsex0dbgc1] {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, opacity 0.3s ease;
	opacity: 0;
}

	.archived-list-animation.open[b-vsex0dbgc1] {
		max-height: 115000px;
		opacity: 1;
	}

.raid-resets[b-vsex0dbgc1] {
	margin-left: 2px;
	margin-right: 2px;
}

.reset-group-title[b-vsex0dbgc1] {
	margin-top: 8px;
	border-top: 1px solid #373E53;
	font-size: 11px;
	line-height: 10px;
	padding-top: 16px;
	padding-bottom: 3px;
	color: #9FA6BC;
}

.archived-spacer[b-vsex0dbgc1] {
	font-size: 2px;
	padding-bottom: 0px;
}

.btn-phoenix-warning.active[b-vsex0dbgc1] {
	background-color: #007CFF !important;
	color: white !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.btn-phoenix-primary.active[b-vsex0dbgc1] {
	background-color: #007CFF !important;
	color: white !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}


.hidden-gray[b-vsex0dbgc1] {
	filter: grayscale(100%);
}
/* /Shared/Navigation/ButtonGroup/ButtonGroup.razor.rz.scp.css */

/* Dark Theme */
.btn-group-container-dark[b-hjnatgqf6p] {
	display: inline-flex;
	min-width: max-content;
	border-bottom: 2px solid #2E3447;
}

	.btn-group-container-dark .btn-g[b-hjnatgqf6p] {
		margin-top: 4px;
		font-weight: bold;
		height: 34px;
		cursor: pointer;
		min-width: 80px;
		font-size: 14px;
		padding-left: 14px;
		padding-right: 14px;
		border-radius: 0px;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
		line-height: normal;
		color: #9FA6BC;
	}

		.btn-group-container-dark .btn-g:hover[b-hjnatgqf6p] {
			color: white;
			position: relative;
		}

			.btn-group-container-dark .btn-g:hover[b-hjnatgqf6p]::after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				height: 2.5px;
				background: white;
				bottom: -2px;

				box-shadow: 0 3px 8px 0px #4545454d;
			}



		.btn-group-container-dark .btn-g.selected[b-hjnatgqf6p] {
			color: white;
			position: relative;
		}

			.btn-group-container-dark .btn-g.selected[b-hjnatgqf6p]::after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				height: 2.5px;
				background: white;
				bottom: -2px;
				box-shadow: 0 3px 8px 0px #4545454d; 
			}



/* Simple Theme*/
.btn-group-container[b-hjnatgqf6p] {
	display: inline-flex;
	min-width: max-content;
	border: 1px solid #3D414C;
	border-radius: 4px;
	background-color: #252834;
}

	.btn-group-container .btn-g[b-hjnatgqf6p] {
		font-weight: bold;
		height: 34px;
		cursor: pointer;
		min-width: 80px;
		font-size: 14px;
		padding-left: 14px;
		padding-right: 14px;
		border-radius: 0px;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
		line-height: normal;
	}

.btn-g.btn-g-sm[b-hjnatgqf6p] {
	height: 28px;
	padding-left: 10px;
	padding-right: 10px;
}

.btn-group-container .btn-g:hover[b-hjnatgqf6p] {
	color: #007CFF;
}

.btn-group-container .btn-g.selected[b-hjnatgqf6p] {
	background-color: #007CFF !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

	.btn-group-container .btn-g.selected:hover[b-hjnatgqf6p] {
		color: white !important;
	}

.btn-group-container .btn-g:first-child[b-hjnatgqf6p] {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.btn-group-container .btn-g:last-child[b-hjnatgqf6p] {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.btn-group-container .btn-g:not(:first-child):not(:last-child)[b-hjnatgqf6p] {
	border-radius: 0px;
}
/* /Shared/Navigation/WRSTabs/WRSTabs.razor.rz.scp.css */
/*#region --- Pill Header ------------------------------------------------------*/
.pill-header-container[b-cmg04ul2xe] {
	background-color: #222834;
	border: 1px solid #2F3549;
	border-radius: 6px;
}

.pill-header[b-cmg04ul2xe] {
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	cursor: pointer;
}

	.pill-header.read-only[b-cmg04ul2xe] {
		cursor: not-allowed !important;
		opacity: 0.5;
	}

	.pill-header.selected-tab[b-cmg04ul2xe] {
		border: 1px solid #373D52;
		border-top: none;
		border-bottom: none;
		border-radius: 6px;
		background-color: #007CFF;
	}

		.pill-header.selected-tab:first-child[b-cmg04ul2xe] {
			border-left: none !important;
		}

		.pill-header.selected-tab:last-child[b-cmg04ul2xe] {
			border-right: none !important;
		}

	.pill-header:hover:not(.read-only):not(.selected-tab)[b-cmg04ul2xe] {
		background-color: rgba(0, 124, 255, 0.3);
	}

	.pill-header[style*="--custom-tab-color"]:hover:not(.read-only):not(.selected-tab)[b-cmg04ul2xe] {
		background-color: var(--custom-tab-color);
		opacity: 0.7;
	}
/*#endregion --- Pill Header ------------------------------------------------------*/

/*#region --- Simple Header ------------------------------------------------------*/
.simple-header-container[b-cmg04ul2xe] {
	border: none;
	width: 100%;
}

.simple-header[b-cmg04ul2xe] {
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: center;
	cursor: pointer;
}

	.simple-header.selected-tab[b-cmg04ul2xe] {
		border-bottom: 2px solid #85A9FF;
		background-color: #141824;
	}

	.simple-header:hover:not(.read-only):not(.selected-tab)[b-cmg04ul2xe] {
		background-color: rgba(20, 24, 36, 0.5);
	}

	.simple-header[style*="--custom-tab-color"]:hover:not(.read-only):not(.selected-tab)[b-cmg04ul2xe] {
		background-color: var(--custom-tab-color);
		opacity: 0.7;
	}
/*#endregion --- Simple Header ------------------------------------------------------*/

/*#region --- WRS Header ------------------------------------------------------*/
.wrs-header-container[b-cmg04ul2xe] {
	position: relative;
	top: -11px;
	padding-left: 10px;
	height: 85px;
	z-index: 0;
	width: 100%;
}

.wrs-tab[b-cmg04ul2xe] {
	min-width: 120px;
}

.wrs-header[b-cmg04ul2xe] {
	top: 2px;
	background-color: #202530;
	border-top: 2px solid #373E53;
	border-left: 2px solid #373E53;
	border-right: 2px solid #373E53;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid transparent;
	height: 74px;
	line-height: 30px;
	vertical-align: middle;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
	z-index: 0;
	position: relative;
	margin-left: 5px;
	box-shadow: 2px -3px 8px 2px rgba(0,0,0,0.45);
}

	.wrs-header.exclusive-tab[b-cmg04ul2xe] {
		border-top: 2px solid #CC5500;
		border-left: 2px solid #CC5500;
		border-right: 2px solid #CC5500;
	}

		.wrs-header.exclusive-tab.selected-tab[b-cmg04ul2xe] {
			background-color: #8B4000;
			border-top: 2px solid #FF5F1F;
			border-left: 2px solid #FF5F1F;
			border-right: 2px solid #FF5F1F;
			height: 85px;
			border-bottom: 2px solid #8B4000;
		}

	.wrs-header:hover:not(.read-only):not(.selected-tab)[b-cmg04ul2xe] {
		background-color: #141824;
		color: white !important;
	}

	.wrs-header[style*="--custom-hover-color"]:hover:not(.read-only):not(.selected-tab)[b-cmg04ul2xe] {
		background-color: var(--custom-hover-color);
		opacity: 0.9;
	}

	.wrs-header[style*="--custom-tab-color"]:hover:not(.read-only):not(.selected-tab):not([style*="--custom-hover-color"])[b-cmg04ul2xe] {
		background-color: var(--custom-tab-color);
		opacity: 0.8;
	}

	.wrs-header.read-only[b-cmg04ul2xe] {
		cursor: not-allowed !important;
		opacity: 0.5;
	}

	.wrs-header.selected-tab[b-cmg04ul2xe] {
		position: relative;
		z-index: 10;
		box-shadow: none;
		height: 85px; /* A few px heigher... */

		background-color: #00174C;
		margin-top: 0px;
		top: 13px;
		border-top: 2px solid #2E5BC5;
		border-left: 2px solid #2E5BC5;
		border-right: 2px solid #2E5BC5;
		border-bottom: 2px solid #00174C;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		box-shadow: 2px -3px 8px 2px rgba(0,0,0,0.45);
	}

.wrs-tab-lock-icon[b-cmg04ul2xe] {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 2px;
	font-size: 19px;
}
/*#endregion --- WRS Header ------------------------------------------------------*/


.header-icon[b-cmg04ul2xe] {
}

	.header-icon img[b-cmg04ul2xe] {
		width: 38px;
		padding-top: 3px;
	}
/* /Shared/PageSpecific/Character/CharacterHeader.razor.rz.scp.css */
.character-header-container[b-q8vsr7eq2p] {
    height: 70px;
    max-height: 70px;
    background-color: #141824;
}

.titled-column[b-q8vsr7eq2p] {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex-shrink: 0;
}

.label[b-q8vsr7eq2p] {
	font-weight: bold;
	text-transform: uppercase;
}

.status-main[b-q8vsr7eq2p] {
	font-weight: bold;
	color: var(--wow-quality-uncommon);
}

.header-cell[b-q8vsr7eq2p] {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    justify-content: space-between;
}

.badge[b-q8vsr7eq2p] {
    height: 20px;
    min-width: 20px;
    padding: 3px;
}

.h-20px[b-q8vsr7eq2p] {
    height: 20px;
    min-height: 20px;
}

.character-info-section[b-q8vsr7eq2p] {
    min-width: 620px;
    max-width: 620px;
}

.aggregate-section[b-q8vsr7eq2p] {
    min-width: 600px;
}

.status-section[b-q8vsr7eq2p] {
    min-width: 200px;
    max-width: 200px;
}
/* /Shared/PageSpecific/Character/CharacterPaperdoll.razor.rz.scp.css */
.character-paperdoll-container[b-dzdj1hppul] {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: 1fr auto;
	height: 550px; /* Adjust as needed */
	position: relative;
	width: 100%;

}

.center-column[b-dzdj1hppul] {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	z-index: 0;
}

.left-column[b-dzdj1hppul] {
	grid-column: 1;
	grid-row: 1;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 4rem;
}

.right-column[b-dzdj1hppul] {
	grid-column: 3;
	grid-row: 1;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-left: 4rem;
}

.bottom-section[b-dzdj1hppul] {
    grid-column: 2;
    grid-row: 2;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 1rem;
}

.wow-room-bg[b-dzdj1hppul] {
    background-size: 220%;
    background-position: center -520px;
}
/* /Shared/PageSpecific/Character/RaidComponents/CharacterRaidBossTile.razor.rz.scp.css */
.boss-tile[b-ha5um43rgr] {
    height: 72px;
    flex: 1 1 0;
    min-width: 90px;
    max-width: 90px;
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: center calc(100% - 18px);
    transition: all ease-in-out 150ms;
    background-color: var(--phoenix-gray-50);
}

.boss-tile:hover[b-ha5um43rgr] {
    background-color: #007cff;
    background-size: 160%;
}

.boss-tile.display-disabled-lum[b-ha5um43rgr] {
    background-size: 135%;
}
.boss-tile.display-disabled-lum:hover[b-ha5um43rgr] {
    background-size: 140%;
    background-color: var(--phoenix-gray-200);
}
/* /Shared/PageSpecific/Character/RaidComponents/CharacterRaidProgressionDisplay.razor.rz.scp.css */
.card[b-49y6967h3q] {

    min-width: 0px;
    overflow: hidden;
}

.raid-image-tile[b-49y6967h3q] {
    height: 25px;
    min-width: 60px;
    background-size: 250%;
    background-repeat: no-repeat;
    background-position: center center;
}

.raid-header-col[b-49y6967h3q] {
    flex: 1 1 0;
    /* Changes the way size is calculated for flex children */
    min-width: 0;
}

.raid-title[b-49y6967h3q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 250px;
    width: 100%;
}

.fix-because-of-tooltip[b-49y6967h3q] {
    max-height: 72px;
}
/* /Shared/PageSpecific/Character/RaidProgression/BossProgressionTable.razor.rz.scp.css */
.boss-progression-table[b-z2c5j5f0ix] {
    margin-top: 1.5rem;
}

/* Boss Name Cell - Inline Badge + Name */
.boss-name-cell[b-z2c5j5f0ix] {
 display: flex;
    align-items: center;
    gap: 0.5rem;
}

.difficulty-badge[b-z2c5j5f0ix] {
 padding: 0.125rem 0.375rem;
    border-radius: 3px;
 font-weight: 700;
 font-size: 11px;
  text-align: center;
    line-height: 1;
}

    .difficulty-badge.mythic[b-z2c5j5f0ix] {
        background: rgba(255, 128, 0, 0.2);
        color: #ff8000;
    }

    .difficulty-badge.heroic[b-z2c5j5f0ix] {
        background: rgba(163, 53, 238, 0.2);
        color: #a335ee;
    }

    .difficulty-badge.normal[b-z2c5j5f0ix] {
        background: rgba(76, 175, 80, 0.2);
        color: #4CAF50;
    }

    .difficulty-badge.lfr[b-z2c5j5f0ix] {
        background: rgba(33, 150, 243, 0.2);
        color: #2196F3;
    }

.boss-name[b-z2c5j5f0ix] {
    font-weight: 500;
    color: var(--wrs-text-primary, #fff);
    font-size: 13px;
}

/* Text Cells */
.spec-rank[b-z2c5j5f0ix] {
    font-weight: 600;
    font-size: 13px;
}

.week-reset[b-z2c5j5f0ix] {
    font-size: 12px;
    color: var(--wrs-text-secondary, #999);
}

/* Percentile Colors */
.percentile-legendary[b-z2c5j5f0ix] {
    color: #ff8000;
    font-weight: 700;
}

.percentile-epic[b-z2c5j5f0ix] {
    color: #a335ee;
    font-weight: 600;
}

.percentile-rare[b-z2c5j5f0ix] {
    color: #0070dd;
    font-weight: 500;
}

.percentile-uncommon[b-z2c5j5f0ix] {
    color: #1eff00;
}

.percentile-common[b-z2c5j5f0ix] {
    color: #9d9d9d;
}

/* Link Buttons */
.link-buttons[b-z2c5j5f0ix] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.link-button[b-z2c5j5f0ix] {
  padding: 0.125rem 0.5rem;
    background: var(--wrs-primary-color, #4a9eff);
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease;
    line-height: 1.4;
}

.link-button:hover[b-z2c5j5f0ix] {
 background: var(--wrs-primary-hover, #3a8eef);
}

/* No Data State */
.no-boss-data[b-z2c5j5f0ix] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: var(--wrs-text-secondary, #999);
    background: var(--wrs-card-bg, #1a1a1a);
    border: 1px solid var(--wrs-border-color, #333);
    border-radius: 8px;
    margin-top: 1.5rem;
}

.no-boss-data span.uil[b-z2c5j5f0ix] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.no-boss-data p[b-z2c5j5f0ix] {
  font-size: 1rem;
    margin: 0;
}
/* /Shared/PageSpecific/Character/RaidProgression/CharacterRaidProgressionPage.razor.rz.scp.css */
.character-raid-progression-page[b-73mqd8yir9] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-73mqd8yir9] {
    margin-bottom: 2rem;
}

.page-header h2[b-73mqd8yir9] {
    font-size: 1.75rem;
 font-weight: 700;
    color: var(--wrs-text-primary, #fff);
    margin: 0 0 0.5rem 0;
}

.page-header .subtitle[b-73mqd8yir9] {
    font-size: 1rem;
    color: var(--wrs-text-secondary, #999);
    margin: 0;
}

.loading-state[b-73mqd8yir9],
.error-state[b-73mqd8yir9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
}

.loading-state[b-73mqd8yir9] {
    color: var(--wrs-text-secondary, #999);
}

.loading-state .spinner-border[b-73mqd8yir9] {
    width: 3rem;
    height: 3rem;
    color: var(--wrs-primary-color, #4a9eff);
}

.error-state[b-73mqd8yir9] {
    color: var(--wrs-text-secondary, #999);
}

.error-state span.uil[b-73mqd8yir9] {
 font-size: 4rem;
    color: var(--wrs-danger-color, #dc3545);
    opacity: 0.7;
}

.error-state h3[b-73mqd8yir9] {
  font-size: 1.5rem;
    font-weight: 600;
 margin: 0;
    color: var(--wrs-text-primary, #fff);
}

.error-state p[b-73mqd8yir9] {
    font-size: 1rem;
    margin: 0;
}

@media (max-width: 768px) {
    .character-raid-progression-page[b-73mqd8yir9] {
        padding: 1rem;
    }
    
    .page-header h2[b-73mqd8yir9] {
    font-size: 1.5rem;
    }
}
/* /Shared/PageSpecific/Character/RaidProgression/DifficultyCell.razor.rz.scp.css */
.difficulty-cell[b-81zwqrcenc] {
 display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
min-height: 28px;
    height: 28px;
}

.difficulty-cell.killed[b-81zwqrcenc] {
    position: relative;
}

.kill-info[b-81zwqrcenc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.kill-status[b-81zwqrcenc] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kill-icon[b-81zwqrcenc] {
    font-size: 1.2rem;
}

.difficulty-cell.killed.mythic .kill-icon[b-81zwqrcenc] {
    color: #ff8000;
}

.difficulty-cell.killed.heroic .kill-icon[b-81zwqrcenc] {
    color: #a335ee;
}

.difficulty-cell.killed.normal .kill-icon[b-81zwqrcenc] {
    color: #1e90ff;
}

.difficulty-cell.killed.lfr .kill-icon[b-81zwqrcenc] {
    color: #00ff00;
}

.difficulty-cell.not-killed[b-81zwqrcenc] {
    color: var(--wrs-text-muted, #666);
}

.difficulty-cell.not-killed .uil-times[b-81zwqrcenc] {
    font-size: 1rem;
    opacity: 0.5;
}

.kill-details[b-81zwqrcenc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.75rem;
    width: 100%;
}

.detail-item[b-81zwqrcenc] {
  display: flex;
  justify-content: space-between;
    gap: 0.5rem;
}

.detail-label[b-81zwqrcenc] {
    color: var(--wrs-text-secondary, #999);
}

.detail-value[b-81zwqrcenc] {
    color: var(--wrs-text-primary, #fff);
    font-weight: 600;
}

.percentile .detail-value[b-81zwqrcenc] {
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.7rem;
}

.percentile-legendary[b-81zwqrcenc] {
    background: rgba(255, 128, 0, 0.2);
    color: #ff8000;
}

.percentile-epic[b-81zwqrcenc] {
  background: rgba(163, 53, 238, 0.2);
    color: #a335ee;
}

.percentile-rare[b-81zwqrcenc] {
  background: rgba(0, 112, 221, 0.2);
    color: #0070dd;
}

.percentile-uncommon[b-81zwqrcenc] {
    background: rgba(30, 255, 0, 0.2);
    color: #1eff00;
}

.percentile-common[b-81zwqrcenc] {
  background: rgba(157, 157, 157, 0.2);
    color: #9d9d9d;
}
/* /Shared/PageSpecific/Character/RaidProgression/RaidProgressionHeader.razor.rz.scp.css */
.raid-progression-header[b-jhx3ys2bqz] {
  display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

/* Horizontal Tier Icon List */
.tier-icon-list[b-jhx3ys2bqz] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 1rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

/* Individual Tier Icon */
.tier-icon[b-jhx3ys2bqz] {
    position: relative;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border: 2px solid var(--wrs-border-color, #333);
    border-radius: 8px;
  cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.tier-icon:hover[b-jhx3ys2bqz] {
    border-color: var(--wrs-primary-color, #4a9eff);
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3);
    transform: translateY(-2px);
}

.tier-icon.selected[b-jhx3ys2bqz] {
    border-color: var(--wrs-accent-color, #ffd700);
    border-width: 3px;
}

.tier-icon.no-progress[b-jhx3ys2bqz] {
    opacity: 0.5;
}

.tier-icon.no-progress .tier-icon-image[b-jhx3ys2bqz] {
    filter: grayscale(100%);
}

/* Tier Icon Image (Raid Logo) */
.tier-icon-image[b-jhx3ys2bqz] {
    width: 100%;
height: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Progress Pill Overlay */
.progress-pill[b-jhx3ys2bqz] {
    position: absolute;
    top: 8px;
    right: 8px;
  background: rgba(0, 0, 0, 0.8);
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 11px;
 font-weight: 700;
    display: flex;
    gap: 3px;
    align-items: center;
}

.progress-pill .boss-count[b-jhx3ys2bqz] {
  color: var(--wrs-text-primary, #fff);
}

.progress-pill .difficulty-abbr[b-jhx3ys2bqz] {
    font-weight: 800;
}

.progress-pill.mythic .difficulty-abbr[b-jhx3ys2bqz] {
    color: #ff8000;
}

.progress-pill.heroic .difficulty-abbr[b-jhx3ys2bqz] {
    color: #a335ee;
}

.progress-pill.normal .difficulty-abbr[b-jhx3ys2bqz] {
    color: #4CAF50;
}

.progress-pill.lfr .difficulty-abbr[b-jhx3ys2bqz] {
    color: #2196F3;
}

/* Rank Badge */
.rank-badge[b-jhx3ys2bqz] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
  padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
}

/* Overflow Indicator */
.tier-overflow-indicator[b-jhx3ys2bqz] {
    display: flex;
 align-items: center;
    justify-content: center;
  width: 40px;
    font-size: 24px;
    color: var(--wrs-text-secondary, #999);
}

/* Tier Info Bar */
.tier-info-bar[b-jhx3ys2bqz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 1rem;
    background: var(--wrs-card-bg, #1a1a1a);
    border-top: 1px solid var(--wrs-border-color, #333);
}

.tier-name-display[b-jhx3ys2bqz] {
    font-size: 14px;
    font-weight: 500;
  color: var(--wrs-text-primary, #fff);
}

/* Tab Selector */
.tab-selector[b-jhx3ys2bqz] {
    display: flex;
    gap: 16px;
}

.tab-button[b-jhx3ys2bqz] {
    background: none;
    border: none;
    color: var(--wrs-text-secondary, #999);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    cursor: pointer;
  position: relative;
    transition: color 0.2s ease;
}

.tab-button:hover[b-jhx3ys2bqz] {
    color: var(--wrs-text-primary, #fff);
}

.tab-button.active[b-jhx3ys2bqz] {
    color: var(--wrs-primary-color, #4a9eff);
}

.tab-button.active[b-jhx3ys2bqz]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--wrs-primary-color, #4a9eff);
}

/* No Data State Message Container */
.no-data-message[b-jhx3ys2bqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
  color: var(--wrs-text-secondary, #999);
}

.no-data-message span.uil[b-jhx3ys2bqz] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* Responsive Breakpoints */
@media (max-width: 1400px) {
    .tier-icon[b-jhx3ys2bqz] {
        width: 55px;
      height: 55px;
 }
}

@media (max-width: 1200px) {
    .tier-icon[b-jhx3ys2bqz] {
 width: 50px;
  height: 50px;
    }
}

@media (max-width: 1000px) {
    .tier-icon[b-jhx3ys2bqz] {
   width: 45px;
        height: 45px;
    }
}

@media (max-width: 800px) {
 .tier-icon[b-jhx3ys2bqz] {
   width: 40px;
        height: 40px;
    }
 
    .tier-info-bar[b-jhx3ys2bqz] {
      flex-direction: column;
  height: auto;
      padding: 0.75rem 1rem;
gap: 0.5rem;
   align-items: flex-start;
    }
}
/* /Shared/PageSpecific/Guild/GuildHeader.razor.rz.scp.css */
.guild-header-container[b-pejfczml0x] {
    width: 330px;
}
/* /Shared/PageSpecific/Guild/Settings/BossMods.razor.rz.scp.css */

@keyframes borderZoom-b-25za8nsnev {
    0% {
        transform: scale(1);
        border-color: #60C6F1;
    }

    50% {
        transform: scale(1.05);
        border-color: #8FDBFF;
    }

    100% {
        transform: scale(1);
        border-color: #60C6F1;
    }
}

.selected-mod[b-25za8nsnev] {
    border: 2px solid #60C6F1;
    border-radius: 8px;
    background-color: #222834;
    animation: borderZoom-b-25za8nsnev 0.15s ease-in-out ;
}

.default-mod[b-25za8nsnev] {
    border: 2px solid #525B75;
    border-radius: 8px;
    filter: brightness(80%);
}

    .default-mod:hover[b-25za8nsnev] {
        background-color: #222834;
    }
/* /Shared/PageSpecific/Guild/Settings/GroupSorting.razor.rz.scp.css */
@keyframes borderZoom-b-ejfr10bows {
    0% {
        transform: scale(1);
        border-color: #60C6F1;
    }

    50% {
        transform: scale(1.05);
        border-color: #8FDBFF;
    }

    100% {
        transform: scale(1);
        border-color: #60C6F1;
    }
}

.selected-sorting[b-ejfr10bows] {
    border: 2px solid #60C6F1;
    border-radius: 8px;
    background-color: #222834;
    animation: borderZoom-b-ejfr10bows 0.15s ease-in-out;
}

.default-sorting[b-ejfr10bows] {
    border: 3px solid #525B75;
    border-radius: 8px;
    filter: brightness(80%);
}

    .default-sorting:hover[b-ejfr10bows] {
        background-color: #222834;
    }
/* /Shared/PageSpecific/Guild/Settings/GroupTemplates.razor.rz.scp.css */
@keyframes borderZoom-b-lulj8685r8 {
    0% {
        transform: scale(1);
        border-color: #60C6F1;
    }

    50% {
        transform: scale(1.05);
        border-color: #8FDBFF;
    }

    100% {
        transform: scale(1);
        border-color: #60C6F1;
    }
}

.selected-arrangement[b-lulj8685r8] {
    border: 2px solid #60C6F1;
    border-radius: 8px;
    background-color: #222834;
    animation: borderZoom-b-lulj8685r8 0.15s ease-in-out;
}

.default-arrangement[b-lulj8685r8] {
    border: 2px solid #525B75;
    border-radius: 8px;
    filter: brightness(80%);
}

    .default-arrangement:hover[b-lulj8685r8] {
        background-color: #222834;
    }

.group-template-title[b-lulj8685r8] {
    word-wrap: break-word;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 50px;
}
/* /Shared/PageSpecific/Guild/Settings/WeakAuras.razor.rz.scp.css */
@keyframes borderZoom-b-cz938y4b9o {
    0% {
        transform: scale(1);
        border-color: #60C6F1;
    }

    50% {
        transform: scale(1.05);
        border-color: #8FDBFF;
    }

    100% {
        transform: scale(1);
        border-color: #60C6F1;
    }
}

.selected-aura[b-cz938y4b9o] {
    border: 2px solid #60C6F1;
    border-radius: 8px;
    background-color: #222834;
    animation: borderZoom-b-cz938y4b9o 0.15s ease-in-out;
}

.default-aura[b-cz938y4b9o] {
    border: 2px solid #525B75;
    border-radius: 8px;
    filter: brightness(80%);
}

    .default-aura:hover[b-cz938y4b9o] {
        background-color: #222834;
    }
/* /Shared/PageSpecific/RaidPlan/Commons/VDRaidPlanEncounterPlayersCountBox.razor.rz.scp.css */
.players-count[b-shwxdtfvo9] {
    --color-valid: #07BE6E; /* It's OK */
    --color-players-count-is-invalid: red;
    --color-players-count-warning: #E5780B; /* Orange */
}

    .players-count.player-count-valid[b-shwxdtfvo9] {
        background-color: var(--color-valid);
    }

    .players-count.player-count-invalid[b-shwxdtfvo9] {
        background-color: var(--color-players-count-is-invalid);
    }

    .players-count.player-count-warning[b-shwxdtfvo9] {
        background-color: var(--color-players-count-warning);
    }

.players-count[b-shwxdtfvo9] {
    font-weight: 700;
    color: white;
    text-shadow: 1px 1px 2px black;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTAAbilityTimes.razor.rz.scp.css */
.timer-label[b-fi87nkgddk] {
	position: absolute;
	left: 0;
	right: 0;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	width: 100%;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.timer-text[b-fi87nkgddk] {
	display: inline-block;
	text-align: center;
	/* No absolute or relative positioning */
}

.timer-badge[b-fi87nkgddk] {
	display: inline-block;
	background: #444;
	color: #fff;
	border-radius: 8px;
	font-size: 10px;
	padding: 0 4px;
	min-width: 16px;
	text-align: center;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
	margin-left: 4px;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTAGrid.razor.rz.scp.css */
.vdbta-grid-table[b-wv3js417nv] {
	width: auto;
	min-width: max-content; /* Forces table to get width from content*/
	border-collapse: separate;
	border-spacing: 0;
	background: #181c24;
	color: #e0e6f0;
	font-size: 14px;
	table-layout: auto;
}



.vdbta-grid-table th[b-wv3js417nv] {
	position: sticky;
	top: 0;
	z-index: 2; /* Forces th to be always on top */
	background: #181c24; /* Same as table background */

	padding: 10px 8px;
	color: #9FA6BC;
	border-bottom: 1px solid #373E53 !important;
	border-right: 1px solid #373E53 !important;
}

	.vdbta-grid-table td[b-wv3js417nv] {
		padding: 6px 8px;
		border-bottom: 1px solid #373E53 !important;
		border-right: 1px solid #373E53 !important;
	}

.timer-col[b-wv3js417nv] {
	text-align: center;
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.abilities-col[b-wv3js417nv] {
	width: 390px;
	min-width: 180px;
	max-width: 380px;
}

.assignments-col[b-wv3js417nv] {
	width: auto;
	min-width: 380px;
}

.timer-header-toggle[b-wv3js417nv] {
	margin-left: -7px;
	margin-right: 2px;
	color: #e0e6f0;
	font-size: 12px;
	width: 26px;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTAInfoCell.razor.rz.scp.css */
.vdbta-info-cell-content[b-dzinl1rv45] {
	position: relative;
	width: 100%;
	height: 100%;
}

.vdbta-plan-arrows[b-dzinl1rv45] {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 4px;
	pointer-events: none;
	z-index: 2;
}

	.vdbta-plan-arrows.top[b-dzinl1rv45] {
		top: 0;
	}

	.vdbta-plan-arrows.bottom[b-dzinl1rv45] {
		bottom: 0;
	}

.vdbta-plan-arrow-btn[b-dzinl1rv45] {
	background: rgba(30,30,40,0.85);
	border: none;
	border-radius: 3px;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
	pointer-events: auto;
	opacity: 0;
	transition: opacity 0.15s;
}

.vdbta-info-cell-content:hover .vdbta-plan-arrow-btn[b-dzinl1rv45] {
	opacity: 1;
}

.vdbta-plan-arrow-btn .uil[b-dzinl1rv45] {
	font-size: 14px; /* Larger icon inside small button */
	color: #fff;
	pointer-events: none;
}

.vdbta-abilities-row[b-dzinl1rv45] {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	width: 100%;
	overflow-x: hidden;
}

.vdbta-ability[b-dzinl1rv45] {
	display: flex;
	align-items: center;
	min-width: 0; /* Allows flex children to shrink */
	overflow: hidden;
	margin-left: 0px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}

	.vdbta-ability img[b-dzinl1rv45] {
		width: 16px;
		height: 16px;
		margin-right: 2px;
		margin-left: 2px;
		flex-shrink: 0;
	}

.vdbta-ability-name[b-dzinl1rv45] {
	font-weight: bold;
	margin-right: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1 1 0;
	min-width: 0;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
	line-height: 20px;
	vertical-align: middle;
}

.highlighted-ability[b-dzinl1rv45] {
	background-color: rgba(255, 255, 0, 0.3);
	border-radius: 3px;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTAPhaseRow.razor.rz.scp.css */
.phase-row[b-rugxtfffx7] {
	background: #2563eb;
	height: 55px;

}

	.phase-row td[b-rugxtfffx7] {
		border-right: 1px solid #073BB5 !important;
	}

.phase-row-timer-col[b-rugxtfffx7] {
	border-right: 1px solid #073BB5 !important;
	border-bottom: 1px solid #373E53 !important;
}

.phase-row-timer[b-rugxtfffx7] {
	background: #2563eb;
	margin-left: auto;
	margin-right: auto;
}

.phase-row-phase-cell[b-rugxtfffx7] {
	background: #2563eb;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 12px;
	border-bottom: 1px solid #373E53 !important;
}

.phase-row-phase-label[b-rugxtfffx7] {
	color: black;
	min-width:270px;
	margin-left:4px;
}

.phase-row-phase-timer[b-rugxtfffx7] {
	color: black;
}

.timer-toggle[b-rugxtfffx7] {
	margin-left: 2px;
	margin-right: 2px;
	color: black;
	font-size: 12px;
	width: 16px;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTARow.razor.rz.scp.css */
.vdbta-row[b-emg0u08ayt] {
}


	.vdbta-row:nth-child(odd)[b-emg0u08ayt] {
		background-color: var(--phoenix-emphasis-bg);
	}

	.vdbta-row:nth-child(even)[b-emg0u08ayt] {
		background-color: var(--phoenix-gray-50);
	}

	.vdbta-row:nth-child(odd):hover[b-emg0u08ayt] {
		background-color: var(--phoenix-gray-100);
	}

	.vdbta-row:nth-child(even):hover[b-emg0u08ayt] {
		background-color: var(--phoenix-gray-100);
	}


.vdbta-cell[b-emg0u08ayt] {
	padding: 0 !important;
	margin: 0 !important;
	background: none;
	vertical-align: top;
	box-sizing: border-box;
	border-bottom: 1px solid #373E53;
	border-right: 1px solid #373E53;
}

.assignments-cell[b-emg0u08ayt]{
	min-width:380px;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTARowCellContainer.razor.rz.scp.css */
.vdbta-row-cell-container[b-ur2ul7ii74] {
	/*background: #232634;*/ /* dark blue-gray, adjust as needed */
	
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border-radius: 0;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTATimerCell.razor.rz.scp.css */
.vdbta-timer-cell[b-drzyxzp8n9] {
	font-weight: bold;
	width: 60px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #0E4AD5;
	text-align: center;
	border-radius: 5px;
	background-color: #3465D6;
}

.timer-value[b-drzyxzp8n9] {
	width: 60px;
	height: 32px;
	line-height: 32px; 
	text-align: center;
	font-weight:normal;

	color: #00174C;
	font-size: 16px;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTAUserSpell.razor.rz.scp.css */
.vdbta-userspell[b-hfmqmmddpw] {
	position: relative;
	background: none !important;
	background-color: none;
	overflow: visible;
	margin-right: 8px;
	margin-left: 8px;
}

.vdbta-userspell-hoverwrap[b-hfmqmmddpw] {
}


	.vdbta-userspell-hoverwrap:hover[b-hfmqmmddpw] {
		/* DEBUG !*/
		/*background-color:orange;*/
	}

/* SPELL IS AT TOP */
.spell-is-at-top[b-hfmqmmddpw] {
}

	.spell-is-at-top.vdbta-userspell[b-hfmqmmddpw] {
		height: 39px !important;
		/*background-color: orange !important;*/
		top: 4px !important;
	}

	.spell-is-at-top .userspell-icon-wrapper[b-hfmqmmddpw] {
		/*background-color: green !important;*/
		height: 40px !important;
		top: 0px;
	}

	.spell-is-at-top .vdbta-move-down[b-hfmqmmddpw] {
		top: 30px;
	}

	.spell-is-at-top .userspell-icon-wrapper img[b-hfmqmmddpw] {
		top: 0px !important;
	}

	.spell-is-at-top .vdbta-progress-bar[b-hfmqmmddpw] {
		top: -0px !important;
	}

/* SPELL IS AT BOTTOM */
.spell-is-at-bottom[b-hfmqmmddpw] {
	/*background-color: red !important;*/
}


.vdbta-userspell-icons[b-hfmqmmddpw] {
	position: absolute;
	max-height: 32px;
	top: 50%;
	line-height: 32px;
	vertical-align: middle;
	right: -16px; /* move outside the main icon */
	transform: translateY(-50%);
	display: none;
	flex-direction: column;
	gap: 2px;
	z-index: 20;
}

.vdbta-userspell:hover .vdbta-userspell-icons[b-hfmqmmddpw],
.vdbta-userspell:focus-within .vdbta-userspell-icons[b-hfmqmmddpw] {
	display: flex;
}

.vdbta-icon-btn[b-hfmqmmddpw] {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #aaa;
	transition: color 0.15s;
}

	.vdbta-icon-btn:hover[b-hfmqmmddpw] {
		color: #fff;
	}

/* Style for the cancel linking button */
.vdbta-link-btn.cancel-linking-btn i[b-hfmqmmddpw] {
	color: #e74c3c; /* Red color */
}

.vdbta-link-btn.cancel-linking-btn:hover i[b-hfmqmmddpw] {
	color: #c0392b; /* Darker red on hover */
}

.vdbta-gear-btn i[b-hfmqmmddpw],
.vdbta-link-btn i[b-hfmqmmddpw] {
	font-size: 14px;
	pointer-events: none;
}

.vdbta-move-btn[b-hfmqmmddpw] {
	position: absolute;
	left: 50%;
	width: 24px;
	height: 24px;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0;
	margin: 0;
	transform: translateX(-50%);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vdbta-move-up[b-hfmqmmddpw] {
	top: 0;
}

.vdbta-move-down[b-hfmqmmddpw] {
	bottom: 0;
}

.vdbta-arrow[b-hfmqmmddpw] {
	font-size: 22px;
	color: #888;
	opacity: 1 !important;
	pointer-events: none;
	user-select: none;
	font-weight: normal;
	line-height: 1;
}

.userspell-icon-wrapper[b-hfmqmmddpw] {
	position: relative !important;
	display: block !important;
	width: 32px !important;
	height: 70px !important;
	overflow: visible !important;
	background-color: transparent;
}

.userspell-icon[b-hfmqmmddpw] {
	/* Ensure icon does not overlap arrows */
	z-index: 1;
	box-sizing: border-box;
	border-radius: 0px;
	background: transparent;
	/* ...other styles... */
}

/* Completely revamped shift indicator positioning */
.userspell-icon-wrapper .shift-indicator[b-hfmqmmddpw] {
	position: absolute !important;
	top: auto !important; /* Reset any top positioning */
	bottom: 0 !important; /* Force to bottom */
	left: 0 !important;
	right: 0 !important;
	font-size: 10px !important;
	font-weight: bold !important;
	text-align: center !important;
	padding: 0px 2px !important;
	z-index: 10 !important; /* Higher z-index to ensure visibility */
	background-color: rgba(0, 0, 0, 0.75) !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.9) !important;
	width: 100% !important;
	line-height: 1 !important;
	pointer-events: none !important;
	margin: 0 !important;
	transform: none !important; /* Reset any transforms */
}

.shift-indicator.positive[b-hfmqmmddpw] {
	color: #4cd137 !important; /* Green for positive values */
}

.shift-indicator.negative[b-hfmqmmddpw] {
	color: #e84118 !important; /* Red for negative values */
}

/* HTML Dialog styles - Updated to match dark theme */
.spell-shift-dialog[b-hfmqmmddpw] {
	border-radius: 6px;
	border: 1px solid #373E53;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	padding: 0;
	background-color: #141824;
	width: 300px;
	color: #e0e0e0;
	user-select: none;
}

	.spell-shift-dialog[b-hfmqmmddpw]::backdrop {
		background-color: rgba(0, 0, 0, 0.5);
	}

.dialog-header[b-hfmqmmddpw] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	border-bottom: 1px solid #373E53;
	font-size: 14px;
}

	.dialog-header img.userspell-icon[b-hfmqmmddpw] {
		width: 32px;
		height: 32px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 4px;
		background: #111;
	}

	.dialog-header .fw-bold[b-hfmqmmddpw] {
		font-weight: bold;
		margin: 0;
		line-height: 1.2;
		/* color: #e0e0e0; */ /* Removed to allow class-based color to apply */
	}

	.dialog-header .small[b-hfmqmmddpw] {
		font-size: 12px;
		color: #adb5bd;
		line-height: 1.2;
	}

.dialog-close-btn[b-hfmqmmddpw] {
	background: none;
	border: none;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #adb5bd;
	cursor: pointer;
	padding: 0;
	margin-left: 8px;
}

	.dialog-close-btn:hover[b-hfmqmmddpw] {
		color: #fff;
	}

.dialog-content[b-hfmqmmddpw] {
	padding: 15px;
	border-bottom: 1px solid #373E53;
}

.dialog-footer[b-hfmqmmddpw] {
	display: flex;
	justify-content: flex-end;
	padding: 10px 15px;
	gap: 8px;
}

/* Tooltip styles */
.spell-tooltip[b-hfmqmmddpw] {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	padding: 10px;
	max-width: 350px;
	line-height: 1.4;
	color: #fff;
	background-color: rgba(20, 24, 36, 0.95);
	border: 1px solid #373E53;
}

	.spell-tooltip .player-name[b-hfmqmmddpw] {
		margin-bottom: 2px;
		display: block;
	}

/* Text shadow for character names - matches VDCharacterName style */
.wrs-light-text-shadow[b-hfmqmmddpw] {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.spell-tooltip .spell-name[b-hfmqmmddpw] {
	margin-bottom: 4px;
	display: flex;
	align-items: center;
}

.spell-tooltip hr[b-hfmqmmddpw] {
	border-color: #373E53;
	opacity: 0.5;
}

.spell-tooltip .warning[b-hfmqmmddpw] {
	color: #f39c12;
	font-weight: 500;
}

.spell-tooltip .progress-bar[b-hfmqmmddpw] {
	margin-top: 5px;
	margin-bottom: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Font size utility class */
.fs-7[b-hfmqmmddpw] {
	font-size: 0.85rem !important;
}
/* /Shared/PageSpecific/RaidPlan/HRA/VDBTAUserSpellShiftDialog.razor.rz.scp.css */
.fs-7[b-kvgunn8s3p] { font-size: 0.875rem; } .fs-8[b-kvgunn8s3p] { font-size: 0.8rem; } .fs-9[b-kvgunn8s3p] { font-size: 0.75rem; } input[type=number][b-kvgunn8s3p] { min-width: 80px; }

.userspell-icon[b-kvgunn8s3p] {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Time display styling */
.spell-time-display[b-kvgunn8s3p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 6px 16px;
    border-radius: 4px;
    text-align: center;
}

.time-label[b-kvgunn8s3p] {
    font-size: 12px;
    color: #adb5bd;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.time-value[b-kvgunn8s3p] {
    font-size: 24px;
    font-weight: bold;
    color: #e0e0e0;
    letter-spacing: 0.5px;
}

/* Align control buttons properly with input */
.control-button[b-kvgunn8s3p] {
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0; /* Remove any default margin */
    margin-bottom: auto; /* Align with the input field, not the label */
    align-self: flex-start; /* Align to top of container */
    background-color: #212332;
    border-color: #373E53;
    color: #adb5bd;
}

.control-button:hover[b-kvgunn8s3p] {
    background-color: #2c3046;
    color: #fff;
}

.control-button i[b-kvgunn8s3p] {
    font-size: 16px;
}

/* Better align the input group */
.d-flex.align-items-center.mb-2[b-kvgunn8s3p] {
    align-items: flex-start !important; /* Override the center alignment */
}

.position-relative[b-kvgunn8s3p] {
    margin-top: 0; /* Ensure no extra space at top */
}


input[type="number"][b-kvgunn8s3p]::-webkit-outer-spin-button,
input[type="number"][b-kvgunn8s3p]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"][b-kvgunn8s3p] {
    -moz-appearance: textfield;
}

    .position-relative input[type="number"][b-kvgunn8s3p] {
        background-color: #212332;
        border-color: #373E53;
        color: #e0e0e0;
        text-align: right;
        padding-right: 14px;
        margin: 0;
    }


.position-relative .small[b-kvgunn8s3p] {
    color: #adb5bd;
}

/* Warning container styling */
.warning-container[b-kvgunn8s3p] {
    margin-top: 10px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.warning-container .alert[b-kvgunn8s3p] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    max-width: 180px;
    text-align: center;
    margin: 0;
    background-color: rgba(255, 193, 7, 0.15);
    border-color: rgba(255, 193, 7, 0.3);
}

.warning-container .alert i[b-kvgunn8s3p] {
    margin-right: 5px;
    color: #ffc107;
}
/* /Shared/PageSpecific/RaidPlan/Issues/RaidPlanIssueDropdown.razor.rz.scp.css */
/* Removes phoenix chevron */
.dropdown-toggle[b-xou0tddfed]::after{
    display: none;
}
/* /Shared/PageSpecific/RaidPlan/Notes/VDNoteSection.razor.rz.scp.css */

.left-col[b-v38ty94ihj] {
    min-width: 230px;
    max-width: 230px;
}

.col-mark[b-v38ty94ihj] {
    width: 70px;
    margin-left: 4px;
    margin-right: 4px;
}

.col-spell[b-v38ty94ihj],
.col-player[b-v38ty94ihj],
.col-npc[b-v38ty94ihj] {
    width: 150px;
    margin-left: 4px;
    margin-right: 4px;
}


.btn-xs[b-v38ty94ihj] {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.section-title[b-v38ty94ihj] {
    width: 170px;
    word-wrap: break-word;
    white-space: normal;
}


.interrupts-header-height[b-v38ty94ihj] {
    height: 27px;
}

.left-header-height[b-v38ty94ihj] {
    min-height: 52px;
}

.encounter-image-wrapper[b-v38ty94ihj],
.spell-image-wrapper[b-v38ty94ihj] {
    width: 36px;
}

.encounter-image[b-v38ty94ihj] {
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--phoenix-border-color);
    border-radius: 6px;
    background-color: var(--phoenix-gray-50);
}

.spell-image[b-v38ty94ihj] {
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: relative;
    /*border: 1px solid var(--phoenix-border-color);
    border-radius: 6px;*/
    background-color: var(--phoenix-gray-50);
}

    .encounter-image img[b-v38ty94ihj],
    .spell-image img[b-v38ty94ihj] {
        width: 40px;
        height: 40px;
        object-fit: cover;
        object-position: center;
    }
/* /Shared/PageSpecific/RaidPlan/Notes/VDNoteSectionLine.razor.rz.scp.css */
.col-mark[b-85rcqu83s8] {
    width: 70px;
    margin-left: 4px;
    margin-right: 4px;
    
}

.col-spell[b-85rcqu83s8],
.col-player[b-85rcqu83s8],
.col-npc[b-85rcqu83s8] {
    width: 150px;
    margin-left: 4px;
    margin-right: 4px;
}

.disable-cells div:last-child[b-85rcqu83s8] {
    pointer-events: none;
    filter: grayscale(100%) brightness(60%);
}

.btn-xs[b-85rcqu83s8] {
    width: 26px;
    height: 26px;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanCalendarCell.razor.rz.scp.css */
.calendar-cell[b-yw1b57bnu2] {
    width: 133px;
    border-right: 1px solid #373E53;
}

    .calendar-cell:not(.darker-bg):hover[b-yw1b57bnu2] {
        color: #eff2f6;
        background-color: rgba(133, 169, 255, 0.07);
    }
/* /Shared/PageSpecific/RaidPlan/RaidPlanCalendarRow.razor.rz.scp.css */
:root[b-s3gcgmfkv9] {
	--calendar-row-height: 30px; /* Sets line height */
}

.calendar-row[b-s3gcgmfkv9] {
	min-height: var(--calendar-row-height);
	height: var(--calendar-row-height);
}

	.calendar-row .header-title[b-s3gcgmfkv9] {
		width: 253px;
		min-width: 253px;
		min-height: 28px;
		height: var(--calendar-row-height);
		background-color: #141824;
		z-index: 999;
	}

.float-wrapper[b-s3gcgmfkv9] {
	position: fixed;
	width: 253px;
	min-width: 253px;
	max-width: 253px;
	height: 60px;
	z-index: 99;
	background-color: #0F111A;
	border-top: 1px solid #373E53;
	border-right: 1px solid #373E53;
	border-bottom: 1px solid #373E53;
}

.plan-name-input[b-s3gcgmfkv9] {
	line-height: 0px;
	padding: 2px;
	padding-left: 5px;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 10px;
	height: 38px;
	/* background-color: rgba(59, 59, 59, 0.52);*/
	color: white;
	width: 242px;
	font-size: 16px;
}


/*
	Raid Plan Name Input
*/

.raid-plan-title-container[b-s3gcgmfkv9] {
	position: relative;
	border: 1px solid #373E53;
	border-radius: 6px;
	width: 244px;
	left: 4px;
	top: 8px;
}

	.raid-plan-title-container input[type="text"][b-s3gcgmfkv9] {
		color: white;
		font-weight: bold;
		font-size: 15px;
		height: 30px;
		border: 0px;
		background-color: #0F111A;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		padding-left: 5px;
		width: 100%;
	}

		.raid-plan-title-container input[type="text"]:focus[b-s3gcgmfkv9] {
			border: none;
			outline: none;
		}

.raid-plan-logo[b-s3gcgmfkv9] {
	border-right: 1px solid #373E53;
	padding: 4px;
	margin: 0px;
	background-color: #0F111A;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

	.raid-plan-logo > img[b-s3gcgmfkv9] {
		width: 32px;
	}

.read-only-name[b-s3gcgmfkv9] {
	color: #9FA6BC !important;
	cursor: not-allowed !important;
	user-select: none !important;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanCharacterEncounterCell.razor.rz.scp.css */
.char-cell[b-ussh5z1h17] {
	width: 133px;
	height: 27px;
	min-height: 27px;
	cursor: pointer;
	border-right: 1px solid #373E53;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

/* Status */
.S[b-ussh5z1h17] {
	width: 30px;
}

/* Calendar Tooltip*/
.C[b-ussh5z1h17] {
	margin-left: 4px;
	font-size: 16px;
}

/* Calendar Icon Colors */
.calendar-icon-conflict[b-ussh5z1h17] {
	color: #ff3b3b; /* Red for conflict */
}

.calendar-icon-warning[b-ussh5z1h17] {
	color: #ffb300; /* Orange/Yellow for warning */
}

.calendar-icon-info[b-ussh5z1h17] {
	color: #b0b0b0; /* Gray for info/no conflict */
}

/*#region ------ Backgrounds ------ */
.bg-in[b-ussh5z1h17] {
	background-color: #115a00;
	color: white;
	font-size: 0.85rem;
	text-shadow: 1px 1px 2px black;
}

	.bg-in:hover[b-ussh5z1h17] {
		background-color: #296a1a;
	}

.bg-alt-in[b-ussh5z1h17] {
	background-color: teal;
	color: white;
	font-size: 0.7rem;
	text-shadow: 1px 1px 2px black;
}

	.bg-alt-in:hover[b-ussh5z1h17] {
		background-color: #1a8d8d;
	}

.bg-alt-out[b-ussh5z1h17] {
	background-color: #222844;
	color: red;
	font-size: 0.7rem;
	text-shadow: 1px 1px 2px black;
}

.bg-out[b-ussh5z1h17] {
	color: red;
	font-size: 0.7rem;
}

.bg-not-available[b-ussh5z1h17] {
	background-color: red;
	font-size: 0.7rem;
	color: white;
}

.bg-standby[b-ussh5z1h17] {
}


/*#endregion ------ Backgrounds ------*/
.spec-menu[b-ussh5z1h17] {
	min-width: 264px;
	z-index: 4000;
}

.spec-item[b-ussh5z1h17] {
}

	.spec-item:hover[b-ussh5z1h17] {
		color: #eff2f6;
		background-color: rgba(133, 169, 255, 0.07);
	}

.alt-badge[b-ussh5z1h17] {
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 8px;
    border: 1px solid var(--phoenix-info-border-subtle);
    border-radius: 4px;
    font-size: 10px;
    line-height: 1px;
    font-weight: bold;
    background-color: var(--phoenix-info-bg-subtle);
    color: var(--phoenix-info-text-emphasis);
   
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanCharacterRow.razor.rz.scp.css */
/*Raid Plan Character row */
.rpcr[b-360zz9d0ii] {
	height: 28px;
}

/* Raid Plan Character Row header */
.rpcrh[b-360zz9d0ii] {
	width: 253px;
	min-width: 253px;
	height: 28px;
	min-height: 28px;
	border-top: 1px solid #373E53;
}

/* Character Row Float Wrapper */
.crfw[b-360zz9d0ii] {
	position: fixed;
	width: 253px;
	height: 27px;
	min-height: 27px;
	min-width: 253px;
	max-width: 253px;
	z-index: 10;
	background-color: #141824;
	border-right: 1px solid #373E53;
}

.toggle[b-360zz9d0ii] {
	width: 26px;
	padding-left: 4px;
}

	.toggle .alt-icon[b-360zz9d0ii] {
		position: relative;
		left: 5px;
		bottom: 2px;
	}

.S[b-360zz9d0ii] {
	width: 24px;
	text-align: center;
}

.Name[b-360zz9d0ii] {
	width: 101px;
	margin-left: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* C = Calendar */
.C[b-360zz9d0ii] {
	width: 24px;
	text-align: center;
	color: white;
}

.R[b-360zz9d0ii] {
	width: 24px;
	text-align: center;
}

.V[b-360zz9d0ii] {
	width: 24px;
	text-align: center;
}

.vault-green[b-360zz9d0ii] {
	color: #1eff00;
}

.vault-blue[b-360zz9d0ii] {
	color: #0070dd;
}

.vault-purple[b-360zz9d0ii] {
	color: #a335ee;
}

.vault-gray[b-360zz9d0ii] {
	color: dimgrey;
}

.B[b-360zz9d0ii] {
	width: 24px;
	text-align: center;
}

	.B .B-label[b-360zz9d0ii] {
		visibility: visible;
		display: block;
	}

	.B .B-button[b-360zz9d0ii] {
		visibility: hidden;
		display: none;
	}

		.B .B-button button[b-360zz9d0ii] {
			padding: 0px;
			padding-top: 1px;
			width: 24px;
			height: 24px;
		}

.rpcrh:hover .B-label:not(.archived)[b-360zz9d0ii] {
    visibility: hidden;
    display: none;
}

.rpcrh:hover .B-button:not(.archived)[b-360zz9d0ii] {
    visibility: visible;
    display: block;
}

.custom-dropdown-item[b-360zz9d0ii] {
	align-items: center;
}

	.custom-dropdown-item:hover[b-360zz9d0ii] {
		color: #eff2f6;
		background-color: rgba(133, 169, 255, 0.07);
	}
/* /Shared/PageSpecific/RaidPlan/RaidPlanEncounterBuffsCell.razor.rz.scp.css */
.buffs-cell[b-ye6s2cyxlv] {
    width: 133px;
    min-height: 28px;
    border-right: 1px solid #373E53;
}


.btn-xs[b-ye6s2cyxlv] {
    /* This overrides the Phoenix's template .btn-xs CSS class */
    height: 20px;
    width: 20px;
    padding: 0px;
    font-size: 10px;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanEncounterBuffsRow.razor.rz.scp.css */
.header-title[b-19zlciy1fx] {
	width: 253px;
	min-width: 253px;
	min-height: 30px;
	height: 30px;
	background-color: #141824;
}

.float-wrapper[b-19zlciy1fx] {
	position: fixed;
	width: 253px;
	min-width: 253px;
	height: 100px;
	background-color: #141824;
	z-index: 99;
	border-right: 1px solid #373E53;
}

/* Option Buttons */
.opts[b-19zlciy1fx] {
	margin-top: 3px;
	width:244px;
}

/* In Button Counter */
.ibc[b-19zlciy1fx] {
	color: white;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	background-color: var(--phoenix-danger-lighter);
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanEncounterCell.razor.rz.scp.css */
.rec[b-fzjfsz5rcn] {
    width: 133px;
    height: 61px;
    position: relative;
    border-right: 1px solid #373E53;
}

.top-control-row-padding[b-fzjfsz5rcn] {
    padding-left: 4px;
    padding-right: 3px;
}

.cursor-not-allowed[b-fzjfsz5rcn] {
    cursor: not-allowed;
}

/* Background Enabled-Disabled Styles -- DO NOT ALTER*/
.rec .bg[b-fzjfsz5rcn] {
    position: absolute;
    overflow: hidden;
    text-align: center;
}

.rec .bg-archived[b-fzjfsz5rcn] {
    height: 61px;
}

.rec .bg-disabled[b-fzjfsz5rcn] {
    position: absolute;
    overflow: hidden;
    filter: grayscale(100) brightness(50%);
}

/* 
	Encounter Selected State -- DO NOT ALTER
	------------------- START---------------------- 
*/
.rec .bg img[b-fzjfsz5rcn] {
    width: 100% !important;
    min-width: 132px !important;
    max-width: 132px !important;
}

.rec .bg.overlay-selected[b-fzjfsz5rcn] {
    width: 132px;
    height: 61px;
    box-shadow: inset #039 0px 0px 0px 4px, inset #007cff 0px 62px 0px 0px;
}

.rec .bg.overlay-selected img[b-fzjfsz5rcn] {
    width: 100% !important;
    min-width: 132px !important;
    max-width: 132px !important;
}
/*  -------------------- END ----------------------- */


.rec .vis-on-hov[b-fzjfsz5rcn] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.45s ease;
}

.rec:hover .vis-on-hov[b-fzjfsz5rcn] {
    opacity: 1;
    visibility: visible;
}

.rec .inv-on-hov[b-fzjfsz5rcn] {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease, visibility 0.45s ease;
}

.rec:hover .inv-on-hov[b-fzjfsz5rcn] {
    visibility: hidden;
    opacity: 0;
}

.rec .dropdown-menu[b-fzjfsz5rcn] {
    z-index: 2000;
}

/* RaidEncounter Overlay */
.rec .overlay[b-fzjfsz5rcn] {
    position: relative;
    padding-top: 4px;
    height: 100%;
}

    .rec .overlay .options[b-fzjfsz5rcn] {
        margin-top: 13px;
        height: 22px;
    }

        .rec .overlay .options .option-button-xs[b-fzjfsz5rcn] {
            height: 22px;
            width: 22px;
            text-align: center;
            margin-top: -9px;
            font-size: 17px;
            line-height: 22px;
            color: #6090FF;
            background: black;
            border: 1px solid #2E3445;
            border-radius: 6px;
        }

            .rec .overlay .options .option-button-xs:hover[b-fzjfsz5rcn] {
                background-color: #222834;
            }

    .rec .overlay .title[b-fzjfsz5rcn] {
        color: var(--wrs-encounter-name-color);
        line-height: 16px;
        margin-top: -35px;
        text-shadow: rgb(30, 30, 30) 3px 0px 0px, rgb(30, 30, 30) 2.83487px 0.981584px 0px, rgb(30, 30, 30) 2.35766px 1.85511px 0px, rgb(30, 30, 30) 1.62091px 2.52441px 0px, rgb(30, 30, 30) 0.705713px 2.91581px 0px, rgb(30, 30, 30) -0.287171px 2.98622px 0px, rgb(30, 30, 30) -1.24844px 2.72789px 0px, rgb(30, 30, 30) -2.07227px 2.16926px 0px, rgb(30, 30, 30) -2.66798px 1.37182px 0px, rgb(30, 30, 30) -2.96998px 0.42336px 0px, rgb(30, 30, 30) -2.94502px -0.571704px 0px, rgb(30, 30, 30) -2.59586px -1.50383px 0px, rgb(30, 30, 30) -1.96093px -2.27041px 0px, rgb(30, 30, 30) -1.11013px -2.78704px 0px, rgb(30, 30, 30) -0.137119px -2.99686px 0px, rgb(30, 30, 30) 0.850987px -2.87677px 0px, rgb(30, 30, 30) 1.74541px -2.43999px 0px, rgb(30, 30, 30) 2.44769px -1.73459px 0px, rgb(30, 30, 30) 2.88051px -0.838247px 0px;
    }

    /* Style For DISABLED TITLE - DO NOT ALTER */
    .rec .overlay .disabled-title[b-fzjfsz5rcn] {
        color: white;
        line-height: 16px;
        margin-top: -35px;
        text-shadow: rgb(30, 30, 30) 3px 0px 0px, rgb(30, 30, 30) 2.83487px 0.981584px 0px, rgb(30, 30, 30) 2.35766px 1.85511px 0px, rgb(30, 30, 30) 1.62091px 2.52441px 0px, rgb(30, 30, 30) 0.705713px 2.91581px 0px, rgb(30, 30, 30) -0.287171px 2.98622px 0px, rgb(30, 30, 30) -1.24844px 2.72789px 0px, rgb(30, 30, 30) -2.07227px 2.16926px 0px, rgb(30, 30, 30) -2.66798px 1.37182px 0px, rgb(30, 30, 30) -2.96998px 0.42336px 0px, rgb(30, 30, 30) -2.94502px -0.571704px 0px, rgb(30, 30, 30) -2.59586px -1.50383px 0px, rgb(30, 30, 30) -1.96093px -2.27041px 0px, rgb(30, 30, 30) -1.11013px -2.78704px 0px, rgb(30, 30, 30) -0.137119px -2.99686px 0px, rgb(30, 30, 30) 0.850987px -2.87677px 0px, rgb(30, 30, 30) 1.74541px -2.43999px 0px, rgb(30, 30, 30) 2.44769px -1.73459px 0px, rgb(30, 30, 30) 2.88051px -0.838247px 0px;
    }


/* Box Shadow Colors */
.overlay.box-shadow-players-count-valid[b-fzjfsz5rcn] {
    /* Green */
    box-shadow: #07BE6E 0px -1px inset;
}

.overlay.box-shadow-players-count-invalid[b-fzjfsz5rcn] {
    /* Red */
    box-shadow: red 0px -1px inset;
}

.overlay.box-shadow-players-count-warning[b-fzjfsz5rcn] {
    /* Orange */
    box-shadow: #E5780B 0px -1px inset;
}

.overlay.box-shadow-is-disabled[b-fzjfsz5rcn] {
    /* Gray - Disabled */
    box-shadow: #808080 0px -1px inset;
}

.empty[b-fzjfsz5rcn] {
    width: 22px;
    height: 22px;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanEncounterFightRequirementsCell.razor.rz.scp.css */
.fight-requirements-cell[b-sow87weyuz] {
    width: 133px;
    min-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.fight-requirements-icons-container[b-sow87weyuz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: auto;
    margin-bottom: auto;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanEncounterFightRequirementsRow.razor.rz.scp.css */
.fight-requirements-row[b-rrodeiu93p] {
}

    .fight-requirements-row .header-title[b-rrodeiu93p] {
        width: 253px;
        min-width: 253px;
        padding-left: 10px;
    }
/* /Shared/PageSpecific/RaidPlan/RaidPlanInstanceDropdown.razor.rz.scp.css */
.raid-plan-drop-down[b-ktt2ilcsct] {
    width: 253px;
    min-width: 253px;
    max-width: 253px;
    height: 61px;

}

.float-wrapper[b-ktt2ilcsct] {
    position: fixed;
    width: 253px;
    min-width: 253px;
    max-width: 253px;
    height: 61px;
    /*z-index: 999999999;*/ /* This index made the wrapper appear above modals, tooltips */
    z-index: 999;
    border-top-left-radius: 8px;
    border-bottom: 1px solid #373E53;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanStatusCell.razor.rz.scp.css */
.raid-plan-status-cell[b-ash6lsmojp] {
	height: 30px;
	width: 133px;
	border-right: 1px solid #373E53;
}


.status-option[b-ash6lsmojp] {
	width: 22px;
	height: 22px;
	display: flex;
	border-radius:2px;
	align-items: center; 
	justify-content: center; 
	cursor: pointer;
	transition: transform 0.1s ease;
	background: transparent;
}

	.status-option:hover[b-ash6lsmojp] {
		transform: scale(1.1);
		background-color: #222834;
	}
/* /Shared/PageSpecific/RaidPlan/RaidPlanStatusRow.razor.rz.scp.css */
:root[b-i85p1671tv] {
	--status-row-height: 29px; /* Sets line height */
}

.status-row[b-i85p1671tv] {
	height: var(--status-row-height);
	min-height: var(--status-row-height);
	line-height: var(--status-row-height);
}

.status-row-header-title[b-i85p1671tv] {
	width: 253px;
	min-width: 253px;
	min-height: 28px;
	height: 30px;
	border-top: 1px solid #373E53;
	background-color: #141824;
}

/* /Shared/PageSpecific/RaidPlan/RaidPlanTotalPlayersCell.razor.rz.scp.css */
.total-players-cell[b-hjgrmrb0k1] {
	width: 133px;
	height: 29px;
	max-height: 29px;
	min-height: 29px;
	display: flex;
	flex-direction: row;
	border-right: 1px solid #373E53;
	border-bottom: 1px solid #373E53;
	padding-left: 2px;
}

	.total-players-cell img[b-hjgrmrb0k1] {
		width: 22px;
		display: inline-flex;
	}

	/* START ---- Visible-Hidden on Mouse Hover ---- START */
	.total-players-cell .default[b-hjgrmrb0k1] {
		visibility: visible;
		display: block;
	}

	.total-players-cell .visible-on-hover[b-hjgrmrb0k1] {
		visibility: hidden;
		display: none;
	}

	.total-players-cell:hover .default[b-hjgrmrb0k1] {
		visibility: hidden;
		display: none;
	}

	.total-players-cell:hover .visible-on-hover[b-hjgrmrb0k1] {
		visibility: visible;
		display: block;
	}
	/* END ---- Visible-Hidden on Mouse Hover ---- END */

	.total-players-cell:not(.darker-bg):hover[b-hjgrmrb0k1] {
		color: #eff2f6;
		background-color: rgba(133, 169, 255, 0.07);
	}

	.total-players-cell .btn[b-hjgrmrb0k1] {
		opacity: 0;
	}

	.total-players-cell:hover .btn[b-hjgrmrb0k1] {
		opacity: 1;
	}

.btn-xs[b-hjgrmrb0k1] {
	height: 22px;
	width: 22px;
}

/* Role Display Wrapper */
.rdw[b-hjgrmrb0k1] {
	position: relative;
	width: 27px;
	height: 28px;
	max-height: 28px;
	align-content: center;
}

.microdisplay[b-hjgrmrb0k1] {
	position: absolute;
	background-color: #222834; /*Phoenix color*/
	opacity: 1;
	padding-top: 1px;
	padding-left: 0px;
	border-radius: 100%;
	z-index: 10;
	height: 16px;
	width: 16px;
	right: 0px;
	bottom: 0px;
	line-height: 0px;
	color: white;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanTotalPlayersRow.razor.rz.scp.css */
.total-players-row[b-i732b2w4lc] {
	height: 30px;
	z-index: 999;
}

	.total-players-row .left-header[b-i732b2w4lc] {
		width: 253px;
		min-width: 253px;
		height: 30px;
		min-height: 30px;
		background-color: #141824;
	}

.float-wrapper[b-i732b2w4lc] {
	position: fixed;
	width: 253px;
	min-width: 253px;
	max-width: 253px;
	z-index: 99;
	height: 30px;
	background-color: #141824;
	border-right: 1px solid #373E53;
}

.toggle[b-i732b2w4lc] {
	width: 26px;
	padding-left: 4px;
}

.S[b-i732b2w4lc] {
	width: 24px;
	text-align: center;
}

.Name[b-i732b2w4lc] {
	width: 125px;
	margin-left: 6px;
}

.R[b-i732b2w4lc] {
	width: 24px;
	text-align: center;
}

.V[b-i732b2w4lc] {
	width: 24px;
	text-align: center;
}

.B[b-i732b2w4lc] {
	width: 24px;
	text-align: center;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanWeakAurasCell.razor.rz.scp.css */
.weak-auras-cell[b-yc4lhbn20q] {
    width: 133px;
}
/* /Shared/PageSpecific/RaidPlan/RaidPlanWeakAurasRow.razor.rz.scp.css */
.weak-auras-row .header-title[b-ruv0bfodx2] {
    width: 253px;
    min-width: 253px;
    padding-left: 10px;
}
/* /Shared/PageSpecific/RaidTeam/AuditViews/RaidTeamAudit_Gear.razor.rz.scp.css */
.tier-priority-cell[b-re1frug7if] {
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.tier-priority-cell:hover[b-re1frug7if] {
    background-color: rgba(255, 255, 255, 0.05);
}

.tier-phase-acquisition[b-re1frug7if] {
    color: #00CED1;
}

.tier-phase-upgrade[b-re1frug7if] {
    color: #FFD700;
}

.tier-set-warning[b-re1frug7if] {
    color: #FF8000;
}

.tier-set-ok[b-re1frug7if] {
    color: #1EFF00;
}

.tier-rank-high[b-re1frug7if] {
    font-size: 1rem;
    font-weight: bold;
}

.tier-rank-low[b-re1frug7if] {
    font-size: 0.8rem;
    font-weight: normal;
    opacity: 0.85;
}

.tier-pieces-list > div[b-re1frug7if] {
    position: relative;
}

.tier-unequipped-indicator[b-re1frug7if] {
    position: absolute;
    top: -4px;
    right: -4px;
    font-size: 0.7rem;
    color: #FF8000;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    padding: 1px;
}

.upgrade-track-unequipped[b-re1frug7if] {
    opacity: 0.7;
}

.tier-set-cell[b-re1frug7if] {
    gap: 4px;
}

.tier-set-complete[b-re1frug7if] {
    color: #1EFF00;
    font-weight: bold;
}

.tier-set-incomplete[b-re1frug7if] {
    color: #DC3545;
    font-weight: bold;
}

.tier-set-ilvl[b-re1frug7if] {
    font-size: 0.85rem;
}

.lowest-slot-cell[b-re1frug7if] {
    justify-content: center;
    cursor: pointer;
}

.lowest-slot-icon[b-re1frug7if] {
    width: 24px;
    height: 24px;
}

.lowest-slot-icon img[b-re1frug7if] {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    filter: brightness(1.3);
}

.lowest-slot-icon-missing img[b-re1frug7if] {
    border: 2px solid #DC3545;
    filter: brightness(1.3) saturate(0.5);
    box-shadow: 0 0 6px rgba(220, 53, 69, 0.6);
}

.lowest-slot-missing[b-re1frug7if] {
    color: #DC3545;
    font-weight: bold;
    font-size: 0.75rem;
}

.issue-cell[b-re1frug7if] {
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background-color 0.15s ease;
    min-height: 24px;
}

.issue-cell:hover[b-re1frug7if] {
    background-color: rgba(255, 255, 255, 0.05);
}

.issue-badge[b-re1frug7if] {
    display: flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: bold;
}

.issue-badge-critical[b-re1frug7if] {
    background-color: rgba(220, 53, 69, 0.2);
    color: #DC3545;
    border: 1px solid rgba(220, 53, 69, 0.4);
}

.issue-badge-major[b-re1frug7if] {
    background-color: rgba(255, 128, 0, 0.2);
    color: #FF8000;
    border: 1px solid rgba(255, 128, 0, 0.4);
}

.issue-badge-minor[b-re1frug7if] {
    background-color: rgba(255, 215, 0, 0.15);
    color: #FFD700;
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.issue-badge-trivial[b-re1frug7if] {
    background-color: rgba(157, 157, 157, 0.1);
    color: #9D9D9D;
    border: 1px solid rgba(157, 157, 157, 0.2);
}

.issue-count[b-re1frug7if] {
    margin-left: 3px;
}
/* /Shared/PageSpecific/RaidTeam/Controls/QuickFilters.razor.rz.scp.css */
/* Quick Filters */
.quick-filters[b-9obogsiiv8] {
}

    .quick-filters .filter[b-9obogsiiv8] {
        margin-left: 2px;
        border: 3px solid transparent;
        border-radius: 50%;
        cursor: pointer;
        width: 31px;
        height: 31px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 2px;
    }

        .quick-filters .filter:hover[b-9obogsiiv8] {
            border: 3px solid #007CFF !important;
        }

        .quick-filters .filter:first-child[b-9obogsiiv8] {
            border: 1px solid #373E53;
        }

        .quick-filters .filter.selected[b-9obogsiiv8] {
            border: 3px solid #007CFF;
            border-radius: 50%;
        }

    .quick-filters img[b-9obogsiiv8] {
        width: 30px;
        margin-left: -2px;
        margin-top: 1px;
        border-radius: 50%;
        border: 3px solid transparent;
    }
/* /Shared/PageSpecific/RaidTeam/Controls/RaidTeamHeader.razor.rz.scp.css */
.header-container[b-c2c5edrfdh] {
    min-height: 68px;
    width: calc(100%-15px);
}

.header-team-title[b-c2c5edrfdh] {
    width: 280px;
}
/* /Shared/PageSpecific/RaidTeam/Controls/SmartFilter.razor.rz.scp.css */
/* /Shared/PageSpecific/RaidTeam/Dialogs/AddCharacterDialog.razor.rz.scp.css */
.dialog-tab-header[b-ldxa48moyi] {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
}
/* /Shared/PageSpecific/User/CharacterManagementCard.razor.rz.scp.css */
.character-management-card[b-smymbgtzlz] {
  background-color: var(--bs-dark);
    border-color: var(--bs-secondary) !important;
    transition: background-color 0.2s ease;
}

.character-management-card:hover[b-smymbgtzlz] {
    background-color: rgba(255, 255, 255, 0.05);
}

.character-management-card .character-identity[b-smymbgtzlz] {
    min-width: 280px;
    max-width: 280px;
}

.character-management-card .avatar-container[b-smymbgtzlz] {
    position: relative;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.character-management-card .avatar-icon[b-smymbgtzlz] {
    position: relative;
}

.character-management-card .faction-icon[b-smymbgtzlz] {
    position: absolute;
    top: -6px;
    left: -6px;
}

.character-management-card .character-specs[b-smymbgtzlz] {
    min-width: 120px;
    display: flex;
    align-items: center;
}

.character-management-card .character-info[b-smymbgtzlz] {
    flex: 1;
}

.character-management-card .character-status-action[b-smymbgtzlz] {
    min-width: 120px;
}

.character-management-card .character-status-action button[b-smymbgtzlz] {
    opacity: 0;
transition: opacity 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.character-management-card:hover .character-status-action button[b-smymbgtzlz] {
  opacity: 1;
}

.character-management-card .set-as-main-button[b-smymbgtzlz] {
    opacity: 0;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

.character-management-card:hover .set-as-main-button[b-smymbgtzlz] {
    opacity: 1;
}
/* /Shared/Utilities/InfoPopOver.razor.rz.scp.css */
.info-container[b-1l4qi8rv0r] {
    position: relative;
    display: inline-block;
    z-index: 999999;
}

    .info-container .icon[b-1l4qi8rv0r] {
        cursor: pointer;
        color: #60C6FF;
    }

    .info-container .info-content[b-1l4qi8rv0r] {
        position: absolute;
        z-index: 1000;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        top: 0px;
        left: 30px;
    }

        .info-container .info-content .title[b-1l4qi8rv0r] {
            font-size: 20px;
            font-weight: bold;
            color: white;
        }
/* /Shared/Utilities/TinyColorPicker.razor.rz.scp.css */
.color-picker-container[b-oz7pkbrvi2] {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none; /* Remove default focus outline */
}

.selected-text[b-oz7pkbrvi2] {
	font-size: 16px;
}

.popover[b-oz7pkbrvi2] {
	position: absolute;
	top: 20px; /* Adjusted for better positioning */
	left: 0;
	display: grid;
	grid-template-columns: repeat(5, 16px); /* Adjusted to fit better */
	gap: 5px;
	padding: 10px;
	width: max-content; /* Ensures the popover fits the content */
	border: 1px solid #ccc;
	background-color: #0f111a;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000; /* Ensures the popover is above other elements */
}

.color-option[b-oz7pkbrvi2] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}

	.color-option.selected[b-oz7pkbrvi2]::before {
		content: '';
		position: absolute;
		top: -4px; /* Adjust for gap */
		left: -4px; /* Adjust for gap */
		width: 24px; /* Adjust for thicker border */
		height: 24px; /* Adjust for thicker border */
		border-radius: 50%;
		border: 2px solid; /* Border without color */
		box-sizing: border-box;
	}