/*-------------------PC 2100 + --------------------------------*/     
      @media  (min-width: 2801px) {
    	  .recordSec-1{ /*section med article elementer*/
	      grid-template-columns: repeat(12,1fr);	      
	  }
      }
	  
/*-------------------PC 2100 + --------------------------------*/     
      @media  (max-width: 2800px) and (min-width: 2101px) {

	  .recordSec-1{ /*section med article elementer*/
	      grid-template-columns: repeat(10,1fr);	      
	  }


      }

/*-------------------PC 1600 + --------------------------------*/     
      @media  (max-width: 2100px) and (min-width: 1601px) {

	  .recordSec-1{ /*section med article elementer*/
	      /*grid-template-columns: 200px 200px 200px 200px 200px 200px;*/
	      grid-template-columns: repeat(8,1fr);
	  }


      }
/*-------------------PC 1250 + --------------------------------*/      
      @media (max-width: 1600px) and (min-width: 1250px) {

	  .recordSec-1{ /*section med article elementer*/
	      grid-template-columns: repeat(6,1fr);
	  }

      }

/*-------------------PC 700 + vga--------------------------------*/      
      @media (max-width: 1250px) and (min-width: 701px) {

	  .recordSec-1{ /*section med article elementer*/
	      grid-template-columns: repeat(4,1fr);
	  }
	  
      }

      
/*-------------------PC liten --------------------------------*/      
      @media (max-width: 700px) {

	  .recordSec-1{ /*section med article elementer*/
	      grid-template-columns: repeat(2,1fr);
	  }
      }
 

 /*-------------------PC FELLES --------------------------------*/      
      @media only screen 
              and ( min-device-width: 950px ) , (-webkit-device-pixel-ratio: 1) {

	  .recordBoksHead{
	     font-size: 18px;
	     padding:25px 1% 25px 1%;	     
	 }

	  .recordSec-1{ /*section med article elementer*/
	      grid-gap: 10px;
	  }
	  .recordArt-2NB{ 
	      /*background-color:#cceeff;*/
	      left:10px;
	      height:8px; /*teksten kommer paa nedsiden og utsiden ved behov*/
	      width:50px;
	      font-size: 14px;
	      line-height:16px;
	  }
	  .recordArt-2NB-inline{
	      border-radius:5px;
	  }
	  .recordArt-1{
	      min-height:28px;
	      font-size: 16px;
	      padding:8px 5px 0px 10px;
	  }
	  .recordArt-1S{
	      padding:8px 5px 0px 20px;
	      font-size: 16px;	     
	  }
	  .recordArt-1E{
	      width:85%;
	      height:32px;
	      font-size: 16px;
	      border:2px solid #132844;
	      border-radius:10px;
	      padding:2px 5% 2px 5%;
	  }



	  .recordArt-1ED{ /*dropdown*/
	      border-radius:10px;
	  }
	  .recordArt-1ER label {
	      font-size: 16px;
	      padding: 3px 20px;
	      margin: 0px 20px 0px 0px;
	      border-radius: 10px;
	      border: 2px solid #444;
	  }
	  .recordArt-1ERR{ /*radio*/
	      font-size:32px;
	  }
	  .recordArt-1ER{ /*radio*/
	      min-height:32px;
	  }
	  

	  .recordArt-1EC{/*checkbox*/
	      min-height:32px;
	      border-radius:10px;
	  }
	  .recordArt-1ECLabel label {
	      padding: 3px 20px;
	      font-size: 16px;
	      border-radius: 10px;
	      margin: 0px 20px 0px 0px;
	  }
	  
	  .recordWarning{
	      font-size: 12px;	     
	      padding:0px 0px 0px 10px;
	      border-radius:5px;
	      white-space: normal;
	  }

      }



 /* ----------- Mobile  ----------- */     
     @media only screen 
            and (min-device-width: 100px) 
            and (max-device-width: 250px)
            and (-webkit-min-device-pixel-ratio: 2) {

     }	 
 /* ----------- Mobile, liten pad ----------- */     
     @media only screen 
            and (min-device-width: 250px) 
            and (max-device-width: 950px)
            and (-webkit-min-device-pixel-ratio: 2) {

	 .recordSec-1{ /*section med article elementer*/
	     grid-template-columns: repeat(4,1fr);
	  }

     }


/* ----------- Pad  ----------- 
     @media only screen 
            and (min-device-width: 750px)
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 
     .bucket{
	 grid-template-columns: 1fr 1fr 1fr;
     }
      .bucketProdSpan{
      grid-column:span 3;
      }
     }
*/
     
/* ----------- Mobil og Pad med  ratio 2 og mer  ----------- */
     @media only screen
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 


	 .recordSec-1{ /*section med article elementer*/
	     grid-template-columns: repeat(2,1fr);
	     grid-gap: 4px;
	 }

	 .recordBoksHead{
	     font-size: 16px;
	     padding:5px 1% 5px 1%;	     
	 }

	  .recordArt-2NB{ 
	      /*background-color:#cceeff;*/
	      left:10px;
	      height:6px; /*teksten kommer paa nedsiden og utsiden ved behov*/
	      width:60px;
	      font-size: 11px;
	      line-height:10px;
	  }
	  .recordArt-2NB-inline{
	      border-radius:3px;
	  }
	  .recordArt-1{
	      height:26px;
	      font-size: 14px;
	      padding:6px 3px 0px 10px;
	  }
	  .recordArt-1S{
	      padding:4px 2px 0px 10px;
	      font-size: 14px;	     
	  }

	  .recordArt-1E{
	      width:85%;
	      height:24px;
	      font-size: 14px;
	      border:1px solid #132844;
	      border-radius:4px;
	      padding:1px 5% 1px 5%;
	  }

	  .recordArt-1ER{ /*radio*/
	      min-height:20px;
	  }
	  .recordArt-1ED{ /*dropdown*/
	      border-radius:8px;
	  }
	  .recordArt-1ER label {
	      font-size: 14px;
	      padding: 2px 20px;
	      margin: 0px 20px 0px 0px;
	      border-radius: 8px;
	      border: 2px solid #444;
	  }
	  .recordArt-1ERR{ /*radio*/
	      font-size:16px;
	  }


	  .recordArt-1EC{/*checkbox*/
	      min-height:24px;
	      border-radius:8px;
	  }
	  .recordArt-1ECLabel label {
	      padding: 2px 10px;
	      font-size: 14px;
	      border-radius: 8px;
	      margin: 0px 10px 0px 0px;
	  }

	  
	  .recordWarning{
	      font-size: 8px;	     
	      padding:0px 0px 0px 6px;
	      border-radius:4px;
	      white-space: normal;
	  }

     }

/*------------------------------- FELLLES ---------------------------*/

.recordSec-2{ /*ytre rammen rundt section, setter position slik at absolut virker, brukes bare i login.js ny bruker*/
    position:relative;
    background-color:#225397;  /*  #e6f7ff border-color:#0088cc;*/			      
    padding:30px;
    font-size: 18px;
    color:white;
}

.recordSec-1{ /*section med article elementer*/    
    display: grid;
    white-space: nowrap;
}


.sec-1E{
    display:none;
    z-index=1;
}





/*Felles boks*/
.recordBoks{
    /*border-radius:8px;*/
    font-family:Abel;
    font-size: 16px;
    color:#132844; /* #006699; */
}
.recordBoksHead{
    position:relative;
  /*  height: 35px;*/    
    width: 98%;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    text-align:center;
    color:white;
    background-color:#225397;
}
.recordBoksHeadL{
    text-align:left;
}
.recordBoksHeadToggle{
    cursor:pointer;
}
.recordBoksHeadToggle:hover{
    background-color:#001e3a;
}
.recordBoksCont{
    display:Block;
    width:100%;
}
.recordBoksHr{
    position: relative;
    /*top:-15px;*/
}



.recordCol-1{ grid-column: span 1; }
.recordCol-2{ grid-column: span 2; }
.recordCol-3{ grid-column: span 3; }
.recordCol-4{ grid-column: span 4; }
.recordCol-5{ grid-column: span 5; }
.recordCol-6{ grid-column: span 6; }
.recordCol-7{ grid-column: span 7; }
.recordCol-8{ grid-column: span 8; }

.art-2{
    padding:5px;
    /*background-color:#cceeff;*/
}
.recordArt-2NB{ 
    /*background-color:#cceeff;*/
    position:relative;
    top:0px;
    font-family:Abel;
    color: #132844;
   /* background-color:orange;*/
}
.recordArt-2NB-inline{
    display:inline-block;
    background-color:white;
    white-space:nowrap;
}
.recordArt-1{
    font-family:Abel;
    color: #132844;
    white-space: nowrap;
    overflow: hidden;
}
.recordArt-1E{
    family:Abel;
    color: blue;
    background-color:white;
}
.recordArt-1-noneBorder{
    border:0px solid black;
}
.recordArt-1-whiteColor{
    color:white;
}
.recordArt-1ER{ /*radio*/
}
.recordArt-1ED{ /*dropdown*/
    border-radius:10px;
}
.recordArt-1ER input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 0px;
}
.recordArt-1ER label {
    display: inline-block;
    font-family: Abel;
    background-color: #eee;
    cursor:pointer;
}
.recordArt-1ER input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
}
.recordArt-1ER input[type="radio"]:focus + label {
    border: 2px dashed #444;
}
.recordArt-1ER label:hover {
  background-color: #dfd;
}

.recordArt-1ERR{ /*radio*/
}
.recordArt-1S{
}
.recordArt-1ES{/*select*/
    color:blue;
}
.recordArt-1EC{/*checkbox*/
    border:2px solid #132844;
    background-color:white;
    color: #132844;
}

.recordArt-1ECLabel {
    display: block;
    position:relative;
    font-family: sans-serif, Arial;
}
.recordArt-1ECLabel input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0px;
}
.recordArt-1ECLabel label {
    display: inline-block;
    background-color: #eee;
    font-family: Abel;
    border: 2px solid #444;
    cursor:pointer;
}
.recordArt-1ECLabel input[type="checkbox"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
}
.recordArt-1ECLabel input[type="checkbox"]:focus + label {
    border: 2px dashed #444;
}
.recordArt-1ELabel:hover {
  background-color: #dfd;
}


.recordWarning{
    display:inline-block;
    visibility: hidden; /*visible;*/
    font-family:Abel;
    color: red;
    /*overflow: hidden; Ved nowrap vil default lengde paa warning setter min bredde paa kolonnen
    white-space: nowrap;*/
    background:white; /**/
    white-space: normal;
}


/*
$color1: #f4f4f4;
$color2: #3197EE;

.recordRadio {
  margin: 0.5rem;
  input[type="radio"] {
    position: absolute;
    opacity: 0;
    + .radio-label {
      &:before {
        content: '';
        background: red;
        border-radius: 100%;
        border: 1px solid darken(#f4f4f4;, 25%);
        display: inline-block;
        width: 10.4em;
        height: 3.4em;
        position: relative;
        top: -0.2em;
        margin-right: 1em; 
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
      }
    }
    &:checked {
      + .radio-label {
        &:before {
            background-color: green;
          box-shadow: inset 0 0 0 4px $color1;
        }
      }
    }
    &:focus {
      + .radio-label {
        &:before {
          outline: none;
          border-color: $color2;
        }
      }
    }
    &:disabled {
      + .radio-label {
        &:before {
          box-shadow: inset 0 0 0 4px $color1;
          border-color: darken($color1, 25%);
          background: darken($color1, 25%);
        }
      }
    }
    + .recordArt-1SR {
      &:empty {
        &:before {
          margin-right: 0;
        }
      }
    }
  }
}
*/


.recordRadioTerm{
}
.recordRadioTerm:Hover{
    text-decoration:underline;
    cursor:pointer;
}
    
.recordButtonCont{
    position:relative;
    width:calc(100%-20px);
    height:40px;
    padding:10px 20px 10px 5px;
    background-color:gold;
}
.recordButton{
    float:right;
    right:100px;
    align:right;
    width:100px;
    height:40px;
    font-family: Abel;
    font-size:20px;
    line-height:40px;
    text-align:center;
    color:white;    
    cursor:pointer;
    border-radius:30px;
    background-color: #132844;
}
.recordButton:hover{
    background-color:#225397;
}




.recordGdprHeading{
    font-familie:Abel;
    font-size:24px;
    color: #132844;
}
.recordGdprTxt{
    font-familie:Abel;
    font-size:16px;
    color: #132844;
}






/*
.art-1-area{
      font-family:Arial, Helvetica, sans-serif;
      font-size: 18px;
      white-space: normal;
      overflow: visible;
      }
      .art-1-areaE{
      font-size: 18px;      
      }
      .art-1-submitE{
      border: solid 1px #0088cc;
      padding: 20px 0;
      text-align:center;
      font-family:Arial, Helvetica, sans-serif;
      font-size: 18px;
      white-space: nowrap;
      overflow: hidden;
      }
      .art-1-submitE:hover{
      cursor: pointer;
      }
      .art-1-linkE{
      text-decoration:none;
      font-size: 12px;      
      color:#006699;
      white-space: nowrap;
      overflow: hidden;
      }


      .error{
      font-family:Arial, Helvetica, sans-serif;
      font-size: 12px;
      color:red;
      display:none;
      }
      .errorD{
      display:inline;
      }

*/
      /*
      .button{
      display:inline-block;
      text-align:center;
      font-size: 20px;
      width:115px;
      }
      .buttonEdit{ 
      position:absolute;
      bottom: 10px;
      right:200px;
      z-index:1;
      }      
      .buttonSave{ 
      visibility: hidden; 
      position:absolute;
      bottom: 10px;
      right:50px;
      z-index:1;
      }      
      .buttonDelete{ 
      visibility: hidden; 
      position:absolute;
      bottom: 10px;
      left:20px;
      z-index:1;
      }      
      .button:hover{
      cursor: pointer;
      }


      .warningWindow{
      background-color:white;
      width:400px;
      height:500px;
      display:none;
      position:fixed;
      left:20px;
      top;40p;
      white-space: normal;
      overflow: auto;
      padding:20px;
      z-index:5;
      }
      .warningButton{
      margin:auto;
      width:250px;
      }
*/