/*** EDITOR ***/
.trumbowyg-editor {
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	line-height: 1.8rem;
	color: #333;
}
.trumbowyg-box {
	border-radius: 0.25em;
}
.trumbowyg-button-pane {
	border-radius: 0.25rem 0.25rem 0 0;
}
.trumbowyg-box, .trumbowyg-editor-box {
	border-color: hsl(178, 32%, 87%) !important;
}
.trumbowyg-button-pane {
	background-color: hsl(178, 32%, 94%) !important;
	border-color: hsl(178, 32%, 87%) !important;
}
.trumbowyg-button-pane::before, .trumbowyg-button-pane::after {
	background-color: hsl(178, 32%, 87%) !important;
}
.trumbowyg-button-pane .trumbowyg-button-group::after {
	background-color: hsl(178, 32%, 87%) !important;
}
.trumbowyg-dropdown {
	border-color: hsl(178, 32%, 87%) !important;
}
.trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
	background: hsl(178, 32%, 94%) !important;
}
.trumbowyg-open-dropdown, .trumbowyg-dropdown > button {
	color: #333 !important;
	font-size: 0.875rem !important;
}
.trumbowyg-box .ui-resizable-handle {
	text-align: center;
	height: 16px;
	background-color: hsl(178, 32%, 94%);
	border-top: 1px solid hsl(178, 32%, 87%);
	border-radius: 0 0 0.25rem 0.25rem;
	bottom: 0px !important;
}


.ver, .mod, .spellver, .spellmod, .cor {color: black; text-decoration: none; padding: 1px; margin: 2px;}
.ver:hover, .mod:hover, .spellver:hover, .spellmod:hover {text-decoration: none;}
.nayt-grammar {padding: 1px; margin: 2px;}
.nayt-grammar, .mod, .mod:hover {font-weight: bold; border: 1px solid #ecc; background-color: #fdd;}
.ver, .ver:hover {font-weight: bold; border: 1px solid #eec; background-color: #ffc; }
.cor, .cor:hover {color: green; background-color: #eeffee;}
.nayt-spelling, .spellmod, .spellmod:hover {color: red; font-style: italic; border-bottom: thin dashed red; font-weight: bold}
.spellver, .spellver:hover {color: #A38F26; font-style: italic; border-bottom: thin dashed red; ; font-weight: bold}
.verupdated {background-color: transparent; border: 1px dashed #ffcc33; font-weight: bold;}
.modupdated {background-color: transparent; border: 1px dashed red; font-weight: bold;}
.verupdated, .modupdated, .spellverupdated, .spellmodupdated {color: black; text-decoration: none; padding: 1px; margin: 2px;}
.spellmodupdated {color: #c66; font-style: italic;}
.spellverupdated {color: #c5af48; font-style: italic;} 


#progressSpinner {
	-webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
	margin-right: 0.25rem;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* *** TIP ELEMENTS *** */
.hpTipLink {
	color: #0F73D6;
}
#summarycontainer .hpTipLink {
	vertical-align: super;
	font-size: 80%;
}

.hpTipBox {
	background-color: #efefef;
	color: black;
	font-size: 90%    ;
	border: 2px solid #999;
	padding: 3px;
    z-index: 400000;
    cursor: help;
}

.nadaclaircheck {
    padding-top: 8px;
}
.nadaclaircheck img {
    border: none;
    vertical-align: middle;
}
.nadaclaircheck a {
    color: blue;
    text-decoration: none;
}
.nadaclaircheck a:hover {
    color: red;
}
/*
.nadaclaircheck a.check {
    border: thin solid #ccc;
    padding: 5px;
    background-color: white;
}
*/

/*.summary-item-label {white-space: nowrap;}*/

.exercise {
	max-width: 50%;
	float: right;
	border: none;
	border-radius: 5px;
	background-color: white;
	padding: 8px 16px;
	margin: 8px;
}

.exercise .btn-light {
	border-color: #ced4da;
}

.symbol {
	background-color: #eee;
	font-family: monospace;
}