.assist-bar { border-bottom: 2px solid black;  height: 74px;  width: 100%;  z-index: 100;  padding: 5px 7px 3px 7px;  font-size: 16px;  line-height: 125%;  letter-spacing: normal;  font-family: Arial, 'Lucida Grande', sans-serif;  overflow-x: hidden; }
.assist-white .assist-bar { background: white;  border-color: black;  color: black; }
.assist-invert .assist-bar { background: black;  border-color: white;  color: white; }
.assist-blue .assist-bar { background: #9dd1ff;  border-color: #14305e;  color: #14305e; }
.assist-bar ul { list-style: none;  padding: 0;  margin: 0; }
.assist-bar * { user-select: none;  -moz-user-select: none;  -webkit-user-select: none; }
.assist-bar > div { display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-align-content: center;  align-content: center;  -webkit-align-items: flex-start;  -ms-flex-align: flex-start;  align-items: flex-start; }
.assist-bar > div > div > span { display: block;  margin-bottom: 8px; }
.assist-bar .color-select, .assist-bar .speech-control, .assist-bar .spacing-select, .assist-bar .font-select, .assist-bar .size-select { display: inline-block;  font-weight: bolder; }
.assist-bar .color-select li, .assist-bar .speech-control li, .assist-bar .spacing-select li, .assist-bar .font-select li, .assist-bar .size-select li { float: left;  padding: 4px 6px;  cursor: pointer;  margin-right: 8px; }
.assist-bar .speech-section .speech-control { vertical-align: top;  margin-left: 10px; }
.assist-bar .speech-section .speech-control li { border: 1px solid black;  text-align: center; }
.assist-white .assist-bar .speech-section .speech-control li { background: white;  color: black;  border-color: black; }
.assist-white .assist-bar .speech-section .speech-control li:hover { background: black;  color: white; }
.assist-invert .assist-bar .speech-section .speech-control li { background: black;  color: white;  border-color: white; }
.assist-invert .assist-bar .speech-section .speech-control li:hover { background: white;  color: black; }
.assist-blue .assist-bar .speech-section .speech-control li { background: #9dd1ff;  color: #14305e;  border-color: #14305e; }
.assist-blue .assist-bar .speech-section .speech-control li:hover { background: #14305e;  color: #9dd1ff; }
.assist-bar .speech-section .speech-control li.play:after { content: 'в–є'; }
.assist-bar .speech-section .speech-control li.pause:after { content: 'вќљвќљ'; }
.assist-bar .size-select .size-normal { font-size: 19px; }
.assist-bar .size-select .size-medium { font-size: 24px; }
.assist-bar .size-select .size-large { font-size: 29px; }
.assist-bar .color-select .color-normal { border: 1px solid black;  background: white; }
.assist-invert .assist-bar .color-select .color-normal { color: black; }
.assist-bar .color-select .color-invert { background: black;  border: 1px solid black;  color: white; }
.assist-invert .assist-bar .color-select .color-invert { border: 1px solid white; }
.assist-bar .color-select .color-blue { color: #255885;  background: #9dd1ff;  border: 1px solid #255885; }
.assist-invert .assist-bar .color-select .color-blue { border: 1px solid #9dd1ff; }
.assist-bar .color-select li { font-size: 22px; }
.assist-bar .image-switcher { border: 1px solid black;  font-size: 20px;  padding: 3px 6px;  cursor: pointer; }
.assist-white .assist-bar .image-switcher { background: white;  color: black;  border-color: black; }
.assist-white .assist-bar .image-switcher:hover { background: black;  color: white; }
.assist-invert .assist-bar .image-switcher { background: black;  color: white;  border-color: white; }
.assist-invert .assist-bar .image-switcher:hover { background: white;  color: black; }
.assist-blue .assist-bar .image-switcher { background: #9dd1ff;  color: #14305e;  border-color: #14305e; }
.assist-blue .assist-bar .image-switcher:hover { background: #14305e;  color: #9dd1ff; }
.assist-bar .spacing-section .spacing-normal { letter-spacing: normal; }
.assist-bar .spacing-section .spacing-medium { letter-spacing: 1px; }
.assist-bar .spacing-section .spacing-large { letter-spacing: 2px; }
.assist-bar .font-section .font-times { font-family: "Times New Roman", serif; }
.assist-bar .font-section .font-arial { font-family: Arial, 'Lucida Grande', sans-serif; }
@media (max-width: 560px) { .assist-bar .spacing-select { font-size: 0.8em; } }

@media (max-width: 1200px) { .assist-bar { height: 135px; }
.assist-bar > div { -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }
.assist-bar > div > div { flex-shrink: 0; }
.assist-bar > div > div.size-section { flex-basis: 120px; }
.assist-bar > div > div.color-section { flex-basis: 115px; }
.assist-bar > div > div.image-section { flex-basis: 100px; }
.assist-bar > div > div.speech-section { flex-basis: 150px; }
.assist-bar > div > div.spacing-section { flex-basis: 380px; }
.assist-bar > div > div.font-section { flex-basis: 240px; } }
@media (max-width: 720px) { .assist-bar { height: 200px; }
.assist-bar > div > div.spacing-section { order: 1; } }
@media (max-width: 560px) { .assist-bar { height: 260px; }
.assist-bar > div > div.speech-section span { white-space: nowrap; } }
.alert-glyph { color: inherit;  background-color: white;  border-width: 1px;  border-style: solid;  min-height: 70px; }

.alert-glyph > .glyphicon { font-size: 40px;  float: left;  display: inline-block;  padding: 0 25px 0 5px; }

.alert-info > .glyphicon { color: #4fc1e9; }

.alert-danger > .glyphicon { color: #ed5565; }

.alert-warning > .glyphicon { color: #ffce54; }

.alert-success > .glyphicon { color: #a0d468; }

@media (min-width: 768px) { #alertsContainer, #notification-container { position: fixed;  bottom: 0;  right: 0;  width: 400px;  padding: 5px;  z-index: 10000; } }