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: #2F3136;

}

.card{

    background-color: #2F3136

}

.card .list-group-item {

    background-color: transparent;

}

.bg-info {

    background-color: #2F3136 !important;

}

.bg-warning {

    background-color: #36393F !important;

}

table.table tr td {

    border-top: solid 1px #2F3136;

}

table {

    color: white !important;

}

.table-hover tbody tr:hover {

    color: #2F3136;

    background-color: rgba(0,0,0,.075);

}

.bg-dark {

    background-color: #2F3136 !important;

}

input.form-control, select.form-control {

    background-color: #484C52 !important;

    border: solid 1px #2F3136 !important;

    color: #2F3136;

}

input.form-control:active, input.form-control:focus, select.form-control:active, select.form-control:focus {

    color: #2F3136;

    box-shadow: none;

}

.ql-snow .ql-picker-options {

    background-color: #2F3136;

    border-color: #2F3136;

    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: #2F3136;

}

.ql-toolbar.ql-snow {

    background-color:#2F3136;

    color: white;

    border: solid 1px #2F3136 !important;

}

.ql-editor {

    background-color: #2F3136;

    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: #2F3136 !important

}

a.text-primary:hover, a.text-primary:focus, a.text-primary:active {

    color: #2F3136 !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: #2F3136;

    background-color: #2F3136 !important;

}

.bg-info {

    background-color: #2F3136 !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:#2F3136;

}

.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:hover {

    background-color: #2F3136;

    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: #2F3136;

    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: #2F3136!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: #2F3136;

    border-color: #2F3136;

}

.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;

}