body {
    /*background-color: #5fa2dd !important;*/
    background: linear-gradient(90deg, #5fa2dd 3px, transparent 1%) center,
    linear-gradient(#5fa2dd 3px, transparent 1%) center,
    #66beff !important;
    background-size: 4px 4px !important;
}

.dq-main-logo {
    height: 32px;
}

.dq-main-bar {
    background-color: #1c252f;
}

/* Preloader */

#doqu-preloader-container {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dq-found {
    background-color: rgba(151, 205, 252,.9) !important;
}

@-webkit-keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.uil-default-css > div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(2) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.375s;
    animation-delay: -0.375s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(3) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(4) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.125s;
    animation-delay: -0.125s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(5) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(6) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.125s;
    animation-delay: 0.125s;
}


.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(7) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

.uil-default-css > div:nth-of-type(8) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.375s;
    animation-delay: 0.375s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
}

/* Icone FontAwesome5 Pro */

@font-face {
    font-family: 'FontAwesomeProRegular';
    src: url('/static/@pragma2000/doqu/assets/fonts/fa-regular-400.eot?v=5.3.1?#iefix&v=5.3.1') format('embedded-opentype'), url('/static/@pragma2000/doqu/assets/fonts/fa-regular-400.woff?v=5.3.1') format('woff'), url('/static/@pragma2000/doqu/assets/fonts/fa-regular-400.ttf?v=5.3.1') format('truetype'), url('/static/@pragma2000/doqu/assets/fonts/fa-regular-400.svg#fontawesomeregular?v=5.3.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeProLight';
    src: url('/static/@pragma2000/doqu/assets/fonts/fa-light-300.eot?v=5.3.1?#iefix&v=5.3.1') format('embedded-opentype'), url('/static/@pragma2000/doqu/assets/fonts/fa-light-300.woff?v=5.3.1') format('woff'), url('/static/@pragma2000/doqu/assets/fonts/fa-light-300.ttf?v=5.3.1') format('truetype'), url('/static/@pragma2000/doqu/assets/fonts/fa-light-300.svg#fontawesomelight?v=5.3.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeProSolid';
    src: url('/static/@pragma2000/doqu/assets/fonts/fa-solid-900.eot?v=5.3.1?#iefix&v=5.3.1') format('embedded-opentype'), url('/static/@pragma2000/doqu/assets/fonts/fa-solid-900.woff?v=5.3.1') format('woff'), url('/static/@pragma2000/doqu/assets/fonts/fa-solid-900.ttf?v=5.3.1') format('truetype'), url('/static/@pragma2000/doqu/assets/fonts/fa-solid-900.svg#fontawesomesolid?v=5.3.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Login window */

.dq-login-window {
    border: 0 none;
    border-radius: 25px;
}

.dq-login-window .x-panel-body {
    border: 0 none;
}

.dq-login-window .x-field {
    margin-bottom: 20px;
}

.dq-login-window .x-form-trigger-wrap-default {
    border: 0 none !important;
}

.dq-login-window .x-form-trigger-wrap {
    background-color: #d0d0d0;
    border-radius: 5px;
}

.dq-login-window input {
    padding-left: 50px;
    background: transparent;
}

.dq-login-window .x-form-trigger {
    font-size: 1.6em;
    padding-top: 10px;
    padding-right: 8px;
    background: transparent;
}

.dq-login-window .dq-textfield-icon {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 8px 12px;
    color: #fff;
    font-size: 2em;
}

.dq-login-window input:-webkit-autofill {
    -webkit-transition-delay: 99999s;
    border-radius: 5px;
}

.dq-login-panel > .x-panel-bodyWrap > .x-panel-body {
    padding: 30px 30px 10px 30px;
}

.dq-login-form {
    height: 100%;
}

.dq-login-form > .x-panel-bodyWrap > .x-panel-body {
    /*padding: 30px 30px 10px 30px;*/
}

.dq-login-logo {
    height: 100px;
    margin-bottom: 30px;
}

.dq-forgot-password-container {
    text-align: center;
    margin-top: 10px !important;
}

.dq-login-link {
    color: #404040;
    font-weight: 600;
    cursor: pointer;
}

.dq-login-link:visited {
    color: #404040;
    font-weight: 600;
}

.dq-login-link:active {
    color: #404040;
    font-weight: 600;
}

.dq-login-link:hover {
    color: #808080;
    font-weight: 600;
}

.dq-login-error-message {
    color: #f00;
    font-weight: 500;
    text-align: center;
}

/* Menu navigazione */

.x-treelist-nav.x-treelist-floater {
    width: 280px !important;
}

.x-treelist-nav .x-treelist-item-text {
    font-size: 1em;
}

/* Bullet lingua */

span.dq-language-bullet {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    font-size: 1em;
    color: #fff;
    line-height: 2em;
    text-align: center;
    background: #5fa2dc;
    font-weight: 600;
    display: inline-block;
}

/* Bullet market */

span.dq-market-bullet {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    font-size: 1em;
    color: #fff;
    line-height: 2em;
    text-align: center;
    background: #dcb05f;
    font-weight: 600;
    display: inline-block;
}

/* Combo multilinea */

.dq-multidata-combo .x-boundlist-item {
    border: 1px solid transparent;
    padding: 5px;
}

.dq-multidata-combo .x-boundlist-item-over {
    color: #fff;
    background: #7fb5e4 !important;
    /*border-color: #7fb5e4 !important;*/
    /*border-color-bottom: #000 !important;*/
}

.dq-multidata-combo .x-boundlist-selected {
    color: #fff;
    background: #5fa2dd !important;
    /*border-color: #5fa2dd !important;*/
    /*border-color-bottom: #000 !important;*/
}

.dq-multidata-combo .x-boundlist-item h2 {
    font-size: 1em;
    margin: 3px 0 3px 0;
}

.dq-multidata-combo .x-boundlist-item-alt h2 {
    font-size: 1em;
    margin: 3px 0 3px 0;
}

.dq-multidata-combo .x-boundlist-item h2 {
    font-size: 1em;
    margin: 3px 0 3px 0;
}

.dq-multidata-combo .x-boundlist-item p {
    margin: 0;
    margin-bottom: 1px;
    font-size: 0.82em;
    line-height: 19px;
}

.dq-multidata-combo .x-boundlist-item p.dq-maintext {
    margin: 1px 0 2px 0;
    font-size: 13px;
    line-height: 17px;
}

.dq-multidata-combo .x-boundlist-item p.dq-alignleft {
    float: left;
    padding-left: 5px;
}

.dq-multidata-combo .x-boundlist-item p.dq-alignright {
    float: right;
}

.dq-multidata-combo .x-boundlist-item p.dq-aligncenter {
    margin: 0 auto;
    width: 110px;
}

.dq-multidata-combo .x-boundlist-item p.dq-alignfull {
    padding-left: 5px;
}

.dq-multidata-combo .x-boundlist-item div.dq-clear {
    clear: both;
}

.dq-multidata-combo .x-boundlist-item span.dq-alignleft {

}

.dq-multidata-combo .x-boundlist-item span.dq-alignright {
    position: absolute;
    right: 10px;
}

.dq-multidata-combo .x-boundlist-item span.dq-aligncenter {
    margin-left: 20%;
}

.dq-multidata-combo .x-boundlist-item p.dq-multidata-singleline-maintext {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1px;
    line-height: 30px;
    display: inline;
}

.dq-multidata-combo .x-boundlist-item p.dq-multidata-singleline-alignright {
    float: right;
    top: 5px;
    position: relative;
}

.dq-compact-multidata-combo .x-boundlist-item {
    padding: 4px;
    border-bottom: 1px dotted #d0d0d0 !important;
}

.dq-compact-multidata-combo .x-boundlist-item p {
    margin: 0 0 3px 0;
    line-height: 20px;
}

.dq-compact-multidata-combo span {
    display: block;
    font-size: 0.6em;
    line-height: 0.6em;
    margin-top: -2px;
    margin-bottom: 2px;
}

/* Toast */

.dq-toast-info {
    border-color: #4d80bb;
    border-bottom-width: 3px;
    background-color: #4d80bb;
}

.dq-toast-info .x-window-header {
    border-color: #4d80bb;
    background-color: #4d80bb;
}

.dq-toast-info .x-window-body {
    border-bottom: 0 none;
    border-color: #4d80bb;
}

.dq-toast-info .x-toolbar-footer {
    border: 1px solid #4d80bb;
    border-bottom: 0 none;
    border-top-color: #d0d0d0;
}

.dq-toast-info .x-tool-tool-el {
    background-color: #4d80bb;
}

.dq-toast-warning {
    border-color: #d5ca3c;
    border-bottom-width: 3px;
    background-color: #d5ca3c;
}

.dq-toast-warning .x-window-header {
    border-color: #d5ca3c;
    background-color: #d5ca3c;
}

.dq-toast-warning .x-window-body {
    border-bottom: 0 none;
    border-color: #d5ca3c;
}

.dq-toast-warning .x-toolbar-footer {
    border: 1px solid #d5ca3c;
    border-bottom: 0 none;
    border-top-color: #d0d0d0;
}

.dq-toast-warning .x-tool-tool-el {
    background-color: #d5ca3c;
}

.dq-toast-error {
    border-color: #ce3f36;
    border-bottom-width: 3px;
    background-color: #ce3f36;
}

.dq-toast-error .x-window-header {
    border-color: #ce3f36;
    background-color: #ce3f36;
}

.dq-toast-error .x-window-body {
    border-bottom: 0 none;
    border-color: #ce3f36;
}

.dq-toast-error .x-toolbar-footer {
    border: 1px solid #ce3f36;
    border-bottom: 0 none;
    border-top-color: #d0d0d0;
}

.dq-toast-error .x-tool-tool-el {
    background-color: #ce3f36;
}

/* Stili alberi e griglie */
.dq-sticky-row {
    position: sticky;
    top: 0;
    z-index: 99;
}

.dq-column-label {
    text-align: center;
    font-size: 0.9em;
    opacity: 0.7;
    /* width: 40px; */
    /* display: inline-block; */
    /* font-weight: 700; */
}

.dq-id-label {
    margin-right: 10px;
    font-size: 0.8em;
    opacity: 0.7;
    /* width: 40px; */
    /* display: inline-block; */
    font-weight: 700;
}

.dq-id-grid-label {
    margin-right: 5px;
    font-size: 0.8em;
    opacity: 0.7;
    width: 40px;
    display: inline-block;
}

.dq-id-label-after {
    margin-left: 5px;
    font-size: 0.8em;
    opacity: 0.7;
    width: 40px;
    display: inline-block;
}

.dq-id-grid-label-after {
    margin-left: 5px;
    font-size: 0.8em;
    opacity: 0.7;
    width: 40px;
    display: inline-block;
}

.dq-nesting-item:before {
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.dq-cell-centeralign .x-grid-cell-inner {
    text-align: center !important;
}

.dq-cell-rightalign .x-grid-cell-inner {
    text-align: right !important;
}

.dq-multiline-cell {
    overflow: auto !important;
    white-space: normal !important;
    text-overflow: auto !important;
}

.dq-grid-forcefit .x-column-header-last {
    border-right-width: 0 !important;
}

.dq-rightside-panel .x-toolbar {
    border-right: 0 none !important;
}

.dq-rightside-panel .x-panel-body {
    border-right: 0 none !important;
}

.dq-bottomside-panel .x-panel-body {
    border-bottom: 0 none !important;
}

.dq-topside-panel .x-panel-body {
    border-top: 0 none !important;
}

.dq-noborder-top-panel > .x-panel-bodyWrap > .x-panel-body {
    border-top: 0 none !important;
}

.dq-noborder-top-grid > .x-panel-bodyWrap > .x-grid-header-ct {
    border-top: 0 none !important;
}


.dq-noborder-left-panel > .x-panel-bodyWrap > .x-panel-body {
    border-left: 0 none !important;
}

.dq-noborder-left-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-left: 0 none !important;
}

.dq-noborder-left-panel > .x-panel-bodyWrap > .x-toolbar {
    border-left: 0 none !important;
}

.dq-noborder-bottom-panel > .x-panel-bodyWrap > .x-panel-body {
    border-bottom: 0 none !important;
}

.dq-noborder-bottom-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-bottom: 0 none !important;
}

.dq-noborder-bottom-panel > .x-panel-bodyWrap > .x-toolbar {
    border-bottom: 0 none !important;
}

.dq-noborder-right-panel > .x-panel-bodyWrap > .x-panel-body {
    border-right: 0 none !important;
}

.dq-noborder-right-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-right: 0 none !important;
}

.dq-noborder-right-panel > .x-panel-bodyWrap > .x-toolbar {
    border-right: 0 none !important;
}

.dq-noborder-bottom-panel > .x-panel-bodyWrap > .x-toolbar.dq-merged-toolbar {
    border-top: 0 none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-left: 1px solid #d0d0d0 !important;
    border-right: 1px solid #d0d0d0 !important;
    background-color: transparent;
}

.dq-noborder-lbr-panel > .x-panel-bodyWrap > .x-panel-body {
    border-left: 0 none !important;
    border-bottom: 0 none !important;
    border-right: 0 none !important;
}

.dq-noborder-lbr-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-left: 0 none !important;
    border-bottom: 0 none !important;
    border-right: 0 none !important;
}

.dq-noborder-lr-panel > .x-panel-bodyWrap > .x-toolbar {
    border-left: 0 none !important;
    border-right: 0 none !important;
}

.dq-noborder-lr-panel > .x-panel-bodyWrap > .x-panel-body {
    border-left: 0 none !important;
    border-right: 0 none !important;
}

.dq-noborder-lr-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-left: 0 none !important;
    border-right: 0 none !important;
}

.dq-noborder-lr-panel > .x-panel-bodyWrap > .x-toolbar {
    border-left: 0 none !important;
    border-right: 0 none !important;
}

.dq-noborder-full-panel > .x-panel-bodyWrap > .x-panel-body {
    border: 0 none !important;
}

.dq-border-right-panel > .x-panel-bodyWrap > .x-panel-body {
    border-right: 1px solid #d0d0d0 !important;
}

.dq-border-right-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-right: 1px solid #d0d0d0 !important;
}

.dq-border-right-panel > .x-panel-bodyWrap > .x-toolbar {
    border-right: 1px solid #d0d0d0 !important;
}

.dq-border-left-panel > .x-panel-bodyWrap > .x-panel-body {
    border-left: 1px solid #d0d0d0 !important;
}

.dq-border-left-panel > .x-panel-bodyWrap > .x-grid-header-ct {
    border-left: 1px solid #d0d0d0 !important;
}

.dq-border-left-panel > .x-panel-bodyWrap > .x-toolbar {
    border-left: 1px solid #d0d0d0 !important;
}

.dq-border-top-panel > .x-panel-bodyWrap > .x-panel-body {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-border-bottom-panel > .x-panel-bodyWrap > .x-panel-body {
    border-bottom: 1px solid #d0d0d0 !important;
}


.dq-border-left-header {
    border-left: 1px solid #d0d0d0 !important;
}

.dq-noborder-left-header {
    border-left: 0 none !important;
}

.dq-border-right-header {
    border-right: 1px solid #d0d0d0 !important;
}

.dq-noborder-right-header {
    border-right: 0 none !important;
}

.dq-border-top-header {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-noborder-top-header {
    border-top: 0 none !important;
}

.dq-border-bottom-header {
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-noborder-bottom-header {
    border-bottom: 0 none !important;
}

.dq-noborder-top-grid .x-grid-header-ct {
    border-top: 0 none !important;
}

.dq-noborder-full-toolbar {
    border: 0 none;
}

.dq-border-top-toolbar {
    border-top: 1px solid #d0d0d0;
}

.dq-border-bottom-toolbar {
    border-bottom: 1px solid #d0d0d0;
}


.dq-revision-panel .x-panel-body {
    padding: 5px;
}

.dq-versions-message-container {
    display: table;
    width: 100%;
    height: 100%;
}

.dq-grid-body {
    border-top-width: 1px;
    border-left: 0 none;
    border-right: 0 none;
}

.dq-versions-diff-identical {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.5em;
    opacity: 0.7;
    text-align: center;
}

.dq-versions-diff-error {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.5em;
    opacity: 0.7;
    color: #ff0000;
    font-weight: 500;
    text-align: center;
}


.x-grid-cell-inner .x-fa:before {
    font-size: 1.3em;
    color: #686868;
}

.dq-reference-broken {
    background-color: #faa;
}

.dq-reference-broken[aria-selected="true"] {
    background-color: #fcd4a4;
}

.dq-reference-specific-market {
    background-color: #fcd4a4;
}

.dq-reference-specific-market[aria-selected="true"] {
    background-color: #f5dec1;
}

.dq-reference-doc4book {
    background-color: #eeffe8;
}

.dq-reference-doc4book[aria-selected="true"] {
    background-color: #e1ffd6;
}

.dq-diffpanel-body {
    font-size: 0.8em;
    padding: 5px;
}


.dq-diffpanel-body ins {
    background-color: #0a0;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    border-radius: 30px;
}

.dq-diffpanel-body del {
    background-color: #d00;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    border-radius: 30px;
}

.dq-diffpanel-body a.reference {
    pointer-events: none;
    cursor: default;
}

div.dq-modification-block {
    border: 1px solid #b0b0b0;
    padding: 10px;
    background-color: #f9f9f9;
}

div.dq-modification-block-over {
    background-color: #ffffcc;
}

div.dq-modification-block-selected {
    background-color: #ffefbb;
}

.dq-modification-ins {
    background-color: #eeffe8;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #00cc00;
    border-left-width: 3px;
}

.dq-modification-del {
    background-color: #ffeee8;
    padding: 8px;
    border: 1px solid #ff6666;
    border-left-width: 3px;
}

/* Display field */

.dq-display-field {
    margin-top: 0;
    background-color: #f2f2f2;
    padding: 6px 10px 3px;
    height: auto;
    min-height: 32px;
    border: 1px solid #d0d0d0;
    font: 300 13px/21px 'Open Sans';
}

.dq-display-field-white {
    margin-top: 0;
    background-color: #fff;
    padding: 6px 10px 3px;
    height: auto;
    min-height: 32px;
    border: 1px solid #d0d0d0;
    font: 300 13px/21px 'Open Sans';
}

.dq-display-clickable-field {
    margin-top: 0;
    background-color: #fcfcfc;
    padding: 6px 10px 3px;
    height: auto;
    min-height: 32px;
    border: 1px solid #d0d0d0;
    font: 300 13px/21px 'Open Sans';
}

.dq-display-clickable-field-dirty:after {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: #cf4c35;
    position: absolute;
    top: 0;
    left: 0;
}

.dq-grid-rowbody-small {
    margin: -9px 0 0 0;
    font-size: 0.8em;
}


/* Simple dialog */

.dq-simple-dialog {

}

.dq-simple-dialog .x-window-body {
    border: 0 none;
}

.dq-simple-dialog .x-panel-body {
    border: 0 none;
    padding: 10px;
}

.dq-simple-dialog .x-toolbar-footer {
    border-top: 1px solid #d0d0d0;
}

/* Dialog */

.dq-dialog {

}

.dq-dialog .x-window-body {
    border: 0 none;
}

.dq-dialog .x-toolbar-footer {
    border-top: 1px solid #d0d0d0;
}


.x-grid-drop-indicator .x-grid-drop-indicator-top {
    position: absolute;
    top: -12px;
    left: -8px;
    background-image: url(/static/@pragma2000/doqu/images/dd-insert-arrow-top.png);
    height: 16px;
    width: 16px
}

.x-grid-drop-indicator .x-grid-drop-indicator-bottom {
    position: absolute;
    bottom: -12px;
    right: -8px;
    background-image: url(/static/@pragma2000/doqu/images/dd-insert-arrow-bottom.png);
    height: 16px;
    width: 16px
}

/* Stili editor per pannello revisioni */
/*
var {
    padding: 1px;
    border: 1px dotted #FF0000;
    font-style: normal;
}

var.pimData {
    border: 1px dotted #aaaa00;
    color: #aaaa00;
    background-color: #FFFFCC;
    background-position: 1px center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    padding: 4px 3px 4px 3px;
    text-decoration: underline;
    display: inline-block;
    height: auto;
    font-style: italic;
}

div.conditionalTextContainer {
    border: 1px solid black;
    padding: 10px;
}

div.conditionalTextBlock {
    border: 1px dotted black;
    padding: 5px;
    margin-bottom: 5px;
}

.forcedLang {
    border: 2px dashed #75D1FF;
    padding: 5px;
}

.dfnVariable {
    color: blue;
    border: 1px dotted blue;
    background-color: #ddeeff;
    background-position: 1px center;
    background-repeat: no-repeat;
    color: blue;
    padding: 4px 3px 4px 4px;
    text-decoration: underline;
    display: inline-block;
}

.dfnVariable:before {
    content: "\f187";
    font-family: FontAwesome !important;
    font-style: normal;
    margin-right: 5px;
    color: #5fa2dd;
    font-size: 18px;
}

li.dq-li-continue-numbering {
    background-color: #b0efed;
}

li.dq-li-continue-numbering:before {
    content: "\\f063";
    font-family: FontAwesome !important;
    font-style: normal;
    margin-right: 5px;
    float: left;
}

img.dq-figureinsertion {
    content: "\\f03e";
    font-family: FontAwesome !important;
    font-style: normal;
    margin-right: 5px;
    color: #5fa2dd;
    font-size: 18px;
}

table.templatePlaceHolder {
    background-color: #eeffee;
    border: 1px solid #00bb00;
    width: 100%;
}

table.templatePlaceHolder td.templateHeader {
    background-repeat: no-repeat;
    background-position: 3px center;
    font-weight: bold;
    text-align: center;
    height: 35px;
}

table.templatePlaceHolder td.templateContent {
    padding: 10px;
}

table.tableTemplatePreview td {
    background-image: none;
    border: 1px dashed #bbb;
    font-weight: inherit;
    text-align: inherit;
}

table.templatePlaceHolder table {
    width: 100%;
    border: 1px solid black;
}

table.templatePlaceHolder table td {
    border: 1px solid #AAA;
}
*/

/* Icone notifica status bar tiny */

.dq-tiny-statusbar-status-text {
    min-height: 20px;
}

.dq-tiny-statusbar-led {
    border-radius: 5px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 3px black;
    margin: 3px;
    zoom: 1.2;
    display: inline-block;
    vertical-align: top;
}

.dq-tiny-statusbar-led:after {
    display: block;
    content: '';
    margin-left: 1px;
    margin-right: 1px;
    width: 8px;
    height: 6px;
    -webkit-border-top-right-radius: 4px 3px;
    -webkit-border-top-left-radius: 4px 3px;
    -webkit-border-bottom-right-radius: 4px 3px;
    -webkit-border-bottom-left-radius: 4px 3px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.dq-tiny-statusbar-led.dq-led-green {
    background-image: -webkit-linear-gradient(top, #13fB04 0%, #58e343 50%, #ADED99 100%);
}

.dq-tiny-statusbar-led.dq-led-yellow {
    background-image: -webkit-linear-gradient(top, #f9a004 0%, #e0ac45 50%, #ead698 100%);
}

.dq-tiny-statusbar-led.dq-led-red {
    background-image: -webkit-linear-gradient(top, #fb1304 0%, #e35843 50%, #edad99 100%);
}

.dq-tiny-statusbar-led.dq-led-gray {
    background-image: -webkit-linear-gradient(top, #666666 0%, #888888 50%, #bbbbbb 100%);
}

.dq-tiny-statusbar-status-text ul.dq-tiny-statusbar-message-list {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 25px;
    font-size: 0.9em;
    list-style-type: circle;
}

.dq-tiny-statusbar-status-text ul.dq-tiny-statusbar-nested-message-list {
    display: block;
    font-size: 0.85em;
    list-style-type: square;
}

.text-waiting {
    background-image: url('/static/@pragma2000/extjs/build/classic/theme-neptune/resources/images/loadmask/loading.gif');
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* PIM */

.doqu-pim-upload-dropzone {
    text-align: center;
    font-size: 20px;
    line-height: 200px;
    vertical-align: middle;
    background-color: #e4e4e4;
}

.doqu-pim-upload-dropzone-dragging-over {
    background-color: #777 !important;
    color: #fff !important;
}


/* Draft */

.dq-draft-generation-form {

}

.dq-draft-generation-form .x-fieldset {
}

.dq-draft-generation-form .x-fieldset-header-default > .x-fieldset-header-text {
}

.dq-draft-generation-form .x-form-cb-label-default {

}

.dq-draft-generation-form .x-form-item-label-default {
}

.dq-draft-generation-form .x-form-cb-label-default {
}

/* Adam */

.dq-images-perspective .x-tab-active.x-tab-default {
    background-color: #97cdfc !important;
    color: #f0f0f0 !important;
}

.dq-l1-adam-tabbar.x-tab-bar-plain.x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 6px 8px 6px 8px;
}

.dq-l1-adam-tabbar.x-tab-bar-plain .x-tab-focus.x-tab-default {
    outline: 0 none;
}

.dq-l1-adam-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #fff;
    opacity: 0.8;
}

.dq-l1-adam-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: #fff;
    opacity: 0.9;
}

.dq-l1-adam-tabbar.x-tab-bar-plain .x-tab-icon-el {
    font-size: 30px;
    width: 30px;
    line-height: 30px;
    min-height: 30px;
}


.doqu-adam-upload-dropzone {
    text-align: center;
    font-size: 30px;
    line-height: 200px;
    vertical-align: middle;
    background-color: #e4e4e4;
}

.doqu-adam-upload-dropzone-dragging-over {
    background-color: #777 !important;
    color: #fff !important;
}

.doqu-adam-thumbs-container {
    display: grid;
    grid-gap: 1px;
    background-color: #888888;
}

.doqu-adam-thumbs-container .thumb-wrap {
    padding: 10px;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: padding-box;
    outline: none !important;
}

.doqu-adam-thumbs-container .thumb-wrap:hover {
    background-color: #ccc;
}

.doqu-adam-thumbs-container .thumb-wrap.x-item-selected {
    background-color: #ffeebb;
}

.doqu-adam-thumbs-container .thumb {
    margin: auto;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.doqu-adam-thumbs-container .thumb-wrap img {
    display: block;
    position: relative;
    margin: auto;
}

.doqu-adam-thumbs-container .thumb-wrap span {
    font-size: 1.8em;
    margin: 6px 0 0 6px;
    display: block;
}


.doqu-adam-thumbs-container .img-wrap span {
    font-size: 1.8em;
    margin: 6px 0 0 6px;
    display: block;
}

.doqu-adam-thumbs-container .thumb-wrap-ext {
    padding: 10px 10px 10px 20px;
    background-color: #aaa;
    outline: none !important;
    margin: 1px 1px 0 1px;
    min-height: 230px;
    position: relative;
}

.doqu-adam-thumbs-container .img-wrap-ext {
    height: 200px;
    width: 200px;
    display: inline-block;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.doqu-adam-thumbs-container .img-wrap-ext img {
    display: block;
    position: relative;
}

.doqu-adam-thumbs-container .thumb-meta {
    min-height: 200px;
    display: inline-block;
    padding: 10px 0 10px 0;
    margin: 0 10px 0 30px;
    width: calc(100% - 245px);
}

.doqu-adam-thumbs-container .thumb-meta p {
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 10px 0;
}

.doqu-adam-thumbs-container .thumb-meta p span.dq-adam-meta-label {
    font-weight: bold;
    width: 100px;
    display: inline-block;
    float: left;
}

.doqu-adam-thumbs-container .thumb-meta p span.dq-adam-meta-content {
    margin-left: 100px;
    display: block;
}

.doqu-adam-thumbs-container .thumb-wrap-ext.x-item-selected {
    background-color: #ccc;
}

.doqu-adam-thumbs-container .thumb-wrap-ext.x-item-selected .img-wrap-ext {
    background-color: #ffeebb;
}

.detail-form-label {
    font-weight: bold;
    color: #404040;
    font: 300 13px/17px "Open Shttp://docs.sencha.com/extjs/6.2.0/classic/src/Paging.js.html#Ext.toolbar.Pagingans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
    min-height: 32px;
    padding-right: 5px;
    padding-top: 8px;

}

.dq-adam-edit-form .x-form-item {
    margin-bottom: -1px;
}

.dq-adam-edit-form .dq-display-field {
    margin-top: 0;
    background-color: #f2f2f2;
    padding: 3px 10px 1px;
    height: auto;
    min-height: 27px;
    border: 1px solid #d0d0d0;
    border-right: 0 none;
    border-left: 0 none;
    font: 300 11px/21px 'Open Sans';
}

.dq-adam-edit-form .dq-display-clickable-field {
    margin-top: 0;
    background-color: #fff;
    padding: 3px 10px 1px;
    height: auto;
    min-height: 27px;
    border: 1px solid #d0d0d0;
    border-bottom: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    font: 300 11px/21px 'Open Sans';
}

.dq-adam-edit-form .dq-spaceless-panel .x-form-layout-wrap {
    border-spacing: 0;
}

.dq-adam-edit-form .dq-info-fieldset {
    padding: 0;
    margin-top: -15px;
}

.dq-adam-edit-form .dq-info-fieldset .x-fieldset-header-default {
    margin-left: 10px;
    margin-bottom: -5px;
}

.dq-adam-edit-form .dq-download-fieldset {
    padding-top: 0;
    padding-left: 0;
}

.dq-adam-edit-form .dq-images-download-grid .x-panel-body-default {
    padding: 0;
    border: 0 none;
    border-top: 1px solid #d0d0d0;
}

.dq-adam-edit-form .dq-images-download-grid .x-grid-cell-inner {
    font-size: 11px;
}

.dq-adam-edit-form .x-form-item-label {
    font-weight: bold;
    color: #404040;
    font: 300 11px/14px "Open Shttp://docs.sencha.com/extjs/6.2.0/classic/src/Paging.js.html#Ext.toolbar.Pagingans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
    min-height: 32px;
    padding-right: 5px;
    padding-top: 8px;
    border: 1px solid #d0d0d0;
    padding-left: 3px;
    border-left: 0 none;
}

.dq-display-field-para {
    margin: 0px 0px 2px -3px;
    list-style: disc inside;
    display: list-item;
}

.dq-display-field-para span {
    margin-left: -6px;
}

.dq-adam-metadata-field .dq-swappable-field-container-inner-container > .x-form-item-body {
    border-top: 1px solid #d0d0d0;
}

.dq-adam-metadata-field .dq-swappable-field-container-inner-container .x-form-trigger-wrap {
    border-top: 0 none;
    border-color: #d0d0d0;
    border-left: 0 none;
}

.dq-adam-metadata-field .dq-swappable-field-container-inner-container .x-form-trigger-wrap-focus {
    border-color: #d0d0d0;
}

.dq-adam-metadata-field .x-tagfield-item-text {
    font-size: 0.85em;
}

.dq-adam-metadata-field .x-form-text {
    font-size: 0.85em;
}

.custom-search-field .x-form-trigger-wrap-default {
    border: 1px solid #ccc; 
    border-radius: 0px; 
    padding: 0;
    height: 20px; 
}
.custom-search-field .x-form-text-default {
    line-height: 20px; 
    font-size: 12px; 
    height: 20px;
    min-height: 20px;
}
.custom-search-button .x-btn-default-toolbar-small {
    padding: 7px 0px 7px 7px !important;
}

.dq-adamfield-image {
    background-repeat: no-repeat;
    background-position: center;
    background-clip: padding-box;
    width: 180px;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.dq-adam-link-header {
    font-size: 1em;
    font-weight: 700;
    margin: 15px 0 3px 0;
}

.dq-adam-link {
    font-size: 11px;
    margin: 0 0 3px 15px;
    display: list-item;
    list-style-position: inside;
}

.dq-adam-link a {
    font-size: 11px;
    color: #00f;
}

.dq-adam-link a:hover {
    color: #00f;
    text-decoration: none;
}

.dq-adam-link a:visited {
    color: #00f;
}

.dq-adam-uploads-row {

}

.dq-adam-uploads-row .x-grid-rowbody-tr {
    display: none;
}

.dq-adam-uploads-progress-widget-container {
    padding: 0 10px 10px 10px;
    width: 100%;
}

.dq-adam-uploads-progress-widget {

}

.dq-adam-uploads-progress-widget label {
    padding: 4px 5px 4px 0;
}

.dq-adam-uploads-results-grid-container {
    padding: 0 10px 10px 10px;
    margin: -5px 0 25px 0;
    width: 100%;
}

.dq-adam-uploads-results-grid {

}

.dq-adam-uploads-results-grid .x-header {
    padding: 2px;
    background-color: #d0d0d0;
    border-color: #d0d0d0;
}

.dq-adam-uploads-results-grid .x-panel-header-title-default > .x-title-text-default {
    font-size: 13px;
    font-weight: 700;
    color: #404040;
}

.dq-adam-uploads-results-grid .x-column-header-inner {
    padding: 4px 6px 4px;
}

.dq-adam-uploads-results-grid .x-column-header-text-inner {
    font-size: 12px;
}

.dq-adam-uploads-results-grid .x-grid-cell-inner {
    font-size: 12px;
}

/* Pannello contestuale */

div.dq-ctx-info-container {
}

div.dq-ctx-info-container p.dq-ctx-info-title {
    margin: 6px 0 0 0;
    font-weight: bold;
}

div.dq-ctx-info-container p.dq-ctx-info-error {
    color: red !important;
}

div.dq-ctx-info-container p {
    margin: 0 0 0 2px;
}

div.dq-ctx-info-container ul {
    margin: 0;
}

div.dq-ctx-info-container ol {
    margin: 0;
}

/* Campo utente loggato */

.dq-loggeduser-field-label {
    font-weight: 700;
    color: #fff;
}

.dq-loggeduser-field {
    margin-top: 4px !important;
}

.dq-loggeduser-field .x-form-display-field {
    color: #fff;
}


/* Altro */

.dq-field-preset-dirty {
    background-color: #f9f995;
}

.dq-note-icon {
    position: absolute;
    margin-left: 5px;
    font-size: 0.8em;
}

.dq-note-icon:before {
    color: #5fa2dd !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.dq-incomplete-row .x-grid-cell {
    background-color: #ffaaaa;
}

.dq-incomplete-row .x-grid-cell-rowbody {
    background-color: #ffaaaa;
}

/* Menu con shortcut */

.dq-shortcut-menu-item {

}

.dq-shortcut-menu-item .x-menu-item-text {
    display: block;
}

.dq-key-shortcut {
    float: right;
    margin-left: 30px;
    font-size: 0.9em !important;
    display: inline-block;
}

/* Errori form */

.dq-form-field-error {
    background: none !important;
}

.dq-form-field-error:before {
    content: "\f06a";
    font-family: FontAwesome !important;
    color: #dd3300;
}

.dq-error-qtip {
    background-color: #747474;
}

.dq-error-qtip .x-tip-body-form-invalid {
    background: none !important;
    padding: 3px;
}

.dq-error-qtip .x-autocontainer-innerCt {

}

.dq-error-qtip .x-autocontainer-innerCt:before {
    content: "\f06a";
    font-family: FontAwesome !important;
    color: #dd3300;
    float: left;
}

.dq-error-qtip ul.x-list-plain {
    margin-left: 20px;
}

.dq-error-qtip ul.x-list-plain li {

}

.dq-errors-main-message {
    margin-bottom: -10px;
}

.dq-errors-main-message .x-form-display-field {
    font-weight: 600;
    color: #dd3300;
    padding-left: 3px;
    margin-top: 0;
}

.dq-errors-generics-message {

}

.dq-errors-generics-message .x-form-display-field {
    color: #dd3300;
    padding-left: 3px;
    margin-top: -2px;
}

.dq-errors-generics-message .x-form-display-field span {
    display: inline;
    margin-right: 5px;
    vertical-align: top;
}

.dq-errors-generics-message .x-form-display-field ul {
    display: inline-block;
}

.dq-toast-main-para {
    margin: 0 0 3px 0;
    font-weight: 500;
}

.dq-toast-li-item {
    padding-left: 20px;
}

.dq-toast-li-item em {
    vertical-align: top;
    margin-right: 5px;
}

.dq-toast-li-item ul {
    display: inline-block;
}

.dq-toast-li-item-with-disc {
    padding-left: 10px;
    list-style-type: disc;
    list-style-position: inside;
}

.dq-toast-li-item-with-disc ul {
    display: inline-block;
}

/* Icone tiny */

.mce-dqt-varbutton .mce-ico:before {
    content: "\f187";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-xrefbutton .mce-ico:before {
    content: "\f122";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-iconbutton .mce-ico:before {
    content: "\f20d";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-figurebutton .mce-ico:before {
    content: "\f03e";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-tablebutton .mce-ico:before {
    content: "\f0ce";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-pimbutton .mce-ico:before {
    content: "\f1c0";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-fmtbutton .mce-ico:before {
    content: "\f0cd";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-tmplbutton .mce-ico:before {
    content: "\f174";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-tablecolwidthsbutton .mce-ico:before {
    content: "\f07e";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

.mce-dqt-continuenumberingbutton .mce-ico:before {
    content: "\f063";
    font-family: FontAwesome !important;
    color: #5fa2dd;
}

/* Overrides */

.tinymce-hide-border {
    border-width: 0 1px 0 0 !important;
    border-bottom: 1px solid white !important;
}

.tinymce-hide-border .mce-tinymce {
    border-width: 0 !important;
    /*border-bottom: 1px solid white !important;*/
}

.dq-compact-tree .x-grid-cell-inner-treecolumn {
    padding: 2px 10px 4px 6px;
}

.dq-compact-tree .x-grid-cell-inner {
    padding: 2px 10px 4px 6px;
}

.x-menu-item-active .x-menu-item-text {
    font-weight: 300 !important;
}

/* Dashboard */

.dq-dashboard {
    background-color: #eee;
}

.dq-dashboard-item {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.dq-dashboard-tabcontainer {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.dq-dashboard-item-body {
    padding: 10px 20px 10px 20px;
    border: 0 none;
}

.dq-dashboard-tabcontainer-body {
    border: 0 none;
}

.dq-dashboard-tabcontainer-body .dq-panel-padded-body {
    padding: 10px 20px 10px 20px;
    border: 0 none;
}

.dq-dashboard-tabchild-container {
    border: 0 none;
}

.dq-dashboard-tabchild-body-padded {
    padding: 10px 20px 10px 20px;
    border: 0 none;
}

.dq-dashboard-tabchild-body-filled-topspacing {
    padding: 10px 0 0 0;
    border: 0 none;
}

.dq-dashboard-tabchild-body-grid-filled-bordered {
    padding: 10px 0 0 0;
    border-bottom: 1px solid #d0d0d0;
}

.dq-dashboard-tabchild-body-grid-filled .ag-root {
    border-left: 0 none !important;
}

.dq-dashboard-tabchild-body-grid-filled {
    padding: 10px 0 0 0;
}

.dq-dashboard-tabchild-body-grid-filled-bordered .x-grid-body {
    border-top: 0 none;
}

.dq-dashboard-tabchild-body-grid-filled .x-grid-body {
    border-top: 0 none;
}

.dq-dashboard-tabcontainer-tab {
    border: 0 none;
}

.dq-dashboard-item .x-toolbar {
    border: 0 none;
}

.dq-dashboard-item .x-grid-header-ct {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-dashboard-item .x-column-header-last {
    border-right: 0 none;
}

.dq-dashboard-tabitem {

}

.dq-dashboard-tabitem .x-grid-header-ct {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-dashboard-tabitem-body {
    border-top: 0 none;
    border-bottom: 1px solid #d0d0d0;
}

.dq-dashboard-tree-body {
    border: 0 none;
}

.dq-dashboard-grid-body {
    border: 0 none;
    border-bottom: 1px solid #d0d0d0;
}

.dq-dashboard-item-toolbar {
    background-color: #fff;
    padding-bottom: 10px;
    border: 0 none;
}

.dq-dashboard-topform {
    border: 0 none !important;
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-dashboard-topform .x-panel-body {
    border: 0 none !important;
}

.dq-embedded-grid .x-grid-header-ct {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-embedded-grid .x-column-header-last {
    border-right: 0 none;
}

.dq-embedded-tabbar {
    background-color: #f6f6f6;
}

.dq-embedded-tabbar .x-tab-bar-body {
    border-right: 1px solid #d0d0d0 !important;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0d0;
}

.dq-embedded-tabbar .x-tab-over.x-tab-default {
    background-color: rgba(0, 0, 0, 0.08) !important;
    outline: 0 none !important;
}

.dq-embedded-tabbar .x-tab-active.x-tab-default {
    background-color: rgba(0, 0, 0, 0.08) !important;
    outline: 0 none !important;
}

.dq-embedded-tabbar .x-tab-inner {
    color: #919191 !important;
    font-weight: 600;
}

.dq-dashboard-tabcontainer-body .dq-embedded-tabbar .x-tab-over.x-tab-default {
    background-color: rgba(0, 0, 0, 0.08) !important;
    outline: 0 none !important;
}

.dq-dashboard-tabcontainer-body .dq-embedded-tabbar .x-tab-active.x-tab-default {
    background-color: rgba(0, 0, 0, 0.08) !important;
    outline: 0 none !important;
}

.dq-dashboard-tabcontainer-body .dq-embedded-tabbar .x-tab-inner {
    color: #919191 !important;
    font-weight: 600;
}


.x-responsivecolumn {
    padding: 20px 0 0 20px;
}

.x-responsivecolumn > * {
    margin: 0 20px 20px 0;
    float: left;
}

.big-100 {
    width: calc(100% - 20px);
    background-position: 100% 20px !important;
}

.big-90 {
    width: calc(90% - 20px);
    background-position: 90% 20px !important;
}

.big-85 {
    width: calc(85% - 20px);
    background-position: 85% 20px !important;
}

.big-80 {
    width: calc(80% - 20px);
    background-position: 80% 20px !important;
}

.big-60 {
    width: calc(60% - 20px);
    background-position: 60% 20px !important;
}

.big-50 {
    width: calc(50% - 20px);
    background-position: 50% 20px !important;
}

.big-40 {
    width: calc(40% - 20px);
    background-position: 40% 20px !important;
}

.big-20 {
    width: calc(20% - 20px);
    background-position: 20% 20px !important;
}

.big-15 {
    width: calc(15% - 20px);
    background-position: 15% 20px !important;
}

.big-10 {
    width: calc(10% - 20px);
    background-position: 10% 20px !important;
}

.x-responsivecolumn-small > .small-50 {
    width: calc(50% - 20px);
    background-position: 50% 20px !important;
}

.x-responsivecolumn-small > .small-100 {
    width: calc(100% - 20px);
    background-position: 100% 20px !important;
}


.dq-error-mask {
    border: solid 2px red;
}

.dq-error-mask .x-mask-msg-text {
    background-image: url('/static/@pragma2000/doqu/images/exclamation.png');
}

.dq-ok-mask {
    border: solid 2px green;
}

.dq-ok-mask .x-mask-msg-text {
    background-image: url('/static/@pragma2000/doqu/images/drop-yes.png');
}

.dq-checkboxcorner {
    font-size: 10px !important;
    margin-top: 0px !important;
    position: absolute;
    left: 0px !important;

}

.dq-checkboxcorner-lt {
    font-size: 10px !important;
    margin-top: 0px !important;
    position: absolute !important;
    left: 15px !important;
}


.dq-checkboxcorner-rt {
    font-size: 10px !important;
    margin-top: 0px !important;
    position: absolute !important;
    left: -15px !important;
}

.dq-checkboxcorner-div > div {
    height: 0px;
}

/* */

.dq-dashboard-groupedgrid {

}

.dq-dashboard-groupedgrid .x-grid-group-hd {
    background-color: #f6f6f6;
}

.dq-dashboard-groupedgrid .x-toolbar {
    border: 0 none;
}

.dq-dashboard-groupedgrid-body {
    border: 0 none;
}

.x-grid-with-row-lines .x-grid-item:first-child {
    border-top: 0 none;
}

/* Classi per FontAwesomePro */

.dq-fa:before {
    font-family: FontAwesomeProRegular !important;
}

.dq-fa-small {
    font-family: FontAwesomeProRegular !important;
    font-size: 13px !important;
}

.dq-fal:before {
    font-family: FontAwesomeProLight !important;
}

.dq-fas:before {
    font-family: FontAwesomeProSolid !important;
}


/* Nav bar */

.dq-nav-bar {

}

.dq-nav-bar .x-grid-cell-inner {
    /*padding: 10px 10px 9px;*/
}

.dq-nav-bar .x-grid-item {
    border-top: 0 none;
    border-bottom: 0 none;
}

.dq-nav-item-icon {
    font-size: 14px;
    margin-right: 5px
}

.dq-nav-item-text {
    position: absolute;
    left: 45px;
}

.dq-icon-field-label {
    left: 5px;
    position: relative;
}

/* Nuovi pannelli */

.dq-l1-panel {

}

.dq-l1-panel .x-toolbar.x-toolbar-footer {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-dashboard-tabcontainer-body .x-tab-active.x-tab-default {
    background-color: #97cdfc !important;
    color: #f0f0f0 !important;
}

.dq-l1-tabbar-pim .x-tab.x-tab-active.x-tab-default {
    background-color: #97cdfc !important;
    color: #f0f0f0 !important;
}

.dq-l1-tabbar-pim.x-tab-bar-plain .x-tab-focus.x-tab-default {
    outline: 0 none;
}

.dq-l1-tabbar-pim.x-tab-bar-plain.x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 8px 8px 0 8px;
}

.dq-l1-tabbar-pim.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #fff;
    opacity: 0.8;
}

.dq-l1-tabbar-pim.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: #fff;
    opacity: 0.9;
}

.dq-tab-panel-border-top {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-tabchild-body-filled-b-boder {
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-tabchild-body-filled .x-tabpanel-child {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-tabchild-body-filled .x-grid-body {
    border-width: 1px 1px 1px;
    border-left: none !important;
}

.dq-tabchild-body-filled-ext .dq-dashboard-groupedgrid {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-tabchild-body-filled-ext .x-tree-panel {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-tabchild-body-filled .x-grid-header-ct {
    border-bottom: none ! important;
    border-top: none !important;
}

.dq-tabchild-body-filled {
    padding: 0px !important;
}

.dq-l1-tabbar-pim.x-tab-bar-plain .x-tab-icon-el {
    font-size: 30px;
    width: 30px;
    line-height: 30px;
    min-height: 30px;
}

.dq-l1-tabbar.x-tab-bar-plain .x-tab-focus.x-tab-default {
    outline: 0 none;
}

.dq-l1-tabbar.x-tab-bar-plain.x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 8px 8px 8px 8px;
}

.dq-l1-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default {
    background-color: #97cdfc !important;
}


.dq-l1-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #fff;
    opacity: 0.8;
}

.dq-l1-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: #fff;
    opacity: 0.9;
}

.dq-l1-tabbar.x-tab-bar-plain .x-tab-icon-el {
    font-size: 30px;
    width: 30px;
    line-height: 30px;
    min-height: 30px;
}

.dq-l2-panel {

}

.dq-l2-tabbar.x-tab-bar-plain .x-tab-focus.x-tab-default {
    outline: 0 none;
}

.dq-l2-tabbar.x-tab-bar-plain.x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 4px 4px 0 4px;
}

.dq-l2-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #fff;
    opacity: 0.8;
}

.dq-l2-tabbar.x-tab-bar-plain .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: #fff;
    opacity: 0.9;
}

.dq-l2-tabbar.x-tab-bar-plain .x-tab-icon-el {
    font-size: 24px;
    width: 24px;
    line-height: 24px;
    min-height: 24px;
}

.dq-l2-panel .x-panel-body-default {
    /*border: 0 none;*/
}

.dq-l2-panel .x-toolbar.x-toolbar-footer {
    border-top: 1px solid #d0d0d0 !important;
}

.dq-dashboard-tabchild-body-filled-topspacing .x-tree-panel .x-grid-body {
    border-top: 1px solid #d0d0d0;
}

.x-panel-header-default .x-tool-focus {
    outline: 0 none;
}


.dq-l2-header {
    background-color: #f6f6f6;
    padding: 3px 16px 3px 16px !important;
    border-top: 1px solid #d0d0d0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-color: #d0d0d0;
}

.dq-l2-header .x-title-text {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
}

.dq-l2-header .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    color: #606060;
}

.dq-l2-header .x-tool-default {

}

.dq-l2-header .x-tool-tool-el {
    background-color: #f6f6f6;
    color: #606060
}

.dq-l2-header .x-tool-focus {
    outline: 0 none;
}

.dq-l2-header .x-panel-header-body-default {
    font-size: 14px;
}

.dq-l2-header-collapsed {
    background-color: #f6f6f6;
    padding: 3px 16px 3px 16px !important;
    border: 0 none;
    border-right: 1px solid #d0d0d0 !important;
}

.dq-l2-header-collapsed .x-title-text {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
}

.dq-l2-header-collapsed .x-tool-default {

}

.dq-l2-header-collapsed .x-tool-tool-el {
    background-color: #f6f6f6;
    color: #606060
}

.dq-l2-header-collapsed .x-tool-focus {
    outline: 0 none;
}


.dq-l2-header-collapsed .x-panel-header-body-default {
    font-size: 14px;
}

.dq-l2-internal-header {
    background-color: #f6f6f6;
    padding: 3px 16px 3px 16px !important;
    border: 0 none;
    border-top: 1px solid #d0d0d0;
}

.dq-l2-internal-header.dq-l2-internal-left-header {
    border-right: 1px solid #d0d0d0 !important;
}

.dq-l2-internal-header .x-title-text {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
}


.dq-l2-tabbar {

}

.dq-l2-tabbar.x-tab-bar-default-left {
    border-right: 1px solid #d0d0d0 !important;
}

.dq-l2-tabbar.x-tab-bar-plain.x-tab-bar-default-left > .x-tab-bar-body-default {
    padding: 3px;
}

.dq-l2-tabbar .x-tab.x-tab-active.x-tab-default {
    background-color: #ececec;
}

.dq-l2-tabchild {
    border-top: 0 none;
}

.dq-l2-tabchild .x-panel-body-default {
    /*border-bottom: 0 none;*/
}

.dq-fieldset-like-header {
    top: 22px !important;
    background: transparent;
    border: 0 none;
}

.dq-fieldset-like-header .x-panel-header-title-default > .x-title-text-default {
    width: auto;
    background: white;
    display: inline;
    padding: 0 10px 0 10px;
    color: #919191;
}

.dq-padded-form .x-panel-body-default {
    padding: 10px;
}

.x-splitter {
    outline: 0 none !important;
}

.dq-spaceless-panel {
    margin-top: 15px;
}

.dq-spaceless-panel .x-panel-body {
    background: transparent;
    border: 0 none;
    padding: 0;
}

.dq-spaceless-panel .x-panel-body {
    background: transparent;
    border: 0 none;
    padding: 0;
}

.dq-spaceless-panel-nomargin {
    margin-top: 0;
}

.dq-spaceless-panel-nomargin .x-panel-body {
    background: transparent;
    border: 0 none;
    padding: 0;
}

.dq-spaceless-panel-nomargin .x-panel-body {
    background: transparent;
    border: 0 none;
    padding: 0;
}

.dq-actions-fieldset {
    background-color: transparent !important;
    border: 0 none !important;
    padding: 0;
}

.dq-actions-fieldset legend {
    padding: 10px 0 0 0;
}

.dq-actions-fieldset .x-fieldset-header-text {
    font-size: 0.9em;
}

.dq-actions-fieldset .x-btn {
    margin-right: 10px !important;
}

.dq-actions-fieldset .x-btn-icon-el {
    font-family: FontAwesomeProLight;
    font-size: 30px;
    width: 30px;
    font-weight: 100;
}

/* Finestra dialogo template import xlsx*/

.dq-xlsx-template-dialog .x-anchor-form-item {
    margin-bottom: 6px;
}

.dq-xlsx-template-dialog .x-form-layout-wrap {
    border-spacing: 10px 6px;
    -webkit-border-horizontal-spacing: 10px;
    -webkit-border-vertical-spacing: 6px;
}


/* Vista struttura */

.dq-section-thumb {
    display: inline-block;
    width: 120px;
    height: 150px;
    padding: 15px;
}

.dq-section-thumb.x-item-selected.dq-section-thumb-background {
    background-color: #f6f6f6 !important;
}

.dq-section-thumb.x-item-selected {
    background-color: #f7ecb5;
}

.dq-section-thumb.x-view-item-focused {
    outline: 0 none !important;
}

.dq-section-thumb-index {
    position: absolute;
    margin: 0 0 0 0;
    background-color: #e3e3e3;
    display: inline-block;
    width: 20px;
    text-align: center;
    font-weight: bold;
    height: 20px;
    border-bottom: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;
    vertical-align: middle;
}

.dq-section-thumb-label {
    position: relative;
    bottom: 124px;
    right: -57.5px;
    margin: 0 50 50 0;
    background-color: #fcd093;
    display: inline-block;
    width: auto;
    text-align: center;
    font-weight: 700;
    padding: 2px;
    height: 20px;
    border-bottom: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;
    vertical-align: middle;
    font-style: italic;
}

.dq-section-thumb-page {
    border: 1px solid black;
    height: 120px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
}

.dq-section-thumb-master-prefix {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dq-section-thumb-name {
    text-align: center;
    display: block;
    height: 34px;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.dq-error-message {
    padding: 0 20px 0 20px;
}

.dq-error-message span {
    color: #d20000;
    font-weight: bold;
}

.dq-error-detail-title {
    font-weight: bold;
    font-size: 0.90em;
    padding: 0 20px 0 20px;
    margin-bottom: 0;
}

.dq-error-detail-line {
    font-size: 0.85em;
    padding: 0 20px 0 30px;
    margin-top: 0;
    margin-bottom: 3px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

.dq-medium-action-col-icon {
    font-size: 24px !important;
    line-height: 24px !important;
    width: 24px;
    height: 24px;
    margin-right: 3px;
}

.dq-larger-action-col-icon {
    font-size: 32px !important;
    line-height: 32px !important;
    width: 32px;
    height: 32px;
}

.dq-smaller-action-col-icon {
    font-size: 15px !important;
    line-height: 15px !important;
    width: 15px;
    height: 15px;
}

.dq-small-action-col-icon {
    font-size: 18px !important;
    line-height: 18px !important;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-top: 3px;
}

.dq-small-action-col-icon-blue {
    font-size: 18px !important;
    line-height: 18px !important;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-top: 3px;
    color: #66beff !important;
}

.dq-aggrid-small-action-col-icon {
    font-size: 18px !important;
    line-height: 18px !important;
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.dq-aggrid-small-action-col-icon-blue {
    font-size: 18px !important;
    line-height: 18px !important;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    color: #C1E1C1 !important;
}

.small-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    padding: 0;
    margin: 0;
}

.small-icon .x-btn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.small-aggrid-icon {
    display: inline-block;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    padding: 0;
    margin-left: 3px;
    background-color: #60a2de;
    border-color: #60a2de;
}

.small-aggrid-icon .x-btn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.dq-plain-button-group {
    box-shadow: none !important;
}

.dq-plain-button-group .x-btn-group-header {
    background: transparent;
}

.dq-plain-button-group .x-btn-group-header-title {
    font-weight: bold;
    font-size: 0.95em;
}

.dq-plain-button-group .x-table-layout {
    width: 100%;
}


/*
.glightbox-doqu .ginner-container {
    max-width: 800px !important;
}
*/
.gslide-description.description-bottom {
    background-color: transparent !important;
}

.gslide-media.gslide-image img {
    max-width: 800px !important;
    width: auto !important;
}

span.gl-metadati {
    font: 400 16px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    color: #919191;
    padding: 1px 0;
}

.gslide-description.description-left {
    min-width: 150px;
}

.glightbox-clean .gdesc-inner {
    padding: 5px 5px 5px 5px !important;

}

.gl-metadata-description-r {
    color: #FFFFFF;
    font-weight: bold;
}

.gl-lgt {
    float: right;
}


/* Tree Grid */

.dq-treegrid-cell {

}

.dq-treegrid-cell .x-grid-cell-inner {
    padding: 0 10px;
    height: 32px;
}

.dq-treegrid-cell .dq-treegrid-parent-bg {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3e%3cline x1='16' y1='0' x2='16' y2='32' stroke='%23e9e9e9' stroke-width='1' /%3e%3c/svg%3e");
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

.dq-treegrid-cell .dq-treegrid-last-parent-bg {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

.dq-treegrid-cell .dq-treegrid-leaf-bg {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3e%3cline x1='16' y1='0' x2='16' y2='32' stroke='%23e9e9e9' stroke-width='1' /%3e%3cline x1='16' y1='16' x2='32' y2='16' stroke='%23e9e9e9' stroke-width='1' /%3e%3c/svg%3e");
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

.dq-treegrid-cell .dq-treegrid-last-leaf-bg {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3e%3cline x1='16' y1='0' x2='16' y2='16' stroke='%23e9e9e9' stroke-width='1' /%3e%3cline x1='16' y1='16' x2='32' y2='16' stroke='%23e9e9e9' stroke-width='1' /%3e%3c/svg%3e");
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

.dq-treegrid-cell .dq-treegrid-cell-text {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    top: 0;
    position: absolute;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-root {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.1em;
}

.dq-treegrid-cell-node {

}

.dq-treegrid-cell-document {

}

.dq-treegrid-cell-scaffoldoccurrence {

}

.dq-treegrid-cell-image {

}


.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-node.dq-treegrid-cell-text-level-2 {
    font-weight: 800;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-node.dq-treegrid-cell-text-level-3 {
    font-weight: 650;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-node.dq-treegrid-cell-text-level-4 {
    font-weight: 500;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-document {

}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-document:before {
    content: "\f15c";
    font-family: FontAwesome !important;
    margin-right: 15px;
    font-style: normal;
    font-size: 1.06em;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-scaffoldoccurrence {
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-scaffoldoccurrence:before {
    content: "\f0d0";
    font-family: FontAwesomeProLight !important;
    margin-right: 15px;
    font-style: normal;
    font-size: 1.06em;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-image {
    font-style: italic;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-image:before {
    content: "\f03e";
    font-family: FontAwesome !important;
    margin-right: 15px;
    font-style: normal;
    font-size: 1.06em;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-page {
    font-style: italic;
}

.dq-treegrid-cell .dq-treegrid-cell-text.dq-treegrid-cell-text-page:before {
    content: "\f03e";
    font-family: FontAwesome !important;
    margin-right: 15px;
    font-style: normal;
    font-size: 1.06em;
}

.dq-flatplan-add-column {
    background-color: #f3f9ff;
}

.dq-flatplan-add-column .x-action-col-icon {
    height: 24px;
    width: 24px;
    margin-right: 3px;
    background-color: #fff;
    border: 1px dotted #d0d0d0;
    padding: 2px;
}

.dq-flatplan-add-column .x-action-col-icon:hover {
    background-color: #f5f5f5;
    border-style: solid;
}

.dq-flatplan-add-column .x-grid-cell-inner-action-col {
    padding: 4px;
}

.dq-flatplan-delete-column {
    background-color: #fff4f4;
}

.dq-flatplan-delete-column .x-action-col-icon {
    height: 24px;
    width: 24px;
    margin-right: 3px;
    background-color: #fff;
    border: 1px dotted #d0d0d0;
    padding: 2px;
}

.dq-flatplan-delete-column .x-action-col-icon:hover {
    background-color: #f5f5f5;
    border-style: solid;
}

.dq-flatplan-delete-column .x-grid-cell-inner-action-col {
    padding: 4px;
}

.dq-flatplan-tool-column {
    background-color: #f4f4f4;
}

.dq-flatplan-tool-column .x-action-col-icon {
    height: 24px;
    width: 24px;
    margin-right: 3px;
    background-color: #fff;
    border: 1px dotted #d0d0d0;
    padding: 2px;
}

.dq-flatplan-tool-column .x-action-col-icon:hover {
    background-color: #f5f5f5;
    border-style: solid;
}

.dq-flatplan-tool-column .x-grid-cell-inner-action-col {
    padding: 4px;
}

.dq-flatplan-slot-editor {

}

.dq-flatplan-slot-editor > .x-panel-bodyWrap > .x-panel-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt > .x-form-layout-wrap {
    display: flex;
}

.dq-flatplan-slot-editor > .x-panel-bodyWrap > .x-panel-body {
    padding: 0;
}

.dq-flatplan-slot-editor > .x-panel-bodyWrap > .x-panel-body > .x-autocontainer-outerCt {

}

.dq-flatplan-slot-editor > .x-panel-bodyWrap > .x-panel-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt {
    display: flex;
}

.dq-flatplan-slot-editor .x-toolbar.x-toolbar-footer {
    border-top: 0 none !important;
    border-bottom: 1px solid #d0d0d0 !important;
}

.dq-flatplan-slot-editor-tabpanel {
    flex: 1;
    height: 100% !important;
}

.dq-flatplan-slot-editor-tabpanel > .x-panel-bodyWrap > .x-panel-body {
    border: 0 none !important;
    left: 50px !important;
    padding: 0;
}

.dq-flatplan-slot-editor-tabbar {
    height: 100% !important;
}

.dq-flatplan-slot-editor-tabbar.x-tab-bar-plain.x-tab-bar-default-left > .x-tab-bar-body {
    padding: 5px;
    height: 100% !important;
    border-right: 1px solid #d0d0d0 !important;
    background-color: #ececec;
}


.dq-flatplan-slot-editor-tabbar.x-tab-bar-plain.x-tab-bar-default-left > .x-tab-bar-body .x-box-scroller-tab-bar {
    display: none !important;
}

.dq-flatplan-slot-editor-tabbar.x-tab-bar-plain.x-tab-bar-default-left > .x-tab-bar-body .x-box-scroller-tab-bar {
    display: none !important;
}

.dq-flatplan-slot-editor-tabbar.x-tab-bar-plain.x-tab-bar-default-left > .x-tab-bar-body .x-box-inner {
    height: 100% !important;
    margin-top: 0 !important;
}

.dq-flatplan-slot-editor-tabchild > .x-panel-bodyWrap > .x-panel-body {
    border: 0 none !important;
    padding: 0;
}

.dq-flatplan-slot-editor .x-tab-active.x-tab-default {
    background-color: #ffefbb !important;
}


.dq-flatplan-slots-treegrid {

}

.dq-flatplan-slots-treegrid .x-grid-header-ct {
    border-top: 0 none !important;
}

.dq-hidden {
    visibility: hidden;
}

.dq-loading-indicator-text {
    background-image: url('/static/@pragma2000/extjs/build/classic/theme-triton/resources/images/loadmask/loading.gif');
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 2px;
}

div.dq-publishedfile-status-old {
    width: 16px;
    height: 16px;
    background-color: #ff5544;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ff6666;
    display: inline-block;
}

div.dq-publishedfile-status-edited-before {
    width: 16px;
    height: 16px;
    background-color: #e6991f;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffdd88;
    display: inline-block;
}

div.dq-publishedfile-status-edited-after {
    width: 16px;
    height: 16px;
    background-color: #f4f422;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffffaa;
    display: inline-block;
}

div.dq-publishedfile-status-updated {
    width: 16px;
    height: 16px;
    background-color: #69e632;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #b5ec99;
    display: inline-block;
}

.dq-list-image-select .x-boundlist-list-ct.x-unselectable.x-scroller {
    min-height: 250px !important;
}

.dq-image-panel-no-b .x-panel-body.x-panel-body-default.x-panel-body-default {
    border: none !important;
    height: 115px !important;
    overflow: hidden !important;
}

.dq-image-panel-no-b .x-panel.x-box-item.x-panel-default {
    height: 115px !important;
}

.dq-image-panel-no-b div[role="form"] {
    height: 250px !important;
}

.dq-image-select-panel {
    height: 100px !important;
}

.dq-item-select-filename {
    text-align: center;
}

.dq-item-select-image {
    background-repeat: no-repeat;
    background-position: center;
    background-clip: padding-box;
    width: 100%;
    height: 200px;
    cursor: pointer;
}

.dq-fld-image-altezza {
    padding-top: 8px !important;
}


.dq-aggrid-deleted-row {
    background-color: #ffcccc !important;
    border-top-color: #eeaaaa !important;
    border-bottom-color: #eeaaaa !important;
}

.dq-aggrid-deleted-row .ag-cell {
    /* display: none */
    text-decoration: line-through;
}

.dq-drafts-grid .x-grid-header-ct {
    border-top: 0 none;
}

.dq-dataexchange-report-warning-row {
    background-color: #ffffdd;
}

.dq-dataexchange-report-new-row {
    background-color: #26BD00;
}

.dq-dataexchange-report-error-row {
    background-color: #ffdddd;
}

.dq-image-used-info-p {
    color: #404040;
    font: 300 11px/11px "Open Shttp://docs.sencha.com/extjs/6.2.0/classic/src/Paging.js.html#Ext.toolbar.Pagingans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
    padding-left: 5px;
}

.renderbutton {
    padding-left: 5px;
    padding-bottom: 5px;
}

.button-save-blue {
    color:#fff;
    background-color:#5fa2dd;
    border-color: #5897ce;
    border-radius: 0;
    padding: 7px 7px 7px 7px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    white-space:nowrap;
    text-decoration:none;
    vertical-align: top;    
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.button-save-dark {
    color:#fff;
    background-color:#686c6e;
    border-color: #4a4b4d;
    border-radius: 0;
    padding: 7px 7px 7px 7px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    white-space:nowrap;
    text-decoration:none;
    vertical-align: top;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

.dq-help-text-panel .x-panel-body {
    padding: 20px;
}

.dq-help-text-panel .x-panel-body ul {
    margin: 0;
    padding-left: 0;
    list-style-position: inside;
}

.dq-help-text-panel .x-panel-body li {
    margin-bottom: 20px
}

#adam-single-edit-form > div:first-child .x-box-inner {
    width: 409px !important;
}

#adam-single-edit-form > div:first-child .x-box-inner > div:first-child {
    width: 409px !important;
}

#adam-single-edit-form > div:first-child .x-box-inner > div:first-child .x-panel.dq-spaceless-panel {
    width: 100% !important;
}

#adam-single-edit-form > div:first-child .x-box-inner > div:first-child .x-panel.dq-spaceless-panel .x-panel-body.x-panel-body-default.x-panel-body-default.x-scroller {
    width: 100% !important;
    height: 100% !important;
}

.dq-p-empty-txt {
    color: #919191;
    font-style: italic;
    margin-left: 5px;
    font-weight: 600;
}

.dq-linkbutton {
    color: #404040;
    text-decoration: none;
}

.dq-linkbutton:before {
    background-color: #f6f6f6;
    display: inline-block;
    color: #919191;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e4e4e4;
    padding: 9px;
    font-size: 18px;
    line-height: 18px;
}

.dq-linkbutton:hover:before {
    background-color: #ececec;
}


.dq-navigation-toolbar {
    border: 0 none;
    padding: 10px 20px 0 20px;
}

.dq-navigation-toolbar .x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
}

.dq-navigation-toolbar .x-btn-focus.x-btn-default-toolbar-small {
    box-shadow: none !important;
}

.dq-dataview {
    display: grid;
    grid-template-columns: repeat(auto-fill, 180px);
    grid-gap: 15px;
    vertical-align: bottom;
}

.dq-dataview .dq-dataview-selector {
    width: 180px;
    height: 270px;
    padding: 10px;
    border: 1px solid #d0d0d0;
}

.dq-dataview .dq-dataview-selector.x-view-item-focused {
    outline: 0 none !important;
}

.dq-dataview .dq-dataview-selector.x-item-selected {
    background-color: #d0d0d0;
}

.dq-dataview .dq-dataview-selector .dq-dataview-image {
    width: 100px;
    height: 150px;
    margin: 0 auto 30px auto;
    background-position: center;
}

.dq-dataview .dq-dataview-selector .dq-dataview-image-placeholder {
    width: 100px;
    height: 150px;
    margin: 0 auto 30px auto;
    font-size: 70px;
    line-height: 150px;
    text-align: center;
    font-family: FontAwesomeProLight;
    color: #404040;
}

.dq-dataview .dq-dataview-selector .dq-dataview-name {
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    margin: 3px 0 3px 0;
}

.dq-dataview .dq-dataview-selector .dq-dataview-metadata {
    font-size: 0.8em;
    line-height: 0.8em;
    margin: 6px 0 6px 0;
}

.dq-compact-form {
    font-size: 12px !important;
}

.dq-compact-form .x-form-item-label-text {
    font-size: 12px;
}

.dq-compact-form .x-boundlist-item {
    font-size: 12px;
}

.dq-compact-fieldset {

}

.dq-compact-fieldset .x-fieldset-header-text {
    text-transform: uppercase;
}

.dq-inline-field-help {
    font-size: 0.8em;
    opacity: 0.8;
    margin: 0 4px 0 2px;
    cursor: help;
}
.item-sel-p-body {
    overflow-x: hidden;
}

.dq-field-grid-header {

}

.dq-field-grid-header .x-panel-body {
    padding: 3px 0 3px 4px;
    background-color: #8cc9ffad;
    font-weight: 600;
    color: #fff;
}

.dq-field-centered-cb-100 .x-form-checkbox {
    margin-left: 35px;
}

.dq-incremental-selector-status-added {
    background-color: #ddffdd;
}

.dq-incremental-selector-status-unchanged {
    background-color: #eeeeee;
    font-style: italic;
}

.dq-incremental-selector-status-removed {
    background-color: #ffdddd;
    text-decoration: line-through;
    text-decoration-color: #f00;
}

.dq-grid-hidden-selection-border .x-grid-item-focused .x-grid-cell-inner:before {
    border: 0 none !important;
}


/* BOOTSTRAP INTEGRATION */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background: white;
    background-color: #f5f7f7;
    /* background-color: #fff; */
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #bdc3c7;
    /* border: 1px solid #ccc; */
    /* border: 1px solid rgba(0, 0, 0, .15); */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    /* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

ul.dropdown-menu {
    margin-top: 0;
    margin-bottom: 0;
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    padding: 3px 10px 3px 10px;
}

.dq-figure-invalid-row {
    background-color: #ffe6e6 !important; /* rosso chiaro */
}

.dq-figure-highlight {
    background-color: #ffe5e5 !important;
}

/* DASHBOARD */
.card-dashboard {
    border: 0px solid #ddd;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.card-dashboard .x-btn {
    margin: 5px 5px 0 0;
}

.card-dashboard .x-toolbar {
    background-color: #dbfff7 !important; /* Cambia il background del footer */
    border-top: none; /* Rimuove il bordo se necessario */
    padding: 5px; /* Aggiunge un po' di spazio */
}

.fs-20 {font-size:20px;}

.ag-rich-select-list {
  max-height: 400px !important;  /* aumenta l’altezza della finestra di AgGrid*/
}