/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
 @import "https://fonts.googleapis.com/css?family=Roboto:300";
 /* colors */
 /*$fadeColor2: #007b8c;*/
 /*$fadeColor3: #99ca3c;*/
 /* font */
 /* line 106, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/MaterialIcons-Regular.woff) format('woff'),
        url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}
 html,body{
     min-height: 100vh;
     height: auto !important;
 }
 
 td.details-control {
     background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
     cursor: pointer;
 }
 tr.shown td.details-control {
     background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
 }
 
 html {
     position:relative;
 }
 
 body {
   font-family: "Roboto", sans-serif;
   font-weight: 300;
   color: #0b0c0c;
   font-size: 16px;
   line-height:24px;
   padding-bottom: 112px;
  
 }
 img {
     max-width: 100%;
 }
 body:not(.modal-open) {
     padding-right:0!important;
 }
 
 a {
     cursor: pointer;
 }
 .nkom-main-container {
     margin-bottom:100px;
     z-index: 1;
 }
 
 .nkom-margin {
     margin-top:15px;
     margin-bottom:15px;	
     
 }
 .navbar-inverse {
     border:none;
     border-radius:0;
 }
 
 input[type=number], .selectFrequence{
     font-size:1em;
     padding:4px;
     margin:0 0 2px;
     border-radius:0;
 }
 .search_select {
     padding:4px;
     border-color:#ccc;
     width: 100%;
     height: 34px;
 }
 .selectFrequence {
     border: 1px solid #ccc;
     border-left:0;
 }
 select#selectMinFrequence {
     margin-right: 5px;
 }
 input#max {
     margin-left: 5px;
 }
 
 div#advanced-search {
     padding-top: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
     
     padding-bottom: 20px;
 }
 #advanced-search h4 {
     border-bottom:1px solid;
 }
 
 .inline-elements {
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }
 
 a {
     color: #1d2858;
     text-decoration:underline;
 }
 a:hover {
   color:#545454;
 }
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     background-color:#1d2858!important;
 }
 
 h1 {
   font-size: 2.625em;
   line-height: 1.14286em;
 }
 
 h2 {
   font-size: 1.875em;
   line-height: 1.2em;
   scroll-margin-top: 90px;  /* FIN-269 */
}
 
 .title-icon {
     font-size:22px;
 }
 
 h3 {
   font-size: 1.5em;
   line-height: 1.5em;
 }
 
 h4 {
   font-size: 1.25em;
   line-height: 1.2em;
 }
 
 h5 {
   font-size: 1em;
   line-height: 1.5em;
 }
 
 h6 {
   font-size: 0.8125em;
   line-height: 1.84615em;
 }
 
 
 input[type=search] {
   width: 100%;
   padding: 12px 20px;
   -webkit-appearance: textfield;
 }
 
 #searchWrapper {
   padding-bottom: 10px;
   max-width: 400px;
 }
 .dropdown-menu>li>a {
     text-decoration: none;
     cursor:pointer;
 }
 
 .nkom-table-eksport {
     margin-left:15px;
 }
 
 .modal_table th {
     background-color: #eaeaea;
     border:0!important;
 }
 
 .nkom-float-right {
     float:right;
     padding-left:15px;
     padding-right:15px;
 }
 
 .metadata {
     font-size: 1.2rem;
     padding-left: 0;
     margin-top:8px;
 }
 .metadata a{
     text-decoration:none;
 }
 .metadata a:hover{
     text-decoration:underline;
 }
 ul.metadata li, .metadata>a {
     list-style: none;
     padding-right:5px;
 }
 .term-metadata.metadata>a {
     padding-right:0px;
 }
 ul.metadata li {
     float: left;
 }
 ul.metadata li:not(:first-child), .metadata>a:not(:first-child) {
     border-left:1px solid #c6c6c6;
     padding-left:5px;
 }
 
 div.dataTables_wrapper div.dataTables_paginate {
     padding-top: 15px;
 }
 
 /* modal */
 
 .modal-body {
     padding: 15px;
     
 }
 
 
 
 .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
     padding: 5px;
 }
 
 .search-field {
     
     margin-left: -15px;
     
 }
 
 .row {
     margin-right: 0px;
     margin-left: 0px;
 }
 .row-margin {
     margin-bottom:10px;	
 }
 .row-margin>div {
     padding: 0 5px 0 0;
 }
 
 .btn {
     min-width:100px;
     
 }
 .btn-primary{
     background-color: #00205B;
     border-color: #00205B;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 16px;
 }
 
 .btn-primary:hover {
     background-color: #00ab8f;
     border-color: #00ab8f;
 }
 .btn-secondary{
     background-color: #eaeaea;
     border-color: #c6c6c6;
     font-weight: bold;
     font-size: 16px;
 }
 
 .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
     background-color: #fff;
     border-color: #00ab8f;
 }
 
 button.btn.btn-secondary {
     padding: 14px 20px;
 }
 
 .remove-padding-x {
     padding-left:0!important;
     padding-right:0!important;
     
 }
 
 .form-control {
     box-shadow:none;
 }
 .btn, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
     border-radius:0;
 }
 
 .gray-background {
     background-color: #eaeaea;
     padding: 15px!important;
 }
 
 md-checkbox:not([disabled]).md-primary.md-checked .md-icon{
     background-color: rgb(0, 32, 91);
 }
 
 .background{
     height: calc(100% - 184px);
     padding: 0;
 }
 .searchbar{
     top: 80px;
     left: 8px;
     width:inherit;
 }
 .sidebar{
     width: 300px;
     top: 72px;
     right: -300px;
     opacity: 0;
 
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
 
     bottom: 112px;
     background-color: #eaeaea;
     box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
 }
 .sidebar.active{
     right: 0;
     opacity: 1;    
 
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
 }
 .infobar{
     top: 166px;
     left: 8px;
     right: 8px;
     z-index: 1102 !important;
     box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
     color: inherit;
 }
 
 .alert-info{
     background: rgb(153, 216, 242);
     border-color: rgb(153, 216, 242);
 }

 .alert-warning{
    background: rgb(255, 209, 0);
    border-color: rgb(255, 209, 0);
}
 
 section :not(#myMap) {
     z-index: 1100;
 }
 #myMap {
     -webkit-transition: right .2s ease;
     -o-transition: right .2s ease;
     transition: right .2s ease;
 }
 #myMap.space-side {
     right: 300px !important;
 }
 
 .result-spacing-div {
     height: 10px;
 }
 
 .second-results-bar {
     box-shadow: none;
     display: inline-block;
 }
 
 .third-results-bar {
     display: inline-block;
     margin-top: 10px;
 }
 
  .radiation-input {
      width: 100px;
     
  }
 
 .result-frequency {
     padding-left:0;
 }
 
 .result-technology, .result-list-straaling-title {
     font-size: 20px;
     display:block;
     margin-top:5px;
     margin-bottom:1px;
     font-weight: 600;
 }

 .result-channel{
    display:block;
    margin-top:5px;
    margin-bottom:1px;
    font-weight: 600;
 }
 
 .result-list-straaling-title-label{
     font-weight: 500;
     font-size: 16px; 
     display: inline;
 }
 
 .result-list-radiation {
     padding: 0px 10px 0 0;
 }

 .result-list .result-list-radiation {
     padding-left: 0;
 }

 .result-radiation-emf-p {
     margin-top: 5px;
     margin-bottom: 0;
 }
 
 .result-radiation{
     font-weight:600;
 }
 
 .result-list{
     margin-bottom: 0;
     padding-left: 1em;
     list-style: none;
     background-color: white;
 
     -webkit-transition: max-height .2s ease;
     -o-transition: max-height .2s ease;
     transition: max-height .2s ease;
 }
 
 .result-title-hr {
     margin: 1px 1px 6px 1px;
 }
 
 .result-label{
     font-weight: 300;
 }
 
 .result-radiation {
     padding: 0 0 0.5em 0;
 }
 
  .radiation-input-error {
      color: red;
      font-size: 2;
  }
  
 .forground{
     position: fixed;
 }
 .forground element{
     position: relative;
 }
 
 .sidebar-button {
    right: 8px;
    top: 72px;
}

 /* larger than tablet */
 @media (min-width: 1200px) {
     #myMap {
         bottom: 112px !important;
     }
     .infobar{
         left: 338px;
         width: 800px;
     }
 }
 @media (max-height: 767px) {
     #myMap {
         bottom: 0 !important;
     }
 }
 /* tablet or smaller */
 @media (max-width: 1199px), (max-height: 767px) {
     .sidebar{
         right: -300px;
         bottom: 0;
 
         -webkit-transition: right .2s ease;
         -o-transition: right .2s ease;
         transition: right .2s ease;
     } 
    
 }
 
 .md-autocomplete-suggestions-container {
     z-index: 1102 !important;
 }
 
 .md-padding {
     width: 350px;
     height: 65px;
 }
 
 .margin-left {
     margin-left:5px;
 }
 .border-bottom {
     border-bottom:2px solid #c6c6c6;	
 }
  .nkom-right{
      float:right;
  }
 
 
 
 .dtr-details tr:first-child {
     display: none;
 }
 
 /* tabell */
 td.noexport.map {
     padding: 15px;
 }
 td.noexport.map span.glyphicon.glyphicon-circle-arrow-right {
     font-size: 22px;
 }
 
 .applications table, .applications table td {
     border:none!important;
 }
 .applications table td {
     padding:5px;
 }
 #allocationsTable table, #allocationsTable table th, #allocationsTable table td {
   border: 1px solid #eaeaea;
 }
 
 table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
     background-color: rgba(0,0,0,0.7)!important;
 }
 tr.selected .row.row_dist {
     background-color: rgba(0,32,91,1);
 }
 table.dataTable th.focus, table.dataTable td.focus {
     outline: 0px solid rgba(0,171,132,1);
 }
 
 table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
     font-size: 12px;
    
 }
 .table>thead>tr>th {
     vertical-align: top;
 }
 
 .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #eaeaea!important;
 }
 .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
     border: 1px solid #c6c6c6;
 }
 
 
 table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
     padding-right: 24px;
 }
 .dt-buttons {
     display:none;
 }
 .navbar-toggle {
     background-color: transparent !important;
     color: white;
     border: none;
     padding:15px;
     margin-top:15px;
 }
 td.hyperlink {
     text-align: center;
 }
 
 td.hyperlink span.glyphicon.glyphicon-circle-arrow-right {
     font-size: 22px;
 }
 
 .dataTables_length {
     float: right;
     padding-top: 8px;
 }
 
 .open>.dropdown-menu {
     margin-left: 15px;
 }
 
 @media (min-width: 768px) and (max-width:1199px) {
     .container {
         width: 100%;
     }
 
     .infobar{
         top: 129px;
         left: calc(50% - 350px);
         max-width: 800px;
         margin-left: auto;
         margin-right: auto;
     }
 }
 @media(max-width:767px) and (min-height: 399px) {
        
     .infobar{
        top: 129px;
     }
     .nkom-float-below-soek {
         margin-top: 8px;
     }
     body {
         padding-bottom: 220px;
     }
 }
 @media(max-width:400px) {
    .nkom-site-title {
        margin-left: 0px!important;
    }
    .infobar{
        top: 129px;
     }
    #hamburger-menu {
        margin-right: 0px;
        padding-right: 8px;
        
    }
	.sidebar-button {
        right: 82px !important;
    }
    #nkomHeader a {
    font-size: 12px;
    }

    .searchbar{
        left: 0;
        right: 0;
    }
 }
 
 @media (max-width: 1199px) {
 
     .navbar-toggle {
         display: inherit;
     }
     .navbar-header {
         width:100%;
     }
 }
 
 .ilBox {
     border-top: 15px solid;
     font-weight: 500;
     margin: -6px 0 0 0;
     padding: 4px 0 0 0;
     max-width: 100%;
 }
 
 .ilOver100 {
     border-color: red;
     color: red;
 }
 
 .ilUnder100 {
     border-color: rgb(0,171,132,0.75);
     color: rgb(0,171,132);
 }
 
 .ng-invalid {
     font-weight: 500;
     margin: -6px 0 0.5em 0;
     padding: 4px 0 0 0;
     max-width: 100%;
 }
 
 md-autocomplete[md-floating-label] .md-show-clear-button input {
      background-color: white;
 }
 
 md-input-container {
     padding: 2px; 
 }
 
 md-autocomplete {
     min-width: 320px;
 }

 md-select-menu.md-default-theme md-content md-option:not([disabled]):focus,
 md-select-menu md-content md-option:not([disabled]):focus,
 md-select-menu.md-default-theme md-content md-option:not([disabled]):hover,
 md-select-menu md-content md-option:not([disabled]):hover {
     background-color: rgb(0, 159, 223);
 }
 .sidebar-button {
     color: white;
     background-color: rgb(0,159,223);
     border: none;
     box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
     min-width: 50px !important;
     width:100px;
 }
 .sidebar-button:active,
 .sidebar-button:focus {
     background-color: rgb(0,159,223) !important;
 }
 .sup {
    position: relative;
    bottom: 1ex; 
    font-size: 80%;
  }