.singletalk {
	cursor: pointer;
}

.singletalk:hover {
  background-color: #e6f3ff;
}

.fade-leave-active {
  transition: opacity .0s
}
.fade-enter-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0
}
/*.alert {
	position:absolute;
    z-index:1;
}*/
.mynav{
    /*max-height: 62vh;*/
    /*overflow-y:scroll; */
}
.loading {
	position:relative;
    z-index:1;
}

.nav-link, .navbar-brand {
  /*color: #ffffff!important;*/
}

.nav-item:hover {
  background-color: #e6f3ff;
  /*border-bottom: 2px solid #fff;*/
}

.bg-light {
  /*background-color: #2b7a78!important;*/
  /*background-color: #f8f9fa!important;*/
}

/*.btn-primary {
  background-color: #59BDDE;
  border-color: #59BDDE;
}

.btn-primary:hover {
  background-color: #0099CC;
  border-color: #0099CC;
}

.btn-danger {
  background-color: #B82C19;
}*/

.btn:hover {
  cursor: pointer;
}

@import "bourbon";

body {
	background: #eee !important;	
}

.wrapper {	
	margin-top: 80px;
    margin-bottom: 80px;
}

.signin-form {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);  

  .signin-form-heading,
	.checkbox {
	  margin-bottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
}

[v-cloak] {
  display: none;
}

.navbar {
	margin-bottom: 10px;
}

.card {
	padding: 20px;
	margin-bottom: 10px;
}


.image-container {
    position: relative;
    width: 400px;
    height: 300px;
}
.image-container .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
}
.image-container:hover .after {
    display: block;
    background: rgba(0, 0, 0, .6);
}

.talksummary {
  	background-color: #e9ecef;
  	font: small courier, monospace black;
    width: 500px;
    height: 300px; /* or whatever measurements you want */
    overflow: auto;
    padding: .5rem .75rem;
    width: 100%;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    display: block;
}