@import '/fonts.css';

:root {
    --min-width: 0;
    --min-height: 0;
    --max-width: 100%;
    --max-height: 100%;
    --window-z: 10;
    --window-padding: 0;
    --back-color: none;
    --fore-color: #000;
    --highlight-back-color: red;
    --highlight-fore-color: white;
    --unfocused-opacity: 0.9;
    --spacing-h: 0px;
    --spacing-v: 0px;
    --padding-h: 0px;
    --padding-v: 0px;
    --border-w: 0px;
    --border-s: solid;
    --border-c: transparent;
    --header-height: 60px;
    --sidebar-width: 200px;
    --sidebar-right-width: 260px;
}

body {
    background: var(--back-color);
    color: var(--fore-color);
}

* {
    font-family: 'Roboto';
    font-weight: normal;
    outline: 0;
    padding: var(--padding-v) var(--padding-h);
    border: var(--border-w) var(--border-s) var(--border-c);
    margin: var(--spacing-v) var(--spacing-h);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
strong {
    font-weight: bold;
}
button > i.fa {
    padding: 0;
    margin: 0;
}

*:not(.select) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.all-anim > *,
.anim {transition: all ease-in 0.1s}
.all-block > *,
.block{display:block}
.all-inline-block > *,
.inline-block{display:inline-block}
.all-inline > *,
.inline{display:inline}
.all-relative > *,
.relative{position:relative}
.all-absolute > *,
.absolute{position:absolute}
.all-fixed > *,
.fixed{position:fixed}
.all-fill-width > *,
.fill-width{width:100%}
.all-fill-height > *,
.fill-height{width:100%}
.hidden {display:none !important}

.main-c {
    background: var(--back-color);
    color: var(--fore-color);
}
.i-main-c {
    color: var(--back-color);
    background: var(--fore-color);
}
.highlight-c {
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
}
.i-highlight-c {
    color: var(--highlight-back-color);
    background: var(--highlight-fore-color);
}
.title-c {
    background: var(--title-back-color);
    color: var(--title-fore-color);
}
.i-title-c {
    color: var(--title-back-color);
    background: var(--title-fore-color);
}

input, select, textarea {
    --padding-h: 10px;
    --padding-v: 5px;
    --border-w: 1px;
    opacity: var(--unfocused-opacity);
}

input:focus, select:focus, textarea:focus {
    --border-c: var(--fore-color);
    opacity: 1;
}

button {
    --padding-h: 10px;
    --padding-v: 5px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: var(--back-color);
    color: var(--fore-color);
    opacity: var(--unfocused-opacity);
}
button:hover {
    opacity: 1;
}

a {
    color: inherit;
    transition: all ease-in 0.1s;
}
a:hover {
    color: var(--highlight-back-color);
}

.language-switcher {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
}
.language-switcher > button {
    transition: all 0.1s ease-in;
}
.language-switcher > button:hover {
    background: var(--highlight-fore-color);
    color: var(--highlight-back-color);
}
.language-switcher:not(.opened) > button.set-lang,
.language-switcher.opened > button.toggle-list {
    transform: translateY(calc(10px + 100%));
}

ajaxview, ajaxview > ajaxitem {
    display: block;
}

#Wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

.window {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: var(--window-z);
    min-width: var(--min-width);
    min-height: var(--min-height);
    max-width: var(--max-width);
    max-height: var(--max-height);
    overflow: auto;
    --spacing-v: 5px;
    margin: 0;
    padding: var(--window-padding);
}
.window > *:first-child {
    margin-top: 0;
}
.window > *:last-child {
    margin-bottom: 0;
}

.field-error {
    --border-w: 1px;
    --border-c: red;
}

body.loading .loading-hidden {
    display: none !important;
}
body.loading .loading-faded {
    opacity: 0.3 !important;
}

header {
    height: 60px;
    padding-left: 20px;
    z-index: 11;
}

header > * {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    padding: 0 15px;
}

header > label.title {
    font-size: 1.5em;
    font-family: 'Roboto Condensed';
    color: var(--highlight-back-color);
    min-width: calc( var(--sidebar-width) - 20px);
}

header > button.logout {
    float: right;
    font-size: 1em;
    font-family: 'Roboto';
    font-weight: 600;
}

header > .user-info > span:not(.user-name) {
    margin-right: 10px;
    opacity: 0.7;
    font-size: 0.9em;
}

header > .user-info > span.user-name {
    font-weight: bold;
}

main {
    position: absolute;
    top: var(--header-height);
    left: var(--sidebar-width);
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
}
body.new-form-opened main {
    overflow: hidden;
}

aside {
    position: absolute;
    left: 0;
    top: var(--header-height);
    bottom: 0;
    width: var(--sidebar-width);
    overflow-y: auto;
    padding: 0 20px;
    z-index: 10;
    transition: transform ease-in 0.1s;
}
aside.right {
    left: initial;
    right: 0;
    border-right: 0;
    border-left: 1px solid #cccccc;
    width: var(--sidebar-right-width);
}
aside > * {
    display: block;
    --spacing-v: 20px;
}
aside > button {
    width: 100%;
    --padding-v: 10px;
    --padding-h: 15px;
    text-align: left;
    font-size: 1em;
    font-family: 'Roboto Condensed';
    border-left: 2px solid var(--fore-color);
    transition: all ease-in 0.1s;
}
aside > button > i.fa {
    float: right;
}

header > button.logout {
    padding: 0 40px;
}

header > button.logout > i.fa {
    margin-left: 20px;
    padding: 0;
}

header > button.logout:hover {
    padding-left: 60px;
    padding-right: 20px;
}

aside > button:hover {
    background: var(--title-back-color);
    color: var(--title-fore-color);
    padding-left: 25px;
    padding-right: 5px;
}

aside > button.current {
    border-color: var(--highlight-back-color);
    color: var(--highlight-back-color);
    background: var(--highlight-fore-color);
}

aside > button.current:hover {
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
}

aside > .credits {
    position: absolute;
    bottom: 10px;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.7em;
    opacity: 0.4;
}

aside > .credits > label {
    display: block;
    margin: 0;
}

aside > .credits > label.app-name {
    font-weight: bold;
}
aside.right .filter-row.select > select {
    font-size: 0.8em;
    width: 100%;
}
aside.right .filter-row.select > select.condition {
    width: 50%;
    margin-left: 25%;
}

main h3 {
    display: inline-block;
    vertical-align: middle;
}
.form[form-type="new"] *.if-existing,
.form[form-type="existing"] *.if-new {
    display: none !important;
}
.form > .form-row,
.fake-form > .form-row {
    margin: 10px 0;
    background: var(--main-back-color);
    color: var(--main-fore-color);
    padding: 5px 10px
}
.form > .form-row:not(.client-contacts):focus-within {
    background: var(--highlight-fore-color);
    color: var(--highlight-back-color);
}
.form .form-label,
.fake-form .form-label {
    display: inline-block;
    min-width: 20%;
    font-family: 'Roboto Condensed';
    vertical-align: top;
    margin-top: 5px;
}
.form > .form-row:focus-within > .form-label {
    font-weight: bold;
}
.form .form-input,
.fake-form .form-input {
    min-width: 30%;
    background: var(--input-back-color);
    color: var(--input-fore-color);
    padding: 5px 10px;
    font-family: 'JetBrains Mono';
    font-size: 1.1em;
    border: 1px solid transparent;
    border-bottom-color: var(--input-fore-color);
    outline: none !important;
    transition: all ease-in 0.1s;
}
.form .form-input.half,
.fake-form .form-input.half {
    width: calc(15% - 5px);
    min-width: initial;
    margin-right: 10px;
}
.form .form-row > .form-input.half:last-child,
.fake-form .form-row > .form-input.half:last-child {
    margin-right: 0;
}
.form .form-custom-input,
.fake-form .form-custom-input {
    min-width: 30%;
    display: inline-block;
    vertical-align: top;
}
.form .form-input[type="checkbox"],
.fake-form .form-input[type="checkbox"] {
    min-width: initial;
}
.form .form-input:active {
    background: var(--input-disabled-color);
    color: var(--input-back-color);
}
.form .form-input:focus {
    border-color: var(--input-fore-color);
}
.form button.form-submit {
    padding: 10px 40px;
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
    transition: all ease-in 0.1s;
}
.form button.form-submit:hover {
    padding-left: 50px;
    padding-right: 30px;
}

.fake-form .form-input {
    cursor: text;
}

.fake-textarea {
    max-height: 300px;
    overflow-y: auto;
    max-width: 80%;
    display: inline-block;
}


ajaxsearchresults {
    display: block;
    position: absolute;
    z-index: 10;
    background: var(--input-back-color);
    color: var(--input-fore-color);
    border: 1px solid var(--input-fore-color);
    border-top: 0;
}
ajaxsearchresults.empty {
    padding: 5px 10px;
    font-style: italic;
}
.form-row > ajaxsearchresults {
    left: calc(20% + 12px);
    width: calc(30% - 12px);
}
ajaxsearchresults > ajaxsearchresult {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    transition: all ease-in 0.1s;
    border-bottom: 1px solid #ddd;
}
ajaxsearchresults > ajaxsearchresult:last-child {
    border-bottom: 0;
}
ajaxsearchresults > ajaxsearchresult:hover {
    padding-left: 15px;
    padding-right: 5px;
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
}

ajaxview > .NO-RESULT {
    display: block;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    font-style: italic;
    font-size: 2em;
    opacity: 0.2;
    font-family: 'Roboto Condensed';
}
ajaxview > ajaxitem[is_deleted="1"]:not(.opened) {
    opacity: 0.5;
}
ajaxview > ajaxitem > .item-name {
    display: block;
    padding: 4px 8px;
    background: var(--title-back-color);
    color: var(--title-fore-color);
}
ajaxview > ajaxitem > .item-id {
    float: right;
    margin-right: 8px;
    margin-top: 4px;
    color: var(--title-fore-color);
}
ajaxview > ajaxitem > .item-id:before {
    content: '#';
    font-size: 0.8em;
    opacity: 0.4;
}
ajaxview > ajaxitem > .item-data {
    padding: 8px;
    border: 1px solid var(--title-back-color);
    border-top: 0;
    position: relative;
}
ajaxview > ajaxitem > .item-data > span {
    line-height: 1.5em;
    height: 1.5em;
    max-width: 100%;
    overflow: hidden;
}
ajaxview > ajaxitem.opened > .item-data > span {
    height: calc(1.5em + 16px);
}
ajaxitem:not(.opened):active > .item-name,
ajaxitem:not(.opened):active > .item-id {
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
}
ajaxitem:not(.opened):active > .item-data {
    border-color: var(--highlight-back-color);
}
ajaxitem.opened > .item-name:active,
ajaxitem.opened:active > .item-id {
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
}
ajaxitem > .item-id, ajaxitem > .item-name, ajaxitem > .item-data {
    transition: all 0.1s ease-in;
}

ajaxview > ajaxitem button.delete {
    background: var(--title-back-color) !important;
    color: var(--title-fore-color) !important;
}

ajaxview > ajaxitem > .item-name > .back-icon {
    margin-right: 10px;
    font-size: 0.8em;
    vertical-align: middle;
    display: none;
}

 
select[multiple]:focus option:checked {
    background: var(--highlight-back-color) linear-gradient(0deg, var(--highlight-back-color) 0%, var(--highlight-back-color) 100%);
}
select[multiple] option {
    background: var(--highlight-fore-color) linear-gradient(0deg, var(--highlight-fore-color) 0%, var(--highlight-fore-color) 100%);
    border: 0;
    padding: 10px 20px;
    margin-top: 5px;
}
select[multiple] option:first-child {
    margin-top: 0;
}
select[multiple] {
    padding: 5px;
}

.items-pager {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.items-pager > .items-select-page {
    background: var(--title-back-color);
    color: var(--title-fore-color);
    margin-left: 10px;
    transition: all ease-in 0.1s;
}
.items-pager > .items-select-page.current {
    background: var(--highlight-back-color);
    color: var(--highlight-fore-color);
}
.items-pager > .items-select-page:first-child {
    margin-left: 0;
}

request-list#ACTIVE-REQUESTS {
    position: relative;
    float: right;
    padding: 0;
}
request-list#ACTIVE-REQUESTS > button {
    font-size: 1em;
    font-weight: normal;
    height: 100%;
    padding: 0 20px;
    background: transparent;
    transition: all ease-in 0.1s;
}
request-list#ACTIVE-REQUESTS > button:hover,
request-list#ACTIVE-REQUESTS.opened > button {
    background: var(--highlight-fore-color);
}
request-list#ACTIVE-REQUESTS > .requests-list-container {
    display: block;
    position: absolute;
    max-height: 600px;
    width: 300px;
    right: 0;
    top: 100%;
    line-height: 1em;
    overflow-y: auto;
    z-index: 20;
    background: var(--input-back-color);
    color: var(--input-fore-color);
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
    -webkit-box-shadow: 0px 19px 25px 0px rgb(0 0 0 / 22%);
    -moz-box-shadow: 0px 19px 25px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 19px 25px 0px rgb(0 0 0 / 22%);
}
request-list#ACTIVE-REQUESTS:not(.opened) > .requests-list-container {
    display: none !important;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request {
    border: 1px dashed #ccc;
    margin-top: 10px;
    display: block;
    transition: all ease-in 0.1s;
    position: relative;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request:hover {
    transform: translateX(5px);
    opacity: 0.9;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request * {
    cursor: pointer;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request:first-child {
    margin-top: 0;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > i.request-status {
    float: left;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > label.request-client-name {
    display: block;
    margin-left: 40px;
    line-height: 40px;
    overflow: hidden;
    max-height: 40px;
    font-weight: bold;
    font-family: 'Roboto Condensed';
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > label.request-client-name > .request-contact-data {
    display: none;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > .request-date-time {
    display: block;
    margin-left: 40px;
    font-size: 0.8em;
    margin-top: -10px;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > .request-excerpt {
    font-size: 0.9em;
    display: block;
    padding: 10px;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request.status-0 > .request-excerpt {
    background: #f7d79c;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request.status-1 > .request-excerpt {
    background: #c0f7b0;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request.status-2 > .request-excerpt {
    background: #f59a9a;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > label.request-timeleft {
    position: absolute;
    top: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
    right: 0;
    width: 100px;
    text-align: right;
    font-size: 0.7em;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient( 270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient( 270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > label.request-timeleft > label {
    display: block;
}
request-list#ACTIVE-REQUESTS > .requests-list-container > request > label.request-timeleft > label:last-child {
    font-weight: bold;
    font-size: 1.1em;
}

/* fast search */
fast-search {
    display: block;
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(200, 200, 200, .8);
}
fast-search > #fast-search-input {
    position: fixed;
    width: 40%;
    left: 30%;
    top: 20%;
    border: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 2em;
    background: white;
    color: black;
    border: 2px solid transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 42px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 5px 42px 0px rgba(0,0,0,0.34);
    box-shadow: 0px 5px 42px 0px rgba(0,0,0,0.34);
}
fast-search > #fast-search-input:focus {
    border-color: #28c3bc;
}
fast-search > search-columns {
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-top: calc(20vh + 100px);
    height: calc(80vh - 100px);
    position: relative;
}
fast-search > search-columns > search-column {
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(50% - 10px);
    padding: 20px;
    overflow-y: auto;
}
fast-search > search-columns > search-column.requests {
    right: 0;
}
fast-search > search-columns > search-column > span.empty {
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Roboto Condensed';
    color: #555;
}
fast-search > search-columns > search-column > search-result {
    display: block;
    margin-bottom: 20px;
    padding: 10px 20px;
    background: white;
    color: black;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: all ease-in 0.1s;
}
fast-search > search-columns > search-column > search-result:last-child {
    margin-bottom: 0;
}
fast-search > search-columns > search-column > search-result:hover {
    background: rgba(255,255,255,.5);
    padding-left: 30px;
    padding-right: 10px;
}
fast-search > search-columns > search-column > search-result.request.status-0 {
    border-top: 4px solid #e6c280;
}
fast-search > search-columns > search-column > search-result.request.status-1 {
    border-top: 4px solid #c0f7b0;
}
fast-search > search-columns > search-column > search-result.request.status-2 {
    border-top: 4px solid #f59a9a;
}
fast-search > search-columns > search-column > search-result > .result-name {
    font-size: 1.2em;
    font-family: 'Roboto Condensed';
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
fast-search > search-columns > search-column > search-result > .result-name > i.fa {
    margin-right: 10px;
}
fast-search > search-columns > search-column > search-result.request > .request-date-time {
    line-height: 1.2em;
    vertical-align: middle;
    display: inline-block;
    margin-right: 30px;
    opacity: 0.7;
    float: right;
}
fast-search > search-columns > search-column > search-result > .result-id {
    float: right;
    line-height: 1.2em;
}
fast-search > search-columns > search-column > search-result > .client-data {
    display: block;
    margin-top: 5px;
}
fast-search > search-columns > search-column > search-result > .client-data > span {
    display: inline-block;
    margin-left: 10px;
    font-family: 'Roboto Condensed';
}
fast-search > search-columns > search-column > search-result > .client-data > span:first-child {
    margin-left: 0;
}

request-list#ACTIVE-REQUESTS i#active-requests-counts {
    font-size: 1em;
    margin-left: 10px;
    --padding-h: 0;
    --padding-v: 0;
}
request-list#ACTIVE-REQUESTS i#active-requests-counts > span {
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    margin-right: 10px;
    font-family: 'JetBrains Mono';
}
request-list#ACTIVE-REQUESTS i#active-requests-counts > span:last-child {
    margin-right: 0;
}
request-list#ACTIVE-REQUESTS i#active-requests-counts > span > i.fa {
    margin-right: 2px;
    font-size: 0.9em;
}
request-list#ACTIVE-REQUESTS i#active-requests-counts > span.status-0 {
    color: #d47100;
    border-color: #d47100;
}
request-list#ACTIVE-REQUESTS i#active-requests-counts > span.status-1 {
    color: #03da00;
    border-color: #03da00;
}
request-list#ACTIVE-REQUESTS i#active-requests-counts > span.status-2 {
    color: #da0000;
    border-color: #da0000;
}

.xbbcode-size-7 {
    font-size: 36px;
}
.xbbcode-size-6 {
    font-size: 33px;
}
.xbbcode-size-5 {
    font-size: 30px;
}
.xbbcode-size-4 {
    font-size: 25px;
}
.xbbcode-size-3 {
    font-size: 20px;
}
.xbbcode-size-2 {
    font-size: 15px;
}
.xbbcode-size-1 {
    font-size: 10px;
}

.sidebar-toggle-button {
    display: none;
}

/* mobile */
@media screen and (max-width: 540px) {
    body, #Wrapper {
        overflow: hidden;
    }

    header {
        padding-left: 5px;
    }

    header > * {
        padding: 0 5px;
    }

    header > label.title {
        font-size: 1.2em;
        min-width: initial;
    }

    header > label.user-info {
        font-size: 0.6em;
    }

    header > button.logout {
        padding: 0 10px;
        font-size: 0.8em;
    }

    header > button.logout:hover {
        padding-left: 20px;
        padding-right: 0;
    }

    main {
        left: 0 !important;
        right: 0 !important;
    }

    .form .form-input, .fake-form .form-input {
        width: 100%;
    }

    .form .form-label, .fake-form .form-label {
        display: block;
    }

    .sidebar-toggle-button {
        display: block !important;
        position: absolute;
        z-index: 10000;
        left: 0px;
        top: calc(50% - 16px);
        background: var(--highlight-back-color);
        color: var(--highlight-fore-color);
        height: 32px;
        width: 20px;
        padding: 0;
        margin: 0;
    }
    .sidebar-toggle-button > i.fa {
        padding: 0;
        margin: 0;
    }
    .sidebar-toggle-button.right {
        left: initial;
        right: 0px;
    }
    button.sidebar-toggle-button:not(.opened) > i.fa.left, button.sidebar-toggle-button.opened > i.fa.right {
        display: none;
    }
    button.sidebar-toggle-button.right:not(.opened) > i.fa.left, button.sidebar-toggle-button.right.opened > i.fa.right {
        display: initial;
    }
    button.sidebar-toggle-button.right:not(.opened) > i.fa.right, button.sidebar-toggle-button.right.opened > i.fa.left {
        display: none;
    }

    aside:not(.opened) {
        transform: translateX(-100%);
    }
    aside.right:not(.opened) {
        transform: translateX(100%);
    }
    aside.opened {
        background: var(--back-color);
        width: calc(100% - 20px);
    }
    header > label.user-info > span:not(.user-name) {
        display: none;
    }
    header > button.logout > i.fa {
        margin-left: 4px;
    }
    header > label.title {
        font-size: 1em;
    }
    request-list#ACTIVE-REQUESTS > button {
        font-size: 0.8em;
        padding: 5px !important;
        font-size: 0;
    }
    request-list#ACTIVE-REQUESTS > button > i {
        font-size: initial !important;
        margin: 0 !important;
    }
}