html {
    height: 100%;
    min-height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
}

body {
    background: #fff !important;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: auto;
}

:focus {
    outline: none !important;
}

header {
    width: 100%;
    min-width: 430px;
    margin: 0;
    padding:0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

main {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: auto;
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
}

footer {
    background: #fff;
    width: 100%;
    max-width: 100%;
    min-width: 430px;
    margin: auto;
    padding: 0;
    box-sizing: border-box;
}

.tm-bg{
    background-color: #3399CC !important;
}

#top-menu {
    height: 31px;
    width: 100%;
    background-color: #3399CC !important;
}

.top-menu-item{
    line-height:32px;
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
}

#top-menu-left-side{
    display: inline-flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    line-height: 32px;
    font-size: 14px;
}

#top-menu-right-side{
    display: inline-flex;
    justify-content: flex-end;
    flex-flow: row nowrap;
    margin-top: 0;
}

#top-menu-right-side > a{
    margin-top: 1px;
}

#top-menu-profile-block{
    display: inline-flex;
    justify-content: flex-end;
    flex-flow: row nowrap;
    line-height: 26px;
}
#top-menu-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-height: 32px;
}

.top-panel-item{
    line-height:32px;
    margin-left: 10px;
    display: inline-block;
    cursor: default;
}

.item-caption{
    color: #FFFFFF;
    cursor: default;
}

.top-menu-item:hover{
    background-color: #44AADD !important;
}

.top-menu-item:active{
    background-color: #2288BB !important;
}

.top-menu-customer-logo{
    max-height:32px;
}

#progressOverlay.active {
    opacity: 1;
    display: block;
}

#progressOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2047483810;
    display: none;
    transition: opacity 0.3s ease-out;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
}


/* -------------- ICONS --------------------------------- */
.flowchart-status-icon.completed {
    background-image: url('../images/icons/wkfl/status/dwm.completed.svg');
}

.flowchart-status-icon.error {
    background-image: url('../images/icons/wkfl/status/dwm.error.svg');
}

.flowchart-status-icon.hold {
    background-image: url('../images/icons/wkfl/status/dwm.hold.svg');
}

.flowchart-status-icon.kill {
    background-image: url('../images/icons/wkfl/status/dwm.kill.svg');
}

.flowchart-status-icon.killed {
    background-image: url('../images/icons/wkfl/status/dwm.killed.svg');
}

.flowchart-status-icon.killing {
    background-image: url('../images/icons/wkfl/status/dwm.killing.svg');
}

.flowchart-status-icon.loading {
    background-image: url('../images/icons/wkfl/status/dwm.loading.svg');
}

.flowchart-status-icon.processing {
    background-image: url('../images/icons/wkfl/status/dwm.processing.svg');
}

.flowchart-status-icon.purge {
    background-image: url('../images/icons/wkfl/status/dwm.purge.svg');
}

.flowchart-status-icon.restart {
    background-image: url('../images/icons/wkfl/status/dwm.restart.svg');
}

.flowchart-status-icon.restarting {
    background-image: url('../images/icons/wkfl/status/dwm.restarting.svg');
}

.flowchart-status-icon.rewind {
    background-image: url('../images/icons/wkfl/status/dwm.rewind.svg');
}

.flowchart-status-icon.rewinding {
    background-image: url('../images/icons/wkfl/status/dwm.rewinding.svg');
}

.flowchart-status-icon.undefined {
    background-image: url('../images/icons/wkfl/status/dwm.undefined.svg');
}

.flowchart-status-icon.waiting {
    background-image: url('../images/icons/wkfl/status/dwm.waiting.svg');
}

/* --- Attributes icons --- */
.attributes_type_icon.string { background-image:url('../images/icons/site/dwm.att_type_string.svg'); }
.attributes_type_icon.number { background-image:url('../images/icons/site/dwm.att_type_number.svg'); }
.attributes_type_icon.boolean { background-image:url('../images/icons/site/dwm.att_type_boolean.svg'); }
.attributes_type_icon.date { background-image:url('../images/icons/site/dwm.att_type_date.svg'); }
.attributes_type_icon.list { background-image:url('../images/icons/site/dwm.att_type_list.svg'); }
.attributes_type_icon.password { background-image:url('../images/icons/site/dwm.att_type_password.svg'); }
.attributes_type_icon.time { background-image:url('../images/icons/site/dwm.att_type_time.svg'); }
.attributes_type_icon.timestamp { background-image:url('../images/icons/site/dwm.att_type_timestamp.svg'); }
.attributes_type_icon.year { background-image:url('../images/icons/site/dwm.att_type_year.svg'); }

/* --- Top Menu --- */

.icon-setup { background: url("../images/icons/site/dwm.sys_off.svg") no-repeat; width: 60px; height: 30px;}
.icon-setup.active { background: url("../images/icons/site/dwm.sys_on.svg") no-repeat;}

.icon-apps { background: url("../images/icons/site/dwm.apps_off.svg") no-repeat; width: 60px; height: 30px;}
.icon-apps.active { background: url("../images/icons/site/dwm.apps_on.svg") no-repeat;}

.icon-jobs { background: url("../images/icons/site/dwm.jobs_off.svg") no-repeat; width: 60px; height: 30px;}
.icon-jobs.active { background: url("../images/icons/site/dwm.jobs_on.svg") no-repeat;}

.icon-monitor { background: url("../images/icons/site/dwm.mntr_off.svg") no-repeat; width: 30px; height: 30px;}
.icon-monitor.active { background: url("../images/icons/site/dwm.mntr_on.svg") no-repeat;}

.top-menu-dwn-arrow {background: url("../images/icons/site/dwm.men_dwn.svg") no-repeat; width:30px; height: 30px;}
.top-menu-dwn-arrow.active { background: url("../images/icons/site/dwm.men_dwn.svg") no-repeat;}

#main_menu_avatar { background: url("../images/icons/site/dwm.dflt_avtr.svg") no-repeat; max-width: 30px; max-height: 30px; margin-top: 1px;}

.top-menu-customer-logo{ background: url("../images/icons/misc/dwm.dwm_logo_wht.svg") no-repeat; width: 110px; height: 30px;}

#top_menu_profile{border: 0;}

#profile-drop-down {
    width: 150px;
    /*height: 30px;*/
    margin-left: 5px;
    /*position: relative;*/
    /*vertical-align: middle;*/
    white-space: nowrap;
    /*display: inline-block;*/
    /*top: 2px;*/
}

.win.chrome #top-menu #profile-drop-down, .win.ie #top-menu #profile-drop-down {top: 0;}

#profile-drop-down .image {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
}

#profile-drop-down .image img {
    width: 30px;
    height: 30px;
}

#profile-drop-down .caption{
    /*width: 75px;*/
    width: 100%;
    height: 30px;
    display: inline-block;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    cursor: pointer;
}

#profile-drop-down .button {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
}

.top_menu_avatar{
    width: 30px;
    height: 30px;
    background-image: url("../images/icons/site/dwm.dflt_avtr.svg");
}
/* --- End of Top Menu --- */


/* -------------- End of ICONS --------------------------------- */
.material .field-mandatory {
    color: #ff2c2c;
}

.material.input {
    margin-bottom: 20px;
}

.material.input .field-message {
    min-height: 18px;
    font-size: 0.875em;
    color: #ff2c2c;
    padding-top: 5px;
}

.material.input .field-error {
    min-height: 20px;
    font-size: 0.875em;
    color: #ff2c2c;
    padding-top: 5px;
}

.material input {
    font-size: 1em;
    color: #3d3d3d;
    border:0;
    border-bottom: 1px solid #6E6E6E;
    height: 28px;
}

.material .field-label {
    font-size: 0.875em;
    color: #6c757d;
    display: inline-block;
}

.material input:focus {
    border-bottom: 1px solid #3399CC;
    outline: none;
}

.material input:disabled {
    background-color: white;
    border-style: none none dotted;
    color: #6c757d;
}

.material input.error, input.error {
    border-style: none none solid;
    border-color: #ff2c2c;
    color: #ff2c2c;
}

input.error {
    border: 1px solid #ff2c2c;
    box-shadow: inset 0 0 0 1px #ff2c2c;
}

/* Material Select Styles */
.material select {
    /*font-size: 1em;*/
    color: #3d3d3d;
    border:0;
    border-bottom: 1px solid #6E6E6E;
    height: 28px;

    background-color: white;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
        linear-gradient(45deg, transparent 50%, #727272 50%),
        linear-gradient(135deg, #727272 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 12px) calc(1em + 2px),
        calc(100% - 7px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        0 1.5em;
    background-repeat: no-repeat;
}

.material select:focus {
    background-image:
        linear-gradient(45deg, #3399CC 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #3399CC 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 7px) 1em,
        calc(100% - 12px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        0 1.5em;
    background-repeat: no-repeat;
    border-color: #3399CC;
    outline: 0;
}

.material select:disabled {
    background-color: white;
    border-style: none none dotted;
    color: #6c757d;
}

.material select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.material select.highlight {
    border-bottom: 1px solid #FF2C2C;
    color: #FF2C2C;
}

.material select.highlight option:not(:first-child) {
    color: black;
}

.material option {
    height: 30px;
    padding-top: 8px;
}

.material.select {
    margin-bottom: 20px;
}

.material.select .field-message {
    min-height: 18px;
    font-size: 0.875em;
    color: #ff2c2c;
    padding-top: 5px;
}

.material.select .field-error {
    min-height: 18px;
    font-size: 0.875em;
    color: #ff2c2c;
    padding-top: 5px;
    height: 19px;
}

.material select.error {
    border-style: none none solid;
    border-color: #ff2c2c;
    color: #ff2c2c;
}

.material select.error option {
    border-style: none none solid;
    border-color: black;
    color: black;
}

/* Material Select with icons styles */
.material.select .flowchart-status-icon {
    background-size: contain;
}
/* Material Select with icons styles: Option Text */
.material.select .option-text {
    font-size: 12px;
    position:relative;
    top: 2px;
}
/* Material Select with icons styles: Option Icon */
.material.select .option-icon {
    height: 24px;
    width: 24px;

    display:inline-block;
    vertical-align:middle;
    margin-top: -3px;
    overflow:hidden;
    background-repeat:no-repeat;

    font-size: 24px;
    font-family: dwm3;
    margin-right: 10px;
}
.material.select .ui-menu-item-wrapper {
    padding: 0px 0 0 5px;
}
/* Material Select with icons styles: Active Option */
.material.select .ui-state-active, .material.select .ui-widget-content .ui-state-active, .material.select .ui-widget-header .ui-state-active, .material.select .ui-button.ui-state-active:hover {
    border: 1px solid #35a6db;
    background-color: #35a6db;
    color: #FFF;
}
/* Material Select with icons styles: Select Box */
.material.select .ui-button {
    width: 100%;

    background-color: #FFF;
    background-image: linear-gradient(45deg, transparent 50%, #727272 50%), linear-gradient(135deg, #727272 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 12px) calc(1em + 2px), calc(100% - 7px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0 1.5em;
    background-repeat: no-repeat;

    border-radius: 0px;
    border-style: none;
    border-bottom: 1px solid #6E6E6E;

    padding-bottom: 2px;
    padding-left: 2px;
}
/* Material Select with icons styles: Active Select Box: Button */
.material.select .ui-button:active {
    color: #3d3d3d;
    border-bottom: 1px solid #35a6db;
    background-image:
        linear-gradient(45deg, #3399CC 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #3399CC 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 7px) 1em,
        calc(100% - 12px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        0 1.5em;
    background-repeat: no-repeat;
    outline: 0;
}
/* Material Select with icons styles: Active Select Box: List */
.material.select .ui-corner-top {
    border-color: #35a6db;
    border-style: none;
    background-image:
        linear-gradient(45deg, #3399CC 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #3399CC 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 7px) 1em,
        calc(100% - 12px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        0 1.5em;
    background-repeat: no-repeat;
    outline: 0;
}
/* Material Select with icons styles: Disabled Select Box */
.material.select .ui-state-disabled {
    background-color: white;
    border-style: none none dotted;
    color: #6c757d;
    opacity: 0.9;
}
/* Material Select with icons styles: Select Box Sizes */
.material.select.ui-widget.ui-widget-content {
    width: 600px;
    min-height: 50px;
    max-height: 200px;
}

.btn {
    border: 1px solid #CCC;
    background-color: #FFF;
    font-size: 0.875em;
    padding: 7px 25px;
    border-radius:0;
}

.btn.long {
    width: 200px;
    font-size: 1.2em;
    padding-top: 4px;
    padding-bottom: 4px;
}

.btn.disabled, .btn-primary.disabled, .btn-ok.btn-primary.disabled {
    background-color: #CCC;
    border: 1px solid #CCC;
    color: #FFF;
}

.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle,
.btn-primary, .btn-primary:focus, .btn-primary:active {
    border: 1px solid #3399CC;
    background-color: #3399CC;
    color: #FFF;
    box-shadow: none;
}

.btn-ok.btn-primary.active:not(:disabled):not(.disabled), .btn-ok.btn-primary:active:not(:disabled):not(.disabled), .show > .btn-ok.btn-primary.dropdown-toggle,
.btn-ok.btn-primary, .btn-ok.btn-primary:focus, .btn-ok.btn-primary:active {
    border: 1px solid #6b972b;
    background-color: #6b972b;
    color: #FFF;
    box-shadow: none;
}

.btn-primary.active:focus:not(:disabled):not(.disabled), .btn-primary:active:focus:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-primary:hover {
    border: 1px solid #35a6db;
    background-color: #35a6db;
    color: #FFF;
}

.btn-ok.btn-primary:hover {
    border: 1px solid #76a72f;
    background-color: #76a72f;
    color: #FFF;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus {
    border: 1px solid #CCC;
    background-color: #CCC;
    color: #FFF;
    box-shadow: none;
    cursor: auto;
}

a {
    color: #3399CC;
}

a:hover {
    color: #35a6db;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.hidden {
    display: none !important;
}

label.error, label.field-message {
    margin-bottom: 0;
}

label.field-message {
    margin-left: 10px;
}







/* xs */
@media(max-width:576px) {
    .padding-xs-0 {
        padding:0;
    }

    .hidden-xs-down {
        display: none;
    }

    .align-xs-left {
        text-align: left;
    }

    .align-xs-right {
        text-align: right;
    }

    .align-xs-center {
        text-align: center;
    }

    .xs-hide{
        display:none;
    }
}

/* sm */
@media(max-width:768px) {
    .sm-hide{
        display:none;
    }
}

/* md */
@media(min-width:992px) {

}

/* lg */
@media(min-width:1200px) {

}

/* DHTMLXMenu icons size */
.dhx_widget .dhx_menu-button__icon::before{
    font-size:30px;
    color: #3d3d3d;
}

.dhx-popup-alert{
    padding: 30px 20px 10px 20px;
    width: 440px;
    font-size: 14px;
    line-height: 200%;
    border: 2px solid #000;
}

.dhx-popup-alert-container {
    height: 200px;
    overflow-y: auto;
}

.dhx-popup-btns {
    width: 400px;
    text-align: center;
    margin-top: 50px;
}

.btn-popup{
    color: #FFFFFF;
    border: 0;
    /*width: 1%;*/
    min-width: 75px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    margin: 0 5px 0 5px;
    cursor: pointer;
    padding: 0 10px;
}

.btn-popup-ok{
    background: #6c972b;
}

.btn-popup-ok:hover{ background: #7DA83C; }
.btn-popup-ok:active{ background: #5B861A; }

.btn-popup-custom{
    background: #3399CC;
}

.btn-popup-custom:hover{ background: #44AADD; }
.btn-popup-custom:active{ background: #2288BB; }

#blackout, .blackout {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.75;
    filter: alpha(Opacity=75); /* IE */
    z-index: 2047483640;
    position: absolute;
    top:0;
    left:0;
    display: none;
}

.dhx-msg-ok{
    background: #6da51d;
    color: #FFFFFF !important;
}

.dhx-msg-alert{
    background: #FF3333;
    color: #FFFFFF;
}

.dhx-msg-ok.width-1 {
    width: 300px;
}

.dhx-msg-alert.width-1 {
    width: 300px;
}

.dhx_message__text{
    color: #FFFFFF;
}

.dhx-msg-box{
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
}

.wrapper-site-props{
    margin: 0 40px;
    position: relative;
    height: 100%;
}

.site-props-logo{
    padding: 20px 0;
}

/* Text-Align-Center (tac)*/
.tac{
    text-align: center;
}

/* Left-Panel*/
.wrapper-left-panel{
    background: #3d3d3d;
    max-width: 240px;
}

.content-left-panel{
    padding: 5px;
    width: 240px;
}

.lp-header{
    height: 30px;
    background: #3399CC;
}

.lp-header-hide{
    display: inline-flex;
    justify-content:flex-end;
    width: 100%;
}

.lp-header-show{
    display: inline-flex;
    justify-content:center;
    width: 100%;
}

.lp-btn-hide{
    width: 20px;
    margin-right: 10px;
    background: url("../images/icons/site/dwm.arrw_lft_wht.svg") no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.lp-btn-show{
    width: 20px;
    margin-left: 0;
    background: url("../images/icons/site/dwm.arrw_rght_wht.svg") no-repeat;
    cursor: pointer;
}

.lp-hidden{
    display: none;
}

/* End of left panel */

/* content panel */
.ribbon-wrapper{
    width: 100%;
    padding: 5px 0 5px 5px;
    display: flex;
}

.content-wrapper{
    /*width: 100%;*/
    width: 99%;
    height: 100%;
    /*margin: 10px 0 0 5px;*/
    padding: 5px 5px 0 5px;
}

div.row{
	margin-right: 0;
	margin-left: 0;
}

.container-main{
    display: flex;
    margin: 0;
    padding: 0;
}

.lpanel-and-content{
    display: flex;
    flex-grow: 1;
    height:100%;
}

.main-panel{
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
/* end of content panel */

#wrapper-footer{
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
}

#footer-logo{
    margin-left: 5px;
    background: url("../images/icons/misc/dwm.ftr_logo.svg") no-repeat;
    height: 30px;
    min-width: 250px;
}

#footer-copy{
    margin-right: 5px;
    font-size: 12px;
    color: #3d3d3d;
    line-height: 32px;
}

.content-left-panel hr{
    color: #727272;
    background-color: #727272;
    margin: 4px 0 8px 0;
    height:1px;
}


.lp-controls-block{
    width: 100%;
}

.lp-control-box{
    margin-top: 10px;
}

.lp-calendars{
    display: flex;
    justify-content: space-between;
    height:30px;
    margin: 8px 0 0 0;
}

.lp-calendar{
    color:#fff;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    flex-grow: 1;
}

.lp-calendar-input{
    background-color: #727272;
    color: #fff;
    text-align: center;
    width: 80px;
    border: 0;
    line-height: 30px;
    height: 30px;

}

.lp-input{
    text-align: left;
    padding: 0 9px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.ar{
    text-align: right;
}


.lp-header-block .lp-header-title {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

.lp-header-block .lp-header-title-text,
.popup-lp-header-title-text{
    color: #FFF;
    overflow: hidden;
    font-size: 18px;
    margin-left: 5px;
    line-height: 21px;
}

.lp-header-block .lp-header-title-icon::before{
    color: #FFF;
    font-size:36px;
    line-height: 18px;
}

.popup-lp-header-title-icon::before{
    color: #FFF;
    font-size:60px;
    line-height: 18px;
}

.lp-header-block hr{
    color: #FFF;
    background-color: #FFF;
    margin: 4px 0 8px 0;
    height:1px;
}

.lp-header-buttons-block{
    display:flex;
    justify-content: center;
}

.lp-header-button{
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 15px;
    font-size: 36px;
    cursor:pointer;
}

.lp-header-button:hover{ background: #4c4c4c; }
.lp-header-button:active{ background: #3F3F3F; }

.lp-header-button.disabled{
    cursor:default;
    background: #3d3d3d;
}

.lp-header-description{
    color: #FFF;
    font-size:14px;
    line-height: 14px;
    text-align: center;
    width: 100%;
    margin: 5px 0;
}

.page-placeholder {
    font-family: Nunito;
    font-weight: 200;
    font-size: 50px;
    color: #909090;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-container {
    width: 100%;
    height: 100%;
}

.dwm-grid .dhx_grid-content {
    border-width: 0;
}

.dwm-grid .dhx_grid-header-cell {
    background-color: #3d3d3d;
    color: #ffffff;
    font-weight: 400;
    border-right: 1px solid #FFFFFF;
}

#grid-container-supplier .dwm-grid .dhx_grid-header-cell { border-top: 1px solid #3d3d3d !important; }

.dwm-grid .dhx_grid-header-cell--sortable:hover::after,
.dwm-grid .dhx_grid-header-cell--sorted::after{
    background-color: #3d3d3d;
    color: #ffffff;
}

.dwm-grid .dhx_grid-sort-icon--asc, .dwm-grid .dhx_grid-sort-icon--desc, .dwm-grid .dhx_grid-sort-icon {
    color: rgba(255, 255, 255, 0.5);
}

.dwm-grid .dxi.dxi-sort-variant:before {
    font-family: 'dwm3' !important;
    content: "\f262"; /*.dwm-sort_default:before*/
}

.dwm-grid .dxi.dxi-sort-variant.dhx_grid-sort-icon--asc:before {
    font-family: 'dwm3' !important;
    content: "\f263"; /*.dwm-sort_down:before*/
}

.dwm-grid .dxi.dxi-sort-variant.dhx_grid-sort-icon--desc:before {
    font-family: 'dwm3' !important;
    content: "\f263"; /*.dwm-sort_down:before*/
}

.lp-visible{
    min-width: 230px;
}

.content-left-panel input::-webkit-input-placeholder {
    color: #fff;
}

.content-left-panel input::-moz-placeholder {
    color: #fff;
}
.content-left-panel input::-ms-input-placeholder {
    color: #fff;
}
.content-left-panel input::placeholder {
    color: #fff;
}

.container-fluid.popup-content {
    padding: 5px 0;
}

.container-fluid.popup-content .row {
    margin: 0;
}

.container-fluid.popup-content [class*="col"] {
    padding: 0 5px;
}

.general-error {
    width: 100%;
    height: 45px;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 32px;
}

.dhx_popup .lp-header{
    background: #3d3d3d;
}

.dhx_popup .content-left-panel{
    padding: 5px 0 5px 5px;
}

.dhx_popup .nav-link .active,
.dhx_popup .nav-link{
    border:0;
}




/* Navigation panel */
.dhx_popup .nav {
    display: block;
}

.dhx_popup .nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    line-height: 30px;
}

.dhx_popup .nav-tabs {
    border: 0 none;
}

.nav-tabs a,
.nav-tabs a:hover,
.nav-tabs a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.dhx_popup .sidebar-panel ul li a {
    padding: 15px 15px 15px 15px;
    font-size: 1.1em;
    display: block;
}

.dhx_popup .sidebar-panel ul li a:hover {
    color: #fff;
    background: #4c4c4c;
}

.dhx_popup .sidebar-panel ul li a.active:hover {
    color: #3D3D3D;
    background: #fff;
}

.dhx_popup .nav-tabs .nav-item {
    margin-bottom: 0;
    border: 0;
}
.dhx_popup .nav-link-caption {
    padding-left: 15px;
}

.dhx_popup .icon-status-error {
    background: url("../images/icons/site/dwm.men_warn.svg") no-repeat; width: 25px; height: 25px;
    margin-top: 3px;
    float: right;
}

.dhx_popup .sidebar-panel {
    background: #3D3D3D;
    color: #fff;
    transition: all 0.3s;
}


/* ---------------------------------------------------
	Right Side panel
----------------------------------------------------- */

/* Ribbon */
.dhx_popup .button-block {
    /*margin-left: 2px;*/
}

/* Content panel elements */
.dhx_popup .wrapper-panel-content {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    flex-grow: 1;
    overflow: hidden;
}

.dhx_popup .tab-content {
    /* Commented by VP. There are no gaps in DWM specification for all popups. */
    /*margin: 10px !important;*/
}

.dhx_popup .panel-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

div.dwm-popup-content{
    background: #fff !important;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    color: #3d3d3d;
    width: 100%;
    height: 100%;
}

div.dwm-popup-content .lpanel-and-content {
    display: flex;
    flex-direction: row;
    flex: auto;
}

div.dwm-popup-content .content-wrapper {
    display: flex;
    flex-direction: column;
    flex: auto;
}

/* Buttons panel */
.dhx_popup div.panel-buttons {
    display: flex;
    justify-content: right;
    flex-grow: 0;
    height: 26px;
    margin: 7px 0 7px 0 !important;
}
.dhx_popup div.panel-buttons.prev-next-btns {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    height: 26px;
    margin: 7px 0 7px 0 !important;
}

.btn-slim {
    min-width: 100px;
    height: 25px;
    padding: 3px 7px;
}


/* Content */

/* Material Style Corrections */

.dhx_popup .material.input, .dhx_popup .material.select {
    margin: 0;
}

.dhx_popup .material .field-label {
    display: block;
}

.dhx_popup .material .field-message {
    display: none;
}

.dhx_popup .material.input .field-label, .dhx_popup .material.select .field-label {
    width: 100%;
    padding-top: 10px;
    height: 30px;
}

.dhx_popup .material.input input {
    width: 100%;
}

.dhx_popup .material.select select {
    width: 100%;
}

.dhx_popup .material.textarea textarea {
    width: 100%;
    resize: none;
}


/* Required Fields */
.dhx_popup .required-field {
    font-size: 0.875em;
    color: #6c757d;
    display: inline-block;
}

.red {
    color: red !important;
}

.dhx_popup .nav-link-caption {
    padding-left: 15px;
}

.dhx_popup .popup-lp-icon {
    width: 90px;
    height: 90px;
    padding: 0 20px 20px 20px;
}

.dhx_popup .popup-lp-icon i {
    font-size: 60px;
}

.dhx_popup .popup-lp-caption {
    font-size: 1.3em;
    max-width: 145px;
}

.popup-lp-item-icon {
    width: 30px;
    height: 30px;
    float: left;

    font-size: 30px;
    font-family: 'dwm3' !important;
    color: #FFFFFF;
}

.nav-link.active .popup-lp-item-icon {
    color: #3D3D3D;
}
.dhx_popup .active a:hover .popup-lp-item-icon {
      color: #3D3D3D;
}

.view-job-event-icon:before {
    content: '\f1b1';
}

.view-job-information:before {
    content: '\f290';
}

.view-job-workflow:before {
    content: '\f133';
}
.dwm-wkfl_default:before{
    content: '\f1ab';
}
.required-field-mark{
    color: #ff0000;
    font-weight: 900;
}

.uppercase input{
    text-transform: uppercase;
}

/* Icon: Details */
.nav-link div.icon-details:before {
    content: '\f290';
    float: left;
    font-family: 'dwm3' !important;
    font-size: 30px;
}
.nav-link.active div.icon-details, .sidebar-panel ul li a:hover div.icon-details:before {
    content: '\f290';
}


/* Icon: Sites */
.nav-link div.icon-sites:before {
    content: '\f1d5';
    float: left;
}
.nav-link.active div.icon-sites, .sidebar-panel ul li a:hover div.icon-sites:before {
    content: '\f1d6';
}

/* Icon: Capabilities */
.nav-link div.icon-capabilities:before {
    content: '\f1b1';
    float: left;
}
.nav-link.active div.icon-capabilities, .sidebar-panel ul li a:hover div.icon-capabilities:before {
    content: '\f1b2'; /*dwm-evnts_on*/
}

.popup-information-table {
    border: 0;
    width: 100%;
}

.popup-information-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.popup-information-table tr {
    border-bottom: 1px solid #dddddd;
}

.popup-information-table td.key {
    font-weight: bold;
    width: 240px;
}

.popup-information-table td {
    line-height: 18px;
    padding: 0 5px;
    height: 32px;
}

.wkfl-attributes-tabs {
    width: 100%;
}

.wkfl-attributes-tabs .dhx_tabbar-header {
    border-bottom: 3px solid #3399CC;
}

.wkfl-attributes-tabs .dhx_tabbar-header-active {
    display: none;
}

.wkfl-attributes-tabs .dhx_tabbar-tab-button.dhx_tabbar-tab-button--active {
    color: white;
    background-color: #3399CC;
}

.wkfl-attributes-tabs .dhx_tabbar-tab-button {
    text-transform: capitalize;
    width: 100%;
    background-color: #dddddd;
    color: #3d3d3d;
    padding: 6px 22px;
}

.wkfl-attributes-tabs.dhx_tabbar--top .dhx_tabbar-tab:nth-child(even) {
    margin-left: 2px;
}

.wkfl-attributes-tabs.dhx_tabbar--top .dhx_tabbar-tab:nth-child(odd) {
    margin-right: 2px;
}

.treegrid-dwm > div:nth-child(2) > div:nth-child(1) {
    overflow-x: hidden;
}

.view-job-attributes .dhx_window-content {
    margin: 5px;
}

.treegrid-dwm {
}

.treegrid-dwm .dhx_grid-footer-cell, .treegrid-dwm .dhx_grid-header-cell{
    background-color: #3d3d3d;
    border-top: 0px solid #3d3d3d;
    border-bottom: 0px solid #3d3d3d;
}

.treegrid-dwm .dhx_grid-footer-cell:not(.dhx_cell_first), .treegrid-dwm .dhx_grid-header-cell:not(.dhx_cell_first) {
    border-left: 0px solid #fff;
}

.treegrid-dwm .dhx_grid-footer-cell:nth-child(even), .treegrid-dwm .dhx_grid-header-cell:nth-child(even) {
    border-left: 2px solid #fff;
}

.treegrid-dwm .dhx_grid-footer-cell:nth-child(odd), .treegrid-dwm .dhx_grid-header-cell:nth-child(odd) {
    /*border-right: 2px solid #fff;*/
    border-left: 2px solid #fff;
}

.treegrid-dwm .dhx_grid-header-cell--sortable:hover:after, .treegrid-dwm .dhx_grid-header-cell--sorted:after {
    background-color: #3d3d3d;
}

.treegrid-dwm .dhx_grid-custom-content-cell {
    padding: 0px 6px 6px 6px;
}

.treegrid-dwm .dhx_grid-filter {
    border-radius: 0;
    font-size: 13px;
}

.treegrid-dwm .dhx_grid-content {
    border: 1px solid #ffffff;
}

.treegrid-dwm .dhx_grid-footer-cell, .treegrid-dwm .dhx_grid-header-cell {
    color: rgba(255, 255, 255, 0.9);
}

.treegrid-dwm .dxi.dxi-sort-variant:before {
    font-family: 'dwm3' !important;
    content: "\f262"; /*.dwm-sort_default:before*/
}

.treegrid-dwm .dxi.dxi-sort-variant.dhx_grid-sort-icon--asc:before {
    font-family: 'dwm3' !important;
    content: "\f263"; /*.dwm-sort_down:before*/
}

.treegrid-dwm .dxi.dxi-sort-variant.dhx_grid-sort-icon--desc:before {
    font-family: 'dwm3' !important;
    content: "\f263"; /*.dwm-sort_down:before*/
}

.treegrid-dwm .dhx_grid-sort-icon--asc,
.treegrid-dwm .dhx_grid-sort-icon--desc,
.treegrid-dwm .dhx_grid-sort-icon {
    color: #ffffff;
}

.view-job-attributes-grid-name-column {
    font-weight: bold;
}

.dwm-grid.hide-header .dhx_header-row {
    display: none;
}





/* DWM TreeGrid */
.dwm-tree {
    margin-top: -6px;
}
.dwm-tree.dwm-tree-dark-content .dhx_grid {
    background-color: #3d3d3d;
}

/* DWM Tree: Header */
.dwm-tree .dhx_grid-header-cell {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    padding: 0;
}
.dwm-tree .dhx_grid-header-cell-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 5px;
    margin-top: 5px;
}
.dwm-tree .dhx_header-row {
    background-color: #3d3d3d;
}
.dwm-tree .dhx_grid-filter {
    height: 20px;
    margin-top: 5px;
}

/* DWM Tree: Header: Main Icon */
.dwm-tree .dwm-tree-header-icon {
    background-color: #3d3d3d;
    color: #fff;
    font-family: 'dwm3' !important;
    font-size: 32px;
    right: 32px;
    width: 32px;
    height: 100%;
    float: left;
    margin-top: 5px;
}

/* DWM Tree: Header: Buttons */

/* DWM Tree: Header: Buttons: Expand/Collapse */
.dwm-tree .dhx_grid-header-cell--sortable:hover .dhx_grid-clps-icon{opacity:1}
.dwm-tree .dhx_grid-header-cell--align_right .dhx_grid-clps-icon{left:25px}
.dwm-tree .dhx_grid-header-cell--align_left .dhx_grid-clps-icon{right:25px}
.dwm-tree .dwm-cllpse_tree:before, .dwm-tree .dwm-expnd_tree:before, .dwm-tree .dwm-cllpse_app_tree:before {
    color: #fff;
    font-family: 'dwm3' !important;
    font-size: 25px;
}
.dhx_grid-clps-app-tree-icon {
    width: 25px;
    height: 100%;
    background-color: #3d3d3d;
    margin-top: 5px;
    position: absolute;
}
.dwm-tree .dwm-cllpse_tree:before {
    content: "\f1b3"; /*.dwm-expnd_tree:before*/
}
.dwm-tree .dwm-expnd_tree:before {
    content: "\f165"; /*.dwm-cllpse_tree:before*/
    transform:scaleY(-1)
}
.dwm-tree .dwm-cllpse_tree_collapsed, .dwm-tree .dwm-expnd_tree_expanded {opacity:1 !important;}
.dwm-tree .dhx_grid-header-cell--align_left .dhx_grid-clps-icon {
    right: 25px;
    width: 25px;
    height: 100%;
    margin-top: 9px;
}
.dwm-tree .dhx_grid-clps-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: rgba(0,0,0,.5);
    z-index: 1;
    transition: all .2s ease-in;
    cursor: pointer;
}

/* DWM Tree: Header: Buttons: Sort */
.dwm-tree .dhx_grid-header-cell--sortable:hover::after,
.dwm-tree .dhx_grid-header-cell--sorted::after{
    background-color: #3d3d3d;
    color: #ffffff;
}
.dwm-tree .dhx_grid-sort-icon--asc, .dwm-tree .dhx_grid-sort-icon--desc, .dwm-tree .dhx_grid-sort-icon {
    color: #ffffff;
    margin-top: 5px;
}
.dwm-tree .dxi.dhx_grid-sort-icon:before,
.dwm-tree .dxi.dxi-sort-variant:before {
    font-family: 'dwm3' !important;
    content: "\f16a"; /*dwm-clmn_srt_static*/
}
.dwm-tree .dxi.dxi-sort-variant.dhx_grid-sort-icon--asc:before,
.dwm-tree .dxi.dxi-sort-variant.dhx_grid-sort-icon--desc:before {
    font-family: 'dwm3' !important;
    content: "\f169"; /*dwm-clmn_srt_dsc*/
}


/* DWM Tree: Header: Filter */
.dwm-tree .dhx_grid-custom-content-cell {
    padding: 2px 4px 2px 3px;
}
.dwm-tree input.dhx_input.dhx_grid-filter::placeholder {
    color: rgba(0,0,0,.7)
}
.dwm-tree .dhx_grid-filter__label.dxi.dxi-magnify:before {
    content: unset;
}

/* DWM Tree: Data */
.dwm-tree .dhx_data-wrap {
    margin-top: 3px;
}
.dwm-tree .dhx_grid-content {
    /*border-color: #FFFFFF;
    margin-left: 1px;*/
}
.dwm-tree.dwm-tree-dark-content .dhx_grid-content {
    border-color: #3d3d3d;
    margin-left: 1px;
}
.dwm-tree.dwm-tree-dark-content .dhx_grid-body {
    background-color: #3d3d3d;
}
.dwm-tree.dwm-tree-dark-content .dhx_header-rows {
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 3px;
    background-color: #3d3d3d;
}

/* DWM Tree: Data: Row style */
.dwm-tree .dhx_grid-less-height .dhx_footer-row:last-child .dhx_grid-footer-cell, .dwm-tree .dhx_grid-less-height .dhx_grid-row:last-child {
    border-bottom: 1px solid lightgray;
}
.dwm-tree.dwm-tree-dark-content .dhx_grid-less-height .dhx_footer-row:last-child .dhx_grid-footer-cell, .dwm-tree.dwm-tree-dark-content .dhx_grid-less-height .dhx_grid-row:last-child {
    border-bottom: 1px solid #3d3d3d;
}
.dwm-tree .tree-grid-row .dhx_grid-cell {
    border-top: 1px solid lightgray;
    border-left: 1px solid #FFFFFF;
}
.dwm-tree.dwm-tree-dark-content .tree-grid-row .dhx_grid-cell {
    border-top: 1px solid #3d3d3d;
    border-left: 1px solid #3d3d3d;
}

.dwm-tree .tree-grid-row .dhx_grid-cell .dhx_cell-content,
.dwm-tree .tree-grid-row .dhx_grid-cell .dhx_grid-cell__content {
    color: #6E6E6E;
}

.dwm-tree .tree-grid-row.warnNode .dhx_grid-cell .dhx_grid-cell__content,
.dwm-treegrid .tree-grid-row.warnNode .dhx_grid-cell .dhx_grid-cell__content {
    color: #F20D0D !important;
}
/*.dwm-tree.dwm-tree-dark-content .tree-grid-row .dhx_grid-cell .dhx_cell-content {*/
.dwm-tree.dwm-tree-dark-content .tree-grid-row .dhx_grid-cell .dhx_grid-cell__content {
    font-size: 12px;
    color: #FFFFFF;
    padding-left: 4px;
}
.dwm-tree .tree-grid-row .dhx_grid-cell .dhx_cell-content,
.dwm-tree .tree-grid-row .dhx_grid-cell .dhx_grid-cell__content,
.dwm-tree .tree-grid-row.icon-at-left .dhx_grid-cell .dhx_grid-cell__content,
.dwm-tree .tree-grid-row.icon-at-left .dhx_grid-cell .dhx_cell-content {
    display: flex;
}
.dwm-tree .tree-grid-row.icon-at-right .dhx_grid-cell .dhx_grid-cell__content,
.dwm-tree .tree-grid-row.icon-at-right .dhx_grid-cell .dhx_cell-content {
    display: flex;
    justify-content: space-between;
}
.dwm-tree .tree-grid-row .tree-grid-row-icon {
    font-size: 30px;
    height: 30px;
    width: 20px;
    margin: 0 0 6px 0;
}
.dwm-tree .dwm-attrbts {
    float: right;
    top: 0;
    position: relative;
    font-size: 21px;
}
.dwm-tree .marked_to_remove_checkboxes div.dhx_grid-cell.dhx_boolean-cell.dhx_grid-cell__editable .dhx_checkbox {
    display: none;
    visibility: hidden;
}
.dwm-tree .dhx_grid-selected-row {
    background-color: #C0C0C0;
    opacity: 0.2;
    color: #3d3d3d;
}
.dwm-tree.dwm-tree-dark-content .dhx_grid-selected-row {
    /*background-color: #FFFFFF;*/
    background-color: #3399CC;
    opacity: 0.5;
    color: #3d3d3d;
}
.dwm-tree .dhx_checkbox.dhx_cell-editor__checkbox.rowCheckbox {
    width: 45px !important;
}
.dwm-tree .dhx_grid-cell__content .rowText,
.dwm-tree .dhx_cell-content .rowText {
    width: 100%;
}

.dwm-tree .tree-grid-row .dxi.dxi-chevron-down:before {
    font-family: 'dwm3' !important;
    font-size: 10px;
    content: "\f166"; /* .dwm-expnd_tree_node:before */
}

.dwm-tree.dwm-tree-dark-content .tree-grid-row .dxi.dxi-chevron-right:before,
.dwm-tree.dwm-tree-dark-content .tree-grid-row .dxi.dxi-chevron-up:before {
    font-family: 'dwm3' !important;
    font-size: 10px;
    color: #FFFFFF;
    content: "\f1b5"; /*dwm-expnd_tree_node_wht */
}
.dwm-tree.dwm-tree-dark-content .tree-grid-row .dxi.dxi-chevron-down:before {
    font-family: 'dwm3' !important;
    font-size: 10px;
    color: #FFFFFF;
    content: "\f167"; /*.dwm-cllpse_tree_node_wht */
}

.dhx_tree-cell .dxi.dxi-chevron-right:before {
    font-family: 'dwm3' !important;
    font-size: 10px;
    content: "\f1b4"; /*.dwm-expnd_tree_node */
}


/*.dwm-tree .tree-grid-row-locked.dxi.dxi-chevron-down:before {*/
/*    content: "  " !important;*/
/*}*/



.dwm-tree.dwm-tree-dark-content .tree_node_light_folder_open {
    background: url('../images/icons/site/dwm.tree_node_fldr_open_wht.svg') no-repeat;
    width: 18px;
    height: 18px;
    margin-top: 7px;
    margin-left: 4px;
}
.dwm-tree.dwm-tree-dark-content .tree_node_light_folder_closed {
    background: url('../images/icons/site/dwm.tree_node_fldr_clsd_wht.svg') no-repeat;
    width: 18px;
    height: 18px;
    margin-top: 7px;
    margin-left: 4px;
}

.dwm-attrbts {
    float: right;
    top: 6px;
    position: relative;
    font-size: 21px;
}

.dwm-tree .tree-grid-row-icon::before {
    font-size: 19px;
    position: relative;
    top: -3px;
}

.dhx_grid-header-cell--sortable:after {
    opacity: 1 !important;
}

.tg-message{
    color: #F20D0D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 22px;
    line-height: 29px;
}
.attrs-grid-messages-block{
    height: 50px;
}

#attrs-grid-messages,
#attrs-grid-messages-nonempty{
    display:none;
}

.hidden{
    display: none;
}

.pointer{
    cursor:pointer;
}

.buttons button {
    margin-right: 15px;
}

.buttons button:last-child {
    margin-right: 0;
}

.app-popup .dhx_window-content {
    color: #3d3d3d;
}

.error-text,
.error-text div{
    color: #ff2c2c !important;
}

/* DWM Radio-button: Content */
.dwm-radio input[type=radio] {
    display: none;
}
.dwm-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    user-select: none;
}
.dwm-radio label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 18px;
    bottom: -10px;
    background: url("../images/icons/controls/dwm-radio-empty.png") 0 0 no-repeat;
}

/* DWM Radio-button: Checked */
.dwm-radio input[type=radio]:checked + label:before {
    background: url("../images/icons/controls/dwm-radio-checked.png") 0 0 no-repeat;
}

/* DWM Radio-button: Hover */
.dwm-radio label:hover:before {
    filter: brightness(80%);
}

/* DWM Radio-button: Disabled */
.dwm-radio input[type=radio]:disabled + label:before {
    /*filter: grayscale(100%);*/
    filter: brightness(110%);
}

/* Privacy & Cookies */
.privacy-link {
    padding: 0;
    /*color: #3399CC;*/
}
.privacy-link:hover {
    cursor: pointer;
    color: #44AADD;
}
.privacy-link:focus, .privacy-link:active {
    color: #2288BB;
}
.privacy-content-wrapper {
    padding: 20px 15px 15px 15px;
    line-height: 25px;
    font-family: 'Roboto', sans-serif;
}
.privacy-title {
    font-weight: bold;
}
.privacy-text-block {
    padding-bottom: 15px;
}
.privacy .nav-link {
    display: inline;
    padding: 0;
}
.privacy .grid-container {
    width: 100%;
    height: 300px;
    padding-top: 10px;
}

#privacy_notice_bar{
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    background: #3d3d3d;
    color: #FFF;
    vertical-align: middle;
    width: 100%;
    font-size: 12px;
    display: none;
    text-align: center;
}

#change_cookie_settings{
    text-decoration: underline;
    cursor:pointer;
}

#privacy_notice_bar_msg{
    margin: 0 30px;
}

#privacy_notice_bar_close{
    cursor: pointer;
    width: 16px;
}

/* Spinner */
.spinner {
    color: #00a5ff52;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: absolute;
    z-index: 2147483820;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* End Spinner */

.blur {
    filter: blur(7px);
}

/* showSysStatus window ribbon */
.wrapper-sys-status .panel-ribbon{
    width: 350px;
}


.treegrid-node-row{
    background-color: #FAFAF8;
}

.noAttributesPlaceholder {
    font-size: 24px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    white-space: nowrap;
    color: #909090;
}


/* imitate TreeGrid style with simple table */
.dhtmlx-table{
    border-collapse: collapse;
}
.dhtmlx-table tbody tr:nth-child(even) {
    background-color: #fafaf8;
}
.dhtmlx-table thead td{
    background-color: #3d3d3d;
    color: #FFF;
    padding-left: 5px;
    border: 1px #FFF solid;
}

.dhtmlx-table tbody td{
    padding: 5px;
    border-bottom: 1px #d3d3d3 solid;
    vertical-align: top;
}

.password-icon-placeholder {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
}

.password-shown {
    background-image: url('../images/icons/site/dwm.psswrd_hide.svg');
}

.password-hidden {
    background-image: url('../images/icons/site/dwm.psswrd_show.svg');
}

.tree-grid-cell-icon-right{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.tree-grid-cell-icon-left{
    display: flex;
}
.tree-grid-cell-icon-left .tree-grid-row-icon{
    margin-right: 4px !important;
}

.grow{
    flex: 1;
}

.rowText{
    line-height: 31px;
}

label.dhx_checkbox.dhx_cell-editor__checkbox{
    margin-top: 7px;
}

.dhx_grid-cell.dhx_tree-cell label.dhx_checkbox.dhx_cell-editor__checkbox,
.ribbon-block label.dhx_checkbox.dhx_cell-editor__checkbox{
    margin-top: 0;
}

#create-attributes-tree-container label.dhx_checkbox.dhx_cell-editor__checkbox{
    margin-top: 7px;
}

#create-attributes-tree-container .dhx_grid-cell.dhx_tree-cell label.dhx_checkbox.dhx_cell-editor__checkbox
{
    margin-top: 6px;
}

#create-attributes-tree-container .dhx_grid-expand-cell-icon.dxi.dxi-chevron-down .dhx_checkbox.dhx_cell-editor__checkbox.rowCheckbox{
    margin-left: -1px;
}

@font-face {
    font-family: 'dotsfont';
    src: url('../js/fonts/dots/dotsfont.eot');
    src: url('../js/fonts/dots/dotsfont.eot?#iefix') format('embedded-opentype'),
    url('../js/fonts/dots/dotsfont.woff') format('woff'),
    url('../js/fonts/dots/dotsfont.ttf') format('truetype'),
    url('../js/fonts/dots/dotsfont.svg#dotsfontregular') format('svg');
}

/*[masking]:not(:active):not(:focus) {*/
[masking] {
    font-family: 'dotsfont';
    font-size: 6px !important;
}

.dhx_window .dhx_window-header .dhx_toolbar .dhx_navbar {
    padding: 0 1px 0 6px;
}

.dhx_toolbar {
    min-height: 30px;
}

.dhx_layout-cell-content {
    flex: 1 1 auto;
}

.tree-dark{
    /*--dhx-font-weight-regular: 500;*/
    --dhx-font-color-primary: #FFFFFF;
    --dhx-color-primary: #FFFFFF;
    --dhx-background-primary: #3D3D3D;
    --dhx-border-color: #3D3D3D;
    --dhx-border: var(--dhx-border-width) solid var(--dhx-border-color);
}

.tree-dark .dhx_tree-list__item.dhx_tree-list-item.dhx_tree-list-item--focused.dhx_tree-list-item--selected:before{
    --dhx-background-primary: #426880;
}

.dwm3-flex{
    display: flex;
}

/*.dwm3-flex div{*/
/*    margin-left: 10px;*/
/*    color: #3d3d3d;*/
/*    font-family: Arial, Helvetica, sans-serif;*/
/*    font-size: 14px;*/
/*    height: 22px;*/
/*    line-height: 29px;*/
/*}*/


.dhx_layout-cell-inner_html{
    overflow: hidden !important;
}

.dhx_popup .panel-content{
    height: 80%;
}

.flex{
    display: flex;
}

.flex-center{
    display: flex;
    justify-content: center;
}

.flex-vertical{
    flex-direction: column;
}