body, html {
    background-color: #000;
    height: 100%;
    margin: 0;
    color: #999;
}
a {
    text-decoration: none;
    color: #fff;
}
a:hover {
    color: #FFA800;
}
.page_body {
    max-width: 1000px;
    margin: 0 auto;
    min-height: 100%;
}
.pagination_scroll::-webkit-scrollbar{
    display: none;
}

h1 {
    font-size: 1.3em;
    color: #FFA800;
}
.page_title {
    padding: 0.5em 0;
}
.page_title > *:after {
    content: '/';
    padding: 0 5px;
    color: #999;
}
.page_title > *:last-child:after {
    content: '';
}
.page_title .active {
    color: #FFA800;
}
h2{
    font-size: 1.2em;
}
h2.title {
    margin-top: 1em;
    font-size: 1.1em;
    color: #FFA800;
}

.table-responsive{
    margin: 0 auto;
    max-width: 1000px;
}
.table {
    position: relative;
    margin-bottom: 0;
}
.table-dark {
    --bs-table-color: #999;
    --bs-table-bg: #18181b;
    --bs-table-hover-bg: #242427;
    --bs-table-border-color: #242427;
}
.table td {
    text-align: center;
}
.table .table_hint td:first-child {
    text-align: left;
}
.table .table_hint {
    white-space: nowrap;
}
.table .table_hint td {
    color: #666 !important;
    background-color: #252428;
    box-shadow: none;
    font-weight: bold;
}
.table td.sticky {
    text-align: left;
    position: sticky;
    left: 0px;
    width: 113px !important;
    z-index: 100;
}
.client_name {
    width: 100px;
}
.sticky {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAyCAYAAACUEBHwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNpiVJSVY/n1+7fez18/LX7+/Gn5A4iZGLCAUcFRwVHBkSMIEGAALvINTVJSmMkAAAAASUVORK5CYII=')
        repeat-y right center;
}
.table tr:not(.table_hint):hover td {
    color: #bbb;
}
.table tr:not(.table_hint):hover td a {
    color: #fff;
}

.table_norm td {
    text-align: left;
}

.table tr:not(.table_hint):hover td.red_number {
    color: #ff0000;
}
.icon_red {
    color: #ff0000;
}
.table tr:not(.table_hint):hover td.black_number {
    color: #FFA800;
}

.icon_neutral{
    color: #aaa;
}

.table_hint .icon {
    font-size: 1.2em;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #18181b;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #FFA800;
    --bs-btn-bg: #242427;
    --bs-btn-border-color: #444549;
    --bs-btn-hover-bg: #444549;
    --bs-btn-hover-border-color: #444549;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #242427;
    --bs-btn-active-border-color: #444549;
    font-weight: bold;
    border: none;
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFA800'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFA800'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.icon_black {
    color: #FFA800;
}

.icon_white {
    color: #fff;
}
.icon_shit {
    color: #C17809;
}

.table tr:not(.table_hint):hover td.shit {
    color: #C98929;
}

.table .client_name {
    font-weight: bold;
    overflow:hidden;
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.client_name a {
    color: #fff;
}
.client_name a:hover {
    color: #FFA800;
}



@media screen and (max-width: 800px) {
    .table .client_name span {
        display: none;
    }
    .table .client_name span:last-child {
        max-width: 100px;
        overflow:hidden;
        display:block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
 }



.table .place {
    font-weight: bold;
    white-space: nowrap;
}
.table .points {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
}
.table .role {
    white-space: nowrap;
}

.tab_link {
    white-space: nowrap;
}

.table_hint .icon-black,
.table_hint .icon-don {
    color: #FFA800;
}
.table_hint .icon-red_glad,
.table_hint .icon-sheriff {
    color: #D23131;
}
/*
.black_team {
    display: inline-block;
    width: 9px;
    height: 12px;
    color: #000;
    background-color: #000;
    outline: 1px solid #FFA800;
}
.red_team {
    display: inline-block;
    width: 9px;
    height: 12px;
    color: #BC3535;
    background-color: #BC3535;
    outline: 1px solid #ff0000;
} */


.cabinet_link {
    padding: 50px 0;
    text-align: center;
  }
  .cabinet_link a {

    color: #555;
  }

.pagination_scroll {
    overflow-x: scroll;
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 1000px;
}

.pagination_custom .page-item .page-link {
    border-radius: 0 !important;
}
.pagination {
    --bs-pagination-border-color: #333;
    --bs-pagination-active-color: #FFA800;
    --bs-pagination-active-bg: #242428;
    --bs-pagination-active-border-color: #333;
    --bs-pagination-color: #fff;
    --bs-pagination-hover-color: #FFA800;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 168, 0, 0.25);
    --bs-pagination-focus-color: rgba(255, 168, 0, 0.5);
    /* --bs-pagination-bg: var(--bs-body-bg); */
}
.pagination a {
    white-space: nowrap;
}
.grade_points {

    display: flex;
    flex-wrap: nowrap;
    max-width: 500px;
    gap: 10px
}
.grade dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border: 1px solid #373b3e;
    width: 100%;
}
.grade_points * {
    margin-bottom: 0;
    padding: 3px 5px;
    background-color: #212529;
}
.grade dd {
    width: 66%;
}
.grade dt {
    width: 34%;
}

.grade {
    color: #999;
}
.grade.active,
.grade.active .grade_title  {
    color: #FFA800;
}


.doc-content h1 {
    font-size: 1.2em;
    font-weight: bold;
}
.doc-content h2 {
    font-size: 1em;
    font-weight: bold;
}
.doc-content li {
    padding-top: 10px;
}
.doc-content a {
    word-break: break-all;
}
.img_bg {
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 10px;
}

.alert {
    padding: 0.325em 0.625em;
    font-size: 0.75em;
    display: inline-block;
    background-color: #17181A;
    border-color: #27292d;
}
.rank {
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.rank li {
    background-color: rgb(33, 37, 41);
}
.rank li:last-child {
    background: none;
}
.rank .active.top_gun span {
    color: #FFA800;
}
.rank .active.top_gun.rank_level::before,
.rank .active.top_gun.rank_level::after{
    border-color: #FFA800;
    z-index: 2;
}

.rank .active span {
    color: #fff;
}
.rank .active.rank_level::before,
.rank .active.rank_level::after{
    border-color: #fff;
    z-index: 2;
}

.rank_level::before,
.rank_level::after{
		content: '';
		position: absolute;
		left: 0;
		height: 50%;
		width: 100%;
		background-color:  rgb(33, 37, 41);
		z-index: 1;
	}

.rank_level::before {
		top: 0;
		transform: skew(20deg);
        border: 1px solid rgb(73, 80, 87);
        border-bottom: 0;
	}

.rank_level::after {
		bottom: 0;
		transform: skew(-20deg);
        border: 1px solid rgb(73, 80, 87);
        border-top:0;
	}


.rank_level {
    height: 2.5em;
	display: inline-block;
	position: relative;
    margin-left: -1px;
}

.rank span {
	display: inline-block;
	position: relative;
    font-size: 0.75em;
	line-height: 3.3em;
	padding: 0 10px;
	color: rgb(173, 181, 189);
	text-decoration: none;
    z-index: 3;
}

.rank .rank_link span {
    padding-left: 5px;
    font-weight: bold;
    padding: 0px 10px;
    display: block;
}

.accordion_custom {

    --bs-accordion-color: #999;
}
.accordion_custom .accordion-body {
    background-color: #000;
}
.accordion_custom .accordion-button{
    color: #fff;
    font-weight: bold;
}
.accordion_custom .accordion-button:focus {
    box-shadow: none;
}
.accordion_custom .accordion-button:not(.collapsed) {
    background-color: #242427;
}
.accordion_custom ol {
    margin-bottom: 0;
}

.rank_up_title {
    color: #FFA800;
}

.signedup {
    color: #FFA800;
}

.comelater {
    color: #C17809;

}

.badge_small {
    font-size: 0.5em;
}

.divider_or {
    color: rgb(173, 181, 189);
    font-weight: bold;
    text-align: center;
    max-width: 500px;
}
.divider_or span {
    background: #000;
    padding: 0 5px;
    position: relative;
}
.divider_or::before {
    position: relative;
    top: 15px;
    content: '';
    border: 1px solid rgb(173, 181, 189);
    display: block;
    height: 1px;
}

.popover-body {
    padding: 5px
}

.alert_bot {
    position: inherit;
    white-space: nowrap;
}

.circle {
    display: inline-block;
}
.circle, .circle::before {
    content: " ";
    margin: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.3s;
    background-color: #FF0055;
}

.circle::before {
    animation: mymove 2s infinite;
    position: absolute;
    background-color: #FFA800
}

@-webkit-keyframes mymove {
    50%   {
        transform: scale(2);
        opacity: 0
    }
    100%   {
        transform: scale(2);
        opacity: 0
    }
}


/*!
 *  Iconly icon font. Generated by Iconly: https://iconly.io/
 */


@font-face {
    font-display: auto;
    font-family: "mafia-app-font";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/iconly.eot?1690456850646");
    src: url("/fonts/iconly.eot?#iefix") format("embedded-opentype"), url("/fonts/iconly.woff2?1690456850646") format("woff2"), url("/fonts/iconly.woff?1690456850646") format("woff"), url("/fonts/iconly.ttf?1690456850646") format("truetype"), url("/fonts/iconly.svg?1690456850646#mafia-app-font") format("svg");
}

[class="icon"], [class^="icon-"], [class*=" icon-"] {
display: inline-block;
font-family: "mafia-app-font" !important;
font-weight: 400;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

.icon-youtube:before {
content: "\e000";
}

.icon-winner:before {
content: "\e001";
}

.icon-user:before {
content: "\e002";
}

.icon-user_add:before {
content: "\e003";
}

.icon-trial:before {
content: "\e004";
}

.icon-sunset:before {
content: "\e005";
}

.icon-sunrise_prediction:before {
content: "\e006";
}

.icon-sunrise_good:before {
content: "\e007";
}

.icon-sunrise_bad:before {
content: "\e008";
}

.icon-stop:before {
content: "\e009";
}

.icon-speech:before {
content: "\e00a";
}

.icon-shit:before {
content: "\e00b";
}

.icon-sheriff:before {
content: "\e00c";
}

.icon-ring:before {
content: "\e00d";
}

.icon-reload:before {
content: "\e00e";
}

.icon-red_sad:before {
content: "\e00f";
}

.icon-red_glad:before {
content: "\e010";
}

.icon-prediction:before {
content: "\e011";
}

.icon-null:before {
content: "\e012";
}

.icon-next:before {
content: "\e013";
}

.icon-mute:before {
content: "\e014";
}

.icon-music:before {
content: "\e015";
}

.icon-list:before {
content: "\e016";
}

.icon-killed:before {
content: "\e017";
}

.icon-invert:before {
content: "\e018";
}

.icon-info:before {
content: "\e019";
}

.icon-impisoned:before {
content: "\e01a";
}

.icon-home:before {
content: "\e01b";
}

.icon-go:before {
content: "\e01c";
}

.icon-fouls:before {
content: "\e01d";
}

.icon-foul:before {
content: "\e01e";
}

.icon-draw:before {
content: "\e01f";
}

.icon-don:before {
content: "\e020";
}

.icon-crown:before {
content: "\e021";
}

.icon-crack:before {
content: "\e022";
}

.icon-circle:before {
content: "\e023";
}

.icon-chat:before {
content: "\e024";
}

.icon-cards_red:before {
content: "\e025";
}

.icon-cards_black:before {
content: "\e026";
}

.icon-card_sheriff:before {
content: "\e027";
}

.icon-card_red:before {
content: "\e028";
}

.icon-card_don:before {
content: "\e029";
}

.icon-card_black:before {
content: "\e02a";
}

.icon-black:before {
content: "\e02b";
}

.icon-alert:before {
content: "\e02c";
}


svg.frappe-chart {
    overflow: visible;
}
svg.frappe-chart .percentage-bar {
    stroke-width: 0 !important
}
.sticky .dropdown-menu {
    margin-left: 6px !important;
}

.progress-0 {
    height: 20px;
    border-radius: 0;
}
.progress-1 {
    height: 14px;
    margin-top: 0px;
    opacity: 0.65;
    border-radius: 0;
}
.progress-black .progress-bar {
    color: #000;
    background-color: #FFA800;
}
.progress-red .progress-bar {
    color: #fff;
    background-color: #ff0000;
}
.progress-all {
    border-radius: 0;
    height: 20px;
}
.progress-all .progress-bar {
    color: #000;
    background-color: #ccc;
}
.pagination_custom_clone {
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #252428;
}
.client_name_for_clone {
    display: none;
}
.pagination_custom_clone .client_name_for_clone {
    display: inline-block;
}
.pagination_custom_clone .client_name_for_clone .page-link {
	position: relative;
	color: rgb(173, 181, 189) !important;
	text-decoration: none;
    font-weight: bold;
}
.special_stats {
    display: inline-block;
}
.card_order {
    position: absolute;
    font-size: 9px;
    margin-left: -3px;
    margin-top: 3px
}