html{
	height:100%;
	
}

body{
	height: 100vh;
}

.bodyWithBackground{
	background-color:yellow;
	background: url('/assets/CORESO_symbol_gray.svg');
		background-color:rgba(44,90,160,0.5);
	
	background-size:   100vw auto;
	background-repeat: no-repeat;
	background-position: center; 
	background-opacity:0.5;
	 
}
#mynetwork {
        width: 100%;
        height: 80vh;
        border: 1px solid lightgray;
      }
      
.welcomeScreen{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255,255,255,.8);
  border: 2px solid #2c5aa0;
  border-radius:15px;
  padding:20px;
}

.resetPassword{
	position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-30%, -50%);
  background-color: rgba(255,255,255,.7);
  border: 2px solid #2c5aa0;
  border-radius:15px;
  padding:20px;
}
.bg-coreso{
	background-color:#2c5aa0;
}
/*.bg-light2{
	background-color:#eeeeee;
}*/
.card{
	border:2px solid #2c5aa0;
	border-radius:5px;
}
.card-header{
		background-color:#2c5aa0cc;
		color:white;
		padding:.25rem 1.25rem;
		border-radius:5px;
}
a{
	color:#2c5aa0;
}

#mapHeader{
	background-color:#2c5aa0;
	min-height:4rem;
	padding:0.2rem;
}

#mapHeader h2{
	min-width:25%;
	margin-right:1rem;
}
#mapBody{
	/*border: 1px solid green;*/
	padding: 1rem;
}
.loginLink{
	position:fixed;
	right:5px;
	top:5px;
}

#facilitatorBoard{
	z-index:100;
	width:300px;
	float:left;
	background-color:#c0c0c0;
	height:100%;
	padding:5px;
}

.card-header-fb{
	padding:3px 5px 3px 5px;
	cursor:pointer;
	font-weight:bold;
}
.card-header-fb:hover{
	background-color: rgba(0,0,0,.1);;
}


.userprogress{
 	font-size:0.9rem;
 	padding-left:0.5rem;	
}
.toggle-edit-idea{
	padding-left:0.5rem;
	cursor:pointer;
}

.idea{
	margin-bottom:8px;
	margin-top:2px;
	border: 1px solid gray;
	border-radius:3px;
	padding:5px;
	background-color:white;
	box-shadow: 2px 2px 2px grey;
}
.highlight-idea{
	border: 2px solid red;
}


.ungroup{
	margin-bottom:8px;
	margin-top:2px;
	border: 1px dashed gray;
	border-radius:3px;
	padding:5px;
	background-color:#ffffffdd;
	
}
 .breadcrumbCORESO,.breadcrumbCORESO a{
 	color: #808080;
 }
 
.hidden{
	display:none;
}

.btn-coreso{
	color:#ffffff;
	background-color:#2c5aa0;
	border-color:#2c5aa0;
}
.btn-coreso:hover{
	color:#ffffff;
	background-color:#487dcc;
	border-color:#487dcc;	
}
.factilitatorMapSelector{
	cursor:pointer;
}

/*** PRE-LINK ***/
.prelink{
	margin-bottom:8px;
	margin-top:2px;
	border: 1px solid gray;
	border-radius:3px;
	padding:5px;
	background-color:white;
	box-shadow: 2px 2px 2px grey;
	display:flex;
	justify-content: stretch;
	cursor:pointer;
}

.prelink:hover{
	background-color: lightgray;
}

.prelinkcheckbox{
	display:flex;font-size:2rem;align-items: center;
}

.prelink-active{
	background-color: lightgray;
	border: 2px solid black;
}

/*** RATINGS ***/
	.slider {
	  -webkit-appearance: none;
	  width: 100%;
	  height: 15px;
	  border-radius: 5px;  
	  background: #d3d3d3;
	  outline: none;
	  opacity: 1.0;
	  -webkit-transition: .2s;
	  transition: opacity .2s;
	}
	
	.slider::-webkit-slider-thumb {
	  -webkit-appearance: none;
	  appearance: none;
	  width: 25px;
	  height: 25px;
	  border-radius: 50%; 
	  background: #2c5aa0;
	  cursor: pointer;
	}
	
	.slider::-moz-range-thumb {
	  width: 25px;
	  height: 25px;
	  border-radius: 50%;
	  background: #2c5aa0;
	  cursor: pointer;
	}
	
	.rating_value,.link_value{
		border:0px;
		text-align:center;
		font-weight:750;
	}
	.rating_value:disabled,.link_value:disabled{
		color:black;
		background-color:white;
	}

	.slider-before{
		opacity: 0.5;
	}

#linkForm{
	display:none;
	padding:3rem;
	/*border: 2px solid red;*/
}

/** FACILITATOR STUFF **/

	
.participantsList ol{
 	padding-inline-start:10px;
	
}

.card-fb{
	margin-top:1rem;;
}

.card-body-fb{
	padding:0.5rem;
}

.card-body-fb .text-secondary{
	color:#e3e3e3  !important;
}
.text-secondary{
	color:#e3e3e3  !important;
}
.text-secondary:hover{
	color:#c8c8c8 !important;
}


#mapHeader{
	display:flex;
	justify-content: space-between;
	color:white;
	
}
.input-vote{
	text-align:center;
	color:black;
	font-weight:bold;
}

.votecount{
	font-size:1.5rem;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	
}
.pointer{
	cursor:pointer;
}

.results{
	display:flex;
	justify-content: space-between;
}

#wslock{
	position:absolute;
	top: 0;
	left:0;
	height: 100vh;
	width: 100vw;
	z-index:9998;
	background-color:#c0c0c0;
	opacity:0.5;
	text-align: center;
	}
#wslockText{
	position:absolute;
	top: 0;
	left:0;
	height: 100vh;
	width: 100vw;
	text-align: center;
	padding-top:40vh;
	opacity:1;
	font-size:2rem;
	z-index:9999;
	
}
#wslockTextLabel{
	background-color:white;
	border:2px solid #2c5aa0;
	padding:5px;
	border-radius:3px;
}


#wslockTextFacilitator{
	position: absolute;
	top: 50px;
	left:40%;
	margin: auto;
	z-index:9998;
	border:1px solid red;
	background-color:red;
	color:white;
	font-size:28px;
}

#lostConnection{
	display:none;
	position: absolute;
	top: 50px;
	width:50%;
	left:25%;
	margin: auto;
	z-index:9998;
	border:1px solid red;
	background-color:red;
	color:white;
	font-size:28px;
}

.highlight{
	border: 3px solid red;
	background-color:yellow;
}

	
/* Toggle switch */
		.switch {
		  position: relative;
		  display: inline-block;
		  width: 60px;
		  height: 34px;
		}
		
		.switch input { 
		  opacity: 0;
		  width: 0;
		  height: 0;
		}
		
		.sliderToggle {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #ccc;
		  -webkit-transition: .4s;
		  transition: .4s;
		}
		
		.sliderToggle:before {
		  position: absolute;
		  content: "";
		  height: 26px;
		  width: 26px;
		  left: 4px;
		  bottom: 4px;
		  background-color: white;
		  -webkit-transition: .4s;
		  transition: .4s;
		}
		
		input:checked + .sliderToggle {
		  background-color: #2c5aa0;
		}
		
		input:focus + .sliderToggle {
		  box-shadow: 0 0 1px #2c5aa0;
		}
		
		input:checked + .sliderToggle:before {
		  -webkit-transform: translateX(26px);
		  -ms-transform: translateX(26px);
		  transform: translateX(26px);
		}
		
		/* Rounded sliders */
		.sliderToggle.round {
		  border-radius: 34px;
		}
		
		.sliderToggle.round:before {
		  border-radius: 50%;
		}

.pbar-wrap{
	border:none;
	height:100%;
	position:relative;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #52fe6b;*/
	
}
.pbar-bar{
	background-color:#52fe6b;display:block;height:100%:float:left
}
.pbar-label{
	position:absolute;left:0px;top:0px;
}


.amtx-cell{
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}
.hl-row{
	border-top:2px solid red;
	border-bottom:2px solid red;
}
.hl-cell{
	border: 2px solid red;
	borer-bottom:2px solid blue;
}

.hl-col{
	border-left:2px solid red;
	border-right:2px solid red;
}