.my-collapsible{
	box-shadow: none; 
	margin-bottom: 0rem;
	margin-top: 0rem;
	border-right: none;
	border-left: none;
	
}
.my-collapsible-header{
	padding-bottom:0.2rem;
	padding-top:0.2rem;
	padding-left:2rem;
	border-bottom: none;
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: none;*/
}
.my-collapsible-body{
	padding-bottom:0.2rem;
	padding-top:0.2rem;
	border-bottom: none;

}
.send-comment{
	border: none;
	border-radius: 10px;
	
}
.delete{
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right:10px;
}

.some-comment{
	border-radius: 10px;
	padding-left: 8px;
}

.no-top-margin{
	margin-top: 0rem;
}
.rounded{
	border-radius: 10px !important;
}
.brand-text{
	font-size: 25px;
}
form{			
	max-width: 460px;
	margin: 20px auto;
	padding: 20px;
}

/*
.input-field input:focus + label {
	color: red !important;
  }

  .row .input-field input:focus {
	border-bottom: 1px solid red !important;

  }
*/
[bc="w"]:not(:checked)+  span:before,
[bc="w"]:not(:checked)+   span:after {
 border:2px solid #8a8a8a;
}

[bc="w"]:checked+span:after {
 border:2px solid #8a8a8a;
 background-color:#8a8a8a;
}

[bc="r"]:not(:checked)+  span:before,
[bc="r"]:not(:checked)+   span:after {
 border:2px solid #a61d1d;
}

[bc="r"]:checked+span:after {
 border:2px solid #a61d1d;
 background-color:#a61d1d;
}

[bc="g"]:not(:checked)+  span:before,
[bc="g"]:not(:checked)+   span:after {
 border:2px solid #51852b;
}

[bc="g"]:checked+span:after {
 border:2px solid #51852b;
 background-color:#51852b;
}

[bc="o"]:not(:checked)+  span:before,
[bc="o"]:not(:checked)+   span:after {
 border:2px solid #aa6010;
}

[bc="o"]:checked+span:after {
 border:2px solid #aa6010;
 background-color:#aa6010;
}

[bc="b"]:not(:checked)+  span:before,
[bc="b"]:not(:checked)+   span:after {
 border:2px solid #1d5ba6;
}

[bc="b"]:checked+span:after {
 border:2px solid #1d5ba6;
 background-color:#1d5ba6;
}





.my-title-r{
	color: #a61d1d
}
.my-title-g{
	color: #51852b
}
.my-title-o{
	color: #aa6010
}
.my-title-b{
	color: #1d5ba6
}

.screenshot{
	max-width: 100%;
	border-style: solid;
	border-color: black;
	border-radius: 3em;
	border-width: 1.4em;
	
}

.my-description-text{
	padding: 20px;
	color: #888888;
	font-size: 200%;
}


 /* Tooltip container */
 .tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
  
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
  
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }