/*$primary-color: #079ad9;*/

/*.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}*/

/*@media (min-width: 768px) and (max-width: 1000px) {

   .collapse {
       display: none !important;
   }

   #sidebar{
    width: 100%
   }
}*/

/*#9DAE19*/


:root {
    --colors0: #FAD68B;
    --colors1: #C0AF2C;
    --colors2: #5b612a;
    --colors3: #aaaf85;
    --colors4: #8C9F0C;


    --colors5: #8C9F0C /*#00800f*/; /*what be dis?*/

    --colors-q0-9: #f0f1ea;
    --colors-q1-9: #d4d7ca;
    --colors-q2-9: #c6c9ae;
    --colors-q3-9: #b8bc9a;
    --colors-q4-9: #aaaf85;
    --colors-q5-9: #9ca171;
    --colors-q6-9: #8e945d;
    --colors-q7-9: #808749;
    --colors-q8-9: #8C9F0C;

    --colors-highlight: #E6B82F;

    --colors-buttons1: #7D6952;
    --colors-buttons2: #C7E9C0;

    --colors-tabs1: #C0AF2C;

    --colors-even: #f6fafd;
    --colors-odd: #e4f0f9;
    --logo1:#fdb414; /*<-- NEW from NIFA*/
}


 .radio-tile-group {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
 .radio-tile-group .input-container {
   position: relative;
   height: 3rem;
   width: 3rem;
   margin: 0.2rem;
}
 .radio-tile-group .input-container .radio-button {
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   cursor: pointer;
}
 .radio-tile-group .input-container .radio-tile {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   border: 2px solid var(--colors5);
   border-radius: 5px;
   padding: 0.5rem;
   transition: transform 300ms ease;
}
 .radio-tile-group .input-container .icon svg {
   fill: var(--colors5);
   color: var(--colors5);
   width: 1.5rem;
   height: 1.5rem;
}
 .radio-tile-group .input-container .radio-tile-label {
   text-align: center;
   font-size: 0.5rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: var(--colors5);
}
 .radio-tile-group .input-container .radio-button:checked + .radio-tile {
   background-color: var(--colors5);
   border: 2px solid var(--colors5);
   color: white;
   transform: scale(1.1, 1.1);
}
 .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg {
   fill: white;
   color: white;
   background-color: var(--colors5);
}
 .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
   color: white;
   background-color: var(--colors5);
}
 


.optionbox {
  width: 100%
  
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)*/

}

.optionbox select {
    background: var(--colors5);
    color: #fff;
    padding: 10px;
    width: 100%;
    height: 50px;
    border: none;
    font-size: 20px;
    box-shadow: 0 5px 48px rgb(93, 15, 9);
    -webkit-appearance: button;
    outline: none;
    margin-top:10px;
}

.optionbox select:hover {
    background: var(--colors-buttons1)
}

.navContainer{
  /*background: #800f00;*/
  background: #0e2178;
  border-bottom-color: white;
  border-bottom-width: 1px;
  border-style: solid;
  position: fixed;
  top:0;
  max-width: calc(100vw-260px) !important;
  /*right: 0;*/
  z-index: 1000;
  /*left:260px;*/
  transition: all .35s ease-in-out;
  /*transition:margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;*/
}

#pills-tab {
  width: 80%;
}


/*Additional Slider CSS*/

.tabSliderContainer{
 position: fixed;
  /*width: 100%;*/
  bottom:0;
  /*left:260px;*/
  /*right:0px;*/
  background: lightgrey;
  background-image: url(/img/arches.png);
  border-top-color: white;
  border-top-width: 1px;
  border-style: solid;
  z-index: 1000;
  padding: 10px;
  transition: all .35s ease-in-out;

  /*transform: translate(-50%, -50%);*/
}

.bigBar{
  width: 100%;
  }

.smallBar{
  width: calc(100vw - 260px);
}
/*.owl_1{
  height: 50px;
}*/

.owl-prev {
   position: absolute;
   left: 0px;
   top: 37%;
   transform: translateY(-50%);
   background-color: white !important;
   width: 20px;
   height: 20px;
   border-radius: 100% !important;
   color: #000 !important;
}
 .owl-next {
   position: absolute;
   right: 0px;
   top: 37%;
   transform: translateY(-50%);
   background-color: white !important;
   width: 20px;
   height: 20px;
   border-radius: 100% !important;
   color: #000 !important;
}
 .owl-dots {
   display: none;
}
 .SliderTabitem {
   display: flex;
   justify-content: center;
}
 .SliderTabitem li a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   background-color: transparent;
   border-radius: 15%;
   color: #000;
   flex-wrap: wrap;
   text-align: center;
   text-decoration: none;
   font-weight: 100;
   /*font-size: 12px;*/
   /*font-size: 0.5rem;*/
   border-style: solid;
   border-width: 2px;
   border-color: var(--colors5);
}


 .SliderTabitem li.active a {
   background-color: #009688;
   color: #fff;
}

 .SliderTabitem button {
   display: flex;
   align-items: center;
   justify-content: center;
   width:75px;
   height: 50px;
   background-color: #282f41;
   border-radius: 15%;
   color: var(--colors5);
   flex-wrap: wrap;
   text-align: center;
   text-decoration: none;
   font-weight: 100;
   /*font-size: 12px;*/
   /*font-size: 0.5rem;*/
   border-style: solid;
   border-width: 2px;
   border-color: var(--colors5);
}

 .nav-pills .nav-link.active {
  background-color: var(--colors5);
   color: #fff;
 }

 .nav-pills .nav-link{
  border-color: var(--colors5);
  border-style:solid;
  border-width: 2px;
  background-color: #282f41;
 }

/* .SliderTabitem button.active {
   background-color: #009688;
   color: #fff;
}*/
  .SliderTab-content {
   padding: 20px;
   background-color: #fff;
   font-size: 17px;
   text-align: center;
   line-height: 25px;
   margin-top: 30px;
   border-radius: 19px;
}
  .SliderTab-content h3 {
   font-size: 40px;
   font-weight: bold;
}

.main{
  margin-top:50px;
  /*margin-bottom: 100px;*/
}


.tableHeader {
    background-color: #A9C5E8;
    z-index: 5;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    margin: 5px 0 0 0;
/*    background: -webkit-linear-gradient(left, var(--colors3), var(--colors4));
    background: linear-gradient(to right, var(--colors3), var(--colors4));*/
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: grey;
    background-image: url(/img/arches.png);
}

.tbl-header {
    background-image: url(/img/bg.png);
    cursor: pointer;
}


table.fancyTable {
    width: 100%;
    table-layout: fixed;
}

.fancyTable th {
    font-weight: 500;
    font-size: 12px;
    color: black;
    text-transform: uppercase;
    /*text-align: left;*/
}

.fancyTable td {
    color: #fff;
    border-bottom: solid 3px rgba(255, 255, 255, 0.1);
    vertical-align: middle;
}

table.fancyTable {
    width: 100%;
    table-layout: fixed;
}

.TableContainer th h1 {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  color: #185875;
}

.TableContainer thead{
    background-color: #464A52;
    color:white;
    -webkit-box-shadow: 0 4px 4px -4px #0E1119;
    -moz-box-shadow: 0 4px 4px -4px #0E1119;
    box-shadow: 0 4px 4px -4px #0E1119;
}

.TableContainer td {
    font-weight: normal;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 2px -2px #0E1119;
    -moz-box-shadow: 0 2px 2px -2px #0E1119;
    box-shadow: 0 2px 2px -2px #0E1119;
}

.TableContainer {
  /*text-align: left;*/
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
  table-layout: fixed;
}

.TableContainer td, .TableContainer th {
  padding-bottom: 2%;
  padding-top: 2%;
  /*padding-left:2%;  */
}

/* Background-color of the odd rows */
.TableContainer tr:nth-child(odd) {
      background-color: var(--colors-q3-9);
}

/* Background-color of the even rows */
.TableContainer tr:nth-child(even) {
      background-color:  var(--colors-q2-9);
}




.TableContainer tr:hover {
    background-color: #464A52;
    color:white;
    -webkit-box-shadow: 0 4px 4px -4px #0E1119;
    -moz-box-shadow: 0 4px 4px -4px #0E1119;
    box-shadow: 0 4px 4px -4px #0E1119;
}

.TableContainer td:hover {
  background-color: #FFF842;
  color: #403E10;
  font-weight: bold;
  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px;
  transform: translate3d(5px, -5px, 0);
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: all;
  transition-timing-function: line;
}

@media (max-width: 800px) {
.TableContainer td:nth-child(4),
.TableContainer th:nth-child(4) { display: none; }
}

.table{
  color:var(--colors2);
}

.table thead{
  background-color: var(--colors5);
  color: #372C2C;
}

.table-striped tbody tr:nth-of-type(odd) {
 background-color:#636366FF;
 color:white;
 }

 .table-striped tbody tr:nth-of-type(even) {
 background-color:#7A7576;
 color:white;
 }

/* .dt-button button, .dt-button div, .dt-button a, .dt-button input{
    background: linear-gradient(to bottom, rgba(189, 50, 50, .2) 0%, rgba(253, 252, 252, 0.5) 100%);
    background: white;
 }
*/
 button.dt-button {
    /*background: linear-gradient(to bottom, rgba(189, 50, 50, .2) 0%, rgba(253, 252, 252, 0.5) 100%);*/
   background-color: transparent;
   border-radius: 15%;
   color: var(--colors5);
   flex-wrap: wrap;
   text-align: center;
   text-decoration: none;
   font-weight: 100;
   /*font-size: 12px;*/
   /*font-size: 0.5rem;*/
   border-style: solid;
   border-width: 2px;
   border-color: var(--colors5);
    /*background: white ;*/
 }

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
 background-color:#3f80ea
}
table.dataTable.display tbody>tr.odd.selected,
table.dataTable.display tbody>tr.odd>.selected,
table.dataTable.stripe tbody>tr.odd.selected,
table.dataTable.stripe tbody>tr.odd>.selected {
 background-color:#4483ea
}
table.dataTable.display tbody>tr.selected:hover,
table.dataTable.display tbody>tr>.selected:hover,
table.dataTable.hover tbody>tr.selected:hover,
table.dataTable.hover tbody>tr>.selected:hover {
 background-color:#4685eb
}

.narrativeText p{
  font-size: 18px;
  color: white;
}


.btn-primary {
    color: yellow;
    background-color: var(--colors5);
    border-color: #5bc2c2;
}

.btn-primary:hover {
    color: #212529;
    background-color: #52bebe;
    border-color: #8ad3d3
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}


.btn-primary.disabled,
.btn-primary:disabled {
    color: #212529;
    background-color: #7cc;
    border-color: #5bc2c2
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #9cdada;
    border-color: #2e7c7c
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-outline-primary {
    color: black;
    background-color: transparent;
    background-image: none;
    border-color: var(--colors5);
    border-radius: 10px !important;

}

.btn-outline-primary:hover {
    color: var(--colors1);
    background-color: var(--colors1);
    border-color: #7cc
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #7cc;
    background-color: transparent;
    border-color: var(--colors5);
    border-style: solid;
    border-width: 1px;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #8ad3d3;
    border-color: #7cc
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}


.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active{
  color: #fff;
  background-color: var(--colors5);
  border-color: white;
}


.btn-secondary {
    color: white;
    background-color:#293042; 
    border-color: white;
}

.btn-secondary:hover {
    color: #212529;
    background-color: var(--colors-buttons1);
    border-color: #8ad3d3
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}


.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #7cc;
    border-color: #5bc2c2
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--colors5);
    background-color: #9cdada;
    border-color: #2e7c7c
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-secondary: checked {
    background-color: red ;

}


.btn-outline-primary {
    color: black;
    background-color: transparent;
    background-image: none;
    border-color: var(--colors5);
    border-radius: 10px !important;

}

.btn-outline-primary:hover {
    color: var(--colors1);
    background-color: var(--colors1);
    border-color: #7cc
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #7cc;
    background-color: transparent;
    border-color: var(--colors5);
    border-style: solid;
    border-width: 1px;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #8ad3d3;
    border-color: #7cc
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}


.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary.dropdown-toggle.show, .btn-secondary:active{
  color: #fff;
  background-color: var(--colors5);
  border-color: white;
}


.BannerAd{
  width: 250px;
  height: 100px; 
  /*background-color: yellow; */
  position: absolute;
  bottom: 0px;
  padding: 0px;
}

.leaflet-tooltip.my-labels {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  font-weight: bold;
  font-size: 20px;
  }

#MappingTabMap {
  position: relative;
  width: auto;
  height: 65vh;
  display: flex;
}

/*#MigrationTabWheel {
  position: relative;
  width: auto;
  height: 65vh;
  display: flex;
}*/

.caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  pointer-events: auto;
} 

optgroup option:disabled {
    color: #FFF;
}

.nested {
  display: none;
}

.active {
  display: block;
}

.opthover:hover {
    color:#000;
}

.faded-sixty {
  fill-opacity: 0.6;
}

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background-color: white;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    color: #5A5A5A;
    opacity: 0.8;
    fill-opacity: 0.8;
    z-index: 10;
}

.info h4 {
    margin: 0 0 5px;
    color: #777;
    opacity: 0.8;
    fill-opacity: 0.8;
    z-index: 10;
}

.maplegend {
    text-align: left;
    line-height: 24px;
    /*color: #555;*/
    color: #5A5A5A;
    /*min-width: 25%;*/
    /*display: inline-block;*/
    opacity: 0.8;
    fill-opacity: 0.8;
    z-index: 1;
}

.maplegend i {
    width: 24px;
    height: 12px;
    float: left;
    margin-right: 8px;
    /*opacity: 0.7;*/
    opacity: 0.8;
    fill-opacity: 0.8;
    z-index: 1;
}

#highlightRow {
  margin-top: 25px;
}

#MigrationTabWheel {
    padding-top: 10px;
    padding-bottom: 10px;
    /*height: 350px;*/
    /*height: auto;*/
    overflow: scroll;
    min-height: 500px;
    min-width: 700px;
    background: rgba(0,0,0,0) !important;
    background-color: #293042;
}

#migrationTooltip {
    opacity: 1 !important;
    color: #666666;
    padding: 5px 5px 15px 5px;
    text-align: center;
    position: absolute;
    font-size: 18px;
    line-height: 115%;
    height: 65px;
    width: 200px;
    bottom: 0;
    right: 0;
    white-space: nowrap;
/*    border-color: white;
    border-width: 2px;
    border-style: ridge;*/
}

.TabIntro {
    font-size: 24px;
    /*background: lightgrey;*/
    padding: 5px;
    /*color: #293042;*/
    border: #b5b5b5;
    border-style: solid;
    border-radius: 5px;
    border-width: 2px;
    /*margin-top: 40px;*/
}

#mapTableRow {
  margin-bottom: 5%;
}

#CHASDropdownDiv{
    margin-bottom: 10px;
}

#ChasDrill {
    /*float: right;*/
    /*background-color: red;*/
    /*height: 500px;*/
/*    width: 180px;
    display: flex;
    flex-direction: column;*/
    border:ridge;
    border-radius: 10px;
    color: white;
    background-color:grey;
    margin-bottom: 5px;
    margin-top: 5px;
    padding:5px;
    -webkit-box-shadow: 0px 5px 10px #666666;
    -moz-box-shadow: 0px 5px 10px #666666;
    box-shadow: 0px 5px 10px #666666;
    margin-top:25px;
    /*margin-top: 5px;*/
}

#ChasDrill p {
    font-size: 18px;
    padding: 5px;
    text-align: center;
    margin-bottom: : 2px;

}

.table tr:hover {
    background-color: #464A52;
    color:white;
    -webkit-box-shadow: 0 4px 4px -4px #0E1119;
    -moz-box-shadow: 0 4px 4px -4px #0E1119;
    box-shadow: 0 4px 4px -4px #0E1119;
}

.table td:hover {
  background-color: #FFF842;
  color: #403E10;
  font-weight: bold;
  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px;
  transform: translate3d(5px, -5px, 0);
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: all;
  transition-timing-function: line;
}

.TableClick{
  background-color: #FFF842 !important;
  color: #403E10 !important;
  /*color: black;*/
  font-weight: bold !important;
  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px;
  /*transform: translate3d(5px, -5px, 0);*/
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: all;
  transition-timing-function: line;
  border:solid;
  border-width: 1px;
}

#index {
    position:fixed;
    top:150px;
    right:5%;
    width:50px;
    background:rgba(0,0,0,0.1);
    z-index: 10;
    text-align: center;

}