/* --------------------------------------------------------------------------------------------------------------------
/* <copyright file="shared.css" company="Ryan Penfold">
/*   Copyright © Ryan Penfold. All rights reserved.
/* </copyright>
/* ------------------------------------------------------------------------------------------------------------------*/

a.clickable[disabled] {
    color: inherit;
    cursor: default;
    text-decoration: none;
}

.app-svg {
    float: inline-start;
    width: 135px;
}

.assigned-user-table-row,
.search-terms-table-row {
    margin: 0 1rem 1rem 1rem;
}

.audit-log-container,
.event-log-container {
    border-radius: 1rem;
    border-style: solid;
    border-width: 1px;
    margin: 1rem 1rem 1rem 0;
    /*word-break: break-all;*/
    padding: 1rem;
}

#audit-log-fieldset #record-id-textarea {
    height: 192px;
}

#audit-log-fieldset #new-value-textarea,
#audit-log-fieldset #original-value-textarea,
#event-log-fieldset #exception-textarea,
#event-log-fieldset #log-event-textarea {
    height: 512px;
}

.autocomplete-container {
    position: relative;
}

.autocomplete-items {
    /*position the autocomplete items to be the same width as the container:*/
    border-bottom: none;
    border-style: solid;
    border-top: none;
    border-width: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        border-style: solid;
        border-width: 1px;
    }

.block-form label {
    display: block;
}

.block-form input {
    display: block;
}

.blockMsg {
    border: none !important;
}

body {
    font-family: Arial,sans-serif;
}

button[data-dismiss="alert"] {
    float: right;
}

.clear-both {
    clear: both;
}

.clickable:not([disabled]) {
    cursor: pointer;
}

#claim-request-form label[for="notes-textarea"] {
    display: block;
}

#claim-request-form #notes-textarea {
    display: block;
    height: 5rem;
}

.comment-anchor {
    font-size: small;
}

.comment-author {
    font-weight: bold;
}

/* On the user form */
.comment-container {
    font-size: small;
}

.comment-date {
    font-size: smaller;
}

textarea#comment-text {
    height: 10rem;
    padding: 0.5rem;
    width: 100%;
}

/* <span>s on PostalAddress/View  */
.comment-text {
    font-style: italic;
}

.comment-type {
    font-weight: bold;
}

.comment-container {
    font-size: small;
}

.comments-container {
    border-width: 1px;
    border-style: solid;
    max-height: 25rem;
    overflow-y: auto;
    padding: 0.5rem;
}

.comments-loading-container{
    text-align: center;
}

#contact-form {
    max-width: 468px;
}

    #contact-form .buttons-container {
        text-align: right;
    }

    #contact-form .field {
        display: flex;
        align-items: center;
    }

    #contact-form .h-captcha {
        margin: 0 0 1rem 0;
        text-align: right;
    }

    #contact-form input[type=text],
    #contact-form textarea {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    #contact-form label {
        display: block;
    }

    #contact-form textarea {
        height: 150px;
    }

    #contact-form .validation-message {
        margin: -1rem 0 0 0;
    }

.current-page-link {
    cursor: default;
    font-weight: bold;
    text-decoration: none !important;
}

.dashboard-item .postal-address-container {
    float: left;
}

/*.dashboard-item .postal-address-search-terms-container {
    float: left;
}
*/
.datum-container {
    border-radius: 1rem;
    border-style: solid;
    border-width: 1px;
    margin: 1rem 1rem 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-container {
    display: inline-block;
    position: relative;
}

.dropdown-content {
    display: none;
    padding: 5px 5px 5px 5px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

    .dropdown-content a {
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.dropdown-container:hover .dropdown-content {
    display: block;
}

#edit-setting-fieldset input {
    margin: 0 0 0.75rem 0;
}

.essay-textarea {
    height: 512px;
}

.float-right {
    float: right;
}

.footer {
    margin: 1rem 1rem 1rem 1rem;
    padding: 1rem 1rem 1rem 1rem;
}

#header-logo {
    height: 50px;
    margin: -5px 0 0 0;
    width: 50px;
}

.home-page-svg {
    width: 270px;
}

.language-strings-container textarea {
    height: 7rem;
    margin: 0 0 1rem 0;
}

#loading-message-logo {
    height: 96px;
    width: 96px;
}

#policies-form .buttons-container,
#role-form .buttons-container {
    margin: 1rem 0 0 0;
}

#policies-form fieldset {
    margin: 2rem 0 2rem 0;
}

.postal-address-datum-container .leftmost-column {
    margin: 0 1rem 1rem 0;
}

.postal-address-datum-container .middle-column,
.search-terms-datum-container .middle-column {
    margin: 0 1rem 0 0;
}

.postal-address-datum-container .rightmost-column a,
.search-terms-datum-container .rightmost-column a,
.user-datum-container .rightmost-column a {
    display: block;
    text-align: right;
}

#postal-address-fieldset {
    margin: 0 1rem 0 0;
}

.postal-address-textarea {
    /* TODO: Keep here? Move to minwidth-scoped file? */
    height: 11rem;
    margin: 0 0 1rem 0;
    width: 19rem;
}

.report-record-count {
    margin: 1rem 0 0 0;
}

.report-table th {
    margin: 0 1rem 0 0;
}

#search-filters-container {
    border-radius: 1rem;
    border-style: solid;
    border-width: 1px;
    margin: 1rem 0 1rem 0;
    padding: 1rem 1rem 1rem 0;
}

    #search-filters-container h6 {
        padding: 0 1rem 0 1rem;
    }

    #search-filters-container input[type=text] {
        width: 16rem;
    }

    #search-filters-container fieldset {
        margin: 0 0 1rem 0;
    }

        #search-filters-container fieldset label {
            padding: 0 0 0 1rem;
            width: 9rem;
        }

    #search-filters-container button[data-function="apply-filter"] {
        margin: 0 0 0 9rem;
    }

.search-terms-datum-container .leftmost-column {
    margin: 0 1rem 0 0;
}

.search-terms-datum-container .middle-column {
    padding: 2rem 0 0 0;
}

.search-terms-datum-container .rightmost-column {
    padding: 2rem 0 0 0;
}

#search-terms-form label[for="PostalAddressSearchTerms_Text"] {
    margin: 1rem 0 0 0;
}

#search-terms-form #PostalAddressSearchTerms_Text {
    margin: 0 0 2rem 0;
    width: 17rem;
}

.search-terms-text-input {
    margin: 0 0 1rem 0;
    min-width: 19rem;
}

.setting-container {
    border-radius: 1rem;
    border-style: solid;
    border-width: 1px;
    margin: 1rem 0 1rem 0;
    padding: 1rem;
}

.settings-container {
    margin: 1rem 0 1rem 0;
}

td[data-function="navigate"] {
    cursor: pointer;
}

#urls-fieldset,
#user-assignments-fieldset {
    margin: 1rem 1rem 0 0;
}

.user-datum-container .leftmost-column,
.user-datum-container .middle-column {
    margin: 0 1rem 0 0;
}