/* css for index4*/

:root
{
	--BGS : #081C35; /* sort bakgrunn */
	
	--BPM : #88B1B7; /* Blå primær */
	--GPM : #D3AD62; /* Gul primær */
	
	--BNY1 : #688C97; /* Blå nyanse */
	--GNY1 : #DDC188; /* Gul nyanse */

	--BNY2 : #486776; /* Blå nyanse */
	--GNY2 : #E6D4AF; /* Gul nyanse */

	--BNY3 : #284156; /* Blå nyanse */
	--GNY3 : #F0E8D5; /* Gul nyanse */
	
	--HNO :  #081C35; /* Hvit nøytral */
	--GNY :  #081C35; /* Gul nyanse */
    --BKG :  #F9FBFB;  /* std background */

	/* Usage:
	   var(--navn, value);
	*/
}

#body 
{ 
    /*padding-top: 100px;*/ 
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited 
{
    /*background-color: #8064A2 !important; */
}

#logohead
{
    top: 50px;
    height: 75px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}


.navbar
{
  padding           : 10px 5px 10px 5px;
  background-color: var(--Bkg);
  color             : antiquewhite;
  transition        : all ease 0.4s;
}

.navbar-brand{
  font-size         : 24px;
  color             : white !important;
  vertical-align    : top;
  text-align        : left;
 
}

.navbar-rightbuttons
{
  width             : 800px;
  float: right;  
  font-size         : 12px;
  color             : white !important;
  vertical-align    : top;
  text-align        : right;
 
}


.navbar .navbar-nav li a
{
  font-size         : 16px;
  color             : black;
  
}

.navbar-brand.abs
    {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
    }


/* Jumbotron */
.jumbotron{
  margin-top        : 90px;
  background-color  : #B1E6F9 !important;
  border            : green !important;
  border-radius     : 15px !important;
  box-shadow        : 0 5px 5px 3px rgba(0, 0, 0, 0.2) !important;
  
}

#outercontainer
{
      position      : absolute;      
      top           : 110px;
      width         : 1900px;
      height        : 850px;
      margin-left   : auto;
      margin-right  : auto;
} 
.shower
{
        
     background-color: lightblue; 
  
}
#thisbody
{
    /*
    background-image        : url("../.profil/Sirkel.png" ); 
    background-size         : 18%; 
    background-position-x   : right;
    background-position-y   : 80%;
    background-repeat       : no-repeat;
    */
    background-color        : var(--BKG);
}

.cookieacceptdialog
{
    background-color: var(--BKG); 
    color           : grey; 
    padding         : 10px; 
}

.panel
{
    background-color: var(--BKG)!important;  
    padding-top: 0px !important;
    font-size: 9pt;
}


.dynamicDiv
{
     position       : relative;
     top            : 100px;   
     margin-top     : 10px;
     margin-left    : auto;
     margin-right   : auto;    
     font-size      : 18px;
     z-index        : 90;
     background-color: var(--BKG)!important; 
     color           : black; 
     
     padding         : 10px;
     
    font-size       : 14pt;
    border-radius: 15px;
    border: 2px solid #73AD21;
         
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     
     
}

.dynamicLoginDiv
{
     position       : relative;
     width          : 400px; 
     height         : 500px;
     top            : 100px;   
     margin-top     : 10px;
     margin-left    : auto;
     margin-right   : auto;
     
     font-size: 18px;
     
     margin-top: auto;
     margin-bottom: auto;
     /*height         : %;*/
     
     border-style   : solid;
     border-radius  : 15px;
     box-shadow     : 10px 10px 5px lightblue;
     z-index        : 950;
     background-color: white; 
     color           : grey; 
     padding         : 10px;
     
}
.dynamicTabell
{
    position        : relative;
    width           : 99vw;
    height          : 95vh;
    /*top             : 28px;*/
    background-color: transparent;
}


.ui-dialog 
{
    font-family     : "Onest";
    background-color: var(--BKG) !important;
    /*background-image: linear-gradient( #C0BFBF, #F5F2F2 );*/  
    top             : 75px ;
    margin-top      : auto;
    margin-bottom   : auto;
    color           : white;  
    font-size       : 14pt;
    border-radius   : 15px;
    border          : 2px solid #73AD21;
    box-shadow      : 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        
}  

.ui-dialog-titlebar 
{
      background-color      :   var(--BGS) !important ; 
      color                 :   var(--BKG);
      font-size             :   14px;
      border-radius         :   12px;          
}  

/*  
.ui-dialog-content 
{
    
    background-color: #B2AFAF;
    color           : white;
    
    font-size       : 14pt;
}  
*/

.bg
{
  /* Full height */
  width     : auto; /* takes the 100 % width of its container (.box div)*/
  height    : auto; /* takes the 100 % height of its container (.box div)*/

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
 
}

#logodiv
{
     width          : 400px ;    
     margin-top     : 10px;
     margin-left    : auto;
     margin-right   : auto;
     border-radius  : 15px;
     background-color: transparent;
     z-index        : 100;
     text-align     : center;
}

.headertxt
{
    text-align      : center;
    font-size       : 14pt;
    font-weight     : bolder;
    color           : var(--BGS);
    
}
  
#velkommenside
{
     width          : 1000px ;    
     margin-top     : 10px;
     margin-left    : auto;
     margin-right   : auto;
     height         : 700px;
     border-radius  : 15px;
     background-color: transparent;
    
     
}
#iframeholder
{
     width          : 100vw;    
     margin-top     : 50px;
     margin-left    : auto;
     margin-right   : auto;
     padding        : 10px;
     /*height         : auto;*/
     border-radius  : 15px;
     /*background-color: transparent;*/
     background-color:#E9EAE1;
     
}

.holder
{
    /* position: absolute;*/    
     width          : 1750px;    
     top            : 35px;
     padding        : 10px;
     margin-left    : auto;
     margin-right   : auto;
     height         : 800px;
     border-radius  : 15px;
     background-color:#B1E6F9;
     
}
.selectlng
{
     font-family: "Onest";
     
     margin-top     : 18px;
     margin-left    : auto;
     margin-right   : auto;
     font-size      : 12pt;
     font-weight    : bolder;
     text-align     : center;
     /*background-color: #BBB1B7;*/
     color: darkblue;
}
.bunntekst
{      
     margin-bottom  : 5px;
     margin-left    : auto;
     margin-right   : auto;
     font-size      : 10pt;
     text-align     : center;
     color          : black ;
}

#listediv
{
     width          : 90%; /*1600px ;*/    
     margin-top     : 50px;
     margin-left    : auto;
     margin-right   : auto;
     height         : 400px;
     border-radius  : 15px;
}
#alternativliste
{
     width          : 800px;  
     height         : 50px    ;  
     margin-top     : 10px;
     margin-left    : auto;
     margin-right   : auto;
     padding        : 10px;
     text-align     : center;
     /*height         : auto;*/
     border-radius  : 10px;
     /*background-color: transparent;*/
     background-color:#D3EBF4;
}

#loader-div {
			display: none;
			position: fixed;
			margin: 0px;
			padding: 0px;
			right: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 30001;
			opacity: 0.8;
		}
#loader-img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}




.close {
          height: 20px;
          background-color: #777;
          border: none;
          color: white;
          border-radius: 2px;
          cursor: pointer;
}

.sprokvalg
{
    
    color           : grey; 
    padding         : 10px; 
    /*margin-top: 200px;*/ 
    font-size       : 12pt; 
    border-radius   : 5px;
    margin-left     : auto;
    margin-right    : auto;
    
    box-shadow      : 10px 10px 5px #D3E4F8;
    z-index         : 900;
    /*background-color: #D3E4F8;*/ 
    background-color:  var(--GNY2);
    
}
ul {
  list-style-type   : none;
  margin            : 0;
  padding           : 0;
  overflow          : hidden;
  color             : var(--BKG)  ;
  background-color  : var(--BGS);
}

li {
  float: left;
  border-right: 1px solid #bbb;
}

li a {
  display       : block;
  color         : var(--BKG)!important ;
  text-align    : center;
  padding       : 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
ul {
  position: fixed;
  top: 0;
  width: 100%;
}
img {
  opacity: 1;
}


.loader 
{
  border        : 16px solid #f3f3f3;       /* Light grey */
  border-top    : 16px solid #3498db;   /* Blue */
  border-radius : 50%;
  width         : 40px;
  height        : 30px;
  animation     : spin 2s linear infinite;
}

@keyframes spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable 
{
   /* background: var(--Gny2) !important ;  */
}