:root {
    --ins-primarynavbar-bg-color: #243d36;
    --ins-primarynavbvar-mobiletoggle-bg-color: #089c6b;
    --ins-primarynavbvar-mobiletoggle-border-color: #089c6b;
    /*--ins-primarynavbar-bg-color: #001E41;*/
    --ins-primarynavbar-hover-border-bottom-color: #089c6b;
    --ins-primarynavbar-hover-bg-color: #089c6b;
    --ins-header-searchbar-bg-color: #089c6b;
    /*--ins-header-searchbar-bg-color: #ffffff;*/
    --ins-primary-color-text: #ffffff;
    --ins-secondary-color-text: #001E41;
    --ins-dropdown-link-color: #ffffff;
    /*--ins-primary-button-bg-color: #0018F0;
    --ins-primary-button-border-color: #0018F0;
    --ins-primary-button-text-color: #ffffff;*/
    --ins-primary-button-bg-color: #b9fa57;
    --ins-primary-button-border-color: #b9fa57;
    --ins-primary-button-text-color: #000;
    /*--ins-primary-button-hover-bg-color: #0018F0;
    --ins-primary-button-hover-border-color: #0018F0;
    --ins-primary-button-hover-text-color: #ffffff;*/
    --ins-primary-button-hover-bg-color: #089c6b;
    --ins-primary-button-hover-border-color: #089c6b;
    --ins-primary-button-hover-text-color: #ffffff;
    --ins-warning-button-border-color: #FFAD321A;
    --ins-success-button-text-color: #0FAA72;
    --ins-success-button-bg-color: #0FAA721A;
    --ins-success-button-border-color: #0FAA721A;
    --ins-failure-button-text-color: #FF3232;
    --ins-failure-button-bg-color: #FF32321A;
    --ins-failure-button-border-color: #FF32321A;
    --ins-info-button-text-color: #734AFF;
    --ins-info-button-bg-color: #734AFF1A;
    --ins-info-button-border-color: #734AFF1A;
    --ins-inactive-button-text-color: white;
    --ins-inactive-button-bg-color: lightgray;
    --ins-inactive-button-border-color: lightgray;
    --ins-entityform-section-title-bg-color: #089c6b;
    /*--ins-entityform-section-title-bg-color: lightsteelblue;*/
    --ins-entityform-section-title-parent-bg-color: #d4d9e1;
    --ins-entityform-headermenubutton-bg-color: #089c6b;
    /*--ins-entityform-headermenubutton-bg-color: #A6A6A6;*/
    --ins-entityform-headermenubutton-color: #ffffff;
    --ins-entityform-headermenubutton-active-bg-color: #243d36;
    /*--ins-entityform-headermenubutton-active-bg-color: #001E41;*/
    --ins-entityform-headermenubutton-active-color: #ffffff;
    --ins-status-draft-text-color: #FFAD32;
    --ins-status-draft-badge-text-color: #FFAD32;
    --ins-status-draft-badge-bg-color: #FFAD321A;
    --ins-status-draft-badge-border-color: #FFAD321A;
    --ins-status-needinfo-text-color: #FFAD32;
    --ins-status-needinfo-badge-text-color: #FFAD32;
    --ins-status-needinfo-badge-text-color: #FFAD32;
    --ins-status-needinfo-badge-bg-color: #FFAD321A;
    --ins-status-needinfo-badge-border-color: #FFAD321A;
    --ins-status-failure-text-color: #FF3232;
    --ins-status-failure-badge-text-color: #FF3232;
    --ins-status-failure-badge-bg-color: #FF32321A;
    --ins-status-failure-badge-border-color: #FF32321A;
    --ins-status-success-text-color: #0FAA72;
    --ins-status-success-badge-text-color: #0FAA72;
    --ins-status-success-badge-bg-color: #0faa722e;
    --ins-status-success-badge-border-color: #0FAA721A;
    --ins-status-pending-badge-text-color: #089c6b;
    --ins-status-pending-badge-bg-color: #32ffe02b;
    --ins-status-pending-badge-border-color: #089c6b;
    --ins-status-submitted-text-color: #734AFF;
    --ins-status-submitted-badge-text-color: #734AFF;
    --ins-status-submitted-badge-bg-color: #734AFF1A;
    --ins-status-submitted-badge-border-color: #734AFF1A;
    --ins-status-inactive-text-color: lightgray;
    --ins-status-inactive-badge-text-color: white;
    --ins-status-inactive-badge-bg-color: lightgray;
    --ins-status-inactive-badge-border-color: lightgray;
    --ins-page-header-outer-bg-color: #243d36;
    /*--ins-page-header-outer-bg-color: white;*/
    --ins-formheader-title-text-color: #fff;
    /*--ins-formheader-title-text-color: #001E41;*/
    /*--ins-fullpage-bg-color: ##E9EAEC;*/
    --ins-fullpage-bg-color: #add1b0;
    --ins-font-text-color: #323132;
    --ins-spinner-outerlayer-color: #b9fa57;
    --ins-spinner-middlelayer-color: #2fa781;
    --ins-spinner-innerlayer-color: #243d36;
    --ins-entitylist-pagination-bg-color: #089c6b;
    --ins-notificationdrawer-text-link-color: #089c6b;
    --ins-multistepform-stepsheader-bg-color: #089c6b;
    --ins-multistepform-stepsheader-border-color: #089c6b;
    --ins-page-container-bg-color: #f2f2f2;
}

.navbar-static-top.navbar-inverse {
    background-color: var(--ins-primarynavbar-bg-color) !important;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: var(--ins-primarynavbar-bg-color) !important;
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: var(--ins-primarynavbar-hover-bg-color) !important;
    }

.navbar-toggle {
    background-color: var(--ins-primarynavbvar-mobiletoggle-bg-color) !important;
    border-color: var(--ins-primarynavbvar-mobiletoggle-border-color) !important;
}

.ins-header-searchbar {
    background-color: var(--ins-header-searchbar-bg-color) !important;
    border-radius: 0px !important;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    color: var(--ins-font-text-color) !important;
}

.entitylist
{
    border:none !important
}

h3, .h3, .page_section h3, .color-inverse h3, .sidebar-home h3, legend {
    color: var(--ins-font-text-color) !important;
}

@media screen and (min-width: 1200px) {
    #logochange {
        display: block;
        background-image: url("{{ snippets['Logo URL'] }}");
        width: 212px;
        height: 90px;
        background-repeat: no-repeat;
    }
}

.myaccount_logo {
    max-width: 235px;
    padding: 15px;
    height: 100%;
    background-repeat: no-repeat;
    vertical-align: text-top;
}

div#divMainFullPage {
    background-color: var(--ins-fullpage-bg-color);
}

#divPrimaryNavHeader .navbar-brand {
    padding: 0px;
}

#divPrimaryNavHeader li.nav-item {
    /*padding: 16px 14px 16px 14px;*/
    margin: 1rem;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 400;
}

    #divPrimaryNavHeader li.nav-item a.nav-link:focus, #divPrimaryNavHeader li.nav-item a.nav-link:hover {
        outline: none !important;
        border: none;
        border-bottom: 4px solid var(--ins-primarynavbar-hover-border-bottom-color) !important;
        /*padding-bottom: 14.5px;*/
        margin-bottom: -1px;
    }

@media (min-width: 1200px) {
    #divPrimaryNavHeader li.nav-item a.nav-link {
        text-align: center;
        font-size: 20px;
    }

        #divPrimaryNavHeader li.nav-item a.nav-link span.nav-item-icon {
            /*margin-right: 5px;*/
        }

        #divPrimaryNavHeader li.nav-item a.nav-link span.nav-item-text {
            display: block;
            padding-top: 5px;
        }
}

#divPrimaryNavHeader .nav-item ul.dropdown-menu {
    transition: all .3s ease-in-out;
    border-radius: .5rem;
    box-shadow: 0 0.5rem 1rem rgba(2, 6, 23, .15);
    margin-top: 4px;
}

#divPrimaryNavHeader .nav-item.dropdown.open ul.dropdown-menu .dropdown-menu-item {
    align-items: center;
    font-weight: 500;
    padding: .25rem 1.5rem;
    text-decoration: none;
    color: var(--ins-dropdown-link-color);
    padding-bottom: 1rem;
    padding-top: 1rem;
}

#divPrimaryNavHeader .nav-item.dropdown.open ul.dropdown-menu .dropdown-menu-header {
    align-items: center;
    font-weight: 500;
    padding: .25rem 1.5rem;
    text-decoration: none;
    color: var(--ins-dropdown-link-color);
}

#divPrimaryNavHeader .nav-item.dropdown.open ul.dropdown-menu .dropdown-menu-item:hover {
    border: none;
    color: white;
}

.ins-card {
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.ins-card-default {
    padding: 10px 12px 10px 12px;
}

input[type="search"].form-control, input[type="text"].form-control, input[type="email"].form-control,
input[type="url"].form-control, input[type="password"].form-control, input.query.form-control, select.form-control,
.textarea.form-control {
    border-radius: 6px;
    background-color: #F8F8F8 !important;
    border-color: #CCD2D9;
    border-width: 1px;
    color: #001E41;
    padding-left: 17.5px;
    padding-right: 35.92px;
    line-height: 1.3;
}

input.form-control.search-input {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 3px 3px 1px rgba(0, 0, 0, .075);
}

.crmEntityFormView .entitylist {
    border: none !important;
}

.input-append.input-group.datetimepicker .input-group-addon {
    color: white;
    background-color: #000000;
    /*box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;*/
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

input-group.entitylist-search .btn.btn-default,
.input-group-btn .btn.btn-default {
    height: 35px;
}

input[type="search"].form-control:focus,
input[type="text"].form-control:focus,
input[type="url"].form-control:focus,
select.form-control:focus,
.textarea.form-control:focus {
    /*border-color: #00AAE0;
    border-width: 2px;*/
    color: #001E41;
    box-shadow: none;
    outline: solid 2px #00AAE0;
    border: none;
}

input[type="search"].form-control[readonly], input[type="search"].form-control[readonly][disabled],
input[type="url"].form-control[readonly][disabled],
input[type="text"].form-control[readonly][disabled],
input[type="text"].form-control[readonly]:not(.lookup),
select.form-control[readonly][disabled],
.textarea.form-control[readonly][disabled] {
    /*background-color: white !important;*/
    opacity: 1;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    /*background-color: #f5f5f5 !important;*/
    padding-left: 17.5px;
}

    input[type="search"].form-control[readonly]:focus,
    input[type="search"].form-control[readonly][disabled]:focus,
    input[type="url"].form-control[readonly][disabled]:focus,
    input[type="text"].form-control[readonly][disabled]:focus,
    select.form-control[readonly][disabled]:focus,
    .textarea.form-control[readonly][disabled]:focus {
        background-color: white !important;
        opacity: 1;
        box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
    }

.tooltip-text.below {
    font-weight: 100;
    font-size: 13px;
}


.crmEntityFormView {
    padding: 25px
}

    .crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled] {
        /*background: 0 0 !important;*/
        background-color: #f5f5f5 !important;
    }

    .crmEntityFormView select.form-control.readonly, .form-readonly select.form-control {
        padding-left: 15px;
    }

    .crmEntityFormView td.clearfix.cell.checkbox-cell {
        padding: 0 28px 20px;
    }

    .crmEntityFormView .actions {
        padding-left: 20px;
    }

        .crmEntityFormView .actions .btn:last-child {
            margin-left: 5px;
        }

        .crmEntityFormView .actions .entity-action-button .btn:last-child {
            margin-left: 5px;
        }

    .crmEntityFormView div.description.below {
        font-weight: 100;
        font-size: 13px;
    }

.crmEntityFormView .tab-title {
    font-size: 21px;
    background-color: var(--ins-entityform-section-title-bg-color);
    box-shadow: 2px 1rem 2rem rgba(0, 0, 0, .175) !important;
    padding: 15px;
    font-weight: 600;
    color: white;
    margin-left: -35px;
    margin-right: -35px;
}

    .crmEntityFormView fieldset legend.section-title {
        background-color: var(--ins-entityform-section-title-bg-color);
        padding-left: 15px;
        margin-bottom: 15px;
        box-shadow: 2px 1rem 2rem rgba(0, 0, 0, .175) !important;
    }

        .crmEntityFormView fieldset legend.section-title h3 {
            font-weight: 600;
            font-size: 18px !important;
        }

        .crmEntityFormView fieldset legend.section-title.section-title-parent {
            background-color: var(--ins-entityform-section-title-parent-bg-color);
        }


    .crmEntityFormView input[type='checkbox'] {
        /*-webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;*/
        /*border: 1px solid #58585B;
        border-radius: 4px;*/
        outline: none;
        transition-duration: 0.3s;
        background-color: var(--po-white-color);
        cursor: pointer;
        height: 20px;
        width: 20px;
        outline: none !important;
        margin: 0 !important;
    }

        .crmEntityFormView input[type='checkbox']:checked {
            /*border: 1px solid #0018F0;
            background-color: #0018F0;*/
            outline: none !important;
        }

            .crmEntityFormView input[type='checkbox']:checked:before {
                /* content: '\f14a';
                display: block;
                text-align: center;
                font-size: 20px;
                font-weight: bold;
                speak: none;
                opacity: 1;
                color: #0018F0;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                line-height: 1.3;
                outline: none !important;*/
            }

    .crmEntityFormView .cell.checkbox-cell:first-child {
        padding: 0 28px 20px !important;
    }

    .crmEntityFormView .cell.checkbox-cell div.info {
        padding-left: 16px;
    }

        .crmEntityFormView .cell.checkbox-cell div.info label {
            padding-left: 12px;
            display: inline-block;
        }

    .crmEntityFormView .cell.checkbox-cell label {
        font-family: 'Calibri';
        font-weight: normal;
    }

    .crmEntityFormView td.cell.boolean-radio-cell > .info {
        margin-bottom: 10px;
    }

    .crmEntityFormView .cell .picklist input[type=radio]:first-child {
        margin-left: 0;
    }

crmEntityFormView .cell .picklist input[type=radio] {
    margin: 2px 5px 5px 10px;
}

    .crmEntityFormView .cell .description {
        font-style: italic;
        font-size: 15px;
        font-weight: 400;
    }

    .form-control.hidden, .crmEntityFormView textarea[readonly].form-control.hidden {
        display: none !important;
    }

    .crmEntityFormView .cell.crmquickform-cell:first-child {
        border: 0 !important;
    }

.crmquickform-cell label.field-label {
    font-weight: bolder;
    font-size: 18px;
    text-decoration: underline;
}


div.checkbox > label > input[type="checkbox"] {
    margin-left: -22px !important;
}

.input[type="text"].form-control[readonly]:not(.lookup) {
    background-color: white !important;
    opacity: 1;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    padding: 0;
}


button[disabled] {
    pointer-events: auto !important;
}

.crmEntityFormView input[type='checkbox'][disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.msos-container:not(.msos-disabled) {
    border-radius: 12px;
    background-color: #F8F8F8 !important;
    border: none !important;
}

    .msos-container:not(.msos-disabled) .msos-caret-container {
        border-radius: 12px;
        background-color: #F8F8F8 !important;
    }

.msos-viewmode-text {
    font-size: 15px;
    font-weight: normal !important;
}

.crmEntityFormView .note p {
    font-size: 15px;
}

.btn-primary, .btn-info {
    color: var(--ins-primary-button-text-color) !important;
    background-color: var(--ins-primary-button-bg-color) !important;
    border-color: var(--ins-primary-button-border-color) !important;
}

    .btn-primary:hover, .btn-info:hover {
        color: var(--ins-primary-button-hover-text-color) !important;
        background-color: var(--ins-primary-button-hover-bg-color) !important;
        border-color: var(--ins-primary-button-hover-border-color) !important;
    }

.btn-primary, .btn-default, .btn-secondary, .btn-success, .btn-info {
    border-radius: 8px;
    box-shadow: 0px 0rem 0.5rem 0px rgba(0, 0, 0, .175) !important;
}

.btn-success {
    background-color: var(--ins-success-button-bg-color);
    border-color: var(--ins-success-button-border-color);
}

a.btn-formmenu {
    background-color: var(--ins-entityform-headermenubutton-bg-color);
    color: var(--ins-entityform-headermenubutton-color);
    border-radius: 0px;
    font-weight: bold;
    padding: 20px;
    margin-right: 5px;
    outline: none;
}

    a.btn-formmenu.active {
        background-color: var(--ins-entityform-headermenubutton-active-bg-color);
        color: var(--ins-entityform-headermenubutton-active-color);
    }

    a.btn-formmenu:hover, a.btn-formmenu:focus, a.btn-formmenu.focus {
        color: white !important;
        outline: 2px solid white;
    }

.ins-badge-primary {
    color: var(--ins-primary-button-text-color);
    background-color: var(--ins-primary-button-bg-color);
    border-color: var(--ins-primary-button-border-color);
    border-radius: 4px;
}

    .ins-badge-primary:hover {
        color: var(--ins-primary-button-text-color);
        background-color: var(--ins-primary-button-bg-color);
        border-color: var(--ins-primary-button-border-color);
    }

    .ins-badge-primary a {
        color: var(--ins-primary-button-text-color);
    }

.ins-list-badge {
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .ins-list-badge.ins-badge-warning {
        color: var(--ins-warning-button-text-color);
        background-color: var(--ins-warning-button-bg-color);
        border-color: var(--ins-warning-button-border-color);
    }

    .ins-list-badge.ins-badge-success {
        color: var(--ins-success-button-text-color);
        background-color: var(--ins-success-button-bg-color);
        border-color: var(--ins-success-button-border-color);
    }

    .ins-list-badge.ins-badge-failure {
        color: var(--ins-failure-button-text-color);
        background-color: var(--ins-failure-button-bg-color);
        border-color: var(--ins-failure-button-border-color);
    }

    .ins-list-badge.ins-badge-info {
        color: var(--ins-info-button-text-color);
        background-color: var(--ins-info-button-bg-color);
        border-color: var(--ins-info-button-border-color);
    }

.ins-list-viewselector + .ins-list-header {
    margin-bottom: 20px;
    margin-top: 10px;
}

.ins-list-header {
    margin-bottom: 20px;
}

    .ins-list-header .ins-list-title {
        font-size: 20px;
        font-weight: 600;
    }

    .ins-list-header .ins-list-buttons {
        margin-bottom: 15px;
    }

table.ins-tablelist-default, table.table-striped {
    border-collapse: separate;
    border: 1px solid #ddd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    table.ins-tablelist-default thead,
    table.table-striped thead {
        background-color: #F8F8F8;
        color: #687588;
    }

    table.ins-tablelist-default > thead:first-child > tr:first-child > th,
    table.ins-tablelist-default > thead:first-child > tr:first-child > td,
    table.table-striped > thead:first-child > tr:first-child > th,
    table.table-striped > thead:first-child > tr:first-child > td {
        border: 0;
        font-weight: normal;
    }

    table.ins-tablelist-default > tbody > tr > td,
    table.table-striped > tbody > tr > td {
        border-left: 0;
        border-right: 0;
    }

    table.ins-tablelist-default > tbody > tr,
    table.table-striped > tbody > tr {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    table.ins-tablelist-default td,
    table.table-striped td,
    table.ins-tablelist-default th,
    table.table-striped th {
        font-size: 13px;
        font-family: "Open Sans";
        font-weight: 400;
    }

td.ins-cell-status span {
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}


td.ins-cell-status[data-value="Draft"] span,
td.ins-cell-status[data-value="New"] span,
td.ins-cell-status[data-value="Assigned"] span,
td.ins-cell-status[data-value="Reopened"] span {
    color: var(--ins-status-draft-badge-text-color);
    background-color: var(--ins-status-draft-badge-bg-color);
    border-color: var(--ins-status-draft-badge-border-color);
}

td.ins-cell-status[data-value="Need Information"] span,
td.ins-cell-status[data-value="On Hold"] span {
    color: var(--ins-status-needinfo-badge-text-color);
    background-color: var(--ins-status-needinfo-badge-bg-color);
    border-color: var(--ins-status-needinfo-badge-border-color);
}

td.ins-cell-status[data-value="Pending"] span,
.ins-formheader-status.badge[data-value="Pending"] {
    color: var(--ins-status-pending-badge-text-color);
    background-color: var(--ins-status-pending-badge-bg-color);
    border-color: var(--ins-status-pending-badge-border-color);
}

td.ins-cell-status[data-value="Rejected"] span,
td.ins-cell-status[data-value="Revoked"] span,
td.ins-cell-status[data-value="Cancelled"] span {
    color: var(--ins-status-failure-badge-text-color);
    background-color: var(--ins-status-failure-badge-bg-color);
    border-color: var(--ins-status-failure-badge-border-color);
}

td.ins-cell-status[data-value="Approved"] span,
td.ins-cell-status[data-value="Active"] span,
td.ins-cell-status[data-value="Completed"] span,
td.ins-cell-status[data-value="Partially Paid"] span,
td.ins-cell-status[data-value="Fully Paid"] span,
.ins-formheader-status.badge[data-value="Active"] {
    color: var(--ins-status-success-badge-text-color);
    background-color: var(--ins-status-success-badge-bg-color);
    border-color: var(--ins-status-success-badge-border-color);
}

td.ins-cell-status[data-value="Submitted"] span,
td.ins-cell-status[data-value="In-Progress"] span,
td.ins-cell-status[data-value="Awaiting Activation"] span,
.ins-formheader-status.badge[data-value="In-Progress"]
.ins-formheader-status.badge[data-value="Awaiting Activation"]
.ins-formheader-status.badge[data-value="Partially Paid"] {
    color: var(--ins-status-submitted-badge-text-color);
    background-color: var(--ins-status-submitted-badge-bg-color);
    border-color: var(--ins-status-submitted-badge-border-color);
}

td.ins-cell-status[data-value="Superseded"] span,
td.ins-cell-status[data-value="Expired"] span,
td.ins-cell-status[data-value="Deactivated"] span,
td.ins-cell-status[data-value="Terminated"] span,
.ins-formheader-status.badge[data-value="Terminated"] {
    color: var(--ins-status-inactive-badge-text-color);
    background-color: var(--ins-status-inactive-badge-bg-color);
    border-color: var(--ins-status-inactive-badge-border-color);
}

td.ins-cell-action .btn {
    font-size: 13px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    font-weight: normal;
}

div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statecode"],
div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statuscode"] {
    font-weight: 800;
}

    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statecode"][aria-label="Draft"],
    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statuscode"][aria-label="Draft"] {
        color: var(--ins-status-draft-text-color);
    }

    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statecode"][aria-label="Active"],
    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statuscode"][aria-label="Active"] {
        color: var(--ins-status-success-text-color);
    }

    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statecode"][aria-label="Inactive"],
    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statuscode"][aria-label="Inactive"],
    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statecode"][aria-label="Expired"],
    div.view-grid table td[data-type="Microsoft.Xrm.Sdk.OptionSetValue"][data-attribute="statuscode"][aria-label="Expired"] {
        color: var(--ins-status-inactive-text-color);
    }

.bootstrap-table .fixed-table-toolbar {
    display: inline-block;
    width: 100%;
}

.ins-badge-notification {
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    padding: 0.2em 0.45em;
    font-size: 1.2rem;
}

.ins-page-header-outer {
    background-color: var(--ins-page-header-outer-bg-color);
}

.ins-formheader .ins-formheader-top {
    font-weight: 500;
    color: gray;
}

.ins-formheader .ins-formheader-title {
    font-weight: 600;
    color: var(--ins-formheader-title-text-color);
}

.ins-formheader .ins-formheader-status.badge {
    padding: 12px;
    border-radius: 0px;
    float: right;
}

.ins-formheader .ins-formheader-top {
    font-weight: 600;
}


.subgrid.sharepoint-grid .btn.add-folder, a.add-folder.btn.btn-info.action {
    display: none !important;
}


.alert.ins-alert-formheader.alert-danger:before {
    content: 'Warning:';
    display: block;
    font-weight: 700;
    padding-bottom: 15px;
}

.alert.ins-alert-formheader.alert-danger {
    background-color: #efcdcd !important;
}



.ins-dashboard-container.grid {
    display: grid;
    grid-row-gap: 24px;
    grid-column-gap: 10px;
    /*grid-template-columns: repeat(auto-fill, minmax(250px,1fr));*/
    grid-template-columns: auto auto auto auto;
    padding: 10px;
}

@media screen and (min-width:280px) and (max-width:413px) {
    .ins-dashboard-container.grid {
        /*grid-template-columns: auto;*/
        overflow: hidden;
    }
}

@media screen and (min-width:414px) and (max-width:767px) {
    .ins-dashboard-container.grid {
        /*grid-template-columns: repeat(auto-fill, minmax(382px,1fr));*/
        overflow: hidden;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .ins-dashboard-container.grid {
        /*grid-template-columns: repeat(auto-fill, minmax(350px,1fr));*/
        overflow: hidden;
    }
}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .ins-dashboard-container.grid {
        /*grid-template-columns: repeat(auto-fill, minmax(468px,1fr));*/
        /*grid-template-columns: repeat(auto-fill, minmax(468px, 450px));*/
        overflow: hidden;
    }
}

@media screen and (min-width:1280px) and (max-width:1679px) {
    .ins-dashboard-container.grid {
        /*grid-template-columns: repeat(auto-fill, minmax(288px,1fr));*/
        padding: 10px;
        /*grid-template-columns: repeat(auto-fill, minmax(286px, 300px));*/
        grid-column-gap: 10px;
        overflow: hidden;
    }
}

@media screen and (min-width:1680px) {
    .ins-dashboard-container.grid {
        /*grid-template-columns: repeat(auto-fill, minmax(288px,1fr));*/
        /*grid-template-columns: repeat(auto-fill, minmax(379px, 380px));*/
        overflow: hidden;
    }
}

.ins-dashhboard-tile {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 18px 18px 18px 18px;
    -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.09);
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.09);
    text-align: left;
    margin: 5px;
}

.ins-card-dashboard-stats, .ins-card-dashboard-list, .ins-card-dashboard-chart {
    padding: 10px 12px 10px 12px;
}

.ins-card-dashboard-stats {
    text-align: center
}

    .ins-card-dashboard-stats .card-body {
        padding-top: 0px;
    }

    .ins-card-dashboard-stats .ins-card-body-stats {
        font-weight: 400;
    }

    .ins-card-dashboard-stats .card-title h6, .ins-card-dashboard-list .card-title h6, .ins-card-dashboard-chart .card-title h6 {
        font-weight: 700;
    }

    .ins-card-dashboard-stats .ins-text-success {
        color: #00D5AC;
    }

    .ins-card-dashboard-stats .ins-text-warning {
        color: #FF3232;
    }

    .ins-card-dashboard-list table {
        border-collapse: collapse;  
      }
      
      .ins-card-dashboard-list table td,
      .ins-card-dashboard-list table th {
        border: 1px solid #000;
        white-space: nowrap;
      }
      
      .ins-card-dashboard-list table th:last-child,
      .ins-card-dashboard-list table td:last-child {
        position: sticky;
        right: 0;
      }
      .ins-card-dashboard-list table th:last-child:before {
       background: #F8F8F8 !important;
      }
      .ins-card-dashboard-list table th:last-child:before,
      .ins-card-dashboard-list table td:last-child:before {
        content: "\00a0";
        display: block;
        position: absolute;
        background: #fff;
        top: 0;
        right: -1px;
        bottom: 0;
        left: 0;
        z-index: -1;
      }


.data-loading-spinner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    /* Sit on top of the page content */
    display: block;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    /* Black background with opacity */
    z-index: 0;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: progress;
    /* Add a pointer on hover */
}



    .data-loading-spinner .spinner {
        margin-bottom: 50px;
        height: 125px;
        width: 125px;
        border: 8px solid transparent;
        border-top-color: var(--ins-spinner-middlelayer-color);
        border-radius: 50%;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

        .data-loading-spinner .spinner:before,
        .data-loading-spinner .spinner:after {
            content: "";
            position: absolute;
            border: 8px solid transparent;
            border-radius: 50%;
        }

        .data-loading-spinner .spinner:before {
            border-top-color: var(--ins-spinner-outerlayer-color);
            top: -22px;
            left: -22px;
            right: -22px;
            bottom: -22px;
            -webkit-animation: spin 3s linear infinite;
            animation: spin 3s linear infinite;
        }

        .data-loading-spinner .spinner:after {
            border-top-color: var(--ins-spinner-innerlayer-color);
            top: 6px;
            left: 6px;
            right: 6px;
            bottom: 6px;
            -webkit-animation: spin 4s linear infinite;
            animation: spin 4s linear infinite;
        }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



div.checkbox > label > input[type="checkbox"] {
    margin-left: -22px !important;
}

input[type=file]::file-selector-button, input[type=file]::-webkit-file-upload-button {
    background: none !important;
    height: 30px;
    background-color: black !important;
    color: #FFFFFF !important;
    border-radius: 50px;
    border: 3px solid black;
    min-width: 125px;
    margin-top: 5px;
    margin-bottom: 30px;
    outline: none !important;
    padding-right: 0;
    white-space: nowrap;
    background-image: none !important;
    -webkit-appearance: none !important;
}

input[type="file"]:active, input[type="file"]:focus {
    border: none;
    outline: none;
}

input[type=file]:focus-visible::file-selector-button,
input[type=file]:focus-visible::-ms-browse,
input[type=file]:focus-visible::-webkit-file-upload-button {
    box-shadow: 0 0 0 3px #174786 !important;
    margin-left: 3px;
}



.greenid-datepicker-container .table-condensed > thead > tr > th,
.greenid-datepicker-container .table-condensed > thead > tr > td,
.greenid-datepicker-container .table-condensed > tbody > tr > th,
.greenid-datepicker-container .table-condensed > tbody > tr > td,
.greenid-datepicker-container .table-condensed > tfoot > tr > th,
.greenid-datepicker-container .table-condensed > tfoot > tr > td {
    padding: 0px
}

#greenid-container .radio, #greenid-container .checkbox {
    margin-left: 10px;
}

input.ins-text-unmute + .text-muted {
    display: none !important;
}

.sp-item .fa-file-o:before {
    content: "\f15b";
    padding-right: 10px;
}


#divHomeCommandBar {
    display: flex;
}

#divHomeSearchBoxGroup {
    position: relative;
    width: 100%;
    font-size: 0.8333333333rem;
    padding-left: 50px;
    padding-right: 50px;
}

#divHomeNotificationsDrawerGroup {
}

    #divHomeNotificationsDrawerGroup #divHomeNotificationsIcon {
    }

    #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer {
        width: 300px;
        height: 0px;
        opacity: 0;
        position: absolute;
        top: 63px;
        right: 15px;
        border-radius: 5px 0px 5px 5px;
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        max-height: 800px;
        overflow-y: scroll;
    }

        #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer h2 {
            font-size: 14px;
            padding: 10px;
            border-bottom: 1px solid #eee;
            color: #999
        }

            #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer h2 span {
                color: #f00
            }

        #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer .ins-Home-NotificationsDrawer-Item {
            display: flex;
            border-bottom: 1px solid #eee;
            padding: 6px 9px;
            margin-bottom: 0px;
            cursor: pointer
        }

            #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer .ins-Home-NotificationsDrawer-Item:hover {
                background-color: #eee
            }

            #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer .ins-Home-NotificationsDrawer-Item .text h4 {
                color: #777;
                font-size: 16px;
                margin-top: 3px
            }

            #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer .ins-Home-NotificationsDrawer-Item .text p {
                color: #aaa;
                font-size: 13px
            }

                #divHomeNotificationsDrawerGroup #divHomeNotificationsDrawer .ins-Home-NotificationsDrawer-Item .text p a {
                    font-weight: bold;
                    color: var(--ins-notificationdrawer-text-link-color) !important;
                }


.ins-text-error {
    color: red !important;
}

.ins-text-success {
    color: green !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
    background-color: var(--ins-entitylist-pagination-bg-color) !important;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: var(--ins-multistepform-stepsheader-bg-color);
    border-color: var(--ins-multistepform-stepsheader-border-color);
}