/*
/ This is the CSS file for dropdown toggler animation on mobile devices
*/
/* .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .1s ease;
       -o-transition: height .1s ease;
          transition: height .1s ease;
} */



.icon-bar {
	/* width: 22px; */
	/* height: 2px; */
	/*background-color: #B6B6B6;*/
	background-color: #fff;
	display: block;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	/* margin-top: 4px; */

	width: 38px;
	height: 3px;
	margin-bottom: 8px;
	float: right;
	clear: right;

}


.navbar-toggler {
  padding: 8px;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  /* -webkit-transform: rotate(35deg) scaleX(1.2);
	-ms-transform: rotate(35deg) scaleX(1.2);
	transform: rotate(35deg) scaleX(1.2); */
  -webkit-transform-origin: 13% 10%;
  -ms-transform-origin: 13% 10%;
  transform-origin: 13% 10%;

	-webkit-transform: rotate(40deg) scaleX(1.2);
	-ms-transform: rotate(40deg) scaleX(1.2);
	transform: rotate(40deg) scaleX(1.2);

}
.navbar-toggler .middle-bar {
  opacity: 0;
}
.navbar-toggler .bottom-bar {
  /* -webkit-transform: rotate(-35deg) scaleX(1.2);
	-ms-transform: rotate(-35deg) scaleX(1.2);
	transform: rotate(-35deg) scaleX(1.2); */
  -webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;

	-webkit-transform: rotate(-40deg) scaleX(1.2);
	-ms-transform: rotate(-40deg) scaleX(1.2);
	transform: rotate(-40deg) scaleX(1.2);
}
.navbar-toggler.collapsed .top-bar {
  -webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
  -webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}


/*For general and mobile devices*/
span.submenu-toggle {
  position: relative;
  float: right;
  right: 0;
  /* padding: 8px 10; */
  -webkit-transform-origin: 52% 45%;
  -ms-transform-origin: 52% 45%;
  transform-origin: 52% 45%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  color: white;
}
/*For general and mobile devices*/
button.submenu-toggle {
  position: relative;
  float: right;
  right: 0;
  /* padding: 8px 10; */
  -webkit-transform-origin: 50.5% 45%;
  -ms-transform-origin: 50.5% 45%;
  transform-origin: 50.5% 45%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  color: white;
}


/* BACK TO TOP ARROW BUTTON */
.back-to-top {
	background: none;
	color: black;
  /* background-color: #92AC6D; */
  /* color: white; */
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  margin: 0;
  /* padding: 5px; */
  padding: 10px 0px 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  display: none;
}
.back-to-top:hover {
  color: #aaaaaa;
}
.back-to-top icon {
  font-size: 50px;

}

/* SubMenu Configuration */

span.submenu-toggle {
  display: inline-block;
	/* top: 8px ; */
}
button.submenu-toggle {
  height: 35px;
  display: inline-block;
	/* top: 8px ; */
}

ul.submenu a.dropdown-item {
  color: white;
}

ul.submenu {
  /* background-color: #024731!important; */
  /* background-color: #024731; */
  background-color: var(--main-bg-color);
  font-size: 90%;
  text-align: justify;
	/* box-shadow: 22px 11px 22px rgba(0, 0, 0, 0.22); */
}

ul.submenu a.dropdown-item:before {
  /* content: "\f101 \00a0"; */
  /* font: normal normal normal 14px/1 FontAwesome; */
}

hr.menu-divider {
  display: block;
  border-top: 1px solid white;
  width: 95%;
  margin: 5px auto;
  margin-top: 0px;
}
div.yamm-content{
  padding: 0px;
}
ul li.dropdown {
  /* margin-top: 16px; */
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
  /* padding: 15px 8px; */
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
	/* color: rgba(180,154,94); */
	/* color: #ffdd0b; */
	color: var(--dropdown-header-hover-color);
}


.nav-link.menu-link span {
    display: inline-flex;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--dropdown-header-hover-color);
    /* color: #e39a41; */
}

.nav-link.menu-link {
  width: 70%;
  padding: 0;
}
.nav-link.menu-link {
  text-align: left;
}
.nav-link.menu-link span::before {
  content: '';
  white-space: normal;
}
/* .nav-link.active {
	color:blue;
} */

a.dropdown-header:hover {
	/* background-color: inherit */
	/* background-color: #024b34; */
	/* color: rgba(255,255,255,0.2); */
	color: var(--dropdown-header-hover-color);
	/* color: purple; */
}
a.dropdown-header {
  /* color: #E5E2E0; */
  /* color:white; */
  color: var(--dropdown-header-color);
  /* font-weight: bold; */
  /* font-weight: normal; */
	text-decoration: none;
}
a.dropdown-header h6 {
	font-size: 18px;
  font-weight: 500;
}
/* DEBUG: Resources Tab */
/* a.dropdown-header h6 {
	font-size: 16px;
  font-weight: 500;
} */


/* FACULTY Configuration */
.email-text {
  /* display: none; */
	display: inline-block;
}
.fa-envelope {
  display: inline-block;
}
div.user-details {
  float:left;
  /* text-align: center; */
  text-align: left;
  /* display: block; */
	padding-left: 3%;
}



/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
@media (max-width: 350px) {
  .back-to-top {
    padding: none;
  }
}

/*End Mobile devices*/
/*Desktop devices (non collapsed)*/

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  a.dropdown-header h6 {
	font-size: 18px;
  font-weight: 500;
}
  .navbar-dark .navbar-nav .nav-link {
    color: white;
    padding: 15px 8px;
  }
	ul li.dropdown {
	  margin-top: 5px;
	}
	.dropdown:hover>.dropdown-menu {
    display: block;
  }
  ul.submenu{
    border: 1px solid #000000;
    text-align: center;
  }
  .nav-link.menu-link {
    text-align: center;
  }
  .nav-link.menu-link span::before {
    content: '\A';
    white-space: pre;
  }
  /* hr.menu-divider {
    display: none;
  } */
  ul.submenu a.dropdown-item:hover {
    background-color: inherit;
    color: rgba(255,255,255,0.5);
  }
  span.submenu-toggle {
    display: none;
  }
  button.submenu-toggle {
    display: none;
  }
  /* div.user-details {
    float: left;
    text-align: left;
    padding-left: 5px;
  } */

  a.dropdown-header h6 {
    font-size: 15px;
    font-weight: 500;
  }
	a.dropdown-header:hover {
		/* background-color: inherit */
		/* background-color: #024b34; */
		background-color: rgb(125,172,158,0.05);
		/* color: rgba(255,255,255,0.5); */
		color: var(--dropdown-header-hover-color);
		/* color: purple; */
	}

  ul.submenu a.dropdown-item:before {
    display: none;
  }
  .nav-link.menu-link {
    width: 100%;
  }
  /* .email-text {
    display: inline-block;
  } */
	#dropdown-menu a  icon {
		display: none;
	}


}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  a.dropdown-header h6 {
		font-size: 16px;
	}
  .navbar-dark .navbar-nav .nav-link {
    color: white;
    padding: 18px 8px;
  }

  .dropdown:hover>.dropdown-menu {
    display: block;
  }
  ul.submenu{
    border: 1px solid #000000;
    text-align: center;
  }
  .nav-link.menu-link {
    text-align: center;
  }
  .nav-link.menu-link span::before {
    content: '\A';
    white-space: pre;
  }
  hr.menu-divider {
    display: none;
  }
  ul.submenu a.dropdown-item:hover {
    background-color: inherit;
    color: rgba(255,255,255,0.5);
  }
  span.submenu-toggle {
    display: none;
  }


  ul.submenu a.dropdown-item:before {
    display: none;
  }
  .nav-link.menu-link {
    width: 100%;
  }
  
  .email-text {
    display: inline-block;
  }
	#dropdown-menu a  icon {
		display: none;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1000px) {

}