/*#region FONTS */
@import "./fonts.css";
/*#endregion*/

/*#region SYNCFUSION FRAMEWORK*/
@import "../libs/syncfusion/material_base.css";
@import "../libs/syncfusion/material_buttons.css";
@import "../libs/syncfusion/material_calendars.css";
@import "../libs/syncfusion/material_dropdowns.css";
@import "../libs/syncfusion/material_grids.css";
@import "../libs/syncfusion/material_icons.css";
@import "../libs/syncfusion/material_inputs.css";
@import "../libs/syncfusion/material_navigations.css";
@import "../libs/syncfusion/material_notifications.css";
@import "../libs/syncfusion/material_popups.css";
@import "../libs/syncfusion/material_splitbuttons.css";
@import "../libs/syncfusion/material_abb_theme.css";
/*#endregion*/

/*#region MDB FRAMEWORK*/
@import "../libs/mdb/fontawsome.min.css";
@import "../libs/mdb/mdb.min.css";
/*#endregion*/

/*#region CUSTOM*/
@import "./form.css";
/*#endregion*/

:root {
    --global-text-color: #262626;
    --global-color-primary: #FF000F;
    --global-color-secondary: #779fa1;
    --global-color-inactive: #ACACAC;
    --global-color-ambient: #E5E5E5;
    --global-color-border: #e0e0e0;
    --global-color-ambient-trans:rgba(235, 235, 235, 0.81);
    --global-font-size-small: 12px;
    --global-font-size: 13px;
    --global-highlight-font-size: 14px;
    --global-hero-font-size: 16px;
    --global-section-spacing: 40px;
    --global-top-distance: 60px;
    --global-half-top-distance: 20px;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

body {
    color: var(--global-text-color);
    overflow-x: hidden;
}

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}

h1, h2, h3 {
    position: relative;
}

h1:before, h2:before, h3:before {
    content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    top: -4px;
    background-color: var(--global-color-primary);
}

h1 {
    font-size: var(--global-hero-font-size);
    font-weight: 450;
}

h2 {
    font-size: var(--global-highlight-font-size);
    font-weight: 450;
}

h3 {
    font-size: var(--global-font-size);
    font-weight: 450;
}

.main {
    font-size: var(--global-font-size);
}

.grid-header {
    font-weight: 700;
    font-size: var(--global-highlight-font-size);
}

.e-tooltip-wrap .e-tip-content {
    font-size: 13px;
}

.state {
    padding-left: 1.5rem;
    position: relative;
    display: flex;
}

.state span {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    position: absolute;
    background-color: #e3e3e3;
    left: 0
}

.e-btn.no-shadow {
    box-shadow: none;
}

.e-btn.filter-clear i {
    color:var(--global-color-primary)
}

    /* States */
.state.unknown span {
    background-color: #f3f3f3;
}

.state.draft span {
    background-color: #c3c3c3;
}

.state.posted span {
    background-color: #FBF266;
}

.state.rfc span {
    background-color: #9E29EF;
}

.state.declined span {
    background-color: #F10070;
}

.state.aborted span {
    background-color: #ff8826;
}

.state.accepted span,.state.offerAccepted span  {
    background-color: #95E26A;
}