/*global settings*/
body {
    font-family: 'Segoe UI Regular';
}

:root {
    --fw-primary: #293c45;
    --fw-secondary: #47c3dd;
    --fw-tertiary: #f05026;
    --fw-max-width: 1920px;
}

.fw-width {
    max-width: var(--fw-max-width);
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    padding: 0 10px;
}

.fw-header {
    height: 65px;
    width: 100%;
    background-color: var(--fw-secondary);
    border-bottom: 1px solid var(--fw-primary);
    user-select: none;
}

    .fw-header img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 65px;
        height: 35px;
        max-height: 35px;
        cursor: pointer;
    }

.user-header-info {
    float: right;
    line-height: 65px;
    margin-right: 10px;
    font-family: 'Segoe UI Bold';
    cursor: pointer;
    margin: 0px;
}

    .user-header-info .dx-buttongroup-item {
        border: 1px solid var(--fw-primary);
    }

.grecaptcha-badge {
    z-index: 100;
}
/*.language-header-info {
    float: right;
    line-height: 65px;
    margin-right: 10px;
    font-family: 'Segoe UI Bold';
}

.d1-lang-item:hover {
    text-decoration: underline;
    cursor: pointer;
}*/
#user-name-short span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('/framework/font/Segoe UI.woff') format('woff');
}

@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('/framework/font/Segoe UI Bold.woff') format('woff');
}

@font-face {
    font-family: 'Segoe UI Semilight';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Semilight'), url('/framework/font/Segoe UI Semilight.woff') format('woff');
}

/*end global settings*/


/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
body {
    margin: 0px;
    overflow: hidden;
}

#appContent {
    height: 100%;
}

.dx-datagrid {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.d1-grid .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    border-left: 1px solid var(--fw-primary);
    border-bottom: 1px solid var(--fw-primary);
    border-right: 1px solid var(--fw-primary);
    background-color: white;
}

.d1-grid .dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers {
    border-left: 1px solid var(--fw-primary);
    border-top: 1px solid var(--fw-primary);
    border-right: 1px solid var(--fw-primary);
}


.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
    margin-top: unset;
    border-top: unset;
}


/*.d1-grid .dx-datagrid-borders > .dx-datagrid-rowsview, .d1-grid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border: 1px solid var(--fw-primary);
    border-top: none
}

.d1-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: none;
}

.d1-grid .dx-datagrid-headers .dx-datagrid-table .dx-row {
    border: 1px solid var(--fw-primary);
}*/

/* column chooser css */
.dx-datagrid-column-chooser-plain .dx-treeview-node-container {
    columns: 200px;
}

.dx-datagrid-column-chooser-plain li {
    width: 200px;
    break-inside: avoid;
}
/* end column chooser css */




.dx-datagrid.dx-gridbase-container {
    z-index: 0;
}

.dx-datagrid-headers {
    background-color: #ddd;
    font-family: 'Segoe UI Bold';
    font-weight: normal;
    border: 1px solid var(--fw-primary);
    border-bottom: none;
}

.dx-header-filter:not(.dx-header-filter-empty) {
    color: var(--fw-tertiary);
}

/*.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #EAE18F;
}*/

.dx-toolbar .dx-toolbar-items-container {
    margin-top: 10px;
}

.dx-datagrid.dx-gridbase-container {
    background-color: transparent;
}

.dx-datagrid-header-panel .dx-toolbar {
    background-color: transparent;
}

#d1-details-content {
    overflow-y: auto;
    /*    margin-top: 56px;
*/
}

#datagridDx1Container, #d1-details-content {
    height: calc(100vh - 195px);
    width: 100%;
    padding-bottom: 10px;
}

#d1-details-content {
    padding: 10px;
}

/*.dx-header-row {
    background-color: #eee;
}*/
/*#d1-list {
    margin-top: -59px;
}*/
/* breadcrumb CSS below */
.d1-breadcrumb {
    overflow: auto;
    font: 18px Sans-Serif;
    /*    position: absolute;
    top: 7px;
    left: 55px;*/
    z-index: 1;
    /*    width: calc(100% - 300px);
*/ max-height: 65px;
    height: 65px;
    padding-top: 7.5px;
    background-color: #f3f2f1;
    border-bottom: 1px solid var(--fw-primary);
}

    .d1-breadcrumb ul {
        list-style: none;
        margin: 0px;
        padding-inline-start: 0px;
    }

/*.DetailsDx1 .breadcrumb {
    width: calc(100% - 63px);
}*/

.ilvo-breadcrumb-left {
    float: left;
}

.ilvo-breadcrumb-right {
    float: right;
}


    .ilvo-breadcrumb-right ul {
        margin-right: 60px;
    }

.breadcrumb-button {
    height: 50px;
}

/*.breadcrumb-button-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 18px 8px;
}*/

.breadcrumb-button, .appbar-button {
    border-radius: 6px;
    padding: 0px 8px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    user-select: none;
    min-width: 150px;
}

    .breadcrumb-button:hover, .appbar-button:not(.appbarDisabled):hover {
        cursor: pointer;
        filter: brightness(90%);
    }

    .breadcrumb-button:active {
        filter: brightness(80%);
    }

.ilvo-breadcrumb-left .breadcrumb-button {
    background-color: #ffffff;
    border: 1px solid var(--fw-primary);
}

.ilvo-breadcrumb-right .breadcrumb-button {
    background-color: var(--fw-primary);
    color: white;
    border: 1px solid var(--fw-primary);
    margin-right: 0px;
    margin-left: 10px;
}

    .ilvo-breadcrumb-right .breadcrumb-button.next {
        background-color: var(--fw-tertiary);
    }

    .ilvo-breadcrumb-right .breadcrumb-button:hover {
        filter: brightness(112%);
    }

    .ilvo-breadcrumb-right .breadcrumb-button:active {
        filter: brightness(125%);
    }

.breadcrumb-button-title {
    font-family: 'Segoe UI Bold';
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #333;
    text-align: center;
    margin-top: 1px;
    line-height: 25px;
}

.breadcrumb-button-text {
    font-family: 'Segoe UI Bold';
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
}

.breadcrumb-button-subtitle {
    font-family: 'Segoe UI Semilight';
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    margin-top: -2px;
}




.breadcrumb-menu-items {
    background-color: var(--fw-secondary);
    margin-left: 10px;
    border-radius: 4px;
}

    .breadcrumb-menu-items .dx-buttongroup-item {
        border: 1px solid var(--fw-primary);
    }

    .breadcrumb-menu-items .dx-button-has-icon .dx-icon {
        width: 32px;
        height: 32px;
        background-position: 0 0;
        background-size: 32px 32px;
        padding: 0;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
        margin-right: 0;
        margin-left: 0;
    }
/* end breadcrumb CSS */
/* AppBar CSS below */

.appBar {
    background-color: var(--fw-primary);
    align-content: center;
    min-height: 65px;
    height: 65px;
    max-height: 65px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .appBar .appbarbtnContainer {
        margin: 7.5px 25px;
        display: inline-block;
    }

.d1-details.appBar .appbar-left, .d1-details.appBar .appbar-center {
    width: 33.33%;
}

        .appBar .appbarbtnContainer.appbar-left {
            float: left;
            margin-left: 0px;
        }

        .appBar .appbarbtnContainer.appbar-center {
            margin-left: 0px;
            margin-right: 0px;
            text-align: center;
            /*            margin-left: auto;
            margin-right: auto;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);*/
        }

            .appBar .appbarbtnContainer.appbar-center .appbar-button {
                margin-right: 5px;
                margin-left: 5px;
            }

        .appBar .appbarbtnContainer.appbar-right {
            float: right;
            margin-right: 0px;
        }

            .appBar .appbarbtnContainer.appbar-right .appbar-button {
                margin-right: 0px;
                margin-left: 10px;
            }



.appbarDisabled {
    opacity: 0.4;
}

.appbar-button {
    font-family: 'Segoe UI Bold';
    text-transform: uppercase;
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 50px;
    max-height: 50px;
}

    .appbar-button.red {
        background-color: #ec1c24;
        border: 1px solid #F15A2C;
    }

    .appbar-button.green {
        background-color: #009345;
        border: 1px solid #37B34A;
    }

    .appbar-button.yellow {
        background-color: #DDC72C;
        border: 1px solid #FFDD15;
    }

    .appbar-button.secondary {
        background-color: var(--fw-secondary);
        border: 1px solid var(--fw-primary);
    }

    .appbar-button.white {
        background-color: white;
        color: #333;
        border: 1px solid var(--fw-primary);
    }

    .appbar-button:not(.appbarDisabled):hover {
        filter: brightness(112%);
    }

    .appbar-button:not(.appbarDisabled):active {
        filter: brightness(125%);
    }

    .appbar-button.white:not(.appbarDisabled):hover {
        filter: brightness(90%);
    }

    .appbar-button.white:not(.appbarDisabled):active {
        filter: brightness(80%);
    }

    .appbar-button span.material-icons {
        line-height: 50px;
        vertical-align: bottom;
    }

/* End AppBar CSS*/

.dx-drawer {
    /*float: left;*/
}

.dx-drawer-shrink .dx-drawer-wrapper {
    /*float: left;*/
    z-index: 100;
}

#ilvo-side-menu-toggle {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: calc((100% - var(--fw-max-width))/2 + 10px);
    background-color: transparent;
    border: 1px solid #333;
}

@media (max-width: 1920px) {
    #ilvo-side-menu-toggle {
        left: 10px;
    }

    .dx-datagrid.dx-gridbase-container {
        background-color: white;
    }

    .dx-datagrid-header-panel .dx-toolbar {
        background-color: white;
    }
}

#ilvo-side-menu {
    background-color: var(--fw-primary);
    width: 300px;
    height: 100%;
    /*    padding: 10px 10px 10px 10px;
*/ color: white;
    overflow-y: auto;
}

    #ilvo-side-menu .dx-list .dx-empty-message {
        color: white;
    }

#ilvo-side-menu-toggle:hover {
    background-color: rgba(0, 0, 0, .04);
}

#ilvo-side-menu .dx-list-group-header {
    color: white;
    border-bottom: none;
}

    #ilvo-side-menu .dx-list-group-header:before {
        border-top-color: white;
        border-bottom-color: white;
    }

#ilvo-side-menu .dx-list-item {
    background-color: white;
    color: #333;
}

#ilvo-side-menu p {
    margin: 5px 0px;
    line-height: 20px;
}

#ilvo-side-menu .dx-list-item:hover {
    background-color: #eee;
    cursor: pointer;
}

#side-menu-menuGroups.dx-scrollable {
    height: unset;
}

#side-menu-menuGroups .dx-list-group-header {
    text-transform: uppercase;
    background: unset;
}

#side-menu-menuGroups .dx-list-item-content {
    padding-top: 0px;
    padding-bottom: 0px;
}


/* Begin details css*/
.dx-form-group-caption {
    font-weight: 600;
}

.dx-form-validation-summary {
    padding-top: 10px;
}

#details-list .dx-scrollable-content {
    column-count: 4;
    -moz-column-count: 4;
}

#details-list .dx-list-item {
    border-top: none;
    break-inside: avoid;
}

    #details-list .dx-list-item:last-of-type {
        border: none;
    }

.dx-popover-wrapper .dx-popup-title.dx-toolbar {
    display: none;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #eae18f;
}

/*.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #eae18f;
}*/

/* End details css*/

/* Begin Grid css*/
.fw-color-cell {
    width: 20px;
    height: 20px;
    margin-top: -5px;
    margin-bottom: -5px;
    border: 1px solid black;
    display: inline-block;
}
/* End Grid css*/

/*popup css*/
.dx-popup-title.dx-toolbar {
    background-color: var(--fw-primary);
    color: white;
}

.dx-datagrid-column-chooser .dx-popup-title.dx-toolbar {
    color: #333;
}

/* css for the login form*/
.loginIlvo1 {
    height: 100%;
    background-color: #F8F8F8;
}

    .loginIlvo1 a {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        color: var(--fw-secondary);
    }

        .loginIlvo1 a:hover, .loginIlvo1 a:focus {
            text-decoration: none !important;
            outline: none !important;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .loginIlvo1 a:hover, .loginIlvo1 a:active, .loginIlvo1 a:focus {
            filter: brightness(90%);
            outline: none !important;
            text-decoration: none !important;
        }

    .loginIlvo1 h1, .loginIlvo1 h2, .loginIlvo1 h3, .loginIlvo1 h4, .loginIlvo1 h5,
    .loginIlvo1 .h1, .loginIlvo1 .h2, .loginIlvo1 .h3, .loginIlvo1 .h4, .loginIlvo1 .h5 {
        line-height: 1.5;
        font-weight: 400;
        font-family: "Lato", Arial, sans-serif;
        color: #000;
    }

    .loginIlvo1 .bg-primary {
        background: #01d28e !important;
    }

    .loginIlvo1 .ftco-section {
        padding: 7em 0;
    }

    .loginIlvo1 .ftco-no-pt {
        padding-top: 0;
    }

    .loginIlvo1 .ftco-no-pb {
        padding-bottom: 0;
    }

    .loginIlvo1 .heading-section {
        font-size: 28px;
        color: #000;
    }

    .loginIlvo1 #login-project-logo {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .loginIlvo1 .wrap {
        width: 100%;
        overflow: hidden;
        background: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
        box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    }

        .loginIlvo1 .wrap .img {
            height: 200px;
        }

    .loginIlvo1 .login-wrap {
        position: relative;
    }

        .loginIlvo1 .login-wrap h3 {
            font-weight: 300;
        }

    .loginIlvo1 .form-group {
        position: relative;
        z-index: 0;
        margin-bottom: 20px !important;
    }

    .loginIlvo1 .form-control {
        height: 48px;
        background: #fff;
        color: #000;
        font-size: 16px;
        border-radius: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .loginIlvo1 .form-control::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: rgba(0, 0, 0, 0.2) !important;
        }

        .loginIlvo1 .form-control::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(0, 0, 0, 0.2) !important;
        }

        .loginIlvo1 .form-control:-ms-input-placeholder {
            /* IE 10+ */
            color: rgba(0, 0, 0, 0.2) !important;
        }

        .loginIlvo1 .form-control:-moz-placeholder {
            /* Firefox 18- */
            color: rgba(0, 0, 0, 0.2) !important;
        }

        .loginIlvo1 .form-control:focus, .loginIlvo1 .form-control:active {
            outline: none !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid #01d28e;
        }

    .loginIlvo1 .field-icon {
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: rgba(0, 0, 0, 0.3);
    }

    .loginIlvo1 .form-control-placeholder {
        position: absolute;
        top: 2px;
        padding: 7px 0 0 15px;
        -webkit-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
        opacity: .6;
    }

    .loginIlvo1 .form-control:focus + .form-control-placeholder,
    .loginIlvo1 .form-control:valid + .form-control-placeholder {
        -webkit-transform: translate3d(0, -120%, 0);
        transform: translate3d(0, -120%, 0);
        padding: 7px 0 0 0;
        opacity: 1;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        filter: brightness(90%);
        font-weight: 700;
    }

    .loginIlvo1 .social-media {
        position: relative;
        width: 100%;
    }

        .loginIlvo1 .social-media .social-icon {
            display: block;
            width: 40px;
            height: 40px;
            background: transparent;
            border: 1px solid rgba(0, 0, 0, 0.05);
            font-size: 16px;
            margin-right: 5px;
            border-radius: 50%;
        }

            .loginIlvo1 .social-media .social-icon span {
                color: #999999;
            }

            .loginIlvo1 .social-media .social-icon:hover, .social-media .social-icon:focus {
                background: #01d28e;
            }

                .loginIlvo1 .social-media .social-icon:hover span, .social-media .social-icon:focus span {
                    color: #fff;
                }

    .loginIlvo1 .checkbox-wrap {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .loginIlvo1 .checkbox-wrap input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .loginIlvo1 .checkmark {
        position: absolute;
        top: 0;
        left: 0;
    }

        /* Create the checkmark/indicator (hidden when not checked) */
        .loginIlvo1 .checkmark:after {
            content: "\f0c8";
            font-family: "FontAwesome";
            position: absolute;
            color: rgba(0, 0, 0, 0.1);
            font-size: 20px;
            margin-top: -4px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

@media (prefers-reduced-motion: reduce) {
    .loginIlvo1 .checkmark:after {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

/* Show the checkmark when checked */
.loginIlvo1 .checkbox-wrap input:checked ~ .checkmark:after {
    display: block;
    content: "\f14a";
    font-family: "FontAwesome";
    color: rgba(0, 0, 0, 0.2);
}

/* Style the checkmark/indicator */
.loginIlvo1 .checkbox-primary {
    filter: brightness(90%);
}

    .loginIlvo1 .checkbox-primary input:checked ~ .checkmark:after {
        filter: brightness(90%);
    }

.loginIlvo1 .btn {
    cursor: pointer;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px;
    padding: 10px 20px;
}

    .loginIlvo1 .btn:hover, .loginIlvo1 .btn:active, .btn:focus {
        outline: none;
    }

    .loginIlvo1 .btn.btn-primary {
        background: #01d28e !important;
        border: 1px solid #01d28e !important;
        color: #fff !important;
    }

        .loginIlvo1 .btn.btn-primary:hover {
            border: 1px solid #01d28e;
            background: transparent;
            filter: brightness(90%);
        }

        .loginIlvo1 .btn.btn-primary.btn-outline-primary {
            border: 1px solid #01d28e;
            background: transparent;
            filter: brightness(90%);
        }

            .loginIlvo1 .btn.btn-primary.btn-outline-primary:hover {
                border: 1px solid transparent;
                background: #01d28e;
                color: #fff;
            }

#d1-login-error, #d1-register-validation, #d1-forgotpw-validation {
    color: #ff0000;
}

#d1-register-custom-container {
    display: none;
}

#d1-success-icon, #d1-fail-icon {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 48px;
    margin-bottom: 20px;
    color: green;
}

#d1-fail-icon {
    color: red;
}

.fw-compact-width {
    max-width: 1140px;
    margin: auto;
    padding: 20px 10px 10px;
}

.d1-lang-item {
    display: inline-block;
    padding: 0px 8px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td.changed-fw {
    background-color: #98FB98;
}
#audit-grid {
    max-height: calc(100vh - 200px);
}
/* Responsive css*/
.ilvo-small {
    display: none;
}

@media only screen and (max-width: 768px) {
    .ilvo-small {
        display: block;
    }

    .ilvo-large {
        display: none;
    }

    #datagridDx1Container, #d1-details-content {
        height: calc(100vh - 175px);
    }

    .appbar-button {
        border-radius: 3px;
        padding: 4px;
        display: inline-block;
        margin-right: 5px;
        min-width: 32px;
        line-height: 32px;
        max-height: 32px;
    }

        .appbar-button span.material-icons, .appbar-button.customaction {
            display: inline-block;
            vertical-align: top;
            line-height: normal;
        }

            .appbar-button.customaction span, #btn-custom-actions-more span {
                width: 1ch;
            }

        .appbar-button .ca-hidden {
            display: none;
        }


    .appBar {
        min-height: 45px;
        height: 45px;
        max-height: 45px;
    }

        .appBar .appbarbtnContainer {
            margin: 7.5px;
        }

    .fw-header img {
        max-width: 200px;
        height: auto;
    }

    .ilvo-breadcrumb-left .breadcrumb-button.ilvo-small {
        min-width: 50px;
        width: 50px;
        padding: 0;
        display: inline-block;
    }

        .ilvo-breadcrumb-left .breadcrumb-button.ilvo-small span {
            font-size: 48px;
        }
}

@media only screen and (max-width: 1129px) {
    .d1-details.appBar .appbar-left {
        display: none;
    }

    .d1-details.appBar .appbar-center {
        width: 50%;
    }


}
/* End Responsive css*/