html,
body {
    margin: 0;
    padding: 0;
}

.dbqdb-error {
    padding: 15px;
}

.dbqdb-error-title {
    font-size: 18px;
}

.dbqdb-error-description {
    margin-top: 15px;
}

/*body {
    font-size: 14px;
    line-height: 1.5em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 0px;
    color: #444444;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Roboto', 'Open sans', sans-serif;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 1000;
}*/

table.documentlist {
    width: 100%;
    margin-top: 20px;
}

    body.embedded {
        margin: 0;
        margin-bottom: 10px;
        margin-top: 10px;
        -ms-align-content: flex-start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        width: 100%;
        top: 0;
        background-color: transparent;
    }

.ui-overlay {
}

.topic {
    display: none;
}

    .topic.active {
        display: block;
    }

        .topic.active > footer {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            min-height: 40px;
        }

        .topic.active > nav {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            min-height: 40px;
        }



/*****************************************
    Document topic tab bar styling
*****************************************/
.nav-tabs { 
    background-color: #3c3c3c;
    border-bottom: 2px solid #3c3c3c;
    margin: 0;
    padding: 9px 20px 0 20px;
    min-height: 50px;
}
    .nav-tabs > li {
        padding-right: 20px;
    }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { 
            border-width: 0; 
            background-color: transparent;
        }
        .nav-tabs > li > a { 
            border: none; 
            color: white; 
            padding: 10px 0; 
        }
            .nav-tabs > li.active > a, .nav-tabs > li > a:hover { 
                border: none; 
                color: white !important; 
                background: transparent; 
            }
            .nav-tabs > li > a::after { 
                content: "";
                background: white; 
                height: 4px; 
                position: absolute; 
                width: 100%; 
                left: 0px; 
                bottom: -1px; 
                transition: all 250ms ease 0s; 
                transform: scale(0); 
            }
        .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { 
            transform: scale(1); 
        }
.tab-nav > li > a::after { 
    background: white none repeat scroll 0% 0%; 
    color: #fff; 
}

#docbuilder #document-topics,
#docbuilder .dbq-form {
    padding-top: 15px;
}

main {
    -ms-flex-line-pack: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    background-color: #ffffff;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*max-width: 1200px;*/
    margin: 0 auto;
}

    main.embedded {
        padding: 0px;
        width: 100%;
        background-color: transparent;
        justify-content: flex-start;
        align-items: flex-start;
    }

    main.default {
        padding: 40px;
    }

    main.fixed-1024x768 {
        max-width: 1024px;
        max-height: 768px;
        height: 768px;
        padding: 0px !important;
        width: 1024px;
        overflow: hidden;
    }

        main.fixed-1024x768 .topic header,
        main.fixed-1024x768 .topic footer,
        main.fixed-1024x768 .topic nav {
            display: none !important;
        }

        main.fixed-1024x768 .flex-container,
        main.fixed-1024x768 .flex-item,
        main.fixed-1024x768 .element,
        main.fixed-1024x768 .block,
        main.fixed-1024x768 .element > .property {
            padding: 0px !important;
            vertical-align: top;
        }

            main.fixed-1024x768 .element > .property > .label_left {
                width: 140px;
            }

        main.fixed-1024x768 p,
        main.fixed-1024x768 h1,
        main.fixed-1024x768 h2,
        main.fixed-1024x768 h3,
        main.fixed-1024x768 h4 {
            padding: 5px 22px;
            line-height: 22px;
            margin: 0;
        }

        main.fixed-1024x768 video.fullscreen {
            height: 768px;
        }

a {
    color: #444444;
}

h1 {
    font-size: 24px;
    font-weight: bold;
}

h2 {
    font-size: 20px;
    font-weight: bold;
}

h3 {
    font-size: 19px;
    font-weight: bold;
}

h4 {
    font-size: 16px;
    font-style: italic;
}

a {
    color: #444444;
}

.opaque {
    background-color: white;
}

.semitransparent {
    /*background: rgba(255,255,255, 0.25);
    background-color: white;
}

header.topic_header
{
    /*margin: 20px;*/
}


.topic nav {
    -ms-flex-line-pack: end;
    -ms-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
}

    .topic nav .button {
        color: #3893d0;
        vertical-align: middle;
    }

.topic footer span.topic-progress {
    -ms-flex-line-pack: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    color: #333;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.topic nav span.button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #3893d0;
    border-radius: 3px;
    color: #3893d0;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 10px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
}

    .topic nav span.button:hover {
        background-color: #3893d0;
        border: 1px solid #3893d0;
        color: #fff;
    }

    /*.topic nav span.icon-moveleft {
        align-self: flex-start;
        font-size: 14px;
        text-align: center;
    }

    .topic nav span.icon-ok,
    .topic nav span.icon-moveright {
        align-self: flex-end;
        text-align: center;
        margin-left: auto;
    }*/

    .topic nav span.button:before {
        float: left;
        font-size: 1.6em;
        text-align: center;
        width: 1em;
    }

.topic ul.dbq-list-type-bullet,
.topic ul.dbq-list-type-arrow {
    list-style: disc;
    margin: 0 18px;
}

.topic ol.dbq-list-type-number {
    list-style: decimal;
}

.topic ul li {
    line-height: normal !important;
}

.success-page {
    display: none;
}

    .success-page.active {
        display: block;
        height: 400px;
    }

/*
.element {
    padding: 6px;
    position: relative;
}

    .element .property input:not([type]),
    .element .property input[type="date"],
    .element .property input[type="datetime-local"],
    .element .property input[type="email"],
    .element .property input[type="number"],
    .element .property input[type="password"],
    .element .property input[type="search"],
    .element .property input[type="tel"],
    .element .property input[type="time"],
    .element .property input[type="text"],
    .element .property input[type="url"],
    .element .property select,
    .element .property textarea {
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -moz-min-width: 180px;
        -ms-min-width: 180px;
        -o-min-width: 180px;
        -webkit-border-radius: 3px;
        -webkit-min-width: 180px;
        border: 1px solid #d0d0d0;
        border-radius: 3px;
        margin-right: 20px;
        max-width: 480px;
        min-width: 180px;
        padding: 4px 8px;
        vertical-align: middle;
        width: 340px;
    }

    .element .property textarea,
    .element .property input[type=checkbox] {
        vertical-align: top;
    }

    .element .property textarea {
        -ms-resize: vertical;
        -o-resize: vertical;
        resize: vertical;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .element .property input[type=number] {
        width: 180px;
    }

    .element .property input:not([type]):focus,
    .element .property input[type="date"]:focus,
    .element .property input[type="datetime-local"]:focus,
    .element .property input[type="email"]:focus,
    .element .property input[type="number"]:focus,
    .element .property input[type="password"]:focus,
    .element .property input[type="search"]:focus,
    .element .property input[type="tel"]:focus,
    .element .property input[type="time"]:focus,
    .element .property input[type="text"]:focus,
    .element .property input[type="url"]:focus {
        background: #ffffff;
        border: 1px solid #3893d0;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: #333;
    }

    .element .property textarea:focus {
        -webkit-appearance: none;
        background: #ffffff;
        border: 1px solid #3893d0;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: rgba(0, 0, 0, 0.95);
    }
    */

    /*.element .property .radio-list-control.error input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #b64f4b;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    .element .property .radio-list-control.error input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #b64f4b;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }*/

    .element .property .radio-list-control.error label {
        color: #b64f4b !important;
    }

    .element .property input:not([type]).error,
    .element .property input[type="date"].error,
    .element .property input[type="datetime-local"].error,
    .element .property input[type="email"].error,
    .element .property input[type="number"].error,
    .element .property input[type="password"].error,
    .element .property input[type="search"].error,
    .element .property input[type="tel"].error,
    .element .property input[type="time"].error,
    .element .property input[type="text"].error,
    .element .property input[type="url"].error {
        background: #ffffff;
        background-color: #FFF6F6;
        border: 1px solid #b64f4b !important;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: #b64f4b;
    }

    .element .property textarea.error {
        -webkit-appearance: none;
        background-color: #FFF6F6;
        border: 1px solid #b64f4b !important;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: rgba(0, 0, 0, 0.95);
        color: #b64f4b;
    }


    .element .property select.error {
        /*-webkit-appearance: none;*/
        background-color: #FFF6F6;
        border: 1px solid #b64f4b !important;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: rgba(0, 0, 0, 0.95);
        color: #b64f4b;
    }

    .element .property input:not([type]).error:focus,
    .element .property input[type="date"].error:focus,
    .element .property input[type="datetime-local"].error:focus,
    .element .property input[type="email"].error:focus,
    .element .property input[type="number"].error:focus,
    .element .property input[type="password"].error:focus,
    .element .property input[type="search"].error:focus,
    .element .property input[type="tel"].error:focus,
    .element .property input[type="time"].error:focus,
    .element .property input[type="text"].error:focus,
    .element .property input[type="url"].error:focus {
        -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        background: #ffffff;
        border: 1px solid #3893d0;
        border-radius: 0.28571429rem;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: rgba(0, 0, 0, 0.95);
    }

    .element .property textarea.error:focus {
        -webkit-appearance: none;
        background: #ffffff;
        border: 1px solid #3893d0;
        border-radius: 0.28571429rem;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: rgba(0, 0, 0, 0.95);
    }

    .element .property select.error:focus {
        /*-webkit-appearance: none;*/
        background: #ffffff;
        border: 1px solid #3893d0;
        border-radius: 0.28571429rem;
        box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
        color: rgba(0, 0, 0, 0.95);
    }

.ui-form-control {
    border-radius: 3px;
}

.ui-table {
    display: table;
}

.ui-row {
    display: table-row;
}

.ui-cell {
    display: table-cell;
}

.ui-column {
    display: table-column;
}

.ui-column-group {
    display: table-column-group;
}

.ui-row-group {
    display: table-row-group;
}

.ui-footer-group {
    display: table-footer-group;
}

.ui-header.group {
    display: table-header-group;
}

.slider-control {
    /*flex: 1 0 340px;
        flex-direction: column;
        text-align: center;*/
    max-width: 480px;
}

    .slider-control label {
        -ms-flex-line-pack: center;
        -ms-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 340px;
        -webkit-flex: 1 0 340px;
        flex: 1 0 340px;
        margin-top: 10px;
    }

input.slider-control {
    height: 1px;
    opacity: 0 !important;
    width: 1px;
}

.slider-control-helper {
    -ms-flex-line-pack: stretch;
    -ms-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 480px;
    -webkit-flex: 1 0 480px;
    flex: 1 0 480px;
    font-family: Roboto;
    font-size: 0.8em;
    font-weight: 300;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -10px;
    position: relative;
    width: 480px;
}

i.icon {
    -moz-osx-font-smoothing: grayscale;
    -moz-speak: none;
    -ms-speak: none;
    -o-speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-speak: none;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    font-family: 'Icons';
    font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 1em;
    margin: 0em 0.25rem 0em 0em;
    opacity: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    width: 1.18em;
}

    i.icon:before {
        background: none !important;
    }

.action-button a {
    -ms-flex-line-pack: end;
    -ms-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    color: #ffffff;
    color: white;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 1.3em;
    font-size: 14px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    vertical-align: middle;
    cursor: pointer;

    margin-bottom: 15px;
    padding: 9px 12px;
    font-weight: 400;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.element .property div.slider-control-value-helper {
    -ms-flex-line-pack: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 10px;
}

.inline-message {
    display: none;
    padding: 5px 10px;
}

.success-page.active > .inline-message {
    -ms-border-radius: 3px;
    border-color: #3893d0;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #3893d0;
    display: block;
    font-size: 1em;
    margin-left: 10px;
    margin-right: 10px;
}

.inline-message.active {
    -ms-border-radius: 3px;
    border-color: #3893d0;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #3893d0;
    display: block;
    font-size: 1em;
    margin-left: 10px;
    margin-right: 10px;
}

/*
.radio-list-control > label > input[type="radio"] + span.label:before,
label.label_checkbox > input[type="checkbox"] + span.label:before:before {
    content: '\e812';
}

.radio-list-control > label > input[type="radio"] + span.label:before,
.checkbox-list-control > label > input[type="checkbox"] + span.label:before,
label.label_checkbox > input[type="checkbox"] + span.label:before {
    display: block;
    font-family: 'finder';
    font-size: 1.5em;
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.5em;
    position: relative;
}

.radio-list-control > label > input[type="radio"]:checked + span.label:before,
label.label_checkbox > input[type="checkbox"]:checked + span.label:before {
    content: '\e87d';
}
    */

.inline-message.error.active {
    -ms-border-radius: 3px;
    background-color: #FFF6F6;
    border-color: #9F3A38;
    border-left-width: 10px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #9F3A38;
}

.inline-message.h3 {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
}

.block {
    display: block;
}

.document-element-map-empty {
    margin-bottom: 15px;
}

/*
    Document Element: Graph
*/

.element-graph {
    margin-bottom: 15px;
}

    .element-graph .dbq-graph-full-screen {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        overflow-x: auto;
        z-index: 999;
        padding: 15px;
    }

    .element-graph .dbq-graph-toolbar {
        margin-bottom: 15px;
    }

        .element-graph .dbq-graph-toolbar > * {
            margin-right: 15px;
        }

        .element-graph .dbq-graph-toolbar button,
        .element-graph .dbq-graph-toolbar button:active,
        .element-graph .dbq-graph-toolbar button:focus {
            outline: 0 !important;
        }

.graph-container {

}

    .graph-container .graph-title {
        text-align: center;
    }

    .graph-container .graph-chart-container {
        float: left;
        border: 0;
    }

    .graph-container .graph-chart-legend-container {
        position: absolute;
        z-index: 1;
        right: 15px;
        top: 50px;
    }

/*
    Document Element: Collapsible
*/

.element-collapsible {
    display: block;
    cursor: pointer;
    position: relative;
}

    .element-collapsible-button {
        position: absolute;
    }
    
        .element-collapsible-button-none {
            display: none;
        }
    
        .element-collapsible-button-left {
            left: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .element-collapsible-button-center {
            bottom: 5px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .element-collapsible-button-right {
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.element-button {
    display:block;
    padding:15px 0;
}

.xllabel {
    font-weight: normal;
    margin-left: 10px;
}

.element .property .button_list {
    margin-bottom: 15px;
}

.element .button_list button {
    /*-moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
    border: 1px solid #fff;
    border-radius: 3px;*/
    line-height: 26px;
    font-weight: bold;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
}

    .element .button_list button.selected {
        /*background-color: #3893d0;
        border: 1px solid #fff;
        color: white;*/
    }
/*
.radio-list-control,
.checkbox-list-control {
    display: inline-block;
}

    .radio-list-control > label,
    .checkbox-list-control > label {
        display: block;
    }

        .radio-list-control > label > input[type='radio'] + span.label:before,
        .radio-list-control > label > input[type='checkbox'] + span.label:before,
        .checkbox-list-control > label > input[type='checkbox'] + span.label:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-family: 'finder';
            font-size: 1.5em;
            font-style: normal;
            font-weight: normal;
            line-height: 1.5em;
            line-height: 1;
            width: 1.5em;
        }

        .radio-list-control > label > input[type='radio'],
        .radio-list-control > label > input[type='checkbox'] {
            //margin-left: -10px;
            //opacity: 0;
        }

    .radio-list-control.image {
        cursor: pointer;
        display: inline-block;
    }

        .radio-list-control.image > label > input[type='radio'] + span.label + img.radio-image-unchecked {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .radio-list-control.image > label > input[type='radio'] + span.label + img.radio-image-checked {
            display: none;
        }

        .radio-list-control.image > label > input[type='radio']:checked + span.label + img.radio-image-unchecked {
            display: none;
        }

        .radio-list-control.image > label > input[type='radio']:checked + span.label + img.radio-image-checked {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .radio-list-control.image > label > input[type='radio'],
        .radio-list-control.image > label > input[type='checkbox'] {
            position: absolute;
        }

    .radio-list-control > label > input[type='radio'] + span.label:before,
    .radio-list-control > label > input[type='checkbox'] + span.label:before {
        content: '\e812'; // ''
    }


    .radio-list-control > input[type='radio']:checked + span.label:before,
    .radio-list-control > input[type='checkbox']:checked + span.label:before {
        content: '\e87e'; // ''
    }

    .checkbox-list-control > label > input[type='checkbox'] + span.label:before {
        content: '\e812'; // '' 
    }

    .checkbox-list-control > label > input[type='checkbox']:checked + span.label:before {
        content: '\e87d'; // '' 
    }

    .checkbox-list-control > label > input[type='checkbox'] {
        display: none;
    }

        .checkbox-list-control > label > input[type='checkbox']:checked {
            display: none;
        }

.checkbox-list-control {
    display: table;
}

    .checkbox-list-control label {
        display: table-row;
    }

    .checkbox-list-control input {
        display: table-cell;
        margin-left: 10px;
        margin-right: 20px;
        vertical-align: middle;
    }

    .checkbox-list-control label span {
        display: table-cell;
        vertical-align: middle;
    }*/

/*
.element .property input[type=checkbox],
.element .property input[type=radio] {
    vertical-align: middle;
}

.element .property textarea {
    height: 80px;
    min-height: 80px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.element .property input[type=range] {
    margin: 0px;
    width: 420px;
}

.element .property canvas {
    background-color: white;
    border: 1px solid #333;
}

.element .property .button_list {
    display: inline;
}

.element .button_list button {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
    border: 1px solid #fff;
    border-radius: 3px;
    line-height: 26px;
    margin-right: 4px;
    width: 80px;
}

    .element .button_list button.selected {
        background-color: #3893d0;
        border: 1px solid #fff;
        color: white;
    }

.element .property > label {
    display: block;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 2px;
    margin-top: 8px;
}

    */
    .element .property > label.error {
        color: #b64f4b !important;
    }
    /*

.element .property label.label_checkbox {
    vertical-align: middle;
    width: 80%;
}

    .element .property label.label_checkbox span {
        padding-left: 5px;
        vertical-align: middle;
    }

.element .property label.label_left {
    display: inline-block;
    max-width: 180px;
    padding-right: 15px;
    text-align: right;
    vertical-align: top;
    width: 140px;
}
    */

/*
    Generic classes
*/

.no-padding {
    padding: 0 !important;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.flex-container-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flex-row {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flex-item-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-item-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}

.flex-item-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}

.flex-item-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    -webkit-flex: 4;
    flex: 4;
}

.flex-item-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    -webkit-flex: 5;
    flex: 5;
}

.flex-item-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    -webkit-flex: 6;
    flex: 6;
}

.flex-item-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    -webkit-flex: 7;
    flex: 7;
}

.flex-item-8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    -webkit-flex: 8;
    flex: 8;
}

.flex-item-9 {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    -webkit-flex: 9;
    flex: 9;
}

.flex-item-10 {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    -webkit-flex: 10;
    flex: 10;
}

.flex-item-11 {
    -webkit-box-flex: 11;
    -ms-flex: 11;
    -webkit-flex: 11;
    flex: 11;
}

.flex-item-12 {
    -webkit-box-flex: 12;
    -ms-flex: 12;
    -webkit-flex: 12;
    flex: 12;
}

.flex-item-13 {
    -webkit-box-flex: 13;
    -ms-flex: 13;
    -webkit-flex: 13;
    flex: 13;
}

.flex-item-14 {
    -webkit-box-flex: 14;
    -ms-flex: 14;
    -webkit-flex: 14;
    flex: 14;
}

.flex-item-15 {
    -webkit-box-flex: 15;
    -ms-flex: 15;
    -webkit-flex: 15;
    flex: 15;
}

.flex-align-left {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: auto;
}

.flex-align-right {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto;
}

.flex-align-center {
    -ms-flex-item-align: center;
    align-self: center;
}

.action-button.image.stretch > a {
    display: flex;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
}


.image-50 {
    zoom: 0.5;
    -ms-zoom: 0.5;
    -webkit-zoom: 0.5;
    -moz-transform: scale(0.5,0.5);
    -moz-transform-origin: left center;
}

.close-video {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    background: url(/includes/images/icon_close.png) center center no-repeat;
    height: 40px;
    background-size: 40px 40px;
}

main.fixed-1024x768 video.fullscreen {
    height: 768px;
}



/*.radio-list-control .input[type='radio']:not(old) {
    opacity: 0;
    float: left;
    width: 24px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

    .radio-list-control .input[type='radio']:not(old) + label {
        margin: 0;
        margin-left: -24px;
        clear: none;
        padding: 5px 0 4px 40px;
        cursor: pointer;
        background: url(/includes/images/checkbox_off.png) left center no-repeat;
    }*/

/*
        Change from unchecked to checked graphic
    
.radio-list-control .input[type='radio']:checked + label {
    background-image: url(/includes/images/checkbox_checked.png);
}*/

.action-button.raised {
    width: initial;
}

    .action-button.raised a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 9px 12px;
        text-decoration: none;
        vertical-align: middle;
    }

        .action-button.raised a img {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            padding: 6px 4px;
            vertical-align: middle;
            max-width: 28px;
            max-height: 28px;
        }

.close-video {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    background: url(/includes/images/icon_close.png) center center no-repeat;
    height: 40px;
    background-size: 40px 40px;
}

img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
}

label.required:after {
    color: #b64f4b;
    content: '*';
    font-size: 1em;
}

span.error {
    color: #b64f4b !important;
}

.validation-message.error {
    color: #b64f4b;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
}

/************************ 
    Document Tags
*************************/

.dbqdb-document-tags {
}

    .dbqdb-document-tags .dbqdb-document-tag {
        display: inline-flex;
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
        color: #FFFFFF;
        background: #0054F0;
        padding: 3px 7px;
        margin-right: 3px;
        border-radius: 5px;
    }

        .dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-0 {
            background: #ffe7e7;
            color: #d42828;
        }

        .dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-1 {
            background: #ffefdb;
            color: #e69500;
        }

        .dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-2 {
            background: #dff9e0;
            color: #02a000;
        }

        .dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-3 {
            background: #f9eaff;
            color: #9100b5;
        }

        .dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-4 {
            background: #f4f7cb;
            color: #a6a900;
        }

        .dbqdb-document-tags .dbqdb-document-tag.dbqdb-document-tag-color-5 {
            background: #e8f0ff;
            color: #0054f0;
        }

/************************ 
    Input lists
*************************/

.input-list .input-list-item .input-list-item-index {
    display: none;
}

.input-list[data-show-index-numbers='true'] .input-list-item {
    margin-left: 45px;
    position: relative;
}

    .input-list[data-show-index-numbers='true'] .input-list-item .input-list-item-remove {
        margin-left: -60px;
    }

    .input-list[data-show-index-numbers='true'] .input-list-item .input-list-item-index {
        display: block;
        position: absolute;
        left: -45px;
        top: calc(50% - 32px);
        width: 30px;
        font-size: 24px;
        text-align: center;
    }

.input-list-item[data-is-read-only='true'] {

}

    .input-list-item[data-is-read-only='true'] .input-list-item-remove-button {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

    .input-list-item[data-is-read-only='true'] .form-control {
        background-color: #eee;
        pointer-events: none;
        cursor: not-allowed;
    }

    .input-list-item[data-is-read-only='true'] .searchbox-container .input-group-btn button {
        display: none;
    }

/************************ 
    Hero video plugin
*************************/

.hero-video-container {
    display: grid;
    justify-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .hero-video-container video {
        position: absolute;
        z-index: 1;
        top: 50%;
        left:50%;
        min-width: 100%;
        min-height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }

    .hero-video-container .hero-video-background-image-container {
        background: rgba(0,0,0,0);
        width: 100%;
        height: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

@media (max-width: 991px) {
    .hero-video-container video {
        display: none;
    }
}

@media (min-width: 992px) {
    .hero-video-container .hero-video-background-image-container {
        display: none;
    }
}
    
/************************ 
    Image hover plugin
*************************/

.image-hover-container {
    position: relative;
}

    .image-hover-container:hover .image-hover-overlay {
        opacity: 0.9;
    }

.image-hover-image {
    display: block;
    width: 100%;
    height: auto;
}

.image-hover-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #FFFFFF;
}

/************************ 
    Image zoom plugin
*************************/

.image-zoom-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.image-zoom-container .image-zoom-image {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.image-zoom-container:hover .image-zoom-image {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/************************ 
    Image hover zoom plugin
*************************/

.image-hover-zoom-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

   .image-hover-zoom-container:hover .image-hover-zoom-overlay {
        opacity: 0.6;
   }

   .image-hover-zoom-container:hover .image-hover-zoom-background {
        opacity: 0;
   }

    .image-hover-zoom-container:hover {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);

          max-width: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        }

.image-hover-zoom-container .image-hover-zoom-overlay, .image-hover-zoom-container .image-hover-zoom-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #FFFFFF;
}

   .image-hover-zoom-container .image-hover-zoom-background {
        opacity: 0.6;
   }

.image-hover-zoom-container .image-hover-zoom-elements {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.image-hover-zoom-container .image-hover-zoom-inverted-elements {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

/************************ 
    Slider Blocks plugin
*************************/

.slider-blocks-container {
  
}

    .slider-blocks-container .slider-block {
        position: absolute;
        top: 0;
    }

/************************ 
    File upload / download
*************************/

.image-preview {
    width: 100%;
    border: 3px dashed lightgray;
    margin-bottom: 10px;
}

    .image-preview img {
        max-height: 200px;
        margin: 10px auto;
        opacity: 1;
        display: block;
        transition: .5s ease;
        backface-visibility: hidden;
    }

    .image-preview:hover img {
      opacity: 0.3;
    }

    .image-preview:hover .image-hover {
      opacity: 1;
    }

    .image-preview .image-hover {
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%)
    }

.image360-preview {
    height: 250px;
    margin-bottom: 10px;
}

.file-upload, .image-file-upload {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}

    .file-upload.file-upload-hover, 
    .image-file-upload.file-upload-hover {

    }

        .file-upload.file-upload-hover input[type='text'],
        .image-file-upload.file-upload-hover input[type='text'] {
            background-color: #fffa6c;
        }

        .file-upload.file-upload-hover .file-upload-input, .file-upload.file-upload-hover .file-upload-clear,
        .image-file-upload.file-upload-hover .image-file-upload-input, .image-file-upload.file-upload-hover .image-file-upload-clear {
            background-color: #fffa6c;
        }

.file-upload-filename, .image-file-upload-filename {
    margin-right: 0px !important;
    width: 100%; /*!important <-- not good for GTB custom styling..*/
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.file-upload input[type=file], .image-file-upload input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
    width:100%;
}

.file-upload .btn-toolbar {
  float: left;
  display: inline-block;
  width: 100%;
  margin-left: 0px;
}

.file-upload-title, .image-file-upload-title {
    margin-left:2px;
}

/************************ 
    Custom checkbox 
    https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
*************************/

.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox label input[type="checkbox"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr {
    opacity: .5;
}

/************************************************ 
    Helper classes.
*************************************************/

.hidden {
    display: none;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-2-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/************************************************ 
    Multiple select autocomplete
*************************************************/

.searchbox-container .input-group .input-group-btn button  {
    border-left: 0;
}

    .searchbox-container .input-group .input-group-btn button span {
        color: #444;
    }

.searchbox-container.searchbox-clear-hidden .input-group .input-group-btn {
    display: none;
}

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

/************************************************ 
    Source Code Editor
*************************************************/
div[type='source-code-editor'] {
    border: 1px solid #eeeeee;
}

    div[type='source-code-editor'] .CodeMirror {
        height: 450px !important;
    }

    div[type='source-code-editor'] .cm-keyword {
        color: #0000ff !important;
        font-weight: bold;
    }

    div[type='source-code-editor'] .cm-comment {
        color: #008000 !important;
    }

    div[type='source-code-editor'] .cm-string {
        color: #01957b !important;
    }

    div[type='source-code-editor'] .cm-builtin {
        color: black !important;
        font-weight: bold;
    }

/************************************************ 
    Graphs (Infragistics charts)
*************************************************/

.ui-chart-piechart-container {
    border: 0 none;
}

table.ui-chart-legend-items-list tr.ui-chart-legend-item td.ui-chart-legend-item-text {
    font-size: 14px !important;
    padding-left: 5px;
}

table.ui-chart-legend-items-list tr.ui-chart-legend-item td.ui-chart-legend-item-badge canvas {
    width: 28px !important;
    height: 26px !important;
}

.graph-table-container {
    width: 100%;
    float: left;
    overflow-x: auto;
    margin-bottom: 15px;
}

.graph-table {

}

.graph-table th, .graph-table td {
    border: 1px solid #eee;
    padding: 5px 10px;
}

.graph-table td {
    text-align: right;
}

    .graph-table td.graph-table-row-name {
        font-weight: bold;
    }

/************************************************ 
    Graphs (Infragistics charts: tooltip styling)
*************************************************/

.ui-chart-tooltip {
    border-color: transparent !important;
}

.graph-tooltip {
    text-align: center;
    padding: 5px 10px;
}

    .graph-tooltip label.header {
        font-weight: bold;
        color: #bbb;
    }

    .graph-tooltip label.content {
        font-weight: 600;
        font-style: italic;
        color: #666;
    }

/************************************************ 
    Lazy sizes blurred images
*************************************************/

.blur-up {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	transition: filter 400ms, -webkit-filter 400ms;
}

	.blur-up.lazyloaded {
		-webkit-filter: blur(0);
		filter: blur(0);
	}

/************************************************ 
    Images 
    Classes used by the exif functionality to 
    rotate images based their orientation
*************************************************/
    
.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1);
}

/*! slick.js - v1.6.0 http://github.com/kenwheeler/slick */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{margin:0 20px}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{width:100%;display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* Default Modal/Alert/Dialog styling */

.alert {
    padding: 10px 30px;
}






























/* Default ...upload styling */
/*.dbq-form .image-file-upload-input, .dbq-form .file-upload-input {
    height: 50px !important;
    cursor: pointer;
    padding: 13px 15px !important;
    display: inline-flex !important;
}
    .dbq-form .image-file-upload-input svg, .dbq-form .file-upload-input svg, .dbq-form .file-upload-clear svg {
        width: 20px;
        height: 20px;
        float: left;
        padding: 0px 4px 0px 0;
        margin: 0 5px 0 0;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }
.file-upload-clear {
    padding: 13px 15px !important;
}
.dbq-form .image-file-upload-input .image-file-upload-input-title {
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
}*/
/*****************************************
    image upload / file upload
*****************************************/
/*.image-file-upload-input, .file-upload-input {
}
.image-file-upload-clear, .file-upload-clear {
    color: #FFFFFF;
    background: #bbb;
}
    .file-upload-clear svg {
        fill: #FFFFFF;
    }
    .image-file-upload-clear:hover, .file-upload-clear:hover {
        background: #000000;
    }

.image-file-upload {
}
    .image-file-upload .image-file-upload-filename {
    }
    .image-file-upload .input-group-btn {
        background: #FFFFFF;
    }
.image-file-upload-clear {
    border: 0;
}
    .image-file-upload-clear svg {
        fill: #0054F0;
    }
    .image-file-upload-clear:hover svg {
        fill: #0054F0;
    }




    .dbq-form .image-file-upload-input, .dbq-form .file-upload-input, .file-upload-clear {
    color: #0054F0 !important;
    background: #FFFFFF !important;
    border: 2px solid #e6e9ed !important;
    border-radius: 0 0 10px 0 !important;
}
    .dbq-form .image-file-upload-input svg, .dbq-form .file-upload-input svg, .dbq-form .file-upload-clear svg {
        fill: #0054F0;
    }
    .dbq-form .image-file-upload-input:hover svg, .dbq-form .file-upload-input:hover svg, .dbq-form .file-upload-clear:hover svg {
        fill: #0054F0;
    }
    .dbq-form .image-file-upload-input:hover, .dbq-form .file-upload-input:hover {
        background: #0054F0 !important;
        background-color: #0054F0 !important;
        border-color: #0054F0 !important;
    }
    .dbq-form .image-file-upload-input:hover svg, .dbq-form .file-upload-input:hover svg {
        fill: #FFFFFF !important;
    }
    .dbq-form .image-file-upload-input:hover span, .dbq-form .file-upload-input:hover span {
        color: #FFFFFF !important;
    }
.dbq-form .file-upload-hover .image-file-upload-input,
.dbq-form .file-upload-hover .file-upload-input,
.file-upload-hover .file-upload-clear {
    border: 0 !important;
    border-left: 2px dashed #0054F0 !important;
}
.dbq-form .file-upload-clear svg,
.dbq-form .file-upload-clear .file-upload-clear-title {
    color: #EC564B !important;
    fill: #EC564B !important;
}
.dbq-form .file-upload-clear:hover {
    background: #EC564B !important;
    border-color: #EC564B !important;
    border: 2px solid #EC564B !important;
}
.dbq-form .file-upload-clear:hover svg,
.dbq-form .file-upload-clear:hover .file-upload-clear-title {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.dbq-form .dbq-has-download-button .file-upload-input {
    border-radius: 0 !important;
}*/



/* ****************************** 
    File upload
****************************** */
/*button.btn-default.image-file-upload-clear:enabled {
    border-radius: 0 !important;
    color: #D5473C !important;
    border: 2px solid #e6e9ed !important;
    border-right: 0 !important;
}
    button.btn-default.image-file-upload-clear:enabled span.image-file-upload-input-title-clear {
        color: #D5473C !important;
    }
    button.btn-default.image-file-upload-clear:enabled svg {
        fill: #D5473C !important;
    }

.dbq-form .image-file-upload-clear {
    
}
    .dbq-form .image-file-upload-clear:hover {
        background: #D5473C !important;
        border: 2px solid #D5473C !important;
        border-right: 0 !important;
    }
        .dbq-form .image-file-upload-clear:hover span{
            color: #fff !important;
        }
        .dbq-form .image-file-upload-clear:hover svg {
            fill: #fff !important;
        }

.image-preview {
    background: #FFFFFF !important;
    border: 2px dashed #e6e9ed !important;
}
.dbq-has-image-preview .image-preview {
    border-bottom: 0 !important;
    border-radius: 0 !important;
}
.dbq-form .dbq-has-image-preview .image-file-upload input.form-control.image-file-upload-filename,
.dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear,
.dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input {
    border-top: 2px dashed #e6e9ed !important;
}
    .dbq-form .dbq-has-image-preview .input-group-btn button.image-file-upload-clear:hover {
        border-top: 2px dashed #D5473C !important;
    }
    .dbq-form .dbq-has-image-preview .input-group-btn div.image-file-upload-input:hover {
        border-top: 2px dashed #0054F0 !important;
    }


.dbq-form .dbq-form-group-title-label {
    background: #f5f7f9;
    border: 2px solid #e6e9ed;
    border-bottom: 0;
    color: #595F6E;
}*/