/* Disable all the app page elements except the connecting page  */                  
.navbar.navbar-default.navbar-fixed-top{
  pointer-events:none;
  z-index: 4000;
}

.container-fluid>.container-fluid{
  pointer-events:none;
  opacity:0.01;
  background-color: white;
}
                                                         
/* Navbar menu behavior when the screen is small   */
@media (max-width: 1200px){
  
  .navbar-nav{
    display: -webkit-box;
    margin-top: 0;
    max-height: 48px;
    min-height: 45px;
  }
  
  .navbar-nav > li > a {
    /*width: fit-content;*/
  }
}


/*  Nav bar default behavior */
.navbar-default {
  background-color: #114848 /* #066262 #40033c #23054e #0c7575 #066262 #430659 teal #2fa4e7 */;
  border-color: #1995dc;
  color:white;
}


.navbar-default .navbar-brand {
  color: #ffffff;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
  background-color: none;
}


.navbar-default .navbar-text {
  color: #dddddd;
}


.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  padding: 12px 25px;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #178acc;
}


span.footerdiv{
  display:inline;
}

span.footerdiv div{
  font-family: "Georgia", Times, "Times New Roman", serif;
  display:inline;
  color:white;
  float:center;
}


/* user profile dropdown menu  */
/*
.navbar-nav > .user-menu > .dropdown-menu {
  background-color: darkgray;
}

li#user.shiny-html-output.dropdown.user.user-menu.shiny-bound-output {
	position: absolute;
	right: 0;
	left: auto;
}



ul.dropdown-menu.dashboard-user{
  position: absolute;
  right: 0;
  left: auto;
  top: 50px;
  height: fit-content;
} */

#think-aiId > li a[data-value='<li class="shiny-html-output dropdown user user-menu" data-value="user_profile_dropdown" id="user"></li>'] {
    display: none;
}

/*user connection page style when the size of screen changes */

@media screen and (max-width: 800px) {
	#user.shiny-html-output.dropdown.user.user-menu.shiny-bound-output {
		position:static; /* Change the width to 100% when the screen is smaller than 800px */
	}
}

@media screen and (max-width: 800px) {
	.dropdown-menu.dashboard-user {
		position:static; /* Change the width to 100% when the screen is smaller than 800px */
	}
}

/* make menu element small */
@media screen and (max-width: 1000px) {
  .nav > li {
    font-size: smaller;
  }
}

/*Translation menu */
#think-aiId > li:nth-child(4) {
  position: absolute;
  right: 180px;
  left: auto;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  
  .navbar-nav .open .dropdown-menu {
    /*display: -webkit-inline-box;
    position: initial;*/
    background-color: #fff;
  }
  
  #think-aiId > li:nth-child(4) {
    position: inherit;
    /*margin-left: auto;
    margin-right: 50px;*/
  }
  
  .navbar-default .navbar-nav > li:last-child > a  {
    padding: 12px 6px !important;
  }
}