@font-face {
    font-family: "Gibson Light";
    src: local("gibson-light.otf"), url("fonts/gibson-light.otf") format("truetype");
}

@font-face {
    font-family: "Gibson Regular";
    src: local("gibson-regular.otf"), url("fonts/gibson-regular.otf") format("truetype");
}

@font-face {
    font-family: "Gibson SemiBold";
    src: local("gibson-semibold.otf"), url("fonts/gibson-semibold.otf") format("truetype");
}

@font-face {
    font-family: "Proxima Nova Bold";
    src: local("proxima-nova-bold.otf"), url("fonts/proxima-nova-bold.otf") format("truetype");
}

@font-face {
    font-family: "Proxima Nova SemiBold";
    src: local("proxima-nova-semibold.otf"), url("fonts/proxima-nova-semibold.otf") format("truetype");
}

@font-face {
    font-family: "Proxima Soft Bold";
    src: local("proxima-soft-bold.otf"), url("fonts/proxima-soft-bold.otf") format("truetype");
}

@font-face {
    font-family: "Proxima Soft Medium";
    src: local("proxima-soft-medium.otf"), url("fonts/proxima-soft-medium.otf") format("truetype");
}
@font-face {
    font-family: "DM Sans";
    src: local("DMSans-Regular.ttf"), url("fonts/DMSans-Regular.ttf") format("truetype");
}

* {
    box-sizing: border-box;
}

html, body, #root {
    font-family: "DM Sans", "Proxima Soft Bold", serif !important;
    height: 100%;
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#root {
    position: relative;
}

.heading-font {
    font-weight: 900 !important;
}

.basic-backspace {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.filled-flex {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
}

.table-cell-without-bottom-border {
    border-bottom: none !important;
}

.logo-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex: 1;
}

.message-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    height: 80% !important;
    margin: 0px 20px !important;
}

.decorated-title {
    font-weight: bolder !important;
    letter-spacing: -1px !important;
    margin-top: 30px !important;
}

.decorated-subtitle {
    color: #F1666A !important;
    font-size: 1.3em !important;
    font-weight: 800 !important;
}

.badge {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgb(206, 147, 216);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    left: 3px;
    top: 1px;
    color: white;
}

.non-border-table-cell {
    border: none !important;
}

.bold-text {
    font-weight: bolder !important;
}

.box-center-align-horizontal {
    margin: 0 auto;
}

.dialog-border-radius {
    border-radius: 10px !important;
}

.browser-resize {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0px 20px;
    position: fixed;
    background: #1D1D2A;
    z-index: 10000000;
}

.cursor {
    cursor: pointer;
}

.table-height {
    height: calc(100vh - 250px);
}

.dialog-gradient-strip {
    background: linear-gradient(88.49deg, #00A8AE -18.62%, #B7E588 81.39%);
    padding: 5px;
}

.paper-gradient-strip {
    background: linear-gradient(88.49deg, #00A8AE -18.62%, #B7E588 81.39%);
    padding: 5px;
    border-radius: 4px 4px 0px 0px;
}

.center-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ecosave-background-gradient {
    background: linear-gradient(88.49deg, #00A8AE -18.62%, #B7E588 81.39%);
}

.onboarding-helper-notification-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #054166;
    opacity: 0.5;
}