.menu-link .title {
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

body.outside {
    background: radial-gradient(circle at top left, #0f9bc6, #0773b2);
}

.menu-link .icon {
    font-weight: 100;
}

.sidebar-header .logo {
    max-width: 80%;
    padding-left: 10px;
}

.menu-category::after {
    border-top: 0px;
}

.menu-link .title {
    line-height: 2;
}

.menu-category {
    line-height: 16px;
}

.fstElement {
    font-size: 14px;
    width: 622px;
    max-width: 90%;
    min-width: 350px;
    min-height: 30px;
    color: #484b4f;
    box-sizing: content-box;
}

.fstQueryInput {
    margin-bottom: 0 !important;
}

.fstElement .fstResultItem {
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    max-height: 33px;
    min-height: 33px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 300;
    font-size: 13px;
    padding-top: 0.3em;
}

.fstMultipleMode .fstControls {
    width: unset !important;
    padding-top: 0 !important;
}

.fstToggleBtn {
    height: 100%;
    padding: 0.4em 1.4em 0.2em 0.7em;
    overflow: hidden;
    white-space: nowrap;
}

    .fstToggleBtn:before {
        background: -webkit-linear-gradient(transparent 150px, white);
        background: linear-gradient(transparent 150px, white);
    }

input.fastselect {
    padding: 0.25vw !important;
}

.fstChoiceItem {
    padding: 3px 10px 3px 20px !important;
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    font-size: 13px !important;
    background-color: #d8dcde;
    color: #303237;
    border: 0 !important;
    min-height: 25px;
}

.fstChoiceRemove {
    color: #4f5258;
}


.sidebar .menu .menu-submenu > .menu-item > .menu-link {
    border-right: 7px solid #455160;
}

.sidebar .icon {
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.fstMultipleMode.fstActive, .fstMultipleMode.fstActive .fstResults {
    box-shadow: unset !important;
}

.header {
    margin-bottom: 0px;
}

.sidebar .menu-submenu .menu-item.active > .menu-link .dot::after,
.sidebar .menu-submenu .menu-item:hover > .menu-link .dot::after {
    background-color: #fff;
    border-color: #fff;
}


table tbody tr.template {
    display: none;
}

table tbody tr.selected td {
    background-color: #eef6f6;
}

.page-item.active .page-link {
    z-index: unset;
}

.fc-view, .fc-view > table {
    z-index: 0;
}

.page-item {
    width: 40px;
    text-align: center;
}

    .page-item.dots {
        width: 20px;
        text-align: center;
    }

.card-loading {
    background-color: rgba(255,255,255,0.7);
}



.table-controls.flexbox .btn-toolbar {
    max-height: 35px;
}


.modal-backdrop {
    /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 105, 93, 0.85)), to(rgba(68,122,106,0.6)));
    background: -webkit-linear-gradient(top, rgba(62, 105, 93, 0.85) 0%, rgba(68,122,106,0.6) 100%);
    background: linear-gradient(to bottom, rgba(62, 105, 93, 0.85) 0%, rgba(68,122,106,0.6) 100%);*/
    background-color: rgba(0,0,0,0.6);
}

    .modal-backdrop.show {
        opacity: 1;
    }

.nav-justified .nav-item {
    max-width: 300px;
}

/* Checkbox problems */
.custom-control-label::before {
    /*top: 8px;*/
}


.media.text-input .media-body {
    -webkit-box-flex: 0;
    flex: none;
    width: 40%;
}

.form-control[readonly] {
    background-color: #e9ecef;
}

.form-control {
    border-color: #dedede;
    color: #4f5258;
}

.media {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .media.text-input input[type="text"] {
    }

.outside-logo {
    background-image: url('/images/toplogo.png');
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 35vw;
    height: 35vw;
}

.glide-table thead th {
    white-space: nowrap;
    padding-top: 0px;
    font-size: 12px;
}

.header-info {
    margin-top: 25px;
    margin-bottom: 25px;
}



/*Darkstyle*/


/*.sidebar, .menu-submenu {
    background-color: #25272a;
}

 .sidebar-header{
     background-color: #25272a;
 }



.sidebar .menu:not(.menu-bordery) > .menu-item.active > .menu-link {
    background-color: #2a3d37;
}


.sidebar .menu:not(.menu-bordery) > .menu-item .menu-submenu .menu-link:hover {
    background-color: #253e37;
}


 .sidebar .menu .menu-submenu > .menu-item.active > .menu-link {
    background-color: #356456;
}*/


.nowrap {
    white-space: nowrap;
}

.float-left {
    float: left;
}

.sidebar-navigation .badge:empty {
    display: none;
}

.badge.hider{
    display: none;
}


.fstElement.form-control-sm {
    height: 30px;
    line-height: 13px;
}

    .fstElement.form-control-sm * {
        font-size: 12px;
    }


/*.custom-checkbox .custom-control-label:empty::after {
    margin-top: -3px;
}*/



.disabled-element {
    opacity: 0.4;
}


.dropify-wrapper .dropify-clear,
.dropify-wrapper.touch-fallback .dropify-clear {
    top: 10px;
    bottom: unset;
}

.dropify-wrapper:hover {
    background-image: unset !important;
}

.dropify-wrapper.touch-fallback .progress {
    visibility: hidden;
}

.dropify-wrapper {
    background-color: red;
}

    .dropify-wrapper .dropify-download {
        top: 10px;
        bottom: unset;
        right: unset;
        left: 10px;
    }



    .dropify-wrapper .dropify-download,
    .dropify-wrapper .dropify-clear {
        border: none;
        opacity: 1 !important;
        color: #aeaaaa !important;
        font-weight: 400;
        font-size: 11px;
        letter-spacing: 1px;
        padding: 6px 12px;
        cursor: pointer;
        background: 0 0;
        position: absolute;
        z-index: 7;
        text-transform: uppercase;
        border: 2px solid #d0d0d0 !important;
        font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial";
        font-size: 11px;
    }

.dropify-download:hover,
.dropify-clear:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #eaeaea;
}

.glide-table thead th {
    cursor: pointer;
}

    .glide-table thead th:before {
        visibility: hidden;
    }

    .glide-table thead th.asc:before,
    .glide-table thead th.desc:before {
        visibility: visible;
    }

    .glide-table thead th:before {
        display: block;
        float: right;
        width: 0;
        height: 0;
        border-style: solid;
        content: " ";
        border-width: 0 5px 5px;
        margin-top: 0px;
    }

    .glide-table thead th.asc:before {
        border-width: 0 5px 5px;
        border-color: transparent transparent #009a67;
    }

    .glide-table thead th.desc:before {
        border-width: 5px 5px 0;
        border-color: #009a67 transparent transparent;
    }


    .glide-table tbody td.ordered,
    .glide-table thead th.asc,
    .glide-table thead th.desc {
        background-color: #f9fcfc;
    }

.glide-table {
    table-layout: fixed;
}

    .glide-table tbody tr {
        line-height: 19px;
    }

    .glide-table thead th {
        overflow: hidden;
        white-space: nowrap;
    }

    .glide-table tbody td {
        height: 40px;
        overflow: hidden;
        font-size: 12px;
        white-space: nowrap;
        transition: all 1s ease linear;
    }

    .glide-table tbody tr.selected td.ordered {
        background-color: #e7ebeb;
    }

.glide-table {
    margin-top: 8px;
}

.pointerless{
    cursor: auto !important;
}

.search-results {
    background-color: #fff;
    position: absolute;
    top: 64px;
    display: none;
}

.topbar-left {
    width: 100%;
}

.topbar-search {
    width: 400px;
}

.main-search {
    width: 100%;
}

.search-result-type-container {
    min-height: 300px;
}

.table-image {
    border-radius: 7px;
    width: 130px;
    height: 90px;
    max-width: none !important;
}

.table-image-empty {
    width: 130px;
    height: 90px;
    display: inline-block;
}

.custom-checkbox.custom-control-close .custom-control-label::after {
    content: "\e646";
}

.form-group input.fastselect {
    width: 50% !important;
    min-width: 450px !important;
    display: inline-block;
    vertical-align: text-bottom !important;
}

.form-group .btn-group {
    vertical-align: text-bottom !important;
}

main > footer {
    margin-top: 50vh;
}

small a, time a, .small a {
    border-bottom-style: none;
}

.dropify-wrapper .progress {
    position: absolute;
    bottom: 0%;
    width: 95%;
}

    .dropify-wrapper .progress .progress-bar {
        z-index: 100;
    }

.topbar-btn.installation-info {
    line-height: 20px !important;
    padding-top: 10px;
}

.topbar-btn .version,
.topbar-btn .licence-public {
    line-height: 0;
}


.card {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
}


.bg-lighter .progress {
    background-color: #fff;
}


.note-editor.note-frame,
.note-popover.note-frame {
    border-color: #f1f2f3 !important;
}

.invalid-feedback {
    display: block !important;
}

    .invalid-feedback .list-unstyled {
        margin-bottom: 0;
    }

.sidebar .logo a {
    background-image: url('/images/toplogo.png');
    display: inline-block;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
}


.topbar .media-list {
    width: 100% !important;
}


.avatar-list-overlap .avatar {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.lookup-pure input {
    width: 250px;
}

.lookup-pure input {
    background-color: rgba(77,82,89,0.08);
    border: none;
    border-radius: 5px;
}

.text-lightgray {
    color: #9a9a9a !important;
}


.selection-dropdown {
    opacity: 1;
    transition: all 1s ease linear;
}

    .hide {
        width: 0px;
        padding: 0px;
        border: 0px;
        opacity: 0;
        overflow: hidden;
        margin: 0px;
    }


.glide-table-toolbar .table-summary{
    white-space: nowrap;
}

.header-info {
    margin-bottom: 10px;
}

.glide-form-toolbar{
    margin-top: -30px;
    margin-bottom: 20px;
}

.glide-form-toolbar .btn-pure,
.glide-table-toolbar .btn-pure{
    border-radius: 5px;
}

.glide-form-toolbar .btn-pure:hover,
.glide-table-toolbar .btn-pure:hover{
    background-color: #eaeaea !important;
}


button.btn label{
    display: inline !important;
}


.text-darkred{
    color: #c12121 !important;
}

.note-toolbar{
    z-index: unset !important;
}

.number-right {
    text-align: right;
    padding-right: 4vw;
}