body
{
	background-color: black;
	color: #FFFFFF;
}

a, a:focus, a:active, a:link
{
	color: #FFFFFF;
}

a:hover
{
	color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6
{
	color: #FFFFFF;
	padding-bottom: 4px;
}

/* TABLES */

.table
{
	color: #FFFFFF;
}

.headerBox
{
	background-color: #4F4F55;
	color: #FFFFFF;
}

/* BARS */

.navbar-light .navbar-brand
{
	color: #FFFFFF;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover
{
	color: #FFFFFF;
}

.navbar-brand sup
{
	color: #7F7A83;
}

.navbar-light .navbar-nav .nav-link:hover
{
	color: red;
}

.topNavbar
{
	border-bottom: 2px solid #3B3B40;
	color: #FFFFFF;
}

.topNavbar > .container
{
	background-color: #3A3C43;
}

.bottomNavbar
{
	background-color: #5A5960;
	border-top: 2px solid #3B3B40;
	color: #1D1E22;
}

.sidebarNavbar
{
	background-color: #2F3136;
	border-top: 1px solid #AAAAAA;
	color: #FFFFFF;
}

.topNavbar .navbar-nav .nav-link
{
	color: #ACB3BA;
}

.bottomNavbar .navbar-nav .nav-link,
.bottomNavbar .nav-text

{
	color: #B4B6BA;
}

.sidebarNavbar .navbar-nav .nav-link:not(.disabled)
{
	color: #8E9297;
}

.sidebarNavbar .navbar-nav .nav-link.disabled
{
	color: #666262;
}

.topNavbar .navbar-nav .nav-link:hover,
.topNavbar .navbar-nav .nav-link:focus,
.topNavbar .navbar-nav .nav-link:active
{
	color: #FFFFFF;
	background-color: #2E2F35;
}

.bottomNavbar .navbar-nav .nav-link:hover,
.bottomNavbar .navbar-nav .nav-link:focus,
.bottomNavbar .navbar-nav .nav-link:active
{
	color: #FFFFFF;
	background-color: #4B4A50;
}

.sidebarNavbar .navbar-nav .nav-link:hover,
.sidebarNavbar .navbar-nav .nav-link:focus,
.sidebarNavbar .navbar-nav .nav-link:active
{
	color: #FFFFFF;
	background-color: #3C3D43;
}

.bottomNavbar .selected
{
	background-color: #999999;
}

.topNavbar .dropdown-menu
{
	border: 1px solid #353F58 !important;
	background-color: #4B4A50 !important;
}

.topNavbar .dropdown-item
{
	background-color: #4A7492 !important;
}

.topNavbar .dropdown-item:hover
{
	background-color: #406580 !important;
}

#topbarProgress .bar
{
	background-color: #378DE4;
}

.nav-separator
{
	background-color: #3B3B40;
}

/* DIALOGS */

.dialogTitlebar
{
	background-color: #4F4F55;
	color: #FFFFFF;
}

.dialogTitlebar.inactive
{
	background-color: #1D1E22;
}

.dialog
{
	color: #FFFFFF;
	background-color: #1D1E22;
	border-color: #707379;
}

.dialogTitle a
{
	color: #ABADB1;
}

.dialogArea
{
	background-color: #2F3136;
}

.dynamicDialogArea
{
	background-color: #2F3136;
	color: #FFFFFF;
}

.dialog .form-control
{
	background-color: #43444A;
	border: 1px solid #43444A;
	color: #FFFFFF;
}

.dialog .form-control:focus
{
	background-color: #43444A;
	border: 1px solid #43444A;
	color: #FFFFFF;
}

.dialog > .form-control:disabled, .form-control[readonly]
{
	background-color: #43444A;
	border: 1px solid #43444A;
	color: #d9d7d7;
}

.btn-default.disabled,
.btn-primary.disabled,
.btn-secondary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled
{
	background-color: #7C7F87;
	border: 1px solid #7C7F87;
	color: #AEAEAE;
}

.btn-default:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled), .btn-primary:not(:disabled):not(.disabled):focus,
.btn-success:not(:disabled):not(.disabled), .btn-success:not(:disabled):not(.disabled):focus,
.btn-info:not(:disabled):not(.disabled), .btn-warning:not(:disabled):not(.disabled):focus,
.btn-warning:not(:disabled):not(.disabled), .btn-danger:not(:disabled):not(.disabled):focus,
.btn-danger:not(:disabled):not(.disabled), .btn-info:not(:disabled):not(.disabled):focus
{
	background-color: #7C7F87;
	border: 1px solid #7C7F87;
	color: #FFFFFF;
}

.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle
{
	background-color: #9FA3AC;
	border: 1px solid #9FA3AC;
	color: #FFFFFF;
}

.btn-default:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-success:not(:disabled):not(.disabled):hover,
.btn-warning:not(:disabled):not(.disabled):hover,
.btn-danger:not(:disabled):not(.disabled):hover,
.btn-info:not(:disabled):not(.disabled):hover
{
	background-color: #47494D;
	border: 1px solid #47494D;
	color: #FFFFFF;
}

.btn-secondary:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled):focus
{
	background-color: #C4C8D2;
	border: 1px solid #D7D8DB;
	color: #47494D;
}

.btn-secondary:not(:disabled):not(.disabled):hover
{
	background-color: #8E9095;
	border: 1px solid #A6A7AA;
	color: #EAEAEC;
}

.btn-transparent
{
	color: #FFFFFF;
}

.dialogSize.dsBar, .dialogSize.dsCorner
{
	border: 2px solid #707379;
	background-color: #707379;
}

#alertContainer .alertMessage
{
	background-color: #3A3C43;
	border: 3px solid #A6A8AD;
	border-radius: 4px;
}

#alertContainer .alertMessage .alertProgress
{
	background-color: #FFFFFF;
}

#confirmationContainer .confirmContent
{
	background-color: #3A3C43;
	border: 3px solid #A6A8AD;
	border-radius: 4px;
}

/* COMPONENTS */

.userlistStatus
{
	color: #6D7279;
}

#sidebar
{
	background-color: #1D1E22;
}

#sidebar p
{
	color: #ACB7BC;
}

.containerSidebar .containerFooter
{
	background-color: #3A3C43;
	color: gray;
}

.boxBgContainer .containerContent 
{
	background-color: #2F3136;
}

.toolbar
{
	background-color: #3A3C43;
}

.selectedTool
{
	color: #FFFFFF !important;
	background-color: #707379 !important;
	border-radius: 0px;
}

.btn-secondary
{
	color: #000000;
	background-color: #CECECE;
	border-color: #CECECE;
}

#DrawingArea
{
	background-color: #666666;
}

.containerSidebar .containerTitle
{
	color: #ACB7BC;
}

.sidebarCollapseIcon
{
	color: #FFFFFF;
}

#sidebar
{
	color: #FFFFFF;
}

#userlistBox
{
	background-color: transparent;
	color: #4F5660;
}

#userlistBox td
{
	background-color: transparent;
	color: white;
}

#userlistBox tr:nth-child(even)
{
	background-color: #434750;
}

#userlistBox tr:nth-child(odd)
{
	background-color: transparent;
}

#userlistBox tr.selected
{
	color: white;
	background-color: #232327 !important;
}

#userlistBox tr:hover
{
	color: white;
	background-color: #232327 !important;
}

.layerPreview
{
	background-color: #3A3C43;
	border-left: 4px solid transparent;
}

.layerPreview img
{
	border: 1px solid #dadbde;
}

.fmNumericInput.readOnly input
{
	color: gray;
}

.fmNumericInput.readOnly button
{
	background-color: #2F2F33;
	color: #8B8C8E;
}

.fmNumericInput:not(.readOnly) button
{
	background-color: #202025;
	color: #BDBEBF;
}

.fmNumericInput:not(.readOnly) button:hover
{
	background-color: #4D5055;
}

.fmSelector .btn
{
	background-color: #43444A;
	color: white;
}

.fmSelector .btn.selected
{
	background-color: #202025;
}

.fmSelector .btn:not(.selected):hover
{
	background-color: #4D5055;
}

.fmSlider
{
	border-radius: 5px;
	border-color: #464B54;
}

.fmSlider:not(.readOnly) > .fmThumb
{
	background-color: #0F1011;
	color: #FFFFFF;
}


.fmSlider.readOnly > .fmThumb
{
	background-color: #444548;
	color: #8B8C8E;
}

.fmSlider > .fmThumb
{
	border-radius: 5px;
}

.fmSlider.readOnly
{
	background-color: #242429;
}

.fmSlider:not(.readOnly)
{
	background-color: #414349;
}

.fmSlider.readOnly > .fmSelectedArea
{
	background-color: #27282D;
}

.fmSlider:not(.readOnly) > .fmSelectedArea
{
	background-color: #27282D;
}

.fmSlider:not(.readOnly) > .fmThumb:hover 
{
	background-color: #62626A;
}

.fmButton.readOnly > a
{
	background-color: gray;
}

.fmButton:not(.readOnly) > a
{
	background-color: #27282D;
}

.fmButton > a
{
	border-color: #464B54;
}

.fmButton > a:hover
{
	background-color: #62626A;
}

.selectedLayer
{
	background-color: #434750;
	border-left: 4px solid transparent;
}

.presetBubble
{
	background-color: white;
	color: #333333 !important;
}

.presetBubble:hover
{
	color: red;
}

.colorBubble
{
	border: 1px solid #4F5660;
	background-color: #4F5660;
}

.fmSwitch
{
	border-radius: 5px;
	color: #FFFFFF;
	border-color: #464B54;
}

.fmSwitch.readOnly > .checkLabel
{
	color: #5E5F62;
}

.fmSwitch:not(.readOnly) > .fmThumb
{
	background-color: #0F1011;
}

.fmSwitch.readOnly > .fmThumb
{
	background-color: #2F2F33;
	color: #8B8C8E;
}

.fmSwitch > .fmThumb
{
	border: 0;
}

.fmSwitch:not(.readOnly) > .fmThumb:hover 
{
	background-color: #5E6268;
}

.fmSwitch .fmOn
{
	background-color: #27282D;
}

.fmSwitch .fmOff
{
	background-color: #414349;
}

.fmCheckbox > .simpleBox
{
	border-radius: 5px;
	border: 1px solid #464B54;
}

.fmCheckbox:not(.readOnly) > .simpleBox
{
	background-color: #222328;
}

.fmCheckbox:not(.readOnly) > .simpleBox:hover
{
	border: 1px solid #43444A;
}

.fmCheckbox.readOnly > .simpleBox
{
	background-color: #222328;
}

.fmCheckbox:not(.readOnly) > .fmOn
{
	color: green;
}

.fmCheckbox:not(.readOnly) > .fmOff
{
	color: red;
}

.fmCheckbox.readOnly > .fmOn
{
	color: #403e3e;
}

.fmCheckbox.readOnly > .fmOff
{
	color: #403e3e;
}

.optionBG .fmCheckbox:not(.readOnly) > .fmOn
{
	color: #bdbdbd;
}

.sidemenu li a
{
	color: #FFFFFF;
	border-bottom: 1px solid transparent;
}

.sidemenu li a:hover
{
	background-color: #26282D;
}

.sidemenu li a.selected
{
	background-color: #2F3136;
	color: #FFFFFF;
}

.darkInput
{
	background-color: #202025;
	color: #BDBEBF;
	border-color: #202025;
}

.fmTable
{
	background-color: #414D59;
	color: #FFFFFF;
}

.fmTable td
{
	background-color: transparent;
	color: white;
}

.fmTable td a
{
	color: #7D8E96;
}

.fmTable th
{
	background-color: #293037;
	color: white;
}

.fmTable tr.selected
{
	background-color: #64626B !important;
}

.fmTable tr:hover
{
	background-color: #737F8C;
}

.fmTable tr:nth-child(even)
{
	background-color: #414349;
}

.fmTable tr:nth-child(odd)
{
	background-color: #35363B;
}

.headerTable
{
	background-color: #1D1E22;
	color: #FFFFFF;
}

.headerCell:hover
{
	outline: 1px solid #3c3d40;
	outline-offset: -1px;
}

.tablePagination.selected
{
	background-color: #3C95B9;
}

.tablePaginationItem.noPage > a
{
	background-color: #707379;
}

.tablePaginationItem.divisorPage > a
{
	background-color: #27282D;
	color: #4F5660;
}

.tablePagination
{
	background-color: #414349;
	color: #FFFFFF;
	margin-right: 2px;
}

.tablePagination:hover
{
	color: #4F5660;
}

.tableContainer .dataBody
{
	background-color: #1D1E22;
}

.sidebarTools .btn
{
	border-radius: 0px;
}

.layerPreview a
{
	color: #ACB3BA;
}

.optionBG
{
	background-color: transparent;
}

.layerPreview:hover
{
	background-color: #434750;
}

.layerPreviewContent span
{
	color: #6E727E;
}

.toolbar a
{
	color: #ACB3BA;
}

.toolbar a:hover
{
	color: #FFFFFF;
}

#drawingTools a:hover
{
	background-color: #2E2F35;
}

.presetBubble:hover
{
	border: 1px solid #072A41;
}

.colorBubble:hover
{
	border: 1px solid black;
}

.dialog .fmSlider, .dialog .fmSwitch
{
	background-color: #43444A;
	border: 1px solid #43444A;
}

.sidebarBlock
{
	background-color: #000000;
	opacity: 0.7;
}

.virtualCursor
{
	color: #4F5660;
}

.roomThumb
{
	color: #FFFFFF;
}

.previewThumb
{
	background-color: #FFFFFF;
}

.roomDescription
{
	background-color: #1D1E22;
}

.roomBox
{
	background-color: #414349;
}

.tableBody
{
	border: 1px solid #27282D;
}

.rankGM
{
	font-weight: 500;
	color: #FD5EE1 !important;
}

.blocked
{
	text-decoration: line-through;
}

.rankRO, .rankCO
{
	font-weight: 500;
	color: #ED9325 !important;
}

.rankLM
{
	font-weight: 500;
	color: #1B83DD !important;
}

.rankFM
{
	font-weight: 500;
	color: #2BABBA !important;
}

.rankRM
{
	font-weight: 500;
	color: #46AC4B !important;
}

.rankTU
{
	font-weight: 500;
	color: #D0DAE3 !important;
}

.rankRU, .rankUU
{
	font-weight: normal;
	color: #A4ADB5 !important;
}

.customTooltip
{
	background-color: #D9DBE3;
	color: #4F5660;
}

.customTooltip kbd
{
	background-color: #C1C3CA;
	color: #4F5660;
}

.paramRow .paramValue
{
	background-color: #84868D;
	border: 1px solid #BABCC3;
}

.dialogTitleButtons a
{
	padding-right: 10px;
	padding-left: 10px;
}

.emojiContainer .background
{
	background-color: black;
	opacity: 0.6;
}

.emojilist
{
	background-color: #2F3136;
}

.emojilist .categories
{
	background-color: #1D1E22;
}

.emojilist .categories > a > span
{
	filter: grayscale(100%);
	opacity: 0.8;
	color: gray;
}

.emojilist .emojis > a
{
	color: #FFFFFF;
}

.emojilist .emojis a:hover
{
	opacity: 1;
	color: #FFFFFF;
}

.emojilist .categories > a > span:hover
{
	filter: none;
}

.emojilist .categories > a:focus
{
	color: gray;
}

.emojilist .categories > a.selected
{
	background-color: #9C9EA7;
}

.submodal .subcontent
{
	background-color: #1C1D20;
	opacity: 0.95;
}

.submodal .sub-title
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#sidebar
{
	border-left-color: #3B3B40 !important;
}

#sidebar ul li.active>a, a[aria-expanded="true"]
{
	background-color: #3D4048;
}

.capacityBar
{
	background-color: #1F2225;
	border: 1px solid #2B2D31;
}

.fmList > select
{
	background-color: #414349;
	border: 1px solid #464B54;
}

.fmList:not(.readOnly) > select
{
	color: #FFFFFF;
}

.channelTitle:not(.locked):hover
{
	background-color: #26282D;
}

.channelTitle.selected
{
	background-color: #2F3136;
}

.channelTypeRoom.selected
{
	border-color: #7F7F85;
}

.channelTypeRoom:not(.selected)
{
	border-color: #515259;
}

.channelTypeUser.selected
{
	border-color: #D6B147;
}

.channelTypeUser:not(.selected)
{
	border-color: #E7D18F;
}

.dialogTitleButtons a:hover
{
	color: #FFFFFF;
	background-color: #57575E;
}

.messageBlock
{
	color: white;
}

.eventBlock
{
	color: gray;
}

.motdBlock
{
	color: #6dd56d;
}

.gmBlock
{
	color: #e07ae3;
}

.badge-danger
{
	background-color: #216ED8;
}

.badge-secondary
{
	background-color: #dbbf28;
	color: black;
}

.btn-customlink
{
	background-color: #2F3136;
	color: #FFFFFF;
}

.btn-customlink:hover, .btn-customlink:focus, .btn-customlink:active
{
	background-color: #46474D;
	color: #FFFFFF;
}

/* CONTEXT MENU */

.context-menu-list
{
	background: #25252B;
	border: 1px solid #64646D;
}

.context-menu-item
{
	background-color: #25252B;
	color: #FFFFFF;
}

.context-menu-separator
{
	border-bottom: 1px solid #64646D;
}

.context-menu-item.context-menu-disabled
{
	background-color: #25252B;
	color: #5b5b5b;
}

.context-menu-item:hover
{
	background-color: #45454C;
	color: #FFFFFF;
}

.context-menu-item.context-menu-disabled:hover
{
	color: #5b5b5b;
}

.context-menu-icon.context-menu-icon--fa::before
{
	color: #FFFFFF;
}

.context-menu-icon.context-menu-icon--fa.context-menu-hover::before
{
	color: #FFFFFF;
}

.dropdown-menu
{
	background: #25252B;
	border: 1px solid #64646D;
}

.dropdown-item
{
	background: #25252B;
	color: #FFFFFF;
}

.dropdown-item:hover
{
	background: #45454C;
	color: #FFFFFF;
}

.openedEnvelope
{
	color: #27282D !important;
}

#colorBox .color
{
	outline-color: #1D1E22;
	border-color: #686868;
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle
{
	background: rgba(255, 255, 255, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover
{
	background: rgba(255, 255, 255, 0.3);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:active
{
	background: rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar
{
	background: #1A1B1F;
}

::-webkit-scrollbar-thumb
{
	background: rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
	cursor: grab;
}

::-webkit-scrollbar-corner
{
	background: #1A1B1F;
}

.designerBrush.selected
{
	background-color: #707379;
}

.designerTools .btn:hover
{
	background-color: #2E2F35;
}

.sidebarOptions a:hover
{
	border-color: #707379;
}

.brush.selected
{
	border-color: #2E2F35;
}

.brush:hover
{
	border-color: #2E2F35;
}

#dropArea:hover
{
	border-color: #535050;
}

.previewBox
{
	outline: 2px solid transparent;
	background-color: #393b40;
}

.dialog .scrollNotBottom:not(.scrollNoOverflow)::after, .containerSidebar .scrollNotBottom:not(.scrollNoOverflow)::after
{
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(47,49,54,1) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(47,49,54,0) 0%);
}

.sidebar .scrollNotBottom:not(.scrollNoOverflow)::after
{
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(29,30,34,1) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(29,30,34,0) 0%);
}

fieldset
{
	border-color: #43444a;
}

.animationTable td.selected
{
	background-color: #202025;
}

#animationBox .btn
{
	background-color: #27282d;
	border-color: #414349;
}

#animationBox .btn:hover
{
	background-color: #62626A;
}

#animationBox .btn.disabled, #animationBox .btn:disabled
{
	color: #464646;
}

.messengerUser:not(.selected)
{
	border-color: #515259;
}

.messengerUser.selected
{
	background-color: #2F3136;
	border-color: #7F7F85;
}

.offlineDelete a:hover
{
	border-color: #40434a;
}

.likeButton.coloredButton:not(.disabled)
{
	color: #2861AE !important;
}

.dislikeButton.coloredButton:not(.disabled)
{
	color: #2861AE !important;
}

.favoriteButton.coloredButton:not(.disabled)
{
	color: #ae0909 !important;
}

#profileGallery
{
	background-color: #666666;
	border-color: rgb(23, 24, 27);
}

.targetBlock.active
{
	border: 2px solid white;
}

.dialogTitlebar .dialogTitle select:hover, .dialogTitlebar .dialogTitle select:active, .dialogTitlebar .dialogTitle select:focus
{
	background-color: #57575E;
}

.usertagList
{
	background-color: #1D1E22;
	outline: 2px solid #1D1E22;
}

.usertagList a.selected,
.usertagList a:hover
{
	background-color: #26282D;
}

.chatTag:not(.chatTagUnknown)
{
	color: #D6B147;
}

#headerTitle .msgCategory.msgCategoryPM
{
	background-color: #D6B147;
	color: #333;
}

#headerTitle .msgCategory.msgCategoryEVENT
{
	background-color: #888;
	color: #333;
}

#headerTitle .msgCategory.msgCategoryMOTD
{
	background-color: #6dd56d;
	color: #464646;
}

#headerTitle .msgCategory.msgCategoryPUBLICROOM,
#headerTitle .msgCategory.msgCategorySTAFFROOM
{
	background-color: #7f7f85;
	color: #2d2d2d;
}

#headerTitle .msgCategory.msgCategoryGM
{
	background-color: #db90dd;
	color: #262626;
}

.alert-info
{
	background-color: #2b2b2f;
	border-color: transparent;
	color: white;
}

.badge-gallerytag
{
	background-color: #44454a;
	color: white;
}

.badge-galleryuser
{
	background-color: #AAAFB2;
	color: black;
}

.badge-galleryspecial
{
	background-color: #c1af7d;
	color: black;
}

.fmTagManager .tag
{
	background-color: #44454a;
}

#galleryImagePreviewDiv
{
	background-color: #393b40;
}