/* 2024-04-24 10:16:51 */


   /* Common
   -------------------------------- */
   .dataportal, .dataportal div, .dataportal p, .dataportal a, .dataportal ul li {
      font-family: 'Roboto', sans-serif; 
   }
   .dataportal .title, .dataportal .title a {
      font-size: 28px;
      line-height: 40px;
      font-weight: 700;
   }
   .dataportal .subtitle {
      font-size: 24px;
      line-height: 36px;
   }
   .dataportal .subsubtitle {
      font-size: 18px;
      line-height: 26px;
   }
   .dataportal .message {
      padding: 10px 0 0 0;
      /*font-size: 16px;
      line-height: 24px;*/
   }
   .dataportal .searchtips {
      clear: both;
      display: inline-block;
      width: 100%;   
      margin-top: 10px;   
      font-size: 18px;
      line-height: 25px;
   }
      .dataportal .searchtips a {
         font-size: 18px;
         line-height: 25px;
      }

   .dataportal .record .title, .dataportal .record .title a {
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
   }
   .dataportal .record .subtitle {
      font-size: 22px;
      line-height: 32px;
   }   
      .dataportal .record .subtitle a {
         font-weight: 700;
      }
   .dataportal .record .subsubtitle {
      font-size: 18px;
      line-height: 32px;
   }         
   .dataportal .record .record-agency-name {
      font-size: 18px;
      font-weight: 400;   
   }
   .dataportal .google-info .title, .dataportal .google-info .title a {
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
   }
   .dataportal .google-info .subtitle {
      font-size: 18px;
      line-height: 26px;
   }

   .dataportal, .dataportal div, .button-row-bottom {      
      font-size: 20px;
      line-height: 28px;
   }
   .dataportal a {      
      font-size: 20px;
      line-height: 28px;
      text-decoration: none;
   }   
   .dataportal *, .dataportal *::after, .dataportal *::before {
      box-sizing: border-box;
   }
   .dataportal .link { 
      color: #0000FF; /* link-color */
      text-decoration: none; /* link-text-decoration */
   }
      .dataportal .link:hover {
         color: #000066; /* link-hover-color */
         text-decoration: underline; /* link-hover-text-decoration */
      }

   /* Clear Fix */
   .dataportal .clearfix {
      clear: both !important;
      margin: 0;
      padding: 0;
   }


   /* Columns */
   .dataportal .col30 {
      float: left;
      width: 30%;
   }
   .dataportal .col40 {
      float: left;
      width: 40%;
   }
   .dataportal .col50 {
      float: left;
      width: 50%;
   }
   .dataportal .col60 {
      float: left;
      width: 60%;
   }
   .dataportal .col70 {
      float: left;
      width: 70%;
   }

   /* Form formatting */
   .dataportal .formbox {
      clear: both;
      width: 100%;      
      margin: 30px 0;
      padding: 10px 10px;
      border: 1px solid #CCCCCC; /* colour-accent-border */
      background-color: #F6F6F6; /* colour-accent-background-2 */
   }

   /* Dotted line used between heading/content/records etc */
   .dataportal .line, .dataportal hr {
      clear: both;
      margin: 20px 0;
      background-color: #fff;
      border-top: 1px solid #ddd; /* line-style */
   }

   .dataportal select.language {
      height: 40px;
      border: 1px solid #CCCCCC; /* colour-accent-border */
      border-radius: 5px;
      font-size: 16px;
      padding: 2px 5px;
      min-width: 50%;
   }
   .dataportal input.age {
      height: 40px;
      border: 1px solid #CCCCCC; /* colour-accent-border */
      border-radius: 5px;
      font-size: 16px;
      padding: 5px 5px;
      width: 50px;
   }

   /* Spacers */
   .dataportal .spacer10 {
      clear: both;
      height: 10px;
      width: 100%;
   }
   .dataportal .spacer20 {
      clear: both;
      height: 20px;
      width: 100%;
   }

   /* Hidden Elements */
   .dataportal .hidden {
      display: none !important;
   }

   /* Default Search Button */
   .dataportal .btn, .dataportal .input-button {      
      display: inline-block;
      width: 200px;
      padding: 10px 0;
      font-weight: bold;   
      text-align: center;
      color: #FFFFFF; /* colour-submit-button-font */
      background-color: #333333; /* colour-submit-button-background */
      border: 1px solid #000000;  /* colour-submit-button-border */  
      border-radius: 5px;
       -webkit-appearance: none;   
       cursor: pointer;
   }
      .dataportal .btn:hover, .dataportal .input-button:hover {
         color: #FFFFFF; /* colour-submit-button-font-hover */
         background-color: #555555; /* colour-submit-button-background-hover */
         border: 1px solid #000000;  /* colour-submit-button-border-hover */  
      }
      
      /* Search button remove blue outline on focus */
      .dataportal #searchButton:focus {
         outline: 2;
         box-shadow: none;
      }

   /* Small and Big Text, used for breadcrumbs */
   .dataportal .small, .dataportal .small a {      
      font-size: 14px !important;
   }
   .dataportal .big, .dataportal big a {
      line-height: 50px !important;
      font-size: 22px !important;
      font-weight: 900;
      margin: 0 2px;
   }
   .dataportal .required {
      font-size: 14px !important;
      color: #A00;
   }


/* Search Form
   -------------------------------- */
   
.dataportal .formerror {
   color: #900;
   font-weight: 700;
}
.dataportal fieldset {
   margin: 0;
   padding: 0;
   border: none;
}
.dataportal fieldset legend {
   display: none;
}
.dataportal .form-group label strong {
   display: inline-block;
   margin-bottom: 10px;
}
.dataportal .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 16px !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataportal button, input {
    overflow: visible;
}
.dataportal button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

   .dataportal .search-heading {
      color: #000000; /* colour-search-heading */
      font-weight: 700;
      width: 100%;
      margin: 0;
      padding: 5px 0;
      clear: both;
   }

   .dataportal .search-instructions {
      width: 100%;
      margin: 0 0 5px 0;
      padding: 0 0 5px 0;
      font-size: 14px;
      line-height: 20px;
      clear: both;
   }

   /* Form group for location icon and search field */
   .dataportal #search-location {
      display: table;
      width: 100%;
      margin: 0;
   }

   .dataportal .dataportal-sitemap #search-location {
      max-width: 400px;
   }

   /* Search location icon */
   .dataportal #search-location-icon {
      width: 50px;   
      height: 30px;
      padding: 0;
      margin: 0;
      display: table-cell;   
      text-align: center;
      border: 1px solid #ccc;
      background-color: #eee;
      border-radius: 5px 0 0 5px;
      vertical-align: middle;
   }
      /* Add cursor to icon */
      .dataportal #searchLocationIcon {                  
         cursor: pointer;
      }

   /* Search location input container */
   .dataportal #search-location-input {    
      height: 30px;
      margin: 0;
      padding: 0;
      width: auto;
      display: table-cell;
   }

      /* Search location input field */
     .dataportal #search-location-input input {
         width: 100%;
         height: 42px;
         border-left: none;
         border-radius: 0 5px 5px 0;
      }

      /* Search location input field remove blue border focus */
      .dataportal #searchLocation:focus {
         outline: 0;
         box-shadow: none;
         border-color: #ced4da;
      }

   /* Small text for location information */
   .dataportal #location-help {
      clear: both;
      width: 100%;
   }

   /* Buttons */
   .dataportal .search-type, .dataportal .record-detail-button, .dataportal .top-button {
      display: inline-block;
      float: left;
      min-width: 130px;
      text-align: center;
      margin: 0 5px 10px 0;
      padding: 4px 20px;            
      font-weight: 700;
      font-size: 16px !important;
      cursor: pointer;
      border-radius: 5px; /* button-border-radius */
      color: #333333 !important; /* colour-button-font */  
      background-color: #EEEEEE; /* colour-button-background */
      border: 1px solid #DDDDDD; /* colour-button-border */      
          
   }
      .dataportal .or {
         display: block; /* display-or */
         float: left;
         margin: 5px 10px 10px 5px;         
         min-height: 40px;
         font-weight: 700;
         font-size: 14px;
      }
      .dataportal .top-button a {
         font-weight: 700;
         font-size: 16px !important;
         color: #333333 !important; /* colour-button-font */  
      }

      /* Search type button on hover */
      .dataportal .search-type:hover, .dataportal .record-detail-button:hover, .dataportal .top-button:hover {
         color: #333333 !important; /* colour-button-font-hover */  
         background-color: #DDDDDD; /* colour-button-background-hover */
         border: 1px solid #CCCCCC; /* colour-button-border-hover */                    
      }

      /* Search type button is active */
      .dataportal .search-type-active, .dataportal .record-detail-button-active, .dataportal .top-button-active {
         color: #FFFFFF !important; /* colour-selected-button-font */ 
         background-color: #2271B1; /* colour-selected-button-background */ 
         border-color: #044071; /* colour-selected-button-border */         
      }

       /* Search type button is active on hover */
      .dataportal .search-type-active:hover, .dataportal .record-detail-button-active:hover, .dataportal .top-button-active:hover {
         color: #FFFFFF !important; /* colour-selected-button-font */ 
         background-color: #2271B1; /* colour-selected-button-background */ 
         border-color: #044071; /* colour-selected-button-border */ 
      }

   .dataportal .top-button-small {
      display: inline-block;
      float: right;
      width: 225px;
      text-align: left;
      margin: 5px 5px 5px 0;
      padding: 6px 20px 3px 20px; 
      font-weight: 700;
      font-size: 14px !important;
      line-height: 20px;
      border-radius: 5px; /* button-border-radius */
      color: #333333 !important; /* colour-button-font */  
      background-color: #EEEEEE; /* colour-button-background */
      border: 1px solid #ddd; /* colour-button */    
      cursor: pointer;
   }
      .dataportal .top-button-small a {
         font-weight: 700;
         color: #333333 !important; /* colour-button-font */ 
      }      
      .dataportal .top-button-small:hover {
         background-color: #eee; /* colour-button-background-hover */
      } 

    /* Search terms container */
   .dataportal .search-terms {
      width: 100%;
   }
      .dataportal #searchTerms, .dataportal #searchAgency {
         height: 42px;
         border-radius: 5px;
         -webkit-appearance: none;
      }
      /* Search terms field on focus get rid of blue outline */
      .dataportal #searchTerms:focus, .dataportal #searchAgency:focus {
         outline: 0;
         box-shadow: none;
         border-color: #ced4da;
      }
      .dataportal #searchAgency {
         max-width: 450px;
      }
      .dataportal .clearInput {
         text-decoration: none;
      }
      .dataportal .clearInput:after {
         font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
         content: "\f057";
         color: #ccc;
         z-index: 1000;
      }

   .dataportal #searching {
      padding: 10px 0;
   }

   /* The search error message */
   .dataportal .searchError, .dataportal .searchErrorLocation {
      margin: 10px 0;
      padding: 5px 10px;
      background-color: #c23b22;
      border-radius: 5px;
      color: #fff;
   }

   /* For the autocomplete drop downs positioning */
   .dataportal .autocomplete {
     width: 100%;
     position: relative;
     display: inline-block;
   }

      /* Container for the autocomplete items */
      .dataportal .autocomplete-items {  
         position: absolute;
         padding: 0;
         margin: 0;
         border: 1px solid #d4d4d4;
         border-bottom: none;
         border-top: none;
         z-index: 99;  
         top: 100%;
         left: 0;
         right: 0;
      }

      /* Each autocomplete item */
      .dataportal .autocomplete-items div {
         margin: 0;
         padding: 10px;
         cursor: pointer;
         font-size: 16px !important;
         background-color: #fff; 
         border-bottom: 1px solid #d4d4d4; 
      }

      /* Autocomplete item on hover */
      .dataportal .autocomplete-items div:hover {
         background-color: #e9e9e9; 
      }

      /* Autocomplete item active (typically with keyboard control) */
      .dataportal .autocomplete-active {
         background-color: #3685C4 !important;
         color: #ffffff; 
      }

   /* Location List */
   .dataportal #searchLocationView {
      margin: 2px 0;
   }
   .dataportal #searchLocationList {
      clear: both;
      padding: 0;
      margin: 0;
      font-size: 16px !important;      
   }
      .dataportal #searchLocationList .col {
         float: left;
         width: 50%;
      }
      .dataportal #searchLocationList .location-list-item {
         padding: 4px 4px;         
         font-size: 16px !important;
         font-weight: 700;
         cursor: pointer;
      }
   .dataportal #searchOptionsView {
      cursor: pointer;
   }
   .dataportal #searchOptions {
      font-size: 16px !important;
   }
   .dataportal .option-row {
      width: 100%;        
   }
      .dataportal .option-row .option {
         float: left;
         display: inline-block;
         margin: 5px 5px;
         padding: 3px 5px;
         border: 5px solid #EEEEEE; /* colour-option-border */
         font-size: 14px !important;    
         font-weight: 700;
         cursor: pointer;    
      }
      .dataportal .option-row .option:focus {
         border: 5px solid #000; 
         border-radius: 0;
      }
      .dataportal .option-row .option-active {
         border: 5px solid #2271B1;  /* colour-option-border-selected */
      }
   .dataportal .radios {
      font-size: 16px !important;
      font-weight: bold;
   }
   .dataportal .radio-option, .dataportal .expand-it {
      padding: 4px 4px;
      cursor: pointer;
   }
   .dataportal .radio-option label {
      cursor: pointer;
   }
   
   
/* Search Form - Topic List
   -------------------------------- */

   /* Each main topic */
   .dataportal .topicline, .dataportal .topic-path-display {
      margin: 2px 0;   
      padding: 2px 0;
      min-height: 45px;      
      color: #000000 !important; /* colour-accent */    
      overflow: auto; 
   }

      .dataportal #topic-path-display {
         clear: both;
         border: 1px solid #CCCCCC; /* colour-accent-border */
      }

      /* Open topic - top line */
     .dataportal  .topicline .topicline-topic {
         padding: 0px;
         margin: 0px;      
         display: inline-block;
         float: left;
         width: 80%;
      }

         /* Open topic image/icon */
         .dataportal .topicline .topicline-topic .topicline-image {
            padding: 3px 0 0 0;
            margin: 0px;           
            float: left;
            width: 50px;
            text-align: center;
         }   
         .dataportal .topicline .topicline-topic .topicline-image img {
            width: 36px;
            height: 36px;
         }
         /* Topic FontAwesome Icon */
        .dataportal  .topicline .topicline-image i, .dataportal .topicline .topicline-image span {
            padding: 10px;
            color: #000000 !important; /* colour-accent */ 
         }
         .dataportal .topicline-text .topic-description {            
            padding: 10px 0;
            font-size: 16px;
         }
         /* Open topic text */
         .topicline .topicline-topic .topicline-text {            
            float: left;            
            display: inline-block;
            padding: 8px 0 3px 0;
            margin: 0px;    
            color: #000000 !important; /* colour-accent */                 
         }
         .topicline-text {
            cursor: pointer;
         }
         /* Main topic link */
         .dataportal .topicline .topicline-text a {                  
            font-weight: 900;
            color: #000000 !important; /* colour-accent */ 
         }

      /* Open topic close icon */
      .dataportal .topicline .topicline-close {
         padding: 8px 10px 0 0;
         margin: 0;      
         display: inline-block;
         float: left;
         width: 19%;
         text-align: right;
      }   

         /* Set color and pointer of close icon */
         .dataportal .topicline .topicline-close i, .dataportal .topicline .topicline-close span {
            cursor: pointer;
            color: #900;
         }
      .dataportal .topicrowicon {
         float: left;
         width: 14%;
         margin: 5px;
         text-align: center;
         border: none;
      }
         .dataportal .topicrowicon i, .dataportal .topicrowicon span {    
            cursor: pointer;        
            color: #3685C4; /* colour-topic-icon */
            padding: 5px;
         }
         .dataportal .topicrowicon .topicicon {           
            border: none;
            padding: 10px;
            max-width: 100% !important;
         }

         .dataportal .topicrowicon a {   
            height: 30px;
            vertical-align: bottom;
            display:inline-block;   
            font-weight: 400 !important;       
            line-height: 14px !important;
            font-size: 14px !important;
            color: #333;
         }
         .dataportal .topicrowicon i:hover {
            color: #1665A4; /* colour-topic-icon-hover */
         }

      .dataportal .topicgrid {
         float: left;
         width: 33%;
         min-height: 150px;
         text-align: center;                           
         border: none; 
      }
         .dataportal .topicgridfit {
            float: left;            
            min-height: 180px;
            text-align: center;                              
            border: none; 
            overflow: hidden;
         }
         .dataportal .topicgridcol4 {
            width: 25%;
         }
         .dataportal .topicgridcol5 {
            width: 20%;
         }
         .dataportal .topicgridcol6 {
            width: 13%;
            margin: 0 1%;
         }

         .dataportal .topicgrid:hover, .dataportal .topicgridfit:hover {
            
         }
         .dataportal .topicgrid a, .dataportal .topicgridfit a {
            color: #0000FF /* link-color */
            font-weight: 700;
            font-size: 16px !important;
         }
         .dataportal .topicgrid .clearfix-grid3 {
            clear: both;
         }
         .dataportal .topicgrid img, .topicgridfit img {
            width: 102px;
            height: 102px;
         }
         .dataportal .topicrowicon img {
            width: 72px;
            height: 72px;
         }
         .dataportal .topicgrid i, .dataportal .topicgridfit i, .dataportal .topicgrid span, .dataportal .topicgridfit span  {
            border: 5px solid #EEEEEE; /* colour-topic-icon-border */
            padding: 15px 10px 10px 10px;
            height: 102px;
            width: 102px;
            margin-bottom: 5px;
            color: #3685C4; /* colour-topic-icon */
         }
         .dataportal .topicgrid i:hover, .topicgridfit i:hover, .dataportal .topicgrid span:hover, .topicgridfit span:hover {
            color: #1665A4; /* colour-topic-icon-hover */
         }
      .dataportal .topicicon {
         cursor: pointer;
         padding: 10px;
         border: 5px solid #EEEEEE; /* colour-topic-icon-border */
      }

   /* Set the main topic font properties */    
   .dataportal .topic {
      font-weight: 700;
      color: #2675B4;
   }

   /* Displaying the subtopics in a nice box */
   .dataportal .subtopicdata {
      clear: both;
      margin: 0;
      padding: 15px 10px;  
      border: 1px solid #CCCCCC; /* colour-accent-border */
   }      
         .dataportal .subtopicdata a {
            font-weight: 700;
         }
         .dataportal .subtopicdata a:hover {
            color:  #3685C4;            
         }
   .dataportal .topic-select, .dataportal .location-select {      
      width: 100%;
      height: 40px;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 5px 5px;
      font-size: 16px;
      min-width: 200px;
      color: #333;
   }

   .dataportal .paging {
      clear: both;
      margin-top: 25px;
      width: 100%;
      text-align: center;
   }
   .dataportal .result-page {
      display: inline-block;
      width: 45px;    
      margin: 5px;  
   }
   .dataportal .result-page a {
      display: inline-block;
      width: 45px;
      height: 42px;
      text-align: center;
      font-weight: 900;
      line-height: 40px;
      border: 1px solid #efefef;      
   }
      .dataportal .result-page a:hover {
         background-color: #efefef;
      }
      .dataportal .result-page-current {         
         display: inline-block;
         width: 45px;
         height: 42px;
         margin: 5px;
         text-align: center;
         font-weight: 900;
         line-height: 40px;
         border: 1px solid #efefef; 
      }

/* Topic Pages */

   .dataportal-topics .topics-list {
      width: 100%;
   }
   .dataportal-topics .topics-list .topics-list-topic {
      float: left;
      width: 50%;
   }
   .dataportal-topics .topics-list .results-parent-topic .results-parent-topic-icon {
      float: left;
      width: 20%;
      text-align: center;
   }  
   .dataportal-topics .topics-list .results-parent-topic .results-parent-topic-icon .results-topic-icon {
      color: #3685C4; /* colour-topic-icon */
      font-weight: 300;
      font-size: 30px;
   }  
   .dataportal-topics .topics-list .results-parent-topic .results-parent-topic-name {
      float: left;
      width: 60%;
      height: 40px;
      vertical-align: middle;
      font-weight: 900;
      text-transform: uppercase;
   }
      .dataportal-topics .results-sidebar .results-parent-topic .results-parent-topic-name a {
         color: #000;
         text-decoration: none;
      }   
   .dataportal-topics .topics-list .results-parent-topic .results-parent-topic-down {
      float: left;
      width: 10%;
      text-align: right;
   }     
      .dataportal-topics .topics-list .results-parent-topic .results-parent-topic-down .results-parent-topic-down-icon {
         font-weight: 300;
         font-size: 30px;
      }    
   .dataportal-topics .topics-list .results-child-topic {
      width: 90%;
      margin: 5px 0 5px 10%;
   }
   .dataportal-topics .topics-page-search-location {
      margin: 20px 0;
      max-width: 400px;

   }

   .dataportal-topics .topic-cards {
      display: flex;
      flex-wrap: wrap;
   }
   .dataportal-topics .topic-card-container {
      width: 410px;  
      margin: 30px 2% 0 2%;
      padding: 0;
   }
   .dataportal-topics .topic-card {  
      min-height: 400px;
      border-radius: 15px;
      background: #fff;
      border: 1px solid #d5d5d5;
      box-shadow: 0px 0px 19px -3px rgb(0 0 0 / 20%);
      -webkit-box-shadow: 0px 0px 19px -3px rgb(0 0 0 / 20%);
      -moz-box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.2);
   }
      .dataportal-topics .topic-card .topic-card-pad {       
         padding: 15px 15px;
         margin: 0 auto;
      }
   .dataportal-topics .topic-card .topic-card-desc {
      padding: 0 5px;
      font-size: 0.9em;
   }
   .dataportal-topics .topic-card .topic-button, .dataportal .topic-search-button {
      float: right;
      margin: 0 0 20px 0;
      padding: 6px 20px;
      text-decoration: none;
      font-weight: bold;   
      font-size: 16px;
      text-align: center;
      color: #FFFFFF; /* colour-submit-button-font */
      background-color: #333333; /* colour-submit-button-background */
      border: 1px solid #000000;  /* colour-submit-button-border */ 
      border-radius: 5px;
      -webkit-appearance: none;   
      cursor: pointer;
   }
      .dataportal-topics .topic-card .topic-button:hover {
         transition: all 0.5s;
         color: #FFFFFF; /* colour-submit-button-font-hover */
         background-color: #555555; /* colour-submit-button-background-hover */
         border: 1px solid #000000;  /* colour-submit-button-border-hover */  
      }  



/* 
   Record List View / Results Page
   --------------------------------
*/

      .dataportal .results-header {
         padding: 10px 0;
         color: #444;
      }

      .dataportal #results-options {
         float: right;
         padding: 10px 0 0 0;
         font-size: 13px;
         position: relative;
      }
         .dataportal #results-options #searchOptions {
             position: absolute;
             z-index: 10000;
             width: 750px;
             right: 0;
             margin-top: 10px;
             background-color: #fff;
             padding: 10px;
             border: 1px solid #ccc;
          }

   .dataportal .results-sorting {
      margin-top: 10px;
      float: right;
   }

   /* Each record row */
   .dataportal .record-list-row {      
      clear: both;
      width: 100%;
      margin: 10px 0;
      padding: 15px 2% !important;
      overflow: auto;
      background-color: #F6F6F6; /* colour-accent-background-2 */
   }
      /* Record portion of row */
      .dataportal .record-list-row .record {
         float: left;
         width: 70%;
         display: inline-block;
         margin: 0;
         padding: 0; 
      }   
      .dataportal .record-list-row .record-full {
         width: 100%;
      }

         /* Strong for the first name part */

         .dataportal .record-list-row .record a.small {
            font-size: 16px;
            font-weight: normal;
         }         
         .dataportal .record-list-row .record .service, .record-list-row .service {
            margin: 4px 0;
            padding: 5px 0 !important;
            font-weight: 400;
            font-size: 17px !important;
            line-height: 20px !important;
         }
         .dataportal .record-list-row .record .service a, .record-list-row .service a {             
            padding: 2px 0;
         }

         /* Span.bold for the second name part */
         .record-list-row .record .bold {
            font-weight: 700;
         }   

      /* Record information - put the address here */
      .dataportal .record-list-row .record-info {
         float: left;
         color: #000;
         width: 30%;
         display: inline-block;
         margin: 0;
         padding: 0; 
         font-size: 16px !important;
         text-align: right;
      }

      /* Show more link at bottom of record row */
      .dataportal .record-list-row div.record-more {
         display: inline-block;
         margin: 0;
         padding: 0;    
         width: 100%;
         font-size: 12px !important;
         cursor: pointer;
         text-align: left;
      }
      .dataportal .record-list-row .record-more .toggle-pad {
         padding: 4px 4px;
      }

   /* Clear fix the record details */
   .dataportal .record-list-details {
      clear: both;
      width: 100%;
      display: inline-block;      
      margin-top: 10px;
   }
   
   .dataportal .record-list-detail-row {
      clear: both;
      margin: 2px 0;
      padding: 8px 0 5px 0;             
      overflow: auto;
      color: #000000 !important; /* colour-accent */
      background-color: #EEEEEE; /* colour-accent-background */
   }   
   .dataportal .record-list-detail-row-desc {
      clear: both;
      margin: 2px 0;
      padding: 8px 0 5px 0;       
      overflow: auto;
      color: #000000 !important; /* colour-accent */
      background-color: #EEEEEE; /* colour-accent-background */
   }      

      /* Icon positioning */
      .dataportal .record-list-detail-row .record-detail-icon, .dataportal .record-list-detail-row-desc .record-detail-icon {
         float: left;
         width: 50px;
         margin: 0;
         padding: 0;   
         color: #000000 !important; /* colour-accent */             
      }
      
      /* Icon positioning and margin */
      .dataportal .record-list-detail-row .record-detail-icon i, .dataportal .record-list-detail-row-desc .record-detail-icon i,
         .dataportal .record-list-detail-row .record-detail-icon span, .dataportal .record-list-detail-row-desc .record-detail-icon span {
         margin: 0 10px;
         padding-bottom:10px;
      }

      /* Information in the record detail row */
      .dataportal .record-list-detail-row .record-detail-data, .dataportal .record-list-detail-row-desc .record-detail-data {
         float: left;
         left: 50px;
         margin: 0;
         padding: 0;    
         font-weight: 700; 
         max-width: 90%;
         font-size: 16px;
         color: #000000 !important; /* colour-accent */
      }
         /* Link make white */
         .dataportal .record-list-detail-row .record-detail-data a, .dataportal .record-list-detail-row .record-detail-data a:hover {
            font-size: 16px;
            color: #000000 !important; /* colour-accent */
         }
   .dataportal .record-list-desc {
      overflow: hidden;
      margin: 10px auto 0 auto;
      width: 100%;
      font-size: 18px !important;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5; /* number of lines to show */
      line-height: 25px;        /* fallback */
      max-height: 136px;       /* fallback */
   }
      .dataportal .record-list-desc, .record-list-desc p, .dataportal .record-list-desc ul li, .record-list-desc a {
         font-size: 16px !important;
      }
      .dataportal .record-list-desc ul {
         padding-inline-start: 20px;
      }
   .dataportal .record-list-desc a {
      font-weight: 700;
   }
   .dataportal .button-row-bottom {
      padding: 5px 5px;
      min-height: 75px;
      overflow: auto;
   }
      .dataportal .button-row-bottom .col1 {
         float: left;
         width: 50%;
      }
      .dataportal .button-row-bottom .col2 {
         float: left;
         width: 50%;
         text-align: right;
      }



/* SearchBox / SearchBar */


   .dataportal #searchBarBoxToggle {
      display: none;
      cursor: pointer;
      margin: 5px 0;
   }   
   .dataportal #searchBar {
      clear: both;
      margin: 0 0 0 0;    
   }

   /* Search Box Modal with Overlay */
   #searchBox {
      position: absolute;  
      left: 5%;   
      top: 200px;
      width: 90%;
      margin: 30px 0 !important;
      z-index: 750;
   }
      #searchBox-content {
         max-width: 600px;
         margin: 0 auto;
         padding: 20px;
         border: 1px solid #000;
         background-color: #fff;
      }
      #searchBox-content > div:first-of-type {
         background-color: #fff;
         box-shadow: 10px 10px 60px #555;
         display: inline-block;
         height: auto;
         min-height: 100px;
         width: 90%;
         position: relative;
         padding: 15px 5%;
         font-size: 14px;
      }
      #overlay {
         position: fixed;
         top: 0;
         bottom: 0;
         height: 100%;
         width: 100%;
         background-color: #4a4a4a;
         z-index: 500;
         opacity: 0.7;
      }

      /* Each item in the search bar or box */
      .dataportal #searchBar .item {
         float: left;         
         margin: 5px;
         padding: 5px;         
      }
      .dataportal #searchBox-content #searchBar .item-box {
         height: 70px;
    
      }
      .dataportal #searchBar-content #searchBar .item-box {
         height: 70px;
         padding-right: 15px;
         border-right: 1px solid #dedede;
      }
         .dataportal #searchBar .top-button-active {
            background-color: #dedede;
         }
         .dataportal #searchBar .item-hover:hover,  {
            background-color: #dfdfdf;
         }

      .dataportal #searchBar .item-label {
         width: 100%;         
         margin: 0;
         padding: 0;
         font-size: 14px;
         font-weight: 700;
      }
      .dataportal #searchBar .item-label .fas {
         width: 25px;
         text-align: center;
      }

      .dataportal #searchBar .item-input {         
         width: 100%;
         margin: 0;
         padding: 0;
         color: #444;
         font-size: 15px;
         font-weight: bold;
         line-height: 28px;
      }      
      .dataportal #searchBar .item-label a {
         color: #444;         
         font-size: 15px;
         padding: 10px;
         font-weight: 700;
      }
      .dataportal #searchBar .searchbar-link {
         font-size: 14px !important;
         text-decoration: underline;
      }


      .dataportal #searchBar .item-select-inarea {
         width: 105px;
         float: left;
      }

      /* Search Box Only */
      .dataportal #searchBox-content #searchBar .item-button {
         margin-top: 25px;
         text-align: center;
         border: none;
      }      
      .dataportal #searchBox-content #searchBar .item-button .top-button {
         float: none;
      }      
      .dataportal #searchBox-content #searchBar .item-fullwidth,  .dataportal #searchBox-content #searchBar .item-location {
         position: relative;
         width: 98%;
      }      
      .dataportal #searchBox-content #searchBar .item-location .item-input-location {
         width: 415px;
      }
      .dataportal #searchBox-content #searchBar .item-location .item-input-location input {
         width:  415px;
      }
      .dataportal #searchBox-content #searchBar .item-halfwidth {
         width: 48%;
      }    
      .dataportal #searchBox-content #searchBar .item-select-large {  
         width: 100%;
      }

      /* Search Bar Only */
      .dataportal #searchBar-content #searchBar .item-location {
         width: 320px;
      }        
      .dataportal #searchBar-content #searchBar .item-button {
         margin-top: 25px;
         border: none;
      }   
      .dataportal #searchBar-content #searchBar .item-select-large {
         width: 250px;
      }
      .dataportal #searchBar-content #searchBar .item-select-medium {
         width: 150px;
      }
      .dataportal #searchBar-content #searchBar .item-select-small {
         width: 100px;
      }     
      .dataportal #searchBar .item-input-location {
         width: 100px;
         float: left;
         margin: -2px 0px 0px 10px;
      }

   
      
      .dataportal #searchBar .item-input .clearInput_div {
         height: 20px;
         line-height: 25px;
      }
      .dataportal #searchBar .item-input .clearInput_div input {
         padding: 0px 2px;
         margin: 0;
         width: 100%;
         height: 28px;
         font-size: 15px;            
      }          

      .dataportal #searchBar .autocomplete-items {
         margin-top: 8px;
      }
      .dataportal #searchBar #searchLocationautocomplete-list {
         margin-top: 0;
         width: 250px;
      }
      .dataportal #searchBar .item-input input {         
         padding: 0px 10px !important;
         color: #444;
         font-size: 15px;
         font-weight: 700;
         background: #efefef;
         border: none;
         border-radius: 0 !important;
         outline: none;                 
      }       
      .dataportal #searchBar .item-input .age {
         width: 60px;
         height: 28px;
      }      
      .dataportal #searchBar .searchbar-select {
         position: relative;
         width: 100%;
         
      }
      .dataportal #searchBar .searchbar-select .searchbar-selected {
         width: 100%;
         padding: 0px 40px 0 10px;
         background: #efefef;         
         cursor: pointer;         
         font-size: 15px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
      }
         .dataportal #searchBar .searchbar-select .searchbar-selected::after {             
            float: right;
            position: absolute;
            width: 40px;
            right: -20px;
            top: 0;
            white-space: nowrap;            
            font-family: "Font Awesome 5 Pro"; 
            font-weight: 400; 
            content: "\f107";
         } 


      .dataportal #searchBar .searchbar-select .searchbar-options {
         position: absolute;    
         width: 100%;     
         display: none;         
         border: 1px solid #efefef;
         background-color: #fff;  
         z-index: 1000;
      }
      .dataportal #searchBar .searchbar-select .searchbar-options .searchbar-option {
         cursor: pointer;
         z-index: 1000;
         padding: 5px 10px;
         font-size: 15px;
      }
      .dataportal #searchBar .searchbar-select .searchbar-options .searchbar-option:hover {
         background-color: #efefef;
      }
      .dataportal #searchBar select {
         display:  none;
      }

/* 
   Record Detail View 
   --------------------------------
*/


   /* Main detail block */
   .dataportal .record-detail-block {
      width: 100%;
      padding: 0;
      margin: 0 auto;      
   }
   
      /* Map formatting */
      .dataportal #map {
         margin: 20px auto;
         padding: 0;
         width: 99%;
         height: 600px; /* map-height */
         border: 1px solid #000;

      }

   /* Field Label */
   .dataportal .record-detail-label {
      width: 100%;
      margin-top: 20px;
      padding: 5px 10px;      
      font-weight: 700;
      color: #000000 !important; /* colour-accent */
      background-color: #EEEEEE; /* colour-accent-background */      
   }
   .dataportal .record-detail-content {
      width: 100%;
      margin: 0 0;
      padding: 5px 10px;
      overflow-x: hidden;
      text-overflow: ellipsis;
   }
      .dataportal .google-info .record-detail-content {
         padding: 0;
         line-height: 25px;
      }

   .dataportal .temporary-message {
      width: 100%;
      padding: 10px 20px;
      background-color: #fffedd;
      border-radius: 10px;
   }

   /* Hours */
   .dataportal .hours-table {
      clear: both;
      max-width:250px;
   }
   .dataportal .hours-table .hours-col1 {
      float: left;
      width: 30%;
   }
   .dataportal .hours-table .hours-col2 {
      float: left;
      width: 70%;
   }
   .dataportal .sharelink span {
      margin: 0;
      padding: 2px;
   }

/* Map Info Window Adjustments */
   .dataportal .gm-style-iw-d div.google-info {
      min-width: 250px;
      font-size: 14px !important;
      line-height: 20px;
   }
   .dataportal .gm-style-iw-d .record-detail-label, .gm-style-iw-d .record-detail-content {
      margin: 0;
      padding: 5px 0 0 10px;
      font-size: 14px !important;  
      overflow: hidden !important;
   }

   .dataportal .gm-style-iw-d .record-detail-content a {
      font-size: 16px !important;  
      margin: 0;
      padding: 0;
   }
   .dataportal .gm-style-iw-d .bold {
      font-size: 16px !important;
      font-weight: 700;
   }

   .dataportal .google-info .record-detail-content a {
      padding: 0 !important;
      font-size: 14px !important;
   }

.dataportal .update-service-list i, .dataportal .update-service-list span {
   margin-right: 10px;
   cursor: pointer;
}
.dataportal .update-service-list a {
   font-size: 20px;
   line-height: 40px;
}


.dataportal .input-field {
   width: 70%;
   border-radius: 2px;
   padding: 5px 10px;
   margin-bottom: 10px;
   font-size: 18px;
   border: 1px solid #ccc;
}
.dataportal .input-textarea {
   width: 90%;
   height: 250px;
   border-radius: 2px;
   padding: 5px 10px;
   margin-bottom: 10px;
   font-size: 18px;
   border: 1px solid #ccc;
}
.dataportal .form-error {
   color: #990000;
   width: 100%;
   margin: 10px 0;
   font-weight: 700;
}

/* Detail Page Condensed View */
.dataportal .options-col50 {
   float: left;
   width: 50%; 
   padding: 0px;
}

.dataportal .record-detail-col1 {
   float: left;
   width: 50%; /* detail-left-column-width */
   padding: 0px;
}
.dataportal .record-detail-col2 {
   float: left;
   width: 50%; /* detail-right-column-width */
   padding: 0px;
}
.dataportal .record-detail-col40 {
   float: left;
   width: 40%;
   padding: 0px 10px;
}
.dataportal .record-detail-col50 {
   float: left;
   width: 50%;
   padding: 0px;
}
.dataportal .record-detail-col60 {
   float: left;
   width: 60%;
   padding: 0px 10px;
}
   .dataportal .record-detail-col1 .record-detail-label, 
   .dataportal .record-detail-col2 .record-detail-label, 
   .dataportal .record-detail-col50 .record-detail-label, 
   .dataportal .record-detail-col40 .record-detail-label, 
   .dataportal .record-detail-col60 .record-detail-label {
      width: 95%;
      margin: 10px 0 0 0 !important;
      padding: 0px !important;
      font-size: 16px !important;
      line-height: 22px !important;      
      background-color: #fff !important;
      color: #000 !important;
   }   
   .dataportal .record-detail-col1 .record-detail-content, 
   .dataportal .record-detail-col1 .record-detail-content a,
   .dataportal .record-detail-col2 .record-detail-content, 
   .dataportal .record-detail-col2 .record-detail-content a,   
   .dataportal .record-detail-col50 .record-detail-content, 
   .dataportal .record-detail-col50 .record-detail-content a,
   .dataportal .record-detail-col40 .record-detail-content, 
   .dataportal .record-detail-col40 .record-detail-content a,
   .dataportal .record-detail-col60 .record-detail-content, 
   .dataportal .record-detail-col60 .record-detail-content a  {
      width: 95%;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 16px !important;
      line-height: 22px !important;
   }
   .dataportal .condensed .record-detail-label {
      clear: both;
      float: left !important;
      width: 30% !important;
      margin: 4px 0 0 0 !important;
      padding: 7px 0 4px 0 !important;
     /* border-top: 1px solid #dedede;*/
   }
   .dataportal .condensed .record-detail-content {
      float: left !important;
      width: 65% !important;
      margin: 4px 0 0 0 !important;
      padding: 7px 0 4px 0 !important;
      /*border-top: 1px solid #dedede;*/
   }
   .dataportal .condensed .record-detail-content ul {
      list-style: none;
      margin: 0;
      padding: 0;
   }
   .dataportal .hours-table .hours-col1, .dataportal .hours-table .hours-col2 {
      font-size: 16px !important;
      line-height: 22px !important;
   }

   /* Clipboard */

   .dataportal .clipboard {
      float: right;
      margin: 20px 0 0 0;
      padding: 5px 10px;
      font-size: 16px !important;
      font-weight: bold;
      border: 1px solid #CCCCCC; /* colour-accent-border */
      color: #000000 !important; /* colour-accent */    
      background-color: #EEEEEE; /* colour-accent-background */
   }
      .dataportal .clipboard a {
         font-size: 16px !important;
         color: #000000 !important; /* colour-accent */    
      }


/* Landscape Fixes */
@media screen and (max-width:1200px) and (min-width:976px) {
   .dataportal .topicgridcol4 {
      width: 25%;
      margin: 0;
      padding: 0;            
   }
   .dataportal .topicgridcol5 {
      width: 25%;
      margin: 0;
      padding: 0;            
   }
   .dataportal .topicgridcol6 {
      width: 25%;
      margin: 0;
      padding: 0;            
   } 
}

/* Portrait Fixes */
@media screen and (max-width:975px) and (min-width:701px) {

   .dataportal .topicgridcol4 {
      width: 25%;
      margin: 0;
      padding: 0;            
   }
   .dataportal .topicgridcol5 {
      width: 25%;
      margin: 0;
      padding: 0;      
   }
   .dataportal .topicgridcol6 {
      width: 25%;
      margin: 0;
      padding: 0;      
   }   

   .dataportal .dataportal .top-button-small {
      float: none;
   }

}

/* Search Bar Landscape/Portrait */
@media screen and (max-width:1400px) and (min-width:701px) {

   .dataportal #searchBarBoxToggle {
      display: inline-block;
   }
   .dataportal #searchBar-content {
      display: none;
   }
      /* Search Bar Only */
      .dataportal #searchBar-content #searchBar .item-box {
         float: left;
         width: 50%;
         border-right: none;
         margin: 0;
      }
      .dataportal #searchBar .item-halfwidth {
         float: left;
         width: 50%;
         margin: 0;
      }                    
      .dataportal #searchBar .item-fullwidth {
         float: left;
         width: 50%;
         margin: 0;
      }
      .dataportal #searchBar .item-location {
         float: left;
         width: 50%;
         float: left;
         margin: 0;
      }      
      .dataportal .item-select-large, .dataportal .item-select-medium, .dataportal .item-select-small {
         width: 100% !important;
      }
}


/* Mobile Adjustments */

@media screen and (max-width:700px) {

   .dataportal .formbox {
      width: 90%;
      margin: 0 auto;
      text-align: left;
   }

   .dataportal #searching {
      display: none;
   }

   .dataportal .results-sorting {
      clear: both;
      width: 100%;
      margin-top: 0;
      text-align: center;
   }


   /* Adjust vertical spacing on record row */
   .dataportal .record-row {
      margin: 5px auto;
   }
   
   /* Stack record names/location */
      .dataportal .record-list-row .record {
         clear: both;      
         width: 100%;      
      }   
      .dataportal .record-list-row .record-info {
         clear: both;      
         width: 100% ;      
         text-align: left !important;
      }   
      .dataportal .record-list-row div.record-more {
         text-align: center;
      }
   .dataportal .topicline .topicline-text {
      width: 80%;
      white-space: nowrap; 
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .dataportal .topicline .topicline-text a {
      font-size: 16px !important;
   }
   .dataportal #topic-search {
      width: 100%;
      overflow: auto;
   }
   .dataportal .topicgrid {      
      float: left;
      width: 50%;                
      min-height: 0;   
      margin-bottom: 20px;  
      text-align: center;                  
   }
      .dataportal .topicgrid .clearfix-grid2 {
         clear: both;
      }
      .dataportal .topicgridcol4 {
         width: 50%;
         margin: 0;
         padding: 0;         
      }
      .dataportal .topicgridcol5 {
         width: 50%;
         margin: 0;
         padding: 0;         
      }
      .dataportal .topicgridcol6 {
         width: 50%;
         margin: 0;
         padding: 0;
      }      
   .dataportal .topicrowicon {
      width: 22%;
   }

   .dataportal .col30, .dataportal .col70 {
      clear: both;
      width: 100%;
      text-align: center;
   }
   .dataportal .top-button-small {
      float: none;
   }

   .dataportal .results-browse-topics {
      width: 100%;
      padding: 10px 0 0 0;
      border-top: 1px solid #fff;
   }

      .dataportal #results-options {
         clear: both;
         width:  100%;         
      }
         .dataportal #results-options .spacer10 {
            display: none;
         }
         .dataportal #results-options #searchOptions {
             position: absolute;
             width: 90%;
             left: 5%;
          }

   /* Show icon on left and offset data on right */
      .dataportal .record-list-row .record {
         padding: 0;
      }
      .dataportal .record-list-detail-row .record-detail-icon {
         width: 50px;
      }
      .dataportal .record-list-detail-row .record-detail-data {
         max-width: 250px;
         left: 50px;
         font-size: 16px !important;
         overflow-x: hidden;
         text-overflow: ellipsis;
      }
      .dataportal .record-list-detail-row-desc .record-detail-data {
         font-size: 18px !important;
      }

      /* Show more text */
      .dataportal .record-list-detail-row .record-more {
         height: 16px;
         text-align: center;
      }

   /* Center search title */
   .dataportal .search-title {
      width: 100%;
      text-align:center;
   }

   /* Center new search text */
   .dataportal .new-search {
      width: 100%;
      text-align: center;
      font-weight: 900;
   }

  /* Record Detail Buttons */
  .dataportal .button-row {
      width: 100%;
      text-align: center;
  }
      .dataportal .record-detail-button, .dataportal .button-row .top-button  {
         float: none;         
         display: inline-block;
         padding: 5px 10px; 
         margin: 10px 1.5%;
         min-width: 0;
         text-align: center;            
      }
      .button-row-bottom {
         text-align: center;
      }
      .dataportal .button-row-bottom .top-button {
         clear: both;         
         float: none;
      }
      .dataportal .button-row-bottom .top-button:focus {
         border: 4px solid #000;
      }

   .dataportal .button-center {
      float: none;
      margin: 0 auto;
      width: 75%;
   }

   /* Main detail block */
   .dataportal .record-detail-block {
      width: 100%;
      padding: 0;
      margin: 0 auto;      
   }
   
      /* Map formatting */
      .dataportal .record-detail-block #map {
         margin: 20px 0;
         padding: 0;
         border: 1px solid #000;
         width: 100%;
         height: 400px;
      }

      .dataportal .button-row-bottom .col1 {
         text-align: center;
         width: 100%;
      }
      .dataportal .button-row-bottom .col2 {
         clear: both;
         text-align: center;
         width: 100%;
      }

   .dataportal .clipboard {
      clear: both;
      float: none;
      display: inline-block;
      background-color: transparent;
      border: none;
      margin: 5px auto;
      padding: 5px 10px;
      text-align: center;
   }      
      .dataportal .clipboard a {
         margin-right: 5px;
      }
      .dataportal .clipboard .fas, .dataportal .clipboard .far {
       
      }
      .dataportal .clipboard a .viewclipboard, .dataportal .clipboard a .addtoclipboard, .dataportal .clipboard a .removefromclipboard {
         
      }
      .dataportal .clipboard br {
         display: none;
      }

      .dataportal #searchBarBoxToggle {
         display: inline-block;

      }
      .dataportal #searchBar-content {
         display: none;
      }
      /* Search Bar Only */
      .dataportal #searchBar-content #searchBar .item-box {
         clear: both;
         width: 100%;
         border-right: none;
      }
      .dataportal #searchBar .item-halfwidth {
         clear: both;
         width: 100%;
      }                    
      .dataportal #searchBar .item-fullwidth {
         clear: both;
         width: 100%;
      }
      .dataportal #searchBar .item-location {
         width: 100%;
         float: left;
         margin: -2px 0px 0px 10px;
      }      
      .dataportal .item-select-large, .dataportal .item-select-medium, .dataportal .item-select-small {
         width:  100% !important;
      }
}

@media screen and (max-width:1200px) {   

   /* Detail Page Condensed View */

   .dataportal .record-detail-col40, .dataportal .record-detail-col60 {
      clear: both;
      width: 100%;
      padding: 0px 10px;
   }
}


@media screen and (max-width:950px) {      
   
   /* Detail Page Condensed View */

   .dataportal .record-detail-col1, 
   .dataportal .record-detail-col2, 
   .dataportal .record-detail-col50, 
   .dataportal .record-detail-col40, 
   .dataportal .record-detail-col60, 
   .dataportal .options-col50 {
      clear: both;
      width: 100%;
      padding: 0px 10px;
   }

}

@media print {

   .dataportal .record-detail-col1, 
   .dataportal .record-detail-col2, 
   .dataportal .record-detail-col50, 
   .dataportal .record-detail-col40, 
   .dataportal .record-detail-col60 {
      clear: both;
      width: 100%;
      padding: 0px 10px;
   }
   
}

/* Exit Site Widget */

#dataportal-exit-container {
   position: absolute;
   width: 170px;
   height: 60px;
   bottom: 0;
}
.dataportal-exit-left {
   left: 20px;
}
.dataportal-exit-right {
   right: 30px;
}
#dataportal-exit-container #dataportal-exit-fixed {
   position: fixed;
   width: 170px;
   height: 60px;
   bottom: 0;
   margin-bottom: 50px;
}
#dataportal-exit-container #dataportal-exit-fixed #dataportal-exit-text {
   width: 150px;
   margin: 0 auto;
   text-align: center;
   padding: 5px 20px 5px 20px;
   background-color: #2a2a2a;      
   border-radius: 10px;
   border: 1px solid #666;
}
#dataportal-exit-container #dataportal-exit-fixed #dataportal-exit-text:hover {
   background-color: #3a3a3a;
   cursor: pointer;
}
#dataportal-exit-container #dataportal-exit-fixed #dataportal-exit-text a {
   line-height: 50px;
   color: #fff;
   font-size: 22px;
   font-weight: 700; 
   text-decoration: none;
}

@media screen and (max-width:950px) { 

   #dataportal-exit-container {
      display: none;
   }
}