
      :root {
  --ndgreen: rgb(10, 132, 62);
  --ndgold: rgb(201, 151, 0);
  /**--ndblue: rgb(12, 36, 64);**/
  --ndblue: rgb(0,80,155);
  --themecolor:var(--ndblue);
  --font-color-primary:#000;
}

/** Hide conference name in navbar **/
.brand-text{
    display: none;
}


 div.itempar {
        padding-left: 0.1em;
        text-indent:-1.0em;
    }



.keynote {
    /** border: 3px solid #0f0;**/
     /** overflow:auto; // without overflow here, if the "Line 1" and "Line 2" is short then "Next elements" will display below "Line 2" and the image will cover the "Next elements" **/
     width: 100%;
    margin-bottom: 5em;
}

.knwrapper {
    /** border: 3px solid #0f0;**/
     /** overflow:auto; // without overflow here, if the "Line 1" and "Line 2" is short then "Next elements" will display below "Line 2" and the image will cover the "Next elements" **/
width: 130%;
margin-bottom: 7em; 
}

.keynotetext {
   /** float: left; // without float here, if "Line 1" and "Line 2" is long -> text will display both at right and bottom the image**/
  padding-left: 2em;
   
} 
.keynoteimg {
    float: left;
    /**width:100px;**/
    height:250px;

    padding-right: 2em;
}


div.logobar {
    padding: 10px 15px;
    background-color:white;
    color: #777777;
}
.logobar .container{
	border-bottom: 1px solid #e7e7e7;
}
.logobar a {
    color: #d3d3d3;
}
.navbar{
  border-top: none !important;
   background-color:var(--themecolor);
     color: white;
}
.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #808080;
}
.navbar-brand {
  /** font-size : 24px; **/
    background-image:url("https://conf.researchr.org/getImage/RE-2023/orig/banner.jpg");
   min-height: 230px;
   
   background-repeat: no-repeat;
   background-position: center;
  background-size: 1000px;
  width:95%;
 /** padding-left: 250px;*/
}
.navbar{
  border-radius: 0px !important;
}
.place {
  float: inherit;
  padding : 23px 0 0 40px;
  font-size: 0px;
}
.place2 {
  float: right;
  padding : 23px 0 0 0px
}

.panel-heading.clearfix{
   background-color:var(--themecolor);
   border-color:var(--themecolor);
}

.panel.panel-primary{
   border-color:var(--themecolor);
    box-shadow: 5px 10px #888888;
}

.panel.panel-warning{
   border-color:var(--themecolor);
    box-shadow: 5px 10px #888888;
	color: #fff
}

.panel-warning>.panel-heading{
	color: #fff
}

a {
  color:var(--themecolor);
}

ul.li.active {
  color:var(--themecolor);
  background-color:var(--themecolor);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
     background-color:var(--themecolor);
}


.btn-primary {
    color: #fff;
     background-color:var(--themecolor);
    /* border-color: #2e6da4; */
}

.footer {
    background-color: #f8f8f8;
    border-top: 1px solid #E5E5E5;
    width: 100%;
    display: table-row;
    height: 1px;
    color:var(--font-color-primary);
    font-size: 13px;
}

body{
    color:var(--font-color-primary);
}


.panel-info>.panel-heading {
    color: #e4b427;
}


fieldset {
 /*width:700px;
  height:300px;*/
  border:4px solid var(--ndblue);
  position:relative;
   margin-top: 3em;
  box-shadow: 5px 10px #888888;

   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 8px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 8px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 8px; 
}

fieldset legend {
 font-size:1.6em;
 color: rgb(0, 80, 155);
 width: auto;
  margin-left:15px;
}


fieldset .text {
  float:left;
  width:90%;
  padding-left:1em;
  line-height: 90%;
  font-size:110%;
}
