/* body {
  font-family: "Roboto", serif, sans-serif !important;
  zoom: 80%;
  -moz-transform: scale(0.8);
  -moz-transform-origin: 0 0;
} */

/* Tooltip box */
.introjs-tooltip {
    max-width: 400px !important;
    background: #fff !important;
    border-radius: 6px !important;
    padding: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    text-align: center !important;
}

/* Arrow on top */
.introjs-tooltip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

/* Title */
.introjs-tooltip-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Description text */
.introjs-tooltiptext {
    font-size: 14px;
    line-height: 1.5;
    /* margin-bottom: 15px; */
}

/* Buttons wrapper */
.introjs-tooltipbuttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 0 !important;
}

/* Skip button (left) */
.introjs-skipbutton {
    background: none !important;
    border: none !important;
    color: #555 !important;
    font-size: 13px !important;
    cursor: pointer;
}

/* Progress text (middle) */
.introjs-progress {
    flex: 1;
    text-align: center;
    font-size: 13px;
    color: #333;
}

/* Back button */
.introjs-prevbutton {
    background: none !important;
    border: none !important;
    color: #d32f2f !important;
    font-size: 13px !important;
    margin-right: 10px;
    cursor: pointer;
}

/* Next button */
.introjs-nextbutton,
.introjs-donebutton {
    background: #ff004c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 5px 15px !important;
    font-size: 13px !important;
    cursor: pointer;
}

.introjs-step-counter {
    flex: 1;
    text-align: center;
    font-size: 13px;
    color: #333;
}

/* Tooltip box end */

.floating-nav {
    top: 80px;
    right: 50px;
    box-shadow: 0px 7px 50px 6px #00000017;
    border-radius: 12px;
    width: 20%;
    padding: 12px;
    /* height: 52vh; */
    display: none;
    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.floating-notification-nav {
    top: 80px;
    right: 200px;
    box-shadow: 0px 7px 50px 6px #00000017;
    border-radius: 12px;
    width: 30%;
    padding: 12px;
    height: 60vh;
    display: none;
    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.bg-light-gray01 {
    background: #f9f9f8 !important;
}

.header-shadow {
    box-shadow: 0px 4px 4px 0px #0000000f !important;
}

.py-05 {
    padding: 1px 0;
}

.floating-nav ul li:hover {
    background-color: #f7f8f9;
    border-radius: 5px;
}

.bg-blue01 {
    background-color: #092138 !important;
}

.border-blue01 {
    border: solid 1px #092138 !important;
}

.text-blue02 {
    color: #092138;
}

.text-2F7C6F {
    color: #2f7c6f;
}

.bg-blue02 {
    background: #14466b !important;
}

.bg-012D78 {
    background: #012d78;
}

.bg-2F7C6F {
    background: #2f7c6f;
}

.bg-8C8C8C {
    background: #8c8c8c;
}

.bg-blue03 {
    background: #061021;
}

.bg-blue04 {
    background: #484e59 !important;
}

.bg-blue05 {
    background: #172031;
}

.bg-blue06 {
    background-color: #073763 !important;
}

.bg-blue07 {
    background-color: #1c4586 !important;
}

.bg-A84C4D {
    background: #a84c4d !important;
}

.bg-6A2246 {
    background: #6a2246;
}

.bg-C7C19D {
    background: #c7c19d;
}

.bg-005AF5 {
    background: #005af5;
}

.bg-0171BE {
    background: #0171be;
}

.bg-B0AA86 {
    background: #b0aa86;
}

.bg-CCC6A2 {
    background: #ccc6a2;
}

.text-blue07 {
    color: #1c4586 !important;
}

.text-00307D {
    color: #00307d !important;
}

.border-blue07 {
    border: solid 1px !important;
}

.border-blue08 {
    border: #0d3169 1px solid !important;
}

.border-7E7E7E {
    border: 1px solid #7e7e7e;
}

.border-1C4586 {
    border: 1px solid #1c4586;
    /* display: flex; */
    /* justify-content: center; */
    background: white;
}

.border-header-1C4586 {
    border-top: 1px solid #1c4586;
    border-left: 1px solid #1c4586;
    border-right: 1px solid #1c4586;
    /* display: flex; */
    /* justify-content: center; */
    background: white;
}

.text-blue08 {
    color: #191d23 !important;
}

.text-blue10 {
    color: #178fff !important;
}

.text-gray05 {
    color: #595c5f !important;
}

.text-EF3234 {
    color: #ef3234;
}

.text-7A7A7A {
    color: #7a7a7a;
}

.text-1A4684 {
    color: #1a4684 !important;
}

.bg-2E862C {
    background: #2e862c !important;
}

.bg-595c5f {
    background: #595c5f !important;
}

.bg-1A4684 {
    background: #1a4684 !important;
}

.bg-D3D3D3 {
    background: #d3d3d3;
}

.bg-04172A {
    background: #04172a;
}

.bg-6C757D {
    background: #6c757d !important;
}

.bg-E1DBB7 {
    background: #e1dbb7 !important;
}

.bg-E1DCB7 {
    background: #e1dcb7 !important;
}

.bg-274E12 {
    background: #274e12 !important;
}

.bg-BBAF66 {
    background: #bbaf66 !important;
}

.bg-38751D {
    background-color: #38751d;
}

.bg-212529 {
    background: #212529;
}

.bg-0271BD {
    background: #0271bd !important;
}

.bg-B69D66 {
    background: #b69d66;
}

.bg-0243A2 {
    background: #0243a2;
}

.bg-BCAB88 {
    background: #bcab88;
}

.bg-F1F3F4 {
    background: #f1f3f4;
}

.bg-2A764E {
    background: #2a764e;
}

.bg-01A2F1 {
    background: #01a2f1 !important;
}

.bg-394346 {
    background: #394346 !important;
}

.bg-ECEEEF {
    background: #eceeef;
}

.bg-AEDEFD {
    background: #aedefd !important;
}

.bg-0DACF8 {
    background: #0dacf8 !important;
}

.text-818F98 {
    color: #818f98 !important;
}

.text-005AF5 {
    color: #005af5;
}

.text-1C4584 {
    color: #1c4584;
}

.text-3A9315 {
    color: #3a9315;
}

.text-575757 {
    color: #575757;
}

.text-0DACF8 {
    color: #0dacf8 !important;
}

.text-3DBF04 {
    color: #3dbf04;
}

.text-CE3000 {
    color: #ce3000;
}

.text-gray06 {
    color: #6c757d !important;
}

.text-E49647 {
    color: #e49647;
}

.text-0000FF {
    color: #0000ff;
}

.text-3B9314 {
    color: #3b9314 !important;
}

.text-2B8F00 {
    color: #2b8f00 !important;
}

.text-0000FE {
    color: #0000fe !important;
}

.text-6B6B6B {
    color: #6b6b6b;
}

.text-green01 {
    color: #4caf50 !important;
}

.text-green02 {
    color: #38761d !important;
}

.text-green03 {
    color: #43ae4c !important;
}

.bg-blue08 {
    background-color: #0071bd !important;
}

.bg-blue09 {
    background-color: #1f334c;
}

.bg-blue10 {
    background: #1255cb;
}

.bg-blue12 {
    background: #0c5493;
}

.bg-blue11 {
    background: #0d6efd !important;
}

.text-blue11 {
    color: #0d6efd !important;
}

.border-blue11 {
    border: 1px solid #0d6efd !important;
}

.border-005AF5 {
    border: solid #005af5 1.84px;
    top: 36px;
    padding: 11px 0;
    width: 97%;
    right: 0;
}

.br-0 {
    border-radius: 0 !important;
}

.bg-blue12 {
    background: #0c61e7 !important;
}

.bg-blue13 {
    background: #dde2ed;
}

.bg-blue14 {
    background: #178fff !important;
}

.bg-blue15 {
    background: #082138 !important;
}

.bg-blue17 {
    background-color: #15466c !important;
}

.border-blue005 {
    border: 1px solid #082138 !important;
}

.text-blue15 {
    color: #082138 !important;
}

.blue-border01 {
    border: 1px solid #178fff !important;
}

.bg-purple {
    background-color: #0001fb !important;
}

.bg-purple01 {
    background-color: #aa86e4 !important;
}

.bg-brown01 {
    background: rgb(180, 120, 42) !important;
}

.bg-orange01 {
    background-color: rgba(228, 172, 68, 0.807) !important;
}

.bg-marron01 {
    background: #660000 !important;
}

.bg-tan {
    background: #f4f3ee;
}

.text-positioning {
    top: 45%;
    left: 35%;
}

.text-purple {
    color: #0001fb !important;
}

.border-purple {
    border: solid 1px #0001fb !important;
}

.bg-green01 {
    background-color: #006837 !important;
}

.bg-green02 {
    background: #38761e !important;
}

.bg-green03 {
    background: #198754 !important;
}

.bg-green04 {
    background: #37791f !important;
}

.bg-green05 {
    background: #38761d !important;
}

.bg-green06 {
    background: #036838 !important;
}

.bg-green07 {
    background: #066837 !important;
}

.bg-yellow01 {
    background: #fefe03 !important;
}

.bg-yellow02 {
    background: #f1c231 !important;
}

.bg-danger01 {
    background: #660001 !important;
}

.bg-blue10 {
    background: #1255cc !important;
}

.bg-blue11 {
    background: #0001fc !important;
}

.bg-blue16 {
    background: #0d3069 !important;
}

.bg-gray01 {
    background: #666666 !important;
}

.bg-gray02 {
    background: #434343 !important;
}

.bg-gray03 {
    background: #e6e6e6 !important;
}

.bg-gray04 {
    background: #0000001a !important;
}

.bg-gray05 {
    background: #f2f4f8 !important;
}

.bg-gray06 {
    background: #d0d0d0 !important;
}

.bg-gray07 {
    background: #f4f3ee !important;
}

.bg-gray08 {
    background: #d9d9d9 !important;
}

.bg-gray09 {
    background: #f4f3ed;
}

.bg-light-red01 {
    background: #f7f4ff;
}

.bg-light-red02 {
    background: #f5f3ed !important;
}

.bg-light-red03 {
    background: #f4f3ec !important;
}

.bg-light-blue01 {
    background: #f8f9fb !important;
}

.bg-card-bg {
    background: #f2f2f2 !important;
}

.bg-gray10 {
    background-color: #f6f8fa;
}

.bg-gray11 {
    background-color: #e0fedd;
}

.bg-gray12 {
    background: #e6e5e5 !important;
}

.bg-gary13 {
    background: #eeeeee;
}

.bg-3B9314 {
    background: #3b9314 !important;
}

.bg-1E1E5F {
    background: #1e1e5f;
}

.bg-0357AF {
    background: #0357af;
}

.bg-F4F3EB {
    background: #f4f3eb;
}

.bg-009246 {
    background: #009246 !important;
}

.bg-5B5C5F {
    background: #5b5c5f !important;
}

.bg-0373FE {
    background: #0373fe !important;
}

.bg-1C4683 {
    background: #1c4683 !important;
}

.bg-C4C0BB {
    background: #c4c0bb !important;
}

.bg-1C4585 {
    background: #1c4585 !important;
}

.bg-5A5C5F {
    background: #5a5c5f !important;
}

.bg-0472FD {
    background: #0472fd !important;
}

.bg-CCCCCC {
    background: #cccccc;
}

.bg-1C4584 {
    background: #1c4584 !important;
}

.bg-C4C0BA {
    background: #c4c0ba !important;
}

.bg-DEE1E2 {
    background-color: #dee1e2;
}

.bg-075C27 {
    background: #075c27 !important;
}

.text-075C27 {
    color: #075c27 !important;
}

.text-0373FE {
    color: #0373fe !important;
}

.text-022F7D {
    color: #022f7d;
}

.text-1C4585 {
    color: #1c4585;
}

.text-0AAD12 {
    color: #0aad12;
}

.text-5B5C5F {
    color: #5b5c5f;
}

.text-1C4683 {
    color: #1c4683 !important;
}

.text-0671FD {
    color: #0671fd !important;
}

.text-C70955 {
    color: #c70955;
}

.text-156EFB {
    color: #156efb;
}

.text-801F20 {
    color: #801f20 !important;
}

.text-009246 {
    color: #009246 !important;
}

.text-0572FD {
    color: #0572fd;
}

.text-811F1F {
    color: #811f1f;
}

.text-gray02 {
    color: #7c7c7c;
}

.text-gray03 {
    color: #343a40;
}

.dark-bg {
    background: #343a40 !important;
}

.border-gray03 {
    border: 1px solid #343a40 !important;
}

.border-8C8C8C {
    border: 1px solid #8c8c8c;
}

.border-8C8C8C-b {
    border-bottom: 1px solid #8c8c8c;
}

.border-8C8C8C-r {
    border-right: 1px solid #8c8c8c;
}

.border-0373FE {
    border: 1.78px #0373fe solid;
}

.text-gray04 {
    color: #344054;
}

.text-0343AC {
    color: #0343ac;
}

.vh-100 {
    height: 100vh;
}

.body-bg {
    background-color: #f1f3f5 !important;
}

.se-border {
    border-left: 10px solid gray;
    border-right: 10px solid gray;
    min-height: 100vh;
    height: 100%;
    /* position: fixed !important; */
}

.hheader-border {
    border-right: 20px solid gray;
}

.user-init {
    background-image: url("../images/rounded-light-bg.svg") !important;
    background-size: cover !important;
    background-position: center !important;
}

.close-btn {
    background-image: url("../images/rounded-light-bg.svg") !important;
    background-size: cover !important;
    background-position: center !important;
}

.toggle-arrow,
.toggle-arrow-mini {
    background-image: url("../images/bg-elipsis.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.z-10 {
    z-index: 10;
}

.z-5 {
    z-index: 5;
}

.pt-100 {
    padding-top: 100px;
}

.pt-100-landing {
    padding-top: 100px;
}

.bg-dark01 {
    background: #071114;
}

.dark-text {
    color: #252c32;
}

.text-gradient {
    background: linear-gradient(90deg, #7be8fb 0%, #3688fe 100%);
    -webkit-background-clip: text; /* Clip the background to the text */
    -webkit-text-fill-color: transparent; /* Make the text color transparent */
    font-weight: bold; /* Optional styling */
}

.text-gray01 {
    color: #a1a1aa;
}

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

.-ms-4 {
    margin-left: -4px;
}

.mt-274 {
    margin-top: 274px;
}

.mt-210 {
    margin-top: 174px;
}

.mt-284 {
    margin-top: 284px;
}

.mt-302 {
    margin-top: 302px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-30 {
    margin-top: 30px;
}

.mobi {
    display: none;
}

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

.w- {
    width: 10%;
}

.w-2 {
    width: 23%;
}

.btn-h {
    height: 48px;
}

.col-size-5 {
    width: 5%;
}

.xs-p {
    padding: 1px;
}

.sm-p {
    padding: 3px;
}

.dark-green {
    background: #284e13 !important;
}

.dark-green-text {
    color: #284e13 !important;
}

.left-208 {
    /* left: 100px; */
}

.w-16 {
    width: 16%;
}

.close-i {
    top: 2px;
    right: 2px;
    padding: 2px;
    font-size: 6px;
}

.sidebar-expanded {
    min-height: 100vh;
    background-color: #172031;
    color: white;
    position: fixed;
    z-index: 10;
    padding: 0;
    right: 0;
    display: none;
    min-width: 50%;
}

.admin-sidebar {
    height: 100vh;
    position: sticky;
    top: 0;
    background-color: #f4f3ec;
    padding: 12px;
    width: 100%;
    color: #212529;
    border-right: 1px solid #e5e9eb;
    overflow-y: auto;
}

.admin-sidebar > h5 {
    color: #002970;
    font-weight: 700;
    padding: 0 24px;
}

.admin-sidebar > ul {
    height: 100vh !important;
    overflow: auto !important;
    padding-bottom: 80px;

    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.invisible-scrollbar {
    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none !important;
    scrollbar-width: none !important; /* Firefox */
}

.table-header {
    margin-top: 80px;
}

.stadard-mt {
    margin-top: 100px;
}

.mt-100 {
    margin: 100px !important;
}

.table-wrapper {
    max-height: 300px;
    top: 382px;
}

.realized-gain-button {
    cursor: pointer;
}

.admin-sidebar > ul::-webkit-scrollbar {
    display: none;
}

.text-blue01 {
    color: #212529;
}

.text-blue03 {
    color: #0001fc !important;
}

.text-blue09 {
    color: #2c76ff !important;
}

.text-yellow01 {
    color: #f1c231 !important;
}

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

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

.fw-500 {
    font-weight: 500;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.admin-sidebar > ul > li {
    padding: 6px 24px;
    font-size: 14px;
    color: #212529;
}

.active-link {
    color: #0071bd !important;
    background-color: #d7edff;
    font-weight: 600;
    border-radius: 6px;
}

.active-button {
    background: #03ff00;
    color: black;
    padding: 2px;
}

.active-link > a {
    color: #0071bd !important;
}

.fc-blue {
    color: #0071bd;
}

.right-wrapper {
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    padding: 0.5rem 1.5rem;
}

td {
    font-size: 12px;
}

th {
    font-size: 14px;
    font-weight: 400;
}

.fs-4 {
    font-size: 1px !important;
    color: red;
}

.fsc-6 {
    font-size: 6px !important;
}

.fs-7 {
    font-size: 7px;
}

.fs-8 {
    font-size: 8px;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.double-arrow {
    height: 20px;
    width: 20px !important;
}

.green-bg01 {
    background: #becc9e !important;
}

.arsh-blue-bg {
    background-color: #1f2933 !important;
}

.green-bg02 {
    background: #314d1c !important;
}

.green-bg03 {
    background: #48752c !important;
}

.red-bg01 {
    background: #f9eceb !important;
}

.red-bg02 {
    background: #6b2246 !important;
}

.red-bg03 {
    background: #8c1a11 !important;
}

.admin-sidebar {
    display: block;
}

.overflow-auto {
    overflow-x: auto;
    width: 85vw !important; /* mobile view port */
    max-width: 100%;
}

.min-width-626 {
    min-width: 626px !important;
}

.min-width-800 {
    min-width: 800px !important;
}

.min-width-1000 {
    min-width: 1000px !important;
}

.desk-mb {
    margin-bottom: 80px;
}

.nav-pb {
    padding-bottom: 80px;
}

.top-space {
    margin-top: 80px !important;
}

input:focus {
    outline: none;
}

.dashboard-sidebar {
    display: none;
    top: 80px;
    left: 0;
    z-index: 5;
    /* width: 20% !important; */
    position: absolute;
    /* border: solid red 1px;
    background: #f4f3ec !important; */
}

.regular-sidebar {
    height: 100vh;
    position: fixed;
    background-color: #e6e5e5;
    /* padding: 12px; */
    top: 0;
    color: #212529;
    border-right: 1px solid #e5e9eb;
    z-index: 10;
}

.regular-sidebar > h5 {
    color: #002970;
    font-weight: 700;
    padding: 0 24px;
}

.regular-sidebar > ul {
    height: 100vh !important;
    overflow: auto !important;
    padding-bottom: 80px;

    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.regular-sidebar > ul::-webkit-scrollbar {
    display: none;
}

.regular-sidebar > ul > li {
    padding: 6px 24px;
    font-size: 14px;
    color: #212529;
}

.regular-sidebar {
    display: block;
}

.regular-sidebar--mini {
    display: none;
}

.gary-table-button {
    width: 56px;
    height: 25px;
    line-height: 11.72px;
    border-radius: 4.77px;
    margin: auto 0;
}

.-mb-4 {
    margin-bottom: -4px !important;
}

/* regular-sidebar-mini */
.regular-sidebar-mini {
    display: none;
    height: 100vh;
    position: fixed;
    background-color: #e6e5e5;
    /* padding: 12px; */
    top: 0;
    color: #212529;
    border-right: 1px solid #e5e9eb;
    z-index: 10;
}

.regular-sidebar-mini > h5 {
    color: #002970;
    font-weight: 700;
    padding: 0 24px;
}

.regular-sidebar-mini > ul {
    height: 100vh !important;
    overflow: auto !important;
    padding-bottom: 80px;

    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.regular-sidebar-mini > ul::-webkit-scrollbar {
    display: none;
}

.regular-sidebar-mini > ul > li {
    padding: 6px 12px;
    font-size: 14px;
    color: #212529;
}

.sidebar-wrapper {
    display: block;
    top: 80px;
    min-height: 100%;
    height: 100vh;
}

.toggle-switch {
    position: relative;
    width: 40px;
    height: 20px;
    display: inline-block;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2f7c6f;
    transition: 0.3s;
    border-radius: 24px;
}

.slider_2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0171be;
    transition: 0.3s;
    border-radius: 24px;
}

.slider:before,
.slider_2:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

input:checked + .slider:before,
input:checked + .slider_2:before {
    transform: translateX(24px);
}

.subject-option::after {
    border-top: 0 !important;
}

/* there is an image loading issues which is why the domain is used rather that using the relative path  */

.header-section-mobile {
    /* background: url("../images/mobile-section-bg.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/mobile-section-bg.svg");
    /* background-color: #e3e0d7; */
}

.body-section-mobile {
    /* background: url("../images/body-section-mobile.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/body-section-mobile.svg");
    /* background-color: #e3e0d7; */
}

.body-section-desk {
    /* background: url("../images/body-section-bg.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/body-section-bg.svg");
}

.philosophy-bg {
    /* background: url("../images/philosophy-bg.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/philosophy-bg.svg");
}

.pricing-bg {
    /* background: url("../images/pricing-bg.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/pricing-bg.svg");
}

.dash-btns-bg {
    /* background: url("../images/dash-buttons-bg.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/dash-buttons-bg.svg");
}

.footer-bg {
    /* background-image: url("../images/baackground01.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/baackground01.svg");
    /* background-repeat: no-repeat;
    background-size:2700px; */
}

.section-bg {
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/Section-blue-background.png");
    /* background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/section-bg.svg");
    opacity: 40; */
}

.section-bg-fh {
    /* background-image: url("../images/section-bg.svg"); */
    background-image: url("https://www.getalpha.net/stock_design/stock-growth/assets/images/section-bg.svg");
    opacity: 40;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%; /* Full viewport height */
}

.bg-e3e0d7 {
    background-color: #e3e0d7;
}

.bg-0252DA {
    background: #0252da;
}

.bg-009247 {
    background: #009247 !important;
}

.bg-F0EAD7 {
    background: #f0ead7 !important;
}

.color-0252DA {
    color: #0252da;
}

.color-009247 {
    color: #009247;
}

.color-025BD2 {
    color: #025bd2;
}

.color-2860B8 {
    color: #2860b8;
}

.color-6A2246 {
    color: #6a2246;
}

.color-0249BF {
    color: #0249bf;
}

.color-C8DE13 {
    color: #c8de13;
}

.color-4c4c4c {
    color: #4c4c4c;
}

.color-979797 {
    color: #979797;
}

.border-565E6C {
    border: solid 1.36px #565e6c !important;
}

.bg-0870FD {
    background: #0870fd;
}

.text-0C61E6 {
    color: #0c61e6;
}

.bg-0143A3 {
    background: #0143a3;
}

.bg-4C4C4C {
    background: #4c4c4c;
}

.bg-BCAA88 {
    background: #bcaa88;
}

.bg-222529 {
    background: #222529 !important;
}

.bg-3C78D8 {
    background: #3c78d8 !important;
}

.bg-F3F4F6 {
    background: #f3f4f6;
}

.bg-00307D {
    background: #00307d !important;
}

.bg-F6DFA5 {
    background: #f6dfa5 !important;
}

.bg-EFAD4E {
    background: #efad4e !important;
}

.border-009246 {
    border: 1.5px solid #009246;
}

.border-0C326A {
    border: 4.76px solid #0c326a;
    border-radius: 6.34px;
}

.active-section-pp2,
.active-section-ytd2 {
    display: none;
}

.active-section-pp2,
.active-section-ytd2,
.active-section-ye2 {
    /* border: solid 1px #075c27; */
    /* padding: 12px; */
    /* background-color: #E1DBB7; */
}

.border-t-009246 {
    border-top: 1.5px solid #009246;
}

.border-lr-009246 {
    border-left: 1.5px solid #009246;
    border-right: 1.5px solid #009246;
}

.border-b-009246 {
    border-bottom: 1.5px solid #009246;
}

.dashboard-buttons {
    /* border-radius: 11.97px; */
    width: 15%;
    color: #4c4c4c;
    background: white;
    font-weight: 600;
    box-shadow: 0px 1.17px 7.33px 0px #00000036;
}

.active-dashboard-button {
    /* border-radius: 11.97px; */
    width: 15%;
    background: linear-gradient(180deg, #1058d8 0%, #084193 100%);
    box-shadow: 0px 1.17px 7.33px 0px #00000036;
    columns: white !important;
}

.active-dashboard-button-2 {
    /* border-radius: 11.97px; */
    width: 15%;
    background: linear-gradient(180deg, #003798 0%, #002150 100%);
    box-shadow: 0px 1.49px 9.31px 0px #00000036;
    columns: white !important;
}

.active-green-button {
    border-radius: 11.97px;
    width: 15%;
    background: linear-gradient(180deg, #009246 0%, #009246 100%);
    box-shadow: 0px 1.17px 7.33px 0px #00000036;
    columns: white !important;
}

.active-green-button-2 {
    border-radius: 11.97px;
    width: 15%;
    background: linear-gradient(180deg, #026431 0%, #173f00 100%);
    box-shadow: 0px 1.17px 7.33px 0px #00000036;
    columns: white !important;
}

.active-green-button-02 {
    border-radius: 11.97px;
    width: 15%;
    background: linear-gradient(180deg, #04602d 0%, #154204 100%);
    box-shadow: 0px 1.17px 7.33px 0px #00000036;
    columns: white !important;
}

.bg-979797 {
    background: #979797;
}

.free-text {
    color: #3ab549;
}

.lh-18 {
    line-height: 18px;
}

.w-20 {
    width: 20%;
}

.br-5 {
    border-radius: 5px;
}

.legend {
    /* font-size: 14px; */
    text-align: left;
    margin: auto 0 auto 18px;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.legend-color-box {
    width: 25px;
    height: 8px;
    margin-right: 10px;
}

.popover {
    min-width: 25%;
}

.squeeze-in {
    padding: 0 200px !important;
}

.w-btn {
    border: 0.38px solid #465acd !important;
    font-size: 12px !important;
    padding: 2px 4px !important;
}

.b-btn {
    border: 0.38px solid #465acd !important;
    font-size: 12px !important;
    padding: 2px 5px !important;
}

.active-cell-header {
    border-top: 1px solid #0071bd;
    border-left: 1px solid #0071bd;
    border-right: 1px solid #0071bd !important;
    /* border-radius: 5px 5px 0 0; */
    background: #e1dbb7;
    /* color: #0071bd; */
    color: black;
}

.inner-cell {
    border-left: 1px solid #0071bd;
    border-right: 1px solid #0071bd !important;
    background: #e1dbb7;
    color: #0071bd;
}

.alt-inner-cell {
    border-left: 1px solid #0071bd;
    border-right: 1px solid #0071bd !important;
    background: #d0c793;
    color: #0071bd;
}

.active-cell {
    background: #e1dbb7;
}

.active-cell-bottom {
    border-left: 1px solid #0071bd;
    border-right: 1px solid #0071bd !important;
    border-bottom: 1px solid #0071bd;
    /* border-radius: 0 0 5px 5px; */
    background: #e1dbb7;
    color: #0071bd;
}

.alt-active-cell-bottom {
    border-left: 1px solid #0071bd;
    border-right: 1px solid #0071bd !important;
    border-bottom: 1px solid #0071bd;
    /* border-radius: 0 0 5px 5px; */
    background: #d0c793;
    color: #0071bd;
}

.border-0071BD {
    border: solid 1px #0071bd;
}

.pxc-1 {
    padding: 0 1px;
}

.ye-cell-h-,
.ytd-cell-h-,
.cp-cell-h-,
.cp-cell,
.ytd-cell,
.ye-cell,
.ye-cell-h,
.ytd-cell-h,
.cp-cell-h,
.cp-cell-b,
.ytd-cell-b,
.ye-cell-b {
    /* padding: 2px !important; */
}

.cell-br {
    border-right: solid 1px #dee2e6;
}

.theader-b {
    border-top: solid 0.8px #1c4586;
    border-right: solid 0.8px #1c4586;
    border-left: solid 0.8px #1c4586;
    border-radius: 9px 9px 0 0;
    color: #1c4586;
}

.tcell-b {
    border-right: solid 0.8px #1c4586;
    border-left: solid 0.8px #1c4586;
}

.tbcell-b {
    border-bottom: solid 0.8px #1c4586;
    border-right: solid 0.8px #1c4586;
    border-left: solid 0.8px #1c4586;
    border-radius: 0 0 9px 9px;
}

.cp2-btn,
.ytd2-btn,
.ye2-btn,
.pp2-btn {
    cursor: pointer;
}

#displayLabels {
    display: flex !important;
    flex-direction: column !important;
    padding: 12px !important;
}

.realized-gain {
    display: none;
}

.dropleft > .show {
    left: -250px !important;
}

.top-10-list {
    display: none;
}

#pricingStep1,
#pricingStep2,
#pricingStep3 {
    display: none;
}

#pricingPlans {
    display: block;
}

@media only screen and (max-width: 768px) {
    .desk {
        display: none !important;
    }

    .mobi {
        display: block;
    }

    .border-1C4586 {
        border: 1px solid #1c4586;
        border-radius: 13px;
    }

    .border-005AF5 {
        padding: 12px 0;
    }

    .active-cell-header {
        border: none !important;
    }

    .inner-cell {
        border: none !important;
    }

    .active-cell-bottom {
        border-radius: 0 0 5px 5px;
        border: none !important;
    }

    .alt-inner-cell {
        border: 0 !important;
    }

    .alt-active-cell-bottom {
        border: 0 !important;
    }

    .floating-nav {
        width: 80%;
        right: 5px;
        top: 58px;
    }

    .floating-notification-nav {
        top: 50px;
        right: 0px;
        width: 100%;
        padding: 12px;
        height: 900vh;
    }

    .px-5 {
        padding: 5px !important;
    }

    .pt-100 {
        padding-top: 20px;
    }

    .pt-100-landing {
        padding-top: 80px;
    }

    .admin-sidebar {
        display: none;
    }

    .regular-sidebar {
        display: none;
        padding: 0px !important;
    }

    .regular-sidebar-mini {
        display: none;
        padding: 0px !important;
    }

    .sidebar-wrapper {
        /* display: none; */
        top: 0;
        z-index: 100;
    }

    .regular-sidebar- {
        display: none;
        padding: 0px !important;
        z-index: 1000 !important;
    }

    .regular-sidebar--mini {
        display: none;
        padding: 0px !important;
    }

    .mt-60 {
        margin-top: 46px;
    }

    .mt-20 {
        margin-top: 50px;
    }

    .right-wrapper {
        position: relative;
        padding: 40px 8px 0 !important;
    }

    .body-bg {
        background-color: white;
    }

    .text-center-aligned {
        text-align: center !important;
    }

    .col-lg-10 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .close-i {
        top: 0;
    }

    .se-border {
        border: none !important;
    }

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

    .top-space {
        margin-top: 50px !important;
    }

    .table-header {
        margin-top: 50px;
    }

    .stadard-mt {
        margin-top: 10px;
    }

    .mt-100 {
        margin-top: 60px !important;
    }

    .dashboard-buttons {
        border-radius: 5.9px;
        width: 24%;
    }

    .dashboard-sidebar {
        top: 0;
        z-index: 100;
    }

    .active-dashboard-button,
    .active-dashboard-button-2,
    .active-green-button,
    .active-green-button-2,
    .active-green-button-02 {
        border-radius: 5.29px;
        width: 24%;
    }

    .left-arrow-position {
        left: 10px;
        top: 20px;
    }

    .right-arrow-position {
        right: 10px;
        top: 20px;
    }

    .left-208 {
        left: 0px;
    }
}