/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
.demo-oracle-icon {
    width: 40px;
    height:40px
}

.demo-oracle-icon:before {
    content:url("images/iskole.ico")
}

html:not([dir="rtl"]) .demo-oracle-icon {
    padding-right:4px
}

html[dir="rtl"] .demo-oracle-icon {
    padding-left:4px
}

.demo-oracle-icon:before {
    display:inline
}

.demo-appheader-avatar {
    width:24px;
    height:24px
}

.demo-appheader-avatar:before {
    content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .demo-appheader-avatar:before {
        content:url("images/avatar_24px_2x.png");
        -webkit-transform:translate(-25%, -25%) scale(0.5);
        transform:translate(-25%, -25%) scale(0.5)
    }
}
.iskole_title {
  font-size: 80px;
  color: #ffffff;
}

@media (max-width: 650px) {
  .iskole_title {
    font-size: 50px;
  }
}


.topDistance {
  margin-top: 0.1%;
}
@media (max-width: 650px) {
  .topDistance {
    margin-top: -100px;
  }
}
@media (max-width: 1280px) {
  .topDistance {
    margin-top: -2%;
  }
}
.sol_bg{
    /* --oc-colors-main-homePageBg: #FBF9F8;
    --oc-colors-coolGrays-10: #f4eff0; */
    /* background-image: url("images/iskole_background.png");
    height: 200px;
    background-size: cover; */
    position: relative;
    /* background-color: var(--oc-colors-main-homePageBg,--oc-colors-coolGrays-10); */
  }
  .sol_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("images/iskole_background_clean.png");
    background-size: contain;
    opacity: 1;
    z-index: -1;
    background-repeat: no-repeat;
  }
  @media (min-width: 2222px) {
    .sol_bg:before {
      /* left: 50%; */
      /* transform: translateX(-50%); */
      background-size: cover;
    }
  }
  /* @media (min-width: 2850px) {
    .sol_bg:before {
      left: 50%;
      transform: translateX(-50%); 
    }
  } */
  .ansatt_bg{
    /* --oc-colors-main-homePageBg: #FBF9F8;
    --oc-colors-coolGrays-10: #f4eff0; */
    background-image: url("images/ansatt_vannrett.png");
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
  }
  /* @media (min-width: 1800px) {
    .sol_bg:before {
      left: 50%;
      transform: translateX(-50%);
    }
  } */
  .elev_bg{
    /* --oc-colors-main-homePageBg: #FBF9F8;
    --oc-colors-coolGrays-10: #f4eff0; */
    background-image: url("images/elever_vannrett.png");
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;

    /* background-color: var(--oc-colors-main-homePageBg,--oc-colors-coolGrays-10); */
  }
  .forelder_bg{
    /* --oc-colors-main-homePageBg: #FBF9F8;
    --oc-colors-coolGrays-10: #f4eff0; */
    background-image: url("images/forelder_vannrett.png");
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;

    /* background-color: var(--oc-colors-main-homePageBg,--oc-colors-coolGrays-10); */
  }

  .soker_bg{
    /* --oc-colors-main-homePageBg: #FBF9F8;
    --oc-colors-coolGrays-10: #f4eff0; */
    background-image: url("images/soknad.png");
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    /* background-color: var(--oc-colors-main-homePageBg,--oc-colors-coolGrays-10); */
  }

  .ac:hover{
    text-decoration: underline;
  }


  .loginpanel {
    width: 18.75rem;
    height: 250px;
  }

  .button-blue {
    /* SOLID */
    /* background-color: rgb(var(--oj-palette-brand-rgb-100)); */
    /* background-color: #b9d5ea */
    /* background-color: #316CAC;  */
    background-color: #bfe8f0;
    border-radius: 3px;
  }
  .button-blue:hover {
    /* background-color: rgb(var(--oj-palette-success-rgb-100)); */
    /* background-color:#51a8e9; */
    /* background-color: #55a7ff;   */
    background-color: #ffffff;
    
  } 
  .button-blue_uten_hover {
    /* SOLID */
    /* background-color: rgb(var(--oj-palette-brand-rgb-100)); */
    /* background-color: #b9d5ea; */
    /* background-color: #316CAC;  */
    /* background-color: #6d9ce2; */
    background-color: #a6d7e1;
  } 
  .oj-c-base-button-outlined {
    /* --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: white !important; */
  }
  .oj-c-base-button-solid {
    /* --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: white !important; */
  }