/*Info: secondary color variations from: https://coolors.co/009182-009f8f-00af9d-00c1ad-17c7b4-2cccbb-3fd1c1 */
:root {
    --color-primary: #0662b2e6;
    --color-secondary: #ffffff;


    --color-green: #16C100;
    --color-green-thin-light: #00c1ad;
    --color-red: #E44700;
    --color-white: white;
    --color-lightgray: #fbfbfb;
    --color-orange: #FFB003;
    --color-charcoal: #485465;

    /* Info: Top OMNE Bar :done  */
    --hs-topbar-background-color: var(--color-primary);
    --hs-topbar-height: 60px;
    /* Info: Top Main Navigation :done  */
    --hs-main-navigation-background-color: var(--color-primary);
    --hs-main-navigation-height: 100px;
    /* Info: Text/Font :done */
    --fontfam-poppins: "Open Sans", sans-serif;

    --text-color-primary: var(--color-primary);
    --text-color-secondary: #777777;
    --text-color-navigation: #ffffffb3;

    --text-color-white: #ffffff;
    --text-color-action: #f6b042;

    --bg-color-green: #a19d52;
    --bg-color-green-thin-light: #cbb345;
    --bg-color-green-heavy-light: #f6ca47;

    /* Info: form-group input colors */
    --input-text-height: 40px;
    --input-border-color: #D3D3D3;
    --input-focus-border-color: var(--color-secondary);
    --input-border-hover-color: #e7e7e7;
    --input-border-radius: 4px;
    --input-label-color: #777777;
    --input-label-text-size: 12px;
    --input-label-inspan-text-size: 10px;
    --input-text-color: #4a4a4a;
    --input-font-size: 14px;
    --input-text-size: var(--input-font-size);
    --input-focus-text-color: #495057;
    --input-dropdown-caret-color: #00000096;
    --input-dropdown-border-color: #00000096;
    --input-dropdown-text-color: #00000096;
    --input-dropdown-caret-active-color: #000000;
    --input-dropdown-border-active-color: #000000;
    --input-dropdown-text-active-color: #000000;
    --input-dropdown-options-background-color: white;
    --input-dropdown-options-text-color: rgba(0, 0, 0, 1);
    --input-dropdown-options-background-selected-color: white;
    --input-dropdown-options-text-selected-color: #000000;
    --input-dropdown-options-hover-background-color: var(--color-secondary-heavy-light);
    --input-dropdown-options-selected-background-color: var(--color-secondary-heavy-light);
    --input-dropdown-options-hover-text-color: var(--input-dropdown-options-text-color);
    --input-icon-color: #4A4A4A;
    --input-icon-background-color: white;
    --input-background-color: white;
    --input-placeholder-color: #ADA9B8;
    --input-disabled-background-color: #e9ecef;
    --input-checkbox-border-color: var(--text-color-primary);
    --input-checkbox-checked-background-color: #CE4800;
    --input-chip-selected-background-color: var(--color-green6);
    --input-chip-selected-text-color: var(--text-color-green3);
    --input-high-border-color: #e7e7e7;
    --input-high-icon-color: #ffffff;
    --input-high-icon-background-color: #6556C7;
    --input-checkbox-border-color: #ADA9B8;
    --input-checkbox-text-color: #777777;
    --input-checkbox-checked-border-color: #6556C7;
    --input-checkbox-checked-text-color: #6556C7;

    /* Info: Button color variables */
    --button-primary-border-color: #6556C7;
    --button-primary-background-color: #6556C7;
    --button-primary-border-color-hover: #6556C7;
    --button-primary-background-color-hover: #6556C7;
    --button-primary-text-color: #ffffff;
    --button-primary-text-color-hover: #ffffff;
    --button-primary-background-color-disbled: #ADA9B8;
    --button-primary-border-color-disbled: #ADA9B8;
    --button-primary-text-color-disbled: #ffffff;
    --button-primary-outline-border-color: #6556C7;
    --button-primary-outline-background-color: transparent;
    --button-primary-outline-border-color-hover: #6556C7;
    --button-primary-outline-background-color-hover: transparent;
    --button-primary-outline-text-color: #6556C7;
    --button-primary-outline-text-color-hover: #6556C7;
    --button-primary-outline-background-color-disbled: #6556C70c;
    --button-primary-outline-border-color-disbled: #ADA9B8;
    --button-primary-outline-text-color-disbled: #ADA9B8;
    --button-secondary-border-color: #ADA9B8;
    --button-secondary-background-color: #ADA9B8;
    --button-secondary-border-color-hover: #ADA9B8;
    --button-secondary-background-color-hover: #ADA9B8cc;
    --button-secondary-text-color: white;
    --button-secondary-outline-border-color: #ADA9B8;
    --button-secondary-outline-background-color: white;
    --button-secondary-outline-border-color-hover: #ADA9B8;
    --button-secondary-outline-background-color-hover: white;
    --button-secondary-outline-text-color: #ADA9B8;
    --button-text-size: 14px;
    --button-height: 35px;
    --button-border-radius: 50px;

    /* Info: Table vars */
    --table-head-border-color: #B3A7FF;
    --table-head-background-color: #E8E5FF;
    --table-head-text-color: #6556C7;
    --table-head-text-size: 12px;
    --table-td-border-color: #E0E0E0;
    --table-td-text-color: #4A4A4A;
    --table-td-text-size: 14px;
    --table-td-span-text-color: #888888;
    --table-tr-odd-background-color: #F6F6F6;
    --table-tr-even-background-color: #F6F6F6;

    /* old vars */
    /* --secondary-color-thin-light: #17C7B4;
    --secondary-color-medium-light: #2CCCBB;
    --secondary-color-heavy-light: #3FD1C1;
    --secondary-color-thin-dark: #00AF9D;
    --secondary-color-medium-dark: #009F8F;
    --secondary-color-heavy-dark: #009182; */


    /* old vars end */
    /* --color-secondary-thin-light: #17C7B4;
    --color-secondary-medium-light: #2CCCBB;
    --color-secondary-heavy-light: #3FD1C1;
    --color-secondary-thin-dark: #00AF9D;
    --color-secondary-medium-dark: #009F8F;
    --color-secondary-heavy-dark: #009182;
    --color-green: #16C100;
    --color-red: #E44700; */
}

a:hover {
    color: #cbb345 !important;
}
.bg-color-green{
    background: var(--bg-color-green) !important;
}
.bg-color-green-thin-light{
    background: var(--bg-color-green-thin-light) !important;
}
.bg-color-green-heavy-light{
    background: var(--bg-color-green-heavy-light) !important;
}
.text-color-white {
    color: white !important;
}

.text-color-navigation {
    color: var(--text-color-navigation) !important;
}

.text-color-black {
    color: black !important;
}

.text-color-action {
    color: var(--text-color-action);
}

.text-color-action:hover {
    color: #cbb345;
}

[class*="inrow-"] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main.has-topbar {
    margin-top: var(--hs-topbar-height);
}

main.has-main-navigation {
    margin-top: 100px;
}

main.has-topbar.has-main-navigation {
    margin-top: calc(var(--hs-topbar-height) + var(--hs-main-navigation-height));
}

main.main-content-sections-wrapper {
    background: #f5f5f5;
    /* background: #F1F6FA; */
    background-image: linear-gradient(275deg, #F1F6FA, #f5f5f5);
}

.welcome-banner-slim-section {
    background-image: linear-gradient(to bottom left, var(--color-primary) 50%, #2967a8 70%);
}

.hs-card {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px #dfdfdf;
}

.line-height-normal {
    line-height: normal;
}

.line-height-0 {
    line-height: 0;
}

.line-height-inherit {
    line-height: inherit;
}

.var_table-height-limit {
    overflow-y: auto;
    position: relative;
}

.signals-received-table-section .var_table-height-limit {
    max-height: 300px;
}

.four-tables-section .var_table-height-limit {
    max-height: 300px;
}

table.sticky-head thead {
    position: sticky;
    top: 0;
}

.table-dark {
    --bs-table-bg: #04457E;
}

table.hs-table.high-col-1.light-red tr td:nth-of-type(1) {
    background: #FEE2E2;
}

table.hs-table.high-col-1.light-yellow tr td:nth-of-type(1) {
    background: #FEF9C3;
}

table.hs-table.high-col-1.light-green tr td:nth-of-type(1) {
    background: #D1FAE5;
}

table.hs-table.high-col-1.light-blue tr td:nth-of-type(1) {
    background: #DBEAFE;
}

table.hs-table.high-col-1.light-purple tr td:nth-of-type(1) {
    background: #F3E8FF;
}

table.hs-table.high-col-1.light-pink tr td:nth-of-type(1) {
    background: #FCE7F3;
}

table.hs-table.high-col-1.light-indigo tr td:nth-of-type(1) {
    background: #E0E7FF;
}


table.hs-table.high-col-2 tr td:nth-of-type(2) {
    background: #ECFCCB;
}

table.hs-table.high-col-3 tr td:nth-of-type(3) {
    background: #DBEAFE;
}

table.hs-table.high-col-4 tr td:nth-of-type(4) {
    background: #F1F5F9;
}

.form-section form {
    background: #065fad;
    border-radius: 24px;
    position: relative;
}

.iagree {
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

section.form-section {
    position: relative;
}

section.form-section:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    /* background: url('../images/hs-logo-cropped.png') no-repeat top center / 100%; */
    /* background: red; */
}

.cursor-pointer {
    cursor: pointer;
}

a[aria-expanded="true"],
a[aria-expanded="false"] {
    cursor: pointer;
    transition: all 0.5 ease-in-out;
}

a[aria-expanded="false"] i {
    transform: rotate(0deg);
    transition: all 0.5 ease-in-out;
}

a[aria-expanded="true"] i {
    transform: rotate(180deg);
    transition: all 0.5 ease-in-out;
}

.secondary-navigation-section {
    background: #FBE9E7 !important;
    /* background-image: linear-gradient(#0662b2e6, #0662b2); */
    /* background-image: linear-gradient(#a19d528a, #f6ca478a); */
}

.secondary-navigation--link {
    color: #000000b3;
}
.nav-link.reglogin::before{
    content: unset;
    text-decoration: none;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Info: modifications */
/* 
1. remove topbar strip
2. add signin to main navigation
3. make secondary navigation below main navigation and add my orders
4. replace copy referals with myorders at right side
*/