.navbar-icon {
    max-height: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.navbar-nav {
    padding-left: 16px;
}

#navbarDropdown {
    color: #0040C7;
    font-family: Arial;
    font-size: 18px;
}

.nav-link.active {
    color: #0040C7 !important;
    font-family: Arial;
    font-size: 18px;
}

.dropdown-item {
    color: #0040C7;
    font-family: Arial;
    font-size: 18px;
}

.icon-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    border-radius: 50%;
    background-color: #ffffff;
}

.icon-button:hover {
    cursor: pointer;
}

.icon-button:active {
}

.icon-button__badge {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: red;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.main-header {
    height: 150px;
    background-color: #0045B8;
    position: relative;
}

.main-filter {
    height: 100px;
    background-color: #0045B8;
    position: relative;
}

.dashboard-header {
    color: white;
    text-align: center;
}

.vertical-parent {
    height: 200px;
    position: relative;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dashboard-header-content {
    margin-top: 20px;
    position: relative;
    text-align: center;
    width: 50%;
}

.dashboard-header-search {
    width: 70%;
    position: relative;
    text-align: center;
}

.form-control-n {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.37rem 0.75rem;
    font-size: 1.1rem;
    border-radius: 0.25rem;
}

.input-text {
    width: 100%;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 0;
}

.input-select {
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 0;
    background-color: white;
}

.input-search {
    /*background-image: url("/static/img/search.b4dea23b1961.svg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 18px 18px;*/
    /*background-position: calc(100% - 10px) center;*/
    /*padding-right: 30px;*/
    border: 1px solid #bbbbbb;
    border-radius: 0;
    color: #333333;
}

.input-search:focus {
    color: #333333;
}

::-webkit-input-placeholder {
    color: #808080 !important;
}

::-moz-placeholder {
    color: #808080 !important;
}

::-ms-placeholder {
    color: #808080 !important;
}

::placeholder {
    color: #808080 !important;
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: none;
    border-width: 0;
    border: none;
}

th, thead {
    background-color: #F7F7F7;
    cursor: pointer;
    border: none;
}

td, th {
    /*white-space: nowrap;*/
    overflow: hidden;
    cursor: pointer;
    border: none;
}

.table {
    border-collapse: collapse;
    color: black;
}

tr:hover {
    background-color: #D9E2F5 !important;
}

.tr-selected {
    background-color: #E6ECF8 !important;
    opacity: 1;
}

.table-striped-v2 > tbody > tr:nth-child(2n) {
    background-color: #F7F7F7;
}

.table > :not(:first-child) {
    border-top: 0;
}

.arrow-sort {
    color: #0045B8;
}

.dialog-main {
    border-width: 1px;
}

.popover {
    z-index: 1010; /* A value higher than 1010 that solves the problem */
    max-width: 600px;
}

.offcanvas-backdrop.show {
    opacity: .0;
}

i {
    color: #3E4E6F;
}

.button-search {
    border: none;
    resize: none;
    outline: none;
    border-radius: 0;
    background-color: #0045B8;
    color: white;
    border-top: 1px solid #0045B8;
    border-bottom: 1px solid #0045B8;
}

.button-search:hover {
    border: none;
    resize: none;
    outline: none;
    border-radius: 0;
    background-color: #0045B8;
    color: white;
    border-top: 1px solid #0045B8;
    border-bottom: 1px solid #0045B8;
}

.button-reset {
    border: 1px solid #0045B8;
    resize: none;
    outline: none;
    border-radius: 2px;
    background-color: white;
    color: black;
}

.button-reset:hover {
    border: 1px solid #0045B8;
    resize: none;
    outline: none;
    border-radius: 2px;
    background-color: white;
    color: black;
}

.td-details {
    vertical-align: top;
    font-weight: 700;
}

.td-details-data {
    vertical-align: top;
}

.img-download {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    margin-left: .4em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    cursor: pointer;
}

.declaration-details {
    background-color: #E6ECF8;
}

.declaration-details-label {
    color: #003EBB;
}

.declaration-details-divider {
    text-align: left;
    margin-left: 0;
    color: #003EBB;
}

.declaration-details-section {
    color: #003EBB;
    font-weight: bold;
}

.content-big {
    min-width: 80%;
}

.content-very-big {
    min-width: 90%;
}

.close-details {
    color: #333;
}

a:hover, a:focus, a:active, a:visited, a:link {
    text-decoration: none;
}

.dashboard-table-header {
    white-space: nowrap;
}

.bootstrap-select > .dropdown-toggle {
}

.bootstrap-select > .dropdown-toggle::after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" id="icon-select" width="16" height="16" fill="%23333333" class="bi bi-caret-down-fill" viewBox="0 0 16 16"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>  </svg>');
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding-top: 5px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #333333;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #333333;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.detail-image-parent {
    max-width: 150px;
}

.detail-image-product {
    max-width: 150px;
    z-index: 1;
}

.detail-image-download {
    max-height: 35px;
}

.ilcd-image-download {
    max-height: 35px;
}

.scrollable-section {
    overflow: scroll;
    overflow-x: scroll;
    overflow-y: hidden
}

.dm-uploader {
    border: 0.25rem dashed #A5A5C7;
    text-align: center;

    cursor: default;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dm-uploader.active {
    border-color: red;

    border-style: solid;
}

.dm-uploader .btn {
    position: relative;
    overflow: hidden;
}

.dm-uploader .btn input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    width: 100%;
    opacity: .0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.container-multi {
    width: 100%;
    padding-right: var(--bs-gutter-x, 5rem);
    padding-left: var(--bs-gutter-x, 5rem);
    margin-right: auto;
    margin-left: auto;
}

.column-multi {
    width: 300px;
    /*background-color: #E6ECF8;*/
    padding: 0;
    vertical-align: top;
}

.column-multi-data {
    width: 300px;
    margin-right: var(--bs-gutter-x, 5rem);
    margin-left: var(--bs-gutter-x, 5rem);
    padding: 0;
}

.column-multi-title-parent {
    /*background-color: #E6ECF8;*/
    position: relative;
    min-height: 30px;
}

.column-multi-title {
}

.column-multi-content {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

.column-multi-content-padding {
    padding-left: 35px;
    padding-right: 20px;
}

.column-multi-color {
}

.column-multi-color-table-0 {
    background-color: transparent;
}

.column-multi-color-table-1 {
    background-color: #F6F6F6;
}

.column-multi-color-selected {
    background-color: #E6ECF8;
}

.button-all-verify {
    /* Rectangle 4069 */

    width: 109px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #C4C4C4;

    background: #FFF;
}

.button-all-reject {
    /* Rectangle 4062 */

    width: 116px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #C4C4C4;
    margin-left: 10px;
    background: #FFF;
}

.button-all-verify-text {
    /* All verified */

    color: #333;

    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.button-all-reject-text {
    /* All rejected */

    color: #333;

    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.button-reject {
    /* Rectangle 4028 */

    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #C4C4C4;
    background: #FFF;
}

.button-verify {
    /* Rectangle 4027 */

    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #C4C4C4;
    background: #FFF;

}

.select-verification {

}

.multi-verification-select-verified {
    width: 100px;
    border: 0;
    color: #78B200;
}

.multi-verification-select-rejected {
    width: 100px;
    border: 0;
    color: #D81E5B;
}

.multi-verification-tr:hover {
    /*background-color: transparent !important;*/
}

.multi-verification-tr:hover td {
    /*background-color: transparent !important;*/
}

.multi-text-area {
    width: 100%;
    display: inline-flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #003EBB;
    background: rgba(0, 62, 187, 0.08);
    background: #FFF;
}

.multi-button-add-comment {
    box-sizing: border-box;
    width: 134px;
    left: 590px;
    top: 409px;

}

.multi-button-add-comment-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #003EBB;
}

.multi-button-show-history {
    box-sizing: border-box;

    width: 134px;
    height: 30px;
    left: 590px;
    top: 409px;

    border: 1px solid #003EBB;
    border-radius: 3px;
}

.multi-button-show-history-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #003EBB;
}


.multi-button-save-comment {
    box-sizing: border-box;

    width: 67px;
    height: 30px;
    left: 1018px;
    top: 513px;

    background: #003EBB;
    border: 1px solid #003EBB;
    border-radius: 3px;

}

.multi-button-save-comment-text {
    /* Save */

    width: 37px;
    height: 18px;
    left: 1033px;
    top: 519px;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #FFFFFF;
}

.multi-button-delete-comment {
    box-sizing: border-box;

    width: 100px;
    height: 30px;
    left: 590px;
    top: 409px;

    border: 0 solid #003EBB;
    border-radius: 3px;
    padding-right: 10px;
}

.multi-button-delete-comment-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #003EBB;
}

.multi-button-add-answer {
    box-sizing: border-box;

    width: 134px;
    height: 30px;
    left: 590px;
    top: 409px;

    border: 1px solid #003EBB;
    border-radius: 3px;
}

.multi-button-add-answer-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #003EBB;
}

.multi-button-save-answer {
    box-sizing: border-box;

    width: 67px;
    height: 30px;
    left: 1018px;
    top: 513px;

    background: #003EBB;
    border: 1px solid #003EBB;
    border-radius: 3px;

}

.multi-button-save-answer-text {
    /* Save */

    width: 37px;
    height: 18px;
    left: 1033px;
    top: 519px;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #FFFFFF;
}

.multi-button-delete-answer {
    box-sizing: border-box;

    width: 100px;
    height: 30px;
    left: 590px;
    top: 409px;

    border: 0 solid #003EBB;
    border-radius: 3px;
    padding-right: 10px;
}

.multi-button-delete-answer-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #003EBB;
}

.multi-submit-button {
    box-sizing: border-box;
    width: 67px;
    height: 30px;
    left: 1018px;
    top: 513px;
    background: #003EBB;
    border: 1px solid #003EBB;
    border-radius: 3px;
}
.vertical-line {
    border-right: 2px solid #E8EAEE;
}

.container-fluid {
    padding-right: var(--bs-gutter-x, .5rem);
    padding-left: var(--bs-gutter-x, .5rem);
}

.vertical-line-left {
    position: relative;
    background-color: #EEEEEE;
}

.vertical-line-left:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 15%;
    height: 80%;
    border-left: 2px solid #E8EAEE;;
}

#open-close-btn{
    color: #003EBB;
    margin-left: 20px;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#open-close-btn-ver {
    color: #003EBB;
    margin-left: 20px;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dropdown-reports {
  float: right;
  display: inline-block;
  min-width: 50px;
  z-index: 100 !important;
}

.verify-all-dec {
  float: right;
  display: inline-block;
  min-width: 50px;
  min-height: 50px;
}

 .dropdown-reports span:hover {
 opacity:0.8;
 }

.dropdown-content-reports {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999999 !important;

}

.dropdown-content-reports a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content-reports a:hover {
  background-color: #f1f1f1;
}

.dropdown-reports:hover .dropdown-content-reports {
  display: block;
}

.verifier-comment {
    padding: 16px;
    width: 100%;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    margin-bottom: 16px;
}
.verifier-comment span {
    color: rgba(51, 51, 51, 0.50);
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    float:right;
}
.comment-answer {
    padding: 16px;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #FAFAFA;
    margin-bottom: 16px;
}
.comment-answer span {
    color: rgba(51, 51, 51, 0.50);
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    float:right;
    display: contents;
}

.sso-btn {
    color: black;
    width: 100% !important;
    background-color: white;
    font-size: 16px;
}

.sso-icon {
    width: 20px;
    margin-right: 6rem;
}


/* show more text start */
.show-more-content {
    overflow: hidden;
    max-height: calc(1.2em *3); /* Adjust max-height as needed */
    line-height: 1.2em; /* Adjust line height as needed */
    display: block; /* Make span behave like a block-level element */
    transition: max-height 0.3s ease;
}
.show-more-expanded {
    max-height: none !important; /* Adjust line height and number of lines as needed */
}
.show-more-link {
    color: #003EBB;
}
/* show more text end */



.autover-dropdown-toggle {
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Show ellipsis for overflowed text */
    background-color: white; /* White background */
    color: black; /* Black text */
    border: 1px solid #ced4da; /* Optional: Add a border to match Bootstrap */
}

/* Remove button hover and focus styles */
.autover-dropdown-toggle:hover,
.autover-dropdown-toggle:focus {
    background-color: white; /* Keep background white on hover */
    color: black; /* Keep text color black on hover */
    border-color: #ced4da; /* Maintain the border color */
    outline: none; /* Remove outline on focus */
}

.autover-dropdown-menu {
    background: white; /* Background color */
    color: black; /* Text color */
    overflow-y: auto; /* Enable scrolling if necessary */
    max-height: 200px; /* Maximum height for the dropdown menu */
    width: 100%; /* Ensure the dropdown menu takes full width */
}

.autover-tool-option {
    white-space: nowrap; /* Prevent text wrapping */
    width: 3rem;
}
/* autoanswer css start */
/* Accordion header styles */
.accordion-button.custom-accordion-button {
    background-color: transparent; /* No background color */
    color: black; /* Header text color */
    border: none; /* Remove border from header */
    box-shadow: none; /* Remove any shadow from the header */
}

/* Remove background color when accordion is opened */
.accordion-button.custom-accordion-button:not(.collapsed) {
    background-color: transparent; /* No background color when expanded */
}

/* Accordion item styles */
.accordion-item {
    border: none; /* Remove border around the item */
}

/* List group item styles */
.custom-list-group-item {
    padding: 5px 10px; /* Adjust padding as needed */
    display: flex; /* Use flexbox for alignment */
    align-items: flex-start; /* Align items to the top */
}


/* Adjust list group styles */
.list-group {
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
}

.answer-text {
    color: gray; /* Set the text color to gray */
    font-size: 16px; /* Adjust font size if needed */
    margin-top: 2px; /* Add some spacing above the answer */
}

.custom-checkbox {
    width: 20px;
    height: 20px;
}


/* autoanswer css end */
.pad-left-10 {
    padding-left: 10px;
}

.style2-container {
    margin-bottom: 6px !important;
}

.select2-selection {
    height: 38px !important;
}