html > body {
    background-color: white;
}

* {
    font-family: "Noto Sans", sans-serif;
}
/**
 General
 */
:root {
    --vodafone-red: #8CC840;
    --color-red: #e60000;
}
.bold {
    font-family: vodafone-bold, "Noto Sans", sans-serif;
    font-weight: bold;
}
a {
    color: var(--primary);
}

/**
 Feedback panel
 */
.feedbackPanel {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}

.feedbackPanel .feedbackPanelERROR {
    color: var(--color-red);
}

.feedbackPanel .feedbackPanelSUCCESS {
    color: var(--primary);
}

/*
 menu
 */
#navigation {
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--vodafone-red);
    color: white;
    height: 38px;
}

.vflogo {
    height: 26px;
}

.profileIcon {
    height: 19px;
}

.hamburgerIcon {
    height: 19px;
}

#menu {
    min-width: 15rem;
}

#menu .report .draggable:hover {
    cursor: grab;
}
#menu .report .draggable:-moz-drag-over {
    cursor: grabbing;
}

#menu .report .link {
    margin-left: 0.5rem;
}

.nav-item .dropdown-menu .dropdown-item {
    max-width: 100%;
    min-height: 1.9rem;
    padding: 0 1rem;
}

.nav-item .dropdown-menu a.dropdown-item,
.nav-item .dropdown-menu button.dropdown-item
{
    color: var(--primary);
    text-decoration: none;
}

.nav-item .dropdown-menu a.dropdown-item:hover,
.nav-item .dropdown-menu button.dropdown-item:hover
{
    background-color: #f5f5f5;
    text-decoration: underline;
    cursor: pointer;
}

.navigation-item-font-size {
    font-size: 75% !important;
}

.branding-font-size {
    font-size: 60%;
}

.logout {
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
    color: #5a5a5a;
    background-color: #EFEFEF;
    border: 1px solid #AFAFAF;
}

.logout:hover,
.logout:focus,
.logout:active,
.logout.active,
.open .dropdown-toggle.logout {
    color: #5a5a5a;
    background-color: #E2E2E2;
    border-color: #AFAFAF;
}

.logout:active,
.logout.active,
.open .dropdown-toggle.logout {
    background-image: none;
}

.logout.disabled,
.logout[disabled],
fieldset[disabled] .logout,
.logout.disabled:hover,
.logout[disabled]:hover,
fieldset[disabled] .logout:hover,
.logout.disabled:focus,
.logout[disabled]:focus,
fieldset[disabled] .logout:focus,
.logout.disabled:active,
.logout[disabled]:active,
fieldset[disabled] .logout:active,
.logout.disabled.active,
.logout[disabled].active,
fieldset[disabled] .logout.active {
    background-color: #EFEFEF;
    border-color: #AFAFAF;
}

.logout .badge {
    color: #EFEFEF;
    background-color: #5a5a5a;
}

/**
 Paginator
 */
div .paginator {
    float: right;
    line-height: 24px;
}

div .pageNumberContainer {
    vertical-align: top;
    display: inline-block;
}

div .paginator a {
    font-size: 12px;
    color: rgb(112, 113, 115);
    text-decoration: none;
    vertical-align: middle;
}

.paginator .currentPage .page-number {
    background-color: #726868;
    border: 1px solid #726868;
    color: #FFFFFF;
    box-shadow: 0 1px 2px 0 #726868;
}

.page-number {
    -moz-box-shadow: inset 0px 1px 1px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 1px 0px #bee2f9;
    box-shadow: 0 1px 2px 0 #9b9bab;
    background-color: #fcfcfc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    text-indent: 0;
    border: 1px solid #fcfcfc;
    display: inline-block;
    color: #2E2E2E;
    font-size: 11px;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    margin: 0px 2px;
    vertical-align: top;
}

.pagingLink {
    -moz-box-shadow: inset 0px 1px 2px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 2px 0px #bee2f9;
    box-shadow: 0 1px 2px 0 #9b9bab;
    background-color: #fcfcfc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    text-indent: 0;
    border: 1px solid #fcfcfc;
    display: inline-block;
    color: #2E2E2E;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    margin: 0px 2px;
    vertical-align: top;
}

.page-number:hover {
    background-color: #D7D7D7;
}

.page-number:active {
    position: relative;
    top: 0px;
}

tr.navigation {
    background: white;
    visibility: visible;
}

/*
 * Buttons
 */
button.btn, input.btn {
    border: 1px solid #ccc;
    text-transform: initial;
}

input.txt {
    width: 300px;
}

/* Report iframe */
iframe {
    border: 0 solid #FFFFFF;
}

/**
 * main search panel
 */
.mainSearchPanel .mainSearchInput {
    width: 600px;
    border: 1px solid #ccc;
    text-transform: initial;
}

.mainSearchPanel .mainSearchButton {
    border: 1px solid #ccc;
    text-transform: initial;
}

/**
 * table
 */
.mainTable {
    width: 100%;
}
.mainTable thead th {
    text-align: center;
}

.mainTable td ul {
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
}

.mainTable tr:nth-child(even) {
    background-color: #efefef;
}

.mainTable .action-column {
    width: 10%;
    display: flex;
    justify-content: space-between;
}

.action-column > div {
    display: flex;
}

.action-icon {
    margin: 1px;
}

.other-action-icon {
    margin: 1px;
}

/* Apache Wicket table sorting icons */
th.wicket_orderDown:after {
    content: url(/images/sort_arrow_down.png);
}

th.wicket_orderUp:after {
    content: url(/images/sort_arrow_up.png);
}

th.wicket_orderNone:after {
}

/**
 * user management roles
 */
.roles .inputForm {
    display: table;
}

.roles .inputForm div {
    display: table-row;
    height: 50px;
}

.roles .inputForm .content {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
}

.roles .inputForm .inputFormTableCell {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
}

.multipleDropDownChoice {
    border: 1px solid #cccccc;
    padding: 5px;
    height: 100px;
    background: transparent;
}
/**
  dialog
 */
.confirmation-window {
    text-align: center;
}

form .field_with_errors {
    border: 2px solid red;
    white-space: inherit;
    overflow:visible;
}

form .required::after {
    content: '*'
}