/***
*   Grid.Mvc stylesheet http://gridmvc.codeplex.com/
*   This file contains default styles for Grid.Mvc.
*/
/* Grid */
table.grid-table { margin: 0; }
    table.grid-table .grid-wrap { padding: 0; position: relative; }
    table.grid-table .grid-empty-text { color: #666; }

    /* Grid headers */
    table.grid-table .grid-header { position: relative; }
        table.grid-table .grid-header .sorted-asc .grid-sort-arrow:after { content: " \2193"; }
        table.grid-table .grid-header .sorted-desc .grid-sort-arrow:after { content: " \2191"; }
        table.grid-table .grid-header > .grid-header-title { width: 100%; margin-right: 15px; white-space: nowrap; }

    /* Grid body */
    table.grid-table tr.grid-row-selected td { background: #4888C2 !important; color: white; }
    table.grid-table tr.grid-row-selected a { color: white; }

/* Grid filtering */
input.grid-filter-input { padding: 4px; font-size: 13px; }
table.grid-table .grid-filter { position: relative; margin-top: 2px; float: right; width: 10px; height: 12px; }
table.grid-table .grid-filter-btn { cursor: pointer; display: block; width: 10px; height: 12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat; }
    table.grid-table .grid-filter-btn.filtered { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJNJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2ZhZmb2GV0RSAwkB1YEAkAdLO3t7TnoCkFiIDmoMggACgiEhoauhikCsUFiUGlUsHfvXkOYQhAbKowJQNbAFGJYiQ5gCqFc3ACkyNfXdzuUixuAFAGt1YByoYCBAQAUDanUpFB4UQAAAABJRU5ErkJggg==') no-repeat; }
table.grid-table .grid-filter-buttons { padding: 0; }
table.grid-table .grid-filter-datepicker { font-size: 12px; }
    table.grid-table .grid-filter-datepicker table td { padding: 1px!important; }
    table.grid-table .grid-filter-datepicker .ui-datepicker { width: auto; }
table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear { white-space: nowrap; padding-left: 23px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg=='); background-position: 3px center; background-repeat: no-repeat; }
table.grid-table .grid-filter-choose.choose-selected { background-color: white!important; cursor: default; color: #999; }
table.grid-table .grid-popup-additional { padding: 3px 0 0 0; }

/* filter text */
table.grid-table .grid-header-title div.filter-data-text { font-weight: 200; font-style: italic; }

/* POP-UP */
.grid-dropdown { font-weight: normal; left: -102px; top: 16px!important; min-width: 180px; }
.grid-dropdown-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAl0lEQVQoU42PMQuFMAyE6xN5gpOjjsIb/P9/o3O3zh27dY25kIPq8DBwmLT35WoQkUEVOmGec84CaW2q7+N+AdCD6M9SisQYTei1jsfyCeCu+vjFVGs1AN++94DRfUOfuNLoKUiyRC5y2F5I8NdaM4P/l0EswvBorQTnfxBhLMRih+2pklIy+eEtjQPu6MNZwIBNbwteMBd5X4ZGHcwL3QAAAABJRU5ErkJggg==") no-repeat; height: 8px; left: 99px; position: absolute; top: -8px; width: 14px; }
.grid-dropdown-inner { padding: 5px 7px; }
.grid-dropdown ul.menu-list { list-style-type: none; margin: 3px 0 0 0; padding: 0; }
    .grid-dropdown ul.menu-list li a { text-decoration: none; background-position: 6px center; background-repeat: no-repeat; display: block; padding: 4px 5px; }
        .grid-dropdown ul.menu-list li a:hover { background-color: #EEE; text-decoration: none; }
                
/*Grid footer*/
.grid-itemscount { margin-top: 20px; }
.required:after {
    Content:'*'
}

/* Header */

.dropdown-user .dropdown-toggle {
    display: block !important;
}

.dropdown-user .dropdown-toggle {
    padding-right: 8px !important;
}

.dropdown-user-settings .dropdown-toggle {
    padding-right: 10px !important;
}

.dropdown-user .dropdown-toggle:hover {
    background-color: inherit !important;
}

.dropdown-user .dropdown-toggle {
    background-color: inherit !important;
}

.dropdown-user .master {
    font-weight: bold;
    color: #E7505A;
}

.logo-login, .logo-main {
    background-image: url(/assets/layouts/layout/img/logo.png);
    width: 86px;
    height: 14px;
    display: inline-block;
}
                
/*<img src="/assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" />*/


/*  */
.input-validation-error {
    border-color: red;
}
.field-validation-error {
    color: red;
}
.validation-summary-errors ul {
    margin: 0;
}

h1 {
    margin-bottom: 30px;
}
.form-group {
    margin-bottom: 10px;
}
.form-actions {
    margin-bottom: 25px;
}


/* Grid */
.table.grid-table {
    width: auto;
}
.edit-delete, .unread-messages {
    width: 25px;
}
.edit-delete {
    text-align: center;
}
.unread-messages {
    text-align: center;
}

    .edit-delete .btn-icon-only, .unread-messages .btn-icon-only {
        height: 26px;
        width: 26px;
        padding: 1px 0;
    }

        .edit-delete .btn-icon-only:nth-child(2), .unread-messages .btn-icon-only:nth-child(2) {
            margin-left: 2px;
        }

.grid-table td, .grid-table th {
    border: 1px solid #e7ecf1 !important;
}

.table.grid-table .grid-header > .grid-header-title {
    white-space: initial;
}

.table > thead > tr > th.grid-header {
    vertical-align: middle;
    text-align: center;
}

.grid-mvc {
    overflow: auto;
}
/* Login Page */
.login {}
    .login .content { /* Source: assets/pages/css/login.min.css */
        background-color: #FFFFFF;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        width: 400px;
        margin: 40px auto 10px;
        padding: 10px 30px 30px;
        overflow: hidden;
        position: relative;
    }
        .login .content .form-title {
            font-weight: 600;
            margin-bottom: 25px;
            text-align: center;
        }
    .login .logo {
        margin: 10px auto 0;
        padding: 10px;
        text-align: center;
    }

/* Additional Error Style because bootstrap doesn't offer an "error-alert"*/
.alert-error {
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: #e73d4a;
}
.alert-error hr { border-top-color: #f8cace; }
.alert-error .alert-link { color: #d71b29; }


@media (max-width: 440px) {
    .login .content {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.title-sticky {
    background-color: white;
    z-index: 1000;
    padding: 25px 0px 1px 0px;
    width: 100%;
    position: sticky;
    top: 50px;
    margin-top: -25px;
}

    .title-sticky .page-title {
        margin-top: 0 !important;
        position: relative !important;
    }

@media (max-width: 991px) {
    .title-sticky {
        width: 95vw;
        top: 25px;
        margin-top: 5px;
    }
}

@media (max-width: 991px) {
    .page-header.navbar {
        position: fixed;
        zoom: 0.8;
    }
}

@media (max-width: 767px) {
    .title-sticky {
        width: 95vw;
        top: 25px;
        margin-top: 5px;
        padding: 25px 0 1px;
    }
}

@media (max-width: 767px) {
    .page-content-wrapper .page-content {
        overflow: visible;
    }
}

.ic-required-asterisk {
    overflow: clip !important;
}

.page-header.navbar .menu-toggler {
    display: block;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-header.navbar .menu-toggler {
  background-image: url(/assets/layouts/layout/img/sidebar_toggler_icon_default.png);
}

.js-datepicker.form-control {
    display: inline-block;
}

[v-cloak] {
    display: none;
}

.dropdown-menu {
    box-shadow: none;
}

.table.grid-table {
    width: 100% !important;
}

.dropzone {
    position: fixed; top: 0; left: 0; 
    z-index: 9999999999;               
    width: 100%; height: 100%;
    background-color: #000000;
    background-color: rgba(0,0,0,0.6);
    -webkit-transition: visibility 175ms, opacity 175ms;
    -moz-transition: visibility 175ms, opacity 175ms;
    -ms-transition: visibility 175ms, opacity 175ms;
    -o-transition: visibility 175ms, opacity 175ms;
    transition: visibility 175ms, opacity 175ms;
    display:none;
}

    .dropzone.target-dropzone {
        position: absolute;
        background: lightgray;
        opacity: 0.3;
        box-sizing: content-box;
        top: 0;
        left: 0;
        z-index: 999999;
    }

.date-picker .btn-date-picker {
    height: 34px;
    padding-top: 9px;
    padding-bottom: 10px;
    border: 1px solid #b7b7b8;
}
.date-picker .dropdown-menu {
    margin-top: 0;
}
.date-picker .btn-default {
    border: 0;
}

.ic-multirow-header, .ic-header {
    font-size: 18px;
    font-weight: 300;
}

.print-logo {
    position: absolute;
    top: 10px;
    right: 20px;
    display: none;
}

.avatar {
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-size: 16pt;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
}

.sub-headline {
    font-size: 12px;
    line-height: 20px;  
    display: block;
    margin-bottom: 5px;
}

.headline-buttons {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
    .headline-buttons headlineButtons ul {
        margin: 0;
        padding: 0;
    }
    .headline-buttons ul li {
        list-style-type: none;
        display: inline-block;
    }

.print-helper {
    display: none;
}

.ms-container {
    max-width: 1000px;
    width: 100%;
}

li.nav-footer {
    font-size: 11px !important;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.page-sidebar .page-sidebar-menu > li.nav-footer > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    font-size: 13px;
}
.page-sidebar .page-sidebar-menu > li.nav-footer > a {
    background-color: transparent !important;
}
.page-sidebar .page-sidebar-menu > li.nav-footer > a:hover {
    background-color: #EFEFEF !important;
}

.buttonset .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #009ee0;
    border-color: #009ee0;
}

.buttonset .ui-checkboxradio-icon, .buttonset .radio {
    display: none;
}

.attachment-upload-dnd {
    border: 2px dashed gray;
    width: 100%;
    padding: 35px;
    font-size: 1.2em;
    text-align: center;
    position: relative;
}

    .attachment-upload-dnd:hover {
        border: 2px solid gray;
        cursor: pointer !important;
    }

    .attachment-upload-dnd .hint {
        font-size: 0.6em;
    }

    .attachment-upload-dnd .glyphicon {
        font-size: 2em;
    }

.visibility-hidden {
    visibility: hidden;
}

.combined-labels {
    display: inline-block;
    padding-top: 7px;
}

    .combined-labels, .combined-labels label {
        vertical-align: middle;
    }

        .combined-labels .ic-required-asterisk {
            padding-right: 10px;
        }

.box-group {
    border: 1px solid #efefef;
    padding: 10px 25px;
    margin: 10px 0;
}

@media (max-width: 991px) {
    .page-header.navbar {
        padding-left: 0px;
    }

    li.nav-footer {
        font-size: 11px !important;
        text-align: right;
        position: relative;
        width: 100%;
    }
}

/* Grid styles */

/* fixed width*/
.grid-mvc td.fw {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-mvc td.fw-150 {
    max-width: 150px;
}

.mb-1 {
    margin-bottom: 1em;
}

.page-content .mvc-grid-table > table > thead > tr > th,
.page-content .mvc-grid-table > table > tbody > tr > td,
.page-content .mvc-grid-table > table > tfoot > tr > td {
    line-height: 1.2em;
}

.page-content .mvc-grid-sort,
.page-content .mvc-grid-filter,
.page-content .mvc-grid-table > table > thead > tr > th,
.page-content .mvc-grid-table > table > tbody > tr > td,
.page-content .mvc-grid-table > table > tfoot > tr > td,
.page-content .mvc-grid-header-mode .mvc-grid-value {
    background: transparent;
}

.page-content .mvc-grid-table th .mvc-grid-value {
    color: #bbbbbb;
    font-weight: bold;
}

.mvc-grid-row-filters ::placeholder {
    color: black !important;
    opacity: 1 !important; /* Firefox */
    font-weight: 700;
}

.mvc-grid-row-filters ::-ms-input-placeholder { /* Edge 12-18 */
    color: black !important;
    opacity: 1 !important;
    font-weight: 700;
}

.mvc-grid-table > table > thead > tr.details > th,
.mvc-grid-table > table > tbody > tr.details > td,
.mvc-grid-table > table > tfoot > tr.details > td {
    padding: 2em;
}

.mvc-grid-table tr:not(.details) {
    cursor: pointer;
}

.mvc-grid-table .open-icon {
    text-align: center;
}

    .mvc-grid-table .open-icon i {
        color: #adb6c0;
    }

.mvc-grid-table .active-row .open-icon i {
    transform: rotate(90deg)
}

.details-background {
    background: #F6F6F6;
    margin: 0px 15px 15px 15px;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    display: none;
}

    .details-background hr {
        margin: 10px 10px 10px 10px !important;
        border-top: 1px solid #fff !important;
    }

.row.details-row {
    padding-bottom: 10px;
}

td > div > div .details-row:not(:first-child) {
    border-top: 2px white solid;
    padding-top: 10px;
}

td:has(span.highlight) {
    background: #009ee030 !important;
}

.csstooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .csstooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .csstooltip:hover .tooltiptext {
        visibility: visible;
    }

@media (max-width: 480px) {
    .page-content .page-title .headline-buttons {
        position: relative;
    }
}