/* Setting font-family for improving screen legibility
   overrides default Bootstrap styling.*/
body, .tooltip, .popover {
  font-family: Verdana, Trebuchet, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** Override form-control **/
select.form-control {
  height: 2.6rem !important;
}

.white {
    color: #fff;
}

.bold {
    font-weight: bold;
}

/* Red */
.danger {
  border-color: #f44336;
  color: red
}

.danger:hover {
  background: #f44336;
  color: white;
}

.page-head-title .h1, .page-head-title h1 {
  font-size: 1.2em;
}

.panel-title {
  font-weight: bold;
}

h2.panel-title {
  font-size: 2.2rem !important;
}

h3.panel-title {
  font-size: 1.8rem !important;
}

p, input, textarea, a, .btn,  .lead , .form-group, .form-control {
  font-size: 1.3rem !important;
}

.display-test {
  border: 2px solid red;
}

.display-test p {
  margin: 1rem;
  color:  #ff0;
}

.display-test a {
  color: #fff !important;
}


.logged-in-as {
  color: #000 !important;
  background-color: #ff0 !important;
}

nav, nav a, .footer {
  color: #fff !important;
}

/*
* Page nav
*/
nav {
  display: block;
}

.nav {
    font-size: 1rem;
    border: none;
}
.nav ul {
    padding-left: 0;
    margin-bottom: 10px;
    line-height: 1.42857143;
    list-style: none;
}
.nav a:not(.btn),
.nav a:not(.btn):visited,
.footer a:not(.btn),
.footer a:not(.btn):visited {
    color: #e6e6e6;
}
.nav a:not(.btn):hover,
.nav a:not(.btn):focus,
.footer a:not(.btn):hover,
.footer a:not(.btn):focus {
    color: #fff !important;
}
.nav .btn {
    margin-top: 1em;
    margin-bottom: 1em;
}
.nav .row {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .nav .pull-right {
        float: none !important;
    }
}

/** Skip link */

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #fff;
  color: #000;
  padding: 8px;
  z-index: 100;
  border-bottom-right-radius: 8px;
}

.skip-link:focus {
  top: 0;
}

/** required label */
.danger-text {
  color: #8c3635;
}
/** Parsley error styling */
.help-block.filled.parsley-custom-style-errors {
  font-size: 1.1em;
  color: #8c3635;
}

/** CSS to provide a warning before opening a new window */
:focus { outline: 0; }

a.general-pop-info,
a.has-new-window-pop-info {
  position:relative;
  z-index:24;
}

a.general-pop-info:hover,
a.general-pop-info:focus,
a.general-pop-info:active,
a.has-new-window-pop-info:hover,
a.has-new-window-pop-info:focus,
a.has-new-window-pop-info:active {
  z-index:25;
}

a.general-pop-info > span,
a.has-new-window-pop-info > span {
  position: absolute;
  left: -9000px;
  width: 0;
  overflow: hidden;
}

a.has-new-window-pop-info:hover > span,
a.has-new-window-pop-info:focus > span,
a.has-new-window-pop-info:active > span {
  display:block;
  position:absolute;
  top:1.5em;
  left:2em;
  width:12em;
  border-radius: 10px;
  border:1px solid #0cf;
  background-color:#cff;
  color:#000;
  text-align: center;
}

a.general-pop-info:hover > span,
a.general-pop-info:focus > span,
a.general-pop-info:active > span {
  display:block;
  position:absolute;
  top:1.5em;
  left:2em;
  width:6em;
  border-radius: 10px;
  border:1px solid #0cf;
  background-color:#cff;
  color:#000;
  text-align: center;
}

/** Logo for TRAC */
#trac-logo {
    background-image: url("../images/teams_logo.svg");
    height: 13rem;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    margin-bottom: 4rem;
}

#trac-banner {
    background-image: url("../images/teams_banner.svg");
    height: 16rem;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
      margin-bottom: 4rem;
}

.type-of-interaction {
  width: 30px;
  height: 5px;
}

.type-of-interaction-COMMUNICATION {
   background-color: #000;
}

.type-of-interaction-ADVICE {
  background-color: #0f0;
}

.type-of-interaction-SEEK_ADVICE {
  background-color: #f0f;
}

.type-of-interaction-GIVE_ADVICE {
  background-color: #0f0;
}

.type-of-interaction-COLLABORATION {
  background-color: #f00;
}

.type-of-interaction-OTHER {
  background-color: #00f;
}

.egonet-container {
  /* width: 100%; */
  height: 35rem;
}

#my-egonet {
  width: 100%;
  height: 35rem;
}

/** Responsive iframes */
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top:2em;
  margin-bottom:2em;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Logos of funders and partners */
.funders-and-partners {
  background-color: #fff;
}

.edinburgh-partner-logo img {
	height: 4em;
}

.jvaskyla-partner-logo img {
  	height: 7em;
}

.turku-partner-logo img {
  	height: 5em;
}

.stockholm-partner-logo img {
  	height: 8em;
}

.partner-logo img {
	width: auto;
  margin-right: 5em;
  margin-left: 5em;
}

.nordforsk-text {
  font-size: 1em !important;
  margin-top: 1em;
}

/** */
.danger-text {
  font-size: 0.7em !important;
}

h4.panel-title {
  font-size: 1.5em !important;
}

.display-none {
  display: none;
}

/** date-picker **/
.ui-datepicker-calendar {
  display: none;
}

/** Coloured circle for nodes description**/
.node-dot {
  height: 1em;
  width: 1em;
  background-color: #fff;
  border-style: solid;
  border-width: thin;
  border-color: #000;
  border-radius: 50%;
  display: inline-block;
}

/** Expiry message styles*/
#expiry-msg, #alert-modal {
  font-size: 1.3rem !important;
}

#alert-modal .modal-content {
   background-color: #d9edf7;
   padding-top: 0;
   padding-bottom: 0;
}

#alert-modal .alert-info {
    color: #2a617d;
    border-color: transparent;
}