.assignment-response
{
    width: 100%;
    resize: none;
    border-radius: 10px;
    min-height: 100px;
    font-family: Arial, Helvetica, sans-serif  ;
    font-size: large;
    background-color: transparent;
    border: none;
    color: blue;
	  outline: none;
}

.question
{
	background-color: white;
	border: 1px solid gray;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 10px;
}

.solid-lines 
{
	padding-left:5px;
	/* background-image:linear-gradient(lightblue 1px, transparent 1px); */
	background: repeating-linear-gradient(to bottom, transparent 1px, lightblue 200px);
	background-size: 20px 30px;
	border-left: 1px solid red;
  }

  .question-question
  {
	  border-top: 1px solid gray;
    margin-top: 5px;
    padding-top: 5px;
  }

.assignment-title
{
	font-weight: bold;
  border-bottom: 1px solid;
}

.toolbar
{
  position: fixed;
  bottom: 0px;
  background-color: lightslategray;
  border-radius: 10px;
  z-index: 1000;
}

#toolbar-settings
{
  position: fixed;
  bottom: 0;
  background-color: lightslategray;
  border-radius: 10px;
  padding: 10px;
  z-index: 1000;
}

.toolbar-item
{
  background-color: gainsboro;
  padding: .35rem;
  border-radius: 10px;
  cursor: pointer;
  width: 1rem;
  margin: auto;
  margin-bottom: .2rem;

  
}

.unselectable
{
  user-select:none;
  -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toolbar-item:hover
{
  background-color: white;
}

#toolbar-highlighter-colors, #toolbar-font-colors, #toolbar-font-sizes, #toolbar-fonts
{
  margin-bottom: 10px;
}

#toolbar-font-sizes, #toolbar-fonts { display : flex;  transition: all 1s ease-in-out; }

#toolbar-item-font-colors-blue
{
  background-color: blue;
  color: white;
}

#toolbar-item-font-colors-black
{
  background-color: black;
  color: white;
}

#toolbar-item-font-colors-red
{
  background-color: red;
  color: white;
}

#toolbar-item-font-colors-green
{
  background-color: green;
  color: white;
}

.selected-toolbar-item
{
  box-shadow: 0 0 5px 3px black;
  border: 2px solid white;
}

.toolbar-item-font-size
{
  height : 100%;
  text-align: center;
  margin: auto;
  margin-left: 5px;
}

#toolbar-item-font-sizes-xx-small
{
  font-size: xx-small;
}

#toolbar-item-font-sizes-x-small
{
  font-size: x-small;
}

#toolbar-item-font-sizes-small
{
  font-size: small;
}

#toolbar-item-font-sizes-medium
{
  font-size: medium;
}

#toolbar-item-font-sizes-large
{
  font-size: large;
}

#toolbar-item-font-sizes-x-large
{
  font-size: x-large;
}

.toolbar-settings-slide-in
{
  animation: slide-in .525s linear;
}

.toolbar-settings-slide-out
{
  animation: slide-out .525s linear;
}

.toolbar-slide-in
{
  animation: slide-in .525s linear;
}

.toolbar-slide-out
{
  animation: slide-out .525s linear;
}

@keyframes slide-in
{
	from {  
		transform: translateY(100%);
		opacity: 0;
	}
	to {
		transform: translateY(0%);
		opacity: 1;	
	}
}

@keyframes slide-out
{
	from {
		transform: translateY(0%);
		opacity: 1;
	}
	to {
		transform: translateY(100%);
		opacity: 0;	
	}
}

#toolbar-item-font-sizes, #toolbar-item-highlighter-colors, #toolbar-item-font-colors, #toolbar-item-fonts
{
  margin-right: 21px;
}

#toolbar-fonts-carousel
{
  display: flex;
  width: 100%;
  border: 1px solid;
  margin: auto;
  padding: 5px;
  background-color: gainsboro;
  border-radius: 10px;
}

.assignment-buttons
{
  border: 1px solid gray;
  width: fit-content;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 10px;
  background-color: lightblue;
  box-shadow: 0 0 5px;
  font-size: small;
}

.assignment-buttons:hover
{
  background-color: lightgreen;
  box-shadow: 0 0 2px 1px;
  color: blueviolet;
}

#save-submit
{
  display : flex;
}

a
{ cursor: pointer;}

.add-to-study-guide
{
    box-shadow: 0 0 2px 1px;
    width: fit-content;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    background-color: aquamarine;
    cursor: pointer;
}

.already-added-to-study-guide
{
    box-shadow: 0 0 2px 1px;
    width: fit-content;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    background-color: lightgray;
}