/* --------------------------------------------
   Navbar
   -------------------------------------------- */

.navbar {
  background-color: #ddd !important;
  color:#222;
}

.navbar-default {
  background-color: #ddd !important;
}

.navbar-nav {
  background-color: #ddd !important;
}


.navbar-nav>li>a {
  color: #111 !important;
}

.navbar-nav>li>a:hover {
  background-color: #aaa !important;
}

.navbar-nav>li>a>.open {
  background-color: #aaa !important;
}


.navbar-nav>li>.open {
  background-color: #aaa !important;
}

.navbar-nav>.open>a {
  background-color: #888 !important;
}

.navbar-default>li>a:hover {
  background-color: #888 !important;
}

.navbar-nav>li> {
  background-color: #aaa !important;
}

/* .navbar-default {
  background-color: #ddd !important;
} */

/* .navbar-nav>li>a:focus {
  background-color: #ddd !important;
} */


.icon-bar {
  background-color: #111 !important;
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        padding-top: 0px;
        height: 55px;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        /*padding-top: 1px;
        padding-bottom: 5px;*/
        background-color: #ddd;
    }
    .collapse.in{
  		display:block !important;
	}
/*  .navbar-right{
    display: none;
  }*/


}

@media (min-width: 993px) {

  .navbar-brand, .navbar-header, .navbar-nav, .navbar,.navbar-nav>li,  .navbar-nav>li>a{
    height: 65px;
  }
}

.navbar-brand, .navbar-header, .navbar-nav, .navbar,.navbar-nav>li,  .navbar-nav>li>a{
  font-size: 103%;
}

.navbar-nav { 
  padding-left: 100px;
}


.navbar-nav>li>a { 
  padding-top: 22px;
}

#logo {
  height: 45px;
  padding-bottom: 5px;
}

#vertical-align-middle {
  vertical-align: middle;
  height: 100%;
}

.bottom-space {
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}

#committee-names {
  color: #777;
}

#committee-names em {
  color: #000;
}

#committee-names strong {
  color: #000;
}


#advisory-committee-names {
  color: #000;
}

#advisory-committee-names em {
  color: #777;
}

#ari-committee-names {
  color: #000;
}

#ari-committee-names em {
  color: #777;
}


/* --------------------------------------------
   Modal
   -------------------------------------------- */

.modal-header {
    padding:17px 15px;
    border-bottom:1px solid #eee;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }


@media screen and (min-width: 768px) {
  
  #modalGuidelinesReproReviewers .modal-dialog  {width:70%;}
  #modalGuidelinesAvailReviewers .modal-dialog  {width:70%;}
  #modalGuidelinesAuthors .modal-dialog  {width:70%;}

} 

.modal {
    top: 10%;
}


.modal-body {
    text-align: justify;
    text-justify: inter-word;
}

.modal-footer {
    text-align: center;
}



h2 {
margin-bottom: 25px;

}

.old-committee h2 {
  margin-bottom: 5px;
}
  
#subtitle {
  margin-bottom: 20px;
  color: #777;
}




h4 {
margin-top: 20px;

}



div {
    text-align: justify;
    text-justify: inter-word;
}


.top-title {
    margin-top: 5em;
 }


.info-header {
    padding:0.5em 1.5em;
    margin-bottom: 1em;
    border-bottom:1px solid #eee;
    background-color: #eef;
    /*text-align: center;*/
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
     /*margin-left: 15em;
     margin-right: 15em;*/
 }
 
 .h2-bold {
    font-weight: bold;
    margin-bottom: 1em;
 }


 /* --------------------------------------------
   Tooltip 
   -------------------------------------------- */

 

.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100px;
  color: white;
  font-size: 12px;
  background-color: #000000;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
}

.tooltip-text::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #000000;
  padding: 5px;
  z-index: 1;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}

#top {
  top: -40px;
  left: -50%;
}

#top::before {
  top: 80%;
  left: 45%;
}

#bottom {
  top: 30px;
  left: -147%;
}

#bottom::before {
  top: -5%;
  left: 45%;
}

#bottom-long {
  width: 230px;
  top: 30px;
  left: -385%;
}

#bottom-long::before {
  top: -7%;
  left: 45%;
}

#left {
  top: -8px;
  right: 120%;
}

#left::before {
  top: 35%;
  left: 94%;
}

#right {
  top: -8px;
  left: 120%;
}

#right::before {
  top: 35%;
  left: -2%;
}

.hover-text {
  position: relative;
  display: inline-block;
  margin: 0px;
  /* font-family: Arial; */
  text-align: center;
  cursor: pointer;
}