/* 

This CSS file contains custom styles for the Dataverse Customization Boilerplate portal. It includes:

1. Root Variables:
    - Font families, colors, font sizes, padding, border radius, transition duration, and box shadow.

2. Font Faces:
    - Custom font faces for "Gotham Condensed Medium", "TSTAR Regular", and "TSTAR Bold". Add as required.

3. Button Styles:
    - Styles for primary, default, and secondary buttons, including hover effects.

4. Navbar Styles:
    - Custom styles for navigation links and menu bar items.

5. Card Styles:
    - Box shadow for card elements.

6. Typography:
    - Font styles for headings, body text, and links.

7. CRM Entity Form View:
    - Margin adjustments for description divs.

8. Progress Bar:
    - Styles for list group items and active progress bar items.

9. Entity Form:
    - Border adjustments for CRM entity form views and entity lists.

10. Modal Window:
     - Styles for modal headers, titles, and close buttons, including responsive adjustments for large modals.

11. Controls:
     - Styles for dropdown menus.

12. Input Controls:
     - Size adjustments for checkbox and radio inputs.

13. Tables:
     - Font size adjustments for entity grid views.

14. Footer:
     - Padding and font styles for the footer bottom section.
*/
:root {
    --font-primary-font: "Helvetica Neue LT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-secondary-font-regular: "Helvetica Neue LT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-secondary-font-bold: "Helvetica Neue LT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --color-primary: #ec1b2f;
    --color-secondary: #0c479d;
    --color-accent: #ffffff;
    --font-size-large: 24px;
    --font-size-medium: 20px;
    --font-size-small: 14px;
    --padding-large: 1rem;
    --padding-small: .25em;
    --border-radius: .4rem;
    --transition-duration: .2s;
    --box-shadow: 3px 3px 6px rgba(0, 0, 0, .3);
}


.button1,
.btn-primary {
    display: inline-block;
    padding: var(--padding-small);
    font-size: var(--font-size-small) !important;
    line-height: 1em;
    /* letter-spacing: .05em; */
    text-transform: uppercase;
    font-family: var(--font-primary-font) !important;
    /* background: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    color: var(--color-secondary); */
    text-decoration: none;
    transition: all var(--transition-duration) ease-in-out;
    text-align: center;
    cursor: pointer;
    border-radius: var(--border-radius) !important;
    outline: none;
    min-width: 100px;
    min-height: 35px;
    align-content: center;
}

.static-top.navbar-dark .navbar-brand a {
    text-decoration: none !important;
}

.button1:hover,
.btn-primary:hover,
.btn-default:hover,
.btn-secondary:hover,
.button2:hover {
    transform: translate(-.3rem, -.3rem);
    box-shadow: var(--box-shadow);
}

.btn-default,
.btn-secondary, .button2 {
    display: inline-block;
    padding: var(--padding-small);
    font-size: var(--font-size-small) !important;
    line-height: 1em;
    /* letter-spacing: .05em; */
    text-transform: uppercase;
    font-family: var(--font-primary-font) !important;
    /* background: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    color: var(--color-secondary); */
    text-decoration: none;
    transition: all var(--transition-duration) ease-in-out;
    text-align: center;
    cursor: pointer;
    border-radius: var(--border-radius) !important;
    outline: none;
    min-width: 100px;
    min-height: 35px;
    align-content: center;
}

.btn.btn-default.btn-md.aria-exp {
    min-width: 0px;
    min-height: 0px;
}

.btn.btn-primary.float-end.action.create-action {
    min-width: 100px;
    min-height: 35px;
    font-size: var(--font-size-small) !important;
}

.btn.btn-default.clearlookupfield, .btn.btn-default.launchentitylookup {
    min-width: auto !important;
}

.navbar .navbar-nav .nav-link {
    text-decoration: none !important;
}

.static-top.navbar .menu-bar>.navbar-nav>li>a {
    text-transform: uppercase;
    font-family: var(--font-primary-font) !important;
    /*color: var(--color-secondary) !important;*/
    font-size: var(--font-size-small) !important;
    text-decoration: none !important;
}

.card {
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translate(-.3rem, -.3rem);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}


.card-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 25px;
}

a:hover {
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    text-decoration: none !important;
}

.h1,
h1,
.h2,
h2,
.h3,
.h4,
h3,
h4,
.h5,
h5,
.h6,
h6 {
    font-family: var(--font-primary-font) !important;
}

body,
p,
a {
    font-family: var(--font-secondary-font-regular) !important;
    font-size: var(--font-size-small) !important;
}

.crmEntityFormView div.description {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/*Progress Bar*/
.list-group-item {
    border-width: 0px;
}

.list-group-item.active {
    z-index: 2;
    color: var(--color-secondary);
    background-color: var(--color-primary);
    border-width: 0px;
}

.progress {
    font-family: var(--font-primary-font) !important;
    font-size: var(--font-size-large);
}

/*Progress Bar*/

/*Entity Form*/
.crmEntityFormView,
.entitylist {
    border: 0px !important;
}

/*Entity Form*/

/*Modal Window*/
.modal-header {
    background-color: var(--color-secondary) !important;
}

.modal-title {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: var(--font-size-medium) !important;
    color: var(--color-accent) !important;
    font-weight: 400 !important;
}

/* .modal h1,
.modal h3 {
    font-size: 30px !important;
    color: var(--color-accent) !important;
} */

/* .modal-header .btn-close,
.form-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: var(--padding-small);
    color: var(--color-accent);
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
} */

@media (min-width: 1024px) {
    .modal-lg {
        --bs-modal-width: 50%;
    }
}

.modal-dialog.modal-lg .modal-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    height: auto;
}

.modal-form .modal-body {
    flex-grow: 1;
    height: 90%;
}

.modal-form .modal-body iframe {
    display: flex;
    position: relative;
}

.pac-container {
    z-index: 10000 !important;
}

/*Modal Window*/

/*Controls*/
.dropdown-menu {
    min-width: 0px !important;
}

/*Controls*/

/*Input Controls*/
input[type=checkbox],
input[type=radio] {
    height: 1em !important;
    width: 1em !important;
    vertical-align: middle !important;
}

/*Input Controls*/

/*Tables*/
.entity-grid .view-grid,
.entity-grid .view-grid a {
    font-size: var(--font-size-small) !important;
}

.view-grid table th,.view-grid table th a {
    font-weight: bold !important;
    color: black !important;
    text-decoration: none !important;
  }

/*Tables*/

/*Footer*/
.footer-bottom {
    padding: 0px 0 !important;
    font-family: var(--font-secondary-font-regular) !important;
}


.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}


.text-statewideblue {
    --bs-text-opacity: 1;
    color: var(--color-secondary) !important;
}

/*disabled button background color*/
.btnTotal:disabled {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Hide the spin buttons in WebKit browsers */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spin buttons in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/*set bootstrap var opacity: var(--bs-btn-disabled-opacity)*/

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: 0px !important;
}