html {
    font-family: sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    margin: 0;
    font-family: "Roboto", serif;
    font-weight: 400;
    line-height: 1.5;
    color: #373737;
    text-align: left;
    background-color: #fff
}

@media print {
    a[href]:after {
        content: none!important;
    }

    .progress.list-group {
        display: inline!important;
    }
}

@media(max-width: 991.98px) {
    .region-navigation {
        display: none!important;
    }
}

.row:before,
.row:after {
    content: unset;
}

.workflow-link {
    min-width: 150px;
}

main .container.content-container {
    padding: 0 15px;
}


@media (min-width:576px) and (max-width: 768px) {
    .workflow-link {
        float: right;
    }
}

#EntityFormPanel .tab-title {
    display: none;
}

.crmEntityFormView,
.entitylist {
    border: 1px solid #ffffff;
    /* background-color: #fafafa; */
}

div[data-name="tab_IntroductionCreate"] {
    display: none;
}


[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

p {
    font-size: 1rem;
}

input[type="text"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
textarea {

    box-sizing: border-box;
    margin: 0;
    overflow: visible;
    scroll-margin-top: 5rem;
    display: block;
    height: 48px;
    padding: .5rem;
    color: #373737;
    background-color: #fff;
    background-clip: padding-box;
    border: .1rem solid rgba(204, 65, 39, .24);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}

a {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    cursor: pointer !important;
}

a:hover {
    cursor: pointer;
}

table {
    border-collapse: collapse;
    width: 100%;
    /* margin-bottom: 1rem; */
    color: #373737
}

@media(max-width: 425px) {
    .crmEntityFormView .section-title>h3 {
        font-size: 1.2rem;
    }
}

.entity-action-button {
    margin-right: 5px;
}

.entity-action-button #PreviousButton {
    text-align: left;
}

.form-custom-actions .btn,
.crmEntityFormView .actions .btn {
    min-width: 150px;
}

.modal-footer>.btn {
    min-width: 120px !important;
}

.table>thead>tr>th>a {
    color: #373737 !important;
    font-size: 1rem;
    font-weight: bold;
    outline: none;
}

fieldset>legend,
fieldset .fieldset__legend {
    display: block;
    font-family: "Bitter", serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2rem;
    color: #333;
    border-color: #ddd
}

.crmEntityFormView div[data-name="tab_Scam"] .section {
    border-collapse: separate;
    border-spacing: 0 0.5em;
}

.tab-column fieldset:not(.fieldset-bare) {
    padding: 0 15px;
}

.crmEntityFormView .cell {
    padding: 0;
}

.crmEntityFormView div[data-name="tab_aboutyou"] .section .cell {
    padding-top: 15px;
}

@media(min-width: 767px) {
    html[dir=ltr] .crmEntityFormView .section .cell[colspan="2"] input[type=text] {
        max-width: calc(50% - 40px);
    }

    html[dir=ltr] .crmEntityFormView table[data-name="tab_aboutyou_section_reporting"] .cell[colspan="1"] input[type=text] {
        max-width: calc(50% - 30px);
    }
}

@media(min-width:768px) and (max-width: 1200px) {

    html[dir=ltr] .crmEntityFormView table[data-name="tab_Scam_section_dceplatform"] .cell[colspan="2"] input[type=text] {
        max-width: 450px;
    }

    html[dir=ltr] .crmEntityFormView table[data-name="tab_Scam_section_dceplatform"] .control {
        min-width: 450px;
    }

    html[dir=ltr] .crmEntityFormView div[data-name="tab_aboutyou"] table .cell input[type=text],
    html[dir=ltr] .crmEntityFormView table[data-name="Tab_Scam_Section_ScammerAddress"] .cell input[type=text],
    html[dir=ltr] .crmEntityFormView table[data-name="Tab_About_Section_Address"] .cell select,
    html[dir=ltr] .crmEntityFormView table[data-name="Tab_Scam_Section_ScammerAddress"] .cell select,
    html[dir=ltr] .crmEntityFormView div[data-name="tab_aboutyou"] table .cell select {
        max-width: 90%;
    }

}

@media(min-width: 1201px) {
    html[dir=ltr] .crmEntityFormView table[data-name="tab_Scam_section_dceplatform"] .cell[colspan="2"] input[type=text] {
        max-width: 500px;
    }
}



@media(max-width: 767px) {
    .crmEntityFormView .cell {
        margin-top: 5px;
        margin-bottom: 1px;
    }
}

#WebFormPanel {
    clear: both;
}

.crmEntityFormView .cell .picklist.horizontal label {
    margin-right: 15px;
}

@media(max-width: 425px) {
    .crmEntityFormView .cell .picklist.horizontal label {
        font-size: 14px;
    }
}

.crmEntityFormView .cell .picklist label {
    font-size: 1.1rem;
    font-weight: normal;
    min-height: 2rem;
}

@media(max-width: 425px) {
    .crmEntityFormView .cell .picklist label {
        font-size: 16px;
    }
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
    font-size: 1.1rem;
    border: 0;
    background-color: unset !important;
}

@media(min-width:767px) and (max-width: 1200px) {

    html[dir=ltr] .crmEntityFormView .cell input[type=text],
    .crmEntityFormView .cell select {
        max-width: 450px;
        float: none;
    }

}

@media(min-width: 1200px) {

    html[dir=ltr] .crmEntityFormView .cell input[type=text],
    .crmEntityFormView .cell select {
        max-width: 500px;
        float: none;
    }
}

.form-item-error-message {
    display: block;
    padding-top: 5px;
    font-size: 1 rem;
    font-weight: bold;
    color: #ba1622;
}

.form-item-no-error-message {
    display: none;
}

@media(min-width: 767px) {
    .crmEntityFormView .tab-column {
        margin-top: 1.5rem;
    }
}


.crmEntityFormView .section-title {
    margin-top: 30px;
}

.crmEntityFormView div[data-name="tab_Scam_section_17"] .section-title {
    margin-top: 0;
    margin-bottom: 1rem;
}

.crmEntityFormView div[data-name="tab_Scam_section_17"] fieldset table:first-of-type td.subgrid-cell label,
.crmEntityFormView div[data-name="tab_Scam_section_17"] fieldset table:first-of-type td.picklist-cell label,
.crmEntityFormView div[data-name="tab_Scam_section_17"] fieldset table:first-of-type td.textarea label {
    margin-top: 1rem;
}

.crmEntityFormView .tab-column fieldset:first-child .section-title {
    margin-top: 0;
}

.crmEntityFormView .section-title>h2,
h3,
h4 {
    margin-top: 0rem !important;
}

.crmEntityFormView .section-title>h3 {
    border-bottom: 1px dotted #d9d9d9;
    padding: 15px 0 10px 0;
    margin-bottom: 0;
    font-size: 1.6rem;
}

.crmEntityFormView div[data-name="tab_aboutyou"] .section-title>h3 {
    font-size: 1.2rem;
}

.tab-column fieldset:not(.fieldset-bare)>legend,
.tab-column fieldset:not(.fieldset-bare) .fieldset__legend {
    border-color: #ddd;
    border-bottom: 1px dotted #d9d9d9;
    padding-bottom: 0;
    margin-bottom: 0;
}

.crmEntityFormView .cell div.info.required label:after {
    content: '(required)';
    margin-left: 5px;
    font-size: 1rem;
    color: #ba1622;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    font-family: "Bitter", serif;
    font-weight: bold;
}


.crmEntityFormView table[data-name="Tab_Scam_Section_ScammerDetails"] .cell div.control {
    margin-bottom: 2rem;
}

@media(min-width: 769px) {

    .crmEntityFormView table[data-name="Tab_Scam_Section_ScammerDetails"] tr td,
    .crmEntityFormView table[data-name="Tab_About_Section_PersonTarget"] tr td {
        padding-left: 15px;
    }

    .crmEntityFormView table[data-name="Tab_Scam_Section_ScammerDetails"] tr td:first-child,
    .crmEntityFormView table[data-name="Tab_About_Section_PersonTarget"] tr td:first-child {
        padding-left: 0;
        padding-right: 15px;
    }
}

table[data-name="tab_Scam_section_dceplatform"] div.control:has(#accc_dcebsb_1),
table[data-name="Tab_Scam_Section_BankInformation"] div.control:has(#accc_scammersbsb_1) {
    display: flex;
}

fieldset[aria-label="My address details"] h3,
fieldset[aria-label="Address of person affected by the scam"] h3 {
    font-size: 1.4rem;
}

fieldset[aria-labelledby="4. Preview & submit"]~fieldset .cell .field-label {
    margin-bottom: 0;
    font-size: 1.1rem;
}

div[data-name="tab_Scam_section_17"] fieldset[aria-labelledby="4. Preview & submit"] {
    background-color: #fff;
}

fieldset[aria-labelledby="4. Preview & submit"] .xrm-editable-html {
    margin-top: 0;
}

div[data-name="tab_Scam_section_17"] fieldset[aria-labelledby="4. Preview & submit"] .xrm-attribute-value h3 {
    position: absolute;
}

.tab-column fieldset[aria-labelledby="4. Preview & submit"]+fieldset {
    margin-top: -10px;
    padding-top: 50px;
}

.tab-column fieldset[aria-labelledby="4. Preview & submit"]~fieldset {
    margin-bottom: 1em;
}

html[dir=ltr] .crmEntityFormView .cell .datetimepicker input.form-control {
    max-width: calc(100% - 35px);
}

#accc_howmuchmoneywaslost {
    max-width: calc(100% - 45px);
}

@media(min-width: 767px) and (max-width: 1200px) {
    #accc_howmuchmoneywaslost {
        max-width: calc(450px - 55px);
    }

    html[dir=ltr] .crmEntityFormView .cell .datetimepicker input.form-control {
        max-width: calc(450px - 45px);
    }
}

@media(min-width: 1200px) {
    #accc_howmuchmoneywaslost {
        max-width: calc(500px - 55px);
    }

    html[dir=ltr] .crmEntityFormView .cell .datetimepicker input.form-control {
        max-width: calc(500px - 45px);
    }
}

#accc_cryptoestimatedamountlost {
    max-width: calc(100% - 45px);
}

@media(min-width: 767px) and (max-width: 1200px) {
    #accc_cryptoestimatedamountlost {
        max-width: calc(450px - 55px);
    }

    html[dir=ltr] .crmEntityFormView .cell .datetimepicker input.form-control {
        max-width: calc(450px - 45px);
    }
}

@media(min-width: 1200px) {
    #accc_cryptoestimatedamountlost {
        max-width: calc(500px - 55px);
    }

    html[dir=ltr] .crmEntityFormView .cell .datetimepicker input.form-control {
        max-width: calc(500px - 45px);
    }
}

html[dir=ltr] .crmEntityFormView .cell .datetimepicker {
    flex-wrap: nowrap;
}

#accc_dateoftransfer {
    visibility: hidden;
    position: absolute;
}

#accc_cryptodateoftransaction {
    visibility: hidden;
    position: absolute;
}

h3.required:after {
    content: ' (required)';
    margin-left: 5px;
    font-size: 1rem;
    color: #ba1622;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    font-family: "Bitter", serif;
    font-weight: bold;
}

@media (max-width: 425px) {

    .webform-time {
        font-size: 14px !important;
    }

    .input-group-addon {
        font-size: 14px !important;
    }
}

@media (max-width: 280px) {

    .form-control,
    .webform-time {
        font-size: 11px !important;
    }

    .input-group-addon {
        font-size: 11px !important;
    }
}

.crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    width: 2.5rem;
    height: 2rem;
    accent-color: #cc4127;
    vertical-align: middle;
    background-color: #fff;
    background-clip: padding-box;
    border: .1rem solid rgba(204, 65, 39, .24) !important;
    border-radius: 0;
    box-sizing: border-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.crmEntityFormView .cell select {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23cc4127' width='1.5em' height='auto' viewBox='0 0 28 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9 1.1L8 7.2l6.1-6.1L16 2.9l-8 8-8-8 1.9-1.8z'/%3E%3Cpath fill='none' d='M2-5.8h24v24H2v-24z'/%3E%3C/svg%3E");
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell {
    padding-bottom: 1rem;
}

html[dir=ltr] .crmEntityFormView table[data-name="Tab_About_Section_Identify"] tr:first-of-type .cell.checkbox-cell {
    padding: 15px 10px 0 0;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell label {
    font-family: "Roboto", serif;
    clear: none;
    float: none !important;
    display: inline-block;
    font-weight: normal;
    font-size: 1.1rem;
    padding: 1rem;
    min-width: 80%;
}

@media (max-width: 7685px) {
    html[dir=ltr] .crmEntityFormView .cell.checkbox-cell label {
        font-size: 16px;
        padding-top: 10px;
    }

    .entity-grid .message {
        font-size: 14px;
    }
}

@media (max-width: 280px) {
    .crmEntityFormView .cell.checkbox-cell label {
        font-size: 11px !important;
    }

    .entity-grid .message {
        font-size: 11px;
    }
}

html[dir=ltr] .crmEntityFormView .cell .field-label {
    font-family: "Bitter", serif;
    font-weight: bold;
    color: #131838;
    font-size: 1.1rem;
}

@media (min-width: 790px) {
    html[dir=ltr] .crmEntityFormView .cell .field-label {
        font-size: 1.2rem;
    }
}

html[dir=ltr] .crmEntityFormView .cell select {
    float: none;
}

.accc-content-call-out {
    margin-bottom: 0.5rem !important;
}

.accc-content-call-out-icon {
    margin-top: 0 !important;
}

@media(max-width: 425px) {
    .accc-content-call-out.accc-content-call-out-icon {
        padding-left: 1rem !important;
    }
}

@media(min-width: 425px) {
    .accc-accordion .panel .card-block {
        padding: 1rem 1rem !important;
    }

    accc-accordion .panel .panel-heading .panel-title a {
        padding: 1rem 1rem 1rem 2rem !important;
    }
}

@media(max-width: 320px) {
    .accc-accordion .panel .card-block {
        padding: 1rem 1rem !important;
    }

    accc-accordion .panel .panel-heading .panel-title a {
        padding: 1rem 1rem 1rem 2rem !important;
    }
}

@media (max-width: 767px) {
    .table-fluid td {
        word-break: break-all;
    }
}

@media(max-width: 425px) {
    .accc-accordion {
        width: 100%;
    }
}

@media screen and (max-width:767px) {

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>tfoot>tr>td {
        white-space: pre-wrap;
    }
}

html[dir=ltr] .iconBorder {
    padding: 1px 3px 3px 3px !important;
}

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    margin: 2px 5px 5px 50%;
}

@media(max-width: 820px) {
    html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
        margin: 2px 5px 5px 40%;
    }
}

@media(max-width: 768px) {
    html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
        margin: 2px 5px 5px 40%;
    }
}

@media(max-width: 425px) {
    html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
        margin: 2px 5px 5px 30%;
    }
}

@media(max-width: 375px) {
    html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
        margin: 2px 5px 5px 25%;
    }
}

@media(max-width: 320px) {
    html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
        margin: 2px 5px 5px 15%;
    }
}

@media(max-width: 280px) {
    html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
        margin: 2px 5px 5px 10%;
    }
}

html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    margin: 2px 10px 5px 5px
}

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio]:first-child {
    margin-left: 0
}

html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell input[type=radio]:first-child {
    margin-right: 0
}

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type=radio] {
    margin: 2px 5px 5px 25px !important;
}

html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type=radio] {
    margin: 2px 5px 5px 25px !important;
}

html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] {
    margin: 0px 15px 5px 0;
    height: 2.5rem;
    width: 2rem;
    accent-color: #cc4127;
    vertical-align: bottom;
    border: .1rem solid rgba(204, 65, 39, .24) !important;
}


html[dir=ltr] .crmEntityFormView .cell.picklist.horizontal input[type=radio]:nth-child(2) {
    margin: 2px 5px 5px 25px !important;
}

.crmEntityFormView .cell.boolean-radio-cell label {
    float: none;
    display: inline;
    min-width: 80%;
    font-weight: normal;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info {
    padding-left: 45px;
    min-height: 2rem;
    min-width: 80%;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info:hover label {
    background-color: rgba(204, 65, 39, .08);
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.control {
    float: left;
}

.crmEntityFormView div.description.below {
    margin: 0;
    font-size: .85em;
}

.crmEntityFormView .cell.checkbox-cell div.description.below {
    margin: 0;
    line-height: 1.5;
    text-align: left;
    font-weight: normal;
    color: #6c757d !important;
    font-size: .85em;
    box-sizing: border-box;
    padding-left: 60px;
}

@media(max-width: 425px) {
    html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.control {
        margin-left: 0px;
    }

    .crmEntityFormView .cell.checkbox-cell div.description.below {
        padding-left: 60px;
    }
}


.form-control.readonly:focus,
.webform-time.readonly:focus,
.form-control.readonly:hover,
.webform-time.readonly:hover {
    border: none !important;
    border-style: none !important;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.crmEntityFormView .form-control.readonly:focus,
.crmEntityFormView .form-control[readonly][disabled]:focus,
.form-readonly .form-control:focus {
    outline: none;
}

.input-group-addon {
    width: unset ! important;
    border: 1px solid rgba(204, 65, 39, .24);
}

.input-group-btn {
    width: unset ! important;
}

.input-group-addon:focus,
.input-group-addon:hover {
    border-color: #cc4127 !important;
    border-style: solid !important;
    outline: none;
}

@media(max-width: 768px) {
    .input-group-addon {
        padding: 0px 0px;
        width: 45px ! important;
    }

    .input-group-btn {
        width: 10% ! important;
    }
}


.input-group-addon:first-child {
    border: 1px solid rgba(204, 65, 39, .24);
}

.input-group-addon:last-child {
    border: 1px solid rgba(204, 65, 39, .24);
}

svg.ext {
    margin-right: -0.3em;
    height: 22px;
    margin-bottom: 8px;
    padding-left: 4px;
    text-decoration: none;
    width: 20px;
}

html[dir=ltr] .crmEntityFormView .actions .btn {
    margin-bottom: 10px;
}

#accc_scammersbsb_1,
#accc_dcebsb_1 {
    width: 20%;
}

div[data-name="tab_Scam_section_17"] #accc_dcebsb_1 {
    width: 40px
}

#accc_scammersbsb_1+.field-label,
#accc_dcebsb_1+.field-label {
    margin-top: 10px;
    margin-left: 15px;
}

div[data-name="tab_Scam_section_17"] #accc_dcebsb_1+.field-label {
    margin-left: 0;
}

#accc_scammersbsb_2,
#accc_dcebsb_2 {
    margin-left: 15px;
    width: 20%;
}

div[data-name="tab_Scam_section_17"] #accc_dcebsb_2 {
    margin-left: 5px;
}

@media(max-width: 320px) {

    #accc_scammersbsb_1,
    #accc_dcebsb_1 {
        width: 30%;
    }

    #accc_scammersbsb_2,
    #accc_dcebsb_2 {
        margin-left: 15px;
        width: 30%;
    }
}

/* Validation Summary */
.crmEntityFormView .validation-summary h2 {
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1.2em;
    color: #ba1622;
    clear: both;
}

.crmEntityFormView .validation-summary ul {
    padding: 0;
    list-style: none;
    margin-top: .75em;
    margin-left: 20px;
}

.crmEntityFormView .validator-text {
    color: #ba1622;
    margin: 0 0 0 3px;
}

.validation-summary.alert.alert-error.alert-danger.alert-block {
    clear: both;
    position: relative;
    margin: 35px 0px 20px 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-image: none;
    border: none;
    border-width: 1px 1px 1px 0;
    border-radius: 0;
    font-family: "Roboto", serif;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-size: 1.1rem;
    box-sizing: border-box;
    max-width: 100%;
    background: no-repeat 10px 17px;
    background-color: #fcf4f2;
    padding-left: 45px;
    color: #ba1622;
    box-shadow: -8px 0 0 #ba1622;
}

.validation-summary a {
    color: #0071b8;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    font-style: italic;
    font-size: 1.1rem;
    font-weight: 500;
}

.validation-summary ul>li {
    list-style: disc;
}

.validation-summary .fa,
.validation-summary .fa-times,
.validation-summary .fa-exclamation-circle,
.validation-summary .fa-exclamation-triangle,
.validation-summary .fa-check {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 1.5rem;
    height: 1.5rem;
}


/* Validation Summary */

/* Virus Scan CSS */
.virusScan-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f3e0ba;
    border-top-color: rgb(250, 235, 204);
    border-right-color: rgb(250, 235, 204);
    border-bottom-color: rgb(250, 235, 204);
    border-left-color: rgb(250, 235, 204);
}


.virusScan-alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-top-color: rgb(188, 232, 241);
    border-right-color: rgb(188, 232, 241);
    border-bottom-color: rgb(188, 232, 241);
    border-left-color: rgb(188, 232, 241);
}

.virusScan-alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-top-color: rgb(235, 204, 209);
    border-right-color: rgb(235, 204, 209);
    border-bottom-color: rgb(235, 204, 209);
    border-left-color: rgb(235, 204, 209);
}

.virusscan-inprogressforSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.loading.gif");
}

.virusscan-completedforSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.virusscan-info.png");
}

.virusFound-forSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.virusfound.png");
}

.virusErrored-forSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.virusscanerror.png");
}

.virusscan-inprogress {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.loading.gif");
}

.virusscan-table-inprogress {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.loading.gif");
}

.virusscan-fail {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.virusfound.png");
}

.virusscan-pass {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.virusscanpass.png");
}

.virusscan-error {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    vertical-align: bottom;
    margin-right: 0.5rem;
    content: url("/accc.nascportal.virusscanerror.png");
}

.validationscan-table-inprogress {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    vertical-align: bottom;
    margin-right: 0.5rem;
    content: url("/accc.nascportal.loading.gif");
}

/* Virus Scan CSS */

/* Progress Bar CSS Start*/
span.arrow {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 15px;
    border-left-color: white;
}

span.arrow-right {
    position: absolute;
    top: 0;
    right: -31px;
    display: block;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 15px;
    border-left-color: white;
}

span.arrow-right {
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 16px solid #f0f0f0;
}

.progress.list-group li {
    position: relative;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #f0f0f0;
    line-height: 30px;
    margin-right: 0px;
    margin-bottom: 1.5rem;
}

@media screen and (min-width:767px) {
    .progress.list-group {
        display: inline !important;
    }
}

.progress.list-group {
    overflow: hidden;
    margin: 0 0 2rem 0;
    padding: 0;
    font-size: smaller;
    background-color: #fff !important;
}

.list-group-item.active {
    background-color: #cc4127 !important;
}

ol.progress.bottom li,
ol.progress.top li {
    float: left;
    width: auto;
    padding-left: 20px;
    padding-right: 2%;
    display: block;
    clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 8% 50%, 0% 0%);
}


@media screen and (max-width:767px) {

    ol.progress.bottom li,
    ol.progress.top li {
        font-weight: bold;
        margin-bottom: 5px;
        width: 100%;
        padding-right: 0;
        padding-left: 10px;
        clip-path: unset;
    }
}

.progress {
    box-shadow: none !important;
}

.progress .text-muted {
    color: #fff !important;
}

.list-group-item-success {
    background-color: #595959 !important;
    color: #fff !important;
}

.list-group-item-success .arrow-right {
    border-left: 16px solid #595959 !important;

}

.list-group-item.incomplete {
    background-color: #f0f0f0 !important;
}

.list-group-item.active span.arrow-right {
    border-left: 16px solid #cc4127 !important;
}

.list-group-item.active,
.list-group-item.active:hover {
    border: solid 0px !important;
}

.list-group-item {
    border: solid 0px !important;
}

html[dir=ltr] ol.progress li span.glyphicon.glyphicon-ok {
    display: none;
}

html[dir=rtl] ol.progress li span.glyphicon.glyphicon-ok {
    display: none;
}

/* Progress Bar CSS End*/

/* Form Actions */
.crmEntityFormView .actions {
    border-top: 0px solid #e5e5e5;
}


/*---------Pagination Start---------*/

.pagination {
    justify-content: center !important
}

.pagination>li>a,
.pagination>li>span {
    padding: 6px 10px;
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    line-height: 1.25;
    color: #0071b8;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0px !important;
    width: 50px !important;
    height: 40px !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: #cc4127 !important;
    border-color: #cc4127;
    color: #373737 !important;
    box-shadow: 0 0 0 .25rem rgba(204, 65, 39, .25)
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    visibility: hidden;
    position: relative;
}

.pagination>li:first-child>a:before,
.pagination>li:first-child>span:before {
    visibility: visible;
    position: absolute;
    content: "‹ Previous" !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0px !important;
    width: 90px;
    height: 38px;
    padding-top: 0.5rem;
    margin-top: -0.5rem;
    margin-left: -4.0rem;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    visibility: hidden;
    position: relative;
}

.pagination>li:last-child>a:before,
.pagination>li:last-child>span:before {
    visibility: visible;
    position: absolute;
    content: "Next ›" !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0px !important;
    width: 90px;
    height: 38px;
    padding-top: 0.45rem;
    margin-top: -0.5rem;
    margin-left: -1rem;
}

/*---------Pagination End---------*/

/* Virus Scan */
.virusScan-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f3e0ba;
    border-top-color: rgb(250, 235, 204);
    border-right-color: rgb(250, 235, 204);
    border-bottom-color: rgb(250, 235, 204);
    border-left-color: rgb(250, 235, 204);
}


.virusScan-alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-top-color: rgb(188, 232, 241);
    border-right-color: rgb(188, 232, 241);
    border-bottom-color: rgb(188, 232, 241);
    border-left-color: rgb(188, 232, 241);
}

.virusScan-alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-top-color: rgb(235, 204, 209);
    border-right-color: rgb(235, 204, 209);
    border-bottom-color: rgb(235, 204, 209);
    border-left-color: rgb(235, 204, 209);
}

.virusscan-inprogressforSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.loading.gif");
}

.virusscan-completedforSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.virusscan-info.png");
}

.virusFound-forSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.VirusFound.png");
}

.virusErrored-forSummaryHeading {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.VirusScanError.png");
}

.virusscan-inprogress {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.loading.gif");
}

.virusscan-table-inprogress {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.loading.gif");
}

.virusscan-fail {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.VirusFound.png");
}

.virusscan-pass {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
    content: url("/accc.nascportal.VirusScanPass.png");
}

.virusscan-error {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    vertical-align: bottom;
    margin-right: 0.5rem;
    content: url("/accc.nascportal.VirusScanError.png");
}

.validationscan-table-inprogress {
    top: 1.5rem;
    left: 1.5rem;
    width: 2.1rem;
    height: 2rem;
    vertical-align: bottom;
    margin-right: 0.5rem;
    content: url("/accc.nascportal.loading.gif");
}

/* Visrus Scan */

/* Footer CSS */


/* Footer CSS */


.crmEntityFormView input[type='url'][disabled],
.crmEntityFormView input[type='email'][disabled],
.crmEntityFormView input[type='url'][readonly],
.crmEntityFormView input[type='email'][readonly] {
    display: none !important;
}

/* html[dir=ltr] .crmEntityFormView .cell div.control {
    margin-bottom: 1em;
} */

html[dir=ltr] .crmEntityFormView .cell div.control span.checkbox {
    margin: 10px 0 0;
}

.crmEntityFormView .xrm-editable-html {
    margin-top: 2rem;
}

/*

input[type='checkbox']:focus {
    outline: none;
}

input[type='checkbox']:not(:disabled):not(:checked):before {
    width: 2rem;
    height: 2rem;
    border-radius: 3px;
    top: 0px;
    left: 4px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid rgba(204,65,39,1);
}

*/


.picklist input[type='radio']:not(:disabled):not(:checked):before {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    top: 4px;
    left: 0px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid rgba(204, 65, 39, 1);
}

input[type='radio']:focus {
    outline-style: solid;
    outline-color: rgba(204, 65, 39, 1);
    outline-width: 0px;
}

input[type='radio']:not(:disabled):not(:checked):before {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    top: 0px;
    left: 4px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid rgba(204, 65, 39, 1);
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    font: inherit;
    color: currentColor;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    height: 2rem;
    width: 2rem;
    border: .1rem solid rgba(204, 65, 39, .24) !important;
    border-radius: 0;
    box-sizing: border-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input[type="checkbox"]::before {
    content: "";
    height: 0.65rem;
    width: 0.65rem;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
    color: #cc4127;
    transform: scale(1);
}

input[type="checkbox"]:focus {
    outline-style: solid;
    outline-color: rgba(204, 65, 39, 1);
    outline-width: 1px;
}

input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: none;
    border: 0rem solid #f2f2f2 !important;
    background-color: unset;
    width: unset;
}

input[type="checkbox"]:not(:disabled):hover {
    border-color: #cc4127 !important;
    border-style: solid !important;
}

/* Model */
.modal-dialog {
    max-width: 700px !important;
}

.modal-content {
    width: 700px !important;
    height: 600px !important;
}

.modal-run-workflow .modal-content {
    height: 300px !important;
}

.modal-delete .modal-content {
    height: 300px !important;
}

.modal-form .modal-body iframe {
    height: 450px !important;
}

.modal.fade .modal-dialog {
    transform: translate(0, -100px);
}

@media(max-width: 786px) {
    .modal-dialog {
        max-width: 95% !important;
    }

    .modal-content {
        width: 95% !important;
        height: 95% !important;
        margin-left: 10px;
    }

    .modal-body {
        margin-top: -20px !important;
    }
}

.megamenu {
    z-index: 200 !important;
}

.accc-entity-hierarchy-megamenu .megamenu-top-level>.megamenu-item>.megamenu-page-link {
    font-weight: bold !important;
    font-size: 1rem !important;
    display: block;
    line-height: 15px;
}

.mm-listitem_selected>.mm-listitem__text {
    color: #cc4127 !important;
}

.mm-listitem:not(.mm-listitem_selected)>.mm-listitem__text {
    color: #373737 !important;
}

.accc-entity-hierarchy-megamenu .mm-navbar__title {
    padding-left: 15px;
    font-size: 1rem !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #373737 !important;
}

.block-accc-page-feedback-form {
    padding: 1rem;
    margin-top: 4.5rem;
    background: #fafafa;
    border-top: #eee solid 0.5rem;
    box-shadow: 0 0 .1rem RGB(0 0 0/6%), 0 0 .2rem RGB(0 0 0/12%);
}

.accc-page-feedback {
    max-width: 500px;
}

.custom-radio-button {
    display: flex;
}

.custom-radio-button input[type="radio"] {
    position: absolute;
    display: none;
}

.custom-radio-button label {
    padding: 5px 10px;
    color: #342d8c;
    font-size: .85rem;
    border: 1px solid #342d8c;
    background-color: white;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-right: 0px;
    /* Adjust as needed for spacing between labels */
    width: 150px;
    text-align: center;
    border-radius: 0.2rem;
}

.custom-radio-button label:hover {
    background-color: #1ccfc9;
}

.accc-page-feedback #page-feedback-yes:checked+label {
    color: #fff;
    background-color: #0e766e;
    border-color: #0e766e;
}

/* .accc-page-feedback >div:first-child input+.custom-control-label { */
.accc-page-feedback label[for="page-feedback-yes"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.accc-page-feedback #page-feedback-no:checked+label {
    color: #fff;
    background-color: #ba1622;
    border-color: #ba1622;
}

/* .accc-page-feedback >div:last-child input+.custom-control-label { */
.accc-page-feedback label[for="page-feedback-no"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

#accc-page-feedback-form {
    margin-top: 2rem;
}

.block-accc-page-feedback-form .submit-btn {
    width: 100%;
    margin-top: 1.5rem;
    color: #212529;
    background-color: #1ccfc9;
    border-color: #1ccfc9
}

.block-accc-page-feedback-form .submit-btn:hover {
    color: #fff;
    background-color: #000;
    border-color: #138c88
}

.block-accc-page-feedback-form .submit-btn:focus,
.block-accc-page-feedback-form .submit-btn.focus {
    color: #fff;
    background-color: #000;
    border-color: #138c88;
    box-shadow: 0 0 0 .2rem rgba(29, 182, 177, .5)
}

.block-accc-page-feedback-form .submit-btn.disabled,
.block-accc-page-feedback-form .submit-btn:disabled {
    color: #212529;
    background-color: #1ccfc9;
    border-color: #1ccfc9
}

.block-accc-page-feedback-form .submit-btn:not(:disabled):not(.disabled):active,
.block-accc-page-feedback-form .submit-btn:not(:disabled):not(.disabled).active,
.show>.block-accc-page-feedback-form .webform-button--submit.dropdown-toggle {
    color: #fff;
    background-color: #0071b8;
    border-color: #16a29d
}

.accc-content-call-out.highlight>svg {
    color: #23c9ff !important;
}

#accc_permissionsharedprivatesectortype_label,
#accc_doyougivepermissionforyourscamreporttype_label {
    font-size: 1.2rem;
    margin-top: 2em;
    margin-bottom: 1em;
}

#DateFormatValidatoraccc_dateoftransfer {
    display: none;
}

.view-grid table tr th {
    font-size: 14px;
}

@media (min-width: 828px) {
    .view-grid table tr th {
        font-size: 1rem;
    }
}


.crmEntityFormView table.table td {
    vertical-align: middle;
}

@media (max-width: 768px) {

    .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 {
        width: 100%;
    }

    .crmEntityFormView table.section>tbody>tr:first-of-type>td.form-control-cell,
    .crmEntityFormView table.section>tbody>tr:first-of-type>td.checkbox-cell {
        display: inline-block;
    }
}