/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/

::selection {
    background-color: var(--mud-palette-primary) !important;
    color: white;
}

html, body, #app {
    width: 100%;
    height: 100%;
}

ul {
    padding: 0;
}

ul, li {
    list-style: none;
}

.cursorPointerClass *{
    cursor: pointer !important;
}

/* ----- Worklog ----- */

.worklog-margin-none {
    padding: 0;
}

.worklog-margin-dense {
    padding: .25rem .75rem .25rem .75rem;
}

.worklog-margin-normal {
    padding: .5rem 1.5rem .5rem 1.5rem;
}

/* ----- INPUT FIELDS ----- */

.input-field {
    transition: all 0.1s ease-in-out;
    border-radius: var(--mud-default-borderradius) !important;
}

.mud-input-root {
    color: var(--mud-palette-secondary) !important;
}

.mud-input-adornment .mud-icon-root {
    color: var(--mud-palette-secondary) !important;
}

/*
.input-field-readonly .mud-input,
.input-field-readonly .mud-input-root {
    cursor: default !important;
}
*/

/* INPUT FIELD MARGIN */

.mud-input-text,
.mud-input-control {
    margin: 0 !important;
}

.mud-input .mud-input-root {
    padding: 0 !important;
    margin: 0 !important;
}

.mud-input-margin-dense .mud-input-root {
    padding: 10px !important;
}

.mud-input-margin-dense.mud-input-adorned-end {
    padding-right: 10px !important;
}

.mud-input-margin-dense.mud-input-adorned-end .mud-input-root {
    padding-right: 0 !important;
}

.mud-input-margin-dense.mud-input-adorned-start {
    padding-left: 10px !important;
}

.mud-input-margin-dense.mud-input-adorned-start .mud-input-root {
    padding-left: 0 !important;
}

.mud-input-adornment {
    margin: 0 5px 0 0 !important
}

/* INPUT FIELD FONT WEIGHT */
.input-field-font-weight-light .mud-input-root {
    font-weight: 300 !important;
}

.input-field-font-weight-normal .mud-input-root {
    font-weight: 400 !important;
}

.input-field-font-weight-medium .mud-input-root {
    font-weight: 500 !important;
}

.input-field-font-weight-semibold .mud-input-root {
    font-weight: 600 !important;
}

.input-field-font-weight-bold .mud-input-root {
    font-weight: 700 !important;
}

/* INPUT FIELD SIZE */

.input-field-text-size-small .mud-input-root {
    font-size: 0.9rem !important;
}

.input-field-text-size-medium .mud-input-root {
    font-size: 1rem !important;
}

.input-field-text-size-large .mud-input-root {
    font-size: 1.1rem !important;
}

/* INPUT FIELD WIDTH */

.input-field-width-xs {
    min-width: 5.5rem !important;
    width: 5.5rem !important;
}

.input-field-width-sm {
    min-width: 7.2rem !important;
    width: 7.2rem !important;
}

.input-field-width-md {
    min-width: 8.6rem !important;
    width: 8.6rem !important;
}

.input-field-width-lg {
    min-width: 10.3rem !important;
    width: 10.3rem !important;
}

.input-field-width-xl {
    min-width: 12.4rem !important;
    width: 12.4rem !important;
}

.input-field-width-xxl {
    min-width: 15rem !important;
    width: 15rem !important;
}

.input-field-width-false .mud-input {
}

/* NON-READONLY TEXT VARIANT INPUT FIELD BACKGROUND ON HOVER */

.focus {
    position: relative;
}

.focus:has(:focus)::before {
    opacity: 0.2;
}

.focus::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--mud-palette-primary);
    opacity: 0;
}