/* ERROR: Failed to compile LESS code:
 Variable references are not allowed in LESS */

:root {

  --themePrimary: #50e2c1;
  --themePrimaryLight: #e0fff8;
  --themePrimaryDark: #336666;
  --themeSecondary:#8c2db3;
  --themeTeritary: #8e9aa7; 

  --themeDark: #333333;
  --themeGreyDark: #5a626b;
  --themeGrey: #ced4da;
  --themeLightGrey: #f8f9fc;
  --themeLight: #ffffff;

}

.logo {
    background: url(https://www.tempusserva.dk/share/ts-logo_333.svg) no-repeat;
    background-position-x: 0px;
    background-position-y: 6px;
    opacity: 0.6;
    width: 180px;
    height: 60px;
    position: absolute;
    line-height: 60px;
    margin-left: 60px;
}

.formLogin .form-control {
    height: auto;
}

.formLogin .material-icons {
    font-size: 1.25rem;
    color: var(--themePrimary);
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap');

:root {
   --themePrimary: #2b3a89;
   --themePrimaryLight: #374ab0;
   --themePrimaryDark: #2b3a89;
   --themePrimarySpecial: #648bb7;
   --themeSecondary:#374AB0;
   --themeTeritary: #9FAAE1;
   --themeDark: #333333;
   --themeGreyDark: #333333;
   --themeGrey: #9FAAE1;
   --themeLightGrey: #edeff9;
   --themeLight: #ffffff; /* CTA buttons Kunde */

    --primaryButtonColor: #2B3A89 !important;
    --primaryButtonColorHover: #374AB0 !important;
    /* To see difference */
    --defaultFontFamily: "Open Sans", sans-serif;

}

.LoginPage {
    background-image: linear-gradient(135deg,#2b3a89 0%,#6900c7 100%)!important;
}

.header {
    /* Use the defined color or fallback to a default color */
    background-color: var(--headerBgColor, #2b3a89); 
    /* Add a gradient as a fallback in case the variable is not supported or defined */
    background-image: linear-gradient(135deg,#2b3a89 0%,#6900c7 100%)!important;
    font-family: var(--defaultFontFamily) !important;
    color: #ffffff !important;
}

.param .label {
	background-color: #ffffff;
}

.badge-danger {
    background-color: #992222 !important;
}

.burger {
    display: block;
    position: relative;
    height: 60px;
    width: 60px;
    padding: 20px;
    color: #ffffff;
    font-size: 20px;
    line-height: 60px;
    cursor: pointer;
    opacity: 0.6;
}

.btn-primary {
    color: #9FAAE1;
}

.btn-personal {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
    font-size: 0.9rem;
    height: 32px;
    line-height: 29px;
    padding: 0px 0px 0px 8px;
    opacity: 0.6;
}

.logo {
     background: url(https://intect.io/media/1767/intect_flow_light.svg) no-repeat !important;
     background-position-x: left;
     background-position-y: center;
     background-size: contain !important;
     opacity:1;
     width: 300px;
     margin-top: 8px;
     height: 44px;
     font-family: var(--defaultFontFamily);
}

#menuGroupViews,
#menuGroupRelated,
#menuItemCopy, #menuItemPaste, #menuAreaAddFlag, #outputDropdown {
  display: none;
}


.IsAdministrator #menuGroupRelated {
  display: inline-flex;
}

.isNarrow>a:not(.fieldFilter) {
    width: auto;
}

.tableList .alignRight input {
    text-align: right;
}

.formLogin { margin-top: 21vh; }

.loginLogo {
   width: 180px;
   height: 50px;
   position: absolute;
   top: 0px;
   left: calc(50% - 90px);
   line-height: 60px;
   margin-left: 0px;
}

.loginLogo {
   background:url(https://intect.io/media/1767/intect_flow_light.svg) no-repeat;
   background-position-x: center;
   background-position-y: center;
   opacity:1;
   background-size: contain;
   margin-top: 2vh;
}