@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.bg-splash {
    background: url(../assets/img/splash.png) fixed center left no-repeat;
    background-size: contain;
}

html,
body {
    min-height: 100%;
    height: auto;
    font-family: 'Poppins', sans-serif !important;
}

.login-wrapper {
    min-height: calc(100vh - 85px);
}

.custom-start {
    margin-top: 85px;
}

.header-user .dropdown-toggle {
    color: #212529;
}

.header-user .dropdown-toggle::after {
    display: none;
}

.custom-border {
    border-top: 10px solid;
}

.bg-custom-gray {
    background: #edeef0;
}

table th {
    font-size: 10px;
}

table td {
    font-size: 10px;
}

.step2-time .custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
    color: #212529;
}

.step2-time .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 1);
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.table-height td {
    height: 60px;
    padding: 0 0.25em;
}

.fixed-height {
    max-height: 600px;
    overflow: scroll;
}

.custom-search {
    font-size: 11px;
    color: #fff !important;
    padding-right: 20px !important;
    background: url(../assets/img/search-icon.png) right center no-repeat;
}

.custom-search::placeholder {
    color: rgba(256, 256, 256, 0.7) !important;
}

.main-wrapper {
    margin-top: 85px;
}

.step3-food-table {
    display: flex;
    flex-flow: column;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 0;
    height: 600px;
    overflow-y: auto;
}

.step3-food-table thead {
    flex: 0 0 auto;
    position: sticky;
    top: 0;
}

.step3-food-table tbody {
    flex: 1 1 auto;
    display: block;
}

.step3-food-table tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.step3-food-table tbody td:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.diet-table th {
    background: rgba(61, 68, 240, 0.3);
    border: 1px solid rgba(61, 68, 240, 0.3);
    padding: 2px 10px;
}

.diet-table td {
    border: 1px solid rgba(61, 68, 240, 0.3);
    padding: 5px 10px;
}

.common-circle-img {
    border: 1px solid #868686;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px;
}

.text-blue {
    color: #007AFF;
}

.text-green {
    color: #70B844;
}

.diet-table td p {
    margin-bottom: 0;
}

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

.font-700 {
    font-weight: 700;
}

.fontsize-10 {
    font-size: 10px;
}

.diet-table ul {
    padding-left: 15px;
    margin-bottom: 5px;
}

.diet-table {
    margin-bottom: 40px;
}

.custom-shadow {
    box-shadow: 0 7px 15px 10px rgba(124, 123, 123, 0.05);
}

.custom-search-field {
    background: url(../assets/img/search-field-icon.png) left center no-repeat;
    padding-left: 30px;
    background-size: 20px;
}

.table-borderless {
    border: none !important;
}

.fixed-btn-main-wrapper {
    padding-bottom: 100px;
}

.bottom-fixed-btns {
    background-color: #F4F5FA;
    box-shadow: 0 -22px 64px 0 rgba(97, 101, 146, 0.15);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
}

.header-bottom-sticky {
    background: #f8f9fa !important;
    position: sticky;
    top: 84px;
    z-index: 10;
    margin-bottom: 0 !important;
}

.left-sidebar-collapse .list-group {
    position: sticky;
    top: 180px;
    max-height: calc(100vh - 314px);
    overflow-y: auto;
}

.left-sidebar-collapse .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.left-sidebar-btn .fa-arrow-left {
    display: none;
}

.left-sidebar-btn.active .fa-arrow-right {
    display: none;
}

.left-sidebar-btn.active .fa-arrow-left {
    display: inline-block;
}

.common-scroll-table {
    max-height: calc(100vh - 314px);
    overflow-y: auto;
}

.common-scroll-table table {
    margin-bottom: 0;
    width: auto;
}

.common-scroll-table thead {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
}

.common-scroll-table thead th {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 1;
    font-weight: 600;
    white-space: nowrap;
    padding: 0px;
    font-size: 10px;
}

.common-scroll-table tbody td {
    font-size: 10px;
}

.header-bottom-sticky>div {
    margin-bottom: 0 !important;
}

.common-scroll-table .custom-search {
    min-width: 115px;
    border: 0;
    padding-right: 30px !important;
}

.table-responsive {
    float: left;
    width: auto;
    max-width: 100%;
}

.common-search {
    padding-top: 1rem;
}

.common-search span {
    font-weight: 600;
}

.common-search input.form-control {
    width: 190px;
    margin-left: 5px;
}

.common-scroll-table::-webkit-scrollbar {
    -webkit-appearance: none;
}

.common-scroll-table::-webkit-scrollbar:vertical {
    width: 11px;
}

.common-scroll-table::-webkit-scrollbar:horizontal {
    height: 11px;
}

.common-scroll-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.no-nav.main-wrapper {
    margin-top: 0;
    padding-bottom: 0;
}

.no-nav .header-bottom-sticky {
    top: 0;
}

.btn.left-sidebar-btn {
    padding: 3px 10px;
}

.left-sidebar-btn .fa-arrow-right {
    width: 11px;
}

.left-sidebar-btn .fa-arrow-left {
    width: 11px;
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none;
}

.header-bottom-sticky .fa-bars {
    color: #212529;
    font-size: 16px;
}

.header-bottom-sticky .fa-user {
    font-size: 16px;
}

.action-btns .cancel-btn {
    background: #FF4900;
    color: #ffffff;
}

.action-btns .analyse-btn {
    background: #007AFF;
    color: #ffffff;
}

.action-btns .submit-btn {
    background: #60C052;
    color: #ffffff;
}

.action-btns .btn {
    padding: 3px 10px;
}

.action-btns .svg-inline--fa.fa-fw {
    width: 12px;
}

.header-bottom-sticky .search-btn::after {
    display: none;
}

.header-bottom-sticky .search-btn {
    background: #1B1B1B;
    color: #ffffff;
    padding: 3px 10px;
}

.header-bottom-sticky .search-btn .svg-inline--fa.fa-fw {
    width: 12px;
}

.header-bottom-sticky .compare-btn {
    background: #1B1B1B;
    color: #ffffff;
    padding: 3px 10px;
}

.header-bottom-sticky .compare-btn::after {
    display: none;
}

.header-bottom-sticky .compare-btn img {
    margin-top: -3px;
}

.header-bottom-sticky .questionnaire-btn {
    background: #454545;
    color: #ffffff;
    padding: 3px 10px;
}

.header-bottom-sticky .questionnaire-btn .svg-inline--fa.fa-fw {
    width: 12px;
}

.header-bottom-sticky .search-dropdown-menu {
    width: 215px;
}

.header-bottom-sticky .search-dropdown-menu-wrapper {
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    border: 0;
    margin: 0.300rem 0 0;
}

.header-bottom-sticky .search-submit-btn {
    padding: 0;
    right: 8px;
    top: 5px;
}

.header-bottom-sticky .search-submit-btn .fa-paper-plane {
    width: 12px !important;
    color: #007AFF;
}

.header-bottom-sticky .search-dropdown-menu input.form-control {
    padding-right: 25px;
    font-size: 12px;
}

.header-bottom-sticky .search-dropdown-menu input.form-control:focus {
    outline: 0;
    box-shadow: none;
}

.no-nav .common-scroll-table {
    max-height: calc(100vh - 150px);
}

.no-nav .left-sidebar-collapse .list-group {
    top: 0;
    max-height: calc(100vh - 110px);
}

.tips-card {
    background: #F5F6F7;
    padding: 15px;
    border-radius: 5px;
    height: 100%;
}

.tips-card textarea.form-control {
    font-size: 12px;
    background-color: #ffffff;
    border-radius: 0;
    resize: none;
    color: rgba(31, 36, 39, 1);
}

.tips-card textarea.form-control:disabled,
.tips-card textarea.form-control[readonly] {
    cursor: not-allowed;
    color: rgba(31, 36, 39, 0.7);
}

.tips-card textarea.form-control:focus {
    box-shadow: none;
}

.table-heding-text {
    padding: 0.75rem;
    cursor: pointer;
}

.table-heding-filter {
    padding: 0.75rem 20px 0.75rem 0.75rem;
}

.table-heding-sort {
    padding: 0.75rem 20px 0.75rem 0.75rem;
}

.common-scroll-table thead th .table-heding-filter::after {
    right: 0.5em;
    content: url('../images/filter.svg');
    position: absolute;
    margin-top: 2px;
}

.common-scroll-table thead th .table-heding-sort::after {
    right: 0.5em;
    content: url('../images/sort.svg');
    position: absolute;
    margin-top: 1px;
}

.table-filter {
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    background: #ffffff;
    z-index: 999;
    left: 0;
    width: 100%;
    top: 100%;
    display: none;
    white-space: initial;
}

.table-heding-wrapper.active .table-filter {
    display: block;
}

.table-filter-sort .btn {
    font-size: 10px;
    text-decoration: none !important;
}

.table-filter-sort {
    border-bottom: 1px solid #D8D8D8;
}

.table-filter-list .form-check-label {
    color: #414141;
    width: 100%;
    cursor: pointer;
    white-space: initial;
}

.table-filter-list .form-check-input {
    margin-top: 0.1rem;
}

.table-filter-list {
    padding: 0.5rem;
    border-bottom: 1px solid #D8D8D8;
    max-height: 200px;
    overflow-y: auto;
}

.table-filter-list .form-group.form-check {
    margin-bottom: 0.5rem;
}

.table-filter-btn {
    padding: 0.5rem;
}

.table-filter-btn .table-filter-cancel {
    color: #414141;
    font-size: 10px;
    text-decoration: none !important;
}

.table-filter-btn .table-filter-submit {
    background: #007AFF;
    color: #ffffff;
    border-radius: 4px;
}

.table-filter-list::-webkit-scrollbar {
    -webkit-appearance: none;
}

.table-filter-list::-webkit-scrollbar:vertical {
    width: 11px;
}

.table-filter-list::-webkit-scrollbar:horizontal {
    height: 11px;
}

.table-filter-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.common-no-filter-table thead th {
    padding: 0.75rem;
}

.data-index-table {
    max-height: calc(100vh - 155px);
    min-height: calc(100vh - 155px);
    background: #ffffff;
}

.sb-topnav .search-btn {
    background: #1B1B1B;
    color: #ffffff;
    padding: 3px 10px;
}

.sb-topnav .search-dropdown-menu-wrapper {
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    border: 0;
    margin: 0.300rem 0 0;
}

.sb-topnav .search-dropdown-menu {
    width: 215px;
}

.sb-topnav .search-submit-btn {
    padding: 0;
    right: 8px;
    top: 5px;
}

.sb-topnav .search-dropdown-menu input.form-control {
    padding-right: 25px;
    font-size: 12px;
}

.sb-topnav .search-submit-btn .fa-paper-plane {
    width: 12px !important;
    color: #007AFF;
}

.sb-topnav .search-dropdown-menu input.form-control:focus {
    outline: 0;
    box-shadow: none;
}

.sb-topnav .search-btn::after {
    display: none;
}

.sb-topnav .search-btn .svg-inline--fa.fa-fw {
    width: 12px;
}

.sb-topnav .fa-bars {
    color: #212529;
    font-size: 16px;
}

.sb-topnav .fa-user {
    font-size: 16px;
}

.sb-topnav .add-user-btn {
    background: #454545;
    color: #ffffff;
    padding: 3px 10px;
}

.sb-topnav .add-user-btn .svg-inline--fa.fa-fw {
    width: 12px;
}

.sb-topnav .navbar-brand {
    width: auto;
    padding-right: 0.75rem;
}

.data-index-table table {
    margin-bottom: 0;
}

.data-index-table::-webkit-scrollbar {
    -webkit-appearance: none;
}

.data-index-table::-webkit-scrollbar:vertical {
    width: 11px;
}

.data-index-table::-webkit-scrollbar:horizontal {
    height: 11px;
}

.data-index-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.left-sidebar-collapse .list-group-item {
    font-size: 12px;
    padding: 0.75rem;
}

.left-sidebar-collapse .list-group::-webkit-scrollbar {
    -webkit-appearance: none;
}

.left-sidebar-collapse .list-group::-webkit-scrollbar:vertical {
    width: 11px;
}

.left-sidebar-collapse .list-group::-webkit-scrollbar:horizontal {
    height: 11px;
}

.left-sidebar-collapse .list-group::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.focus-table tbody td:focus {
    background-color: rgba(0, 0, 0, 0.075) !important;
    outline: 0;
}

.focus-table tbody td:hover {
    background-color: rgba(0, 0, 0, 0.075) !important;
}

.data-index-table thead th {
    position: sticky;
    top: -1px;
    background: #ffffff;
    z-index: 1;
}

.cursor-pointer {
    cursor: pointer;
}

a.navbar-brand img {
    width: inherit !important;
}

.outline-none:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.meals-th {
    width: 28%;
}

.ingredients-th {
    width: 36%;
}

.instructions-th {
    width: 36%;
}

.badge-food-steps .badge.active {
    color: #212529 !important;
    background-color: #ffc107 !important;
}

.meals-ingredients-table .meals-td .dropdown-toggle {
    white-space: inherit;
}

.meals-ingredients-table .meals-td .dropdown-menu .dropdown-item {
    white-space: inherit;
}

.meals-ingredients-table .meals-td .reciepe-item-btn.active {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.meals-ingredients-table .meals-td .dropdown-toggle {
    box-shadow: none !important;
}

.meals-td .dropdown .dropdown-menu {
    font-size: 14px;
}

.meals-td .dropdown-menu {
    width: 100%;
    min-width: 100%;
}

.meal-name .btn-outline-secondary {
    color: #212529 !important;
    background-color: #fff !important;
    border-color: #ced4da !important;
}

.meals-td .dropdown-menu .dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
}

.meals-td .reciepe-name .reciepe-item-btn::after {
    content: "";
    vertical-align: 0.100em;
    border-left: 0.3em solid;
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-right: 0;
    margin-left: 0.255em;
    display: none;
}

.meals-td .reciepe-name .reciepe-item-btn.active::after {
    display: inline-block;
}

.reciepe-name h6 {
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 13px;
}

.font-12 {
    font-size: 12px;
}

.meal-edit-info {
    padding-left: 18px;
}

.meal-edit-info .fa-info-circle {
    left: 0;
    top: 4px;
    color: #007bff;
}

.center-content-wrapper {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    max-width: 100%;
}

.left-sidebar-collapse {
    width: 210px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.center-content-shift {
    width: calc(100% - 210px);
}

.upload-report-label {
    background: #e1e1e1;
    border: 1px solid #adadad;
    padding: 2px 5px;
    white-space: nowrap;
}

.upload-report-name {
    word-wrap: break-word;
    word-break: break-word;
}

.data-index-table tbody td {
    white-space: nowrap;
    vertical-align: middle;
}

.data-index-table thead th {
    vertical-align: middle;
    padding: 0;
}

.data-index-table tbody th {
    vertical-align: middle;
}

.data-index-table tbody td.common-column-wrap {
    white-space: inherit;
}

.data-index-table .table-heding-text {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.email-dropdown-heading {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 10px 30px 10px 10px;
    margin-bottom: 0;
    cursor: pointer;
}

.email-dropdown-heading .caret-icon {
    right: 10px;
    top: 13px;
    color: #6e747a;
}

.email-dropdown-heading .caret-icon.fa-caret-up {
    display: none;
}

.email-dropdown-content {
    display: none;
    background: #ffffff;
    z-index: 9;
    width: 100%;
    border: 1px solid #ced4da;
    padding: 15px 10px;
    max-height: 132px;
    overflow-y: auto;
}

.email-dropdown-heading.active+.email-dropdown-content {
    display: block;
}

.email-dropdown-heading.active .caret-icon.fa-caret-down {
    display: none;
}

.email-dropdown-heading.active .caret-icon.fa-caret-up {
    display: block;
}

.email-dropdown-content .form-check {
    margin-bottom: 10px;
}

.send-notify-modal {
    font-size: 14px;
}

.cc-dropdown-wrapper .email-dropdown-content {
    bottom: 100%;
}

.email-names-wrapper {
    border: 1px solid #dadce0;
    border-radius: 10px;
    padding: 1px 3px 1px 5px;
    font-size: 12px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.email-names-wrapper .close {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    outline: 0 !important;
    margin-top: -4px;
    margin-left: 4px;
}

.email-names-wrapper .close:hover {
    opacity: 1;
}

.email-name-user {
    line-height: 1;
    cursor: default;
}

.email-names-wrapper-parent {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.header-notification-dropdown {
    width: 200px;
    max-height: 200px;
    overflow-y: auto;
}

.header-notification-dropdown .dropdown-item {
    white-space: inherit;
    font-size: 14px;
}

.version-btn {
    padding-top: 2px;
    padding-bottom: 2px;
}

.version-list-wrapper {
    position: absolute;
    background: #ffffff;
    width: 250px;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    display: none;
}

.version-list {
    max-height: 197px;
    overflow-y: auto;
    border-bottom: 1px solid #D8D8D8;
    padding: 0.5rem;
}

.version-list-btns {
    padding: 0.5rem;
}

.version-list .form-check {
    margin-bottom: 10px;
}

.version-list-wrapper.active {
    display: block;
}

.version-list-cancel-btn {
    text-decoration: none !important;
}

.version-list .form-check .form-check-label {
    word-break: break-word;
}

.page-version-btn {
    padding-top: 2px;
    padding-bottom: 2px;
}

.page-version-list-wrapper {
    position: absolute;
    background: #ffffff;
    width: 250px;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    display: none;
    right: 0;
    z-index: 9;
}

.page-version-list-btns {
    padding: 0.5rem;
}

.page-version-list .form-check {
    margin-bottom: 10px;
    padding-left: 2rem;
}

.page-version-list-wrapper.active {
    display: block;
}

.page-version-list-cancel-btn {
    text-decoration: none !important;
}

.page-version-list .form-check .form-check-label {
    word-break: break-word;
}

.unread-notification {
    color: #007AFF !important;
}

.header-notification-dropdown .dropdown-item:active,
.header-notification-dropdown .dropdown-item.active {
    background-color: inherit !important;
    color: inherit;
}

.sheet-modal .modal-body {
    max-height: 200px;
    overflow-y: auto;
}

.sheet-modal .form-check {
    margin-bottom: 10px;
}

.version-submenu {
    position: absolute;
    right: 100%;
    background: #ffffff;
    width: 250px;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: none;
}

.version-submenu-footer {
    padding: 0.5rem;
    border-top: 1px solid #dee2e6;
}

.version-submenu-content {
    max-height: 200px;
    overflow-y: auto;
}

.page-version-list .form-check .version-menu-label.active+.version-submenu {
    display: block;
}

#TimeModal {
    font-size: 14px;
}

.ui-timepicker-standard a {
    text-align: left !important;
}

.common-scroll-table .mmgi-fix-column-table thead th {
    width: 150px;
    padding: 0.75rem 20px 0.75rem 0.75rem;
}

.common-scroll-table .mmgi-fix-column-table tbody td {
    width: 150px;
}

.chart-list-wrapper {
    position: absolute;
    background: #ffffff;
    width: 250px;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    display: none;
    right: 0;
}

.chart-list-wrapper.active {
    display: block;
}

.chart-list {
    max-height: 197px;
    overflow-y: auto;
    border-bottom: 1px solid #D8D8D8;
    padding: 0.5rem;
}

.chart-list-btns {
    padding: 0.5rem;
}

.step3-food-table tr td {
    word-break: break-word;
}

.step3-sticky-steps {
    background: #ffffff !important;
    position: sticky;
    top: 67px;
    z-index: 8;
    padding-bottom: 0.5rem;
}

.reciepe-item-wrapper {
    max-height: 310px;
    overflow-y: auto;
}

.meals-ingredients-table th:first-child {
    width: 30%;
}

.meals-ingredients-table th:last-child {
    width: 70%;
}

.meals-ingredients-table td:first-child {
    width: 30%;
}

.meals-ingredients-table td:last-child {
    width: 70%;
}

.meals-alert {
    max-height: 200px;
    overflow-y: auto;
}

.text-right {
    text-align: right;
}

.gut-restoration-common-table {
    border: 1px solid rgba(61, 68, 240, 0.3);
}

.gut-restoration-common-table caption {
    caption-side: top;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: rgba(237, 159, 45, 0.3);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid rgba(61, 68, 240, 0.3);
}

.gut-restoration-common-table tr th {
    background: rgba(61, 68, 240, 0.3);
    padding: 0.5rem;
    border: 1px solid rgba(61, 68, 240, 0.3);
}

.gut-restoration-common-table tr td {
    padding: 0.5rem;
    border: 1px solid rgba(61, 68, 240, 0.3);
    vertical-align: top;
}

.gut-restoration-common-table tr .first-column {
    width: 70%;
}

.gut-restoration-common-table tr .second-column {
    width: 30%;
}

.list-style-none {
    list-style: none;
}

.gut-restoration-common-table li {
    position: relative;
    padding-left: 10px;
    font-weight: 700;
}

.gut-restoration-common-table span.blue-circle {
    background: #3D44F0;
    height: 6px;
    width: 6px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}

.gut-restoration-common-wrapper {
    margin-bottom: 20px;
}

.font-400 {
    font-weight: 400 !important;
}

.flash-alert {
    font-size: 10px;
}

.flash-alert .close {
    font-size: 20px;
    right: 2px;
    outline: 0 !important;
    top: -1px;
}

.upload-report-modal .modal-body {
    max-height: 300px;
    overflow-y: auto;
}

.questionnaire-table {
    max-height: calc(100vh - 180px);
}

.questionnaire-table table td {
    font-size: 14px;
    font-weight: 700;
}

.questionnaire-table table td.questionnaire-table-label {
    width: 33%;
    font-weight: 600;
}

.questionnaire-table table td.questionnaire-table-inner-label {
    padding-left: 1.75rem;
    font-weight: 400;
}

.questionnaire-tips {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}

.questionnaire-tips .tips-card {
    padding: 8px 10px 10px 10px;
}

.questionnaire-table::-webkit-scrollbar {
    -webkit-appearance: none;
}

.questionnaire-table::-webkit-scrollbar:vertical {
    width: 11px;
}

.questionnaire-table::-webkit-scrollbar:horizontal {
    height: 11px;
}

.questionnaire-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.questionnaire-tips::-webkit-scrollbar {
    -webkit-appearance: none;
}

.questionnaire-tips::-webkit-scrollbar:vertical {
    width: 11px;
}

.questionnaire-tips::-webkit-scrollbar:horizontal {
    height: 11px;
}

.questionnaire-tips::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.questionnaire-table table td.questionnaire-table-double-inner-label {
    padding-left: 3rem;
}

.questionnaire-tips-textarea {
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: rgba(31, 36, 39, 1);
    padding: 0.375rem 0.75rem;
    height: 85px;
    overflow-y: auto;
}

.dashboard-tabs li {
    background: #ffffff;
    border-right: 1px solid #edeef0;
    padding: 10px 20px;
    position: relative;
}

.dashboard-tabs-text {
    position: relative;
    padding-right: 15px;
    padding-left: 8px;
    cursor: pointer;
}

.dashboard-tabs-text .fa-caret-down {
    color: #6e747a;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dashboard-tabs-dropdown {
    position: absolute;
    background: #ffffff;
    top: 100%;
    width: 225px;
    z-index: 99;
    left: 0;
    padding: 16px 20px;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    max-height: 203px;
    overflow-y: auto;
    display: none;
}

.common-custom-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

.common-custom-scroll::-webkit-scrollbar:vertical {
    width: 11px;
}

.common-custom-scroll::-webkit-scrollbar:horizontal {
    height: 11px;
}

.common-custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.dashboard-tabs-text.active+.dashboard-tabs-dropdown {
    display: block;
}

.dashboard-tabs-dropdown .form-group:last-child {
    margin-bottom: 0;
}

.dashboard-tabs-dropdown .form-check-label {
    word-break: break-word;
    cursor: pointer;
}

.dashboard-export-btn {
    background: #ffffff;
    border-radius: 0;
}

.dashboard-export-dropdown {
    background: #ffffff;
    width: 225px;
    padding: 16px 20px;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    border: 0;
    border-radius: 0;
    margin: 0;
}

.dashboard-export-dropdown .form-check-input {
    margin-top: 0.4rem;
}

.data-index-table>table.table {
    border-collapse: separate;
}

.data-index-table table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    text-align: center;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
.data-index-table table thead th.kitId {
    position: sticky;
    left: 60px;
    z-index: 2;
    width: 165px;
    min-width: 165px;
    max-width: 165px;
}
.data-index-table table thead th.sampleId {
  position: sticky;
  left: 225px;
  z-index: 2;
  width: 115px;
  min-width: 115px;
  max-width: 115px;
}
.data-index-table table thead th.osId {
  position: sticky;
  left: 340px;
  z-index: 2;
  width: 115px;
  min-width: 115px;
  max-width: 115px;
}
.data-index-table table thead th.patient {
  position: sticky;
  left: 455px;
  z-index: 2;
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}
.data-index-table table thead th.refer {
  position: sticky;
  left: 565px;
  z-index: 2;
}

/* .data-index-table table thead th:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 2;
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.data-index-table table thead th:nth-child(3) {
    position: sticky;
    left: 170px;
    z-index: 2;
} */

.data-index-table table tbody th:first-child {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
    text-align: center;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
.data-index-table table tbody th.kitId {
    position: sticky;
    left: 60px;
    background: white;
    z-index: 1;
    width: 165px;
    min-width: 165px;
    max-width: 165px;
}
.data-index-table table tbody th.sampleId {
  position: sticky;
  left: 225px;
  background: white;
  z-index: 1;
  width: 115px;
  min-width: 115px;
  max-width: 115px;
}
.data-index-table table tbody th.osId {
  position: sticky;
  left: 340px;
  background: white;
  z-index: 1;
  width: 115px;
  min-width: 115px;
  max-width: 115px;
}
.data-index-table table tbody th.patient {
  position: sticky;
  left: 455px;
  background: white;
  z-index: 1;
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}
.data-index-table table tbody th.refer {
  position: sticky;
  left: 565px;
  background: white;
  z-index: 1;
}

/* .data-index-table table tbody th:nth-child(2) {
    position: sticky;
    left: 60px;
    background: white;
    z-index: 1;
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.data-index-table table tbody th:nth-child(3) {
    position: sticky;
    left: 170px;
    background: white;
    z-index: 1;
} */

.data-index-table thead th .table-heding-filter::after {
    right: 0.5em;
    content: url('../images/filter-index.svg');
    position: absolute;
    margin-top: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.data-index-table thead th .table-filter {
    width: 190px;
}

.data-index-table thead th .table-heding-filter.active+.table-filter {
    display: block;
}

.table-heding-bottom-text span {
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

.table-heding-bottom-text span:last-child {
    margin-right: 0px;
}

.table-heding-bottom-text {
    padding-top: 5px;
    border-top: 1px solid #000000;
    margin-top: 6px;
    display: flex;
}

.data-index-table thead th.support-column {
    background: #cccccc;
}

.data-index-table thead th.sales-column {
    background: #A4C2F4;
}

.data-index-table thead th.tat-column {
    background: #C9DAF8;
}

.data-index-table thead th.bioinfo-column {
    background: #FCE4D6;
}

.data-index-table thead th.diet-column {
    background: #B7D6A8;
}

.data-index-table thead th.report-column {
    background: #fff2cc;
}

/*.index-table-common-send-btn {
    background: #007AFF;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    padding: 4px 8px;
}*/
.index-table-common-send-btn {
    color: #007AFF;
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    outline: 0 !important;
}

.index-table-common-input {
    width: 125px;
    border: 1px solid #505050;
    height: 24px;
    padding: 0 3px;
}

.index-table-common-input:focus {
    outline: 0 !important;
}

.index-table-common-select {
    width: 90px;
    border: 1px solid #505050;
    height: 24px;
}

.index-table-common-select:focus {
    outline: 0 !important;
}

.index-table-common-textarea {
    width: 350px;
    border: 1px solid #505050;
    padding: 0 3px;
}

.index-table-common-textarea:focus {
    outline: 0 !important;
}

.data-index-table thead th .table-heding-filter.pct-filter::after {
    top: 34px;
}

.index-table-search-btn {
    padding: 0;
    right: 5px;
    top: 5px;
    border: 0;
    background: transparent;
}

.index-table-search-btn:focus {
    outline: 0 !important;
}

.index-table-search-btn .fa-paper-plane {
    width: 12px !important;
    color: #007AFF;
}

.index-table-search-dropdown .index-table-common-input {
    padding-right: 20px;
    border-color: #007AFF;
}

.index-table-search-dropdown-menu {
    list-style: none;
    background: #ffffff;
    left: 0;
    right: 0;
    max-height: 100px;
    overflow-y: auto;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
}

.index-table-search-dropdown-menu a {
    padding: 5px 10px;
    display: block;
}

.index-table-search-dropdown-menu li {
    border-bottom: 1px solid #dee2e6;
}

.index-table-search-dropdown-menu li:last-child {
    border-bottom: 0;
}

.gut-maintenance-common-table caption {
    background: rgba(78, 175, 70, 0.5);
}


/* vipin changes */

.kitshippeddate .index-table-common-input {
    width: 70px;
}

.testname .index-table-common-select {
    width: 70px;
}

.sampletype .index-table-common-select {
    width: 55px;
}

.state .index-table-common-input {
    width: 90px;
}

.city .index-table-common-input {
    width: 90px;
}

td.support-column.address {
    white-space: inherit;
}

.customertype .index-table-common-select {
    width: 70px;
}

.referredby .index-table-common-select {
    width: 90px;
}

.salesamount .index-table-common-input {
    width: 70px;
}

.paidamount .index-table-common-input {
    width: 70px;
}

.dateofkitreceipt .index-table-common-input {
    width: 70px;
}

.dateofsamplereceipt .index-table-common-input {
    width: 70px;
}

.releaseddateofreport .index-table-common-input {
    width: 70px;
}

.mymicrobiometest .index-table-common-select {
    width: 70px;
}

.sampleqcstatus .index-table-common-select {
    width: 70px;
}

.oslabid .index-table-common-input {
    width: 70px;
}

.batch .index-table-common-input {
    width: 70px;
}

.bluedart .index-table-common-input {
    width: 70px;
}

.conversionrate .index-table-common-input {
    width: 70px;
}

.postreportcounselling .index-table-common-select {
    width: 70px;
}

/* vipin changes end */
.badge-food-steps-check-item {
    padding-right: 8px;
    padding-left: 30px;
    border-radius: 4px;
    cursor: pointer;
}
.badge-food-steps-check-item .custom-control-label {
    cursor: pointer;
}
.meals-td .meal-name .dropdown .dropdown-menu {
    font-size: 14px;
    max-height: 200px;
    overflow-y: auto;
    transform: inherit !important;
    top: 100% !important;
    z-index: 7;
}
.step3-food-table .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
  opacity: 1;
}
.step3-food-table .form-control::-moz-placeholder {
  color: #ffffff !important;
  opacity: 1;
}
.step3-food-table .form-control:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 1;
}
.step3-food-table .form-control::-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 1;
}
.step3-food-table .form-control::placeholder {
  color: #ffffff !important;
  opacity: 1;
}
.step3-food-table th:first-child {
    width: 130px;
}
.step3-food-table td:first-child {
    width: 130px;
}
.step3-food-table th:nth-child(2) {
    width: 95px;
}
.step3-food-table td:nth-child(2) {
    width: 95px;
}
.step3-food-table th:nth-child(3) {
    width: 125px;
}
.step3-food-table td:nth-child(3) {
    width: 125px;
}
.step3-food-table th:nth-child(4) {
    width: 120px;
}
.step3-food-table td:nth-child(4) {
    width: 120px;
}
.step3-food-table th:nth-child(5) {
    width: 120px;
}
.step3-food-table td:nth-child(5) {
    width: 120px;
}
.reciepe-item .action-btns .btn {
    padding: 3px 5px;
    line-height: 1;
}
.badge-food-steps-check-item.active {
    background: #ffc107 !important;
}
.badge-food-steps-check-item.completed {
    background: #28a745 !important;
}
.recipes-textarea {
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: rgba(31,36,39,1);
    padding: 0.375rem 0.75rem;
    height: 85px;
    overflow-y: auto;
}
.recipes-textarea.readonly {
    background: #e9ecef;
}
.badge-food-steps .input-group {
    width: auto;
    margin-right: 0.5rem;
}
.badge-food-steps .input-group:last-child {
    margin-right: 0;
}
.badge-food-steps .input-group .badge {
    border-radius: 0 0.25rem 0.25rem 0;
}
.meals-ingredients-table {
    min-height: 400px;
}
.meals-ingredients-table th {
    height: 40px;
}
.badge-food-steps-error {
    padding-left: 60px;
}

/*dataset page*/
.database-nav-tabs .nav-link.h5 {
    font-size: 1rem;
}
.database-table {
    max-height: calc(100vh - 180px);
}
.database-table table {
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #dee2e6;
}
.database-table table thead th {
    padding: 10px;
    position: sticky;
    top: -1px;
    z-index: 1;
    background: white;
    white-space: nowrap;
}
.database-table table th {
    font-weight: 600;
    vertical-align: middle;
}
.database-table table td, .database-table table th {
    border: 1px solid #dee2e6;
    text-align: center;
}
.database-table thead th.master-column {
    background: #cccccc;
}
.database-table thead th.cat-column {
    background: #A4C2F4;
}
.database-table thead th.info-column {
    background: #B7D6A8;
}
.database-table table tbody td {
    background: #fff;
    padding: 10px;
    text-align: center;
    word-break: break-word;
    vertical-align: middle;
}
.database-table table tbody th {
    padding: 10px;
    background: #fff;
}
/*dataset page end*/
/*analysis page*/
.no-nav .common-scroll-table.analysis-table {
    max-height: calc(100vh - 155px);
}
/*analysis page end*/
/*search filter*/
.search-filter {
    padding: 0.5rem;
}
.search-filter input.form-control {
    padding-right: 25px;
    font-size: 12px;
}
.search-filter input.form-control:focus {
    outline: 0;
    box-shadow: none;
}
.search-filter .search-submit-btn {
    padding: 0;
    right: 15px;
    top: 13px;
}
.search-filter .search-submit-btn .fa-paper-plane {
    width: 12px !important;
    color: #007AFF;
}
/*search filter end*/
/*common table icon*/
.common-filter-table thead th .table-heding-icon.active + .table-filter {
    display: block;
}
.common-filter-table thead th .table-filter {
    width: 190px;
}
/*common table icon end*/
.analysis-large-column {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}
/*sample report html scroll*/
.common-page-scroll {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}
.sample-excel-table {
    max-height: calc(100vh - 110px);
    overflow-y: auto
}
.sample-excel-table .table thead th {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 1;
    font-weight: 600;
    white-space: nowrap;
    background: #007bff;
    color: #ffffff;
    font-size: 10px;
}
.text-orange {
    color: #F5A623 !important;
}
.text-green {
    color: #34A853 !important;
}
.text-red {
    color: #F3233D !important;
}
.text-light {
    color: #525587 !important;
}
.font-15 {
    font-size: 15px !important;
}
.font-500 {
    font-weight: 500 !important;
}
input.common-input {
    height: 56px;
    border-radius: 2px;
    border: 1px solid #C3CAD9;
}
input.common-input:focus {
    background-color: #fff;
    border-color: #3D44F0;
    outline: 0;
    box-shadow: none;
    font-weight: 500;
}
select.common-select {
    height: 56px;
    border-radius: 2px;
    border: 1px solid #C3CAD9;
}
select.common-select:focus {
    background-color: #fff;
    border-color: #3D44F0;
    outline: 0;
    box-shadow: none;
    font-weight: 500;
}
textarea.common-textarea {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 2px;
    border: 1px solid #C3CAD9;
    resize: none;
}
textarea.common-textarea:focus {
    background-color: #fff;
    border-color: #3D44F0;
    outline: 0;
    box-shadow: none;
}
label[required]::after {
    content: "*";
    color: #D0021B;
}
.font-10 {
    font-size: 10px;
}
.font-14 {
    font-size: 14px;
}
/*audio dashboard*/
.audio-dashboard-table {
    max-height: calc(100vh - 160px);
    background: #ffffff;
    border-radius: 4px;
}
.audio-dashboard-table .table {
    margin-bottom: 0;
}
.audio-dashboard-table .table thead th {
    border-top: 0;
    font-size: 13px;
    color: rgba(51,77,110,0.5);
    font-weight: 500;
    white-space: nowrap;
    position: sticky;
    top: -1px;
    z-index: 2;
    background: #ffffff;
}
.audio-dashboard-table .table tbody td {
    vertical-align: middle;
    font-size: 13px;
    color: #707683;
    white-space: nowrap;
}
.audio-dashboard-table .table tbody td.call-remark-column {
    white-space: inherit;
}
.remark-module .collapse:not(.show) {
    display: block;
    height: 38px;
    overflow: hidden;
}

.remark-module .collapsing {
  height: 38px;
}

.remark-module a.collapsed::after {
  content: 'Show More';
}

.remark-module a:not(.collapsed)::after {
  content: 'Show Less';
}
.audio-table-common-select {
    width: 150px;
    border: 1px solid #505050;
    outline: 0 !important;
}
.audio-table-common-action-btn {
    background: #007AFF;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    padding: 4px 8px;
    font-size: 12px;
}
.audio-table-common-action-btn:focus {
    outline: 0 !important;
}
.upload-audio {
    border: 2px dashed #DAE1ED;
    background: #FAFCFD;
    padding: 40px 15px;
    border-radius: 4px;
}
.upload-audio-text {
    color: #8F9BB3;
}
.upload-audio-modal .modal-header {
    border-bottom: 0;
}
.upload-audio-text h6 {
    word-break: break-word;
}
.audio-delete-btn {
    border: 0;
    background: inherit;
}
.audio-delete-btn:focus {
    outline: 0;
}
.play-audio-wrapper {
    border: 2px dashed #DAE1ED;
    background: #FFFFFF;
    padding: 10px 15px;
    border-radius: 4px;
    position: relative;
}
.play-audio-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.audio-improvement-img {
  flex: 0 0 32px;
  max-width: 32px;
}
.audio-improvement-img img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.audio-improvement-text {
    padding-left: 8px;
    flex-grow: 1;
}
.audio-improvements {
    border: 1px solid #E5E6E9;
    border-radius: 4px;
    max-height: 275px;
    overflow-y: auto;
}
.audio-improvements-items {
    padding: 20px;
}
.audio-improvements-items:not(:last-child) {
    border-bottom: 1px solid #E5E6E9;
}
/*audio dashboard end*/
/*multiselect start*/
.common-multiselect span.multiselect-native-select {
    width: 100%;
    display: block;
}
.common-multiselect span.multiselect-native-select >.btn-group {
    width: 100%;
}
.common-multiselect span.multiselect-native-select >.btn-group button.multiselect {
    height: 100%;
    border-radius: 2px !important;
    border: 1px solid #C3CAD9 !important;
    box-shadow: none !important;
    text-align: left;
    white-space: inherit;
    min-height: 56px;
}
/*multiselect end*/
/*compare page*/
.center-content-wrapper {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    max-width: 100%;
}
.compare-box-wrapper {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}
.compare-box {
    width: 48.5%;
}
.compare-box iframe {
    width: 100% !important;
}
/*compare page end*/
/*analysis page*/
.analysis-table.common-scroll-table thead {
    z-index: 3;
}
.analysis-table > table.table {
    border-collapse: separate;
}
.analysis-table table thead th {
    color: #ffffff !important;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
    word-break: break-word;
    white-space: inherit;
    vertical-align: middle;
    text-align: center;
}
.analysis-table table tbody td {
    width: 135px;
    min-width: 135px;
    max-width: 135px;
    word-break: break-word;
    vertical-align: middle;
    text-align: center;
}
.analysis-table table tbody th {
    word-break: break-word;
    vertical-align: middle;
    text-align: center;
}
.analysis-table table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    text-align: center;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
.analysis-table table tbody th:first-child {
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 1;
    text-align: center;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
.analysis-table table thead th:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 2;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
.analysis-table table tbody th:nth-child(2) {
    position: sticky;
    left: 60px;
    background: #ffffff;
    z-index: 1;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
.analysis-table table thead th:nth-child(3) {
    position: sticky;
    left: 210px;
    z-index: 2;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
.analysis-table table tbody th:nth-child(3) {
    position: sticky;
    left: 210px;
    background: white;
    z-index: 1;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
.analysis-table table thead th:nth-child(4) {
    position: sticky;
    left: 360px;
    z-index: 2;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table tbody th:nth-child(4) {
    position: sticky;
    left: 360px;
    background: white;
    z-index: 1;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table thead th:nth-child(5) {
    position: sticky;
    left: 495px;
    z-index: 2;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table tbody th:nth-child(5) {
    position: sticky;
    left: 495px;
    background: white;
    z-index: 1;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table thead th:nth-child(6) {
    position: sticky;
    left: 630px;
    z-index: 2;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table tbody th:nth-child(6) {
    position: sticky;
    left: 630px;
    background: white;
    z-index: 1;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table thead th:nth-child(7) {
    position: sticky;
    left: 765px;
    z-index: 2;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.analysis-table table tbody th:nth-child(7) {
    position: sticky;
    left: 765px;
    background: white;
    z-index: 1;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
/*analysis page*/
/*mapped table*/
.common-mapped-table thead th{
    text-align: center;
    word-break: break-word;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
    white-space: inherit;
}
.common-mapped-table tbody td{
    text-align: center;
    word-break: break-word;
    width: 135px;
    min-width: 135px;
    max-width: 135px;
}
.common-mapped-table thead th .table-heding-text{
    text-align: center;
}
/*mapped table*/
/*change password*/
.common-input-global {
    height: 50px;
    border-radius: 0;
}
.change-password-field .bi-eye-slash {
    position: absolute;
    right: 0;
    top: 38px;
    right: 15px;
    cursor: pointer;
}
.change-password-field input {
    padding-right: 45px;
}
/*change password end*/
/*b2b and dietician modules*/
.b2b-table {
    background: #ffffff;
    height: calc(100vh - 150px);
    min-height: calc(100vh - 150px);
    max-height: calc(100vh - 150px);
}
.b2b-table > table.table {
    border-collapse: separate;
}
.b2b-table thead th {
    position: sticky;
    top: 0;
    z-index: 99;
    background: #ffffff;
}
.b2b-table tbody td {
    vertical-align: middle;
    font-size: 12px;
}
.dietician-table {
    background: #ffffff;
    height: calc(100vh - 150px);
    min-height: calc(100vh - 150px);
    max-height: calc(100vh - 150px);
}
.dietician-table > table.table {
    border-collapse: separate;
}
.dietician-table thead th {
    position: sticky;
    top: 0;
    z-index: 99;
    background: #ffffff;
}
.dietician-table tbody td {
    vertical-align: middle;
    font-size: 12px;
}
.add-b2b-modal .modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
.add-dietician-modal .modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
.dietician-table-action-btn {
    background: #007AFF;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    padding: 4px 8px;
    font-size: 12px;
}
.dietician-table-single-select {
    width: 150px;
    border: 1px solid #505050;
    outline: 0 !important;
}
.dietician-table-multi-select .email-dropdown-heading {
    background: #ffffff;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    border: 1px solid #505050;
    padding: 2px 20px 2px 10px;
    font-size: 12px;
    font-weight: 400;
    max-height: 132px;
    overflow-y: auto;
    min-width: 150px;
    min-height: 26px;
}
.dietician-table-multi-select .email-dropdown-heading {
    font-size: 12px;
    font-weight: 400;
}
.dietician-table-multi-select .email-dropdown-heading .caret-icon {
    right: 6px;
    top: 6px;
    color: #6e747a;
}
.dietician-table-multi-select .email-dropdown-content .form-check {
    margin-bottom: 10px;
    word-break: break-word;
}
.dietician-table-multi-select .dropdown-search-outer {
    position: sticky;
    background: #ffffff;
    top: 0;
    z-index: 9;
    padding-top: 15px;
}
.dietician-table-multi-select .email-dropdown-content {
    padding-top: 0;
}
.dietician-table-multi-select .dropdown-search-wrapper .dietician-table-input {
    padding-right: 20px !important;
    border: 1px solid #007AFF;
    max-width: 100%;
    width: 100%;
    height: 24px;
    padding: 0 3px;
}
.dietician-table-multi-select .email-dropdown-wrapper {
    width: 100%;
}
.dropdown-search-btn {
    padding: 0;
    right: 5px;
    top: 2px;
    border: 0;
    outline: 0 !important;
    background: transparent;
    color: #007AFF;
}
/*b2b and dietician modules end*/
/*revision history*/
.revision-history-table {
    max-height: calc(100vh - 110px);
}
.revision-history-table th {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 1;
    font-weight: 600;
    white-space: nowrap;
    font-size: 10px;
}
.revision-history-table td {
    font-size: 10px;
    white-space: nowrap;
    vertical-align: middle;
}
.revision-history-table tbody td.revision-history-column {
    white-space: inherit;
}
/*revision history end*/
input.common-date-input{
    width: 70px !important;
}
.table-filter {
    text-align: left;
}
/*default filter table*/
.default-filter-table {
    max-height: calc(100vh - 150px);
    min-height: calc(100vh - 150px);
}
.default-filter-table > table.table {
    border-collapse: separate;
    margin-bottom: 0;
}
.default-filter-table table thead th {
    position: sticky;
    z-index: 1;
    top: 0px;
    padding: 0;
    vertical-align: middle;
}
.default-filter-table table tbody th {
    vertical-align: middle;
}
.default-filter-table table tbody td {
    vertical-align: middle;
}
.default-filter-table thead th .table-heding-icon.active + .table-filter {
    display: block;
}
.default-filter-table thead th .table-heding-sort::after {
    right: 0.5em;
    content: url('../images/sort.svg');
    position: absolute;
    margin-top: 1px;
    top: 50%;
    transform: translateY(-50%);
}
.default-filter-table thead th .table-heding-filter::after {
    right: 0.5em;
    content: url('../images/filter.svg');
    position: absolute;
    margin-top: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.default-filter-table thead th .table-filter {
    width: 190px;
}
.default-filter-table .index-col {
    text-align: center;
}
/*default filter table end*/
/*report parameter edit*/
.report-edit-radio {
    padding-top: 10px;
    padding-bottom: 5px;
}
.report-edit-radio .form-check {
    margin-bottom: 5px;
}
.report-edit-radio .form-check .form-check-label span.form-check-label-text {
    position: relative;
    top: -1px;
}
.report-parameter-edit .top-action-btns {
    position: sticky;
    top: 0;
    background: #ececec;
    z-index: 2;
    padding: 5px;
}
.report-parameter-edit .common-textarea {
    font-size: 12px;
}
.report-parameter-edit .common-input {
    font-size: 12px;
}
.report-parameter-edit .circle-number-list .list-count {
    top: 5px;
}
/*report parameter edit end*/
/*gsa lf*/
.gsa-lf-table tbody td{
    word-break: break-word;
}
.gsa-lf-table thead .index-col {
    position: sticky;
    left: 0 !important;
    z-index: 2;
}
.gsa-lf-table tbody td.index-col {
    position: sticky;
    left: 0 !important;
    background: #FFFFFF !important;
    z-index: 1;
}
.gsa-lf-table {
    max-height: calc(100vh - 190px);
    min-height: calc(100vh - 190px);
}
.gsa-lf-table .lf-genotype-col {
    background: #bcbcbc !important;
}
/*gsa lf*/
/*report edit start*/
.action-btns .delete-btn {
    background: #dc3545;
    color: #ffffff;
}
.grey-out {
    background: #cccccc;
    opacity: 0.5;
}
.delete-modal {
    max-width: 600px;
}
.delete-modal .modal-body {
    padding-top: 30px;
}
/*report edit start end*/
/*header disease*/
.header-bottom-disease {
    padding: 5px 0;
    font-size: 12px;
}
.header-bottom-disease > div.row {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/*header disease end*/

/*sample excel table */
.sample-excel-table thead .sample-excel-fstcol {
    position: sticky;
    left: 0 !important;
    z-index: 2 !important;
}
.sample-excel-table tbody .sample-excel-fstcol {
    position: sticky;
    left: 0 !important;
    background: #FFFFFF;
    z-index: 1;
}

.sample-excel-table thead th {
    vertical-align: middle !important;
}
.sample-excel-table .sample-excel-redcol{
    background: #DD3E46 !important;
    color: #ffffff !important;
}

.sample-excel-table .sample-excel-orngcol{
    background: #ED9F2D !important;
    color: #ffffff !important;
}

.sample-excel-table .sample-excel-grncol{
    background: #008000 !important;
    color: #ffffff !important;
}
.sample-excel-table .sample-excel-ltgrncol{
    background: #60BE60 !important;
    color: #ffffff !important;
}
.sample-excel-table .sample-excel-grycol{
    background: #808080 !important;
    color: #ffffff !important;
}
/*sample excel table */

/*custom radio*/
.report-edit-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}
.custom-control-input:checked ~ .ltgreen-radio::before {
    color: #fff;
    border-color: #29F083 !important;
    background-color: #29F083 !important;
}
.custom-control-input:checked ~ .green-radio::before {
    color: #fff;
    border-color: #50B748 !important;
    background-color: #50B748 !important;
}
.custom-control-input:checked ~ .orange-radio::before {
    color: #fff;
    border-color: #ED9F2D !important;
    background-color: #ED9F2D !important;
}
.custom-control-input:checked ~ .red-radio::before {
    color: #fff;
    border-color: #DD3E46 !important;
    background-color: #DD3E46 !important;
}
.custom-control-input:checked ~ .grey-radio::before {
    color: #fff;
    border-color: #80917e !important;
    background-color: #80917e !important;
}

.report-edit-radio .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none !important;
}
.report-edit-radio .custom-control-label::before {
    top: 0;
}
.report-edit-radio .custom-control-label::after {
    top: 0;
}
/*custom radio end*/

.action-btns .undo-btn {
    background: #ED9F2D;
    color: #ffffff;
}

.your-result-img img {
    width: 16px;
}

/*report page number*/
.report-index-number {
    width: 60px;
}
.report-index-table {
    margin-bottom: 30px;
}
.report-index-table td {
    border-bottom: 1px solid rgba(61, 68, 240, 0.303977);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}
table.report-pagegroup-table {
    border-collapse: separate;
}
.report-pagegroup-table th {
    font-size: 12px;
    padding: 0.5rem;
    vertical-align: middle !important;
}
.report-pagegroup-table td {
    font-size: 12px;
    padding: 0.5rem;
    vertical-align: middle !important;
}
.report-pagegroup-table thead th {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 2;
}
.report-pagegroup-table thead th:first-child {
    left: 0;
    z-index: 3;
}
.report-pagegroup-table tbody th:first-child {
    position: sticky;
    left: 0;
    background: #ffffff;
    font-weight: 400;
}
.report-pagegroup-table tbody .report-pagegroup-colspan {
    position: sticky;
    left: 0;
    background: #ffffff;
}
.report-pagegroup-colspan span {
    position: sticky;
    left: 0.75rem;
}
/*report page number end*/

.action-btns .exchange-btn {
    background: #454545;
    color: #FFFFFF;
}
.action-btns .exchange-btn_newpara {
    background: #454545;
    color: #FFFFFF;
}

.exchange-modal .report-edit-radio .custom-control-label {
    font-weight: 600;
}
.exchange-modal .report-edit-radio .custom-control-label::before {
    top: 3px;
}
.exchange-modal .report-edit-radio .custom-radio:not(:last-child) {
    margin-bottom: 10px;
}

/*questionnaire versionn page*/
main.main-wrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.questionnaire-version-tab .questionnaire-table {
    max-height: calc(100vh - 205px);
}
.questionnaire-version-tab .questionnaire-tips {
    max-height: calc(100vh - 170px);
}
.questionnaire-version-tab .action-btns .btn {
    padding: 1px 10px;
}
.questionnaire-table-input-wrapper {
    width: 100%;
}
.questionnaire-table-input {
    border: 1px solid #505050;
    height: 24px;
    padding: 0 3px;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
}
.questionnaire-table-input:focus {
    outline: 0 !important;
}
.questionnaire-table-right-label-item:not(:last-child) {
    border-right: 1px solid #dee2e6;
}
.questionnaire-table-select {
    max-width: 100%;
    width: 100%;
    border: 1px solid #505050;
    height: 24px;
}
.questionnaire-table-right-label label {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 5px;
}
.questionnaire-table-textarea {
    border: 1px solid #505050;
    padding: 0 3px;
    width: 100%;
    max-width: 100%;
}
.questionnaire-table-textarea:focus {
    outline: 0 !important;
}
.questionnaire-table-blood-report {
    margin-top: 8px;
    border-top: 1px solid #dee2e6;
    padding-top: 8px;
}
.questionnaire-table-input-wrapper .email-dropdown-wrapper {
    width: 100%;
}
.questionnaire-table-input-wrapper .email-dropdown-heading {
    background: #ffffff;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    border: 1px solid #505050;
    padding: 2px 20px 2px 10px;
    font-size: 14px;
    font-weight: 400;
    max-height: 132px;
    overflow-y: auto;
}
.questionnaire-table-input-wrapper .email-dropdown-heading .caret-icon {
    right: 6px;
    top: 6px;
    color: #6e747a;
}
.dropdown-search-wrapper .questionnaire-table-input {
    padding-right: 20px;
    border-color: #007AFF;
}
/*questionnaire versionn page end*/

/*rp result*/
.rp-result-table thead .index-col {
    position: sticky;
    left: 0 !important;
    z-index: 2;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}

.rp-result-table tbody td.index-col {
    position: sticky;
    left: 0 !important;
    background: #FFFFFF !important;
    z-index: 1;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}

.rp-result-table thead .sample-col {
    position: sticky;
    left: 60px !important;
    z-index: 2;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.rp-result-table tbody td.sample-col {
    position: sticky;
    left: 60px !important;
    background: #FFFFFF !important;
    z-index: 1;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}


.rp-result-table thead .trait-col {
    position: sticky;
    left: 180px !important;
    z-index: 2;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.rp-result-table tbody td.trait-col {
    position: sticky;
    left: 180px !important;
    background: #FFFFFF !important;
    z-index: 1;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.rp-result-table thead .result-col {
    position: sticky;
    left: 420px !important;
    z-index: 2;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.rp-result-table tbody td.result-col {
    position: sticky;
    left: 420px !important;
    background: #FFFFFF !important;
    z-index: 1;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}
/*rp result end */
/*rp count */
.rp-count-table thead .index-col {
    position: sticky;
    left: 0 !important;
    z-index: 2;
}

.rp-count-table tbody td.index-col {
    position: sticky;
    left: 0 !important;
    background: #FFFFFF !important;
    z-index: 1;
}
/*rp count end*/

/*snp count */
.snp-count-table thead .index-col {
    position: sticky;
    left: 0 !important;
    z-index: 2;
}

.snp-count-table tbody td.index-col {
    position: sticky;
    left: 0 !important;
    background: #FFFFFF !important;
    z-index: 1;
}
/*snp count end*/

/*pagination*/
.common-pagination nav {
    height: 100%;
}
.common-pagination nav ul.pagination {
    height: 100%;
}
.common-pagination nav ul.pagination .page-link {
    height: 100%;
    align-items: center;
    display: flex;
}
.show-all-page label {
    background: #ffffff;
    border-right: 1px solid #edeef0;
    padding: 10px 10px 10px 28px;
    position: relative;
    cursor: pointer;
}
.show-all-page label .form-check-input {
    margin-left: -18px;
    cursor: pointer;
}
/*pagination end*/
/*dashboard filter*/
.dashboard-filter .dropdown-toggle::after {
    display: none;
}
.dashboard-filter .dropdown-menu {
    padding: 10px;
    width: 250px;
    font-size: 12px;
}
.dashboard-filter .form-check-label {
    font-weight: 500;
}
.dashboard-filter .form-check-label .form-check-input {
    margin-top: 0.2rem;
}
/*dashboard filter end*/
/*old details*/
.old-details {
    border-top: 1px solid #dee2e6;
    margin-top: 10px;
    padding-top: 10px;
}
.index-table-common-plus-btn {
    color: #007AFF;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 0;
    background-color: transparent;
    outline: 0 !important;
}
/*old details end*/

/*sales details*/
.currency-dropdown-heading {
    border: 1px solid #505050;
    border-radius: 0;
    height: 24px;
    line-height: 24px;
    padding: 0px 20px 0px 3px;
    margin-bottom: 0;
    cursor: pointer;
}
.currency-dropdown-content {
    display: none;
    background: #ffffff;
    width: 170px;
    border: 1px solid #ced4da;
    padding: 10px 10px;
    max-height: 160px;
    overflow-y: auto;
    z-index: 1;
}
.currency-dropdown-content .form-check {
    margin-bottom: 0;
    padding-left: 0px;
}
.currency-dropdown-content .form-check .form-check-label {
    position: relative;
    width: 100%;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 25px;
    word-break: break-word;
    white-space: initial;
}
.currency-dropdown-content .form-check .fa-check {
    display: none;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
}
.currency-dropdown-content .form-check.active .fa-check {
    display: block;
}
.currency-dropdown-content .form-check:hover {
    background: #efefef;
}
.currency-dropdown-content .form-check.active {
    background: #efefef;
}
.currency-dropdown-heading.active + .currency-dropdown-content {
    display: block;
}
.currency-dropdown-heading .caret-icon {
    right: 5px;
    top: 6px;
    color: #6e747a;
}
.currency-dropdown-heading .caret-icon.fa-caret-up {
    display: none;
}
.currency-dropdown-heading.active .caret-icon.fa-caret-down {
    display: none;
}
.currency-dropdown-heading.active .caret-icon.fa-caret-up {
    display: block;
}
/*sales details end*/
/*currency tooltip*/
.data-index-table .currency-tooltip {
    font-size: 10px;
    font-weight: 700;
}
/*currency tooltip end*/
/*dashboard changes*/
.input-group.buyer-phn {
    width: 165px;
}
.buyer-phn input.form-control {
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0px;
    padding: 0.375rem 0.5rem;
    font-size: 12px;
}
.buyer-phn button.dropdown-toggle {
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0px;
    border-color: #ced4da;
    z-index: 0 !important;
}
.buyer-phn .dropdown-menu {
    z-index: 0 !important;
}
select.buyer-phn-code {
    border: 1px solid #ced4da;
    color: #495057;
    font-size: 12px;
    outline: 0 !important;
}
/*dashboard changes end*/
/*b2b report analysis*/
.b2b-report-released-table {
    background: #ffffff;
    height: calc(100vh - 220px);
    min-height: calc(100vh - 220px);
    max-height: calc(100vh - 220px);
}
.b2b-report-released-table > table.table {
    border-collapse: separate;
}
.b2b-report-released-table thead th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #ffffff;
}
.b2b-report-released-analysis-table {
    background: #ffffff;
    height: calc(100vh - 140px);
    min-height: calc(100vh - 140px);
    max-height: calc(100vh - 140px);
}
.b2b-report-released-analysis-table > table.table {
    border-collapse: separate;
}
.b2b-report-released-analysis-table thead th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #ffffff;
}
/*b2b report analysis end*/

/*dashboard*/
.dash-item-inr {
    min-height: 150px;
}
/*dashboard end*/