body {
    background-color: #2F3136 !important;
    color:#D2D3D5 !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #AAA;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #FFF;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #FFF
}
a:hover, a:active, a:focus {
    color: #6883ff;
}
.card{
    background-color: #36393F
}
.card .list-group-item {
    background-color: transparent;
}
.bg-info {
    background-color: #32404A !important;
}
.bg-warning {
    background-color: #32404A !important;
}
table.table tr td {
    border-top: solid 1px #474A4F;
}
table {
    color: white !important;
}
.table-hover tbody tr:hover {
    color: #efefef;
    background-color: rgba(0,0,0,.075);
}
.bg-dark {
    background-color: #202225 !important;
}
input.form-control, select.form-control {
    background-color: #484C52 !important;
    border: solid 1px #484C52 !important;
    color: #D2D3D5;
}
input.form-control:active, input.form-control:focus, select.form-control:active, select.form-control:focus {
    color: #D2D3D5;
    box-shadow: none;
}
.ql-snow .ql-picker-options {
    background-color: #484C52;
    border-color: #484C52;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    color: #D2D3D5;
}
.ql-snow .ql-picker.ql-header .ql-picker-label:hover::before,
.ql-snow .ql-picker.ql-header .ql-picker-item:hover::before,
.ql-snow .ql-picker.ql-size .ql-picker-label:hover::before,
.ql-snow .ql-picker.ql-size .ql-picker-item:hover::before {
    color: #FFF;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #484C52;
}
.ql-toolbar.ql-snow {
    background-color:#484C52;
    color: white;
    border: solid 1px #484C52 !important;
}
.ql-editor {
    background-color: #484C52;
    min-height: 200px;
}
.ql-snow .ql-stroke {
    stroke: #D2D3D5 !important;
}
.ql-toolbar button:hover .ql-stroke {
    stroke: #FFF !important;
}
.ql-container.ql-snow {
    border: 1px solid #484C52 !important;
}
.list-group-item {
    border-color: #474A4F;
}
tr.bg-primary {
    background-color: rgba(94, 114, 228, 0.1) !important;
}
.page-link {
    border: .0625rem solid rgba(255,255,255,0.07);
    background-color: rgba(255,255,255,0.05);
}
.page-link:hover {
    color: #8898aa;
    border-color: rgba(255,255,255,0.11);
    background-color: rgba(255,255,255,0.09);
}
.text-primary {
    color: #6a81ff !important
}
a.text-primary {
    color: #6a81ff !important
}
a.text-primary:hover, a.text-primary:focus, a.text-primary:active {
    color: #5e72e4 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
.card-header, .card-footer {
    background-color: transparent;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4 !important;
}
.bg-info {
    background-color: #11cdef !important;
}
.bg-warning {
    background-color: #fb6340 !important;
}
.nav-tabs {
    border-bottom: .0625rem solid transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    border-color: transparent;
    background-color:#36393F;
}
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:hover {
    background-color: #36393F;
    color: #fff;
}
.custom-select {
    background-color: #484C52 !important;
    border-color: #484C52;
}
pre {
    color: white;
}
.modal-content {
    background-color: #36393F;
}
.card-author {
    min-width: 190px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: rgba(255,255,255,0.03) !important;
    color: #000;
}
.card-message {
    background: -webkit-radial-gradient(60% 200px at top, rgba(114, 124, 245, 0.1), rgba(0,0,0,0));
    background: radial-gradient(60% 200px at top, rgba(114, 124, 245, 0.1), rgba(0,0,0,0));
}
.navbar-vertical {
    background-color: #36393F;
    box-shadow:none !important;
}
.shadow-sm {
    box-shadow: 0 0 .5rem rgba(0,0,0,.075)!important;
}
.table thead th {
    border-bottom: 1px solid #333;
}
.table td, .table th {
    border-top: 1px solid #444;
}
.page-item.disabled .page-link {
    color: #8898aa;
    border: .0625rem solid rgba(255,255,255,0.07);
    background-color: rgba(255,255,255,0.05);
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #6883ff!important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff!important;;
    background-color: #6883ff;
    border-color: #6883ff;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff!important;;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08), 0 0 0 0 rgba(94,114,228,.5);
}
.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #6883ff!important;
    border-color: #6883ff!important;
}


.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #484C52;
    border-color: #484C52
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #484C52
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #484C52;
    border: #484C52 solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #6a81ff;
    background-color: #6a81ff;
}