/* Minification failed. Returning unminified contents.
(138,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-wrapper-details-background-image'
(148,32): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-wrapper-details-hover-background-image'
(162,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-wrapper-link-background-image'
(173,26): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-wrapper-link-hover-background-image'
(184,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-tooltip-background-image'
(201,32): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-tooltip-hover-background-image'
(287,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-detail-download-background-image'
(300,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-detail-print-background-image'
(310,32): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-detail-print-hover-background-image'
(326,28): run-time error CSS1039: Token not allowed after unary operator: '-slider-wb-detail-downloads-header-background-image'
(451,28): run-time error CSS1039: Token not allowed after unary operator: '-verticalFlagTopSection-background-image'
(458,28): run-time error CSS1039: Token not allowed after unary operator: '-verticalFlagMiddleSection-background-image'
(465,28): run-time error CSS1039: Token not allowed after unary operator: '-verticalFlagBottoSection-background-image'
(936,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-page-background-image'
(940,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-login-background-image'
(944,32): run-time error CSS1039: Token not allowed after unary operator: '-tde-login-hover-background-image'
(948,28): run-time error CSS1039: Token not allowed after unary operator: '-header-standard-background-image'
(952,28): run-time error CSS1039: Token not allowed after unary operator: '-header-active-background-image'
(956,28): run-time error CSS1039: Token not allowed after unary operator: '-header-standard-gdpr-background-image'
(960,28): run-time error CSS1039: Token not allowed after unary operator: '-header-active-gdpr-background-image'
(965,28): run-time error CSS1039: Token not allowed after unary operator: '-logo-background-image'
(969,32): run-time error CSS1039: Token not allowed after unary operator: '-logo-hover-background-image'
(973,28): run-time error CSS1039: Token not allowed after unary operator: '-greyButtons-dxm-main-li-dxm-item-background-image'
(977,32): run-time error CSS1039: Token not allowed after unary operator: '-greyButtons-dxm-main-li-dxm-item-hover-background-image'
(981,32): run-time error CSS1039: Token not allowed after unary operator: '-greyButtons-dxm-main-li-dxm-item-dxm-selected-background-image'
(985,28): run-time error CSS1039: Token not allowed after unary operator: '-greyButtons-dxm-shadow-li-dxm-item-background-image'
(989,32): run-time error CSS1039: Token not allowed after unary operator: '-greyButtons-dxm-shadow-li-dxm-item-hover-background-image'
(993,28): run-time error CSS1039: Token not allowed after unary operator: '-NavMiddle-dxm-main-li-dxm-item-background-image'
(997,32): run-time error CSS1039: Token not allowed after unary operator: '-NavMiddle-dxm-main-li-dxm-item-hover-background-image'
(1001,32): run-time error CSS1039: Token not allowed after unary operator: '-NavMiddle-dxm-main-li-dxm-item-dxm-selected-background-image'
(1005,28): run-time error CSS1039: Token not allowed after unary operator: '-NavMiddle-dxm-shadow-li-dxm-item-background-image'
(1009,32): run-time error CSS1039: Token not allowed after unary operator: '-NavMiddle-dxm-shadow-li-dxm-item-hover-background-image'
(1013,28): run-time error CSS1039: Token not allowed after unary operator: '-verticalFlagIcon-background-image'
(1017,28): run-time error CSS1039: Token not allowed after unary operator: '-searchLabel-background-image'
(1021,28): run-time error CSS1039: Token not allowed after unary operator: '-searchInput-background-image'
(1025,28): run-time error CSS1039: Token not allowed after unary operator: '-searchButton-background-image'
(1029,28): run-time error CSS1039: Token not allowed after unary operator: '-searchButton-background-hover-image'
(1033,28): run-time error CSS1039: Token not allowed after unary operator: '-btBlackInOptions-background-image'
(1037,32): run-time error CSS1039: Token not allowed after unary operator: '-btBlackInOptions-hover-background-image'
(1041,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-footer-exp-button-background-image'
(1045,32): run-time error CSS1039: Token not allowed after unary operator: '-tde-footer-exp-button-hover-background-image'
(1049,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-footer-col-button-background-image'
(1053,32): run-time error CSS1039: Token not allowed after unary operator: '-tde-footer-col-button-hover-background-image'
(1085,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-cardView-next-background-image'
(1091,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-cardView-nextDisabled-background-image'
(1097,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-cardView-prev-background-image'
(1103,28): run-time error CSS1039: Token not allowed after unary operator: '-tde-cardView-prevDisabled-background-image'
 */
/*
    Styles for managing GEP portals within the TIBS environment
*/

.header-standard {
    background-repeat: repeat-x;
}

.header-active {
    background-repeat: repeat-x;
}

.header-standard-gdpr {
    background-repeat: repeat-x;
}

#logo {
    background-repeat: no-repeat;
    background-position-x: center;
}

    #logo:hover {
        background-repeat: no-repeat;
        background-position-x: center;
    }

#NavMiddle .dxm-shadow li.dxm-item {
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-position: 6px;
}

    #NavMiddle .dxm-shadow li.dxm-item:hover {
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: center;
        background-position: 6px;
    }

.stopDemoDiv {
    /*position: absolute;
    top: 70px;
    left: 90%;*/

    float: right;
    margin-right: 30px;
    margin-top: 7px;
}

#slider-container {
    padding: 0 0 0 0 !important;
    width: 100% !important;
    max-height: inherit !important;
}

/*#region Banners*/
.wb-indicators {
    top: 450px !important;
    height: 60px;
}

@media screen and (max-height: 924px) {
    .carousel-indicators {
        top: 400px !important;
    }
}

@media screen and (max-height: 896px) {
    .carousel-indicators {
        top: 350px !important;
    }
}

@media screen and (max-height: 822px) {
    .carousel-indicators {
        top: 300px !important;
    }
}

@media screen and (max-height: 772px) {
    .carousel-indicators {
        top: 200px !important;
    }
}

.wb-indicators span {
    font-size: 60px;
    color: #ABABAB;
    cursor: pointer;
    background-color: transparent !important;
    width: 10px !important;
    height: 10px !important;
    margin-right: -15px;
}

    .wb-indicators span.active {
        color: #89007E;
        margin-right: -15px;
    }

.wb-prev {
    position: absolute;
    top: 330px;
    left: 10%;
    z-index: 10000;
}

.wb-next {
    position: absolute;
    top: 330px;
    right: 10%;
    z-index: 10000;
}

.wb-wrapper {
    position: absolute;
    z-index: 10000;
    top: 40px;
    left: 860px;
}

.wb-wrapper-image {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
}

.wb-wrapper-details {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 57px;
    height: 32px;
    width: 207px;
    background-repeat: no-repeat;
    background-image: var(--slider-wb-wrapper-details-background-image);
    padding: 8px 0 0 16px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

    .wb-wrapper-details:hover {
        background-image: var(--slider-wb-wrapper-details-hover-background-image);
        color: #000000;
        text-decoration: none;
        cursor: pointer;
    }

.wb-wrapper-link {
    position: absolute;
    z-index: 10000;
    top: 30px;
    left: 57px;
    height: 29px;
    width: 179px;
    background-repeat: no-repeat;
    background-image: var(--slider-wb-wrapper-link-background-image);
    padding: 7px 0 0 16px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

    .wb-wrapper-link:hover {
        background: var(--slider-wb-wrapper-link-hover-background-image);
        color: #000000;
        text-decoration: none;
        cursor: pointer;
    }

.wb-tooltip {
    position: absolute;
    z-index: 10000;
    top: 480px;
    left: -1px;
    background-image: var(--slider-wb-tooltip-background-image);
    background-position: -6px;
    background-repeat: no-repeat;
    background-size: 285px 62px;
    cursor: pointer;
    float: left;
    height: 52px;
    line-height: 52px;
    margin-top: 30px;
    padding: 0 0 0 15px;
    text-align: left;
    width: 285px;
    position: absolute;
    z-index: 20;
}

    .wb-tooltip:hover {
        background-image: var(--slider-wb-tooltip-hover-background-image);
    }

    .wb-tooltip p {
        display: table-cell;
        vertical-align: middle;
    }

    .wb-tooltip span {
        font-size: 12pt;
        font-weight: bold;
        color: #ffffff;
        width: 225px;
        overflow-wrap: break-word;
        vertical-align: middle;
        display: inline;
    }

.wb-detail {
    /*margin-top: 25px;*/
}

.wb-detail-left {
    width: 570px;
    float: left;
    position: relative;
}

.wb-detail-right {
    width: 570px;
    float: left;
    position: relative;
}

.wb-detail-close {
    position: absolute;
    top: 18px;
    right: 36px;
    cursor: pointer;
}

.wb-detail-content {
    padding: 52px 20px 0 55px;
    line-height: 17px;
    position: relative;
}

    .wb-detail-content h2 {
        font-size: 24px;
        margin: 0 0 10px 0;
        line-height: 24px;
        color: #838383;
        font-weight: bold;
    }

    .wb-detail-content p {
        margin: 0 0 10px 0;
        padding: 0;
        color: #838383;
        font-size: 12px;
    }

.wb-detail-scroller {
    overflow: auto;
    height: 414px;
}

.wb-detail-clear {
    clear: both;
}

.wb-detail-bottom {
    width: 100%;
    min-height: 74px;
    background-color: #000000;
    color: #FFFFFF;
    position: relative;
}

.wb-detail-download {
    position: absolute;
    right: 112px;
    top: 0;
    height: 74px;
    padding-top: 20px;
    padding-left: 50px;
    background-image: var(--slider-wb-detail-download-background-image);
    background-repeat: no-repeat;
    background-position: 0 center;
    font-size: 9pt;
}

.wb-detail-print {
    position: absolute;
    right: 320px;
    top: 0;
    height: 74px;
    padding-top: 20px;
    padding-left: 50px;
    background-image: var(--slider-wb-detail-print-background-image);
    background-repeat: no-repeat;
    background-position: 0 center;
    font-size: 9pt;
    visibility: hidden;
    cursor: pointer;
}

    .wb-detail-print:hover {
        color: #00FF00;
        background-image: var(--slider-wb-detail-print-hover-background-image);
        cursor: pointer;
    }

.wb-detail-downloads {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #000000;
    width: 260px;
}

.wb-detail-downloads-header {
    padding: 8px 0 6px 40px;
    color: #000000;
    background-color: #00FF00;
    background-image: var(--slider-wb-detail-downloads-header-background-image);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    font-size: 10pt;
}

.wb-detail-downloads-files {
    padding: 12px 18px 18px 15px;
}

    .wb-detail-downloads-files table tr td {
        padding: 4px 4px 10px 4px;
    }

        .wb-detail-downloads-files table tr td a {
            color: #FFFFFF;
        }

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: 560px;
}

#wo-detail-container-header h4 {
    text-transform: lowercase;
}

    #wo-detail-container-header h4::first-letter {
        text-transform: uppercase;
    }

.note-editable.panel-body {
    height: 200px !important;
    min-height: 50px !important;
}
/*#endregion*/
.searchInput {
    /*width: 580px !important;*/
}

.tde-category-section {
    height: 380px;
    background: linear-gradient(0deg, #000 3%, #56BA48 100%) !important;
}

.cboCompanySelect .dxeEditArea_Techno {
    background: #000000 !important;
    color: #FFFFFF !important;
}

.cboCompanySelect-gdpr .dxeEditArea_Techno {
    background: inherit !important;
}

.btLogout-gdpr {
    background-color: #6d6d6d !important;
}

.main-container {
    margin-top: 50px !important;
    padding: 15px 0 15px 0 !important;
    height: 60px !important;
}

.row-text-description {
    font-weight: 600;
    font-size: 10pt;
    color: black;
    text-align: inherit;
    margin-top: 20px;
}

.row-text-link, row-text-link:focus, row-text-link:hover, row-text-link:visited {
    text-decoration: none !important;
    color: purple !important;
    font-size: 9pt !important;
    font-weight: 600;
}

.row-header {
    margin-left: 75px;
    margin-right: 75px;
}

.row-header-content {
    text-align: center;
    border-bottom: 3px solid grey;
    padding-bottom: 22px;
    font-size: 45px;
    font-weight: 600;
}

.data-col {
    text-align: center;
}

.data-icon {
    margin-top: 20px;
    margin-bottom: 5px;
    text-decoration: none !important;
    color: purple !important;
    font-weight: 600;
}

.data-link {
    display: block;
}

.verticalFlagContainer {
    top: -2px;
}

.verticalFlagLink, verticalFlagLink:hover {
    color: black !important;
    text-decoration: none !important;
    outline: 0 !important;
}

    .verticalFlagLink input::-moz-focus-inner {
        border: 0;
    }

.verticalFlagTopSection {
    width: 100%;
    height: 10px;
    background-size: 100% 100%;
    background-image: var(--verticalFlagTopSection-background-image);
}

.verticalFlagMiddleSection {
    width: 100%;
    min-height: 90px;
    background-size: 100% 100%;
    background-image: var(--verticalFlagMiddleSection-background-image)
}

.verticalFlagBottoSection {
    width: 100%;
    height: 68px;
    background-size: 100% 100%;
    background-image: var(--verticalFlagBottoSection-background-image)
}

.verticalFlagTitle {
    min-height: 30px;
    margin: 0 20px 0 20px;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    word-break: break-all;
}

.verticalFlagText {
    padding: 10px 0 10px 0px;
    margin: 0 20px 0 20px;
    text-transform: uppercase;
    border-top: 1px solid #268c16;
    border-bottom: 1px solid #268c16;
    color: #268c16;
    word-break: break-word;
}

.verticalFlagIcon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.main-nav-container {
    margin-top: 50px !important;
}

    .main-nav-container .nav-tabs {
        border-bottom: 0px !important;
    }

.sub-nav-container {
    margin-top: 20px !important;
}

    .sub-nav-container .nav-tabs {
        border-bottom: 0px !important;
    }

.with-arrow .nav-link {
    position: relative;
    background-color: #5A5A5A !important;
    color: white !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

    .with-arrow .nav-link.active {
        position: relative;
        background-color: #56BA48 !important;
        color: white !important;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
    }

        .with-arrow .nav-link.active::after {
            content: '';
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #56BA48;
            position: absolute;
            bottom: -10px;
            right: 5%;
            display: block;
        }

.with-arrow-small .nav-link {
    position: relative;
    background-color: #FFFFFF !important;
    color: #56BA48 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-color: #eeeeee #eeeeee #dddddd;
}

    .with-arrow-small .nav-link.active {
        position: relative;
        background-color: #FFFFFF !important;
        color: grey !important;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border-color: #56BA48;
    }

        .with-arrow-small .nav-link.active::after {
            content: '';
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #56BA48;
            position: absolute;
            bottom: 7px;
            right: -25px;
            display: block;
            content: '';
            border-left: 10px solid #56BA48;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }

.data-container {
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 650px;
    padding: 10px;
}

.nav-pills > li > a {
    border-radius: 0 0 0 0 !important;
}

.nav-tabs > li > a {
    border-radius: 0 0 0 0 !important;
}

    .nav-tabs > li > a:hover {
        cursor: pointer !important;
    }

.searchButton_start:hover, .searchButton_start input:hover {
    background-color: #ABABAB !important;
    color: #FFF !important;
}

.cpform {
    margin: 10px 0 10px 0 !important;
    display: flex;
}

.cpList-hint .panel {
    border-color: #56BA48 !important;
}

.cpList-hint .panel-success > .panel-heading {
    background-color: #E5EECF !important;
    border-color: #d6e9c6 !important;
}

    .cpList-hint .panel-success > .panel-heading > a {
        text-decoration: none;
        color: #468847 !important;
    }

.cpList-hint .dxeTokenText_Techno {
    background: none;
    max-width: inherit !important;
}

.cpList-hint .dxeToken_Techno {
    background-color: #E5EECF !important;
    border-radius: 15px;
    background-color: #d3e4a6;
    height: 20px !important;
}

.cpList-hint .dxEditors_edtTokenBoxTokenRemoveButton_Techno,
.tokens_ext_supp_catalog .dxEditors_edtTokenBoxTokenRemoveButton_Techno {
    margin-top: 2px;
    border-radius: 15px;
    background-color: #6e6e6e !important;
    border: solid 3px #6e6e6e !important;
}

    .cpList-hint .dxEditors_edtTokenBoxTokenRemoveButton_Techno:before,
    .tokens_ext_supp_catalog .dxEditors_edtTokenBoxTokenRemoveButton_Techno:before {
        content: "x";
        position: relative;
        top: -2px;
        left: 2px;
        color: #fff;
    }

.cpList-list {
    margin-top: 20px;
}

.cpList-btnInfo {
    font-size: 8pt;
    margin-bottom: 5px;
    margin-top: 20px;
}

    .cpList-btnInfo .dxbButton_Techno,
    .cpList-btnInfo .cpList-btnNew,
    .cpList-hint .cpHint-btnSave {
        text-decoration: none !important;
        color: white !important;
        font-size: 8pt !important;
        background: #6e6e6e !important;
        padding: 8px !important;
        cursor: pointer !important;
        font-weight: bold !important;
        border-radius: 5px !important;
        /*border: 1px solid black !important;*/
    }

        .cpList-btnInfo .cpList-btnNew:hover,
        .cpList-hint .cpHint-btnSave:hover {
            border: 1px solid black !important;
        }

.cpList-detail-header {
    padding: 5px;
    background-color: #bce8a6;
    color: #000;
    font-family: Arial,sans-serif;
    font-size: 8pt;
    font-weight: 500;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.cpList-container .dxeButtonEdit_Techno, .div_controlBorder {
    border: 1px Solid #AFC185 !important;
}

.dxeSpinLargeDecButton_Techno {
    transform: rotate(90deg);
    background-size: 5px 8px !important;
    background-position: center !important;
}

.dxeSpinLargeIncButton_Techno {
    transform: rotate(-90deg);
    background-size: 5px 8px !important;
    background-position: center !important;
}

.dxeSpinIncButton_Techno {
    transform: rotate(180deg);
    background-size: 5px 8px !important;
    background-position: center !important;
}

.dxeSpinDecButton_Techno {
    background-size: 5px 8px !important;
    background-position: center !important;
}

.spinner {
    border: 1px Solid #AFC185 !important;
    padding-right: 5px;
}

    .spinner table {
        border: 1px solid #fff !important;
    }

#dgCompanyGroupList .dxgvCSD {
    height: 200px !important;
}

.lchbxGEP {
    border: none !important;
}

    .lchbxGEP .dxichTextCellSys {
        padding-left: 5px !important;
    }

[id^=dgUserList] .dxgvCSD {
    height: auto !important;
}

#dgCompanyList .dxgvDetailRow_Techno,
#dgCatalogList .dxgvDetailRow_Techno {
    outline: thin dashed;
}

#dgCompanyList .userLabel,
#dgCatalogList .userLabel {
    margin-bottom: 10px;
}

#dgAssortmentList .dxgvDetailRow_Techno,
#dgAssortmentList .dxgvDetailRow_Techno {
    outline: thin dashed;
}

#dgAssortmentList .userLabel,
#dgAssortmentList .userLabel {
    margin-bottom: 10px;
}

#detailedCompanyImport {
    width: 100% !important;
    height: 550px !important;
    z-index: 1000;
    height: 33px !important;
}

.detailImportHint {
    margin: 0px;
    height: 33px;
    padding-right: 15px !important;
    padding-left: 15px !important;
    background-color: #CCCCCC;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    border: 1px solid #8C8C8C;
    width: 100%;
    color: #333333;
    display: flex;
    align-items: center;
}

.companyUploadButton {
    display: inline-block;
    padding: 5px;
    color: #FFFFFF;
    background-color: #88989F;
    border: 1px solid #304147 !important;
    cursor: pointer;
    width: 100px;
    margin-top: 10px;
    font-family: Arial !important;
    font-weight: bold !important;
    height: 33px;
}

    .companyUploadButton:hover {
        background-color: #304147 !important;
    }

.fake-text {
    height: 33px !important;
    width: 100%;
    margin-top: 10px;
    background-color: white;
    border: 1px solid #304147 !important;
    font-size: 9pt;
    height: 24px;
    color: #88989f;
    padding: 5px;
}

.center-text-vertical {
    display: flex !important;
    align-items: center !important;
}
.center-text-vertical-right {
    text-align: right;
    display: block !important;
    padding-top: 4px;
}

.dxeListBox_Techno .dxeHD {
    background-color: #56ba48 !important;
    border-bottom: 1px solid #56ba48 !important;
}

#lboxCatalogOperationsSumary.dxeListBox_Techno {
    background: #ffffff !important;
    color: Black !important;
}

#lboxCatalogOperationsSumary .dxeListBoxItemRow_Techno, #lboxCatalogOperationsSumary .dxeListBoxItem_Techno {
    border-color: #e1e0e0 !important;
    color: Black !important;
}

#lboxCatalogOperationsSumary .dxeListBoxItemSelected_Techno {
    background-color: #ececec !important;
}

.dxtlHeader_Techno,
.dxtlHeader_Techno td.dxtl {
    background: black !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 8pt !important;
    text-transform: uppercase !important;
    border: none !important;
}

.dxtlSelectedNode_Techno {
    background: none !important;
}

.dxICheckBox_Techno {
    background-color: #e1e0e0 !important;
    border: 1px solid black !important;
}

.dxWeb_edtCheckBoxChecked_Techno {
    background-image: none !important;
}

    .dxWeb_edtCheckBoxChecked_Techno:before {
        background-image: none !important;
        content: "\d7";
        font-size: 15px;
        color: black !important;
        top: 3px;
        position: relative;
        left: -2px;
    }

.dxtlEditFormDisplayNode_Techno .dxtlCommandCell_Techno, .dxtlSelectedNode_Techno td.dxtl, .dxtlFocusedNode_Techno td.dxtl, .dxtlEditFormDisplayNode_Techno td.dxtl {
    background: #e1e0e0 !important;
    border-color: #ccc !important;
}

.dxtlEditForm_Techno {
    border: 1px solid #ccc !important;
}

.dxtcLite_Techno > .dxtc-content {
    background-color: #e1e0e0 !important;
}

.dxtcLite_Techno > .dxtc-stripContainer .dxtc-activeTab {
    background: none !important;
    background-color: #e1e0e0 !important;
    border-top: 5px solid #f206d5 !important;
}

.dxtcLite_Techno > .dxtc-stripContainer .dxtc-tab {
    background: none !important;
    background-color: #d4d3d3 !important;
    border-top: 5px solid #56BA48 !important;
}

.dxeHyperlink_Techno, .dxtlCommandCell_Techno a.dxbButton_Techno {
    color: #56BA48 !important;
}

.dllCategoryTreeClass {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.SelectedCategoriesClass {
    font-weight: bold !important;
}

#SelectedCategoriesComponent,
#SelectedSuppliersComponent,
#SelectedSuppliersExternalComponent {
    padding-top: 10px;
}

    #SelectedCategoriesComponent a,
    #SelectedSuppliersComponent a,
    #SelectedSuppliersExternalComponent a {
        margin: 5px;
        color: #56BA48 !important;
        cursor: pointer !important;
    }

        #SelectedCategoriesComponent a:hover,
        #SelectedSuppliersComponent a:hover
        #SelectedSuppliersExternalComponent a:hover {
            text-decoration: underline !important;
            cursor: pointer !important;
        }

#chlCategories_CompaniesSuppliersExternalList td,
#chlCategories_CompaniesSuppliersList td {
    vertical-align: top;
}

/*#region Images properties*/
.tde-page-background {
    background-image: var(--tde-page-background-image);
}

.tde-login-button input {
    background-image: var(--tde-login-background-image);
}

    .tde-login-button input:hover {
        background-image: var(--tde-login-hover-background-image);
    }

.header-standard {
    background-image: var(--header-standard-background-image);
}

.header-active {
    background-image: var(--header-active-background-image);
}

.header-standard-gdpr {
    background-image: var(--header-standard-gdpr-background-image);
}

.header-active-gdpr {
    background-image: var(--header-active-gdpr-background-image);
    background-position-y: 16px;
}

#logo {
    background-image: var(--logo-background-image);
}

    #logo:hover {
        background-image: var(--logo-hover-background-image)
    }

#greyButtons .dxm-main li.dxm-item {
    background-image: var(--greyButtons-dxm-main-li-dxm-item-background-image);
}

    #greyButtons .dxm-main li.dxm-item:hover {
        background-image: var(--greyButtons-dxm-main-li-dxm-item-hover-background-image) !important;
    }

    #greyButtons .dxm-main li.dxm-item.dxm-selected {
        background-image: var(--greyButtons-dxm-main-li-dxm-item-dxm-selected-background-image) !important;
    }

#greyButtons .dxm-shadow li.dxm-item {
    background-image: var(--greyButtons-dxm-shadow-li-dxm-item-background-image);
}

    #greyButtons .dxm-shadow li.dxm-item:hover {
        background-image: var(--greyButtons-dxm-shadow-li-dxm-item-hover-background-image);
    }

#NavMiddle .dxm-main li.dxm-item {
    background-image: var(--NavMiddle-dxm-main-li-dxm-item-background-image);
}

    #NavMiddle .dxm-main li.dxm-item:hover {
        background-image: var(--NavMiddle-dxm-main-li-dxm-item-hover-background-image) !important;
    }

    #NavMiddle .dxm-main li.dxm-item.dxm-selected {
        background-image: var(--NavMiddle-dxm-main-li-dxm-item-dxm-selected-background-image) !important;
    }

#NavMiddle .dxm-shadow li.dxm-item {
    background-image: var(--NavMiddle-dxm-shadow-li-dxm-item-background-image);
}

    #NavMiddle .dxm-shadow li.dxm-item:hover {
        background-image: var(--NavMiddle-dxm-shadow-li-dxm-item-hover-background-image)
    }

.verticalFlagIcon {
    background-image: var(--verticalFlagIcon-background-image);
}

.searchLabel {
    background-image: var(--searchLabel-background-image) !important;
}

.searchInput {
    background-image: var(--searchInput-background-image) !important;
}

.searchButton {
    background-image: var(--searchButton-background-image) !important;
}

.searchButton_start:hover {
    background-image: var(--searchButton-background-hover-image) !important;
}

.btBlackInOptions {
    background-image: var(--btBlackInOptions-background-image);
}

    .btBlackInOptions:hover {
        background-image: var(--btBlackInOptions-hover-background-image);
    }

.tde-footer-exp-button {
    background-image: var(--tde-footer-exp-button-background-image)
}

    .tde-footer-exp-button:hover {
        background-image: var(--tde-footer-exp-button-hover-background-image);
    }

.tde-footer-col-button {
    background-image: var(--tde-footer-col-button-background-image);
}

    .tde-footer-col-button:hover {
        background-image: var(--tde-footer-col-button-hover-background-image);
    }
/*#endregion Images properties end*/

.textHeader label {
    color: white !important;
    margin-left: 10px;
}

.cpCheckboxlist input[type=checkbox] {
    margin-top: 8px !important;
    margin-left: 10px !important;
    margin-right: 5px !important;
}

.cpCheckboxlistlabel {
    font-size: 8pt !important;
    font-family: Arial !important;
}

.cpRolelabel {
    font-size: 10pt !important;
    font-family: Arial !important;
    /*margin: 10px 0 10px 0;*/
}

.tabRight {
    position: relative !important;
    left: 700px !important;
}

#treeListCategoryTDE .dxtlPagerTopPanel_Techno .dxWeb_pNext_Techno {
    background-image: var(--tde-cardView-next-background-image);
    background-position: center;
    background-repeat: no-repeat;
}

#treeListCategoryTDE .dxtlPagerTopPanel_Techno .dxWeb_pNextDisabled_Techno {
    background-image: var(--tde-cardView-nextDisabled-background-image);
    background-position: center;
    background-repeat: no-repeat;
}

#treeListCategoryTDE .dxtlPagerTopPanel_Techno .dxWeb_pPrev_Techno {
    background-image: var(--tde-cardView-prev-background-image);
    background-position: center;
    background-repeat: no-repeat;
}

#treeListCategoryTDE .dxtlPagerTopPanel_Techno .dxWeb_pPrevDisabled_Techno {
    background-image: var(--tde-cardView-prevDisabled-background-image);
    background-position: center;
    background-repeat: no-repeat;
}