:root,
:root.tine,
.tine,
[data-ds-theme=tine] {
    --border-radius-0: 0rem;
    --border-radius-1: .25rem;
    --border-radius-2: .5rem;
    --border-radius-3: .75rem;
    --border-radius-6: 1.5rem;
    --border-radius-default: .25rem;
    --border-radius-full: 624.9375rem;
    --color-base-0: #ffffff;
    --color-base-25: #fafafa;
    --color-base-50: #f5f5f5;
    --color-base-100: #ebebeb;
    --color-base-200: #d9d9d9;
    --color-base-300: #cacaca;
    --color-base-400: #9d9d9d;
    --color-base-500: #7b7b7b;
    --color-base-600: #555555;
    --color-base-700: #393939;
    --color-base-800: #222222;
    --color-base-900: #000000;
    --color-base-transparent: rgba(255, 255, 255, .01);
    --color-error-100: #fee2e2;
    --color-error-200: #fecaca;
    --color-error-600: #dc2626;
    --color-error-700: #b91c1c;
    --color-error-800: #991b1b;
    --color-information-100: #dbeafe;
    --color-information-200: #bfdbfe;
    --color-information-600: #2563eb;
    --color-success-100: #dcfce7;
    --color-success-200: #bbf7d0;
    --color-success-600: #16a34a;
    --color-violet-100: #ede9fe;
    --color-violet-600: #7c3aed;
    --color-warning-100: #fef3c7;
    --color-warning-200: #fde68a;
    --color-warning-600: #d97706;
    --color-background-default: #fafafa;
    --color-background-default-inverted: var(--portalThemeColor10);
    --color-background-subtle: #f5f5f5;
    --color-button-danger-bg: #b91c1c;
    --color-button-danger-bg-hover: #991b1b;
    --color-button-disabled-bg: #ebebeb;
    --color-button-primary-bg: var(--portalThemeColor10);
    --color-button-primary-bg-hover: #17397e;
    --color-button-primary-text: #ffffff;
    --color-button-secondary-bg: #ffffff;
    --color-button-secondary-bg-hover: #cce5ee;
    --color-button-secondary-border: var(--portalThemeColor10);
    --color-button-secondary-text: var(--portalThemeColor10);
    --color-button-tertiary-bg: rgba(255, 255, 255, .01);
    --color-button-tertiary-bg-hover: #cce5ee;
    --color-button-tertiary-text: var(--portalThemeColor10);
    --color-chip-active: var(--portalThemeColor10);
    --color-chip-active-hover: #0d3071;
    --color-chip-default: #eff7fa;
    --color-chip-default-hover: #cce5ee;
    --color-ink-border-default: #95a1c7;
    --color-ink-border-subtle: #bec6de;
    --color-ink-brand-default: var(--portalThemeColor10);
    --color-ink-brand-inverted: #ffffff;
    --color-ink-brand-subtle: #284a92;
    --color-ink-default: #222222;
    --color-ink-disabled: #7b7b7b;
    --color-ink-error: #dc2626;
    --color-ink-focus: #2563eb;
    --color-ink-focus-inverted: #dbeafe;
    --color-ink-information: #2563eb;
    --color-ink-subtle: #393939;
    --color-ink-success: #16a34a;
    --color-ink-warning: #d97706;
    --color-link-default: var(--portalThemeColor10);
    --color-link-default-hover: var(--portalThemeColor10);
    --color-link-default-inverted: #ffffff;
    --color-link-default-inverted-hover: #ffffff;
    --color-link-disabled: #7b7b7b;
    --color-surface-action: var(--portalThemeColor10);
    --color-surface-default: #ffffff;
    --color-surface-default-hover: #eff7fa;
    --color-surface-default-inverted: var(--portalThemeColor10);
    --color-surface-error: #fee2e2;
    --color-surface-information: #dbeafe;
    --color-surface-success: #dcfce7;
    --color-surface-tip: #dfedcf;
    --color-surface-warning: #fef3c7;
    --color-arctic-blue-50: #edfcfd;
    --color-arctic-blue-100: #a7f2f6;
    --color-arctic-blue-500: #00cce0;
    --color-arctic-blue-700: #00a5b2;
    --color-fjord-blue-50: #eff7fa;
    --color-fjord-blue-100: #cce5ee;
    --color-fjord-blue-700: #007ca8;
    --color-fjord-blue-900: #005c87;
    --color-forest-green-50: #f8faf9;
    --color-forest-green-100: #d1ddd6;
    --color-forest-green-500: #39a766;
    --color-forest-green-700: #2a8650;
    --color-forest-green-900: #1a5632;
    --color-grass-green-50: #fafcf7;
    --color-grass-green-100: #dfedcf;
    --color-grass-green-500: #88ca24;
    --color-grass-green-700: #61a60e;
    --color-grass-green-900: #1d7000;
    --color-moss-green-50: #fefefc;
    --color-moss-green-100: #f7f9ea;
    --color-moss-green-500: #d6e597;
    --color-moss-green-700: #95a520;
    --color-moss-green-900: #6b6909;
    --color-sky-blue-50: #fafdfe;
    --color-sky-blue-100: #bce9f4;
    --color-sky-blue-500: #6ac2d8;
    --color-sky-blue-700: #5893a2;
    --color-tine-blue-25: #f1f3f8;
    --color-tine-blue-50: #e5e8f2;
    --color-tine-blue-100: #bec6de;
    --color-tine-blue-200: #95a1c7;
    --color-tine-blue-300: #6b7faf;
    --color-tine-blue-400: #4b64a0;
    --color-tine-blue-500: #284a92;
    --color-tine-blue-600: #204389;
    --color-tine-blue-700: #17397e;
    --color-tine-blue-800: #0d3071;
    --color-tine-blue-900: var(--portalThemeColor10);
    --color-tine-red-50: #ffeaee;
    --color-tine-red-100: #ffcad3;
    --color-tine-red-200: #ef949b;
    --color-tine-red-300: #e56974;
    --color-tine-red-400: #f04153;
    --color-tine-red-500: #f62339;
    --color-tine-red-600: #e71538;
    --color-tine-red-700: #d50032;
    --color-tine-red-800: #c8002a;
    --color-tine-red-900: #ba001e;
    --screen-xs: 320px;
    --screen-sm: 640px;
    --screen-md: 768px;
    --screen-lg: 1024px;
    --screen-xl: 1280px;
    --screen-2xl: 1536px;
    --spacing-0: 0rem;
    --spacing-1: .25rem;
    --spacing-2: .5rem;
    --spacing-3: .75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-24: 6rem;
    --button-compact-padding-y: .5rem;
    --button-compact-padding-x: .5rem;
    --button-regular-padding-y: .75rem;
    --button-regular-padding-x: 1rem;
    --button-border-radius: .25rem;
    --card-border-radius-lg: .5rem;
    --card-border-radius-md: .5rem;
    --card-border-radius-sm: .25rem
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-color: var(--portalThemeColor10);
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

input.form-control {
    border: 2px solid #7b7b7b;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--portalThemeColor10);
    outline: 0;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.btn-group .btn {
    white-space: nowrap;
}

button.navbar-toggler {
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    visibility: hidden;
    content-visibility: hidden;
}

.input-group-addon,
.input-group-addon.active {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    color: #555;
    text-align: center;
    background-color: var(--portalThemeColor7);
    border: 1px solid #ccc;
    border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    line-height: normal
}

.crmEntityFormView #NewAttachFileLabel {
    display: flex;
    font-family: 'Inter';
    color: var(--portalThemeColor10);
    padding-bottom: 5px;
}

.crmEntityFormView .section-title {
    border-bottom-width: 0;
    margin-bottom: 5px;
    padding-left: 10px;
}

.crmEntityFormView .cell {
    padding: 0 10px 20px
}

html[dir=ltr] .crmEntityFormView .cell div.table-info div.validators {
    margin: 0 0 0 3px;
    float: none;
    display: none;
}

.crmEntityFormView td.cell {
    vertical-align: bottom
}

html[dir=ltr] .crmEntityFormView .cell .field-label, p.cell {
    float: left;
    font-family: 'Inter';
    font-size: 16px;
    color: var(--color-base-800);
    padding-bottom: 10px;
}

html[dir=ltr] .crmEntityFormView .cell input[type=text], html[dir=ltr] .crmEntityFormView .cell select, html[dir=ltr] .crmEntityFormView .cell textarea {
    float: left;
    font-size: 1rem;
    font-family: 'Inter';
    color: var(--color-base-800);
}

html[dir=ltr] .crmEntityFormView .cell div.control span.checkbox input[type=checkbox] {
    margin-left: 0;
    height: 1.5rem;
    width: 1.5rem;
    accent-color: var(--portalThemeColor10);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    cursor: pointer;
}

html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] {
    margin: 0px 5px 5px 0px;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    accent-color: var(--portalThemeColor10);
    cursor: pointer;
}

.crmEntityFormView .cell .picklist label {
    float: none;
    font-weight: 400;
    font-size: 0.879em;
    font-family: Inter;
    color: var(--color-base-800);
    cursor: pointer;
}

.crmEntityFormView fieldset {
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    border: 0 none
}

.crmEntityFormView .actions {
    border-top: 0;
    margin: 20px 0;
    padding: 0px 10px 0px 0px;
    float: none;
    text-align: -webkit-right;
}

.crmEntityFormView div.description.below {
    margin: 0px;
    font-family: Inter;
    font-size: 0.8rem;
    color: var(--portalThemeColor10);
}

label#ctl00_ContentContainer_WebFormControl_94646f74b1c84b5e879d7074c871ad32_EntityFormView_captcha_CaptchaTextBoxLabel {
    font-size: .85rem;
    padding-top: 10px;
    color: var(--color-base-800);
}

.xrm-attribute-value {
    color: var(--color-base-800);
    margin-left: 10px;
    font-size: 16px;
    font-family: 'Inter';
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    border: none;
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px);
    border: 2px solid #7b7b7b;
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    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='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 2px solid #7b7b7b;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 2px solid #7b7b7b;
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
}

.navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    content-visibility: hidden
}

.crmEntityFormView .cell.checkbox-cell label {
    clear: none;
    float: none !important;
    display: inline;
    font-weight: 400;
    cursor: pointer;
}

.field-label {
    font-weight: 600;
}

.alert-danger {
    border: none;
    color: var(--portalThemeColor10);
    background-color: var(--color-error-100);
}

.pva-embedded-web-chat-widget {
    visibility: hidden;
}

.footer {
    visibility: hidden;
    content-visibility: hidden;
}

.crmEntityFormView .cell div.control {
    font-size: 1rem;
}

h3, .h3, .page_section h3, .color-inverse h3, .sidebar-home h3 {
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    color: var(--color-base-800) !important;
}

.crmEntityFormView .cell div.table-info.required label:after {
    content: ' *';
    color: var(--color-base-800);
}

.fa-circle-info:before,
.fa-info-circle:before {
    content: "\f071";
    color: var(--color-error-600);
}

.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
    background: var(--color-base-100) !important;
    border: 2px solid var(--color-ink-disabled);
    cursor: auto;
    color: var(--color-ink-disabled) !important;
    padding: .375rem .75rem;
}

.text-muted {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px solid #7b7b7b;
    border-radius: .375rem;
    padding: .375rem .75rem;
    height: 39.2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39.2px;
    position: absolute;
    top: 0px;
    right: .375rem;
    width: 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
}

.select2-search--dropdown, .select2-results__option {
    background: var(--portalThemeColor12);
    color: var(--portalThemeColor10);
    font-size: .85rem;
    font-family: 'Inter';
}

html[dir=ltr] li a {
    font-size: .85rem;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.form-control {
    border: 2px solid #7b7b7b;
}

input {
    border-radius: 0.375rem;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    border: none !important;
}

.buttonForFileUpload {
    padding: 10px 0 0 0;
}

.captcha-cell {
    padding: 10px;
}

a#ctl00_ContentContainer_WebFormControl_94646f74b1c84b5e879d7074c871ad32_EntityFormView_captcha_CaptchaLinkButton {
    padding: 10px 0 0px 0px;
}

a#ctl00_ContentContainer_WebFormControl_94646f74b1c84b5e879d7074c871ad32_EntityFormView_captcha_CaptchaAudioCodeUP {
    padding: 10px 0 10px 0px;
}

p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.form-text span {
    color: var(--color-base-800);
    display: inline-grid;
}

.instructions {
    padding: 0px 0px 30px 10px;
}

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    margin: 0px 5px 5px 10px;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    accent-color: var(--portalThemeColor10);
    cursor: pointer;
}

.crmEntityFormView .section:first-child {
    margin-top: 25px;
    margin-bottom: 25px;
}

/*MEDIA*/

/*Media max-width 767px */

@media (max-width:767px) {

    .crmEntityFormView table.section,
    .crmEntityFormView table.section>tbody,
    .crmEntityFormView table.section>tbody>tr,
    .crmEntityFormView table.section>tbody>tr>td,
    .crmEntityFormView table.section>tbody>tr>th,
    .crmEntityFormView table.section>tfoot,
    .crmEntityFormView table.section>tfoot>tr,
    .crmEntityFormView table.section>tfoot>tr>td,
    .crmEntityFormView table.section>tfoot>tr>th,
    .crmEntityFormView table.section>thead,
    .crmEntityFormView table.section>thead>tr,
    .crmEntityFormView table.section>thead>tr>td,
    .crmEntityFormView table.section>thead>tr>th {
        padding-block: inherit;
    }

    .xrm-attribute-value {
        margin: 0 10px 0 10px;
    }

    .columnBlockLayout {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px 0 10px 0px !important;
    }
}

/*Media max-width 991px */

@media (max-width:991px) {

    .navbar-brand {
        padding: 0px;

    }

}

/*Media max-width 1200px */

@media (max-width:1200px) {
    
    html[dir=ltr] .crmEntityFormView .cell .field-label {
    padding-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    
    }

}