/* Original CSS path: /xbl/orbeon/alert-dialog/alert-dialog.css */
/*Import Open Sans Font*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/*---------
KABIRS CODE
---------*/
.orbeon .xbl-fr-autocomplete .yui-ac-content {
    max-width: 100%
}
.thebigreasonSkin table.mceLayout {
    border: 0;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    width: 100% !important;
}
.orbeon .fr-grid .xforms-label {
    margin-top: 2px;
    margin-bottom: 4px;
    overflow: hidden;
    font-weight: 600;
    display: block;
}
#fr-view .my-class-view-short input.xforms-input-input {
    width: 4em;
    height: 34px;
    margin-right: 10px
}
#fr-view .my-class-long input.xforms-input-input {
    width: 24em
}
#fr-view .fr-grid .fr-grid-content .my-class-textarea textarea {
    width: 50%
}
#fr-view .my-class-textarea-long textarea {
    width: 24em
}
.customError {
}
body.orbeon {
    background-color: #F4F6FA;
}
select:-internal-list-box option:checked {
    background-color: ffb7b7;
    color: ffb7b7;
}
input[type="button" i]:disabled,
input[type="submit" i]:disabled,
input[type="reset" i]:disabled,
input[type="file" i]:disabled::-webkit-file-upload-button,
button:disabled,
select:disabled,
keygen:disabled,
optgroup:disabled,
option:disabled,
select[disabled] > option {
    color: black;
}
::selection {
    background: #ffb7b7;
    /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: #ffb7b7;
    /* Gecko Browsers */
}
.orbeon .fr-grid .xforms-input input.xforms-type-date {
    width: 48%;
}
.orbeon .fr-grid .xforms-input input.xforms-type-time {
    width: 44%;
}
.orbeon .xforms-input input.xforms-type-date {
    width: 110px;
}
.orbeon .xforms-input input.xforms-type-time {
    width: 110px;
}
body {
    color: #34495e;
    font-family: "Open Sans", sans-serif;
    padding: 0px !important;
    margin: 10px !important;
    direction: "ltr";
    font-size: 14px;
}
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
    border: solid #e5e5e5;
    border-width: 0 0 1px;
    zoom: 1;
}
.orbeon .dropdown-menu .divider {
    height: 2px;
    margin: 1px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}
.orbeon .dropdown-menu > li > a {
    display: block;
    padding: 0px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1px;
    color: #333333;
    white-space: nowrap;
}
.orbeon .openqms_trigger_image .xforms-trigger-appearance-minimal img,
.orbeon .openqms_trigger_image .xforms-submit-appearance-minimal img {
    border: 0;
    max-width: 100%;
}

.orbeon .input-prepend {
    display: flex;
    .add-on {
        height: 28px;
    }
}


.form-control,
output {
    font-size: 12px;
    color: black;
}
.xforms-output {
    display: inline;
}
.xforms-output-output {
    text-align: left;
}
output {
    padding-top: 0px;
}
.orbeon h2,
.orbeon h3 {
    background-image: -webkit-linear-gradient(top, #ffffff, #fffefe);
}
.orbeon .img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60%;
}
.orbeon .container,
.orbeon .span12 {
    width: 940px
}
.orbeon .openqms-richtext-max-height iframe {
    width: 100%;
    height: 400px;
    display: block;
}
.orbeon .openqms-class-short input.xforms-input-input {
    width: 33%;
}
.orbeon .openqms-class-medium input.xforms-input-input {
    width: 66%;
}
.orbeon .fr-grid-content .my-class-textarea-long-test textarea {
    width: 48em;
}
.SYS_VIEW_DIALOG {
    max-width: 100% !important;
    overflow: auto;
}
.ERM_RECORD_BOW_THREAT {
    overflow: auto;
}
@media (min-width: 100px) {
    .SYS_KEYWORD_DIALOG {
        max-width: 100% !important;
    }
}
@media (min-width: 780px) {
    .SYS_KEYWORD_DIALOG {
        max-width: 100% !important;
    }
}
.blockUI .blockOverlay {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.05;
    cursor: wait;
    position: fixed;
    background-color: rgb(239, 7, 7) !important;
}
.orbeon .openqms-action-view-button-blue {
    width: 100%;
    font-size: 13px;
    color: #ffffff;
    background-color: #0044cc;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button button {
    color: #333333;
    background-color: #e6e6e6;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-grey button {
    color: #333333;
    background-color: #e6e6e6;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-grey-left-align button {
    color: #333333;
    background-color: #e6e6e6;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-blue button {
    color: #ffffff;
    background-color: #289FD7;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #289FD7, #289FD7);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-blue-left-align button {
    color: #ffffff;
    background-color: #289FD7;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #289FD7, #289FD7);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-red button {
    color: #ffffff;
    background-color: #e73d4a;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #e73d4a, #e73d4a);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-red-left-align button {
    color: #ffffff;
    background-color: #e73d4a;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #e73d4a, #e73d4a);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-green button {
    color: #ffffff;
    background-color: #58b34d;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #58b34d, #58b34d);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-green-left-align button {
    color: #ffffff;
    background-color: #58b34d;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #58b34d, #58b34d);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-action-button-grey button {
    color: #333333;
    background-color: #e6e6e6;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-action-button-green button {
    color: #ffffff;
    background-color: #1BBC9B;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #66CCB6, #1BBC9B);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .fr-grid .fr-grid-content .openqms-action-button-red button {
    color: #ffffff;
    background-color: #EF0A3F;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #CC001E, #EF0A3F);
    margin-left: 4px;
    margin-bottom: 4px;
}
.orbeon .fr-grid .fr-grid-content .openqms-action-button-blue button {
    color: #ffffff;
    background-color: #0044cc;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    margin-left: 4px;
    margin-bottom: 4px;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
}
.orbeon .openqms-action-button-blue .btn {
    color: #ffffff;
    background-color: #0044cc;
    margin-top: 0;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    margin-left: 4px;
    margin-bottom: 4px;
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button button {
        width: auto;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-grey button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-grey button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-grey-left-align button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-grey-left-align button {
        width: auto;
        line-height: 1.44;
        display: inline-block;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-red button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-red button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-red-left-align button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-red-left-align button {
        width: auto;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-green button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-green button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-green-left-align button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-green-left-align button {
        width: auto;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-blue button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-blue button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-blue-left-align button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-inline-action-button-blue-left-align button {
        width: auto;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-grey button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-grey button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-green button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-green button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-blue button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-blue button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}
@media (min-width: 100px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-red button {
        width: 100%;
        line-height: 3.44;
    }
}
@media (min-width: 780px) {
    .orbeon .fr-grid .fr-grid-content .openqms-action-button-red button {
        width: auto;
        float: right;
        line-height: 1.44;
    }
}

/* Keyword Dialogs */
.yui-skin-sam .yui-panel {
    .bd {
        padding: 0px;
        border: none;
    }

    .hd {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-variant: normal;
        font-weight: 900 !important;
        letter-spacing: normal;
        line-height: 18px;
        text-decoration: none;
        text-align: start;
        text-indent: 0px;
        text-transform: uppercase !important;
        vertical-align: baseline;
        white-space: normal;
        word-spacing: 0px;
        background-attachment: scroll;
        background-color: white;
        background-image: none;
        background-position: 0% 0%;
        background-repeat: repeat;
        color: #0077EE !important;
        height: 24px;
        width: 100%;
        border: 2px none rgb(255, 255, 255);
        border-top: 0px none rgb(255, 255, 255);
        border-right: 0px none rgb(255, 255, 255);
        border-bottom: 0px none rgb(255, 255, 255);
        border-left: 1px none rgb(255, 255, 255);
        margin: 0px;
        padding: 4px 0 0px 10px;
        max-height: none;
        min-height: 24px;
        max-width: none;
        min-width: 0px;
        position: static;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        float: none;
        display: block;
        clear: none;
        z-index: auto;
        list-style-image: none;
        list-style-type: disc;
        list-style-position: outside;
        border-collapse: separate;
        border-bottom: 1px solid #eee;
        border-spacing: 0px 0px;
        caption-side: top;
        empty-cells: show;
        table-layout: auto;
        overflow: visible;
        cursor: auto;
        visibility: visible;
        transform: none;
        transition: all 0s ease 0s;
        outline-offset: 0px;
        box-sizing: border-box;
        resize: none;
        text-shadow: none;
        text-overflow: clip;
        word-wrap: normal;
        box-shadow: none;
    }

    .xbl-fr-alert-dialog-message {
        background-image: none;
        padding-left: 10px;
    }
}

.font-green-sharp {
    color: #4DB3A2 !important;
}
.orbeon .fr-view .xbl-fr-box-select .xforms-select-appearance-full .xforms-items {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 4px 6px;
    height: 200px;
}
.orbeon .fr-grid-content .xforms-trigger img {
    vertical-align: top;
}
.orbeon .fr-grid-content .my-class-dialog-multi-checkbox-select span {
    width: 32em;
    height: 32em;
}
.orbeon .fr-grid-content .my-class-dialog-multi-select select {
    width: 32em;
    height: 32em;
}
.form-group.form-md-line-input {
    position: relative;
    margin: 0 0 35px 0;
    padding-top: 20px;
}
.orbeon .fr-grid .my-class-view-search input[type="text"] {
    width: 10em;
}
.orbeon .fr-view .fr-grid.fr-editable .fr-grid-content div {
    /* overflow: ; */
}
.orbeon .radio-horizontal label.radio {
    display: inline-block;
    margin-right: 30px;
}
.orbeon .radio-horizontal label.xforms-label {
    display: inline-block;
}
.orbeon .radio-horizontal span.xforms-items {
    display: inline-block;
    float: right;
}
.orbeon .fr-grid .openqms-opendialog-keywords_DISABLED select {
    width: 100%;
    font-family: Arial;
    background-image: url("/forms410/forms/SYS/assets/admin/pages/img/listDialogForSelect.png");
    background-repeat: no-repeat;
    background-position: 100% center;
}

/*
.orbeon .fr-grid-content .xforms-trigger img {
    vertical-align: top;
    margin-left: -36px;
}
*/

.orbeon .fr-grid .openqms-opendialog-keywords textarea {
    width: 86%;
    font-family: Arial;
}
.orbeon .fr-grid .openqms-opendialog-names textarea {
    width: 86%;
    font-family: Arial;
    background-image: url("/forms/SYS/assets/admin/pages/img/namesDialogForAuto.png");
    background-repeat: no-repeat;
    background-position: 100% top;
}
.orbeon .fr-grid .openqms-opendialog-names input {
    width: 100%;
    font-family: Arial;
    background-image: url("/forms/SYS/assets/admin/pages/img/namesDialogForAuto.png");
    background-repeat: no-repeat;
    background-position: 100% center;
}
.orbeon .fr-grid-content .my-class-text input {
    position: relative;
    margin: 0 0 35px 0;
    padding-top: 20px;
    background: none;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #333;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    padding: 6px 0;
}

/*
	SECTION TITLE
*/

.orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-open {
    background-image: none;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label a {
    /* Font & Text */
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900 !important;
    letter-spacing: normal;
    line-height: 18px;
    text-decoration: none;
    text-align: start;
    text-indent: 0px;
    text-transform: uppercase !important;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: 0px;
    /* Color & Background */
    background-attachment: scroll;
    background-color: white;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    color: #4DB3A2 !important;
    /* Box */
    height: 41px;
    width: 100%;
    border: 0px none rgb(255, 255, 255);
    border-top: 0px none rgb(255, 255, 255);
    border-right: 0px none rgb(255, 255, 255);
    border-bottom: 0px none rgb(255, 255, 255);
    border-left: 1px none rgb(255, 255, 255);
    margin: 0px;
    padding: 11px 0 9px 0;
    max-height: none;
    min-height: 41px;
    max-width: none;
    min-width: 0px;
    /* Positioning */
    position: static;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    float: none;
    display: block;
    clear: none;
    z-index: auto;
    /* List */
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
    /* Table */
    border-collapse: separate;
    border-bottom: 1px solid #eee;
    border-spacing: 0px 0px;
    caption-side: top;
    empty-cells: show;
    table-layout: auto;
    /* Miscellaneous */
    overflow: visible;
    cursor: auto;
    visibility: visible;
}
.table thead tr th {
    font-size: 14px;
    font-weight: 600 !important;
}

/*
 form wizard
*/

.form-wizard .steps > li.done_disabled > a.step .number {
    background-color: #F1C40F;
    color: #fff;
    background-image: linear-gradient(to bottom, #F1C40F, #F1C40F);
}
.form-wizard .steps > li.active_disabled > a.step .number {
    background-color: #58b34d;
    color: #fff;
    background-image: linear-gradient(to bottom, #58b34d, #58b34d);
}
.form-wizard .steps > li.done > a.step .number {
    background-color: #CCC;
    color: #fff;
    background-image: linear-gradient(to bottom, #CCC, #CCC);
}
.form-wizard .steps > li.active > a.step .number {
    background-color: #0052cc;
    color: #fff;
    background-image: linear-gradient(to bottom, #0052cc, #0052cc);
}
.form-wizard .steps > li.next > a.step .number {
    background-color: #58b34d;
    color: #fff;
    background-image: linear-gradient(to bottom, #58b34d, #58b34d);
}
.form-wizard .steps > li.next-previous > a.step .number {
    background-color: #F1C40F;
    color: #fff;
    background-image: linear-gradient(to bottom, #F1C40F, #F1C40F);
}
.form-wizard .steps > li.inactive > a.step .number {
    background-color: #CCC;
    color: #fff;
    background-image: linear-gradient(to bottom, #CCC, #CCC);
}
.orbeon .nav-tabs > li,
.orbeon .nav-pills > li {
    float: left;
}
.form-wizard .steps > li.risk-impact > a.step .number {
    /*background-color: #0052cc;
    color: #fff;
    background-image: linear-gradient(to bottom, #0052cc, #0052cc);*/
    height: 30px;
    width: 25px;
}
.nav-justified>li,
.nav-tabs.nav-justified>li {
    display: table-cell;
    width: initial;
}

/*
.form-wizard {
    margin-left: 235px;
    margin-top: 0px;
    padding: 10px 0 0 20px;
}
*/

.form-wizard .steps > li > a.step {
    background-color: #fff;
    background-image: none;
    filter: none;
    border: 0px;
    box-shadow: none;
    text-align: left;
    text-decoration: none;
}
.form-wizard .steps > li > a.step > .number {
    background-color: #eee;
    display: inline-block;
    text-align: center !important;
    font-size: 16px;
    font-weight: 300;
    padding: 11px 15px 13px 15px;
    margin-right: 30px;
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

/*
 Dialog
*/
@media all {
    .orbeon .xforms-dialog .bd{
        overflow: auto;
        width: 80%;
    }
}
orbeon .nav-pills > .active > a,
.orbeon .nav-pills > .active > a:hover,
.orbeon .nav-pills > .active > a:focus {
    color: #ffffff;
    background-color: #ffffff;
}
.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border: 1px solid #f5f5f5;
    border-top-color: #f5f5f5;
    padding: 0em 0em;
}

/*--------
JAMES CODE
--------*/
/*Fix the scroller on the sections*/
.scroller {
    overflow: auto !important;
}
.scroller::-webkit-scrollbar {
    width: 7px;
}

/*Set buttons to line up with the form edges*/
@media only screen and (min-width: 785px) {
    #SYS_ACTIONS_GRID {
        /*Position*/
        margin-right: 10%;
        margin-top: 0.4%;
    }
    #SYS_ACTIONS_GRID_BOTTOM_BAR {
        /*Position*/
        margin-right: 10%;
    }
}
div.page-content>div.row {
    max-width: 100%;
}

/*Form margins*/
@media only screen and (min-width: 700px) {
    .yui-navset-top {
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 30px;
    }
}

/*Align Workflow steps to center of page*/
@media only screen and (min-width: 700px) {
    #process_steps {
        width: 78vw;
        margin: auto;
        text-align: center;
    }
    #process_steps ul {
        display: inline-block;
    }
}


/*-------
NEW THEME
-------*/
/*Shadow for Main Form*/
.orbeon .yui-content.xforms-group {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    max-width: 100vw;
}

/*Form Labels*/
.orbeon .fr-grid .xforms-label {
    font-family: 'Open Sans', sans-serif !important;
    /*font-size: 14px !important;*/
    color: #34495e !important;
    /*font-weight: normal !important;*/
    cursor: default !important;
    padding-top: 8px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/*---------------
NEW THEME: FIELDS
---------------*/
/*Input field*/
.orbeon input[type='text'], .orbeon input[type='password'] {
    color: #4d6b8a;
    /*font-size: 16px !important;*/
    background-color: none;

    border: none;
    border-bottom: 1px solid #c2cad8;

    box-shadow: none !important;
    border-radius: 0;
    line-height: 1.42857;
    padding-left: 2px;
    padding-right: 2px;
}



/*Dates*/
.xbl-fr-fields-date .fr-component-group img {
    /*border-bottom: 1px solid #c2cad8;*/
    padding-bottom: 11px;
    position: relative;
    right: 4px;
    cursor: pointer;
}
/*Date Field*/
.orbeon .fr-grid .xforms-input input.xforms-type-date {
    width: 100%;
}
.orbeon .fr-grid .xforms-input input.xforms-type-time {
    width: 100%;
}
.orbeon .fr-grid .xforms-input.xforms-type-dateTime input.xforms-type-date {
    width: 48%;
}
.orbeon .fr-grid .xforms-input.xforms-type-dateTime input.xforms-type-time {
    width: 44%;
}
/*.xbl-fr-dropdown-date .fr-component-group span.xforms-select1-appearance-minimal select{
	width: 32% !important;
}*/

/*Text Area*/
.orbeon textarea{
    border: none;
    border-bottom: 1px solid #c2cad8;
    box-shadow: none !important;
    border-radius: 0;
}
.orbeon .xbl-fr-character-counter > .fr-charcounter-wrapper > .fr-charcounter-count .label {
    background-color: white;
    border: 1px solid #c2cad8;
    text-align: center;
}
.orbeon .xbl-fr-character-counter > .fr-charcounter-wrapper > .fr-charcounter-count .xforms-output-output {
    text-align: center;
}


/*Active Field Border Color*/
.orbeon textarea, .orbeon input[type='text'], .orbeon input[type='password'], .orbeon select {
    transition: 0.2s;
}
.orbeon textarea:focus, .orbeon input[type='text']:focus, .orbeon input[type='password']:focus, .orbeon select:focus {
    transition: 0.2s;
    border-bottom: 1px solid #489ff6 !important; /*#489ff6*/
}

textarea:focus + .xforms-hint{
    color:#3fc9d5 !important;
}

/*Formatted Text Area*/
.thebigreasonSkin table.mceLayout tr.mceLast td {
    background: none;
}
.thebigreasonSkin td.mceToolbar{
    background: none;
    background-color: #F3F2F1;
}
.thebigreasonSkin a.mceButtonActive, .thebigreasonSkin a.mceButtonSelected{
    background-color: #C8C6C4;
    border: none;
}

/*Single Select List*/
.orbeon select{
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    border-radius: 0;
    color: #4d6b8a;
    border: none;
    border-bottom: 1px solid #c2cad8;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none;
    outline: 0 !important;
    padding-left: 2px;
    padding-top: 6px;
}

/*Autocomplete List*/
.orbeon .openqms-opendialog-keywords .fr-autocomplete-yui-div{
    position: absolute;
}


/*Read Only Fields*/
.orbeon input[type='text']:disabled, .orbeon input[type='password']:disabled, .orbeon select:disabled {
    background: none;
    border-bottom: none;
    resize: none;
    cursor: text;
    width: -webkit-fill-available !important;
}

.orbeon .fr-grid textarea {
    resize: none;
    &&:disabled {
        background: none;
        border-bottom: none;
    }
}

.fr-autocomplete-container button:disabled {
    display: none;
}

/*Make autocomplete fields fill 100% of available space when read-only*/
.xbl-fr-autocomplete.xforms-readonly .fr-autocomplete-container, .xbl-fr-autocomplete.xforms-readonly .fr-autocomplete-container .fr-autocomplete-search, .xbl-fr-autocomplete.xforms-readonly .fr-autocomplete-container > .yui-ac {
    display: block;
    width: 100% !important;
}

/*Hide input on Multi-Select autocomplete fields when read-only*/
.openqms-opendialog-keywords.xforms-readonly .fr-autocomplete-search,
.openqms-opendialog-keywords.xforms-readonly .fr-autocomplete-search *,
.openqms-opendialog-names.xforms-readonly .multiselect-autocomplete,
.openqms-opendialog-names.xforms-readonly .multiselect-autocomplete *,
.openqms-opendialog-names.xforms-readonly .xforms-trigger,
.openqms-opendialog-names.xforms-readonly .xforms-trigger * {
    display: none !important;
}
/*TODO: Get this working*/
.orbeon table.mceLayout:disabled{
    border: none !important;
}

/*Checkboxes - Basic (Gets Overriden later)*/
.orbeon input[type='checkbox']{
    -webkit-tap-highlight-color: transparent !important;
    -webkit-font-smoothing: antialiased !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    width: 19px !important;
    height: 19px !important;
}
label.checkbox span{
    padding-left: 6px !important;
}

/*Radio Buttons - Basic (Gets Overriden later)*/
.orbeon input[type='radio']{
    -webkit-tap-highlight-color: transparent !important;
    -webkit-font-smoothing: antialiased !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    width: 19px !important;
    height: 19px !important;
}
label.radio span{
    padding-left: 6px !important;
}

/*Drop Shadow for Repeating Sections*/
.orbeon .fr-repeat-iteration{
    padding: 6px;
    margin-bottom: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    border-radius: 8px !important;
}

/*----------------
New Theme: Buttons
----------------*/
.orbeon .btn, .openqms-inline-action-button button, .orbeon .icon-plus-sign:after, .orbeon .fr-repeater-add a, #checkButtons button, .openqms-opendialog-trigger i.fa-link, input[type="radio"] + span, input[type="checkbox"] + span {
    background-image: none !important;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;

    background-color: transparent !important;
    border: 1px solid #999999 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    text-shadow: none !important;
    color: #676767 !important;
    transition: all 0.3s;
}

.orbeon .fr-grid-master-row .icon-plus-sign:after {
    padding: 3px 7px !important;
}



/*Button on Hover*/
.orbeon .btn:hover, .openqms-inline-action-button button:hover, .orbeon .fr-repeater-add a:hover, .orbeon .icon-plus-sign:hover:after, .openqms-opendialog-trigger img:hover, #checkButtons button:hover, .openqms-opendialog-trigger i.fa-link:hover, input[type="radio"] + span:hover, input[type="checkbox"] + span:hover, .yui-skin-sam .container-close:hover {
    background-color: #0077EE !important;
    transition: all 0.3s;
}

button:hover .caret {
    border-top: 4px solid white;
}

/*No Selection Outline on buttons*/
.orbeon .btn:focus, .openqms-inline-action-button button:focus, .orbeon .fr-repeater-add a:focus, .orbeon .icon-plus-sign:focus:after, .openqms-opendialog-trigger i.fa-link:focus, .yui-skin-sam .container-close:focus {
    outline: none;
}

/*Read Only Buttons*/
.orbeon .btn:disabled, .openqms-inline-action-button button:disabled, .orbeon .icon-plus-sign:disabled:after, .orbeon .fr-repeater-add a:disabled, .openqms-opendialog-trigger img:disabled, #checkButtons button:disabled, .openqms-opendialog-trigger i.fa-link:disabled, input[type="radio"]:disabled + span, input[type="checkbox"]:disabled + span, .yui-skin-sam .container-close:disabled
{
    font-weight: none !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/*Close Dialog Button*/
/*TODO: Replace this ugly background image with something better*/
.yui-skin-sam .container-close{
    border-radius: 0px;

    -webkit-tap-highlight-color: transparent;
    cursor: pointer;

    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;

    /*BOX SHADOW*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}

/*Add New Repeating Section Button*/
.fr-repeater-add a, .fr-repeater-add a:hover, .fr-repeater-add a:focus{
    margin-bottom: 6px;
    text-decoration: none;
    color: black;
    margin-bottom: 6px;
    display: inline-block;
    text-decoration-line: none;
}

/*Big Buttons*/
.openqms-inline-action-button button, .orbeon .openqms-action-button-grey button, .orbeon .openqms-action-button-blue button, .orbeon .openqms-action-button-green button, .orbeon .openqms-action-button-red button, .orbeon .fr-repeater-add a, #checkButtons button,
.orbeon .openqms-inline-action-button-blue button,  .orbeon .openqms-inline-action-button-blue-left-align button,
.orbeon .openqms-inline-action-button-red button,   .orbeon .openqms-inline-action-button-red-left-align button,
.orbeon .openqms-inline-action-button-green button, .orbeon .openqms-inline-action-button-green-left-align button,
.orbeon .openqms-inline-action-button-grey button,  .orbeon .openqms-inline-action-button-grey-left-align button {
    padding: 9px 14px 9px 14px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/*Blue Button*/
.orbeon .fr-grid .fr-grid-content .openqms-inline-action-button button, .orbeon .openqms-action-button-blue button, .orbeon .openqms-inline-action-button-blue button, .orbeon .openqms-inline-action-button-blue-left-align button  {
    color: #FFF !important;
    background-color: #489ff6 !important;
    border: 1px solid #489ff6 !important;
}

/*Grey Button*/
.orbeon .openqms-action-button-grey button, .btn, .orbeon .openqms-inline-action-button-grey button, .orbeon .openqms-inline-action-button-grey-left-align button {
    background-color: #eff2f5 !important; /*#EEEEEE*/
    border: 1px solid #eff2f5 !important; /*e1e5ec*/
}

/*Red Button*/
.orbeon .openqms-action-button-red button, .orbeon .openqms-inline-action-button-red button, .orbeon .openqms-inline-action-button-red-left-align button {
    color: #FFF !important;
    background-color: #EF5350 !important;
    border: 1px solid #EF5350 !important;
}

/*Green Buttons*/
.orbeon .openqms-action-button-green button, .orbeon .openqms-inline-action-button-green button, .orbeon .openqms-inline-action-button-green-left-align button{
    color: #FFF !important;
    background-color: #36c6d3 !important; /*#4DB3A2*/
    border: 1px solid #36c6d3 !important;
}

/*Right Align Buttons*/
.orbeon .openqms-inline-action-button-right-align button {
    display: block;
}

/*Form Builder Toolbox*/
.orbeon .fb-toolbox .fb-toolbox-inside .fb-tools .fb-tool .xforms-trigger button {
    font-size:10.5px !important;
    text-transform: capitalize !important;
    font-weight: normal !important;
    margin-bottom: 3px;
    padding: 6px 6px !important;
    img {
        margin-right: 0 !important;
    }
}

/*Plus Sign (Add New Repeating Grid)*/
.orbeon .icon-plus-sign{
    display:none;
    background: none;
    font-weight: bold;
    color: black;
    text-decoration-line: none !important;
}
.orbeon .icon-plus-sign:after{
    content: '+';
    font-weight: bold;
    color: black;
    text-decoration-line: none !important;
    position:relative; right:5px; bottom:5px;

}
.orbeon .fr-grid-master-row .icon-plus-sign:after{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 7px;
    padding-right: 7px;
}
.orbeon .xforms-trigger-appearance-minimal a, .orbeon .xforms-trigger-appearance-minimal a:focus, .orbeon .xforms-trigger-appearance-minimal a:after, .orbeon .xforms-trigger-appearance-minimal a:focus:after {
    outline: none !important;
    text-decoration-line: none !important;
}

.openqms-opendialog-trigger i.fa-link{
    padding-top:8px;
    color:#505050;
    font-size: 15px !important;
}
/*For Preview Validate Button*/
.orbeon .fr-validate-button .btn {
    color: #FFF !important;
    background-color: #489ff6 !important;
    border: 1px solid #489ff6 !important;
}

/*Flashing Edit Button*/
/*
@-webkit-keyframes glowing {
0% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
50% { background-color:  #96e1e8; box-shadow: 0 0 10px  #96e1e8; border: 1px solid #96e1e8;}
100% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
}
@-moz-keyframes glowing{
0% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
50% { background-color:  #96e1e8; box-shadow: 0 0 10px  #96e1e8; border: 1px solid #96e1e8;}
100% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
}

@-ms-keyframes glowing{
0% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
50% { background-color:  #96e1e8; box-shadow: 0 0 10px  #96e1e8; border: 1px solid #96e1e8;}
100% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
}
@-o-keyframes glowing{
0% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
50% { background-color:  #96e1e8; box-shadow: 0 0 10px  #96e1e8; border: 1px solid #96e1e8;}
100% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
}
@ keyframes glowing{
0% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
50% { background-color:  #96e1e8; box-shadow: 0 0 10px  #96e1e8; border: 1px solid #96e1e8;}
100% { background-color: #36c6d3; /*box-shadow: 0 0 3px #36c6d3;* }
}


#SYS_ACTIONS_GRID .openqms-action-button-green button, #SYS_ACTIONS_GRID_BOTTOM_BAR .openqms-action-button-green button{
    -webkit-animation: glowing 1300ms 5;
    -moz-animation: glowing 1300ms 5;
    -ms-animation: glowing 1300ms 5;
    -o-animation: glowing 1300ms 5;
    animation: glowing 1300ms 5;
}
*/

#SYS_ACTIONS_GRID .openqms-action-button-green button, #SYS_ACTIONS_GRID_BOTTOM_BAR .openqms-action-button-green button {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

#SYS_ACTIONS_GRID .openqms-action-button-green button.glowing, #SYS_ACTIONS_GRID_BOTTOM_BAR .openqms-action-button-green button.glowing {
    /*
    background-color:  #96e1e8 !important;
    box-shadow: 0 0 10px  #96e1e8 !important;
    border: 1px solid #96e1e8 !important;
    */
    opacity: 0.5;
    /*box-shadow: 0 0 10px  #4DB3A2 !important; */

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/*
#SYS_ACTIONS_GRID .openqms-action-button-green button, #SYS_ACTIONS_GRID_BOTTOM_BAR .openqms-action-button-green button{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important;
    background-color: #36c6d3 !important; /*#4DB3A2*
    border: 1px solid #36c6d3 !important;
}
*/

/*-------------
NEW THEME: MISC
-------------*/
/*Section Title*/
.orbeon .xbl-fr-section .fr-section-title .fr-section-label.xforms-control.xforms-trigger a{
    cursor: pointer;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-closed {
    background-image: none;
}
.fa-pencil-square-o:before {
    content: "\25BC";
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-closed .fa-pencil-square-o:before {
    content: "\25B6";
}

/*Image Anotation Menu*/
._wPaint_menu {
    background: #f3f2f1;
    border: solid #f3f2f1 2px;
}

/*Dropdown Menu*/
/*TODO: Get the menu selector changing color correctly*/
.orbeon .dropdown-menu{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.orbeon .dropdown-menu li:hover{
    color: #FFF;
    background-color: #0077EE;
}
.orbeon .dropdown-menu li.disabled:hover, .orbeon .dropdown-menu li.divider{
    color: #2f2e2d;
    background-color: #ffffff;
}

/*Tabs*/
.yui-skin-sam .yui-navset .yui-nav{
    overflow: hidden;
}

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-nav a em {
    border: none;
    background: none !important;
}
.yui-skin-sam .yui-navset .yui-nav a em{
    background-color: white !important;

    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-top-left-radius:4px !important;
    border-top-right-radius:4px !important;


    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;

    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}
.yui-skin-sam .yui-navset .yui-nav a em:hover{
    padding-bottom: 6px;
}
.yui-skin-sam .yui-navset .yui-nav .selected a em{
    color: #FFF !important;
    background-color: #489ff6 !important;
    padding-bottom: 6px;
}


/*-----------------------
New Theme: Workflow Steps
-----------------------*/
.form-wizard {
    display: inline-block;
}

.form-wizard .form-body #process_steps {
    margin-left: 0 !important;
    text-align: center !important;
}

.form-wizard .steps {
    /*Size Controls*/
    margin-left: 20px;
}

/*Hide Number and Enlarge Label*/
.form-wizard .steps > li > a.step .number{
    display: none;
}
.form-wizard .steps > li > a.step{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.form-wizard .steps > li > a.step .xforms-output-output{
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;

    position:relative;
    text-align: center;
    color: #ffffff;
    background-color: #cccccc;
    margin-top: 3px;

    /*Size Controls*/
    min-width: 150px;
    width: auto;
    height: 40px;
    margin-right: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.form-wizard .steps > li.active .step, .form-wizard .steps > li.inactive .step{
    cursor: default;
}

/*Arrows*/
.form-wizard .steps > li .step .xforms-output-output:before, .form-wizard .steps > li .step .xforms-output-output:after {
    content: "";
    bottom: 0;
    position:absolute;
    cursor: default;

    /*Size Controls*/
    border: 20px solid #cccccc;
}
.form-wizard .steps > li .step .xforms-output-output:before {
    /*Size Controls*/
    left:-20px;
}
.form-wizard .steps > li .step .xforms-output-output:after {
    border-color: transparent transparent transparent #cccccc;

    /*Size Controls*/
    right:-20px;
    border-left-width: 20px;
    border-width: 20px 0 20px 20px;
}

/*Current Step Arrow Color*/
.form-wizard .steps > li.active > a.step .xforms-output-output {
    background-color: #489ff6;
    color: #fff;
    font-weight: bold;
}
.form-wizard .steps > li.active .step .xforms-output-output:before, .form-wizard .steps > li.active .step .xforms-output-output:after {
    border-color: #489ff6;
}
.form-wizard .steps > li.active .step .xforms-output-output:before {
    border-left-color:transparent;
}
.form-wizard .steps > li.active .step .xforms-output-output:after {
    border-color: transparent transparent transparent #489ff6;
}

/*Next Step Arrow Color*/
.form-wizard .steps > li.next > a.step .xforms-output-output {
    background-color: #4db3a4;
    color: #fff;
}
.form-wizard .steps > li.next .step .xforms-output-output:before, .form-wizard .steps > li.next .step .xforms-output-output:after {
    border-color: #4db3a4;
}
.form-wizard .steps > li.next .step .xforms-output-output:before {
    border-left-color:transparent;
}
.form-wizard .steps > li.next .step .xforms-output-output:after {
    border-color: transparent transparent transparent #4db3a4;
}
.form-wizard .steps > li.next .step .xforms-output-output:hover {
    font-weight: bold;
}
.form-wizard .steps > li.next .step .xforms-output-output:not(.hover) {
    letter-spacing: 0.235px;
}

/*Previous Step Color*/
.form-wizard .steps > li.next-previous > a.step .xforms-output-output{
    background-color: #fede00;
    color: #fff;
}
.form-wizard .steps > li.next-previous .step .xforms-output-output:before, .form-wizard .steps > li.done .step .xforms-output-output:after {
    border-color: 	#fede00;
}
.form-wizard .steps > li.next-previous .step .xforms-output-output:before {
    border-left-color:transparent;
}
.form-wizard .steps > li.next-previous .step .xforms-output-output:after {
    border-color: transparent transparent transparent #fede00;
}
.form-wizard .steps > li.next-previous .step .xforms-output-output:hover {
    font-weight: bold;
}

/*Inactive Step Arrow Color*/
.form-wizard .steps > li.inactive > a.step .xforms-output-output{
    background-color: #b1b1b1;
    color: #fff;
    font-style: italic;
}
.form-wizard .steps > li.inactive .step .xforms-output-output:before, .form-wizard .steps > li.inactive .step .xforms-output-output:after {
    border-color: #b1b1b1;
}
.form-wizard .steps > li.inactive .step .xforms-output-output:before {
    border-left-color:transparent;
}
.form-wizard .steps > li.inactive .step .xforms-output-output:after {
    border-color: transparent transparent transparent #b1b1b1;
}

/*Completed Step Colors (same as inactive)*/
.form-wizard .steps > li.done > a.step .xforms-output-output{
    background-color: #b1b1b1;
    color: #fff;
    font-style: italic;
    cursor: default;
}
.form-wizard .steps > li.done .step .xforms-output-output:before, .form-wizard .steps > li.done .step .xforms-output-output:after {
    border-color: #b1b1b1;
}
.form-wizard .steps > li.done .step .xforms-output-output:before {
    border-left-color:transparent;
}
.form-wizard .steps > li.done .step .xforms-output-output:after {
    border-color: transparent transparent transparent #b1b1b1;
}

/*-----------------------
Checkboxes, Radio Buttons
------------------------*/
/*Hide default checkboxes and Radio Buttons*/
.orbeon .xforms-control input[type="radio"], .orbeon .xforms-control input[type="checkbox"]{
    opacity: 0;
    position: fixed;
    width: 0;
    display:none;
}
/*Checkbox and Radio Button field*/
.orbeon .xforms-control input[type="checkbox"] + span:before, .orbeon .xforms-control input[type="radio"] + span:before{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    display: inline-block;
    transform: translateY(3px);
    margin-right: 6px;
    border: 1px solid;
    background-color: white;

}
.orbeon .xforms-control input[type="radio"] + span:before{
    border-radius: 50%;
}
.orbeon .xforms-selected input[type="radio"] + span, .xforms-selected input[type="checkbox"] + span{
    background-color: #489ff6 !important;
    border-color: #489ff6 !important;
    color: white !important;
}

/*Checkmark and Radio Checked*/
/*TODO: Move images to server*/
/*TODO: Make images smaller*/
.xforms-selected input[type="checkbox"] + span:before, .orbeon span.xforms-selected > input[type="checkbox"]:after, input[type="checkbox"]:before  {
    background:white url("http://www.momentumsystems.com.au/wp-content/uploads/2020/01/checkbox.png") no-repeat;
}
.xforms-selected input[type="checkbox"] + span:before {
    background-size: 14px 14px;
}
.xforms-selected input[type="radio"] + span:before{
    background:white url("http://www.momentumsystems.com.au/wp-content/uploads/2020/01/radio-button.png") no-repeat;
    background-size: 14px 14px;
}

.orbeon .xforms-control input[type="radio"] + span, input[type="checkbox"] + span{
    text-transform: none !important;
}

.orbeon .xforms-control label.radio, .orbeon .xforms-control label.checkbox {
    padding:0 !important;
    margin:0 !important;
    margin-right:6.5px !important;
    margin-bottom:6.5px !important;
}

.orbeon .xforms-control input[type="radio"] + span, .orbeon .xforms-control input[type="checkbox"] + span {
    display: inline-block;
    padding: 10px 20px;
    padding: 8px 12px;
}

/*Single Select Checkbox*/
.orbeon span.xforms-deselected > input[type="checkbox"], .orbeon span.xforms-selected > input[type="checkbox"]{
    opacity: 100;
    position: relative;
    width: auto;
    display:inline;
    box-shadow: none;
}
.orbeon span.xforms-deselected > input[type="checkbox"]:after, .orbeon span.xforms-selected > input[type="checkbox"]:after{
    line-height: 1.5em;
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: -0px;
    margin-left: -0px;
    background-color:#fff;
    /*border: 1px solid #c2cad8;*/
    border: 1px solid black;
}
.orbeon span.xforms-selected > input[type="checkbox"]:after {
    background-size: 16px 16px;
}

/*Show Checkboxes inline*/
.orbeon .xforms-select label.checkbox {
    display: inline-block;
}


/*---------------------------
Non-Button Radio and Checkbox
---------------------------*/
/*Normal*/
.orbeon .xforms-control.non-button input[type="radio"] + span, .orbeon .xforms-control.non-button input[type="checkbox"] + span, .xforms-select-appearance-scroll input[type="checkbox"] + span{
    /*Remove button*/
    background-color: white !important;
    border: none !important;
    padding: 0 !important;
    cursor: default;
    box-shadow: none !important;
    transition: none !important;

    /*Change Text*/
    font-weight: normal !important;
    font-size: 12px !important;
    text-transform: none !important;
    color: black !important;

    /*Normal Pointer*/
    cursor: pointer !important;
}
/*Change Border Color of Checkbox*/
.non-button input[type="checkbox"] + span:before, .non-button input[type="radio"] + span:before{
    border: 1px solid #c2cad8;
}

/*Remove Button Hover Properties*/
.non-button input[type="radio"] + span:hover, .non-button input[type="checkbox"] + span:hover, .xforms-select-appearance-scroll input[type="checkbox"] + span:hover {
    box-shadow: none !important;
}
/*Remove Button Click Properties*/
.non-button input[type="radio"] + span:active, .non-button input[type="checkbox"] + span:active, .xforms-select-appearance-scroll input[type="checkbox"] + span:active {
    box-shadow: none !important;
    cursor: default;
}

/*Don't show them inline*/
.orbeon .xforms-select.non-button label.checkbox, .orbeon .xforms-select.non-button label.radio {
    display: block;
}

/*Read Only*/
.non-button input[type="checkbox"]:disabled + span:before, .orbeon span.xforms-deselected > input[type="checkbox"]:disabled:after, .non-button input[type="radio"]:disabled + span:before, .orbeon span.xforms-selected > input[type="checkbox"]:disabled:after {
    opacity: 0.6;
    cursor: not-allowed;
}


/*Set Default Cursor*/
.orbeon .xforms-control.non-button input[type="checkbox"] + span, .orbeon .xforms-control.non-button input[type="radio"] + span, .xforms-readonly label {
    cursor: default !important;
}

/*--------------
Routing Dialogue
--------------*/
.orbeon .xforms-dialog {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
    background-color: white;
}
.yui-skin-sam .yui-panel .hd{
    background-color: #eff2f5;
}

.handsontable tr.htDimmed td:first-child a {
    background-image: url('/forms410/forms/SYS/assets/admin/pages/img/external-link-symbol.png') !important;
}

/*---------------------
NEW TINY MCE VISIBILITY
---------------------*/
.orbeon .fr-grid .xforms-textarea.tinyMCE-textArea textarea {
    visibility: hidden;
    /*visibility:visible !important;
    display: block !important;*/
}
/*.orbeon .fr-grid .xforms-textarea.tinyMCE-textArea:not(.tinyMCE-Initiated):before{
    visibility: visible;
    content: "Loading...";
    font-weight: bold;
}*/
.orbeon .fr-mode-edit .fr-grid .xforms-textarea.tinyMCE-textArea textarea {
    visibility: visible;
}

/*-------------
DRILLDOWN FIELD
-------------*/
/*Hide Dropdown Menu*/
/*.orbeon .singleSelectDrilldown select{
    display:none;
}*/

/*Disable bullets on unordered list and adjust padding*/
.orbeon .singleSelectDrilldown ul {
    list-style: none;
    padding-left: 8px;
    margin-left: 0px;
    margin-top: 0px;
}

/*Option and selection base styling*/
.orbeon .singleSelectDrilldown ul div {
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: bold;

}
.orbeon .singleSelectDrilldown ul div:hover {
    background-color: #f1f1f1;
}

/*Top Level category styling*/
.orbeon .singleSelectDrilldown .topLevel {
    color: #FFF;
    background-color: #489ff6;
    min-width: 160px;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: bold;

    /*BOX SHADOW*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1) !important;
}
.orbeon .singleSelectDrilldown .topLevel:hover, .orbeon .singleSelectDrilldown .topLevel.selected {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

/*Add arrows to selection categories*/
.orbeon .singleSelectDrilldown ul div:before, .orbeon .singleSelectDrilldown .topLevel:before {
    /*content: "\25B6  ";*/
    content: "\25B8  ";

}
.orbeon .singleSelectDrilldown ul div.selected:before, .orbeon .singleSelectDrilldown .topLevel.selected:before {
    /*content: "\25BC  ";*/
    content: "\25BE  ";
}
.orbeon .singleSelectDrilldown ul div.bottomLevel:before {
    content: "";
}

/*Bottom level options styling*/
.orbeon .singleSelectDrilldown ul div.bottomLevel {
    width: 100%;
    font-weight: normal;
}

/*Visiblity controls*/
.orbeon .singleSelectDrilldown .drilldownHidden {
    display: none;
}
.orbeon .singleSelectDrilldown .drilldownVisible {
    display: block;
}

/*Make menu float*/
.orbeon .singleSelectDrilldown .selectionArea {
    position: relative;
    width: 100%;
}
.orbeon .singleSelectDrilldown .selectionArea > ul {
    position: absolute;
    width: 100%;
    z-index: 1;
    max-height: 300px;
    overflow-x: auto;
}

/*Read-Only*/
.orbeon .singleSelectDrilldown .readOnlyView {
    display: none;
    color: #34495e;
}
.orbeon .singleSelectDrilldown.xforms-readonly .readOnlyView {
    display: block;
    color: #34495e;
}
.orbeon .singleSelectDrilldown.xforms-readonly .topLevel {
    display: none;
}

/*IN DEVELOPMENT*/
.firstLevelMenuQMS {
    overflow-y: scroll;
}
.tasks-widget {
    border: 2px solid red !important;
}
.logo-default {
    display: none;
}

/*Flashing Edit Button*/
@-moz-keyframes glowing {
    0% {
        background-color: #36c6d3;
    }
    50% {
        background-color: #96e1e8;
        box-shadow: 0 0 10px #96e1e8;
        border: 1px solid #96e1e8;
    }
    100% {
        background-color: #36c6d3;
    }
}

@-webkit-keyframes glowing {
    0% {
        background-color: #36c6d3;
    }
    50% {
        background-color: #96e1e8;
        box-shadow: 0 0 10px #96e1e8;
        border: 1px solid #96e1e8;
    }
    100% {
        background-color: #36c6d3;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #36c6d3;
    }
    50% {
        background-color: #96e1e8;
        box-shadow: 0 0 10px #96e1e8;
        border: 1px solid #96e1e8;
    }
    100% {
        background-color: #36c6d3;
    }
}

@-ms-keyframes glowing {
    0% {
        background-color: #36c6d3;
    }
    50% {
        background-color: #96e1e8;
        box-shadow: 0 0 10px #96e1e8;
        border: 1px solid #96e1e8;
    }
    100% {
        background-color: #36c6d3;
    }
}

@keyframes glowing {
    0% {
        background-color: #36c6d3;
    }
    50% {
        background-color: #96e1e8;
        box-shadow: 0 0 10px #96e1e8;
        border: 1px solid #96e1e8;
    }
    100% {
        background-color: #36c6d3;
    }
}

#SYS_ACTIONS_GRID .openqms-action-button-green button, #SYS_ACTIONS_GRID_BOTTOM_BAR .openqms-action-button-green button {
    -webkit-animation: glowing 2s linear infinite;
    -moz-animation: glowing 2s linear infinite;
    -ms-animation: glowing 2s linear infinite;
    -o-animation: glowing 2s linear infinite;
    animation: glowing 2s linear infinite;


    display: block !important;
}

/*Fix for Width in Due Date field in History Tab*/
#fb-tabbable≡SYS_TASK_HISTORY_TAB-control≡SYS_PROCESS_TASK_DUE_DATE-control≡xforms-input-1 {
    width: 150px !important;
}

/*Hiding Unnecisary Scroll Bars in List Popup View*/
#fb-tabbable≡SYS_VIEW_DIALOG_ROW_1 > table > tbody > tr > td > div > iframe {
    width: 97vw !important;
    overflow-x: hidden;
}
#iframe1 {
    width: 100% !important;
    min-height: calc(100vh - 100px) !important;
}

/*#fb-tabbable≡SYS_VIEW_DIALOG{
    overflow-x:hidden;
}
#SYS_VIEW_FIELDS-control≡xf-840 > div.page-content-inner > div.row > div{
    padding-left:0;
    margin-left:15px;
}
*/
/*
span.deleteiconX {
                position: relative;
                align-items: center;
                 display: table-cell;
                right: 3px;
                width: 25px;
                height: 25px;
                border-radius: 100% !important;
                 padding: 0.5em;
                color: #fff;
                background-color: #ccc;
                font: 18px monospace;
                text-align: center;
                line-height: 1em;
                cursor: pointer;
            }
            */

span.deleteiconX {

    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100% !important;
    background-color: #ccc;
    font: 16px monospace;
    text-align: center;
    cursor: pointer;

}
.orbeon .fr-grid .fr-grid-content .xforms-trigger button, .orbeon .fr-grid .fr-grid-content .yui-button .xforms-trigger input {
    margin-top: 0;
    margin-left: 15px;
}
.openqms-opendialog-trigger img, .openqms-opendialog-trigger i.fa-link {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

/*---------------------
List View: EXPERIMENTAL
---------------------*/
/*TODO: Figure out how to only select the main table and controls: may need to use JavaScript to add a class*/
/*Table Colors*/
/*
.handsontable table.htCore tbody tr:nth-child(even) td, .handsontable th,  .handsontable .changeType{
    background-color: #eff2f5 !important;* /*E9ECF3*
}

.handsontable td{
    /*border-right: none !important; *
   border-bottom: none !important;
   border-right: 1px solid #c2cad8 !important;
}

, .handsontable th {
   border-bottom: 1px solid #c2cad8 !important;
   border-right: 1px solid #c2cad8 !important;
}

/*List Control Spacing*
.page-content-inner #sample_1_filter .xforms-label{
    margin-bottom: 0px;
    font-weight: bold;
}

.page-content-inner .portlet.box > .portlet-body{
    padding-top: 3px !important;
    padding-bottom: 6px !important;
}

.page-content-inner .portlet.box > .portlet-body > table {
    width: 100% !important;
}

.page-content-inner .portlet.box > .portlet-body > table > tbody > tr:last-child {
    display:none;
}
*/


/* ======================================
-------- Updated Styles --------------
====================================== */
.orbeon table{
    margin-bottom: 0 !important;
}
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    background-color: transparent !important;
    color: #489ff6 !important;
    box-shadow: none !important;
    margin: 0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    color: #FFF !important;
    background-color: #489ff6 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.yui-skin-sam .yui-navset .yui-nav a em {
    background-color: white !important;
    border-top: 1px solid #c5cdda !important;
    border-right: 1px solid #c5cdda !important;
    border-left: 1px solid #c5cdda !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}

.yui-skin-sam .yui-navset .yui-nav {
    margin-left: 12px;
    margin-right: 12px;
}

.orbeon .yui-content.xforms-group{
    box-shadow: none;
    border-top: 0;
}
.yui-navset-top {
    border-radius: 10px;
    overflow: hidden;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label a{
    color: #489ff6 !important;
    /* text-transform: capitalize !important; */
    letter-spacing: 0.2px;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label a .font-green-sharp{
    color: #489ff6 !important;
}

.orbeon .xforms-dialog-modal {
    .xforms-label, button {
        padding-top: 16px;
    }
}

.orbeon .fr-grid .xforms-label{
    padding: 0;
}

.orbeon {
    .fr-grid {
        select,
        textarea,
        input[type="text"],
        input[type="password"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="date"],
        input[type="month"],
        input[type="time"],
        input[type="week"],
        input[type="number"],
        input[type="email"],
        input[type="url"],
        input[type="search"],
        input[type="tel"],
        input[type="color"],
        .uneditable-input {
            display: block;
            width: 100% !important;
            height: 40px;
            padding: 6px 12px;
            margin-top: 5px;
            font-size: 16px !important;
            font-weight: 500;
            line-height: 1.5;
            color: #5E6278;
            background-color: #ffffff;
            background-clip: padding-box;
            border: none;
            border-bottom: 1px solid #ddd;
            box-shadow: none;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
        .xbl-fr-currency .add-on {
            display: block;
            height: 40px;
            padding: 6px 2px 6px 12px;
            margin-top: 5px;
            background-color: #ffffff;
            background-clip: padding-box;
            border: none;
            border-bottom: 1px solid #ddd;
            box-shadow: none;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            output {
                height: 100%;
                font-size: 16px !important;
                line-height: 1.5;
                font-weight: 500;
                line-height: 1.5;
                color: #5E6278;
            }
        }
    }
    #dialog-control-details≡dialog {
        .fr-grid {
            select,
            textarea,
            input[type="text"],
            input[type="password"],
            input[type="datetime"],
            input[type="datetime-local"],
            input[type="date"],
            input[type="month"],
            input[type="time"],
            input[type="week"],
            input[type="number"],
            input[type="email"],
            input[type="url"],
            input[type="search"],
            input[type="tel"],
            input[type="color"],
            .uneditable-input {
                height: 24px;
                padding: 3px 6px;
                font-size: 13px !important;
            }
        }
    }
}

/*Currency*/
.orbeon .xbl-fr-currency input{
    width: 100% !important;
}
.orbeon .xbl-fr-currency .add-on{
    background: white;
    border: none;
    /*border-bottom: 1px solid #c2cad8;*/
}
.orbeon .xbl-fr-currency.xforms-readonly  .add-on {
    border-bottom: none;
}

.xbl-fr-autocomplete .fr-autocomplete-container > .yui-ac > .fr-autocomplete-search {
    width: 100% !important;
}
.xbl-fr-autocomplete .fr-autocomplete-container {
    position: relative;
    width: 100%;
}
.xbl-fr-autocomplete .fr-autocomplete-container > .yui-ac{
    position: relative;
    display: flex;
    align-items: center;
}
.orbeon .fr-grid-content .xforms-trigger span.orbeon-input-group-addon{
    display: block;
    width: 30px;
    height: 40px;
    background-color:#ffffff !important;
    padding: 0;
}
.orbeon .fr-grid-content .xforms-trigger span img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 8px;
}

.xbl-fr-autocomplete .fr-autocomplete-container .xforms-trigger button{
    padding: 0 !important;
    width: 20px;
    margin-left: 0 !important;
    position: absolute;
    right: 15px;
    bottom: 0;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
}
.xbl-fr-autocomplete .fr-autocomplete-container .xforms-trigger button:hover{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none;
}
.xbl-fr-autocomplete .fr-autocomplete-container > .yui-ac.multiselect-autocomplete .xforms-trigger button{
    right: 30px;
}
#fb-tabbable≡DOCCON_MAIN_FORM_DOC_ID_SECTION-control≡DOCCON_MAIN_FORM_DOC_ID_SECTION_GRID_2≡DOCCON_MAIN_DOC_ID_ORIGINATOR-control≡component-inner-group .yui-ac .xforms-trigger button{
    right: 30px;
}

span.deleteiconX{
    position: absolute;
    right: 40px;
    top: 18px;
    align-items: center;
    justify-content: center;
    background-color: transparent;

    width: 25px;
    height: 25px;
    font: 16px monospace;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
span.deleteiconX.show{
    display: flex !important;
}

.orbeon .xforms-input input.xforms-type-date{
    background-position: 96% center !important;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css");

.orbeon .xforms-control.xforms-output.xforms-output-appearance-xxforms-download {
    width: 100%;
    display: block;
    margin-top: 5px;
}
.orbeon .xforms-control.xforms-output.xforms-output-appearance-xxforms-download a {
    display: inline-block;
    padding: 8px;
    background: transparent;
    color: #333333;
    border: 1px solid #cacaca;
    border-radius: 8px !important;
    text-align: center;
    text-decoration: none !important;
    font-style: normal !important;
}
.orbeon .xforms-control.xforms-output.xforms-output-appearance-xxforms-download a .icon-download {
    background: none !important;
    margin-right: 5px;
}
.orbeon .xforms-control.xforms-output.xforms-output-appearance-xxforms-download a .icon-download::after {
    content: "\f019";
    font-family: Fontawesome;
    position: relative;
    display: inline-block;
    font-style: normal !important;
}
.orbeon .xforms-control.xforms-output.xforms-output-appearance-xxforms-download a:hover {
    background: #0077EE;
    color: #ffffff;
}
.openqms-inline-action-button button, .orbeon .openqms-action-button-grey button, .orbeon .openqms-action-button-blue button, .orbeon .openqms-action-button-green button, .orbeon .openqms-action-button-red button, .orbeon .fr-repeater-add a, #checkButtons button, .orbeon .openqms-inline-action-button-blue button, .orbeon .openqms-inline-action-button-blue-left-align button, .orbeon .openqms-inline-action-button-red button, .orbeon .openqms-inline-action-button-red-left-align button, .orbeon .openqms-inline-action-button-green button, .orbeon .openqms-inline-action-button-green-left-align button, .orbeon .openqms-inline-action-button-grey button, .orbeon .openqms-inline-action-button-grey-left-align button, .orbeon .btn, .openqms-inline-action-button button{
    background-color: transparent !important;
    box-shadow: none !important;
    border: 1px solid #999999 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    text-shadow: none !important;
    color: #676767 !important;
}
.orbeon .fr-grid .fr-grid-content .openqms-action-button-blue button, #SYS_VIEW_FIELDS-control≡SYS_VIEW_SUBMIT_DIALOG≡≡c{
    text-shadow: none !important;
    background-color: #489ff6 !important;
    color: #ffffff !important;
    border: 1px solid #489ff6 !important;
}
.orbeon .btn:hover, .openqms-inline-action-button button:hover, .orbeon .fr-repeater-add a:hover, .orbeon .icon-plus-sign:hover:after, #checkButtons button:hover, .openqms-opendialog-trigger i.fa-link:hover, input[type="radio"] + span:hover, input[type="checkbox"] + span:hover, .orbeon .fr-grid .fr-grid-content .openqms-action-button-blue button:hover, #SYS_VIEW_FIELDS-control≡SYS_VIEW_SUBMIT_DIALOG≡≡c:hover {
    box-shadow: none !important;
    text-shadow: none !important;
    background-color: #0077EE !important;
    color: #ffffff !important;
    border: 1px solid #0077EE !important;
}

.orbeon .fr-grid tbody tr td{
    vertical-align: middle !important;
}
.orbeon .xforms-dialog .bd{
    width: 100% !important;
}
.orbeon .xforms-dialog .yui-navset.yui-navset-top{
    margin: 0 !important;
}
#fb-tabbable≡SYS_VIEW_DIALOG_ROW_1 > table > tbody > tr > td > div > iframe{
    width: 100% !important;
}
#fb-tabbable≡SYS_VIEW_DIALOG_ROW_1 > table > tbody > tr > td > div > iframe::-webkit-scrollbar{
    display: none;
}
body.orbeon{
    background: #F5F5F5 !important;
}
.openqms-opendialog-trigger img{
    box-shadow: none !important;
    border: none !important;
}
.openqms-opendialog-trigger img:hover{
    box-shadow: none !important;
    text-shadow: none !important;
    background-color: none !important;
    border: none !important;
}
.yui-skin-sam .yui-panel .hd{
    background-color: #ffffff !important;
    border: 0;
    width: 99.7%;
}
.yui-skin-sam .container-close{
    box-shadow: none !important;
}
.orbeon .xforms-dialog{
    border-radius: 8px !important;
}
.yui-skin-sam .container-close:hover{
    box-shadow: none !important;
    background-color: #0077EE !important;
    border: none !important;
}
.orbeon .fr-grid .fr-grid-content iframe{
    width: 100% !important;
}
.orbeon .fr-grid .fr-grid-content iframe::-webkit-scrollbar{
    display: none;
}
.myScrollableBlock{
    overflow-x: hidden !important;
}
.orbeon #fr-view {
    width: 99%;
}
.orbeon .fr-grid select#SYS_KEYWORD_SELECTION-control≡SYS_KEYWORD_SELECTION_GRID≡SYS_KEYWORD_DIALOG_SELECTED-control≡≡c{
    height: 100px !important;
}

/* .fr-buttons.xforms-group#xf-268{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.fr-buttons.xforms-group#xf-268 span{
    display: inline-block;
    width: 100%;
    flex: 1;
} */

.orbeon .fr-buttons .xforms-trigger button {
    background: #ffffff !important;
    border: 1px solid #999999 !important;
    border-radius: 6px !important;
    margin-top: 10px;
    box-shadow: none !important;
}
.orbeon .fr-buttons .xforms-trigger button:hover {
    background: #0077EE !important;
    color: #fff;
    border: 1px solid #0077EE !important;
    border-radius: 6px !important;
    margin-top: 10px;
    box-shadow: none !important;
}

.orbeon .fr-buttons .xforms-trigger-appearance-xxforms-primary .xforms-trigger button {
    color: #fff !important;
    background: #489ff6 !important;
    border: 1px solid #489ff6 !important;
    box-shadow: none !important;
    &:hover {
        background: #0077EE !important;
        border: 1px solid #0077EE !important;
    }
}

@media screen and (max-width: 992px) {
    .fr-buttons.xforms-group#xf-268 {
        flex-wrap: wrap;
    }
}
/* @media only screen and (min-width: 700px){
    .yui-navset-top {
        box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }
} */

.orbeon .fr-repeat-table .fr-repeat-column-trigger button{
    display: block;
    padding: 2px 6px !important;
}
.orbeon .dropdown-menu > li > a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #676767;
}
.orbeon .dropdown-menu > li > a output{
    color: #676767;
}
.orbeon .dropdown-menu > li > a i{
    top: 0;
    color: #676767;
}
.orbeon .dropdown-menu > li > a:hover{
    background: #efefef;
    color: #333333;
}
.orbeon .dropdown-menu>li>a:hover>[class^="icon-"]{
    filter: invert(1);
}
.orbeon .dropdown-menu > li.disabled > a output{
    opacity: 0.4;
}
.orbeon .fr-repeat-table .fr-repeat-column-trigger{
    vertical-align: top !important;
}
.orbeon .table-bordered colgroup+thead tr:first-child th:first-child{
    vertical-align: middle !important;
    padding-top: 8px;
}

.orbeon .fr-grid select:disabled,
.orbeon .fr-grid input:disabled{
    border: 0 !important;
}
.orbeon .fr-grid tbody tr td{
    vertical-align: top !important;
}



.orbeon .xforms-dialog{
    margin: auto;
}
#fb-tabbable≡SYS_PROCESS_DIALOG .bd{
    padding: 10px 12px;
}
#fb-tabbable≡SYS_PROCESS_DIALOG .bd .fr-grid:not(.fr-repeat-table) > tbody > tr:nth-last-child(2) > td{
    text-align: right;
}
.orbeon button.btn.btn-mini.fr-repeater-dropdown-button{
    padding: 1px 7px !important;
}

.xbl-component.xbl-fr-tabview .yui-navset-top{
    overflow: visible;
}

.orbeon #fr-view {
    padding: 0 30px;
}
.orbeon .fr-grid .fr-grid-content .xforms-control.xforms-incremental .xforms-items{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.orbeon .xforms-selected input[type="radio"] + span, .xforms-selected input[type="checkbox"] + span,
.orbeon .xforms-control input[type="radio"] + span:hover,
.orbeon .xforms-control input[type="checkbox"] + span:hover {
    color: #2f2e2d !important;
}


.orbeon .fr-grid .fr-grid-content {
    position: relative;
    padding: 4px;
}
.openqms-opendialog-names.xforms-textarea.xforms-textarea-appearance-xxforms-autosize{
    width: calc(100% - 32px);
    display: block;
}
.openqms-opendialog-trigger.fr-grid-1-2,
.openqms-opendialog-trigger.fr-grid-2-2,
.xbl-fr-autocomplete .openqms-opendialog-trigger
{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.timeline .timeline-body-head table{
    width: 100%;
}
.timeline .timeline-body-head table tr td{
    width: 100%;
    display: block;
}
.timeline .timeline-body-head table tr td span{
    padding: 0;
    margin: 0;
    display: block;
}
.timeline .timeline-body-head table tr td span input{
    padding: 0;
    margin: 0;
}
.timeline .timeline-body-head table tr td:nth-of-type(2),
.timeline .timeline-body-head table tr td:nth-of-type(4){
    width: 40%;
    display: inline-block;
}
.timeline .timeline-body-head table tr td:nth-of-type(3),
.timeline .timeline-body-head table tr td:nth-of-type(5){
    width: 60%;
    display: inline-block;
}

.timeline .timeline-body-head table tr td .xforms-type-dateTime{
    width: 100%;
    display: flex;
}
.orbeon .xforms-control.xforms-upload.disabled{
    opacity: 0.4;
    pointer-events: none;
}
.orbeon .fr-grid-content .xforms-trigger span.orbeon-input-group-addon,
.orbeon .fr-grid-content .xforms-trigger span img{
    background: transparent !important;
}

/* .orbeon #fr-view{
width: 100% !important;
padding: 0 !important;
} */

.orbeon .fb-toolbox .fb-toolbox-inside .fb-tools{
    background-color: #f5f5f5 !important;
}

.xbl-fr-autocomplete .fr-autocomplete-container .xforms-trigger button {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    img {
        padding-top: 12px;
    }
}

.yui-skin-sam .yui-calcontainer {
    background-color: #ffffff;
    border: 1px solid #ddd;

    .calheader {
        a.calnav {
            padding: 2px 5px;
            background: none;
            color: #808080;
            border: 1px solid #cccccc;
            border-radius: 4px;
        }
    }

    tbody.calbody {
        td.calcell {
            &.today {
                background-color: #0077EE;
                a {
                    color: #0b94ea;
                }
            }
            &.calcellhover {
                background: none;
                font-weight: bold;
                a {
                    background-color: #0077EE;
                    color: #ffffff;
                    font-weight: bold;
                }
            }

            &.selected {
                a {
                    background-color: #0b94ea;
                    color: #ffffff;
                }
            }

            &.oom {
                background: none;
                color: #cccccc;
            }
        }
    }

    .yui-cal-nav {
        background-color: #ffffff;

        .yui-cal-nav-btn {
            border: 1px solid #999999;
            border-radius: 4px !important;
            background: none;
            transition: all 0.3s;

            button {
                background: transparent;
                color: #999999;
                transition: all 0.3s;
            }

            &.yui-default {
                border: 1px solid #489ff6;
                button {
                    background: #489ff6;
                    color: #ffffff;
                }
            }

            &:hover {
                border: 1px solid #0077EE;

                button {
                    background: #0077EE;
                    color: #ffffff;
                }
            }
        }
    }
}

.yui-skin-sam .yui-panel-container {
    max-width: 98vw;
    margin: 0 auto;
    border-radius: 8px;
}


#orbeon-spinner {
    .bd {
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .xforms-modal-progress {

    }
}

.orbeon .navbar.navbar-inverse .navbar-inner output {
    color: #bbb;
}

.yui-skin-sam .yui-panel-container {
    max-width: 98vw;
    min-height: 80vh;
    margin: 0 auto;
    border-radius: 8px;

    #fb-tabbable≡SYS_VIEW_DIALOG {
        height: 100% !important;
    }
    #fb-source-editor-dialog {
        height: 100%;
        min-height: 80vh;
        .xxforms-dialog-body {
            height: calc(80vh - 200px);
        }
    }
}



.yui-skin-sam .yui-panel-container {
    #fb-tabbable≡SYS_VIEW_DIALOG, #fb-tabbable≡SYS_KEYWORD_DIALOG {
        .xxforms-dialog-body {
            height: calc(100vh - 200px) !important;
            max-height: initial !important;
            min-height: initial !important;
            iframe {
                height: calc(100vh - 275px) !important;
            }
        }
    }
}

#SYS_VIEW_DIALOG_c {
    width: 100%;
}

.orbeon {
    #SYS_VIEW_DIALOG_mask {
        width: 100% !important;
        height: 100% !important;
    }
    #SYS_PROPERTIES_DIALOG_c.yui-panel-container {
        #SYS_PROPERTIES_DIALOG.xforms-dialog {
            width: 100%;
            max-width: 98vh;
            .xxforms-dialog-body {
                max-height: initial !important;
            }
        }
    }
}

#SYS_VIEW_ADVANCED_SEARCH_DIALOG  > .xxforms-dialog-body {
    max-height: initial !important;
}


.yui-skin-sam .yui-panel-container.shadow .underlay {
    background-color:transparent !important;
}