@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
div {
    display:normal;
}
body, html {
    
    overflow-y: auto !important;
    background-color: #C3E6A7 !important;
}
.data-handler-container {
    font-family: 'Noto Sans' !important;
    margin: 0px !important;
    padding: 0 !important;
    min-width: 100vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    height: 100vh !important;
    max-height: 100vh !important;
    transform-origin: top left;
    background-repeat: no-repeat;
    background-size: cover;
    color: #0D4538 !important;
    background-color: #C3E6A7 !important;
    overflow-y: auto !important;
    
}

.data-handler-container .main {
    flex: 1
}
.data-handler-container .bottom-holder {
    max-height: 70px;
    height: 70px;    
    bottom: 80px;
    width: 100%;
   padding-left:10px;
}
.data-handler-container a, .data-handler-container a:hover, .data-handler-container a:active {
    color: #0D4538 !important;
    font-size: 3vw;        
    /*text-transform:capitalize!important;*/
    font-weight:bold;
}
.data-handler-container .header-01 {
    width: 100% !important;
    margin-top: 3vw !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*text-transform: capitalize;*/
    font-size: 5vw !important;
    font-weight: normal !important;
    font-weight:bold!important;
    background-color:#0d4538;
    color:#fff;

}
.data-handler-container .linkHolder {
    margin-top:4vh;
    width: 60%;
    margin-left: auto;
    margin-right: auto;    
}
.data-handler-container .linkHolder .main-grid {    
    width: 100%;
    border-collapse:collapse;
}
.data-handler-container .linkHolder .main-grid tr td{

}
.data-handler-container .linkHolder .main-grid tr .row-spacer{
    padding-bottom:2vh;
}
.data-handler-container .linkHolder .main-grid .grdContainerItem {
    text-align: left;
    font-weight: bold;
    text-align: left;
    position: relative;
}
.data-handler-container .linkHolder .main-grid .grid-item-1{    
    color:#0d4538;    
     background-color: #a8ce95;
}
.data-handler-container .linkHolder .main-grid .grid-item-2 {
    background-color: #a8ce95;
    padding-right: 0.1vw;
    padding-left: 0.1vw;
}
.data-handler-container .linkHolder .main-grid .grdContainerItem .title {
    width: 100%;
    position: relative;
    background-color: #a8ce95;
    font-size: clamp(14px, 3vw, 28px);
    padding: 0;
    margin: 0;
    padding-left: 1vw;
}
.data-handler-container .linkHolder .main-grid tr td table{    
    width:100%;
    border-collapse:collapse;
    background-color:#c3e6a6;    
}
.data-handler-container .linkHolder .main-grid  table tr td{
    color:#0d4538;
    font-size:1.5vw;
    font-weight:normal;
    padding-left: 1vw;
}
.data-handler-container .linkHolder .main-grid table tr td:nth-child(1) {
    width:50%;        
}
.data-handler-container .linkHolder .main-grid tr td .button-container {            
    display:flex;
    justify-content: center; /* sentrerer horisontalt */
    align-items: center;    /* sentrerer vertikalt */
    text-align: center;     
    font-size: clamp(14px, 2vw, 18px);    
    box-sizing: border-box;
    background: linear-gradient(to bottom, #d8f0cc, #a4c38d);
    border: 0.1em solid #6b9b5c;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
}
.data-handler-container .linkHolder .main-grid tr td .button-container .btn-link {    
    font-size: 2vw;    
    cursor: pointer;
    font-weight: bold;       
}
/*Bottom*/
.data-handler-container .bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    right:2vw;
}
.data-handler-container .bottom table {    
    width: 100%;
    border-collapse: collapse;
    height:10vh;
}
.data-handler-container .bottom table tr td:nth-child(1){
    text-align:center;           
    position: relative;    
}
.data-handler-container .bottom table tr td  a{
    padding-left:5px;
}
.data-handler-container .bottom table tr .logo {        
    max-width:10%;
    width: 10%;
    max-height:2vh;
    background-image: url('/WidgetImages/777/logo/logo.png?p=2');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    text-align: left;
   
}


.data-handler-container .tilbake {
    padding: 0;
    font-size: 2em;
    cursor: pointer;
    padding-left: 5px;
}
.data-handler-container .bottom table tr .infoText {
    font-size: 1.5vh !important;
    vertical-align: top;
    padding-top:5px;
    height:100%;
}


@media screen and (orientation: portrait ) {
    .data-handler-container .linkHolder {
        margin-top: 4vh;
        width: 80%;
        
    }
    .data-handler-container .linkHolder .main-grid  table tr td{
        color:#0d4538;
        font-size: clamp(10px, 1.5vw, 14px);  
        font-weight:normal;
        padding-left: 1vw;
    }
}
/*@media screen and (max-width: 375px) and (orientation: portrait ) {
    .data-handler-container .linkHolder .main-grid table tr td {        
        font-size: 2vw;        
    }
    .data-handler-container .linkHolder .main-grid tr td .button-container {
        font-size: 3vw;
    }
    .data-handler-container .linkHolder .main-grid tr td .button-container .btn-link {
        font-size: 3vw;        
    }
}*/

/* Små telefoner (under 576px) */
@media (max-width: 575.98px) {  }

/* Mobiltelefoner (576px – 767px) */
@media (min-width: 576px) and (max-width: 767.98px) { }

/* Nettbrett (768px – 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {  }

/* Små laptops (992px – 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {  }