:root {

  --loginBackgroundImage: url(/../wis/media/palme.356.jpg);
//    --loginBackgroundImage: url(/../wis/media/traeer_2.361.jpg);
//    --loginBackgroundImage: url(/../wis/media/efteraar_New_York.353.jpg);
//    --loginBackgroundImage: url(/../wis/media/efteraar.352.jpg);
//    --loginBackgroundImage: url(/../wis/media/bjerg.366.jpg);
//    --loginBackgroundImage: url(/../wis/media/soe.359.jpg);
/*https://wis.wtwco.com/wis/media/palme.356.jpg */

//  --themePrimary: #7e36b0 !important;  /*WTW purple */
  --themePrimary: #7f35b2 !important;  /*WTW purple */
  --themePrimaryLight: #efeede; /* WTW cream */
  --themePrimaryDark: #3e3e3e; /* Dark Gray */

  --themeSecondary:#c21a35; /* WTW red */
  --themeTeritary: #8e9aa7; /* blue dark grey */

  --headerColor: var( --themePrimaryLight);

// 17-06-2021 MTN ændring af knap-farver og knap hover-farver
//  --primaryButtonColor: #ffffff  !important;

    --primaryButtonColorHover: #7e36b0 !important;
    --primaryButtonBgColorHover: #ffffff !important;

    --primaryButtonColor: #ffffff !important;
    --primaryButtonBgColor: #7e36b0 !important;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
	border-left: 1px solid #ced4da;
}

.LoginPage {
    background: var(--loginBackgroundImage) no-repeat;
    background-size: cover;
    background-position: center center;
    background-blend-mode: normal;
    background-color: var(--themePrimary);
    border-top: 0px solid var(--themePrimary);
}

.formLogin {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 29vh;
    margin: 0px;
    background-color: #FFFFFF;
    background-color: var(--loginBgColor);
    border-left: 1px solid;
    border-color: var(--loginBorderColor);
    border-radius: 0px;
    width: 20%;
    max-width: 475px;
    min-width: 320px;
    padding: 30px;
    z-index: 2;
}

.formLogin .material-icons {
    font-size: 1.25rem;
    color: var(--themePrimary);
}

.formLogin > h3 { text-align: center; margin-bottom: 35px; }
.formLogin > form > p > span.label { padding: 0px; }
.formLogin .form-control { height: auto; }

.loginPageTitle {
   position: absolute;
   top: 0px;
   margin: 10%;
   width: 70vw;
   font-size: 5vw;
   font-family: sans-serif;
   line-height: 1;
   color: #FFFFFF;
   font-weight: bold;
   text-transform: uppercase;
}

.loginPageTitle p {
    font-size: 2vw;
    font-weight: 100;
    text-transform: initial;
    margin-top: 10px;
}

.logo {
   background: url(https://wis.willis.dk/wis/media/wtw_logo_50px.325.png) no-repeat;
}


/* Override Wrapper declarations  */

main {
   padding: 95px
}

.logo { 
   background-size: contain;
   margin-top:10px;
   height: 40;
}

.header {
   right: 0px;
}

.XXXlogo {
    max-width: 100% !important; 
    max-height: 100%  !important; 
    right: none;
    bottom: none;    
     z-index:1;
    opacity: 0.7;
}

.burger {
      line-height: 16px;
}

/* Change password remove later  */

#tsBlurPage, .tsBlurPage {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: var(--themePrimary);
    width: 100%;
    height: 100%;
    z-index: 100;
}

#tsBlurPage {
    opacity: 0.8;
}

#tsDialogChangePassword {
    position: absolute;
    width: 320px;
    top: 70px;
    left: calc(50% - 160px);
    background-color: #FFFFFF;
    border: 1px solid #e0e4e8;
    border-radius: .25rem;
    padding: 20px;
    z-index: 110;
}

.fileinput-button input {
    max-width: 100%;
    position: relative;
    left: 0;
    top: 0;
}

.IsAnonoumous {

 .breadcrumb {
  display: none;
}
}

.clickRecord.btn {
    display: inherit;
}

#ui-datepicker-div {
    z-index: 102!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #C900AC;
    background: #C900AC;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-button:hover, .ui-button:focus {
    border: 1px solid #cccccc;
    background: #E377DC;
    font-weight: normal;
    color: #2b2b2b;
}

//01-12-2022 MTN konvolut-ikonet til højre for email-felter har nu samme højde som email-feltet
.input-group-addon, .input-group-btn {
    height: fit-content;
}

#menuExportXMLRAW {
  display: none;
}
