@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");

input[type='number'] {
    -moz-appearance: textfield;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

body {
    background-color: #F7F7F7;
    color: #454545;
}

.empty-spacer-1 {
    height: 1em;
}

.empty-spacer-2 {
    height: 2em;
}

.empty-spacer-3 {
    height: 3em;
}

.empty-spacer-4 {
    height: 4em;
}

.height-100 {
    height: 100%;
}

.hidden-row {
    padding: 0 !important;
}

.selection-spacer {
    height: 2px;
    width: 20px;
    background-color: #647373;
}

.btn-flag-active {
    border-color: #FFFFFF;
    padding: 0;
    width: 75px;
    height: 26px;
}

.btn-flag-inactive {
    padding: 0;
    width: 75px;
    height: 26px;
}

.auto-width {
    width: auto;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.globes-button-circle {
    width: 30px;
    height: 30px;
    padding: 0px 6px;
    border-radius: 60px;
    font-size: 15px;
    text-align: center;
}

.globes-center-text {
    text-align: center;
}

.globes-disabled {
    color: darkgrey;
}

.globes-blue {
    background-color: #004FA3;
}

.globes-blue-icon {
    color: #004FA3;
}

.globes-dropdown {
    border: 1px solid black;
}

.globes-dropdown-transform {
    transform: translate(-85%, 30%) !important;
}

.globes-dropdown a {
    color: #FFFFFF;
}

.globes-dropdown a:hover {
    color: #FFFFFF;
    background-color: #004FA3;
}

.globes-dropdown a.active {
    color: #FFFFFF;
    background-color: #004FA3;
}

.globes-icon-width {
    width: 16px;
}

.globes-full-height {
    height: inherit;
}

.globes-footer {
    margin-top: 2em;
    font-size: 10px;
}

.globes-layout-link {
    font-size: 13px;
    color: #004FA3;
    text-decoration: none;
}

.globes-layout-spacer {
    height: 4px;
    width: 100%;
    background-color: #C7D0CF;
}

.globes-layout-header {
    padding: 2em 0 2em;
}

.globes-layout-header-text {
    padding: 1em 0 0;
    font-size: 32px;
}

.globes-form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 16px;
}

.globes-react-form-select {
    margin: 0;
    padding: 0;
}

.globes-submit-button {
    color: #FFFFFF;
    margin-top: 1em;
    background-color: #004FA3;
    border-radius: 0px 0px 15px 0px;
}

.globes-delete-button {
    color: darkred;
    margin-top: 1em;
    background-color: #FFFFFF;
    border-radius: 0px 0px 15px 0px;
    border: 2px darkred solid;
}

.globes-white-button {
    margin-top: 1em;
    background-color: #FFFFFF;
    color: #004FA3;
    border-color: #004FA3;
    border-width: 2px;
    border-radius: 0px 0px 15px 0px;
}

.globes-white-button:hover {
    color: #FFFFFF;
    border-color: #004FA3;
}

.globes-transparent-button {
    margin-top: 1em;
    background-color: transparent;
    color: #004FA3;
    border-color: #004FA3;
    border-width: 2px;
    border-radius: 0px 0px 15px 0px;
}

.globes-transparent-button:hover {
    color: #004FA3;
    border-color: #004FA3;
}

.globes-zero-width {
    width: 0;
}

.globes-max-width {
    width: 100%;
}

.globes-left-margin {
    margin-left: 2em;
}

.globes-left-margin-1 {
    margin-left: 1em;
}

.globes-right-margin {
    margin-right: 2em;
}

.globes-top-margin-1 {
    margin-top: 1em;
}

.globes-top-margin-2 {
    margin-top: 2em;
}

.globes-top-margin-10px {
    margin-top: 10px;
}

.globes-padding-left-0 {
    padding-left: 0;
}

.globes-padding-right-0 {
    padding-left: 0;
}

.globes-padding-left-1 {
    padding-left: 1em;
}

.globes-padding-right-1 {
    padding-left: 1em;
}

.globes-padding-vertical-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}

.globes-padding-vertical-3 {
    padding-top: 3em;
    padding-bottom: 3em;
}

.globes-link-icon {
    width: 14px;
    height: 14px;
    padding-right: 0;
    padding-left: 0;
    background-color: #878E95;
}

.globes-zero-padding {
    padding: 0;
}

.globes-zero-margin {
    margin: 0;
}

.globes-zero-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.globes-zero-side-margin {
    margin-left: 0;
    margin-right: 0;
}

.globes-header-language-button {
    padding: 0.5em;
}

.globes-header-language-button-link {
    width: 100%;
    padding-left: 0.5em;
}

.globes-header-language-button-text {
    color: #FFFFFF;
    text-align: left;
}

.globes-main-header {
    margin: 0;
    height: 130px;
    background-color: #1A4FA3;
    color: #FFFFFF;
}

.globes-main-header-left-padding {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    border-right: 1px solid #FFFFFF;
}

.globes-main-header-middle-padding {
}

.globes-main-header-right-padding {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    border-left: 1px solid #FFFFFF;
}

.globes-header-center-application-logo {
    padding-right: 0.5em;
}

.globes-header-center-application-name {
    font-size: 32px;
    padding-left: 0;
}

.globes-header-urbaser-logo {
    width: 85px;
}

.globes-header-verdis-logo {
    width: 115px;
}

.globes-header-user {
    padding-left: 0;
}

.globes-header-username {
    margin-right: 1em;
}

.globes-header-user-dropdown {
    width: 200px;
}


.globes-header-user-icon {
    font-size: 35px;
    color: #1A4FA3;
}

.globes-header-user-icon-container {
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    transform: translate(-3px, -10px);
}

.globes-header-user-circle {
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    border-radius: 60px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: 4px solid #FFFFFF;
}

.globes-header-user-logo {
    width: 35px;
    height: 35px;
    background-color: #FFFFFF;
}

.globes-header-logo {
    width: 50px;
    height: 50px;
}

.globes-header-language-flag {
    width: 20px;
    height: 15px;
}

.globes-header-languages-selection {
    width: 75px;
}

/* Main header style */
.main-header {
    height: 130px;
    background-color: #1A4FA3;
    font-family: "Roboto Light";
    color: #FFFFFF;
}

.main-header .header-left {
    padding: 20px 16px;
    float: left;
}

.main-header .header-center {
    padding: 20px 16px;
    overflow: hidden;
    font-size: 32px;
}

.main-header .header-center .globes-logo-style {
    width: 50px;
}

.main-header .header-right {
    padding: 20px 16px;
    float: right;
    font-size: 16px;
}

/* Globes navbar styles */
.globes-header-navigation {
    height: 50px;
    background-color: #76BC21;
}

.globes-navigation-default {
    padding: 0;
}

.globes-navigation-container {
    margin: 0;
    padding: 0;
    width: inherit;
}

.globes-navigation-padding {
    height: 50px;
    background-color: #76BC21;
}

.globes-navigation-left-padding {
    height: 50px;
    background-color: #76BC21;
}

.globes-navigation-middle-padding {
    height: 50px;
    background-color: #76BC21;
}

.globes-navigation-right-padding {
    height: 50px;
    background-color: #76BC21;
}

.globes-navigation-bar {
    height: 50px;
    background-color: #76BC21;
}

.globes-navigation-bar-links {
    width: 100%;
}

.navbar {
    padding-bottom: 0;
    padding-top: 0;
    height: 50px;
}

/* Style the links inside the navigation bar */
.globes-navigation-bar a {
    float: left;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Add a color to the active/current link */
.globes-navigation-bar a.active {
    color: #FFFFFF;
}

/* Reports */
.globes-main-reports-view {
    padding-left: 0;
    padding-right: 0;
}

.globes-report-main {
}

.globes-report-loading {
    margin: auto;
    width: 15em;
}

.globes-report-loading-spinner {
    width: 2em;
    height: 2em;
}

.globes-report-table-header-padding {
    /* TODO: Important! If you change this remember to adjust globes-layout-left-width or globes-layout-right-width width also! */
    padding: 1em 12em !important;
}

.globes-report-table-header {
    background-color: #E9ECEC;
}

.globes-font-bold {
    font-weight: bold;
}

.globes-font-large {
    font-size: large;
}

.globes-font-small {
    font-size: small;
}

.globes-report-table-header-type {
    font-size: larger;
}

.globes-report-table-header-site {
    font-size: xx-large;
}

.globes-report-table-header-icon {
    font-size: xx-large;
}

.globes-report-table-header-download-label {
    font-size: larger;
}

.globes-report-sub-table-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.globes-report-sub-table-filtered-row {
    background-color: #D9EBF7 !important;
}

.globes-report-drill-data {
    padding: 0 !important;
}

.globes-report-expand-arrow {
    font-size: 12px;
    /*color: #1A4FA3;*/
}

.globes-report-table-header-ewc {
    /*width: 130px;*/
}

.globes-report-table-header-amount {
    width: 105px;
}

.globes-report-table-header-site-comparison-amount {
    width: 140px;
}

.globes-report-table-header-co2-amount {
    width: 200px;
}

.globes-report-table-header-total {
    width: 90px;
}

.globes-report-table-header-percentage {
    width: 90px;
}

.globes-report-sub-table-header-ewc {
}

.globes-report-sub-table-header-receiver {
    width: 250px;
    text-align: left;
}

.globes-report-sub-table-header-amount {
    width: 105px;
}

.globes-report-sub-table-header-site-comparison-amount {
    width: 140px;
}

.globes-report-sub-table-header-co2-amount {
    width: 200px;
}

.globes-report-sub-table-header-total {
    width: 90px;
}

.globes-report-sub-table-header-percentage {
    /*width: 90px;*/
    text-align: left;
}

.globes-report-sub-table-right-align {
    text-align: right;
}

.globes-report-sub-table-left-align {
    text-align: left;
}

.globes-report-sub-table-percentage {
    text-align: left;
}

.globes-report-sub-table-header-name {
    /*text-align: inherit;*/
}

.globes-report-sub-table-is-hazardous {
    width: 5px;
}

/* Reports search form styles */
.globes-latest-reports-link {
    padding: 1em 0 2em;
}

.globes-search-row {
    margin-top: 1em;
    margin-bottom: 1em;
}

.globes-reporting-type-buttons {

}

.globes-toggle-group {
    width: 100%;
}

.btn.globes-search-report-type-button {
    color: #004FA3;
    background-color: #FFFFFF;
}

.btn.globes-search-report-type-button.active {
    color: #FFFFFF;
    background-color: #004FA3;
}

/* Help view */
.globes-help-view-image {
    /*background-color: #878E95;*/
    /*color: #FFFFFF;*/
    /*width: 600px;*/
    /*height: 300px;*/
    width: 700px;
}

.globes-help-view-paragraph {
    margin-right: 50%;
}

.globes-help-view-paragraph-small {
    font-size: small;
}

/* Info view */
.globes-info-view-image-left {
    background-color: #878E95;
    color: #FFFFFF;
    width: 300px;
    height: 300px;
    margin-left: 0 !important;
    margin-right: 1em !important;
}

.globes-info-view-image-right {
    background-color: #878E95;
    color: #FFFFFF;
    width: 300px;
    height: 300px;
    margin-right: 0 !important;
    margin-left: 1em !important;
}

/* Feedback view */
.globes-feedback-form-row {
    margin-bottom: 2em;
}

/* Chart div */
.globes-chart {
    width: 100%;
    min-height: 300px;
    max-height: 1200px;
}

/* Dashboard */
.globes-dashboard {
    width: 100%;
    height: 100%;
}

.globes-dashboard-row {
    width: 100%;
}

.globes-dashboard-col {
    padding: 1em;
    margin: 1em;
    background-color: #FFFFFF;
    height: 390px;
}

.globes-dashboard-graph {
    height: 100%;
}

.globes-dashboard-graph-label {
    padding-left: 1em;
    padding-top: 1em;
    font-size: x-small;
    position: absolute;
}

.globes-dashboard-header {
    margin: 3em 1em 1em;
    padding: 0;
}

.globes-dashboard-header-text {
    font-size: 32px;
    font-weight: normal;
}

.globes-dashboard-graph-header {
    margin: 1em;
    padding: 0;
}

.globes-dashboard-graph-header-text {
    font-size: 24px;
    font-weight: normal;
}

.globes-dashboard-chart {
    height: 100%;
}

.globes-dashboard-report-loading {
    font-size: x-small;
}

.globes-dashboard-small-spinner {
    width: 10px;
    height: 10px;
}

.globes-spinner-tiny {
    width: 5px;
    height: 5px;
}

/* Login page */
.globes-login-content {
    /*background-color: #FFFFFF;*/
    height: 100vh;
    padding-top: 40px;
    padding-bottom: 40px;
    
    background: url('../images/login-background.jpeg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.globes-login-form {
    width: 500px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #C7D0CF;
    color: #454545;
}

.globes-forgot-password-form {
    width: 500px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #C7D0CF;
    color: #454545;
}

.globes-login-info-text {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #C7D0CF;
}

.globes-login-info-text-content {
    margin: 0px;
}

.globes-login-form-header {
    font-size: 32px;
    padding-top: 30px;
}

.globes-login-header-text-content {
    margin: 0px;
}

.globes-forgot-password-form-header {
    padding-top: 30px;
}

.globes-forgot-password-text-content {
    margin: 0px;
}

.globes-login-form-fields {
    font-size: 13px;
}

.globes-login-form-row {
    padding-top: 30px;
}

.globes-login-form-footer {
}

.globes-login-error-content {
    height: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.globes-login-message-content {
    height: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.globes-login-submit {
    width: 120px;
    margin: 0px;
}

.globes-inputs-view-months-row {
    margin: 1em 1em 2em;
}

.globes-key-figure-data-exists {
    background-color: #76BC21;
}

/* Documents view */
.globes-documents-table-icons-col {
    width: 4em;
}

.globes-documents-table-download {
    margin-right: 1em;
}

.globes-documents-file-input-label {
    margin-right: 1em;
}

.globes-pointer-input {
    cursor: pointer;
}

.globes-modal {
    background-color: #F7F7F7;
    max-height: 90vh !important;
}

.modal-body-scrollable {
    overflow-y: scroll !important;
}

/* Padded layout styles */
.globes-padded-layout {
    margin: 0;
    padding: 0;
}

.globes-padded-layout-left {
    padding: 0;
}

.globes-padded-layout-middle {
    padding: 0;
}

.globes-padded-layout-right {
    padding: 0;
}

.globes-layout-left-width {
    /* TODO: Important! If you change this remember to adjust globes-report-table-header-padding values to match these! */
    width: 12em;
}

.globes-layout-right-width {
    /* TODO: Important! If you change this remember to adjust globes-report-table-header-padding values to match these! */
    width: 12em;
}

.globes-layout-around-padding {
    /* TODO: Important! If you change this remember to adjust globes-report-table-header-padding values to match these! */
    padding-left: 12em;
    padding-right: 12em;
}

.globes-site-tree-container {
    height: 50em;
    background-color: #FFFFFF;
    padding: 1em;
}

.globes-site-tree-container-scrollable {
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    padding: 1em;
    border: 1px solid lightgray;
}

.globes-site-tree-border {
    border: 1px solid lightgray;
}

.globes-no-border {
    border: none !important;
}

.globes-site-tree-select-wrapper {
    width: 42px;
}

.globes-site-tree-select {
    color: #004FA3;
}

.globes-site-tree-node-container {
    padding-left: 5px;
    margin-bottom: 1px;
}

.globes-site-tree-selection-modal-content {
    height: 550px;
    overflow: auto;
}

.globes-site-tree-node-selected {
    background-color: #004FA3;
    border-radius: 7px;
    color: #FFFFFF;
}

.globes-site-tree-node-secondary-selected {
    color: #DDE1E6 !important;
}

.globes-site-tree-node-highlight {
    color: #004FA3;
}

.globes-site-tree-primary-name {
    padding-left: 5px;
    padding-right: 10px;
}

.globes-site-tree-secondary-name {
    color: #868D96;
    font-size: smaller;
    padding-right: 10px;
}

.globes-treeview-content-wrapper {
    height: 100%;
}

.globes-treeview-content-scrollable {
    overflow: auto;
}

.user-modification-tree-filter-label {
    font-weight: bold;
}

.user-modification-tree-filter-input {
    height: 2.5em;
    font-size: small;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: lightgrey 1px solid;
    border-radius: 4px;
    padding-left: 1em;
}


/* User Management View */


.user-management-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: rgb(247, 247, 247);
}

.user-management-page-size-select {
    width: 8em;
    text-align: left;
    position: relative !important;
}

.user-management-bottom-page-size-select {
    width: 8em;
    text-align: left;
    position: relative !important;
}



.user-management-table-row-dropdown-item {
    font-weight: bold;
    font-style: normal !important;
    height: 2.5em;
    padding-top: 0.5em;
}

.user-management-table-container {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: rgb(232, 233, 237);
    border-radius: 5px;
}

.user-management-table-shadow {
    position: relative;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
    box-shadow: 0 0 4px 4px lightgrey;
    border-radius: 5px;

}

.user-management-table-content {
    position: relative;
    background-color: #FFFFFF;
    padding-bottom: 1em;
    border-radius: 0 0 5px 5px;
}

.user-management-table-buttons-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 4em;
    background-color: rgb(247, 247, 247);
    border-radius: 5px 5px 0 0;
    padding-right: 1em;
}

.user-management-table {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    padding-bottom: 1em;
}

.user-management-table-body {
    position: relative;
    height: 100%;
    background-color: #FFFFFF;
    border-right: 2em solid #FFFFFF;
    border-left: 2em solid #FFFFFF;
    border-radius: 0 0 5px 5px;
}

.user-management-table-row {
    position: relative;
    height: 3em;
    border-top: none;
    border-bottom: rgb(222, 224, 229);
}

.user-management-table-header {
    position: relative;
    margin-bottom: 1em;
}

.user-management-table-header-row {
    position: relative;
    height: 3em;

}

.user-management-table-th {
    position: relative;
    font-size: small;
    color: rgb(104, 105, 115);
}

.user-management-table-th-left {
    position: relative;
    padding-left: 2em !important;
    font-size: small;
    color: rgb(104, 105, 115);
}

.user-management-table-th-right {
    position: relative;
    font-size: small;
    color: rgb(104, 105, 115);
    width: 4em;
}

.user-management-table-td {
    position: relative;
    vertical-align: middle;
    border-left: none;
    border-right: none;
}

.user-management-table-leftmost-td {
    position: relative;
    margin-left: 1em;
    vertical-align: middle;
}

.user-management-table-rightmost-td {
    position: relative;
    margin-right: 1em;
    vertical-align: middle;
    width: 4em;
}

.unconfirmed-user-icon-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}


.globes-unconfirmed-user-icon {
    position: relative;
    height: 20px;
    width: 20px;
    color: darkred;
}


.user-management-table > tbody > tr:nth-child(odd) > td,
.user-management-table > tbody > tr:nth-child(odd) > th {
    background-color: rgb(246, 246, 246);
}


.user-management-table > tbody > tr:last-child {
    position: relative;
    margin-bottom: 1em;
}

.user-management-table-row-dropdown-icon-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.user-management-table-row-dropdown-icon:hover {
    cursor: pointer;
}

.user-management-table-row-dropdown {
    position: relative;
    width: 20em;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 0px 3px 3px lightgrey;
    border-radius: 3px;
    z-index: 10000 !important;
}

.user-management-list-dropdown-item-icon {
    margin-right: 1em;
}

.user-management-search {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2em;
}

.user-management-user-search-filter {
    position: relative;
    width: 30%;
}

.user-management-user-name-search-filter {
    position: relative;
    width: 30%;
    display: flex;
    flex-direction: row;
    padding-bottom: 3px;
}

.user-management-user-search-input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 1em;
    padding-right: 1em !important;
}

.user-management-layers-search-filter {
    position: relative;
    width: 30%;
}

.user-management-pagination-container-top {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding-top: 1.5em;
    padding-right: 2em;
    width: 100%;
}

.user-management-pagination-container-bottom {
    overflow-y: visible !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding-right: 2em;
    width: 100%;
    padding-top: 1em;
    /*z-index: 9000;*/
    background-color: rgb(232, 233, 237);
}

.user-management-pagination-container-bottom > div > div  > div {
    position: relative;
    /*z-index: 10000;*/
                                               }

.user-management-pagination-holder {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 3.5em;
}

.user-management-pagination-label-div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 2.5em;
}

.user-management-pagination-nav-holder {
    position: relative;
}

.user-management-pagination-nav {
    position: relative;
    display: inline;
    flex-direction: row;
    padding-top: 1em;
    vertical-align: middle;

}

.user.user-management-pagination-nav > li {
    display: inline-block;
}

.user-management-filter-label {
    font-weight: bold;
    margin-bottom: 0;
}

.user-management-user-search-icon-container {
    position: relative;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bi-search {
    font-size: 2em;
    margin-bottom: -0.2em;
    /*margin-right: 1em;*/
}

.user-search-input {
    height: 2.3em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
}


.user-management-table-button {
    position: relative;
    background-color: #FFFFFF;
    padding: 0.3em 2em;
    border: #FFFFFF;
    font-size: small;
    color: rgb(45, 80, 159);
    font-weight: bold;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.user-management-table-button > a {
    color: rgb(45, 80, 159) !important;
    margin-left: 1em;
}


.user-management-table-button > i {
    color: rgb(45, 80, 159) !important;
}

.user-management-table-button > a > i {
    color: rgb(45, 80, 159) !important;
    margin-left: -1em;
}

.empty-space-tr {
    height: 1em !important;
}

.empty-space-td {
    border-bottom: none !important;
    background-color: #FFFFFF !important;
}

/* /User Management View */


/*User Modification View*/

.user-modification-site-tree-selection {
    overflow: auto;
    height: 50em;
    background: white;
}

.user-modification-container {
    padding: 1em;
    background: rgb(232, 233, 237);
}

.user-modification-utils {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 1em;
    padding-right: 1em;
}

.user-modification-buttons-right {
    width: 18em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    vertical-align: middle;
}

.user-modification-delete-user-button {
    border-radius: 0 0 15px 0;
    background-color: #FFFFFF;
    color: #004FA3;
    border: 2px solid #004FA3;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
}

.user-modification-submit-button {
    right: 1.5em;
    height: 2.5em;
    border-radius: 0 0 15px 0;
    background-color: #004FA3;
    border: 2px solid #004FA3;
    color: #FFFFFF;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;

}

.user-modification-form-container {
    background: rgb(247, 247, 247);
    border-radius: 7px;
    margin-left: 1em;
    margin-right: 1em;
}

.user-modification-form-buttons-container {
    width: 100%;
    height: 4em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.user-modification-form-buttons {
    width: 40em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 1em;
}

.user-modification-table-button-icon {
 /*   height: 30px !important;
    width: 30px !important;*/
    font-size: 1.5em;
}

.user-modification-form-content {
    margin-left: 5em;
    margin-right: 5em;
}

.user-modification-form-label {
    margin-bottom: 1em;
    font-size: 2em;
    font-weight: lighter;
}

.user-modification-field {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 1em;
    margin-top: 1em;
    width: 70%;
}

.user-modification-field-input {
    width: 50%;
    height: 2.4em;
    padding-left: 1em;
    border: 1px lightgrey solid;
    border-radius: 4px;
}

.user-modification-field-select {
    width: 50%;
    height: 2.5em;
}

.user-modification-field-label {
    padding-right: 2em;
    width: 15em;
    font-weight: bold;
}

.user-modification-tree-view {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1em;
    background-color: rgb(247, 247, 247);
}

.user-modification-selectable-permissions-container {
    width: 48%;
    height: 60em !important;
    background-color: rgb(247, 247, 247);

    display: flex;
    flex-direction: column;
}

.user-modification-selected-permissions-container {
    width: 48%;
    height: 60em !important;
    background-color: rgb(247, 247, 247);

    display: flex;
    flex-direction: column;
}

.user-modification-button {
    background-color: #FFFFFF;
    margin: 1em;
}

.user-modification-button-link {
    color: inherit;
    text-decoration: none;
}

.user-modification-button-link:hover {
    color: inherit;
    text-decoration: none;
}

.user-modification-button-submit {
    background-color: #1A4FA3 !important;
    margin-bottom: 1em;
}

.user-modification-button-submit:hover {
    color: #004FA3;
    border-color: #004FA3;
    background-color: #FFFFFF;
}


.user-modification-language-input-container {
    display: flex;
    flex-direction: column;
    text-align: left;

}

.user-modification-form-separator {
    border: 1px solid black;
}

.user-modification-permissions-container {
    padding: 2em 1em 1em;
    background: rgb(247, 247, 247);
}

.user-modification-user-form-container {
    padding: 2em 1em 1em;
    background: rgb(247, 247, 247);
}

.user-modification-user-permissions-header {
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    padding: 1em;
}

.user-modification-user-permissions-selected-label {
}

.user-modification-user-permissions-selected-confirm-button-container {
    margin-left: auto;
    border-radius: 7px;
    background-color: #004FA3;
    color: #FFFFFF;
    padding: 10px;
}

.user-modification-user-permissions-selected-confirm-button-container:hover {
    margin-left: auto;
    border-radius: 7px;
    background-color: #004FA3;
    color: #FFFFFF;
    padding: 10px;
}

.user-modification-user-permissions-selected-confirm-button-container-disabled {
    margin-left: auto;
    border-radius: 7px;
    background-color: #FFFFFF;
    color: #9CA2A8;
    padding: 10px;
    border: 1px solid lightgray;
}

.user-modification-user-permissions-selected-confirm-button-container-disabled:hover {
    margin-left: auto;
    border-radius: 7px;
    background-color: #FFFFFF;
    color: #9CA2A8;
    padding: 10px;
    border: 1px solid lightgray;
}

.user-modification-user-permissions-selected-confirm-button-icon {
    margin-right: 5px;
}

/*/User Modification View*/

/* Api key Management View */

.api-key-management-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: rgb(247, 247, 247);
}

.api-key-management-page-size-select {
    width: 8em;
    text-align: left;
}

.api-key-management-table-row-dropdown-item {
    font-weight: bold;
    font-style: normal !important;
    height: 2.5em;
    padding-top: 0.5em;
}

.api-key-management-table-container {
    display: flex;
    flex-direction: column;
    background-color: rgb(232, 233, 237);
    border-radius: 5px;
}

.api-key-management-table-shadow {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
    box-shadow: 0px 0px 4px 4px lightgrey;
    border-radius: 5px;

}

.api-key-management-table-content {
    background-color: #FFFFFF;
    padding-bottom: 1em;
    border-radius: 0 0 5px 5px;
}

.api-key-management-table-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 4em;
    background-color: rgb(247, 247, 247);
    border-radius: 5px 5px 0 0;
    padding-right: 1em;
}

.api-key-management-table {
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    padding-bottom: 1em;
}

.api-key-management-table-body {
    height: 100%;
    background-color: #FFFFFF;
    border-right: 2em solid #FFFFFF;
    border-left: 2em solid #FFFFFF;
    border-radius: 0 0 5px 5px;
}

.api-key-management-table-row {
    height: 3em;
    border-top: none;
    border-bottom: rgb(222, 224, 229);
}

.api-key-management-table-header {
    margin-bottom: 1em;
}

.api-key-management-table-header-row {
    height: 3em;

}

.api-key-management-table-th {
    font-size: small;
    color: rgb(104, 105, 115);
}

.api-key-management-table-th-left {
    padding-left: 2em !important;
    font-size: small;
    color: rgb(104, 105, 115);
}

.api-key-management-table-th-right {
    font-size: small;
    color: rgb(104, 105, 115);
    width: 4em;
}

.api-key-management-table-td {
    vertical-align: middle;
    border-left: none;
    border-right: none;
}

.api-key-management-table-leftmost-td {
    margin-left: 1em;
    vertical-align: middle;
}

.api-key-management-table-rightmost-td {
    margin-right: 1em;
    vertical-align: middle;
    width: 4em;
}

.unconfirmed-user-icon-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}


.globes-unconfirmed-user-icon {
    height: 20px;
    width: 20px;
    color: darkred;
}


.api-key-management-table > tbody > tr:nth-child(odd) > td,
.api-key-management-table > tbody > tr:nth-child(odd) > th {
    background-color: rgb(246, 246, 246);
}


.api-key-management-table > tbody > tr:last-child {
    margin-bottom: 1em;
}

.api-key-management-table-row-dropdown-icon-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.api-key-management-table-row-dropdown-icon:hover {
    cursor: pointer;
}

.api-key-management-table-row-dropdown {
    position: relative;
    width: 21em;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 0px 3px 3px lightgrey;
    border-radius: 3px;
    z-index: 15000 !important;
}

.api-key-management-list-dropdown-item-icon {
    margin-right: 1em;
}

.apikey-search {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2em;
}

.api-key-apikey-search-filter {
    width: 30%;
}

.api-key-user-name-search-filter {
    width: 30%;
    display: flex;
    flex-direction: row;
    padding-bottom: 3px;
}

/*.api-key-apikey-search-input {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin-left: 1em;
    padding-right: 1em !important;
}*/

.api-key-layers-search-filter {
    width: 75%;
}

.api-keys-filters-container {
    background-color: rgb(232, 233, 237);
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 2em;
}

.left-filter-container {
    display: flex;
    flex-direction: row;
    width: 25%;
}

.right-filter-container {
    display: flex;
    flex-direction: column;
    width: 75%;

    padding-left: 1em;
}

.left-filter-icon {
    position: relative;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/*.user-management-user-search-icon-container {
    position: relative;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}*/

.left-filter-input {
    margin-left: 1em;
    display: flex;
    flex-direction: column;
    width: 90%;
}

.right-filter-input {

}

.api-key-management-apikey-search-input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 20%;
    margin-left: 1em;
    padding-right: 1em !important;
}

.api-key-management-apikey-filter-input {
    padding-left: 1em;
    width: 90%;
}

.apikey-search-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 100%;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.api-key-management-pagination-container-top {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding-top: 1.5em;
    padding-right: 2em;
    width: 100%;
}

.api-key-management-pagination-container-bottom {
    overflow-y: visible !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding-right: 2em;
    width: 100%;
    padding-top: 1em;
    /*z-index: 9000;*/
    background-color: rgb(232, 233, 237);
}

.api-key-management-pagination-container-bottom > div > div > div {
    position: relative;
    z-index: 10000;
}

.api-key-management-pagination-holder {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 3.5em;
}

.api-key-management-pagination-label-div {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    height: 2.5em;
}

.api-key-management-pagination-nav-holder {

}

.api-key-management-pagination-nav {
    display: inline;
    flex-direction: row;
    padding-top: 1em;
    vertical-align: middle;

}

.api-key-management.api-key-pagination-nav > li {
    display: inline-block;
}

.api-key-management-filter-label {
    font-weight: bold;
    margin-bottom: 0;
}

.api-key-management-search {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.api-key-management-apikey-search-icon-container {
    padding-top: 1em;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 1em;
}
/*
.bi-search {
    font-size: 2em;
    margin-bottom: -0.2em;
    margin-right: 1em;
}*/

.api-key-management-search-input {
    height: 2.3em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    display: flex;
    flex-direction: row;
}



.api-key-management-table-button {
    background-color: #FFFFFF;
    padding: 0.3em 2em;
    border: #FFFFFF;
    font-size: small;
    color: rgb(45, 80, 159);
    font-weight: bold;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.api-key-management-table-button > a {
    color: rgb(45, 80, 159) !important;
    margin-left: 1em;
}


.api-key-management-table-button > i {
    color: rgb(45, 80, 159) !important;
}

.api-key-management-table-button > a > i {
    color: rgb(45, 80, 159) !important;
    margin-left: -1em;
}

.empty-space-tr {
    height: 1em !important;
}

.empty-space-td {
    border-bottom: none !important;
    background-color: #FFFFFF !important;
}

/* /Api key Management View */


/* Api key Modification View */

.apikey-modification-tree-filter-input {
    height: 2.5em;
    font-size: small;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: lightgrey 1px solid;
    border-radius: 4px;
    padding-left: 1em;
}

.apikey-modification-site-tree-selection {
    overflow: auto;
    height: 50em;
    background: white;
}

.apikey-modification-container {
    padding: 1em;
    background: rgb(232, 233, 237);
}

.apikey-modification-utils {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 1em;
    padding-right: 1em;
}

.apikey-modification-buttons-right {
    width: 18em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    vertical-align: middle;
}

.apikey-modification-delete-apikey-button {
    border-radius: 0 0 15px 0;
    background-color: #FFFFFF;
    color: #004FA3;
    border: 2px solid #004FA3;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
}

.apikey-modification-submit-button {
    right: 1.5em;
    height: 2.5em;
    border-radius: 0 0 15px 0;
    background-color: #004FA3;
    border: 2px solid #004FA3;
    color: #FFFFFF;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
    z-index: 1000;
}

.apikey-modification-form-container {
    background: rgb(247, 247, 247);
    border-radius: 7px;
    margin-left: 1em;
    margin-right: 1em;
}

.apikey-modification-form-buttons-container {
    width: 100%;
    height: 4em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.apikey-modification-form-buttons {
    width: 40em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 1em;
}

.apikey-modification-table-button-icon {
    /*   height: 30px !important;
       width: 30px !important;*/
    font-size: 1.5em;
}

.apikey-modification-form-content {
    margin-left: 5em;
    margin-right: 5em;
}

.apikey-modification-form-label {
    margin-bottom: 1em;
    font-size: 2em;
    font-weight: lighter;
}

.apikey-modification-field {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 1em;
    margin-top: 1em;
    width: 70%;
}

.apikey-modification-field-input {
    width: 50%;
    height: 2.4em;
    padding-left: 1em;
    border: 1px lightgrey solid;
    border-radius: 4px;
}

.apikey-modification-field-select {
    width: 50%;
    height: 2.5em;
}

.apikey-modification-field-label {
    padding-right: 2em;
    width: 15em;
    font-weight: bold;
}

.apikey-modification-tree-view {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1em;
    background-color: rgb(247, 247, 247);
}

.apikey-modification-selectable-permissions-container {
    width: 48%;
    height: 60em !important;
    background-color: rgb(247, 247, 247);

    display: flex;
    flex-direction: column;
}

.apikey-modification-selected-permissions-container {
    width: 48%;
    height: 60em !important;
    background-color: rgb(247, 247, 247);

    display: flex;
    flex-direction: column;
}

.apikey-modification-button {
    background-color: #FFFFFF;
    margin: 1em;
}

.apikey-modification-button-link {
    color: inherit;
    text-decoration: none;
}

.apikey-modification-button-link:hover {
    color: inherit;
    text-decoration: none;
}

.apikey-modification-button-submit {
    background-color: #1A4FA3 !important;
    margin-bottom: 1em;
}

.apikey-modification-button-submit:hover {
    color: #004FA3;
    border-color: #004FA3;
    background-color: #FFFFFF;
}


.apikey-modification-language-input-container {
    display: flex;
    flex-direction: column;
    text-align: left;

}

.apikey-modification-form-separator {
    border: 1px solid black;
}

.apikey-modification-permissions-container {
    padding: 2em 1em 1em;
    background: rgb(247, 247, 247);
}

.apikey-modification-apikey-form-container {
    padding: 2em 1em 1em;
    background: rgb(247, 247, 247);
}

.apikey-modification-apikey-permissions-header {
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    padding: 1em;
}

.apikey-modification-apikey-permissions-selected-label {
}

.apikey-modification-apikey-permissions-selected-confirm-button-container {
    margin-left: auto;
    border-radius: 7px;
    background-color: #004FA3;
    color: #FFFFFF;
    padding: 10px;
}

.apikey-modification-apikey-permissions-selected-confirm-button-container:hover {
    margin-left: auto;
    border-radius: 7px;
    background-color: #004FA3;
    color: #FFFFFF;
    padding: 10px;
}

.apikey-modification-apikey-permissions-selected-confirm-button-container-disabled {
    margin-left: auto;
    border-radius: 7px;
    background-color: #FFFFFF;
    color: #9CA2A8;
    padding: 10px;
    border: 1px solid lightgray;
}

.apikey-modification-apikey-permissions-selected-confirm-button-container-disabled:hover {
    margin-left: auto;
    border-radius: 7px;
    background-color: #FFFFFF;
    color: #9CA2A8;
    padding: 10px;
    border: 1px solid lightgray;
}

.apikey-modification-apikey-permissions-selected-confirm-button-icon {
    margin-right: 5px;
}




/* /Api key Modification View */


/* Common list view styles shared across views */


.common-list-view-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: rgb(247, 247, 247);
}

.common-list-view-page-size-select {
    width: 8em;
    text-align: left;
    position: relative !important;
    /*z-index: 7000 !important;*/
}

.common-list-view-bottom-page-size-select {
    width: 8em;
    text-align: left;
    position: relative !important;
    /*z-index: 7000 !important;*/
}



.common-list-view-table-row-dropdown-item {
    font-weight: bold;
    font-style: normal !important;
    height: 2.5em;
    padding-top: 0.5em;
}

.common-list-view-table-container {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: rgb(232, 233, 237);
    border-radius: 5px;
}

.common-list-view-table-shadow {
    position: relative;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
    box-shadow: 0 0 4px 4px lightgrey;
    border-radius: 5px;

}

.common-list-view-table-content {
    position: relative;
    background-color: #FFFFFF;
    padding-bottom: 1em;
    border-radius: 0 0 5px 5px;
}

.common-list-view-table-buttons-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 4em;
    background-color: rgb(247, 247, 247);
    border-radius: 5px 5px 0 0;
    padding-right: 1em;
}

.common-list-view-table {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    padding-bottom: 1em;
}

.common-list-view-table-body {
    position: relative;
    height: 100%;
    background-color: #FFFFFF;
    border-right: 2em solid #FFFFFF;
    border-left: 2em solid #FFFFFF;
    border-radius: 0 0 5px 5px;
}

.common-list-view-table-row {
    position: relative;
    height: 3em;
    border-top: none;
    border-bottom: rgb(222, 224, 229);
}

.common-list-view-table-header {
    position: relative;
    margin-bottom: 1em;
}

.common-list-view-table-header-row {
    position: relative;
    height: 3em;

}

.common-list-view-table-th {
    position: relative;
    font-size: small;
    color: rgb(104, 105, 115);
}

.common-list-view-table-th-left {
    position: relative;
    padding-left: 2em !important;
    font-size: small;
    color: rgb(104, 105, 115);
}

.common-list-view-table-th-right {
    position: relative;
    font-size: small;
    color: rgb(104, 105, 115);
    width: 4em;
}

.common-list-view-table-td {
    position: relative;
    vertical-align: middle;
    border-left: none;
    border-right: none;
}

.common-list-view-table-leftmost-td {
    position: relative;
    margin-left: 1em;
    vertical-align: middle;
}

.common-list-view-table-rightmost-td {
    position: relative;
    margin-right: 1em;
    vertical-align: middle;
    width: 4em;
}

.unconfirmed-user-icon-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}


.globes-unconfirmed-user-icon {
    position: relative;
    height: 20px;
    width: 20px;
    color: darkred;
}


.common-list-view-table > tbody > tr:nth-child(odd) > td,
.common-list-view-table > tbody > tr:nth-child(odd) > th {
    background-color: rgb(246, 246, 246);
}


.common-list-view-table > tbody > tr:last-child {
    position: relative;
    margin-bottom: 1em;
}

.common-list-view-table-row-dropdown-icon-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.common-list-view-table-row-dropdown-icon:hover {
    cursor: pointer;
}

.common-list-view-table-row-dropdown {
    position: relative;
    width: 20em;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 0px 3px 3px lightgrey;
    border-radius: 3px;
    z-index: 10000 !important;
}

.common-list-view-list-dropdown-item-icon {
    margin-right: 1em;
}

.common-list-view-search {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2em;
}


.common-list-view-pagination-container-top {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding-top: 1.5em;
    padding-right: 2em;
    width: 100%;
}

.common-list-view-pagination-container-bottom {
    overflow-y: visible !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    padding-right: 2em;
    width: 100%;
    padding-top: 1em;
    /*z-index: 9000;*/
    background-color: rgb(232, 233, 237);
}

.common-list-view-pagination-container-bottom > div > div  > div {
    position: relative;
    /*z-index: 10000;*/
}

.common-list-view-pagination-holder {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 3.5em;
}

.common-list-view-pagination-label-div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 2.5em;
}

.common-list-view-pagination-nav-holder {
    position: relative;
}

.common-list-view-pagination-nav {
    position: relative;
    display: inline;
    flex-direction: row;
    padding-top: 1em;
    vertical-align: middle;

}

.user.user-management-pagination-nav > li {
    display: inline-block;
}

.common-list-view-filter-label {
    font-weight: bold;
    margin-bottom: 0;
}

.common-list-view-search-icon-container {
    position: relative;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bi-search {
    font-size: 2em;
    margin-bottom: -0.2em;
    margin-right: 1em;
}

.user-search-input {
    height: 2.3em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
}


.common-list-view-table-button {
    position: relative;
    background-color: #FFFFFF;
    padding: 0.3em 2em;
    border: rgb(45, 80, 159);
    font-size: small;
    color: rgb(45, 80, 159);
    font-weight: bold;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.common-list-view-table-button > a {
    color: rgb(45, 80, 159) !important;
    margin-left: 1em;
}


.common-list-view-table-button > i {
    color: rgb(45, 80, 159) !important;
}

.common-list-view-table-button > a > i {
    color: rgb(45, 80, 159) !important;
    margin-left: -1em;
}

.empty-space-tr {
    height: 1em !important;
}

.empty-space-td {
    border-bottom: none !important;
    background-color: #FFFFFF !important;
}

/* /Shared list view styles */

/* Admin menu bar settings testings */
.nav-tabs .nav-link {
    margin: 0;
}

.tab-content {
    background-color: #FFFFFF;
}

.tab-content-height {
    height: 45px;
}

.lined .globes-nav-link-left {
    border: solid #317AC7;
    color: #FFFFFF;
    border-width: 0 1px 0 2px;
    border-radius: 0;
}

.lined .globes-nav-link-left:hover {
    border: solid #317AC7;
    color: #FFFFFF;
    border-width: 0 1px 0 2px;
    border-radius: 0;
}

.lined .globes-nav-link-right {
    position: relative;
    border: solid #317AC7;
    color: #FFFFFF;
    border-width: 0 2px 0 1px;
    border-radius: 0;
    margin-right: 1em;
}

.lined .globes-nav-link-right:hover {
    border: solid #317AC7;
    color: #FFFFFF;
    border-width: 0 2px 0 1px;
    border-radius: 0;
}

.lined .globes-nav-link {
    position: relative;
    background-color: #004FA3ED;
    border: solid #317AC7;
    border-width: 0 1px 0 1px;
    z-index: 10000 !important;
}

.lined .globes-nav-link:hover {
    background-color: #004FA3ED;
    border-left: 1px solid #317AC7;
    border-right: 1px solid #317AC7;

}

.lined .globes-nav-link.active {
    background-color: #FFFFFF;
    color: #282828;
    border-bottom: 5px solid #91C940 !important;
}

.nav-pills .globes-nav-link {
    color: #FFFFFF;
    border-radius: 0;
}

.lined .globes-nav-link-sub {
    background-color: #FFFFFF;
    color: #282828;
    border: 0;
}

.lined .globes-nav-link-sub:hover {
    background-color: #FFFFFF;
    color: #282828;
    border: 0;
}

.lined .globes-nav-link-sub.active {
    background-color: #FFFFFF;
    color: #282828;
    border-bottom: 5px solid #004FA3;
}


.lined .globes-nav-item-sub.active {
    border-bottom: 5px solid #004FA3;
}

.globes-admin-nav {
    background-color: #004FA3 !important;
    opacity: 100% !important;
}

.globes-admin-nav-height {
    height: 45px;
}

/* Site management view styles */
.globes-main-site-management-view {
    background-color: #E8EAED;
    height: 100vh;
}

/* Styles for search input */
.globes-search-input-icon-container {
    position: relative;
    display: flex;
    flex-direction: row;
    padding-bottom: 3px;
}

.globes-search-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 1em;
    justify-content: flex-end;
}

.globes-search-icon-container {
    position: relative;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.globes-search-input {
    height: 2.3em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
}

.globes-card-shadow {
    box-shadow: 0 5px 25px 0 lightgrey;
}

.globes-card-rounded {
    border-radius: 7px 7px 7px 7px;
}

.globes-card-rounded-top {
    border-radius: 7px 7px 0 0;
}

.globes-card-rounded-bottom {
    border-radius: 0 0 7px 7px;
}

.globes-card-padding {
    padding: 1em;
}

.globes-card-border {
    border: 1px solid lightgray;
}

.globes-card-header {
    background-color: #F7F7F7;
    color: #454545;
    height: 4em;
    display: flex;
    align-items: center;
    border-bottom: 0 !important;
}

.globes-card-header-left-label {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.globes-card-header-right-label {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.globes-card-divider {
    height: 10px;
}

.globes-card-content {
    background-color: #FFFFFF;
}

.globes-card-content-no-site-selection {
    height: 8em;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
}

/* Site modification view */
.globes-main-site-hierarchy-management-view {
    height: 65vh;
}

.globes-site-hierarchy-modification {
    height: inherit;
}

/* Site modification form */
.site-modification-modify-button {
    color: #004FA3;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border: 0;
    width: 12rem;
}

.site-modification-form-context-buttons {}

.site-modification-form-context-button {
    width: 12rem;
    height: 3rem;
}

.site-modification-form-context-buttons-left-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.site-modification-form-context-buttons-right-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.site-modification-form-field {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 1em;
    margin-top: 1em;
}

.site-modification-form-field-label {
    display: flex;
    align-items: center;
    padding-right: 2em;
    width: 15em;
    font-weight: bold;
}

.site-modification-form-field-label-warning {
    font-size: small;
}

.site-modification-form-field-input {
    width: 100%;
    height: 2.4em;
    padding-left: 1em;
    border: 1px lightgrey solid;
    border-radius: 4px;
}

.site-hierarchy-modification-move-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.site-hierarchy-modification-move-info-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: auto;
    font-size: small;
}

.site-hierarchy-modification-move-info-label {
    padding-right: 1em;
}

.site-hierarchy-modification-move-info-amounts-label {
    padding-left: 1em;
    border-left: 1px #B7B7B7 solid;
}

.site-hierarchy-modification-move-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /*height: 4em;
    background-color: rgb(247, 247, 247);
    border-radius: 5px 5px 0 0;
    padding-right: 1em;*/
}

.site-hierarchy-modification-move-save {
    padding-left: 1em;
}

.site-hierarchy-modification-move-cancel {
    padding-left: 1em;
}

/* Site modification access tables */
.globes-main-site-accesses-table-view {
    max-height: 20rem;
    overflow-y: scroll;
}

.site-modification-accesses-table {}
.site-modification-accesses-table-header {
    margin-bottom: 1em;
}
.site-modification-accesses-table-header-row {
    height: 3em;
}
.site-modification-accesses-table-header-th {
    font-size: small;
    color: #454545;
}
.site-modification-accesses-table-body {}
.site-modification-accesses-table-row {
    height: 3em;
    border-top: none;
    border-bottom: #DEE0E5;
}
.site-modification-accesses-table-td {}

/* Some Site Tree specific styles */
.globes-site-tree-node-parent {}

.globes-site-tree-node-row-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 5px;
    padding-bottom: 5px;
}

.globes-site-tree-node-row-selected {
    color: #FFFFFF;
}

.globes-site-tree-node-row {
    display: flex;
    align-items: center;
}

.globes-site-tree-node-row-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: auto;
}

.globes-site-tree-node-row-buttons-left {
    padding-left: 10px;
    padding-right: 10px;
}

.globes-site-tree-node-row-buttons-right {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 2px solid;
}

.globes-site-tree-node-row-buttons-right-no-border {
    padding-left: 10px;
    padding-right: 10px;
}

.globes-site-tree-node-row-icon {
    margin-right: 5px;
}

.globes-site-tree-icon-color {
    color: #868D96;
}

.globes-site-tree-icon-selected-color {
    color: #FFFFFF;
}

/* Allow pointer events on disabled elements */
.allow-disabled-pointer-events {
    pointer-events: auto !important;
}

/* Show content on parent element hover */
.hover-content {
    opacity:0;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    -ms-transition:.5s;
    transition:.5s;
}

/* Show content on parent element hover */
.hover-content-parent:hover .hover-content {
    opacity: 1;
}

/* Custom tag background style */
.bg-custom {
    opacity: 1;
    background-color: #DEF0FC;
}

.text-globes-blue {
    color: #004FA3;
}

.app-fullheight {
    height: 100vh;
}

/*event-view*/


/*/event-view*/

/*event-view-filters*/


.event-view-filters-container {
    width: 100%;
    padding: 1em 1em 1em 1em;
}

.event-view-filters-filter-container {
    width: 30%;

}

.event-view-filters-filter-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 2em;
    padding-bottom: 1em;
}

.event-view-filters-site-filter {
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.event-view-filters-site-filter-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.event-view-filters-site-filter-icon {
    position: relative;
    width: 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.event-view-filter-event-search-icon {
    font-size: 2em;
}

.event-view-filters-site-filter-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 100%;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.event-view-filters-calendar-filters-container {
    width: 18%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.event-view-filters-calendar-filter-holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.event-view-filters-calendar-filter-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 95%;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.react-datepicker-popper {
    z-index: 3000 !important;
}

/*.event-view-filters-calendar-filter-input > div {
    z-index: 2000;
}

.react-datepicker__month-container {
    z-index: 5000 !important;
}

.react-datepicker {
    z-index: 5000 !important;
}*/

.event-view-filters-generic-filter-holder {
    display: flex;
    flex-direction: column;
}

.event-view-filters-generic-filter-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 100%;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.react-datepicker__navigation--previous {
    height: 1em !important;
}

.react-datepicker__navigation--next {
    height: 1em !important;
}

.react-datepicker__navigation-icon--previous {
    font-size: 0;
}

.react-datepicker__navigation-icon--next {
    font-size: 0;
}



.react-datepicker-wrapper > div {
    width: 100% !important;
}

/*.react-datepicker__navigation-icon react-datepicker__navigation-icon--next*/

/*.react-datepicker__navigation-icon react-datepicker__navigation-icon--next*/

/*/event-view-filters*/

/*event-view-event-type-nab-bar*/

.event-view-event-type-nav-bar-container {
    width: 100%;
    height: 5em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: #FFFFFF;
    border-bottom: solid 2px lightgrey;
}

.event-view-event-type-nav-bar-element {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2em;
    padding-right: 2em;
    cursor: pointer;
    border-bottom: solid 0.5em #FFFFFF;
}

.event-view-event-type-nav-bar-element-active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2em;
    padding-right: 2em;
    border-bottom: solid 0.5em darkblue;
}

.event-view-event-type-nav-bar-element-text-holder {
    height: 3em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.event-view-event-type-nav-bar-element-text-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.event-view-event-type-nav-bar-element-number-holder {
    height: 2em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}



/*/event-view-event-type-nab-bar*/



/*event-view-event-table*/

.events-table-table-buttons-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 4em;
    background-color: rgb(247, 247, 247);
    border-radius: 5px 5px 0 0;
    padding-right: 1em;
    padding-left: 1em;
}

.events-table-table-buttons-left-holder {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 4em;
    background-color: rgb(247, 247, 247);
    border-radius: 0 0 5px 5px;
}

.events-table-header-button {
    position: relative;
    background-color: #FFFFFF;
    padding: 0.3em 2em;
    border: rgb(45, 80, 159) 2px solid;
    font-size: small;
    color: rgb(45, 80, 159);
    font-weight: bold;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 4px;
    height: 2.8em;
}

.events-table-header-weighted-button {
    position: relative;
    background-color: rgb(45, 80, 159);
    padding: 0.3em 2em;
    border: rgb(45, 80, 159);
    font-size: small;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 4px;
    height: 2.8em;
}

.events-table-table-header {
    position: relative;
    margin-bottom: 1em;
}

.events-table-table-header-row {
    position: relative;
    height: 3em;
}

.events-table-table-container {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: rgb(232, 233, 237);
    border-radius: 5px;
}

.events-table-table-content {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    background-color: #FFFFFF;
    padding-bottom: 1em;
    border-radius: 0 0 5px 5px;
}

.events-table-table-body {
    position: relative;
    height: 100%;
    background-color: #FFFFFF;
    border-right: 2em solid #FFFFFF;
    border-left: 2em solid #FFFFFF;
    border-radius: 0 0 5px 5px;
}

.events-table-table-row {
    cursor: pointer;
}

.events-table-table-row-selected {
    cursor: pointer;
    background-color: skyblue !important;
}

.event-table-table-th-left {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    color: rgb(104, 105, 115);
}

.event-table-header-checkbox {
    position: relative;
    margin-left: 1em !important;
}


/*/event-view-event-table*/


/* event-view-edit-modals*/

.events-edit-modals-modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 1em;
}

.events-edit-modals-modal-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 1em;
    position: relative;
}

.events-edit-modals-modal-body-container {
    height: 100%;
    display: flex;
    flex-direction: column;

}


.events-edit-dialog-form-container {
    height: 100%;
    overflow-x: hidden;
}

.events-edit-dialog-form-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
}

.events-edit-dialog-form-label-holder {
    height: 2.4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.events-edit-dialog-form-label {
    width: 100%;
    font-size: small;
    font-weight: bold;
    margin-bottom: 0 !important;
    padding-left: 1em;
}

.events-edit-dialog-form-selection-holder {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 1em;
    padding-right: 1em;
}

.events-edit-dialog-form-selection-holder > div {
    width: 100% !important;
}

.events-edit-dialog-single-select-dropdown {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
}

.events-edit-dialog-select-input {
    width: 100%;
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.events-edit-dialog-generic-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 100%;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.events-edit-dialog-form-right-margin {
    height: 2.4em;
}

.events-edit-dialog-date-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 100% !important;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.events-edit-dialog-unit-specification-input {
    padding-left: 1em;
    height: 2.4em;
    border-radius: 4px;
    border: solid 1px rgb(203, 203, 203);
    width: 30%;
    box-shadow: 1px 1px 1px 1px lightgrey;
}

.events-mass-edit-modal-modal-header {
    display: flex;
    flex-direction: column;
    padding-left: 1em;
}

.events-mass-edit-modal-sub-header {
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    font-weight: lighter;
}

.events-modal-row-spacer {
    margin-bottom: 3em;
}

/* react-datepicker customized styles */
.react-datepicker__close-icon::after {
    color: #CCCCCC !important;
    font-size: 16px !important;
    width: 32px !important;
    margin: -10px auto 0 !important;
    background-color: transparent !important;
}

.react-datepicker-popper {
    z-index: 3000 !important;
}