.visiblecwl {
  visibility: visible !important;
}

.invisiblecwl {
  visibility: hidden !important;
  height: 0px;
}

.subscribeTableTd {
    font-size: .5rem;
    text-align: center;
    color: red;
    background-color: blue;
}
.statusgreen {
	background-color: #42f48c;
}
.statusgreenWeak {
	background-color: #bdefce;
}
.statusyellow {
	background-color: #f4f0b5;
}
.statusred {
	background-color: #f7c0c3;
}
.statusBar {
	background-color: #42f48c;
}
.jlpt4orange {
	background-color: #efc673;
}
.timergreen {
	background-color: #bdefce;
}
.timeryellow {
	background-color: #f4f0b5;
}
.timerred {
	background-color: #f7c0c3;
}
.timerwhite {
	background-color: #ffffff;
}



img.blend {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
img.blend60 {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/* start of for nps  */
			.slidecontainer {
			    width: 100%; /* Width of the outside container */
			}

			/* The slider itself */
			.slider {
			    -webkit-appearance: none;  /* Override default CSS styles */
			    appearance: none;
			    width: 100%; /* Full-width */
			    height: 25px; /* Specified height */
			    background: #d3d3d3; /* Grey background */
			    outline: none; /* Remove outline */
			    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
			    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
			    transition: opacity .2s;
			}

			/* Mouse-over effects */
			.slider:hover {
			    opacity: 1; /* Fully shown on mouse-over */
			}

			/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
			.slider::-webkit-slider-thumb {
			    -webkit-appearance: none; /* Override default look */
			    appearance: none;
			    width: 25px; /* Set a specific slider handle width */
			    height: 25px; /* Slider handle height */
			    background: #4CAF50; /* Green background */
			    cursor: pointer; /* Cursor on hover */
			}

			.slider::-moz-range-thumb {
			    width: 25px; /* Set a specific slider handle width */
			    height: 25px; /* Slider handle height */
			    background: #4CAF50; /* Green background */
			    cursor: pointer; /* Cursor on hover */
			}
/* end of for nps  */

.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
  max-width: 50%;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}
.vertical-align {
    display: flex;
    align-items: center;
}

.repeatingImage{
    margin: 0;
    background: url("https://s3.amazonaws.com/kanjiflashcardimages/decoJapan.jpg") repeat;
}