@import 'css/prismtwilight.css';
@import 'css/darktheme.css';
@import 'css/searchfield.css';
@import 'css/tagfield.css';
@import 'css/header.css';
@import 'css/thumbs.css';
@import 'css/tree.css';
@import 'css/colors.css';

body {
    background-color : #f6f6f6;
}

body > .x-mask {
    background-color : rgba(0, 0, 0, 0.1);
}

h4 {
    margin-bottom : 8px;
}

a[href] {
    text-decoration: none;
}

.x-mask {
    background-color : rgba(0, 0, 0, 0.2)
}

.x-tool-maximize:before {
    content  : '\f35d';
    position : relative;
    font-size: 13px;
    top: -1px;
}

.loader:before,
.loader:after,
.loader {
    border-radius               : 50%;
    width                       : 2.5em;
    height                      : 2.5em;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both;
    -webkit-animation           : load7 1.8s infinite ease-in-out;
    animation                   : load7 1.8s infinite ease-in-out;
}

.loader-container {
    position : absolute;
    top      : calc(50% - 40px);
    left     : 0;
    width    : 100%;
}

.loader-text {
    color                  : #c8c8c8;
    text-align             : center;
    font-family            : helvetica, arial, verdana, sans-serif;
    font-weight            : 300;
    font-size              : 13px;
    line-height            : 17px;
    -webkit-font-smoothing : antialiased;
}

.loader {
    color                   : #e1e1e1;
    font-size               : 12px;
    margin                  : 0 auto;
    position                : relative;
    text-indent             : -9999em;
    -webkit-transform       : translateZ(0);
    -ms-transform           : translateZ(0);
    transform               : translateZ(0);
    -webkit-animation-delay : -0.16s;
    animation-delay         : -0.16s;
}

.loader:before {
    left                    : -3.5em;
    -webkit-animation-delay : -0.32s;
    animation-delay         : -0.32s;
}

.loader:after {
    left : 3.5em;
}

.loader:before,
.loader:after {
    content  : '';
    position : absolute;
    top      : 0;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow : 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow : 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow : 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow : 0 2.5em 0 0;
    }
}