/* 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: #e9ecf3;
}
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 .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;
}
.yui-skin-sam .yui-panel .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: #4DB3A2 !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;
}
.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;	
}

/*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;
}

/*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: 2px solid #3fc9d5 !important; /*#3498DB*/
}

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 input[type='text']:disabled, .orbeon input[type='password']:disabled, .orbeon select:disabled{
	background: none;
	border-bottom: none;
	resize: none;
	cursor: text;
}
.orbeon textarea:disabled{
	background: none;
	border: 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 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);	
}

/*----------------
New Theme: Buttons
----------------*/
.orbeon .btn, .openqms-inline-action-button button, .orbeon .icon-plus-sign:after, .orbeon .fr-repeater-add a, .openqms-opendialog-trigger img, #checkButtons button, .openqms-opendialog-trigger i.fa-link, input[type="radio"] + span, input[type="checkbox"] + span {	
	color: #333 !important;
	background-color: #eff2f5 !important; /*f5f5f5*/
	border: 1px solid #eff2f5 !important;
		
	border-radius: 0px;	
	background-image: none !important;
	
	
	-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;	
}



/*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 {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

/*Button on Click*/
.orbeon .btn:active, .openqms-inline-action-button button:active, .orbeon .fr-repeater-add a:active, .orbeon .icon-plus-sign:active:after, .openqms-opendialog-trigger img:active, .orbeon button:active, .openqms-opendialog-trigger i.fa-link:active, input[type="radio"] + span:active, input[type="checkbox"] + span:active, .yui-skin-sam .container-close:active {
	box-shadow: none !important;
	cursor: pointer;
}

/*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;
}

/*CLEANING: UP TO HERE*/
/*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
{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important;
	cursor: default !important;
	font-weight: none !important;
	cursor: not-allowed !important;
	/*border: 1px solid #e0e4eb !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 .xforms-trigger-appearance-xxforms-primary .btn, .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: #3498db !important;
	border: 1px solid #3498db !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;
}

/*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;
}

/*Open Dialogue Button*/
.openqms-opendialog-trigger img, .openqms-opendialog-trigger i.fa-link{
	/*position: relative;
	top: 5px;*/
	/*margin-top:5px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.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: #3498db !important;
	border: 1px solid #3498db !important;	
}











/*Flashing Edit Button*/
@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{
	animation: glowing 1300ms 5;
}



/*-------------
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: #3498db;
}
.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 #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 .selected a em{
	color: #FFF !important;
	background-color: #3498db !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:hover{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

/*-----------------------
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: #4285f4;
    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: #4285f4;
}
.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 #4285f4;
}

/*Next Step Arrow Color*/
.form-wizard .steps > li.next > a.step .xforms-output-output {
	background-color: #34a853;
    color: #fff;
}
.form-wizard .steps > li.next .step .xforms-output-output:before, .form-wizard .steps > li.next .step .xforms-output-output:after {
	border-color: #34a853;
}
.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 #34a853;
}
.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: #FFC107;
    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: #FFC107;
}
.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 #FFC107;
}
.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: #CCC;
    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: #CCC;
}
.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 #CCC;
}

/*Completed Step Colors (same as inactive)*/
.form-wizard .steps > li.done > a.step .xforms-output-output{
    background-color: #CCC;
    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: #CCC;
}
.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 #CCC;
}



/*-----------------------
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;

}
.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: #3498db !important;
	border-color: #3498db !important;
	color: white !important;
}



/*Checkmark and Radio Checked*/
/*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("/forms/SYS/assets/admin/pages/img/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("/forms/SYS/assets/admin/pages/img/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; /*#3498db #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: #3498db;
	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 !important; 
	}
	50% { 
		background-color:  #96e1e8 !important; 
		box-shadow: 0 0 10px  #96e1e8 !important; 
		border: 1px solid #96e1e8 !important;	}
	100% { 
		background-color: #36c6d3 !important; 
	}
}
@-webkit-keyframes glowing {
	0% {
		background-color: #36c6d3 !important; 
	}
	50% { 
		background-color:  #96e1e8 !important; 
		box-shadow: 0 0 10px  #96e1e8 !important; 
		border: 1px solid #96e1e8 !important;	}
	100% { 
		background-color: #36c6d3 !important; 
	}
}
@-o-keyframes glowing {
	0% {
		background-color: #36c6d3 !important; 
	}
	50% { 
		background-color:  #96e1e8 !important; 
		box-shadow: 0 0 10px  #96e1e8 !important; 
		border: 1px solid #96e1e8 !important;
	}
	100% { 
		background-color: #36c6d3 !important; 
	}
}
@-ms-keyframes glowing {
	0% {
		background-color: #36c6d3 !important; 
	}
	50% { 
		background-color:  #96e1e8 !important; 
		box-shadow: 0 0 10px  #96e1e8 !important; 
		border: 1px solid #96e1e8 !important;
	}
	100% { 
		background-color: #36c6d3 !important; 
	}
}
@keyframes glowing {
	0% {
		background-color: #36c6d3 !important; 
	}
	50% { 
		background-color:  #96e1e8 !important; 
		box-shadow: 0 0 10px  #96e1e8 !important; 
		border: 1px solid #96e1e8 !important;
	}
	100% { 
		background-color: #36c6d3 !important; 
	}
}
#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;
}
/*#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: fixed;
}