hackpoint/plugin/customiser/theme/hackpoint/main.css

body{
    font-family: 'Muli';
     background:url('footer-pattern.png') repeat-x 0 bottom #3e4750!important;
     color:#cecece;
}

h1,h2,h3,h4,h5{
     font-family: 'Muli';
     font-weight: 200;
}

.input-group-text{
     background: #2e363e;
     color:#fefefe;
     border-color:#2e363e;
}

#mainMenu .navbar-brand {
    padding-left: 99px;
}

.footer{
    display: none;
}

ul, li{
    margin:0;
    padding:0;
    list-style-type: none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: #343940!important;
  border-color: #343940!important;
  color:#fefefe!important;
}




div.form-control,
input.form-control,
input.form-control:active,
input.form-control:focus,
select.form-control,
select.form-control:active,
select.form-control:focus,
textarea.form-control,
textarea.form-control:active,
textarea.form-control:focus
{
    background-color: #343940;
    border-color: #343940;
    color:#fefefe;
}

.alert-danger {
    color: #ffd7da;
    background-color: #841721;
   border: 0;
}


.alert-success {
    color: #ceead5;
    background-color: #28a745;
    border-color: #28a745;
}

code {
    font-size: 80%;
    color: #ffffff;
    background-color: #5a6673;
    padding: 3px;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #cfd7de;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.list-group-item {

    background-color: #25292d;
}
a {
    color: #728ead;
}
a:hover {
    color: #8fbcec;
}

label.check-component{
    border:0;
}
label.check-component .box{
    background-color: #25292d;
}
label.check-component input:checked + .box {
    background-color: #353535;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #343940;
}
.table {
    background: #131517;
    color: #ebebeb;
    border: 0;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border: 0;
}
.table > thead th {
    border-bottom: 0;
}
.table tr > th:first-of-type, .table tr > td:first-of-type {
    border-right: 1px solid #343940;
}

.table > thead {
    border-bottom: 1px solid #343940;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #343940;
}

.table-hover tbody tr:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,.075);
}

.trumbowyg-box svg {
    fill: #e8e8e8;
}

.trumbowyg-button-pane {
    background: #343940;
}
.trumbowyg-box, .trumbowyg-editor {
    border: 1px solid #343940;
}
.trumbowyg-button-pane .trumbowyg-button-group+.trumbowyg-button-group::before {
    background: #212223;
}

.card {
    background-color: #343a40;
}

.filter-box .btn-info{
        color: #fff;
    background-color: #272b2f;
    border-color: #343a40
}

.btn-success {
    color: #fff;
    background-color: #ff314f;
    border-color: #b7172e;
}

.page-item.active .page-link {
    z-index: 1;
    color: #bfbfbf;
    background-color: #272b2f;
    border-color: #343a40;
}

.btn-success:hover,.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #d8132f;
    border-color: #ff314f;
}

.dropdown-item.login-item {
    color: #e8f0fe;
    background-color: #1d2124;
}
.dropdown-menu {
    background-color: #1d2124;

}

.dropdown-item {
    color: #a4abb3;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #9098a5;
    text-decoration: none;
    background-color: #30373c;
}

.dropdown-menu .dropdown-item:focus,.dropdown-menu  .dropdown-item:hover{
    background-color: transparent;
    color: #e8f0fe;
}


.debugFrame{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    border-right: 2px solid #ff314f!important;
    background: rgb(52, 58, 64)!important;
}

div[data-type="dropzone"] > ul > li {
    position: relative;
    padding: 3px;
    border-bottom: 1px solid #2f2f2f;
    background: #343a40;
}


.list-group-item-action{
    color: #fff;
}

.list-group-item-action.text-primary,.list-group-item-action.text-primary:hover,.list-group-item-action.text-primary:focus{
    color: #fff!important;
}
.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0a0a0a;
    border-color: #000000;
}

.modal-content {

    background-color: #1f2428;
}
.modal-footer {
    border-top: 0;
}
.modal-header {
    border-bottom: 0;
}

/* navigation */

.navigation-tree {
    color: #f8f8f8!important;
    background-color: #333333!important;
}
.navigation-tree .navigation-item {
    background: #414141!important;
}

.navigation-item-label {
    color: #ffffff!important;
}
.navigation-item-icon {
    color: #a5a5a5!important;
}
.navigation-tree .btn-light {

    color: #ffffff!important;
    background-color: #000!important;
    border-color: #000!important;

}

/* wysiwyg*/

.trumbowyg-button-pane{
    border-bottom: 0px;
}

/* document */

.hackpoint .document-container .tree-panel {
    width: 15%;
    order: 1;
    padding: 15px;
    color: #d2d2d2;
    background-color: #343940;
    /* background-color: #ddedff; */
    font-size: 15px;
    border-right: 1px solid #30353c;
    height: calc(100vh - 100px);
    overflow-y: auto;
    resize: horizontal;
}


.hackpoint .file-module > table tbody tr {
    border-bottom: 1px solid #333a42;
    color: #dedede;
}
.hackpoint .file-module > table thead tr {
    border-bottom: 1px solid #333a42;
}

.hackpoint .file-module {
    border-top: 1px solid #333a42;
}
.hackpoint .document-container .file-elements-list tbody tr:hover {
    background-color: #343940;
}
.hackpoint .document-container .file-elements-list .element-focused {
    font-weight: bold;
    background-color: #343940;
}
.hackpoint .detail-panel .detail-thumbnail {
    background-color:  #343940;
}
.hackpoint .detail-panel .detail-thumbnail .thumbnail-preloader {
    background-color: #343940;
    color: #cecece;
}
.hackpoint .document-container .detail-panel {

    border-right: 1px solid #333a42;
}
.hackpoint .file-panel .breadcrumb-module {
    padding: 0 15px 0 15px;
    margin: 5px 0;
    color: #c5c5c5;
}

.hackpoint  .document-container .file-panel {
   
    border-right: 1px solid #333a42;
   
}

.filter-box .advanced-search{
    border:0px;
    background: #343940;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #343940;
    opacity: 1;
}
.text-primary {
    color: #527fbf!important;
}
.text-danger {
    color: #ff314f!important;
}

.document-container .tree-panel{

    color: #687d92!important;
    background-color: #252a31!important;
    border-right: 1px solid #292d33!important;

}

.detail-panel .detail-thumbnail .thumbnail-preloader,.detail-panel .detail-thumbnail{
    background-color:  #252a31!important;
}
.document-container .detail-panel{
     border-right: 1px solid #292d33!important;
}
.file-module{
        border-top: 1px solid #292d33!important;
}
.document-container .file-panel{
    border-right: 1px solid #292d33!important;
}
.file-module > table tbody tr {
    border-bottom: 1px solid #292d33!important;
       color: #7c95af!important;
}
.document-container .file-elements-list tbody tr:hover {
    background-color: #252a31!important;
}
.file-module > table thead th:hover {
    background-color: #252a31!important;
}
.file-module > table thead tr {
    border-bottom: 1px solid #252a31!important;
}
.detail-panel h1 {

    color: #6989a9!important;

}

.btn-light {
    color: #adbfd2;
    background-color: #586573;
    border-color: #586573;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle,.btn-light:hover {
    color: #cbe0f7;
    background-color: #748698;
    border-color: #748698;
}

.advanced-search-box ul.group {
    padding: 3px;
    background-color: #3e4750;
}
.advanced-search-box.advanced .simple-search .filter-keyword {
    background: #2b2f35;
    color: #83b3ff;
    border: 0;
}
.advanced-search-box.advanced .simple-search .data-search-label {
    border-radius: 3px 0 0 0;
    background: #2e363e;
    border: 0;
}
.advanced-search-box li.condition.hover {
    background-color: rgb(41, 47, 53);
}

.advanced-search-box.advanced .advanced-button-search i {
    text-shadow: 0 0 5px #f0f7ff;
    color: #f8fcff;
}
.advanced-search-box li.condition {
    background: #343c44;
    transition: background 0.2s ease-in-out;
}
.advanced-search-box li.condition {
    background: #343c44;
    transition: background 0.2s ease-in-out;
}
.advanced-search-box .filter-join {
    border: 1px solid #2b2f35;
    background: #2b2f35;
    color: #9bf3af;
}


.advanced-search-box ul.group ul.group ,
.advanced-search-box ul.group ul.group ul.group,
.advanced-search-box ul.group ul.group ul.group ul.group,
.advanced-search-box ul.group ul.group ul.group ul.group ul.group{
    background-color: rgb(49, 53, 60);
}


div.data-type-user {
    background-image: url(./img/icons/icon-user.png);
}


input[data-type="date"]{
    background-image: url('./img/icons/icon-calendar.png');
}
input[data-type="hour"]{
    background-image: url('./img/icons/icon-clock.png');
}
div.data-type-tag-list{
    background-image: url('./img/icons/icon-tag.png');
}
input[data-type="location"]{
  background-image: url('./img/icons/icon-location.png');
}


@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli-ExtraLight.woff2') format('woff2'),
        url('fonts/Muli-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli-Bold.woff2') format('woff2'),
        url('fonts/Muli-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli-Medium.woff2') format('woff2'),
        url('fonts/Muli-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0d0e0e;
}

.modal .modal-dialog {
    max-width: 800px;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
}