body.admin {
  background: #fff0f0;
}


body.admin .top-nav {
  padding: 10px;
  margin: 0;
}

body.admin div.container {
  margin: 10px 0px;
  max-width: 100%;
}

body.admin .actions a {
  background-color: #1779ba;
  border: 0.1rem solid #1779ba;
  color: #fefefe;
  border-radius: 4px;
  font-size: 1.25rem;
  font-weight: normal;
  justify-content: center;
  padding-bottom: calc(0.375em - 1px);
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: calc(0.375em - 1px);
}


.error-message {
  color: red;
}

 fieldset .react-colorful {
    width: 120px;
  }
  
label.is-small {
	display: block;
    font-size: 1.0rem;
    font-weight: 200;
    margin-bottom: 1rem;
}


.dessigner {
		border: 1px solid #ccc;
}

.menutop {
	background-color: #CCC;
	border: 1px solid #ccc;
	padding: 0px 4px;
}

.row .menuLeft {
	width: 140px !important;
	padding: 0 1rem;
	flex: none;
	margin-left: 1rem;
}

div.menuLeft .button {
	width: 100%;
}

div.menuLeft li  {
	display: block;
	border: 1px solid #A0A0A0;
	padding: 2px;
	border-radius: 4px;
}

div.menuLeft li.is-active  {
	color: blue;
	font-weight: bold;
	border: 1px solid blue;
}



.zoom >button {
	width: 30px;
	margin: 2px 4px;
}

.button.blue {
    background-color: #1779ba;
    border: 0.1rem solid #1779ba;
    color: #fefefe;
}

.button.green, .button.green.disabled, .button.green[disabled], .button.green.disabled:hover, .button.green[disabled]:hover, .button.green.disabled:focus, .button.green[disabled]:focus {
    background-color: #3adb76;
    color: #fefefe;
    border: 0.1rem solid #3adb76;
}

.margintop {
    margin-top: 2em;
}

.clipboardcopy {
    background-color: #3adb76;
    color: #fefefe;
    border: 0.1rem solid #3adb76;
    font-size: 0.8em;
    padding: 2px;
    border-radius: 3px;
    font-weight: 700;
    height: 2.6rem;
    letter-spacing: .1rem;
    line-height: 1rem;
    margin-bottom: 0px;

}

#tabs-with-content .tabs:not(:last-child) {
    margin-bottom: 0;
  }
  
#tabs-with-content .tab-content {
    padding: 1rem;
    display: none;
  }
  
#tabs-with-content .tab-content.is-active {
    display: block;
  }

  .description {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
  }

  .description p {
    margin-bottom: 1em;
  }