.accessibility {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.accessibility:focus {
	position: static;
	width: auto;
	height: auto;
}

.carousel-item{
	height: 32rem;
	background: #777;
}

.designed a {
	font-size: .75em;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: color .2s linear;
	transition: color .2s linear;
}

.designed {
	color: #8b8b8b;
	font-size: .75em;
	line-height: 1.3;
	display: block;
	
}

.hideform {
	display: none;
}
.overlay-image{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-position: center;
	background-size: cover;
	opacity: 0.5; 
}

.avatar{position:relative;width:2.375rem;height:2.375rem;cursor:pointer}
.avatar img{width:100%;height:100%}
.avatar 
	.avatar-initial{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#8592a3;font-weight:500}

	.avatar.avatar-online:after,
	.avatar.avatar-offline:after,
	.avatar.avatar-away:after,
	.avatar.avatar-busy:after{content:"";position:absolute;bottom:0;right:3px;width:8px;height:8px;border-radius:100%;box-shadow:0 0 0 2px #fff}
	.avatar.avatar-online:after{background-color:#71dd37}
	.avatar.avatar-offline:after{background-color:#8592a3}
	.avatar.avatar-away:after{background-color:#ffab00}
	.avatar.avatar-busy:after{background-color:#ff3e1d}
.pull-up{transition:all .25s ease}
.pull-up:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 .25rem 1rem rgba(161,172,184,.45);z-index:30;border-radius:50%}
.avatar-xs{width:1.625rem;height:1.625rem}
.avatar-xs 
	.avatar-initial{font-size:.625rem}
	.avatar-xs.avatar-online:after,
	.avatar-xs.avatar-offline:after,
	.avatar-xs.avatar-away:after,
	.avatar-xs.avatar-busy:after{width:.325rem;height:.325rem;right:1px}.avatar-sm{width:2rem;height:2rem}
.avatar-sm 
	.avatar-initial{font-size:.75rem}
	.avatar-sm.avatar-online:after,
	.avatar-sm.avatar-offline:after,
	.avatar-sm.avatar-away:after,
	.avatar-sm.avatar-busy:after{width:.4rem;height:.4rem;right:2px}
.avatar-md{width:3rem;height:3rem}
.avatar-md .avatar-initial{font-size:1.125rem}
.avatar-md.avatar-online:after,
.avatar-md.avatar-offline:after,
.avatar-md.avatar-away:after,
.avatar-md.avatar-busy:after{width:.6rem;height:.6rem;right:4px}
.avatar-lg{width:4rem;height:4rem}
.avatar-lg 
	.avatar-initial{font-size:1.5rem}
	.avatar-lg
	.avatar-online:after,
	.avatar-lg.avatar-offline:after,
	.avatar-lg.avatar-away:after,
	.avatar-lg.avatar-busy:after{width:.8rem;height:.8rem;right:5px}
	.avatar-xl{width:4.5rem;height:4.5rem}
.avatar-xl 
	.avatar-initial{font-size:1.875rem}
	.avatar-xl.avatar-online:after,
	.avatar-xl.avatar-offline:after,
	.avatar-xl.avatar-away:after,
	.avatar-xl.avatar-busy:after{width:.9rem;height:.9rem;right:6px}
.avatar-group 
	.avatar{transition:all .25s ease}
	.avatar-group 
	.avatar img,
	.avatar-group 
	.avatar 
	.avatar-initial{border:2px solid #fff}
	.avatar-group 
.avatar 
	.avatar-initial{background-color:#9da8b5}
	.avatar-group 
	.avatar:hover{z-index:30;transition:all .25s ease}
	.avatar-group 
	.avatar{margin-left:-0.8rem}
	.avatar-group 
	.avatar:first-child{margin-left:0}
	.avatar-group 
	.avatar-xs{margin-left:-0.65rem}
	.avatar-group 
	.avatar-sm{margin-left:-0.75rem}
	.avatar-group 
	.avatar-md{margin-left:-0.9rem}
	.avatar-group 
	.avatar-lg{margin-left:-1.5rem}
	.avatar-group 
	.avatar-xl{margin-left:-1.75rem}

	.signature-component {
		text-align: left;
		display: inline-block;
		max-width: 100%;
		h1 {
		  margin-bottom: 0;
		}
		h2 {
		  margin: 0;
		  font-size: 100%;
		}
		button {
		  padding: 1em;
		  background: transparent;
		  box-shadow: 2px 2px 4px #777;
		  margin-top: .5em;
		  border: 1px solid #777;
		  font-size: 1rem;
		  &.toggle{
			background: rgba(red, .2);
		  }
		}
		canvas {
		  display: block;
		  position: relative;
		  border: 1px solid;    
		}
		img {
		  position: absolute;
		  left: 0;
		  top: 0;
		}
	  }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */
.headrepform
	{
	text-align: left;
	background-color: #e9e9e9;
	color: #333333;
	font-size: 93%;
	vertical-align:text-top;
	padding: 10px;
	width: 18%;
	font-weight: bold;
	}
	
.entryrepform
	{
	text-align: left;
	background-color: #efefef;
	color: #333333;
	font-size: 93%;
	padding: 10px;
	}
	
.custom-toggler.navbar-toggler {
		border-color: #00468A;
	}

/* Setting the stroke to green using rgb values (0, 128, 0) */

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(73, 184, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
	}