/* accessibility-statements.co.uk css Wed, 16 Jul 2025 23:26:42 +0100 */

/* modules/jrAction/contrib/mentions/jquery.mentionsInput.css */


.mentions-input-box {
    position:relative;
}

.mentions-input-box textarea {
    width:100%;
    display:block;
    overflow:hidden;
    position:relative;
    outline:0;
    resize:none;
}

.mentions-input-box .mentions-autocomplete-list {
    display:none;
    background-color:#FFFFFF !important;
    color:#000000;
    border:solid 1px #7F7F7F;
    position:absolute;
    padding:5px 5px 0 5px;
    left:4px;
    right:150px;
    margin-top:-1px;
    border-radius:3px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    -moz-box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    box-shadow:0 2px 5px rgba(0,0,0,0.148438);
    z-index:50000;
    max-height:200px;
    overflow:scroll;
}

.mentions-input-box .mentions-autocomplete-list ul {
    margin:0;
    padding:0;
}

.mentions-input-box .mentions-autocomplete-list li {
    margin:0;
    width:auto;
    height:34px;
    line-height:34px;
    overflow:hidden;
    cursor:pointer;
    list-style:none;
    white-space:nowrap;
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
    border-radius:5px;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
    width:28px;
    height:28px;
    float:left;
    margin:0 5px 5px 0;
}

.mentions-input-box .mentions-autocomplete-list li em {
    font-weight:bold;
}

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
}

.mentions-input-box .mentions {
    position:absolute;
    left:1px;
    right:0;
    top:1px;
    bottom:0;
    padding:9px;
    color:#FFFFFF;
    overflow:hidden;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.mentions-input-box .mentions > div {
    color:#FFFFFF;
    white-space:pre-wrap;
    width:100%;
}

.mentions-input-box .mentions > div > strong {
    font-weight:normal;
    background:#D8DFEA;
}

.mentions-input-box .mentions > div > strong > span {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


/* modules/jrAction/css/jrAction.css */


#action_update {
    padding:5px;
    height:50px;
    width:98%;
}

#action_text_counter {
    position:relative;
    float:left;
    font-size:12px;
    left:146px;
    bottom:24px;
    font-style:italic;
}

#asi {
    display:none;
    vertical-align:middle;
    margin:6px 4px 0 4px;
    border:0;
}

#action_submit {
    margin-top:9px;
}

.action_warning {
    color:#900;
}

.action_exceeded {
    color:#E00;
}

.action_detail {
    padding:1em;
}

.action_item {
    font-size:16px;
    overflow:auto;
}

.action_item_media {
    vertical-align:top;
    padding:0 16px 0 12px;
    cursor:pointer;
}

.action_item_desc {
    font-size:14px;
}

.action_item_title {
    font-size:14px;
    font-weight:bold;
}

.action_item_actions {
    display:inline-block;
    color:#999;
    font-size:12px;
    text-transform:lowercase;
    margin-bottom:12px;
}

.action_item_text {
    font-size:15px;
}

.action_item_shared {
    width:100%;
    background:#F3F3F3;
    padding:12px 0 12px 0;
    margin-top:6px;
}

.action_item_user_img {
    margin:1px;
    float:left;
}

.action_item_holder {
    width:100%;
    border-bottom:1px solid #EEE;
    padding:12px 0;
}

.action_item_holder:hover {
    background:#EEE;
}

.action_item_mention {
    background:#EEE;
    padding:6px;
    border-radius:3px;
    margin-top:6px;
}

.action_item_link {
    display:inline-block;
    width:100%;
    height:100%;
    padding-right:10px;
    box-sizing:border-box;
}

.action_media_thumb {
    display:inline-block;
}

.action_item_content {
    width:100%;
    color:#000;
}

.action_item_content a:hover {
    text-decoration:underline;
}

.action_item_delete {
    position:absolute;
    top:0;
    right:0;
    display:none;
    padding-right:12px;
}

.action_item_share {
    display:inline-block;
    color:#999;
    font-size:12px;
    margin:6px 16px 0 0;
}

.action_item_share:hover {
    color:#000;
}

.action_item_comments {
    display:inline-block;
    font-style:italic;
    padding-left:3px;
    color:#777;
    font-size:12px;
}

.action_item_comments:hover {
    color:#000;
}

.hash_link {
    text-decoration:none;
}

.mention_item {
    margin:0 !important;
    padding:3px !important;
}

#timeline_text_counter {
    font-size:12px;
    font-style:italic;
    padding:1em;
    display:inline-block;
}

/* share modal */
#share_modal {
    display:none;
    height:auto;
    width:600px;
    z-index:100000;
}

#share_modal_box {
    position:relative;
    border-radius:5px;
    display:block;
    padding:15px;
}

#share_modal_box .list_buttons {
    display:none;
}

#share_modal_box .action,#share_modal_box .item {
    max-height:400px;
    overflow:auto;
}

#share_modal_box .action_item_holder:hover {
    background:inherit;
}

#share_modal_close {
    position:absolute;
    bottom:18px;
    right:18px;
}

#share_update {
    height:50px;
    margin:0 0 5px;
    padding:5px;
    width:98%;
}

#share_text_counter {
    font-size:12px;
    font-style:italic;
    display:inline-block;
}

#share_networks {
    position:relative;
    float:right;
    font-size:14px;
    right:0;
    bottom:0;
    font-style:italic;
}

#share_networks img {
    margin:0 3px;
}

#share_submit_indicator {
    display:none;
    vertical-align:middle;
    margin:9px 9px 0 3px;
    border:0;
}

#share_submit {
    margin-top:12px;
}

.share_warning {
    color:#900 !important;
}

.share_exceeded {
    color:#E00 !important;
}

.share_item {
    font-size:16px;
    overflow:auto;
}

.share_item_media {
    vertical-align:top;
    padding:0 16px 0 12px;
    cursor:pointer;
}

.share_item_title {
    font-size:13px;
    font-weight:bold;
}

.share_item_actions {
    color:#999;
    font-size:12px;
    font-style:italic;
    text-transform:lowercase;
}

.share_item_user_img {
    margin:1px;
    float:left;
}

.share_item_holder {
    width:100%;
    border-bottom:1px solid #EEE;
    padding:12px 0 12px 0;
}

.share_item_holder:hover {
    background:#EEE;
}

.share_item_holder_shared {
    width:100%;
    border-bottom:1px solid #EEE;
    background:#F3F3F3;
    padding:12px 0 12px 0;
}

.share_item_desc {
    vertical-align:top;
    font-size:14px;
}

.share_item_desc a {
    color:#000;
}

.share_item_link {
    display:inline-block;
    width:100%;
    height:100%;
    cursor:pointer;
}

.share_media_thumb {
    display:inline-block;
}

.share_item_content {
    width:100%;
    color:#000;
}

.share_item_content a:hover {
    text-decoration:underline;
}

.share_item_delete {
    position:absolute;
    top:0;
    right:0;
    display:none;
    padding-right:12px;
}

.share_item_share {
    display:inline-block;
    color:#999;
    font-size:12px;
    margin:6px 16px 0 0;
}

.share_item_action:hover {
    color:#000;
}

.share_item_comments {
    display:inline-block;
    font-style:italic;
    padding-left:3px;
    color:#777;
    font-size:12px;
}

.share_item_comments:hover {
    color:#000;
}

#quick_action_box {
    position:relative;
}

#quick_action_tab_box {
    padding:0 2px 6px 2px;
    overflow:hidden;
}

.quick_action_tab {
    margin:4px 2px;
    float:left;
    cursor:pointer;
}

#quick_action_title {
    float:right;
    margin-top:22px;
    text-transform:capitalize;
}

#share_item_box {
    padding:1px;
    max-height:400px;
    overflow:auto;
    -ms-overflow-style:-ms-autohiding-scrollbar;
}

#shared_item_status {
    position:relative;
    padding:10px 20px;
    vertical-align:middle;
}

#shared_item_status span {
    display:inline-block;
    margin-top:6px;
}

#shared_item_view_button {
    float:right;
}

#action_modal .media_panel .action_info {
    display:none;
}

#action_modal .col8 .action {
    width:100%;
}

#action_modal .action_wrap,#action_modal #comment_wrap {
    padding:0 12px;
}

#action_modal.media .action_wrap {
    padding:12px 12px 0;
}

#action_modal .action_wrap > .action {
    margin:0;
}

#action_modal .item_media.action_text.clearfix .urlscan_card {
    font-size:12px;
}

#action_modal .item_media.action_text.clearfix {
    padding:1em;
    font-size:20px;
}

#action_modal .action {
    margin:0;
    box-shadow:none;
    background:none;
    max-width:none;
}

#action_modal .block {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    min-width:0;
    padding:12px 0;
}

#action_modal.media .item_media {
    box-shadow:none;
}

#action_modal .modal_paging {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

#action_modal .action_user_image {
    position:relative;
    top:-10px;
}

#action_modal.media .action_user_image {
    top:0;
}

#action_modal #comment_form_section .item {
    box-shadow:none;
    margin:0;
    border:none;
}

#action_modal.media #comment_form_section .item {
    padding:0;
}

#action_modal #comment_form_section .item.error {
    padding:10px;
}

#action_modal .comment_page_section .item {
    margin:0;
    box-shadow:none;
}

#action_modal .modal_paging .prev {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:50%;
    background:url('https://dev.accessibility-statements.co.uk/image/img/module/jrCore/lightbox2-prev.png') left 48% no-repeat;
    opacity:0;
    transition:opacity 1s ease 0s;
    height:auto;
    width:auto;
}

#action_modal .modal_paging .next {
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    right:0;
    background:url('https://dev.accessibility-statements.co.uk/image/img/module/jrCore/lightbox2-next.png') right 48% no-repeat;
    opacity:0;
    transition:opacity 1s ease 0s;
    height:auto;
    width:auto;
}

#action_modal #gallery_box .close {
    position:absolute;
    right:15px;
    top:15px;
    width:30px;
    height:30px;
    background:url('https://dev.accessibility-statements.co.uk/image/img/module/jrCore/lightbox2-close.png') 0 0 no-repeat;
    z-index:20;
    cursor:pointer;
}

#action_modal .modal_paging .next:hover,#action_modal .modal_paging .prev:hover {
    opacity:1;
}

#action_modal #gallery_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#action_modal #comment_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100vh;
    transition:top 1s ease 0s;
    z-index:21;
}

#action_modal #comment_box.closed {
    top:100vh;
    display:block;
}

#action_modal #comment_box .comment_page_section {

}

#action_modal .comment_close {
    right:10px;
    top:10px;
    position:absolute;
    z-index:20
}

#action_modal #gallery_box .title {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    box-shadow:none !important;
}

#action_modal .title {
    box-shadow:none !important;
    font-size:14px;
    font-weight:normal;
}

#action_modal #gallery_box .title a {
    color:white;
}

#action_modal .comment_page_section .col2 {
    width:10%;
}

#action_modal .comment_page_section .col10 {
    width:90%;
}

#action_modal.media .comment_page_section .col2 {
    width:16.66%;
}

#action_modal.media .comment_page_section .col10 {
    width:83.34%;
}

#action_modal.media .comment_page_section {
    font-size:13px;
}

#action_modal.media {
    height:526px;
    width:100%;
    max-width:1000px;
}

#action_modal.media .block {
    padding:12px;
}

#action_modal .item_media {
    padding:0;
}

#action_modal {
    height:100vh;
    width:600px;
    background:white;
    position:relative;
}

#action_modal .comment_page_section {
    width:auto;
    display:block;
    max-height:none;
    background:none;
}

#action_modal #comment_wrap {

}

#action_modal #comment_form_holder {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:0 12px;
}

#action_modal .media_panel {
    width:66%;
    float:left;
}

#action_modal .comment_panel {
    width:34%;
    position:absolute;
    top:12px;
    bottom:1em;
    right:0;
}

@media handheld,only screen and (max-width:767px) {
    #action_modal {
        overflow:auto;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:0;
        margin:0;
        width:auto;
    }

    #action_modal .comment_page_section .col2 {
        float:left;
        width:16.66%;
    }

    #action_modal .comment_page_section .col10 {
        float:left;
        width:83.34%;
    }

    #action_modal #comment_form_section > .item {
        margin:0;
    }

    #action_modal .modal_paging .next,.modal_paging .prev {
        opacity:1;
    }

    #action_modal.media {
        height:100vh;
        width:auto;
        max-width:100%;
    }

    #action_modal #comment_box {
        background:white;
    }

    #action_modal.media .block {
        padding:0;
    }
}

#action_modal .action_info {
    min-height:60px;
    padding:0;
}

#action_modal #scroller {
    overflow:auto;
    height:calc(100vh - 146px);
    width:100%;
}

#action_modal #scroller::-webkit-scrollbar {
    display:none;
}

/* Hide scrollbar for IE and Edge */
#action_modal #scroller {
    scrollbar-width:none; /* Firefox 64 */
}

#action_modal.media #scroller {
    height:calc(100% - 121px);
}



/* modules/jrBlog/css/jrBlog.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.blog_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

/* modules/jrComment/css/jrComment.css */


/* @title Main Comment Indent */
/* @help This controls how far the MAIN LEVEL comments on an item is indented */
.comment-level-0 {
    margin-left:0;
}

/* @title Comment Level 1 */
/* @help This controls how far FIRST LEVEL comment replies on an item are indented */
.comment-level-1 {
    margin-left:25px !important;
}

/* @title Comment Level 2 */
/* @help This controls how far SECOND LEVEL comment replies on an item are indented */
.comment-level-2 {
    margin-left:50px !important;
}

/* @title Comment Level 3 */
/* @help This controls how far THIRD LEVEL comment replies on an item are indented */
.comment-level-3 {
    margin-left:75px !important;
}

/* @title Comment Level 4 */
/* @help This controls how far FOURTH LEVEL comment replies on an item are indented */
.comment-level-4 {
    margin-left:100px !important;
}

/* @title Comment Level 5 */
/* @help This controls how far FIFTH LEVEL comment replies on an item are indented */
.comment-level-5 {
    margin-left:125px !important;
}

/* @title Comment Level 6 */
/* @help This controls how far SIXTH LEVEL comment replies on an item are indented */
.comment-level-6 {
    margin-left:150px !important;
}

/* @title Comment Level 7 */
/* @help This controls how far SEVENTH LEVEL comment replies on an item are indented */
.comment-level-7 {
    margin-left:175px !important;
}

/* @title Comment Level 8 */
/* @help This controls how far EIGHTH LEVEL and HIGHER comment replies on an item are indented */
.comment-level-last {
    margin-left:200px !important;
}

/* @title Comment Reply Tag */
/* @help Controls the text of the "Reply" text shown on a comment when threading is enabled */
.comment-reply {
    display:inline-block;
    margin-top:6px;
    font-size:11px;
    text-transform:uppercase;
}

.jrcomment_upload_attachment {
    margin-top:-32px;
    text-align:right;
    width:100%;
}

.jrcomment_upload_attachment li.qq-upload-success {
    text-align:left;
}

.jrcomment_upload_attachment .qq-uploader {
    float:right;
}

#comment_form_holder .form_editor_holder {
    width:100%;
}

#comment_text {
    box-sizing:border-box;
    height:72px;
    width:100%;
}

/* modules/jrCore/contrib/fileuploader/fileuploader.css */


/* Have ideas for improving this CSS for the general community? Submit your changes at:https://github.com/Valums-File-Uploader/file-uploader */
.qq-uploader {
    position:relative;
}

.qq-upload-holder {
    display:inline-block;
}

.qq-upload-button {
    display:inline-block;
    text-align:center;
    line-height:15px;
    background:#880000;
    border-bottom:1px solid #DDDDDD;
    padding-bottom:4px;
    margin-top:-2px !important;
    color:#FFFFFF;
    white-space:nowrap;
}

.qq-upload-button-hover {
    background:#CC0000;
}

.qq-upload-button-focus {
    outline:1px dotted #000000;
}

.qq-upload-drop-area,.qq-upload-extra-drop-area {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:30px;
    z-index:2;
    background:#FF9797;
    text-align:center;
}

.qq-upload-drop-area span {
    display:block;
    position:absolute;
    top:50%;
    width:100%;
    margin-top:-8px;
    font-size:16px;
}

.qq-upload-extra-drop-area {
    position:relative;
    margin-top:50px;
    font-size:16px;
    padding-top:30px;
    height:20px;
    min-height:40px;
}

.qq-upload-drop-area-active {
    background:#FF7171;
}

.qq-upload-list {
    margin:0;
    padding:0;
    list-style:none;
}

.qq-upload-list li {
    width:100%;
    margin:6px 2px;
    padding:9px;
    line-height:15px;
    font-size:13px;
    background-color:#EEEEEE;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-failed-text,.qq-upload-finished {
    margin-right:12px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display:inline-block;
    float:right;
    box-sizing:border-box;
    border-width:2px;
    border-style:solid;
    border-color:hsla(359,0%,0%,0.2);
    border-top-color:#000000;
    border-bottom-color:#000000;
    border-radius:50%;
    width:15px;
    height:15px;
    margin:0 auto;
    animation:spin 0.8s linear infinite;
    -webkit-animation:spin 0.8s linear infinite;
    vertical-align:text-bottom;
}

.qq-upload-finished {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-size,.qq-upload-cancel {
    font-size:12px;
    font-weight:normal;
}

.qq-upload-failed-text {
    display:none;
}

.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}

.qq-upload-fail .qq-upload-failed-text {
    display:inline;
}

.qq-upload-list li.qq-upload-success {
    margin:6px 2px;
    background-color:#CCFF99;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-list li.qq-upload-fail {
    margin:6px 2px;
    background-color:#FFCC00;
    color:#000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.qq-upload-delete {
    display:none;
    float:right;
}

@media handheld,only screen and (max-width:767px) {
    .qq-upload-holder {
        margin-left:6px;
    }
}


/* modules/jrCore/contrib/sweetalert/sweetalert.css */


.sweet-overlay {
    background-color:black;
    background-color:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:10000;
}

.sweet-alert {
    background-color:white;
    width:438px;
    padding:10px 20px 20px 20px;
    text-align:center;
    position:fixed;
    left:50%;
    top:40%;
    margin-left:-236px;
    margin-top:-200px;
    overflow:hidden;
    display:none;
    z-index:99999;
}

@media all and (max-width:540px) {
    .sweet-alert {
        width:auto;
        margin-left:0;
        margin-right:0;
        left:15px !important;
        right:15px;
    }
}

.sweet-alert h2 {
    color:#000000;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    text-transform:capitalize;
    position:relative;
    margin:25px 0 10px 0;
    padding:0;
    line-height:40px;
    display:block;
}

.sweet-alert p {
    color:#444444;
    font-size:16px;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    margin:0;
    padding:0;
    line-height:normal;
}

.sweet-alert fieldset {
    border:none;
    position:relative;
}

.sweet-alert .sa-error-container {
    background-color:#F1F1F1;
    margin-left:-17px;
    margin-right:-17px;
    overflow:hidden;
    padding:0 10px;
    max-height:0;
}

.sweet-alert .sa-error-container.show {
    padding:10px 0;
    max-height:100px;
    webkit-transition:padding 0.2s,max-height 0.2s;
    transition:padding 0.25s,max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
    display:inline-block;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#FF9933;
    color:white;
    line-height:24px;
    text-align:center;
    margin-right:3px;
}

.sweet-alert .sa-error-container p {
    display:inline-block;
}

.sweet-alert .sa-input-error {
    position:absolute;
    top:29px;
    right:26px;
    width:20px;
    height:20px;
    opacity:0;
}

.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after {
    content:"";
    width:20px;
    height:6px;
    background-color:#FF9933;
    border-radius:3px;
    position:absolute;
    top:50%;
    margin-top:-4px;
    left:50%;
    margin-left:-9px;
}

.sweet-alert .sa-input-error::before {
}

.sweet-alert .sa-input-error::after {
}

.sweet-alert .sa-input-error.show {
    opacity:1;
}

.sweet-alert input {
    width:100%;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #D7D7D7;
    height:43px;
    margin-top:10px;
    margin-bottom:17px;
    font-size:16px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);
    padding:0 12px;
    display:none;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

.sweet-alert input:focus {
    outline:none;
}

.sweet-alert input:focus::-moz-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition:opacity 0.3s 0.03s ease;
    opacity:0.5;
}

.sweet-alert input::-moz-placeholder {
    color:#BDBDBD;
}

.sweet-alert input::-ms-clear {
    display:none;
}

.sweet-alert input:-ms-input-placeholder {
    color:#BDBDBD;
}

.sweet-alert input::-webkit-input-placeholder {
    color:#BDBDBD;
}

.sweet-alert.show-input input {
    display:block;
}

.sweet-alert .sa-confirm-button-container {
    display:inline-block;
    position:relative;
}

.sweet-alert .la-ball-fall {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-27px;
    margin-top:4px;
    opacity:0;
    visibility:hidden;
}

.sweet-alert button {
    margin:0 10px;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom:40px;
}

.sweet-alert .sa-icon {
    width:80px;
    height:80px;
    border:4px solid gray;
    -webkit-border-radius:40px;
    border-radius:50%;
    margin:20px auto;
    padding:0;
    position:relative;
    box-sizing:content-box;
    text-shadow:0 0 3px #000000;
}

.sweet-alert .sa-icon.sa-error {
    border-color:#FF9933;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position:relative;
    display:block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position:absolute;
    height:5px;
    width:47px;
    background-color:#FF9933;
    display:block;
    top:37px;
    border-radius:2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    left:17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    right:16px;
}

.sweet-alert .sa-icon.sa-warning {
    border-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position:absolute;
    width:7px;
    height:7px;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#FFCC00;
}

.sweet-alert .sa-icon.sa-info {
    border-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#C9DAE1;
    left:50%;
}

.sweet-alert .sa-icon.sa-success {
    border-color:#A5DC86;
}

.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after {
    content:'';
    -webkit-border-radius:40px;
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:white;
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius:120px 0 0 120px;
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius:0 120px 120px 0;
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,0.2);
    -webkit-border-radius:40px;
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width:5px;
    height:90px;
    background-color:white;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height:5px;
    background-color:#A5DC86;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width:25px;
    left:14px;
    top:46px;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width:47px;
    right:8px;
    top:38px;
}

.sweet-alert .sa-icon.sa-custom {
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat;
}


/* modules/jrCore/contrib/livesearch/jquery.livesearch.css */


#jquery-live-search {
    background:#FFFFFF;
    padding:5px 10px;
    max-height:400px;
    overflow:auto;
    position:absolute;
    z-index:200000;
    border:1px solid #A9A9A9;
    border-width:0 1px 1px 1px;
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    box-shadow:5px 5px 5px rgba(0,0,0,0.3);
}

#jquery-live-search a {
    color:#000000;
}

/* modules/jrCore/contrib/lightbox/lightbox.css */


/* Preload images */
body:after {
    display:none;
}

.lightboxOverlay {
    position:absolute;
    top:0;
    left:0;
    z-index:999999;
    background-color:black;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:0.8;
    display:none;
}

.lightbox {
    position:absolute;
    left:0;
    width:100%;
    z-index:1000000;
    text-align:center;
    line-height:0;
    font-weight:normal;
}

.lightbox .lb-image {
    display:block;
    height:auto;
    max-width:inherit;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.lightbox a img {
    border:none;
}

.lb-outerContainer {
    position:relative;
    background-color:#111;
    *zoom:1;
    width:250px;
    height:250px;
    margin:0 auto;
    border-radius:5px 5px 0 0;
}

.lb-outerContainer:after {
    content:"";
    display:table;
    clear:both;
}

.lb-container {
    padding:4px;
}

.lb-loader {
    position:absolute;
    top:43%;
    left:0;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0;
}

.lb-cancel {
    display:block;
    width:32px;
    height:32px;
    margin:0 auto;
}

.lb-nav {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    pointer-events:none;
}

.lb-container > .nav {
    left:0;
}

.lb-nav a {
    outline:none;
}

.lb-prev,.lb-next {
    font-size:24px;
    font-weight:bold;
    color:#CCC;
    height:100%;
    cursor:pointer;
    display:block;
    vertical-align:middle;
    line-height:50px;
    text-shadow:0 1px 1px #000;
    pointer-events:all;
}

.lb-nav a.lb-prev {
    width:20%;
    left:0;
    float:left;
    padding-left:15px;
    text-align:left;
    opacity:0;
}

.lb-nav a.lb-prev div {
    position:absolute;
    top:45%;
    left:15px;
}

.lb-nav a.lb-prev:hover {
    opacity:1;
    text-decoration:none;
    color:#FFF;
}

.lb-nav a.lb-next {
    width:33%;
    right:0;
    float:right;
    text-align:right;
    padding-right:15px;
    opacity:0;
}

.lb-nav a.lb-next div {
    position:absolute;
    top:45%;
    right:15px;
}

.lb-nav a.lb-next:hover {
    opacity:1;
    text-decoration:none;
    color:#FFF;
}

.lb-dataContainer {
    background:#111;
    margin:0 auto;
    padding-top:5px;
    *zoom:1;
    width:100%;
    border-radius:0 0 5px 5px;
}

.lb-dataContainer:after {
    content:"";
    display:table;
    clear:both;
}

.lb-data {
    padding:0 4px;
    color:#CCC;
}

.lb-data .lb-details {
    padding:0 0 8px 5px;
    width:85%;
    float:left;
    text-align:left;
    line-height:1.1em;
}

.lb-data .lb-caption {
    font-size:13px;
    font-weight:bold;
    line-height:1em;
}

.lb-data .lb-number {
    display:block;
    clear:left;
    font-size:12px;
    color:#999;
}

.lb-data .lb-close {
    font-size:24px;
    color:#CCC;
    float:right;
    line-height:20px;
    text-shadow:0 1px 1px #000;
    margin-right:5px;
    padding-bottom:8px;
}

.lb-data .lb-close:hover {
    cursor:pointer;
    color:#FFF;
}

body.lb-disable-scrolling {
    overflow:hidden;
}


/* modules/jrCore/contrib/select2/css/select2.min.css */


.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 50%);background-image:-o-linear-gradient(top,#fff 0%,#eee 50%);background-image:linear-gradient(to bottom,#fff 0%,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


/* modules/jrCore/css/jrCore.css */


/* Modal Window */
* {
    -webkit-font-smoothing:subpixel-antialiased;
}

/* @title Modal Overlay background */
/* @help Defines the background color used when a modal window is opened */
#simplemodal-overlay {
    background-color:#000;
    cursor:wait;
}

#modal_window {
    display:none;
    overflow:auto;
}

/* @title Modal Update Text */
/* @help Text used for individual update lines in an activity update modal window */
#modal_updates {
    color:#000;
    font-size:12px;
    font-family:monospace;
    padding:8px 16px; 
    overflow:auto;
}

#modal_indicator {
    display:none;
    float:right;
    position:relative;
    top:60px;
    right:20px;
}

.search_area_left {
    padding-bottom:12px !important;
}

.search_area_right {
    padding-bottom:12px !important;
}

.live_search_text {
    resize:none !important;
}

/* File form field */
.jrcore_file_detail {
    position:relative;
    width:76.5%;
    padding:6px 10px !important;
    margin:8px 0 12px 2px !important;
    font-size:12px !important;
    font-variant:normal !important;
    text-transform:none !important;
    border-radius:3px;
}

.jrcore_file_detail_left {
    width:2%;
    vertical-align:middle;
}

.jrcore_file_detail_right {
    width:98%;
    text-align:left;
}

.jrcore_file_title {
    width:60px;
    display:inline-block;
    text-align:right;
    text-transform:lowercase;
    font-variant:small-caps;
}

.at_link a {
    color:#009;
    text-decoration:none;
}

.at_link a:hover {
    text-decoration:underline;
}

/* Admin Menu Accordion */
.accordion {
    margin:0;
    padding-top:10px;
}

.accordion a {
    color:#000;
    text-decoration:none;
}

.accordion a:hover {
    color:#000;
    text-decoration:none;
}

dt {
    padding:12px;
    font-weight:bold;
    cursor:pointer;
}

dt a {
    color:#000;
}

dd {
    padding:3px 0;
    margin:0;
    font-size:12px;
}

#item-holder {
    margin-right:9px;
}

#item-list {
    width:100%;
    display:table;
    margin:9px 0 9px 9px;
    padding:6px;
}

.item-row {
    width:100%;
    display:table-row;
    cursor:pointer;
    height:42px;
    background:#DDD;
}

.item-row-active {
    background:#FFF;
}

.item-row:hover {
    background:#FFF;
}

.item-icon {
    display:table-cell;
    padding:3px;
}

.item-entry {
    width:100%;
    display:table-cell;
    padding:6px;
    font-size:14px;
    color:#000;
    vertical-align:middle;
}

.item-enabled {
    display:table-cell;
    padding-right:6px;
}

.item-disabled {
    display:table-cell;
    color:#000;
    background:#FC0;
    font-size:11px;
    padding:6px;
    border:1px solid #AAA;
    border-radius:4px;
}

.item-active {
    display:table-cell;
    background:#CF9;
    font-size:11px;
    padding:6px;
    border:1px solid #AAA;
    border-radius:4px;
}

#item-work {
    background:#DDD;
    max-width:100%;
}

#error_log {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    padding:6px;
    font-size:10px;
    overflow:auto;
}

#debug_log {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    padding:6px;
    font-size:10px;
    overflow:auto;
    white-space:pre;
}

.ds_browser_item {
    max-height:250px;
    overflow:scroll;
}

/* DataStore Browser */
.ds_browser_key {
    width:425px;
    display:inline-block;
    text-align:right;
    background:#EEE;
    padding:1px 3px;
    border-radius:2px;
    margin-bottom:2px;
    font-size:12px;
    font-weight:bold;
}

.ds_browser_value {
    text-align:left;
    padding-left:3px;
    word-break:break-all;
}

#ds_browser_new_key {
    width:120px;
}

/* Template Editor */
.form_editor_holder {
    text-transform:none;
    width:95%;
    z-index:25000;
    height:100%;
    padding:0;
    margin:0;
}

.form_editor_holder > div {
    min-height:170px;
}

.form_editor_full_width {
    width:100%;
    margin-top:8px;
    margin-bottom:8px;
}

.page_custom {
    max-width:1024px;
    box-sizing:border-box;
}

.form_template {
    text-transform:none;
    box-sizing:border-box;
}

.form_template_editor {
    text-transform:none;
    height:600px;
}

.php_Notice {
}

.php_Warning {
    color:#F90;
}

.php_Fatal,.php_Parse {
    color:#F00;
}

.log-inf {
    text-align:left;
    word-break:break-all;
}

.log-dbg {
    text-align:left;
    word-break:break-all;
    color:#666 !important;
}

.log-min {
    background:#FF9;
    text-align:left;
    word-break:break-all;
}

.log-maj {
    background:#F93;
    text-align:left;
    word-break:break-all;
}

.log-cri {
    background:#F63;
    text-align:left;
    word-break:break-all;
}

.style-box {
    width:80%;
    margin-bottom:6px;
    padding:6px;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#DDD;
    font-size:12px;
    float:left;
}

.style-box-hilight {
    border-left-color:#FC0;
}

.style-reset {
    position:absolute;
    top:6px;
    right:32px;
}

.style-input {
    width:175px;
}

.style-select {
    width:185px !important;
}

.style-color {
    width:24px;
    height:16px;
    margin:0 6px;
    border:1px solid #DDD;
    cursor:pointer;
}

.style-label {
    display:inline-block;
    width:120px;
    text-align:right;
    margin:6px;
    padding:0;
}

.CodeMirror {
    background:#FFF;
    padding:6px;
    font-size:12px;
    border:solid 1px #CCC;
    overflow:auto;
}

.fullscreen {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    margin:0;
    padding:0;
    border:0;
    opacity:1;
}

#jqp {
    background:#FAFAFA;
    width:360px;
    padding:6px 2px 2px 6px;
    border:solid 1px #7F7F7F;
    border-radius:2px;
    box-shadow:5px 5px 5px rgba(0,0,0,0.3);
    z-index:10000;
}

#jqp h2 {
    margin:0 0 5px 0;
    font-size:14px;
}

#jqp ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

#jqp ul:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}

#jqp ul li {
    float:left;
    margin:0 5px 5px 0;
}

#jqp ul li a {
    display:block;
    width:13px;
    height:13px;
    text-decoration:none;
    text-indent:-100000px;
    outline:0;
    border:solid 1px #7F7F7F;
}

#jqp ul li a:hover {
    border-color:#000;
}

.sortable li li {
    list-style:disc;
}

.item_sortable {
    margin:auto;
    padding:0;
    list-style:none outside none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.item_sortable li {
    border:1px solid #BBB;
    list-style:none;
    cursor:move;
    padding:5px 12px 5px 12px;
    margin:5px;
    height:20px;
    font-size:14px;
    overflow:hidden;
}

li.sortable-placeholder {
    border:2px dashed #CCC;
    background:none;
    padding:5px 12px 5px 12px;
    margin:5px;
    height:18px;
}

#diff_result {
    font-family:Monaco,"Lucida Console",monospace;
    width:100%;
    font-size:11px;
    overflow:auto;
    margin:6px 0 18px 0;
}

#diff_table {
    width:100%;
    background-color:#EEE !important;
    border-collapse:collapse;
    border-spacing:1px;
    white-space:pre-line;
    border-width:1px;
    border-style:solid;
    border-color:#DDD;
}

#diff_table td {
    background:#FFF;
    padding:3px 5px;
    color:#000;
    border-bottom:1px solid #F6F6F6;
}

.diff_head {
    width:50%;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    padding:6px;
}

.diff_foot {
    background-color:#EEE;
    text-align:center;
    padding:12px !important;
}

.diff_lno {
    width:3%;
    padding-right:6px !important;
    font-weight:bold;
    text-align:right;
}

.diff_none {
    background:#FFF;
}

.diff_chg {
    background:#FC0 !important;
}

.diff_new {
    background:#CF9 !important;
}

.diff_old {
    background:#CF9 !important;
}

.file_attachment_box {
    width:100%;
    display:block;
    margin-top:20px;
    font-size:13px;
    box-sizing:border-box;
}

.file_attachment {
    position:relative;
    margin-bottom:4px;
}

.file_attachment_image {
    display:inline;
}

.file_attachment_text {
    display:inline;
    margin-left:6px;
}

.fixed-width {
    font-family:monospace;
    white-space:pre-wrap;
    font-size:11px;
}

.widget-template-code {
    font-size:12px;
    padding:8px 20px 10px 20px;
}

.word-break {
    word-break:break-all;
}

.nocursor {
    cursor:unset !important;
}

/* @title Textarea Expand */
/* @help Controls the display of the small Expand arrow to the right of the textarea */
.form_textarea_expand {
    display:none;
    position:absolute;
    bottom:12px;
    margin-left:3px;
}

/* @title Birthday Field Month */
/* @help controls the MONTH selector in a Birthday form field */
.form_date_birthday_month {
    width:120px !important;
}

/* @title Birthday Field Day */
/* @help controls the DAY selector in a Birthday form field */
.form_date_birthday_day {
    width:60px !important;
}

/* @title Birthday Field Year */
/* @help controls the YEAR input field in a Birthday form field */
.form_date_birthday_year {
    width:60px !important;
    margin-left:9px;
    padding:4px 4px 3px 4px;
}

.form_daterange,.form_date,.form_date_time {
    min-width:286px;
}

.form_mobile_label {
    font-size:13px;
    text-transform:capitalize;
    margin-left:6px;
}

.sublabel {
    display:block;
}

.page-table-jumper-page {
    width:65px !important;
}

.page-table-jumper-perpage {
    width:65px !important;
}

.acp-default-img {
    padding:1px;
    margin:1px;
    border:1px solid #DDD;
}

.acp-custom-img {
    padding:1px;
    margin:1px;
    border:1px solid #DDD;
}

.module_icon {
    background-color:#F3F3F3;
    border:1px solid #DDD;
    display:block;
    border-radius:5px;
    padding:2px;
    margin:2px;
    box-shadow:inset 0 0 3px #DDD;
}

.module_icon img {
    margin:0 auto;
    vertical-align:middle;
    transform:scale(0.9);
}

#info_box .item strong {
    display:inline-block;
    width:100px;
    text-align:right;
    margin-right:8px;
    padding:2px 0;
    text-transform:capitalize;
}

.rejected_reason_delete {
    padding:0;
}

.nowrap {
    white-space:nowrap;
}

.no-text-transform {
    text-transform:none !important;
}

.form_icon_button {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    margin:0;
    padding:0;
    cursor:pointer;
}

.form_button_icon {
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased;
}

.form_button_menu {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
}

.form_button_menu_button {
    float:left;
}

.form_button_menu ul {
    position:absolute;
    display:none;
    top:35px;
    left:0;
    z-index:32;
    border:1px solid #D9D9D9;
    background-color:#FFF;
    margin:0;
    padding:0;
}

.form_button_submenu {
    margin:0;
    padding:5px 10px;
    font-size:16px;
    cursor:pointer;
    list-style:none;
}

.form_button_submenu:hover {
    background-color:#FC0;
}

.form_button_menu_ul li {
    list-style:none;
}

.sprite_icon_disabled {
    cursor:not-allowed !important;
    opacity:0.3;
}

.sprite_icon_disabled:hover {
    background:inherit !important;
}

.option_img {
    display:inline-block;
    vertical-align:middle;
    border-radius:50%;
    box-shadow:inset 0 0 2px #999;
}

.fail {
    background-color:#FF7400;
}

.select2 {
    margin:0 4px;
}

.select2-select-width {
    width:76.3% !important;
}

.select2-select-and-text-width {
    width:33% !important;
}

.select2-selection--single {
    background:#FFF url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 99.5% 50%;
    height:30px !important;
    border-color:#CCC !important;
    border-radius:2px !important;
}

.select2-selection__rendered {
    font-size:15px !important;
    color:#000 !important;
    padding-left:5px !important;
    line-height:30px !important;
}

.select2-selection__arrow {
    top:2px !important;
}

.select2-dropdown {
    border-color:#CCC !important;
    border-radius:2px !important;
}

.select2-selection__arrow b {
    display:none;
}

.core-log-iframe {
    box-sizing:border-box;
    border:0;
    width:100%;
    height:270px;
}

.form_date_repeat {
    width:100%;
}

.form_select_and_text_tag {
    display:inline-block;
    min-width:72px;
    text-align:right;
}

.form_select_narrow {
    width:120px !important;
}

.svg_icon {
    display:table;
    box-sizing:border-box;
}

.svg_icon_disabled svg {
    opacity:0.2;
}

input::placeholder,select::placeholder,textarea::placeholder {
    color:#CCC;
}

#jr-ds-item-count {
    position:absolute;
    bottom:12px;
    right:12px;
    padding:10px;
    text-align:center;
    font-size:13px;
}

#jr-ds-item-count span {
    font-weight:bold;
}

.form_select_area_search {
    width:auto !important;
}

.page_tab {
    user-select:none;
}

/* modules/jrCore/css/jrCore_bbcode.css */


#bbcode_help_button {
    text-align:center;
    margin-top:-33px;
}

#bbcode_help_button input {
    float:right;
    position:relative;
    margin:0 6px 0 3px;
}

#bbcode_help {
    width:800px;
    height:600px;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    #bbcode_help {
        width:auto;
    }
}

.bbcode_help_section {
    width:75%;
    background:#FFF;
    border-radius:3px;
    margin-top:12px;
}

.bbcode_left {
    background:#F6F6F6;
    width:50%;
    text-align:right;
    padding:6px;
}

.bbcode_right {
    width:50%;
    padding:6px;
}

.bbcode_quote {
    width:100%;
    padding:12px;
    background-color:#EEE;
    font-size:14px;
    font-style:italic;
    box-sizing:border-box;
    word-break:break-all;
}

.bbcode_quote_user {
    font-size:16px;
    font-weight:bold;
}

.bbcode_code {
    background-color:#EEE;
    width:100%;
}

/* BBCode code syntax Highlighting */

.hljs {
    max-height:400px;
    font-family:Monaco,"Courier New",Courier,monospace;
    display:block;
    overflow:auto;
    padding:10px;
    color:black;
    -webkit-text-size-adjust:none;
    font-size:11px;
    margin:6px 0;
    border-radius:3px;
    white-space:pre-wrap;
    word-break:break-all;
}

.hljs-comment {
    color:#006A00;
}

.hljs-keyword,
.hljs-literal,
.nginx .hljs-title {
    color:#AA0D91;
}

.method,
.hljs-list .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status,
.hljs-name {
    color:#008;
}

.hljs-envvar,
.tex .hljs-special {
    color:#660;
}

.hljs-string {
    color:#C41A16;
}

.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.hljs-regexp {
    color:#080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.hljs-rule .hljs-value,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-number,
.css .hljs-function,
.hljs-function .hljs-title,
.coffeescript .hljs-attribute {
    color:#1C00CF;
}

.hljs-class .hljs-title,
.smalltalk .hljs-class,
.hljs-type,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.clojure .hljs-attribute {
    color:#5C2699;
}

.hljs-variable {
    color:#3F6E74;
}

.css .hljs-tag,
.hljs-rule .hljs-property,
.hljs-pseudo,
.hljs-subst {
    color:#000;
}

.css .hljs-class,
.css .hljs-id {
    color:#9B703F;
}

.hljs-value .hljs-important {
    color:#F70;
    font-weight:bold;
}

.hljs-rule .hljs-keyword {
    color:#C5AF75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
    color:#9B859D;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
    color:#643820;
}

.tex .hljs-formula {
    background-color:#EEE;
    font-style:italic;
}

.diff .hljs-header,
.hljs-chunk {
    color:#808080;
    font-weight:bold;
}

.diff .hljs-change {
    background-color:#BCCFF9;
}

.hljs-addition {
    background-color:#BAEEBA;
}

.hljs-deletion {
    background-color:#FFC8BD;
}

.hljs-comment .hljs-doctag {
    font-weight:bold;
}

.method .hljs-id {
    color:#000;
}

/* modules/jrCore/css/jrCore_tinymce.css */


/* @title TinyMCE Editor Body */
/* @help Controls the height of the TinyMCE editor */
#form-editor-body {
    height:100%;
}

.mce-fullscreen {
    z-index:10000 !important;
}

#mce-modal-block.mce-in {
    background:#000;
    opacity:0.8 !important;
}


/* modules/jrCore/css/jrCore_dashboard.css */


.bigtable {
    background:#FFF !important;
}

.bigtable th {
    position:relative;
}

/* @title Dashboard Panel Box */
/* @help When viewing the dashboard this controls the box the numbers appear in */
.bignum {
    background:#333;
    text-align:center;
    font-size:42px !important;
    line-height:42px;
    padding:12px !important;
    height:64px;
    -moz-box-shadow:inset 0 0 8px #000;
    -webkit-box-shadow:inset 0 0 8px #000;
    box-shadow:inset 0 0 8px #000;
    cursor:pointer;
}

/* @title Panel Color 1 */
/* @help Controls the font color for the first column in the dashboard */
.bignum1,.bignum1 a {
    color:#FC0 !important;
}

/* @title Panel Color 2 */
/* @help Controls the font color for the second column in the dashboard */
.bignum2,.bignum2 a {
    color:#F93 !important;
}

/* @title Panel Color 3 */
/* @help Controls the font color for the third column in the dashboard */
.bignum3,.bignum3 a {
    color:#6C6 !important;
}

/* @title Panel Color 4 */
/* @help Controls the font color for the fourth column in the dashboard */
.bignum4,.bignum4 a {
    color:#09F !important;
}

/* @title Panel Color 5 */
/* @help Controls the font color for the fifth column in the dashboard */
.bignum5,.bignum5 a {
    color:#3CC !important;
}

.bignum span {
    display:block;
    font-size:11px !important;
    line-height:13px;
    padding:0;
    margin:8px 0 0 0;
}

.bignum_stat_cell {
    position:relative;
}

.bignum_stat {
    position:absolute;
    top:0;
    right:0;
}

.bigsystem {
    text-align:left;
}

.bigsystem-inf {
    color:#FFF !important;
}

.bigsystem-min {
    background-color:#FC0 !important;
    color:#000 !important;
}

.bigsystem-maj {
    background-color:#F90 !important;
    color:#000 !important;
}

.bigsystem-cri {
    background-color:#F60 !important;
    color:#000 !important;
}

.page_table_fullscreen {
    height:100vh;
    width:100vw;
}

.page_table_fullscreen .bignum span {
    margin-top:30px;
    font-size:15px !important;
}

.page_table_fullscreen .page_table_header {
    height:4vh;
    font-size:24px;
}

.page_table_fullscreen .bignum_stat a {
    display:none;
}

.bigtable_r1.page_table_fullscreen .bignum {
    height:92vh;
    font-size:112px !important;
}

.bigtable_r2.page_table_fullscreen .bignum {
    height:42vh;
    font-size:96px !important;
}

.bigtable_r3.page_table_fullscreen .bignum {
    height:24vh;
    font-size:82px !important;
}

.bigtable_r4.page_table_fullscreen .bignum {
    height:17vh;
    font-size:72px !important;
}

.bigtable_r5.page_table_fullscreen .bignum {
    height:12vh;
    font-size:56px !important;
}


/* modules/jrCore/css/jrCore_mobile_override.css */


@media handheld,only screen and (max-width:767px) {

    .bignum {
        font-size:28px !important;
    }

    .page_table_mobile_container {
        box-sizing:border-box;
        max-width:100vw;
    }

    .page_table_cell_mobile_left {
        width:20%;
        text-align:right !important;
    }

    .page_table_cell_mobile_left input {
        display:none;
    }

    .page_table_cell_mobile_right {
        width:80%;
        text-align:left !important;
    }

    .page_table_cell_mobile_right input[type="button"] {
        box-sizing:border-box;
        width:98%;
    }

    .page_banner_right input,.page_banner_right select {
        float:right;
        clear:both;
        margin:10px;
    }

    .form_daterange,.form_date,.form_date_time {
        min-width:unset;
    }

    .form_editor_holder {
        overflow:unset !important;
    }

    .lb-nav a.lb-next,.lb-nav a.lb-prev {
        opacity:1 !important;
    }

}

/* modules/jrEmbed/css/jrEmbed.css */


.mce-floatpanel {
    z-index:500000 !important;
}

/* modules/jrGeo/css/jrGeo.css */


/* Jamroom Geo Location Module CSS */

/* @title Modal Search Update */
/* @help Shows to the user when the search conditions are being updated */
#geo-zip-modal {
    background:#FFF;
    color:#000;
    width:250px;
    height:auto;
    padding:20px;
    border-radius:5px;
    text-align:center;
}

/* @title ZIP Code field */
/* @help This is the ZIP code field on the ZIP code search results page */
#zip-code-input {
    width:30%;
}

/* @title ZIP Radius field */
/* @help This is the ZIP code radius field on the ZIP code search results page */
#zip-code-radius {
    width:25%;
}


/* modules/jrGraph/css/jrGraph.css */


.graph-legend {
    margin:-20px 20px 20px 52px;
}

.graph-legend .legendColorBox {
    width:1%;
}

.graph-legend .legendColorBox > div {
    border-width:0 !important;
    padding:0;
}

.graph-legend .legendLabel {
    width:99%;
    text-align:left;
    padding-left:8px;
}

#graph-modal-container .page_content {
    padding:10px;
}

#graph-modal-container .form_submit_section {
    border-bottom:0 !important;
}

.graph-xyval {
    display:inline-block;
    margin-right:6px;
}

.graph-selector {
    display:inline-block;
    width:100px !important;
}

/* modules/jrImage/css/jrImage.css */


.image_delete {
    position:absolute;
    top:3px;
    right:3px;
}

.image_delete_mobile_label {
    font-size:13px;
    text-transform:capitalize;
    margin-left:5px;
}

.image_delete a {
    text-decoration:none;
}

.image_update_display {
    display:inline-block;
    position:relative;
    margin:3px 0;
}

.form_image_right_container {
    display:block;
}

/* modules/jrMailer/css/jrMailer.css */


#cp-display-area {
    overflow-x:hidden;
    overflow-y:scroll;
}

/* modules/jrMarket/css/jrMarket.css */


.market_status_section {
    height:18px;
    display:inline-block;
    vertical-align:middle;
    background:#EEE;
    border-radius:3px;
    margin:6px 0 0 0;
    text-align:center;
    color:#000;
}

.market_status_section_stable {
    background:#CF9;
}

.market_status_section_beta {
    background:#FD0;
}

.market_status_section_text {
    text-transform:uppercase;
    position:relative;
    left:2px;
    padding:0 16px;
    color:#000;
    font-size:12px;
}

.changelog {
    width:100%;
    font-size:12px;
    white-space:pre-wrap;
    word-wrap:break-word;
}

.market_jumper {
    width:250px !important;
}

.market-description {
    font-size:12px;
}

.market-version {
    height:14px !important;
    padding:2px 5px 0 5px;
    font-size:10px;
    margin-bottom:6px;
    white-space:nowrap;
}

.market-requires {
    font-size:11px;
}

.changelog_div {
    background-color:#FFF;
    font-family:monospace;
    white-space:pre-wrap
}


/* modules/jrPage/css/jrPage.css */


/* Jamroom Page Module CSS */

/* @title Page Body */
/* @help Defines the font size for the main page body content */
.jrpage_body {
    font-size:16px;
}

.jrpage_body p {
    padding:3px 12px;
}

.page_actions {
    position:absolute;
    top:12px;
    right:12px;
    display:none;
}


/* modules/jrProfile/css/jrProfile.css */


/* @title Your Profiles Grid */
/* @help Controls the Your Profiles page from the User Menu */
.profile_grid {
    text-align:center;
}

.profile_grid .item {
    display:inline-block;
}

.profile_grid img {
    width:185px;
    height:185px;
}

/* modules/jrSearch/css/jrSearch.css */


/* @title Search Text Block */
/* @help Controls the block holding the search field on module index */
.block_search {
    float:right;
    white-space:nowrap;
    text-align:right;
    width:50%;
}

/* @title Search Text Input */
/* @help Format for Text Input search element on module indexes */
.form_text_search {
    width:50%;
}

.jrsearch_reorder_item {
    text-transform:capitalize;
}

#ff-row-display_order .form_button {
    margin-top:4px;
}

/* modules/jrTracker/css/jrTracker.css */


.tracker_item_key {
    display:inline-block;
    width:95px;
    color:#999;
    text-align:right;
}

.tracker_item_key_small {
    display:inline-block;
    width:60px;
    color:#999;
    text-align:right;
    font-size:10px;
    text-transform:capitalize;
}

.status_section {
    line-height:12px;
    width:110px;
    display:inline-block;
    vertical-align:middle;
    border-radius:3px;
    text-align:center;
    color:#000;
    text-transform:uppercase;
    font-size:10px;
    padding:4px 4px 3px 4px;
    border:1px solid #EEE;
}

.status_section_open {
    background-color:#FFF !important;
    border:1px solid #DDD;
}

.status_section_burner {
    background-color:#EEE !important;
    border:1px solid #666;
}

.status_section_in_progress {
    background-color:#CF9 !important;
    border:1px solid #ADD982;
}

.status_section_pending {
    background-color:#F93 !important;
    border:1px solid #D9822B;
}

.status_section_closed {
    background-color:#EEE !important;
    border:1px solid #DDD;
}

.status_section_testing {
    background-color:#ADF !important;
    border:1px solid #91BCD9;
}

.status_section_release {
    background-color:#FD0 !important;
    border:1px solid #D9BC00;
}

.status_section_postrelease {
    background-color:#DDAFF8 !important;
    border:1px solid #BC95D3;
}

.status_section_releasedelay {
    background-color:#FFF !important;
    border:1px solid #D9BC00;
}

.status_section_completed {
    background-color:#CF9 !important;
    border:1px solid #ADD982;
}

.status_section_delayed {
    background-color:#FFF !important;
    border:1px solid #D9822B;
}

.status_section_blocked {
    background-color:#FFF !important;
    border:1px solid #D9822B;
}

.status_section_private {
    background-color:#FD0 !important;
    border:1px solid #D9BC00;
}

.filter_box {
    float:left;
    background-color:#EEE;
    border-radius:3px;
    padding:6px 12px;
    margin:3px;
    font-size:14px;
}

.filter_box a {
    text-decoration:none;
}

.filter_box:hover {
    background-color:#EEE;
}

.comment_private {
    border:3px solid #FD0 !important;
    border-radius:3px;
}

.status_private {
    height:18px;
    line-height:18px;
    width:60px;
    display:inline-block;
    vertical-align:middle;
    background:#FD0;
    border-radius:3px;
    text-align:center;
    color:#000;
    text-transform:uppercase;
    font-size:12px;
}

.tracker_attachment {
    margin:20px 12px;
    background-color:#EEE;
    border:1px solid #CCC;
    border-radius:4px;
    padding:6px
}

.tracker_follow_box {
    position:inherit;
    width:340px;
    text-align:left;
    background-color:#EEE;
    border:1px solid #999;
    border-radius:5px;
    padding:12px;
    z-index:100;
    overflow:visible;
    box-shadow:3px 3px 3px 3px #CCC;
}

.tracker_vote_section {
    border-top:1px solid #EEE;
    font-size:16px;
    padding:16px 12px;
}

.tracker_vote_button {
    margin-top:12px !important;
}

#tracker-status-sel {
    width:120px;
}

#tracker-resolution {
    width:460px;
    box-sizing:border-box;
    position:relative;
}

#tracker-resolution-txt {
    width:100%;
}

#tracker-select-owner {
    background:#EEE;
    width:350px;
    height:auto;
    padding:20px;
    border-radius:5px;
}

.tracker-owner-row {
    margin:3px 0;
}

.tracker-owner-row img {
    vertical-align:middle;
    width:28px;
    height:28px;
}

.tracker-owner-row input {
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    padding:5px 8px;
}

#tracker-report-table {
    margin-top:10px;
}

#tracker-report-modal {
    background:#FFF;
    padding:10px;
    border-radius:4px;
    width:700px;
    height:auto;
}

#tracker_status_select {
    width:150px;
}

#tracker-tpl-delete {
    display:none;
}

.tracker-title-seen {
    font-weight:normal;
}

.tracker-tag {
    width:unset;
    background:#FFF;
    color:#000;
    border:1px solid #DDD;
    border-radius:3px;
    padding:1px 3px 0 3px;
    margin:0 1px 0 0;
    font-size:8px;
    text-transform:uppercase;
}

.tracker-tag a {
    color:#000 !important;
}


/* modules/jrTwoFactor/css/jrTwoFactor.css */


#jrtwofactor-box {
    padding:20px 0 10px 0;
    text-align:center;
}

.jrtwofactor-num {
    box-sizing:border-box;
    width:44px;
    min-height:50px;
    text-align:center;
    display:inline !important;
    border-radius:5px;
    border:2px solid #CCC;
    font-size:18px;
    padding:10px;
    margin-left:8px;
}

.jrtwofactor-num:focus {
    border-color:#FC0;
}


/* modules/jrUpimg/css/slider.css */


/*! http://responsiveslides.com v1.32 by @viljamis */

#swrapper {
    padding:26px 0 20px 0;
    margin:0 auto;
}

.upimg_rslides {
    position:relative;
    list-style:none;
    overflow:hidden;
    height:auto;
    padding:0;
    margin:0 auto;
}

.upimg_rslidesli {
    position:absolute;
    display:none;
    height:auto;
    left:0;
    top:0;
    margin:0 auto;
}

.upimg_rslidesli:first-child {
    position:relative;
    display:block;
    float:left;
    margin:0 auto;
}

.upimg_rslidesimg {
    display:block;
    height:auto;
    float:left;
    border:0;
    margin:0 auto;
}

.upimg_rslides {
    margin:0 auto;
}

#slider2 {
    box-shadow:none;
    margin:0 auto;
}

.upimg_rslides_tabs {
    background-color:#EEE;
    list-style:none;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:0;
    font-size:12px;
    margin:0 auto;
    text-align:center;
}

.upimg_rslides_tabs li {
    display:inline;
    float:none;
}

.upimg_rslides_tabs a {
    width:auto;
    line-height:20px;
    padding:3px 5px;
    height:auto;
    background:transparent;
    display:inline;
    color:#000;
}

.upimg_rslides_tabs li:first-child {
    margin-left:0;
}

.upimg_rslides_tabs .upimg_rslides_here a {
    background:#FFF;
    color:#000;
    font-weight:bold;
}

/* Callback example */

.events {
    list-style:none;
}

.callbacks_container {
    margin-bottom:10px;
    position:relative;
    float:left;
    width:100%;
}

.callbacks {
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}

.callbacks li {
    position:absolute;
    width:100%;
    left:0;
    top:0;
}

.callbacks img {
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}

.callbacks .caption {
    display:block;
    position:absolute;
    z-index:2;
    font-size:18px;
    text-shadow:none;
    color:#FFF;
    background:#000;
    background:rgba(0,0,0,.8);
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px;
    margin:0;
    max-width:none;
    border-top-width:2px;
    border-top-style:solid;
    border-top-color:#EEE;
}

.callbacks_nav {
    position:absolute;
    top:52%;
    left:0;
    opacity:0.5;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url("https://dev.accessibility-statements.co.uk/image/img/module/jrUpimg/themes.gif") no-repeat left top;
    margin-top:-45px;
}

.callbacks_nav:active {
    opacity:1.0;
}

.callbacks_nav.next {
    left:auto;
    background-position:right top;
    right:0;
}


/* modules/jrUser/css/jrUser.css */


.online_status_table {
    display:table;
    width:100%;
}

/* @title Online Status Image */
/* @help Cell class for image area in Online Status for an individual User */
.online_status_image {
    display:table-cell;
    width:10%;
    padding:6px;
}

/* @title Online Status User */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user {
    display:table-cell;
    width:80%;
    vertical-align:middle;
    padding:2px 6px;
}

/* @title Online Status User Anchor */
/* @help Cell class for user name area in Online Status for an individual User */
.online_status_user a {
    color:#000;
}

/* @title User is Online */
/* @help Class for small ONLINE box that shows when the user is actually online */
.online_status_online {
    background-color:#CF9;
    color:#000;
    display:inline-block;
    width:100%;
    border-radius:2px;
}

/* @title User is Offline */
/* @help Class for small OFFLINE box that shows when the user is not online */
.online_status_offline {
    color:#000;
    display:inline-block;
    width:100%;
    border-radius:2px;
}

/* @title Widget Font Size */
/* @help sets the label font size for the Login and Signup widgets */
.widget-item-widget_login {
    font-size:12px !important;
}

#user-notification-select {
    margin:10px 6px !important;
    width:35% !important;
    text-transform:capitalize;
}

.user_notification_left {
    width:35% !important;
    padding:20px !important;
}

.element_left.user_notification_left.expanded {
    text-align:justify;
}

.user_notification_right {
    width:65% !important;
    padding:20px !important;
}

.user_notification_right span {
    display:block;
}

.user_notification_right input {
    margin:3px 6px 3px 3px;
    vertical-align:bottom;
}

#jrUser_account input[readonly="readonly"] {
    background:inherit;
    color:inherit;
}

.user-delete-modal {
    text-align:center;
    width:290px;
    padding:20px;
}

.user-delete-modal input {
    width:250px;
    display:inline-block;
    margin:10px 20px;
}

.new_login {
    margin:50px auto;
    text-align:center;
    max-width:360px;
    height:auto;
    background:white;
    border-radius:8px;
    padding:2em 0 1em;
    box-shadow:0 0 20px #BBB;
}

.new_login .form_text {
    box-sizing:border-box;
    background:white;
    padding:7px 10px;
    border-radius:8px;
    color:#333;
    width:290px;
    box-shadow:none;
    border:2px solid #AAA;
}

.new_login .form_select {
    box-sizing:border-box;
    padding:7px 10px;
    border-radius:8px;
    color:#333;
    width:290px;
    box-shadow:none;
    border:2px solid #AAA;
}

.form_text_wrap {
    position:relative;
    width:300px;
    margin:6px auto;
}

.form_text_wrap.password {
    margin:10px auto 0;
}

.login_button {
    background:#333 linear-gradient(#444,#222);
    height:40px;
    width:100%;
    border:none;
    cursor:pointer;
    border-radius:10px;
    margin:10px 0;
    color:white;
    font-size:16px;
    max-width:292px;
}

.login_button:disabled {
    opacity:0.6;
}

.new_login h2 {
    display:block;
    margin-bottom:12px;
    color:#333;
}

.login_forgot {
    padding:1em;
    border-top:1px solid #999;
    width:270px;
    margin:auto;
}

.login_forgot a {
    color:#888;
    font-size:16px;
}

.new_login .form_text:focus {
    border:2px solid #333;
}

.new_login .form_submit_section {
    padding:16px;
    background:none;
}

.signup_button {
    background:#EEE linear-gradient(#444,#222);
    color:white;
    padding:12px;
    width:90%;
    border:none;
    border-radius:10px;
    font-size:16px;
    text-transform:capitalize;
    cursor:pointer;
}

.form_text_wrap.left {
    text-align:left;
    padding:12px 0 0;
}

.new_login .page_notice {
    margin:10px;
}

.form_capitalize {
    text-transform:capitalize;
}

#account-tabs-profile-button {
    text-transform:none;
}

.u-view-keys {
    display:none;
}

.index_form .form_text {
    box-sizing:border-box;
    width:100%;
}

.new_login .form_text {
    width:auto;
    min-width:290px;
    height:36px;
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
    .new_login {
        border-radius:0;
        margin-top:0;
        margin-bottom:0;
    }
}

/* modules/ujPagetest/css/ujPagetest.css */


/* make sure the anchors take into account a fixed header */
/* 
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.xitem_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}
 */
.pagetest-status-sel {
    width:140px !important;
}

/* modules/ujStatement/css/ujStatement.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.statement_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

.section-block {
		min-height:60px;
}

#footer_text{
	padding-right:20px !important;
}

#profile_header .table-cell.profile-image {
	width:86px;
	height:86px;
}

.call-to-action {
	border:1px solid #ccc;
	margin:5px;
	padding-right:15px;
	padding-left:15px;
	margin-right:23.3%;
	border-radius:2px;
}

.form_advice_note {
	padding:5px 25px;
	background-color:#efe6fc;
	border:1px solid #ccc;
	margin:5px;
	margin-right:23.3%;
	border-radius:5px;
}

.form_advice_example {
	padding:5px 25px;
	background-color:#efefff;
	border:1px solid #ccc;
	margin:5px;
	margin-right:23.3%;
	border-radius:5px;
}

.col6.last #footer_text {
	padding-right:20px;
}

.gov_advice_heading {
	font-weight:bold;
}

.form_advice_example ul {
	list-style:outside;
	list-style-type:disc;
}
.form_advice_example ul li{
	list-style:outside;
	list-style-type:disc;
}
/* remove annoying and incorrect 1GB file limit text */
#ff-row-tracker_file .sublabel {
	display:none;
}

.profile_info .table-cell.profile-image .profile_image {
	background-color:#fff;
}

/* modules/ujXitems/css/ujXitems.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.xitem_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

/* modules/ujYitems/css/ujYitems.css */


/* make sure the anchors take into account a fixed header */
a.anchor {
    display:block;
    position:relative;
    top:-100px;
    visibility:hidden;
}

.float-right {
    float:right;
}

.xitem_border {
    border-top:1px solid #DDD;
    padding-top:5px;
}

.stat_entry_container {
    padding:10px;
}

/* skins/ujBootstrap/css/form_layout.css */


/* remove Firefox's dotted outlines... */
:focus {
    outline:none;
}

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

form {
    margin-bottom:0;
}

/* @title Element Left */
/* @help This is the left side of pages and forms where the label and sub-label will appear */
.element_left {
    text-align:right;
    text-transform:capitalize;
    padding:3px 5px 10px 0;
    width:23%;
}

.tool_element_left {
    padding:6px;
}

/* @title Element Right */
/* @help This is the right side of pages and forms where the form elements appear */
.element_right {
    width:77%;
}

.element_right .form_button {
    margin:0 4px;
}

.tool_element_right {
    padding:2px 6px;
}

.image_right img {
    margin-left:4px;
    border-radius:2px;
}

/* @title Element Right URLs */
/* @help This is the color of URLs that might appear on the right side of the form */
.element_right a {
    color:#222;
}

.form_input_left {
    padding-top:10px;
}

.form_input_right {
    padding:4px 0;
}

.sublabel {
    font-size:11px;
    text-transform:none;
}

.form_help_button {
    position:absolute;
    top:6px;
    right:0;
}

/* @title Form Help */
/* @help This is for the help sections for the forms */
.form_help {
    padding:0 4px 9px 4px;
}

/* @title Form Help Drop */
/* @help This is for the help drop down section for the forms */
.form_help_drop {
    margin-top:6px;
    padding-top:8px;
    background-color:#EDEDED;
    width:100%;
    box-shadow:inset 0 0 5px #BBB;
    border-radius:5px;
}

/* @title Form Help Drop Left */
/* @help This is for the left side help drop down section for the forms */
.form_help_drop_left {
    width:95%;
    padding:10px 20px 20px 20px;
    font-size:14px;
    text-align:left;
    text-transform:none;
}

/* @title Form Help Drop Right */
/* @help This is for the right side help drop down section for the forms */
.form_help_drop_right {
    width:5%;
    padding:10px 20px 20px 20px;
}

.form_help_default {
    display:inline-block;
    margin-top:12px;
}

/* @title Form Help Small */
/* @help This is for the small help text */
.form_help_small {
    display:inline-block;
    font-size:9px;
    margin-top:12px;
    color:#999;
    font-style:italic;
}

.form_submit_box {
    padding-top:6px;
}

/* @title Form Submit */
/* @help This is for the form submit section */
.form_submit_section {
    background-color:#EDEDED;
    padding:10px;
    text-align:center;
    margin-top:6px;
}

#form_submit_indicator {
    display:none;
    margin-right:10px;
    vertical-align:middle;
}


/* skins/ujBootstrap/css/tabs.css */


/* Tab Bar */
/* @title Tab Bar Holder */
/* @help This is the holder for the tab bar */
.page_tab_bar_holder {
    width:100%;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#DDD;
}

.page_tab_bar_spacer {
    height:10px;
}

.page_tab_bar {
    margin-top:8px;
    padding-left:12px;
}

/* @title Page Tab */
/* @help This is the tab for the tab bar */
.page_tab {
    background-color:#DDD;
    float:left;
    list-style:none;
    margin-left:6px; 
    color:#000;
    text-decoration:none;
    text-transform:capitalize;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    padding:0;
    border-top:1px solid #DDD;
    border-right:1px solid #DDD;
    border-left:1px solid #DDD;
    border-radius:5px 5px 0 0; 
    margin-bottom:-1px;
}

/* @title Page Tab Hover */
/* @help This is the tab hover for the tab bar */
.page_tab:hover {
    background-color:#EEE;
    text-decoration:none;
}

/* @title Page Tab Hover Link */
/* @help This is the tab link hover for the tab bar */
.page_tab:hover a {
    color:#000;
    text-decoration:none;
}

/* @title Page Tab Link */
/* @help This is the tab URL link for the tab bar */
.page_tab a {
    padding:5px 8px; 
    display:block;
    color:#000;
    text-decoration:none;
}

.page_tab_first {
    margin-left:0;
}

.page_tab_last {
}

/* @title Page Tab Active */
/* @help This is the active tab */
.page_tab_active {
    background-color:#FFF;
    color:#000;
    border-bottom:0;
    margin-bottom:-1px;
}

/* @title Tab Active Hover */
/* @help This is the active tab hover effect */
.page_tab_active:hover {
    background-color:#DDD;
    color:#000;
    border-bottom:0;
    text-decoration:none;
}

.page_tab_active:hover a {
    color:#000;
    text-decoration:none;
}

/* @title Tab Active Link */
/* @help This is the active tab URL link */
.page_tab_active a {
    color:#000;
}

/* @title Tab Active Hover Link */
/* @help This is the active tab URL link hover effect */
.page_tab_active a:hover {
    color:#333;
}

.page_tab_hilight {
    background-color:#FC0;
    color:#000;
}

.page_tab_hilight a {
    color:#000;
}


/* skins/ujBootstrap/css/additions.css */


.hover-overlay {
    background:rgba(0,0,0,0.7);
    transition:opacity 0.3s ease;
}
.card:hover .hover-overlay {
    opacity:1 !important;
}
.hover-edit {
    transition:opacity 0.3s ease;
}
.profile-avatar:hover .hover-edit {
    opacity:1 !important;
}
#footer {
	left:0;
}
.block_config {
    float:right;
    margin-left:6px;
    white-space:nowrap;
	display:flex;
	align-items:center;
}
.jrprofile-tabs {
	padding-bottom:1rem;
	/* margin:0 0.75rem; */
}
.td-none,.td-none a {
	text-decoration:none !important;
}

/* User dropdown hover for desktop */
.nav-item.dropdown:hover > .dropdown-menu {
    display:block;
}

/* Force user dropdown to always align right */
.dropdown-menu-end {
    right:0 !important;
    left:auto !important;
    transform:none !important;
}

/* Prevent Bootstrap's auto-positioning */
.dropdown-menu[data-bs-popper] {
    right:0 !important;
    left:auto !important;
    transform:none !important;
}

/* Dark theme dropdown item hover states */
.bg-dark .dropdown-item:hover,
.bg-dark .dropdown-item:focus {
    background-color:#495057 !important;
    color:#fff !important;
}

.bg-dark .dropdown-item {
    color:#fff;
}

/* Fix navbar alignment - force items to right */
.navbar-nav {
    margin-left:auto !important;
}

/* Ensure offcanvas appears correctly */
#acp_offcanvas {
    position:fixed !important;
    top:70px !important;
    right:0 !important;
    height:calc(100vh - 70px) !important;
    transform:translateX(100%) !important;
    z-index:1055 !important;
    background-color:#212529 !important;
    border-left:1px solid #495057;
    width:280px !important;
    max-width:280px !important;
}

#acp_offcanvas.show {
    transform:translateX(0) !important;
}

/* Fix all text colors */
#acp_offcanvas,
#acp_offcanvas .offcanvas-header,
#acp_offcanvas .offcanvas-title,
#acp_offcanvas .offcanvas-body,
#acp_offcanvas .nav-link,
#acp_offcanvas small {
    color:#ffffff !important;
}

/* Ensure proper backdrop */
.offcanvas-backdrop {
    z-index:1050 !important;
    top:70px !important;
    height:calc(100vh - 70px) !important;
}

/* Fix navigation layout and scrolling */
#acp_offcanvas .offcanvas-body {
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:0 !important;
    display:block !important;
    width:100% !important;
}

#acp_offcanvas .nav {
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-height:auto !important;
}

#acp_offcanvas .nav-link {
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    overflow:hidden !important;
    flex-shrink:0 !important;
}

/* Section headers */
#acp_offcanvas .bg-secondary {
    color:#adb5bd !important;
    background-color:rgba(108,117,125,0.25) !important;
}

/* Hover states */
#acp_offcanvas .nav-link:hover {
    background-color:#495057 !important;
    color:#ffffff !important;
}

/* Ensure focus styles for accessibility */
#acp_offcanvas .nav-link:focus {
    outline:2px solid #0d6efd !important;
    outline-offset:-2px !important;
    background-color:#495057 !important;
}

.sidebar-content .profile-info {
  flex-direction:column-reverse !important;
}

svg.bi {
  display:inline-block;
  vertical-align:-0.125em;
  fill:currentColor;
  width:1em;
  height:1em;
}

/* Make the flex-grow-1 container a flex row */
.page_banner .flex-grow-1 {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

/* Line up the <select> and button inside their wrapping <div> */
.page_banner .flex-grow-1 > div {
  display:flex !important;
  align-items:center !important;
  gap:0.5rem !important;
}

/* Remove bottom margin on the title so it aligns perfectly */
.page_banner .card-title {
  margin-bottom:0 !important;
}
/* 1) Make sure nothing in the banner is clipping overflow */
.page_banner,
.page_banner .card,
.page_banner .card-header {
  overflow:visible !important;
}
.page_banner .card-header {
  border-bottom:none;
}
/* 2) Give just enough bottom‐padding to the header so a “normal”‐sized dropdown can open downward */
.page_banner .flex-grow-1 {
  /* padding-bottom:0.5rem; */ /* 8px of extra space under the select */
}

.form_editor_holder {
    width:100%;
}
.tox-tinymce {
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    background-image:none !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    resize:vertical !important;
}
.form_mobile_label,
.form_mobile_label + br {
    display:none;
}



/* skins/ujBootstrap/css/bootstrap_forms.css */


/* ===== JAMROOM TO BOOTSTRAP FORM ELEMENT STYLING ===== */
/* This CSS file converts Jamroom's default form styling to Bootstrap 5.3.6 styling */

/* ===== COMPLEX FORM COMPONENTS ===== */

/* Very specific targeting for form_select_and_text components only when they appear together */
.form_select_and_text_select + .form_select_and_text_text,
.form_select_and_text_select ~ .form_select_and_text_text {
    display:inline-block !important;
    width:auto !important;
    min-width:200px !important;
    max-width:300px !important;
    vertical-align:top !important;
}

.form_select_and_text_select:has(+ .form_select_and_text_text),
.form_select_and_text_select {
    display:inline-block !important;
    width:auto !important;
    min-width:200px !important;
    max-width:300px !important;
    margin-right:0.75rem !important;
    vertical-align:top !important;
}

/* Only target form_date when it's followed by form_time */
.form_date + .form_time {
    display:inline-block !important;
    width:auto !important;
    min-width:150px !important;
    max-width:200px !important;
    vertical-align:top !important;
}

.form_date:has(+ .form_time) {
    display:inline-block !important;
    width:auto !important;
    min-width:200px !important;
    max-width:250px !important;
    margin-right:0.75rem !important;
    vertical-align:top !important;
}

/* form_select_and_text_tag labels */
.form_select_and_text_tag {
    display:inline-block !important;
    margin:0.25rem 0.5rem 0.25rem 0 !important;
    font-weight:500 !important;
    color:var(--bs-body-color) !important;
    text-transform:none !important;
}

/* Time inputs - make them inline and properly sized */
.form_time {
    display:inline-block !important;
    width:auto !important;
    min-width:150px !important;
    margin-left:0.75rem !important;
    vertical-align:top !important;
}

/* Age range inputs */
.form_age_range {
    display:inline-block !important;
    width:auto !important;
    min-width:100px !important;
    margin-right:0.5rem !important;
}

/* Form radio options - improve spacing and layout */
.form_radio_option {
    display:inline-block !important;
    margin-right:1.5rem !important;
    margin-bottom:0.5rem !important;
    font-size:1rem !important;
}

.form_radio_option .form_radio {
    margin-right:0.5rem !important;
    margin-top:0.25rem !important;
    vertical-align:top !important;
}

/* Checkbox mobile labels */
.form_checkbox_mobile_label,
.form_option_list_text,
.form_select_mobile_label {
    font-size:1rem !important;
    margin-left:0.5rem !important;
    color:var(--bs-body-color) !important;
    text-transform:none !important;
}

/* Search text input - responsive width */
.form_text_search {
    width:100% !important;
    max-width:300px !important;
}

/* ===== ENHANCED LAYOUT AND RESPONSIVE DESIGN ===== */

/* Mobile responsive form elements */
@media (max-width:768px) {
    .form_select_and_text_select,
    .form_select_and_text_text,
    .form_time {
        display:block !important;
        width:100% !important;
        margin:0.25rem 0 !important;
    }
    
    .form_radio_option {
        display:block !important;
        margin:0.5rem 0 !important;
    }
}

/* ===== ENHANCED FOCUS AND INTERACTION STATES ===== */

/* Enhanced focus states with better accessibility */
.form_text:focus,
.form_password:focus,
.form_email:focus,
.form_url:focus,
.form_number:focus,
.form_tel:focus,
.form_date:focus,
.form_time:focus,
.form_datetime:focus,
.form_datetime_local:focus,
.form_search:focus,
.form_textarea:focus,
.form_select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
    transform:none !important;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}

/* ===== IMPROVED ERROR STATES ===== */

/* Field highlight for errors */
.field-hilight,
.form_text.field-hilight,
.form_textarea.field-hilight,
.form_select.field-hilight {
    border-color:#dc3545 !important;
    background-color:#fff5f5 !important;
    box-shadow:0 0 0 0.25rem rgba(220,53,69,0.25) !important;
}

/* ===== BETTER FORM LAYOUT INTEGRATION ===== */

/* Only override specific problematic styles,don't break the layout */
.element_left {
    text-transform:none !important;
}

/* Sublabel improvements */
.sublabel {
    font-size:0.875rem !important;
    color:#6c757d !important;
    text-transform:none !important;
    margin-top:0.25rem !important;
    display:block !important;
}

/* ===== ADMIN AND SPECIAL FORM ELEMENTS ===== */

/* Admin search styling */
.form_admin_search {
    display:block !important;
    width:100% !important;
    padding:0.375rem 0.75rem !important;
    font-size:0.875rem !important;
    font-style:normal !important;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    margin:0 !important;
}

.form_admin_search:focus {
    color:var(--bs-body-color) !important;
    border-color:var(--bs-focus-ring-color) !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

.form_admin_search_hl {
    font-style:normal !important;
    color:var(--bs-body-color) !important;
}

/* Select item jumper */
.form_select_item_jumper {
    width:100% !important;
    max-width:300px !important;
}

/* Style editor elements */
.style-input,
.style-select {
    display:inline-block !important;
    padding:0.25rem 0.5rem !important;
    font-size:0.875rem !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius-sm) !important;
    background-color:var(--bs-body-bg) !important;
    color:var(--bs-body-color) !important;
}

.style-color {
    width:2rem !important;
    height:2rem !important;
    margin:0 0.5rem !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    cursor:pointer !important;
}

/* ===== FORM SUBMIT SECTION CENTERING ===== */

/* Center form submit sections */
.form_submit_section {
    text-align:center !important;
    padding:1rem !important;
	background-color:var(--bs-body-bg) !important;
    border-radius:var(--bs-border-radius) !important;
    margin-top:1rem !important;
}

/* Target the Bootstrap template structure for centering */
#ff-row-submit .d-flex.justify-content-end {
    justify-content:center !important;
}

/* Also target any right-aligned submit containers */
.d-flex.justify-content-end.mt-4 {
    justify-content:center !important;
}

/* Ensure form buttons in submit section are properly spaced */
.form_submit_section .form_button {
    margin:0 0.5rem !important;
}

/* ===== ENHANCED BUTTON STYLING ===== */

/* Form buttons with better Bootstrap integration */
.form_button,
.form_tool_button,
.form_icon_button {
    display:inline-block !important;
    padding:0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    text-align:center !important;
    text-decoration:none !important;
    vertical-align:middle !important;
    cursor:pointer !important;
    user-select:none !important;
    border:1px solid transparent !important;
    border-radius:var(--bs-border-radius) !important;
    transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    text-transform:none !important;
    background:none !important;
    box-shadow:none !important;
}

/* Primary buttons */
.form_button {
    color:#fff !important;
    background-color:#0d6efd !important;
    border-color:#0d6efd !important;
}

.form_button:hover {
    color:#fff !important;
    background-color:#0b5ed7 !important;
    border-color:#0a58ca !important;
}

.form_button:focus {
    color:#fff !important;
    background-color:#0b5ed7 !important;
    border-color:#0a58ca !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Secondary/tool buttons */
.form_tool_button,
.form_icon_button {
    color:#6c757d !important;
    background-color:transparent !important;
    border-color:#6c757d !important;
}

.form_tool_button:hover,
.form_icon_button:hover {
    color:#fff !important;
    background-color:#6c757d !important;
    border-color:#6c757d !important;
}

/* Icon buttons specific sizing */
.form_icon_button {
    width:2.5rem !important;
    height:2.5rem !important;
    padding:0.375rem !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.form_button_icon {
    font-size:1.25rem !important;
    line-height:1 !important;
    color:inherit !important;
}

/* Disabled button states */
.form_button_disabled,
.form_button:disabled,
.form_tool_button:disabled,
.form_icon_button:disabled {
    color:#6c757d !important;
    background-color:transparent !important;
    border-color:#6c757d !important;
    opacity:0.65 !important;
    cursor:not-allowed !important;
}

.form_button_disabled:hover,
.form_button:disabled:hover,
.form_tool_button:disabled:hover,
.form_icon_button:disabled:hover {
    color:#6c757d !important;
    background-color:transparent !important;
    border-color:#6c757d !important;
}

/* ===== UPLOAD AND SPECIAL BUTTONS ===== */

.upload_button {
    padding:0.5rem 1rem !important;
    margin-top:0.5rem !important;
    min-height:auto !important;
    border-radius:var(--bs-border-radius) !important;
}

.upload_button:focus-within {
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

.follow_button {
    border-radius:var(--bs-border-radius) !important;
}

/* Sprite icons */
.sprite_icon {
    display:inline-block !important;
    padding:0.175rem !important;
    margin:0 0.25rem !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    background-color:var(--bs-body-bg) !important;
    color:var(--bs-body-color) !important;
    cursor:pointer !important;
    transition:all 0.15s ease-in-out !important;
    overflow:hidden;
}

.sprite_icon:hover,
.sprite_icon_hilighted {
    background-color:#ffc107 !important;
    border-color:#ffcd39 !important;
    color:#000 !important;
}

.sprite_icon_black_25 {
  height:var(--bs-form-control-height) !important;
  width:var(--bs-form-control-height) !important;
}
.sprite_icon_black_25 {
  height:32px !important;
  width:32px !important;
}
/* ensure the <a> wraps the sprite as an inline-block so the focus outline surrounds it */
.block_config a {
  display:inline-block;
  vertical-align:middle;
}

.sprite_icon.sprite_icon_16 {
	padding:0 !important;
}
.image_delete {
    position:absolute;
    top:5px;
    left:5px;
}

/* Text inputs,passwords,emails,etc */
.form_text,
.form_password,
.form_email,
.form_url,
.form_number,
.form_tel,
.form_date,
.form_time,
.form_datetime,
.form_datetime_local,
.form_search,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="search"] {
    display:block !important;
    width:100% !important;
    padding:0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    background-image:none !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}

/* Focus states */
.form_text:focus,
.form_password:focus,
.form_email:focus,
.form_url:focus,
.form_number:focus,
.form_tel:focus,
.form_date:focus,
.form_time:focus,
.form_datetime:focus,
.form_datetime_local:focus,
.form_search:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="search"]:focus {
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Textareas */
.form_textarea,
textarea {
    display:block !important;
    width:100% !important;
    padding:0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    background-image:none !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    resize:vertical !important;
}
.form_textarea.form_editor {
	display:none !important;
}

.form_textarea:focus,
textarea:focus {
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Select dropdowns */
.form_select:not(.form-select),
select:not(.form-select) {
    display:block !important;
    width:100% !important;
    padding:0.375rem 2.25rem 0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e") !important;
    background-repeat:no-repeat !important;
    background-position:right 0.75rem center !important;
    background-size:16px 12px !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    appearance:none !important;
}

.form_select:not(.form-select):focus,
select:not(.form-select):focus {
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Checkboxes */
.form_checkbox,
input[type="checkbox"] {
    width:1em !important;
    height:1em !important;
    margin-top:0.25em !important;
    vertical-align:top !important;
    background-color:var(--bs-body-bg) !important;
    background-image:none !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:0.25em !important;
    transition:background-color 0.15s ease-in-out,background-position 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    appearance:none !important;
    color-adjust:exact !important;
}

.form_checkbox:checked,
input[type="checkbox"]:checked {
    background-color:#0d6efd !important;
    border-color:#0d6efd !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.form_checkbox:focus,
input[type="checkbox"]:focus {
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Radio buttons */
.form_radio,
input[type="radio"] {
    width:1em !important;
    height:1em !important;
    margin-top:0.25em !important;
    vertical-align:top !important;
    background-color:var(--bs-body-bg) !important;
    background-image:none !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:50% !important;
    transition:background-color 0.15s ease-in-out,background-position 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
    appearance:none !important;
    color-adjust:exact !important;
}

.form_radio:checked,
input[type="radio"]:checked {
    background-color:#0d6efd !important;
    border-color:#0d6efd !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.form_radio:focus,
input[type="radio"]:focus {
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* File inputs */
.form_file,
input[type="file"] {
    display:block !important;
    width:100% !important;
    padding:0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:var(--bs-body-color) !important;
    background-color:var(--bs-body-bg) !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}

.form_file:focus,
input[type="file"]:focus {
    border-color:var(--bs-focus-ring-color) !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Buttons */
.form_button,
.form_tool_button {
    display:inline-block !important;
    padding:0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
    vertical-align:middle !important;
    cursor:pointer !important;
    user-select:none !important;
    background-color:#0d6efd !important;
    border:1px solid #0d6efd !important;
    border-radius:var(--bs-border-radius) !important;
    transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}

.form_button:hover,
.form_tool_button:hover {
    color:#fff !important;
    background-color:#0b5ed7 !important;
    border-color:#0a58ca !important;
}

.form_button:focus,
.form_tool_button:focus {
    color:#fff !important;
    background-color:#0b5ed7 !important;
    border-color:#0a58ca !important;
    outline:0 !important;
    box-shadow:var(--bs-focus-ring-shadow) !important;
}

/* Help buttons */
.form_help_button {
    background-color:#0dcaf0 !important;
    border-color:#0dcaf0 !important;
    color:#000 !important;
    padding:0.25rem 0.5rem !important;
    font-size:0.875rem !important;
}

.form_help_button:hover {
    background-color:#31d2f2 !important;
    border-color:#25cff2 !important;
    color:#000 !important;
}

/* Submit buttons */
input[type="submit"],
button[type="submit"] {
    display:inline-block !important;
    padding:0.375rem 0.75rem !important;
    font-size:1rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    color:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
    vertical-align:middle !important;
    cursor:pointer !important;
    user-select:none !important;
    background-color:#198754 !important;
    border:1px solid #198754 !important;
    border-radius:var(--bs-border-radius) !important;
    transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color:#157347 !important;
    border-color:#146c43 !important;
}

/* Range inputs */
.form_range,
input[type="range"] {
    width:100% !important;
    height:1.5rem !important;
    padding:0 !important;
    background-color:transparent !important;
    appearance:none !important;
}

.form_range:focus,
input[type="range"]:focus {
    outline:0 !important;
}

.form_range:focus::-webkit-slider-thumb,
input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow:0 0 0 1px #fff,var(--bs-focus-ring-shadow) !important;
}

/* Disabled states */
.form_text:disabled,
.form_password:disabled,
.form_email:disabled,
.form_url:disabled,
.form_number:disabled,
.form_tel:disabled,
.form_date:disabled,
.form_time:disabled,
.form_datetime:disabled,
.form_datetime_local:disabled,
.form_search:disabled,
.form_textarea:disabled,
.form_select:disabled,
.form_checkbox:disabled,
.form_radio:disabled,
.form_file:disabled,
input:disabled,
textarea:disabled,
select:disabled {
    background-color:var(--bs-secondary-bg) !important;
    opacity:1 !important;
}

/* Invalid/error states */
.form_text.is-invalid,
.form_password.is-invalid,
.form_email.is-invalid,
.form_url.is-invalid,
.form_number.is-invalid,
.form_tel.is-invalid,
.form_date.is-invalid,
.form_time.is-invalid,
.form_datetime.is-invalid,
.form_datetime_local.is-invalid,
.form_search.is-invalid,
.form_textarea.is-invalid,
.form_select.is-invalid,
input.is-invalid,
textarea.is-invalid,
select.is-invalid {
    border-color:#dc3545 !important;
    padding-right:calc(1.5em + 0.75rem) !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat:no-repeat !important;
    background-position:right calc(0.375em + 0.1875rem) center !important;
    background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.form_text.is-invalid:focus,
.form_password.is-invalid:focus,
.form_email.is-invalid:focus,
.form_url.is-invalid:focus,
.form_number.is-invalid:focus,
.form_tel.is-invalid:focus,
.form_date.is-invalid:focus,
.form_time.is-invalid:focus,
.form_datetime.is-invalid:focus,
.form_datetime_local.is-invalid:focus,
.form_search.is-invalid:focus,
.form_textarea.is-invalid:focus,
.form_select.is-invalid:focus,
input.is-invalid:focus,
textarea.is-invalid:focus,
select.is-invalid:focus {
    border-color:#dc3545 !important;
    box-shadow:0 0 0 0.25rem rgba(220,53,69,0.25) !important;
}

/* Additional Jamroom specific form classes */
.form_select_item_jumper {
    background-color:var(--bs-body-bg) !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    padding:0.375rem 0.75rem !important;
}

.form_admin_search {
    display:block !important;
    width:100% !important;
    padding:0.375rem 0.75rem !important;
    font-size:0.875rem !important;
    border:1px solid var(--bs-border-color) !important;
    border-radius:var(--bs-border-radius) !important;
    background-color:var(--bs-body-bg) !important;
    color:var(--bs-body-color) !important;
}

/* Ensure proper sizing for inline elements */
.form_checkbox,
.form_radio {
    display:inline-block !important;
    width:auto !important;
    margin-right:0.5rem !important;
}

/* Form validation feedback */
.invalid-feedback {
    display:none !important;
    width:100% !important;
    margin-top:0.25rem !important;
    font-size:0.875em !important;
    color:#dc3545 !important;
}

.is-invalid ~ .invalid-feedback {
    display:block !important;
}

.valid-feedback {
    display:none !important;
    width:100% !important;
    margin-top:0.25rem !important;
    font-size:0.875em !important;
    color:#198754 !important;
}

.is-valid ~ .valid-feedback {
    display:block !important;
}

/* page_notice ➜ Bootstrap 5.3.6 alert variables */
.form_notice .page_notice{
    padding:var(--bs-alert-padding-y,.75rem) var(--bs-alert-padding-x,1rem);
    margin-bottom:var(--bs-alert-margin-bottom,1rem);
    border:var(--bs-border-width,1px) solid transparent;
    border-radius:var(--bs-border-radius,.375rem);
    font-weight:var(--bs-body-font-weight,400);
}
.form_notice .page_notice:focus{
    outline:2px dashed var(--bs-body-color);
    outline-offset:2px;
}

/* error → alert-danger palette */
.form_notice .page_notice.error{
    --bs-alert-color:var(--bs-danger-text-emphasis);
    --bs-alert-bg:var(--bs-danger-bg-subtle);
    --bs-alert-border-color:var(--bs-danger-border-subtle);
    color:var(--bs-alert-color);
    background-color:var(--bs-alert-bg);
    border-color:var(--bs-alert-border-color);
}

/* success → alert-success palette */
.form_notice .page_notice.success{
    --bs-alert-color:var(--bs-success-text-emphasis);
    --bs-alert-bg:var(--bs-success-bg-subtle);
    --bs-alert-border-color:var(--bs-success-border-subtle);
    color:var(--bs-alert-color);
    background-color:var(--bs-alert-bg);
    border-color:var(--bs-alert-border-color);
}

/* notice → alert-info palette */
.form_notice .page_notice.notice{
    --bs-alert-color:var(--bs-info-text-emphasis);
    --bs-alert-bg:var(--bs-info-bg-subtle);
    --bs-alert-border-color:var(--bs-info-border-subtle);
    color:var(--bs-alert-color);
    background-color:var(--bs-alert-bg);
    border-color:var(--bs-alert-border-color);
}

/* Dark mode adjustments */

[data-bs-theme="dark"] .form_select,
[data-bs-theme="dark"] select {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e") !important;
}

.skippy a:focus-visible,
.nav-tabs .nav-link:focus-visible,
.nav-pills .nav-link:focus-visible,
button:focus-visible,
a[role="button"]:focus-visible > span.sprite_icon,
a:focus-visible > span.sprite_icon,
.nav-link:focus-visible {
  outline:0;
  box-shadow:0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color) !important;
}

[data-bs-theme="dark"] .sprite_icon span {
        filter:invert();
}

/* stronger,lighter focus ring in dark mode */
[data-bs-theme="dark"] {
  /* use a brighter white ring */
  --bs-focus-ring-color:rgba(255,255,255,.75) !important;
  /* make it thicker */
  --bs-focus-ring-shadow:0 0 0 .375rem var(--bs-focus-ring-color) !important;
}

[data-bs-theme="light"] {
  --bs-focus-ring-color:rgba(13,110,253,.25) !important;
  --bs-focus-ring-shadow:0 0 0 .25rem var(--bs-focus-ring-color) !important;
}
/* ensure components pick up the new ring */
[data-bs-theme="dark"] :focus-visible {
  /* box-shadow:var(--bs-focus-ring-offset-shadow),var(--bs-focus-ring-shadow) !important; */
}

.bg-mode-gradient{background-image:var(--bs-gradient);}      /* keep gradient */

[data-bs-theme="light"] .bg-mode-gradient{                   /* light-mode colour */
    background-color:var(--bs-light)!important;              /* same as .bg-light */
}

[data-bs-theme="dark"] .bg-mode-gradient{                    /* dark-mode colour */
    background-color:var(--bs-dark-bg-subtle)!important;     /* subtle dark shade */
}

/* lighter,thicker focus ring for dark headers */
header.bg-dark,
header.navbar-dark {
        /* override only inside the header */
        --bs-focus-ring-color:rgba(255,255,255,.75);
        --bs-focus-ring-shadow:0 0 0 .375rem var(--bs-focus-ring-color) !important;
}

/* apply the ring to any focus-visible control inside that header */
header.bg-dark :focus-visible,
header.navbar-dark :focus-visible {
        outline:0;
        box-shadow:var(--bs-focus-ring-offset-shadow,0 0 0 0 transparent),
                    var(--bs-focus-ring-shadow) !important;
}
/* header focusables – uniform rounded shape */
#header .btn,
#header .nav-link,
#header button,
#header [role="button"] {
	border-radius:.375rem;   /* = var(--bs-border-radius) */
}
/* site-wide links (outside header) – custom focus ring */
a:not([role="button"]):focus-visible {
	outline:0;
	border-radius:.375rem;                                  /* keep shape consistent */
	box-shadow:var(--bs-focus-ring-offset-shadow,0 0 0 0 transparent),
	            var(--bs-focus-ring-shadow,      0 0 0 .25rem var(--bs-focus-ring-color));
}

/* @title Textarea Expand */
/* @help Controls the display of the small Expand arrow to the right of the textarea */
.form_textarea_expand {
    display:none;
    position:absolute;
    bottom:12px;
    margin-left:3px;
}

.status_section_open {
	background-color:transparent !important;
}