:root {
    --primary-light-cst: #00ad00;
    --primary2-cst: #00800063;
    --primary-cst: #008000;
    --primary-dark-cst: #005600;
    --white-cst: #FFFFFF;
    --white-bg-cst: #ffffffba;
    --greyLight-1-cst: #252525;
    --greyLight-2-cst: #c8d0e738;
    --greyLight-3-cst: #333333;
    --greyDark-cst: #4f6077ad;
    --greyDark2-cst:rgba(20, 20, 20, 0.678);

    --table-row-a: #142e1b;
    --table-row-b: #193921;
    --table-row-hover: #115816;
    --table-header: black;
    --table-column: #132c19;
    --table-border: rgb(255 255 255 / 14%);

    --font-color: #ffffff8c;
    --highLight-color: #ffffff;
    --font-color-hover: var(--primary-cst);
    --font-color-active: var(--primary-light-cst);
    --font-color-disabled: #404040;

    --filter-img: invert(64%) sepia(11%) saturate(15%) hue-rotate(319deg) brightness(97%) contrast(86%);
    --filter-img-user: var(--filter-img);
    --filter-img-hover: invert(39%) sepia(98%) saturate(450%) hue-rotate(157deg) brightness(101%) contrast(89%);
    --filter-img-active: invert(60%) sepia(71%) saturate(1603%) hue-rotate(166deg) brightness(96%) contrast(93%);
    --filter-img-disabled: ;

    --primary: var(--primary-cst);
    --danger: #b35f5f;
    --info: #5f7cb3;
    --success: #6db35f;


    --sidebar-sice      : 200px;
    --sidebar-right-sice: var(--sidebar-sice);

    --inferior-height   : 48px;
    --navbar-superior-height:55px;

    --width-sidebar-monitoring: 170px;
    --width-content-monitoring: 84%;

    --border-radius-xlg: 25px;
    --border-radius-lg: 15px;
    --border-radius-md: 10px;
    --border-radius-sm: 5px;
    --borderWidth: 3px;

    --transition-time: 0.3s;

    --shadow-normal: 5px 5px 13px #1a1a1a, -5px -5px 13px #303030;
    --shadow-normal-right: -5px 5px 13px #1a1a1a,5px -5px 13px #303030;
    --shadow-hover: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2-cst), inset -0.2rem -0.2rem 0.5rem var(--greyDark2-cst);
    --shadow-active: inset 0.2rem 0.2rem 0.5rem var(--greyDark2-cst), inset -0.2rem -0.2rem 0.5rem var(--greyLight-2-cst);
    --shadow-disabled: inset 50px 50px 98px #1e1e1e, inset -50px -50px 98px #2c2c2c;
    --shadow-strong: 8px 8px 16px #131313, -8px -8px 16px #373737;
    --shadow-card: var(--shadow-normal);
    /* --shadow-card: 0px 0px 15px black; */
    
    --dots-color: var(--primary-cst);
    --dots-shadow: inset 2px 2px 4px var(--primary-dark-cst);
}
/* :root {
    --primary-light-cst: #7bcbee;
    --primary2-cst: #1d8dcc63;
    --primary-cst: #1d8dcc;
    --primary-dark-cst: #145274;
    --white-cst: #FFFFFF;
    --white-bg-cst: #ffffffba;
    --greyLight-1-cst: #252525;
    --greyLight-2-cst: #c8d0e738;
    --greyLight-3-cst: #333333;
    --greyDark-cst: #4f6077ad;
    --greyDark2-cst:rgba(20, 20, 20, 0.678);

    --table-row-a: #263138;
    --table-row-b: #2631387a;
    --table-row-hover: #34586b;
    --table-header: black;
    --table-column: #263137;
    --table-border: rgb(255 255 255 / 14%);

    --font-color: #ffffff8c;
    --highLight-color: #ffffff;
    --font-color-hover: var(--primary-cst);
    --font-color-active: var(--primary-light-cst);
    --font-color-disabled: #404040;

    --filter-img: invert(64%) sepia(11%) saturate(15%) hue-rotate(319deg) brightness(97%) contrast(86%);
    --filter-img-user: var(--filter-img);
    --filter-img-hover: invert(39%) sepia(98%) saturate(450%) hue-rotate(157deg) brightness(101%) contrast(89%);
    --filter-img-active: invert(60%) sepia(71%) saturate(1603%) hue-rotate(166deg) brightness(96%) contrast(93%);
    --filter-img-disabled: ;

    --primary: var(--primary-cst);
    --danger: #b35f5f;
    --info: #5f7cb3;
    --success: #6db35f;


    --sidebar-sice      : 200px;
    --sidebar-right-sice: var(--sidebar-sice);

    --inferior-height   : 48px;
    --navbar-superior-height:55px;

    --width-sidebar-monitoring: 170px;
    --width-content-monitoring: 84%;

    --border-radius-xlg: 25px;
    --border-radius-lg: 15px;
    --border-radius-md: 10px;
    --border-radius-sm: 5px;
    --borderWidth: 3px;

    --transition-time: 0.3s;

    --shadow-normal: 5px 5px 13px #1a1a1a, -5px -5px 13px #303030;
    --shadow-normal-right: -5px 5px 13px #1a1a1a,5px -5px 13px #303030;
    --shadow-hover: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2-cst), inset -0.2rem -0.2rem 0.5rem var(--greyDark2-cst);
    --shadow-active: inset 0.2rem 0.2rem 0.5rem var(--greyDark2-cst), inset -0.2rem -0.2rem 0.5rem var(--greyLight-2-cst);
    --shadow-disabled: inset 50px 50px 98px #1e1e1e, inset -50px -50px 98px #2c2c2c;
    --shadow-strong: 8px 8px 16px #131313, -8px -8px 16px #373737;
    --shadow-card: var(--shadow-normal);
    
    --dots-color: var(--primary-cst);
    --dots-shadow: inset 2px 2px 4px var(--primary-dark-cst);
} */

@font-face {
    font-family: 'Iconic Light';
    src: url('../../fonts/iconic/Iconic-Light-trial.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Iconic Regular';
    src: url('../../fonts/iconic/Iconic-Regular-trial.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}