@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');





/*-| Varibili di root del componente Login |-*/
:root {
    --LoginPadding: 15px; /*-| distanze laterali della pagina Login |-*/
    --LoginFormMaxW: 600px; /*-| larghezza massima della form di Login |-*/
    --LoginFormMinW: 280px; /*-| Larghezza minima della form di Login |-*/
    --LoginBgBlur: blur(0px);
    --LoginBradius: 10px;
    --InputBradius: 5px;
}

*{
    margin: 0px;
    padding: 0px;

}

.main-content {
    width: 100%;
    padding: 25px 4vw 0px 4vw;
}


html, body{
    background-color: var(--Login-BG-color);
    min-height: 100vh;
}

p, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, a, button{
    color: var(--TextNormalColor)
}

.flexC{
    display: flex;
    flex-direction: column;
}

.flexR{
    display: flex;
    flex-direction: row;
}


.grid-toolbar-export {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/export.svg");
    mask-image: url("../images/export.svg");
    background-color: currentColor;
    opacity: 0.7;
    mask-repeat: no-repeat;
}

.grid-toolbar-column-chooser {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/column-chooser.svg");
    mask-image: url("../images/column-chooser.svg");
    background-color: currentColor;
    opacity: 0.7;
    mask-repeat: no-repeat;
}


.grid-toolbar-plus {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/plus-solid.svg");
    mask-image: url("../images/plus-solid.svg");
    background-color: currentColor;
    opacity: 0.7;
    mask-repeat: no-repeat;
}

.grid-toolbar-pen {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/pen-solid.svg");
    mask-image: url("../images/pen-solid.svg");
    background-color: currentColor;
    opacity: 0.7;
    mask-repeat: no-repeat;
}

.grid-toolbar-filter {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/filter-solid.svg");
    mask-image: url("../images/filter-solid.svg");
    background-color: currentColor;
    opacity: 0.7;
    mask-repeat: no-repeat;
}

.grid-toolbar-trash {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/trash-solid.svg");
    mask-image: url("../images/trash-solid.svg");
    background-color: currentColor;
    opacity: 0.7;
    mask-repeat: no-repeat;
}

.highlighted-item {
    color: var(--TextFixedColor) !important;
    background-color: var(--Button-Primary) !important;
}