.qarr-hud {
  position: absolute;
  display: none;
  top: 0;
}
.qarr-hud .hud-name {
  display: flex;
  font-size: 12px;
  margin-bottom: 20px;
}
.qarr-hud .hud-name .qarr-lightswitch {
  margin-left: auto;
}
.qarr-hud .qarr-field {
  margin: 15px;
}
.qarr-hud .qarr-errors {
  padding-left: 20px;
}
.qarr-hud .qarr-errors li {
  color: #f07575;
  font-size: 12px;
  list-style-type: disc;
}
.qarr-hud .qarr-footer {
  display: flex;
  border-top: 1px solid #E9EFF4;
  transition: opacity 0.3s ease;
  padding: 0 !important;
}
.qarr-hud .qarr-footer > input {
  flex: 1;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 0;
}
.qarr-hud .qarr-footer > input:first-child {
  border-right: 1px solid #E9EFF4;
}
.qarr-hud .qarr-footer > input:hover {
  background: #E9EFF4;
}
.qarr-hud .qarr-footer .btn-modal.submit {
  margin-right: -5px;
}
.qarr-hud input[type=button], .qarr-hud input[type=submit] {
  display: block;
  outline: none;
  border: none;
  padding: 18px 0;
  margin: 0;
  height: 100%;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.qarr-hud.has-footer .tip-bottom {
  background-size: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQjQzM0E5RjJGREYwRDRCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTQwQTc3QUFGRDkxMUUzODhDRUU5ODk2NjIyRkY4NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTQwQTc3OUFGRDkxMUUzODhDRUU5ODk2NjIyRkY4NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTgyMkE5QkE5RTVBNjNGRDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMUI0MzNBOUYyRkRGMEQ0QkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4JIUaEAAABYElEQVR42tzZvU7DMBAHcDuqQKxQ0hfhCZhBgQ3xkoDEzEhCxQP0FfoBK0ulcH/VKQLa1InvLnFOukQ5e8gvucW2LcvSWGvNfLG6NMY8U56YYcUX5dUkHb/AmlRVFDDgJgwOWxUq8IgypYFZkef39CWiR8MAC0ywOeMGTO28ptsn5TrLrqdvRRE1Gu8OAywwweaMPy09FHQd9hd4COhD2H/gmNE+2J3gGNG+2L3gmNBNsLXgGNBNsQfBfUa3wXqB+4hui/UG9wkdgm0E7gM6FNsY3CWaA9sK3AWaC9sarInmxAaBNdDc2GCwJFoCywKWQEth2cCcaEksK5gDLY1lB4egNbAi4F3oPH+9q0NrYcXAf9G3N9n7PrQmVhTsg9bGioPr0F1gERbHD4vlh/hKZ5KOsRF+Sjl6eHy6SGySaGPT87MNGGdLSrFFu+ft31daXrqLfhxRHqPDlDcPzLcAAwDh69+wBz06LQAAAABJRU5ErkJggg==");
}
.qarr-hud .tip {
  position: absolute;
  z-index: 101;
  background: no-repeat 0 0;
}
.qarr-hud .tip-left {
  left: -15px;
  width: 15px;
  height: 30px;
  background-size: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQjQzM0E5RjJGREYwRDRCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMxNjcyMzUzMUMxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMxNjcyMjUzMUMxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4MjJBOUJBOUU1QTYzRkQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTFCNDMzQTlGMkZERjBENEJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L1uQBAAAAWVJREFUeNrE2UsKwjAQANCmLYJbFy7cCx7AveABxMMKLgs9jgdwJY2T2kIsbZPML4EQKYTXFNvMTIy1tsjRDHYi5oaNMTUMH/e7VFvhD90NN31RWbGH1jDvCOOzVFxp3TTN2aHQtwVlxaHuMOh76AdAb13Xve3QxOA1VAwOoSJwDMoOx6KscArKBqeiLDAGJcNY1BJ3JjRKgUkoFiajGJgFTYXZ0BSYFY2F2dEYWAQNwWLoGiyKLsHi6Bysgk5hNdSHVVEfVkVHeKONulaOiVtVVWp5lJ8x9o+6bdu75qP++3Np4bOvkwa++AGRxlc/mZJ4cJOQwqO2RQk8OhDgxpNCH048OdjjwlHhLQeODuipOCmFoeDkpA2Ls6SpGJwtMU/FWUsRKTh78SUWFyk3xeBiBbYQLlpSXMPFi6hLuErZeA5XK5RPcVF4DodrPZ7jMOQE40Pt3MnDXzD3mu3Ay+Q64vsKMACgQiYQ6noqTAAAAABJRU5ErkJggg==");
}
.qarr-hud .tip-top {
  top: -15px;
  width: 30px;
  height: 15px;
  background-size: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQjQzM0E5RjJGREYwRDRCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOEIzMUM0QzUzMUIxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOEIzMUM0QjUzMUIxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4MjJBOUJBOUU1QTYzRkQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTFCNDMzQTlGMkZERjBENEJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fbhSnQAAAQRJREFUeNrc2b0OgjAQB/AeEI2rg4PP4YyzC/FtGYmMPoyjLoR6JcWwyUd7H73knyZluP5yG2estYahdpg9BiibOmtBDHX9jv501WFe/iQpoJowAPywTdNc8jzPyrJ8jmh8R0c25tjxEz1hzoit+r5/u7Rte3d3/ltB8hYOrPXFgWbDcqFZsRxodiw1WgSWEi0GS4UWhaVAi8PGRovExkSLxcZCi8ZO0a5HCLR4bGi0CmxItBpsKLQqbAi0OuxWtErsFrRa7Fq0auwatHrsUnQS2CXoZLBz0Ulh56CTw/5DD5sHABh/yl/xqDEHk0Z9MDf0PcalQzbZQKSGNd5Se9tQXwEGAKc/Zrrc4XOVAAAAAElFTkSuQmCC");
}
.qarr-hud .tip-right {
  right: -15px;
  width: 15px;
  height: 30px;
  background-size: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQjQzM0E5RjJGREYwRDRCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyMTgwNjUzMUMxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMxNjcyNjUzMUMxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4MjJBOUJBOUU1QTYzRkQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTFCNDMzQTlGMkZERjBENEJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yTdPSgAAAWJJREFUeNrE2csKglAQBmBHJWjbokXP0T5oF0T0ti0FnyLoHVq2Cm0EEyMv5zL/rzB4cPM5RjozR+q6TpY4pLfO9SbeLDhV7NCuNyKS0zJW+KXnk6IPPTcZPxmZpxprjVtRFPvmcdMyr9ujqqqX4he9tNPYtr95gooOZuM/MBP/g1n4IMzAR2E0Pgkj8VkYhTvBCNwZtsa9YEvcG7bCg2ALPBiOxaPgGDwaDsVN4BDcDPbFTWEf3Bx2xSGwCw6D53AoPIXD4RGcAw/gq5TZIWZZlnbNIivbsiyvvUctyQJoTvk7DaHwF8gYCn1lTqGwj8QcCvksuqDmhYAralr6+KBmxZ4valLehqDRBX0oGtXCxKDBTVssGtSmWqDejbkV6jWKsESdhy/WqNO4CYHODthQ6ORIEYmODlHR6ODYmIH+wEy0D1PRJr6bIWcRuTM3Qxr92C4pmXYZL7XhJUtt8X0EGAC+LAavee3q6gAAAABJRU5ErkJggg==");
}
.qarr-hud .tip-bottom {
  bottom: -15px;
  width: 30px;
  height: 15px;
  background-size: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQjQzM0E5RjJGREYwRDRCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMzMjE4OTUzMUMxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMzMjE4ODUzMUMxMUUyQTM4REFBQkFDOUM2NDMwNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4MjJBOUJBOUU1QTYzRkQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTFCNDMzQTlGMkZERjBENEJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3IySwgAAAU5JREFUeNrc2bGOwjAMBmCHIk63MjDwHDd3YD4h5ntOZiq1G0/AU9wIC2qxq4SBO9o0sd2mln61STr4S0ebpmnAGAP43AHAEfMJ86ob5huNJ7Iu3C5t0IH9YHZYt+HAS8wGDy5VVf3gTSSPJgNZyEQ2a2wP2jg0ZluW5aGu62uTaFHvZCCLwz6d7mUu6C7sH3Dq6D7sv+BU0T7Yt+DU0L7YTnAq6CHYXvDU0UOxXuCpokOw3uCpoUOxg8BTQcdgB4PHRsdig8BjoTmwwWBtNBc2CqyF5sRGg6XR3FgWsBRaAssG5kZLYVnBXGhJLDs4Fi2NFQGHojWwYuBXdFEU+y60FlYU7IvWxIqD+9DaWBXwO/QY2HbKYhsSL2MModcEQ/RXlmWLPM/PuL5jfrGPu0ofbrakVE+0XbdY+9SYRgBo/eGXWmE+6MKVxy/wEGAAVyqmoouNQMMAAAAASUVORK5CYII=");
}
.qarr-hud .qarr-hub-success-message span {
  display: block;
  font-size: 12px;
  line-height: normal;
  color: #474747;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.qarr-hud .qarr-hub-success-message span:first-child {
  padding-bottom: 4px;
}

.qarr-hud {
  z-index: 100;
  box-sizing: border-box;
}

.qarr-hud .body {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5);
}

.hud-header:after,
.hud-footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hud-header {
  border-radius: 5px 5px 0 0;
  padding: 24px;
  background: #E9EFF4;
}
.hud-header h1 {
  margin: 0;
}

.qarr-hud .hud-footer {
  border-radius: 0 0 5px 5px;
  background: #E9EFF4;
}

.hud .main {
  padding: 24px;
  overflow: hidden;
  box-sizing: border-box;
}

.hud-shade {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.hud .hud-header {
  padding: 7px 24px;
}

.hud .body {
  overflow: hidden;
}
.hud .body ::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
}
.hud .body ::-webkit-scrollbar:vertical {
  width: 11px;
}
.hud .body ::-webkit-scrollbar:horizontal {
  height: 11px;
}
.hud .body ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid transparent;
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: content-box;
}
.hud .body ::-webkit-scrollbar-track {
  background-color: #E9EFF4;
}

.qarr-lightswitch {
  position: relative;
  border: none !important;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: box-shadow linear 100ms;
}
.qarr-lightswitch:not(.small) {
  border-radius: 11px;
  width: 33px;
  height: 22px;
}
.qarr-lightswitch:not(.small) .lightswitch-container {
  margin-left: -11px;
  width: 44px;
}
.qarr-lightswitch:not(.small) .label {
  width: 22px;
  height: 22px;
}
.qarr-lightswitch:not(.small) .label.on {
  border-radius: 11px 0 0 11px;
}
.qarr-lightswitch:not(.small) .label.off {
  border-radius: 0 11px 11px 0;
}
.qarr-lightswitch:not(.small) .handle {
  border-radius: 10px;
  margin: 1px -10px;
  width: 20px;
  height: 20px;
}
.qarr-lightswitch.small {
  border-radius: 9px;
  width: 27px;
  height: 18px;
}
.qarr-lightswitch.small .lightswitch-container {
  margin-left: -9px;
  width: 36px;
}
.qarr-lightswitch.small .label {
  width: 18px;
  height: 18px;
}
.qarr-lightswitch.small .label.on {
  border-radius: 9px 0 0 9px;
}
.qarr-lightswitch.small .label.off {
  border-radius: 0 9px 9px 0;
}
.qarr-lightswitch.small .handle {
  border-radius: 8px;
  margin: 1px -8px;
  width: 16px;
  height: 16px;
}
table .qarr-lightswitch {
  display: inline-block;
  margin-bottom: -5px;
}
.qarr-lightswitch:focus {
  outline: none;
}
.qarr-lightswitch.on .lightswitch-container {
  margin-left: 0;
}
.qarr-lightswitch .label {
  float: left;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.qarr-lightswitch .label.on, .qarr-lightswitch:not(.dragging).on .label.off {
  background: #B289EF;
}
.qarr-lightswitch .label.off, .qarr-lightswitch:not(.dragging):not(.on) .label.on {
  background: #E9EFF4;
}
.qarr-lightswitch .handle {
  position: relative;
  float: left;
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.qarr-modal {
  position: fixed;
  width: 66%;
  height: 66%;
  min-width: 600px;
  min-height: 400px;
  overflow: hidden;
  z-index: 100;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5);
}
.qarr-modal.fitted {
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
}
.qarr-modal .qarr-header {
  padding: 25px;
  background: #E9EFF4;
  font-weight: 600;
  transition: opacity 0.3s ease;
}
.qarr-modal .qarr-body {
  padding: 25px;
  overflow: auto;
  height: calc(100% - 126px);
  box-sizing: border-box;
  transition: opacity 0.3s ease;
}
.qarr-modal .qarr-body .qarr-modal-message {
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: #474747;
}
.qarr-modal .qarr-body .qarr-errors {
  padding-left: 20px;
}
.qarr-modal .qarr-body .qarr-errors li {
  color: #f07575;
  font-size: 12px;
  list-style-type: disc;
}
.qarr-modal .qarr-footer {
  display: flex;
  border-top: 1px solid #E9EFF4;
  transition: opacity 0.3s ease;
}
.qarr-modal .qarr-footer > input {
  flex: 1;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 0;
}
.qarr-modal .qarr-footer > input:first-child {
  border-right: 1px solid #E9EFF4;
}
.qarr-modal .qarr-footer > input:hover {
  background: #E9EFF4;
}
.qarr-modal.has-sent {
  transition: height 0.3s ease;
}
.qarr-modal.has-sent .qarr-footer {
  display: none;
}
.qarr-modal .qarr-form-submitted {
  font-weight: 600;
  font-size: 16px;
  color: #474747;
  text-align: center;
  padding: 14px;
}
.qarr-modal input[type=button], .qarr-modal input[type=submit] {
  display: block;
  outline: none;
  border: none;
  padding: 18px 0;
  margin: 0;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.qarr-star-container {
  display: flex;
  align-items: center;
  border: 2px solid #E9EFF4;
  border-radius: 5px;
  margin-bottom: 10px;
}
.qarr-star-container:hover div svg {
  fill: #FFD012;
}
.qarr-star-container svg {
  width: 25px;
  height: 25px;
  fill: rgba(255, 208, 18, 0.2);
}
.qarr-star-container > .qarr-star {
  flex: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.qarr-star-container > .qarr-star svg {
  transition: all 0.3s ease;
  fill: rgba(0, 0, 0, 0.2);
}
.qarr-star-container > .qarr-star:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.qarr-star-container > .qarr-star:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.qarr-star-container > .qarr-star:hover svg {
  fill: #FFD012;
}
.qarr-star-container > .qarr-star:hover ~ .qarr-star {
  background-color: white;
}
.qarr-star-container > .qarr-star:hover ~ .qarr-star svg {
  fill: rgba(0, 0, 0, 0.2);
}
.qarr-star-container > .qarr-star:hover ~ .qarr-star.selected svg, .qarr-star-container > .qarr-star:hover ~ .qarr-star.active svg {
  fill: rgba(255, 208, 18, 0.3);
}
.qarr-star-container .selected svg, .qarr-star-container .active svg {
  fill: #FFD012;
}

.qarr-modal-shade {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.qarr-modal-shade:not(.dark) {
  background: rgba(255, 255, 255, 0.75) !important;
}
.qarr-modal-shade.dark {
  background: rgba(0, 0, 0, 0.75) !important;
}

.qarr-field {
  margin-bottom: 15px;
}
.qarr-field.has-error input[type=text], .qarr-field.has-error input[type=url], .qarr-field.has-error textarea {
  border-color: #f07575;
}
.qarr-field input[type=text], .qarr-field input[type=url], .qarr-field textarea {
  display: block;
  width: 100%;
  height: 100%;
  color: black;
  background-color: transparent;
  box-sizing: border-box;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  padding: 15px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  resize: none;
  transition: all 0.3s ease;
  border: 2px solid #E9EFF4;
  border-radius: 6px;
}
.qarr-field input[type=text]:focus, .qarr-field input[type=url]:focus, .qarr-field textarea:focus {
  border-color: #B289EF;
}
.qarr-field.qarr-custom-select select {
  height: auto;
  padding: 14px 16px;
}
.qarr-field select {
  width: 100%;
  height: 51px;
  border: 2px solid #E9EFF4;
  padding: 0 16px;
  border-radius: 5px;
  color: black;
}
.qarr-field .qarr-label, .qarr-field label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
}
.qarr-field .multiselect select {
  height: auto;
  padding: 10px;
}
.qarr-field.custom-field label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
}
.qarr-field.custom-field .qarr-input-icon {
  position: absolute;
  z-index: 2;
  stroke: none;
  fill: #3F4656;
  display: block;
  right: 16px;
  top: 50%;
  opacity: 0.2;
  cursor: pointer;
  transform: translate(0, -50%);
  transition: opacity 0.4s ease;
}
.qarr-field.custom-field .qarr-input-icon svg {
  width: 14px;
  height: 14px;
}
.qarr-field.custom-field .qarr-error-icon {
  position: absolute;
  right: -1px;
  bottom: -5px;
  display: block;
  opacity: 0;
  stroke: none;
  z-index: 5;
  fill: #EB3E60;
  transform: scale(0.4);
  transition: all 0.3s ease;
}
.qarr-field.custom-field .qarr-error-icon svg {
  width: 14px;
  height: 14px;
}
.qarr-field .checkbox-group input, .qarr-field .checkbox-group label, .qarr-field .radio-group input, .qarr-field .radio-group label {
  margin: 0 5px 0 0;
}
.qarr-field .checkbox-group div, .qarr-field .radio-group div {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.qarr-field .checkbox-group div label, .qarr-field .radio-group div label {
  font-weight: 500;
  font-size: 12px;
  position: relative;
  padding-left: 35px;
}
.qarr-field .checkbox-group div label:before, .qarr-field .checkbox-group div label:after, .qarr-field .radio-group div label:before, .qarr-field .radio-group div label:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
}
.qarr-field .checkbox-group div label:before, .qarr-field .radio-group div label:before {
  border: 2px solid #E9EFF4;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.qarr-field .checkbox-group div label:after, .qarr-field .radio-group div label:after {
  opacity: 0;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 4px;
  background: #B289EF;
  border-radius: 2px;
  transition: opacity 0.3s ease;
}
.qarr-field .checkbox-group div label.selected:after, .qarr-field .radio-group div label.selected:after {
  opacity: 1;
}
.qarr-field .checkbox-group div input[type=checkbox], .qarr-field .checkbox-group div input[type=radio], .qarr-field .radio-group div input[type=checkbox], .qarr-field .radio-group div input[type=radio] {
  display: none;
}
.qarr-field .checkbox-group div input[type=checkbox]:checked + label:after, .qarr-field .checkbox-group div input[type=radio]:checked + label:after, .qarr-field .radio-group div input[type=checkbox]:checked + label:after, .qarr-field .radio-group div input[type=radio]:checked + label:after {
  opacity: 1;
}
.qarr-field .radio-group label:before, .qarr-field .radio-group label:after {
  border-radius: 50% !important;
}

.qarr-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100px;
  height: 100px;
  margin: auto;
  pointer-events: none;
  opacity: 0;
}
.qarr-loader.active {
  opacity: 1;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
}

.lds-ellipsis div {
  position: absolute;
  top: -9px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

/*
* ===========================================
* QARR Tabs Container
* ===========================================
*
*/
#qarr-display-container {
  margin: 50px 0;
}
#qarr-display-container a {
  text-decoration: none !important;
}
#qarr-display-container .qarr-tab-links {
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #E9EFF4;
}
#qarr-display-container .qarr-tab-links a {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #474747;
  padding: 0 15px;
  text-decoration: none;
}
#qarr-display-container .qarr-tab-links a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
}
#qarr-display-container .qarr-tab-links a.active {
  color: #966df3;
}
#qarr-display-container .qarr-tab-links a.active:after {
  background: #B289EF;
}
#qarr-display-container .qarr-tab-container {
  position: relative;
}
#qarr-display-container .qarr-tab-content {
  display: none;
}
#qarr-display-container .qarr-tab-content.active {
  display: block;
}

/*
* ===========================================
* QARR Tab Header
* ===========================================
*
*/
.qarr-element-title {
  font-weight: 400;
  font-size: 28px;
}

.qarr-tab-header {
  display: flex;
  border-bottom: 2px solid #E9EFF4;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.qarr-tab-header .qarr-overall-rating {
  margin-right: 30px;
}
.qarr-tab-header .qarr-overall-rating .qarr-callouts-label {
  font-weight: 300;
  font-size: 12px;
  color: #474747;
  text-transform: uppercase;
}
.qarr-tab-header .qarr-overall-rating .qarr-callouts-value {
  font-weight: 400;
  font-size: 28px;
  color: #474747;
  line-height: normal;
}
.qarr-tab-header .qarr-overall-rating .qarr-pipe {
  font-weight: 300;
  font-size: 18px;
  padding: 0 3px;
  color: #adadad;
}
.qarr-tab-header .qarr-overall-rating .qarr-stars {
  display: flex;
  align-items: center;
  line-height: normal;
  padding: 0 0 10px 0;
}
.qarr-tab-header .qarr-overall-rating .qarr-stars svg {
  width: 25px;
  height: 25px;
  fill: rgba(255, 208, 18, 0.2);
}
.qarr-tab-header .qarr-overall-rating .qarr-stars > div {
  padding: 0 3px;
}
.qarr-tab-header .qarr-overall-rating .qarr-stars > div.active svg {
  fill: #FFD012;
}
.qarr-tab-header .qarr-overall-rating .qarr-stars .qarr-star-count {
  font-size: 12px;
  color: #adadad;
  padding-top: 3px;
}
.qarr-tab-header .qarr-btn {
  position: relative;
  display: inline-flex;
  outline: none;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.05em;
  color: #474747;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s ease;
  background: #E9EFF4;
}
.qarr-tab-header .qarr-btn:hover {
  color: white;
  background: #474747;
}
.qarr-tab-header .qarr-header-actions {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.qarr-tab-header .qarr-header-actions a {
  display: block;
  width: 100%;
}

/*
* ===========================================
* QARR Filters
* ===========================================
*
*/
.qarr-filer-actions {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #E9EFF4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.qarr-filer-actions .qarr-filter-title {
  font-weight: 500;
  font-size: 12px;
  margin-right: 10px;
}
.qarr-filer-actions .qarr-field {
  margin-bottom: 0;
}

/*
* ===========================================
* QARR Star Filter
* ===========================================
*
*/
.qarr-filter-item {
  display: flex;
  text-decoration: none;
}
.qarr-filter-item.not-active {
  cursor: default;
  pointer-events: none;
}
.qarr-filter-item.active {
  border: 1px solid #b3d7ff;
  border-radius: 5px;
}
.qarr-filter-item.active:hover:not(.not-active) {
  transform: scale(1);
}
.qarr-filter-item.active:hover:not(.not-active) .qarr-filter-count {
  color: #4da1ff;
}
.qarr-filter-item:hover:not(.not-active) {
  transform: scale(1.1);
}
.qarr-filter-item:hover:not(.not-active) .qarr-filter-count {
  color: #4da1ff;
}
.qarr-filter-item .qarr-filter-count {
  font-weight: 600;
  font-size: 10px;
  line-height: 19px;
  padding-right: 5px;
  color: #7a7a7a;
  transition: all 0.3s ease;
}

.qarr-filter-stars {
  display: flex;
  padding: 5px 0;
  margin-right: 5px;
  transition: all 0.3s ease;
}
.qarr-filter-stars .qarr-star {
  display: flex;
  font-size: 14px;
  padding: 0 3px;
  line-height: normal;
  height: 10px;
}
.qarr-filter-stars .qarr-star svg {
  width: 9px;
  height: 9px;
}
.qarr-filter-stars .qarr-star svg {
  fill: rgba(255, 208, 18, 0.2);
}
.qarr-filter-stars .qarr-star.active svg {
  fill: #FFD012;
}

/*
* ===========================================
* QARR Entries Container
* ===========================================
*
*/
.qarr-entries-body {
  position: relative;
}
.qarr-entries-body .qarr-entries-footer {
  display: flex;
  border-top: 1px solid #E9EFF4;
}
.qarr-entries-body .qarr-copyright {
  margin-left: auto;
  padding: 10px 0;
}
.qarr-entries-body .qarr-copyright a {
  font-weight: 400;
  font-size: 10px;
  line-height: normal;
  color: #a5a6a8;
  text-decoration: none;
  transition: all 0.3s ease;
}
.qarr-entries-body .qarr-copyright a:hover {
  color: #474747;
}

.qarr-entries-container {
  transition: opacity 0.3s ease;
}
.qarr-entries-container.transition {
  opacity: 0.1;
}
.qarr-entries-container .qarr-entries-set:last-child div:last-child {
  border: none;
}
.qarr-entries-container .qarr-entry-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E9EFF4;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-name {
  font-size: 14px;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-stars {
  display: flex;
  padding: 5px 0;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-stars .qarr-entry-star {
  font-size: 14px;
  padding: 0 3px;
  line-height: normal;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-stars .qarr-entry-star svg {
  width: 15px;
  height: 15px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-stars .qarr-entry-star svg {
  fill: rgba(255, 208, 18, 0.2);
}
.qarr-entries-container .qarr-entry-item .qarr-entry-stars .qarr-entry-star.active svg {
  fill: #FFD012;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-posted-date {
  font-style: italic;
  font-size: 11px;
  line-height: normal;
  color: #adadad;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-label {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: normal;
  text-transform: uppercase;
  min-width: 110px;
  max-width: 110px;
  padding-top: 3px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-label a {
  color: #B289EF;
  display: inline-block;
  text-decoration: none;
  text-transform: none;
  font-size: 10px;
  letter-spacing: normal;
  margin-top: 5px;
  transition: all 0.3s ease;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-label a:hover {
  color: #966df3;
}
.qarr-entries-container .qarr-entry-item .qarr-login-text {
  font-weight: 400;
  font-size: 10px;
  line-height: normal;
  color: #adadad;
  margin-top: 15px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-question, .qarr-entries-container .qarr-entry-item .qarr-entry-answers-container {
  display: flex;
  align-items: flex-start;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-content {
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: black;
  padding: 15px 0 10px 0;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-container {
  margin-top: 10px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-container .qarr-entry-ar-text {
  display: block;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-container .qarr-entry-answer-author {
  display: block;
  font-weight: 500;
  font-size: 10px;
  color: #949494;
  margin-top: 2px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-additional-data {
  margin-top: 10px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-additional-data .qarr-entry-more-answers-container {
  display: none;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-additional-data a {
  font-weight: 400;
  font-size: 10px;
  color: #966df3;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-additional-data a:hover {
  color: #B289EF;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-answers-additional-data .qarr-entry-more-answers-container > div {
  margin-bottom: 15px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-admin-response {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: black;
  padding: 15px;
  border-radius: 5px;
  background: #E9EFF4;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-admin-response .qarr-entry-ar-title {
  font-weight: 400;
  font-size: 10px;
  line-height: normal;
  margin-bottom: 10px;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-report-abuse-container a, .qarr-entries-container .qarr-entry-item .qarr-entry-report-abuse-container span {
  font-weight: 400;
  font-size: 10px;
  color: #c7c7c7;
  transition: all 0.3s ease;
}
.qarr-entries-container .qarr-entry-item .qarr-entry-report-abuse-container a:hover, .qarr-entries-container .qarr-entry-item .qarr-entry-report-abuse-container span:hover {
  color: gray;
}
.qarr-entries-container .qarr-entry-item .qarr-admin-response {
  display: inline-block;
  padding: 20px;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid #E9EFF4;
  background: rgba(233, 239, 244, 0.2);
}
.qarr-entries-container .qarr-entry-empty {
  font-weight: 600;
  font-size: 12px;
  line-height: normal;
  color: #474747;
  padding: 20px 0 40px 0;
}

/*
* ===========================================
* QARR Entries Pagination
* ===========================================
*
*/
.qarr-pagination {
  display: flex;
  margin-top: 20px;
  padding-top: 20px;
}
.qarr-pagination .qarr-pager-container {
  display: flex;
}
.qarr-pagination .qarr-pager-container .qarr-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  border: 1px solid #E9EFF4;
  border-radius: 5px;
  color: #474747;
  transition: background 0.3s ease;
}
.qarr-pagination .qarr-pager-container .qarr-pager:hover {
  background: #E9EFF4;
}
.qarr-pagination .qarr-pager-container .qarr-pager.current-pager {
  background: #E9EFF4;
  color: #4a7294;
}
.qarr-pagination .qarr-pager-container .qarr-pager.pager-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.qarr-pagination .qarr-pager-container .qarr-pager.qarr-pager-infinite {
  width: auto;
  height: auto;
  padding: 10px 20px;
  font-size: 12px;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@-webkit-keyframes qarr-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes qarr-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}