@import "fontawesome/css/all.min.css";

@import "vo-sfcustomizations.css";
@import "vo-flexlayout.css";
@import "vo-gridlayout.css";
@import "vo-panellayout.css";
@import "vo-tilelayout.css";
@import "vo-badgeicon.css";
@import "vo-chip.css";
@import "vo-checkbox.css";
@import "vo-floating-container.css";
@import "vo-datagrid.css";
@import "vo-listview.css";
@import "vo-collectionview.css";
@import "vo-tooltip.css";
@import "vo-sfcustomizations.css";
@import "vo-dialog.css";
@import "vo-button.css";
@import "vo-actionsdropdown.css";
@import "vo-label.css";
@import "vo-labelvalue.css";
@import "vo-avatar.css";
@import "vo-eventlistener.css";
@import "vo-card.css";
@import "vo-listitemtemplate.css";
@import "vo-emptyview.css";
@import "vo-emptypreviewtemplate.css";
@import "vo-dashletviewcontainer.css";
@import "vo-inputentry.css";
@import "vo-starecfilterview.css";
@import "vo-textentityinput.css";
@import "vo-animations.css";
@import "vo-messagesview.css";
@import "vo-tab.css";
@import "vo-treeview.css";
@import "vo-digitalclock.css";
@import "vo-scrollview.css";
@import "vo-attachments.css";
@import "vo-spacer.css";
@import "vo-containerlayout.css";
@import "vo-busyview.css";

/* Code Input dependency */
@import "../code-input/prism-vs.css";
@import "../code-input/code-input.min.css";


*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-size: 16px; /* default size for rem unit */
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}
body {
    color: var(--vo-app-page-color);
    position: fixed;
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5em;
    margin-top: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
}

h1,
.h1 {
    font-size: 2rem;
}

h2,
.h2 {
    font-size: 1.6rem;
}

h3,
.h3 {
    font-size: 1.4rem;
}

h4,
.h4 {
    font-size: 1.2rem;
}

h5,
.h5 {
    font-size: 1rem;
}

h6,
.h6 {
    font-size: .8rem;
}

p {
    margin: 0 0 1.2rem;
}

/* Scrollbar customization Chrome */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 20px;
    border: transparent;
}


/* Utilty */
.vo-center-vertical {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

.vo-text-ellipsis {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.e-altrow {
    background-color: var(--vo-datagrid-altrow-background-color);
}