/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
button:focus-visible {
  border: 2px dotted rgb(21, 255, 76) !important;
}
a:focus-visible {
  border: 2px dotted rgb(21, 255, 76) !important;
}
/* .clickable {
  color: black;
  background-color: #CCCCCC;
  border: 2px dotted rgb(21, 255, 76) !important;
  }
  .clickable:focus {
  color: white;
  background-color: #333333;
  border: 2px dotted rgb(21, 255, 76) !important;
  } */
  .bgcover {
    position: relative;
    /* z-index: 999; */
  
  }
  .bgcover:before {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out; 
    content: '';
    mix-blend-mode: initial;
    /* filter: opacity(1); */
    /* background-color: #FBF9F8; */
    background-image: url("images/iskole_background_clean.png") !important;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-size:contain; 
  
  }
   
  @media (max-width: 650px) {
    .bgcover:before {
     rotate: 180deg;
    }
  }
  @media (min-width: 1650px) {
    .bgcover:before {
      /* left: 50%; */
      /* transform: translateX(-50%); */
      background-size: cover;
    }
  }
.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.endreEpostContainer {
  margin-top: -40px;
  float: right;
}
.endreEpost {

  font-size: 13px;

}

.buttonWidth {
  width: auto;
}
@media (max-width: 600px) {
  .buttonWidth {
    width: 100%;
}
}

.demo-rules
      {
        display:inline-block;
        margin:0;
        padding: 0 2rem
      }
      .demo-instruction:not(.demo-focus),
      .demo-invalidshown .demo-instruction {
        visibility: hidden;
      }
      .demo-instruction.demo-focus {
        visibility: visible;
      }
      .demo-invalidshown .demo-instruction,
      .demo-rules:not(.demo-focus) {
        display: none
      }
      .demo-rules {
        height: 0;
        opacity: 0;
      }
      .demo-rules.demo-focus {
        height: auto;
        opacity: 1;
        margin-bottom: 15px;
      }
      .demo-invalidshown .demo-rules {
        height: auto;
        opacity: 1;
      }
      .demo-icon-bullet:before {
        content: "\2022";
      }
      .demo-icon {
        width: 15px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
      }
      .demo-height-width {
        height:8px;width:100%;
      }
  
      .demo-vertical-align{
        vertical-align: left;
      }

      .button-blue {
        --blue-rgb-1:	49, 108, 172;	
        --blue-rgb-2:	51, 128, 3;	
      
        /* SOLID */
      
        /* solid enabled */
        --oj-button-solid-chrome-bg-color:              rgb(var(--blue-rgb-1));
        --oj-button-solid-chrome-border-color:          transparent;
        --oj-button-solid-chrome-text-color:            var(--oj-core-neutral-contrast);
      
      
        /* solid hover */
        --oj-button-solid-chrome-bg-color-hover:        rgb(var(--blue-rgb-2));
        --oj-button-solid-chrome-border-color-hover:    transparent;
        --oj-button-solid-chrome-text-color-hover:      var(--oj-core-neutral-contrast);
      
      
        /* solid active */
        --oj-button-solid-chrome-bg-color-active:       rgb(var(--blue-rgb-1));
        --oj-button-solid-chrome-border-color-active:   transparent;
        --oj-button-solid-chrome-text-color-active:     var(--oj-core-neutral-contrast);
      
      
      
        /* solid disabled 
        --oj-button-solid-chrome-bg-color-disabled:     rgba(var(--demo-purple-rgb-100), .1);
        --oj-button-solid-chrome-border-color-disabled: transparent;
        --oj-button-solid-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); */
      }


      .button-white {        
        --blue-rgb-1:	255, 255, 255;	
        --blue-rgb-2:	240, 240, 240;	
      
        /* SOLID */
      
        /* solid enabled */
        --oj-button-solid-chrome-bg-color:              rgb(var(--blue-rgb-1));
        --oj-button-solid-chrome-border-color:          transparent;
        --oj-button-solid-chrome-text-color:            var(--oj-core-text-color-primary);
      
      
        /* solid hover */
        --oj-button-solid-chrome-bg-color-hover:        rgb(var(--blue-rgb-2));
        --oj-button-solid-chrome-border-color-hover:    transparent;
        --oj-button-solid-chrome-text-color-hover:      var(--oj-core-text-color-primary);
      
      
        /* solid active */
        --oj-button-solid-chrome-bg-color-active:       rgb(var(--blue-rgb-1));
        --oj-button-solid-chrome-border-color-active:   transparent;
        --oj-button-solid-chrome-text-color-active:     var(--oj-core-text-color-primary);
      
      
      
        /* solid disabled 
        --oj-button-solid-chrome-bg-color-disabled:     rgba(var(--demo-purple-rgb-100), .1);
        --oj-button-solid-chrome-border-color-disabled: transparent;
        --oj-button-solid-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); */
      }

      .button-white-c>button>span {
        background-color: white !important;
      }
      .button-white-c>button>span:hover {
        background-color: rgb(218, 218, 218) !important;
      }
      .button-white-c>button>span:active {
        background-color: rgb(184, 184, 184) !important;
      }
      .spragler-pattern {
        position: relative;
      }

      .country-width {
        width: 140px;
      }

      .country-width-readonly {
        width: 40px !important;
      }
      
      .spragler-pattern:before{
        content: '';
        mix-blend-mode: initial;
        filter: opacity(0.08);
        background-color: #FBF9F8;
        background-image: url("images/spragler.webp") !important;
        opacity: 0.5;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        background-repeat: repeat;
        background-size: 500px 500px;
      }
      
      .linjer-pattern {
        position: relative;
      }
      
      
      .linjer-pattern:before{
        content: '';
        mix-blend-mode: initial;
        filter: opacity(0.08);
        background-color: #fbf8f9;
        background-image: url("images/linjer.png") !important;
        opacity: 0.2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        background-repeat: repeat;
        background-size: 500px 500px;
      }

      .fristUtlopt-red {
        color: red;
      }

      .filepickerDescriptionIcon {
        min-width: 90px !important;
        min-height: 90px !important;
        height: 90px !important;
      }
      .filepickerBackground_danger > div {
        background-color: RGB(var(--oj-palette-danger-rgb-30)) !important;
      }
      .filepickerBackground_success {
        background-color: rgb(var(--oj-palette-success-rgb-10));
      }

      .close-ny_popup1 {
        position: absolute;
        top: 5px;
        right: 5px;
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 16px;
        padding-right: 10px;
      }
      
      .ny_popup1 {
        display: block;
        position: absolute;
        width: 300px;
        height: fit-content;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 999;
        opacity: 0; /* Set initial opacity to 0 */
        transition: opacity 0.9s; /* Add a transition for the opacity property */
      }
      .ny_popup1-icon {
        position: absolute;
        bottom: 10px;
        right: 10px;
      }