.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0,0,0,.7);
  text-decoration: underline;
}
.container
{width:100%;padding:0px;;margin-top:15px;}
.datarow {
    background-color: #F4F6F6;
}
td.chart {
    background-color: #F4F6F6;
}
table div {
    height: 20px;
}
.nav-fill .nav-item {
}
#divTable .container

{
	margin-top:0;padding:0;
}
 
 
 
.modal,.modal-dialog,.modal-content {
          width: 100%;
padding:5px;		  /* New width for default modal */
max-width:none;
        }

 
.font-modal-checkbox-level2

{
	
	font-size:80%;
}
/* Change color of dropdown links on hover */
.dropdown-submenu a:hover {background-color: #ddd;}
 
 .footer-basic img
 
 {
	 
	padding:2px;
 }
 
 
 
 @media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}


.map-tooltip
{   position:absolute;
              
          text-align: left;     
          width: auto;          
          height: auto;         
          padding:5px;
          margin-right:10px;
          font: 12px sans-serif;    
          background: #F0F0F0;
          z-index:900;		  
  
          border: 0px;        
          pointer-events: none;     
     
	 
}



.page-header,.navbar-brand
{
	fill:#707070;
}

.footer-basic {
    padding: 30px 0;
    
    color: #707070;
}

.nav,.dropdown-menu,.dropdown,.dropdown-item,.change-rank-div
{
	font-size:14px;
	color:#707070;
}

#navcol-2
{
	width:100%;
}

.change-rank-div a 
{
	color:#707070;
	text-decoration:none;
}

.push {
    margin-left: auto;
}


.footnote {
    font-size: 15px;
    color: #707070;
}

 
.ranking-div
{
	overflow-y: auto;
height: 590px;
}

.card-title
{
font-size:16px;
font-weight:600;
color:#938456;
}

.legend
{
	font-size:12px;
	 
}

#legendhead
{
	font-weight:600;
}

li.nav-item a.active,.change-rank-div a.active

{
	
	background-color:#f37021;
}

a.change-rank-link
{
	padding:8px;
}

 .header-sidetext
 {
	 border-left:4px solid #707070; 
	 font-size:14px;
	 border-top:none;
 }
 
 @media screen and (max-width: 768px)
 {
 .header-sidetext
 {
	  border-top:1px solid #707070; 
	  border-left:none;
 }

	 
 }
 
 
 div.container.downloads,
 div.container.n_lrsi,
 div.container.abt_n_lrsi,
 div.container.methodology,
 div.container.project
 {
	 
	 margin-top:12px; 
	 
	 border:1px solid #e2e2e2; padding:12px; line-height:19px; font-size:13px;
 }
 
 .footnote
 
 {font-size:13px;
	 
 }
 
@media only screen and (max-width: 768px) {
  #main {
    background-color: white;
  }
  .menu-wraper
  {
  background-color:rgb(25, 104, 161);
  }
}

 



.downloads_tab_table a:hover
{
	text-decoration:underline;
}
.menu ul li.current a {
	background: url(../../ncaer_files/images/sele.jpg) top left repeat-x;
	text-decoration: none
}
@media (min-width: 768px) and (max-width: 1000px) {
   .text-ch-cri {
       display: none !important;
   }
}
.nav-main > ul > li { position: relative; }
.drop_menu { position: absolute;  width: 281px; transition: 0.5s;     z-index: 99;
    padding: 20px !important;    top: 55px; opacity: 0; visibility: hidden;
    left: 0;    background: #1064a0; z-index: 99; }
.drop_menu li a{  background: transparent !important;      font-size: 15px;  padding: 1px 10px !important;}
.drop_menu li { float: none !important; background:none !important;}
.drop_menu { list-style-image: none !important; }
.drop_menu:after {     content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 22%;
    border-top: 10px solid #1064a0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    margin-left: -13px;
    transform: rotate(
180deg
); }
    .nav-main > ul > li:hover .drop_menu  { opacity: 1; visibility: visible; margin-top: -15px; }
.nav-main>ul>li>a { padding: 0 24px; }
/*.navbar-nav a {     font-size: 13px !important; }*/
/*.navbar-expand-md .navbar-nav .nav-link{    padding-right: .4rem;    padding-left: .4rem;}*/
.navbar-nav { position: relative; }
.navbar-nav:before { content: '';
    height: 2px;
    width: 97%;
    display: block;
    background: #f1f1f1;
    position: absolute;
    top: 4px;   }
    .no_border.navbar-nav:before {display: none;}
    /* .navbar-expand-md .nav-item:last-child .nav-link { padding-right: 0; } */
    .flex_box {display: flex;width: 100%;}  
    .menu_warp {flex-basis: 70%;}
    .right_filter { flex-basis: 30%;     text-align: right;}
    

    .tree, .tree ul, .tree li {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    .tree {
        margin: 0 0 1em;
        text-align: center;
    }
    .tree, .tree ul {
        display: table;
    }
    .tree ul {
      width: 100%;
    }
        .tree li {
            display: table-cell;
            padding: .5em 0;
            vertical-align: inherit;
        }
            /* _________ */
            .tree li:before {
                outline: solid 1px #666;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
            }
            .tree li:first-child:before {left: 50%;}
            .tree li:last-child:before {right: 50%;}
    
            .tree code, .tree span {
                /* border: solid .1em #f37021; */
                border-radius: .2em;
                display: inline-block;
                margin: 0 .2em .5em;
                /* padding: .2em .5em; */
                position: relative;
            }
            /* If the tree represents DOM structure */
            .tree code {
                font-family: monaco, Consolas, 'Lucida Console', monospace;
            }
    
                /* | */
                .tree ul:before,
                .tree code:before,
                .tree span:before {
                    outline: solid 1px #666;
                    content: "";
                    height: .5em;
                    left: 50%;
                    position: absolute;
                }
                .tree ul:before {
                    top: -.5em;
                }
                .tree code:before,
                .tree span:before {
                    top: -.55em;
                }
    
    /* The root node doesn't connect upwards */
    .tree > li {margin-top: 0;}
        .tree > li:before,
        .tree > li:after,
        .tree > li > code:before,
        .tree > li > span:before {
          outline: none;
        }
        .main_list:before {height: 62px !important;
        top: -30px !important;}
        .main_list_sub:before {       height: 0px !important;
        top: -53px !important;
        left: 51% !important;}
        .main_list1:before {     height: 52px !important;
        top: -59px !important; }
        .main_list1:after{      width: 0;
        height: 0;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #666;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -16px; }
        .main_list_sub1:before {     top: -20px !important;}
        .main_list_sub2:before {     top: -20px !important;}
            .tree { margin: 0 auto;}
        .main_list_sub1 span:before {     top: -26px !important;
            height: 16px;}
        .main_list_sub2  span:before {     top: -26px !important;
            height: 16px;}
        .main_list_sub1 span:after {  width: 0;
        height: 0;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #666;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -16px; }
        .main_list_sub2 span:after {  width: 0;
        height: 0;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #666;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -16px; }
        .nav-item .nav-link {border: solid 1px #444;;color: #444; }
        li.nav-item a.active, .change-rank-div a.active { color: #fff; border-color: transparent;}