/* GENERIC FORM STYLING */
form fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.message {
    background: #F0F8FC !important;

    display: block;

    color: #43536D !important;

    margin: 0 auto 15px auto !important;
    padding: 5px !important;

    border: 4px solid #93CDE8 !important;

    box-sizing: border-box;
}

.message.bad, .message.required, .message.validation, .message.error, .sg-form-container form .sg-error {
    background: #FED0D0 !important;

    color: #DC1313 !important;

    width: 400px;
    max-width: 100%;

    border-color: #FF7373 !important;
}

.error-full {
    background: #FED0D0 !important;

    color: #DC1313 !important;
    width: 100%;
    max-width: 100%;

    border-color: #FF7373 !important;
    text-align: center;
}

.field:not(.tabset) .message {
    margin: 5px 0 0 !important;
}

.field:not(.tabset) .message.has-bottom-margin {
    margin-bottom: 5px !important;
}

form fieldset > .message.bad, form fieldset > .message.required, form fieldset > .message.validation, form fieldset > .message.error {
    width: auto;
}

.message.warning {
    background: #FFFFEA !important;

    color: #979908 !important;

    border-color: #F7F8B4 !important;
}

.message.good, .message.success {
    background: #EAFFEC !important;

    color: #089916 !important;

    border-color: #B4F8BC !important;
}

form div.field, form fieldset.field, form div.field + .ss-gridfield, .sg-form-container form .sg-form-group {
    clear: both;

    margin-top: 14px;
}

form fieldset.ui-buttonset {
    margin-top: 0;
}

form p.field {
    clear: both;
}

form div.middleColumn, .sg-form-container form .sg-form-group input, .sg-form-container form .sg-form-group select {
    margin-top: 4px;
}

form label, .sg-form-container form label {
    display: block;
    color: #000000;

    text-align: left !important;
}

form .field.checkbox label, .sg-form-container form label, .fieldgroup-field input.checkbox + label {
    display: inline;
}

form label.FormHeading {
    font-size: 1.3em;
    color: #ff7200;
    font-weight: bold;
}

form input.text, form textarea, form select, form .ss-gridfield-editable select.dropdown,
.sg-form-container form .sg-form-group input {
    background: #FFFFFF;

    font-size: 14px;
    color: #000000 !important;

    width: 400px;
    max-width: 100%;
    min-height: 32px;

    border: 1px solid #AAAAAA;

    padding: 3px 5px;

    box-sizing: border-box;

    border-radius: 3px;
}

form input.text:user-invalid, form textarea:user-invalid, form select:user-invalid,
form input[type=checkbox]:user-invalid, form input[type=radio]:user-invalid {
    border-color: #DC1313;
}

form .ss-gridfield-editable select.dropdown {
    width: 100%;
}

form input.full-width, form textarea.full-width, form select.full-width {
    width: 100%;
}

form .btn-toolbar input, form .btn-toolbar input, form button, form .ui-button, form .ui-button.ui-state-default, .button,
a.button, .btn {
    background: #00AFEF;

    display: -webkit-inline-flex;
    display: inline-flex;

    font-size: 14px;
    color: #FFFFFF;

    border: 0;

    padding: 6px 12px;

    line-height: 1.42857143;

    text-align: center;

    box-shadow: 0 2px 0 0 rgba(14, 146, 194, 1);

    border-radius: 4px;

    align-items: center;

    -webkit-appearance: none;
}

form .ui-button:hover, form .ui-button:active, form .ui-button:focus {
    background: #00AFEF;

    border: 0;
}

form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"], form textarea {
    -webkit-appearance: none;
}

button::-moz-focus-inner {
    border: 0;

    padding: 0;
}

form .ui-button.disabled {
    opacity: 0.35;

    cursor: default;

    pointer-events: none;
}

form .ui-button.disabled:hover,
form .ui-button.ui-state-disabled:hover {
    color: #FFFFFF;

    text-decoration: none;
}

.button.full-width {
    display: block;

    width: 100%;

    box-sizing: border-box;
}

.button.taller {
    padding-top: 15px;
    padding-bottom: 15px;
}

.button .glyphicon, form .btn-toolbar button .glyphicon, form .ui-button .ui-icon {
    font-size: 24px;

    margin-right: 4px;
    padding-right: 8px;

    border-right: 1px solid #008DBD;

    vertical-align: middle;
}

form .btn-toolbar input.orange, form button.orange, .button.orange {
    background: #FF6D00;

    font-weight: bold;

    text-shadow: 0 1px 0 rgba(255, 27, 0, 1);

    box-shadow: 0 2px 0 0 rgba(228, 99, 0, 0.77);
}

.button.orange .glyphicon, form .btn-toolbar button.orange .glyphicon, form .ui-button.orange .ui-icon {
    border-right: 1px solid #E46100;

    box-shadow: 1px 0 0 0 rgba(250, 134, 47, 1);
}

.button.grey, form button.grey, form .ui-button.grey, form .btn-toolbar input.grey, form button:disabled, form .btn-toolbar input:disabled {
    background: #B8B8B8;

    color: #666666;

    text-shadow: none;

    box-shadow: 0 2px 0 0 #ADADAD;
}

form .btn-toolbar input.dark-grey {
    background: #515151;

    color: #FFFFFF;

    box-shadow: 0 2px 0 0 #393939;
}

form button:disabled, form .btn-toolbar input:disabled {
    color: #666666 !important;
}

form .ui-button.grey .ui-icon {
    border-right-color: #878787;
}

a.button.green, .button.green, form button.green, form .btn-toolbar input.green,
form .action.ss-ui-action-constructive, form .ui-button.ui-action-constructive,
form .ui-button.ss-ui-action-constructive, form .ss-gridfield .add-existing-autocompleter button,
form .ss-gridfield .ss-gridfield-add-new-inline {
    background: #5CB85C;

    color: #FFFFFF;

    box-shadow: 0 2px 0 0 #4CAE4C;
}

form .ui-button.ss-ui-action-constructive .ui-icon, form .ui-button.green .ui-icon,
form .ss-gridfield .add-existing-autocompleter button .ui-icon,
form .ui-button.ui-action-constructive .ui-icon,
form .ss-gridfield .ss-gridfield-add-new-inline::before {
    border-right-color: #2F9432 !important;
}

form button.red, form .btn-toolbar input.red, form .action.ss-ui-action-destructive,
.btn.btn-danger {
    background: #B80013;

    box-shadow: 0 2px 0 0 #730001;
}

form .btn-toolbar input:hover, form button:hover, form .ui-button:hover, .button:hover, form .ss-gridfield .add-existing-autocompleter button:hover,
a.button:hover {
    color: #333333 !important;

    text-decoration: none;
}

form .btn-toolbar input + input,
form .btn-toolbar button + button,
form .btn-toolbar button + input,
form .btn-toolbar input + button,
form .btn-toolbar .ui-controlgroup + button,
form .btn-toolbar .ui-controlgroup + input,
form .btn-toolbar input + .action-menus,
form .btn-toolbar button + .action-menus,
form .btn-toolbar .ui-controlgroup + .action-menus {
    margin-left: 20px;
}

form textarea {
    resize: vertical;
}

form input.year {
    width: 35px;
}

form .btn-toolbar, form .step-navigation .step-buttons {
    margin-top: 30px;
    padding-left: 0;
}

.sg-form-container form .sg-btn {
    margin-top: 30px;
}

form .field .description, form .field .right-title {
    font-style: italic;
    color: #666666;

    margin-top: 5px;
}

form .field.checkboxset ul, form .field.checkboxset ul li, form .field.optionset ul, form .field.optionset ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

form .field.checkboxset ul li label, form .field.optionset ul li label, form .checkbox label,
form .field.checkboxset .middleColumn div label, form .field.optionset .middleColumn div label,
form .field.userformsoptionset .middleColumn div label {
    display: inline;
}

form .field.checkboxset ul li + li, form .field.optionset ul li + li,
form .field.checkboxset .middleColumn div + div, form .field.optionset .middleColumn div + div,
form .field.userformsoptionset .middleColumn div + div {
    margin-top: 5px;
}

form .field.checkboxset.grid-layout ul li, form .field.optionset.grid-layout ul li,
form .field.checkboxset.grid-layout .middleColumn div, form .field.optionset.grid-layout .middleColumn div,
form .field.userformsoptionset.grid-layout .middleColumn div {
    display: inline-block;

    margin: 5px 25px 5px 0;

    vertical-align: top;
}

form input.datetime:read-only,
form .field.datetimefield_readonly span.readonly,
form .field.readonly span.readonly {
    background: #EEEEEE;

    display: block;

    color: #666666 !important;

    width: 400px;
    max-width: 100%;

    border: 1px solid #CCCCCC;

    padding: 3px;

    border-radius: 3px;

    box-sizing: border-box;
}

form select.invalid + .chosen-container .chosen-single {
    border-color: #B80013;
}

.field.urlsegment.loading {
    background: url(../images/loading.gif) no-repeat 162px 8px;
}

.field.urlsegment .preview {
    display: inline-block;

    padding-top: 8px;
}

.field.urlsegment input.text {
    width: 250px;
}

.field.urlsegment input.text, .field.urlsegment .cancel, .field.urlsegment .update, .field.urlsegment .edit {
    margin-right: 8px;
}

.field.urlsegment .help {
    margin-left: 0;
}

.field.urlsegment .edit-holder {
    display: none;
}


/**** Tabs ****/
#security-tabs,
form .ss-tabset {
    background: transparent;

    border: 0;

    padding: 0;

    border-radius: 0;
}

#security-tabs > ul,
form .ss-tabset > ul {
    display: none;
}

#security-tabs .ui-tabs-nav,
form .ss-tabset.ui-tabs .ui-tabs-nav {
    display: block;
}

#security-tabs .ui-tabs-nav,
form .ui-tabs .ui-tabs-nav {
    background: transparent;

    border-width: 0 0 1px 0;

    border-radius: 0;
}

#security-tabs .ui-tabs-panel,
form .ui-tabs .ui-tabs-panel {
    border: 1px solid #AAAAAA;
    border-top: 0;
}

form .ui-tabs .ui-tabs-panel .ui-tabs-panel {
    padding: 1em 0 0;
}

form .ss-tabset .ss-tabset {
    margin-top: 0;
}

form .ss-tabset .ss-tabset .ui-tabs-panel {
    border: 0;
}

form .ss-tabset .ss-tabset #Root_PortalHome_set_RightSidebar.ui-tabs-panel,
form .ss-tabset .ss-tabset #Root_PortalHome_set_LeftSidebar.ui-tabs-panel {
    overflow: hidden;
}

#security-tabs .ui-tabs-nav .ui-state-default,
form .ui-tabs .ui-tabs-nav .ui-state-default {
    background: #00AFEF;

    border-color: #0E92C2;
}

#security-tabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor,
form .ui-tabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#security-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active,
form .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active {
    background: #FFFFFF;

    border-color: #AAAAAA;
}

form .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active .ui-tabs-anchor {
    color: #000000;
}

#security-tabs .ui-tabs-nav li.ui-tabs-active a,
form .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    cursor: default;
}

#security-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active .ui-tabs-anchor,
#security-tabs .ui-tabs-nav .ui-state-default.ui-state-hover .ui-tabs-anchor
form .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active .ui-tabs-anchor,
form .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover .ui-tabs-anchor {
    color: #333333;
}

form .ss-tabset.single-tab .ui-tabs-nav {
    display: none;
}

form .ss-tabset.single-tab .ui-tabs-panel {
    border: 0;

    padding: 0;
}

/**** Widget Area Field ****/
.availableWidgetsHolder h2,
.usedWidgetsHolder h2{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin: 16px 0 16px 0;
    font-family: Arial, sans-serif;
}

.availableWidgets .Widget h3 {
    margin: 0px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    font-family: Arial, sans-serif;
}


/**** Grid Field ****/
form .ss-gridfield.frontendgrid {
    overflow: visible;
}

form .grid-field__table {
    clear: both;
}

form .grid-field__table .sortablerowsheading {
    background: #4C4C4C;
}

form .grid-field__table tr.title th h2 {
    font-weight: bold;
}

form .grid-field__table tr button, form .grid-field__table tr .action {
    padding: 0;

    box-shadow: none !important;
}

form table.grid-field__table tr td.bottom-all .datagrid-pagination button span {
    display: block;
}

form table.grid-field__table thead tr.filter-header .fieldgroup {
    display: inline;

    min-width: 100px;
}

form table.grid-field__table tr th button.grid-field__sort,
form table.grid-field__table tr th span.non-sortable {
    font-size: 14px;
}

form table.grid-field__table tbody tr td input.text, form table.grid-field__table tbody tr td select {
    width: 100%;
}

.ss-gridfield .ss-gridfield-buttonrow .right {
    text-align: left;
}

.ss-gridfield .btn-toolbar {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;
}

form .ss-gridfield .btn-toolbar > * + * {
    margin-left: 8px;
}

form .ss-gridfield .ss-gridfield-add-new-multi-class + .ss-gridfield-comm-create-from-template {
    margin-left: 0;
}

form table.grid-field__table .restore-draft-item::before,
form table.grid-field__table .action--archive::before,
form table.grid-field__table tbody td button.gridfield-button-delete::before,
form table.grid-field__table tbody td a.view-link::before,
form .btn-toolbar .ui-button .ui-icon.btn-icon-send, form table.grid-field__table .action--delete::before,
form .ss-gridfield .ui-button .ui-icon.btn-icon-add, form .btn-toolbar .ui-button .ui-icon.btn-icon-add, form .btn-toolbar .ui-button .ui-icon.btn-icon-accept,
form table.grid-field__table .ui-button .ui-icon.btn-icon-cross-circle, form table.grid-field__table tbody td a.edit-link,
form .ss-gridfield .add-existing-autocompleter button .ui-icon, form .ss-gridfield .font-icon-link-broken, form .ss-gridfield .gf-toggle-deleted::before,
form table.grid-field__table .ui-state-default .btn-icon-accept, form table.grid-field__table .ui-widget-content .btn-icon-accept,
form table.grid-field__table .ui-state-default .btn-icon-accept_disabled, form table.grid-field__table .ui-widget-content .btn-icon-accept_disabled,
form table.grid-field__table .ui-state-default .btn-icon-decline, form table.grid-field__table .ui-widget-content .btn-icon-decline,
form table.grid-field__table .ui-state-default .btn-icon-decline_disabled, form table.grid-field__table .ui-widget-content .btn-icon-decline_disabled,
form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-filter,
form .ss-gridfield-buttonrow .action_export::before,
form .ss-gridfield .btn.font-icon-plus-circled::before,
form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-close, form table.grid-field__table tr th button.ss-gridfield-sort {
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 16px;
    font-weight: 900;

    text-align: center;
    text-indent: 0;
    text-shadow: none;

    line-height: 16px;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: bottom;

    text-indent: 0 !important;
}

form .ss-gridfield .btn-toolbar .ui-icon,
form .btn-toolbar .ui-button .ui-icon.btn-icon-send,
form .btn-toolbar .ui-button .ui-icon.btn-icon-add, form .btn-toolbar .ui-button .ui-icon.btn-icon-accept,
form .ss-gridfield-buttonrow .action_export::before,
form .ss-gridfield .btn.font-icon-plus-circled::before,
form .ss-gridfield .ui-button .ui-icon.btn-icon-add, form .ss-gridfield .add-existing-autocompleter button .ui-icon {
    background: transparent !important;
}

form .ss-gridfield .btn.font-icon-plus-circled::before,
form .btn-toolbar .ui-button .ui-icon.btn-icon-add::before,
form .ss-gridfield .ui-button .ui-icon.btn-icon-add:before {
    content: "\f055" !important;
}

form .btn-toolbar .ui-button .ui-icon.btn-icon-accept::before {
    content: "\f058" !important;
}

form .btn-toolbar .ui-button .ui-icon.btn-icon-send::before {
    content: "\f1d8" !important;
}

form .ss-gridfield .add-existing-autocompleter button .ui-icon:before {
    content: "\f0c1" !important;
}

form .ss-gridfield-buttonrow .action_export::before {
    content: "\f019" !important;
}

form .ss-gridfield .add-existing-autocompleter input.relation-search {
    height: 34px;
}

form .ss-gridfield .add-existing-autocompleter input.relation-search.ui-autocomplete-loading {
    background-image: url(./../../../framework/images/network-save.gif);
    background-position: 95% center;
    background-repeat: no-repeat;

    padding-right: 5%;
}

form table.grid-field__table .action--archive::before,
form table.grid-field__table tbody td button.gridfield-button-delete::before,
form table.grid-field__table .action--delete::before {
    color: #B80013;

    content: "\f057" !important;
}

form table.grid-field__table .action--archive::before,
form .ss-gridfield .action.action_gridfield_relationadd::before,
form table.grid-field__table tbody td a.view-link::before,
form table.grid-field__table tbody td button.gridfield-button-delete::before,
form table.grid-field__table .action--delete::before, form table.grid-field__table tbody td a.edit-link::before,
form table.grid-field__table .ui-button .ui-icon.btn-icon-cross-circle, form table.grid-field__table tbody td a.edit-link,
form .ss-gridfield .font-icon-link-broken::before, form .ss-gridfield .gf-toggle-deleted::before,
form table.grid-field__table .ui-state-default .btn-icon-accept, form table.grid-field__table .ui-widget-content .btn-icon-accept,
form table.grid-field__table .ui-state-default .btn-icon-accept_disabled, form table.grid-field__table .ui-widget-content .btn-icon-accept_disabled,
form table.grid-field__table .ui-state-default .btn-icon-decline, form table.grid-field__table .ui-widget-content .btn-icon-decline,
form table.grid-field__table .ui-state-default .btn-icon-decline_disabled, form table.grid-field__table .ui-widget-content .btn-icon-decline_disabled,
form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-close,
form table.grid-field__table tr th button.ss-gridfield-sort {
    background: transparent !important;
}

form .ss-gridfield .font-icon-link-broken::before {
    color: #B80013;

    content: "\f127" !important;
}

form table.grid-field__table .restore-draft-item::before {
    color: #0E92C2;

    content: "\f021" !important;
}

form table.grid-field__table .action--archive + .edit-link {
    float: left;
}

form table.grid-field__table .action--archive::before {
    content: "\f187" !important;

    vertical-align: top;
}

form table.grid-field__table .ui-button {
    background: transparent;

    padding: 0;
}

form table.grid-field__table .ui-button .ui-icon {
    border-right: 0;

    margin-right: 0;
    padding-right: 0;

    box-shadow: none;
}

form table.grid-field__table tbody td a.edit-link.invisible {
    display: none;
}

form table.grid-field__table tbody td a.edit-link:before {
    color: #B89C00;

    content: "\f044" !important;
}

form table.grid-field__table tbody td a.view-link::before {
    color: #5D6C74;

    content: "\f06e" !important;
}

form .ss-gridfield .btn.font-icon-plus-circled::before,
form .ss-gridfield-buttonrow .action_export::before,
form .ss-gridfield .gf-toggle-deleted::before {
    border-right: 1px solid #008DBD;

    margin-right: 4px;

    padding-right: 8px;
}

form .ss-gridfield .gf-toggle-deleted.font-icon-cancel::before {
    font-weight: 400;

    content: "\f0c8" !important;
}

form .ss-gridfield .gf-toggle-deleted.font-icon-tick::before {
    font-weight: 400;

    content: "\f14a" !important;
}

form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-filter {
    background-image: none !important;

    font-size: 14px;

    padding-right: 0 !important;

    text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2);
}

form table.grid-field__table tr th.extra button.ss-ui-button.ss-gridfield-button-filter {
    background-image: linear-gradient(#338DC1, #287099) !important;
    background-position: top left !important;

    padding-left: 0;

    text-align: center;
}

form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-filter:before {
    content: "\f002" !important;
}

form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-close:before {
    content: "\f00d" !important;
}

form table.grid-field__table tr th button.ss-ui-button.ss-gridfield-button-close:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) !important;
}

form table.grid-field__table tr th button.ss-gridfield-sort {
    position: relative;

    text-align: left;
}

form table.grid-field__table tr th button.ss-gridfield-sort:after {
    position: absolute;
    right: 6px;
    top: 50%;

    font-size: 14px;
    color: #83949E;

    content: "\f0dc";

    margin-top: -8px;
}

form table.grid-field__table tr th button.ss-gridfield-sort:hover:after, form table.grid-field__table tr th button.ss-gridfield-sort.ss-gridfield-sorted:after {
    color: #5D6C74;
}

form table.grid-field__table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc:after {
    content: "\f0dd";

    text-shadow: 0 0 3px #0BF6FF;
}

form table.grid-field__table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc:after {
    content: "\f0de";

    margin-top: 0;

    text-shadow: 0 0 3px #0BF6FF;
}

form table.grid-field__table tbody td a.view-link, form table.grid-field__table tbody td a.edit-link,
form table.grid-field__table tbody td a.view-link:before, form table.grid-field__table tbody td a.edit-link:before {
    vertical-align: middle !important;
}

form table.grid-field__table .col-buttons .ui-button {
    font-size: 16px;

    vertical-align: middle;
}

form table.grid-field__table .col-buttons .ui-button .ui-icon {
    position: static;
    top: auto;
    left: auto;

    margin-top: 0;
}

form table.grid-field__table .ui-state-default .btn-icon-accept:before, form table.grid-field__table .ui-widget-content .btn-icon-accept:before {
    color: #5CB85C;

    content: "\f058" !important;
}

form table.grid-field__table .ui-state-default .btn-icon-accept_disabled:before, form table.grid-field__table .ui-widget-content .btn-icon-accept_disabled:before {
    color: #CCCCCC;

    content: "\f058" !important;
}

form table.grid-field__table .ui-state-default .btn-icon-decline:before, form table.grid-field__table .ui-widget-content .btn-icon-decline:before {
    color: #B80013;

    content: "\f057" !important;
}

form table.grid-field__table .ui-state-default .btn-icon-decline_disabled:before, form table.grid-field__table .ui-widget-content .btn-icon-decline_disabled:before {
    color: #CCCCCC;

    content: "\f057" !important;
}

form table.grid-field__table .gridfield-sortablerows label {
    display: inline;

    color: #FFFFFF;
}

form .ss-gridfield .add-existing-autocompleter input.relation-search {
    height: 34px !important;
}

form .ss-gridfield .ss-gridfield-add-new-multi-class .middleColumn {
    margin-top: 0;
}

form .ss-gridfield.hide-col-buttons table.grid-field__table .col-Actions, form .ss-gridfield.hide-col-buttons table.grid-field__table .col-buttons {
    display: none;
}

.grid-field__table .ss-gridfield-item.loading {
    position: relative;
}

.grid-field__table .ss-gridfield-item.loading::after {
    display: block;

    position: absolute;
    top: 50%;
    left: 50%;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 36px;
    color: #666666;

    content: "\f110";

    margin: -13px 0 0 -13px;

    text-align: center;
    text-indent: 0;
    text-shadow: none;

    line-height: 16px;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);

    z-index: 1001;
}

form .ss-gridfield .ss-gridfield-add-new-multi-class select {
    width: auto;
    height: 34px;
}

.remodal.front-end-gridfield-dialog {
    max-width: 85%;
}

form .ss-gridfield .addNewItemTypeButton .field.dropdown {
    margin: 0;
}

form .grid-field__table .col-submit-rating .rating button:hover, form .grid-field__table .col-submit-rating .rating i.fa-star {
    color: #00AFEF;
}

form .grid-field__table .col-submit-rating .rating .fa-star {
    font-size: 18px;
}

form .grid-field__table .col-submit-rating .rating button, form .grid-field__table .col-submit-rating .rating i.fa-star.empty {
    color: #B9B9B8
}

form .ss-gridfield-orderable .col-reorder .handle {
    position: relative;
}

form .ss-gridfield-orderable .col-reorder .handle .icon::before {
    display: block;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-style: normal;
    font-size: 16px;

    position: absolute;
    top: 50%;
    left: 50%;

    content: "\f142";

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    transform: translate(-50%, -50%);
}

form table.grid-field__table .badge {
    display: inline-block;

    font-size: 10px;
    font-weight: 400;
    color: #CF3F00;

    padding: 0;

    text-align: center;
    text-transform: uppercase;

    line-height: 1;

    white-space: nowrap;

    letter-spacing: .3px;

    vertical-align: baseline;

    border-radius: 0.23rem;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep],
.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep]:hover {
    background: #566B8D;

    color: #FFFFFF;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] label {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;

    padding-bottom: 0
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] + .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td {
    border-top: 3px solid #ced5e1
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .col-reorder .handle .icon::before,
.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFormStep] .readonly {
    color: #FFFFFF;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] td {
    border-top: 3px solid #CED5E1;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroup] .form__field-label {
    font-weight: 700;
    color: #43536D;

    padding-bottom: 0;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] td {
    border-bottom: 3px solid #CED5E1;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] + .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] {
    border-top: 0;
}

.uf-field-editor .grid-field__table .ss-gridfield-item[data-class=SilverStripe\\UserForms\\Model\\EditableFormField\\EditableFieldGroupEnd] .col-buttons .action {
    display: none;
}

.uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .col-reorder, .uf-field-editor .grid-field__table .ss-gridfield-item.infieldgroup .handle {
    background: #CED5E1;
}

form .ss-gridfield .btn.font-icon-plus-circled::before,
form .ss-gridfield .action.action_gridfield_relationadd::before,
form .ss-gridfield .font-icon-link-broken::before,
form .grid-field .ss-gridfield-buttonrow .action_export::before {
    display: inline-block;

    position: static;
    left: auto;
    top: auto;

    margin-top: 0;

    vertical-align: middle;
}


/**** jQuery UI Autocomplete ****/
ul.ui-autocomplete {
    border-top: 0;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

ul.ui-autocomplete, ul.ui-autocomplete li {
    list-style-type: none;
}

ul.ui-autocomplete li a {
    color: #000000;
}

ul.ui-autocomplete li a:hover, ul.ui-autocomplete li a.ui-state-focus {
    background: #00AFEF;

    color: #FFFFFF;

    border: 0;

    border-radius: 0;
}


/**** Sortable Options Field ****/
form .field.sortingoptions ul, form .field.sortingoptions ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

form .field.sortingoptions ul li {
    max-width: 400px;

    margin-bottom: 5px;
}

form .field.sortingoptions ul li label {
    background: #8E9B9F;

    display: block;

    border: 1px dashed #445054;

    padding: 5px 10px;

    border-radius: 3px;

    box-sizing: border-box;

    cursor: move;
}

form .field.sortingoptions ul li .glyphicon {
    margin-right: 0.5em;
}


/**** Matching Options Field ****/
form .field.matchingoptions ul {
    float: left;

    width: 100%;
    max-width: 400px;
}

form .field.matchingoptions ul:first-child li label {
    cursor: default;
}

form .field.matchingoptions ul + ul {
    width: 52%;
}

form .field.matchingoptions ul li {
    position: relative;
}

form .field.matchingoptions ul + ul li {
    margin-left: 8%;
}

form .field.matchingoptions ul + ul li.dropped {
    margin-left: 0;
    margin-right: 8%;

    transition: margin 0.25s;
}

form .field.matchingoptions ul + ul li.ui-sortable-helper {
    margin-left: 4%;
}

form .field.matchingoptions ul + ul li.dropped.ui-sortable-helper {
    margin-left: 0;
}

form .field.matchingoptions ul li:before {
    background: #FFFFFF;

    display: block;

    position: absolute;
    left: 100%;
    top: 50%;

    content: "";

    width: 10px;
    height: 20px;

    margin: -10px 0 0 -10px;

    border-left: 1px dashed #445054;

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

form .field.matchingoptions ul + ul li:before {
    background: #8E9B9F;

    left: -10px;

    margin-left: 0;
}


/**** HTML Editor Field ****/
form .htmleditorfield.readonly span.readonly {
    width: auto;
    height: 500px;

    overflow: auto;
}

form .htmleditorfield.readonly span.readonly pre {
    white-space: pre-wrap;
}

form .htmleditor .mceIframeContainer,
#mce_fullscreen_container .mceIframeContainer {
    padding: 0;
}

.htmleditorfield-form {
    padding-bottom: 25px;
}

.htmleditorfield-form .flyout {
    background-color: #667980;

    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;

    height: 18px;

    padding: 4px 3px 4px 6px;

    text-align: center;
    text-shadow: none;

    vertical-align: middle;

    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.htmleditorfield-form .arrow {
    display: inline-block;

    width: 0;
    height: 0;

    border: solid transparent;
    border-width: 14px 0 14px 10px;
    border-left-color: #667980;

    vertical-align: middle;

    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.htmleditorfield-form .step-label span.title {
    font-weight: bold;
}

.htmleditorfield-form .step-label .arrow + strong {
    margin-left: 4px;
}

.htmleditorfield-form .step2 {
    margin-top: 40px;
}

.htmleditorfield-mediaform .remoteurl .middleColumn {
    background: transparent;

    max-width: none;
    min-width: 0;

    border: 0;

    margin-top: 0;

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.htmleditorfield-mediaform div.remoteurl {
    float: left;

    margin-top: 0;
}

.htmleditorfield-mediaform div.remoteurl input {
    height: 34px;
}

.htmleditorfield-mediaform .add-url {
    margin-top: 0;

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.htmleditorfield-mediaform .add-url .ui-icon, .htmleditorfield-mediaform .media-insert .ui-icon {
    background: transparent;

    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 16px;
    font-weight: 900;

    left: 12px;

    text-align: center;
    text-indent: 0;
    text-shadow: none;

    line-height: 16px;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: bottom;
}

.htmleditorfield-mediaform .add-url .ui-icon.btn-icon-addMedia:before {
    content: "\f055";
}

.htmleditorfield-mediaform .media-insert .ui-icon.btn-icon-accept:before {
    content: "\f058";
}

.htmleditorfield-mediaform .ss-tabset {
    position: static;

    margin-bottom: 40px;
}

.htmleditorfield-mediaform .htmleditorfield-mediaform-heading {
    margin-top: 0;
}

.htmleditorfield-mediaform .ui-tabs-nav {
    position: absolute;
    top: 1em;
    right: 1em;

    border: 0;

    padding: 0;
}

.htmleditorfield-mediaform .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.htmleditorfield-mediaform .ui-tabs .ui-tabs-panel {
    border: 0;

    padding: 0;
}

.htmleditorfield-mediaform .cms-file-info {
    margin-top: 0;
}

.htmleditorfield-mediaform .cms-file-info::after {
    clear: both;

    display: block;

    content: ' ';

    width: 0;
    height: 0;

    font-size: 0;

    line-height: 0;

    visibility: hidden;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-preview {
    float: left;

    width: 176px;

    margin-right: 8px;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-preview img {
    max-width: 176px;
    max-height: 128px;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-data {
    clear: none;

    float: left;

    width: 55%;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-data div.field:first-child {
    margin-top: 0;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-data .field .middleColumn {
    margin-top: 0;
    margin-left: 104px;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-data .field label {
    float: left;
}

.htmleditorfield-mediaform .cms-file-info .cms-file-info-data .field .middleColumn .readonly {
    background: transparent;

    display: inline-block;

    font-style: italic;

    width: auto;

    border: 0;

    line-height: normal;
}

.htmleditorfield-mediaform .dimensions .fieldgroup-field {
    display: inline-block;

    max-width: 198px;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item {
    border: 1px solid #b3b3b3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item .info {
    position: relative;
    padding: 7px;
    overflow: hidden;
    background-color: #FFBE66;
    border: 1px solid #FF9300;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview {
    position: absolute;
    height: 30px;
    width: 40px;
    overflow: hidden;
    z-index: 1;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview img[src$="_32.png"] {
    width: auto;
    height: 26px;
    margin: 2px 0 0 2px;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-info {
    position: relative;
    line-height: 30px;
    overflow: hidden;
    background-color: #5db4df;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYjRkZiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiM1ZGIxZGQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQzOWJjYiIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjM2Y5OWNkIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMyMDdkYjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTdjYmEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5db4df), color-stop(8%, #5db1dd), color-stop(50%, #439bcb), color-stop(54%, #3f99cd), color-stop(96%, #207db6), color-stop(100%, #1e7cba));
    background-image: -moz-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%);
    background-image: -webkit-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%);
    background-image: linear-gradient(to bottom, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%);
}

.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info {
    background-color: #c11f1d;
    padding-right: 130px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMWYxZCIvPjxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNiZjFkMWIiLz48c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYjcxYjFjIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNiNjFlMWQiLz48c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2IxMWQxZCIvPjxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjYWIxZDFjIi8+PHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiNhNTFiMWIiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzlmMWIxOSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOWYxYjE5Ii8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiM5OTFjMWEiLz48c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzk3MWExOCIvPjxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjOTExYjFiIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiM5MTFiMWIiLz48c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzdlMTgxNiIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjNzcxOTE5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzMxODE3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c11f1d), color-stop(4%, #bf1d1b), color-stop(8%, #b71b1c), color-stop(15%, #b61e1d), color-stop(27%, #b11d1d), color-stop(31%, #ab1d1c), color-stop(42%, #a51b1b), color-stop(46%, #9f1b19), color-stop(50%, #9f1b19), color-stop(54%, #991c1a), color-stop(58%, #971a18), color-stop(62%, #911b1b), color-stop(65%, #911b1b), color-stop(88%, #7e1816), color-stop(92%, #771919), color-stop(100%, #731817));
    background-image: -moz-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%);
    background-image: -webkit-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%);
    background-image: linear-gradient(to bottom, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%);
}

.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name {
    width: 100%;
    cursor: default;
    background: #bcb9b9;
    background: rgba(201, 198, 198, 0.9);
}

.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name .name {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}

.ss-assetuploadfield .ss-uploadfield-files .ui-state-warning .ss-uploadfield-item-info {
    background-color: #E9D104;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZDMzYiIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNlMmNlMjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QxYmUxYyIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZDFiZDFjIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNkMDlhMWEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjg3MWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5d33b), color-stop(8%, #e2ce24), color-stop(50%, #d1be1c), color-stop(54%, #d1bd1c), color-stop(96%, #d09a1a), color-stop(100%, #cf871a));
    background-image: -moz-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bd1c 54%, #d09a1a 96%, #cf871a 100%);
    background-image: -webkit-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bd1c 54%, #d09a1a 96%, #cf871a 100%);
    background-image: linear-gradient(to bottom, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bd1c 54%, #d09a1a 96%, #cf871a 100%);
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name {
    position: relative;
    z-index: 1;
    margin: 3px 0 3px 50px;
    width: 50%;
    color: #66727d;
    background: #eeeded;
    background: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 24px;
    height: 22px;
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
    display: table;
    table-layout: fixed;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .name {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    display: inline;
    float: left;
    max-width: 50%;
    font-weight: normal;
    padding: 0 5px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status {
    position: relative;
    float: right;
    padding: 0 0 0 5px;
    max-width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    color: #cc0000;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text {
    color: #b7a403;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text {
    color: #1F9433;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    color: #f00;
    font-size: 14px;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button {
    background: none;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    color: white;
    float: right;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-delete {
    display: none;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-cancel,
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-overwrite-warning {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 0px;
    cursor: pointer;
    opacity: 0.9;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-cancel:hover,
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-overwrite-warning:hover {
    opacity: 1;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-overwrite-warning .ui-icon {
    display: block;
    margin: 0;
    position: realtive;
    top: 8px;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit .toggle-details-icon::before,
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-cancel .ui-icon::before {
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 16px;
    font-weight: 900;

    text-align: center;
    text-shadow: none;

    line-height: 1;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-indent: 0 !important;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit .toggle-details-icon::before {
    content: "\f0d7";
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-cancel .ui-icon {
    background: transparent;

    display: inline-block;

    width: auto;
    height: auto;

    text-indent: 0;

    vertical-align: bottom;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-cancel .ui-icon::before {
    content: "\f00d";
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit {
    opacity: 0.9;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit.ui-state-hover {
    background: none;
    opacity: 1;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit.ui-state-hover span.toggle-details {
    opacity: 1;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit span.toggle-details {
    opacity: 0.9;
    margin-left: 3px;
    display: inline-block;
    cursor: pointer;
}

.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button.ss-uploadfield-item-edit span.toggle-details .toggle-details-icon.opened::before {
    content: "\f0d8";
}

.composite.ss-assetuploadfield .details fieldset {
    background: #E2E2E2;

    padding: 16px;

    overflow: auto;
}


/**** Button Sets ****/
form .btn-toolbar .ss-ui-buttonset {
    display: flex;

    align-items: stretch;

    margin-top: 0;
}

form .btn-toolbar .ss-ui-buttonset::before,
form .btn-toolbar .ss-ui-buttonset::after {
    display: none;
}

form .btn-toolbar .ss-ui-buttonset .action.ui-button {
    border-radius: 0;

    margin-right: 0;
}

form .btn-toolbar .ss-ui-buttonset .ui-button + .ui-button {
    margin-left: 0;

    border-left: 1px solid #008DBD;
}

form .btn-toolbar .ss-ui-buttonset .ui-button + .ui-button.grey {
    border-left-color: #878787;
}

form .btn-toolbar .ss-ui-buttonset .ui-button + .ui-button.ss-ui-action-constructive {
    border-left-color: #4CAE4C;
}

form .btn-toolbar .ss-ui-buttonset .ui-button.ui-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

form .btn-toolbar .ss-ui-buttonset .ui-button.ui-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

form.cms-previewable .btn-toolbar {
    display: flex;

    align-items: center;
}

form.cms-previewable .btn-toolbar .ui-widget-header {
    padding-top: 0;
}

form.cms-previewable .btn-toolbar .action_preview {
    margin-left: auto;
}


/**** Date Picker ****/
.ui-datepicker .ui-widget-header {
    background: #CCCCCC;
}

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
    display: block;

    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 16px;
    font-weight: 900;
    color: #000000;

    width: 100%;

    text-align: center;
    text-indent: 0;
    text-shadow: none;

    line-height: 1.8em;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    pointer-events: none;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    background: #DBDBDB;

    text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\f137";

    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\f138";

    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
    display: none;
}

table.ui-datepicker-calendar tr td {
    width: 38px;
    height: 34px;

    padding: 0;
}

table.ui-datepicker-calendar tr td a, table.ui-datepicker-calendar tr td span {
    height: 100%;

    box-sizing: border-box;
}

.typography table.ui-datepicker-calendar tr td a {
    background: #EEEEEE;

    color: #222222;
}

table.ui-datepicker-calendar tr td a:hover {
    background: #E1E1E1;

    text-decoration: none;
}


/**** Tag Field ****/
form .field.tag .select2-selection {
    background-image: none;

    min-height: 32px !important;

    padding: 3px 5px !important;
}

form .field.tag .select2-container--default .select2-selection--single,
form .field.tag .select2-container--default .select2-selection--multiple {
    border: 1px solid #AAAAAA !important;

    box-shadow: none !important;

    border-radius: 3px;
}

form .field.tag .select2-container--default .select2-selection--single .select2-selection__rendered,
form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    background: transparent;

    border: 0;

    padding: 0;

    box-shadow: none;
}

form .field.tag .select2-selection ul, form .field.tag .select2-selection ul li {
    line-height: normal;

    list-style-type: none;
}

form .field.tag .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

form .field.tag .select2-selection .select2-selection__choice {
    background: transparent;

    font-weight: bold;

    height: auto;

    border: 0 !important;

    padding-right: 30px;

    box-shadow: none;
}

form .field.tag .select2-selection__choice .select2-selection__choice__remove {
    background: transparent;

    display: block;

    position: absolute;
    right: 2px;
    top: 0;

    width: 14px;

    height: 100%;
}

form .field.tag .select2-selection__choice .select2-selection__choice__remove::before {
    display: block;

    position: absolute;
    right: 0;
    top: 50%;

    height: 15px;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 14px;
    color: #9F0000;

    content: "\f057";

    text-align: center;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    line-height: 14px;

    transform: translateY(-50%);
}


/**** TinyMCE ****/
div.tox-fullscreen {
    z-index: 10000;
}

.tox.tox-fullscreen .tox-edit-area {
    height: auto !important;
}


/**** Chosen ****/
form .chosen-container, form .chosen-container .chosen-drop, .select2-container {
    width: 100% !important;
    max-width: 400px;
    min-width: 200px;
}

form .select2-container {
    max-width: 400px !important;
}

form .chosen-container-single .chosen-single, form .select2-container .select2-selection--single {
    background: #FFFFFF;

    font-size: 14px;
    font-weight: normal;
    color: #000000 !important;

    height: auto;

    border: 1px solid #AAAAAA;

    padding: 4px 9px 4px !important;

    line-height: 23px;

    border-radius: 2px;

    box-shadow: none;
}

form .chosen-container-single .chosen-single span, form .select2-container .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;

    margin-right: 30px;

    min-height: 0 !important;

    line-height: 23px;
}

form .chosen-container-single .chosen-single.chosen-default, form .chosen-container-single .chosen-single.chosen-default span, form .chosen-container-multi .chosen-choices li.search-field input.default {
    font-style: italic;
    font-weight: normal;
    color: #484848 !important;
}

form .chosen-container-active.chosen-with-drop .chosen-single {
    background: #FFFFFF;

    border-color: #AAAAAA;

    box-shadow: none;
}

form .chosen-container .chosen-single:hover {
    text-decoration: none;
}

form .chosen-container-single .chosen-single div, form .select2-container .select2-selection--single .select2-selection__arrow {
    right: 11px;

    width: 25px;
}

form .chosen-container-single .chosen-single div:before, form .select2-container .select2-selection--single .select2-selection__arrow:before {
    display: inline-block;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 20px;
    font-style: normal;
    color: #A4A4A4;

    content: "\f078";

    width: 100%;

    line-height: 30px;

    text-align: center;
    text-rendering: auto;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: middle;
}

form .chosen-container-single .chosen-single div b, form .select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}

form .chosen-container .chosen-drop, .select2-dropdown {
    background: #FFFFFF;

    border-color: transparent #AAAAAA #AAAAAA;

    box-shadow: none;

    border-radius: 0 0 3px 3px;

    box-sizing: border-box;

    z-index: 99999;
}

.select2-dropdown {
    border-radius: 0 0 3px 3px !important;
}

form .select2-container.select2-container--below.select2-container--open .select2-selection--single {
    border-bottom: 0;

    border-radius: 2px 2px 0 0;
}

form .select2-container.select2-container--above.select2-container--open .select2-selection--single {
    border-top: 0;

    border-radius: 0 0 2px 2px;
}

form .chosen-container .chosen-results, .select2-dropdown .select2-results ul {
    margin: 0 9px 9px 0;
    padding-left: 9px;

    -webkit-overflow-scrolling: touch;
}

form .chosen-container-single .chosen-search, .select2-dropdown .select2-search {
    position: relative;

    padding: 9px;
}

form .chosen-container-single .chosen-search input, form .chosen-container-single .chosen-search input[type="text"], .select2-dropdown .select2-search input {
    background: #FFFFFF !important;

    color: #000000;
}

form .chosen-container-single .chosen-search:after, .select2-dropdown .select2-search:after {
    display: inline-block;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 12px;
    font-style: normal;
    color: #A4A4A4;

    position: absolute;
    right: 16px;
    top: 10px;

    content: "\f002";

    line-height: 24px;

    text-align: center;
    text-rendering: auto;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: middle;
}

form .chosen-container .chosen-results li, .select2-dropdown .select2-results li {
    background: transparent;

    color: #000000;

    padding: 8px 6px;

    line-height: 1.1em;

    list-style-type: none;
}

form .chosen-container .chosen-results .highlighted, .select2-dropdown .select2-results .select2-results__option--highlighted {
    background: #009DD9 !important;
}

form .chosen-container.chosen-drop-up .chosen-drop {
    top: auto !important;
    bottom: 100%;


    margin-top: 0;
    margin-bottom: -1px;

    padding-top: 9px;

    border-top-width: 1px;
    border-top-style: solid;
    border-color: #AAAAAA #AAAAAA transparent;

    border-radius: 3px 3px 0 0 !important;
}

.select2-dropdown ul {
    margin: 0;
}

.select2-dropdown .select2-results ul ul {
    margin-right: 0;
    padding-left: 0;
}

.select2-container--default .select2-results__group {
    padding-left: 0;
    padding-right: 0;
}

.select2-dropdown.select2-dropdown--above {
    margin-top: 1px !important;

    border-top-width: 1px;
    border-top-style: solid;
    border-color: #AAAAAA #AAAAAA transparent;

    border-radius: 3px 3px 0 0 !important;
}

form .chosen-container-active.chosen-with-drop.chosen-drop-up .chosen-single {
    border-radius: 0 0 2px 2px;
}

form .chosen-container-multi .chosen-choices {
    background: #FFFFFF;

    font-size: 14px;
    font-weight: bold;
    color: #000000;

    width: 100%;
    max-width: 400px;

    border: 1px solid #AAAAAA;

    padding: 9px 45px 9px 9px;

    line-height: 19px;

    border-radius: 2px;
}

form .chosen-container-multi .chosen-drop {
    margin-top: -1px;
}

form .chosen-container-multi .chosen-results {
    padding-top: 9px;
}

form .chosen-container-active .chosen-choices {
    position: relative;

    box-shadow: none;
}

form .chosen-container-multi .chosen-choices li {
    background: transparent;
}

form .chosen-container-multi .chosen-choices li.search-choice {
    background: transparent;

    border: 0;

    padding: 0 27px 0 0;

    border-radius: 0;

    box-shadow: none;
}

form .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 19px;
}

form .chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
    width: 100% !important;
}

form .chosen-container-multi .chosen-choices li.search-choice + li.search-choice {
    border-left: 1px solid #CECECE;

    padding-left: 7px;
}

form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: transparent !important;

    top: 0;
    right: 7px;
}

form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    display: inline-block;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 14px;
    color: #9F0000;

    content: "\f057";

    line-height: 1;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: middle;
}

form .chosen-container-multi .chosen-choices:after {
    display: inline-block;

    position: absolute;
    right: 11px;
    top: 6px;

    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 24px;
    color: #A4A4A4;

    content: "\f078";

    width: 25px;

    line-height: 1;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: middle;

    cursor: pointer;
}


form div.dropdown.holder-required .chosen-container-single .chosen-single, form div.dropdown.holder-validation .chosen-container-single .chosen-single, form div.dropdown.holder-error .chosen-container-single .chosen-single,
form div.listbox.holder-required .chosen-container-multi .chosen-choices, form div.listbox.holder-validation .chosen-container-multi .chosen-choices, form div.listbox.holder-error .chosen-container-multi .chosen-choices {
    background: #FFFFFF;

    border-color: #FF7373
}

form div.dropdown.holder-required .error-trigger, form div.dropdown.holder-validation .error-trigger, form div.dropdown.holder-error .error-trigger,
form div.listbox.holder-required .error-trigger, form div.listbox.holder-validation .error-trigger, form div.listbox.holder-error .error-trigger {
    left: 230px;
}


/**** Date/Time Field ****/
form .field.datetime:after {
    clear: both;

    display: block;

    content: ' ';

    width: 0;
    height: 0;

    font-size: 0;

    line-height: 0;

    visibility: hidden;
}

form .field.datetime .field.date, form .field.datetime .field.time {
    clear: none;

    float: left;

    padding-right: 8px;
}

form .field.datetime .field.date input, form .field.datetime .field.time input {
    width: 100%;
}

form .field.datetime .field.time input {
    width: 88px;
}

form .field.styledfile .fileName {
    color: #959595;

    padding-left: 20px;
}

/*** Form_EngagementMenuForm ***/
#Form_EngagementMenuForm.hide-fields fieldset,
#Form_EngagementMenuForm.hide-fields .btn-toolbar {
    display: none;
}

.EnagementMenuPage #Form_EngagementMenuForm_error.good {
    font-size: 3em;
    padding: 40px 20px !important;
    text-align: center;
}

#Form_EngagementMenuForm_error.good .button {
    font-size: inherit;
}

/**** Date Time Polyfiller ****/
.datetime-polyfiller {
    font-family: "Open Sans", Arial, sans-serif;

    width: 400px;
    max-width: 100%;
}

.datetime-polyfiller * {
    font-family: "Open Sans", Arial, sans-serif !important;
}

.datetime-polyfiller > div {
    background-color: #FFFFFF;
    background-clip: padding-box;

    font-size: 14px;
    font-weight: 400;
    color: #000000;

    width: 100%;
    height: 32px;

    padding: 3px 5px;

    border: 1px solid #AAAAAA;

    border-radius: 3px;

    line-height: normal;
}

.datetime-polyfiller.disabled > div {
    background-color: #F4F6F8;
}

.datetime-polyfiller > div:before,
.datetime-polyfiller > div:after {
    display: none;
}

.datetime-polyfiller > div > input {
    font-size: 14px;
    color: #000000;

    padding: 0;
}

.datetime-polyfiller p {
    background: #F8D4D8;

    position: relative;

    font-size: 1em;
    color: #71141F !important;

    border: 1px solid #F5C3C8;

    margin: 0 0 1rem;
    padding: 0.75rem 1.25rem;

    line-height: 1.5384;

    border-radius: 0.23rem;
}

.datetime-polyfiller .MuiIconButton-root {
    padding: 5px;

    border-radius: 0;

    box-shadow: none;
}

.datetime-polyfiller .MuiIconButton-root .MuiSvgIcon-root {
    width: 18px;
    height: 18px;
}

.MuiPickersCalendarHeader-transitionContainer p {
    margin: 0;
}

.MuiPickersDay-dayDisabled {
    background: transparent;

    border-color: transparent;
}

.MuiIconButton-label p {
    margin-bottom: 0;
}

.MuiPickersDay-daySelected p,
.MuiPickersDay-current p {
    color: #FFFFFF;
}

.MuiPickersDay-dayDisabled p {
    color: rgba(0, 0, 0, 0.38);
}

.MuiPickersBasePicker-container .MuiTypography-h3 {
    font-size: 3rem;
    font-weight: 400;
}

.MuiPickersBasePicker-container .MuiTypography-h4 {
    font-size: 2.125rem;
    font-weight: 400;
}

.MuiPickersBasePicker-container .MuiPickersToolbarText-toolbarTxt {
    color: rgba(255, 255, 255, 0.54);

    margin: 0;
}

.MuiPickersBasePicker-container .MuiPickersToolbarText-toolbarBtnSelected {
    color: #FFFFFF;
}

.MuiPickersBasePicker-container .MuiTypography-subtitle1 {
    font-size: 1rem;
    font-weight: 400;
}

form .field.confirmedpassword .showOnClickContainer.d-none,
form .hashedupload .file-attachment-field-previews .file-meta.file-name {
    display: none;
}

.dz-hidden-input {
    z-index: 999999;
}


/**** Media Alignment Field ****/
.field.mediaalignment ul,
.field.mediaalignment li {
    list-style-type: none;

    margin: 0;
    padding: 0;
}

.field.mediaalignment ul {
    display: flex;
}

.field.mediaalignment input {
    position: absolute;
    left: -9999px;

    visibility: hidden;
}

.field.mediaalignment li label {
    display: block;

    width: 80px;

    font-size: 13px;
    color: rgba(120, 132, 144, 0);

    text-align: center !important;
    text-transform: uppercase;
}

.field.mediaalignment li label:hover {
    color: #788490;
}

.field.mediaalignment li label span {
    display: block;

    padding: 0 0.25em;
}

.field.mediaalignment li input:checked + label {
    color: #29ABE2;
}

.field.mediaalignment li label::before {
    background: url(./../images/icons/media-alignment.png) top no-repeat content-box;

    display: block;

    content: " ";

    width: 80px;
    height: 36px;

    padding: 5px 0;

    border: 1px solid #B3B3B3;

    box-sizing: content-box;
}

.field.mediaalignment li:first-child label::before {
    border-top-left-radius: 0.23rem;
    border-bottom-left-radius: 0.23rem;
}

.field.mediaalignment li:last-child label::before {
    border-top-right-radius: 0.23rem;
    border-bottom-right-radius: 0.23rem;
}

.field.mediaalignment input:checked + label::before {
    background: url(./../images/icons/media-alignment.png) top no-repeat content-box,#e8f5ff padding-box;

    border-color: #29ABE2;
}

.field.mediaalignment .valleftAlone label::before {
    background-position-y: -36px;
}

.field.mediaalignment .valleftAlone input:checked + label::before {
    background-position-y: 0;
}

.field.mediaalignment .valcenter label::before {
    background-position-y: -108px;
}

.field.mediaalignment .valcenter input:checked + label::before {
    background-position-y: -72px;
}

.field.mediaalignment .valrightAlone label::before {
    background-position-y: -180px;
}

.field.mediaalignment .valrightAlone input:checked + label::before {
    background-position-y: -144px;
}

.field.mediaalignment .valleft label::before {
    background-position-y: -252px;
}

.field.mediaalignment .valleft input:checked + label::before {
    background-position-y: -216px;
}

.field.mediaalignment .valright label::before {
    background-position-y: -324px;
}

.field.mediaalignment .valright input:checked + label::before {
    background-position-y: -288px;
}

.field.required label:first-child::before {
    color: #FF0000;
    content: "* ";
}

.ss-tag-field .Select-value-icon {
    font-size: 0;
    color: transparent;

    padding: 3px 5px;
}

.ss-tag-field .Select-value-icon::before {
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    font-size: 12.474px;
    color: #08c;

    content: "\f00d";

    text-align: center;
    text-indent: 0 !important;
    text-shadow: none;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/**** jQuery UI ****/
.ui-widget.ui-widget-content,
.ss-ui-action-tabset {
    border: 0;
}

.action-menus .nav-link {
    border-radius: 0 !important;
}

a.ui-button {
    color: #FFFFFF !important;
}

.ui-button-icon-space {
    display: none;
}

.ui-icon {
    margin-top: 0;
}


/**** Peer Review Field ****/
.field.peerreview .peerreview {
    display: grid;

    align-items: stretch;

    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}

.field.peerreview .peerreview label::before {
    display: none;
}

.field.peerreview .peerreview label {
    display: block;

    height: 100%;

    padding: 40px 22px 36px;

    border: 1px solid transparent;

    border-radius: 2px;

    box-sizing: border-box;
}

.field.peerreview .peerreview input {
    position: absolute;
    left: -99999em;
}

.field.peerreview .peerreview label {
    cursor: pointer;
}

.field.peerreview .peerreview label span {
    display: block;
}

.field.peerreview .peerreview label .facet-title {
    font-size: 18px;
    font-weight: bold;
    color: #3e3e3e;

    margin: 20px 0;

    text-align: center;
    text-transform: uppercase;
}

.field.peerreview .peerreview label .check-circle {
    display: flex;

    width: 34px;
    height: 34px;

    margin: 0 auto 14px;

    border: 3px solid #000000;

    align-items: center;
    justify-content: center;

    border-radius: 50%;
}

.field.peerreview .peerreview label .check-circle .fa-check {
    display: none;

    font-size: 26px;
    color: #00afef;

    line-height: 30px;
}

.field.peerreview .peerreview input:checked + label {
    border-color: #00afef;
}

.field.peerreview .peerreview label:hover .check-circle .fa-check {
    display: block;

    opacity: 0.5;
}

.field.peerreview .peerreview input:checked + label .check-circle .fa-check {
    display: block;

    opacity: 1 !important;
}

.field.peerreview .peerreview input:focus-visible + label {
    outline: 2px solid AccentColor;
}

.field.peerreview .message {
    width: auto;
}