/* Lotus_global_styles.css */

/* default buttons */


.button1:active,
.button1:focus {
    color: #225491 !important;
    background-color: transparent !important;
    border-color: #225491 !important;
}


input#DisabledButton {
    background-color: lightgray;
    border: none;
}

input#DisabledButton:hover,
input#DisabledButton:focus {
    background-color: lightgray;
    border: none;
    color: white;
    outline-color: lightgray;
}

/* Default font styling Paragraphs */

p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span,
li {
    font-family: var(--bs-body-font-family) !important;
    font-weight: 300;
}

p.default_text_16px {
    font-family: var(--bs-body-font-family) !important;
    font-weight: 300;
    font-size: 16px;
}

p.default_text_18px {
    font-family: var(--bs-body-font-family) !important;
    font-weight: 300;
    font-size: 18px;
}

p.border_bottom {
    padding-bottom: 20px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 30px;
}

p.complete.default_text_16px,
p.incomplete.default_text_16px {
    margin-bottom: 0px;
}

b {
    font-weight: 500;
}
/* Header & Nav */

    /* Apply cnetury gothihc font */
    @font-face {
        font-family: 'gothic';
        src: local('gothic'), url('./gothic.woff') format('woff');
        font-display: swap;
    }

h1.siteTitle.custom-sitetitle {
    font-family: 'gothic' !important;
    font-size: 52px !important;
    color: #232e4a !important;
    }

.navbar-brand .xrm-attribute-value a:not(.btn):hover{
    
    text-decoration: none !important; 
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus,
.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
    color: #225491 !important;
    background-color: white !important;
}

#navbar > nav > ul > li.nav-item.dropdown > ul {
    margin-top: 50px !important;
}


/* Footer */

/* Help Footer remain at bottom */
html, body {
    height: 100%;
    margin: 0;
  
}
#mainContent {
    flex: 1;
}

span.footer {
    color: #232e4a;
}

footer {
    box-shadow: 0px -3px 5px rgba(57, 63, 72, 0.3);
    border-color: transparent;
    margin-top: auto !important;
}

footer.footer {
    margin-top: 50px;
}



/* Icons */

div.app_icons {
    display: inline-flex;
}

/* Dividers */

hr.default {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid lightgrey;
    opacity: 1;
}

hr.default_full {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid lightgrey;
    opacity: 1;
}

hr.navy {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #232e4a;
    opacity: 1;
}

hr.navy_full_thin {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #232e4a;
    opacity: 1;
}

/* Sections, Modals, Subgrids, popups */

/* Sections */
.grey_border {
    border: 1px solid lightgrey;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 1.5px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
}

.grey_border_min_height {
    border: 1px solid lightgrey;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 1.5px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
    min-height: 320px;
}



/* Modals */
.modal-body {
    overflow: auto;
}

div#training_checkpoint {
    border: none;
    box-shadow: none;
}




/* Lists Styling*/
.entity-grid.entitylist {
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 1.5px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
    padding: 10px;
}

.pagination>.active>a {
    background-color: #225491 !important
}
.pagination {
    --bs-pagination-hover-color: #225491;
    --bs-pagination-color: #225491;
}

/* Search Box */
button.btn.btn-default[aria-label="Search Results"] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.float-end.toolbar-actions .input-group.view-search.entitylist-search input.query.form-control {
    border: 1px solid grey;
}

input.query.form-control {
    padding-bottom: 7px;
}

/* Alerts */

.alert-danger {
    border-color: #232e4a;
}

.alert.alert-primary.firearm_renewal {
    padding: 15px;
    margin-bottom: 0px;
    margin-bottom: 30px;
    width: 75%;
}

.alert.alert-primary.firearm_renewal_duplicate {
    padding: 15px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    width: 75%;
}

div#training_checkpoint {
    padding-left: 0px;
}

/* Forms */



/* Form container styles */
.crmEntityFormView .tab-title,
.crmEntityFormView {
    border: none !important;
}


/* Form  styles - fonts */
h2.tab-title {
    display: none;
}

.crmEntityFormView label,
.description.above,
.description.below,
li.web_resource_file_text,
p.web_resource_file_text {
    font-weight: 300;
    font-size: 18px;
    font-family: var(--bs-body-font-family);
    color: var(--portalThemeColor2);

}

/*web resource file text */
.web_resource_file_text a {
font-size: 18px;
  }

  p.web_resource_file_text {
    margin-bottom: 25px !important
  }

  .alert.alert-primary .web_resource_file_text {
    margin-bottom: 0px !important;
  }



/* Form  styles - field layout */

td.clearfix.cell.boolean-radio-cell,
td.clearfix.cell.picklist-cell,
td.clearfix.cell.lookup.form-control-cell,
td.clearfix.cell.textarea.form-control-cell,
td.clearfix.cell.text.form-control-cell,
.form-control-cell,
td.clearfix.cell.form-control-cell {
    padding-left: 0px;
}

.text.form-control.lookup.form-control {
    padding-bottom: 6px;
}

/* Lookup fields - Hides remove value action */

button.btn.btn-default.float-end.remove-value {
    display: none;
}

/* locked checkboxes and radio button styling */

.locked-radio,
span.boolean-radio input.locked-radio + label {
    pointer-events: none; /* Prevents user interaction */
    opacity: 0.5; /* Makes the checkbox look disabled */
}

.locked-checkbox,
td.checkbox-cell:has(input.locked-checkbox) label {
    pointer-events: none; /* Prevents user interaction */
    opacity: 0.5; /* Makes the checkbox look disabled */
}

span.boolean-radio input.locked-radio + label {
    pointer-events: none; /* Prevent interaction with the label */
}


/* Web resource styles */

td.clearfix.cell.web-resource-cell {
    padding: 0px;
}


iframe#WebResource_Document_Upload {
    height: 125px;
}

/* Subgrids */

td.clearfix.cell.subgrid-cell,
td.clearfix.cell.sharepoint-documents.table.table-striped-cell {
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 1.5px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
    padding: 5px 16px 5px 16px;
}

    /* Subgrid item link styling */
a.edit-link.dropdown-item,
a.delete-link.dropdown-item,
a.details-link.dropdown-item {
    text-decoration: none;
}

a.details-link.dropdown-item:hover,
a.edit-link.dropdown-item:hover,
a.delete-link.dropdown-item:hover
 {
    color: #225491 !important;
    text-decoration: underline;
}

    /* Subgrid drop-down styling */
ul.dropdown-menu.show {
    z-index: 9999 !important;
    will-change: transform;
    margin-top: auto !important;
    transform: translate3d(0px, 38px, 0px) !important; 
    left: auto !important;  /* Clear any left positioning */
    right: -1px !important;    /* Align the dropdown to the right of the button */
    inset: -1px -1px auto auto !important;
}
    /* set min height for dropdown noscroll */
.entity-grid.subgrid {
    min-height: 180px;
}

    table.table.table-striped {
        margin-bottom: 115px;
    }
   




/* Start 508 testing and styles*/

/* prevent column header wrapping */
.entity-grid .view-grid.table-responsive table th,
.entity-grid .view-grid.table-responsive table td {
    white-space: nowrap;
}


li.nav-item.weblink:focus,
.navbar-dark .navbar-nav > li > a:focus {
    border: 2px solid #302ce1 !important;
    border-radius: 5px;
}

button.navbar-toggler.collapsed.custom-navbar-toggler:focus {
    outline-offset: 5px;
    outline: 1px auto -webkit-focus-ring-color; /* WebKit-based browsers */
    outline: 1px auto #302ce1; /* Fallback for other browsers */}

    /* overlay dropdown menus */
.view-grid.table-responsive {
        overflow: visible !important;
}

    /* pagination */
.view-grid.table-responsive.has-pagination {
    overflow-y: auto !important;
}
.view-pagination {
    overflow-y: clip;
}

.jquery-bootstrap-pagination {
    padding-bottom: 5px;
    padding-top: 5px;
}

ul.pagination {
    margin-top: 0px !important;
}

li.page-item {
    text-wrap: nowrap;
}

.pagination > li > a:hover {
    color: #33a0cc;
}
    /* end pagination */

.entity-grid {
    overflow-x: auto;
}


    /* Training Waivers  */

        iframe[src*="dcjsecms_Training_waivers_regulations"] {
            height: 600px !important; /* Set the default desktop height */
        }

        @media screen and (max-width: 991px) {
            iframe[src*="dcjsecms_Training_waivers_regulations"] {
                height: 77vh !important; /* 75% of the viewport height for tablets */
            }
        }

        /* For smaller tablets or large mobile screens */
        @media screen and (max-width: 768px) {
            iframe[src*="dcjsecms_Training_waivers_regulations"] {
                height: 88vh !important; /* 60% of the viewport height */
            }
        }

        /* For small mobile screens */
        @media screen and (max-width: 576px) {
            iframe[src*="dcjsecms_Training_waivers_regulations"] {
                height: 118vh !important; /* 50% of the viewport height for small mobile screens */
            }
        }

         /* For small mobile screens */
         @media screen and (max-width: 430px) {
            iframe[src*="dcjsecms_Training_waivers_regulations"] {
                height: 169vh !important; /* 50% of the viewport height for small mobile screens */
            }
        }
         /* For small mobile screens */
         @media screen and (max-width: 390px) {
            iframe[src*="dcjsecms_Training_waivers_regulations"] {
                height: 179vh !important; /* 50% of the viewport height for small mobile screens */
            }
        }

    /* BB RE Collateral  */

        iframe[src*="dcjsecms_RE_Documents"] {
            height: 150px !important; /* Set the default desktop height */
        }

        @media screen and (max-width: 991px) {
            iframe[src*="dcjsecms_RE_Documents"] {
                height: 28vh !important; /* 75% of the viewport height for tablets */
            }
        }

        /* For smaller tablets or large mobile screens */
        @media screen and (max-width: 768px) {
            iframe[src*="dcjsecms_RE_Documents"] {
                height: 32vh !important; /* 60% of the viewport height */
            }
        }

        /* For small mobile screens */
        @media screen and (max-width: 576px) {
            iframe[src*="dcjsecms_RE_Documents"] {
                height: 45vh !important; /* 50% of the viewport height for small mobile screens */
            }
        }

         /* For small mobile screens */
         @media screen and (max-width: 430px) {
            iframe[src*="dcjsecms_RE_Documents"] {
                height: 49vh !important; /* 50% of the viewport height for small mobile screens */
            }
        }


/* END 508 testing and styles*/




/* bottom HR on all forms */

div.entity-form {
    border-bottom: 1px solid lightgray !important;
}

.crmEntityFormView .actions {
    border-top: none !important;
}

/* space between bottom HR on all forms and submit button */

.form-custom-actions {
    padding-top: 10px;
}

/* Required fields asterisk */
.required-asterisk {
    color: #EB0000;
}

/* Disabled fields */
.form-control:disabled,
a.btn.btn-primary.float-end.action.create-action.disabled {
    background-color: #e9ecef !important;
}

/* End of Form styles */



/* Loading Spinner Modal */
.loading-modal::backdrop {
    background-color: #232e4a;
    opacity: 0.75;
}

.loading-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* HR dividers in divs and p */
div.hr_bottom,
p.hr_bottom {
    border-bottom: 1px solid lightgray !important;
}

div.hr_top,
p.hr_top {
    border-top: 1px solid lightgray !important;
}

hr.bold_blue {
    border: 2px solid #225491;
    opacity: inherit;
}


/* Hide 'Add folder' link for Sharepoint Doc uploads */
a.add-folder.btn.btn-info.action {
    display: none;
}

/* Accordion review menus */
.accordion-button:not(.collapsed),
button.accordion-button.collapsed {

    border-top: 1px solid var(--bs-accordion-border-color);
}

h2#panelsStayOpen-headingOne {
    margin-top: -1px;
}

.accordion,
.accordion-item,
.accordion-header,
.accordion-button {
    border-radius: 5px;
}

button.accordion-button.collapsed {
    background-color: rgb(243, 243, 243);
}

.accordion-button {
    color: #225491;
}

a.review_links {
    font-size: 16px;
}

a.affidavit,
a.default_18px {
    font-size: 18px;

}

/* Manage Account Menu Styling */


.list-group-item:last-child {
    border-bottom-right-radius: inherit !important;
    border-bottom-left-radius: inherit !important;
}

/* Date Picker Styling */
.datetimepicker td.disabled button {
    background-color: lightgray;
    cursor: not-allowed;
}

/* Masked Field Styles */
.BeverControls_PasswordField-wrapper {
    border: 1px solid #949494 !important;
    border-radius: .375rem;
}

.BeverControls_PasswordField-field {
    border-radius: .375rem;
}

/* Start Global Mobile styles */

/* Targeting the checkbox cell */
.cell.checkbox-cell div.control {
    display: flex;
    align-items: center; /* Vertically align checkbox and label */
    gap: 8px; /* Add space between checkbox and label */
}

/* Remove any potential margin that misaligns the checkbox */
.cell.checkbox-cell span.checkbox input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
}

/* Ensure the label aligns correctly with the checkbox */
.cell.checkbox-cell div.control label {
    display: inline-block;
    margin: 0;
    white-space: nowrap; /* Prevent the label from breaking into a new line */
}

/* Mobile adjustments for smaller screens */



        @media (max-width: 767px) {
              /* Target the checkbox container */
             /* Target the checkbox container */
            .cell.checkbox-cell div.control {
                display: flex;
                flex-direction: column; /* Stack checkbox and label vertically */
                align-items: flex-start; /* Align items to the left */
                gap: 4px; /* Add spacing between checkbox and label */
            }

            /* Ensure the checkbox appears first */
            .cell.checkbox-cell div.control span.checkbox {
                order: -1; /* Moves the checkbox above the label */
            }

            /* Adjust the label styling */
            .cell.checkbox-cell div.control label {
                order: 0; /* Keeps the label below the checkbox */
                margin: 0;
                white-space: normal; /* Allow long labels to wrap */
            }

            /* Ensure the checkbox aligns properly */
            .cell.checkbox-cell span.checkbox input[type="checkbox"] {
                margin: 0;
            }

            html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.table-info {
                padding-left: 0px;
            }

            html[dir=ltr] .crmEntityFormView .tab .tab-column {
                padding-left: 0px !important;
            }

            .crmEntityFormView .cell.checkbox-cell label {
                font-size: 16px;
            }
            td.clearfix.cell.checkbox-cell {
                padding-right: none;
            }

            span.checkbox {
                padding-right: 5px;
            }

            .col-lg-12.columnBlockLayout {
                padding: 0px !important;
            }

            table {
                width: 100% !important;
            }
                @media screen and (max-width: 400px) {

                    .crmEntityFormView .cell.checkbox-cell label {
                        font-size: 15px !important;
                    }

                    .col-lg-12.columnBlockLayout {
                        padding: 0px !important;
                    }

                    p,
                    div,
                    a,
                    li,
                    td {
                        font-size: 15px !important;
                     }

                    .entity-grid.entitylist {
                        padding: 0px;
                    }
                    h1 {
                        font-size: 28px !important;
                    }
                    h3 {
                        font-size: 20px !important;
                    }
                }

 }