@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0 auto;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

div, li, article, section, header, aside,
footer, nav {
  position: relative;
}

html {
  height: 100%;
}

body {
  line-height: 1;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

body, body:after, body:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: inherit;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  display: inline-block;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  /*height:1px;*/
  height: 0px;
  border: 0;
  border-top: 1px solid #cccccc;
  /*margin:1em 0;*/
  padding: 0;
}

i {
  display: inline-block;
  vertical-align: middle;
}

ul {
  display: inline-block;
  list-style: none;
}

input, select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

input[type=button]:disabled,
input[type=submit]:disabled,
button:disabled {
  cursor: default;
}

/* 1. Define your breakpoints by content (em for accessibility) */
/* 75em = 1200px, 62em = 992px, 48em = 768px, 36em = 576px */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 13px;
  }
}

.rtl .u-hide-on-ltr {
  display: block;
}
.rtl .u-hide-on-rtl {
  display: none;
}

.ltr .u-hide-on-ltr {
  display: none;
}
.ltr .u-hide-on-rtl {
  display: block;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                 Classoos Shared UI Elements                                     */
/*-------------------------------------------------------------------------------------------------*/
.cl-notification {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 6px;
  border: solid 1px;
  border-inline-start-width: 6px;
  margin: 0;
}
.cl-notification__top-section {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
.cl-notification__icon {
  flex-shrink: 0;
  margin-inline-end: 1rem;
  font-size: 1.25rem;
  align-self: flex-start;
}
.cl-notification__content {
  flex-grow: 1;
}
.cl-notification__main-text {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-block-end: 0.25rem;
}
.cl-notification__main-text > div {
  margin-block-end: 0.25rem;
}
.cl-notification__main-text > div:last-child {
  margin-block-end: 0;
}
.cl-notification__sub-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.2rem;
}
.cl-notification__sub-text * {
  margin: 0;
}
.cl-notification__actions {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  height: 50px;
  margin-block-start: 2rem;
}
.cl-notification__actions cl-button {
  flex-shrink: 0;
  height: 50px;
}
@media screen and (max-width: 36em) {
  .cl-notification__actions {
    flex-direction: column;
    height: auto;
  }
}
.cl-notification__close {
  flex-shrink: 0;
  margin-inline-start: 1rem;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.15s ease-in-out;
}
.cl-notification__close:hover {
  opacity: 1;
}
.cl-notification--info {
  background-color: #F4FCFF;
  border-color: #0099d9;
}
.cl-notification--info .cl-notification__icon {
  color: #0099d9;
}
.cl-notification--success {
  background-color: #e5f9e5;
  border-color: #05b380;
}
.cl-notification--success .cl-notification__icon {
  color: #05b380;
}
.cl-notification--warning {
  background-color: #ffd9b3;
  border-color: #FF9933;
}
.cl-notification--warning .cl-notification__icon {
  color: #FF9933;
}
.cl-notification--error {
  background-color: #fedbdb;
  border-color: #d82222;
}
.cl-notification--error .cl-notification__icon {
  color: #d82222;
}
.cl-notification--large {
  padding: 2rem;
}
.cl-notification--large .cl-notification__icon {
  margin-inline-end: 1rem;
  font-size: 1.5rem;
}
.cl-notification--large .cl-notification__main-text {
  margin-block-end: 1.5rem;
}
.cl-notification--large .cl-notification__sub-text {
  font-size: 1rem;
  gap: 1.5rem;
  line-height: 1.5rem;
}
.cl-notification--large .cl-notification__actions {
  margin-block-start: 1.5rem;
  gap: 1rem;
}
.cl-notification--large .cl-notification__close {
  margin-inline-start: 1.5rem;
}

cl-internal-logo-page {
  display: block;
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 36em) {
  cl-internal-logo-page {
    margin-bottom: 200px;
  }
}

.cl-internal-logo-page {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-height: 100%;
  width: 100%;
}
.cl-internal-logo-page__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  padding: 1.5rem 0;
  width: 100%;
}
.cl-internal-logo-page__logo {
  height: 3.75rem;
  width: 15rem;
}
@media screen and (max-width: 36em) {
  .cl-internal-logo-page__logo {
    height: 42px;
    width: 170px;
  }
  .cl-internal-logo-page__logo img {
    height: 42px;
    width: 170px;
  }
}
.cl-internal-logo-page__title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.cl-internal-logo-page__content {
  background-color: #ffffff;
  border: solid 1px #dee2e6;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 3.125rem 5.625rem;
  width: 56.25rem;
}
.cl-internal-logo-page__content--no-border {
  background-color: #f2f2f2;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.cl-internal-logo-page__body {
  width: 100%;
}
@media screen and (max-width: 62em) {
  .cl-internal-logo-page__content {
    width: 90%;
    max-width: 43.75rem;
    padding: 2.5rem 0;
  }
  .cl-internal-logo-page__body {
    width: 85%;
    max-width: 37.5rem;
  }
}
@media screen and (max-width: 36em) {
  .cl-internal-logo-page {
    gap: 1.5rem;
  }
  .cl-internal-logo-page__header {
    gap: 0.5rem;
    padding: 0;
  }
  .cl-internal-logo-page__title {
    font-size: 1.125rem;
  }
  .cl-internal-logo-page__content {
    padding: 0;
    width: 100%;
  }
  .cl-internal-logo-page__content:not(.cl-internal-logo-page__content-keep-mobile-bg) {
    background-color: #f2f2f2;
    border: none;
    border-radius: unset;
    box-shadow: unset;
  }
  .cl-internal-logo-page__content:not(.cl-internal-logo-page__content-keep-mobile-bg) .cl-internal-logo-page__body {
    padding: 0.25rem;
  }
  .cl-internal-logo-page__body {
    padding: 1.5rem;
    width: 100%;
  }
}

.cl-divider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  .cl-divider {
    flex-direction: row;
    margin: 1.25rem 0;
    height: auto;
  }
}
.cl-divider__line {
  width: 1px;
  background-color: #ccc;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .cl-divider__line {
    width: 100%;
    height: 1px;
  }
}
.cl-divider__text {
  margin: 0.625rem 0;
  color: #ffffff;
  background-color: #0099d9;
  border-radius: 50%;
  font-size: 1rem;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  vertical-align: middle;
  z-index: 1;
  box-sizing: border-box;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .cl-divider__text {
    margin: 0 0.625rem;
  }
}

cl-button {
  display: inline-block;
}

.cl-button {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "OpenSans", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  border: none;
  outline: none;
  padding: 0 1.5rem;
  position: relative;
  overflow: hidden;
}
.cl-button .cl-button__text {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}
.cl-button:focus {
  outline: 2px solid #0099d9;
  outline-offset: 2px;
}
.cl-button:active:not(.cl-button-disabled):not(.cl-button-loading) {
  transform: scale(0.97);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cl-button.clicked::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
  opacity: 0;
  transform: scale(2);
  animation: ripple 0.5s ease-out;
}
@keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.cl-button.cl-button-sm {
  height: 30px;
  width: auto;
  font-size: 0.875rem;
}
.cl-button.cl-button-md {
  height: 40px;
  width: auto;
  font-size: 1rem;
}
.cl-button.cl-button-lg {
  height: 50px;
  width: auto;
  font-size: 1.125rem;
}
.cl-button.cl-button-primary {
  background-color: #0099d9;
  color: #ffffff;
}
.cl-button.cl-button-primary:focus {
  outline: 2px solid white;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #0099d9;
}
.cl-button.cl-button-primary:hover:not(.cl-button-disabled) {
  background-color: #0075a6;
}
.cl-button.cl-button-secondary {
  background-color: #f2f2f2;
  color: #333333;
}
.cl-button.cl-button-secondary:hover:not(.cl-button-disabled) {
  background-color: #d9d9d9;
}
.cl-button.cl-button-action {
  background-color: #ff9800;
  color: #f2f2f2;
}
.cl-button.cl-button-action:hover:not(.cl-button-disabled) {
  background-color: #cc7a00;
}
.cl-button.cl-button-success {
  background-color: #4CAF50;
  color: #ffffff;
}
.cl-button.cl-button-success:hover:not(.cl-button-disabled) {
  background-color: #3d8b40;
}
.cl-button.cl-button-danger {
  background-color: #f44336;
  color: #ffffff;
}
.cl-button.cl-button-danger:hover:not(.cl-button-disabled) {
  background-color: #ea1c0d;
}
.cl-button.cl-button-no-fill {
  background-color: #ffffff;
  color: #999999;
  border: 1px solid #dddddd;
}
.cl-button.cl-button-no-fill:hover:not(.cl-button-disabled) {
  background-color: #f2f2f2;
}
.cl-button.cl-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.cl-button.cl-button-text-bold {
  font-weight: 700;
}
.cl-button.cl-button-text-bold .cl-button__text {
  font-weight: 700;
}
.cl-button .cl-button__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.cl-button .cl-button__content.cl-button__content--with-icon {
  justify-content: flex-start;
}
.cl-button.cl-button-loading {
  cursor: wait;
}
.cl-button.cl-button-loading .cl-button__loader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cl-button.cl-button-loading .cl-button__loader i.fa-spinner {
  margin-inline-end: 0.25rem;
}
.cl-button.cl-button-loading .cl-button__loader .cl-button__loading-text {
  display: inline-block;
}

.cl-button.cl-button-image-wrapper {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #333333;
}
.cl-button.cl-button-image-wrapper:hover:not(.cl-button-disabled) {
  background-color: #f8f8f8;
  border-color: #cccccc;
}
.cl-button.cl-button-image-wrapper:focus {
  outline: 2px solid #0099d9;
  outline-offset: 2px;
}
.cl-button.cl-button-image-wrapper.cl-button-sm {
  height: auto;
  min-height: 60px;
}
.cl-button.cl-button-image-wrapper.cl-button-md {
  font-size: 1.125rem;
  height: auto;
  min-height: 80px;
}
.cl-button.cl-button-image-wrapper.cl-button-lg {
  font-size: 1.25rem;
  height: auto;
  min-height: 100px;
}
.cl-button.cl-button-image-wrapper.cl-button-parent {
  font-size: inherit;
  height: 100%;
  width: 100%;
}
.cl-button.cl-button-image-wrapper.cl-button-parent .cl-button-content {
  height: 100%;
}
.cl-button.cl-button-image-wrapper.cl-button-parent .cl-button-image {
  height: 50%;
}
.cl-button.cl-button-image-wrapper.cl-button-image-gray {
  background-color: #eeeeee;
  border: 1px solid #dddddd;
}
.cl-button.cl-button-image-wrapper.cl-button-image-gray:hover:not(.cl-button-disabled) {
  background-color: #ebebeb;
  border-color: #cccccc;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-horizontal .cl-button-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-horizontal .cl-button-content .cl-button-image {
  flex-shrink: 0;
  height: 24px;
  margin-inline-end: 0.5rem;
  object-fit: contain;
  width: 24px;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-horizontal .cl-button-content .cl-button-text {
  flex-grow: 1;
  text-align: start;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-horizontal.cl-button-parent .cl-button-content .cl-button-image {
  height: 50% !important;
  width: auto;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical {
  padding: 1rem 1rem;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical .cl-button-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical .cl-button-content .cl-button-image {
  margin-block-end: 0.5rem;
  max-height: 36px;
  object-fit: contain;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical .cl-button-content .cl-button-text {
  text-align: center;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical.cl-button-parent .cl-button-content .cl-button-image {
  height: 50% !important;
  max-height: none;
  width: auto;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical.cl-button-sm {
  height: auto;
  min-height: 60px;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical.cl-button-md {
  height: auto;
  min-height: 80px;
}
.cl-button.cl-button-image-wrapper.cl-button-layout-vertical.cl-button-lg {
  height: auto;
  min-height: 100px;
}

.cl-user-profile {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  align-items: center;
}
.cl-user-profile__image-container {
  position: relative;
  flex-shrink: 0;
  margin: 0;
}
.cl-user-profile__image {
  width: 3rem;
  height: 3rem;
  margin: 0;
  border: 1px solid #dddddd;
  border-radius: 50%;
}
.cl-user-profile__initials {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}
.cl-user-profile__info {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.cl-user-profile__name {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
}
.cl-user-profile__name--placeholder {
  color: #999;
  font-style: italic;
}
.cl-user-profile__sub-text {
  margin-top: 4px;
  font-size: 0.875rem;
  color: #666;
}
.cl-user-profile--small {
  gap: 0.5rem;
}
.cl-user-profile--small .cl-user-profile__image,
.cl-user-profile--small .cl-user-profile__initials {
  width: 24px;
  height: 24px;
}
.cl-user-profile--small .cl-user-profile__initials {
  font-size: 10px;
}
.cl-user-profile--small .cl-user-profile__name {
  font-size: 0.875rem;
}
.cl-user-profile--small .cl-user-profile__sub-text {
  margin-top: 2px;
  font-size: 0.75rem;
}
.cl-user-profile--large {
  gap: 1rem;
}
.cl-user-profile--large .cl-user-profile__image,
.cl-user-profile--large .cl-user-profile__initials {
  width: 5rem;
  height: 5rem;
}
.cl-user-profile--large .cl-user-profile__initials {
  font-size: 1.5rem;
}
.cl-user-profile--large .cl-user-profile__name {
  font-size: 1.5rem;
}
.cl-user-profile--large .cl-user-profile__sub-text {
  margin-top: 6px;
  font-size: 1rem;
}
@media screen and (max-width: 36em) {
  .cl-user-profile--large .cl-user-profile__image,
.cl-user-profile--large .cl-user-profile__initials {
    width: 3rem;
    height: 3rem;
  }
  .cl-user-profile--large .cl-user-profile__initials {
    font-size: 12px;
  }
  .cl-user-profile--large .cl-user-profile__name {
    font-size: 1rem;
  }
  .cl-user-profile--large .cl-user-profile__sub-text {
    font-size: 0.875rem;
  }
}
.cl-user-profile--compact .cl-user-profile__name {
  font-weight: 500;
  font-size: 0.875rem;
}

.cl-modal-window .modal-dialog {
  margin: 1rem;
  max-width: none;
  width: auto;
  display: flex;
  align-items: center;
  min-height: calc(100vh - 2rem);
}
.cl-modal-window .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}
.cl-modal-window .modal-sm .cl-base-modal {
  width: 400px;
}
.cl-modal-window .modal-md .cl-base-modal {
  width: 600px;
}
.cl-modal-window .modal-lg .cl-base-modal {
  width: 750px;
}
.cl-modal-window .modal-xl .cl-base-modal {
  width: 900px;
}

.cl-base-modal {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  min-inline-size: 400px;
  min-block-size: 200px;
  max-inline-size: 90vw;
  max-block-size: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.cl-base-modal__header {
  flex: 1;
  background-color: #0099d9;
  border-block-end: 1px solid #dddddd;
  margin: 0;
  padding: 1.5rem;
}
.cl-base-modal__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333333;
}
.cl-base-modal__close-button {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #666666;
  cursor: pointer;
  padding: 0.25rem;
  line-height: 1;
  z-index: 10;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
}
.cl-base-modal__close-button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #333333;
}
.cl-base-modal__close-button:focus {
  outline: 2px solid #0099d9;
  outline-offset: 2px;
}
.cl-base-modal__content {
  margin: 0;
  padding: 2rem;
  overflow-y: auto;
  flex: 1;
}
.cl-base-modal__footer {
  border-block-start: 1px solid #dddddd;
  flex-shrink: 0;
  padding: 1.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.cl-card {
  width: 100%;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
  border: solid 1px #d0d0d0;
  background-color: #fff;
}
.cl-card--disabled {
  background-color: #f2f2f2;
}

.cl-form .cl-form-element input,
.cl-form .cl-form-element textarea,
.cl-form .cl-form-element select,
.cl-form .cl-form-element option, .cl-form .cl-form-element .cl-password-input__field, .cl-form .cl-form-element .cl-email-input__field {
  box-sizing: inherit;
  border: 1px solid #cccccc;
  width: 100%;
  height: 50px;
  padding: 1.5rem 1rem 0 1rem;
  font-family: "OpenSans", sans-serif;
  font-size: 1rem;
  color: #333333;
  letter-spacing: 0;
  vertical-align: middle;
  border-radius: 6px;
}
.cl-form .cl-form-element input:not(:disabled):hover,
.cl-form .cl-form-element textarea:not(:disabled):hover,
.cl-form .cl-form-element select:not(:disabled):hover,
.cl-form .cl-form-element option:not(:disabled):hover, .cl-form .cl-form-element .cl-password-input__field:not(:disabled):hover, .cl-form .cl-form-element .cl-email-input__field:not(:disabled):hover, .cl-form .cl-form-element input:focus,
.cl-form .cl-form-element textarea:focus,
.cl-form .cl-form-element select:focus,
.cl-form .cl-form-element option:focus, .cl-form .cl-form-element .cl-password-input__field:focus, .cl-form .cl-form-element .cl-email-input__field:focus {
  outline: none;
  border-color: #0099d9;
}
.cl-form .cl-form-element input.ng-touched.ng-invalid,
.cl-form .cl-form-element textarea.ng-touched.ng-invalid,
.cl-form .cl-form-element select.ng-touched.ng-invalid,
.cl-form .cl-form-element option.ng-touched.ng-invalid, .cl-form .cl-form-element .ng-touched.ng-invalid.cl-password-input__field, .cl-form .cl-form-element .ng-touched.ng-invalid.cl-email-input__field {
  border: 1px solid #f44336;
}

.cl-form .cl-form-element label, .cl-form .cl-form-element .cl-password-input__label, .cl-form .cl-form-element .cl-email-input__label {
  position: absolute;
  top: 33%;
  left: 1em;
  z-index: 1000;
  pointer-events: none;
  font-size: 1rem;
  color: #999999;
  text-transform: capitalize;
}
.cl-form .cl-form-element label.small, .cl-form .cl-form-element .small.cl-password-input__label, .cl-form .cl-form-element .small.cl-email-input__label {
  font-size: 0.75rem;
  top: 0.8em;
  transition: all 0.15s ease-in-out;
}
.cl-form .cl-form-element label.small .label-icon, .cl-form .cl-form-element .small.cl-password-input__label .label-icon, .cl-form .cl-form-element .small.cl-email-input__label .label-icon {
  font-size: 1.1em;
  vertical-align: middle;
}

.cl-form .cl-form-element label .label-icon, .cl-form .cl-form-element .cl-password-input__label-icon, .cl-form .cl-form-element .cl-email-input__label-icon {
  margin-right: 0.25rem;
  font-size: 0.9em;
}

.cl-form .cl-form-element .form-error, .cl-form .cl-form-element .cl-tranzila-payment__form-error, .cl-form .cl-form-element .cl-form-error__message, .cl-form .cl-form-element .cl-password-input__error, .cl-form .cl-form-element .cl-email-input__error {
  position: absolute;
  bottom: -1rem;
  color: #f44336;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  transition: 0.15s ease-in-out;
  z-index: 1000;
}
.cl-form .cl-form-element .form-error--hidden.form-error, .cl-form .cl-form-element .form-error--hidden.cl-tranzila-payment__form-error, .cl-form .cl-form-element .form-error--hidden.cl-form-error__message, .cl-form .cl-form-element .form-error--hidden.cl-password-input__error, .cl-form .cl-form-element .form-error--hidden.cl-email-input__error {
  opacity: 0;
  visibility: hidden;
}
.cl-form .cl-form-element .form-error--visible.form-error, .cl-form .cl-form-element .form-error--visible.cl-tranzila-payment__form-error, .cl-form .cl-form-element .form-error--visible.cl-form-error__message, .cl-form .cl-form-element .form-error--visible.cl-password-input__error, .cl-form .cl-form-element .form-error--visible.cl-email-input__error {
  opacity: 1;
  visibility: visible;
}

.cl-form .cl-form-element .cl-password-input__field:-webkit-autofill, .cl-form .cl-form-element .cl-email-input__field:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  -webkit-text-fill-color: #333333 !important;
}

body.rtl .cl-form-element label, .cl-form .cl-form-element .rtl .cl-password-input__label, .cl-form .cl-form-element .rtl .cl-email-input__label {
  left: auto;
  right: 1em;
}
body.rtl .cl-form-element label .label-icon, .cl-form .cl-form-element .rtl .cl-password-input__label .label-icon, .cl-form .cl-form-element .rtl .cl-email-input__label .label-icon {
  margin-right: 0;
  margin-left: 0.25rem;
}

.cl-form .cl-form-element {
  /*-------------------------------------------------------------------------------------------------*/
  /*                    International Phone Input Component Styles                                */
  /*-------------------------------------------------------------------------------------------------*/
  /*-------------------------------------------------------------------------------------------------*/
  /*                    Israeli ID Input Component Styles                                         */
  /*-------------------------------------------------------------------------------------------------*/
  clear: both;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.cl-form .cl-form-element .cl-email-input {
  position: relative;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
}
.cl-form .cl-form-element .cl-email-input * {
  box-sizing: border-box;
}
.cl-form .cl-form-element .cl-email-input__field {
  direction: ltr;
}
.cl-form .cl-form-element .cl-email-input__label--small {
  font-size: 0.75rem;
  top: 0.8em;
  transition: all 0.15s ease-in-out;
}
.cl-form .cl-form-element .cl-email-input__label--small .cl-email-input__label-icon {
  font-size: 1.1em;
  vertical-align: middle;
}
.cl-form .cl-form-element .cl-radio-button {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.cl-form .cl-form-element .cl-radio-button__title {
  font-weight: 600;
  min-width: fit-content;
  margin: 0 0 0.25rem;
  color: #999999;
  align-self: flex-start;
}
.cl-form .cl-form-element .cl-radio-button__title-text {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.cl-form .cl-form-element .cl-radio-button__title-description {
  font-size: 0.8rem;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .cl-form .cl-form-element .cl-radio-button__title {
    font-size: 1.1rem;
    margin-bottom: 5px;
  }
}
.cl-form .cl-form-element .cl-radio-button__options-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .cl-form .cl-form-element .cl-radio-button__options-container {
    gap: 1.5rem;
  }
}
.cl-form .cl-form-element .cl-radio-button__option-default {
  margin: 0;
  color: #666666;
  font-size: 1.125rem;
}
.cl-form .cl-form-element .cl-radio-button__option-default .icon {
  font-size: 1.125rem;
}
@media screen and (max-width: 36em) {
  .cl-form .cl-form-element .cl-radio-button__option-default .icon {
    font-size: 1.5rem;
  }
}
.cl-form .cl-form-element .cl-radio-button__option-default .text {
  margin: 0 2px;
}
.cl-form .cl-form-element .cl-radio-button__option-default .reset {
  font-size: 0.75rem;
  color: #0099d9;
  vertical-align: bottom;
  cursor: pointer;
}
.cl-form .cl-form-element .cl-radio-button__option-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
  height: 40px;
  padding: 0.5rem 1.5rem;
  margin: 0;
  border-radius: 6px;
  border: solid 2px #0099d9;
  background-color: #ffffff;
  color: #0099d9;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media screen and (max-width: 480px) {
  .cl-form .cl-form-element .cl-radio-button__option-buttons {
    padding: 0.25rem 1rem;
    min-width: 90px;
    height: 38px;
  }
}
.cl-form .cl-form-element .cl-radio-button__option-buttons .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 0.5rem;
  font-size: 0.875rem;
  color: #0099d9;
}
.cl-form .cl-form-element .cl-radio-button__option-buttons .text {
  font-size: 1rem;
  flex: 1;
  text-align: center;
  text-transform: capitalize;
}
.cl-form .cl-form-element .cl-radio-button__option-buttons:hover {
  background-color: #f8f9fa;
}
.cl-form .cl-form-element .cl-radio-button__option-buttons.selected {
  border-color: #0099d9;
  background-color: #0099d9;
  color: white;
}
.cl-form .cl-form-element .cl-radio-button__option-buttons.selected .icon, .cl-form .cl-form-element .cl-radio-button__option-buttons.selected .text {
  color: white;
}
.cl-form .cl-form-element .cl-radio-button-horizontal-fixed, .cl-form .cl-form-element .cl-radio-button-horizontal {
  flex-direction: row;
  align-items: center;
}
.cl-form .cl-form-element .cl-radio-button-horizontal-fixed .cl-radio-button__title, .cl-form .cl-form-element .cl-radio-button-horizontal .cl-radio-button__title {
  margin: 0;
  margin-inline-end: 0.5rem;
  align-self: center;
  color: #4a4a4a;
  text-transform: capitalize;
}
.cl-form .cl-form-element .cl-radio-button-horizontal-fixed .cl-radio-button__options-container, .cl-form .cl-form-element .cl-radio-button-horizontal .cl-radio-button__options-container {
  flex-direction: row;
}
@media screen and (max-width: 36em) {
  .cl-form .cl-form-element .cl-radio-button-horizontal {
    flex-direction: column;
    align-items: flex-start;
  }
  .cl-form .cl-form-element .cl-radio-button-horizontal .cl-radio-button__title {
    align-self: flex-start;
  }
  .cl-form .cl-form-element .cl-radio-button-horizontal .cl-radio-button__options-container {
    flex-direction: column;
    width: 100%;
  }
  .cl-form .cl-form-element .cl-radio-button-horizontal .cl-radio-button__options-container .cl-radio-button__option {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.cl-form .cl-form-element .cl-radio-button-vertical {
  flex-direction: column;
}
.cl-form .cl-form-element .cl-radio-button-vertical .cl-radio-button__options-container {
  flex-direction: column;
}
.cl-form .cl-form-element .cl-radio-button-vertical .cl-radio-button__option {
  width: 100%;
  margin-bottom: 1rem;
}
.cl-form .cl-form-element .cl-radio-button-title-top {
  flex-direction: column;
}
.cl-form .cl-form-element .cl-radio-button-title-top .cl-radio-button__title {
  margin-inline: 0;
  margin-bottom: 1rem;
  text-align: start;
  align-self: flex-start;
}
.cl-form .cl-form-element .cl-radio-button-title-top .cl-radio-button__options-container {
  width: 100%;
}
.cl-form .cl-form-element .cl-radio-button-title-top.cl-radio-button-horizontal {
  flex-direction: column;
}
.cl-form .cl-form-element .cl-radio-button-title-top.cl-radio-button-horizontal .cl-radio-button__title {
  margin-inline: 0;
  margin-bottom: 0.5rem;
}
.cl-form .cl-form-element .cl-radio-button-title-top.cl-radio-button-horizontal .cl-radio-button__options-container {
  flex-direction: row;
}
.cl-form .cl-form-element .cl-radio-button-title-top.cl-radio-button-vertical {
  flex-direction: column;
}
.cl-form .cl-form-element .cl-radio-button-title-top.cl-radio-button-vertical .cl-radio-button__title {
  margin-inline: 0;
  margin-bottom: 1rem;
}
.cl-form .cl-form-element .cl-radio-button-title-top.cl-radio-button-vertical .cl-radio-button__options-container {
  flex-direction: column;
}
.cl-form .cl-form-element .add-school-modal {
  height: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.5rem;
}
.cl-form .cl-form-element .add-school-modal__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.cl-form .cl-form-element .add-school-modal__logo {
  height: 40px;
  width: auto;
}
.cl-form .cl-form-element .add-school-modal__title {
  color: #333333;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.cl-form .cl-form-element .add-school-modal__content {
  flex: 1;
  overflow-y: auto;
}
.cl-form .cl-form-element .cl-school-input {
  width: 100%;
  height: auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.cl-form .cl-form-element .cl-school-input select {
  height: 50px;
}
.cl-form .cl-form-element .cl-school-input .country {
  height: 50px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.cl-form .cl-form-element .cl-school-input .city {
  width: 100%;
  margin-bottom: 20px;
}
.cl-form .cl-form-element .cl-school-input .city cl-text-autocomplete-input {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.cl-form .cl-form-element .cl-school-input .city cl-text-autocomplete-input:last-child {
  margin-bottom: 0;
}
.cl-form .cl-form-element .cl-school-input .school {
  width: 100%;
  margin-bottom: 5px;
}
.cl-form .cl-form-element .cl-school-input .school cl-text-autocomplete-input {
  display: block;
  width: 100%;
}
.cl-form .cl-form-element .cl-school-input__not-in-list {
  width: 100%;
  color: #666;
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-top: 2rem;
}
.cl-form .cl-form-element .cl-school-input__not-in-list a {
  color: #0099d9;
  text-decoration: underline;
}
.cl-form .cl-form-element .cl-school-input__not-in-list a:hover {
  color: #0075a6;
  text-decoration: none;
}
.cl-form .cl-form-element .cl-school-input__not-in-list a:visited {
  color: #6d00d9;
}
.cl-form .cl-form-element .cl-create-school {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem;
}
.cl-form .cl-form-element .cl-create-school__form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0;
}
.cl-form .cl-form-element .cl-create-school__actions {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.cl-form .cl-form-element .cl-create-school__actions button {
  min-width: 100px;
}
.cl-form .cl-form-element .cl-text-autocomplete-input {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin: 1rem 0;
  line-height: 1.2;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__description {
  font-size: 1rem;
  color: #000000;
  margin: 0.5rem 2px;
  line-height: 1.4;
}
.cl-form .cl-form-element .cl-text-autocomplete-input .input-container {
  position: relative;
  width: 100%;
  height: 50px;
}
.cl-form .cl-form-element .cl-text-autocomplete-input label {
  position: absolute;
  top: 1em;
  z-index: 3;
  transition: all 0.15s ease-in-out;
}
body.ltr .cl-form .cl-form-element .cl-text-autocomplete-input label {
  left: 1em;
}
body.rtl .cl-form .cl-form-element .cl-text-autocomplete-input label {
  right: 1em;
}
.cl-form .cl-form-element .cl-text-autocomplete-input label.small {
  font-size: 0.75rem;
  top: 0.8em;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 2px;
  max-height: 300px;
  min-height: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 300;
  overflow-y: auto;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item {
  position: relative;
  height: 40px;
  padding: 0;
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
  line-height: 40px;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item:last-child {
  border-bottom: none;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item p {
  padding: 0 16px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125rem;
  color: #333333;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item p.focus {
  background-color: #f2f2f2;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item:hover {
  background-color: #f2f2f2;
}
.cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item .more {
  float: right;
  font-size: 0.75rem;
  color: #999999;
  margin-left: 0.5rem;
}
body.rtl .cl-form .cl-form-element .cl-text-autocomplete-input__dropdown-item .more {
  float: left;
  margin-left: 0;
  margin-right: 0.5rem;
}
.cl-form .cl-form-element .cl-select {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .cl-form .cl-form-element .cl-select {
    gap: 6px;
  }
}
.cl-form .cl-form-element .cl-select__title {
  min-width: fit-content;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000000;
}
@media screen and (max-width: 480px) {
  .cl-form .cl-form-element .cl-select__title {
    font-size: 1.1rem;
    margin-bottom: 5px;
  }
}
.cl-form .cl-form-element .cl-select__container {
  position: relative;
  width: 100%;
}
.cl-form .cl-form-element .cl-select select {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: solid 1px #ccc;
  background-color: #fff;
  color: #333;
  font-size: 1rem;
  appearance: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6"><path fill="%23666" d="M0 0l6 6 6-6z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding: 8px 40px 8px 16px;
}
body.rtl .cl-form .cl-form-element .cl-select select {
  background-position: 16px center;
  padding-right: 16px;
  padding-left: 40px;
}
@media screen and (max-width: 36em) {
  .cl-form .cl-form-element .cl-select select {
    height: 44px;
    padding: 6px 12px;
    font-size: 0.95rem;
  }
}
.cl-form .cl-form-element .cl-select select:focus {
  outline: none;
  border-color: #0099d9;
  box-shadow: 0 0 0 2px rgba(0, 153, 217, 0.2);
}
.cl-form .cl-form-element .cl-select select:hover {
  border-color: #0099d9;
}
.cl-form .cl-form-element .cl-select select:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
.cl-form .cl-form-element .cl-select select.ng-invalid.ng-touched {
  border-color: #dc3545;
}
.cl-form .cl-form-element .cl-select select option[value=""][disabled] {
  color: #999;
}
.cl-form .cl-form-element .cl-select__error {
  color: #dc3545;
  font-size: 0.85rem;
  margin-top: 4px;
}
.cl-form .cl-form-element .cl-select-horizontal {
  flex-direction: row;
  align-items: center;
}
.cl-form .cl-form-element .cl-select-horizontal .cl-select__title {
  margin-right: 16px;
  margin-bottom: 0;
}
body.rtl .cl-form .cl-form-element .cl-select-horizontal .cl-select__title {
  margin-right: 0;
  margin-left: 16px;
}
.cl-form .cl-form-element .cl-select-horizontal .cl-select__container {
  flex: 1;
}
@media screen and (max-width: 48em) {
  .cl-form .cl-form-element .cl-select-horizontal {
    flex-direction: column;
    align-items: flex-start;
  }
  .cl-form .cl-form-element .cl-select-horizontal .cl-select__title {
    margin-right: 0;
    margin-bottom: 8px;
  }
  body.rtl .cl-form .cl-form-element .cl-select-horizontal .cl-select__title {
    margin-left: 0;
  }
}
.cl-form .cl-form-element .cl-multi-select {
  width: 100%;
  height: 100%;
  /* Button variant styles */
  /* Checkbox variant styles */
}
.cl-form .cl-form-element .cl-multi-select .multi-select-title {
  font-family: "OpenSans", sans-serif;
  font-weight: 600;
  color: #333333;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.cl-form .cl-form-element .cl-multi-select .multi-select-title.required-field::after {
  content: "*";
  color: #f44336;
  margin-left: 5px;
}
.cl-form .cl-form-element .cl-multi-select .multi-select-options-container {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  width: 100%;
  height: 100%;
}
@media (max-width: 48em) {
  .cl-form .cl-form-element .cl-multi-select .multi-select-options-container {
    flex-flow: column nowrap;
    height: auto;
  }
}
.cl-form .cl-form-element .cl-multi-select .element-error p {
  font-weight: 600;
  font-size: 0.75rem;
  color: #f44336;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style {
  width: 220px;
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 2px;
  padding: 4px 10px;
  border-radius: 6px;
  border: solid 2px #0099d9;
  background-color: #fff;
  color: #0099d9;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
@media (max-width: 48em) {
  .cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style {
    width: 100%;
    margin: 2px 0;
  }
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style .icon {
  width: 20px;
  margin-right: 10px;
  font-size: 14px;
  color: #0099d9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style .text {
  flex: 1;
  font-family: "OpenSans", sans-serif;
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style:hover {
  background-color: rgba(0, 153, 217, 0.05);
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style.selected {
  border-color: #0099d9;
  background-color: #0099d9;
  color: white;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style.selected .icon, .cl-form .cl-form-element .cl-multi-select.cl-multi-select-buttons .multi-select-option.button-style.selected .text {
  color: white;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  width: 220px;
  height: 24px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
@media (max-width: 48em) {
  .cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style {
    width: 100%;
    margin: 2px 0;
  }
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style .checkbox-control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border: 1px solid #999999;
  border-radius: 3px;
  color: white;
  background-color: #ffffff;
  transition: all 0.15s ease-in-out;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style .checkbox-control.selected {
  background-color: #0099d9;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style .checkbox-control i {
  font-size: 12px;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style .text {
  flex: 1;
  margin: 0 5px;
  font-family: "OpenSans", sans-serif;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-form .cl-form-element .cl-multi-select.cl-multi-select-checkboxes .multi-select-option.checkbox-style:hover {
  background-color: rgba(0, 153, 217, 0.05);
  border-radius: 4px;
}
.cl-form .cl-form-element .cl-phone-input {
  height: 50px;
  position: relative;
  margin-bottom: 18px;
}
.cl-form .cl-form-element .cl-phone-input__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
}
body.rtl .cl-form .cl-form-element .cl-phone-input__container {
  flex-direction: row-reverse;
}
.cl-form .cl-form-element .cl-phone-input__country-select {
  width: 110px;
  height: 100%;
  z-index: 2;
  flex: 0 0 110px;
}
.cl-form .cl-form-element .cl-phone-input__dropdown-button {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-right: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  cursor: pointer;
  background-color: white;
}
.cl-form .cl-form-element .cl-phone-input__dropdown-button:hover {
  border-color: #0099d9;
}
.cl-form .cl-form-element .cl-phone-input__flag-display {
  display: flex;
  align-items: center;
}
.cl-form .cl-form-element .cl-phone-input__flag {
  display: inline-block;
  width: 28px;
  height: 22px;
  margin: 0 5px;
  background-size: cover;
}
.cl-form .cl-form-element .cl-phone-input__phone-code {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  direction: ltr;
}
.cl-form .cl-form-element .cl-phone-input__dropdown-arrow {
  color: #999999;
  font-size: 14px;
}
.cl-form .cl-form-element .cl-phone-input__dropdown-list {
  position: absolute;
  width: 250px;
  overflow-y: auto;
  z-index: 100;
  top: 100%;
  left: 0;
  margin-top: 2px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.cl-form .cl-form-element .cl-phone-input__items-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.cl-form .cl-form-element .cl-phone-input__country-item {
  padding: 8px 10px;
  cursor: pointer;
}
.cl-form .cl-form-element .cl-phone-input__country-item:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.cl-form .cl-form-element .cl-phone-input__country-item--active, .cl-form .cl-form-element .cl-phone-input__country-item:hover {
  background-color: #f5f5f5;
}
.cl-form .cl-form-element .cl-phone-input__country-content {
  display: flex;
  align-items: center;
}
.cl-form .cl-form-element .cl-phone-input__country-info {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.cl-form .cl-form-element .cl-phone-input__country-name {
  font-size: 14px;
  color: #333333;
}
.cl-form .cl-form-element .cl-phone-input__country-code {
  font-size: 12px;
  color: #999999;
}
.cl-form .cl-form-element .cl-phone-input__input {
  height: 100%;
  flex: 1;
  border: 1px solid #ccc;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-top: 20px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  z-index: 1;
}
.cl-form .cl-form-element .cl-phone-input__input:focus {
  border-color: #0099d9;
}
.cl-form .cl-form-element .cl-phone-input label {
  left: 120px;
  z-index: 4;
}
body.rtl .cl-form .cl-form-element .cl-phone-input label {
  left: 1rem;
}
.cl-form .cl-form-element .cl-phone-input .error-container {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  margin-top: 2px;
  z-index: 3;
  display: block;
}
.cl-form .cl-form-element .cl-phone-input.ng-invalid.ng-touched .cl-phone-input__dropdown-button,
.cl-form .cl-form-element .cl-phone-input.ng-invalid.ng-touched .cl-phone-input__input, .cl-form .cl-form-element .cl-phone-input.ng-invalid.ng-dirty .cl-phone-input__dropdown-button,
.cl-form .cl-form-element .cl-phone-input.ng-invalid.ng-dirty .cl-phone-input__input {
  border-color: #f44336;
}
.cl-form .cl-form-element body.rtl .cl-phone-input__container {
  flex-direction: row;
}
.cl-form .cl-form-element body.rtl .cl-phone-input__input {
  text-align: right;
  direction: rtl;
}
.cl-form .cl-form-element body.rtl .cl-phone-input__dropdown-button {
  border-right: none;
}
.cl-form .cl-form-element body.rtl .cl-phone-input__dropdown-list {
  direction: rtl;
}
.cl-form .cl-form-element body.rtl .cl-phone-input__country-content .cl-form .cl-form-element body.rtl .cl-phone-input__flag {
  margin-right: 0;
  margin-left: 10px;
}
.cl-form .cl-form-element .cl-otp-input__input-container {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}
@media (max-width: 48em) {
  .cl-form .cl-form-element .cl-otp-input__input-container {
    gap: 1rem;
  }
}
.cl-form .cl-form-element .cl-otp-input__input-container .cl-otp-input__input-digit {
  padding: 10px;
  width: 3rem;
  height: 3rem;
  text-align: center;
  color: #333333;
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 48em) {
  .cl-form .cl-form-element .cl-otp-input__input-container .cl-otp-input__input-digit {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.cl-form .cl-form-element .cl-password-input {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.cl-form .cl-form-element .cl-password-input * {
  box-sizing: border-box;
}
.cl-form .cl-form-element .cl-password-input__label--small {
  font-size: 0.75rem;
  top: 0.8em;
  transition: all 0.15s ease-in-out;
}
.cl-form .cl-form-element .cl-password-input__toggle {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #999999;
  font-size: 1rem;
  cursor: pointer;
  z-index: 1020;
  background: transparent;
  border: none;
}
.rtl .cl-form .cl-form-element .cl-password-input__toggle {
  left: 1rem;
  right: unset;
}
.cl-form .cl-form-element .cl-password-input__strength-indicator {
  position: absolute;
  background: #ffffff;
  border: 1px solid #cccccc;
  right: 0;
  left: 0;
  top: -100px;
  padding: 1rem;
  width: 260px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 1050;
}
.cl-form .cl-form-element .cl-password-input__strength-indicator::after, .cl-form .cl-form-element .cl-password-input__strength-indicator::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.cl-form .cl-form-element .cl-password-input__strength-indicator::after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #ffffff;
  border-width: 20px;
  margin-left: -20px;
}
.cl-form .cl-form-element .cl-password-input__strength-indicator::before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #cccccc;
  border-width: 21px;
  margin-left: -21px;
}
.cl-form .cl-form-element .cl-password-input__strength-text {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.cl-form .cl-form-element .cl-password-input__strength-level {
  color: #666666;
  border-bottom: 3px solid;
  margin: 0;
  display: inline-block !important;
  vertical-align: middle;
}
.cl-form .cl-form-element .cl-password-input__strength-level--weak {
  border-bottom-color: #f44336;
  width: 50px;
}
.cl-form .cl-form-element .cl-password-input__strength-level--medium {
  border-bottom-color: #ff9800;
  width: 75px;
}
.cl-form .cl-form-element .cl-password-input__strength-level--strong {
  border-bottom-color: #4CAF50;
  width: 100px;
}
.cl-form .cl-form-element .cl-password-input__strength-rules {
  color: #aaaaaa;
  font-size: 0.875rem;
}
.cl-form .cl-form-element .cl-class-selector__title {
  margin-bottom: 1rem;
}
.cl-form .cl-form-element .cl-class-selector__title-text {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
  color: #333;
}
.cl-form .cl-form-element .cl-class-selector__title-text.required-field::after {
  content: " *";
  color: #e74c3c;
}
.cl-form .cl-form-element .cl-class-selector__title-description {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666;
  margin: 0;
}
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-level,
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-number {
  flex: 1;
  margin: 0;
}
@media (max-width: 36em) {
  .cl-form .cl-form-element .cl-class-selector .cl-class-level-number {
    flex-direction: column;
    gap: 12px;
  }
  .cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-level,
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-number {
    width: 100%;
  }
  .cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-level select,
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-level .cl-select,
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-number select,
.cl-form .cl-form-element .cl-class-selector .cl-class-level-number .cl-class-number .cl-select {
    min-height: 44px;
    width: 100%;
  }
}
.cl-form .cl-form-element .cl-form-error__message--required {
  font-weight: 600;
}
.cl-form .cl-form-element .cl-form-error__message--validation {
  font-style: italic;
}
.cl-form .cl-form-element .cl-form-error__message--server {
  color: #ea1c0d;
  font-weight: 600;
}
.cl-form .cl-form-element .cl-form-error__message--warning {
  color: #ff9800;
}
.cl-form .cl-form-element .cl-form-error__message--info {
  color: #2196F3;
}
.cl-form .cl-form-element .cl-form-error__message--inline {
  position: relative;
  bottom: auto;
  display: inline-block;
  margin-left: 0.5rem;
}
.cl-form .cl-form-element .cl-form-error__message--compact {
  bottom: -1rem;
  font-size: 0.675rem;
}
.cl-form .cl-form-element .cl-form-error__message--hidden {
  opacity: 0;
  visibility: hidden;
}
.cl-form .cl-form-element .cl-form-error__message--visible {
  opacity: 1;
  visibility: visible;
}
.cl-form .cl-form-element body.rtl .cl-form-error__message--inline {
  margin-left: 0;
  margin-right: 0.5rem;
}
.cl-form .cl-form-element * {
  box-sizing: border-box;
}
.cl-form .cl-form-element input,
.cl-form .cl-form-element textarea,
.cl-form .cl-form-element select,
.cl-form .cl-form-element option {
  height: 100%;
  padding: 20px 10px 0 10px;
  font-size: 1.125rem;
}
.cl-form .cl-form-element .ng-touched.ng-invalid {
  border: 1px solid #f44336;
}
.cl-form .cl-form-element select {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white;
  -webkit-appearance: none;
}
.cl-form .cl-form-element label {
  top: 1em;
  z-index: 400;
  font-size: 1.125rem;
}
.cl-form .cl-form-element:-webkit-autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog {
  height: 600px;
  width: 700px;
  top: -150px;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog .modal-content {
  height: 100%;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog .header {
  height: 180px;
  text-align: center;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog .header h1 {
  height: 50px;
  line-height: 50px;
  color: #0099d9;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.03em;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog form .input {
  width: 320px;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog form .actions {
  width: 320px;
}
.cl-form .cl-form-registration-select-country-and-school .modal-dialog form .actions button {
  margin-bottom: 20px;
  width: 100%;
  height: 50px;
}
.cl-form .cl-form-element.cl-form-user-type {
  height: 30px;
  font-size: 18px;
}
.cl-form .cl-form-element.cl-form-user-type span {
  text-transform: capitalize;
}
.cl-form .cl-form-element.cl-form-user-type label {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 90px;
}
.cl-form .cl-form-element.cl-form-select-country {
  position: absolute;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-button {
  border: 1px solid #ccc;
  height: 50px;
  width: 70px;
  -webkit-appearance: none;
  padding: 10px;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-button i {
  height: 20px;
  width: 27px;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list {
  width: 100%;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list > ul {
  width: 301px;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list ul {
  direction: ltr;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list i {
  height: 28px;
  width: 22px;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list {
  position: absolute;
  width: 100%;
  margin-top: 5px;
  min-height: 200px;
  background-color: white;
  border: 1px solid #ccc;
  z-index: 5;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 50px;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li {
  z-index: 10;
  height: 30px;
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
  line-height: 30px;
  cursor: pointer;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li p {
  padding: 0 10px;
  white-space: nowrap;
  width: 100%;
  position: absolute;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li span {
  float: left;
  display: inline-block;
  /* set display to inline-block to make the width fit the content */
  width: 100%;
  /* set the width to the desired value */
  white-space: nowrap;
  /* prevent the text from wrapping */
  overflow: hidden;
  /* hide any overflowing content */
  text-overflow: ellipsis;
  /* add the ellipsis to indicate truncated text */
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li :hover {
  background-color: #f2f2f2;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li .more {
  font-size: 10px;
}
.cl-form .cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li .focus {
  background-color: #f2f2f2;
}

body.rtl .cl-form-select-country .countries-dropdown-list {
  float: right;
}
body.rtl .cl-form-select-country .countries-dropdown-list i {
  height: 28px;
  width: 22px;
  float: right;
  margin-left: 10px;
}
body.rtl .cl-form-select-country .countries-dropdown-list .items-list li span {
  float: right;
}
body.rtl .cl-form-element label {
  right: 1em;
}
body.rtl .cl-form-element label .label-icon {
  margin-left: 4px;
}
body.rtl .cl-form-element select {
  background-position: 2% center;
}
body.rtl .cl-form-element .form-error.form-error--inline, body.rtl .cl-form-element .form-error--inline.cl-tranzila-payment__form-error {
  margin-left: 0;
  margin-right: 0.5rem;
}
body.rtl .cl-form-element.cl-form-user-type span {
  margin-left: 10px;
}
body.rtl .cl-form-element.cl-form-user-type label {
  left: auto;
  right: auto;
}
body.rtl .cl-form-registration-select-country-and-school .modal-dialog .actions .save {
  margin-left: 2.5%;
}
body.rtl .cl-form-registration-select-country-and-school .modal-dialog .actions .close {
  margin-right: 2.5%;
}
body.rtl .countries-dropdown-button {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white 5px;
  width: 130px;
  left: 40px;
}

body.ltr .cl-form-element label {
  left: 1em;
}
body.ltr .cl-form-element select {
  background-position: 98% center;
}
body.ltr .cl-form-element.cl-form-user-type span {
  margin-right: 10px;
}
body.ltr .cl-form-element.cl-form-user-type label {
  left: auto;
  right: auto;
}
body.ltr .cl-form-registration-select-country-and-school .modal-dialog .actions .save {
  margin-right: 2.5%;
}
body.ltr .cl-form-registration-select-country-and-school .modal-dialog .actions .close {
  margin-left: 2.5%;
}
body.ltr .countries-dropdown-button {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white 43px;
  width: 130px;
  left: 0;
}
body.ltr .countries-dropdown-list {
  float: left;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                          Base Layout Styles                                    */
/*------------------------------------------------------------------------------------------------*/
.base-layout {
  display: grid;
  grid-template-areas: "header header" "sidebar main" "footer footer";
  grid-template-columns: auto 1fr;
  /* sidebar takes necessary width, main content takes remaining space */
  grid-template-rows: auto 1fr auto;
  /* header and footer auto size, main area takes remaining height */
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  /* Prevent double scrollbars */
  background-color: #F2F2F2;
  /* Use a variable for background color */
  /* Mode: docked (default) - sidebar visible on desktop, overlayed on mobile */
  /* Mode: hidden - sidebar hidden by default but can be toggled with hamburger on all screens */
  /* Mode: none - no sidebar, no hamburger menu */
  /* Menu overlay for mobile */
  /* Site header */
  /* Main content area */
  /* Sidebar */
  /* Layout container - not strictly necessary with Grid but retained for compatibility */
  /* Responsive adjustments */
  /* RTL Support */
}
@media (max-width: 768px) {
  .base-layout.menu-docked .hamburger-menu {
    display: block;
    /* Show hamburger on mobile only */
  }
  .base-layout.menu-docked .sidebar {
    position: fixed;
    top: 0;
    right: -230px;
    /* Hidden by default on mobile */
    height: 100vh;
    z-index: 100;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
  }
  .base-layout.menu-docked .sidebar.active {
    right: 0;
  }
}
.base-layout.menu-hidden {
  grid-template-areas: "header header" "main main" "footer footer";
}
.base-layout.menu-hidden .sidebar {
  position: fixed;
  top: 0;
  right: -250px;
  /* Hidden by default */
  height: 100vh;
  width: 230px;
  z-index: 100;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease;
}
.base-layout.menu-hidden .sidebar.active {
  right: 0;
}
.base-layout.menu-hidden .site-header .hamburger-menu {
  display: block;
  /* Show hamburger on all screen sizes */
}
.base-layout.menu-hidden .main-content {
  max-width: 100%;
  width: 100%;
}
.base-layout.menu-none {
  grid-template-areas: "header header" "main main" "footer footer";
  /* Hide the hamburger menu */
}
.base-layout.menu-none .sidebar {
  display: none;
}
.base-layout.menu-none .main-content {
  max-width: 100%;
  width: 100%;
}
.base-layout.menu-none .hamburger-menu {
  display: none !important;
}
.base-layout .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  grid-area: overlay;
  /* Not strictly necessary since it's position: fixed */
}
.base-layout .menu-overlay.active {
  opacity: 1;
  visibility: visible;
}
.base-layout .site-header {
  grid-area: header;
  width: 100%;
  background-color: var(--header-bg);
  /* Hamburger menu button */
}
.base-layout .site-header.sticky {
  position: sticky;
  position: -webkit-sticky;
  /* Safari support */
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.base-layout .site-header .hamburger-menu {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  color: var(--header-fg);
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  z-index: 5;
}
.base-layout .site-header .hamburger-menu i {
  font-size: 24px;
}
.base-layout .main-content {
  grid-area: main;
  padding: 1.25rem;
  overflow-y: auto;
  /* Native browser scrolling within this area only */
  height: 100%;
  width: 100%;
}
.base-layout .sidebar {
  grid-area: sidebar;
  background-color: #f8f8f8;
  padding: 20px;
  width: 230px;
  overflow-y: auto;
  /* Allow sidebar to scroll independently */
}
.base-layout .sidebar h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 18px;
}
.base-layout .sidebar .sidebar-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.base-layout .sidebar .sidebar-nav ul li {
  margin-bottom: 10px;
}
.base-layout .sidebar .sidebar-nav ul li a {
  display: block;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.base-layout .sidebar .sidebar-nav ul li a:hover, .base-layout .sidebar .sidebar-nav ul li a.active {
  background-color: #e8e8e8;
}
.base-layout .layout-container {
  display: contents;
  /* Makes the container's children become children of the parent grid */
}
@media (max-width: 768px) {
  .base-layout {
    /* Change to a single column layout on mobile */
    grid-template-areas: "header" "main" "footer";
    grid-template-columns: 1fr;
    /* Ensure proper sticky positioning on mobile */
    /* Add padding to main content when header is sticky */
    /* Show hamburger menu button */
    /* Handle sidebar as an overlay on mobile */
  }
  .base-layout .site-header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }
  .base-layout:has(.site-header.sticky) .main-content {
    padding-top: 80px;
    /* Adjust based on your header height */
  }
  .base-layout .site-header .hamburger-menu {
    display: block;
  }
  .base-layout .sidebar {
    position: fixed;
    top: 0;
    right: -230px;
    /* Hidden by default */
    height: 100vh;
    z-index: 100;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
  }
  .base-layout .sidebar.active {
    right: 0;
  }
}
@media (max-width: 768px) {
  .rtl .base-layout .site-header .hamburger-menu {
    right: auto;
    left: 20px;
  }
  .rtl .base-layout .sidebar {
    right: auto;
    left: -230px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  }
  .rtl .base-layout .sidebar.active {
    right: auto;
    left: 0;
  }
}

/* Menu open utility class */
body.menu-open {
  overflow: hidden;
  /* Prevent background scrolling when menu is open on mobile */
}

/*-------------------------------------------------------------------------------------------------*/
/*                                          Header Styles                                          */
/*-------------------------------------------------------------------------------------------------*/
.sign-up-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 80px;
  width: 100%;
  background-color: #0099d9;
  padding: 0 20px;
}
body.rtl .sign-up-header {
  flex-direction: row-reverse;
}
.sign-up-header__logo-image {
  display: block;
  width: auto;
}
.sign-up-header__links {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  margin-left: auto;
}
body.rtl .sign-up-header__links {
  justify-content: flex-start;
}
.sign-up-header__links-list {
  display: flex;
  align-items: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sign-up-header__links-item {
  margin-left: 20px;
}
.sign-up-header__links-item:first-child {
  margin-left: 0;
}
.sign-up-header__link {
  color: white;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.sign-up-header__link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 36em) {
  .sign-up-header {
    height: 55px;
    padding: 1rem;
  }
  .sign-up-header__logo {
    width: 123px;
  }
  .sign-up-header__logo-image {
    width: 100%;
  }
  .sign-up-header__links-list {
    gap: 10px;
    font-size: 1rem;
  }
}
.school-message-bar {
  display: flex;
  height: 40px;
  font-size: 1rem;
  background-color: #54ce64;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.school-message-bar__message {
  font-size: 1.2em;
  font-weight: bold;
  font-family: "OpenSansHebrew", serif;
  color: white;
}
.school-message-bar__message--link {
  cursor: pointer;
}
.school-message-bar__message--link:hover {
  color: #e6e6e6;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                           Sign In Page Component                                */
/*-------------------------------------------------------------------------------------------------*/
.cl-sign-in-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}
.cl-sign-in-page__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  width: 100%;
}
@media (min-width: 48em) {
  .cl-sign-in-page__content {
    grid-template-columns: 1fr auto 1fr;
  }
}
.cl-sign-in-page__form-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
  gap: 1.5rem;
}
.cl-sign-in-page__form-error {
  color: #f44336;
  font-size: 0.75rem;
  margin: 0.25rem 0;
  text-align: left;
}
.rtl .cl-sign-in-page__form-error {
  text-align: right;
}
.cl-sign-in-page__reset-password {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.cl-sign-in-page__reset-password-link {
  color: #0099d9;
  font-size: 0.875rem;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  text-decoration: underline;
}
.cl-sign-in-page__reset-password-link:focus {
  outline: 2px solid #0099d9;
  outline-offset: 2px;
}
.cl-sign-in-page__reset-password-link:hover {
  color: #0075a6;
  text-decoration: underline;
}
.cl-sign-in-page__login-button-container {
  width: 100%;
}
@media (min-width: 36em) {
  .cl-sign-in-page__login-button-container {
    width: auto;
  }
}
.cl-sign-in-page__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex-wrap: nowrap;
  background: #ffffff;
  width: 100%;
}
.cl-sign-in-page__heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
  margin: 0 0 0.5rem;
}
.cl-sign-in-page__element {
  width: 100%;
}
.cl-sign-in-page__element--button-custom {
  height: 50px;
  font-size: 1.125rem;
}
@media (max-width: 48em) {
  .cl-sign-in-page__element--button-custom {
    font-size: 0.875rem;
  }
}
@media (max-width: 36em) {
  .cl-sign-in-page__element--button-custom {
    font-size: 0.75rem;
  }
}
.cl-sign-in-page__footer {
  display: flex;
  margin-top: 2rem;
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 1.5rem 0 1rem 0;
}
.cl-sign-in-page__footer-text {
  color: #666666;
  font-size: 1.125rem;
}
.cl-sign-in-page__footer-link {
  color: #0099d9;
  text-decoration: underline;
  cursor: pointer;
}
.cl-sign-in-page__footer-link:focus {
  outline: 2px solid #0099d9;
  outline-offset: 2px;
}
.cl-sign-in-page__footer-link:hover {
  color: #0075a6;
}

/*-------------------------------------------------------------------------------------------------*/
/*                              Select User Type And School Page                                   */
/*-------------------------------------------------------------------------------------------------*/
.cl-select-user-type-school-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-select-user-type-school-page__user-type-selector {
  padding: 1rem 0;
}
.cl-select-user-type-school-page .cl-user-profile {
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .cl-select-user-type-school-page .cl-user-type-selector {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .cl-select-user-type-school-page .cl-user-type-selector cl-button-image {
    width: 100%;
    max-width: 280px;
  }
}

.cl-select-school-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-select-school-page__user-info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-select-school-page__user-info * {
  margin: 0;
}
.cl-select-school-page__idm {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cl-select-school-page__idm-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.cl-select-school-page__idm-brand * {
  margin: 0;
}
.cl-select-school-page__idm-logo {
  width: 40px;
  height: auto;
}
.cl-select-school-page__idm-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}
.cl-select-school-page__idm-connected {
  margin-top: 3px;
  font-size: 0.875rem;
}
.cl-select-school-page__idm-connected i {
  color: #0bcb9a;
  font-size: 0.875rem;
}
.cl-select-school-page__user-profile {
  width: 100%;
  font-size: 1.25rem;
}
.cl-select-school-page__user-profile__name {
  margin: 0;
  font-weight: 700;
}
.cl-select-school-page__user-profile__id {
  margin: 0;
}
.cl-select-school-page__idm-info {
  font-size: 1.25rem;
  line-height: 1.5;
}
.cl-select-school-page__idm-info p {
  margin: 0 0 0.25rem 0;
}
.cl-select-school-page__idm-info__name {
  font-weight: 700;
}
.cl-select-school-page__confirm {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}
@media (max-width: 48em) {
  .cl-select-school-page__confirm {
    gap: 1rem;
    flex-direction: column;
  }
}
.cl-select-school-page__confirm * {
  margin: 0;
}
.cl-select-school-page__confirm__button {
  width: auto;
  min-width: 100px;
  height: 50px;
}
.cl-select-school-page__action {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.cl-select-school-page__action__button {
  width: auto;
  height: 50px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                           Sign Up Page Component                                */
/*-------------------------------------------------------------------------------------------------*/
.cl-signup-notice-modal {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 300px;
  max-width: 600px;
  padding: 1.5rem;
}
@media screen and (max-width: 36em) {
  .cl-signup-notice-modal {
    padding: 0.5rem;
  }
}
.cl-signup-notice-modal .cl-notification__actions {
  justify-content: center;
  margin-block-start: 4rem;
}
.cl-signup-notice-modal .cl-notification__actions cl-button {
  height: 50px;
}
.cl-signup-notice-modal .cl-notification__actions cl-button .cl-button .cl-button__text {
  font-size: 0.875rem;
  font-weight: 700;
}

.cl-signup-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.cl-signup-page__content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1.5rem;
  width: 100%;
}
@media (max-width: 48em) {
  .cl-signup-page__content {
    grid-template-columns: 1fr;
  }
}
.cl-signup-page__title-block {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.cl-signup-page__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin: 0 0 0.5rem;
  text-align: start;
}
@media (max-width: 48em) {
  .cl-signup-page__title {
    text-align: center;
  }
}
.cl-signup-page__sub-title {
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
  margin: 0 0 0.25rem;
  text-align: start;
}
@media (max-width: 48em) {
  .cl-signup-page__sub-title {
    text-align: center;
  }
}
.cl-signup-page__section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.cl-signup-page__divider {
  width: 100%;
}
.cl-signup-page__sso-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
.cl-signup-page__sso-button {
  width: 100%;
  min-height: 48px;
}
.cl-signup-page__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
.cl-signup-page__form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
.cl-signup-page__input {
  width: 100%;
}
.cl-signup-page__form-actions {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  width: 100%;
}
.cl-signup-page__submit-button {
  width: 100%;
  min-height: 48px;
}

.cl-idm-sign-up-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cl-idm-sign-up-page__card {
  width: 500px;
  max-width: 500px;
  height: 210px;
}
.cl-idm-sign-up-page__card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem;
}
@media (max-width: 36em) {
  .cl-idm-sign-up-page__card-content {
    margin: 0.5rem;
  }
}
@media (max-width: 36em) {
  .cl-idm-sign-up-page__card {
    width: 370px;
    height: 170px;
  }
}
.cl-idm-sign-up-page__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--color-text-primary);
}
.cl-idm-sign-up-page__sso-buttons {
  margin: 0;
  width: 400px;
  height: 70px;
  font-size: 1.25rem;
}
@media (max-width: 36em) {
  .cl-idm-sign-up-page__sso-buttons {
    font-size: 1.125rem;
    width: 350px;
  }
}

.cl-user-info-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cl-user-info-page__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 36em) {
  .cl-user-info-page__content {
    padding: 1rem;
  }
}
.cl-user-info-page__form {
  display: flex;
  gap: 2rem;
  width: 100%;
}
.cl-user-info-page__block {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1 1 calc(50% - 0.5rem);
  margin: 0;
}
@media screen and (max-width: 36em) {
  .cl-user-info-page__block {
    gap: 1.5rem;
  }
}
.cl-user-info-page__form-element {
  height: 50px;
  margin: 0;
}
.cl-user-info-page__input {
  height: 50px;
}
.cl-user-info-page__input-gender {
  min-height: 70px;
}
@media screen and (max-width: 36em) {
  .cl-user-info-page__input-gender {
    margin-top: 0.5rem;
  }
}
.cl-user-info-page__title {
  margin: 1rem 0 0;
}
.cl-user-info-page__title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin-block-end: 0.25rem;
}
.cl-user-info-page__title p {
  font-size: 1rem;
  color: #666666;
}
@media (max-width: 36em) {
  .cl-user-info-page .next-button {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 48em) {
  .cl-user-info-page__form {
    flex-direction: column;
    gap: 1.5rem;
  }
  .cl-user-info-page__block {
    flex: 1 1 100%;
  }
}

.cl-change-email-modal {
  height: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.5rem;
}
.cl-change-email-modal__header {
  margin: 0;
  text-align: center;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cl-change-email-modal__header i {
  color: #0099d9;
  font-size: 1.25rem;
}
.cl-change-email-modal__header h3 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #333333;
}
.cl-change-email-modal__header p {
  margin: 0;
  font-size: 1rem;
  color: #666666;
}
.cl-change-email-modal__content {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.cl-change-email-modal__email {
  flex: 1;
}
.cl-change-email-modal__submit {
  width: 160px;
  height: 50px;
}

.cl-email-otp-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 auto;
}
.cl-email-otp-page__title {
  font-size: 1.25rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.cl-email-otp-page__title-icon {
  color: #0099d9;
  margin-bottom: 10px;
}
@media screen and (max-width: 36em) {
  .cl-email-otp-page__title-icon {
    font-size: 1.25rem;
    margin-top: 1.5rem;
  }
}
.cl-email-otp-page__title-instructions {
  font-size: 1.125rem;
  color: #666666;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.cl-email-otp-page__title h2 {
  margin: 5px 0;
  font-weight: 600;
}
.cl-email-otp-page__form-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cl-email-otp-page__otp-section {
  text-align: center;
}
.cl-email-otp-page__error {
  margin-top: 1rem;
}
.cl-email-otp-page__resend-section {
  text-align: center;
}
.cl-email-otp-page__resend-section p {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 0.5rem 0;
}
.cl-email-otp-page__action-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.cl-email-otp-page__resend-button, .cl-email-otp-page__change-email-button {
  background: none;
  border: none;
  color: #0099d9;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  padding: 0.5rem;
}
.cl-email-otp-page__resend-button:hover, .cl-email-otp-page__change-email-button:hover {
  color: #0075a6;
}
.cl-email-otp-page__resend-button:disabled, .cl-email-otp-page__change-email-button:disabled {
  cursor: not-allowed;
  text-decoration: none;
}
.cl-email-otp-page__submit {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.cl-email-otp-page__submit .custom-size {
  width: 550px;
  height: 50px;
}
@media (max-width: 48em) {
  .cl-email-otp-page__submit {
    flex-direction: column;
  }
  .cl-email-otp-page__submit .custom-size {
    width: 100%;
  }
}

.cl-user-class-and-courses-page {
  width: 100%;
}
.cl-user-class-and-courses-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 36em) {
  .cl-user-class-and-courses-page__content {
    gap: 1.5rem;
  }
}
.cl-user-class-and-courses-page__footer {
  color: #666666;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  margin-block-start: 1rem;
}
.cl-user-class-and-courses-page__footer p {
  text-align: center;
}
.cl-user-class-and-courses-page__section-title {
  color: #333333;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
}
.cl-user-class-and-courses-page__section-title__description {
  color: #666666;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}
.cl-user-class-and-courses-page__section-header {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  margin-block-end: 1.5rem;
}
.cl-user-class-and-courses-page__section-header-number {
  align-items: center;
  background-color: #d9f4ff;
  border-radius: 9999px;
  color: #0099d9;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  height: 32px;
  justify-content: center;
  margin: 0;
  min-width: 32px;
  padding: 0;
  width: 32px;
}
.cl-user-class-and-courses-page__section-header-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
}
.cl-user-class-and-courses-page__course-selector .course-options {
  margin-inline-start: 2.5rem;
}
@media screen and (max-width: 36em) {
  .cl-user-class-and-courses-page__course-selector .course-options {
    margin-inline-start: 3.2rem;
  }
}

.cl-user-profile {
  align-items: center;
  display: flex;
}
.cl-user-profile__image {
  border-radius: 9999px;
  height: 32px;
  margin: 0;
  object-fit: cover;
  padding: 0;
  width: 32px;
}
.cl-user-profile__name {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
}
.cl-user-profile__edit {
  color: #0099d9;
  text-decoration: underline;
  background-color: transparent;
  border: none;
  margin: 0 1rem;
}
.cl-user-profile__edit:hover {
  color: #0075a6;
  text-decoration: none;
}
.cl-user-profile__edit:visited {
  color: #6d00d9;
}

.cl-class-level-number {
  display: flex;
  gap: 1rem;
}
.cl-class-level-number .cl-class-level,
.cl-class-level-number .cl-class-number {
  flex: 1;
  margin: 0;
  max-width: 250px;
}

.cl-other-courses-list {
  height: 100px;
  margin: 0;
  width: 100%;
}
@media (max-width: 48em) {
  .cl-other-courses-list {
    height: auto;
  }
}

.cl-course-item {
  margin-block-end: 0.5rem;
}

.cl-pay-at-school-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  padding: 1rem;
}

.cl-pay-at-school-modal {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  max-width: 500px;
  width: 100%;
}
.cl-pay-at-school-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid #dddddd;
}
.cl-pay-at-school-modal__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333333;
}
.cl-pay-at-school-modal__close {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #999999;
  cursor: pointer;
  padding: 0.25rem;
  line-height: 1;
}
.cl-pay-at-school-modal__close:hover {
  color: #333333;
}
.cl-pay-at-school-modal__content {
  padding: 1.5rem;
}
.cl-pay-at-school-modal__message p {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #666666;
}
.cl-pay-at-school-modal__message p:last-child {
  margin-bottom: 0;
}
.cl-pay-at-school-modal__footer {
  padding: 1.5rem;
  border-top: 1px solid #dddddd;
  display: flex;
  justify-content: flex-end;
}

body.rtl .cl-pay-at-school-modal__header {
  text-align: right;
}
body.rtl .cl-pay-at-school-modal__footer {
  justify-content: flex-start;
}

.cl-project-cart-review {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* Summary blocks  */
  /* User info block */
  /* Digital books block */
  /* Future subjects placeholder */
  /* Hard copy books */
  /* Action buttons */
  /* Responsive layout - on small screens */
}
.cl-project-cart-review__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 40px;
}
.cl-project-cart-review__block-title {
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}
.cl-project-cart-review__block-title--secondary {
  box-sizing: border-box;
  font-weight: normal;
  border-right: 4px solid #0099d9;
  padding: 0 10px;
  line-height: 1.75;
  margin-bottom: 1.5rem;
}
.cl-project-cart-review__summary {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cl-project-cart-review__summary-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.cl-project-cart-review__summary-title {
  margin: 0;
  flex-grow: 0;
  /* don't grow */
  flex-shrink: 0;
  /* don't shrink */
  flex-basis: auto;
  /* base size is the content */
}
.cl-project-cart-review__summary-title h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  margin: 0 0 0.5rem;
}
.cl-project-cart-review__summary-title p {
  font-size: 0.875rem;
  color: #666666;
  margin: 0;
}
.cl-project-cart-review__summary-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.cl-project-cart-review__summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  flex-direction: column;
  margin-right: 20px;
}
body.rtl .cl-project-cart-review__summary-item {
  margin-right: 0;
  margin-left: 20px;
}
.cl-project-cart-review__summary-item--total {
  font-weight: 600;
  font-size: 1.5rem;
  color: #0099d9;
}
.cl-project-cart-review__summary-item--description {
  font-size: 0.75rem;
}
.cl-project-cart-review__paid-at-school {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cl-project-cart-review__paid-at-school p {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  align-self: center;
}
.cl-project-cart-review__paid-at-school .custom-button {
  height: 50px;
  width: 50%;
}
@media (max-width: 48em) {
  .cl-project-cart-review__paid-at-school {
    flex-direction: column;
  }
  .cl-project-cart-review__paid-at-school p {
    margin-bottom: 1rem;
  }
  .cl-project-cart-review__paid-at-school .custom-button {
    width: 100%;
  }
}
.cl-project-cart-review__user-info {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media screen and (max-width: 36em) {
  .cl-project-cart-review__user-info {
    flex-direction: column;
  }
}
.cl-project-cart-review__info-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
}
.cl-project-cart-review__info-item--edit {
  margin-top: 2rem;
  text-align: start;
}
.cl-project-cart-review__edit-button {
  background: none;
  border: none;
  color: #0099d9;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  padding: 0;
}
.cl-project-cart-review__edit-button:hover {
  text-decoration: underline;
}
.cl-project-cart-review__edit-button:focus {
  outline: 2px solid #0099d9;
  outline-offset: 2px;
}
.cl-project-cart-review__info-label {
  margin: 0;
  font-size: 0.9rem;
  font-weight: normal;
  color: #666666;
}
.cl-project-cart-review__info-value {
  margin: 0;
  font-size: 1rem;
  color: #0099d9;
}
.cl-project-cart-review__info-value--class {
  font-weight: 700;
  color: #000000;
  margin: 0;
}
.cl-project-cart-review__books-grid {
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(auto-fit, 117px);
  column-gap: 22px;
  row-gap: 3rem;
  margin-top: 16px;
  justify-content: start;
  overflow: hidden;
}
.cl-project-cart-review__book {
  box-sizing: border-box;
  width: 117px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.cl-project-cart-review__book::after {
  content: "";
  background-color: #cccccc;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  width: 100vw;
  height: 1px;
}
@media screen and (max-width: 36em) {
  .cl-project-cart-review__book {
    width: 100px;
  }
}
@media screen and (max-width: 28em) {
  .cl-project-cart-review__book {
    width: 90%;
  }
}
.cl-project-cart-review__course {
  height: 170px;
  margin: 0;
  font-weight: 600;
  background-color: #85c2dc;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.cl-project-cart-review__course--math {
  background-color: #f45f8c;
}
.cl-project-cart-review__course--english {
  background-color: #194f90;
}
.cl-project-cart-review__book-cover {
  height: 170px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.cl-project-cart-review__book-cover img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 36em) {
  .cl-project-cart-review__book-cover {
    height: 145px;
    width: 100px;
  }
}
@media screen and (max-width: 28em) {
  .cl-project-cart-review__book-cover {
    height: 100%;
    width: 100%;
  }
}
.cl-project-cart-review__book-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
.cl-project-cart-review__book-subject {
  font-size: 0.75rem;
  color: #999999;
  line-height: 0.75rem;
  margin: 0 0 5px 0;
}
.cl-project-cart-review__book-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #333333;
  margin: 0 0 5px 0;
  height: calc(2* $font-size-xs);
  line-height: 0.75rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-project-cart-review__book-title--course {
  height: 0.75rem;
}
.cl-project-cart-review__book-publisher, .cl-project-cart-review__book-author {
  font-size: 0.75rem;
  color: #666666;
  margin: 0 0 5px 0;
  height: calc(2* $font-size-xs);
  line-height: 0.75rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-project-cart-review__book-price {
  font-size: 14px;
  font-weight: 600;
  color: #0099d9;
  margin: 4px 0 0;
}
.cl-project-cart-review__future-content {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.cl-project-cart-review__future-message {
  font-size: 16px;
  color: #999999;
  text-align: center;
  max-width: 70%;
}
.cl-project-cart-review__book-delivery {
  margin-top: 8px;
}
.cl-project-cart-review__delivery-status {
  font-size: 12px;
  color: #4CAF50;
  background-color: rgba(76, 175, 80, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
}
.cl-project-cart-review__actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  gap: 20px;
}
.cl-project-cart-review__payment-button {
  height: 50px;
  width: 160px;
}
@media (max-width: 48em) {
  .cl-project-cart-review__summary {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
  }
  .cl-project-cart-review__summary-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .cl-project-cart-review__summary-title {
    width: 100%;
    margin-bottom: 12px;
  }
  .cl-project-cart-review__summary-details {
    width: auto;
    flex-direction: row;
    align-items: center;
  }
  .cl-project-cart-review__summary-item {
    flex-direction: column;
  }
  .cl-project-cart-review__books-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
@media screen and (max-width: 48em) and (max-width: 36em) {
  .cl-project-cart-review__books-grid {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
@media screen and (max-width: 48em) and (max-width: 28em) {
  .cl-project-cart-review__books-grid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }
}
@media (max-width: 48em) {
  .cl-project-cart-review__hard-copy-book {
    flex-direction: column;
  }
  .cl-project-cart-review__hard-copy-book .cl-project-cart-review__book-cover {
    height: 140px;
    margin-bottom: 10px;
  }
}
@media (max-width: 48em) {
  .cl-project-cart-review__actions {
    flex-direction: column-reverse;
  }
  .cl-project-cart-review__actions .cl-project-cart-review__payment-button {
    width: 100%;
  }
}

.cl-signup-completed-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-signup-completed-page__welcome {
  margin: 0;
}
.cl-signup-completed-page__welcome h2 {
  font-size: 1.25rem;
}
.cl-signup-completed-page__check-circle-text {
  align-items: center;
  direction: rtl;
  display: inline-flex;
  gap: 0.6875rem;
}
.cl-signup-completed-page__check-circle-custom {
  border-radius: 50%;
  box-shadow: 0 0 4px 4px rgba(34, 197, 94, 0.22);
  color: #22c55e;
  font-size: 2rem;
}
.cl-signup-completed-page__signup-block .element {
  width: 100%;
}
.cl-signup-completed-page__signup-block .element.cl-button-custom {
  font-size: 0.9rem;
  height: 50px;
  margin: 0 0 24px 0;
  padding: 0.875rem 0.375rem 0.875rem 0.3125rem;
  width: 10rem;
}
.cl-signup-completed-page__section-header {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-bottom: 2rem;
}
.cl-signup-completed-page__section-header-content {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
  padding: 0;
}
.cl-signup-completed-page__section-header-image {
  margin: 0 0 9px 4px;
  object-fit: cover;
  padding: 0;
  width: 10rem;
}
.cl-signup-completed-page__section-header-win-image {
  margin: 20px 0 4px 0;
  object-fit: cover;
  padding: 0;
  width: 10rem;
}
.cl-signup-completed-page__section-header-qr-image {
  height: 6.25rem;
  margin: 0;
  object-fit: cover;
  padding: 0;
  width: 6.25rem;
}
.cl-signup-completed-page__section-title {
  color: #000;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: bold;
  line-height: 2;
  margin: 0 0 0 14px;
}
.cl-signup-completed-page__section-title-description {
  color: #4b5563;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 0 14px;
}
.cl-signup-completed-page__appstores {
  display: flex;
  padding-bottom: 10px;
  padding-top: 8px;
}
.cl-signup-completed-page__appstores-line {
  background-color: #d0d0d0;
  height: 164px;
  width: 1px;
}
.cl-signup-completed-page__appstores-appstore-qr-code {
  margin-top: 1rem;
}
.cl-signup-completed-page__appstores-playstore-qr-code {
  margin-top: 1rem;
}

.check-circle-text {
  align-items: center;
  direction: rtl;
  display: inline-flex;
  gap: 0.6875rem;
}

.fa-check-circle {
  border-radius: 50%;
  box-shadow: 0 0 4px 4px rgba(34, 197, 94, 0.22);
  color: #22c55e;
  font-size: 2rem;
}

.cl-class-selector .element {
  width: 100%;
}
.cl-class-selector .element.cl-button-custom {
  font-size: 0.9rem;
  height: 50px;
  margin: 0 0 24px 0;
  padding: 0.875rem 0.375rem 0.875rem 0.3125rem;
  width: 10rem;
}
.cl-class-selector .cl-section-title {
  color: #000;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: bold;
  line-height: 2;
  margin: 0 0 0 14px;
}
.cl-class-selector .cl-section-title__description {
  color: #4b5563;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 0 14px;
}
.cl-class-selector .cl-section-header {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-bottom: 2rem;
}
.cl-class-selector .cl-section-header__content {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
  padding: 0;
}
.cl-class-selector .cl-section-header__image {
  margin: 0 0 9px 4px;
  object-fit: cover;
  padding: 0;
  width: 10rem;
}
.cl-class-selector .cl-section-header__win-image {
  margin: 20px 0 4px 0;
  object-fit: cover;
  padding: 0;
  width: 10rem;
}
.cl-class-selector .cl-section-header__qr_image {
  height: 6.25rem;
  margin: 0;
  object-fit: cover;
  padding: 0;
  width: 6.25rem;
}
.cl-class-selector .cl-appstores {
  display: flex;
  padding-bottom: 10px;
  padding-top: 8px;
}
.cl-class-selector .cl-appstores__line-6 {
  background-color: #d0d0d0;
  height: 164px;
  width: 1px;
}
.cl-class-selector .cl-appstore-qr-code {
  margin-top: 1rem;
}
.cl-class-selector .cl-playstore-qr-code {
  margin-top: 1rem;
}

.cl-teacher-class-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-teacher-class-page__buttons {
  margin-top: 1rem;
}
.cl-teacher-class-page__class h3 {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.cl-teacher-class-page__select-class {
  margin: 0;
  width: 85%;
}
@media (max-width: 48em) {
  .cl-teacher-class-page__select-class {
    width: 100%;
  }
}

.next-button {
  width: 100%;
  margin: 30px 0 0;
}
.next-button .custom-size {
  width: 100%;
  height: 50px;
}

.cl-payment-page {
  width: 100%;
}
.cl-payment-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-payment-page__payment-block {
  width: 100%;
  margin: 0;
}
.cl-payment-page-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0;
}
.cl-payment-page-form__field-label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.cl-payment-page-form__field-coupon {
  margin: 0;
  width: 100%;
  display: flex;
  gap: 20px;
}
@media (max-width: 48em) {
  .cl-payment-page-form__field-coupon {
    flex-direction: column;
  }
}
.cl-payment-page-form__field-coupon .coupon-code-input {
  flex: 0 1 100%;
  max-width: 420px;
}
.cl-payment-page-form__field-coupon .custom-size-button {
  flex: 1;
  height: 46px;
}
@media (max-width: 48em) {
  .cl-payment-page-form__field-coupon .custom-size-button {
    flex: unset;
  }
}
.cl-payment-page .payment-option-button {
  width: 160px;
  height: 90px;
}

.cl-tranzila-payment__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-tranzila-payment__form-error {
  bottom: -24px;
}
.cl-tranzila-payment-form {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 25px;
}
.cl-tranzila-payment-form__field {
  box-sizing: border-box;
  height: 70px;
  margin: 0;
  grid-column: span 3;
}
@media (max-width: 48em) {
  .cl-tranzila-payment-form__field {
    grid-column: span 6;
  }
}
.cl-tranzila-payment-form__field__payment-button, .cl-tranzila-payment-form__field__credit-card {
  width: 100%;
  grid-column: span 6;
}
.cl-tranzila-payment-form__field__expiration {
  grid-column: span 4;
}
@media (max-width: 48em) {
  .cl-tranzila-payment-form__field__expiration {
    grid-column: span 6;
  }
}
.cl-tranzila-payment-form__field__cvv {
  grid-column: span 2;
}
@media (max-width: 48em) {
  .cl-tranzila-payment-form__field__cvv {
    grid-column: span 6;
  }
}
.cl-tranzila-payment-form__field-label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.cl-tranzila-payment-form__field .payment-button {
  width: 100%;
  height: 50px;
  margin-top: 20px;
}
.cl-tranzila-payment-form__general-error {
  width: 100%;
  height: 50px;
  grid-column: span 6;
}
.cl-tranzila-payment__logos {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  height: 50px;
  width: 100%;
  margin-top: 1rem;
  justify-content: center;
}
.cl-tranzila-payment__logos img {
  margin: 0;
  height: 48px;
}
.cl-tranzila-payment .payment-option-button {
  width: 160px;
  height: 90px;
}

.cl-stripe-payment__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cl-stripe-payment__form-error {
  position: absolute;
  font-size: 12px;
  color: #E13522;
  margin-top: 3px;
  line-height: normal;
  bottom: -24px;
}
.cl-stripe-payment-form {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 25px;
}
.cl-stripe-payment-form__field {
  box-sizing: border-box;
  height: 70px;
  margin: 0;
  grid-column: span 3;
}
@media (max-width: 48em) {
  .cl-stripe-payment-form__field {
    grid-column: span 6;
  }
}
.cl-stripe-payment-form__field__payment-button, .cl-stripe-payment-form__field__credit-card {
  width: 100%;
  grid-column: span 6;
}
.cl-stripe-payment-form__field-label {
  color: #333333;
  font-size: 1rem;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.cl-stripe-payment-form__field .payment-button {
  width: 100%;
  height: 50px;
  margin-top: 20px;
}
.cl-stripe-payment .payment-option-button {
  width: 160px;
  height: 90px;
}
.cl-stripe-payment .credit-card {
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 0 10px;
  background-color: #fff;
  height: 50px;
  align-items: center;
}
.cl-stripe-payment .credit-card:focus-within {
  border-color: #0099D9;
}
.cl-stripe-payment .credit-card .StripeElement {
  width: 100%;
  height: 40px;
  padding: 10px 0;
}
.cl-stripe-payment .credit-card .StripeElement--invalid {
  border-color: #E13522;
}
.cl-stripe-payment .pay-now {
  margin: 20px 0;
}
.cl-stripe-payment .pay-now .StripeElement--payment-request-button {
  height: 50px !important;
  border-radius: 6px !important;
}
.cl-stripe-payment .payment-error {
  background-color: #fff5f5;
  border: 1px solid #fed7d7;
  border-radius: 6px;
  padding: 16px;
  color: #c53030;
}
.cl-stripe-payment .payment-error .title {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 1rem;
}

.cl-cart-total {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cl-cart-total__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
}
.cl-cart-total__row {
  display: flex;
  flex-direction: row;
  align-items: start;
  margin: 0;
  justify-content: space-between;
}
.cl-cart-total__row--final {
  align-items: start;
  border-top: 1px solid #CCCCCC;
  padding-top: 20px;
}
.cl-cart-total__description {
  margin: 0;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
.cl-cart-total__description h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.cl-cart-total__description p {
  font-size: 0.875rem;
  color: #666666;
  margin: 0.4rem 0 0 0;
}
.cl-cart-total__sum {
  display: flex;
  text-align: start;
  align-items: flex-start;
  flex-direction: column;
  width: 7rem;
}
@media (max-width: 36em) {
  .cl-cart-total__sum {
    width: 4rem;
  }
}
.cl-cart-total__amount {
  font-weight: 600;
  font-size: 2rem;
}
@media (max-width: 36em) {
  .cl-cart-total__amount {
    font-size: 1.2rem;
  }
}
.cl-cart-total__amount--total {
  color: #0099d9;
  margin: 0;
}
.cl-cart-total__amount--deduction {
  color: #333333;
  margin: 0;
}
.cl-cart-total__payment-button {
  margin: 0;
}
.cl-cart-total__payment-button .custom-size {
  width: 100%;
  height: 52px;
}
.cl-cart-total__payment-button--desktop {
  width: 180px;
}
@media (max-width: 48em) {
  .cl-cart-total__payment-button--desktop {
    display: none;
  }
}
.cl-cart-total__payment-button--mobile {
  width: 100%;
  display: none;
}
@media (max-width: 48em) {
  .cl-cart-total__payment-button--mobile {
    display: block;
  }
}

.cl-processing-notice-page__content .cl-card {
  padding: 2rem;
  text-align: center;
}
.cl-processing-notice-page__container {
  margin: 0 auto;
  max-width: 400px;
}
.cl-processing-notice-page__icon {
  color: #0099d9;
  font-size: 3rem;
  margin-bottom: 1.5rem;
}
.cl-processing-notice-page__icon--error {
  animation: none;
  color: #dc3545;
}
.cl-processing-notice-page__title {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.cl-processing-notice-page__title--error {
  color: #dc3545;
}
.cl-processing-notice-page__message {
  color: #666;
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.cl-processing-notice-page__timer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2rem;
}
.cl-processing-notice-page__timer-circle {
  align-items: center;
  background: #f8f9fa;
  border: 3px solid #0099d9;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  width: 80px;
}
.cl-processing-notice-page__timer-text {
  color: #0099d9;
  font-size: 1.5rem;
  font-weight: 700;
}
.cl-processing-notice-page__timer-label {
  color: #666;
  font-size: 0.875rem;
  margin: 0;
}
.cl-processing-notice-page__error .cl-processing-notice-page__icon--error {
  animation: none;
  color: #dc3545;
}
.cl-processing-notice-page__error .cl-processing-notice-page__title--error {
  color: #dc3545;
}
.cl-processing-notice-page__retry-info {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  margin: 1rem 0;
  padding: 0.75rem;
}
.cl-processing-notice-page__retry-info-message {
  color: #856404;
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
}
.cl-processing-notice-page__error-details {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  margin-top: 1rem;
  padding: 0.75rem;
}
.cl-processing-notice-page__error-details p {
  color: #721c24;
  font-size: 0.875rem;
  margin: 0;
}

.cart-paid-section__next-button {
  width: 100%;
  height: 50px;
}

/* Support Form Styles */
.support-form {
  padding: 20px;
}
.support-form .element {
  margin-bottom: 20px;
}
.support-form .predefined-answer-block {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #f9f9f9;
}
.support-form .predefined-answer-block h2 {
  margin-top: 0;
  font-size: 16px;
  color: #333;
}
.support-form .predefined-answer-block hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 15px 0;
}
.support-form .predefined-answer-block .predefined-answer {
  line-height: 1.5;
  color: #555;
}
.support-form .predefined-answer-block .predefined-answer.space {
  margin-bottom: 20px;
}
.support-form .predefined-answer-block .need-help {
  margin-top: 15px;
}
.support-form .predefined-answer-block .need-help .did-get-helped {
  margin-bottom: 10px;
  font-weight: 500;
}
.support-form .predefined-answer-block .need-help .helped-btn {
  margin-right: 10px;
  padding: 8px 16px;
  border: 1px solid #007bff;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.support-form .predefined-answer-block .need-help .helped-btn:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}
.support-form .predefined-answer-block .need-help .helped-btn:last-child {
  background-color: #6c757d;
  border-color: #6c757d;
}
.support-form .predefined-answer-block .need-help .helped-btn:last-child:hover {
  background-color: #545b62;
  border-color: #545b62;
}
.support-form .predefined-answer-block .helped {
  display: flex;
  align-items: center;
  color: #28a745;
  font-weight: 500;
}
.support-form .predefined-answer-block .helped i {
  margin-right: 8px;
  font-size: 18px;
}
.support-form .names {
  display: inline-block;
  width: calc(50% - 5px);
  margin-right: 10px;
}
.support-form .names:last-child {
  margin-right: 0;
}
.support-form .email, .support-form .phone {
  width: 100%;
}
.support-form .description {
  width: 100%;
}
.support-form #submit {
  padding: 12px 24px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.2s;
}
.support-form #submit:hover:not(:disabled) {
  background-color: #0056b3;
}
.support-form #submit:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.support-form .form-error, .support-form .cl-tranzila-payment__form-error {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}
.support-form .form-error.submit-error, .support-form .submit-error.cl-tranzila-payment__form-error {
  margin-top: 15px;
  font-weight: 500;
}

/* RTL Support */
.rtl .support-form .names {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .support-form .names:last-child {
  margin-left: 0;
}
.rtl .support-form .predefined-answer-block .helped i {
  margin-right: 0;
  margin-left: 8px;
}
.rtl .support-form .predefined-answer-block .need-help .helped-btn {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .support-form .predefined-answer-block .need-help .helped-btn:last-child {
  margin-left: 0;
}

.cl-device-not-supported-page__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 36em) {
  .cl-device-not-supported-page__content {
    gap: 1.5rem;
  }
}
.cl-device-not-supported-page__message {
  margin: 0 0 2.0625rem 0;
}
.cl-device-not-supported-page__message h2 {
  font-size: 1.25rem;
}
.cl-device-not-supported-page__message p {
  margin-bottom: 0.625rem;
}
.cl-device-not-supported-page__description {
  font-size: 0.875rem;
  line-height: 1.71;
  font-weight: 400;
  font-style: normal;
  color: #666666;
  margin: 1rem 0 0 0;
  align-items: flex-start;
}
.cl-device-not-supported-page__notification {
  width: 100%;
}
.cl-device-not-supported-page__selector .element {
  width: 100%;
}
.cl-device-not-supported-page__selector .element.cl-button-custom {
  height: 50px;
  font-size: 0.9rem;
  width: 10rem;
  margin: 0 0 1.5rem 0;
  padding: 0.875rem 0.3125rem 0.875rem 0.375rem;
  /* 14px 5px 14px 6px */
}
.cl-device-not-supported-page__section-title {
  font-size: 1.125rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  margin: 0;
  color: #333333;
}
.cl-device-not-supported-page__section-title-description {
  font-size: 0.875rem;
  line-height: 1.71;
  font-weight: 400;
  font-style: normal;
  color: #666666;
  margin: 0;
}
.cl-device-not-supported-page__section-header {
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
}
.cl-device-not-supported-page__section-header-content {
  display: flex;
  flex-direction: column;
  margin: 0 0 1.25rem 0;
  padding: 0;
}
.cl-device-not-supported-page__section-header-image {
  width: 10rem;
  margin: 0 0 0.5625rem 0.375rem;
  padding: 0;
  object-fit: cover;
}
.cl-device-not-supported-page__section-header-win-image {
  width: 10rem;
  margin: 1.25rem 0 0.25rem 0;
  padding: 0;
  object-fit: cover;
}
.cl-device-not-supported-page__section-header-qr-image {
  width: 6.25rem;
  height: 6.25rem;
  margin: 0;
  padding: 0;
  object-fit: cover;
}
.cl-device-not-supported-page__section-header__appstores {
  display: flex;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
}
.cl-device-not-supported-page__section-header__appstores-line {
  width: 1px;
  height: 10.25rem;
  background-color: #dee2e6;
}
.cl-device-not-supported-page__section-header__appstore-qr {
  margin-top: 1rem;
}
.cl-device-not-supported-page__section-header__playstore-qr {
  margin-top: 1rem;
}
.cl-device-not-supported-page__others-block {
  margin: 0;
}
.cl-device-not-supported-page__others-block hr {
  margin: 1.5rem 0;
}
.cl-device-not-supported-page__intermediate-title {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 700;
}

/*-------------------------------------------------------------------------------------------------*/
/*                    Classoos Developer Features Styles                                        */
/*-------------------------------------------------------------------------------------------------*/
.cl-dev-main {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.cl-dev-main h1 {
  color: #0099d9;
  margin-bottom: 25px;
  text-align: center;
}
.cl-dev-main__navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
}
.cl-dev-main__link {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  border: 1px solid #ddd;
  transition: all 0.2s ease;
}
.cl-dev-main__link:hover {
  background-color: #0099d9;
  color: white;
  border-color: #0099d9;
}
.cl-dev-main__content {
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.cl-dev-design-book {
  padding: 20px;
}
.cl-dev-design-book__section {
  margin-bottom: 30px;
}
.cl-dev-design-book__section > div {
  margin-bottom: 15px;
}
.cl-dev-design-book h3 {
  color: #666666;
  margin-top: 15px;
  margin-bottom: 10px;
}

.cl-dev-test {
  padding: 20px;
}
.cl-dev-test__container {
  max-width: 800px;
  margin: 0 auto;
}
.cl-dev-test__actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.cl-dev-test .test-success {
  padding: 15px;
  background-color: #e7f7ee;
  border-left: 4px solid #28a745;
  border-radius: 4px;
}
.cl-dev-test .test-error {
  padding: 15px;
  background-color: #fde8e8;
  border-left: 4px solid #dc3545;
  border-radius: 4px;
}

.cl-dev-stripe {
  padding: 20px;
}
.cl-dev-stripe__container {
  max-width: 700px;
  margin: 0 auto;
}
.cl-dev-stripe__info {
  background-color: #f8f9fa;
}
.cl-dev-stripe__info p {
  margin-bottom: 10px;
}
.cl-dev-stripe__info p:last-child {
  margin-bottom: 0;
}
.cl-dev-stripe__amount {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  font-size: 18px;
}
.cl-dev-stripe__price {
  font-weight: bold;
  color: #0099d9;
}
.cl-dev-stripe__card-element {
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f9fa;
}
.cl-dev-stripe__card-errors {
  color: #f44336;
  font-size: 14px;
  margin-bottom: 15px;
  min-height: 20px;
}
.cl-dev-stripe__submit-button {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  color: white;
  background-color: #0099d9;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.cl-dev-stripe__submit-button:hover {
  background-color: #0075a6;
}
.cl-dev-stripe__submit-button:disabled {
  background-color: #40c7ff;
  cursor: not-allowed;
}
.cl-dev-stripe__result {
  margin-top: 20px;
}
.cl-dev-stripe__result .payment-success {
  padding: 15px;
  background-color: #e7f7ee;
  border-left: 4px solid #28a745;
  border-radius: 4px;
}
.cl-dev-stripe__result .payment-success h3 {
  margin-top: 0;
  color: #28a745;
}
.cl-dev-stripe__result .payment-error {
  padding: 15px;
  background-color: #fde8e8;
  border-left: 4px solid #dc3545;
  border-radius: 4px;
}
.cl-dev-stripe__result .payment-error h3 {
  margin-top: 0;
  color: #dc3545;
}

.cl-dev-back-button {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  margin: 20px 0;
  color: #0099d9;
  background-color: transparent;
  border: 1px solid #0099d9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.cl-dev-back-button i {
  margin-right: 8px;
}
.cl-dev-back-button:hover {
  background-color: rgba(0, 153, 217, 0.1);
  color: #0075a6;
}
.cl-dev-back-button:active {
  transform: translateY(1px);
}
body.rtl .cl-dev-back-button i {
  margin-right: 0;
  margin-left: 8px;
  transform: rotate(180deg);
}
.cl-dev-section, .cl-dev-design-book__section, .cl-dev-test__section, .cl-dev-stripe__info, .cl-dev-stripe__form {
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.cl-dev-section h2, .cl-dev-design-book__section h2, .cl-dev-test__section h2, .cl-dev-stripe__info h2, .cl-dev-stripe__form h2 {
  color: #333333;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.cl-dev h1 {
  color: #0099d9;
  margin-bottom: 25px;
  text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------
02 General & Classes ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
h1, h2, h3,
h4, h5, h6 {
  font-weight: normal;
}

textarea {
  font-family: inherit;
  border: 1px solid #CCCCCC;
}

textarea:disabled {
  background-color: #F6F6F6;
}

textarea:hover {
  border: 1px solid #666666;
}

textarea:disabled:hover {
  border: 1px solid #CCCCCC;
}

input:focus {
  outline: none;
}

input:hover {
  border: 1px solid #666666;
}

input:disabled:hover {
  border: 1px solid #CCCCCC;
}

/* Clear Classes */
.clear {
  clear: both;
}

.hidden {
  display: none;
}

.clear-group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden;
  /* For clearing */
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/* Box Sizing */
.box-sizing,
.box-sizing:after,
.box-sizing:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bold {
  font-weight: bold !important;
}

.clean {
  background: transparent !important;
  padding: 0;
  margin: 0 !important;
  border: 0 !important;
}

/* Centerd Elements */
.center-div {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.center-outside {
  display: table;
}

.center-inside {
  vertical-align: middle;
  width: auto;
  display: table-cell;
}

.angular-center-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: table;
  z-index: 100;
}

.angular-centered {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.two-columns {
  width: 50%;
}

.one-column {
  width: 100%;
}

/* Placeholder */
:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

::-webkit-input-placeholder {
  color: #B3C4CE;
}

:-moz-placeholder {
  color: #B3C4CE;
}

::-moz-placeholder {
  color: #B3C4CE;
}

:-ms-input-placeholder {
  color: #B3C4CE;
}

/* Directions */
.ltr ::-webkit-input-placeholder {
  direction: ltr;
  text-align: left;
}

.ltr :-moz-placeholder {
  direction: ltr;
  text-align: left;
}

.ltr ::-moz-placeholder {
  direction: ltr;
  text-align: left;
}

.ltr :-ms-input-placeholder {
  direction: ltr;
  text-align: left;
}

textarea.ltr::-webkit-input-placeholder {
  direction: ltr;
  text-align: left;
}

textarea.ltr:-moz-placeholder {
  direction: ltr;
  text-align: left;
}

textarea.ltr::-moz-placeholder {
  direction: ltr;
  text-align: left;
}

textarea.ltr:-ms-input-placeholder {
  direction: ltr;
  text-align: left;
}

.rtl ::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
}

.rtl :-moz-placeholder {
  direction: rtl;
  text-align: right;
}

.rtl ::-moz-placeholder {
  direction: rtl;
  text-align: right;
}

.rtl :-ms-input-placeholder {
  direction: rtl;
  text-align: right;
}

textarea.rtl::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
}

textarea.rtl:-moz-placeholder {
  direction: rtl;
  text-align: right;
}

textarea.rtl::-moz-placeholder {
  direction: rtl;
  text-align: right;
}

textarea.rtl:-ms-input-placeholder {
  direction: rtl;
  text-align: right;
}

button,
select {
  font-family: arial;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.no-pointer {
  cursor: default !important;
}

html {
  --html-background-color: #F2F2F2;
  background-color: var(--html-background-color);
}
html.light-bg {
  --html-background-color: #FFFFFF;
}

body {
  font-size: 16px;
  color: #666666;
  background: #fafafa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------------------------------------------------*/
/*                             General Direction Rules                          */
/*------------------------------------------------------------------------------*/
.ltr {
  direction: ltr;
  text-align: left;
}

.rtl {
  direction: rtl;
  text-align: right;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

input.ltr {
  direction: ltr;
}

input.rtl {
  direction: rtl;
}

.rtlElement {
  direction: rtl !important;
  text-align: right !important;
}

.ltrElement {
  direction: ltr !important;
  text-align: left !important;
}

/*------------------------------------------------------------------------------*/
/*                          General Language Rules                              */
/*------------------------------------------------------------------------------*/
body,
:lang(he) {
  font-family: "OpenSansHebrew", serif;
}

:lang(en) {
  font-family: "OpenSans", serif;
}

.logo {
  font-family: "Ezmel-Regular" !important;
  font-weight: normal;
}

body.lang-he h1.logo {
  font-family: "Ezmel-Regular" !important;
  font-weight: normal;
}

body.lang-en .logo {
  font-family: "Helvetica-Bold" !important;
  font-weight: normal;
}

/* Element level language support */
.heElement {
  font-family: "OpenSansHebrew", serif !important;
  font-weight: normal;
}

.arElement {
  font-family: "Lateef", "Arial", serif !important;
  font-weight: normal;
}

.enElement {
  font-family: "OpenSans", serif !important;
  font-weight: normal;
}

/*------------------------------------------------------------------------------*/
.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.width-height-100 {
  width: 100%;
  height: 100%;
}

.height-width-100 {
  width: 100%;
  height: 100%;
}

.align-center {
  text-align: center;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-28 {
  font-size: 28px;
}

.margin-5 {
  margin: 5px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-right-0 {
  margin-right: 0 !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

/* ----------------------------------------------------------------------------------------------------------
Colors ------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.light-blue {
  background-color: #0099d9;
}

.dark-blue {
  background-color: #0E82D3;
}

.light-orange {
  background-color: #F65543;
}

.dark-orange {
  background-color: #E13522;
}

.kalsefer-red {
  background-color: #FF0000;
}

.kalsefer-light-red {
  background-color: #F75B3B;
}

.light-yellow {
  background-color: #EEC52B;
}

.dark-yellow {
  background-color: #DCB00A;
}

.kalsefer-yellow {
  background-color: #FFCC00;
}

.kalsefer-orange {
  background-color: #FF9933;
}

.light-green {
  background-color: #54DB8C;
}

.dark-green {
  background-color: #25C266;
}

.kalsefer-green {
  background-color: #00CC66;
}

.kalsefer-dark-gray {
  background-color: #666666;
}

.light-gray-brown {
  background-color: #CCD7DD;
}

.dark-gray-brown {
  background-color: #B3C4CE;
}

.light-gray {
  background-color: #f5f5f5;
}

.dark-gray {
  background-color: #999999;
}

.light-gray-blue {
  background-color: #EDEDED;
}

.dark-gray-blue {
  background-color: #DEDEDE;
}

/* ----------------------------------------------------------------------------------------------------------
shapes ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.oval {
  border-radius: 10px;
  height: 20px;
  padding: 0px 6px;
  text-align: center;
}

.green-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 13px 0 13px;
  border-color: #00cc66 transparent transparent transparent;
}

.red-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 13px 0 13px;
  border-color: #F75B3B transparent transparent transparent;
}

/* ----------------------------------------------------------------------------------------------------------
Elements ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.gray-line {
  margin: 0;
  border: none;
  border-top: 1px solid #B3C4CE;
}

.gray-line-top {
  margin: 0;
  margin-top: 25px;
  border: none;
  border-top: 1px solid #B3C4CE;
}

.gray-line-bottom {
  margin: 0;
  margin-bottom: 30px;
  border: none;
  border-top: 1px solid #B3C4CE;
}

.footerSpacer {
  height: 250px;
}

.required-field:after {
  content: " *";
  color: red;
}

/** Mobile **/
@media screen and (max-width: 450px) {
  .hr-generic {
    /*margin: 1em 0;*/
    width: 100%;
  }

  .kalsefer-button {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
    color: white;
    font-size: 18px;
    border: none;
    height: 35px;
    line-height: 35px;
    margin: 0;
  }

  .light-gray-blue-button:not(.no-hover):hover,
.light-gray-blue-button:not(.no-hover):active,
.light-gray-blue-button:not(.no-hover):hover,
.light-gray-blue-button:not(.no-hover):active {
    background: transparent;
  }
}
/** Tablet **/
@media screen and (min-width: 451px) {
  .hr-generic {
    margin: 1em 0;
    width: 100%;
  }

  .kalsefer-button {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
    color: white;
    font-size: 18px;
    padding: 0 38px;
    border: none;
    height: 35px;
    line-height: 35px;
    margin: 0;
  }

  .light-gray-blue-button:not(.no-hover):hover,
.light-gray-blue-button:not(.no-hover):active,
.light-gray-blue-button:not(.no-hover):hover,
.light-gray-blue-button:not(.no-hover):active {
    background: #DEDEDE;
  }
}
/* ----------------------------------------------------------------------------------------------------------
------------------------------------------------   TABLES ---------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.ks-data-table {
  padding: 0px;
  margin: 0px;
  border: 1px solid #cccccc;
  width: 100%;
  margin-bottom: 20px;
}

.ks-data-tablee tbody {
  width: 100%;
}

.ks-data-table thead {
  width: 100%;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  color: white;
  background-color: #389EDF;
}

.ks-data-table tr {
  border-bottom: 1px solid rgba(187, 187, 187, 0.3);
  width: 100%;
  padding: 5px;
  margin: 0;
}

.ks-data-table tr:nth-child(even) {
  background-color: #fafafa;
}

.ks-data-table tr.separator {
  border-bottom: 1px solid rgba(0, 153, 217, 0.25);
}

.ks-data-table thead td,
.ks-data-table thead th {
  height: 22px;
  padding-top: 5px;
  font-size: 16px;
}

.ks-data-table td {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 0;
  padding-top: 3px;
  margin: 0;
  vertical-align: top;
  height: 20px;
  font-size: 14px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
}

.ks-data-table.light-header thead {
  color: white;
  background-color: #F2F2F2;
}

.ks-data-table.light-header thead th {
  color: #666666;
  border: 1px solid #cccccc;
}

body.rtl .ks-data-table thead td,
body.rtl .ks-data-table thead th {
  padding-right: 8px;
}

body.rtl .ks-data-table td {
  padding-right: 5px;
}

body.ltr .ks-data-table thead td,
body.ltr .ks-data-table thead th {
  padding-left: 8px;
}

body.ltr .ks-data-table td {
  padding-left: 5px;
}

/* -------------------------------------------------------------------------------------------------------
-- Headers -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.ks-header_1 {
  color: white;
  background-color: #389EDF;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
  margin-bottom: 15px;
}

input[type=checkbox].ks-checkbox + label.ks-label {
  padding-left: 25px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].ks-checkbox:checked + label.ks-label {
  background-position: 0 -20px;
}

label.ks-label {
  background: url("/../img/forms/kscheckbox.png") no-repeat top left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ----------------------------------------------------------------------------------------------------------
Animations --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.cssFade {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 1;
}

.cssFade.ng-hide {
  display: block !important;
  opacity: 0;
}

.windows8 {
  position: relative;
  width: 30px;
  height: 10px;
  padding: 10px;
}

.windows8 .wBall {
  position: absolute;
  width: 29px;
  height: 29px;
  opacity: 0;
  -moz-transform: rotate(225deg);
  -moz-animation: orbit 6.6s infinite;
  -webkit-transform: rotate(225deg);
  -webkit-animation: orbit 6.6s infinite;
  -ms-transform: rotate(225deg);
  -ms-animation: orbit 6.6s infinite;
  -o-transform: rotate(225deg);
  -o-animation: orbit 6.6s infinite;
  transform: rotate(225deg);
  animation: orbit 6.6s infinite;
}

.windows8 .wBall .wInnerBall {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #389EDF;
  left: 0px;
  top: 0px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.windows8 #wBall_1 {
  -moz-animation-delay: 1.44s;
  -webkit-animation-delay: 1.44s;
  -ms-animation-delay: 1.44s;
  -o-animation-delay: 1.44s;
  animation-delay: 1.44s;
}

.windows8 #wBall_2 {
  -moz-animation-delay: 0.29s;
  -webkit-animation-delay: 0.29s;
  -ms-animation-delay: 0.29s;
  -o-animation-delay: 0.29s;
  animation-delay: 0.29s;
}

.windows8 #wBall_3 {
  -moz-animation-delay: 0.58s;
  -webkit-animation-delay: 0.58s;
  -ms-animation-delay: 0.58s;
  -o-animation-delay: 0.58s;
  animation-delay: 0.58s;
}

.windows8 #wBall_4 {
  -moz-animation-delay: 0.86s;
  -webkit-animation-delay: 0.86s;
  -ms-animation-delay: 0.86s;
  -o-animation-delay: 0.86s;
  animation-delay: 0.86s;
}

.windows8 #wBall_5 {
  -moz-animation-delay: 1.15s;
  -webkit-animation-delay: 1.15s;
  -ms-animation-delay: 1.15s;
  -o-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 0%;
  }
  30% {
    opacity: 1;
    -moz-transform: rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin: 7%;
  }
  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 30%;
  }
  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 39%;
  }
  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 70%;
  }
  76% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 0%;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin: 7%;
  }
  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 30%;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 39%;
  }
  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 70%;
  }
  76% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
}
@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 0%;
  }
  30% {
    opacity: 1;
    -ms-transform: rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin: 7%;
  }
  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 30%;
  }
  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 39%;
  }
  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 70%;
  }
  76% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
}
@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0%;
  }
  30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%;
  }
  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%;
  }
  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%;
  }
  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%;
  }
  76% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin: 0%;
  }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    animation-timing-function: ease-in-out;
    origin: 7%;
  }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin: 30%;
  }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin: 39%;
  }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin: 70%;
  }
  76% {
    opacity: 0;
    transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    transform: rotate(900deg);
  }
}
/* -------------------------------------------------------------------------------------------------------
----------------------------------------------   Special  ------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.disable-text-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.scr-reader {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important;
}

.print {
  display: none;
}

.no-print {
  display: block;
}

/* for developers use */
.todo {
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  margin: 10px;
  padding: 3px;
  color: red;
  background-color: yellow;
}

/* ----------------------------------------------------------------------------------------------------------
----------------------------------------------  Safari / iOS ------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*
===========================
TABLE OF CONTENTS:

01 Imports
02 General & Classes
03 Layout
04 Header
05 Sidebar
06 Forms
07 Tutorials
===========================
*/
.ks-radio {
  height: 20px;
  width: 20px;
  background: white;
  display: inline-block;
  border-radius: 11px;
  border: 1px solid #B3C4CE;
  vertical-align: middle;
  cursor: pointer;
}

.ks-radio.active {
  background: #389EDF;
}

/* ----------------------------------------------------------------------------------------------------------
06 Tabs -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.tabs {
  font-size: 18px;
  overflow: hidden;
}

.tabs ul {
  border-bottom: 1px solid #B3C4CE;
  width: 100%;
}

.tabs li {
  float: inherit;
  margin: 4px 1px -1px;
  background: white;
  border-bottom: 1px solid #B3C4CE;
  border-width: 4px 1px 1px;
}

.tabs li.active,
.tabs li.active:hover {
  border-style: solid;
  border-color: #389EDF;
  background-color: white;
  border-bottom-color: white;
  border-width: 4px 1px 1px;
  margin: 0 0 -1px;
}

.tabs li:hover {
  border-style: solid;
  border-color: #B3C4CE;
  background-color: #f2f2f2;
  border-width: 4px 1px 1px;
  margin: 0 0 -1px;
}

#books_nav.tabs li.active {
  border-top-color: #389EDF;
}

#groups_nav.tabs li.active {
  border-top-color: #F65543;
}

#share_nav.tabs li.active {
  border-top-color: #25C266;
}

.tabs li a {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  padding: 10px 30px;
  cursor: pointer;
}

.tab-options {
  position: absolute;
  z-index: 100;
  background-color: red;
  width: 160px;
  height: 80px;
  padding: 8px;
  font-size: 16px;
  line-height: 18px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Books List -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.list {
  padding-top: 1px;
  width: 100%;
}

.books.books-117 {
  border: 1px solid #EDEDED;
  border-top: 0;
  display: block;
  padding: 20px 0;
  width: 100%;
}

.books li:not(.hr) {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  padding-top: 20px;
}

.books.books-117 li:not(.hr) {
  width: 119px;
}

.books.books-96 li:not(.hr) {
  width: 96px;
}

.books li.hr {
  width: 100%;
  height: 1px;
}

.books li.hr hr {
  margin: 0;
}

/*.books li:nth-of-type(-n+5):after {
  content: "";
  display: block;
  height: 1px;
  width: 40%;
  margin: 10px;
  background: #f00;
}*/
.books.row-6-books li:nth-of-type(-n+6):not(.hr) {
  border-top: 0;
  padding-top: 0;
}

.books.row-4-books li:nth-of-type(-n+4):not(.hr) {
  border-top: 0;
  padding-top: 0;
}

.books li span {
  position: absolute;
  /*         background: #F65543;*/
  font-size: 12px;
  color: white;
  /*padding: 1px 9px;*/
  z-index: 1;
}

.books li a {
  position: relative;
  margin-bottom: 5px;
  height: 172px;
  border: 1px solid #B3C4CE;
}

.books li a .book-mark {
  height: 170px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 117px;
  background: transparent;
  border: 3px solid transparent;
}

.books li a:hover .book-mark {
  border-color: #389EDF;
}

.books li.active a .book-mark {
  border-color: #F65543;
}

.books li a img,
.books li a div {
  height: 170px;
  width: 117px;
}

.books li p {
  font-size: 12px;
  margin: 3px 0;
  overflow: hidden;
  max-height: 44px;
  word-wrap: break-word;
}

.books p:last-child {
  margin-bottom: 0;
}

/* Animation for removing book from bookshelf */
/*.books.row-6-books .list .book.ng-leave  {
  transition:0.5s ease-out all;
  transform: scale(1);
  opacity:1;
}

.books.row-6-books .list .book.ng-leave.ng-leave-active {
  opacity:0;    
  transform: scale(0);
}*/
/*---*/
.list-header {
  background: #389EDF;
  width: 100%;
  height: 40px;
  margin-top: 20px;
}

.list-header > p {
  line-height: 40px;
  color: white;
  font-size: 18px;
}

.no_data_error {
  text-align: center;
  margin: 20px;
}

#books-use-app {
  height: 35px;
  width: 860px;
  margin: 15px 20px 0px 20px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 35px;
  vertical-align: center;
  color: white;
  background-color: #F75B3B;
}

#add_book_placeholder {
  width: 100%;
  padding: 20px 5px;
}

#add_book_placeholder .cover {
  height: 170px;
  width: 117px;
  float: right;
  background-color: #f2f2f2;
  border: 1px solid #d0d0d0;
}

#add_book_placeholder .cover .plus {
  height: 48px;
  width: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  color: white;
  background-color: #0099d9;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 42px;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
}

#add_book_placeholder .text {
  margin: 0 20px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #4a4a4a;
  text-align: right;
}

#add_book_placeholder .text a {
  font-family: inherit;
  color: #0099d9;
  cursor: hand;
}

/* ----------------------------------------------------------------------------------------------------------
06 Order By -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.list-header .orderBy > li {
  width: 140px;
}

.orderBy > li {
  background: #B3C4CE;
  padding: 8px;
  color: white;
  cursor: pointer;
  display: block;
}

.orderBy-books > li:hover,
.orderBy-books > li > ul > li:hover > a {
  background: #0E82D3;
  color: white;
}

.orderBy-groups > li:hover,
.orderBy-groups > li > ul > li:hover > a {
  background: #25C266;
  color: white;
}

.orderBy > li > ul {
  position: absolute;
  background: white;
  border: 1px solid #B3C4CE;
  border-top: 0;
  top: 32px;
  z-index: 12;
  width: 100%;
  overflow: auto;
  max-height: 180px;
}

.orderBy > li > ul > li > a {
  color: #666666;
  padding: 0px 17px;
  width: 100%;
  white-space: nowrap;
  line-height: 30px;
}

#book-abilities ul {
  float: inherit;
}

#book-abilities li {
  float: inherit;
  padding: 8px;
  /* background: #B3C4CE; */
  color: white;
  border: 1px solid white;
  /* width: 17px; */
  cursor: pointer;
  padding: 5px 18px;
  position: relative;
  top: 3px;
  font-size: 16px;
}

body.rtl #book-abilities li i {
  font-size: 14px;
}

#book-abilities li:hover {
  background: white;
  color: #389EDF;
}

/* ----------------------------------------------------------------------------------------------------------
06 Search Page ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#searchFilters {
  height: 120px;
  overflow: hidden;
  position: initial;
}

#searchFilters input[type=submit] {
  clear: both;
  display: block;
}

.filter-group {
  /* width: 22%; */
  position: absolute;
  border: 1px solid #B3C4CE;
  z-index: 10;
  background-color: white;
}

.filter-group h4 {
  font-size: 18px;
  padding: 5px 15px;
  background: #B3C4CE;
  color: white;
}

.filter-group div {
  padding: 20px 15px 0;
  /*padding: 20px 0 0 20px;*/
  display: block;
  overflow: hidden;
  -webkit-transition: max-height 0.6s ease-in-out;
  -moz-transition: max-height 0.6s ease-in-out;
  -o-transition: max-height 0.6s ease-in-out;
  -ms-transition: max-height 0.6s ease-in-out;
  transition: max-height 0.6s ease-in-out;
  transition-property: max-height;
  -moz-transition-property: max-height;
  -webkit-transition-property: max-height;
  -o-transition-property: max-height;
  margin-bottom: 0px;
  min-height: 90px;
  max-height: 90px;
  height: 90px;
  /* min-height     :50px; */
}

.long {
  max-height: 100% !important;
  /*min-height: 100% !important;*/
  height: 100% !important;
}

.filter-group.general {
  width: 220px;
}

.filter-group.book_type {
  width: 330px;
}

.filter-group.class_level {
  width: 120px;
}

.filter-group.subject {
  width: 200px;
  max-height: 500px;
  z-index: 20;
}

.filter-group.opened {
  box-shadow: 0px 0px 5px 1px #ccc;
}

.filter-group.subject.opened,
.filter-group.subject .long {
  width: 930px;
}

.filter-group.subject .long label {
  width: 20%;
}

.filter-group label {
  font-size: 12px;
  display: block;
  padding: 0 0 10px;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 12px;
  height: 22px;
}

body.lang-he .filter-group label {
  font-size: 14px;
  line-height: 14px;
  height: 24px;
}

.filter-group span {
  word-wrap: break-word;
  white-space: normal;
}

.expand {
  background: #F65543;
  color: white;
  font-size: 12px;
  padding: 3px;
  position: absolute;
  bottom: -1px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Modal-Share ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.modal-share .modal-wrapper > div:first-child > * {
  width: 50%;
  margin-top: 30px;
  /*margin-bottom: 30px;*/
}

.modal-share .modal-wrapper > div:first-child > p {
  padding: 8px;
}

.share-wrapper {
  /*margin-top: 30px;*/
}

.share-recipients {
  overflow: hidden;
}

.share-recipients ul {
  width: 100%;
  display: block;
  min-height: 27px;
  max-height: 87px;
  overflow: hidden;
}

.share-recipients ul li {
  background: #f2f2f2;
  color: #666666;
  border: 1px solid #B3C4CE;
  font-size: 14px;
  white-space: nowrap;
  line-height: 20px;
  margin: 0 5px 5px 5px;
  padding: 0 5px;
  line-height: 20px;
}

.share-recipients ul li i.icon-close-4 {
  font-size: 14px;
  cursor: pointer;
  font-weight: 200;
  color: black;
  line-height: 10px;
}

.modal-share .tabs {
  margin-top: 30px;
}

.share-select {
  margin: 30px 0;
  height: 262px;
}

.share-select > div {
  height: inherit;
  overflow: hidden;
  overflow-y: auto;
  width: 200px;
  max-width: 200px;
}

.share-select > div:first-child {
  /*min-width: auto;
  max-width: 200px;*/
}

/*.share-select > div:last-child {
    padding-left: 0;
    border-left: none;
    margin-left: 0;
}*/
.share-select-groupings > div:nth-child(2),
.share-select-groupings > div:nth-child(3),
.share-select-groupings > div:nth-child(4) {
  width: calc((100% - 125px) / 3);
  max-width: calc((100% - 125px) / 3);
}

.share-select-teachers_groups > div:nth-child(1),
.share-select-teachers_groups > div:nth-child(2),
.share-select-teachers_groups > div:nth-child(3) {
  width: calc((100% - 62px) / 3);
  max-width: calc((100% - 62px) / 3);
}

.share-select .classes {
  max-width: 302px;
  width: 302px;
}

.share-select .classes-levels {
  width: 30px;
  max-width: 30px;
}

.share-select .members {
  width: 215px;
  max-width: 215px;
}

.classes > div {
  margin-bottom: 10px;
}

.classes > div:last-child {
  margin-bottom: 0;
}

.share-select a {
  background: white;
  color: #666666;
  border: 1px solid #B3C4CE;
  cursor: pointer;
  font-size: 14px;
  display: block;
  line-height: 30px;
  min-width: 32px;
  white-space: nowrap;
}

.share-select a.check,
.share-select a:hover {
  color: white;
  background: #b3c4ce;
}

/* .share-select a.check:hover {
    background: #E13522;
} */
.share-select a.open {
  background: #ccd7dd;
  color: white;
}

.share-select a.horz {
  width: 42px;
  margin: -1px -1px 0px -1px;
  padding: 0px 0px 0px 0px;
}

.share-select a.horz:last-of-type {
  padding-top: 0;
  padding-bottom: 0;
  width: 42px;
  min-width: 42px;
}

.share-select a.horz:only-of-type {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  /*margin: -1px -1px 0px -1px;*/
}

.share-select a.vert {
  margin: -1px 0 -1px 0;
  /*padding: 1px 0 1px 5px;*/
  height: 30px;
  padding-top: 1px;
  padding-right: 15px;
  padding-bottom: 1px;
  padding-left: 15px;
  /*padding-left: 5px;*/
  /*width: auto;*/
}

.share-select a.vert:first-of-type {
  margin: 0 0 -1px 0;
  padding-top: 0;
  padding-bottom: 1px;
}

.share-select a.vert:last-of-type {
  margin: -1px 0 0 0;
  padding-top: 1px;
  padding-bottom: 0;
}

.share-select a.vert:only-of-type {
  margin: 0 0 0 0;
  padding-top: 0;
  padding-bottom: 0;
}

.share-select a.vert img {
  width: 25px;
  height: 25px;
  top: 50%;
  position: relative;
  margin-top: -12.5px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 13px;
}

.share-select a.all {
  min-width: 60px !important;
  text-align: center;
  color: #666666;
  background: #f2f2f2;
}

.share-select a.class_level {
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}

/*.class_levels_wrapper {
    margin-right: 90px;
}

.share-select a.member {
    padding-right: 0;
}*/
.share-select a.all-classes {
  width: 100%;
  text-align: center;
  margin: 0;
  color: #666666;
  background: #f2f2f2;
}

.share-select a.all-classes:hover,
.share-select a.all-classes.check,
.share-select a.all:hover,
.share-select a.all.check {
  color: white;
  background: #b3c4ce;
}

.share-comment {
  width: 100%;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 18px;
}

.share-public {
  display: block;
  padding: 10px 0;
}

/* ----------------------------------------------------------------------------------------------------------
06 View Book ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.modal-view .modal-dialog {
  width: 900px;
}

.modal-view h3 {
  background: #389EDF;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

.modal-view h3 i {
  float: left;
  line-height: 18px;
  cursor: pointer;
  font-size: 30px;
}

.modal-view iframe {
  width: 900px;
  height: 700px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Support --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.support-iframe {
  height: 1000px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Kalsefer Modal -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*.ks-upload-file .choose-file {
    float: right;
}*/
.ks-upload-file .filename {
  line-height: 30px;
}

.ks-upload-file .upload-progress {
  height: 20px;
  margin: 20px 0;
}

.ks-upload-file .upload-progress.upload-running {
  background: #389EDF;
}

.ks-upload-file .upload-progress.upload-error {
  background: #F65543;
  width: 100%;
}

.ks-upload-file .upload-progress.upload-success {
  background: #54DB8C;
  width: 100%;
}

.result-notification {
  font-size: 14px;
  padding: 20px;
  border-style: solid;
}

.result-notification.ng-hide-add {
  transition: 0.6s linear all;
  display: block !important;
  opacity: 0;
}

.result-notification-success {
  border-color: #25C266;
  background: #eafbee;
}

.result-notification-error {
  border-color: #ff6666;
  background: #ffcccc;
}

/* ----------------------------------------------------------------------------------------------------------
06 Instructions ---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*.instructions {
    margin-bottom: 20px;
    padding: 0;
    font-size: 18px;
}

.instructions img {
    float:  right;
    margin-left: 10px;
}

.instructions .text {
    padding-right: 100px;
}

.instructions .regular {
    padding: 15px;
    margin: 0;
    color: #666;
    background: #ededed;
    border-right: 5px solid #F65543;
}


.instructions .workflow {
    padding: 15px;
    margin: 0;
    color: white;
    background: #f85b3a;
    min-height: 90px;
}

*/
/* ----------------------------------------------------------------------------------------------------------
06 General Form Layout --------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.kalsefer-form h3 {
  background: #389EDF;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

.kalsefer-form > div {
  border: 1px solid #B3C4CE;
  border-top: none;
}

.kalsefer-form-inner {
  /*padding: 20px;*/
}

.form-footer {
  border-top: 1px solid #B3C4CE;
}

.submit-header,
.submit-footer {
  text-align: left;
}

.submit-footer button {
  min-width: 130px;
}

/* ----------------------------------------------------------------------------------------------------------
06 General Form Lines ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.kalsefer-form input[type=text],
.kalsefer-form input[type=number],
.kalsefer-form input[type=email],
.kalsefer-form select {
  border: 1px solid #B3C4CE;
  font-size: 18px;
  margin: 0 auto;
  color: #999999;
  padding: 0 5px;
  height: 35px;
  line-height: 35px;
}

.kalsefer-form label {
  font-size: 18px;
  color: #666666;
}

/* ----------------------------------------------------------------------------------------------------------
06 Bundles --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#choose_bundles_form button[type=submit] {
  width: 130px;
}

.bundle_choosing_instruction p {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.bundle-group .bundle-group-description {
  font-size: 18px;
  color: #41A4DE;
  font-weight: bold;
}

.bundle-group .bundles-wrapper {
  display: table;
}

.bundle-group .group-name {
  height: 100%;
  max-width: 120px;
  min-width: 120px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #ededed;
  color: #666666;
  font-size: 18px;
  padding: 15px;
}

.bundle-group .bundles-wrapper ul {
  height: 100%;
  /*width: calc(100% - 120px);*/
  width: 100%;
  display: table-cell;
  padding-right: 20px;
}

.bundle-group .bundles-wrapper > ul > li {
  height: 30px;
  margin-bottom: 10px;
}

.bundle-group .bundles-wrapper > ul > li:last-child {
  margin-bottom: 0;
}

.bundle-group .bundles-wrapper > ul > li > * {
  float: right;
  height: inherit;
  background: #ededed;
  line-height: 30px;
}

.bundle-group .bundles-wrapper .bundle-select {
  width: 30px;
  margin-left: 10px;
  /*padding: 6px;
  max-width: 30px;*/
  text-align: center;
}

.bundle-group .bundles-wrapper > ul > li.chosen .bundle-checkbox,
.bundle-group .bundles-wrapper > ul > li.chosen .bundle-line,
.bundle-group .group-name.chosen {
  background: #41A4DE;
  color: white;
}

.bundle-group .bundles-wrapper > ul > li.disabled .bundle-checkbox,
.bundle-group .bundles-wrapper > ul > li.disabled .bundle-line,
.bundle-group .group-name.disabled {
  background: #cccccc;
  color: white;
}

.bundle-group .bundles-wrapper .bundle-line {
  width: calc(100% - 40px);
  padding-left: 10px;
}

.bundle-group .bundles-wrapper .bundle-line > p {
  display: inline-block;
  font-size: 18px;
  float: right;
  padding-right: 20px;
}

.bundle-group .bundles-wrapper .bundle-line > a {
  font-size: 16px;
  float: left;
}

/* ----------------------------------------------------------------------------------------------------------
06 Approve Users --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.approve-table {
  border: 1px solid #cccccc;
  width: 100%;
  margin: 10px 0 80px 0;
}

.approve-table thead,
.approve-table tbody {
  width: 100%;
}

.approve-table .filter {
  margin: 0 10px;
  color: inherit;
  border: 1px solid #ccc;
}

#approve_nav.tabs li.active {
  border-top-color: #389EDF;
}

#approve-users .approve-line {
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

#approve-users thead .approve-line {
  background: #F2F2F2;
  height: 30px;
  color: #666666;
  font-size: 16px;
}

#approve-users .approve-cell {
  vertical-align: middle;
  text-align: center;
  padding: 0 20px;
}

#approve-users .approve-cell .plus-cell span {
  width: 20px;
  height: 20px !important;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  padding-top: 0;
  margin: 0;
}

#approve-users .approve-cell .plus-cell span:hover {
  background-color: #009DD9;
  color: white;
}

#approve-users .approve-cell .show_details,
#approve-users .approve-cell .show_details span {
  font-size: 12px;
  color: #666666;
  margin-top: -8px;
  margin-bottom: 11px;
  width: 100%;
  line-height: 15px;
}

#approve-users tbody .approve-cell {
  height: 60px;
  padding: 0 15px;
  position: relative;
}

#approve-users tbody .approve-line:nth-child(odd) {
  background: white;
}

#approve-users tbody .approve-line:nth-child(even) {
  background: #fafafa;
}

#approve-users tbody .approve-cell .form-error, #approve-users tbody .approve-cell .cl-tranzila-payment__form-error {
  margin-top: 0 !important;
}

#approve-users .approve-cell:not(.approve-cell-status) .select-box,
#approve-users .approve-cell:not(.approve-cell-status) .select-box {
  width: 100px;
  background: white;
  border: 1px solid #cccccc;
}

#approve-users .approve-cell.approve-cell-class .select-box {
  width: 70px;
}

#approve-users .approve-cell:not(.approve-cell-status) .select-box > li {
  background: white;
  color: #666666;
  width: 100%;
}

#approve-users .approve-cell-status {
  width: auto;
}

#approve-users .approve-cell-status .select-box > li {
  width: 100px;
}

#approve-users .select-box .waiting-status {
  background: #F65543;
}

#approve-users .select-box .waiting-status:hover {
  background: #E13522;
}

#approve-users .select-box .approved-status,
#approve-users .select-box .paid-status {
  background: #54DB8C;
}

#approve-users .select-box .approved-status:hover,
#approve-users .select-box .paid-status:hover {
  background: #25C266;
}

#approve-users .select-box .declined-status {
  background: black;
}

#approve-users .select-box .declined-status:hover {
  background: black;
}

#approve-users .approve-cell-user {
  padding: 0 10px !important;
}

#approve-users .teachers-approve-cell-user {
  /*width: 259px;*/
  max-width: 300px;
  min-width: 250px;
}

#approve-users .students-approve-cell-user {
  width: 44%;
}

#approve-users .approve-cell-user > div {
  display: table;
}

#approve-users .approve-cell-user > div > * {
  display: table-cell;
  vertical-align: middle;
}

#approve-users .approve-cell-user span {
  font-size: 18px;
  color: #41A4DE;
}

#approve-users .approve-cell-user img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin: 5px 0;
}

#approve-users .approve-cell-user p {
  font-size: 16px;
}

#approve-users .approve-cell-user p {
  font-size: 16px;
}

#approve-users .approve-cell-submit {
  width: 100px;
}

#approve-users .approve-cell-submit button {
  width: 100%;
  height: 30px !important;
}

#approve-users .alert {
  position: absolute;
  width: auto;
  font-size: 13px;
  margin-top: -16px;
  padding: 6px 5px;
  width: 100%;
  box-sizing: border-box;
}

/*---------------- RTL  -------------------*/
body.rtl #approve-users .alert-dismissable,
body.rtl #approve-users .alert-dismissible {
  padding-left: 20px;
}

body.rtl #approve-users .approve-cell-user > div {
  float: right;
}

body.rtl #approve-users .approve-cell {
  border-left: 1px solid #cccccc;
}

body.rtl #approve-users .approve-cell .show_details {
  margin-right: 76px;
}

body.rtl #approve-users .approve-cell:not(.approve-cell-status) .select-box,
body.rtl #approve-users .approve-cell:not(.approve-cell-status) .select-box {
  text-align: right;
}

body.rtl #approve-users .approve-cell.approve-cell-class .select-box:first-child {
  margin-left: 10px;
}

body.rtl #approve-users .approve-cell-user {
  text-align: right;
}

body.rtl #approve-users .alert {
  right: 0;
}

body.rtl .approve-cell.approve-cell-user .plus-cell {
  padding-left: 10px;
}

body.rtl #approve-users .approve-cell-user img {
  margin-left: 10px;
}

/*---------------- LTR  -------------------*/
body.ltr #approve-users .alert-dismissable,
body.ltr #approve-users .alert-dismissible {
  padding-right: 20px;
}

body.ltr #approve-users .approve-cell-user > div {
  float: left;
}

body.ltr #approve-users .approve-cell {
  border-right: 1px solid #cccccc;
}

body.ltr #approve-users .approve-cell .show_details {
  margin-left: 76px;
}

body.ltr #approve-users .approve-cell:not(.approve-cell-status) .select-box,
body.ltr #approve-users .approve-cell:not(.approve-cell-status) .select-box {
  text-align: left;
}

body.ltr #approve-users .approve-cell.approve-cell-class .select-box:first-child {
  margin-right: 10px;
}

body.ltr #approve-users .approve-cell-user {
  text-align: left;
}

body.ltr #approve-users .alert {
  left: 0;
}

body.ltr .approve-cell.approve-cell-user .plus-cell {
  padding-right: 10px;
}

body.ltr #approve-users .approve-cell-user img {
  margin-right: 10px;
}

body.ltr #approve-users .approve-cell-status .select-box > li {
  font-size: 14px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Store checkout --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#store-checkout > div {
  width: 50%;
  float: right;
}

#store-checkout > div:first-child > * {
  display: block;
  margin: 0;
}

#store-checkout > div:first-child a {
  cursor: pointer;
}

#store-checkout > div:first-child a:hover {
  text-decoration: underline;
}

#store-checkout .iframe-wrapper h4 {
  color: #41A4DE;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid black;
  margin-bottom: 15px;
  line-height: 30px;
}

#store-checkout .iframe-wrapper p {
  font-size: 18px;
  color: #666666;
  margin-bottom: 10px;
}

#store-checkout .iframe-wrapper p.sum {
  font-size: 20px;
  color: #FF9900;
  font-weight: bold;
}

.modal-payments-options .modal-dialog {
  width: 560px;
}

.modal-payments-options h3 {
  height: 30px;
  width: 100%;
  padding: 0 20px;
  line-height: 30px;
  background: #389EDF;
  color: white;
}

.modal-payments-options .ks-modal-content {
  padding: 20px;
}

.modal-payments-options .ks-modal-content > div {
  border-bottom: 1px solid #B3C4CE;
  padding-bottom: 20px;
}

.modal-payments-options .ks-modal-content p {
  font-size: 18px;
}

.modal-payments-options .ks-modal-footer {
  padding: 0 20px 20px;
  text-align: left;
}

/* ------------------------------------------------------------------------------------------------------
07 Tutorials --------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
.tutorial {
  background-color: #f7f7f7;
  margin: 0;
  padding: 15px 15px 60px 15px;
  border-right: solid 5px #41A4DE;
}

.tutorial h3 {
  font-family: "fbogen-regular";
  font-weight: 400;
  color: #41A4DE;
  font-size: 48px;
  padding: 0 20px;
  line-height: 44px;
  height: 44px;
}

.tutorial h4 {
  font-family: "fbogen-regular";
  font-weight: 400;
  color: #41A4DE;
  font-size: 24px;
  padding: 10px 20px 0px 0px;
}

.tutorial p {
  font-family: "ArialMT", "Arial";
  font-size: 16px;
  color: #666666;
  padding: 0 20px;
}

.tutorial .you-tube {
  width: 500px;
  height: 281px;
  margin: 20px;
}

.tutorial a {
  margin-right: 20px;
  margin: 0;
}

.tutorial a:hover {
  color: #41A4DE;
  text-decoration: underline;
}

.tutorial .signature {
  font-weight: 800;
}

.tutorial .undeline {
  text-decoration: underline;
}

.terms {
  background-color: #f7f7f7;
  margin: 0;
  padding: 15px;
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.terms p {
  padding: 0 15px;
}

/* ------------------------------------------------------------------------------------------------------
07 Edit Textbook ----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
.page-footer {
  height: 60px;
}

/* ------------------------------------------------------------------------------------------------------
07 Manage Groups ----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
.group-head-buttons {
  border-bottom: 1px solid #B3C4CE;
}

.group-head-buttons button {
  margin-left: 10px;
  padding: 0 20px;
}

#joinGroupForm {
  position: relative;
}

#joinGroupForm:after {
  bottom: 100%;
  /*        right: 7%;
  */
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(228, 228, 228, 0);
  border-bottom-color: #e4e4e4;
  border-width: 15px;
  /*        margin-left: -15px;
  */
}

#joinGroupForm .wrapper {
  background: #e4e4e4;
}

#joinGroupForm .wrapper > * {
  /*    float: right;
  */
  height: 30px;
  line-height: 30px;
  position: initial;
}

/*#joinGroupForm .wrapper > *:last-child {
    float: left;
}*/
#joinGroupForm .wrapper label {
  font-size: 18px;
  width: 180px;
  color: #666666;
}

#joinGroupForm .wrapper input[type=text] {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  width: 430px;
  font-size: 16px;
}

#joinGroupForm .wrapper button {
  height: 30px;
  line-height: 30px;
}

/* ------------------------------------------------------------------------------------------------------
07 Edit Group -------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
.half-20 > *:first-child {
  width: calc(50% - 10px);
}

.half-20 > *:last-child {
  width: calc(50% - 10px);
}

.half-30 > *:first-child {
  width: calc(50% - 15px);
}

.half-30 > *:last-child {
  width: calc(50% - 15px);
}

.form-body-wrapper > h3 {
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

.form-body-wrapper > div {
  border: 1px solid #B3C4CE;
  border-top: none;
}

.form-body-wrapper .form-line {
  width: 100%;
}

.form-body-wrapper .form-error, .form-body-wrapper .cl-tranzila-payment__form-error {
  top: 35px;
}

.form-body-wrapper .form-line > label {
  text-align: left;
  width: calc(100% - 320px);
  height: 35px;
  line-height: 35px;
}

.form-body-wrapper .form-line > div {
  width: 300px;
  height: 35px;
  line-height: 35px;
}

.form-body-wrapper .form-line > div > input[type=text],
.form-body-wrapper .form-line > div > input[type=email],
.form-body-wrapper .form-line > div > input[type=password],
.form-body-wrapper .form-line > div > select,
.form-body-wrapper .form-line > div > div {
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  color: #999999;
}

.form-body-wrapper .form-line > div > input[type=text],
.form-body-wrapper .form-line > div > input[type=email],
.form-body-wrapper .form-line > div > input[type=password],
.form-body-wrapper .form-line > div > select {
  padding: 0 5px;
}

.form-body-wrapper .form-line .ks-radio-buttons label {
  color: #666666;
}

.form-footer-wrapper {
  background: #ededed;
  border: 1px solid #B3C4CE;
  border-top: none;
}

#editGroupForm .group-preview > div {
  height: 200px;
  vertical-align: middle;
}

#editGroupForm .group-preview > div p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  vertical-align: middle;
  top: 46%;
  position: relative;
}

.modal-activate-group .modal-dialog,
.modal-delete-group .modal-dialog,
.modal-join-group .modal-dialog {
  width: 470px;
}

.modal-activate-group .activate-group-header,
.modal-delete-group .activate-group-header,
.modal-join-group .activate-group-header {
  /*height: 230px;*/
  width: 430px;
}

.modal-activate-group .triangles-wrapper,
.modal-delete-group .triangles-wrapper,
.modal-join-group .triangles-wrapper {
  height: 150px;
  width: 100%;
  overflow: hidden;
}

.modal-activate-group .profile-pic-wrapper,
.modal-delete-group .profile-pic-wrapper,
.modal-join-group .profile-pic-wrapper {
  position: absolute;
  top: 75px;
  left: calc((100% - 125px) / 2);
  z-index: 1;
}

.modal-activate-group .profile-pic,
.modal-delete-group .profile-pic,
.modal-join-group .profile-pic {
  height: 125px;
  width: 125px;
  border-radius: 50%;
}

.modal-activate-group .triangle,
.modal-delete-group .triangle,
.modal-join-group .triangle {
  position: absolute;
  left: 0px;
  top: 0px;
}

.modal-activate-group .left-triangle,
.modal-delete-group .left-triangle,
.modal-join-group .left-triangle {
  width: 40%;
  height: 75%;
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.4) 50%, transparent 50%);
}

.modal-activate-group .right-triangle,
.modal-delete-group .right-triangle,
.modal-join-group .right-triangle {
  width: 100%;
  height: 70%;
  background: linear-gradient(to left bottom, rgba(255, 255, 255, 0.4) 50%, transparent 50%);
}

.modal-activate-group .ks-modal-content,
.modal-delete-group .ks-modal-content,
.modal-join-group .ks-modal-content {
  padding-top: 80px;
  text-align: center;
  border: 1px solid #B3C4CE;
  border-top: none;
}

.modal-activate-group .ks-modal-content p,
.modal-delete-group .ks-modal-content p,
.modal-join-group .ks-modal-content p {
  color: #666666;
}

.modal-activate-group .ks-modal-content p#group-code,
.modal-delete-group .ks-modal-content p#group-code,
.modal-join-group .ks-modal-content p#group-code {
  color: white;
  display: inline-block;
}

.modal-activate-group .ks-modal-footer,
.modal-delete-group .ks-modal-footer,
.modal-join-group .ks-modal-footer {
  border: 1px solid #B3C4CE;
  border-top: none;
}

.modal-activate-group .ks-modal-content p.message {
  font-size: 16px;
  margin: 0 20px;
}

.modal-activate-group .ks-modal-content p.message.line1 {
  margin-bottom: 10px;
}

.modal-activate-group .ks-modal-content p.message.line2 {
  margin-bottom: 30px;
}

/* ------------------------------------------------------------------------------------------------------
07 View Group -------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
#view-group .group-header .triangles-wrapper {
  height: 145px;
  width: 100%;
  overflow: hidden;
}

#view-group .group-header .profile-pic-wrapper {
  position: absolute;
  top: 60px;
  left: 40px;
  z-index: 1;
}

#view-group .group-header .group_text_wrppaer {
  position: absolute;
  top: 20px;
  right: 20px;
}

#view-group .group-header .group_text_wrppaer p {
  text-align: right;
  background: white;
  color: #666666;
  font-size: 18px;
  padding: 6px;
  font-weight: bold;
  min-width: 190px;
}

#view-group .group-header .group-name {
  margin-bottom: 15px;
}

#view-group .group-header .profile-pic {
  height: 110px;
  width: 110px;
  border-radius: 50%;
}

#view-group .group-header .triangle {
  position: absolute;
  left: 0px;
  top: -3px;
}

#view-group .group-header .left-triangle {
  width: 60%;
  height: 160%;
  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.4) 50%, transparent 50%);
}

#view-group .group-header .right-triangle {
  width: 100%;
  height: 70%;
  background: linear-gradient(to left bottom, rgba(255, 255, 255, 0.4) 50%, transparent 50%);
}

#view-group .group-footer {
  height: 45px;
  border: 1px solid #B3C4CE;
  border-top: none;
}

#view-group .approve-cell-status .select-box .member-0-status {
  background: #F65543;
}

#view-group .approve-cell-status .select-box .member-0-status:hover {
  background: #E13522;
}

#view-group .approve-cell-status .select-box .member-1-status {
  background: #54DB8C;
}

#view-group .approve-cell-status .select-box .member-1-status:hover {
  background: #25C266;
}

#view-group .approve-cell-status .select-box .member-2-status {
  background: black;
}

#view-group .approve-cell-status .select-box .member-2-status:hover {
  background: black;
}

/* ------------------------------------------------------------------------------------------------------
07 Schedule ---------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
.choose-group-for-lesson span,
.choose-group-for-lesson select {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #666666;
  /*    margin-left: 20px;
  */
  display: inline-block;
  /*    float: right;
  */
}

.choose-group-for-lesson select {
  width: inherit;
}

.choose-group-for-lesson span:first-child {
  width: 300px;
}

.choose-group-for-lesson span:nth-child(2) {
  width: 170px;
}

.choose-group-for-lesson span:nth-child(3) {
  width: 150px;
}

.choose-group-for-lesson button {
  height: 30px;
  line-height: 30px;
}

.choose-group-for-lesson p.form-error, .choose-group-for-lesson p.cl-tranzila-payment__form-error {
  /*position: relative !important;*/
  margin-top: 31px !important;
}

.schedule td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #cccccc;
  color: white;
  position: relative;
}

.schedule thead td {
  height: 40px;
}

.schedule tbody td {
  height: 50px;
}

.schedule .schedule-cell-day {
  background-color: #cccccc;
  width: 140px;
}

.schedule .schedule-cell-hour {
  background-color: #cbd8de;
  width: 50px;
}

.schedule .schedule-cell-lesson {
  background-color: white;
  width: 140px;
  /*padding: 0 4px;*/
  /*padding: 0 6px;*/
}

.schedule .schedule-cell-lesson.editable {
  cursor: pointer;
}

.schedule .schedule-cell-lesson.empty {
  padding: 0;
}

.schedule .schedule-cell-lesson.empty span {
  width: inherit;
  height: inherit;
  display: block;
  padding: 0 6px;
}

.schedule .schedule-cell-lesson > div {
  width: inherit;
  height: 50px;
  display: table;
}

.schedule .schedule-cell-lesson > div.double {
  height: 25px;
  font-size: 12px;
}

.schedule .schedule-cell-lesson > div i {
  position: absolute;
  left: 0;
  top: 2px;
  cursor: pointer;
}

.schedule .schedule-cell-lesson > div > p {
  display: table-cell;
  vertical-align: middle;
}

.schedule .schedule-cell-lesson > div.double:last-child {
  border-top: 1px solid #cccccc;
}

.border_red {
  border: 1px solid red !important;
}

#translations_page form {
  margin-top: 20px;
  margin-left: 10px;
}

#translations_page .title {
  display: inline-block;
  height: 37px;
  vertical-align: baseline;
  text-align: left;
  font-weight: bold;
}

#translations_page form .sort-style-select {
  display: inline-block;
}

#translations_page form > * {
  vertical-align: middle;
}

#translations_page table td {
  padding: 1px;
}

#translations_page table td input {
  width: 100%;
  height: 21px;
}

#translations_page button {
  margin: 10px;
}

#translations_page .date-select-style {
  display: inline-block;
}

#translations_page .date-select-style input {
  width: 125px;
  height: 32px;
  overflow: hidden;
  border: 2px solid #ccc;
  display: inline-block;
}

.alex {
  color: lime;
}

/*# sourceMappingURL=main.css.map */
/*
===========================
TABLE OF CONTENTS:

01 Layout
02 Login
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Layout ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .align-direction {
  text-align: right;
}

body.rtl #header {
  padding: 0 13px 0 20px;
}

body.rtl #sidebar, #sidebar_animation {
  float: right;
}

/*body.rtl #content{
    padding       : 20px 20px 20px 40px;
}*/
body.rtl #main {
  float: left;
}

/* ----------------------------------------------------------------------------------------------------------
04 Scrollbar ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .ps-container .ps-scrollbar-y-rail {
  left: 16px;
  right: auto !important;
}

body.rtl .ps-container.sticky-scrollbar .ps-scrollbar-y-rail {
  left: 0;
}

body.rtl .ps-container.sticky-scrollbar[scrollbar-y-active=true] > *:not(.ps-scrollbar-x-rail):not(.ps-scrollbar-y-rail) {
  width: calc( 100% - 16px );
  float: right;
}

body.rtl .ps-container .ps-scrollbar-y {
  left: 0;
  right: auto !important;
}

/* ----------------------------------------------------------------------------------------------------------
06 Tabs -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .tabs ul {
  float: right;
}

/* ----------------------------------------------------------------------------------------------------------
06 Books List -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .list {
  padding: 0 20px 0 40px;
}

body.rtl .books li {
  float: right;
}

body.rtl .books.books-117.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-left: 30.8px;
}

body.rtl .books.books-117.row-4-books li:not(.hr) {
  /*float: right;*/
  margin-left: 8.2%;
}

body.rtl .books.books-96.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-left: 26.5px;
}

body.rtl .books li.last:not(.hr) {
  margin-left: 0 !important;
}

body.rtl .books li span {
  margin-right: 5px;
  /*left: 0;*/
}

body.rtl .list-header p.overall-results {
  padding-right: 20px;
}

body.rtl .list-header p.orderBy-text {
  padding-left: 10px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Select Box -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .select-box {
  float: right;
}

body.rtl .select-box > li .dropdown-icon {
  float: left;
}

body.rtl .select-box > li > ul {
  right: 0;
}

/* ----------------------------------------------------------------------------------------------------------
06 Order By -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .overall-results {
  float: right;
}

body.rtl .orderBy-text {
  float: left;
}

body.rtl .list-header .orderBy {
  float: left;
  margin: 4px 0px 4px 20px;
}

body.rtl .orderBy > li .dropdown-icon {
  float: left;
}

body.rtl .orderBy > li > ul {
  left: 0px;
}

body.rtl #book-abilities {
  float: left;
  margin: 3px 0px 3px 20px;
}

body.rtl #book-abilities li {
  margin-left: 5px;
}

body.rtl #book-abilities li:first-child {
  margin-left: 0;
}

body.rtl #book-abilities li i {
  /*padding-right: 8px;*/
}

/* ----------------------------------------------------------------------------------------------------------
06 Search Page ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .filter-group {
  float: right;
  margin-right: 20px;
}

body.rtl .filter-group:first-child {
  margin-right: 0;
}

body.rtl .filter-group label {
  float: right;
}

body.rtl .expand {
  left: -1px;
}

body.rtl .filter-group.general {
  right: 690px;
}

body.rtl .filter-group.book_type {
  right: 200px;
}

body.rtl .filter-group.class_level {
  right: 550px;
}

body.rtl .filter-group.subject {
  right: 0px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Modal-Share ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .modal-share .modal-wrapper > div:first-child > *:nth-child(1) {
  float: right;
  padding-left: 20px;
}

body.rtl .modal-share .modal-wrapper > div:first-child > *:nth-child(2) {
  float: right;
  padding-right: 20px;
}

body.rtl .share-recipients-text {
  float: right;
  padding-left: 10px;
}

body.rtl .share-recipients ul li {
  float: right;
}

body.rtl .share-recipients ul li i.icon-cancel {
  margin: 0 15px 0 10px;
}

body.rtl .share-select > div {
  float: right;
  padding-left: 15px;
  border-left: 1px solid #B3C4CE;
  margin-left: 15px;
}

body.rtl .share-select > div:last-child {
  padding-left: 0;
  border-left: none;
  margin-left: 0;
}

body.rtl .share-select a.horz {
  float: right;
}

body.rtl .share-select a.horz:last-of-type {
  margin: -1px -1px 0 0px;
  padding-right: 0px;
}

body.rtl .share-select a.horz:only-of-type {
  margin: -1px 0px 0 0px;
  padding-right: 0;
}

body.rtl .share-select a.vert img {
  float: right;
}

body.rtl .share-select a.all {
  margin-right: 0;
}

body.rtl .class_levels_wrapper {
  margin-right: 90px;
}

body.rtl .share-select a.member {
  padding-right: 0;
}

/* ----------------------------------------------------------------------------------------------------------
06 View Book ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .modal-view h3 i {
  float: left;
}

/* ----------------------------------------------------------------------------------------------------------
06 Add/Edit Book --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl #uploadBookForm .book-data {
  float: right;
  margin-left: 13px;
}

body.rtl #uploadBookForm .cover-maker {
  float: left;
}

body.rtl #uploadBookForm .book-data input,
body.rtl #uploadBookForm .book-data select,
body.rtl #uploadBookForm .book-data textarea {
  float: left;
}

body.rtl #uploadBookForm .addBook-error {
  right: 118px;
}

body.rtl #uploadBookForm .cover {
  float: right;
}

/* ----------------------------------------------------------------------------------------------------------
06 Kalsefer Modal -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .ks-upload-file .choose-file {
  float: right;
}

body.rtl .ks-upload-file .filename {
  margin-right: 15px;
  float: right;
}

body.rtl .ks-upload-file .upload-progress {
  float: right;
}

body.rtl .result-notification {
  border-right-width: 5px;
}

/*
===========================
TABLE OF CONTENTS:

01 Layout
02 Login
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Layout ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .align-direction {
  text-align: left;
}

body.ltr #header {
  padding: 0 20px 0 13px;
}

body.ltr #sidebar, #sidebar_animation {
  float: left;
}

/*body.ltr #content{
    padding       : 20px 40px 20px 20px;
}*/
body.ltr #main {
  float: right;
}

/* ----------------------------------------------------------------------------------------------------------
04 Scrollbar ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .ps-container .ps-scrollbar-y-rail {
  right: 16px;
  left: auto !important;
}

body.ltr .ps-container.sticky-scrollbar .ps-scrollbar-y-rail {
  right: 0;
}

body.ltr .ps-container.sticky-scrollbar[scrollbar-y-active=true] > *:not(.ps-scrollbar-x-rail):not(.ps-scrollbar-y-rail) {
  width: calc( 100% - 16px );
  float: left;
}

body.ltr .ps-container .ps-scrollbar-y {
  right: 0;
  left: auto !important;
}

/* ----------------------------------------------------------------------------------------------------------
06 Tabs -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .tabs ul {
  float: left;
}

/* ----------------------------------------------------------------------------------------------------------
06 Books List -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .list {
  padding: 0 40px 0 20px;
}

body.ltr .books li {
  float: left;
}

body.ltr .books.books-117.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-right: 30.8px;
}

body.ltr .books.books-117.row-4-books li:not(.hr) {
  /*float: right;*/
  margin-right: 8.2%;
}

body.ltr .books.books-96.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-right: 26.5px;
}

body.ltr .books li.last:not(.hr) {
  margin-right: 0 !important;
}

body.ltr .books li span {
  right: 0;
}

body.ltr .list-header p.overall-results {
  padding-left: 20px;
}

body.ltr .list-header p.orderBy-text {
  padding-right: 10px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Select Box -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .select-box {
  float: left;
}

body.ltr .select-box > li .dropdown-icon {
  float: right;
}

body.ltr .select-box > li > ul {
  left: 0;
}

/* ----------------------------------------------------------------------------------------------------------
06 Order By -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .overall-results {
  float: left;
}

body.ltr .orderBy-text {
  float: right;
}

body.ltr .list-header .orderBy {
  float: right;
  margin: 4px 20px 4px 0px;
}

body.ltr .orderBy > li .dropdown-icon {
  float: right;
}

body.ltr .orderBy > li > ul {
  right: 0px;
}

body.ltr #book-abilities {
  float: right;
  margin: 3px 20px 3px 0;
}

body.ltr #book-abilities li {
  margin-right: 5px;
}

body.ltr #book-abilities li:first-child {
  margin-right: 0;
}

/* ----------------------------------------------------------------------------------------------------------
06 Search Page ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .filter-group {
  float: left;
  margin-left: 20px;
}

body.ltr .filter-group:first-child {
  margin-left: 0;
}

body.ltr .filter-group label {
  float: left;
}

body.ltr .expand {
  right: -1px;
}

body.ltr .filter-group.general {
  left: 690px;
}

body.ltr .filter-group.book_type {
  left: 200px;
}

body.ltr .filter-group.class_level {
  left: 550px;
}

body.ltr .filter-group.subject {
  left: 0px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Modal-Share ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .modal-share .orderBy-groups:nth-child(1) {
  float: left;
  padding-right: 20px;
}

body.ltr .modal-share .orderBy-groups:nth-child(2) {
  float: left;
  padding-left: 20px;
}

body.ltr .share-recipients-text {
  float: left;
  padding-right: 10px;
}

body.ltr .share-recipients ul li {
  float: left;
}

body.ltr .share-recipients ul li i.icon-cancel {
  margin: 0 10px 0 15px;
}

body.ltr .share-select > div {
  float: left;
  padding-right: 15px;
  border-right: 1px solid #B3C4CE;
  margin-right: 15px;
}

body.ltr .share-select > div:last-child {
  padding-right: 0;
  border-right: none;
  margin-right: 0;
}

body.ltr .share-select a.horz {
  float: left;
}

body.ltr .share-select a.horz:last-of-type {
  margin: -1px 0 0 -1px;
  padding-left: 0px;
}

body.ltr .share-select a.horz:only-of-type {
  margin: -1px 0 0 0;
  padding-left: 0;
}

body.ltr .share-select a.vert img {
  float: left;
}

body.ltr .share-select a.all {
  margin-left: 0;
}

body.ltr .class_levels_wrapper {
  margin-left: 90px;
}

body.ltr .share-select a.member {
  padding-left: 0;
}

/* ----------------------------------------------------------------------------------------------------------
06 View Book ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .modal-view h3 i {
  float: right;
}

/* ----------------------------------------------------------------------------------------------------------
06 Add/Edit Book --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr #uploadBookForm .book-data {
  float: left;
  margin-right: 13px;
}

body.ltr #uploadBookForm .cover-maker {
  float: right;
}

body.ltr #uploadBookForm .book-data input,
body.ltr #uploadBookForm .book-data select,
body.ltr #uploadBookForm .book-data textarea,
body.ltr #uploadBookForm .book-data .ksSchoolSelect {
  float: right;
}

body.ltr #uploadBookForm .addBook-error {
  left: 118px;
}

body.ltr #uploadBookForm .cover {
  float: left;
}

/* ----------------------------------------------------------------------------------------------------------
06 Kalsefer Modal -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .ks-upload-file .choose-file {
  float: left;
}

body.ltr .ks-upload-file .filename {
  margin-left: 15px;
  float: left;
}

body.ltr .ks-upload-file .upload-progress {
  float: left;
}

body.ltr .result-notification {
  border-left-width: 5px;
}

/* -------------------------------------------------------------------------*/
/* Typography - Font Declarations                                          */
/* All font family declarations organized by type                          */
/* -------------------------------------------------------------------------*/
/*
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
*/
/* -------------------------------------------------------------------------*/
/* OpenSans - Variable Font Family                                         */
/* Supports both Hebrew and Latin characters with variable weights         */
/* Uses variable font with static fallbacks for older browsers             */
/* -------------------------------------------------------------------------*/
/* OpenSans Variable Font - Primary (supports weight 300-800, width 75-100) */
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-display: swap;
}
/* Static Font Fallbacks for Older Browsers */
/* These will be used if variable fonts are not supported */
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 300;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 300;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-LightItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 400;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 400;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Italic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 500;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 500;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-MediumItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 600;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 600;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 700;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 700;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-BoldItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 800;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-ExtraBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 800;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  font-display: swap;
}
/* OpenSansHebrew - Backwards compatibility aliases using variable font */
@font-face {
  font-family: "OpenSansHebrew";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-display: swap;
}
@font-face {
  font-family: "OpenSansHebrew";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-display: swap;
}
/* Static fallbacks for OpenSansHebrew */
@font-face {
  font-family: "OpenSansHebrew";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansHebrew";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansHebrew";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansHebrew";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansHebrew";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansHebrew";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* Legacy OpenSans Hebrew - kept for backwards compatibility */
@font-face {
  font-family: "OpenSansHebrew-regular";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.OpenSansHebrew {
  font-family: "OpenSans", sans-serif;
  font-weight: normal;
}

@font-face {
  font-family: "OpenSansHebrew-Bold";
  src: url("https://st.classoos.com/3.102.18.312/fonts/NewOpenSans/static/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.OpenSansHebrew-Bold {
  font-family: "OpenSans", sans-serif;
  font-weight: bold;
}

/* -------------------------------------------------------------------------*/
/* Hebrew Fonts                                                            */
/* Traditional Hebrew font families                                        */
/* -------------------------------------------------------------------------*/
/* Alef Font */
@font-face {
  font-family: "Alef";
  src: url("https://st.classoos.com/3.102.18.312/fonts/Alef-regular.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/Alef-regular.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Alef-regular.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Alef-regular.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Alef-regular.svg#alefregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.Alef {
  font-family: "Alef", serif;
  font-weight: normal;
}

/* Heebo Font Family */
/* heebo-regular - latin_hebrew */
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-regular.eot");
  /* IE9 Compat Modes */
  src: local("Heebo"), local("Heebo-Regular"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-regular.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-regular.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-regular.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-regular.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-regular.svg#Heebo") format("svg");
  /* Legacy iOS */
}
/* heebo-500 - latin_hebrew */
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 500;
  src: url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-500.eot");
  /* IE9 Compat Modes */
  src: local("Heebo Medium"), local("Heebo-Medium"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-500.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-500.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-500.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-500.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-500.svg#Heebo") format("svg");
  /* Legacy iOS */
}
/* heebo-700 - latin_hebrew */
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 700;
  src: url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-700.eot");
  /* IE9 Compat Modes */
  src: local("Heebo Bold"), local("Heebo-Bold"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-700.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-700.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-700.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-700.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Heebo/heebo-v5-latin_hebrew-700.svg#Heebo") format("svg");
  /* Legacy iOS */
}
/* Assistant Font */
@font-face {
  font-family: "Assistant";
  src: url("https://st.classoos.com/3.102.18.312/fonts/Assistant-SemiBold.eot") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Assistant-SemiBold.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Assistant-SemiBold.ttf") format("truetype");
}
/* -------------------------------------------------------------------------*/
/* Arabic Fonts                                                            */
/* Traditional Arabic font families                                        */
/* -------------------------------------------------------------------------*/
/* Lateef Font */
/* lateef-regular - latin_arabic */
@font-face {
  font-family: "Lateef";
  font-style: normal;
  font-weight: 400;
  src: url("https://st.classoos.com/3.102.18.312/fonts/Lateef/lateef-v15-latin_arabic-regular.eot");
  /* IE9 Compat Modes */
  src: local("Lateef"), url("https://st.classoos.com/3.102.18.312/fonts/Lateef/lateef-v15-latin_arabic-regular.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Lateef/lateef-v15-latin_arabic-regular.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/Lateef/lateef-v15-latin_arabic-regular.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Lateef/lateef-v15-latin_arabic-regular.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Lateef/lateef-v15-latin_arabic-regular.svg#Lateef") format("svg");
  /* Legacy iOS */
}
.Lateef {
  font-family: "Lateef", serif;
  font-weight: normal;
}

/* Amiri Font Family */
/* amiri-regular - latin-ext_latin_arabic */
@font-face {
  font-family: "Amiri";
  font-style: normal;
  font-weight: 400;
  src: url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-regular.eot");
  /* IE9 Compat Modes */
  src: local("Amiri Regular"), local("Amiri-Regular"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-regular.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-regular.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-regular.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-regular.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-regular.svg#Amiri") format("svg");
  /* Legacy iOS */
}
/* amiri-700 - latin-ext_latin_arabic */
@font-face {
  font-family: "Amiri";
  font-style: normal;
  font-weight: 700;
  src: url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-700.eot");
  /* IE9 Compat Modes */
  src: local("Amiri Bold"), local("Amiri-Bold"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-700.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-700.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-700.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-700.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Amiri/amiri-v13-latin-ext_latin_arabic-700.svg#Amiri") format("svg");
  /* Legacy iOS */
}
/* -------------------------------------------------------------------------*/
/* Miscellaneous Fonts                                                     */
/* Other specialty fonts and decorative typefaces                         */
/* -------------------------------------------------------------------------*/
/* Ezmel Font */
@font-face {
  font-family: "Ezmel-Regular";
  src: url("https://st.classoos.com/3.102.18.312/fonts/Ezmel-Regular.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/Ezmel-Regular.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Ezmel-Regular.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Ezmel-Regular.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Ezmel-Regular.svg#Ezmel-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ezmel {
  font-family: "Ezmel-Regular", serif;
  font-weight: normal;
}

/* FBogen Font */
@font-face {
  font-family: "fbogen-regular";
  src: url("https://st.classoos.com/3.102.18.312/fonts/fbogen-regular.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/fbogen-regular.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/fbogen-regular.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/fbogen-regular.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/fbogen-regular.svg#fbogen-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fbogen {
  font-family: "fbogen-regular", serif;
  font-weight: normal;
}

/* Helvetica Bold */
@font-face {
  font-family: "Helvetica-Bold";
  src: url("https://st.classoos.com/3.102.18.312/fonts/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/Helvetica-Bold.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/Helvetica-Bold.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/Helvetica-Bold.svg#Helvetica-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
.HelveticaBold {
  font-family: "Helvetica-Bold", serif;
  font-weight: normal;
}

@font-face {
  font-family: "kalsefer-iconfont";
  src: url("https://st.classoos.com/3.102.18.312/fonts/icons/kalsefer-iconfont.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/icons/kalsefer-iconfont.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/icons/kalsefer-iconfont.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/icons/kalsefer-iconfont.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/icons/kalsefer-iconfont.svg#Kalsefer-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "kalsefer-iconfont" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "kalsefer-iconfont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
  content: "a";
}

.icon-confirm-users:before {
  content: "b";
}

.icon-my-items:before {
  content: "c";
}

.icon-groups:before {
  content: "d";
}

.icon-schedule:before {
  content: "e";
}

.icon-content:before {
  content: "f";
}

.icon-book-store:before {
  content: "g";
}

.icon-user-profile:before {
  content: "h";
}

.icon-password:before {
  content: "i";
}

.icon-user-center:before {
  content: "j";
}

.icon-video:before {
  content: "k";
}

.icon-tutorials:before {
  content: "l";
}

.icon-help:before {
  content: "m";
}

.icon-search:before {
  content: "n";
}

.icon-contacts:before {
  content: "o";
}

.icon-sent-itemes:before {
  content: "p";
}

.icon-inbox-3:before {
  content: "q";
}

.icon-user:before {
  content: "r";
}

.icon-globe-outline:before {
  content: "s";
}

.icon-home-1:before {
  content: "t";
}

.icon-lock-big:before {
  content: "u";
}

.icon-refresh:before {
  content: "v";
}

.icon-message-5:before {
  content: "w";
}

.icon-edit:before {
  content: "x";
}

.icon-message-2:before {
  content: "y";
}

.icon-message:before {
  content: "z";
}

.icon-message-8:before {
  content: "A";
}

.icon-message-1:before {
  content: "B";
}

.icon-message-6:before {
  content: "C";
}

.icon-message-7:before {
  content: "D";
}

.icon-share:before {
  content: "E";
}

.icon-toturials:before {
  content: "F";
}

.icon-teachers:before {
  content: "G";
}

.icon-settings:before {
  content: "H";
}

.icon-homework:before {
  content: "I";
}

.icon-school:before {
  content: "J";
}

.icon-key-3:before {
  content: "K";
}

.icon-lock-2:before {
  content: "L";
}

.icon-refresh-2:before {
  content: "M";
}

.icon-refresh-1:before {
  content: "N";
}

.icon-private:before {
  content: "O";
}

.icon-icon-inbox-6:before {
  content: "P";
}

.icon-content-full:before {
  content: "Q";
}

.icon-content-line:before {
  content: "R";
}

.icon-compose:before {
  content: "S";
}

.icon-message-9:before {
  content: "T";
}

.icon-share-1:before {
  content: "U";
}

.icon-key-fill:before {
  content: "V";
}

.icon-key-stroke:before {
  content: "W";
}

.icon-students:before {
  content: "X";
}

.icon-eye-disabled:before {
  content: "Y";
}

.icon-reply:before {
  content: "Z";
}

.icon-share-4:before {
  content: "0";
}

.icon-key:before {
  content: "1";
}

.icon-trash-1:before {
  content: "2";
}

.icon-trash-2:before {
  content: "3";
}

.icon-home:before {
  content: "4";
}

.icon-eye-1:before {
  content: "5";
}

.icon-trash:before {
  content: "6";
}

.icon-trash-3:before {
  content: "7";
}

.icon-share-2:before {
  content: "8";
}

.icon-lock:before {
  content: "9";
}

.icon-key-1:before {
  content: "!";
}

.icon-key-2:before {
  content: '"';
}

.icon-lock-1:before {
  content: "#";
}

.icon-teachers-1:before {
  content: "$";
}

.icon-tablearrow:before {
  content: "%";
}

.icon-tablearrow-1:before {
  content: "&";
}

.icon-tablearrow-2:before {
  content: "'";
}

body.rtl .icon-tablearrow-3:before {
  content: "(";
}

body.rtl .icon-tablearrow-4:before {
  content: ")";
}

body.ltr .icon-tablearrow-3:before {
  content: "(";
}

body.ltr .icon-tablearrow-4:before {
  content: "(";
}

.icon-tablearrow-5:before {
  content: "*";
}

.icon-tablearrow-6:before {
  content: "+";
}

.icon-tablearrow-7:before {
  content: ",";
}

.icon-tablearrow-8:before {
  content: "-";
}

.icon-tablearrow-9:before {
  content: ".";
}

.icon-tablearrow-10:before {
  content: "/";
}

.icon-tablearrow-11:before {
  content: ":";
}

.icon-school-1:before {
  content: ";";
}

.icon-icon-prezsite:before {
  content: "<";
}

.icon-icon-prezsite-1:before {
  content: "=";
}

.icon-trophy:before {
  content: ">";
}

.icon-close:before {
  content: "?";
}

.icon-close-1:before {
  content: "@";
}

.rtl .icon-close-4:before {
  content: "[";
}

.rtl .icon-close-3:before {
  content: "[";
}

.ltr .icon-close-4:before {
  content: "]";
}

.ltr .icon-close-3:before {
  content: "]";
}

.icon-close-2:before {
  content: "^";
}

.icon-close-5:before {
  content: "_";
}

.icon-close-6:before {
  content: "`";
}

.icon-megaphone:before {
  content: "{";
}

.icon-advertising-megaphone-2:before {
  content: "|";
}

.icon-bullhorn:before {
  content: "}";
}

.icon-megaphone-1:before {
  content: "~";
}

.icon-megaphone-2:before {
  content: "\\";
}

.icon-pin:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-icon-list:before {
  content: "";
}

.icon-icon-list-1:before {
  content: "";
}

.icon-fontawesome-webfont:before {
  content: "";
}

.icon-paper-clip:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-kalsefer-icons:before {
  content: "";
}

.icon-align-justify:before {
  content: "";
}

.icon-tasks:before {
  content: "";
}

.icon-android-options:before {
  content: "";
}

.icon-settings-1:before {
  content: "";
}

.icon-edit-1:before {
  content: "";
}

.icon-check-mark:before {
  content: "";
}

.icon-check-mark-2:before {
  content: "";
}

.icon-share-3:before {
  content: "";
}

.icon-ic-arrow-downward-24px:before {
  content: "";
}

.icon-ic-arrow-back-18px:before {
  content: "";
}

.icon-arrow-down-b:before {
  content: "";
}

.icon-long-arrow-down:before {
  content: "";
}

.icon-long-arrow-up:before {
  content: "";
}

.icon-share-alt:before {
  content: "";
}

.icon-angle-left:before {
  content: "";
}

.icon-angle-right:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-bookmark-o:before {
  content: "";
}

.icon-caret-square-o-right:before {
  content: "";
}

.icon-caret-square-o-left:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-file-text-o:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-sticky-note-o:before {
  content: "";
}

.icon-sticky-note:before {
  content: "";
}

.icon-youtube-play:before {
  content: "";
}

.icon-picture-o:before {
  content: "";
}

.icon-link-1:before {
  content: "";
}

.icon-bars:before {
  content: "";
}

.icon-volume-down:before {
  content: "";
}

.icon-volume-off:before {
  content: "";
}

.icon-volume-up:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-search-1:before {
  content: "";
}

.icon-search-minus:before {
  content: "";
}

.icon-search-plus:before {
  content: "";
}

.icon-layers:before {
  content: "";
}

.icon-arrows:before {
  content: "";
}

.icon-arrows-alt:before {
  content: "";
}

.icon-arrows-h:before {
  content: "";
}

.icon-arrows-v:before {
  content: "";
}

.icon-exchange:before {
  content: "";
}

.icon-fontawesome-webfont-1:before {
  content: "";
}

.icon-fontawesome-webfont-2:before {
  content: "";
}

.icon-fontawesome-webfont-3:before {
  content: "";
}

.icon-fontawesome-webfont-4:before {
  content: "";
}

.icon-buffer:before {
  content: "";
}

.icon-buffer-outline:before {
  content: "";
}

.icon-tag-line:before {
  content: "";
}

.icon-picture:before {
  content: "";
}

.icon-pencil-1:before {
  content: "";
}

.icon-kalsefer-icons-1:before {
  content: "";
}

.icon-data-layers:before {
  content: "";
}

.icon-toc:before {
  content: "";
}

.icon-kalsefer-add-note:before {
  content: "";
}

.icon-kalsefer-link-miror:before {
  content: "";
}

.icon-page-view:before {
  content: "";
}

.icon-kalsefer-add-note2:before {
  content: "";
}

.icon-marker2-icon-61283:before {
  content: "";
}

.icon-marker-icon:before {
  content: "";
}

.icon-arrow-up-b:before {
  content: "";
}

.icon-ios-play:before {
  content: "";
}

.icon-arrow-left-b:before {
  content: "";
}

.icon-crop-free:before {
  content: "";
}

.icon-ic-apps-36px:before {
  content: "";
}

.icon-crop-close:before {
  content: "";
}

.icon-crop-fix:before {
  content: "";
}

.icon-kalsefer-add-bookmark:before {
  content: "";
}

.icon-sidebar-arrow-left:before {
  content: "";
}

.icon-sidebar-arrow-right:before {
  content: "";
}

.icon-document-text-accept:before {
  content: "";
}

.icon-hand-paper-o:before {
  content: "";
}

.icon-ambulance:before {
  content: "";
}

.icon-medkit:before {
  content: "";
}

.icon-user-plus:before {
  content: "";
}

.icon-cart-plus:before {
  content: "";
}

.icon-credit-card:before {
  content: "";
}

.icon-user-add:before {
  content: "";
}

.icon-person-add:before {
  content: "";
}

.icon-person-stalker:before {
  content: "";
}

.icon-user-full-add:before {
  content: "";
}

.icon-basket:before {
  content: "";
}

.icon-homework-feedback:before {
  content: "";
}

.icon-homework-archive:before {
  content: "";
}

.icon-add2:before {
  content: "";
}

/*!
 * Font Awesome Pro 5.6.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-abacus:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acorn:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adobe:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-alarm-clock:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-alicorn:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-analytics:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angel:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-crate:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-alt-down:before {
  content: "";
}

.fa-arrow-alt-from-bottom:before {
  content: "";
}

.fa-arrow-alt-from-left:before {
  content: "";
}

.fa-arrow-alt-from-right:before {
  content: "";
}

.fa-arrow-alt-from-top:before {
  content: "";
}

.fa-arrow-alt-left:before {
  content: "";
}

.fa-arrow-alt-right:before {
  content: "";
}

.fa-arrow-alt-square-down:before {
  content: "";
}

.fa-arrow-alt-square-left:before {
  content: "";
}

.fa-arrow-alt-square-right:before {
  content: "";
}

.fa-arrow-alt-square-up:before {
  content: "";
}

.fa-arrow-alt-to-bottom:before {
  content: "";
}

.fa-arrow-alt-to-left:before {
  content: "";
}

.fa-arrow-alt-to-right:before {
  content: "";
}

.fa-arrow-alt-to-top:before {
  content: "";
}

.fa-arrow-alt-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-from-bottom:before {
  content: "";
}

.fa-arrow-from-left:before {
  content: "";
}

.fa-arrow-from-right:before {
  content: "";
}

.fa-arrow-from-top:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-square-down:before {
  content: "";
}

.fa-arrow-square-left:before {
  content: "";
}

.fa-arrow-square-right:before {
  content: "";
}

.fa-arrow-square-up:before {
  content: "";
}

.fa-arrow-to-bottom:before {
  content: "";
}

.fa-arrow-to-left:before {
  content: "";
}

.fa-arrow-to-right:before {
  content: "";
}

.fa-arrow-to-top:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-atom-alt:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-axe:before {
  content: "";
}

.fa-axe-battle:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backpack:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-badge:before {
  content: "";
}

.fa-badge-check:before {
  content: "";
}

.fa-badge-dollar:before {
  content: "";
}

.fa-badge-percent:before {
  content: "";
}

.fa-badger-honey:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ball-pile:before {
  content: "";
}

.fa-ballot:before {
  content: "";
}

.fa-ballot-check:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-barcode-alt:before {
  content: "";
}

.fa-barcode-read:before {
  content: "";
}

.fa-barcode-scan:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-basketball-hoop:before {
  content: "";
}

.fa-bat:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-bolt:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-slash:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-school:before {
  content: "";
}

.fa-bell-school-slash:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bells:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blanket:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bone-break:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-alt:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-heart:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-book-spells:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-books:before {
  content: "";
}

.fa-boot:before {
  content: "";
}

.fa-booth-curtain:before {
  content: "";
}

.fa-bow-arrow:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-bowling-pins:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-alt:before {
  content: "";
}

.fa-box-ballot:before {
  content: "";
}

.fa-box-check:before {
  content: "";
}

.fa-box-fragile:before {
  content: "";
}

.fa-box-full:before {
  content: "";
}

.fa-box-heart:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-box-up:before {
  content: "";
}

.fa-box-usd:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-boxes-alt:before {
  content: "";
}

.fa-boxing-glove:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-browser:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-bullseye-arrow:before {
  content: "";
}

.fa-bullseye-pointer:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-bus-school:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-cabinet-filing:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calculator-alt:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-edit:before {
  content: "";
}

.fa-calendar-exclamation:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-star:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-alt:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campfire:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candle-holder:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-candy-corn:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-bump:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-garage:before {
  content: "";
}

.fa-car-mechanic:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-car-tilt:before {
  content: "";
}

.fa-car-wash:before {
  content: "";
}

.fa-caret-circle-down:before {
  content: "";
}

.fa-caret-circle-left:before {
  content: "";
}

.fa-caret-circle-right:before {
  content: "";
}

.fa-caret-circle-up:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cauldron:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chair-office:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-line-down:before {
  content: "";
}

.fa-chart-network:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-chart-pie-alt:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-bishop-alt:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-clock:before {
  content: "";
}

.fa-chess-clock-alt:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-king-alt:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-knight-alt:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-pawn-alt:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-queen-alt:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chess-rook-alt:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-double-down:before {
  content: "";
}

.fa-chevron-double-left:before {
  content: "";
}

.fa-chevron-double-right:before {
  content: "";
}

.fa-chevron-double-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-square-down:before {
  content: "";
}

.fa-chevron-square-left:before {
  content: "";
}

.fa-chevron-square-right:before {
  content: "";
}

.fa-chevron-square-up:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chimney:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-claw-marks:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clipboard-list-check:before {
  content: "";
}

.fa-clipboard-prescription:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-drizzle:before {
  content: "";
}

.fa-cloud-hail:before {
  content: "";
}

.fa-cloud-hail-mixed:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-rainbow:before {
  content: "";
}

.fa-cloud-showers:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sleet:before {
  content: "";
}

.fa-cloud-snow:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-clouds:before {
  content: "";
}

.fa-clouds-moon:before {
  content: "";
}

.fa-clouds-sun:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-club:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-code-commit:before {
  content: "";
}

.fa-code-merge:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-coffee-togo:before {
  content: "";
}

.fa-coffin:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-alt-check:before {
  content: "";
}

.fa-comment-alt-dollar:before {
  content: "";
}

.fa-comment-alt-dots:before {
  content: "";
}

.fa-comment-alt-edit:before {
  content: "";
}

.fa-comment-alt-exclamation:before {
  content: "";
}

.fa-comment-alt-lines:before {
  content: "";
}

.fa-comment-alt-minus:before {
  content: "";
}

.fa-comment-alt-plus:before {
  content: "";
}

.fa-comment-alt-slash:before {
  content: "";
}

.fa-comment-alt-smile:before {
  content: "";
}

.fa-comment-alt-times:before {
  content: "";
}

.fa-comment-check:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-edit:before {
  content: "";
}

.fa-comment-exclamation:before {
  content: "";
}

.fa-comment-lines:before {
  content: "";
}

.fa-comment-minus:before {
  content: "";
}

.fa-comment-plus:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comment-smile:before {
  content: "";
}

.fa-comment-times:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-alt:before {
  content: "";
}

.fa-comments-alt-dollar:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compass-slash:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-compress-wide:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-container-storage:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-conveyor-belt:before {
  content: "";
}

.fa-conveyor-belt-alt:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-corn:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cow:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-credit-card-blank:before {
  content: "";
}

.fa-credit-card-front:before {
  content: "";
}

.fa-cricket:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-curling:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dagger:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-deer:before {
  content: "";
}

.fa-deer-rudolph:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-desktop-alt:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dewpoint:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d10:before {
  content: "";
}

.fa-dice-d12:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d4:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-d8:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-diploma:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-do-not-enter:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dog-leashed:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-empty:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-dolly-flatbed-alt:before {
  content: "";
}

.fa-dolly-flatbed-empty:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-circle:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-draw-square:before {
  content: "";
}

.fa-dreidel:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-duck:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-ear:before {
  content: "";
}

.fa-ear-muffs:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-eclipse:before {
  content: "";
}

.fa-eclipse-alt:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-elephant:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-h-alt:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ellipsis-v-alt:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-empty-set:before {
  content: "";
}

.fa-engine-warning:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-dollar:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-square:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expand-wide:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-evil:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-field-hockey:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-certificate:before {
  content: "";
}

.fa-file-chart-line:before {
  content: "";
}

.fa-file-chart-pie:before {
  content: "";
}

.fa-file-check:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-edit:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-exclamation:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-minus:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-plus:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-spreadsheet:before {
  content: "";
}

.fa-file-times:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-user:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-film-alt:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-fire-smoke:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-fireplace:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-alt:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flame:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flask-poison:before {
  content: "";
}

.fa-flask-potion:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-fog:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-folder-times:before {
  content: "";
}

.fa-folders:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-football-helmet:before {
  content: "";
}

.fa-forklift:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-fragile:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frosty-head:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-function:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gas-pump-slash:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gift-card:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-gingerbread-man:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-champagne:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glass-whiskey-rocks:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glasses-alt:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-globe-snow:before {
  content: "";
}

.fa-globe-stand:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-golf-club:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-h1:before {
  content: "";
}

.fa-h2:before {
  content: "";
}

.fa-h3:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hammer-war:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-heart:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-box:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-magic:before {
  content: "";
}

.fa-hand-holding-seedling:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-holding-water:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-receiving:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-heart:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-hands-usd:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-handshake-alt:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-santa:before {
  content: "";
}

.fa-hat-winter:before {
  content: "";
}

.fa-hat-witch:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-haykal:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-head-side:before {
  content: "";
}

.fa-head-vr:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heart-circle:before {
  content: "";
}

.fa-heart-rate:before {
  content: "";
}

.fa-heart-square:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-helmet-battle:before {
  content: "";
}

.fa-hexagon:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-mask:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-hockey-sticks:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-home-heart:before {
  content: "";
}

.fa-hood-cloak:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-house-flood:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-humidity:before {
  content: "";
}

.fa-hurricane:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-skate:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-inbox-in:before {
  content: "";
}

.fa-inbox-out:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-industry-alt:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-info-square:before {
  content: "";
}

.fa-inhaler:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-integral:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-intersection:before {
  content: "";
}

.fa-inventory:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-jack-o-lantern:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-key-skeleton:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-keynote:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kidneys:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kite:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-knife-kitchen:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-lambda:before {
  content: "";
}

.fa-lamp:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-landmark-alt:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-layer-minus:before {
  content: "";
}

.fa-layer-plus:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leaf-heart:before {
  content: "";
}

.fa-leaf-maple:before {
  content: "";
}

.fa-leaf-oak:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-lightbulb-dollar:before {
  content: "";
}

.fa-lightbulb-exclamation:before {
  content: "";
}

.fa-lightbulb-on:before {
  content: "";
}

.fa-lightbulb-slash:before {
  content: "";
}

.fa-lights-holiday:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lips:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-location-circle:before {
  content: "";
}

.fa-location-slash:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-alt:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-lock-open-alt:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-loveseat:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luchador:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lungs:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-mace:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-mandolin:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-marker-alt-slash:before {
  content: "";
}

.fa-map-marker-check:before {
  content: "";
}

.fa-map-marker-edit:before {
  content: "";
}

.fa-map-marker-exclamation:before {
  content: "";
}

.fa-map-marker-minus:before {
  content: "";
}

.fa-map-marker-plus:before {
  content: "";
}

.fa-map-marker-question:before {
  content: "";
}

.fa-map-marker-slash:before {
  content: "";
}

.fa-map-marker-smile:before {
  content: "";
}

.fa-map-marker-times:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaphone:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-mind-share:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-hexagon:before {
  content: "";
}

.fa-minus-octagon:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mistletoe:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-mobile-android:before {
  content: "";
}

.fa-mobile-android-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monitor-heart-rate:before {
  content: "";
}

.fa-monkey:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-moon-cloud:before {
  content: "";
}

.fa-moon-stars:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mountains:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-mug-marshmallows:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-narwhal:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-nintendo-switch:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-octagon:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-oil-temp:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-omega:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-ornament:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-brush-alt:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-pallet-alt:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-parking-circle:before {
  content: "";
}

.fa-parking-circle-slash:before {
  content: "";
}

.fa-parking-slash:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paw-alt:before {
  content: "";
}

.fa-paw-claws:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pegasus:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-paintbrush:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-pennant:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-person-carry:before {
  content: "";
}

.fa-person-dolly:before {
  content: "";
}

.fa-person-dolly-empty:before {
  content: "";
}

.fa-person-sign:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-office:before {
  content: "";
}

.fa-phone-plus:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pi:before {
  content: "";
}

.fa-pie:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pig:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-alt:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-hexagon:before {
  content: "";
}

.fa-plus-octagon:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-podium:before {
  content: "";
}

.fa-podium-star:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poll-people:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-presentation:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-print-slash:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pumpkin:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-question-square:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-rabbit:before {
  content: "";
}

.fa-rabbit-fast:before {
  content: "";
}

.fa-racquet:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-raindrops:before {
  content: "";
}

.fa-ram:before {
  content: "";
}

.fa-ramp-loading:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-rectangle-landscape:before {
  content: "";
}

.fa-rectangle-portrait:before {
  content: "";
}

.fa-rectangle-wide:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-repeat:before {
  content: "";
}

.fa-repeat-1:before {
  content: "";
}

.fa-repeat-1-alt:before {
  content: "";
}

.fa-repeat-alt:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-retweet-alt:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-route-highway:before {
  content: "";
}

.fa-route-interstate:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-triangle:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-rv:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-scalpel:before {
  content: "";
}

.fa-scalpel-path:before {
  content: "";
}

.fa-scanner:before {
  content: "";
}

.fa-scanner-keyboard:before {
  content: "";
}

.fa-scanner-touchscreen:before {
  content: "";
}

.fa-scarecrow:before {
  content: "";
}

.fa-scarf:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-scroll-old:before {
  content: "";
}

.fa-scrubber:before {
  content: "";
}

.fa-scythe:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-all:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-sheep:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-shield-check:before {
  content: "";
}

.fa-shield-cross:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shipping-timed:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shovel:before {
  content: "";
}

.fa-shovel-snow:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shredder:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-shuttlecock:before {
  content: "";
}

.fa-sigma:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signal-1:before {
  content: "";
}

.fa-signal-2:before {
  content: "";
}

.fa-signal-3:before {
  content: "";
}

.fa-signal-4:before {
  content: "";
}

.fa-signal-alt:before {
  content: "";
}

.fa-signal-alt-1:before {
  content: "";
}

.fa-signal-alt-2:before {
  content: "";
}

.fa-signal-alt-3:before {
  content: "";
}

.fa-signal-alt-slash:before {
  content: "";
}

.fa-signal-slash:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-skeleton:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-ski-jump:before {
  content: "";
}

.fa-ski-lift:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sledding:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-sliders-h-square:before {
  content: "";
}

.fa-sliders-v:before {
  content: "";
}

.fa-sliders-v-square:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-plus:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoke:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snake:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snow-blowing:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowflakes:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowmobile:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-spade:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spider-black-widow:before {
  content: "";
}

.fa-spider-web:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-spinner-third:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-squirrel:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-staff:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-christmas:before {
  content: "";
}

.fa-star-exclamation:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-stars:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-steering-wheel:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stocking:before {
  content: "";
}

.fa-stomach:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-sun-cloud:before {
  content: "";
}

.fa-sun-dust:before {
  content: "";
}

.fa-sun-haze:before {
  content: "";
}

.fa-sunrise:before {
  content: "";
}

.fa-sunset:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-sword:before {
  content: "";
}

.fa-swords:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablet-android:before {
  content: "";
}

.fa-tablet-android-alt:before {
  content: "";
}

.fa-tablet-rugged:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tachometer-alt-average:before {
  content: "";
}

.fa-tachometer-alt-fast:before {
  content: "";
}

.fa-tachometer-alt-fastest:before {
  content: "";
}

.fa-tachometer-alt-slow:before {
  content: "";
}

.fa-tachometer-alt-slowest:before {
  content: "";
}

.fa-tachometer-average:before {
  content: "";
}

.fa-tachometer-fast:before {
  content: "";
}

.fa-tachometer-fastest:before {
  content: "";
}

.fa-tachometer-slow:before {
  content: "";
}

.fa-tachometer-slowest:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tally:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-frigid:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-hot:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-tennis-ball:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-theta:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-thunderstorm:before {
  content: "";
}

.fa-thunderstorm-moon:before {
  content: "";
}

.fa-thunderstorm-sun:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-tilde:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-times-hexagon:before {
  content: "";
}

.fa-times-octagon:before {
  content: "";
}

.fa-times-square:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tire:before {
  content: "";
}

.fa-tire-flat:before {
  content: "";
}

.fa-tire-pressure-warning:before {
  content: "";
}

.fa-tire-rugged:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toilet-paper-alt:before {
  content: "";
}

.fa-tombstone:before {
  content: "";
}

.fa-tombstone-alt:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-toothbrush:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tornado:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-cone:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-traffic-light-go:before {
  content: "";
}

.fa-traffic-light-slow:before {
  content: "";
}

.fa-traffic-light-stop:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-treasure-chest:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-tree-alt:before {
  content: "";
}

.fa-tree-christmas:before {
  content: "";
}

.fa-tree-decorated:before {
  content: "";
}

.fa-tree-large:before {
  content: "";
}

.fa-trees:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-triangle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-trophy-alt:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-container:before {
  content: "";
}

.fa-truck-couch:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-truck-plow:before {
  content: "";
}

.fa-truck-ramp:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-turkey:before {
  content: "";
}

.fa-turtle:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-tv-retro:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-unicorn:before {
  content: "";
}

.fa-union:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-usd-circle:before {
  content: "";
}

.fa-usd-square:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-chart:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-crown:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-class:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-users-crown:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-fork:before {
  content: "";
}

.fa-utensil-knife:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-utensils-alt:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-value-absolute:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-plus:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-volcano:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-slash:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-nay:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-wand:before {
  content: "";
}

.fa-wand-magic:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-warehouse-alt:before {
  content: "";
}

.fa-watch:before {
  content: "";
}

.fa-watch-fitness:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-water-lower:before {
  content: "";
}

.fa-water-rise:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whale:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheat:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whistle:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wifi-1:before {
  content: "";
}

.fa-wifi-2:before {
  content: "";
}

.fa-wifi-slash:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-wind-warning:before {
  content: "";
}

.fa-window:before {
  content: "";
}

.fa-window-alt:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-windsock:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wreath:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-brands-400.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
body .fab {
  font-family: "Font Awesome 5 Brands";
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-light-300.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-light-300.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-light-300.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-light-300.svg#fontawesome") format("svg");
}
body .fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-regular-400.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
body .far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-solid-900.eot");
  src: url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
body .fa,
body .fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                        Layout Theme Variables                                  */
/*-------------------------------------------------------------------------------------------------*/
/* Custom properties for easy theming */
:root {
  /* Colors */
  --header-bg: #0099D9;
  --header-fg: white;
  --main-bg: #ffffff;
  --html-background-color: #F2F2F2;
  --sidebar-bg: #eaeaea;
  --text-color: #111;
  /* Spacing */
  --spacing: 1rem;
  --header-padding: 1rem;
  /* Dimensions */
  --header-height: 60px;
  --sidebar-width: 280px;
  --hamburger-size: 24px;
  /* Transitions */
  --transition-speed: 0.3s;
}

/* Dark mode theme (system preference based) */
@media (prefers-color-scheme: dark) {
  :root {
    --header-bg: #0099d9;
    --main-bg: #ffffff;
    --sidebar-bg: #1a1a1a;
    --text-color: #111111;
  }
}
/* Basic reset */
* {
  box-sizing: border-box;
}

/* Body defaults */
body {
  margin: auto;
  font-family: "Open Sans", sans-serif;
  background-color: var(--main-bg);
  color: var(--text-color);
  overflow-x: hidden;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                                Layout                                           */
/*-------------------------------------------------------------------------------------------------*/
/* @media 800 */
@media (max-width: 1200px) {
  .rtl #sidebar_animation {
    right: -230px !important;
    background: #389EDF !important;
  }

  .ltr #sidebar_animation {
    left: -230px !important;
    background: #389EDF !important;
  }

  .rtl #sidebar_animation.showMenuToggle {
    right: 0 !important;
    display: block;
  }

  .ltr #sidebar_animation.showMenuToggle {
    left: 0 !important;
    display: block;
  }

  #main {
    max-width: none !important;
  }

  #sidebar nav li {
    color: white;
    background: #389EDF !important;
  }

  #sidebar nav li.active {
    background: #40d78c !important;
  }

  #sidebar nav li.active .arrow {
    border-style: none !important;
  }

  #toggled-menu {
    display: block !important;
  }
}
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
body {
  max-width: 1200px;
  position: relative;
}
body .header {
  width: 100%;
}
body .header-row {
  width: 100%;
}

.outer-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 1200px;
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
  bottom: 0;
}

#header {
  flex: 0 1 auto;
  max-width: 1200px;
  width: 100%;
  padding: 0 13px 0 20px;
  height: 70px;
}

#wrapper {
  flex: 1 1 auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}

.outside-wrapper {
  top: 0 !important;
}

#main.loginScreen {
  background: none;
}

.loginScreen #content {
  padding: 0;
}

.loginScreen #logo {
  text-align: center;
  padding-top: 30px;
}

.loginScreen input {
  height: 50px;
  width: 320px;
  border: 1px solid #d0d0d0;
  background: none;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0.03em;
  padding: 0 20px;
}

.loginScreen input::placeholder {
  color: #9b9b9b;
}

.loginScreen input[type=submit] {
  background-color: #0099d9;
  color: #ffffff;
  border: none;
}

.loginScreen .login-up-text {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #0099d9;
  letter-spacing: 0.03em;
  padding: 40px 0 20px 0;
  text-align: center;
}

.loginScreen #login-boxes {
  width: 720px;
}

.loginScreen #login-boxes .login-form {
  width: 320px;
  height: 100%;
}

.loginScreen #login-boxes .login-form #recaptcha {
  margin-top: 20px;
}

.loginScreen #login-boxes .login-form .reset-password a {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 14px;
  color: #0099d9;
  letter-spacing: 0.03em;
}

.loginScreen #login-boxes .login-or {
  width: 80px;
  height: 100%;
}

.loginScreen #login-boxes .login-or .login-or-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #0099d9;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  letter-spacing: 0.03em;
  top: 35%;
  left: 20px;
  position: absolute;
}

.loginScreen #login-boxes .login-or .login-or-line {
  background-color: #cccccc;
  height: auto;
  width: 1px;
  min-height: 230px;
  display: block;
}

.loginScreen #login-boxes .login-sso {
  width: 315px;
  height: 100%;
}

.loginScreen #login-boxes .login-sso .login-sso-button {
  height: 50px;
  width: 320px;
  background-color: #eaeaea;
  line-height: 50px;
}

.loginScreen #login-boxes .login-sso .login-sso-button .label {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #666666;
}

.loginScreen #login-boxes .login-sso .login-sso-button:hover {
  background-color: #B3C4CE;
}

.loginScreen #login-boxes .login-sso .login-sso-button img {
  height: 25px;
  top: 15px;
  position: relative;
}

.loginScreen #login-boxes .login-retrieve-password {
  width: 320px;
}

.loginScreen #error-boxes {
  width: 601px;
  padding: 20px 0;
  color: #ff0000;
}

.loginScreen #logo .slogan {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0.03em;
  padding-top: 10px;
}

#login-footer {
  width: 720px;
}

#login-footer .line {
  border-top: 1px solid #d0d0d0;
}

#login-footer .sign-up {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0.03em;
  padding-top: 10px;
  text-align: center;
}

#login-footer .sign-up a {
  color: #0099d9;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
}

#sidebar {
  background: transparent !important;
}

#sidebar, #sidebar_animation {
  width: 230px;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 50;
  background: white;
}

.guestWrapper #sidebar_animation {
  width: 241px;
}

#sidebar.taskSidebar {
  z-index: 0;
}

#sidebar {
  position: absolute;
}

#sidebar_animation {
  position: fixed;
  height: 100%;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

#main {
  overflow-y: auto;
  height: 100%;
  max-width: 970px;
  width: 100%;
  background: white;
  overflow: hidden;
}

.fullWidth {
  max-width: 1200px !important;
}

.no-animate {
  -webkit-transition: none !important;
  transition: none !important;
}

#content {
  overflow: hidden;
  height: 100%;
  padding: 20px;
}

#content-inner {
  overflow: hidden;
  height: 100%;
}

#loading-page, .loading-page {
  z-index: 99;
  background: white;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#secondaryHeader, #statusHeader {
  height: auto;
  z-index: 90;
}

#loading-page img, .loading-page img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#loading-page.ng-hide-remove,
#loading-page.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block !important;
}

#loading-page.ng-hide,
#loading-page.ng-add.ng-add-active {
  opacity: 1;
}

.env_data {
  position: fixed;
  bottom: 20px;
  left: 20px;
  padding: 10px;
  font-size: 12px;
  line-height: 14px;
  color: black;
  direction: ltr;
  text-align: left;
  background-color: #0099d920;
  z-index: 50;
}

.env_data span {
  font-weight: normal;
}

.env_data.hide {
  background-color: #0099d9;
  width: 5px;
  height: 5px;
}

.env_data.hide p {
  display: none;
}

.guestWrapper #main {
  /*padding: 10px 30px;*/
  padding: 10px 0;
}

#wrapper.hiddenHeaderWrapper {
  top: 0 !important;
}

#wrapper.guestWrapper {
  height: 100%;
}

#wrapper.guestWrapper.secondaryHeaderExists #main {
  height: calc(100% - 129px);
}

#wrapper.secondaryHeaderStatusBar.secondaryHeaderExists #main {
  height: calc(100% - 119px);
}

#wrapper.guestWrapper.secondaryHeaderExists.storeBrandedSecondaryHeader #main {
  height: calc(100% - 210px);
}

/* ------------------------------------------------------------------------------------------------------
------------------------------------------- Wrapper of mobile ------------------------------------------
------------------------------------------------------------------------------------------------------ */
.mobile {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

#mobile-wrapper {
  width: 100%;
  height: 100%;
}

/* ------------------------------------------------------------------------------------------------------
------------------------------------------- Wrapper of tablets ------------------------------------------
------------------------------------------------------------------------------------------------------ */
.tablet {
  height: 100%;
  width: 100%;
}

#tablet-wrapper {
  width: 100%;
  height: 100%;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #content[scrollbar-y-active=true] {
  padding-right: 40px;
}

body.ltr .guestWrapper #sidebar_animation {
  padding-right: 18px;
  padding-left: 25px;
}

body.ltr .loginScreen #login-boxes {
  height: auto;
  min-width: 300px;
  display: flex;
}

body.ltr .loginScreen #login-boxes .login-form {
  float: left;
}

body.ltr .loginScreen #login-boxes .login-or {
  float: left;
}

body.ltr .loginScreen #login-boxes .login-sso {
  float: left;
}

body.ltr .loginScreen #login-boxes .login-sso .firefly .login-sso-button img {
  float: left;
  padding: 0 10px 0 15px;
}

body.ltr .loginScreen #login-boxes .login-sso .microsoft .login-sso-button img {
  float: left;
  padding: 0 14px 0 22px;
}

body.ltr .loginScreen #login-boxes .login-sso .google .login-sso-button img {
  float: left;
  padding: 0 8px 0 16px;
}

body.ltr .loginScreen #login-boxes .login-sso .idm .login-sso-button img {
  float: left;
  padding: 0 15px 0 23px;
}

/***********************************  RTL ***********************************/
body.rtl #content[scrollbar-y-active=true] {
  padding-left: 40px;
}

body.rtl .search-box {
  margin-left: 0 !important;
}

body.rtl .guestWrapper #sidebar_animation {
  padding-left: 18px;
  padding-right: 25px;
}

body.rtl .loginScreen #login-boxes {
  height: auto;
  min-width: 300px;
  display: flex;
}

body.rtl .loginScreen #login-boxes .login-form {
  float: right;
}

body.rtl .loginScreen #login-boxes .login-or {
  float: right;
}

body.rtl .loginScreen #login-boxes .login-sso {
  float: right;
}

body.rtl .loginScreen #login-boxes .login-sso .idm .login-sso-button img {
  float: right;
  padding: 0 15px 0 5px;
}

body.rtl .loginScreen #login-boxes .login-sso .microsoft .login-sso-button img {
  float: right;
  padding: 0 13px 0 7px;
}

body.rtl .loginScreen #login-boxes .login-sso .google .login-sso-button img {
  float: right;
  padding: 0 9px 0 2px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/* ---------------------------------------------------------------------------------------------------------*/
/*                                                  Sidebar                                                 */
/*--------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#sidebar_animation {
  background: white;
  /*#ededed;*/
}

#sidebar_toggle {
  width: 100%;
  background: white;
  margin-bottom: 1px;
}

#sidebar_toggle.sidebar-toggle-unlocked {
  padding: 20px 0;
  /*13px*/
}

#sidebar_toggle.sidebar-toggle-locked {
  padding: 10px 0;
}

#sidebar_toggle button {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}

#sidebar_toggle i {
  height: 30px;
  width: 30px;
  font-size: 30px;
}

#sidebar nav {
  width: inherit;
  padding-top: 20px;
}

#sidebar nav ul {
  width: inherit;
}

#sidebar nav li {
  font-weight: normal;
  background: white;
  line-height: 35px;
  width: inherit;
  white-space: nowrap;
}
#sidebar nav li hr {
  margin: 0 10px;
}

#sidebar_animation .border {
  border: solid #cccccc;
}

#sidebar_animation .sidebar-header {
  height: 20px;
}

.guestWrapper #sidebar_animation .sidebar-header {
  height: 170px;
  margin-top: 29px;
  cursor: pointer;
}

#sidebar_animation .sidebar-header img {
  display: none;
}

.guestWrapper #sidebar_animation .sidebar-header img {
  display: block;
  position: relative;
  width: 180px;
}

#sidebar_animation .sidebar-footer {
  height: calc(100% - 20px);
  z-index: -1;
}

#sidebar nav li.active {
  background: #009DD9;
  color: white;
  border-style: none;
}

#sidebar nav li:hover:not(.active) {
  background: #CCCCCC;
  color: white;
}

#sidebar nav li.menu-btn:hover:not(.active) {
  background: white;
}

#sidebar nav li a {
  width: inherit;
}

#sidebar nav li a i {
  font-size: 18px;
}

#sidebar nav li button {
  width: 200px;
  margin: 0 15px 15px 15px;
  border-radius: 20px;
}

body.body-workflow #sidebar_toggle,
body.body-workflow #sidebar_animation,
body.body-workflow #sidebar nav li {
  background: transparent;
}

body.body-workflow #sidebar {
  height: 100%;
}

body.body-workflow #sidebar nav {
  margin-top: 20px;
  counter-reset: workflow-stages-counter;
  height: calc(100% - 20px);
}

body.body-workflow #sidebar nav li {
  font-size: 14px;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 0;
}

body.body-workflow .nav-header {
  font-size: 18px !important;
  background: #F65543 !important;
  color: white !important;
}

body.body-workflow #sidebar nav li:not(.nav-header) {
  counter-increment: workflow-stages-counter;
  font-family: arial, serif;
}

body.body-workflow #sidebar nav li:not(.nav-header):before {
  content: counter(workflow-stages-counter);
  font-size: 14px;
  font-family: arial, serif;
  font-weight: bold;
  background: #999999;
  color: white;
  padding: 1px 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

body.body-workflow #sidebar nav li.active {
  background: inherit;
  color: inherit;
  font-size: 16px;
  font-weight: bold;
}

body.body-workflow #sidebar nav li.active:hover {
  font-weight: bold !important;
}

body.body-workflow #sidebar nav li.active:not(.nav-header):before {
  background: #F65543;
}

body.body-workflow #sidebar nav li:hover {
  background: inherit;
  font-weight: inherit;
}

/*------------------------------------------
 counter - waiting to so something counter
-------------------------------------------*/
nav li.active .notificationCounter {
  background-color: black;
  color: white;
}

nav li .notificationCounter {
  font-size: 12px;
  font-family: OpenSansHebrew-regular, serif;
  background-color: black;
  /*#F75B3B;*/
  color: white;
  position: relative;
  top: 8px;
  line-height: 22px;
}

nav li .notificationCounter.oval {
  padding: 0 7px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr body.body-workflow #sidebar nav {
  border-right: 1px solid #B3C4CE;
}

body.ltr #sidebar_animation .border {
  border-width: 0 1px 0 0;
}

body.ltr #sidebar nav li a {
  padding-left: 20px;
}

body.ltr #sidebar nav li a i {
  margin-right: 10px;
}

body.ltr #sidebar nav li.active .arrow {
  float: right;
  margin: 10px 0 0;
  padding: 0;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 7.5px 8px 7.5px 0;
  border-color: transparent white transparent transparent;
}

body.ltr body.body-workflow #sidebar nav li:not(.nav-header):before {
  margin-right: 5px;
}

body.ltr nav li .notificationCounter {
  right: 8%;
  float: right;
}

body.ltr .guestWrapper #sidebar_animation .sidebar-header img {
  float: left;
}

body.ltr .guestWrapper .ps-container .ps-scrollbar-y-rail {
  right: 24px !important;
}

/***********************************  RTL ***********************************/
body.rtl body.body-workflow #sidebar nav {
  border-left: 1px solid #B3C4CE;
}

body.rtl #sidebar_animation .border {
  border-width: 0 0 0 1px;
}

body.rtl #sidebar nav li a {
  padding-right: 20px;
}

body.rtl #sidebar nav li a i {
  margin-left: 10px;
}

body.rtl #sidebar nav li.active .arrow {
  float: left;
  margin: 0;
  margin-top: 10px;
  padding: 0;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 8px;
  border-color: transparent transparent transparent white;
}

body.rtl body.body-workflow #sidebar nav li:not(.nav-header):before {
  margin-left: 5px;
}

body.rtl nav li .notificationCounter {
  left: 8%;
  float: left;
}

body.rtl .guestWrapper #sidebar_animation .sidebar-header img {
  float: right;
}

body.rtl .guestWrapper .ps-container .ps-scrollbar-y-rail {
  left: 24px !important;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body :lang(he) #sidebar nav li a {
  font-family: "fbogen-regular", serif;
  font-size: 18px;
}

/***********************************  English *********************************/
body:lang(en) #sidebar nav li a {
  font-size: 14px;
}

/***********************************  Spanish *********************************/
.public-page {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
.public-page__header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 500;
}
.public-page__main {
  width: 100%;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html .public-page, body .public-page {
    overflow: visible !important;
  }
  html .public-page__*, body .public-page__* {
    overflow: visible !important;
  }
}
#iframes {
  flex: 1;
  width: 100%;
  background-color: white;
}

#xod-webviewer {
  flex: 1;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                        Lists + Drop Downs                                       */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
.sort-style-select {
  width: 220px;
  height: 37px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-position: 3% center;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white;
}

.sort-style-select select {
  background: transparent;
  width: 220px;
  padding: 5px;
  font-size: 16px;
  line-height: 20px;
  border: 0;
  border-radius: 0;
  height: 37px;
  -webkit-appearance: none;
  color: #6F6666;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .sort-style-select {
  background-position: right 6px top 14px;
}

/***********************************  RTL ***********************************/
.rtl .sort-style-select {
  background-position: left 6px top 14px;
}

/* ----------------------------------------------------------------------------------------------------------
Tooltip -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 400px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #0E82D3;
  /*border-radius: 4px;*/
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #0E82D3;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #0E82D3;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #0E82D3;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #0E82D3;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #0E82D3;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0E82D3;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0E82D3;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0E82D3;
}

.tooltip .tooltip-inner {
  white-space: pre-wrap;
}

/* ----------------------------------------------------------------------------------------------------------
ScrollBars --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* .ps-container .ps-scrollbar-x-rail {
    position: absolute; please don't change 'position'
    bottom: 3px; there must be 'bottom' for ps-scrollbar-x-rail
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
} */
.ps-container {
  overflow: hidden;
}

.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */
  /*left: 0px;*/
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
  /*background: #B3C4CE;*/
  background: #ebebeb;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
  /*opacity: 0;
  filter: alpha(opacity = 0);*/
  opacity: 1;
  filter: alpha(opacity=100);
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  /*background-color: #eee;*/
  opacity: 1;
  filter: alpha(opacity=100);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
  /*background-color: #eee;*/
  opacity: 1;
  filter: alpha(opacity=100);
}

/* .ps-container .ps-scrollbar-x {
    position: absolute; please don't change 'position'
    bottom: 0; there must be 'bottom' for ps-scrollbar-x
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; fixed scrollbar height in xp sp3 ie6
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
} */
.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  /*left: 0;*/
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  /*background-color: #389EDF;*/
  background-color: #999999;
  /*    -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;*/
  opacity: 0.35;
  filter: alpha(opacity=35);
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  /* background-color: #0E82D3; */
  background-color: #999999;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling .ps-scrollbar-y {
  /* background-color: #0E82D3; */
  background-color: #999999;
  opacity: 1;
  filter: alpha(opacity=100);
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                            clTags - Tags element                                */
/*-------------------------------------------------------------------------------------------------*/
.cl-tags .tags-list {
  width: 100%;
  border: 1px solid #CCCCCC;
  background-color: white;
  margin: 0;
  line-height: 30px;
  vertical-align: middle;
}

.cl-tags .tags-list .tag {
  height: 20px;
  padding: 0 10px;
  margin-top: 5px;
  font-size: 14px;
  background-color: #e0f2fc;
  line-height: 20px;
  vertical-align: middle;
}

.cl-tags .tags-list .tag .delete {
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
  cursor: pointer;
}

.cl-tags .tags-list .tag-input {
  border: none;
  height: 20px;
  width: 100px;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.cl-tags .tags-list autocomplete .autocomplete.tag-input input {
  font-size: 14px;
  padding: 5px;
  border: none;
  height: 20px;
  width: 220px;
}

.cl-tags .tags-list autocomplete .autocomplete.tag-input .highlight {
  background-color: #fff87b;
}

.cl-tags .tags-list .tag-input ul {
  float: none;
  width: 220px;
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid white;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  top: 30px;
  background-color: white;
  box-shadow: 2px 2px 3px 0 #ccc;
}

.cl-tags .tags-list .tag-input ul li {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  padding: 0 10px;
  vertical-align: middle;
  cursor: pointer;
}

.cl-tags .tags-list .tag-input ul li:hover {
  background-color: #e0f2fc;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .cl-tags .tags-list .tag {
  margin-right: 10px;
  float: left;
}

body.ltr .cl-tags .tags-list .tag-input ul {
  right: auto;
}

body.ltr .cl-tags .tags-list .tag-input ul li {
  text-align: left;
  padding-left: 10px;
}

/***********************************  RTL ***********************************/
body.rtl .cl-tags .tags-list .tag {
  margin-left: 10px;
  float: right;
}

body.rtl .cl-tags .tags-list .tag-input ul {
  left: auto;
}

body.rtl .cl-tags .tags-list .tag-input ul li {
  text-align: right;
  padding-right: 10px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                            clTabs - Tabs element                                */
/*-------------------------------------------------------------------------------------------------*/
.cl-tabs-panel {
  overflow: hidden;
  height: 100%;
}

.cl-tabs-panel .tab-list {
  width: 100%;
  list-style-type: none;
  border-bottom: 1px solid #B3C4CE;
}

.cl-tabs-panel .tab-head {
  float: inherit;
  margin: 4px 1px -1px;
  background: transparent;
  border-width: 4px 1px 1px 0;
  text-transform: capitalize;
}

.cl-tabs-panel .tab-head.active,
.cl-tabs-panel .tab-head.active:hover {
  border-style: solid;
  border-right-color: #B3C4CE;
  border-left-color: #B3C4CE;
  border-top-color: #389EDF;
  background-color: white;
  border-bottom-color: white;
  border-width: 4px 1px 1px;
  margin: 0 0 -1px;
  z-index: 10;
}

.cl-tabs-panel .tab-head:hover {
  border-style: solid;
  border-color: #B3C4CE;
  background-color: #f2f2f2;
  border-width: 4px 1px 1px;
  margin: 0 0 -1px;
}

.cl-tabs-panel .tab-head a {
  font-size: 18px;
  font-family: OpenSansHebrew, serif;
  padding: 10px 20px;
  cursor: pointer;
}

.cl-tabs-panel .tab-head.active a {
  color: #0099D9;
}

.cl-tabs-panel .tab-head.disabled:hover {
  border: none;
  margin: 4px 1px -1px 1px;
  background-color: white;
}

.cl-tabs-panel .tab-head.disabled a {
  color: #ccc;
  cursor: default;
}

.cl-tabs-panel.medium .tab-head a {
  font-size: 16px;
  padding: 6px 15px;
}

.cl-tabs-panel.small .tab-head a {
  font-size: 14px;
  padding: 5px 10px;
}

.cl-tabs-panel .tabs-nav {
  height: 42px;
}

.cl-tabs-panel.medium .tabs-nav {
  height: 32px;
}

.cl-tabs-panel.small .tabs-nav {
  height: 28px;
}

.cl-tabs-panel .tab {
  height: 0;
}

.cl-tabs-panel .tab-content {
  height: 100%;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  RTL ***********************************/
body.rtl .cl-tabs-panel .tab-list {
  float: right;
}

/***********************************  LTR ***********************************/
body.ltr .cl-tabs-panel .tab-list {
  float: left;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             ksHelpBubble                                        */
/*-------------------------------------------------------------------------------------------------*/
.ksHelpBubble {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 3px;
}

.ksHelpBubble .questionMark {
  height: 20px;
  width: 20px;
  font-size: 14px;
  border-radius: 50%;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  color: #666;
  cursor: help;
}

.ksHelpBubble .questionMark.light {
  background-color: white;
}

.ksHelpBubble .questionMark.dark {
  background-color: #ededed;
}

.ksHelpBubble .bubble {
  position: absolute;
  top: -40px;
  white-space: wrap;
  z-index: 100;
  width: 160px;
  min-height: 80px;
  padding: 8px;
  background-color: #e6eaed;
  border: 1px solid #999999;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  line-height: 16px;
}

.ksHelpBubble .bubble .width-x2 {
  min-width: 320px;
}

.ksHelpBubble .bubble .title {
  font-weight: bold;
  display: block;
}

.ksHelpBubble .bubble .title:not(:first-child) {
  margin-top: 5px;
}

.ksHelpBubble .bubble .bold {
  font-weight: bold;
}

.ksHelpBubble .bubble .small {
  font-size: 12px;
}

.ksHelpBubble .bubble.left:after,
.ksHelpBubble .bubble.left:before {
  top: 50px;
  /*calc(100% - 80px);*/
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ksHelpBubble .bubble.left:after {
  border-color: rgba(230, 234, 237, 0);
  border-width: 10px;
  margin-top: -10px;
}

.ksHelpBubble .bubble.left:before {
  border-color: rgba(153, 153, 153, 0);
  border-width: 11px;
  margin-top: -11px;
}

.ksHelpBubble .bubble.right:after,
.ksHelpBubble .bubble.right:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ksHelpBubble .bubble.right:after {
  border-color: rgba(230, 234, 237, 0);
  border-width: 10px;
  margin-top: -10px;
}

.ksHelpBubble .bubble.right:before {
  border-color: rgba(153, 153, 153, 0);
  border-width: 11px;
  margin-top: -11px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .ksHelpBubble .bubble {
  left: 40px;
}

body.ltr .ksHelpBubble .bubble.left:after,
body.ltr .ksHelpBubble .bubble.left:before {
  right: 100%;
}

body.ltr .ksHelpBubble .bubble.left:after {
  border-right-color: #e6eaed;
}

body.ltr .ksHelpBubble .bubble.left:before {
  border-right-color: #999999;
}

body.ltr .ksHelpBubble .bubble.right {
  left: -192px;
}

body.ltr .ksHelpBubble .bubble.right:after,
body.ltr .ksHelpBubble .bubble.right:before {
  left: 100%;
}

body.ltr .ksHelpBubble .bubble.right:after {
  border-left-color: #e6eaed;
}

body.ltr .ksHelpBubble .bubble.right:before {
  border-left-color: #999999;
}

/***********************************  RTL ***********************************/
body.rtl .ksHelpBubble .bubble {
  right: 40px;
}

body.rtl .ksHelpBubble .bubble.left:after,
body.rtl .ksHelpBubble .bubble.left:before {
  left: 100%;
}

body.rtl .ksHelpBubble .bubble.left:after {
  border-left-color: #e6eaed;
}

body.rtl .ksHelpBubble .bubble.left:before {
  border-left-color: #999999;
}

body.rtl .ksHelpBubble .bubble.right {
  right: -192px;
}

body.rtl .ksHelpBubble .bubble.right:after,
body.rtl .ksHelpBubble .bubble.right:before {
  right: 100%;
}

body.rtl .ksHelpBubble .bubble.right:after {
  border-right-color: #e6eaed;
}

body.rtl .ksHelpBubble .bubble.right:before {
  border-right-color: #999999;
}

/*-------------------------------------------------------------------------------------------------*/
/*                            ksInviteUsers - Invite Users Component                               */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.ksInviteUsers {
  min-height: 450px;
  padding: 20px;
  border: 1px solid #ccc;
}

.ksInviteUsers .title {
  font-size: 36px;
  line-height: 36px;
  color: #4a4a4a;
}

.ksInviteUsers .invitations {
  margin: 30px 0 20px 0;
}

.ksInviteUsers .invitation {
  line-height: 36px;
}

.ksInviteUsers .field-title {
  display: inline-block;
  width: 300px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
}

.ksInviteUsers input {
  height: 50px;
  width: 300px;
  padding: 0 3px;
  font-size: 16px;
}

.ksInviteUsers .invitations .invitation:not(:nth-child(2)) {
  margin-top: 20px;
}

.ksInviteUsers input.email {
  direction: ltr;
}

.ksInviteUsers i {
  height: 36px;
  width: 36px;
  font-size: 36px;
}

.ksInviteUsers .del {
  color: #f65543;
}

.ksInviteUsers .add {
  color: #0099d9;
}

.ksInviteUsers .sent {
  color: #0099d9;
}

.ksInviteUsers .failed {
  color: #f65543;
  font-size: 40px;
}

.ksInviteUsers .loader {
  width: 24px;
  vertical-align: middle;
}

.ksInviteUsers .action-bar {
  margin-top: 40px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/*********************************** RTL ***********************************/
body.rtl .ksInviteUsers input {
  margin-left: 15px;
}

body.rtl .ksInviteUsers .field-title {
  margin-left: 15px;
}

body.rtl .ksInviteUsers .under-email {
  right: 320px;
}

/*********************************** LTR ***********************************/
body.ltr .ksInviteUsers input {
  margin-right: 15px;
}

body.ltr .ksInviteUsers .field-title {
  margin-right: 15px;
}

body.ltr .ksInviteUsers .under-email {
  left: 320px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) .ksInviteUsers * {
  font-family: "OpenSansHebrew-Regular", serif;
}

body:lang(he) .ksInviteUsers* .bold {
  font-family: "OpenSansHebrew-Bold", serif;
}

/***********************************  English *********************************/
body:lang(en) .ksInviteUsers * {
  font-family: "Open Sans", serif;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) .ksInviteUsers * {
  font-family: "OpenSansHebrew-Regular", serif;
}

body:lang(he) .ksInviteUsers* .bold {
  font-family: "OpenSansHebrew-Bold", serif;
}

/***********************************  English *********************************/
body:lang(en) .ksInviteUsers * {
  font-family: "Open Sans", serif;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                              ksMedia                                            */
/*-------------------------------------------------------------------------------------------------*/
.ks-media {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-bottom: 56.25%;
  /* Keeps the 16:9 radio */
}

.ks-media > * {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
}

.ks-media.dynamicHeight {
  display: table;
  padding: 0;
}

.ks-media.dynamicHeight > * {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  max-height: 100%;
  max-width: 100%;
}

/*-------------------------------*/
.ks-media .youtube {
  width: 100%;
  height: 100%;
}

.ks-media .iframe-embed {
  width: 100%;
  height: 100%;
}

.ks-media .iframe-embed iframe {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
}

/*Link Template*/
.ks-media .extenal-link {
  padding: 10px;
  border: 1px solid #ccc;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.ks-media.dynamicHeight .extenal-link {
  height: 0;
  width: 100%;
  position: relative;
  float: left;
  padding: 0;
  text-decoration: none;
  margin-bottom: 10px;
}

.ks-media .extenal-link .link-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ks-media.dynamicHeight .link-title,
.ks-media.dynamicHeight .link-title a {
  white-space: normal;
  font-family: "OpenSansHebrew-Bold";
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: #4a4a4a;
  text-decoration: none;
}

.ks-media .extenal-link a {
  width: 100%;
  height: 100%;
}

.ks-media .extenal-link .link-image {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  width: 100%;
  /*    background-size: contain;    
      background-repeat: no-repeat;    
      background-position: right;   */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.ks-media.dynamicHeight .extenal-link .link-image {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.ks-media .extenal-link .link-image .domain div {
  float: left;
  /* Always left  does not matter what is the ui language */
}

.ks-media .extenal-link .link-image .favicon {
  height: 14px;
  width: 14px;
  margin: 4px;
}

.ks-media .extenal-link .link-no-image {
  flex: 1;
  margin-top: 20px;
  padding: 20px;
  text-decoration: none;
  background-color: #f2f2f2;
}

.ks-media.dynamicHeight .link-no-image {
  margin-top: 5px;
  padding: 0;
  text-decoration: none;
  background-color: white;
  color: black;
  text-align: left;
  float: left;
  vertical-align: middle;
}

.ks-media .extenal-link .link-no-image .domain {
  font-family: "OpenSansHebrew-Regular";
  font-size: 12px;
  direction: ltr;
  display: inline-block;
  text-decoration: underline;
}

.ks-media.dynamicHeight .link-no-image .domain {
  font-size: 12px;
  direction: ltr;
  margin-left: 3px;
  color: #7c7c7c;
}

.ks-media .extenal-link .link-no-image .favicon {
  height: 14px;
  width: 14px;
  margin: -2px 4px;
}

.ks-media.dynamicHeight .link-no-image .favicon {
  float: left;
  height: 14px;
  width: 14px;
}

/* Image  */
.ks-media .main-image {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  cursor: zoom-in;
}

.ks-media .main-image {
  width: 100%;
  height: 100%;
}

.ks-media .main-image img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ks-media .main-image .zoom {
  width: 25px;
  height: 25px;
  font-size: 25px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  z-index: 10;
  top: unset;
  left: 5px;
  right: unset;
  bottom: 5px;
  color: #0099d9;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Image Zoomed */
.ks-image-zoom-modal .modal-dialog {
  margin-top: 10%;
  width: 900px;
  height: 600px;
}

.ks-image-zoom-modal .zoom {
  height: 100%;
}

.ks-image-zoom-modal .zoom .inner {
  background-color: #f2f2f2;
  margin: 20px;
  height: 530px;
}

.ks-image-zoom-modal .zoom .inner img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ks-image-zoom-modal .zoom .title {
  height: 30px;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 10px;
  color: white;
  background-color: #0099d9;
  font-family: FbOgen-Regular;
  font-size: 20px;
  vertical-align: middle;
  line-height: 30px;
  text-align: left;
  /* TODO RTL/LTR */
}

.ks-image-zoom-modal .zoom .title i {
  float: left;
  margin-top: 3px;
  font-size: 24px;
}

.ks-image-zoom-modal-tablet {
  height: 100%;
  width: 100%;
}

.ks-image-zoom-modal-tablet .modal-dialog {
  margin: auto;
  height: 100%;
  width: 100%;
}

.ks-image-zoom-modal-tablet .modal-dialog .modal-content {
  margin: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}

.ks-image-zoom-modal-tablet .modal-dialog .modal-content .zoom {
  height: 100%;
  font-size: 30px;
  color: white;
}

.ks-image-zoom-modal-tablet .zoom {
  padding: 5%;
}

.ks-image-zoom-modal-tablet .zoom .inner img {
  max-width: 90%;
  display: block;
  margin: auto;
}

/* Parsing Error page */
.ks-media .error-msg {
  border: 1px solid red;
  background-color: white;
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: OpenSansHebrew-Regular;
  font-size: 18px;
  color: #f65543;
}

.ks-media .error-text {
  align-self: center;
}

/** Mobile **/
@media screen and (max-width: 450px) {
  .ks-media .extenal-link .link-title {
    width: 100%;
    font-family: "OpenSansHebrew-Regular";
    font-size: 16px;
    line-height: 22px;
    color: #666;
    text-align: right;
    /* TODO RTL */
    margin-top: 14px;
    /*white-space: normal;*/
  }

  .ks-media .extenal-link .link-image .domain {
    height: 20px;
    padding: 0 10px;
    font-family: "OpenSansHebrew-Regular";
    font-size: 12px;
    color: white;
    direction: ltr;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    bottom: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
  }
}
/** Tablet **/
@media screen and (min-width: 451px) {
  .ks-media .extenal-link .link-title {
    width: 100%;
    font-family: "OpenSansHebrew-Regular";
    font-size: 16px;
    line-height: 22px;
    color: #666;
    text-align: right;
    /* TODO RTL */
  }

  .ks-media .extenal-link .link-image .domain {
    height: 20px;
    padding: 0 10px;
    font-family: "OpenSansHebrew-Regular";
    font-size: 12px;
    color: white;
    direction: ltr;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    bottom: 5px;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                             ksSchoolSelect                                      */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.ksSchoolSelect .input_field {
  margin-bottom: 20px;
}

.ksSchoolSelect input[type=text] {
  height: 20px !important;
  width: 95% !important;
}

.ksSchoolSelect ul {
  width: 99% !important;
  z-index: 1000 !important;
  background: white !important;
}

.ksSchoolSelect li {
  width: 93% !important;
}

.ksSchoolSelect .input_field.disabled {
  background: grey;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .ksSchoolSelect li {
  text-align: left !important;
}

.ltr .ksSchoolSelect ul {
  left: 0 !important;
}

/***********************************  RTL ***********************************/
.rtl .ksSchoolSelect li {
  text-align: right !important;
}

.rtl .ksSchoolSelect ul {
  right: 0 !important;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/* The switch - the box around the slider */
.ksToggleSwitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.ksToggleSwitch input {
  display: none;
}

/* The slider */
.ksToggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ksToggleSwitch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ksToggleSwitch input:checked + .slider {
  background-color: #0099d9;
}

.ksToggleSwitch input:focus + .slider {
  box-shadow: 0 0 1px #0099d9;
}

.ksToggleSwitch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.ksToggleSwitch .slider.round {
  border-radius: 34px;
}

.ksToggleSwitch .slider.round:before {
  border-radius: 50%;
}

/* red-green */
.ksToggleSwitch .slider.red-green {
  background-color: #F65543;
}

.ksToggleSwitch input:checked + .slider.red-green {
  background-color: #54DB8C;
}

.ksToggleSwitch input:focus + .slider.red-green {
  box-shadow: 0 0 1px #54DB8C;
}

.ks-modal-add-media {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.ks-modal-add-media .modal-dialog {
  width: 100%;
  height: 100vh;
  max-width: 900px;
  max-height: 600px;
  margin-top: 5%;
}

.ks-modal-add-media .title {
  height: 30px;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 10px;
  color: white;
  background-color: #0099d9;
  font-family: FbOgen-Regular;
  font-size: 20px;
  vertical-align: middle;
  line-height: 30px;
}

.ks-modal-add-media .title i {
  float: left;
  margin-top: 3px;
  font-size: 24px;
}

.ks-modal-add-media .inner {
  width: 100%;
  height: 100vh;
  max-height: 570px;
  box-sizing: border-box;
  margin: 0;
  padding: 20px;
}

.ks-modal-add-media .page {
  height: 480px;
  border: 1px solid #ccc;
  border-top: none;
}

.ks-modal-add-media .page.link-to,
.ks-modal-add-media .page.upload-page {
  padding-top: 50px;
  box-sizing: border-box;
}

.ks-modal-add-media .page .main-area {
  width: 400px;
  height: 100%;
  margin: 0;
  margin-top: 10px;
  margin-right: 200px;
  float: right;
}

.ks-modal-add-media .page .main-area hr {
  margin: 20px 0;
}

.ks-modal-add-media .page .main-area button {
  float: left;
}

.ks-modal-add-media .page .actions-area {
  width: 230px;
  height: 100%;
  margin: 0;
  margin-top: 10px;
  margin-right: 20px;
  float: right;
}

.ks-modal-add-media .page .actions-area button {
  width: 140px;
  padding: 0 25px;
  margin-bottom: 15px;
}

.ks-modal-add-media .page .actions-area .crop-action {
  height: 20px;
  float: right;
  margin-left: 12px;
  text-align: center;
}

.ks-modal-add-media .page .actions-area .crop-action img {
  height: 20px;
  margin-bottom: 3px;
}

.ks-modal-add-media .page .actions-area .crop-action img:hover {
  -webkit-filter: sepia() saturate(200%) hue-rotate(-180deg);
}

.ks-modal-add-media .page .actions-area .crop-action p {
  font-family: "OpenSansHebrew-Regular";
  font-size: 12px;
  color: #666666;
}

.ks-modal-add-media .uploadArea {
  height: 80%;
  width: 80%;
  text-align: center;
}

.ks-modal-add-media .uploadArea.dragover {
  border: 2px dashed #666;
}

.ks-modal-add-media .uploadArea .uploadTitle {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  padding-top: 120px;
}

.ks-modal-add-media .uploadArea .uploadTitle2 {
  font-family: "OpenSansHebrew-Regular";
  font-size: 14px;
  color: #666666;
  margin: 10px 0;
}

.ks-modal-add-media .paste-link,
.ks-modal-add-media .image-area {
  width: 400px;
  height: 230px;
  border: 1px solid #cccccc;
}

.ks-modal-add-media .paste-link {
  font-family: arial;
  font-size: 14px;
  color: #666666;
  direction: ltr;
  resize: none;
  padding: 20px;
  box-sizing: border-box;
}

.ks-modal-add-media .media-form textarea::-webkit-input-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 18px;
  padding-top: 25%;
}

.ks-modal-add-media .media-form input:-moz-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 18px;
  padding-top: 25%;
}

.ks-modal-add-media .media-form input:-ms-input-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 18px;
  padding-top: 25%;
}

.ks-modal-add-media .media-form .secondary-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 14px;
  color: #7c7c7c;
  text-align: center;
  position: absolute;
  top: 127px;
  left: 0;
  right: 0;
}

.ks-modal-add-media .originalImage {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ks-modal-add-media .croppedImage {
  width: 400px;
  height: 230px;
  border: 1px solid #cccccc;
}

.ks-modal-add-media .progress {
  line-height: 15px;
  display: inline-block;
  width: 400px;
  position: absolute;
  bottom: 59px;
}

.ks-modal-add-media .progress div {
  color: white;
  font-size: smaller;
  background: rgba(0, 153, 217, 0.7);
  width: 0;
  float: left;
}

.ks-modal-add-media .media-form {
  min-height: 25px;
  margin-bottom: 10px;
  line-height: 25px;
  vertical-align: middle;
}

.ks-modal-add-media .parsingLoader {
  height: 250px;
  line-height: 250px;
  vertical-align: middle;
  text-align: center;
}

.ks-modal-add-media .clear-link {
  width: 5%;
  height: 20px;
  cursor: pointer;
}

.ks-modal-add-media .my-image-archive {
  padding: 10px;
}

.ks-modal-add-media .my-image-archive .ps-container {
  height: 440px;
}

.ks-modal-add-media .my-image-archive .thumbnail-block {
  width: 180px;
  height: 120px;
  float: right;
  margin: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

.ks-modal-add-media .my-image-archive .thumbnail-block:hover {
  border: 2px solid #0099d9;
}

.ks-modal-add-media .my-image-archive .thumbnail {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.ks-modal-add-media .paste-link.ng-not-empty.ng-valid {
  height: 20px;
}

.ks-modal-add-media .inner .media-box {
  height: 250px;
}

/* New classoos add media modal */
.cl-modal-add-media {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.cl-modal-add-media .modal-dialog {
  width: 100%;
  height: 100vh;
  max-width: 900px;
  max-height: 600px;
  margin-top: 5%;
}

.cl-modal-add-media .title {
  height: 30px;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 10px;
  color: white;
  background-color: #0099d9;
  font-family: FbOgen-Regular;
  font-size: 20px;
  vertical-align: middle;
  line-height: 30px;
}

.cl-modal-add-media .title i {
  float: left;
  margin-top: 3px;
  font-size: 24px;
}

.cl-modal-add-media .inner {
  width: 100%;
  height: 100vh;
  max-height: 570px;
  box-sizing: border-box;
  margin: 0;
  padding: 20px;
}

.cl-modal-add-media .page {
  height: 480px;
  border: 1px solid #ccc;
  border-top: none;
}

.cl-modal-add-media .page.link-to,
.cl-modal-add-media .page.upload-page {
  padding-top: 50px;
  box-sizing: border-box;
}

.cl-modal-add-media .page .main-area {
  width: 400px;
  height: 100%;
  margin: 0;
  margin-top: 10px;
  margin-right: 200px;
  float: right;
}

.cl-modal-add-media .page .main-area hr {
  margin: 20px 0;
}

.cl-modal-add-media .page .main-area button {
  float: left;
}

.cl-modal-add-media .page .actions-area {
  width: 230px;
  height: 100%;
  margin: 0;
  margin-top: 10px;
  margin-right: 20px;
  float: right;
}

.cl-modal-add-media .page .actions-area button {
  width: 140px;
  padding: 0 25px;
  margin-bottom: 15px;
}

.cl-modal-add-media .page .actions-area .crop-action {
  height: 20px;
  float: right;
  margin-left: 12px;
  text-align: center;
}

.cl-modal-add-media .page .actions-area .crop-action img {
  height: 20px;
  margin-bottom: 3px;
}

.cl-modal-add-media .page .actions-area .crop-action img:hover {
  -webkit-filter: sepia() saturate(200%) hue-rotate(-180deg);
}

.cl-modal-add-media .page .actions-area .crop-action p {
  font-family: "OpenSansHebrew-Regular";
  font-size: 12px;
  color: #666666;
}

.cl-modal-add-media .uploadArea {
  height: 80%;
  width: 80%;
  text-align: center;
}

.cl-modal-add-media .uploadArea.dragover {
  border: 2px dashed #666;
}

.cl-modal-add-media .uploadArea .uploadTitle {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  padding-top: 120px;
}

.cl-modal-add-media .uploadArea .uploadTitle2 {
  font-family: "OpenSansHebrew-Regular";
  font-size: 14px;
  color: #666666;
  margin: 10px 0;
}

.cl-modal-add-media .paste-link,
.cl-modal-add-media .image-area {
  width: 400px;
  height: 230px;
  border: 1px solid #cccccc;
}

.cl-modal-add-media .paste-link {
  font-family: arial;
  font-size: 14px;
  color: #666666;
  direction: ltr;
  resize: none;
  padding: 20px;
  box-sizing: border-box;
}

.cl-modal-add-media .media-form textarea::-webkit-input-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 18px;
  padding-top: 25%;
}

.cl-modal-add-media .media-form input:-moz-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 18px;
  padding-top: 25%;
}

.cl-modal-add-media .media-form input:-ms-input-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  text-align: center;
  line-height: 18px;
  padding-top: 25%;
}

.cl-modal-add-media .media-form .secondary-placeholder {
  font-family: "OpenSansHebrew-Regular";
  font-size: 14px;
  color: #7c7c7c;
  text-align: center;
  position: absolute;
  top: 127px;
  left: 0;
  right: 0;
}

.cl-modal-add-media .originalImage {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cl-modal-add-media .croppedImage {
  width: 400px;
  height: 230px;
  border: 1px solid #cccccc;
}

.cl-modal-add-media .progress {
  line-height: 20px;
  /*display: inline-block;*/
  width: 100%;
  /*position: absolute;*/
  /*bottom: 59px;*/
}

.cl-modal-add-media .progress div {
  color: white;
  font-size: smaller;
  background: rgba(0, 153, 217, 0.7);
  width: 0;
  float: left;
  border-radius: 3px;
}

.cl-modal-add-media .media-form {
  min-height: 25px;
  margin-bottom: 10px;
  line-height: 25px;
  vertical-align: middle;
}

.cl-modal-add-media .parsingLoader {
  height: 250px;
  line-height: 250px;
  vertical-align: middle;
  text-align: center;
}

.cl-modal-add-media .clear-link {
  width: 5%;
  height: 20px;
  cursor: pointer;
}

.cl-modal-add-media .my-image-archive {
  padding: 10px;
}

.cl-modal-add-media .my-image-archive .ps-container {
  height: 440px;
}

.cl-modal-add-media .my-image-archive .thumbnail-block {
  width: 180px;
  height: 120px;
  float: right;
  margin: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

.cl-modal-add-media .my-image-archive .thumbnail-block:hover {
  border: 2px solid #0099d9;
}

.cl-modal-add-media .my-image-archive .thumbnail {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.cl-modal-add-media .paste-link.ng-not-empty.ng-valid {
  height: 20px;
}

.cl-modal-add-media .inner .media-box {
  height: 250px;
}

.add-course-to-user-modal {
  padding-top: 100px;
  width: 1000px;
  height: 630px;
}
.add-course-to-user-modal .main {
  display: grid;
  box-sizing: border-box;
  padding: 20px;
  height: 100%;
  width: 100%;
  grid-template-rows: 30px 30px 500px;
}
.add-course-to-user-modal .main div {
  width: 100%;
  overflow: hidden;
}
.add-course-to-user-modal .main .loader {
  height: 15px;
}
.add-course-to-user-modal .main .notice {
  font-size: 16px;
  line-height: 25px;
  padding: 0 5px;
  height: 25px;
  margin-bottom: 5px;
  background-color: #fedbdb;
}
.add-course-to-user-modal .main .courses {
  overflow: auto;
}

.switch-internship-for-user-modal {
  padding-top: 100px;
  width: 1000px;
  height: 760px;
}
.switch-internship-for-user-modal .cl-modal {
  height: auto;
}
.switch-internship-for-user-modal .main {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
}
.switch-internship-for-user-modal .main div {
  width: 100%;
}
.switch-internship-for-user-modal .main .loader {
  height: 15px;
}
.switch-internship-for-user-modal .main .notice-block {
  height: 50px;
}
.switch-internship-for-user-modal .main .notice-block .notice {
  font-size: 16px;
  line-height: 25px;
  padding: 0 5px;
  height: 25px;
  background-color: #fedbdb;
}
.switch-internship-for-user-modal .main .internships {
  height: 500px;
  overflow: auto;
}
.switch-internship-for-user-modal .main .internships-block {
  height: 100%;
  margin-bottom: 20px;
}
.switch-internship-for-user-modal .main .internships-block h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
.switch-internship-for-user-modal .main .action-bar {
  display: flex;
  gap: 10px;
  height: 40px;
  padding-top: 10px;
  border-top: 1px solid #CCCCCC;
}
.switch-internship-for-user-modal .main .action-bar .admin-btn {
  margin-right: auto;
}

.books-list-mng-modal {
  padding-top: 100px;
  width: 1000px;
  height: 630px;
}
.books-list-mng-modal .main {
  display: grid;
  box-sizing: border-box;
  padding: 20px;
  height: 100%;
  width: 100%;
  grid-template-rows: 30px 30px 500px;
}
.books-list-mng-modal .main div {
  width: 100%;
  overflow: hidden;
}
.books-list-mng-modal .main .book-list {
  height: 100%;
}
.books-list-mng-modal .main .book-list .cover {
  width: 40px;
}
.books-list-mng-modal .main .book-list .sub-info {
  margin-top: 5px;
  font-size: 0.8em;
}
.books-list-mng-modal .main .book-list .hard-copy {
  background-color: #fedbdb;
}
.books-list-mng-modal .main .loader {
  height: 15px;
}
.books-list-mng-modal .main .feedback {
  font-size: 16px;
  line-height: 25px;
  padding: 0 5px;
  height: 25px;
  margin-bottom: 5px;
  background-color: #d2fdd3;
}
.books-list-mng-modal .main .feedback.err {
  background-color: #fedbdb;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.editPersonalDetails .kalsefer-form > div {
  border: none !important;
}

.editPersonalDetails .title {
  color: #2da5e0;
  display: inline;
  font-family: FbOgen-Regular, FbOgen;
  font-size: 48px;
}

.editPersonalDetails #edit_user_form .details .field-with-title {
  display: inline-block;
  width: 100%;
}

.editPersonalDetails #edit_user_form .details .field-with-title .title {
  position: relative;
  top: 6px;
  color: #666;
  font-size: 12px;
  line-height: 12px;
}

.editPersonalDetails #edit_user_form .details .field-with-title input[type=email],
.editPersonalDetails #edit_user_form .details .field-with-title input[type=text] {
  display: block;
  margin: unset;
  width: inherit;
}

.editPersonalDetails .notice-block {
  margin: 20px 0 30px 0;
  line-height: 35px;
  vertical-align: middle;
}

.editPersonalDetails .notice-block .notice-text {
  font-family: OpenSansHebrew;
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 26px;
  color: #4a4a4a;
}

.editPersonalDetails #edit_user_form .details .right-fields > div .phone_error {
  position: static !important;
}

.editPersonalDetails #edit_user_form .details .right-fields > .form-error.phone_error, .editPersonalDetails #edit_user_form .details .right-fields > .phone_error.cl-tranzila-payment__form-error {
  position: static !important;
}

.editPersonalDetails #edit_user_form .details .right-fields > div.private-field-checkbox {
  width: auto !important;
}

.editPersonalDetails #edit_user_form #first_name_error {
  bottom: -4px;
}

.editPersonalDetails #last_name_error {
  position: relative !important;
  bottom: -2px !important;
}

.editPersonalDetails #gender_error {
  bottom: -15px;
}

.editPersonalDetails .passport-notice {
  font-size: 16px;
  font-weight: bold;
  color: #0099D9;
  margin-top: 3px;
  line-height: normal;
}

.editPersonalDetails #edit_user_form .details {
  width: 40%;
}

.editPersonalDetails #edit_user_form .details .select_day select,
.editPersonalDetails #edit_user_form .details .select_month select,
.editPersonalDetails #edit_user_form .details .select_year select,
.editPersonalDetails #edit_user_form .details .select_class_level select,
.editPersonalDetails #edit_user_form .details .select_class_num select {
  width: 100% !important;
}

.editPersonalDetails #edit_user_form .details .multi-select {
  width: 31% !important;
}

.editPersonalDetails .detail-title {
  color: #009dd9;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  white-space: nowrap;
  width: auto;
}

.editPersonalDetails #edit_user_form .details .right-fields.name {
  padding-bottom: 70px;
}

.editPersonalDetails #edit_user_form .details .right-fields {
  width: 87%;
}

.editPersonalDetails #edit_user_form .details .right-fields > input#first_name,
.editPersonalDetails #edit_user_form .details .right-fields > input#last_name {
  width: 46%;
}

.editPersonalDetails #edit_user_form .details .right-fields > input {
  width: 100%;
}

.editPersonalDetails #edit_user_form .details > div > span.gender-title {
  width: auto;
}

.editPersonalDetails #edit_user_form .details > div > span.ui-language-title {
  width: 50%;
}

.editPersonalDetails #edit_user_form .details > div > select.ui_language {
  width: 35%;
  text-transform: capitalize;
}

/*-----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .editPersonalDetails #edit_user_form .details > div > span {
  text-align: left;
}

body.ltr .editPersonalDetails #edit_user_form .details .select_day {
  margin-right: 2% !important;
}

body.ltr .editPersonalDetails #edit_user_form .details .right-fields.gender-container {
  float: left;
}

body.ltr .editPersonalDetails .detail-title {
  text-align: left;
}

body.ltr .editPersonalDetails #last_name_error {
  left: 200px;
}

body.ltr .editPersonalDetails #last_name {
  margin-left: 6%;
}

/***********************************  RTL ***********************************/
body.rtl .editPersonalDetails #edit_user_form .details > div > span {
  text-align: right;
}

body.rtl .editPersonalDetails #edit_user_form .details .select_day {
  margin-left: 2% !important;
}

body.rtl .editPersonalDetails #edit_user_form .details .right-fields.gender-container {
  float: right;
}

body.rtl .editPersonalDetails .detail-title {
  text-align: right;
}

body.rtl .editPersonalDetails #last_name_error {
  right: 200px;
}

body.rtl .editPersonalDetails #gender_error {
  right: -48px;
}

body.rtl .editPersonalDetails #last_name {
  margin-right: 6%;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media (max-width: 900px) {
  .editPersonalDetails #edit_user_form .profile-image {
    clear: both;
  }

  .editPersonalDetails #edit_user_form .top-submit {
    display: none;
  }

  .editPersonalDetails #edit_user_form .details {
    width: auto !important;
    float: none !important;
  }

  body #edit_user_form .profile-image {
    float: none !important;
    margin-bottom: 30px;
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.updateDetails .title {
  color: #0099d9;
  display: inline;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 36px;
  height: 49px;
  line-height: 49px;
  vertical-align: middle;
}

.updateDetails .detail-title {
  color: #0099d9;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: right;
  white-space: nowrap;
  width: auto;
}

.editStudyDetails .notice-block {
  margin: 20px 0 30px 0;
  padding: 0 10px;
  line-height: 35px;
  vertical-align: middle;
}

.editStudyDetails .notice-block .notice-text {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 26px;
  color: #4a4a4a;
}

.editStudyDetails .notice-block .qmark {
  width: 10px;
  font-weight: bold;
  color: #f66a4d;
  font-size: 28px;
}

.editStudyDetails .kalsefer-form > div {
  border: none !important;
}

.editStudyDetails .not-my-school {
  position: absolute;
  top: 107px;
  right: 403px;
  font-size: 14px;
  color: #009dd9;
  cursor: pointer;
  width: 185px;
}

.editStudyDetails #edit_study_form .details {
  width: 40%;
}

.editStudyDetails #edit_study_form .details .right-fields {
  width: 87%;
  margin: 0;
  overflow: visible;
}

.editStudyDetails .internships {
  position: relative;
  overflow: auto;
  height: 230px;
  width: 200% !important;
}

.editStudyDetails .internships .internship-row {
  float: right;
  margin-left: 35px;
  width: auto !important;
  display: table;
}

#edit_study_form .details .right-fields > input,
#edit_study_form .details .right-fields > select,
#edit_study_form .details .right-fields > div {
  width: 100%;
  height: 35px;
  line-height: 35px;
}

.editStudyDetails .autocomplete {
  margin: 0;
  width: 97%;
}

.editStudyDetails .gray-line-bottom {
  margin-bottom: 20px !important;
}

.editStudyDetails #edit_study_form #class_num {
  width: 45%;
}

.editStudyDetails .class_num_error {
  top: 35px;
}

.editStudyDetails .class_level_error {
  top: 34px;
}

.editStudyDetails #edit_study_form #class_level {
  width: 45%;
}

.editStudyDetails .input_field ul {
  width: 99% !important;
  z-index: 1000 !important;
  background: white !important;
}

.editStudyDetails .input_field li {
  width: 95% !important;
}

/* New Internship form */
.editStudyDetails .subject {
  margin: 10px 0 20px 0;
}

.editStudyDetails .subject ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.editStudyDetails .subject ul li {
  height: 26px;
  line-height: 26px;
}

.editStudyDetails .subject label {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 16px;
  letter-spacing: 0.03em;
  color: #4a4a4a;
}

.editStudyDetails .subject input[type=checkbox] {
  display: none;
}

.editStudyDetails .subject span.checkbox {
  border: 1px solid #d0d0d0;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  position: relative;
}

.editStudyDetails .subject input[type=checkbox]:checked + label,
.editStudyDetails .subject input[type=checkbox] + label {
  cursor: pointer;
}

.editStudyDetails .subject input[type=checkbox]:checked + label span.checkbox {
  color: #0099d9;
}

.editStudyDetails .subject input[type=checkbox]:checked + label span.checkbox:before {
  font-family: "kalsefer-iconfont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 16px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.editStudyDetails .subject input[type=checkbox]:disabled + label span.checkbox {
  color: #7c7c7c;
}

.updateDetails .review .info-block {
  margin-bottom: 30px;
}

.updateDetails .review .label {
  font-family: "OpenSansHebrew-Regular";
  font-size: 16px;
  color: #4a4a4a;
  letter-spacing: 0.03em;
  line-height: 26px;
}

.updateDetails .review .label.edit {
  color: #0099d9;
  cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #edit_study_form .details {
  float: left;
}

body.ltr .editStudyDetails #edit_study_form #class_num {
  float: left;
  margin-left: 10%;
}

body.ltr .editStudyDetails #edit_study_form #class_level {
  float: left;
}

.ltr .editStudyDetails .autocomplete li {
  text-align: left !important;
}
.ltr .editStudyDetails .autocomplete ul {
  left: 0 !important;
}
.ltr .editStudyDetails .subject ul {
  text-align: left;
}
.ltr .editStudyDetails .subject span.checkbox {
  margin-right: 10px;
}

.ltr .updateDetails .editStudyDetails .not-my-school {
  left: 344px;
}

.ltr .editStudyDetails .class_num_error {
  left: 55%;
}

/***********************************  RTL ***********************************/
body.rtl #edit_study_form .details {
  float: right;
}

body.rtl .editStudyDetails #edit_study_form #class_level {
  float: right;
}

body.rtl .editStudyDetails #edit_study_form #class_num {
  float: right;
  margin-right: 10%;
}

.rtl .editStudyDetails .autocomplete li {
  text-align: right !important;
}
.rtl .editStudyDetails .autocomplete ul {
  right: 0 !important;
}
.rtl .editStudyDetails .subject ul {
  text-align: right;
}
.rtl .editStudyDetails .subject span.checkbox {
  margin-left: 10px;
}
.rtl .editStudyDetails .notice-block .notice-text.important {
  color: #f65543;
}

.rtl .updateDetails .editStudyDetails .not-my-school {
  right: 344px;
}

.rtl .editStudyDetails .class_num_error {
  right: 55%;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.gradeDivisionsGraphContainer .chart-container canvas {
  /*height:285px;*/
  position: relative;
  top: 42px;
}

/*-----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.instructions {
  margin-bottom: 20px;
  padding: 0;
  font-size: 18px;
}

.instructions .regular {
  padding: 15px;
  margin: 0;
  color: #666;
  background: #ededed;
}

.instructions .workflow {
  padding: 15px;
  margin: 0;
  color: white;
  background: #f85b3a;
  min-height: 90px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .instructions img {
  float: left;
  margin-right: 10px;
}

body.ltr .instructions .text {
  padding-left: 100px;
}

body.ltr .instructions .regular {
  border-left: 5px solid #F65543;
}

/***********************************  RTL ***********************************/
body.rtl .instructions img {
  float: right;
  margin-left: 10px;
}

body.rtl .instructions .text {
  padding-right: 100px;
}

body.rtl .instructions .regular {
  border-right: 5px solid #F65543;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
body:lang(en) .instructions .regular p {
  font-size: 16px;
}

/***********************************  Spanish *********************************/
/*---------------------------------------------
  General Default Styling
---------------------------------------------*/
.ksGrid {
  height: 100%;
  font-size: 14px;
}
.ksGrid.large {
  font-size: 16px;
}
.ksGrid.medium {
  font-size: 14px;
}
.ksGrid.medium .ui-grid-header-cell-label {
  font-size: 12px;
}
.ksGrid.small {
  font-size: 12px;
}
.ksGrid .ui-grid-header-cell .ui-grid-filter-container .ui-grid-filter-select option:checked {
  background-color: #9ee2ff;
}
.ksGrid .ui-grid-header-cell .ui-grid-filter-container .ui-grid-filter-select.ng-not-empty {
  background-color: #9ee2ff;
}
.ksGrid .ui-grid-header-cell .ui-grid-filter-container .ui-grid-filter-select.ng-not-empty option:not(:checked) {
  background-color: white;
}
.ksGrid.wrap-header .ui-grid-header-cell-label {
  white-space: normal;
}

.ksGrid .ui-grid-menu {
  position: relative;
}

.ksGrid .ui-grid-header-cell-wrapper {
  margin: 0;
}

.ksGrid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: white;
}

.ksGrid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f4f4f4;
}

.ksGrid .ui-grid-cell-contents .ui-grid-header-cell-label {
  text-transform: capitalize;
}

/*---------------------------------------------
  Grouping

  requires special row template !!
---------------------------------------------*/
.ksGrid.grouped .ui-grid-row:nth-child(odd) .groupHeader .ui-grid-cell,
.ksGrid.grouped .ui-grid-row:nth-child(even) .groupHeader .ui-grid-cell {
  color: #666666;
  background-color: rgba(60, 179, 255, 0.15);
  border-bottom: 1px solid #ccc;
}

.ksGrid.grouped .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
}

.ksGrid.grouped .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: rgba(247, 247, 247, 0.33);
  border-bottom: 1px solid #f2f2f2;
}

/* Special Cell Options */
.ksGrid .ui-grid-cell-contents .action-icon {
  margin: 0 10px;
  color: #0099d9;
  font-weight: bold;
}

/* If we need text to wrap in cells - add wrap-texts */
.ksGrid.wrap-texts .ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}
.ksGrid.wrap-texts .ui-grid-row, .ksGrid.wrap-texts .ui-grid-cell {
  height: auto !important;
}
.ksGrid.wrap-texts .ui-grid-row div[role=row] {
  display: flex;
  align-content: stretch;
}

body.rtl .ksGrid .ui-grid-cell-contents .action-icon {
  left: 5px;
}

body.ltr .ksGrid .ui-grid-cell-contents .action-icon {
  right: 5px;
}

/*---------------------------------------------

  Fix UI-Grid UI Issues

---------------------------------------------*/
.ksGrid input[type=text].ui-grid-filter-input {
  padding: 0;
}

.ksGrid .ui-grid-header-cell-wrapper .ui-grid-header-cell-row {
  margin: 0;
}

body.rtl .ksGrid .ui-grid-filter-container .ui-grid-filter-button .ui-grid-icon-cancel {
  left: -4px;
}

img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  /*  overflow: hidden;*/
}

img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}

.page-loader-board {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 250px;
}

.page-loader-left,
.page-loader-right {
  height: 50px;
  width: 8px;
  background: #0099d9;
  display: inline-block;
  position: absolute;
}

.page-loader-left {
  left: 0;
  -webkit-animation: position1 2s linear infinite;
  animation: position1 2s linear infinite;
}

.page-loader-right {
  right: 0;
  -webkit-animation: position2 2s linear infinite;
  animation: position2 2s linear infinite;
}

.page-loader-ball,
.page-loader-ballhit {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0099d9;
  position: absolute;
  -webkit-animation: bounce 2s linear infinite;
  animation: bounce 2s linear infinite;
}

.page-loader-ballhit {
  padding: 4px;
  margin: -6px 0 0 -6px;
  border-radius: 50%;
  background: white;
  border: 2px #fff solid;
  z-index: -1;
  -webkit-animation: bounce2 2s linear infinite;
  animation: bounce2 2s linear infinite;
  box-sizing: unset;
}

@-webkit-keyframes position1 {
  0% {
    top: -60px;
  }
  25% {
    top: 0;
  }
  50% {
    top: 60px;
  }
  75% {
    top: -60px;
  }
  100% {
    top: -60px;
  }
}
@keyframes position1 {
  0% {
    top: -60px;
  }
  25% {
    top: 0;
  }
  50% {
    top: 60px;
  }
  75% {
    top: -60px;
  }
  100% {
    top: -60px;
  }
}
@-webkit-keyframes position2 {
  0% {
    top: 60px;
  }
  25% {
    top: 0;
  }
  50% {
    top: -60px;
  }
  75% {
    top: -60px;
  }
  100% {
    top: 60px;
  }
}
@keyframes position2 {
  0% {
    top: 60px;
  }
  25% {
    top: 0;
  }
  50% {
    top: -60px;
  }
  75% {
    top: -60px;
  }
  100% {
    top: 60px;
  }
}
@-webkit-keyframes bounce {
  0% {
    top: -35px;
    left: 10px;
  }
  25% {
    top: 25px;
    left: 225px;
  }
  50% {
    top: 75px;
    left: 10px;
  }
  75% {
    top: -35px;
    left: 225px;
  }
  100% {
    top: -35px;
    left: 10px;
  }
}
@keyframes bounce {
  0% {
    top: -35px;
    left: 10px;
  }
  25% {
    top: 25px;
    left: 225px;
  }
  50% {
    top: 75px;
    left: 10px;
  }
  75% {
    top: -35px;
    left: 225px;
  }
  100% {
    top: -35px;
    left: 10px;
  }
}
@-webkit-keyframes bounce2 {
  0% {
    top: -35px;
    left: 10px;
    border: 2px #0099d9 solid;
  }
  24% {
    border: 2px #0099d9 solid;
  }
  25% {
    top: 25px;
    left: 225px;
    border: 2px #fff solid;
  }
  49% {
    border: 2px #0099d9 solid;
  }
  50% {
    top: 75px;
    left: 10px;
    border: 2px #fff solid;
  }
  74% {
    border: 2px #0099d9 solid;
  }
  75% {
    top: -35px;
    left: 225px;
    border: 2px #fff solid;
  }
  99% {
    border: 2px #0099d9 solid;
  }
  100% {
    top: -35px;
    left: 10px;
    border: 2px #fff solid;
  }
}
@keyframes bounce2 {
  0% {
    top: -35px;
    left: 10px;
    border: 2px #0099d9 solid;
  }
  24% {
    border: 2px #0099d9 solid;
  }
  25% {
    top: 25px;
    left: 225px;
    border: 2px #fff solid;
  }
  49% {
    border: 2px #0099d9 solid;
  }
  50% {
    top: 75px;
    left: 10px;
    border: 2px #fff solid;
  }
  74% {
    border: 2px #0099d9 solid;
  }
  75% {
    top: -35px;
    left: 225px;
    border: 2px #fff solid;
  }
  99% {
    border: 2px #0099d9 solid;
  }
  100% {
    top: -35px;
    left: 10px;
    border: 2px #fff solid;
  }
}
.credit {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-size: 11px;
  font-family: sans-serif, helvetica;
  letter-spacing: 0.5px;
}

.credit a {
  color: #fff;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.popularSubjectsSidebar {
  margin-top: 10px;
  /*padding: 5px 25px;*/
  line-height: 23px;
}

.popularSubjectsSidebar .filterBlock h3 {
  color: #333333;
  display: inline;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  height: auto;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 5px;
  display: block;
}

.popularSubjectsSidebar .subject-item:hover {
  color: #0086d4;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  opacity: 1;
  width: auto;
  word-wrap: break-word;
}

.popularSubjectsSidebar .subject-item {
  color: #666666;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: right;
  width: auto;
  word-wrap: break-word;
}

.popularSubjectsSidebar .subject-item.active {
  color: #F65543;
  font-weight: bold;
}

.popularSubjectsSidebar .filterBlock {
  margin-bottom: 25px;
}

.popularSubjectsSidebar .clear-filter-item {
  color: #0099d9;
}

.popularSubjectsSidebar .clear-filter-item:hover {
  color: #666666;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .popularSubjectsSidebar .filterBlock h3 {
  text-align: left;
}

body.ltr .popularSubjectsSidebar .subject-item:hover {
  text-align: left;
}

body.ltr .popularSubjectsSidebar .subject-item {
  text-align: left;
}

/***********************************  RTL ***********************************/
body.rtl .popularSubjectsSidebar .filterBlock h3 {
  text-align: right;
}

body.rtl .popularSubjectsSidebar .subject-item:hover {
  text-align: right;
}

body.rtl .popularSubjectsSidebar .subject-item {
  text-align: right;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.questionDivisionsContainer {
  padding-bottom: 30px;
}

.questionDivisionsContainer .questionDivisionsList {
  margin-right: 40px;
  margin-top: 30px;
  clear: both;
}

.questionDivisionsList li {
  margin-top: 40px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #4D4D4D;
}

.questionDivisionsList li div.incorrectQuestion,
.questionDivisionsList li div.correctQuestion,
.questionDivisionsList li div.semiCorrectQuestion {
  display: inline-block;
  height: 13px;
}

.questionDivisionsList li div {
  margin-top: 5px;
}

.questionDivisionsList .correctText,
.questionDivisionsList .incorrectText {
  margin-right: 10px;
  font-size: 14px;
  color: #A59999;
}

.questionDivisionsContainer .legend {
  float: left;
  direction: ltr;
  height: 12px;
  line-height: 12px;
  vertical-align: middle;
}

.questionDivisionsContainer .legend .label {
  height: 12px;
  font-size: 12px;
  float: left;
  margin-left: 5px;
  margin-right: 10px;
}

.questionDivisionsContainer .legend .key {
  width: 12px;
  height: 12px;
  float: left;
}

/*-----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .questionDivisionsContainer .legend {
  float: right;
  direction: rtl;
}

.ltr .questionDivisionsContainer .legend .label {
  float: right;
  direction: ltr;
  margin-left: 10px;
  margin-right: 5px;
}

.ltr .questionDivisionsContainer .legend .key {
  float: right;
}

/***********************************  RTL ***********************************/
.rtl .questionDivisionsContainer .legend {
  float: left;
  direction: ltr;
}

.rtl .questionDivisionsContainer .legend .label {
  float: left;
  direction: rtl;
  margin-left: 5px;
  margin-right: 10px;
}

.rtl .questionDivisionsContainer .legend .key {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#sidebar nav.workflowSidebar ul li.nav-header {
  background: #F75B3B;
  color: white;
  font-size: 18px;
  cursor: default;
}

#sidebar nav.workflowSidebar ul.workflow-stages li.active,
#sidebar nav.workflowSidebar ul.workflow-stages li.active:hover {
  background: none;
  color: #F75B3B;
  font-size: 16px;
  cursor: default;
}

#sidebar nav.workflowSidebar ul.list-header-workflow {
  z-index: 10;
}

#sidebar nav.workflowSidebar ul {
  list-style-type: decimal;
  z-index: 0;
  cursor: default;
}

#sidebar nav.workflowSidebar ul.workflow-stages {
  width: initial;
  margin-top: 5px;
}

#sidebar nav.workflowSidebar ul.workflow-stages li:hover {
  background: white;
  font-size: 14px;
  color: #666666;
}

#sidebar nav.workflowSidebar ul.workflow-stages li .done-symbol {
  display: none;
}

#sidebar nav.workflowSidebar ul.workflow-stages li.done::before {
  content: "`";
  position: absolute;
  right: -35px;
  font-family: "ICON_PrezSite", "ICON_PrezSite";
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #41A4DE;
}

#sidebar nav.workflowSidebar ul.workflow-stages li {
  position: relative;
  font-family: Arial;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  cursor: default;
  line-height: 30px;
}

#sidebar .help {
  margin: 50px 30px 30px 30px;
  padding: 20px;
  border: 1px solid #ccc;
}
#sidebar .help .title {
  font-weight: bold;
  margin-bottom: 4px;
}
#sidebar .help .link {
  margin-top: 10px;
  padding: 0 25px;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #sidebar nav.workflowSidebar ul li.nav-header {
  padding-left: 15px;
  left: 0;
}

body.ltr #sidebar nav.workflowSidebar ul.workflow-stages li {
  left: 45px;
}

/***********************************  RTL ***********************************/
body.rtl #sidebar nav.workflowSidebar ul li.nav-header {
  padding-right: 15px;
  right: 0;
}

body.rtl #sidebar nav.workflowSidebar ul.workflow-stages li {
  right: 45px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------
--                                            Password Strength                                            --
---------------------------------------------------------------------------------------------------------- */
.password-strength {
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  width: 200px !important;
  background: white;
  padding: 10px;
  border: 1px solid #B3C4CE;
  margin-right: 20px;
}

.password-strength-top {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  right: 0;
  left: 0;
  top: -80px;
  padding: 10px;
  width: 260px !important;
  -webkit-box-shadow: 2px 2px 5px 0 #ccc;
  -moz-box-shadow: 2px 2px 5px 0 #ccc;
  box-shadow: 2px 2px 5px 0 #ccc;
}
.password-strength-top :after,
.password-strength-top :before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.password-strength-top :after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: white;
  border-width: 20px;
  margin-left: -20px;
}
.password-strength-top :before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #ccc;
  border-width: 21px;
  margin-left: -21px;
}

.mobile .password-strength {
  top: -100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.password-strength:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -17px;
  margin-top: -16px;
  border-style: solid;
  border-width: 14px 0 14px 16px;
  border-color: transparent #cdcdcd;
  display: block;
  width: 0;
  z-index: 0;
}

.password-strength:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  margin-top: -16px;
  border-style: solid;
  border-width: 14px 0 14px 16px;
  border-color: transparent #ffffff;
  display: block;
  width: 0;
  z-index: 1;
}

.mobile .password-strength:after,
.mobile .password-strength:before {
  top: 120%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.mobile .password-strength:before {
  right: 80px;
  border-top-color: #cdcdcd;
  border-width: 22px;
  margin-left: -22px;
}

.mobile .password-strength:after {
  right: 82px;
  border-top-color: white;
  border-width: 20px;
  margin-left: -20px;
}

.password-strength-top,
.password-strength p {
  font-size: 13px;
}

.password-strength-indicator {
  margin-bottom: 5px;
}

.password-strength-indicator span {
  color: #666666;
  border-bottom: 3px solid;
  margin: 0;
  display: inline-block !important;
  vertical-align: middle;
}

.password-strength-indicator span.weak {
  border-bottom-color: #fb0407;
  width: 50px;
}

.password-strength-indicator span.medium {
  border-bottom-color: #fd9909;
  width: 75px;
}

.password-strength-indicator span.strong {
  border-bottom-color: #149904;
  width: 100px;
}

.password-strength-rules {
  color: #999999;
}

/* ----------------------------------------------------------------------------------------------------------
Select Box --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.select-box > * {
  height: 30px;
}

.select-box > li {
  background: #B3C4CE;
  color: white;
  cursor: pointer;
  width: 140px;
  padding: 6px 10px;
}

.select-box > li:hover {
  background: #0E82D3;
}

.select-box > li > ul {
  background: white;
  border-top: none;
  top: 30px;
  border: 1px solid #B3C4CE;
  position: absolute;
  z-index: 20;
  width: 100%;
}

.select-box > li > ul > li > a {
  color: #666666;
  padding: 7px 17px;
  /*margin: 7px 0;*/
  width: 100%;
}

.select-box > li > ul > li:hover > a {
  background: #EDEDED;
}

@media (max-width: 1200px) {
  .select-box > li {
    width: 85px;
  }

  .body-mini .search-box {
    width: 48%;
  }

  .search-box {
    width: 48%;
  }
}
/* ----------------------------------------------------------------------------------------------------------
   Content List (books)
---------------------------------------------------------------------------------------------------------- */
#contentAlert {
  height: 100px;
  width: calc(100% - 40px);
  margin: 20px;
  padding: 20px;
  color: #666;
  font-family: OpenSansHebrew, sans-serif;
  font-size: 22px;
  background-color: #f2f2f2;
  border: 1px solid red;
}

#contentAlert i {
  position: absolute;
  left: 20px;
}

.books h3 {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 1.6em;
  margin: 10px 20px 15px 40px;
  color: #333;
}
.books .hard-copy-books-block {
  margin-top: 30px;
}
.books .hard-copy-books-block .book-list {
  margin: 10px 20px 20px 40px;
}
.books .hard-copy-books-block .book-list .book {
  display: flex;
  flex-direction: row;
  gap: 20px;
  border: 1px solid #CCCCCC;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.books .hard-copy-books-block .book-list .book .cover {
  height: 117px;
  width: 80px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.books .hard-copy-books-block .book-list .book .cover img {
  height: 100%;
}
.books .hard-copy-books-block .book-list .book .info {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.books .hard-copy-books-block .book-list .book .info * {
  margin: 0;
  padding: 0;
}
.books .hard-copy-books-block .book-list .book .info .details {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.books .hard-copy-books-block .book-list .book .info .details .item {
  margin: 0;
  line-height: 1.2em;
}
.books .hard-copy-books-block .book-list .book .info .details .status {
  height: 25px;
  min-width: 120px;
  text-align: center;
  margin: 0 0 15px;
  padding: 0 10px;
  vertical-align: middle;
  line-height: 25px;
  font-size: 0.75em;
  font-weight: bold;
  color: white;
  background-color: white;
}
.books .hard-copy-books-block .book-list .book .info .details .status.status-1, .books .hard-copy-books-block .book-list .book .info .details .status.status-2, .books .hard-copy-books-block .book-list .book .info .details .status.status-3, .books .hard-copy-books-block .book-list .book .info .details .status.status-4 {
  color: #4a4a4a;
  background-color: white;
  border: 1px solid #999;
}
.books .hard-copy-books-block .book-list .book .info .details .status.status-5, .books .hard-copy-books-block .book-list .book .info .details .status.status-7, .books .hard-copy-books-block .book-list .book .info .details .status.status-11, .books .hard-copy-books-block .book-list .book .info .details .status.status-12, .books .hard-copy-books-block .book-list .book .info .details .status.status-13, .books .hard-copy-books-block .book-list .book .info .details .status.status-14, .books .hard-copy-books-block .book-list .book .info .details .status.status-22 {
  background-color: #07d058;
}
.books .hard-copy-books-block .book-list .book .info .details .status.status-8, .books .hard-copy-books-block .book-list .book .info .details .status.status-9, .books .hard-copy-books-block .book-list .book .info .details .status.status-10, .books .hard-copy-books-block .book-list .book .info .details .status.status-15, .books .hard-copy-books-block .book-list .book .info .details .status.status-23 {
  background-color: #FF9933;
}
.books .hard-copy-books-block .book-list .book .info .details .status.status-16, .books .hard-copy-books-block .book-list .book .info .details .status.status-17, .books .hard-copy-books-block .book-list .book .info .details .status.status-18 {
  background-color: #d82222;
}
.books .hard-copy-books-block .book-list .book .info .details .book-title {
  font-weight: bold;
  color: black;
}
.books .hard-copy-books-block .book-list .book .info .details .classoos-code {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.books .licenseNotice {
  position: absolute;
  top: 0;
  z-index: 5;
  background-color: rgba(208, 208, 208, 0.6);
}

.books .licenseNotice .mark {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 23px;
  width: 23px;
  border: 2px solid white;
  border-radius: 50%;
}

.books .licenseNotice .mark i {
  color: white;
  font-size: 12px;
  position: relative;
  top: 0;
  right: 7px;
}

.books .licenseNotice .mark.expired {
  background-color: #4a4a4a;
}

.books .licenseNotice .mark.almostExpired {
  background-color: #d0021b;
}

.books .comingSoon {
  height: 60px;
  position: absolute;
  bottom: 0;
  z-index: 5;
  text-align: center;
  background: rgba(0, 153, 217, 0.9);
}

.books .comingSoon img {
  width: 109px;
  height: 50px;
  margin: 0;
  margin-top: 5px;
  padding: 0;
}

.license-alert-modal .modal-dialog {
  height: 350px;
  width: 650px;
}

.license-alert-modal .modal-content {
  width: 100%;
  height: 100%;
}

.license-alert-modal .cover {
  width: 120px;
}

.license-alert-modal .content {
  height: 190px;
}

.license-alert-modal p {
  font-family: OpenSansHebrew, sans-serif;
  font-size: 22px;
}

.license-alert-modal p.small-text {
  font-size: 18px;
}

/* ----------------------------------------------------------------------------------------------------------
  RTL
---------------------------------------------------------------------------------------------------------- */
body.rtl .list {
  padding: 0 20px 0 40px;
}

body.rtl .books li {
  float: right;
}

body.rtl .books.books-117.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-left: 30.8px;
}

body.rtl .books.books-117.row-4-books li:not(.hr) {
  /*float: right;*/
  margin-left: 8.2%;
}

body.rtl .books.books-96.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-left: 26.5px;
}

body.rtl .books li.last:not(.hr) {
  margin-left: 0 !important;
}

body.rtl .books li span {
  margin-right: 5px;
  /*left: 0;*/
}

body.rtl .list-header p.overall-results {
  padding-right: 20px;
}

body.rtl .list-header p.orderBy-text {
  padding-left: 10px;
}

body.rtl .license-alert-modal .cover {
  float: right;
  margin-left: 30px;
}

/* ----------------------------------------------------------------------------------------------------------
      LTR
---------------------------------------------------------------------------------------------------------- */
body.ltr .list {
  padding: 0 40px 0 20px;
}

body.ltr .books li {
  float: left;
}

body.ltr .books.books-117.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-right: 30.8px;
}

body.ltr .books.books-117.row-4-books li:not(.hr) {
  /*float: right;*/
  margin-right: 8.2%;
}

body.ltr .books.books-96.row-6-books li:not(.hr) {
  /*float: right;*/
  margin-right: 26.5px;
}

body.ltr .books li.last:not(.hr) {
  margin-right: 0 !important;
}

body.ltr .books li span {
  right: 0;
}

body.ltr .list-header p.overall-results {
  padding-left: 20px;
}

body.ltr .list-header p.orderBy-text {
  padding-right: 10px;
}

body.ltr .license-alert-modal .cover {
  float: left;
  margin-right: 30px;
}

body.ltr .books .licenseNotice .mark i {
  left: 9px;
}

#ff-main {
  height: 100%;
  width: 100%;
}

#ff-main .ps-scrollbar-y-rail {
  right: 0;
}

#ffLoginFrame {
  text-align: center;
}

.ff-settings {
  height: 100%;
  width: 100%;
  background-color: white;
  direction: ltr;
  text-align: left;
}

.ff-settings .inner-scroll {
  width: calc(100% - 20px);
  float: left;
}

.ff-settings .top-bar {
  height: 60px;
  padding: 0 15px;
  line-height: 60px;
  background-color: #0099D9;
}

.ff-settings .top-bar img {
  height: 36px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ff-settings .top-bar span {
  position: absolute;
  left: 220px;
  color: white;
  font-size: 24px;
}

.ff-settings.marketing .title {
  margin: 10px 0;
}

.ff-settings.marketing .title p {
  color: #4a4a4a;
  font-size: 28px;
  font-weight: bold;
}

.ff-settings.marketing .sub-title p {
  height: 25px;
  font-size: 18px;
}

.ff-settings.marketing .main .left {
  float: left;
  width: 440px;
}

.ff-settings.marketing .main .left .video {
  width: 440px;
  height: 237px;
}

.ff-settings.marketing .main .left .to-catalog {
  height: 50px;
  width: 100%;
  margin-top: 15px;
  color: white;
  background-color: #05b380;
  cursor: pointer;
  font-size: 18px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
}

.ff-settings.marketing .main .left .to-catalog:hover {
  background-color: #06cc92;
}

.ff-settings.marketing .main .trial {
  height: 210px;
  width: 210px;
  margin: 50px;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #0099D9;
  cursor: pointer;
  border-radius: 50%;
  border: 7px solid #0099D9;
}

.ff-settings.marketing .main .trial:hover {
  color: #0087c0;
}

.ff-settings.marketing .main .trial #line1 {
  font-size: 36px;
  font-weight: bold;
}

.ff-settings.marketing .main .trial #line2 {
  font-size: 60px;
  font-weight: bold;
}

.ff-settings.marketing .main .trial #line3 {
  font-size: 36px;
  font-weight: bold;
}

.ff-settings.content .contact-us {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 230px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: white;
  background-color: #05b380;
}

.ff-settings.content .contact-us:hover {
  background-color: #06cc92;
}

.ff-settings.bookshelf {
  min-height: 520px;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.ff-settings.catalog {
  width: 100%;
  min-height: 520px;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.ff-settings.catalog .filters .filter_active {
  border: 1px solid red;
}

.ff-settings.catalog .search {
  height: 140px;
  width: calc(100% - 40px);
  padding: 20px 0;
}

.ff-settings.catalog .search .search-field {
  height: 40px;
}

.ff-settings.catalog .search .search-field .form-item {
  height: 40px;
  width: calc(100% - 50px);
  float: left;
  line-height: 36px;
  font-size: 18px;
  color: #9b9b9b;
}

.ff-settings.catalog .search .search-field .form-item input {
  height: 36px;
}

.ff-settings.catalog .search .search-field .search-button {
  width: 50px;
  height: 40px;
  float: left;
  color: white;
  background-color: #0099d9;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
}

.ff-settings.catalog .search .search-field .search-button:hover {
  background-color: #00abf3;
}

.ff-settings.catalog .filters {
  margin-top: 20px;
}

.ff-settings.catalog .filters .sort-style-select {
  float: left;
  width: 24%;
  margin-right: 1.3%;
}

.ff-settings.catalog .filters .sort-style-select select {
  width: 100%;
  color: #9b9b9b;
}

.ff-settings.catalog .filters div:last-of-type {
  margin-right: 0;
}

.ff-settings.catalog hr {
  margin: 0 20px 0 20px;
}

.ff-settings .books {
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  width: 100%;
  padding: 0 20px;
}

.ff-settings .books .item {
  height: 240px;
  min-width: 130px;
  padding: 0;
  margin-top: 20px;
  float: left;
  text-align: center;
  flex-grow: 1;
  border-bottom: 1px solid #ccc;
}

.ff-settings .books .item .item-inner {
  display: inline-block;
  width: 117px;
  text-align: left;
}

.ff-settings .books .item .item-inner .cover .cover-overlay,
.ff-settings .books .item .item-inner .cover .cover-overlay i {
  display: none;
}

.ff-settings .books .item .item-inner .cover:hover .cover-overlay {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 170px;
  width: 117px;
  background-color: rgba(0, 0, 0, 0.31);
  opacity: 0.95;
  cursor: pointer;
  z-index: 5;
}

.ff-settings .books .item .item-inner .cover:hover .cover-overlay i {
  display: inline-block;
  position: absolute;
  top: 65px;
  left: 32px;
  font-size: 22px;
  padding: 9px 8px;
  margin: 0 5px;
  border: 1px solid white;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.46);
  opacity: 0.95;
}

.ff-settings .books .item .item-inner .cover:hover .cover-overlay i.fa-book-open {
  padding: 14px 12px 10px 12px;
  font-size: 18px;
}

.ff-settings .books .item .item-inner .cover .cover-overlay i:hover {
  background-color: black;
  top: 61px;
  padding: 11px 10px;
  left: 29px;
  border: 2px solid white;
  cursor: pointer;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.ff-settings .books .item .item-inner .cover .cover-overlay i.fa-book-open:hover {
  top: 61px;
  padding: 16px 14px 12px 14px;
  left: 29px;
}

.ff-settings .books .item.shelf {
  height: 260px;
}

.ff-settings .books .item.is-empty {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}

.ff-settings .books .item .days-left {
  margin-bottom: 3px;
  color: #4a4a4a;
  text-align: left;
  font-size: 10px;
  letter-spacing: 0.02em;
}

.ff-settings .books .item .subject {
  font-size: 12px;
  line-height: 14px;
  color: #4a4a4a;
  text-align: left;
  letter-spacing: 0.02em;
  margin-top: 3px;
}

.ff-settings .books .item .title {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 14px;
}

.ff-settings .books .item .cover {
  height: 170px;
  width: 117px;
  border: 1px solid #ccc;
}

.ff-settings .books .item .cover img {
  height: 170px;
  width: 117px;
}

.ff-settings .books .item .trial {
  top: 0;
  position: absolute;
  width: 117px;
  height: 20px;
  text-align: center;
  color: white;
  background-color: #f65543;
}

.ff-settings .no-books p {
  height: 22px;
  padding: 20px;
  font-size: 16px;
}

.ff-settings .no-books .placeholder {
  float: left;
  height: 170px;
  width: 117px;
  margin: 0 20px 20px 20px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  line-height: 170px;
  text-align: center;
}

.ff-settings .no-books .placeholder img {
  vertical-align: middle;
}

.ff-settings.catalog .search-results {
  width: 100%;
  padding: 0 20px;
}

.ff-settings.catalog .search-results .total {
  height: 22px;
  margin-top: 20px;
  font-size: 16px;
  color: #9b9b9b;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.ff-settings.catalog .search-results .item {
  width: 100%;
  height: 215px;
  clear: both;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.ff-settings.catalog .search-results .item .left-side {
  float: left;
  width: 117px;
  margin-right: 20px;
}

.ff-settings.catalog .search-results .item .right-side {
  float: left;
  width: calc(100% - 150px);
  height: 170px;
}

.ff-settings.catalog .search-results .item .right-side .trial {
  font-size: 16px;
  font-weight: 600;
  color: #f65543;
  bottom: 0;
  position: absolute;
}

.ff-settings.catalog .search-results .item .right-side button {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #FF9933;
}

.ff-settings.catalog .search-results .item .right-side button:hover {
  background-color: #ff8000;
}

.ff-settings.catalog .search-results .item .cover {
  height: 170px;
  width: 117px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.ff-settings.catalog .search-results .item p {
  font-size: 14px;
  line-height: 20px;
}

.ff-settings.catalog .search-results .item h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

.ff-settings.product .top-bar {
  color: white;
  font-size: 18px;
}

.ff-settings.product .top-bar:hover {
  color: #e6e6e6;
}

.ff-settings.product .main {
  margin-top: 20px;
}

.ff-settings.product .main .left-side {
  width: 200px;
  float: left;
}

.ff-settings.product .main .left-side .cover {
  width: 200px;
  height: 283px;
  border: 1px solid #ccc;
}

.ff-settings.product .main .left-side .preview {
  height: 40px;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #0099d9;
}

.ff-settings.product .main .left-side .preview:hover {
  color: #0075a6;
}

.ff-settings.product .main .left-side .preview i {
  padding: 5px;
  margin: 0 5px;
  border: 1px solid #0099d9;
  border-radius: 50%;
}

.ff-settings.product .main .right-side {
  width: calc(100% - 200px);
  float: left;
  padding-left: 20px;
}

.ff-settings.product .right-side p {
  height: 28px;
  font-size: 22px;
  color: #4a4a4a;
  text-align: left;
}

.ff-settings.product .right-side h2 {
  min-height: 24px;
  font-size: 22px;
  font-weight: bold;
  color: #4a4a4a;
  text-align: left;
}

.ff-settings.product .right-side h3 {
  height: 24px;
  margin-top: 20px;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #0099d9;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.ff-settings.product .right-side .info .line-title {
  color: black;
}

.ff-settings.product .right-side .info .extra-info {
  margin-top: 30px;
}

.ff-settings.product .right-side .info .extra-info p {
  font-size: 18px;
  height: 22px;
}

.ff-settings.product .right-side .prices {
  margin-top: 20px;
  border: 1px solid #ccc;
}

.ff-settings.product .right-side .prices .product-item .info {
  height: 60px;
  padding: 0 20px;
  line-height: 60px;
  vertical-align: middle;
  background-color: #0099d9;
}

.ff-settings.product .right-side .prices .product-item .select {
  width: 24px;
  height: 100%;
  float: left;
  display: flex;
  align-items: center;
}

.ff-settings.product .right-side .prices .product-item p {
  width: calc(100% - 34px);
  height: 100%;
  float: left;
  padding-left: 10px;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.ff-settings.product .right-side .prices .product-item .fake-radio-button {
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #4a4a4a;
}

.ff-settings.product .right-side .prices .product-item .fake-radio-button::before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 3px;
  border: 7px solid #4a4a4a;
  border-radius: 50%;
}

.ff-settings.product .right-side .prices .product-item .fake-radio-button span {
  width: 15px;
  height: 15px;
  background-color: #4a4a4a;
  border-radius: 50%;
}

.ff-settings.product .right-side .prices .product-item .action {
  display: flex;
  flex-direction: row-reverse;
}

.ff-settings.product .right-side .prices .product-item .action a,
.ff-settings.product .right-side .prices .product-item .action button {
  margin: 20px;
}

.ff-settings.product .right-side .prices .product-item .contact-us {
  height: 30px;
  width: 230px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: white;
  background-color: #05b380;
}

.ff-settings.product .right-side .prices .product-item .contact-us:hover {
  background-color: #06cc92;
}

.ff-settings.product .right-side .extra-info p {
  height: auto;
  line-height: 24px;
  font-size: 18px;
  color: #797979;
}

.ff-settings.preview {
  height: 100%;
  width: 100%;
}

.ff-settings .reader {
  height: 100%;
  width: 100%;
}

.ff-settings .embedded-reader {
  height: 100%;
  width: 100%;
}

.ff-settings.no-license {
  text-align: center;
}

.ff-settings.no-license .notice {
  width: 275px;
  top: 10%;
}

.ff-settings.no-license .message {
  position: absolute;
  bottom: 0;
  background-color: #0099D985;
}

.ff-settings.no-license .message p {
  color: white;
  font-size: 24px;
  line-height: 28px;
  margin-top: 5px;
  padding: 10px;
}

.ff-settings.error {
  display: flex;
  align-items: center;
  text-align: center;
}

.ff-settings.error .message {
  font-size: 20px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                            clRegionsAvailabilityInput -  Component                               */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
div > cl-regions-availability-input .clear-group {
  margin-bottom: 20px;
}

div > cl-regions-availability-input .form-input {
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px 10px;
}

div > cl-regions-availability-input .checkbox-group {
  display: block;
  width: 20%;
}

div > cl-regions-availability-input .checkbox-group-master {
  display: block;
  width: 100%;
}

div > cl-regions-availability-input .checkbox-group:last-child:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

div > cl-regions-availability-input .error-message-div {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*-----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*-----------------------------------------------------------------------------*/
/*********************************** RTL ***********************************/
body.rtl div > cl-regions-availability-input .checkbox-group {
  float: right;
}

/*********************************** LTR ***********************************/
body.ltr div > cl-regions-availability-input .checkbox-group {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/* body:lang(he) */
/***********************************  English *********************************/
body:lang(en) div > cl-regions-availability-input .checkbox-group > span {
  vertical-align: -webkit-baseline-middle;
}

.cl-small-cart {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 280px;
  width: 250px;
  padding: 20px;
  border: 1px solid #ccc;
}
.cl-small-cart h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #4a4a4a;
}
.cl-small-cart h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #4a4a4a;
}
.cl-small-cart .action {
  margin-bottom: 10px;
}
.cl-small-cart .action button {
  width: 100%;
  height: 40px;
}
.cl-small-cart .header {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.cl-small-cart .header::first-letter {
  text-transform: capitalize;
}
.cl-small-cart .items {
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.cl-small-cart .items .row {
  font-size: 12px;
  line-height: 16px;
}
.cl-small-cart .items .row::first-letter {
  text-transform: capitalize;
}
.cl-small-cart .items .row .label {
  width: 155px;
}
.cl-small-cart .items .row .sum {
  width: 56px;
  direction: ltr;
  text-align: right;
}
.cl-small-cart .items .row .deductions {
  margin-bottom: 15px;
}
.cl-small-cart .items .sum-line {
  height: 1px;
  margin-bottom: 7px;
  margin-top: 7px;
}
.cl-small-cart .items .sum-line .line {
  width: 55px;
  border-bottom: 1px solid #ccc;
}
.cl-small-cart .subtotal {
  margin-bottom: 10px;
}
.cl-small-cart .subtotal .label,
.cl-small-cart .total .label {
  display: inline-block;
  color: #4a4a4a;
  font: inherit;
}
.cl-small-cart .subtotal .sum,
.cl-small-cart .total .sum {
  display: inline-block;
  color: #d0021b;
  font: inherit;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  RTL ***********************************/
body.rtl .cl-small-cart .sum {
  float: left;
}
body.rtl .cl-small-cart .items .sum-line .line {
  float: left;
}

/***********************************  LTR ***********************************/
body.ltr .cl-small-cart .sum {
  float: right;
}
body.ltr .cl-small-cart .items .sum-line .line {
  float: right;
}

.kalsefer-small-button {
  color: white;
  font-size: 16px;
  padding: 0 20px;
  border: none;
  height: 20px;
  margin: 0;
  vertical-align: middle;
  line-height: 20px;
}
.kalsefer-small-button.extra-small {
  font-size: 12px;
  padding: 0 14px;
}

.kalsefer-fixed-button {
  color: white;
  font-size: 18px;
  border: none;
  margin: 0;
  height: 35px;
  padding: 0;
}

.kalsefer-button[disabled],
.kalsefer-button:disabled,
.kalsefer-button:hover[disabled],
.kalsefer-button:hover:disabled,
.kalsefer-small-button[disabled],
.kalsefer-small-button:disabled,
.kalsefer-small-button:hover[disabled],
.kalsefer-small-button:hover:disabled,
.kalsefer-fixed-button[disabled],
.kalsefer-fixed-button:disabled,
.kalsefer-fixed-button:hover[disabled],
.kalsefer-fixed-button:hover:disabled {
  color: #999999;
  background: #EDEDED !important;
  cursor: not-allowed;
}

.kalsefer-small-button:active,
.kalsefer-fixed-button:active,
.kalsefer-button:active {
  transform: scale(0.98);
}

.icon-button {
  color: white;
  font-size: 18px;
  border: none;
  height: 30px;
}

.blue-button {
  background: #389EDF;
}

.blue-button:not(.no-hover):hover,
.blue-button:not(.no-hover):active {
  background: #0E82D3;
}

.darkBlue-button {
  background: #0E82D3;
}

.light-orange-button {
  background: #FF9900;
}

.light-orange-button:not(.no-hover):hover,
.light-orange-button:not(.no-hover):active {
  background: #DA8200;
}

.orange-button {
  background: #F65543;
}

.orange-button:not(.no-hover):hover,
.orange-button:not(.no-hover):active {
  background: #E13522;
}

.orange-button:disabled,
.orange-button:disabled:hover {
  background: #dedede;
}

.gray-black-button {
  background: #CCD7DD;
  color: #666666;
}

.gray-button {
  background: #eaeaea;
  color: white;
}

.gray-button:not(.no-hover):hover,
.gray-button:not(.no-hover):active,
.gray-black-button:not(.no-hover):hover,
.gray-black-button:not(.no-hover):active {
  background: #B3C4CE;
}

.light-gray-blue-button {
  background: #EDEDED;
  color: white;
}

.dark-gray-button {
  background: #737373;
  color: white;
}

.dark-gray-button:not(.no-hover):hover,
.dark-gray-button:not(.no-hover):active {
  background: #5b5b5b;
}

.dark-gray-button:disabled,
.dark-gray-button:disabled:hover {
  background: #dedede;
}

.special-gray-button {
  background: #AEC4CE;
  color: white;
}

.special-gray-button:not(.no-hover):hover,
.special-gray-button:not(.no-hover):active,
.special-gray-button:not(.no-hover):hover,
.special-gray-button:not(.no-hover):active {
  background: #8B9CA4;
}

.special-red-button {
  background: #F65543;
  color: white;
}

.special-red-button:not(.no-hover):hover,
.special-red-button:not(.no-hover):active,
.special-red-button:not(.no-hover):hover,
.special-red-button:not(.no-hover):active {
  background: #E13522;
}

.green-button {
  background: #54DB8C;
}

.green-button:not(.no-hover):hover,
.green-button:not(.no-hover):active {
  background: #25C266;
}

.white-button {
  color: #666;
  border: 1px solid #ddd;
  background: white;
}

.user-settings-page * {
  box-sizing: border-box;
}
.user-settings-page .page-title {
  color: #0099d9;
  display: inline;
  font-size: 36px;
  height: 49px;
  line-height: 49px;
  vertical-align: middle;
}
.user-settings-page .page-description {
  margin: 20px 0 30px 0;
  line-height: 35px;
  vertical-align: middle;
}
.user-settings-page .page-description p, .user-settings-page .page-description span {
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 26px;
  color: #4a4a4a;
}
.user-settings-page .page-footer {
  padding-top: 20px;
  border-top: 1px solid #CCCCCC;
}
.user-settings-page .page-footer button {
  min-width: 130px;
}
.user-settings-page .form-line {
  background-color: rgba(168, 241, 212, 0.25);
  display: block;
  width: 100%;
  height: 35px;
  margin-bottom: 20px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                              Header                                             */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
header h1 {
  color: white;
  padding: 5px 0;
}

#profile {
  margin: 8px 0;
  width: 180px;
}

#profile .profile-info {
  width: 110px;
  margin-top: 3px;
}

#profile .profile-image {
  width: 50px;
}

#profile img {
  width: 50px;
  height: 50px;
  border-radius: 29px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}

#profile p {
  margin: 0;
  font-size: 12px;
  color: white;
  white-space: nowrap;
}

#profile .school {
  width: 100px;
}

#profile .profile-links {
  width: 175px;
  margin-top: 10px;
}

#profile .profile-links a {
  font-size: 12px;
  color: white;
  cursor: pointer;
}

#profile .profile-links a:hover {
  text-decoration: underline;
}

#toggled-menu {
  display: none;
  color: white;
  line-height: 69px;
  font-size: 18px;
  padding: 0 2%;
}

#toggled-menu.nohide {
  display: block !important;
}

#toggled-menu i {
  font-size: 20px;
  cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------------------
Search Box --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.body-mini .search-box {
  width: 48%;
}

.body-mini .search-box input[type=text] {
  width: 48%;
}

.search-box {
  font-size: 18px;
  /* overflow: hidden; */
  height: 70px;
  width: 56%;
  padding: 20px 20px;
}

.search-box form > i {
  font-size: 18px;
  color: #B3C4CE;
  padding: 6px;
}

.search-box input[type=text] {
  font-size: 18px;
  height: 30px;
  color: #666666;
  width: 55%;
  border: 0;
}

.search-box input[type=submit] {
  padding: 0;
  width: 80px;
  line-height: 30px;
  height: 30px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .logo {
  float: left;
  position: relative;
  top: 9px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}

body.ltr #header h1 {
  float: left;
  font-size: 50px;
  margin-right: 20px;
}

body.ltr #header #toggled-menu {
  float: left;
}

body.ltr #header #profile {
  float: right;
}

body.ltr .profile-info {
  float: left;
}

body.ltr .profile-image {
  float: left;
  margin-right: 10px;
}

body.ltr #profile img {
  float: left;
  margin-right: 13px;
}

body.ltr #profile .profile-links a {
  float: left;
}

body.ltr #profile .profile-links a:first-child:after {
  content: "";
  padding-left: 5px;
  border-left: 1px solid white;
  margin-left: 5px;
}

body.ltr .search-box {
  float: left;
  margin-left: 10px;
}

body.ltr .search-box input[type=text] {
  float: left;
  padding: 0 5px 0 30px;
}

body.ltr .search-box input[type=submit] {
  float: left;
}

body.ltr .search-box form > i {
  left: 0;
  position: absolute;
}

/***********************************  RTL ***********************************/
body.rtl .logo {
  float: left;
  position: relative;
  top: 9px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}

body.rtl #header h1 {
  float: left;
  font-size: 60px;
}

body.rtl #header #profile {
  float: right;
}

body.rtl .profile-info {
  float: right;
}

body.rtl .profile-image {
  float: right;
  margin-left: 10px;
}

body.rtl #header #toggled-menu {
  float: right;
}

body.rtl #profile img {
  float: right;
  margin-left: 13px;
}

body.rtl #profile .profile-links a {
  float: right;
}

body.rtl #profile .profile-links a:last-child {
  content: "";
  padding-right: 5px;
  border-right: 1px solid white;
  margin-right: 5px;
}

body.rtl .search-box {
  margin-left: 50px;
  float: left;
}

body.rtl .search-box input[type=text] {
  float: right;
  padding: 0 30px 0 5px;
}

body.rtl .search-box input[type=submit] {
  float: right;
}

body.rtl .search-box form > i {
  position: absolute;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#emailHeader {
  background: #FFF8D6;
  padding: 10px;
  overflow: visible;
  height: 29px;
}

#emailHeader.emailError {
  background: #ffcdcd;
}

#emailHeader .details .icon {
  font-size: 28px;
  vertical-align: middle;
  position: Relative;
  top: 4px;
}

#emailHeader .close-popup {
  position: Absolute;
  top: 4;
  color: black;
  cursor: pointer;
}

#emailHeader .white-button.disabled {
  background: lightgray;
  border: gray;
  color: gray;
}

#emailHeader #change-email-popup {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  position: Absolute;
  height: 240px;
  width: 405px;
  bottom: -250px;
  background: white;
  padding: 20px;
  left: -7px;
  border: 1px solid #389EDF;
  color: #389EDF;
  font-size: 14px;
  line-height: 23px;
  z-index: 10000;
  text-align: right;
}

#emailHeader #change-email-popup .title {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  color: #389EDF;
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 20px;
}

#emailHeader #change-email-popup .instruction {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  color: #999999;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}

#emailHeader #change-email-popup .new-email {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  color: #999999;
  width: 350px;
  height: 24px;
  font-size: 18px;
  text-align: left;
  border: 1px solid #B3C4CE;
}

#emailHeader #change-email-popup .save {
  margin-top: 20px;
}

#emailHeader #change-email-popup .feedback {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  margin-top: 10px;
}

#emailHeader .details .msg {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
}

#emailHeader .details .buttons button {
  vertical-align: middle;
  margin-top: 5px;
}

#emailHeader .details {
  text-align: center;
  color: #000000;
  width: 80%;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #emailHeader .details .msg {
  float: left;
}
.ltr #emailHeader .details .buttons {
  float: right;
}
.ltr #emailHeader .details .icon {
  right: 4px;
}
.ltr #emailHeader .close-popup {
  left: 6px;
}

.ltr #emailHeader #change-email-popup .feedback {
  float: left;
}

/***********************************  RTL ***********************************/
.rtl #emailHeader .details .msg {
  float: right;
}
.rtl #emailHeader .details .buttons {
  float: left;
}
.rtl #emailHeader .details .icon {
  left: 4px;
}
.rtl #emailHeader .close-popup {
  right: 6px;
}

.rtl #emailHeader #change-email-popup .feedback {
  float: right;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#guestHeader {
  max-width: 1200px;
  width: 100%;
  height: 80px;
  padding: 0 10px;
  margin: 0;
}

#guestHeader .logo {
  box-sizing: border-box;
  position: unset;
  height: 80px;
  width: 230px;
  float: left;
  padding: 15px 0;
}

#guestHeader .menu {
  height: 80px;
  width: 670px;
  padding: 0 10px;
}

#guestHeader .menu.help {
  width: unset;
}

#guestHeader .login {
  height: 80px;
  width: 245px;
  float: right;
  margin-top: 25px;
}

#guestHeader .menu .nav,
#guestHeader .menu .nav-green-line {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: -0.2px;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 25px;
  line-height: 35px;
}

#guestHeader .menu .nav a {
  font-weight: 600;
}

#guestHeader .login .nav {
  color: #FFFFFF;
  cursor: pointer;
  vertical-align: middle;
}

#guestHeader .login .nav .txt {
  padding-top: 10px;
  padding-right: 22px;
}

#guestHeader .menu .nav-green-line:hover {
  border-bottom: 3px solid #61ce70;
}

#guestHeader .menu .nav:hover,
#guestHeader .login .nav:hover {
  color: #aadff3;
}

#guestHeader .login .btn {
  -webkit-transition: background-color ease-out 400ms;
  height: 35px;
  margin-right: 0;
  color: white;
  text-align: center;
  line-height: 35px;
  vertical-align: middle;
  border-radius: 30px;
  border: 2px solid;
  padding: 0 20px;
}

#guestHeader .login .btn a i {
  font-size: 12px;
  margin: 0 5px;
  bottom: 2px;
  position: relative;
  font-weight: 900;
}

#guestHeader .login .btn:hover {
  color: #0099d9;
  background-color: white;
}

#guestHeader .nav a,
#guestHeader .nav-green-line a {
  letter-spacing: -0.2px;
  font-size: 16px;
  display: block;
}

#guestHeader .nav.seperator {
  height: 54px;
  width: 1px;
  margin-top: 13px;
  margin-left: 20px;
  background-color: white;
}

.nav.register a,
.nav-green-line.register a {
  margin-left: 10px;
}

.nav.special,
.nav-green-line.special {
  color: white;
  background-color: black;
  padding: 0 20px 2px;
  line-height: 20px;
  vertical-align: middle;
}

.white-button {
  color: white;
  background-color: #0099d9;
  border: 2px solid white;
  font-size: 18px;
  min-height: 30px;
  width: 100px;
}

.white-button:hover {
  background: #ffffff;
  color: #0099d9;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #guestHeader .menu {
  float: left;
}

.ltr .nav,
.ltr .nav-green-line {
  float: left;
}

.ltr .side-buttons {
  float: right;
}

/***********************************  RTL ***********************************/
.rtl #guestHeader .menu {
  float: right;
}

.rtl .nav,
.rtl .nav-green-line {
  float: right;
}

.rtl .side-buttons {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #guestHeader {
  font-family: OpenSansHebrew, serif;
}

/***********************************  English *********************************/
body:lang(en) #guestHeader {
  font-family: OpenSans, serif;
}

/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media (max-width: 800px) {
  #guestHeader .nav-row {
    display: none !important;
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#secondaryHeader .searchHeader .search-box {
  margin: 0px auto !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
  float: none;
}

#secondaryHeader .searchHeader {
  margin: 0;
  padding-top: 10px;
  height: 100px;
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
}

#secondaryHeader #searchFormStore input {
  height: 40px;
  border: 1px solid #B3C4CE;
  font-size: 20px;
}

#secondaryHeader #searchFormStore input[type=text] {
  width: 80%;
}

#secondaryHeader #searchFormStore input[type=submit] {
  width: 20%;
}

#statusInHeader {
  background: #FFF8D6;
  padding: 0 10px;
  overflow: visible;
  height: 33px;
  line-height: 33px;
}

#statusInHeader .details {
  text-align: center;
  vertical-align: middle;
}

#statusInHeader .details > span {
  vertical-align: middle;
}

#statusInHeader .details .icon {
  font-size: 28px;
  vertical-align: middle;
  padding: 0 5px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.rtl #secondaryHeader #searchFormStore input {
  border-left: none;
}

/***********************************  RTL ***********************************/
body.ltr #secondaryHeader #searchFormStore input {
  border-right: none;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #secondaryHeader #searchFormStore input {
  font-family: "OpenSansHebrew-regular";
  font-weight: normal;
}

/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
#storeBrandedHeader {
  margin: 0;
  padding-top: 30px;
  height: 130px;
  width: 100%;
  text-align: center;
  background-image: url("https://st.classoos.com/3.102.18.312/img/store_logo.png");
}

#storeBrandedHeader .title {
  width: 535px;
  height: 73px;
  float: none;
  margin: auto;
}

#storeBrandedHeader .title h1 {
  float: right;
  color: white;
  font-size: 40px;
  line-height: 43px;
  margin-top: 0px;
  margin-bottom: 20px;
}

#storeBrandedHeader .title img {
  /*	height: 56px;*/
  float: right;
}

#storeBrandedHeader #booksImg {
  height: 132px;
  display: block;
}

#storeBrandedHeader .search-box {
  width: 60%;
  padding: 0;
  margin: 0 auto;
  z-index: 99;
  left: 20%;
  top: 16px;
}

#secondaryHeader #storeBrandedHeader #searchFormStore input[type=submit],
#secondaryHeader #searchFormStore input[type=submit] {
  border: none;
  background-color: #F65543;
}

#secondaryHeader .searchHeader {
  background-image: url("https://st.classoos.com/3.102.18.312/img/store_logo.png");
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#onlyLogoHeader {
  max-width: 1200px;
  width: 100%;
  height: 70px;
  padding: 0 20px;
  margin: 0;
  background-color: #0099d9;
}

#onlyLogoHeader .logo {
  position: unset;
  height: 80px;
  width: 205px;
  float: left;
  padding: 10px 0;
}

#onlyLogoHeader .menu {
  height: 80px;
  width: 815px;
  float: right;
  padding: 0 20px;
}

#onlyLogoHeader .menu.help {
  width: unset;
}

#onlyLogoHeader .login {
  height: 80px;
  width: 100px;
  float: right;
}

#onlyLogoHeader .menu .nav {
  color: white;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 29px;
  line-height: 35px;
}

#onlyLogoHeader .menu .nav:hover {
  border-bottom: 3px solid #61ce70;
}

#onlyLogoHeader .login .btn {
  height: 40px;
  width: 100px;
  margin-right: 20px;
  margin-top: 27px;
  color: white;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  border-radius: 3px;
}

#onlyLogoHeader .login .btn a i {
  font-size: 12px;
  margin: 0 5px;
  bottom: 2px;
  position: relative;
  font-weight: 900;
}

#onlyLogoHeader .login .btn:hover {
  border: none;
  color: #0099d9;
  background-color: white;
}

#onlyLogoHeader .nav a {
  font-family: "OpenSansHebrew", sans-serif;
  font-size: 16px;
}

#onlyLogoHeader .nav.seperator {
  height: 54px;
  width: 1px;
  margin-top: 13px;
  margin-left: 20px;
  background-color: white;
}

#onlyLogoHeader .lang {
  color: white;
  display: inline;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  line-height: 26px;
  background: none;
  border: none;
  cursor: pointer;
}

#onlyLogoHeader .lang:hover {
  text-decoration: underline;
}

#onlyLogoHeader .language-select {
  height: 80px;
  width: 400px;
  float: left;
  padding: 0 20px;
}

#onlyLogoHeader .language-select .language {
  color: white;
  float: left;
  width: 45px;
  margin: 35px 5px;
  text-align: center;
}

#onlyLogoHeader .language-select .language:hover {
  cursor: pointer;
  color: #aadff3;
}

/*-----------------------------*/
.nav.register a {
  margin-left: 10px;
}

.nav.special {
  color: white;
  background-color: black;
  padding: 0 20px 2px;
  line-height: 20px;
  vertical-align: middle;
}

.white-button {
  color: white;
  background-color: #0099d9;
  border: 2px solid white;
  font-size: 18px;
  font-family: "OpenSansHebrew" !important;
  min-height: 30px;
  width: 100px;
}

.white-button:hover {
  background: #ffffff;
  color: #0099d9;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .nav {
  float: left;
}

.ltr .side-buttons {
  float: right;
}

.ltr #onlyLogoHeader .language-select {
  float: left;
}

/***********************************  RTL ***********************************/
.rtl .nav {
  float: right;
}

.rtl .side-buttons {
  float: left;
}

.rtl #onlyLogoHeader .language-select {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
body:lang(en) #onlyLogoHeader span {
  font-family: OpenSans, serif;
}

/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media (max-width: 800px) {
  #onlyLogoHeader .nav-row {
    display: none !important;
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.header-logo-and-logout {
  display: flex;
  height: 80px;
  padding: 0 1.25em;
  margin: 0;
  background-color: #0099d9;
  justify-content: space-between;
  align-content: center;
  font-size: 1rem;
  direction: ltr;
}
.header-logo-and-logout__logo {
  margin: 0;
  padding: 1em 0;
}
.header-logo-and-logout__profile {
  display: flex;
  direction: rtl;
  width: 200px;
  margin: 0;
  padding: 0.5em 0;
  color: white;
  font-size: 0.9em;
}
.header-logo-and-logout__profile div {
  align-self: center;
  padding: 0 0.5em;
  margin: 0;
}
.header-logo-and-logout__profile-image {
  width: 50px;
  height: 50px;
  border-radius: 29px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media print {
  .header-logo-and-logout .print {
    display: block !important;
  }
  .header-logo-and-logout .no-print {
    display: none;
  }
}
.school-message-header {
  display: flex;
  height: 40px;
  font-size: 1rem;
  background-color: #54ce64;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.school-message-header__message {
  font-size: 1.2em;
  font-weight: bold;
  font-family: "OpenSansHebrew", serif;
  color: white;
}
.school-message-header__message--link {
  cursor: pointer;
}
.school-message-header__message--link:hover {
  color: #e6e6e6;
}

/* ----------------------------------------------------------------------------------------------------------
 Modal Elements
---------------------------------------------------------------------------------------------------------- */
.cl-modal {
  display: grid;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1100;
  grid-template-rows: 30px auto;
  grid-template-areas: "header" "content";
  font-size: 1rem;
}
.cl-modal > div {
  width: 100%;
  margin: 0;
  padding: 0;
}
.cl-modal .cl-modal-header {
  grid-area: header;
  padding: 0 10px;
  box-sizing: border-box;
  color: white;
  background-color: #0099d9;
}
.cl-modal .cl-modal-header i {
  line-height: 30px;
}
.cl-modal .cl-modal-header i:hover {
  color: #ddd;
}
.cl-modal .cl-modal-header h3 {
  width: calc(100% - 50px);
  height: 100%;
  line-height: 30px;
  font-size: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-modal .cl-modal__internal-title {
  color: #0099d9;
  font-size: 2em;
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
}
.cl-modal .cl-modal__internal-title--alert {
  color: #F75B3B;
}
.cl-modal .cl-modal-body {
  grid-area: content;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  border-top: none;
  background-color: white;
}
.cl-modal .cl-modal-body .cl-modal-body-content {
  width: 100%;
  height: 100%;
}
.cl-modal .cl-modal-body .cl-modal-body-content__block {
  margin-bottom: 10px;
}
.cl-modal .cl-modal-body .cl-modal-body-content__block--center {
  text-align: center;
}
.cl-modal .cl-modal-body .iframe-modal {
  width: 100%;
  height: 100%;
}
.cl-modal .cl-modal-body .iframe-modal iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.cl-modal .cl-modal-body .iframe-modal .loader {
  display: flex;
  height: 100%;
  align-items: center;
}
.cl-modal .cl-modal-body .iframe-modal .loader img {
  height: 32px;
  width: 32px;
}
.cl-modal .cl-modal__text {
  color: #4a4a4a;
  font-size: 1.1em;
  line-height: 2;
}
.cl-modal .cl-modal__text--small {
  font-size: 0.85em;
  color: #9B9B9B;
}
.cl-modal .cl-modal__text--bold {
  font-weight: bold;
}
.cl-modal .cl-modal__text--link {
  color: #0099d9;
  text-decoration: underline;
}
.cl-modal .cl-modal__text--link:hover {
  color: #0075a6;
  text-decoration: none;
}
.cl-modal .cl-modal__text--link:visited {
  color: #6d00d9;
}

body.rtl .cl-modal i {
  float: left;
}
body.rtl .cl-modal h3 {
  float: right;
}

body.ltr .cl-modal i {
  float: right;
}
body.ltr .cl-modal h3 {
  float: left;
}

/* Desktop */
.modal.in.ks-modal .modal-dialog {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 1;
}

.ks-modal.ks-video-modal .modal-content {
  background: transparent;
}

.ks-modal .modal-dialog {
  width: 560px;
  border: 1px solid #cccccc;
}

.ks-modal-shadow .modal-dialog {
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.51);
}

.ks-modal .ks-modal-header {
  height: 30px;
  width: 100%;
}

.ks-modal .ks-modal-header > p {
  padding: 4px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
}

.ks-modal h3 {
  font-size: 30px;
  background: #EDEDEF;
  padding: 20px;
}

.ks-modal.ks-modal-warning h3 {
  color: white;
  background: #F65543;
}

.ks-modal.ks-modal-info h3 {
  color: white;
  background: #389EDF;
}

.ks-modal h3 span {
  font: inherit;
}

.ks-modal .ks-modal-inner-wrapper {
  padding: 20px;
  font: inherit;
}

.ks-modal .ks-modal-content {
  padding-bottom: 20px;
}

.ks-modal .ks-modal-content p {
  font-weight: normal;
  margin-bottom: 5px;
  line-height: 1.4;
}

.ks-modal .ks-modal-footer {
  border-top: 1px solid #B3C4CE;
  padding-top: 20px;
}

.ks-modal .ks-modal-footer .activation {
  height: 50px;
}

.ks-modal .ks-modal-footer .activation input {
  height: 30px;
  width: 120px;
  line-height: 30px;
  font-size: 26px;
  padding: 0 5px;
  margin: 0 10px;
  border: 1px solid #ccc;
}

.ks-modal .ks-modal-content .comment textarea {
  height: 50px;
  width: 90%;
  line-height: 24px;
  font-size: 20px;
  padding: 0 5px;
  margin: 10px;
  border: 1px solid #ccc;
}

.ks-modal.ks-modal-translate .modal-dialog {
  width: 865px !important;
}

/** Mobile **/
@media screen and (max-width: 450px) {
  .modal.in.ks-modal .modal-dialog {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 1;
  }

  .ks-modal.ks-video-modal .modal-content {
    background: transparent;
  }

  .ks-modal .modal-dialog {
    width: 88%;
    border: 1px solid #cccccc;
  }

  .ks-modal-shadow .modal-dialog {
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.51);
  }

  .ks-modal .ks-model-wrapper > div {
    border: 1px solid #cccccc;
  }

  .ks-modal .ks-modal-header {
    height: 30px;
    width: 100%;
  }

  .ks-modal .ks-modal-header > p {
    padding: 4px;
    font-family: "fbogen-regular";
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
  }

  .ks-modal h3 {
    font-size: 26px;
    text-align: center;
    color: #7c7c7c;
    background: white;
    padding: 10px 20px 20px 20px;
  }

  .ks-modal h3 span {
    font: inherit;
  }

  .ks-modal .ks-modal-inner-wrapper {
    padding: 10px;
    font: inherit;
  }

  .ks-modal .ks-modal-content {
    padding-bottom: 10px;
  }

  .ks-modal .ks-modal-content p {
    font-family: "fbogen-regular";
    font-weight: normal;
    text-align: center;
    padding: 0 20px 0 20px;
  }

  .ks-modal .ks-modal-footer {
    border-top: 1px solid #B3C4CE;
    padding-top: 10px;
  }

  .ks-modal.ks-modal-warning .ks-modal-header {
    background: #F65543;
  }

  .ks-modal.ks-modal-info .ks-modal-header {
    background: #389EDF;
  }

  .ks-modal .ks-modal-footer .mobile-dialog-confirm-button {
    font-size: 19px;
    height: 30px;
    width: 110px;
  }

  .ks-modal .ks-modal-footer .mobile-dialog-cancel-button {
    font-size: 19px;
    height: 30px;
    width: 110px;
    float: left;
  }

  .ks-modal-footer .half-30 .quiz-validation-modal-footer {
    margin-bottom: 40px;
  }
}
/** Tablet **/
@media screen and (min-width: 451px) and (max-width: 800px) {
  .modal.in.ks-modal .modal-dialog {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 1;
  }

  .ks-modal.ks-video-modal .modal-content {
    background: transparent;
  }

  .ks-modal .modal-dialog {
    width: 560px;
    border: 1px solid #cccccc;
  }

  .ks-modal-shadow .modal-dialog {
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.51);
  }

  .ks-modal .ks-modal-header {
    height: 30px;
    width: 100%;
  }

  .ks-modal .ks-modal-header > p {
    padding: 4px;
    font-family: "fbogen-regular";
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
  }

  .ks-modal h3 {
    font-size: 30px;
    background: #EDEDEF;
    padding: 20px;
  }

  .ks-modal h3 span {
    font: inherit;
  }

  .ks-modal .ks-modal-inner-wrapper {
    padding: 20px;
    font: inherit;
  }

  .ks-modal .ks-modal-content {
    padding-bottom: 20px;
  }

  .ks-modal .ks-modal-content p {
    font-family: "fbogen-regular";
    font-weight: normal;
  }

  .ks-modal .ks-modal-footer {
    border-top: 1px solid #B3C4CE;
    padding-top: 20px;
  }

  .ks-modal.ks-modal-warning .ks-modal-header {
    background: #F65543;
  }

  .ks-modal.ks-modal-info .ks-modal-header {
    background: #389EDF;
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                          Forms CSS                                              */
/*-------------------------------------------------------------------------------------------------*/
input {
  padding: 0 5px;
  outline: none;
}

input, select, textarea {
  border: 1px solid #999;
}

input:disabled,
select:disabled {
  background: #ededed;
  border: 1px solid #cccccc;
}

input::placeholder {
  color: #9B9B9B;
}

select.ng-touched.ng-invalid,
textarea.ng-touched.ng-invalid,
input.ng-touched.ng-invalid {
  border: 1px solid red;
}

form.ng-submitted input.ng-invalid,
form.ng-submitted select.ng-invalid,
form.ng-submitted textarea.ng-invalid {
  border: 1px solid red;
}

.form-item {
  background: transparent;
  font-size: 16px;
  line-height: 1;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 37px;
  -webkit-appearance: none;
  color: #6F6666;
}

.form-item input {
  width: inherit;
  padding: 0 10px;
  border: none;
  box-sizing: border-box;
  vertical-align: middle;
  font: inherit;
  color: inherit;
  display: table-cell;
}

.form-error, .cl-tranzila-payment__form-error {
  position: absolute;
  font-size: 12px;
  color: #E13522;
  margin-top: 3px;
  line-height: normal;
}

.form-error a, .cl-tranzila-payment__form-error a {
  cursor: pointer;
}

.form-error a:hover, .cl-tranzila-payment__form-error a:hover {
  text-decoration: underline;
}

.form-error-dynamic {
  font-size: 12px !important;
  color: #E13522 !important;
  margin-top: 3px;
  line-height: normal !important;
}

.form-chars-counter {
  font-size: 12px;
  margin-top: 2px;
}

.cl-form-element {
  clear: both;
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
}
.cl-form-element * {
  box-sizing: border-box;
}
.cl-form-element input[type=email],
.cl-form-element input[type=text],
.cl-form-element input[type=number],
.cl-form-element input[type=tel],
.cl-form-element input[type=password],
.cl-form-element textarea,
.cl-form-element select,
.cl-form-element option {
  box-sizing: inherit;
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  padding: 20px 10px 0 10px;
  font-family: "OpenSansHebrew", serif;
  font-size: 18px;
  color: #333;
  letter-spacing: 0;
  vertical-align: middle;
}
.cl-form-element .ng-touched.ng-invalid {
  border: 1px solid red;
}
.cl-form-element select {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white;
  -webkit-appearance: none;
}
.cl-form-element label {
  position: absolute;
  top: 1em;
  pointer-events: none;
  font-size: 1.125em;
  color: #9B9B9B;
  text-transform: capitalize;
}
.cl-form-element label.small {
  font-size: 0.7em;
  top: 0.8em;
  transition: all 0.05s ease-out;
}
.cl-form-element:-webkit-autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}
.cl-form-element .form-error, .cl-form-element .cl-tranzila-payment__form-error {
  bottom: -18px;
}

.cl-form-element.cl-form-school {
  height: auto;
}
.cl-form-element.cl-form-school select {
  height: 50px;
}
.cl-form-element.cl-form-school .country, .cl-form-element.cl-form-school .school {
  height: 50px;
}
.cl-form-element.cl-form-school .country {
  margin-bottom: 20px;
}
.cl-form-element.cl-form-school .school {
  margin-bottom: 5px;
}
.cl-form-element.cl-form-school #not-in-list {
  color: #666;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.cl-form-element.cl-form-school #not-in-list a {
  color: #0099d9;
}

.cl-form-registration-select-country-and-school .modal-dialog {
  height: 600px;
  width: 700px;
  top: -150px;
}
.cl-form-registration-select-country-and-school .modal-dialog .modal-content {
  height: 100%;
}
.cl-form-registration-select-country-and-school .modal-dialog .header {
  height: 180px;
  text-align: center;
}
.cl-form-registration-select-country-and-school .modal-dialog .header h1 {
  height: 50px;
  line-height: 50px;
  color: #0099d9;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.03em;
}
.cl-form-registration-select-country-and-school .modal-dialog form .input {
  width: 320px;
}
.cl-form-registration-select-country-and-school .modal-dialog form .actions {
  width: 320px;
}
.cl-form-registration-select-country-and-school .modal-dialog form .actions button {
  margin-bottom: 20px;
  width: 100%;
  height: 50px;
}

.cl-form-element.cl-form-user-type {
  height: 30px;
  font-size: 18px;
}
.cl-form-element.cl-form-user-type span {
  text-transform: capitalize;
}
.cl-form-element.cl-form-user-type label {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 90px;
}

.cl-form-element.cl-form-autocomplete .items-list {
  position: relative;
  width: 100%;
  margin-top: 3px;
  min-height: 200px;
  background-color: white;
  border: 1px solid #ccc;
  z-index: 5;
}
.cl-form-element.cl-form-autocomplete .items-list li {
  z-index: 10;
  height: 30px;
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer;
}
.cl-form-element.cl-form-autocomplete .items-list li p {
  padding: 0 20px;
}
.cl-form-element.cl-form-autocomplete .items-list li :hover {
  background-color: #f2f2f2;
}
.cl-form-element.cl-form-autocomplete .items-list li .more {
  font-size: 10px;
}
.cl-form-element.cl-form-autocomplete .items-list li .focus {
  background-color: #f2f2f2;
}

.cl-form-element.cl-form-select-country {
  position: absolute;
}
.cl-form-element.cl-form-select-country .countries-dropdown-button {
  border: 1px solid #ccc;
  height: 50px;
  width: 70px;
  -webkit-appearance: none;
  padding: 10px;
}
.cl-form-element.cl-form-select-country .countries-dropdown-button i {
  height: 20px;
  width: 27px;
}

.cl-form-element.cl-form-select-country .countries-dropdown-list {
  width: 100%;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list > ul {
  width: 301px;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list ul {
  direction: ltr;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list i {
  height: 28px;
  width: 22px;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list {
  position: absolute;
  width: 100%;
  margin-top: 5px;
  min-height: 200px;
  background-color: white;
  border: 1px solid #ccc;
  z-index: 5;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 50px;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li {
  z-index: 10;
  height: 30px;
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
  line-height: 30px;
  cursor: pointer;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li p {
  padding: 0 10px;
  white-space: nowrap;
  width: 100%;
  position: absolute;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li span {
  float: left;
  display: inline-block;
  /* set display to inline-block to make the width fit the content */
  width: 100%;
  /* set the width to the desired value */
  white-space: nowrap;
  /* prevent the text from wrapping */
  overflow: hidden;
  /* hide any overflowing content */
  text-overflow: ellipsis;
  /* add the ellipsis to indicate truncated text */
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li :hover {
  background-color: #f2f2f2;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li .more {
  font-size: 10px;
}
.cl-form-element.cl-form-select-country .countries-dropdown-list .items-list li .focus {
  background-color: #f2f2f2;
}

body.rtl .cl-form-select-country .countries-dropdown-list {
  float: right;
}
body.rtl .cl-form-select-country .countries-dropdown-list i {
  height: 28px;
  width: 22px;
  float: right;
  margin-left: 10px;
}
body.rtl .cl-form-select-country .countries-dropdown-list .items-list li span {
  float: right;
}
body.rtl .cl-form-element label {
  right: 1em;
}
body.rtl .cl-form-element select {
  background-position: 2% center;
}
body.rtl .cl-form-element.cl-form-user-type span {
  margin-left: 10px;
}
body.rtl .cl-form-element.cl-form-user-type label {
  left: auto;
  right: auto;
}
body.rtl .cl-form-element.cl-form-autocomplete .items-list .more {
  float: left;
}
body.rtl .cl-form-registration-select-country-and-school .modal-dialog .actions .save {
  margin-left: 2.5%;
}
body.rtl .cl-form-registration-select-country-and-school .modal-dialog .actions .close {
  margin-right: 2.5%;
}
body.rtl .countries-dropdown-button {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white 5px;
  width: 130px;
  left: 40px;
}

body.ltr .cl-form-element label {
  left: 1em;
}
body.ltr .cl-form-element select {
  background-position: 98% center;
}
body.ltr .cl-form-element.cl-form-user-type span {
  margin-right: 10px;
}
body.ltr .cl-form-element.cl-form-user-type label {
  left: auto;
  right: auto;
}
body.ltr .cl-form-element.cl-form-autocomplete .items-list .more {
  float: right;
}
body.ltr .cl-form-registration-select-country-and-school .modal-dialog .actions .save {
  margin-right: 2.5%;
}
body.ltr .cl-form-registration-select-country-and-school .modal-dialog .actions .close {
  margin-left: 2.5%;
}
body.ltr .countries-dropdown-button {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down-arrow-gray.png") no-repeat white 43px;
  width: 130px;
  left: 0;
}
body.ltr .countries-dropdown-list {
  float: left;
}

body.ltr .form-error, body.ltr .cl-tranzila-payment__form-error {
  left: 0;
}

body.rtl .form-error, body.rtl .cl-tranzila-payment__form-error {
  right: 0;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                                Quizzes                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
/* Quiz List */
#quizzes-main {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 24px;
}

.quiz-list ul {
  width: 100%;
  margin-bottom: 30px;
}

.quiz-list .quiz-item {
  height: 80px;
  padding: 8px;
  border-style: solid;
  border-width: thin;
  border-color: #CCCCCC;
  margin-bottom: 16px;
}

.quiz-list .create-new-quiz-button {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
  margin-bottom: 20px;
  height: 38px;
}

.quiz-list .create-new-quiz-button i {
  position: absolute;
  top: 5px;
}

.quiz-list .quiz-item .item-info {
  width: 70%;
  height: 100%;
}

.quiz-list .quiz-item .item-buttons {
  width: 30%;
  height: 100%;
}

.quiz-list .quiz-item .item-buttons i {
  font-size: 20px;
  margin: 5px 10px;
}

.quiz-list .quiz-item .item-buttons i.disabled,
.quiz-list .quiz-item .item-buttons i.disabled:hover {
  color: #cccccc;
  cursor: default;
}

.quiz-list .quiz-item .item-buttons i:hover {
  color: #0099D9;
  cursor: pointer;
}

.quiz-list .quiz-item .list-quiz-subject {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  line-height: normal;
}

.quiz-list .quiz-item .list-quiz-name {
  color: #333333;
  font-family: "OpenSansHebrew-Bold", "Arial";
  font-style: normal;
  font-size: 14px;
  line-height: normal;
}

.quiz-list .quiz-item .list-quiz-name:hover {
  color: #999999;
}

.quiz-list .quiz-item .list-quiz-name.disabled,
.quiz-list .quiz-item .list-quiz-name.disabled:hover {
  color: #333333;
  cursor: default;
}

.quiz-list .quiz-item .list-quiz-lock {
  margin-top: 7px;
  width: 20px;
  color: #999999;
}

.quiz-list .quiz-item .quiz-comments {
  margin-top: 7px;
  color: #009DD9;
  display: inline-block;
}

/*quiz header */
#quiz-header .subject {
  width: 35%;
  margin-top: 10px;
}

/* Upload Media */
#new-quiz-media {
  width: 35%;
  height: 88px;
  background-color: white;
  border: 1px solid #CCCCCC;
  margin-top: 10px;
  margin-bottom: 22px;
}

#new-quiz-media button {
  height: 35px;
  width: 50px;
  padding: 0px;
  margin: 10px;
  border: none;
}

/* Images */
/* TODO - RTL/LTR */
.upload-media-icons {
  height: 50px;
  width: 90%;
  margin: 10px 20px;
  padding: 0;
}

.upload-media-icon {
  height: 40px;
  width: 40px;
  border: 1px solid #999999;
  text-align: center;
}

.upload-media-icon:hover {
  border-color: #0099d9;
}

.upload-media-icons .title {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #7c7c7c;
  position: absolute;
  top: 12px;
}

.upload-media-icon .label {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 14px;
  line-height: 19px;
  color: #7c7c7c;
}

.upload-image-img {
  height: 100%;
  width: 100%;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/upload_image.png") no-repeat center;
}

.upload-video-img {
  height: 100%;
  width: 100%;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/upload_video.png") no-repeat center;
}

.upload-audio-img {
  height: 100%;
  width: 100%;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/upload_audio.png") no-repeatcenter;
}

.upload-link-img {
  height: 100%;
  width: 100%;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/upload_link.png") no-repeat center;
}

.add-question-img {
  background: url("https://st.classoos.com/3.102.18.312/img/forms/add_question_arrow.png") no-repeat 175px 47px;
}

/*  Quiz Builder - Edit / New quiz */
#quiz-builder {
  margin: 0;
  padding: 0;
  height: 100%;
}

#quiz-builder input,
#quiz-builder textarea {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
}

#quiz-builder .quiz-title-box {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

#quiz-builder .quiz-title {
  width: 75%;
  height: 40px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 18px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  padding: 0 18px;
  color: #666666;
  line-height: 38px;
}

#quiz-builder .question-selection-block {
  height: 60px;
  width: calc(100% - 250px);
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

#quiz-builder .question-selection {
  height: 60px;
  width: 190px;
  border: 1px solid #cccccc;
  background-color: #f2f2f2;
  line-height: 56px;
  vertical-align: middle;
  font-size: 16px;
}

#quiz-builder .question-selection:hover {
  cursor: pointer;
  background-color: #dddddd;
}

#quiz-builder .question-selection i {
  font-size: 32px;
  height: 45px;
  width: 32px;
  color: #009DD9;
}

#quiz-builder .question-selection span {
  font: inherit;
  display: inline-block;
}

#quiz-builder .question-view {
  margin-top: 30px;
}

#select_question_type {
  width: 300px;
  height: 35px;
  margin: 0;
  overflow: hidden;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/down_arrow_select.png") no-repeat;
  background-color: #389EDF;
  border: 1px solid #ccc;
}

#select_question_type select {
  color: white;
  background: transparent;
  height: 35px;
  width: 300px;
  padding: 5px;
  font-size: 20px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  margin-top: 0px;
}

#select_question_type option {
  color: #666666;
  background-color: white;
}

#quiz-form,
#quiz-preview {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#quiz-form input {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
}

#questions-menu {
  /*since we want the border left to increase to bottom of the page*/
  width: 225px;
  height: 100%;
  min-height: 90%;
  /* 600px;*/
  margin: 0;
  padding: 0 35px;
}

#quiz-question-body {
  width: calc(100% - 225px);
  margin: 0;
  padding: 0;
}

/* new quiz - main area */
#quiz {
  width: 73%;
  height: 50%;
}

#quiz-action-bar {
  width: 100%;
  margin-bottom: 60px;
  height: 50px;
  clear: both;
}

#quiz-builder .action-bar-button {
  padding: 0px 20px;
  width: 206px;
}

#quiz-action-bar .center {
  width: 420px;
  position: absolute;
}

.quiz-header-footer-block {
  background-color: #f2f2f2;
  padding-top: 22px;
  border: 1px solid #CCCCCC;
  margin-bottom: 24px;
}

.quiz-header-footer-block .quiz-row-element {
  margin-top: 20px;
}

.question-box {
  float: none;
  margin: 0;
  border: 1px solid #CCCCCC;
  padding-top: 12px;
}

.quiz-input-answer {
  height: 200px;
  text-align: start;
}

/* Empty Question */
#empty-questions-section {
  border: 1px solid #CCCCCC;
  margin: 30px 0;
  height: 300px;
  text-align: center;
  font-size: 20px;
  background-color: #f2f2f2;
}

#empty-questions-section p {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  color: #666666;
  display: inline-block;
  margin-top: 185px;
}

/* Builder Navigation - Navigator */
#question-builder-navigator-block {
  height: 81px;
  width: 224px;
}

#question-builder-navigator {
  margin: 0 17px;
}

#question-navigator {
  height: 35px;
  /*    width: 22%;*/
}

#question-navigator .next {
  height: 30px;
  width: 30px;
  border: 1px solid #DEDEDE;
  cursor: pointer;
}

#question-navigator .current {
  height: 30px;
  width: 86px;
  margin: 0 10px;
  padding: 0 6px;
  line-height: 30px;
  vertical-align: middle;
  border: 1px solid #DEDEDE;
  cursor: pointer;
}

#question-navigator .current img {
  position: absolute;
  top: 9px;
}

#question-navigator .back {
  height: 30px;
  width: 30px;
  border: 1px solid #DEDEDE;
  cursor: pointer;
}

#question-navigator .navigationList {
  height: 32px;
  margin: 0;
  padding-top: 10px;
  position: absolute;
  top: 45px;
  z-index: 10;
  display: inline-table;
}

#question-navigator .navigationList .number {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  background-color: white;
  line-height: 32px;
  vertical-align: middle;
  text-align: center;
}

#question-navigator .navigationList .number:hover {
  color: white;
  border: 1px solid white;
  background-color: #389EDF;
}

/* Builder Navigation - Side Menu */
#questions-body-menu {
  width: 100%;
  height: 70%;
  min-height: 720px;
  margin: 0;
  display: inline-block;
}

#questions-body-menu .menuScroll {
  min-height: 100%;
  width: 225px;
}

#questions-body-menu .menuScroll .ps-scrollbar-y-rail {
  margin-top: 25px;
}

.quiz-menu-item {
  width: 182px;
  position: absolute;
  /*margin-bottom: 30px;*/
}

.quiz-menu-item.ng-move,
.quiz-menu-item.ng-enter,
.quiz-menu-item.ng-leave {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.quiz-menu-item.ng-leave.ng-leave-active,
.quiz-menu-item.ng-move,
.quiz-menu-item.ng-enter {
  opacity: 0;
}

.quiz-menu-item.ng-leave,
.quiz-menu-item.ng-move.ng-move-active,
.quiz-menu-item.ng-enter.ng-enter-active {
  opacity: 1;
}

#quiz-small-question-preview {
  margin: 0;
  padding: 0;
  height: 98px;
  width: 180px;
  text-align: center;
  font-size: 18px;
}

#questions-body-menu .dropArea {
  height: 45px;
  width: 100%;
  color: white;
  background-color: white;
}

#questions-body-menu .dropArea.hoverDropArea {
  height: 60px;
  background-color: #ededed;
}

#quiz-small-question-preview .points {
  margin: 0;
  padding: 0;
  width: 50px;
  height: 20px;
  position: absolute;
  top: -20px;
  border: 1px solid #DEDEDE;
  font-size: 10px;
  font-weight: normal;
  color: white;
  line-height: 20px;
  vertical-align: middle;
}

#quiz-small-question-preview .info {
  width: 100%;
  height: 94px;
  margin: 0;
  padding: 0;
  border: 1px solid #DEDEDE;
  background-color: white;
}

#quiz-small-question-preview .info:hover,
#quiz-small-question-preview .info.current {
  border: 2px solid #389EDF;
}

#quiz-small-question-preview .hook {
  width: 30px;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ededed;
}

#quiz-small-question-preview .hook i {
  width: 20px;
  height: 20px;
  margin-top: 36px;
  color: #999999;
}

#quiz-small-question-preview .data {
  width: 146px;
  height: 100%;
  margin: 0;
  padding: 0;
}

#quiz-small-question-preview .data .order {
  height: 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  vertical-align: middle;
}

#quiz-small-question-preview .data .question {
  color: #666666;
  height: 65px;
  padding: 0 7px;
  font-size: 14px;
  font-weight: normal;
}

/* Questions templates - General */
.question-media-block {
  height: 220px;
  margin-top: 10px;
}

.question-media-block .question-media {
  width: 360px;
}

.question-media-block .question-media-actions {
  width: 25%;
  height: 100%;
  margin: 0 20px;
  float: right;
}

.question-media-block .question-media-actions button {
  width: 100%;
  margin-bottom: 10px;
}

.question_type_name {
  font-size: 14px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  height: 35px;
  width: 164px;
  margin: 0;
  padding: 0 8px;
  color: white;
  line-height: 35px;
  vertical-align: middle;
}

.question_type_name .delete {
  font-size: 18px;
  margin-top: 3px;
  cursor: pointer;
}

.tablet .quiz-player .question .needScrolling p {
  color: #0099d9;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  text-align: center;
}

.tablet .quiz-player .question .needScrolling i {
  color: #0099d9;
  font-size: 36px;
}

.tablet .question_grade .num {
  width: 40px;
  height: 40px;
  color: white;
  background-color: #0099d9;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  margin-bottom: 4px;
}

.tablet .question_grade > span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  line-height: normal;
}

.question_header {
  padding: 10px 0;
  color: #666666;
  text-align: center;
}

.question_header > span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.tablet .question_header > span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

.question_title .title {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-size: 24px;
  display: inherit;
}

.quiz-row-element .error {
  margin-top: -15px;
  margin-bottom: 15px;
}

.question_guidelines {
  font-size: 18px;
  text-align: center;
}

.question_subTitle {
  padding: 10px 0;
  color: #666666;
}

.question_subTitle > span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.tablet .question_subTitle > span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

.question_answers > ul.with-media {
  width: 50%;
}

.question-media {
  width: 400px;
}

.question_answer-row .feedbackIcon {
  height: 40px;
  width: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}

.question_answer-row .wrong {
  color: #F65543;
}

.question_answer-row .wrong i {
  height: 33px;
}

.question_answer-row .correct {
  color: green;
}

.tablet .question_answer-row {
  /*float: none;
  margin: 0px;*/
  margin-bottom: 20px;
  /*margin-right: 114px;*/
}

.quiz-input {
  width: 415px;
  min-height: 40px;
  border: 1px solid #CCCCCC;
  font-style: normal;
  font-size: 18px;
  padding: 0 18px;
  color: #666666;
  line-height: 38px;
}

.quiz-input.error {
  border: 1px solid red;
}

.quiz-answer-teacher-comments {
  width: 97%;
  height: 100px;
  background-color: #ffffff;
}

/* Open Question template */
#quiz-preview-open-question .open-question-with-media {
  height: 250px;
}

#quiz-preview-open-question .open-question-with-media .question-data {
  width: 50%;
  padding: 0 20px;
  float: right;
}

#quiz-preview-open-question .open-question-with-media .question-data .question_title,
#quiz-preview-open-question .open-question-with-media .question-data .question_header {
  text-align: right;
}

#quiz-open-question .answer:disabled {
  height: 158px;
  background-color: #fafafa;
}

.open_question_review_area .question {
  width: 46%;
  min-height: 400px;
  border: 1px solid #cccccc;
  padding: 15px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.open_question_review_area .question.no-comments {
  width: 96%;
}

.open_question_review_area {
  overflow: hidden;
  position: relative;
}

.open_question_review_area .answer_block .owner {
  height: 50px;
  text-align: center;
  margin-bottom: 10px;
  display: table;
}

.open_question_review_area .answer_block .owner span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
}

.open_question_review_area .answer_block .profile-img {
  margin-top: 10px;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
}

.open_question_review_area .answer_block .answer {
  color: #333333;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: italic;
  font-size: 18px;
  line-height: 20px;
}

.open_question_review_area .answer_block .answer:before {
  content: '" ';
}

.open_question_review_area .answer_block .answer:after {
  content: ' "';
}

/* Multiple choice template*/
.multiple-choice-answers {
  margin-top: 20px;
  padding: 0;
  width: 100%;
}

#multiple-choice-answers-box {
  width: 85%;
  margin-top: 10px;
}

#multiple-choice-answers-box ul {
  width: 100%;
}

#multiple-choice-answers-box ul li {
  margin-bottom: 15px;
  padding: 0px;
}

#multiple-choice-answers-box .answer {
  width: 85%;
  /*padding: 0px;*/
}

#multiple-choice-answers-box .delete {
  margin: 0 10px;
  font-size: 20px;
}

/**Footer */
#quiz-footer .footer-text {
  height: 100px;
}

/**Footer Action bar */
#quiz-footer-action-bar {
  width: 100%;
  margin-bottom: 28px;
}

.save-question-button {
  height: 38px;
  width: 142px;
}

#quiz-footer-action-bar .action-bar-button {
  padding: 0px 20px;
}

.all-questions-body {
  background-color: #f5f5f5;
  margin: 20px;
  border: solid;
  border-color: inherit;
}

.kalsefer-quiz-button {
  font-size: 18px;
  width: 90%;
  height: 35px;
  border: none;
  padding: 0 15px;
  margin-bottom: 15px;
}

.quiz-menu-title {
  margin-bottom: 15px;
}

/** Question Body Styles**/
.question-section-close-label {
  font-size: 10px;
  margin: 0px;
}

.question-label-body {
  margin: 10px;
  border-color: #0080CC;
  border: thick;
}

.quiz-edit-question-points {
  width: 100%;
  height: 70px;
}

.quiz-edit-question-points .edit-label {
  position: absolute;
  top: 24px;
  font-size: 14px;
}

.quiz-edit-question-points .edit-points {
  height: 40px;
  width: 150px;
  position: absolute;
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}

.quiz-edit-question-points .points {
  height: 40px;
  width: 150px;
  position: absolute;
  color: #ffffff;
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  background-color: #F75B3B;
}

#quiz-header .quiz-input-text,
#quiz-footer .quiz-input-text,
#quiz-preview .quiz-input-text {
  width: 94%;
  margin-top: 10px;
}

#quiz-header textarea {
  height: 82px;
  margin-top: 12px;
}

.question-box .quiz-input-text {
  width: 90%;
  margin-top: 12px;
  margin-bottom: 20px;
}

.tags-list {
  width: 97%;
  min-height: 30px;
  border: 1px solid #CCCCCC;
  background-color: white;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.tags-list .tag {
  height: 20px;
  padding: 0 10px;
  margin-top: 5px;
  font-size: 14px;
  background-color: #e0f2fc;
  line-height: 20px;
  vertical-align: middle;
}

.tags-list .tag .delete {
  font-size: 10px;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
}

.tags-list .tag-input {
  border: none;
  height: 20px;
  width: 100px;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.tags-list .autocomplete.tag-input input {
  font-size: 14px;
  padding: 0;
  border: none;
  height: 20px;
  width: 220px;
}

.tags-list .tag-input ul {
  width: 220px;
  max-height: 220px;
}

.tags-list .tag-input ul li {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  padding: 0 10px;
  vertical-align: middle;
}

textarea#quizClosingText {
  height: 154px;
  margin-bottom: 24px;
}

#quiz-footer .quiz-input-textarea,
#quiz-preview .quiz-input-textarea {
  width: 100%;
}

.question-box .quiz-input-textarea {
  line-height: 26px;
}

.quiz-input-select {
  width: 50%;
}

.quiz-input-checkbox {
  width: 20px;
  height: 20px;
}

.quiz-subjects-select {
  width: 45%;
  height: 30px;
  margin: 10px;
}

.question-body-box {
  width: 70%;
  height: 35px;
}

.question-general-label {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333333;
}

.question-line {
  font-weight: 300;
  background-color: #CCCCCC;
  width: 92%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.kalsefer-question-button {
  color: white;
  border: none;
  width: 25px;
  height: 25px;
  margin: 0px;
  top: 0px;
}

#labalButtonSection {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.label-question-header {
  height: 10px;
  color: #000000;
  margin: 0;
  padding: 0px;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}

.question-summary {
  color: #000000;
  margin: 0;
  padding: 0px;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}

.plus-add-answer {
  height: 35px;
  width: 30px;
  color: #000000;
  font-size: 35px;
  line-height: 35px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.label-question-type {
  width: 120px;
}

.label-question-delete {
  width: 20px;
  margin: 0;
  cursor: pointer;
}

.label-question-delete:hover {
  font-weight: bold;
}

/** Quiz Footer*/
.add-quiz-footer {
  background-color: aliceblue;
  margin: 20px;
  border: solid;
  border-color: inherit;
  font-size: 32px;
  text-align: center;
}

.question-answer-box {
  width: 90%;
  height: 200px;
}

.quiz-preview-button {
  width: 80px;
  display: inline;
}

.quiz-assign-button {
  color: white;
  background-color: mediumseagreen;
  font-size: 18px;
  border: none;
  width: 130px;
  height: 35px;
}

/* Quiz PLayer - Manager */
.quiz-player {
  height: 100%;
}

.tablet #ui-view-question {
  height: 100%;
}

.quiz-player .navigation {
  direction: ltr;
  padding: 0 6px;
  height: 52px;
  background-color: #eee;
}

.quiz-player .navigation .question-number {
  width: 30px;
  height: 30px;
  font-size: 13px;
  margin: 11px 6px;
  line-height: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  float: left;
  border: 1px solid #CCCCCC;
}

.quiz-player .navigation .question-number.no-border {
  border: none;
}

.quiz-player .navigation .question-number .grade {
  background-color: #F65543;
}

.quiz-player .navigation .question-number .number {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.quiz-player .navigation .question-number span {
  z-index: 5;
}

.quiz-player .navigation .question-number.current {
  border: 2px solid black;
}

.quiz-player .navigation .question-number.answered,
.quiz-player .navigation .question-number:hover {
  font-weight: bold;
  color: white;
  background-color: #389EDF;
}

.quiz-player .navigation .question-number.answered:hover {
  background-color: #999999;
}

.quiz-player .unanswered-question {
  background-color: rgba(247, 91, 59, 0.2);
  padding: 10px;
  margin-bottom: 20px;
  color: red;
}

.tablet .quiz-player .navigation .question-number {
  padding: 0;
  margin: 0 6px;
}

.tablet.quiz-player .unanswered-question {
  color: white;
  background-color: #f65543;
  text-align: center;
}

/* Quiz Player - Open Question start*/
#quiz-preview-open-question {
  margin-bottom: 42px;
}

.quiz-send-button {
  color: white;
  background-color: mediumseagreen;
  font-size: 18px;
  border: none;
  width: 130px;
  height: 35px;
  margin: 15px;
}

.currentQuestion.order {
  height: 85px;
  width: 100%;
  color: #999999;
}

.quiz-view-header {
  width: 100%;
  margin-bottom: 20px;
}

.quiz-view-header .grade {
  width: 140px;
  height: 65px;
  margin: 0;
  border: 2px solid #0E82D3;
}

.quiz-view-header .grade.single-question {
  width: 72px;
}

.quiz-view-header .questionGrade {
  width: 68px;
  height: 100%;
  color: #0E82D3;
  background-color: white;
}

.quiz-view-header .assignmentGrade {
  width: 68px;
  height: 100%;
  color: white;
  background-color: #0E82D3;
}

.quiz-view-header .assignmentGrade span {
  color: white;
  font-size: 32px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.quiz-view-header .questionGrade span {
  color: #0E82D3;
  font-size: 24px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.quiz-view-header .info {
  width: 80%;
  margin: 0;
  margin-top: 10px;
  color: #999999;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
}

.quiz-view-header .info .quiz-subject {
  font-size: 14px;
  padding: 0;
}

.quiz-view-header .info .quiz-preview-name {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 0;
}

.quiz-view-header .info .quiz-opening-text {
  font-size: 18px;
  margin-bottom: 33px;
  padding: 0;
}

.quiz-view-header .info .quiz-credit {
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: inline-block;
}

.quiz-preview-label {
  margin: 20px;
}

.question-answer-input-box {
  width: 100%;
  height: 75px;
}

#preview-multiple-choice-answers-box {
  width: 100%;
  margin-top: 10px;
}

.preview-all-questions-body {
  margin: 50px;
}

.questions-list-preview-style {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

.question-div {
  /*padding: 5px;*/
  /*margin: 5px;*/
}

#footer {
  height: 200px;
}

#quiz-preview {
  width: 100%;
  margin: 0px;
  margin-bottom: 50px;
  padding: 0px;
  font-size: 18px;
  font-family: "Open Sans Hebrew";
  color: #666666;
}

#questions {
  padding: 0;
  margin: 0;
}

.question-include {
  padding: 0;
  margin-bottom: 10px;
}

/* Quiz Player - Put Question points*/
.points-header {
  width: 100%;
  height: 100px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
  background-color: red;
}

.question-points-header-buttons .question-points-reset-button {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
}

.question-points-header-buttons .question-points-save-button {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  margin-right: 10px;
}

.question-points-header-title .question-points-subject {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  color: #666666;
}

.question-points-header-title .question-points-name {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-size: 18px;
  color: #333333;
  line-height: normal;
  margin-bottom: 10px;
}

.question-points-body .status-bar {
  width: 99%;
  height: 30px;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  color: white;
}

.question-points-body .status-bar .ok {
  background-color: #54DB8C;
}

.question-points-body .status-bar .error {
  background-color: #F65543;
}

/*GIL LTR*/
.question-points-body .question-points-body-comment {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  line-height: normal;
  margin-bottom: 30px;
}

.question-points {
  width: 210px;
  height: 120px;
  background-color: white;
  border: 1px solid #CCCCCC;
  margin: 30px 0;
  cursor: pointer;
}

.question-grade {
  position: absolute;
  top: -30px;
  padding-right: 8px;
  padding-left: 8px;
  width: 80px;
  height: 30px;
  font-size: 16px;
  color: #FFFFFF;
  font-family: "ArialMT", "Arial";
  font-weight: 400;
  font-style: normal;
  text-align: center;
  line-height: 30px;
  background-color: #999999;
}

.question-grade-input {
  position: absolute;
  top: -32px;
  padding-right: 8px;
  padding-left: 8px;
  width: 80px;
  height: 30px;
  font-size: 16px;
  color: #999999;
  font-family: "ArialMT", "Arial";
  font-weight: 400;
  font-style: normal;
  text-align: center;
  line-height: 30px;
  border-width: 1px;
  border-color: #F75B3B;
}

.question-order {
  margin: 10px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  line-height: normal;
}

.question-name {
  margin: 10px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  color: #666666;
  font-size: 14px;
  line-height: normal;
}

.question-points-footer-button .question-points-finish-and-save-button {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
}

.question-selected {
  border-color: #F75B3B;
}

.question-marked {
  border-color: #F75B3B;
  background-color: rgba(247, 91, 59, 0.2);
}

.question-grade-selected {
  background-color: #F75B3B;
}

.question-order-selected {
  color: #F75B3B;
}

/* Quiz Icons - Edit quiz */
.icon-button-item {
  margin: 0;
  width: 40px;
  height: 40px;
  color: #666666;
  border: 1px solid #CCCCCC;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  line-height: 40px;
}

.icon-button-item:hover {
  cursor: pointer;
  color: #0099d9;
}

/* Quiz Player - tablet*/
.tablet .alert-line {
  height: 36px;
}

.tablet .quiz-view-body .quiz-questions-body .open_question_review_area .question.no-comments {
  width: 88%;
}

.tablet.quiz-player .center {
  width: 50%;
}

.tablet.quiz-player .center > button {
  width: 180px;
  height: 50px;
  padding: 6px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .add-question-img {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

body.ltr .add-question-img p {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

body.ltr .quiz-list .create-new-quiz-button i {
  left: 10px;
}

body.ltr #quiz-action-bar .center {
  right: calc(50% - 162px);
}

body.ltr #question-navigator .current img {
  right: 5px;
}

body.ltr .question_answers > ul {
  margin-left: 10%;
}

body.ltr .question_answers > ul.with-media {
  margin-left: 5%;
  float: left;
}

body.ltr .question-media {
  float: left;
}

body.ltr .question_answer-row {
  float: right;
}

body.ltr .question_answer-row .feedbackIcon {
  float: left;
}

body.ltr .tablet .question_answer-row .feedbackIcon {
  margin-left: -40px;
}

body.ltr .question_answer-row .answers {
  /*float: left;*/
}

body.ltr .ms-answer,
body.ltr .ms-answer[review=true]:hover {
  float: left;
}

body.ltr .open_question_review_area .question {
  float: left;
}

body.ltr .open_question_review_area .answer_block {
  right: 0;
}

body.ltr .open_question_review_area .answer_block .owner span {
  padding-left: 10px;
}

body.ltr #questions-menu {
  float: right;
}

body.ltr #questions-body-menu .menuScroll {
  float: right;
  border-left: 1px solid #CCCCCC;
}

body.ltr #questions-body-menu .menuScroll .ps-scrollbar-y-rail {
  right: 210px;
}

body.ltr #quiz-question-body {
  float: right;
  padding-right: 20px;
}

body.ltr #quiz {
  padding-right: 20px;
  float: right;
}

body.ltr #quiz-action-bar .action-bar-button {
  margin-left: 15px;
  float: right;
}

body.ltr .quiz-row-element {
  padding-left: 20px;
}

body.ltr .quiz-header-footer-block {
  padding-left: 18px;
}

body.ltr .quiz-header-footer-block .quiz-row-element {
  padding-left: 0px;
}

body.ltr #multiple-choice-answers-box {
  padding-left: 15px;
  margin-left: 12px;
}

body.ltr #quiz-footer-action-bar .action-bar-button {
  margin-right: 15px;
  float: left;
}

body.ltr .quiz-input-checkbox {
  margin-right: 10px;
}

/*body.ltr .question-general-label {
    float: left;
}*/
body.ltr .kalsefer-question-button {
  float: right;
}

body.ltr .label-question-header {
  float: right;
}

body.ltr .quiz-preview-button {
  float: right;
}

body.ltr .list-quiz-name {
  text-align: left;
}

body.ltr #quiz-preview-open-question {
  padding-right: 10px;
}

body.ltr #quiz-preview-multiple-choice-question {
  padding-right: 10px;
}

body.ltr .quiz-view-header {
  float: left;
}

body.ltr #quiz-preview .preview-question-help {
  margin-left: 20px;
}

body.ltr #preview-multiple-choice-answers-box {
  padding-left: 15%;
  margin-left: 12px;
}

body.ltr .preview-all-questions-body {
  float: left;
}

body.ltr .questions-list-preview-style {
  padding-right: 40px;
}

body.ltr .quiz-preview-send-header {
  float: right;
}

body.ltr #quiz-preview-multiple-choice-question {
  padding-right: 10px;
}

body.ltr .quiz-item {
  border-left: 10px solid;
}

body.ltr .quiz-list .quiz-item .item-info {
  float: left;
}

body.ltr .quiz-item .item-buttons {
  float: right;
}

body.ltr .quiz-list .quiz-item .item-buttons i {
  float: right;
}

body.ltr #new-quiz-media {
  margin-left: 0;
}

body.ltr .question-points {
  margin-right: 20px;
}

body.ltr .question_type_name {
  margin-left: calc(100% - 180px);
}

body.ltr .question_type_name .delete {
  float: right;
}

body.ltr .mc-answer-error {
  margin-left: 34px;
}

body.ltr .save-question-button {
  margin-left: 32px;
}

body.ltr #select_question_type {
  float: left;
  background-position: 270px 10px;
}

body.ltr #question-builder-navigator-block {
  border-left: 1px solid #cccccc;
  float: right;
}

body.ltr #question-navigator {
  float: right;
}

body.ltr #question-navigator .next {
  float: right;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/arrow-left-blue.png") no-repeat 5px;
}

body.ltr #question-navigator .current {
  float: right;
}

body.ltr #question-navigator .back {
  float: right;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/arrow-right-blue.png") no-repeat 5px;
}

body.ltr #question-navigator .navigationList {
  padding-right: 10px;
  right: 0px;
}

body.ltr #question-navigator .navigationList .number {
  float: right;
  margin-left: 10px;
}

body.ltr .quiz-list .quiz-item .list-quiz-subject {
  text-align: left;
}

body.ltr .quiz-view-header .info {
  float: left;
}

body.ltr #quiz-small-question-preview .points {
  right: 0px;
}

body.ltr #quiz-small-question-preview .hook {
  float: left;
}

body.ltr #quiz-small-question-preview .data {
  float: right;
}

body.ltr #quiz-small-question-preview .data .order {
  text-align: left;
  padding-left: 5px;
}

body.ltr #quiz-small-question-preview .data .question {
  text-align: left;
}

body.ltr .quiz-list .quiz-item .list-quiz-lock {
  float: left;
}

body.ltr #quiz-builder .question-selection-block {
  float: left;
}

body.ltr #quiz-builder .question-selection {
  font-family: arial;
  font-size: 16px;
  float: left;
  padding-left: 20px;
  margin-right: 15px;
}

body.ltr #quiz-builder .question-selection span {
  width: 120px;
  line-height: 15px;
  vertical-align: middle;
}

body.ltr #quiz-builder .question-selection i {
  margin-right: 10px;
}

body.ltr .tablet.quiz-player .center > button {
  margin-right: 10px;
}

body.ltr .quiz-edit-question-points .edit-label {
  right: 154px;
}

body.ltr .quiz-edit-question-points .edit-points {
  right: 0px;
}

body.ltr .quiz-edit-question-points .points {
  right: 0px;
}

body.ltr .tags-list {
  padding-left: 10px;
}

body.ltr .tags-list .tag {
  margin-right: 10px;
  float: left;
}

body.ltr .tags-list .tag-input ul {
  right: auto;
}

body.ltr .tags-list .tag-input ul li {
  text-align: left;
}

body.ltr .question-general-comment {
  padding-left: 4px;
}

body.ltr .plus-add-answer {
  margin-right: 10px;
}

body.ltr .quiz-view-header .grade {
  float: right;
}

body.ltr .quiz-view-header .questionGrade {
  float: right;
}

body.ltr .quiz-view-header .assignmentGrade {
  float: right;
}

body.ltr .quiz-view-header .assignmentGrade span {
  right: 50%;
}

body.ltr .quiz-view-header .questionGrade span {
  right: 50%;
}

body.ltr .question-points-header .question-points-header-title {
  float: left;
}

body.ltr .question-points-header .question-points-header-buttons {
  float: right;
}

body.ltr .question-points-header-title .question-points-name {
  text-align: left;
}

body.ltr .question-points-body .question-points-body-comment {
  text-align: left;
}

body.ltr .question-points {
  float: left;
}

body.ltr .question-grade {
  right: -1px;
}

body.ltr .question-grade-input {
  right: -1px;
}

body.ltr .question-order {
  text-align: left;
}

body.ltr .question-name {
  text-align: left;
}

body.ltr .question-points-footer-button .question-points-finish-and-save-button {
  margin-left: 20px;
}

body.ltr .icon-button-item {
  margin-left: 2px;
}

body.ltr .tablet .question-media {
  float: none;
}

body.ltr .tablet .question_grade {
  float: left;
  text-align: left;
}

body.ltr .tablet .question_header {
  text-align: left;
  margin-left: 8%;
}

body.ltr .tablet .question_title {
  /*    text-align: left;
  */
  margin-left: 8%;
}

body.ltr .tablet.quiz-player .center {
  /*margin-right: 36px;*/
  float: left;
}

body.ltr .tablet .header .assignment-close-button {
  right: 20px;
}

body.ltr .tablet.quiz-player .saveButton {
  float: right;
}

body.ltr .tablet.quiz-player .navButtons {
  float: left;
}

body.ltr .quiz-player .unanswered-question {
  border-left: 5px solid #f75b3b;
}

body.ltr .question-media-block .question-media-actions button {
  padding: 0 20px;
}

body.ltr .upload-media-icon {
  margin-left: 10px;
  float: right;
}

body.ltr .upload-media-icons .title {
  right: 160px;
}

/***********************************  RTL ***********************************/
body.rtl .quiz-list .create-new-quiz-button i {
  right: 10px;
}

body.rtl #quiz-action-bar .center {
  left: calc(50% - 162px);
}

body.rtl #question-navigator .current img {
  left: 5px;
}

body.rtl .question_answers > ul.with-media {
  margin-right: 5%;
  float: right;
}

body.rtl .question-media {
  float: right;
}

body.rtl .question_answer-row {
  float: left;
}

body.rtl .question_answer-row .feedbackIcon {
  float: right;
}

body.rtl .tablet .question_answer-row .feedbackIcon {
  margin-right: -40px;
}

body.rtl .question_answer-row .answers {
  float: right;
}

body.rtl .ms-answer,
body.rtl .ms-answer[review=true]:hover {
  float: right;
}

body.rtl .open_question_review_area .question {
  float: right;
}

body.rtl .open_question_review_area .answer_block .owner span {
  padding-right: 10px;
}

body.rtl .open_question_review_area .answer_block {
  left: 0;
}

body.rtl #questions-menu {
  float: left;
}

body.rtl #questions-body-menu .menuScroll {
  float: left;
  border-right: 1px solid #CCCCCC;
}

body.rtl #questions-body-menu .menuScroll .ps-scrollbar-y-rail {
  left: 210px;
}

body.rtl #quiz-question-body {
  float: left;
  padding-left: 20px;
}

body.rtl #quiz {
  padding-left: 20px;
  float: left;
}

body.rtl #quiz-action-bar .action-bar-button {
  margin-right: 15px;
  float: left;
}

body.rtl .quiz-row-element {
  padding-right: 20px;
}

body.rtl .quiz-header-footer-block {
  padding-right: 18px;
}

body.rtl .quiz-header-footer-block .quiz-row-element {
  padding-right: 0px;
}

body.rtl #multiple-choice-answers-box {
  padding-right: 15px;
  margin-right: 12px;
}

body.rtl #quiz-footer-action-bar .action-bar-button {
  margin-left: 15px;
  float: right;
}

body.rtl .quiz-input-checkbox {
  margin-left: 10px;
}

/*body.rtl .question-general-label {
    float: right;
}*/
body.rtl .kalsefer-question-button {
  float: left;
}

body.rtl .label-question-header {
  float: left;
}

body.rtl .quiz-preview-button {
  float: left;
}

body.rtl .list-quiz-name {
  text-align: right;
}

body.rtl .quiz-view-header {
  float: right;
}

body.rtl #quiz-preview .preview-question-help {
  margin-right: 20px;
}

body.rtl #preview-multiple-choice-answers-box {
  padding-right: 15%;
  margin-right: 12px;
}

body.rtl .preview-all-questions-body {
  float: right;
}

body.rtl .questions-list-preview-style {
  padding-left: 40px;
}

body.rtl .quiz-preview-send-header {
  float: left;
}

body.rtl .quiz-item {
  border-right: 10px solid;
}

body.rtl .quiz-item .item-buttons {
  float: left;
}

body.rtl .quiz-list .quiz-item .item-info {
  float: right;
}

body.rtl .quiz-list .quiz-item .item-buttons i {
  float: left;
}

body.rtl #new-quiz-media {
  margin-right: 0;
}

body.rtl .question-points {
  margin-left: 20px;
}

body.rtl .question_type_name {
  margin-right: calc(100% - 180px);
}

body.rtl .question_type_name .delete {
  float: left;
}

body.rtl .mc-answer-error {
  margin-right: 34px;
}

body.rtl .save-question-button {
  margin-right: 32px;
}

body.rtl #select_question_type {
  float: right;
  background-position: 5px 10px;
}

body.rtl #question-builder-navigator-block {
  border-right: 1px solid #cccccc;
  float: left;
}

body.rtl #question-navigator {
  float: left;
}

body.rtl #question-navigator .next {
  float: left;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/arrow-right-blue.png") no-repeat 5px;
}

body.rtl #question-navigator .current {
  float: left;
}

body.rtl #question-navigator .back {
  float: left;
  background: url("https://st.classoos.com/3.102.18.312/img/forms/arrow-left-blue.png") no-repeat 5px;
}

body.rtl #question-navigator .navigationList {
  padding-left: 10px;
  left: 0;
}

body.rtl #question-navigator .navigationList .number {
  float: left;
  margin-right: 10px;
}

body.rtl .quiz-list .quiz-item .list-quiz-subject {
  text-align: right;
}

body.rtl .quiz-view-header .info {
  float: right;
}

body.rtl #quiz-small-question-preview .points {
  left: 0;
}

body.rtl #quiz-small-question-preview .hook {
  float: right;
}

body.rtl #quiz-small-question-preview .data {
  float: left;
}

body.rtl #quiz-small-question-preview .data .order {
  text-align: right;
  padding-right: 5px;
}

body.rtl #quiz-small-question-preview .data .question {
  text-align: right;
}

body.rtl .quiz-list .quiz-item .list-quiz-lock {
  float: right;
}

body.rtl #quiz-builder .question-selection-block {
  float: right;
}

body.rtl #quiz-builder .question-selection {
  float: right;
  padding-right: 20px;
  margin-left: 15px;
}

body.rtl #quiz-builder .question-selection i {
  margin-left: 10px;
}

body.rtl .tablet.quiz-player .center > button {
  margin-right: 10px;
}

body.rtl .quiz-edit-question-points .edit-label {
  left: 154px;
}

body.rtl .quiz-edit-question-points .edit-points {
  left: 0px;
}

body.rtl .quiz-edit-question-points .points {
  left: 0px;
}

body.rtl .tags-list {
  padding-right: 10px;
}

body.rtl .tags-list .tag {
  margin-left: 10px;
  float: right;
}

body.rtl .tags-list .tag-input ul {
  left: auto;
}

body.rtl .tags-list .tag-input ul li {
  text-align: right;
}

body.rtl .question-general-comment {
  padding-right: 4px;
}

body.rtl .plus-add-answer {
  margin-left: 10px;
}

body.rtl .quiz-view-header .grade {
  float: left;
}

body.rtl .quiz-view-header .questionGrade {
  float: left;
}

body.rtl .quiz-view-header .assignmentGrade {
  float: left;
}

body.rtl .quiz-view-header .assignmentGrade span {
  left: 50%;
}

body.rtl .quiz-view-header .questionGrade span {
  left: 50%;
}

body.rtl .question-points-header .question-points-header-title {
  float: right;
}

body.rtl .question-points-header .question-points-header-buttons {
  float: left;
}

body.rtl .question-points-header-title .question-points-name {
  text-align: right;
}

body.rtl .question-points-body .question-points-body-comment {
  text-align: right;
}

body.rtl .question-points {
  float: right;
}

body.rtl .question-grade {
  left: -1px;
}

body.rtl .question-grade-input {
  left: -1px;
}

body.rtl .question-order {
  text-align: right;
}

body.rtl .question-name {
  text-align: right;
}

body.rtl .question-points-footer-button .question-points-finish-and-save-button {
  margin-right: 20px;
}

body.rtl .icon-button-item {
  margin-right: 2px;
}

body.rtl .tablet .question-media {
  float: none;
}

body.rtl .tablet .question_grade {
  float: right;
  text-align: right;
}

body.rtl .tablet .question_header {
  text-align: right;
  margin-right: 8%;
}

body.rtl .tablet.quiz-player .center {
  margin-right: 0px;
}

body.rtl .tablet.quiz-player .saveButton {
  float: left;
}

body.rtl .tablet.quiz-player .navButtons {
  float: right;
}

body.rtl .quiz-player .unanswered-question {
  border-right: 5px solid #f75b3b;
}

body.rtl .question-media-block .question-media-actions button {
  padding: 0 25px;
}

body.rtl .upload-media-icon {
  margin-right: 10px;
  float: left;
}

body.rtl .upload-media-icons .title {
  left: 160px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #quiz-form button,
body:lang(he) #quizzes-list button,
body:lang(he) #quizzes-main button,
body:lang(he) #quizzes-list li {
  font-family: "OpenSansHebrew-regular";
  font-weight: normal;
}

/*----------------------------------------------------------------------------*/
/*                          Quizes media query                                 */
/*----------------------------------------------------------------------------*/
/** Mobile **/
@media screen and (max-width: 450px) {
  .tablet-view {
    display: none;
  }

  .tablet .quiz-view-body {
    width: 90%;
    height: 92%;
  }

  body.ltr .tablet .quiz-view-body {
    width: 94%;
  }

  .tablet .header.assignment-modal-header {
    width: 100%;
    height: 64px;
    line-height: 64px;
  }

  .tablet .header .assignment-modal-title {
    font-family: "FbOgen-Regular", "FbOgen";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 12px;
    width: 66%;
  }

  body.rtl .tablet .header .assignment-modal-title {
    margin-left: 80px;
  }

  body.ltr .tablet .header .assignment-modal-title {
    margin-right: 80px;
  }

  .tablet .header .assignment-close-button {
    position: absolute;
    top: 22px;
    width: 70px;
    height: 40px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: white;
    background: transparent;
  }

  body.rtl .tablet .header .assignment-close-button {
    left: 6px;
  }

  .tablet .quiz-player .navigation {
    padding: 0;
    height: 30px;
    background-color: white;
  }

  .tablet.quiz-player .quiz-footer-bar {
    margin-top: 20px;
  }

  .tablet .quiz-player .quiz-footer-bar button {
    height: 40px;
    width: 140px;
    padding: 2px;
  }

  body.rtl #quiz-preview-open-question {
    padding-left: 10px;
  }

  .tablet #quiz-preview-open-question {
    margin-bottom: 0;
  }

  .tablet .question_grade {
    margin-top: 10px;
    margin-right: -14px;
    margin-bottom: 6px;
  }

  .tablet .question_header {
    margin-top: 20px;
  }

  .question_title {
    padding: 6px 0;
    color: #000000;
    text-align: justify;
    margin-top: 6px;
  }

  body.rtl .tablet .question_title {
    margin-right: 11%;
  }

  .tablet .question_title {
    padding: 0;
    margin-bottom: 20px;
    text-align: justify;
    width: 88%;
  }

  .tablet .question_title > span {
    font-family: "OpenSansHebrew-Bold";
    font-style: normal;
    font-size: 18px;
    color: #333333;
    white-space: normal;
  }

  .tablet .question-media {
    margin: 0 calc((100% - 100%) / 2);
    width: 100%;
    margin-bottom: 30px;
    background-color: #f2f2f2;
  }

  .tablet .question_subTitle {
    margin-top: 20px;
    width: 100%;
  }

  .tablet .question_text_area {
    width: 94%;
  }

  .quiz-input-textarea-answer {
    width: 97%;
    height: 200px;
    background-color: #ffffff;
    line-height: 26px;
  }

  .question_text_area {
    margin: 0 0 10px 0;
  }

  .tablet .quiz-view-body .quiz-questions-body .question_text_area .quiz-input-textarea-answer {
    width: 94%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #979797;
  }

  .question_instruction {
    font-size: 14px;
    text-align: center;
  }

  .question_answers {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }

  body.rtl .question_answers > ul {
    margin-right: 10%;
  }

  .question_answers > ul {
    width: 86%;
  }

  .question_answer-row {
    margin: 0 calc((100% - 96%) / 2);
    margin-bottom: 15px;
    width: 100%;
  }

  .tablet .question_answer-row {
    margin: 0 calc((100% - 96%) / 2);
    margin-bottom: 15px;
    width: 100%;
  }

  /**  Multiple choice questions - mc question  **/
  #quiz-mulitple-choice-question {
    margin-bottom: 20px;
  }

  .tablet .ms-answer,
.tablet .ms-answer[review=true]:hover {
    width: 100%;
    height: 50px;
  }

  .ms-answer,
.ms-answer[review=true]:hover {
    width: 100%;
    height: auto;
    min-height: 40px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    font-style: normal;
    font-size: 18px;
    padding: 0 18px;
    color: #666666;
    line-height: 24px;
    background-color: #f2f2f2;
  }

  .tablet .ms-answer,
.tablet .ms-answer[review=true]:hover {
    width: 100%;
    height: 50px;
  }

  .tablet .ms-answer {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
    font-family: "OpenSansHebrew-Regular";
    font-style: normal;
    white-space: normal;
  }

  .tablet .question_answer-row .answers {
    float: none;
    width: 100%;
  }

  .tablet .quiz-view-body .quiz-questions-body .open_question_review_area .question {
    width: 60%;
    padding: 0;
    height: 88%;
    white-space: normal;
    min-height: 300px;
    overflow: scroll;
  }

  .tablet .quiz-player .footer {
    height: 155px;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.3);
  }

  .tablet .quiz-player .quiz-footer-bar {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
  }

  .tablet .quiz-player .question {
    height: calc(100% - 219px);
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  body.ltr .tablet.quiz-player .navButtons button {
    margin-right: 5px;
  }

  body.rtl .tablet.quiz-player .navButtons button {
    margin-left: 5px;
  }

  body.rtl #quiz-preview-multiple-choice-question {
    padding-left: 10px;
  }

  .tablet .quiz-player .question .needScrolling {
    position: fixed;
    height: 50px;
    width: 38px;
    right: 30px;
    bottom: 170px;
  }

  body.ltr .question_subTitle {
    text-align: left;
  }

  body.rtl .question_subTitle {
    text-align: right;
  }

  .tablet .open_question_review_area {
    height: 70%;
  }

  .tablet .open_question_review_area .answer_block {
    width: 36%;
    height: 89%;
    min-height: 0;
  }

  .open_question_review_area .answer_block {
    position: absolute;
    top: 0;
    width: 45%;
    padding: 15px;
    min-height: 400px;
    background-color: #f6f6f6;
    border: 1px solid #cccccc;
  }

  .tablet .open_question_review_area .answer_block .answer {
    white-space: normal;
    height: 80%;
    overflow: scroll;
    padding-right: 4px;
  }

  .ms-answer:hover {
    background-color: #41a4de;
    color: #ffffff;
  }

  .ms-answer:hover {
    background-color: #999999;
    color: #ffffff;
  }

  .ms-answer.no-answer,
.feedbackTypeAAnswer .no-answer,
.open_question_review_area .question .no-answer {
    border: 1px solid red;
  }

  .ms-answer.selected,
.ms-answer.selected[review=true]:hover {
    color: white;
    background-color: #41a4de;
  }

  .ms-answer.wrong,
.ms-answer.wrong[review=true]:hover {
    color: white;
    background-color: #F65543;
  }

  body.rtl .tablet.quiz-player .saveButton {
    margin-left: 10px;
  }

  body.ltr .tablet.quiz-player .saveButton {
    margin-right: 10px;
  }

  body.rtl .tablet.quiz-player .navButtons {
    margin-right: 10px;
  }

  body.ltr .tablet.quiz-player .navButtons {
    margin-left: 10px;
  }

  body.ltr .tablet .question_header {
    margin-left: 16%;
  }

  body.ltr .tablet .question_title {
    margin-left: 16%;
    width: 82%;
  }
}
/** Tablet **/
@media screen and (min-width: 451px) {
  .mobile-view {
    display: none;
  }

  .tablet .quiz-view-body {
    width: 90%;
    height: 92%;
  }

  .tablet .header.assignment-modal-header {
    width: 100%;
    height: 64px;
    line-height: 64px;
  }

  .tablet .header .assignment-modal-title {
    font-family: "FbOgen-Regular", "FbOgen";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 12px;
  }

  .tablet .header .assignment-close-button {
    position: absolute;
    top: 22px;
    width: 135px;
    height: 40px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #0099D9;
    background-color: white;
  }

  body.rtl .tablet .header .assignment-close-button {
    left: 20px;
  }

  .tablet .quiz-player .navigation {
    padding: 0;
    height: 30px;
    background-color: white;
  }

  .tablet .quiz-player .quiz-footer-bar button {
    height: 40px;
    width: 140px;
    padding: 2px;
  }

  body.rtl #quiz-preview-open-question {
    padding-left: 10px;
  }

  .tablet #quiz-preview-open-question {
    margin-bottom: 0;
  }

  .tablet .question_grade {
    margin-top: 10px;
    margin-right: -14px;
    margin-bottom: 6px;
  }

  .tablet .question_header {
    /*text-align: right;
    margin-right: 14%;*/
    margin-top: 20px;
  }

  .question_title {
    padding: 6px 0;
    color: #000000;
    text-align: justify;
    /*center;*/
    margin-top: 20px;
  }

  body.rtl .tablet .question_title {
    /*    text-align: right;*/
    margin-right: 8%;
  }

  .tablet .question_title {
    padding: 0;
    margin-bottom: 20px;
    text-align: justify;
    width: 580px;
  }

  .tablet .question_title > span {
    font-family: "OpenSansHebrew-Bold";
    font-style: normal;
    font-size: 18px;
    color: #333333;
    white-space: normal;
  }

  .tablet .question-media {
    width: 580px;
    margin: 0 calc((100% - 580px) / 2);
    margin-bottom: 30px;
    background-color: #f2f2f2;
  }

  .tablet .question_subTitle {
    margin-top: 20px;
    width: 580px;
  }

  .tablet .question_text_area {
    margin: auto;
    width: 580px;
  }

  .quiz-input-textarea-answer {
    width: 97%;
    height: 200px;
    background-color: #ffffff;
    line-height: 26px;
  }

  .question_text_area {
    margin: 0 0 10px 0;
  }

  .tablet .quiz-view-body .quiz-questions-body .question_text_area .quiz-input-textarea-answer {
    width: 94%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #979797;
  }

  .question_instruction {
    font-size: 14px;
    text-align: center;
  }

  .question_answers {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }

  body.rtl .question_answers > ul {
    margin-right: 10%;
  }

  .question_answers > ul {
    width: 80%;
  }

  .question_answer-row {
    margin: 0 calc((100% - 470px) / 2);
    margin-bottom: 15px;
    width: 500px;
  }

  .tablet .question_answer-row {
    margin: 0 calc((100% - 580px) / 2);
    margin-bottom: 15px;
    width: 580px;
  }

  /**  Multiple choice questions - mc question  **/
  #quiz-mulitple-choice-question {
    margin-bottom: 20px;
  }

  .tablet .ms-answer,
.tablet .ms-answer[review=true]:hover {
    width: 80%;
    height: 50px;
  }

  .ms-answer,
.ms-answer[review=true]:hover {
    width: 415px;
    height: auto;
    min-height: 40px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    font-style: normal;
    font-size: 18px;
    padding: 0 18px;
    color: #666666;
    line-height: 24px;
    background-color: #f2f2f2;
  }

  .tablet .ms-answer,
.tablet .ms-answer[review=true]:hover {
    width: 580px;
    height: 50px;
  }

  .tablet .ms-answer {
    width: 580px;
    height: auto;
    display: inline-block;
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
    font-family: "OpenSansHebrew-Regular";
    font-style: normal;
    white-space: normal;
  }

  .tablet .question_answer-row .answers {
    float: none;
    /*    width: 90%;*/
  }

  .tablet .quiz-view-body .quiz-questions-body .open_question_review_area .question {
    width: 60%;
    padding: 0;
    height: 88%;
    white-space: normal;
    min-height: 300px;
    overflow: scroll;
  }

  .tablet .quiz-player .footer {
    height: 155px;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.3);
  }

  .tablet .quiz-player .quiz-footer-bar {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
  }

  .tablet .quiz-player .question {
    height: calc(100% - 219px);
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  body.ltr .tablet.quiz-player .navButtons button {
    margin-right: 5px;
  }

  body.rtl .tablet.quiz-player .navButtons button {
    margin-left: 5px;
  }

  body.rtl #quiz-preview-multiple-choice-question {
    padding-left: 10px;
  }

  .tablet .quiz-player .question .needScrolling {
    position: fixed;
    height: 50px;
    width: 38px;
    right: 30px;
    bottom: 170px;
  }

  body.ltr .question_subTitle {
    text-align: left;
  }

  body.rtl .question_subTitle {
    text-align: right;
  }

  .tablet .open_question_review_area {
    height: 70%;
  }

  .tablet .open_question_review_area .answer_block {
    width: 36%;
    height: 89%;
    min-height: 0;
  }

  .open_question_review_area .answer_block {
    position: absolute;
    top: 0;
    width: 45%;
    padding: 15px;
    min-height: 400px;
    background-color: #f6f6f6;
    border: 1px solid #cccccc;
  }

  .tablet .open_question_review_area .answer_block .answer {
    white-space: normal;
    height: 80%;
    overflow: scroll;
    padding-right: 4px;
  }

  .ms-answer:hover {
    background-color: #41a4de;
    color: #ffffff;
  }

  .ms-answer:hover {
    background-color: #999999;
    color: #ffffff;
  }

  .ms-answer.no-answer,
.feedbackTypeAAnswer .no-answer,
.open_question_review_area .question .no-answer {
    border: 1px solid red;
  }

  .ms-answer.selected,
.ms-answer.selected[review=true]:hover {
    color: white;
    background-color: #41a4de;
  }

  .ms-answer.wrong,
.ms-answer.wrong[review=true]:hover {
    color: white;
    background-color: #F65543;
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                        Reports forms                                            */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.report-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}

#reports-main h2 {
  font-size: 32px;
  line-height: 32px;
  color: #389EDF;
  font-family: OpenSansHebrew, serif;
  font-weight: 700;
}

/* List Specific CSS */
#reports-main .groups {
  display: block;
  float: none;
  height: 700px;
}

#reports-main .group {
  width: 358px;
  margin: 10px;
  height: 410px;
  border: 1px solid #ccc;
}

#reports-main .group:hover {
  background: #fafafa;
  border: 1px solid #999;
}

#reports-main .group .group-header {
  height: 40px;
  color: white;
  padding: 0 20px;
  font-size: 18px;
  line-height: 40px;
  vertical-align: middle;
  background-color: #0099d9;
}

#reports-main .group:hover .group-header {
  background-color: #0E82D3;
}

.group-header i {
  font-size: 16px;
  line-height: 16px;
}

#reports-main .group .group-list {
  height: 100%;
  width: 100%;
  padding: 15px;
  overflow: auto;
  max-height: 370px;
}

#reports-main .group ul.group-list li {
  border-bottom: 1px solid #f2f2f2;
}

#reports-main .group ul.group-list li:last-child {
  border-bottom: none;
}

#reports-main .group .group-list .title {
  font-size: 16px;
  line-height: 30px;
}

#reports-main .group .group-list .title:hover {
  color: #0099d9;
  cursor: pointer;
}

#reports_list {
  margin-top: 20px;
}

#reports_list .list_row {
  min-height: 30px;
  max-height: 50px;
  border-bottom: 1px solid #cccccc;
}

#reports_list .sn {
  width: 4%;
  font-weight: bold;
}

#reports_list .title {
  width: 30%;
}

#reports_list .desc {
  width: 70%;
}

#reports_list .clear {
  clear: both;
}

/* Params Specific CSS */
#report-title {
  height: 40px;
  width: 100%;
  font-family: OpenSansHebrew, serif;
}
#report-title h2 {
  font-size: 22px;
  line-height: 22px;
  color: #389EDF;
  font-weight: 700;
  margin-bottom: 3px;
}
#report-title h5 {
  font-size: 12px;
  line-height: 12px;
  color: #389EDF;
}

#report-title p {
  line-height: 16px;
  font-family: OpenSansHebrew, serif;
}

#report-header {
  width: 100%;
  padding: 20px 0 0 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #F9F9F9;
}

#report-header .run-button {
  display: block;
}

#report-header .run-button img {
  height: 24px;
  width: 24px;
  margin: 5px;
}

#report-params {
  margin: 0;
  padding: 0;
  width: 80%;
  line-height: 35px;
}
#report-params .param {
  width: 50%;
  height: 30px;
  margin: 0 0 12px;
  padding: 0 15px;
  font-size: 0.95rem;
  line-height: 20px;
}
#report-params .param-label {
  width: 170px;
  height: 100%;
  display: inline-block;
  line-height: 20px;
  color: #666;
  font-weight: bold;
  font-family: OpenSansHebrew, serif;
}

#report-params .param-field {
  width: 55%;
  height: 100%;
  padding: 0 10px;
  border: 1px solid #ddd;
}

#report-params input[type=checkbox].param-field {
  width: 20px;
}

.buttons-line {
  height: 100%;
  width: 20%;
  margin-bottom: 20px;
  padding: 0 20px;
}

/* Presentation Specific CSS */
#report-area {
  width: 100%;
  flex-grow: 1;
}

#reportToolbar {
  min-height: 50px;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 5px;
}

#reportToolbar .numOfRows {
  position: absolute;
  color: #389EDF;
  font-size: 16px;
  bottom: 5px;
}
#reportToolbar .numOfRows .values {
  display: inline-block;
  direction: ltr;
}

.noResults {
  color: #389EDF;
  font-size: 24px;
  margin-top: 10px;
}

#reportToolbar .downloadText {
  position: absolute;
  bottom: 9px;
}

#reportToolbar .downloadLink {
  color: #389EDF;
}

#reportToolbar .toolbar-button {
  width: 140px;
  font-size: 1rem;
  margin-bottom: 5px;
}

/* chart */
#report-chart {
  height: 200px;
  width: 100%;
  padding: 10px;
  margin: 10px 0 20px;
  clear: both;
}

#report-chart .chart-tools i {
  height: 30px;
  width: 30px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}

#report-chart .chart-tools i:hover {
  color: #0099d9;
}

/* Grid */
#report-data {
  flex-grow: 1;
  width: 100%;
  padding-bottom: 20px;
  min-height: 450px;
  position: relative;
}

#report-data .entity {
  color: #0099d9;
  cursor: pointer;
}

#report-data .entity a:hover {
  text-decoration: underline;
}

.ksGrid.reportGrid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ksGrid.reportGrid .header,
.ksGrid.reportGrid .ui-grid-header-cell-wrapper,
.ksGrid.reportGrid .ui-grid-header-canvas {
  color: #333;
  background: #e4e4e4;
}

.ksGrid.reportGrid .header .ui-grid-cell-contents {
  font-size: 12px;
  line-height: 24px;
  vertical-align: middle;
}

.ksGrid.reportGrid .ui-grid-row:nth-child(odd) .groupHeader .ui-grid-cell,
.ksGrid.reportGrid .ui-grid-row:nth-child(even) .groupHeader .ui-grid-cell {
  color: #666666;
  background-color: rgba(67, 166, 173, 0.28);
  border-bottom: 1px solid #ddd;
}

.ksGrid.reportGrid .ui-grid-cell-contents {
  height: 36px;
  font-size: 12px;
  white-space: normal;
}
.ksGrid.reportGrid .ui-grid-cell-contents .number {
  display: inline-block;
  direction: ltr;
}

.ksGrid.reportGrid .special-style.total .ui-grid-cell-contents {
  background-color: rgba(0, 153, 217, 0.1);
}
.ksGrid.reportGrid .special-style.total1 .ui-grid-cell-contents {
  background-color: rgba(255, 0, 0, 0.1);
}
.ksGrid.reportGrid .special-style.total2 .ui-grid-cell-contents {
  background-color: rgba(0, 255, 0, 0.1);
}
.ksGrid.reportGrid .special-style.sub-total .ui-grid-cell-contents {
  background-color: rgba(150, 150, 150, 0.1);
}
.ksGrid.reportGrid .special-style.emphasize .ui-grid-cell-contents {
  background-color: rgba(150, 150, 150, 0.1);
}

.ksGrid.reportGrid .ui-grid-cell-content .entity {
  color: #0099d9;
  cursor: pointer;
}

.ksGrid.reportGrid .ui-grid-cell-content .entity:hover {
  text-decoration: underline;
}

.ksGrid.reportGrid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f7f7f7;
}

.ksGrid.reportGrid.ui-grid[dir=rtl] .ui-grid-cell:last-child.freezed {
  border-left: 3px solid #ccc;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #reports-main .group .group-header {
  text-align: left;
}

body.ltr #reports-main .group {
  float: left;
}

body.ltr #report-header .run-button {
  float: right;
}

body.ltr #report-header .run-button img {
  float: left;
}

body.ltr #reportToolbar .toolbar-button {
  float: left;
  margin-right: 5px;
}

body.ltr #reportToolbar .numOfRows {
  right: 0;
}

body.ltr .noResults,
body.ltr #reports_list .title,
body.ltr #reports_list .desc,
body.ltr #report-title,
body.ltr #report-params,
body.ltr #report-params .param {
  float: left;
}

body.ltr .buttons-line {
  float: right;
}

/***********************************  RTL ***********************************/
body.rtl #reports-main .group .group-header {
  text-align: right;
}

body.rtl #reports-main .group {
  float: right;
}

body.rtl #report-header .run-button {
  float: left;
}

body.rtl #report-header .run-button img {
  float: right;
}

body.rtl #reportToolbar .toolbar-button {
  float: right;
  margin-left: 5px;
}

body.rtl #reportToolbar .numOfRows {
  left: 0;
}

body.rtl .noResults,
body.rtl #reports_list .title,
body.rtl #reports_list .desc,
body.rtl #report-title,
body.rtl #report-params,
body.rtl #report-params .param {
  float: right;
}

body.rtl .buttons-line {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.addCoupon {
  text-align: center;
}

.addCoupon .usedCoupon {
  right: 15px;
}

.addCoupon .couponError {
  position: absolute;
  right: 76px;
}

.addCoupon h3 {
  color: #2da5e0;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  width: auto;
  word-wrap: break-word;
  margin-bottom: 10px;
}

.addCoupon p {
  color: #666666;
  width: 200px;
  display: inline;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: center;
  white-space: pre;
}

.addCoupon .coupon-area input[type=text] {
  width: 50%;
  height: 24px;
}

.addCoupon .coupon-area button {
  padding: 0px 13px;
  height: 30px;
  vertical-align: middle;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) .addCoupon h3 {
  font-family: FbOgen-Regular, FbOgen;
}

body:lang(he) .addCoupon p {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
}

/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                            Assignments                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
.feedbackContainer {
  margin: 0px;
}

.topFeedbackAssignmentContainer {
  height: 110px;
  padding: 10px;
  border: 1px solid #cccccc;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
}

.topFeedbackAssignmentContainer .assignment-user-info {
  width: 60%;
  height: 100%;
}

.topFeedbackAssignmentContainer .assignment-info {
  width: 40%;
}

.topFeedbackAssignmentContainer .assignment-info .grade {
  height: 80px;
  width: 80px;
  margin: 10px 10px;
  padding: 0;
  color: white;
  font-size: 30px;
  line-height: 75px;
  text-align: center;
  -moz-animation: grade-in 0.6s ease-out;
  -webkit-animation: grade-in 0.6s ease-out;
  -o-animation: grade-in 0.6s ease-out;
  animation: grade-in 0.6s ease-out;
}

.topFeedbackAssignmentContainer .assignment-info .grade.in {
  animation: grade-in 0.6s ease-out;
}

@-webkit-keyframes grade-in {
  0% {
    transform: scale(0.1);
  }
  84% {
    transform: scale(1.1);
  }
  87% {
    transform: scale(1.08);
  }
  90% {
    transform: scale(1.06);
  }
  93% {
    transform: scale(1.04);
  }
  97% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.topFeedbackAssignmentContainer .assignment-info .assignment-status {
  width: 200px;
  margin: 0;
}

.feedbackContainer .user-row {
  height: 50px;
  margin-bottom: 11px;
}

.feedbackContainer .img-circle {
  border-radius: 50%;
}

.feedbackContainer .user-image {
  width: 50px;
  height: 50px;
}

.feedbackContainer .user-name {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 18px;
  color: #333333;
  margin: 0 10px;
  line-height: 50px;
  vertical-align: middle;
}

.feedbackContainer .assignment-subject {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 14px;
  color: #666666;
  margin: 10px 10px 0 10px;
}

.feedbackContainer .assignment-name {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-size: 14px;
  color: #333333;
  margin: 0 10px;
}

.feedbackContainer .status {
  width: 170px;
  height: 35px;
  margin: 10px 20px 7px 20px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 16px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
}

.feedbackContainer .status.manual {
  background-color: rgba(247, 91, 59, 0.2);
}

.feedbackContainer .status.automatic {
  background-color: rgba(84, 219, 140, 0.2);
}

.feedbackContainer .status span {
  font: inherit;
}

.feedbackContainer .late-submission {
  height: 35px;
  width: 154px;
  margin: 0 20px;
  padding: 0 8px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 12px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  background-color: rgba(255, 204, 0, 0.2);
}

.feedbackContainer .result-title-row {
  margin-bottom: 5px;
}

.checkable-results-title {
  margin: 20px 0px 10px 0;
}

.checkable-results-title span {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
}

.feedbackDetails {
  border: 1px solid #cccccc;
  border-top: none;
  margin-top: -1px;
  text-align: center;
  padding: 25px 0px;
}

.feedbackDetails.summary {
  border: 1px solid #cccccc;
  margin-top: 20px;
  overflow: hidden;
  padding: 20px;
}

.feedbackDetails .quiz-player .navigation {
  width: 98%;
}

.feedbackActions {
  margin-top: 10px;
}

.feedbackActions.summary {
  padding-top: 20px;
}

.feedback-close-button {
  margin-top: 20px;
  width: 100%;
}

.feedback-close-button > button {
  width: 150px;
}

.mid-results .mid-results-title,
.end-results .mid-results-title {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
}

.end-results .no-grade {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-style: normal;
  font-size: 14px;
  margin-bottom: 20px;
}

.mid-results, .checkable-results {
  margin-top: 10px;
}

.checkable-questions-info {
  height: 60px;
  padding-top: 30px;
  border-top: 1px solid #cccccc;
}

.checkable-questions-info .checkable-count {
  width: 50px;
  height: 50px;
  margin: 0;
  color: #0099d9;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-size: 30px;
  border: 4px solid #0099d9;
  border-radius: 50%;
  background-color: rgba(56, 128, 223, 0.2);
}

.checkable-questions-info .title {
  display: inline-block;
  margin: 0 10px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
  line-height: 50px;
  vertical-align: middle;
}

.feedbackActions .checkable-questions {
  color: white;
  font-size: 18px;
  padding: 0 38px;
  border: none;
  height: 35px;
  margin: 0;
}

.feedbackQuestionsContainer .feedbackQuestionsNavigation {
  padding-bottom: 5px;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 20px;
  height: 60px;
}

.feedbackQuestionsContainer .feedbackQuestionsNavigation .unanswered {
  color: red;
  font-size: 18px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew" !important;
}

.feedbackTypeAQuestion {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew" !important;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #333333;
}

.question-with-media {
  margin-top: 20px;
  height: 250px;
  clear: both;
}

.question-with-media .feedbackTypeAQuestion {
  width: 50%;
  margin: 0;
  padding: 0 20px;
  float: right;
}

.questionsCountTitle {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew" !important;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  margin-top: 10px;
  margin-bottom: 5px;
}

.questionsNav {
  margin-top: 20px;
}

.feedbackQuestionsNavigationBottom {
  clear: both;
  margin-top: 10px;
  width: 100%;
}

.feedbackQuestionsNavigationBottom .buttons {
  margin: 0;
}

.feedbackQuestionsNavigationBottom .nav-buttons {
  width: 50%;
}

.gradeDropDown {
  clear: both;
}

.feedbackTypeAAnswer {
  width: 55%;
}

.feedbackTypeAAnswer textarea {
  width: 100%;
}

.feedbackTypeANotes {
  width: 38%;
}

.feedbackTypeANotes textarea {
  width: 100%;
}

.gradeDropDown select {
  font-size: 18px;
}

.feedbackTypeAAnswer textarea,
.feedbackTypeANotes textarea {
  padding: 10px;
  min-height: 250px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  text-align: right;
}

.answerSection {
  clear: both;
  margin-top: 30px;
  overflow: hidden;
}

.feedbackTypeAAnswerTitle,
.feedbackTypeANotesTitle {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
}

.gradeDropContainer {
  clear: both;
  overflow: hidden;
}

.questionFeedbackTypeA .gradeDropContainer {
  margin-top: 20px;
}

.teacher-feedback-summary-container textarea {
  width: 97%;
  min-height: 70px;
  padding: 10px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  color: #666666;
}

.teacher-feedback-summary-container {
  clear: both;
  width: 100%;
  margin-top: 20px;
}

.msFeedback {
  padding: 20px 0;
  text-align: center;
}

.msFeedback .question_title {
  clear: both;
  text-align: center;
  margin-bottom: 20px;
}

.msFeedback .question_title span {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew" !important;
  font-style: normal;
  font-size: 18px;
  color: #333333;
}

.msFeedback .answers-with-media {
  width: 50%;
  height: 250px;
  margin: 0;
  padding: 0 20px;
  float: left;
}

.feedback-styled-select select {
  background: transparent;
  width: 142px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 37px;
  -webkit-appearance: none;
  color: white;
}

.ms-feedback-styled-select span {
  background: transparent;
  width: 142px;
  padding: 5px;
  font-size: 16px;
  line-height: 39px;
  border: 0;
  border-radius: 0;
  height: 37px;
  -webkit-appearance: none;
  color: white;
}

.ms-feedback-styled-select {
  width: 142px;
  height: 37px;
  overflow: hidden;
  background: url("") no-repeat right #F75B3B;
  border: 1px solid #ccc;
  background-position: 3% center;
  text-align: Center;
}

.feedback-styled-select select option {
  color: #676767 !important;
}

.feedback-styled-select {
  width: 142px;
  height: 37px;
  overflow: hidden;
  background: url("/../img/forms/down_arrow_select.png") no-repeat right #F75B3B;
  border: 1px solid #ccc;
  background-position: 3% center;
}

.feedbackActions.summary .checkable-questions {
  float: left;
  width: 250px;
  overflow: hidden;
}

.feedbackActions.summary .continue-button {
  padding: 0 15px;
}

.save-feedback-summary {
  margin-top: 20px;
}

.save-feedback-summary button {
  width: 250px;
}

.leftAssignmentsMessage {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  text-align: left;
  margin: 10px;
}

.feedbackContainer .quiz-player .navigation {
  display: inline-block;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .topFeedbackAssignmentContainer {
  border-left: 10px solid;
}

.ltr .topFeedbackAssignmentContainer .assignment-user-info {
  float: left;
}

.ltr .topFeedbackAssignmentContainer .assignment-info .grade {
  float: right;
}

.ltr .topFeedbackAssignmentContainer .assignment-info .assignment-status {
  float: right;
}

.ltr .feedbackContainer .user-row {
  margin-left: 10px;
}

.ltr .feedbackContainer .user-name {
  float: left;
}

.ltr .feedbackContainer .status.manual {
  border-right: 5px solid #F75B3B;
}

.ltr .feedbackContainer .status.automatic {
  border-right: 5px solid #54db8c;
}

.ltr .feedbackContainer .late-submission {
  border-right: 5px solid #FFCC00;
}

.ltr .feedback-navigator-bottom {
  float: left !important;
}

.ltr .secondarySaveSummary {
  float: right;
}

.ltr .leftAssignmentsMessage {
  float: right;
}

.ltr .teacher-feedback-summary-container {
  float: left;
  text-align: left;
}

/*.ltr .end-results {
    float: left;
    margin-left: 10px;
    text-align: left;
}*/
.ltr .feedbackDetails {
  border-left: 10px solid;
}

.ltr .checkable-questions-info .checkable-count {
  float: left;
}

.ltr .checkable-questions-info .title {
  float: left;
}

.ltr .feedbackQuestionsNavigationBottom {
  float: left;
}

.ltr .feedbackQuestionsNavigationBottom .buttons {
  float: right;
}

.ltr .feedbackQuestionsNavigationBottom .nav-buttons {
  float: left;
}

.ltr .feedbackQuestionsNavigationBottom #question-navigator {
  float: left;
}

.ltr .gradeDropDown {
  float: right;
}

.ltr .feedbackTypeAAnswer {
  float: left;
  margin-right: 2%;
}

.ltr .feedbackTypeANotes {
  float: left;
  margin-left: 20px;
}

.ltr .questionsCountTitle {
  float: left;
}

.ltr .questionsNav {
  float: right;
}

.ltr .save-feedback-summary {
  float: right;
}

.ltr .manual-graded-question,
.ltr .secondarySaveSummary {
  float: left;
}

.ltr .feedbackActions {
  float: right;
}

.ltr .feedback-close-button > button {
  float: right;
}

.ltr .feedbackContainer .assignment-info {
  /*    position: absolute;
      top: 20px;
      right: 0;
  */
  float: right;
}

.ltr .feedbackContainer .user-image {
  float: left;
}

.ltr .feedbackContainer .assignment-name {
  left: 10px;
}

.ltr .feedback-styled-select {
  background-position: right 6px top 11px;
}

/***********************************  RTL ***********************************/
.rtl .topFeedbackAssignmentContainer {
  border-right: 10px solid;
}

.rtl .topFeedbackAssignmentContainer .assignment-user-info {
  float: right;
}

.rtl .topFeedbackAssignmentContainer .assignment-info .grade {
  float: left;
}

.rtl .topFeedbackAssignmentContainer .assignment-info .assignment-status {
  float: left;
}

.rtl .feedbackContainer .user-row {
  margin-right: 10px;
}

.rtl .feedbackContainer .user-name {
  float: right;
}

.rtl .feedbackContainer .status.manual {
  border-left: 5px solid #F75B3B;
}

.rtl .feedbackContainer .status.automatic {
  border-left: 5px solid #54db8c;
}

.rtl .feedbackContainer .late-submission {
  border-left: 5px solid #FFCC00;
}

.rtl .feedbackContainer .manual-graded-question {
  margin-left: 10px;
}

.rtl .ms-feedback-styled-select {
  float: left;
}

.rtl .feedback-navigator-bottom {
  float: right !important;
}

.rtl .secondarySaveSummary {
  float: left;
}

.rtl .leftAssignmentsMessage {
  float: left;
}

.rtl .teacher-feedback-summary-container {
  float: right;
  text-align: right;
}

/*.rtl .end-results {
    float: right;
    margin-right: 10px;
    text-align: right;
}*/
.rtl .feedbackDetails {
  border-right: 10px solid;
}

.rtl .checkable-questions-info .checkable-count {
  float: right;
}

.rtl .checkable-questions-info .title {
  float: right;
}

.rtl .feedbackQuestionsNavigationBottom {
  float: right;
}

.rtl .feedbackQuestionsNavigationBottom .buttons {
  float: left;
}

.rtl .feedbackQuestionsNavigationBottom .nav-buttons {
  float: right;
}

.rtl .feedbackQuestionsNavigationBottom #question-navigator {
  float: right;
}

.rtl .gradeDropDown {
  float: left;
}

.rtl .feedbackTypeAAnswer {
  float: right;
  margin-left: 2%;
}

.rtl .feedbackTypeANotes {
  float: right;
  margin-right: 20px;
}

.rtl .questionsCountTitle {
  float: right;
}

.rtl .questionsNav {
  float: left;
}

.rtl .save-feedback-summary {
  float: left;
}

.rtl .manual-graded-question,
.rtl .secondarySaveSummary {
  float: right;
}

.rtl .feedbackActions {
  float: left;
}

.rtl .feedback-close-button > button {
  float: left;
}

.rtl .questionFeedbackSummary .continue-button,
.rtl .questionFeedbackSummary .secondarySaveSummary {
  float: left;
}

.rtl .questionFeedbackSummary .feedbackActions {
  float: none !important;
}

.rtl .feedbackContainer .assignment-info {
  /*    position: absolute;
      top: 20px;
      left: 0;
  */
  float: left;
}

.rtl .feedbackContainer .user-image {
  float: right;
}

.rtl .feedbackContainer .assignment-name {
  right: 10px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                            Assignments                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
.gradesContainer {
  overflow: hidden;
  height: 90%;
}

.gradesContainer .userGrades {
  border: 1px solid #CCCCCC;
}

.gradesContainer .userGrade {
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 15px;
  clear: both;
  overflow: hidden;
  cursor: pointer;
}

.gradesContainer .userGrade:hover {
  background-color: #f2f2f2;
}

.gradesContainer .img-circle {
  border-radius: 50%;
}

.gradesContainer .userGradeImage {
  height: 40px;
  width: 40px;
}

.gradesContainer .userGrade:last-child {
  border-bottom: none !important;
}

.gradesTopRow {
  padding: 0 20px;
  overflow: hidden;
  margin: 15px 0;
}

.gradesScroll {
  padding-top: 0;
}

.gradesContainer .gradeRows {
  /*height: 500px;*/
}

.actionButton {
  padding: 5px 15px;
  margin: 0;
}

.gradesContainer .separateDash {
  margin: 0px 6px;
}

.gradesContainer .userGradeDetails {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #666666;
}

.gradesContainer .userGradeDetails.userGradeLastName {
  font-weight: bold;
}

.gradesContainer .userGradeDetailsText {
  position: relative;
  top: 12px;
}

.gradesContainer .userGradeDetails .userGradeStatusBlock {
  width: 82px;
  height: 22px;
  display: inline-block;
  position: Relative;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-size: 12px;
  color: #666666;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
}

.gradesContainer .userGradeDetails .userGradeStatusBlock.did-not-submit {
  background-color: rgba(247, 91, 59, 0.2);
}

.gradesContainer .userGradeDetails .userGradeStatusBlock.late-submission {
  background-color: rgba(255, 204, 0, 0.2);
}

.gradesContainer .userGradeDetails .userGradeStatusBlock.to-check {
  background-color: rgba(56, 128, 223, 0.2);
}

.gradesContainer .userGradeDetails .userGradeStatusBlock.graded {
  background-color: rgba(84, 219, 140, 0.2);
}

.gradesContainer .userGradeDetails .userGradeStatusBlock.graded.ng-leave {
  opacity: 1;
  -webkit-transition: 750ms ease-out all;
  transition: 750ms ease-out all;
}

.gradesContainer .userGradeDetails .userGradeStatusBlock.graded.ng-leave-active {
  opacity: 0;
}

.userGradeStatus {
  position: relative;
  top: 14px;
}

.userGradeNumber {
  position: relative;
  height: 34px;
  width: 50px;
  border-radius: 61px;
  text-align: center;
  line-height: 36px;
  position: relative;
  top: 7px;
}

.gradesContainer .userGradeNumber {
  color: White;
}

.gradesContainer .userGradeDetails.userGradeComment {
  position: relative;
  top: 14px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .gradesContainer .sort-style-select {
  float: left;
}

.ltr .userGradeComment {
  margin-left: 10px;
}

.ltr .userGradeDetails {
  float: left;
}

.ltr .gradesContainer .userGradeDetailsText {
  left: 15px;
}

.ltr .gradesContainer .userGradeDetails.userGradeLastName {
  margin-right: 5px;
}

.ltr .userGradeDetails.userGradeNumber {
  float: right;
  margin-left: 40px;
}

.ltr .gradesContainer .userGradeDetails .userGradeStatusBlock {
  margin-left: 5px;
}

.ltr .userGradeDetails.userGradeStatus {
  float: right;
  margin-left: 10px;
}

.ltr .actionButton {
  float: right;
  margin-left: 15px;
}

.ltr .gradesTopRow {
  margin-rightleft: 21px;
}

.ltr .gradesContainer .userGradeDetails .userGradeStatusBlock.did-not-submit {
  border-right: 5px solid #F75B3B;
}

.ltr .gradesContainer .userGradeDetails .userGradeStatusBlock.late-submission {
  border-right: 5px solid #FFCC00;
}

.ltr .gradesContainer .userGradeDetails .userGradeStatusBlock.to-check {
  border-right: 5px solid #389EDF;
}

.ltr .gradesContainer .userGradeDetails .userGradeStatusBlock.graded {
  border-right: 5px solid #54DB8C;
}

.ltr .gradesContainer .userGradeDetails.userGradeComment {
  float: left;
}

.rtl .gradesContainer .sort-style-select {
  float: right;
}

.rtl .userGradeComment {
  margin-right: 10px;
}

.rtl .userGradeDetails {
  float: right;
}

.rtl .gradesContainer .userGradeDetailsText {
  right: 15px;
}

.rtl .gradesContainer .userGradeDetails.userGradeLastName {
  margin-left: 5px;
}

.rtl .userGradeDetails.userGradeNumber {
  float: left;
  margin-right: 40px;
}

.rtl .userGradeDetails.userGradeStatus {
  float: left;
  margin-right: 10px;
}

.rtl .gradesContainer .userGradeDetails .userGradeStatusBlock {
  margin-right: 5px;
}

.rtl .actionButton {
  float: left;
  margin-right: 15px;
}

.rtl .gradesTopRow {
  margin-left: 21px;
}

.rtl .gradesContainer .userGradeDetails .userGradeStatusBlock.did-not-submit {
  border-left: 5px solid #F75B3B;
}

.rtl .gradesContainer .userGradeDetails .userGradeStatusBlock.late-submission {
  border-left: 5px solid #FFCC00;
}

.rtl .gradesContainer .userGradeDetails .userGradeStatusBlock.to-check {
  border-left: 5px solid #389EDF;
}

.rtl .gradesContainer .userGradeDetails .userGradeStatusBlock.graded {
  border-left: 5px solid #54DB8C;
}

.rtl .gradesContainer .userGradeDetails.userGradeComment {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                            Assignments                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
.header-subtitle {
  font-size: 14px;
  font-weight: normal;
  width: 10%;
  text-align: center;
  margin: 0;
}

.assignment .info-area {
  margin: 0;
  padding: 0;
  width: 80%;
}

.assignment .info-area .assignment-status {
  color: #389EDF;
  font-weight: 400;
}

.assignment .buttons-area {
  margin: 0;
  padding: 0;
  width: 150px;
}

#assignments_nav .notificationCounter {
  top: 11px;
}

/* Main Assignments page */
#assignments-main {
  border-bottom: 1px solid #B3C4CE;
  margin-bottom: 20px;
}

.main-assignment-assigned-ts-label {
  color: #666666;
  font-size: 15px;
  width: 10%;
  display: inline;
}

.main-assignment-name {
  width: 70%;
  margin: 0 20px;
}

.main-assignment-duets {
  color: #666666;
  font-size: 15px;
  width: 10%;
  margin: 0;
  text-align: center;
}

/* Assignment Header */
.assignment-header-block {
  background-color: #f2f2f2;
  margin: 0px;
  padding: 20px;
  border: 1px solid #B3C4CE;
  height: 145px;
}

#tabs.main-assignments {
  margin: 0;
}

.assignment-header-label {
  font-weight: bold;
  /*font-style: normal;*/
  font-size: 18px;
  width: 13%;
  color: #000000;
  display: inline-block;
  margin-bottom: 20px;
}

.assignment-input {
  height: 35px;
  border: 1px solid #B3C4CE;
  font-size: 18px;
  padding: 0 5px;
  color: #666666;
}

.assignment-name-input {
  width: 72%;
}

.assignment-quiz-name {
  width: 85%;
}

.assignment-row-element {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}

/* Assignment modal Body*/
.new-assignment-modal-view .modal-dialog {
  width: 900px;
}

.assignment-modal {
  /*height: 710px*/
  margin-top: 40px;
}

.new-assignment-modal {
  height: 450px;
}

.assignment-modal-body {
  margin: 0px;
  height: 700px;
}

.assignment-modal-body .top-part {
  height: 620px;
}

.assignment-modal-body .right-side {
  margin: 0;
  margin-top: 25px;
  padding: 0 25px;
  width: 450px;
}

.assignment-modal-body .assignment-labelDiv {
  margin-bottom: 10px;
  margin-top: 35px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.assignment-modal-body .assignment-label {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #333333;
}

.assignment-modal-body .assignment-check-box {
  width: 20px;
  height: 20px;
}

.assignment-modal-body .assignment-text {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
}

.assignment-modal-body .right-side .assignments-type-selection {
  margin-top: 20px;
  display: inline-block;
}

.assignment-modal-body .right-side .assignments-type-selection .assignment-type-label {
  line-height: 18px;
  vertical-align: middle;
}

.assignment-modal-body .right-side .assignments-type-selection .assignment-type-label[disabled] {
  color: #cccccc;
}

.assignment-modal-body .right-side > .assignment-feedback {
  margin-bottom: 20px;
  border: 1px solid #B3C4CE;
  border-bottom-width: 0px;
  width: 100%;
}

.assignment-modal-body .right-side .assignment-feedback .assignments-feedback-selection {
  border-bottom-color: #B3C4CE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.assignment-modal-body .right-side .assignment-feedback .assignments-feedback-selection input {
  margin: 0 10px;
}

.assignment-modal-body .right-side .assignments-due_ts-selection .due_ts_options {
  margin-bottom: 20px;
  display: inline-block;
}

/*---------------- Left side ---------------------*/
.assignment-modal-body .left-side {
  padding: 0 25px;
  margin-top: 25px;
  width: 450px;
}

.assignment-modal-body .left-side .assignments-groups-list {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.assignment-modal-body .left-side .assignments-groups-list ul {
  width: 100%;
  margin-bottom: 10px;
  height: 247px;
  overflow: auto;
  border: 1px solid #B3C4CE;
}

.assignment-modal-body .left-side .assignments-groups-list > ul > li {
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  border-bottom-color: #B3C4CE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.assignment-modal-body .left-side .assignments-groups-list > ul > li > .assignments-groups-list-cell {
  margin: 0 10px;
}

.assignment-modal-body .left-side .assignment-link-box {
  width: 94%;
  height: 30px;
  margin-top: 10px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}

.assignment-modal-body .left-side .assignment-guidelines .assignment-guidelines-label {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew", "Arial";
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}

.assignment-modal-body .left-side .assignment-guidelines .assignment-guidelines-box {
  width: 94%;
  height: 150px;
  margin-top: 10px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
}

.assignment-modal-body .action-bar {
  height: 90px;
  width: 850px;
  margin: 0 25px;
  border-top: 1px solid #cccccc;
  font-weight: 300;
}

.assignment-modal-body .assignment-modal-button {
  margin-top: 20px;
  width: 205px;
  height: 50px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
}

.assignment-modal-body .right-side .input-date[disabled],
.assignment-modal-body .right-side .assignment-labelDiv .assignment-label[disabled],
.assignment-modal-body .right-side .assignment-feedback .assignment-form-check-box[disabled],
.assignment-modal-body .right-side .assignment-feedback .assignment-feedback-selection-label[disabled] {
  color: #cccccc;
}

.main-assignments-container {
  margin-top: 30px;
  height: 85%;
  overflow: hidden;
  position: static;
}

/**Assignments student list*/
.assignments-list ul {
  width: 99%;
  margin-bottom: 30px;
}

.assignments-list.clickable ul {
  cursor: pointer;
}

.assignments-list ul li:hover {
  background-color: #f2f2f2;
}

.assignment {
  height: 85px;
  padding: 12px;
  border-style: solid;
  border-width: thin;
  border-color: #CCCCCC;
  margin-bottom: 14px;
}

.assignment[disabled],
.assignment .assignment-subject[disabled],
.assignment .assignment-name[disabled],
.assignment .assignment-status[disabled],
.assignment .assigned-by[disabled],
.assignment .assignment-sending[disabled],
.assignment .assignment-sending p.assignment-sendingDetails[disabled],
.assignment > p.assignment-status .normal[disabled] {
  color: #999999;
}

.assignment .assigned-by .profile-img[disabled] {
  opacity: 0.4;
}

.assignment .assignment-button[disabled] {
  color: white !important;
}

.assignment .assignment-subject {
  height: 16px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 14px;
  color: #666666;
}

.assignment .assignment-info .assignment-name,
.assignment .info-area .assignment-name {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold";
  /*font-weight: 700;*/
  font-style: normal;
  font-size: 14px;
  color: #333333;
  line-height: normal;
}

.assignment .assignment-info .assignment-name .name {
  font: inherit;
  max-width: 60%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.assignment.disabled {
  cursor: default;
}

.assignment .assignment-info .assignment-name .group {
  font: inherit;
  color: #389EDF;
  max-width: 50%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.assignment .assignment-status {
  padding-top: 4px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 14px;
  color: #999999;
  line-height: normal;
}

.assignment .assignment-status span {
  font: inherit;
}

.assignment .assigned-by {
  height: 20px;
}

.assignment .assigned-by .profile-img {
  margin-top: 10px;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
}

.assignment > .assignment-sending > p.assignment-sendingDetails {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  padding-top: 10px;
}

.assignment .assignment-button {
  width: 142px;
  height: 36px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  text-align: center;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
  padding: 2px;
  margin-bottom: 10px;
}

.assignment .assignment-group {
  display: inline-block;
}

.assignment.shared-assignment {
  height: 120px;
  margin-bottom: 20px;
}

.assignment .assignment-info {
  width: 47%;
  height: 100%;
}

.assignment .assignment-progress {
  width: 38%;
  height: 100%;
}

.assignment .grading-method {
  width: 100px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  background-color: rgba(56, 128, 223, 0.2);
}

.assignment .grading-method span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-style: normal;
  font-size: 13px;
  color: #666666;
}

.assignment .grading-method.automatic_feedback {
  background-color: rgba(84, 219, 140, 0.2);
}

.assignment .grading-method.manual_feedback {
  background-color: rgba(247, 91, 59, 0.2);
}

.assignment .assignment-progress .progress-status {
  height: 30px;
}

.assignment .assignment-progress .progress-status .titles {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #666666;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
}

.assignment .assignment-progress .progress-status .counter {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.assignment .assignment-progress .progress-status.zero .counter {
  background-color: #cccccc;
}

.assignment .assignment-progress .progress-status.zero .titles,
.assignment .assignment-progress .progress-status.zero .value {
  color: #cccccc;
}

.assignment .assignment-progress .progress-status .value {
  position: absolute;
  width: 30px;
  height: 30px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
}

/**Assignments shared open list modal*/
.modal-open-assignments .assignment-modal {
  padding-bottom: 20px;
}

.modal-open-assignments .assignment-modal-header {
  width: 100%;
  height: 36px;
}

.modal-open-assignments .assignment-modal-header .icon-close-x {
  position: relative;
  position: absolute;
  top: 3px;
  font-size: 36px;
  font-family: "ArialMT", "Arial";
  font-weight: 400;
  font-style: normal;
}

.modal-open-assignments .assignment-subject {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin: 0 calc((100% - 200px)/2);
}

.modal-open-assignments .assignment-name {
  padding-top: 8px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-style: normal;
  font-size: 18px;
  text-align: center;
  color: #333433;
  margin: 0 calc((100% - 600px)/2);
}

.modal-open-assignments .assignment-status {
  padding-top: 10px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
  text-align: center;
  margin: 0 calc((100% - 600px)/2);
}

.modal-open-assignments .assignment-status span {
  font: inherit;
}

.modal-open-assignments .assigned-by {
  margin: 0 auto;
  height: 50px;
  width: 60%;
  margin-top: 10px;
}

.modal-open-assignments .assigned-by .profile-img {
  margin-top: 18px;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  margin: 0;
}

.modal-open-assignments .assigned-by > p.assignment-sendingDetails {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #666666;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
}

.modal-open-assignments .assignment-guidlines {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #666666;
  width: 676px;
  margin-top: 34px;
}

.modal-open-assignments .assignment-line {
  font-weight: 300;
  background-color: #CCCCCC;
  width: 95%;
  height: 1px;
  margin-top: 56px;
}

.modal-open-assignments .assignments-modal-button {
  margin: 0 calc((100% - 322px)/2);
  width: 322px;
  height: 52px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  color: #FFFFFF;
  text-align: center;
  line-height: normal;
  margin-top: 28px;
  margin-bottom: 8px;
}

.modal-open-assignments .assignment-shared-selection {
  margin-bottom: 20px;
  display: inline-block;
  margin: 0 calc((100% - 320px)/2);
  margin-top: 20px;
  margin-top: 20px;
}

.modal-open-assignments .assignment-shared-selection .assignment-form-check-box {
  margin-top: 10px;
  width: 20px;
  height: 20px;
}

.modal-open-assignments .assignment-shared-selection .assignments-shared-selection-label {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  color: #666666;
}

/* Start Assignment Body from the tablet*/
.tablet {
  height: 100%;
  width: 100%;
  padding: 0px;
}

.tablet_feedback {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.tablet .assignment-body {
  height: 100%;
}

.assignment-header {
  /*height: 100%;*/
}

/****************** submitted  assignment results *****************************/
.assignment-submitted {
  /*height: 100%;*/
  width: 100%;
  padding: 0px;
  border: 1px solid #B3C4CE;
  border-right: 12px solid;
}

.assignment-submitted-body .assignment-result {
  padding: 0px;
}

.assignment-submitted-body .assignment-body .assignment-name {
  padding-top: 8px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  color: #333333;
  margin: 0 calc((100% - 600px)/2);
}

.assignment-submitted-body .assignment-body .assignment-results_of_test {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin: 0 calc((100% - 300px)/2);
  margin-top: 24px;
}

.assignment-submitted-body .assignment-body .assignments-grade-button {
  margin: 0 calc((100% - 202px)/2);
  width: 202px;
  height: 66px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  color: #FFFFFF;
  margin-top: 18px;
  margin-bottom: 24px;
}

.assignment-submitted-body .assignment-body .assignment-result-line {
  font-weight: 300;
  background-color: #B3C4CE;
  width: 96%;
  height: 1px;
}

.assignment-submitted-body .assignment-body .assignment-teacher_feedback-title {
  padding-top: 15px;
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #009DD9;
  text-align: center;
  margin: 0 calc((100% - 600px)/2);
  line-height: normal;
}

.assignment-submitted-body .assignment-body .assignment-teacher_feedback {
  font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
  font-weight: 400;
  text-align: center;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  margin-top: 20px;
  margin-bottom: 40px;
}

.assignment-submitted-body .assignment-body .assignment-teacher_feedback:before {
  content: '" ';
}

.assignment-submitted-body .assignment-body .assignment-teacher_feedback:after {
  content: ' "';
}

.assignment-submitted-body .assigned-by {
  margin: 0 calc((100% - 600px)/2);
  display: flex;
  margin-top: 20px;
}

.assignment-submitted-body .assignment-body .assigned-by .profile-img {
  margin-top: 18px;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  margin: 0 calc((100% - 370px)/2);
}

.assignment-submitted-body .assignment-body .assigned-by > p.assignment-sendingDetails {
  padding-top: 20px;
  padding-bottom: 40px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #666666;
  line-height: normal;
}

.assignment-submitted-body .assignment-graph-results {
  height: 240px;
  width: 440px;
}

.assignment-submitted-body .data .bar {
  width: 65px;
  height: 0px;
  color: #666666;
  text-align: center;
  position: absolute;
  bottom: 0;
  height: 0px;
  -moz-transition: height 1.5s ease;
  -webkit-transition: height 1.5s ease;
  -o-transition: height 1.5s ease;
  transition: height 1.5s ease;
}

.assignment-submitted-body .data .bar span {
  display: inherit;
  position: absolute;
  top: -18px;
  width: 64px;
  text-align: center;
}

.assignment-submitted-body .data .bar.wrong {
  left: 80px;
  background-color: #f75b3b;
}

.assignment-submitted-body .data .bar.semi-right {
  left: 190px;
  background-color: #94ccec;
}

.assignment-submitted-body .data .bar.right {
  left: 300px;
  background-color: #0199d9;
}

.assignment-submitted-body .assignment-graph-results .labels {
  height: 40px;
  width: 440px;
  margin-top: 5px;
}

.assignment-submitted-body .assignment-graph-results .labels .wrong {
  position: absolute;
  left: 92px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: normal;
}

.assignment-submitted-body .assignment-graph-results .labels .semi-right {
  position: absolute;
  left: 190px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: normal;
}

.assignment-submitted-body .assignment-graph-results .labels .right {
  position: absolute;
  left: 300px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: normal;
}

.assignment-submitted-body .assignment-body .assignment-results {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  color: #666666;
  text-align: center;
  margin: 0 calc((100% - 300px)/2);
  margin-top: 12px;
  margin-bottom: 24px;
}

.assignment-submitted-body .assignment-body .assignment-results .assignment-correct-answers {
  margin-bottom: 6px;
}

.assignment-submitted-body .assignment-body .assignment-results .assignment-wrong-answers {
  margin-bottom: 6px;
  text-align: right;
  margin-right: 24px;
}

.assignment-submitted-body .assignment-body .assignment-results-button {
  width: 180px;
  height: 36px;
  padding: 2px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 24px;
  margin-bottom: 24px;
}

#archive-main button {
  border: 1px solid #0E82D3;
  color: #0E82D3;
  background-color: white;
}

#archive-main button:hover,
#archive-main button.active {
  border: 1px solid #0E82D3;
  color: white;
  background-color: #0E82D3;
}

/************ Quiz validation modal body ******************/
.quiz-validation-modal .quiz-validation-modal-content .info {
  margin-bottom: 15px;
  padding: 5;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
  width: 85%;
}

.form-error.assignment-form-error, .assignment-form-error.cl-tranzila-payment__form-error {
  margin-top: -10px !important;
}

.form-error.assignment-due-date-form-error, .assignment-due-date-form-error.cl-tranzila-payment__form-error {
  margin-top: 260px !important;
}

/*----------------- Start Assignment ---------*/
.start-assignment .reset-assignment {
  margin-top: 20px;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #assignments_nav .notificationCounter {
  right: 5%;
}

body.ltr .assignment-modal-body .right-side .assignments-due_ts-selection .due_ts_options {
  margin-right: 20px;
}

body.ltr .assignment-modal-body .left-side .assignment-link-box {
  margin-left: 10px;
  text-align: left;
}

body.ltr .assignment-modal-body .left-side .assignment-guidelines .assignment-guidelines-box {
  text-align: left;
}

body.ltr .assignment-modal-body .assignment-modal-button {
  margin-left: 4px;
}

body.ltr .assignment > .assignment-sending > p.assignment-sendingDetails {
  margin-left: 12px;
}

body.ltr .assignment .assignment-info {
  float: left;
}

body.ltr .assignment .assignment-progress {
  float: right;
}

body.ltr .assignment .grading-method {
  float: right;
  margin-left: 13px;
  padding-right: 10px;
  border-right: 5px solid #389EDF;
}

body.ltr .assignment .grading-method.automatic_feedback {
  border-right: 5px solid #54DB8C;
}

body.ltr .assignment .grading-method.manual_feedback {
  border-right: 5px solid #F75B3B;
}

body.ltr .assignment .grading-method span {
  font-family: arial;
  font-size: 12px;
}

body.ltr .assignment .assignment-progress .progress-status {
  float: right;
}

body.ltr .assignment .assignment-progress .progress-status .titles {
  font-family: arial;
  font-size: 11px;
  margin-right: 5px;
  margin-left: 15px;
  float: right;
  text-align: left;
  right: 94px;
}

body.ltr .assignment .assignment-progress .progress-status .counter {
  float: right;
}

body.ltr .modal-open-assignments .assignment-modal {
  border-left-style: solid;
  border-left-width: 10px;
}

body.ltr .modal-open-assignments .assignment-modal-header .icon-close-x {
  right: 3px;
}

body.ltr .modal-open-assignments .assignment-guidlines {
  text-align: left;
}

body.ltr .assignment-header .assignment-modal-header .assignment-close-button {
  right: 20px;
}

body.ltr .assignment-header .assignment-body {
  border-left-width: 10px;
}

body.ltr .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
  text-align: left;
}

body.ltr .assignment-header .assignment-body .assignment-guidlines {
  text-align: left;
}

body.ltr .main-assignment-assigned-ts-label {
  float: left;
}

body.ltr .main-assignment-name {
  float: left;
}

body.ltr .assignment-row-element {
  float: left;
}

body.ltr #assignment-body li {
  padding-left: 12px;
}

body.ltr #assignment-action-bar .action-bar-button {
  margin-right: 15px;
  float: left;
}

body.ltr .assignment-send-button {
  margin-right: 15px;
  float: none;
}

body.ltr #assignment-body .right-side {
  float: left;
}

body.ltr .assignment-form-check-box {
  margin-right: 10px;
}

body.ltr #assignment-body #left-side {
  float: right;
}

body.ltr .assignment-form-footer-buttons {
  float: left;
}

body.ltr .main-assignment-duets {
  float: right;
}

body.ltr .header-subtitle {
  float: right;
}

body.ltr .assignment {
  border-left: 12px solid;
}

body.ltr .assignment > .assignment-button {
  right: 20px;
}

body.ltr .assignment .assigned-by .profile-img {
  float: left;
  margin-right: 12px;
}

body.ltr .modal-open-assignments .assigned-by .profile-img {
  float: left;
}

body.ltr .assignment > .assignment-sending > p.assignment-sendingDetails {
  margin-right: 12px;
}

body.ltr .assignment-modal-body .right-side {
  float: left;
}

body.ltr .assignment-modal-body .right-side .assignments-type-selection .assignment-form-check-box {
  margin-right: 0px;
}

body.ltr .assignment-modal-body .right-side .assignments-type-selection .assignment-type-label {
  margin-right: 22px;
}

body.ltr .assignment-modal-body .right-side .assignments-due_ts-selection .due_ts_options {
  margin-left: 10px;
  margin-right: 0px;
}

body.ltr .assignment-modal-body .left-side {
  float: right;
  border-left: 1px solid #cccccc;
}

body.ltr .assignment-modal-body .left-side .assignments-groups-list > ul > li {
  margin-left: 0px;
  margin-right: 0px;
}

body.ltr .assignment-modal-body .left-side .assignment-link-label {
  margin-left: 10px;
}

body.ltr .assignment-modal-body .left-side .assignment-link-box {
  margin-left: 10px;
  text-align: left;
}

body.ltr .assignment-modal-body .left-side .assignment-guidelines .assignment-guidelines-box {
  text-align: left;
}

body.ltr .assignment-modal-body .assignment-vertical-line {
  right: 50%;
}

body.ltr .assignment-modal-body .assignment-modal-button {
  margin-left: 4px;
}

body.ltr .modal-open-assignments .assignment-modal-header .icon-close-x {
  right: 6px;
}

body.ltr .modal-open-assignments .assigned-by > p.assignment-sendingDetails {
  margin-left: 10px;
  float: left;
}

body.ltr .modal-open-assignments .assignment-shared-selection .assignment-form-check-box {
  margin-right: 0px;
}

body.ltr .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
  margin-left: 20px;
}

body.ltr .assignment-submitted-body .assignment-body .assigned-by > p.assignment-sendingDetails {
  margin-left: -110px;
}

body.ltr .tablet .assignment-header .assignment-body .assigned-by {
  margin-left: 26%;
}

body.ltr .assignment .info-area {
  float: left;
}

body.ltr .assignment .buttons-area {
  float: right;
}

body.ltr .assignment-submitted-body .assignment-body .assignment-results-button {
  float: right;
  margin-right: 20px;
}

body.ltr .assignment-header .assignment-body .assigned-by .profile-img {
  margin: 0px;
}

body.ltr .assignment-header .assigned-by {
  margin: 0 calc((100% - 350px)/2);
}

body.ltr .assignment-header .assignment-body .assignment-results-tablet-button {
  float: right;
}

body.ltr .tablet .assignment-header .assignment-body .assignment-results-tablet-button {
  float: right;
}

body.ltr .tablet .reset-assignment .assignment-reset-button {
  float: right;
}

/***********************************  RTL ***********************************/
body.rtl #assignments_nav .notificationCounter {
  left: 13%;
}

body.rtl .assignment-modal-body .right-side .assignments-due_ts-selection .due_ts_options {
  margin-left: 20px;
}

body.rtl .assignment-modal-body .left-side .assignment-link-box {
  margin-right: 10px;
  text-align: right;
}

body.rtl .assignment-modal-body .left-side .assignment-guidelines .assignment-guidelines-box {
  text-align: right;
}

body.rtl .assignment-modal-body .assignment-modal-button {
  margin-right: 4px;
}

body.rtl .assignment > .assignment-sending > p.assignment-sendingDetails {
  margin-right: 12px;
}

body.rtl .assignment .assignment-info {
  float: right;
}

body.rtl .assignment .assignment-progress {
  float: left;
}

body.rtl .assignment .grading-method {
  float: left;
  margin-right: 13px;
  padding-left: 10px;
  border-left: 5px solid #389EDF;
}

body.rtl .assignment .grading-method.automatic_feedback {
  border-left: 5px solid #54DB8C;
}

body.rtl .assignment .grading-method.manual_feedback {
  border-left: 5px solid #F75B3B;
}

body.rtl .assignment .assignment-progress .progress-status {
  float: left;
}

body.rtl .assignment .assignment-progress .progress-status .titles {
  margin-left: 5px;
  margin-right: 15px;
  float: left;
  left: 94px;
  text-align: right;
}

body.rtl .assignment .assignment-progress .progress-status .counter {
  float: left;
}

body.rtl .modal-open-assignments .assignment-modal {
  border-right-style: solid;
  border-right-width: 10px;
}

body.rtl .modal-open-assignments .assignment-modal-header .icon-close-x {
  left: 3px;
}

body.rtl .modal-open-assignments .assignment-guidlines {
  text-align: right;
}

body.rtl .assignment-header .assignment-body {
  border-right-width: 10px;
}

body.rtl .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
  text-align: right;
}

body.rtl .assignment-header .assignment-body .assignment-guidlines {
  text-align: right;
}

body.rtl .main-assignment-assigned-ts-label {
  float: right;
}

body.rtl .main-assignment-name {
  float: right;
}

body.rtl .assignment-row-element {
  float: right;
}

body.rtl #assignment-body li {
  padding-right: 12px;
}

body.rtl #assignment-action-bar .action-bar-button {
  margin-left: 15px;
  float: right;
}

body.rtl .assignment-send-button {
  margin-left: 15px;
  float: none;
}

body.rtl #assignment-body .right-side {
  float: right;
}

body.rtl .assignment-form-check-box {
  margin-left: 10px;
}

body.rtl #assignment-body #left-side {
  float: left;
}

body.rtl .assignment-form-footer-buttons {
  float: right;
}

body.rtl .main-assignment-duets {
  float: left;
}

body.rtl .header-subtitle {
  float: left;
}

body.rtl .assignment {
  border-right: 12px solid;
}

body.rtl .assignment > .assignment-button {
  left: 20px;
}

body.rtl .assignment .assigned-by .profile-img {
  float: right;
  margin-left: 12px;
}

body.rtl .modal-open-assignments .assigned-by .profile-img {
  float: right;
}

body.rtl .assignment > .assignment-sending > p.assignment-sendingDetails {
  margin-right: 12px;
}

body.rtl .assignment-modal-body .right-side {
  float: right;
}

body.rtl .assignment-modal-body .right-side .assignments-type-selection .assignment-form-check-box {
  margin-left: 0px;
}

body.rtl .assignment-modal-body .right-side .assignments-type-selection .assignment-type-label {
  margin-left: 22px;
}

body.rtl .assignment-modal-body .left-side {
  float: left;
  border-right: 1px solid #cccccc;
}

body.rtl .assignment-modal-body .left-side .assignments-groups-list > ul > li {
  margin-left: 0px;
  margin-right: 0px;
}

body.rtl .assignment-modal-body .left-side .assignment-link-label {
  margin-right: 10px;
}

body.rtl .assignment-modal-body .left-side .assignment-link-box {
  margin-right: 10px;
  text-align: right;
}

body.rtl .assignment-modal-body .left-side .assignment-guidelines .assignment-guidelines-box {
  text-align: right;
}

body.rtl .assignment-modal-body .assignment-vertical-line {
  left: 50%;
}

body.rtl .assignment-modal-body .assignment-modal-button {
  margin-right: 4px;
}

body.rtl .modal-open-assignments .assignment-modal-header .icon-close-x {
  left: 6px;
}

body.rtl .modal-open-assignments .assigned-by > p.assignment-sendingDetails {
  float: right;
  margin-right: 10px;
}

body.rtl .modal-open-assignments .assignment-shared-selection .assignment-form-check-box {
  margin-left: 0px;
}

body.rtl .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
  margin-right: 20px;
}

body.rtl .assignment-submitted-body .assignment-body .assigned-by > p.assignment-sendingDetails {
  margin-right: -110px;
}

body.rtl .assignment .info-area {
  float: right;
}

body.rtl .assignment .buttons-area {
  float: left;
}

body.rtl .assignment-submitted-body .assignment-body .assignment-results-button {
  float: left;
  margin-left: 20px;
}

body.rtl .assignment-header .assignment-body .assignment-results-tablet-button {
  float: left;
}

body.rtl .tablet .reset-assignment .assignment-reset-button {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) .assignment-header-label,
body:lang(he) #assignment button,
body:lang(he) #assignments-main button,
body:lang(he) #assignments-list li {
  font-family: "OpenSansHebrew-regular";
  font-weight: normal;
}

/*----------------------------------------------------------------------------*/
/*                          Assignments media query                                 */
/*----------------------------------------------------------------------------*/
/** Mobile **/
@media screen and (max-width: 450px) {
  .tablet-view {
    display: none;
  }

  .assignment-header {
    height: 100%;
  }

  .assignment-header .assignment-modal-header {
    width: 100%;
    height: 64px;
    margin-bottom: 10px;
  }

  body.rtl .tablet .assignment-header .assignment-body .assigned-by {
    margin-right: 33%;
  }

  body.rtl .assignment-header .assignment-body .assignments-modal-button {
    /*margin-right: 25%;*/
  }

  body.ltr .assignment-header .assignment-body .assignments-modal-button {
    /*margin-left: 34%;*/
  }

  .assignment-header .assignment-body .assignments-modal-button {
    width: 100%;
    /*min-width: 140px;*/
    /*max-width: 200px;*/
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
  }

  .assignment-header .assignment-modal-header .assignment-close-button {
    position: absolute;
    top: 22px;
    width: 60px;
    padding: 0px;
    height: 40px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #ffffff;
    background-color: transparent;
  }

  body.rtl .assignment-header .assignment-modal-header .assignment-close-button {
    left: 5px;
  }

  body.ltr .tablet .reset-assignment .assignment-archive-button {
    float: left;
    /*margin-left: 10px;*/
  }

  body.rtl .tablet .reset-assignment .assignment-archive-button {
    float: right;
    /*margin-right: 10px;*/
  }

  .tablet .reset-assignment .assignment-archive-button {
    width: 100%;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    /*margin-top: 28px;*/
    /*margin-right: 10px;*/
    margin-bottom: 8px;
    /*padding: 0px;*/
  }

  .tablet .reset-assignment .assignment-continue-button {
    width: 100%;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    /*margin-top: 28px;*/
    margin-bottom: 8px;
    /*margin: 0 calc((100% - 650px)/2);*/
  }

  body.rtl .tablet .reset-assignment .assignment-continue-button {
    /*margin-right: 15px;*/
  }

  .tablet .reset-assignment .assignment-reset-button {
    width: 100%;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    /*margin-top: 28px;*/
    margin-bottom: 8px;
    /*padding: 0px;*/
    /*float: left;*/
  }

  /************ Quiz validation modal body ******************/
  .ks-model-wrapper {
    padding: 10px !important;
  }

  .ks-model-wrapper .ks-modal-header {
    height: 30px;
    width: 100%;
    background-color: #f65543;
  }

  .ks-model-wrapper .ks-modal-header > p {
    padding: 4px;
    font-family: "fbogen-regular";
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
  }

  .quiz-validation-modal {
    border: 1px solid #B3C4CE;
    padding: 10px;
  }

  .modal-quiz-validation .modal-dialog {
    width: 90%;
    height: 370px;
    margin-top: 100px;
  }

  .quiz-validation-modal .quiz-validation-modal-footer .back-button {
    width: 110px;
    height: 30px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    padding: 0px;
  }

  .quiz-validation-modal .quiz-validation-modal-footer .done-button {
    width: 110px;
    height: 30px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    padding: 0px;
  }

  .quiz-validation-modal .quiz-validation-modal-content .warning {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
    color: #7c7c7c;
  }

  .quiz-validation-modal .quiz-validation-modal-content .title {
    margin-bottom: 15px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: center;
    color: #f65543;
  }

  .quiz-validation-modal .quiz-validation-modal-content .comment {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
  }

  .tablet .assignment-header .assignment-body .assignments-grade-button {
    margin: 0 calc((100% - 140px)/2);
    width: 140px;
    height: 60px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: normal;
    font-size: 36px;
    color: #FFFFFF;
    margin-bottom: 10px;
  }

  .tablet .assignment-header .assignment-graph-results {
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
  }

  .tablet .reset-assignment {
    margin-top: 20px;
  }

  .tablet .assignment-header .data {
    height: 160px;
    width: 65%;
    /*border-top: 1px solid #cccccc;*/
    /*border-bottom: 1px solid #cccccc;*/
    margin-top: 20px;
  }

  .assignment-submitted-body .data {
    /*border-top: 1px solid #cccccc;*/
    /*border-bottom: 1px solid #cccccc;*/
    margin-top: 20px;
  }

  .tablet .assignment-header .data .bar {
    width: 42px;
    height: 50px;
    color: #666666;
    text-align: center;
    position: absolute;
    bottom: 0;
  }

  .tablet .assignment-header .data .bar span {
    display: inherit;
    position: absolute;
    bottom: 6px;
    width: 42px;
    text-align: center;
    color: #9b9b9b;
  }

  .tablet .assignment-header .data .bar.wrong {
    left: 6%;
    background-color: #f75b3b;
    max-height: 150px !important;
  }

  .tablet .assignment-header .data .bar.semi-right {
    left: 38%;
    background-color: #94ccec;
    max-height: 150px !important;
  }

  .tablet .assignment-header .data .bar.right {
    left: 78%;
    background-color: #0199d9;
    max-height: 150px !important;
  }

  .tablet .assignment-header .assignment-graph-results .labels {
    height: 40px;
    width: 65%;
    margin-top: 5px;
    color: #9b9b9b;
  }

  .tablet .assignment-header .assignment-graph-results .labels .wrong {
    position: absolute;
    left: 6%;
    width: 42px;
  }

  .tablet .assignment-header .assignment-graph-results .labels .semi-right {
    position: absolute;
    left: 38%;
    width: 42px;
  }

  .tablet .assignment-header .assignment-graph-results .labels .right {
    position: absolute;
    left: 78%;
    width: 42px;
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback-title {
    padding-top: 15px;
    font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #009DD9;
    text-align: center;
    /*margin: 0 calc((100% - 600px)/2);*/
    line-height: normal;
    display: none;
  }

  .tablet .assignment-header .assignment-body .assignment-results_of_test {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #9b9b9b;
    text-align: center;
    white-space: normal;
    margin-top: 12px;
    /*margin: 0 calc((100% - 300px)/2);*/
  }

  .assignment-header .assignment-body .assignment-name {
    padding-top: 8px;
    font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold";
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: #4a4a4a;
    /*margin: 0 calc((100% - 600px)/2);*/
  }

  .assignment-header .assigned-by {
    /*margin: 0 calc((100% - 600px)/2);*/
    display: flex;
    margin-top: 20px;
  }

  .tablet .assignment-header .assignment-body .assignment-finished-button {
    width: 100%;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    /*padding: 5px;
    margin: 10px 0 0 0;*/
  }

  .assignment-header .assignment-body .assignment-results-tablet-button {
    /*margin: 0 calc((100% - 300px)/2);*/
    /*float: left;*/
    width: 140px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback {
    font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
    font-weight: 400;
    text-align: center;
    font-style: normal;
    font-size: 22px;
    color: #4a4a4a;
    /*width: 82%;*/
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .tablet .assignment-header .assignment-body .assignment-results-tablet-button-center {
    /*margin-bottom: 0px;*/
    /*margin-top: 10px;*/
    /*margin: 0 calc((100% - 300px)/2);*/
    /*width: 300px;*/
    width: 100%;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #FFFFFF;
    /*padding: 4px;*/
    text-align: center;
  }

  body.ltr .tablet .assignment-header .assignment-body .assignment-results-tablet-button-center {
    /*margin-left: 12%;*/
  }

  body.rtl .tablet .assignment-header .assignment-body .assignment-results-tablet-button-center {
    /*margin-right: 12%;*/
  }

  .assignment-header .assignment-modal-header .assignment-modal-title {
    font-family: "FbOgen-Regular", "FbOgen";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    padding-top: 32px;
    width: 76%;
  }

  .assignment-header .assignment-body {
    /*border: 1px solid #B3C4CE;*/
    /*padding: 5px 5px 30px 5px;*/
    width: 88%;
  }

  .assignment-header .assignment-body .assignment-subject {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin: 0 calc((100% - 200px)/2);
  }

  .assignment-header .assignment-body .assignment-status {
    padding-top: 10px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #0099D9;
    /*text-align: center;*/
    /*margin: 0 calc((100% - 600px)/2);*/
  }

  .assignment-header .assignment-body .assignment-status > span {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  }

  body.ltr.assignment-header .assignment-body .assignment-status {
    float: left;
  }

  body.rtl.assignment-header .assignment-body .assignment-status {
    float: right;
  }

  .assignment-header .assignment-body .assignment-status .normal {
    color: #009DD9;
  }

  .assignment-header .assignment-body .assigned-by .profile-img {
    margin-top: 18px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    margin: 0 calc((100% - 370px)/2);
  }

  .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
    padding-top: 20px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    line-height: normal;
  }

  .assignment-header .assignment-body .assignment-guidlines {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #666666;
    width: 75%;
    margin-top: 30px;
  }

  .assignment-header .assignment-body .assignment-line {
    font-weight: 300;
    background-color: #B3C4CE;
    width: 99%;
    height: 1px;
    margin-top: 20px;
  }

  .assignment-header .assignment-body .padding-20 {
    /*padding: 10px;*/
    padding: 20px 0 20px 0;
  }

  .assignment-header .assignment-user-info {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .tablet .assignment-header .assignment-body .assignment-name {
    font-size: 22px;
    white-space: normal;
  }

  .tablet .assignment-header .assignment-body .assignment-result-line {
    font-weight: 300;
    background-color: #CCCCCC;
    width: 96%;
    height: 1px;
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback:before {
    content: '" ';
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback:after {
    content: ' "';
  }

  p.assignment-teacher_feedback {
    white-space: normal;
    margin: 0 20px 0 20px;
  }

  .tablet .assignment-header .assignment-body .assignment-results {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #666666;
    text-align: center;
    margin: 0 calc((100% - 300px)/2);
    margin-right: 29%;
    margin-top: 12px;
    margin-bottom: 24px;
  }

  .tablet .assignment-header .assignment-body .assignment-results .assignment-correct-answers {
    margin-bottom: 6px;
    text-align: right;
    margin-right: 75px;
  }

  .tablet .assignment-header .assignment-body .assignment-results .assignment-wrong-answers {
    margin-bottom: 6px;
    text-align: right;
    margin-right: 24px;
  }

  .tablet .assignment-header .assignment-body .assigned-by {
    /*display: flex;*/
    display: -webkit-box;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .tablet-view .assigned-by .assignment-user-info {
    display: none;
  }

  .tablet .assignment-header .assignment-body .assigned-by .profile-img {
    margin-top: 14px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    margin-right: 23%;
  }

  .tablet .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
    padding-top: 20px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    text-align: right;
    vertical-align: middle;
    line-height: normal;
  }

  .tablet .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails .feedback {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #0099d9;
    text-align: right;
    vertical-align: middle;
    line-height: 18px;
  }

  .tablet .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails .owner {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #7c7c7c;
    text-align: right;
    vertical-align: middle;
    line-height: 18px;
  }

  .tablet .assignment-header .assignment-body .assignment-results-tablet-button {
    /*margin-bottom: 0px;*/
    margin-top: 10px;
    /*margin: 10px 0 0 0;*/
    width: 100%;
  }

  .assignment-submitted-body {
    height: 100%;
    margin-bottom: 12px;
  }
}
/** Tablet **/
@media screen and (min-width: 451px) and (max-width: 800px) {
  .ks-model-wrapper .ks-modal-header {
    height: 30px;
    width: 100%;
    background-color: #f65543;
  }
}
/** Tablet And Desktop **/
@media screen and (min-width: 451px) {
  .mobile-view {
    display: none;
  }

  .assignment-header .assignment-modal-header {
    width: 100%;
    height: 64px;
    margin-bottom: 20px;
  }

  body.rtl .tablet .assignment-header .assignment-body .assigned-by {
    margin-right: 26%;
  }

  body.rtl .assignment-header .assignment-body .assignments-modal-button {
    margin-right: 34%;
  }

  body.ltr .assignment-header .assignment-body .assignments-modal-button {
    margin-left: 34%;
  }

  .assignment-header .assignment-body .assignments-modal-button {
    width: 30%;
    min-width: 200px;
    max-width: 300px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
  }

  .assignment-header .assignment-modal-header .assignment-close-button {
    position: absolute;
    top: 22px;
    width: 135px;
    height: 40px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #0099D9;
    background-color: white;
  }

  body.rtl .assignment-header .assignment-modal-header .assignment-close-button {
    left: 20px;
  }

  body.rtl .tablet .reset-assignment .assignment-archive-button {
    float: right;
    margin-right: 10px;
  }

  body.ltr .tablet .reset-assignment .assignment-archive-button {
    float: left;
    margin-left: 10px;
  }

  .tablet .reset-assignment .assignment-archive-button {
    width: 180px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    /*margin-top: 28px;*/
    /*margin-right: 10px;*/
    margin-bottom: 8px;
    padding: 0px;
  }

  .tablet .reset-assignment .assignment-continue-button {
    width: 270px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    /*margin-top: 28px;*/
    margin-bottom: 8px;
    margin: 0 calc((100% - 650px)/2);
  }

  .tablet .reset-assignment .assignment-reset-button {
    width: 180px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    /*margin-top: 28px;*/
    margin-bottom: 8px;
    padding: 0px;
    /*float: left;*/
  }

  /************ Quiz validation modal body ******************/
  .quiz-validation-modal {
    border: 1px solid #B3C4CE;
    padding: 20px;
  }

  .quiz-validation-modal .quiz-validation-modal-footer {
    padding-bottom: 40px;
  }

  .ks-model-wrapper .ks-modal-header > p {
    padding: 4px;
    font-family: "fbogen-regular";
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
  }

  .modal-quiz-validation .modal-dialog {
    width: 520px;
    height: 370px;
    margin-top: 100px;
  }

  .quiz-validation-modal .quiz-validation-modal-footer .back-button {
    width: 210px;
    height: 40px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    padding: 0px;
  }

  .quiz-validation-modal .quiz-validation-modal-footer .done-button {
    width: 210px;
    height: 40px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    padding: 0px;
  }

  body.rtl .quiz-validation-modal .quiz-validation-modal-footer .done-button {
    float: left;
  }

  body.ltr .quiz-validation-modal .quiz-validation-modal-footer .done-button {
    float: right;
  }

  .quiz-validation-modal .quiz-validation-modal-content .warning {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
  }

  .quiz-validation-modal .quiz-validation-modal-content .title {
    margin-bottom: 30px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    text-align: center;
    color: #f75b3b;
  }

  .quiz-validation-modal .quiz-validation-modal-content .comment {
    margin-bottom: 15px;
    padding: 5;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    text-align: center;
    margin-bottom: 60px;
    width: 70%;
  }

  .tablet .assignment-header .assignment-body .assignments-grade-button {
    margin: 0 calc((100% - 200px)/2);
    margin-right: 35%;
    width: 200px;
    height: 63px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: normal;
    font-size: 36px;
    color: #FFFFFF;
    /*margin-top: 18px;*/
    margin-bottom: 20px;
  }

  .tablet .assignment-header .assignment-graph-results {
    height: 240px;
    width: 440px;
  }

  .tablet .reset-assignment {
    margin-top: 20px;
  }

  .tablet .assignment-header .data {
    height: 200px;
    width: 440px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-top: 20px;
  }

  .assignment-submitted-body .data {
    height: 200px;
    width: 440px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-top: 20px;
  }

  .tablet .assignment-header .data .bar {
    width: 65px;
    height: 50px;
    color: #666666;
    text-align: center;
    position: absolute;
    bottom: 0;
  }

  .tablet .assignment-header .data .bar span {
    display: inherit;
    position: absolute;
    bottom: 6px;
    width: 64px;
    text-align: center;
  }

  .tablet .assignment-header .data .bar.wrong {
    left: 80px;
    background-color: #f75b3b;
  }

  .tablet .assignment-header .data .bar.semi-right {
    left: 190px;
    background-color: #94ccec;
  }

  .tablet .assignment-header .data .bar.right {
    left: 300px;
    background-color: #0199d9;
  }

  .tablet .assignment-header .assignment-graph-results .labels {
    height: 40px;
    width: 440px;
    margin-top: 5px;
  }

  .tablet .assignment-header .assignment-graph-results .labels .wrong {
    position: absolute;
    left: 94px;
  }

  .tablet .assignment-header .assignment-graph-results .labels .semi-right {
    position: absolute;
    left: 190px;
  }

  .tablet .assignment-header .assignment-graph-results .labels .right {
    position: absolute;
    left: 300px;
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback-title {
    padding-top: 15px;
    font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #009DD9;
    text-align: center;
    margin: 0 calc((100% - 600px)/2);
    line-height: normal;
  }

  .tablet .assignment-header .assignment-body .assignment-results_of_test {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    text-align: center;
    white-space: normal;
    margin: 0 calc((100% - 300px)/2);
  }

  .assignment-header .assignment-body .assignment-name {
    padding-top: 8px;
    font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew Bold", "Open Sans Hebrew";
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    text-align: center;
    color: #333333;
    margin: 0 calc((100% - 600px)/2);
  }

  .assignment-header .assigned-by {
    margin: 0 calc((100% - 600px)/2);
    display: flex;
    margin-top: 20px;
  }

  .tablet .assignment-header .assignment-body .assignment-finished-button {
    width: 180px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    padding: 5px;
    margin: 10px 0 0 0;
  }

  .assignment-header .assignment-body .assignment-results-tablet-button {
    margin: 0 calc((100% - 300px)/2);
    /*float: left;*/
    width: 300px;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback {
    font-family: "OpenSansHebrew-Bold", "Open Sans Hebrew";
    font-weight: 400;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    width: 82%;
    margin-top: 20px;
    margin-bottom: 34px;
  }

  .tablet .assignment-header .assignment-body .assignment-results-tablet-button-center {
    margin-bottom: 0px;
    margin-top: 10px;
    /*margin: 0 calc((100% - 300px)/2);*/
    /*width: 300px;*/
    width: 30%;
    min-width: 200px;
    max-width: 300px;
    margin-right: 34%;
    height: 50px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    padding: 4px;
    text-align: center;
  }

  body.ltr .tablet .assignment-header .assignment-body .assignment-results-tablet-button-center {
    margin-left: 34%;
  }

  body.rtl .tablet .assignment-header .assignment-body .assignment-results-tablet-button-center {
    margin-right: 34%;
  }

  .assignment-header .assignment-modal-header .assignment-modal-title {
    font-family: "FbOgen-Regular", "FbOgen";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    padding-top: 32px;
  }

  .assignment-header .assignment-body {
    border: 1px solid #B3C4CE;
    padding: 24px 6px 30px 6px;
    width: 92%;
  }

  .assignment-header .assignment-body .assignment-subject {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin: 0 calc((100% - 200px)/2);
  }

  .assignment-header .assignment-body .assignment-status {
    padding-top: 10px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #009DD9;
    text-align: center;
    margin: 0 calc((100% - 600px)/2);
  }

  .assignment-header .assignment-body .assignment-status .normal {
    color: #009DD9;
  }

  .assignment-header .assignment-body .assigned-by .profile-img {
    margin-top: 18px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    margin: 0 calc((100% - 370px)/2);
  }

  .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
    padding-top: 20px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    line-height: normal;
  }

  .assignment-header .assignment-body .assignment-guidlines {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #666666;
    width: 75%;
    margin-top: 30px;
  }

  .assignment-header .assignment-body .assignment-line {
    font-weight: 300;
    background-color: #B3C4CE;
    width: 99%;
    height: 1px;
    margin-top: 50px;
  }

  .assignment-header .assignment-body .padding-20 {
    padding-bottom: 0px;
  }

  .assignment-header .assignment-user-info {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .tablet .assignment-header .assignment-body .assignment-name {
    font-size: 18px;
    white-space: normal;
  }

  .tablet .assignment-header .assignment-body .assignment-result-line {
    font-weight: 300;
    background-color: #CCCCCC;
    width: 96%;
    height: 1px;
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback:before {
    content: '" ';
  }

  .tablet .assignment-header .assignment-body .assignment-teacher_feedback:after {
    content: ' "';
  }

  p.assignment-teacher_feedback {
    white-space: normal;
    margin: 0 20px 0 20px;
  }

  .tablet .assignment-header .assignment-body .assignment-results {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #666666;
    text-align: center;
    margin: 0 calc((100% - 300px)/2);
    margin-right: 29%;
    margin-top: 12px;
    margin-bottom: 24px;
  }

  .tablet .assignment-header .assignment-body .assignment-results .assignment-correct-answers {
    margin-bottom: 6px;
    text-align: right;
    margin-right: 75px;
  }

  .tablet .assignment-header .assignment-body .assignment-results .assignment-wrong-answers {
    margin-bottom: 6px;
    text-align: right;
    margin-right: 24px;
  }

  .tablet .assignment-header .assignment-body .assigned-by {
    /*margin: 0 calc((100% - 600px)/2);*/
    /*margin-right: 0px;*/
    display: flex;
    display: -webkit-box;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .mobile-view .assigned-by .assignment-user-info {
    display: none;
  }

  .tablet .assignment-header .assignment-body .assigned-by .profile-img {
    margin-top: 18px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    /*margin: 0 calc((100% - 370px)/2);*/
    margin-right: 23%;
    margin-top: 6px;
  }

  .tablet .assignment-header .assignment-body .assigned-by > p.assignment-sendingDetails {
    padding-top: 20px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    text-align: right;
    vertical-align: middle;
    line-height: normal;
  }

  .tablet .assignment-header .assignment-body .assignment-results-tablet-button {
    margin-bottom: 0px;
    margin-top: 10px;
    margin: 10px 0 0 0;
  }

  .assignment-submitted-body {
    height: 100%;
  }
}
/** Desktop **/
@media screen and (min-width: 800px) {
  .ks-model-wrapper .ks-modal-header {
    display: none;
  }
}
/***********************************  English *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                            Assignments                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
.assignmentStats {
  padding-bottom: 30px;
}

.gradeDivisionStats {
  border: 1px solid #cccccc;
  height: auto;
  padding: 10px;
  clear: both;
}

#passStatsBarMessage {
  font-size: 16px !important;
}

.questionDivisionStats {
  margin-top: 20px;
  border: 1px solid #cccccc;
  height: auto;
  padding: 10px;
  clear: both;
}

.stats-block {
  margin-top: 20px;
}

.timedStats {
  border: 1px solid #cccccc;
  width: 27.9%;
  height: 167px;
  margin-bottom: 20px;
  padding: 10px 30px;
}

.passStats {
  border: 1px solid #cccccc;
  width: 48.2%;
  height: 167px;
  margin-bottom: 20px;
  padding: 20px;
}

.averageStats {
  border: 1px solid #cccccc;
  width: 19.4%;
  height: 167px;
  margin-bottom: 20px;
  padding: 20px;
}

.timedStats,
.passStats,
.averageStats,
.deliverTimeShape:before,
.deliverTimeShape:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.deliverTimeShape {
  position: relative;
  height: 37px;
  width: 56px;
  border-radius: 150px;
  text-align: center;
}

.passStatsBar {
  width: 100%;
  height: 47px;
  margin: 0;
  font-size: 0 !important;
}

.deliverTimeShapeText {
  position: relative;
  top: 9px;
  color: White;
  font-weight: bold;
  font-size: 20px;
}

.deliveredOnTime {
  margin-top: 7px;
}

.deliveredLate {
  margin-top: 10px;
}

.deliveredNotYet {
  margin-top: 10px;
}

.deliverTimeText {
  width: 111px;
  vertical-align: middle;
  position: relative;
  top: 11px;
  overflow: hidden;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  color: #666666;
}

#statsContainer {
  overflow: hidden;
  height: 100%;
}

.passBar {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 10%;
}

.passTriangle,
.failTriangle {
  position: absolute;
}

.passTriangle {
  margin-right: -16px;
}

.failTriangle {
  margin-left: -13px;
}

.failText {
  margin-left: -20px;
}

.passText {
  margin-right: -16px;
}

.passNumber {
  margin-right: -17px;
}

.failNumber {
  margin-left: -9px;
}

.averageGrade {
  width: 100%;
  height: 85px;
  text-align: center;
  background-color: #FF9900;
}

.averageGradeText {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  color: #FFFFFF;
  vertical-align: middle;
  line-height: 85px;
  margin: 0 auto;
}

.passNumber, .failNumber {
  font-family: ArialMT, Arial;
  font-kerning: auto;
  font-size: 26px;
  color: #666666;
  position: absolute;
  top: 145%;
}

.averageGradeLabel {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #666666;
  margin-top: 15px;
}

.passText, .failText {
  top: 14px;
  position: absolute;
  color: white;
  font-size: 20px;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew" !important;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .timedStats {
  margin-right: 20px;
}

.ltr .passStats {
  margin-right: 20px;
}

.ltr .timedStats,
.ltr .passStats,
.ltr .averageStats {
  float: left;
}

.ltr .deliveredOnTime,
.ltr .deliveredLate,
.ltr .deliveredNotYet {
  float: left;
  clear: both;
}

.ltr .deliverTimeShape {
  float: left;
}

.ltr .deliverTimeText {
  float: left;
  left: 10px;
}

/***********************************  RTL ***********************************/
.rtl .timedStats {
  margin-left: 20px;
}

.rtl .passStats {
  margin-left: 20px;
}

.rtl .timedStats,
.rtl .passStats,
.rtl .averageStats {
  float: right;
}

.rtl .deliveredOnTime,
.rtl .deliveredLate,
.rtl .deliveredNotYet {
  float: right;
  clear: both;
}

.rtl .deliverTimeShape {
  float: right;
}

.rtl .deliverTimeText {
  float: right;
  right: 10px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                               Study materials & textbooks Edit                                  */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#bookEditHeader {
  min-height: 110px;
  max-height: 180px;
  font-family: OpenSansHebrew, serif;
  font-weight: bold;
  color: #424242;
  overflow: hidden;
}

/* header of RTL books*/
#bookEditHeader .cover.rtlElement,
#bookEditHeader .info.rtlElement,
#bookEditHeader .code.ltrElement {
  float: right;
}

/* header of LTR books*/
#bookEditHeader .cover.ltrElement,
#bookEditHeader .info.ltrElement,
#bookEditHeader .code.rtlElement {
  float: left;
}

#bookEditHeader .info {
  padding: 0 10px;
  width: calc(100% - 95px);
  margin: 0;
}

#bookEditHeader .cover img {
  height: 100px;
  max-width: 70px;
  border: 1px solid #ccc;
}

#bookEditHeader .view:hover {
  color: #0099d9;
}

#bookEditHeader .title {
  padding: 0;
  margin: 0 0 18px 0;
  font-size: 24px;
  vertical-align: middle;
}

#bookEditHeader .title i {
  font-size: 24px;
}

#bookEditHeader .author {
  font-size: 20px;
  margin-bottom: 5px;
}

#uploadBookForm .cover-maker {
  width: 46%;
}

#uploadBookForm .book-data > h3,
#uploadBookForm .cover-maker > h3,
#uploadBookForm .choose-book > h3 {
  background: #389EDF;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

#uploadBookForm.book-data > div,
#uploadBookForm .cover-maker > div {
  border: 1px solid #B3C4CE;
  border-top: none;
  padding: 20px;
  height: 500px;
}

#uploadBookForm .choose-book > div {
  border-left: 1px solid #B3C4CE;
  border-right: 1px solid #B3C4CE;
  padding: 20px;
}

#uploadBookForm .book-data > div > div {
  margin-bottom: 20px;
}

#uploadBookForm .book-data > div > div:last-child {
  margin-bottom: 0;
}

#uploadBookForm .label-text,
#uploadBookForm .label-select {
  height: 35px;
  line-height: 35px;
}

#uploadBookForm .label-textarea {
  height: 50px;
  line-height: 50px;
}

#uploadBookForm .book-data input,
#uploadBookForm .book-data select,
#uploadBookForm .book-data textarea {
  width: 320px;
  height: 35px;
  font-size: 16px;
}

#uploadBookForm .book-data input[type=checkbox] {
  width: auto;
}

#uploadBookForm .book-data textarea {
  height: 50px;
  max-height: 50px;
  min-height: 50px;
  width: 320px;
  max-width: 320px;
  min-width: 320px;
}

#uploadBookForm .book-data div.input_field {
  width: 73% !important;
  float: left !important;
  vertical-align: middle !important;
}

#uploadBookForm .book-data .ksSchoolSelect ul {
  display: block;
  top: 37px !important;
}

#uploadBookForm .book-data .ksSchoolSelect input {
  width: 320px;
  max-width: 303px !important;
  min-width: 271px !important;
}

#uploadBookForm .choose-book {
  margin-top: 20px;
}

#uploadBookForm .choose-book .result-notification {
  margin-top: 20px;
}

#uploadBookForm .form-footer {
  border: 1px solid #B3C4CE;
  padding: 20px;
  background: #EDEDED;
}

#uploadBookForm .cover {
  width: 314px;
  height: 457px;
  border: 1px solid #B3C4CE;
}

#uploadBookForm .cover input[type=text],
#uploadBookForm .cover textarea,
#uploadBookForm .cover .textareaClone {
  background: transparent;
  width: 100%;
  overflow: hidden;
  resize: none;
  color: black;
  padding: 0;
  margin: 0;
  border: none;
  letter-spacing: 0;
  word-wrap: normal;
  -webkit-transition: line-height 0.1s, font-size 0.1s;
  -moz-transition: line-height 0.1s, font-size 0.1s;
  -o-transition: line-height 0.1s, font-size 0.1s;
  transition: line-height 0.1s, font-size 0.1s;
}

#uploadBookForm .cover .textareaClone {
  word-wrap: normal;
  white-space: pre-wrap;
}

#uploadBookForm .cover textarea::-webkit-input-placeholder {
  color: inherit;
}

#uploadBookForm .cover textarea:-moz-placeholder {
  color: inherit;
}

#uploadBookForm .cover textarea::-moz-placeholder {
  color: inherit;
}

#uploadBookForm .cover textarea:-ms-input-placeholder {
  color: inherit;
}

/*****************/
/* Covers        */
/*****************/
/*----------- Template 1 ------------*/
#uploadBookForm .cover-template-1 .cover-header {
  height: 282px;
  padding: 15px;
}

#uploadBookForm .cover-template-1 .cover-middle {
  height: 65px;
  padding: 15px;
}

#uploadBookForm .cover-template-1 .cover-footer {
  height: 110px;
  padding: 15px;
}

#uploadBookForm .cover-template-1 .subject {
  font-size: 36px;
  margin-bottom: 35px;
}

#uploadBookForm .cover-template-1 .title {
  height: 180px;
  max-height: 180px;
  min-height: 180px;
}

#uploadBookForm .cover-template-1 .font-step-6 {
  font-size: 60px;
  line-height: 60px;
}

#uploadBookForm .cover-template-1 .font-step-5 {
  font-size: 57px;
  line-height: 57px;
}

#uploadBookForm .cover-template-1 .font-step-4 {
  font-size: 54px;
  line-height: 54px;
}

#uploadBookForm .cover-template-1 .font-step-3 {
  font-size: 51px;
  line-height: 51px;
}

#uploadBookForm .cover-template-1 .font-step-2 {
  font-size: 48px;
  line-height: 48px;
}

#uploadBookForm .cover-template-1 .font-step-1 {
  font-size: 45px;
  line-height: 45px;
}

#uploadBookForm .cover-template-1 .type {
  font-size: 36px;
}

#uploadBookForm .cover-template-1 .author {
  font-size: 30px;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

#uploadBookForm .cover-template-1 .cover-header {
  background: #389EDF;
}

#uploadBookForm .cover-template-1 .cover-middle {
  background: #b0b4b0;
}

#uploadBookForm .cover-template-1 .cover-footer {
  background: #FFF;
}

#uploadBookForm .cover-template-1 .subject {
  color: black;
}

#uploadBookForm .cover-template-1 .title {
  color: white;
}

#uploadBookForm .cover-template-1 .type {
  color: black;
}

#uploadBookForm .cover-template-1 .author {
  color: #389EDF;
}

/*----------- Template 2 ------------*/
#uploadBookForm .cover-template-2 {
  color: white;
  background: #389EDF;
}

body :lang(he) .cover-template-2,
.cover-template-2 .title.cover-language-he {
  font-family: "Heebo", sans-serif;
  font-weight: 500;
}

:lang(ar) .cover-template-2,
.cover-template-2 .title.cover-language-ar {
  font-family: "Amiri", sans-serif;
  font-weight: 400;
}

:lang(en) .cover-template-2,
.cover-template-2 .title.cover-language-en {
  font-family: "OpenSans", sans-serif;
  font-weight: 600;
}

.cover-template-2 .cover-header {
  height: 357px;
  background: url("/../img/logos/hand2.png");
  background-repeat: no-repeat;
  background-position: center;
  font-family: inherit;
  font-weight: inherit;
}

.cover-template-2 .cover-middle {
  height: 50px;
  background-color: #4a4a4a;
  text-align: center;
  font-family: inherit;
  font-weight: inherit;
}

.cover-template-2 .cover-footer {
  color: inherit;
  height: 50px;
  text-align: center;
  font-family: inherit;
  font-weight: inherit;
}

.cover-template-2 .subject {
  height: 50px;
  padding: 0 8px;
  font-size: 36px;
  font-family: inherit;
  font-weight: inherit;
  white-space: nowrap;
  line-height: 50px;
  vertical-align: middle;
  background-color: #00000035;
}

.cover-template-2 .subject span {
  font-family: inherit;
  font-weight: inherit;
}

.cover-template-2 .title {
  color: inherit;
  height: 290px;
  padding: 10px;
  font-family: inherit;
  font-weight: inherit;
  font-size: 48px;
  line-height: 56px;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.cover-template-2 .title.ltr {
  font-size: 44px;
  line-height: 55px;
}

.cover-template-2 .type {
  font-family: inherit;
  font-weight: inherit;
  font-size: 30px;
  line-height: 50px;
  vertical-align: middle;
}

.cover-template-2 .author {
  font-family: inherit;
  font-weight: inherit;
  font-size: 32px;
  line-height: 50px;
  vertical-align: middle;
}

/******************************* EDIT TEXTBOOKS  ******************************/
#main-tab {
  width: 100%;
  margin: 0;
}

#uploadTextbookForm {
  margin-top: 20px;
}

#uploadTextbookForm .book-data > h3 {
  background: #389EDF;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

#uploadTextbookForm .form-footer {
  border: 1px solid #B3C4CE;
  padding: 20px;
  background: #F2F2F2;
}

#uploadTextbookForm hr {
  margin: 40px 0;
}

#uploadTextbookForm .class-levels {
  float: left;
  width: 320px;
  height: 35px;
  display: inline-block;
}

#uploadTextbookForm .class-levels > select:first-child,
#uploadTextbookForm .book-codes > input:first-child {
  float: right !important;
}

#uploadTextbookForm .class-levels select {
  width: 100px !important;
}

#uploadTextbookForm .class-levels label {
  margin: 0 20px;
}

#uploadTextbookForm .book-codes label {
  margin: 0;
}

#uploadTextbookForm .book-data > div {
  border: 1px solid #B3C4CE;
  border-top: none;
  padding: 20px;
}

#editBookProductsForm .book-products {
  margin-bottom: 20px;
}

#editBookProductsForm .book-products > div.file-box {
  border-left: 1px solid #B3C4CE;
  border-right: 1px solid #B3C4CE;
  padding: 20px;
}

#uploadTextbookForm .book-data > div > div {
  margin-bottom: 20px;
}

#uploadTextbookForm .book-data > div > div:last-child {
  margin-bottom: 0;
}

#uploadTextbookForm .label-text,
#uploadTextbookForm .label-select {
  height: 35px;
  line-height: 35px;
  display: inline-block;
  width: 15%;
}

#uploadTextbookForm .label-textarea {
  height: 50px;
  line-height: 50px;
}

#uploadTextbookForm .form-input {
  width: 85%;
}

#uploadTextbookForm .checkbox-group {
  display: block;
  width: 20%;
}

#uploadTextbookForm .checkbox-group:last-child:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

#uploadTextbookForm .form-input textarea,
#uploadTextbookForm .form-input select,
#uploadTextbookForm .form-input input {
  width: 100%;
  height: 35px;
  font-size: 16px;
  padding: 5px;
}

#uploadTextbookForm input,
#uploadTextbookForm select,
#uploadTextbookForm textarea {
  width: 85%;
  height: 35px;
  font-size: 16px;
  padding: 5px;
}

#uploadTextbookForm cl-tags {
  width: 85%;
  display: inline-block;
}

#uploadTextbookForm .cl-tags .tags-list .autocomplete.tag-input input {
  font-size: 14px;
  height: 18px;
}

#uploadTextbookForm input[type=checkbox] {
  width: auto;
}

#uploadTextbookForm .book-codes-input {
  width: 150px;
}

#uploadTextbookForm .form-input[field=missing_content_desc] {
  width: 82%;
}

#uploadTextbookForm #url-block {
  float: left;
  width: 60%;
}

#uploadTextbookForm input[name=id],
#uploadTextbookForm select[name=book_type_id],
#uploadTextbookForm select[name=curriculum_id],
#uploadTextbookForm .form-input[field=subject_id],
#uploadTextbookForm .form-input[field=language_id],
#uploadTextbookForm .form-input[field=publication_date],
#uploadTextbookForm select[name=digitization_type] {
  width: 200px;
}

#uploadTextbookForm select[name=matah_book] {
  width: 250px;
}

#uploadTextbookForm .form-input[field=exam_boards] {
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px 10px;
}

#uploadTextbookForm select[name=course_level] {
  width: 350px;
}

#uploadTextbookForm select[name=minClassLevel],
#uploadTextbookForm select[name=maxClassLevel] {
  width: 100px;
}

#uploadTextbookForm .upload-files input,
#uploadTextbookForm .upload-files select,
#uploadTextbookForm .upload-files textarea {
  width: 250px;
  float: left;
}

#uploadTextbookForm input[name=url] {
  text-align: left;
}

#uploadTextbookForm .upload-files .full {
  width: 375px;
}

#uploadTextbookForm .upload-files input[type=checkbox] {
  width: auto;
}

#uploadTextbookForm textarea {
  height: 120px;
  min-height: 120px;
  overflow-x: hidden;
  resize: vertical;
}

#uploadTextbookForm .form-error, #uploadTextbookForm .cl-tranzila-payment__form-error {
  position: absolute !important;
  font-size: 12px !important;
  color: #E13522 !important;
  margin-top: 3px !important;
  line-height: normal !important;
}

#uploadTextbookForm #danacode-error {
  margin-top: 35px !important;
}

#uploadTextbookForm .form-error a, #uploadTextbookForm .cl-tranzila-payment__form-error a {
  cursor: pointer;
}

#uploadTextbookForm .form-error a:hover, #uploadTextbookForm .cl-tranzila-payment__form-error a:hover {
  text-decoration: underline;
}

#uploadTextbookForm .form-success {
  color: #25C266;
  font-size: 24px;
  font-weight: bold;
}

#uploadTextbookForm .upload-files img {
  max-width: 100%;
  width: auto;
  height: auto;
}

/******************************* Covers Tab  ******************************/
#covers-tab {
  width: 100%;
  padding-top: 10px;
}
#covers-tab .upload-area {
  margin: 0;
  height: 500px;
  width: 700px;
  text-align: center;
  padding-top: 150px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}
#covers-tab .upload-area p {
  margin: 10px 0;
}
#covers-tab .main-area {
  height: 650px;
  width: 100%;
}
#covers-tab .main-area .preview-area {
  height: 620px;
  width: 100%;
}
#covers-tab .main-area .preview-area .tools .element {
  display: inline-block;
  text-align: center;
  height: 40px;
  cursor: pointer;
}
#covers-tab .main-area .preview-area .tools .range-slider {
  width: 140px;
  position: relative;
}
#covers-tab .main-area .preview-area .tools .range-slider input {
  display: inline-block;
  direction: ltr;
  cursor: move;
}
#covers-tab .main-area .preview-area .tools .switch {
  width: 60px;
}
#covers-tab .main-area .preview-area .tools .switch input {
  display: inline-block;
  width: 60px;
}
#covers-tab .main-area .preview-area .tools .btn {
  width: 35px;
}
#covers-tab .main-area .preview-area .tools .btn i {
  color: #0174fb;
}
#covers-tab .main-area .preview-area .tools .btn i:hover {
  color: #0153b3;
}
#covers-tab .main-area .preview-area .tools label {
  display: inline-block;
  font-size: 12px;
  width: 100%;
}
#covers-tab .main-area .source {
  float: right;
  width: 700px;
  height: 600px;
  background-color: #f5c6c1;
  border: 1px solid #CCCCCC;
}
#covers-tab .main-area .source .crop-area {
  height: 100%;
  width: 100%;
}
#covers-tab .main-area .source .crop-area canvas {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  cursor: move;
}
#covers-tab .main-area .cropped {
  float: left;
}
#covers-tab .main-area .cropped div {
  float: left;
}
#covers-tab .main-area .cropped .cover .title {
  width: 100%;
  background-color: white;
  text-align: center;
}
#covers-tab .main-area .cropped .cover .wrap {
  border: 1px solid #CCCCCC;
  background-color: #f5c6c1;
}
#covers-tab .main-area .cropped .cover.medium {
  width: 275px;
  margin-right: 20px;
}
#covers-tab .main-area .cropped .cover.medium .wrap {
  width: 275px;
  height: 400px;
}
#covers-tab .main-area .cropped .cover.medium img {
  width: 275px;
}
#covers-tab .main-area .cropped .cover.small {
  width: 117px;
}
#covers-tab .main-area .cropped .cover.small .wrap {
  width: 117px;
  height: 170px;
}
#covers-tab .main-area .cropped .cover.small img {
  width: 117px;
}
#covers-tab .progress-bar {
  padding: 0;
  height: 20px;
  border: 1px solid #ccc;
  width: 700px;
  float: right;
  box-sizing: border-box;
}
#covers-tab .progress-bar .progress {
  padding: 0;
  margin: 0;
  width: 0;
  color: white;
  background-color: #0bcb9a;
}
#covers-tab .action-bar {
  height: 50px;
  clear: both;
}
#covers-tab .current-covers .cover {
  border: 1px solid #ccc;
}
#covers-tab .current-covers .cover.small {
  height: 170px;
  width: 117px;
}
#covers-tab .current-covers .cover.medium {
  height: 400px;
  width: 275px;
}

/******************************* Products Tab  ******************************/
#products-tab {
  width: 100%;
  margin: 0;
}

#editBookProductsForm .action-bar {
  margin: 10px 0;
  height: 30px;
}

#editBookProductsForm .form-footer {
  border: 1px solid #B3C4CE;
  padding: 20px;
  background: #EDEDED;
  margin-bottom: 50px;
}

#editBookProductsForm .addProduct {
  height: 100%;
  cursor: pointer;
  margin: -2px;
}

#editBookProductsForm .addProduct i {
  height: 26px;
}

#editBookProductsForm .addProduct:hover {
  color: #eee;
}

#editBookProductsForm {
  margin-top: 20px;
}

#editBookProductsForm .book-products > h3,
#editBookResourcesForm .book-resources > h3,
#bookPriceHistory > h3,
.productsGrid > h3 {
  background: #389EDF;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

#book-products {
  border: 1px solid #cccccc;
  width: 100%;
}

#book-products thead,
#book-products tbody {
  width: 100%;
}

#book-products tr {
  border-top: 1px solid #cccccc;
  width: 100%;
}

#book-products thead tr {
  background: #F2F2F2;
  height: 22px;
  color: #666666;
  font-size: 16px;
}

#book-products thead td {
  height: 30px;
}

#book-products thead td * {
  font-weight: bold;
}

#book-products tbody td {
  padding: 0;
  margin: 0;
}

#book-products tbody tr:hover + tr.secondary,
#book-products tbody tr:hover + tr.secondary + tr.secondary,
#book-products tbody tr:hover {
  background: #f2f2f2;
}

#book-products tbody td.inactive-product {
  width: 10px;
  background-color: #f2f2f2;
}

#book-products tbody td.active-product {
  width: 10px;
  background-color: #c5f5c8;
}

#book-products tbody td.future-product {
  width: 10px;
  background-color: #bfeafb;
}

#book-products tbody td.special-offer-product {
  width: 10px;
  background-color: #feffc4;
}

.inactive-product {
  background-color: #f2f2f2;
}

.active-product {
  background-color: #c5f5c8;
}

.future-product {
  background-color: #bfeafb;
}

.special-offer-product {
  background-color: #feffc4;
}

#book-products tbody td .form-error, #book-products tbody td .cl-tranzila-payment__form-error {
  margin-top: 0 !important;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

#book-products td {
  border-left: 1px solid #cccccc;
  vertical-align: middle;
  text-align: center;
  height: 60px;
  position: relative;
}

#book-products tr.secondary {
  border-top: 1px solid #f2f2f2;
}
#book-products tr.secondary td {
  height: 40px;
  line-height: 30px;
}
#book-products tr.secondary td:not(:first-child) {
  padding: 0 10px;
}
#book-products tr.secondary .comment-line {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  margin: 3px 0;
  line-height: 24px;
}
#book-products tr.secondary .comment-line label {
  flex-grow: 1;
  min-width: 100px;
  text-align: start;
  font-weight: bold;
}
#book-products tr.secondary .comment-line input {
  flex-grow: 4;
}

#book-products td input[type=text] {
  width: 50px;
  height: 30px;
}

#book-products #school_id option[value="number:0"] {
  color: #333;
  font-weight: bold;
  font-size: 16px;
}

#book-products tr.secondary td * {
  float: right;
}

#book-products tr.secondary td #special-offer-expiration {
  width: 130px;
  height: 30px;
  margin: 0 20px;
}

#book-products tr.secondary td #original-cost,
#book-products tr.secondary td #original-price {
  width: 50px;
  margin-left: 20px;
  margin-right: 10px;
}

#book-products td * {
  font-size: 12px;
}

#book-products td select {
  width: 130px;
  height: 30px;
}

#book-products td a:hover {
  text-decoration: underline;
}

#book-products td input.product-comment {
  color: red;
  width: 100%;
  height: 24px;
  border: none;
}

.include-alert {
  color: red;
  cursor: pointer;
}

.book-products .form-success {
  color: #25C266;
  font-size: 24px;
  font-weight: bold;
}

/* History */
.productsGrid,
#bookPriceHistory {
  height: 100%;
  width: 1144px;
  margin-top: 20px;
}

/***** Including book lists modal *********/
#including-book-lists {
  margin-top: 100px;
}

#including-book-lists .ks-modal-content {
  height: 400px;
}

#including-book-lists .ks-modal-inner-wrapper {
  height: 450px;
  padding: 20px;
}

#including-book-lists .ks-modal-footer {
  margin-top: 13px;
}

#including-book-lists h3 {
  font-size: 30px;
  color: white;
  background: #389EDF;
  padding: 20px;
}

#including-book-lists h5 {
  font-size: 18px;
  font-weight: bold;
}

#including-book-lists ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-block-end: 16px;
  width: 100%;
}

#including-book-lists li:hover {
  background-color: #009DD9;
  color: white;
}

/******************************* Activity Log Tab  ******************************/
#editBookActivityLog {
  margin-top: 20px;
}

#editBookActivityLog .book-activity-log > h3 {
  background: #389EDF;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

#editBookActivityLog .new-log {
  padding: 20px 10px;
}

#editBookActivityLog .new-log textarea {
  height: 60px;
  padding: 5px;
  margin: 0;
  overflow-x: hidden;
  resize: vertical;
  font-size: 14px;
  font-family: OpenSansHebrew, serif;
}

.book-activity-log,
.book-resources {
  border: 1px solid #cccccc;
  width: 100%;
  margin: 20px 0;
}

.book-activity-log .new-log #description {
  width: 93%;
  margin: 0 5px;
}

.book-activity-log .new-log #submit {
  color: white;
  border: none;
  width: 5%;
  margin: 0;
}

.book-resources tr {
  height: 30px;
  border-bottom: 3px solid #FFF;
  width: 100%;
  padding-top: 5px;
  color: #666;
  background-color: #f9f9f9;
}

.book-resources td {
  width: 100%;
  padding: 10px;
  margin-bottom: 5px;
}

/******************************* Resources Tab  ******************************/
#editBookResourcesForm {
  margin-top: 20px;
}

.book-resources #submit {
  color: white;
  border: none;
  width: 5%;
  margin: 0;
}

.book-resources tr:hover {
  background-color: #ededed;
}

/* book resources block */
.book-resources a:hover {
  text-decoration: underline;
}

.book-resources .resource-type {
  width: 20%;
  padding: 0 5px;
}

.book-resources .resource-user {
  width: 10%;
  padding: 0 5px;
}

.book-resources .resource-ts {
  width: 10%;
  padding: 0 5px;
}

.book-resources .resource-comment {
  width: 55%;
  padding: 0 5px;
}

.book-resources #type {
  width: 20%;
  margin: 0 3px;
  margin-bottom: 3px;
}

.book-resources #url {
  width: 35%;
  margin: 0 3px;
  margin-bottom: 3px;
}

.book-resources #comment {
  width: 35%;
  margin: 0 3px;
  margin-bottom: 3px;
}

/******************************* Media Tab  ******************************/
.book-media-tab {
  margin: 0;
}
.book-media-tab .form-div,
.book-media-tab .grid-div {
  width: 100%;
}
.book-media-tab .grid-div .edit-item-file {
  margin: 0 7px;
}
.book-media-tab .sub-title {
  border: 1px solid #ccc;
  margin: 20px 0 10px;
  background-color: #eee;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.book-media-tab .sub-title .actions {
  margin: 0;
}
.book-media-tab .sub-title h3 {
  font-weight: 600;
  margin: 0;
}

.form-section {
  border: 1px solid #ccc;
  margin: 20px 0;
}
.form-section h3 {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 20px;
  padding: 10px;
  background-color: #eee;
  height: 50px;
  vertical-align: middle;
  line-height: 30px;
  font-weight: 600;
  outline: 1px solid #ccc;
}
.form-section .row {
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
}
.form-section .pck-name {
  width: 40rem;
}
.form-section .pck-status {
  width: 15rem;
}
.form-section .action-row {
  box-sizing: border-box;
  padding: 3px 20px;
  background-color: #fafafa;
  height: 30px;
  vertical-align: middle;
  line-height: 20px;
  outline: 1px solid #ccc;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/******************************* RTL ********************************/
body.rtl #uploadTextbookForm .label-text.internal,
body.rtl #uploadTextbookForm .label-select.internal {
  width: unset;
  margin: 0 40px 0 10px;
}

body.rtl .cover-template-1 .author {
  left: 15px;
}

body.rtl #uploadTextbookForm .book-data .form-input textarea,
body.rtl #uploadTextbookForm .book-data .form-input select,
body.rtl #uploadTextbookForm .book-data .form-input input {
  float: none;
}

body.rtl #uploadTextbookForm cl-tags,
body.rtl #uploadTextbookForm .form-input,
body.rtl #uploadTextbookForm .label-text,
body.rtl #uploadTextbookForm .label-select,
body.rtl #uploadTextbookForm .book-data input,
body.rtl #uploadTextbookForm .book-data select,
body.rtl #uploadTextbookForm .checkbox-group,
body.rtl #uploadTextbookForm .book-data textarea {
  float: right;
}

body.rtl #uploadTextbookForm input[type=checkbox] {
  margin: 0 0 0 10px;
}

body.rtl #editBookProductsForm .addProduct {
  float: left;
}

body.rtl #book-products tr.secondary input {
  float: right;
}

/******************************* LTR ********************************/
body.ltr #uploadTextbookForm .label-text.internal,
body.ltr #uploadTextbookForm .label-select.internal {
  width: unset;
  margin: 0 10px 0 40px;
}

body.ltr .cover-template-1 .author {
  right: 15px;
}

body.ltr #uploadTextbookForm cl-tags,
body.ltr #uploadTextbookForm .form-input,
body.ltr #uploadTextbookForm .label-text,
body.ltr #uploadTextbookForm .label-select,
body.ltr #uploadTextbookForm .book-data input,
body.ltr #uploadTextbookForm .book-data select,
body.ltr #uploadTextbookForm .checkbox-group,
body.ltr #uploadTextbookForm .book-data textarea {
  float: left;
}

body.ltr #uploadTextbookForm input[type=checkbox] {
  margin: 0 10px 0 0;
}

body.ltr #editBookProductsForm .addProduct {
  float: right;
}

body.ltr #book-products tr.secondary input {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/* body:lang(he) */
/***********************************  English *********************************/
body:lang(en) #uploadTextbookForm .checkbox-group > span {
  vertical-align: -webkit-baseline-middle;
}

/*.filters-wrapper select {*/
/*width: 200px;*/
/*height: 30px;*/
/*line-height: 30px;*/
/*font-size: 18px;*/
/*}*/
.filters-wrapper .filter_active {
  border: 3px solid #0099d9;
  background-color: #f6f6f6;
}

.store-main {
  border-top: 1px solid #cccccc;
  display: flex;
  flex-direction: row;
}

.store-main .label-container {
  position: absolute;
  top: 155px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  font-size: 10px;
  color: white;
}

.store-main .label-container .icon {
  float: inherit;
  width: 16px;
  height: 100%;
  background-color: #4a4a4a;
}

.store-main .label-container .icon .icon-img {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
}

.store-main .label-container .label {
  padding: 0 6px;
  float: inherit;
  height: auto;
  width: auto;
  background-color: #0099d9;
}

.store-main .details {
  margin-bottom: 10px;
  line-height: 14px;
  font-family: OpenSansHebrew, serif;
}

#store-books-selection .store-main .details .subject {
  margin-top: 10px;
  margin-bottom: 5px;
}

#store-books-selection .store-main .details .title {
  height: 30px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}

#store-books-selection .store-main .details .author,
#store-books-selection .store-main .details .publisher {
  height: 30px;
  font-size: 11px;
}

#store-books-selection .side-bar {
  flex: 0 0 220px;
  margin: 0;
  padding: 0;
}

#store-books-selection .books li .book-cover-container {
  width: 117px;
  height: 170px;
}

#store-books-selection .books li .book-cover {
  width: 117px;
  height: auto;
  height: 170px;
  cursor: pointer;
}

#store-books-selection .books .highlight-price {
  color: #EA3C18;
  font-family: "OpenSansHebrew-Bold";
  margin-top: -1px;
}

#store-books-selection .books li p {
  font-size: 12px;
}

#store-books-selection .books li .details {
  height: 132px;
  overflow: hidden;
  cursor: pointer;
}

#store-books-selection .printed-price-label {
  text-decoration: line-through;
}

#store-books-selection .digital-price-label {
  padding-top: 4px;
}

#store-books-selection .books li button {
  width: 80px;
}

.cart {
  width: 230px;
}
.cart .main-title {
  width: 50%;
  font-size: 18px;
  font-weight: bold;
  color: #4a4a4a;
  letter-spacing: -0.04em;
}
.cart .items-count {
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 18px;
}
.cart .remove-item {
  color: #666;
}
.cart .remove-item:hover {
  color: black;
}

.cart > ul > li {
  padding: 15px 0;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}

.cart:not(.teacher-cart) > ul > li:last-child {
  border-bottom: 0;
}

.cart li.product .product-image {
  height: 60px;
  width: 40px;
  border: 1px solid #cccccc;
  margin: 0;
  /*	    float: right;
          margin-left: 10px;
  */
}

.cart li.product .image-container {
  position: relative;
}
.cart li.product .image-container .product-media-image {
  height: 60px;
  width: 40px;
  border: 1px solid #cccccc;
  margin: 0;
}
.cart li.product .image-container .icon-over-image {
  position: absolute;
  top: 16px;
  right: 4px;
  height: 32px;
  width: 32px;
  background-image: url("https://st.classoos.com/3.102.18.312/img/videoOnCoverx32.png");
}
.cart li.product .image-container .icon-over-bundle {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 16px;
  width: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://st.classoos.com/3.102.18.312/img/videoOnCoverx32.png");
}

.cart li.product .empty-cart-limit-image div {
  width: 24px;
  height: 47px;
  border-bottom: 1px solid #ccc;
  position: absolute;
}

.cart li.product .empty-cart-limit-image .number {
  color: #cccccc;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 18px;
  text-align: center;
  display: block;
  position: relative;
  top: 21px;
}

.cart li.product .empty-cart-image div {
  width: 73px;
  height: 47px;
  border-bottom: 1px solid #ccc;
  position: absolute;
}

.cart li.product .empty-cart-image div:first-child {
  /*transform*/
  -webkit-transform: translateY(-7px) translateX(36px) rotate(56deg);
  -moz-transform: translateY(-7px) translateX(36px) rotate(56deg);
  -ms-transform: translateY(-7px) translateX(36px) rotate(56deg);
  -o-transform: translateY(-7px) translateX(36px) rotate(56deg);
  transform: translateY(-7px) translateX(36px) rotate(56deg);
}

.cart li.product .empty-cart-image div:last-child {
  /*transform*/
  -webkit-transform: translateY(-7px) translateX(-3px) rotate(-57deg);
  -moz-transform: translateY(-7px) translateX(-3px) rotate(-57deg);
  -ms-transform: translateY(-7px) translateX(-3px) rotate(-57deg);
  -o-transform: translateY(-7px) translateX(-3px) rotate(-57deg);
  transform: translateY(-7px) translateX(-3px) rotate(-57deg);
}

.cart > ul > li.product p {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.03em;
}

.cart > ul > li.product p.price {
  font-size: 14px;
  color: #EA3C18;
  letter-spacing: -0.06em;
}

.cart li.product > a {
  cursor: pointer;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  /*		left: 0;*/
}

.cart > ul > li.cart-sum p:first-child {
  font-size: 16px;
  /*		float: right
  */
}

.cart > ul > li.cart-sum p:last-child {
  font-size: 14px;
  font-weight: bold;
  color: #EA3C18;
  /*float: left;*/
}

/* Teacher's Cart */
.cart.teacher-cart > ul > li:last-child {
  padding-bottom: 30px;
  margin-bottom: 25px;
}

.cart ul.products-background {
  z-index: 1;
}

.cart ul.products-foreground {
  position: absolute;
  top: 15px;
  /*right: 0;*/
  z-index: 3;
}

.cart ul li.product-background,
.cart ul li.product-foreground {
  /*			float: right;
              margin-left: 9px;
  */
  height: 92px;
  width: 64px;
}

.cart ul li.product-background:nth-of-type(3n+3),
.cart ul li.product-foreground:nth-of-type(3n+3) {
  /*				margin-left: 0;
  */
}

.cart ul li.product-background:nth-of-type(3),
.cart ul li.product-foreground:nth-of-type(3) {
  margin-bottom: 25px;
}

.cart li.teacher-product .teacher-product-image {
  height: 92px;
  width: 64px;
  border: 1px solid #cccccc;
  margin: 0;
}

.cart li.teacher-product .empty-cart-image div {
  width: 111px;
  height: 47px;
  border-bottom: 1px solid #ccc;
  position: absolute;
}

.cart li.teacher-product .empty-cart-image span {
  top: 28%;
  position: absolute;
  padding: 13px;
  background: white;
  border-radius: 29px;
  z-index: 2;
  font-size: 18px;
}

.cart li.teacher-product .empty-cart-image div:first-child {
  /*transform*/
  -webkit-transform: translateY(8px) translateX(44px) rotate(56deg);
  -moz-transform: translateY(8px) translateX(44px) rotate(56deg);
  -ms-transform: translateY(8px) translateX(44px) rotate(56deg);
  -o-transform: translateY(8px) translateX(44px) rotate(56deg);
  transform: translateY(8px) translateX(44px) rotate(56deg);
}

.cart li.teacher-product .empty-cart-image div:last-child {
  /*transform*/
  -webkit-transform: translateY(8px) translateX(5px) rotate(-56deg);
  -moz-transform: translateY(8px) translateX(5px) rotate(-56deg);
  -ms-transform: translateY(8px) translateX(5px) rotate(-56deg);
  -o-transform: translateY(8px) translateX(5px) rotate(-56deg);
  transform: translateY(8px) translateX(5px) rotate(-56deg);
}

.cart li.teacher-product > a {
  cursor: pointer;
  position: absolute;
  font-size: 12px;
  bottom: -15px;
}

#store-books-selection .sort-style-select-no-select {
  width: 130px;
  height: 37px;
  overflow: hidden;
  background: #f2f2f2;
  border: 1px solid #ccc;
}

#store-books-selection .sort-style-select-no-select {
  padding: 0 5px;
  line-height: 37px;
  font-size: 15px;
}

#store-books-selection .sort-style-select-no-select img {
  position: relative;
  top: -9px;
}

#store-books-selection .sort-style-select {
  width: calc((100% - 90px) / 7);
  border: 1px solid #ccc;
}

#store-books-selection .sort-style-select.small {
  width: 120px;
}

#store-books-selection .sort-style-select select {
  width: 100%;
  box-sizing: border-box;
  font-family: "OpenSansHebrew-Regular";
  font-size: 16px;
}

#store-books-selection .sort-style-select.small select {
  width: 120px;
}

.store-price-filter {
  display: none;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .filters-wrapper select {
  float: left;
  margin-right: 4%;
}

body.ltr .filters-wrapper select:last-child {
  margin-right: 0;
}

body.ltr #store-books-selection .side-bar {
  margin-right: 20px;
  border-right: 1px solid #ccc;
}

body.ltr #store-books-selection .free-content-message {
  width: 135px;
  display: inline-block;
  overflow: hidden;
  font-family: OpenSansHebrew, serif;
  font-size: 12px;
}

body.ltr #store-books-selection .sort-style-select select {
  font-family: "OpenSansHebrew", serif;
  font-size: 14px;
}

body.ltr .store-main .details .title.book-title-ltr,
body.ltr .store-main .details .book-title-ltr {
  text-align: right;
}

body.ltr .store-main .label-container {
  float: left;
  text-align: left;
}

body.ltr .books {
  float: left;
}

body.ltr .cart-wrapper {
  float: right;
}

body.ltr .store-main .books {
  border: 0;
  border-right: 1px solid #cccccc;
  padding: 0 20px 0 0;
}

body.ltr .cart {
  padding-left: 20px;
  float: right;
}

body.ltr .cart .main-title {
  float: left;
}
body.ltr .cart .items-count {
  float: right;
}

body.ltr .cart li.product .product-image {
  float: left;
  margin-right: 10px;
}

body.ltr .cart li.product .product-media-image {
  float: left;
  margin-right: 10px;
}

body.ltr .cart li.product > a {
  right: 0;
}

body.ltr .cart li.teacher-product > a {
  right: 0;
}

body.ltr .cart > ul > li.cart-sum p:first-child {
  float: left;
}

body.ltr .cart > ul > li.cart-sum p:last-child {
  float: right;
}

body.ltr .cart li.teacher-product .empty-cart-image span {
  right: 22%;
}

body.ltr .cart ul.products-foreground {
  left: 0;
}

body.ltr .cart ul li.product-background,
body.ltr .cart ul li.product-foreground {
  float: left;
  margin-right: 9px;
}

body.ltr .cart ul li.product-background:nth-of-type(3n+3),
body.ltr .cart ul li.product-foreground:nth-of-type(3n+3) {
  margin-right: 0;
}

body.ltr .cart li.product .empty-cart-image div:first-child {
  /*transform*/
  -webkit-transform: translateY(-7px) translateX(3px) rotate(56deg);
  -moz-transform: translateY(-7px) translateX(3px) rotate(56deg);
  -ms-transform: translateY(-7px) translateX(3px) rotate(56deg);
  -o-transform: translateY(-7px) translateX(3px) rotate(56deg);
  transform: translateY(-7px) translateX(3px) rotate(56deg);
}

body.ltr .cart li.product .empty-cart-image div:last-child {
  /*transform*/
  -webkit-transform: translateY(-7px) translateX(-36px) rotate(-57deg);
  -moz-transform: translateY(-7px) translateX(-36px) rotate(-57deg);
  -ms-transform: translateY(-7px) translateX(-36px) rotate(-57deg);
  -o-transform: translateY(-7px) translateX(-36px) rotate(-57deg);
  transform: translateY(-7px) translateX(-36px) rotate(-57deg);
}

body.ltr .cart li.product .empty-cart-limit-image div:first-child {
  /*transform*/
  -webkit-transform: translateY(-27px) translateX(14px) rotate(56deg);
  -moz-transform: translateY(-27px) translateX(14px) rotate(56deg);
  -ms-transform: translateY(-27px) translateX(14px) rotate(56deg);
  -o-transform: translateY(-27px) translateX(14px) rotate(56deg);
  transform: translateY(-27px) translateX(14px) rotate(56deg);
}

body.ltr .cart li.product .empty-cart-limit-image div:nth-child(2) {
  /*transform*/
  -webkit-transform: translateY(-26px) translateX(2px) rotate(-61deg);
  -moz-transform: translateY(-26px) translateX(2px) rotate(-61deg);
  -ms-transform: translateY(-26px) translateX(2px) rotate(-61deg);
  -o-transform: translateY(-26px) translateX(2px) rotate(-61deg);
  transform: translateY(-26px) translateX(2px) rotate(-61deg);
}

body.ltr .cart li.product .empty-cart-limit-image div:nth-child(3) {
  /*transform*/
  -webkit-transform: translateY(13px) translateX(41px) rotate(58deg);
  -moz-transform: translateY(13px) translateX(41px) rotate(58deg);
  -ms-transform: translateY(13px) translateX(41px) rotate(58deg);
  -o-transform: translateY(13px) translateX(41px) rotate(58deg);
  transform: translateY(13px) translateX(41px) rotate(58deg);
}

body.ltr .cart li.product .empty-cart-limit-image div:last-child {
  /*transform*/
  -webkit-transform: translateY(-5px) translateX(-25px) rotate(-57deg);
  -moz-transform: translateY(-5px) translateX(-25px) rotate(-57deg);
  -ms-transform: translateY(-5px) translateX(-25px) rotate(-57deg);
  -o-transform: translateY(-5px) translateX(-25px) rotate(-57deg);
  transform: translateY(-5px) translateX(-25px) rotate(-57deg);
}

.ltr #store-books-selection .sort-style-select:last-child {
  margin-right: 0;
}

.ltr #store-books-selection .sort-style-select {
  float: left;
  margin-right: 10px;
}

.ltr #store-books-selection .sort-style-select-no-select {
  width: 160px;
  float: left;
  margin-right: 10px;
}

/***********************************  RTL ***********************************/
body.rtl .filters-wrapper select {
  float: right;
  margin-left: 4%;
}

body.rtl .filters-wrapper select:last-child {
  margin-left: 0;
}

body.rtl #store-books-selection .side-bar {
  margin-left: 20px;
  border-left: 1px solid #ccc;
}

body.rtl #store-books-selection .free-content-message {
  width: 94px;
  display: inline-block;
  overflow: hidden;
  font-family: "OpenSansHebrew", serif;
  font-size: 16px;
}

body.rtl #store-books-selection .sort-style-select select {
  font-family: "OpenSansHebrew", serif;
  font-size: 16px;
}

body.rtl .store-main .details .title.book-title-ltr,
body.rtl .store-main .details .book-title-ltr {
  text-align: left;
}

body.rtl .store-main .label-container {
  float: right;
  text-align: right;
}

body.rtl .books {
  float: right;
}

body.rtl .cart-wrapper {
  float: left;
}

body.rtl .store-main .books {
  border: 0;
  border-left: 1px solid #cccccc;
  padding: 0 0 0 20px;
}

body.rtl .cart {
  padding-right: 20px;
  float: left;
}

body.rtl .cart .main-title {
  float: right;
}
body.rtl .cart .items-count {
  float: left;
}

body.rtl .cart li.product .empty-cart-limit-image div:first-child {
  /*transform*/
  -webkit-transform: translateY(-27px) translateX(-2px) rotate(56deg);
  -moz-transform: translateY(-27px) translateX(-2px) rotate(56deg);
  -ms-transform: translateY(-27px) translateX(-2px) rotate(56deg);
  -o-transform: translateY(-27px) translateX(-2px) rotate(56deg);
  transform: translateY(-27px) translateX(-2px) rotate(56deg);
}

body.rtl .cart li.product .empty-cart-limit-image div:nth-child(2) {
  /*transform*/
  -webkit-transform: translateY(-26px) translateX(-14px) rotate(-61deg);
  -moz-transform: translateY(-26px) translateX(-14px) rotate(-61deg);
  -ms-transform: translateY(-26px) translateX(-14px) rotate(-61deg);
  -o-transform: translateY(-26px) translateX(-14px) rotate(-61deg);
  transform: translateY(-26px) translateX(-14px) rotate(-61deg);
}

body.rtl .cart li.product .empty-cart-limit-image div:nth-child(3) {
  /*transform*/
  -webkit-transform: translateY(13px) translateX(25px) rotate(58deg);
  -moz-transform: translateY(13px) translateX(25px) rotate(58deg);
  -ms-transform: translateY(13px) translateX(25px) rotate(58deg);
  -o-transform: translateY(13px) translateX(25px) rotate(58deg);
  transform: translateY(13px) translateX(25px) rotate(58deg);
}

body.rtl .cart li.product .empty-cart-limit-image div:last-child {
  /*transform*/
  -webkit-transform: translateY(-5px) translateX(-41px) rotate(-57deg);
  -moz-transform: translateY(-5px) translateX(-41px) rotate(-57deg);
  -ms-transform: translateY(-5px) translateX(-41px) rotate(-57deg);
  -o-transform: translateY(-5px) translateX(-41px) rotate(-57deg);
  transform: translateY(-5px) translateX(-41px) rotate(-57deg);
}

body.rtl .cart li.product .product-image {
  float: right;
  margin-left: 10px;
}

body.rtl .cart li.product .product-media-image {
  float: right;
  margin-left: 10px;
}

body.rtl .cart li.product > a {
  left: 0;
}

body.rtl .cart li.teacher-product > a {
  left: 0;
}

body.rtl .cart > ul > li.cart-sum p:first-child {
  float: right;
}

body.rtl .cart > ul > li.cart-sum p:last-child {
  float: left;
}

body.rtl .cart li.teacher-product .empty-cart-image span {
  left: 22%;
}

body.rtl .cart ul.products-foreground {
  right: 0;
}

body.rtl .cart ul li.product-background,
body.rtl .cart ul li.product-foreground {
  float: right;
  margin-left: 9px;
}

body.rtl .cart ul li.product-background:nth-of-type(3n+3),
body.rtl .cart ul li.product-foreground:nth-of-type(3n+3) {
  margin-left: 0;
}

.rtl #store-books-selection .sort-style-select:last-child {
  margin-left: 0;
}

.rtl #store-books-selection .sort-style-select {
  float: right;
  margin-left: 10px;
}

.rtl #store-books-selection .sort-style-select-no-select {
  float: right;
  margin-left: 10px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.storeCartLimitedReview h1 {
  color: #2da5e0;
  display: inline;
  font-size: 48px;
}

.storeCartLimitedReview h3 span {
  color: white;
  display: inline;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}

#bundles-cart li.product .product-image {
  width: 96px;
  height: 140px;
  border: 1px solid #cccccc;
  margin: 0;
}

#bundles-cart li.product .empty-cart-limit-image div {
  width: 60px;
  height: 47px;
  border-bottom: 1px solid #ccc;
  position: absolute;
}

#bundles-cart li.product .empty-cart-limit-image .number {
  color: #cccccc;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 28px;
  text-align: center;
  display: block;
  position: relative;
  top: 55px;
  background: none;
}

#bundles-cart li.product .empty-cart-limit-image div:first-child {
  /*transform*/
  -webkit-transform: translateY(-12px) translateX(-30px) rotate(56deg);
  -moz-transform: translateY(-12px) translateX(-30px) rotate(56deg);
  -ms-transform: translateY(-12px) translateX(-30px) rotate(56deg);
  -o-transform: translateY(-12px) translateX(-30px) rotate(56deg);
  transform: translateY(-12px) translateX(-30px) rotate(56deg);
}

#bundles-cart li.product .empty-cart-limit-image div:nth-child(2) {
  /*transform*/
  -webkit-transform: translateY(-10px) translateX(-5px) rotate(-61deg);
  -moz-transform: translateY(-10px) translateX(-5px) rotate(-61deg);
  -ms-transform: translateY(-10px) translateX(-5px) rotate(-61deg);
  -o-transform: translateY(-10px) translateX(-5px) rotate(-61deg);
  transform: translateY(-10px) translateX(-5px) rotate(-61deg);
}

#bundles-cart li.product .empty-cart-limit-image div:nth-child(3) {
  /*transform*/
  -webkit-transform: translateY(79px) translateX(35px) rotate(58deg);
  -moz-transform: translateY(79px) translateX(35px) rotate(58deg);
  -ms-transform: translateY(79px) translateX(35px) rotate(58deg);
  -o-transform: translateY(79px) translateX(35px) rotate(58deg);
  transform: translateY(79px) translateX(35px) rotate(58deg);
}

#bundles-cart li.product .empty-cart-limit-image div:last-child {
  /*transform*/
  -webkit-transform: translateY(48px) translateX(-69px) rotate(-57deg);
  -moz-transform: translateY(48px) translateX(-69px) rotate(-57deg);
  -ms-transform: translateY(48px) translateX(-69px) rotate(-57deg);
  -o-transform: translateY(48px) translateX(-69px) rotate(-57deg);
  transform: translateY(48px) translateX(-69px) rotate(-57deg);
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #bundles-cart h1 {
  font-family: FbOgen-Regular, FbOgen;
}

body:lang(he) .storeCartLimitedReview h3 span {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
}

/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Edit school                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#school_info {
  padding: 10px;
  min-height: 200px;
  margin-top: 10px;
  border: 1px solid #B3C4CE;
}
#school_info .running-job {
  position: absolute;
  top: 5px;
  background-color: red;
  color: white;
  height: 40px;
  width: 200px;
  padding: 10px;
  box-sizing: border-box;
}
#school_info .running-job .details {
  height: auto;
  width: 180px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  top: 20px;
  z-index: 400;
  color: #666;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  font-size: 0.75em;
}
#school_info .running-job .details .name {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}
#school_info .running-job .details .status {
  display: block;
  margin-bottom: 10px;
}

.school-location-panel {
  width: 100%;
  margin-bottom: 10px;
}

#school_info h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 0;
}

#school_info .city {
  font-size: 20px;
  margin: 5px 0;
}

#school_info .city-selected input {
  width: 241px;
  height: 15px;
  font-size: 12px;
}

#school_info .country {
  font-size: 20px;
  margin: 10px 0;
}

#school_info .country:hover {
  border: #DDDDDD solid 1px;
}

#school_info .city-input {
  font-size: 20px;
  margin: 10px 0;
}

#school_info .city-input:hover {
  border: #DDDDDD solid 1px;
}

#school_info .status:hover {
  border: #DDDDDD solid 1px;
}

#school_info .comment {
  color: red;
  margin: 10px 0;
}

#school_info .infoRow {
  margin-bottom: 7px;
  height: 20px;
  line-height: 20px;
}

#school_info .label {
  width: 140px;
  color: black;
  display: inline-block;
}

#school_info #general_details,
#school_info #connection_details {
  width: 45%;
  margin: 0;
}

#school_info #connection_details {
  height: 100%;
  padding: 0 10px;
}

#school_info a:hover {
  color: #41a4de;
}

#school_info .details {
  display: block;
  overflow: auto;
}

#school_info .general_details {
  height: 100%;
}

#school_info .connection_details {
  height: 100%;
}

#school_info .action-bar {
  display: block;
  margin: 10px 0;
}

#school_tabs {
  margin: 20px 0;
}
#school_tabs .edit-school-tab {
  box-sizing: border-box;
  padding-top: 20px;
}

.inputs {
  line-height: 25px;
  border: 1px solid #999999;
  background-color: inherit;
  padding: 3px;
}

input:-moz-read-only.inputs, select:-moz-read-only.inputs {
  /* For Firefox */
  border: 1px solid #FFFFFF;
}

input:read-only.inputs {
  border: 1px solid #FFFFFF;
}

input:read-only.inputs:hover {
  border: 1px solid #DDDDDD;
}

.inputs.small {
  width: 95%;
  height: 25px !important;
}

.inputs.cost {
  width: 80px;
}

.inputs:disabled {
  border: none;
  background-color: inherit;
}

#school_timetable {
  margin: 0;
  width: 30%;
}

#school_timetable .break {
  background-color: #e1edfb;
}

.modal-import-data {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-import-data .modal-dialog {
  width: 100%;
  height: 100vh;
  max-width: 900px;
  max-height: 600px;
  margin-top: 5%;
}

.modal-import-data .ks-modal-header {
  height: 30px;
  width: 100%;
  padding: 0 10px;
  margin: 0;
  margin-bottom: 10px;
  color: white;
  background-color: #0099d9;
  font-family: FbOgen-Regular;
  font-size: 20px;
  vertical-align: middle;
  line-height: 30px;
}

.modal-import-data .ks-modal-header .title {
  width: 90%;
}

.modal-import-data .ks-modal-header .close {
  cursor: pointer;
}

.modal-import-data .modal-content,
.modal-import-data .ks-modal-wrapper,
.modal-import-data .ks-modal-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.modal-import-data .ks-modal-content {
  height: calc(100% - 105px);
  /* 100% -40px header -55px footer */
  padding: 10px;
}

.modal-import-data .ks-modal-footer {
  height: 40px;
  padding: 10px 10px 0 10px;
}
.modal-import-data .ks-modal-footer .activation {
  margin: 0 20px;
}
.modal-import-data .ks-modal-footer .activation input {
  width: 100px;
  font-size: 16px;
  line-height: 26px;
}

.modal-import-data .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-import-data .loader img {
  widows: 220px;
  height: 10px;
}

.modal-import-data .uploadArea {
  height: 80%;
  padding: 0 30px;
  text-align: center;
}

.modal-import-data .uploadArea.dragover {
  border: 2px dashed #666;
}

.modal-import-data .uploadArea .uploadTitle {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: #666666;
  padding-top: 100px;
}

.modal-import-data .uploadArea .uploadTitle2 {
  font-family: "OpenSansHebrew-Regular";
  color: #666666;
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.modal-import-data .uploadArea .instructions {
  width: 100%;
  margin-top: 60px;
}

.modal-import-data .uploadArea .instructions ul {
  width: 100%;
  list-style-type: circle;
  padding-right: 30px;
}
.modal-import-data .uploadArea .instructions ul li {
  line-height: 26px;
}

.modal-import-data .invalid div {
  color: red;
  background-color: rgba(255, 0, 0, 0.05);
}

.modal-import-data .invalid-row div {
  background-color: rgba(255, 0, 0, 0.05);
}

.modal-import-data .header-row div {
  background-color: rgba(0, 0, 255, 0.05);
}

.modal-import-data .review-area {
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-import-data .list-area {
  width: 480px;
  height: 460px;
  margin: 0;
  padding: 0;
  float: right;
}

.modal-import-data .edit-area {
  width: 350px;
  margin: 0;
  padding: 0 20px;
  float: right;
}

.modal-import-data .edit-area .isheader {
  font-family: "OpenSansHebrew-Regular";
  color: #666666;
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.modal-import-data .edit-area p {
  font-size: 18px;
  margin-bottom: 20px;
}

.modal-import-data .edit-area .subtitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 12px;
}

.modal-import-data .edit-area .error.subtitle {
  font-weight: bold;
  font-size: 24px;
  color: red;
}

.modal-import-data .edit-area .stats p {
  font-family: "OpenSansHebrew-Regular";
  margin: 30px 0;
  font-size: 18px;
}

.modal-import-data .edit-area .stats .subtitle {
  font-family: "OpenSansHebrew-Regular";
  font-weight: bold;
  font-size: 24px;
  color: #0099d9;
}

.modal-import-data .job-submitted {
  padding-top: 40px;
}
.modal-import-data .job-submitted p {
  text-align: center;
  line-height: 30px;
  font-weight: bold;
}

.modal-create-group {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-create-group .modal-dialog {
  width: 100%;
  height: 100vh;
  max-width: 900px;
  max-height: 600px;
  margin-top: 5%;
}

.modal-create-group .ks-modal-header {
  height: 30px;
  width: 100%;
  padding: 0 10px;
  margin: 0;
  margin-bottom: 10px;
  color: white;
  background-color: #0099d9;
  font-family: FbOgen-Regular;
  font-size: 20px;
  vertical-align: middle;
  line-height: 30px;
}

.modal-create-group .ks-modal-header .title {
  width: 98%;
  float: right;
}

.modal-create-group .ks-modal-header .close {
  cursor: pointer;
}

.modal-create-group .modal-content,
.modal-create-group .ks-modal-wrapper,
.modal-create-group .ks-modal-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.modal-create-group .ks-modal-content {
  height: calc(100% - 105px);
  /* 100% -40px header -55px footer */
  padding: 10px;
}

.modal-create-group .ks-modal-footer {
  height: 40px;
  padding: 10px 10px 0 10px;
}
.modal-create-group .ks-modal-footer .activation {
  margin: 0 20px;
}
.modal-create-group .ks-modal-footer .activation input {
  width: 100px;
  font-size: 16px;
  line-height: 26px;
}

#editSchoolPricePlan,
#editSchoolInterfaces,
#editSchoolInternships {
  margin-top: 20px;
}
#editSchoolPricePlan .active,
#editSchoolInterfaces .active,
#editSchoolInternships .active {
  background-color: #efffef;
}
#editSchoolPricePlan .not-active,
#editSchoolInterfaces .not-active,
#editSchoolInternships .not-active {
  background-color: #faeeee;
}
#editSchoolPricePlan .action-bar,
#editSchoolInterfaces .action-bar,
#editSchoolInternships .action-bar {
  margin-bottom: 10px;
}
#editSchoolPricePlan .data-area,
#editSchoolInterfaces .data-area,
#editSchoolInternships .data-area {
  box-sizing: border-box;
  min-height: 100px;
}

#interfacesHubspot,
#interfacesFirefly {
  padding: 5px;
}

#editSchoolPricePlan .program-list {
  box-sizing: border-box;
  min-height: 50px;
}
#editSchoolPricePlan .box-sizing[ks-dynamic-height-scrollbar] {
  position: relative;
}
#editSchoolPricePlan .box-sizing[ks-dynamic-height-scrollbar] perfect-scrollbar {
  height: 100%;
}

#editSchoolPricePlan .priceplan_status {
  height: 34px;
  margin: 10px 0;
}

#editSchoolPricePlan .name {
  height: 34px;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 9px;
  vertical-align: middle;
}

#editSchoolPricePlan td .icon {
  line-height: 37px;
  padding-right: 10px;
  vertical-align: middle;
}

#editSchoolPricePlan table,
#editSchoolInternships table {
  table-layout: fixed;
}

#editSchoolPricePlan table select,
#editSchoolPricePlan table input,
#editSchoolInternships table select,
#editSchoolInternships table input {
  width: 95%;
}

#editSchoolInternships td[data-type=class_level],
#editSchoolInternships td[data-type=books_num],
#editSchoolInternships td[data-type=books],
#editSchoolInternships td[data-type=price],
#editSchoolInternships td[data-type=groups] {
  width: 50px;
}

#editSchoolInternships td[data-type=internship] {
  width: 200px;
}

#editSchoolInternships td[data-type=subject],
#editSchoolInternships td[data-type=created_by] {
  width: 115px;
}

#editSchoolInternships td[data-type=created_timestamp] {
  width: 90px;
}

#editSchoolInternships td[data-type=sn] {
  width: 50px;
}

#editSchoolInternships td[data-type=delete] {
  width: 30px;
}

#search_school {
  height: 40px;
  vertical-align: center;
  padding: 2px;
  box-sizing: border-box;
  background-color: #f2f2f2;
}

#search_school .autocomplete {
  margin: 0;
  height: 100%;
  width: 30%;
  display: inline-block;
  box-sizing: border-box;
}

#search_school input {
  padding: 0;
  height: 30px;
  box-sizing: border-box;
}

#search_school .autocomplete ul {
  max-height: 285px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 101.5%;
}

#search_school .between {
  display: inline-block;
}

#search_school .search_school_id {
  display: inline-block;
  width: 15%;
}

#search_school .search_school_id > input {
  font-size: 1.2em;
  padding: 0.4em;
  width: 100%;
}

.infoRow input {
  line-height: 0;
  padding: 2px;
  color: #666666;
  font-size: 16px;
}

h3.school_name input {
  font-size: 26px;
  color: #666666;
  font-weight: bold;
  margin-bottom: 0;
  font-family: "fbogen-regular", serif;
  padding: 0;
  width: 100%;
}

.school_code input {
  width: 130px;
}

#school_invitations .list-area {
  font-size: 14px;
  vertical-align: middle;
}

#school_invitations .internal-link {
  color: #0099d9;
}

#school_invitations .internal-link:hover {
  text-decoration: underline;
}

.modal-user-invitation .header {
  height: 24px;
  padding: 0 5px;
  color: white;
  background-color: #0099d9;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

.modal-add-sso-firefly .header {
  height: 24px;
  padding: 0 5px;
  color: white;
  background-color: #0099d9;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

.modal-add-school-interface .header {
  height: 24px;
  padding: 0 5px;
  color: white;
  background-color: #0099d9;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

/*************************** Add New City Form ***********************/
#addNewCityForm {
  border: 5px solid;
  padding: 10px;
  max-width: 410px;
}

#addNewCityForm input {
  margin: 20px 0 0 0 !important;
  font-size: 18px !important;
  width: 341px !important;
  height: 15px;
}

#addNewCityForm select {
  font-size: 18px;
  width: 82%;
  margin: 20px 0 10px 0 !important;
}

/*************************** Add School ****************************/
#add-school-button {
  margin: 0;
  height: 34px;
}

#add-school .columns {
  width: 50%;
  z-index: 9999;
}

#add-school .columns input {
  width: 80%;
  margin: 20px 0 0 0;
  font-size: 18px;
}

#add-school select {
  font-size: 18px;
  width: 82%;
  margin: 20px 0 0 0;
}

#add-school .city-selected input {
  width: 341px;
  height: 15px;
}

#add-school .school-address {
  width: 40%;
  margin-bottom: 15px;
  font-size: 18px;
}

#add-school .autocomplete ul {
  margin-top: 55px;
  width: 358px;
}

#add-new-city {
  margin: 20px 0 0 0;
}

#class_levels {
  margin: 20px 0 0 0;
}

#class_levels select {
  margin: 0;
  width: 130px;
}

/*************************** Accounting ****************************/
#school_accounting .top {
  margin-bottom: 10px;
}
#school_accounting .top .balance {
  direction: ltr;
}
#school_accounting .current-balance {
  background-color: #eee;
  padding: 10px;
  line-height: 15px;
  color: black;
  font-size: 18px;
  font-weight: bold;
  width: auto;
}
#school_accounting .current-balance.positive {
  background-color: #baf9bb;
}
#school_accounting .current-balance.negative {
  background-color: #f9baba;
}
#school_accounting .list-area .balance {
  font-weight: bold;
}
#school_accounting .list-area .account-credit {
  color: #006b0c;
}
#school_accounting .list-area .account-debit {
  color: #c30019;
}

.modal.ks-modal.internship-groups-modal .modal-dialog {
  height: 700px;
  width: 1000px;
  margin-top: 100px;
  border: none;
  transform: unset;
  -webkit-transform: unset;
}

.internship-groups-modal .modal-content,
#assignGroups2Internships {
  height: 100%;
  width: 100%;
}

#assignGroups2Internships h2 {
  font-family: OpenSansHebrew, sans-serif;
  font-size: 24px;
  color: white;
  background-color: #0099d9;
}

#assignGroups2Internships .main {
  height: 615px;
}

#assignGroups2Internships .action-bar {
  margin: 0 20px;
}

#assignGroups2Internships .list {
  margin: 20px;
  padding: 0;
  height: 550px;
}

#assignGroups2Internships .list.optional {
  float: right;
  width: 550px;
}

#assignGroups2Internships .list.assigned {
  float: left;
  width: 365px;
}

#assignGroups2Internships .title {
  color: #0099d9;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  font-family: OpenSansHebrew, sans-serif;
}

#assignGroups2Internships .list .ui-grid-row .ui-grid-cell {
  font-size: 14px;
  line-height: 16px;
  vertical-align: baseline;
}

#assignGroups2Internships .list .ui-grid-row .ui-grid-cell.new .ui-grid-cell-contents {
  background-color: #ffe1df;
}

#assignGroups2Internships .list .ui-grid-row .ui-grid-cell.saved .ui-grid-cell-contents {
  background-color: #dcffe9;
}

#school_info_messages .active {
  background-color: #d2fdd3;
}

/*-------------courses-with-unavialable-items modal------------------------------*/
#courses-with-unavialable-items a:hover {
  text-decoration: underline;
  color: #41a4de;
}

#courses-with-unavialable-items h5 {
  font-size: 18px;
  font-weight: bold;
}

#school-hard-copies .academic-year-select {
  width: 250px;
  height: 40px;
}
#school-hard-copies .academic-year-select select {
  font-size: 0.8em;
}
#school-hard-copies section {
  margin-bottom: 20px;
}
#school-hard-copies section h3 {
  color: #333;
  font-weight: bold;
}
#school-hard-copies section .action-bar {
  display: block;
  margin: 10px 0;
}
#school-hard-copies section .future-date {
  color: green;
}
#school-hard-copies section .extra-dates,
#school-hard-copies section .passed-date {
  color: red;
}
#school-hard-copies .grid-area {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
#school-hard-copies .grid-area.order-dates {
  min-height: 160px;
  width: 930px;
  margin: 0;
}
#school-hard-copies .grid-area.inventory {
  min-height: 250px;
}
#school-hard-copies .grid-area .hcGrid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#school-hard-copies .grid-area .order-link {
  color: #0099d9;
  text-decoration: underline;
}
#school-hard-copies .grid-area .order-link:hover {
  color: #0075a6;
  text-decoration: none;
}
#school-hard-copies .grid-area .order-link:visited {
  color: #6d00d9;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #school_info .label {
  float: left;
}

.ltr #school_info #general_details {
  float: left;
}

.ltr #school_info #connection_details {
  border-left: 1px solid #ccc;
  float: left;
}

.ltr #add-school .columns {
  float: left;
}

.ltr #add-school-button {
  float: right;
}

.ltr #add-school .autocomplete ul {
  margin-right: 79px;
}

.ltr .school-location {
  float: left;
  margin-right: 5px;
}

.ltr #school_info .running-job {
  right: 5px;
}
.ltr #school_info .running-job .details {
  right: 10px;
}

.ltr .modal-import-data .ks-modal-header .title {
  float: left;
}
.ltr .modal-import-data .ks-modal-header .close {
  float: right;
}
.ltr .modal-import-data .uploadArea .instructions {
  text-align: left;
}
.ltr .modal-import-data .uploadArea .instructions ul > li {
  margin-left: 20px;
}

.ltr .school-location-panel {
  float: left;
}

.ltr .modal-create-group .ks-modal-header .title {
  width: 98%;
  float: left;
}

.ltr #school_accounting .current-balance {
  float: left;
  margin-right: 25px;
}

.ltr #school_accounting .top .text {
  float: left;
}
.ltr #school_accounting .top .balance {
  float: right;
}

/***********************************  RTL ***********************************/
.rtl .autocomplete ul {
  right: 0 !important;
}

.rtl .autocomplete li {
  text-align: right !important;
  font-size: 18px;
}

.rtl #school_info .label {
  float: right;
}

.rtl #school_info #general_details {
  float: right;
}

.rtl #school_info #connection_details {
  border-right: 1px solid #ccc;
  float: right;
}

.rtl #add-school .columns {
  float: right;
}

.rtl #add-school-button {
  float: left;
}

.rtl #add-school .autocomplete ul {
  margin-left: 79px;
}

.rtl .school-location {
  float: right;
  margin-left: 5px;
}

.rtl #school_info .running-job {
  left: 5px;
}
.rtl #school_info .running-job .details {
  left: 10px;
}

.rtl .modal-import-data .ks-modal-header .title {
  float: right;
}
.rtl .modal-import-data .ks-modal-header .close {
  float: left;
}
.rtl .modal-import-data .uploadArea .instructions {
  text-align: right;
}
.rtl .modal-import-data .uploadArea .instructions ul > li {
  margin-right: 20px;
}

.rtl .school-location-panel {
  float: right;
}

.rtl #school_accounting .current-balance {
  float: right;
  margin-left: 25px;
}

.rtl #school_accounting .top .text {
  float: right;
}
.rtl #school_accounting .top .balance {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.choose-coupon-type-title {
  margin-bottom: 10px;
}

.generate-coupon-types {
  margin-bottom: 10px;
}

.generate-coupon-container {
  margin-top: 30px;
}

.generateCoupon .coupon-quantity {
  margin-top: 10px;
}

.generateCoupon .coupon-success,
.generateCoupon .coupon-failure {
  margin-top: 20px;
}

.generateCoupon .coupon-list li {
  padding: 5px;
  border: 1px solid lightgray;
}

.generateCoupon .coupon-list {
  margin-top: 20px;
}

.generateCoupon div {
  margin-top: 10px;
}

.generate-coupon-container button {
  padding: 5px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                        Groups Managment                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.manage-groups {
  margin-bottom: 30px;
}

.manage-groups h3 {
  color: white;
  font-size: 18px;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
}

.manage-groups ul {
  width: 100%;
  border-right: 1px solid #B3C4CE;
  border-left: 1px solid #B3C4CE;
}

.manage-groups ul li {
  width: 100%;
  font-size: 18px;
  padding: 0 20px;
  line-height: 35px;
  height: 35px;
  border-bottom: 1px solid #B3C4CE;
  position: relative;
}

.manage-groups ul li a {
  width: 100%;
}

.manage-groups .counter-placeholder {
  width: 20px;
  height: 22px;
}

.manage-groups .group-icon {
  position: relative;
  top: 3px;
  color: #999999;
}

.manage-groups .group-approval-icon {
  font-size: 10px;
  position: relative;
  top: -2px;
  color: #999999;
}

.manage-groups .counter {
  color: white;
  font-size: 12px;
  font-family: OpenSansHebrew-regular;
  background-color: #F75B3B;
  position: relative;
  top: 7px;
  line-height: 22px;
}

.manage-groups .legend {
  font-size: 12px;
  font-family: OpenSansHebrew-regular;
}

.manage-groups .group-legend-icon_size1 {
  font-size: 18px;
  color: #666666;
}

.manage-groups .group-legend-icon_size2 {
  font-size: 20px;
  color: #666666;
}

.group-shared-books .cover {
  width: 70px;
  height: 102px;
}

.group-shared-books .book_cover_col,
.group-shared-books .book_subject_col {
  width: 10%;
}

.group-shared-books .book_author_col,
.group-shared-books .book_shared_by_col,
.group-shared-books .book_shared_date_col {
  width: 15%;
}

.group-shared-books .book_title_col {
  width: 35%;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .manage-groups .counter {
  float: right;
}

body.ltr .manage-groups .counter-placeholder {
  float: right;
}

body.ltr .manage-groups .group-icon {
  float: left;
  margin-right: 7px;
}

body.ltr .manage-groups .group-name {
  float: left;
}

body.ltr .manage-groups .group-code {
  float: right;
}

body.ltr .manage-groups .group-approval-icon {
  left: 5px;
}

body.ltr .manage-groups .legend {
  margin-right: 15px;
}

body.ltr .manage-groups ul li {
  float: left;
}

body.ltr #joinGroupForm .wrapper > * {
  float: left;
}

body.ltr #joinGroupForm .wrapper > *:last-child {
  float: right;
}

body.ltr #joinGroupForm:after {
  left: 7%;
  margin-right: -15px;
}

body.ltr #editGroupForm .group-data {
  float: left;
}

body.ltr .form-body-wrapper .form-line > label {
  float: left;
}

body.ltr .form-body-wrapper .form-line > div {
  float: right;
}

body.ltr .form-body-wrapper .form-line > div > input[type=text],
body.ltr .form-body-wrapper .form-line > div > input[type=email],
body.ltr .form-body-wrapper .form-line > div > input[type=password],
body.ltr .form-body-wrapper .form-line > div > select,
body.ltr .form-body-wrapper .form-line > div > div {
  float: right;
}

body.ltr .form-body-wrapper .form-line > div > div > * {
  float: left;
}

body.ltr .form-body-wrapper .form-line > div > div > *:first-child {
  margin-right: 20px;
}

body.ltr .half-20 > *:first-child {
  float: left;
}

body.ltr .half-20 > *:last-child {
  float: right;
}

body.ltr .half-20 > *:only-child {
  float: left;
}

body.ltr .half-30 > *:last-child {
  float: right;
}

body.ltr .half-30 > *:only-child {
  float: left;
}

/***********************************  RTL ***********************************/
body.rtl .manage-groups .counter {
  float: left;
}

body.rtl .manage-groups .counter-placeholder {
  float: left;
}

body.rtl .manage-groups .group-icon {
  float: right;
  margin-left: 7px;
}

body.rtl .manage-groups .group-name {
  float: right;
}

body.rtl .manage-groups .group-code {
  float: left;
}

body.rtl .manage-groups .group-approval-icon {
  right: 5px;
}

body.rtl .manage-groups .legend {
  margin-left: 15px;
}

body.rtl .manage-groups ul li {
  float: right;
}

body.rtl #joinGroupForm .wrapper > * {
  float: right;
}

body.rtl #joinGroupForm .wrapper > *:last-child {
  float: left;
}

body.rtl #joinGroupForm:after {
  right: 7%;
  margin-left: -15px;
}

body.rtl #editGroupForm .group-data {
  float: right;
}

body.rtl .form-body-wrapper .form-line > label {
  float: right;
}

body.rtl .form-body-wrapper .form-line > div {
  float: left;
}

body.rtl .form-body-wrapper .form-line > div > input[type=text],
body.rtl .form-body-wrapper .form-line > div > input[type=email],
body.rtl .form-body-wrapper .form-line > div > input[type=password],
body.rtl .form-body-wrapper .form-line > div > select,
body.rtl .form-body-wrapper .form-line > div > div {
  float: left;
}

body.rtl .form-body-wrapper .form-line > div > div > * {
  float: right;
}

body.rtl .form-body-wrapper .form-line > div > div > *:first-child {
  margin-left: 20px;
}

body.rtl .half-20 > *:first-child {
  float: right;
}

body.rtl .half-20 > *:last-child {
  float: left;
}

body.rtl .half-20 > *:only-child {
  float: right;
}

body.rtl .half-30 > *:last-child {
  float: left;
}

body.rtl .half-30 > *:only-child {
  float: right;
}

/** Tablet + Desktop **/
@media screen and (min-width: 451px) {
  body.ltr .half-30 > *:first-child {
    float: left;
  }

  body.rtl .half-30 > *:first-child {
    float: right;
  }
}
/** Mobile **/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.mailConfirm {
  padding: 50px;
}

.mailConfirm .details {
  text-align: center;
  width: 30%;
  border: 1px solid #CECECE;
  padding: 25px;
  min-width: 250px;
}

.mailConfirm .details .mail-sent-desc {
  margin-bottom: 100px;
}

.mailConfirm .details .mail-sent-desc span {
  color: #999999;
  display: inline;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: center;
  width: auto;
  word-wrap: break-word;
}

.mailConfirm h3 {
  color: #2da5e0;
  display: inline;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: center;
  width: auto;
  word-wrap: break-word;
}

.mailConfirm .gray-line {
  margin-bottom: 15px;
  margin-top: 15px;
}

.mailConfirm .details .mail-image {
  width: 81px;
  height: 81px;
  background: url("https://st.classoos.com/3.102.18.312/img/mail-img.png") no-repeat top left;
  margin-top: 30px;
  margin-bottom: 25px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                          microsoft login                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#microsoft {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-family: "Saira Semi Condensed", sans-serif;
}

#microsoft .upper {
  position: relative;
}

#microsoft .upper .logo {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background-size: 400px;
  background: url("https://st.classoos.com/3.102.18.312/img/affiliate/microsoft-logo-940.png") no-repeat;
}

#microsoft .upper .select-header {
  height: 60px;
  width: 263px;
  line-height: 60px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 7px 7px 0 0;
  padding: 0 20px;
  color: white;
  background-color: #ac1d1d;
  -webkit-box-shadow: 0 3px 12px 0 rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0 3px 12px 0 rgba(50, 50, 50, 0.2);
  box-shadow: 0 3px 12px 0 rgba(50, 50, 50, 0.2);
  font-size: 18px;
}

#microsoft .lower {
  position: relative;
}

#microsoft .lower .selectionBox {
  height: 334px;
  width: 262px;
  margin: 0 auto;
  padding-top: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 7px 7px;
  background-color: white;
  -webkit-box-shadow: 0 3px 12px 0 rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0 3px 12px 0 rgba(50, 50, 50, 0.2);
  box-shadow: 0 3px 12px 0 rgba(50, 50, 50, 0.2);
  text-align: center;
}

#microsoft .lower .selectionBox .error {
  padding: 15px;
  margin: 0 20px;
  color: #ac1d1d;
  background-color: #f2dede;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
  font-size: 18px;
  letter-spacing: 0.03em;
}

#microsoft .lower .selectionBox .selectSchool #selectSchoolTitle {
  height: 40px;
  width: 220px;
  margin: auto auto 5px;
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-tap-highlight-color: transparent;
}

#microsoft .lower .selectionBox .selectSchool #selectSchoolTitle i {
  right: 28px;
  top: 23px;
  position: absolute;
}

#microsoft .lower .selectionBox .selectSchool #selectSchoolList {
  display: none;
  height: 176px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#microsoft .lower .selectionBox .selectSchool #selectSchoolList li {
  height: 35px;
  width: 220px;
  margin-left: 20px;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 35px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  border-bottom: none;
}

#microsoft .lower .selectionBox .selectSchool #selectSchoolList li:last-child {
  border: 1px solid #d0d0d0;
}

#microsoft .lower .selectionBox .selectSchool #selectSchoolList li.selected {
  color: white;
  background-color: #ac1d1d;
}

#microsoft .lower button {
  width: 220px;
  height: 40px;
  color: white;
  margin: 0 auto;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  font: inherit;
  font-size: 18px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
  background-color: #009eff;
  border: none;
  border-radius: 5px;
}

#microsoft .lower button:hover {
  background: #1c7be5;
}

/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media only screen and (max-height: 568px) {
  #microsoft .lower .selectionBox {
    height: 260px;
  }

  #microsoft .lower .selectionBox .selectSchool #selectSchoolList {
    height: 106px;
  }
}
@media only screen and (min-width: 420px) {
  #microsoft .upper {
    height: 190px;
  }

  #microsoft .upper .logo {
    height: 65px;
    width: 300px;
    top: 35px;
    background-size: 300px;
  }

  #microsoft .lower .selectionBox,
#microsoft .upper .select-header {
    width: 550px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
  }

  #microsoft .lower .selectionBox .error {
    padding: 20px;
    margin: 0 30px;
  }

  #microsoft .lower button {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
    width: 461px;
  }

  #microsoft .lower .selectionBox .selectSchool #selectSchoolTitle,
#microsoft .lower .selectionBox .selectSchool #selectSchoolList li {
    width: 460px;
    margin-left: 44px;
  }

  #microsoft .lower .selectionBox .selectSchool #selectSchoolTitle i {
    right: 80px;
  }

  #microsoft .lower .selectionBox {
    height: 350px;
  }
}
/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #microsoft .lower .selectionBox .error {
  text-align: left;
  left: 0;
}

/***********************************  RTL ***********************************/
.rtl #microsoft .lower .selectionBox .error {
  text-align: right;
  right: 0;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                          google login                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#google {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-family: "Saira Semi Condensed", sans-serif;
}

#google .upper {
  position: relative;
}

#google .upper .logo {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background-size: 400px;
  background: url("https://st.classoos.com/3.102.18.312/img/affiliate/google-logo-940.png") no-repeat;
}

#google .upper .select-header {
  height: 60px;
  width: 263px;
  line-height: 60px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 7px 7px 0 0;
  padding: 0 20px;
  color: white;
  background-color: #ac1d1d;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.2);
  font-size: 18px;
}

#google .lower {
  position: relative;
}

#google .lower .selectionBox {
  height: 334px;
  width: 262px;
  margin: 0 auto;
  padding-top: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 7px 7px;
  background-color: white;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.2);
  text-align: center;
}

#google .lower .selectionBox .error {
  padding: 15px;
  margin: 0 20px;
  color: #ac1d1d;
  background-color: #f2dede;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-size: 18px;
  letter-spacing: 0.03em;
}

#google .lower .selectionBox .selectSchool #selectSchoolTitle {
  height: 40px;
  width: 220px;
  margin: auto;
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-tap-highlight-color: transparent;
}

#google .lower .selectionBox .selectSchool #selectSchoolTitle i {
  right: 28px;
  top: 23px;
  position: absolute;
}

#google .lower .selectionBox .selectSchool #selectSchoolList {
  display: none;
  height: 176px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#google .lower .selectionBox .selectSchool #selectSchoolList li {
  height: 35px;
  width: 220px;
  margin-left: 20px;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 35px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  border-bottom: none;
}

#google .lower .selectionBox .selectSchool #selectSchoolList li:last-child {
  border: 1px solid #d0d0d0;
}

#google .lower .selectionBox .selectSchool #selectSchoolList li.selected {
  color: white;
  background-color: #ac1d1d;
}

#google .lower button {
  width: 220px;
  height: 40px;
  color: white;
  margin: 0 auto;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  font: inherit;
  font-size: 18px;
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  background-color: #009eff;
  border: none;
  border-radius: 5px;
}

#google .lower button:hover {
  background: #1c7be5;
}

/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media only screen and (max-height: 568px) {
  #google .lower .selectionBox {
    height: 260px;
  }

  #google .lower .selectionBox .selectSchool #selectSchoolList {
    height: 106px;
  }
}
@media only screen and (min-width: 420px) {
  #google .upper {
    height: 190px;
  }

  #google .upper .logo {
    height: 65px;
    width: 200px;
    top: 35px;
    background-size: 200px 65px;
  }

  #google .lower .selectionBox,
#google .upper .select-header {
    width: 550px;
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  }

  #google .lower .selectionBox .error {
    padding: 20px;
    margin: 0 30px;
  }

  #google .lower button {
    font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
    width: 461px;
  }

  #google .lower .selectionBox .selectSchool #selectSchoolTitle,
#google .lower .selectionBox .selectSchool #selectSchoolList li {
    width: 460px;
    margin-left: 44px;
  }

  #google .lower .selectionBox .selectSchool #selectSchoolTitle i {
    right: 80px;
  }

  #google .lower .selectionBox {
    height: 350px;
  }
}
/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #google .lower .selectionBox .error {
  text-align: left;
  left: 0;
}

/***********************************  RTL ***********************************/
.rtl #google .lower .selectionBox .error {
  text-align: right;
  right: 0;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                          idm login                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#idm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
}

#idm .upper {
  height: 140px;
  position: relative;
  background-color: white;
  width: 100%;
  margin: 0;
  padding: 0;
}

#idm .upper .logo {
  margin: 0 auto;
  padding: 0;
  width: 380px;
  text-align: center;
  float: none;
  top: 50px;
}

#idm .upper .logo_text {
  font-family: "Assistant";
  font-size: 25px;
  font-weight: 600;
  color: #333333;
}

#idm .upper .logo_img {
  height: 60px;
  font-family: "Assistant";
  float: right;
  margin-top: -15px;
}

#idm .lower {
  position: relative;
}

#idm .idm_warning_icon {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  float: none;
  top: -30px;
  position: relative;
  height: 0;
  display: block;
  z-index: 20;
}

#idm .idm_warning_icon_img {
  width: 100px;
  height: 100px;
}

#idm .lower .selectionBox {
  background-image: -webkit-linear-gradient(-180deg, #5f8799 0%, #97b4c0 100%);
  background-image: -moz-linear-gradient(-180deg, #5f8799 0%, #97b4c0 100%);
  background-image: -o-linear-gradient(-180deg, #5f8799 0%, #97b4c0 100%);
  background-image: linear-gradient(-180deg, #5f8799 0%, #97b4c0 100%);
  height: 400px;
  width: 550px;
}

#idm .lower .selectionBox .error_title {
  position: absolute;
  top: 85px;
  width: 100%;
  font-family: "Assistant";
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  text-align: center;
}

#idm .lower .selectionBox .error {
  position: absolute;
  top: 140px;
  font-family: "Assistant";
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

#idm .lower .selectionBox .error a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#idm .lower button {
  margin: 0 auto;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  height: 50px;
  width: 225px;
  background-color: #32525f;
  font-family: "Assistant";
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  border: none;
}

#idm .lower button:hover {
  background-color: #31445f;
}

#idm .lower .close_web {
  width: 390px;
}

/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media only screen and (max-height: 568px) {
  #idm .lower .selectionBox {
    height: 260px;
  }
}
@media only screen and (max-width: 549px) {
  #idm .upper {
    height: 140px;
  }

  #idm .upper .logo {
    width: 340px;
  }

  #idm .upper .logo_text {
    font-size: 24px;
  }

  #idm .lower .selectionBox {
    height: 430px;
    width: 95%;
  }

  #idm .lower .selectionBox .error_title {
    font-size: 20px;
  }

  #idm .lower .selectionBox .error {
    right: 15px;
  }
}
/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .lower .selectionBox .error {
  left: 40px;
}

/***********************************  RTL ***********************************/
.rtl .lower .selectionBox .error {
  right: 40px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------
05 Login ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.login-wrapper {
  background: url(../img/login_background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/../img/login_background.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../img/login_background.jpg', sizingMethod='scale')";
  text-align: center;
}

.login_title {
  width: 362px;
}

.loginBox {
  width: 362px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #B3C4CE;
}

.loginBox h1 span {
  display: inline-block;
  margin-top: -5px;
  line-height: inherit;
}

.loginBox h2 {
  color: #389EDF;
  font-size: 29px;
  /*font-size: 20px;*/
  text-align: center;
  padding: 0;
  padding-bottom: 10px;
}

.loginBox h3 {
  color: #389EDF;
  font-size: 21px;
  text-align: center;
}

#main-title {
  text-align: center;
  display: block;
  padding: 0;
}

.loginBox button,
.loginBox input[type=button],
.loginBox input[type=submit] {
  font-size: 16px;
}

.loginBox input[type=text],
.loginBox input[type=email],
.loginBox input[type=password],
.loginBox select,
.loginBox .kalsefer-button,
.loginBox .input-with-icon i {
  height: 35px;
  line-height: 35px;
}

.loginBox input[type=text],
.loginBox input[type=email],
.loginBox input[type=password],
.loginBox select {
  border: 1px solid #B3C4CE;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
  color: #999999;
}

.loginBox .input-with-icon span {
  overflow: hidden;
  display: block;
}

.loginBox .input-with-icon input {
  padding: 0;
}

.loginBox .input-with-icon i {
  background: white;
  border: 1px solid #B3C4CE;
  padding: 0 10px;
  font-size: 16px;
}

.loginBox .login-text {
  margin-bottom: 5px;
  color: #999999;
  display: block;
}

.loginBox.email_sent p span {
  color: #389EDF;
}

#login_form .reset-password-wrapper {
  padding: 12px 0;
}

#login_form input[type=submit] {
  padding: 0 25px;
}

#login_form button {
  width: 48.5%;
  padding: 0;
}

#login_form .seperator {
  width: 3%;
  height: 1px;
  display: block;
  float: right;
}

#first_time_login_form .logo-wrapper h1 {
  text-align: center;
}

#first_time_login_form input[type=submit] {
  width: 100%;
}

#captcha {
  text-align: left;
  direction: ltr;
}

#captcha .icon-button {
  padding: 0;
  font-size: 18px;
  height: 35px;
  line-height: 0;
  width: 35px;
}

#captcha .icon-button i {
  height: 35px;
  line-height: 42px;
}

#captcha #recaptcha_response_field {
  width: 215px;
}

.email_sent i {
  background: #389EDF;
  width: 80px;
  height: 80px;
  font-size: 50px;
  padding: 15px;
  border-radius: 40px;
  color: white;
  text-align: center;
  display: block;
}

.outerLogin {
  position: relative;
  margin-top: 80px;
}

.ua-firefox .outerLogin, .ua-ie .outerLogin {
  position: static;
}

.outerLogin .login_title a {
  width: 370px;
}

.outerLogin .gray-line-bottom.top-line {
  margin-bottom: 10px !important;
}

.outerLogin #login_form input[type=password] {
  width: 100% !important;
}

.outerLogin #login_form input[type=submit] {
  width: 100%;
  margin-bottom: 15px;
}

.outerLogin .gray-line-bottom.bottom-line {
  margin-top: 10px !important;
}

.outerLogin .loginBox {
  padding-top: 45px !important;
  padding-bottom: 50px !important;
}

.outerLogin #login_form .reset-password-wrapper {
  margin-top: 15px;
}

.outerLogin h2 {
  color: #2da5e0;
  display: inline;
  font-size: 20px !important;
  font-style: normal;
}

#open-account {
  margin-top: 20px;
  color: #0099d9;
}

.outerLogin .language-select {
  width: 100%;
  height: 35px;
  margin-top: 20px;
}

.outerLogin .language-select .language {
  float: right;
  width: 33%;
  margin: auto;
  text-align: center;
}

.loginBox {
  width: 362px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #B3C4CE;
}

.loginBox h1 span {
  display: inline-block;
  margin-top: -5px;
  line-height: inherit;
}

.loginBox h2 {
  color: #389EDF;
  font-size: 29px;
  /*font-size: 20px;*/
  text-align: center;
  padding: 0;
  padding-bottom: 10px;
}

.loginBox h3 {
  color: #389EDF;
  font-size: 21px;
  text-align: center;
}

.loginBox button,
.loginBox input[type=button],
.loginBox input[type=submit] {
  font-size: 16px;
}

.loginBox input[type=text],
.loginBox input[type=email],
.loginBox input[type=password],
.loginBox select,
.loginBox .kalsefer-button,
.loginBox .input-with-icon i {
  height: 35px;
  line-height: 35px;
}

.loginBox input[type=text],
.loginBox input[type=email],
.loginBox input[type=password],
.loginBox select {
  border: 1px solid #B3C4CE;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
  color: #999999;
}

.loginBox .input-with-icon span {
  overflow: hidden;
  display: block;
}

.loginBox .input-with-icon input {
  padding: 0;
}

.loginBox .input-with-icon i {
  background: white;
  border: 1px solid #B3C4CE;
  padding: 0 10px;
  font-size: 16px;
}

.loginBox .login-text {
  margin-bottom: 5px;
  color: #999999;
  display: block;
}

.loginBox.email_sent p span {
  color: #389EDF;
}

.loginBox .or {
  margin: 0;
  padding: 0;
  font-family: "OpenSansHebrew", serif;
  font-size: 14px;
  color: #9b9b9b;
  text-align: right;
}

.loginBox .firefly {
  width: 100%;
  height: 40px;
  margin: 10px 0;
}

.loginBox .firefly a {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 3px 0 0 0;
}

.loginBox .firefly .label {
  margin-right: 10px;
  color: #666666;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
}

.loginBox .firefly .logo {
  height: 25px;
  top: 5px;
  float: right;
  padding-right: 8px;
}

.loginBox .microsoft {
  text-align: right;
  width: 100%;
  height: 40px;
  margin: 10px 0;
}

.loginBox .microsoft a {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 3px 0 0 0;
}

.loginBox .microsoft .label {
  margin-right: 10px;
  color: #666666;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
}

.loginBox .microsoft .logo {
  height: 25px;
  top: 5px;
  float: right;
  padding-right: 13px;
}

.loginBox .idm {
  text-align: right;
  width: 100%;
  height: 40px;
  margin: 10px 0;
}

.loginBox .idm a {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 3px 0 0 0;
}

.loginBox .idm .label {
  margin-right: 10px;
  color: #666666;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
}

.loginBox .idm .logo {
  height: 25px;
  top: 5px;
  float: right;
  padding-right: 15px;
}

#login_form .reset-password-wrapper {
  padding: 12px 0;
}

#login_form input[type=submit] {
  padding: 0 25px;
}

#login_form button {
  width: 48.5%;
  padding: 0;
}

#login_form .seperator {
  width: 3%;
  height: 1px;
  display: block;
  float: right;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  RTL ***********************************/
.rtl .ltr-hide {
  display: none;
}

.rtl .login_title img {
  float: right;
  padding-right: 40px;
  margin-bottom: 40px;
}

.rtl .login_title h1 {
  padding-top: 30px;
  padding-left: 25px;
  color: #389EDF;
  font-size: 72px;
}

/* ----------------------------------------------------------------------------------------------------------
02 Login ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.rtl .outside-wrapper .loginBox h2 {
  text-align: right;
}

body.rtl .loginBox h3 span {
  float: right;
}

body.rtl .loginBox form input[type=text],
body.rtl .loginBox form input[type=email],
body.rtl .loginBox form input[type=password] {
  border-right: 3px solid #389EDF;
  padding-right: 10px;
}

body.rtl .loginBox button,
body.rtl .loginBox input[type=button],
body.rtl .loginBox input[type=submit] {
  float: right;
}

body.rtl .loginBox .input-with-icon input[type=text],
body.rtl .loginBox .input-with-icon input[type=email],
body.rtl .loginBox .input-with-icon input[type=password] {
  border-right: 0 !important;
  float: right;
  padding-left: 10px !important;
  padding-right: 0 !important;
}

body.rtl .loginBox .input-with-icon i {
  float: right;
  border-right: 3px solid #389EDF;
  border-left: 0;
}

body.rtl .loginBox .login-text {
  text-align: right;
}

body.rtl #login_form input[type=submit] {
  float: left !important;
}

body.rtl #register_form input[type=submit] {
  float: left;
}

body.rtl .logo-wrapper img {
  float: right;
}

body.rtl .loginBox .firefly {
  display: none;
}

/***********************************  LTR ***********************************/
.ltr .rtl-hide {
  display: none;
}

.ltr .loginBox .or {
  margin: 0;
  padding: 0;
  font-family: "OpenSansHebrew", serif;
  font-size: 14px;
  color: #9b9b9b;
  text-align: left;
}

.ltr .login_title img {
  float: left;
  padding-left: 40px;
  margin-bottom: 40px;
}

.ltr .login_title h1 {
  padding-top: 30px;
  right: 25px;
  color: #389EDF;
  font-size: 72px;
}

.ltr .loginBox .firefly .logo {
  height: 20px;
  top: 7px;
  float: left;
  padding-left: 15px;
}

.ltr .loginBox .firefly .label {
  margin-left: 2px;
  color: #666666;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
}

.ltr .loginBox .idm {
  text-align: left;
}

.ltr .loginBox .idm .logo {
  height: 25px;
  top: 5px;
  float: left;
  padding-left: 12px;
}

.ltr .loginBox .idm .label {
  margin-left: 5px;
  color: #666666;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
}

.ltr .loginBox .microsoft {
  text-align: left;
}

.ltr .loginBox .microsoft .logo {
  height: 25px;
  top: 5px;
  float: left;
  padding-left: 12px;
}

.ltr .loginBox .microsoft .label {
  margin-left: 4px;
  color: #666666;
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
}

/* ----------------------------------------------------------------------------------------------------------
02 Login ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body.ltr .outside-wrapper .loginBox h2 {
  text-align: left;
}

body.ltr .loginBox h3 span {
  float: left;
}

body.ltr .loginBox form input[type=text],
body.ltr .loginBox form input[type=email],
body.ltr .loginBox form input[type=password] {
  border-left: 3px solid #389EDF;
  padding-left: 10px;
}

body.ltr .loginBox button,
body.ltr .loginBox input[type=button],
body.ltr .loginBox input[type=submit] {
  float: left;
}

body.ltr .loginBox .input-with-icon input[type=text],
body.ltr .loginBox .input-with-icon input[type=email],
body.ltr .loginBox .input-with-icon input[type=password] {
  border-left: 0 !important;
  float: left;
  padding-right: 10px !important;
  padding-left: 0 !important;
}

body.ltr .loginBox .input-with-icon i {
  float: left;
  border-left: 3px solid #389EDF;
  border-right: 0;
}

body.ltr .loginBox .login-text {
  text-align: left;
}

body.ltr #login_form input[type=submit] {
  float: right !important;
}

body.ltr #register_form input[type=submit] {
  float: right;
}

body.ltr .logo-wrapper img {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.missingIDForMatath .kalsefer-form > div {
  border: none !important;
}

.missingIDForMatath .gray-line {
  margin-bottom: 20px;
}

.missingIDForMatath span {
  color: #333333;
  display: inline;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: right;
  white-space: nowrap;
  margin-bottom: 20px;
  display: block;
}

.missingIDForMatath h1 {
  color: #2da5e0;
  display: inline;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: right;
  width: auto;
  word-wrap: break-word;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) .missingIDForMatath h1 {
  font-family: FbOgen-Regular, FbOgen;
}

body:lang(he) .missingIDForMatath span {
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
}

/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                            Price quotes                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
/* General Css for All quote module */
.quote-module .tab-action-bar .status-button {
  color: white;
  background-color: #FF9933;
  text-transform: capitalize;
}
.quote-module .tab-action-bar .status-button:hover {
  background-color: #ff8000;
}
.quote-module .tab-action-bar .status-button:active {
  transform: none;
}
.quote-module .tab-action-bar .status-button option {
  vertical-align: middle;
  background-color: white;
  color: #666;
  box-shadow: none;
}
.quote-module .tab-action-bar .status-button option:hover {
  color: black;
  background-color: #ccc;
  border: 1px solid red;
}

/* Quote list page */
#quote_list {
  height: 100%;
}
#quote_list .list-area {
  height: 90%;
}
#quote_list .action-bar {
  margin-bottom: 10px;
}

/* Quote Header */
#quote-main {
  height: 100%;
  overflow: hidden;
}
#quote-main .top-bar {
  height: 20px;
  margin-bottom: 10px;
}
#quote-main .header {
  height: 80px;
  margin-bottom: 10px;
}
#quote-main .header .info-text {
  width: 100%;
  font-weight: bold;
  color: #333333;
  border: none;
  padding: 0 5px;
  box-sizing: border-box;
}
#quote-main .header .info-text .separator {
  margin: 0 5px;
}
#quote-main .header .info-text .separator:after {
  content: "●";
}
#quote-main .header .title {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
#quote-main .header .title:focus {
  box-shadow: inset 0 0 0 1px #ccc;
}
#quote-main .header .title:hover {
  background-color: #f2f2f2;
}
#quote-main .header .title:disabled {
  background-color: white;
}
#quote-main .header .school {
  font-size: 0.9rem;
  line-height: 1.3rem;
}
#quote-main .header .subheading {
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
#quote-main .header .subheading .label {
  font-weight: bold;
}
#quote-main .header .subheading .undefined {
  color: #F75B3B;
}
#quote-main .header .subheading:hover {
  background-color: #f2f2f2;
}
#quote-main .header .subheading:disabled {
  background-color: white;
}

#quote-info {
  padding-top: 20px;
}
#quote-info .quote-form {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-areas: "info-area comments-area";
  justify-items: start;
  align-items: center;
  overflow: hidden;
}
#quote-info .quote-form .area {
  width: 100%;
  padding: 10px;
  align-self: start;
}
#quote-info .quote-form .area h3 {
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 3px;
}
#quote-info .quote-form .area h3 span {
  font-weight: bold;
}
#quote-info .quote-form .comments-area {
  grid-area: comments-area;
}
#quote-info .quote-form .comments-area .additional-info {
  height: 180px;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  resize: vertical;
  font-size: 0.9rem;
  line-height: 1.3rem;
  vertical-align: top;
  background: #f2f2f2;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
#quote-info .quote-form .comments-area .internal-comment {
  height: 280px;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  resize: vertical;
  font-size: 0.9rem;
  line-height: 1.3rem;
  vertical-align: top;
  background: #FFF6D9;
  border: 1px solid #EFDAA3;
}
#quote-info .quote-form .info-area {
  grid-area: info-area;
}
#quote-info .quote-form .info-area .info {
  position: relative;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
  border: none;
}
#quote-info .quote-form .info-area .info.sum .data {
  direction: ltr;
}
#quote-info .quote-form .info-area .info.sum .currency {
  position: absolute;
  top: 0;
  right: 200px;
}
#quote-info .quote-form .info-area input {
  height: 24px;
  color: #666666;
  font-size: 14px;
  border: none;
}
#quote-info .quote-form .info-area input:focus {
  box-shadow: inset 0 0 0 1px #ccc;
}
#quote-info .quote-form .info-area input:hover {
  background-color: #d9d9d9;
}
#quote-info .quote-form .info-area .label {
  width: 30%;
  display: inline-block;
  text-transform: capitalize;
}
#quote-info .quote-form .info-area .data {
  width: 65%;
  display: inline-block;
  padding: 0 5px;
  margin: 0;
  background: #f2f2f2;
}
#quote-info .quote-form .info-area .data.dropdown select {
  width: 100%;
  background-color: transparent;
  border: none;
}
#quote-info .quote-form .info-area .data .emphasize {
  color: #F75B3B;
}
#quote-info .quote-form .info-area .pricing {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
#quote-info .quote-form .info-area .pricing .label {
  width: 50%;
}
#quote-info .quote-form .info-area .pricing .data {
  width: 45%;
  text-align: right;
}
#quote-info .quote-form .info-area .pricing .total {
  font-weight: bold;
}
#quote-info .quote-form .info-area .pricing .sub-total {
  font-weight: 600;
  margin-bottom: 20px;
}
#quote-info .quote-form .label-disclaimer {
  font-weight: normal;
  font-size: 0.75em;
}

#quote-activity-log {
  padding-top: 20px;
  height: 100%;
}
#quote-activity-log .log {
  height: calc(100% - 200px);
}

#quote .quote-form .status {
  width: 92%;
  height: 26px;
  padding: 5px 10px;
  margin-top: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

#quote .quote-form .status p {
  line-height: 26px;
}

#quote .quote-form .status .name {
  padding: 0 3px;
}

#quote .quote-form .status button {
  margin-top: 3px;
}

#quote .quote-form .status .label {
  text-transform: capitalize;
}

/* Items list on quote's page */
#items-list {
  height: 100%;
  padding-top: 20px;
}
#items-list .reportToolbar {
  height: 20px;
  margin: 0;
  padding: 5px 0;
}
#items-list .items {
  height: calc(100% - 200px);
  margin-top: 10px;
}
#items-list .items .ui-grid-row .ui-grid-cell {
  line-height: 25px;
  vertical-align: baseline;
}
#items-list .items .ui-grid-row:nth-child(odd) .empty {
  background-color: rgba(255, 0, 0, 0.05);
}
#items-list .items .ui-grid-row:nth-child(odd) .price-empty {
  font-weight: bold;
  background-color: rgba(255, 0, 0, 0.3);
}
#items-list .items .ui-grid-row:nth-child(odd) .toCheck {
  background-color: rgba(255, 151, 0, 0.2);
}
#items-list .items .ui-grid-row:nth-child(even) .empty {
  background-color: rgba(255, 0, 0, 0.1);
}
#items-list .items .ui-grid-row:nth-child(even) .price-empty {
  font-weight: bold;
  background-color: rgba(255, 0, 0, 0.3);
}
#items-list .items .ui-grid-row:nth-child(even) .toCheck {
  background-color: rgba(255, 151, 0, 0.3);
}
#items-list .items .ui-grid-row .price-changed-up div.ui-grid-cell-contents {
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
}
#items-list .items .ui-grid-row .price-changed-up div.ui-grid-cell-contents:after {
  content: " ↑";
}
#items-list .items .ui-grid-row .price-changed-down div.ui-grid-cell-contents {
  background-color: rgba(0, 255, 0, 0.1);
  color: green;
}
#items-list .items .ui-grid-row .price-changed-down div.ui-grid-cell-contents:after {
  content: " ↓";
}
#items-list .items .book-title {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 87%;
  padding: 0 3px;
}
#items-list .items .class-num {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
  padding: 0 3px;
}

.unavailable-alert {
  color: red;
  cursor: pointer;
}

/*----------- class-name modal -----------*/
.class-name .modal-dialog {
  width: 340px;
  height: 230px;
  background: white;
}

#items-list .items .change-book {
  margin: 5px;
  color: #cdcdcd;
}

#items-list .items .change-book:hover {
  color: #ccc;
}

.courseSelect {
  width: 100%;
  margin: 0;
  padding: 0;
}

.courseSelect .dropdown {
  margin: 0;
  padding: 0;
  width: 100%;
}

.courseSelect .new {
  color: #E13522;
}

/*----------- new quote modal -----------*/
.new-quote-modal .modal-dialog {
  width: 600px;
  height: 340px;
  background: white;
}

.new-quote-modal .modal-dialog .modal-content {
  margin-top: 100px;
  width: 100%;
  height: 100%;
}

#newQuote .header {
  font-size: 18px;
  color: white;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #0099d9;
  box-sizing: border-box;
}

#newQuote .header .close {
  cursor: pointer;
}

#newQuote .quote-form {
  margin-top: 20px;
  padding: 20px;
}

#newQuote .quote-form ks-school-select,
#newQuote .quote-form ks-school-select:hover {
  width: 430px;
  height: 40px;
  display: block;
}

#newQuote .quote-form .school-id {
  width: 120px;
  height: 40px;
  font-size: 18px;
}

#newQuote .quote-form .title {
  width: 550px;
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
}

#newQuote .quote-form .save {
  margin-top: 30px;
}

/*----------- new course modal -----------*/
.new-course-modal .modal-dialog {
  width: 650px;
  height: 380px;
  background: white;
}

.new-course-modal .modal-dialog .modal-content {
  margin-top: 200px;
  width: 100%;
  height: 100%;
}

#AddCourse .header {
  font-family: "OpenSansHebrew-Regular", serif;
  font-size: 18px;
  color: white;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #0099d9;
  box-sizing: border-box;
}

#AddCourse .header .close {
  cursor: pointer;
}

#AddCourse .main {
  padding: 20px;
}

#AddCourse .title {
  font-family: "OpenSansHebrew-Bold", serif;
  font-size: 18px;
  color: #666;
  margin-bottom: 10px;
}

#AddCourse .subtitle {
  font-family: "OpenSansHebrew-Regular", serif;
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}

#AddCourse .action-area {
  width: 350px;
  height: 310px;
}

#AddCourse .courses-area {
  width: 250px;
}

#AddCourse .courses-area li {
  font-size: 16px;
  line-height: 18px;
}

#AddCourse select,
#AddCourse input {
  display: block;
  width: 300px;
  height: 35px;
  font-size: 18px;
  margin: 0;
}

#AddCourse button {
  margin-top: 30px;
}

#AddCourse .exist_course_name input {
  width: 170px;
  height: 20px;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 3px;
}

/*----------- calculator  -----------*/
#PriceCalculator {
  height: 100%;
  width: 100%;
  padding-top: 20px;
}
#PriceCalculator .totals {
  display: flex;
  flex-direction: row;
  height: 40px;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 10px;
  line-height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  justify-content: flex-start;
  gap: 25px;
  font-size: 0.85em;
  background-color: #F4FCFF;
}
#PriceCalculator .totals .element {
  padding: 0;
  margin: 0;
}
#PriceCalculator .totals .element .title {
  color: #333;
  font-weight: bold;
}
#PriceCalculator .totals .element .value {
  color: #4a4a4a;
}
#PriceCalculator .calculator {
  width: 100%;
  height: calc(100% - 200px);
}
#PriceCalculator .calculator .final {
  font-weight: bold;
}
#PriceCalculator .calculator .ui-grid-row:not(.ui-grid-tree-header-row):nth-child(odd) .ui-grid-cell.final {
  background-color: rgba(255, 228, 172, 0.2);
}
#PriceCalculator .calculator .ui-grid-row:not(.ui-grid-tree-header-row):nth-child(even) .ui-grid-cell.final {
  background-color: rgba(255, 228, 172, 0.3);
}
#PriceCalculator .calculator .groupHeader .ui-grid-cell.group-over {
  color: red;
}
#PriceCalculator .calculator .groupHeader .ui-grid-cell.group-ok {
  color: green;
}
#PriceCalculator .great {
  color: green;
  background-color: rgba(0, 255, 0, 0.02);
}
#PriceCalculator .light-notice {
  color: orange;
  background-color: rgba(255, 136, 0, 0.08);
}
#PriceCalculator .notice {
  color: red;
  background-color: rgba(255, 0, 0, 0.04);
}
#PriceCalculator .attention {
  background-color: rgba(255, 0, 0, 0.02);
}
#PriceCalculator .attention:after {
  color: red;
  content: "*";
  position: absolute;
  top: 8px;
}
.rtl #PriceCalculator .attention:after {
  left: 5px;
}
.ltr #PriceCalculator .attention:after {
  right: 5px;
}

/*----------- Import books by codes modal -----------*/
.import-books-modal .modal-dialog {
  width: 900px;
  height: 700px;
  background: white;
}
.import-books-modal .modal-dialog .modal-content {
  margin-top: 100px;
  width: 100%;
  height: 100%;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks {
  width: 100%;
  height: 100%;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .header {
  font-family: "OpenSansHebrew-Regular", serif;
  font-size: 18px;
  color: white;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #0099d9;
  box-sizing: border-box;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .header .close {
  cursor: pointer;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main {
  display: grid;
  grid-template-rows: 50px 450px 80px 50px;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: hidden;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .instructions {
  height: 40px;
  padding: 0;
  margin: 0;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .list {
  overflow: auto;
  padding: 10px;
  border: 1px solid #ccc;
  direction: ltr;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .list input {
  float: left;
  height: 30px;
  width: auto;
  direction: ltr;
  font-size: 16px;
  border: none;
  resize: none;
  overflow: hidden;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .list .code {
  float: left;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  margin: 3px 5px;
  background-color: #e0f2fc;
  font-size: 14px;
  letter-spacing: 0.1px;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .list .delete {
  opacity: 0.7;
  cursor: pointer;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .list .delete:hover {
  opacity: 1;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .results {
  margin: 0;
  padding: 20px 0;
  line-height: 22px;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .results .err {
  color: red;
}
.import-books-modal .modal-dialog .modal-content #PQImportBooks .main .action-bar {
  margin: 0 20px;
  position: absolute;
  bottom: 50px;
}

/* Share to client modal */
.price-quote-share-modal {
  width: 840px;
  height: 600px;
  padding-top: 100px;
}
.price-quote-share-modal .cl-modal-body {
  padding: 20px;
}
.price-quote-share-modal .input-element {
  display: inline-block;
}
.price-quote-share-modal .input-element.days {
  width: 100px;
}
.price-quote-share-modal .input-element.name {
  width: 200px;
}
.price-quote-share-modal .input-element.email {
  width: 275px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #newQuote .quote-form ks-school-select,
body.ltr #newQuote .quote-form ks-school-select:hover,
body.ltr #newQuote .quote-form .school-id {
  float: left;
}

body.ltr #SearchBookModal .action-area {
  float: left;
  border-right: 1px solid #ccc;
}

body.ltr #SearchBookModal .product-area {
  float: left;
}

body.ltr #quote .quote-form .part1 {
  float: left;
  padding-right: 10px;
}

body.ltr #quote .quote-form .part2 {
  float: left;
}

body.ltr .courseSelect {
  float: left;
}

body.ltr #PQImportBooks .header .close,
body.ltr #newQuote .header .close,
body.ltr #SearchBookModal .header .close {
  float: right;
}

body.ltr #SearchBookModal .product-area .product .cover {
  float: left;
}

body.ltr #SearchBookModal .product-area .product .data {
  float: left;
}

body.ltr #SearchBookModal .product-area .product .cover label {
  left: 5px;
}

body.ltr #SearchBookModal .product-area .product .cover input[type=checkbox]:checked + label span.checkbox:before {
  right: -1px;
}

body.ltr #AddCourse .header .close {
  float: right;
}

body.ltr #AddCourse .exist_course_name input {
  direction: ltr;
  text-align: left;
}

body.ltr #AddCourse .action-area {
  float: left;
  border-right: 1px solid #ccc;
}

body.ltr #AddCourse .courses-area {
  padding-left: 20px;
  float: left;
}

body.ltr #PriceCalculator .header .close {
  float: right;
}

body.ltr #items-list .items .change-book {
  float: right;
}

body.ltr #quote .quote-form .license,
body.ltr #quote .quote-form .license p,
body.ltr #quote .quote-form .license input {
  float: left;
}

body.ltr #quote .quote-form .license input {
  margin-left: 18px;
}

body.ltr #quote .quote-form .status,
body.ltr #quote .quote-form .status p {
  float: left;
}

body.ltr #quote .quote-form .status .name {
  margin-left: 10px;
}

body.ltr #quote .quote-form .status button {
  float: right;
}

body.ltr #items-list .status-button {
  float: right;
  margin-right: 10px;
}

body.ltr .import-books-modal .modal-dialog .modal-content #PQImportBooks .main .instructions {
  text-align: left;
}

body.ltr #quote-info .ps-container .ps-scrollbar-y-rail {
  right: -3px;
}

/***********************************  RTL ***********************************/
body.rtl #newQuote .quote-form ks-school-select,
body.rtl #newQuote .quote-form ks-school-select:hover,
body.rtl #newQuote .quote-form .school-id {
  float: right;
}

body.rtl #SearchBookModal .action-area {
  float: right;
  border-left: 1px solid #ccc;
}

body.rtl #SearchBookModal .product-area {
  float: right;
}

body.rtl #quote .quote-form .part1 {
  float: right;
  padding-left: 10px;
}

body.rtl #quote .quote-form .part2 {
  float: right;
}

body.rtl .courseSelect {
  float: right;
}

body.rtl #PQImportBooks .header .close,
body.rtl #newQuote .header .close,
body.rtl #SearchBookModal .header .close {
  float: left;
}

body.rtl #SearchBookModal .product-area .product .cover {
  float: right;
}

body.rtl #SearchBookModal .product-area .product .data {
  float: right;
}

body.rtl #SearchBookModal .product-area .product .cover label {
  right: 5px;
}

body.rtl #SearchBookModal .product-area .product .cover input[type=checkbox]:checked + label span.checkbox:before {
  left: -1px;
}

body.rtl #AddCourse .header .close {
  float: left;
}

body.rtl #AddCourse .exist_course_name input {
  direction: rtl;
  text-align: right;
}

body.rtl #AddCourse .action-area {
  float: right;
  border-left: 1px solid #ccc;
}

body.rtl #AddCourse .courses-area {
  padding-right: 20px;
  float: right;
}

body.rtl #PriceCalculator .header .close {
  float: left;
}

body.rtl #items-list .items .change-book {
  float: left;
}

body.rtl #quote .quote-form .license,
body.rtl #quote .quote-form .license p,
body.rtl #quote .quote-form .license input {
  float: right;
}

body.rtl #quote .quote-form .license input {
  margin-right: 18px;
}

body.rtl #quote .quote-form .status,
body.rtl #quote .quote-form .status p {
  float: right;
}

body.rtl #quote .quote-form .status .name {
  margin-right: 10px;
}

body.rtl #quote .quote-form .status button {
  float: left;
}

body.rtl #items-list .status-button {
  float: left;
  margin-left: 10px;
}

body.rtl .import-books-modal .modal-dialog .modal-content #PQImportBooks .main .instructions {
  text-align: right;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.registerConfirm {
  padding: 50px;
}

.registerConfirm .details {
  text-align: center;
  width: 65%;
  border: 1px solid #CECECE;
  padding: 45px;
}

.registerConfirm .pleaseWaitMessage {
  margin-top: 15px;
}

.registerConfirm .pleaseWaitMessage span {
  font-size: 22px;
}

.registerConfirm .details span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #333333;
}

.registerConfirm .details .gray-line {
  margin-top: 40px;
  margin-bottom: 30px;
}

.registerConfirm .details .detail-line {
  margin-bottom: 7px;
}

.registerConfirm .details h3 {
  font-style: normal;
  font-size: 28px;
  color: #2DA5E0;
  margin-bottom: 20px;
}

#registerConfirmEmail {
  text-align: center;
}
#registerConfirmEmail .logo {
  width: 100%;
  margin-bottom: 40px;
}
#registerConfirmEmail .logo img {
  width: 260px;
  height: auto;
}
#registerConfirmEmail .detailsTitle {
  text-align: center;
  font-size: 24px;
  color: #0099d9;
  letter-spacing: 0em;
  font-weight: bold;
}
#registerConfirmEmail .detailsEmail {
  font-size: 18px;
  color: #9b9b9b;
  text-align: center;
  letter-spacing: 0em;
  line-height: 20px;
  margin: 30px 0;
}
#registerConfirmEmail .detailsEmail .email {
  text-decoration: underline;
}
#registerConfirmEmail .clickToEdit {
  cursor: pointer;
  font-size: 12px;
  color: #4a90e2;
}
#registerConfirmEmail .details {
  font-size: 18px;
  color: #9b9b9b;
  text-align: center;
  line-height: 24px;
  letter-spacing: 0em;
  width: 550px;
  margin-bottom: 30px;
}
#registerConfirmEmail .details .clickToReSend {
  color: #0099D9;
  cursor: pointer;
}
#registerConfirmEmail .buttons {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.03em;
  padding-top: 35px;
}
#registerConfirmEmail .feedback {
  text-align: center;
}
#registerConfirmEmail .feedback .message {
  color: red;
  line-height: 24px;
}

#RegisterChangeEmailModal {
  height: 290px;
}
#RegisterChangeEmailModal input {
  height: 50px;
  width: 320px;
  border: 1px solid #d0d0d0;
  background: none;
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0.03em;
  padding: 0 20px;
}
#RegisterChangeEmailModal .emailInput {
  text-align: center;
  padding-bottom: 20px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Register Form                                       */
/*-------------------------------------------------------------------------------------------------*/
#main-registration-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 40px 1fr;
  grid-template-columns: 2fr 40px 1fr;
  -ms-grid-rows: 65px auto;
  grid-template-rows: 65px 700px;
  grid-template-areas: "header header header" "main separator sso";
  color: #9b9b9b;
}
#main-registration-form * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#main-registration-form .countries-dropdown-list {
  width: 89%;
}

#main-registration-form .header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: header;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0;
  line-height: 30px;
}
#main-registration-form .header .title {
  font-size: 24px;
  font-weight: 600;
  color: #0099d9;
  letter-spacing: -0.03em;
  text-transform: capitalize;
}
#main-registration-form .header .already-user {
  width: 300px;
}
#main-registration-form .header .already-user .text {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-transform: capitalize;
}
#main-registration-form .header .already-user .sign-in {
  display: inline-block;
  height: 30px;
  width: 80px;
  border-radius: 15px;
  color: white;
  background-color: #0099d9;
  font-size: 16px;
  font-weight: lighter;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.03em;
  cursor: pointer;
  text-transform: capitalize;
}
#main-registration-form .header .already-user .sign-in:hover {
  background-color: #0E82D3;
}

#main-registration-form .main-form {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: main;
  margin: 0;
}
#main-registration-form .main-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#main-registration-form .main-form .part1 {
  -webkit-box-flex: 2;
  -ms-flex: 2 100%;
  flex: 2 100%;
  padding: 0 20px;
}
#main-registration-form .main-form .part1 .user-type {
  height: 60px;
}
#main-registration-form .main-form .part2,
#main-registration-form .main-form .part3 {
  -webkit-box-flex: 1;
  -ms-flex: 1 50%;
  flex: 1 50%;
  padding: 0 20px;
}
#main-registration-form .main-form .part2 .school-info,
#main-registration-form .main-form .part3 .school-info {
  margin-bottom: 50px;
}
#main-registration-form .main-form .phone-country {
  float: left;
  width: 18%;
}
#main-registration-form .main-form .phone-number {
  float: right;
  width: 78%;
}
#main-registration-form .main-form .marketing {
  height: 50px;
}
#main-registration-form .main-form .marketing p {
  width: 94%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
  color: #9b9b9b;
  letter-spacing: 0.03em;
}
#main-registration-form .main-form .terms-and-conditions {
  margin-bottom: 10px;
}
#main-registration-form .main-form .terms-and-conditions p {
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle;
  color: #9b9b9b;
  letter-spacing: 0em;
}
#main-registration-form .main-form .terms-and-conditions p a {
  text-decoration: underline;
}
#main-registration-form .main-form .terms-and-conditions p a:hover {
  color: #696969;
}
#main-registration-form .main-form .submit,
#main-registration-form .main-form .submit input {
  width: 100%;
  height: 50px;
  color: white;
}

#main-registration-form .or-separator {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: separator;
  margin: 0;
  background: -webkit-linear-gradient(left, transparent 0%, transparent calc(50% - 1px), #ccc calc(50% - 1px), transparent calc(50% + 1px), transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, transparent calc(50% - 1px), #ccc calc(50% - 1px), transparent calc(50% + 1px), transparent 100%);
  background: linear-gradient(to right, transparent 0%, transparent calc(50% - 1px), #ccc calc(50% - 1px), transparent calc(50% + 1px), transparent 100%);
}
#main-registration-form .or-separator .or {
  height: 40px;
  width: 40px;
  margin: 0 auto;
  top: 80px;
  color: white;
  background-color: #0099d9;
  border-radius: 50%;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}

#main-registration-form .sso-options {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: sso;
  margin: 0;
}

.registration-accept-user-parameters-form .modal-dialog {
  height: 540px;
  width: 680px;
  top: -150px;
  background: white;
}
.registration-accept-user-parameters-form .modal-dialog .modal-content {
  height: 100%;
}
.registration-accept-user-parameters-form .modal-dialog .header {
  height: 100px;
  text-align: center;
  padding: 30px;
  width: 80%;
}
.registration-accept-user-parameters-form .modal-dialog .header h1 {
  height: 50px;
  line-height: 70px;
  color: #0099d9;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.03em;
  font-weight: bold;
}
.registration-accept-user-parameters-form .modal-dialog .user-data {
  font-size: 24px;
  color: #4a4a4a;
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  width: 80%;
  padding: 50px;
  line-height: 40px;
}
.registration-accept-user-parameters-form .modal-dialog form .actions {
  text-align: center;
  padding-top: 30px;
}
.registration-accept-user-parameters-form .modal-dialog form .actions button {
  margin: 10px;
  width: 220px;
  height: 50px;
}

.cl-form-school-new .modal-dialog {
  height: 460px;
  width: 530px;
  transform: translateY(20%);
}
.cl-form-school-new .modal-dialog .modal-content {
  height: 100%;
}
.cl-form-school-new .modal-dialog .main {
  padding: 40px;
}
.cl-form-school-new .modal-dialog .header {
  height: 120px;
  text-align: center;
}
.cl-form-school-new .modal-dialog .header h1 {
  height: 50px;
  line-height: 50px;
  color: #0099d9;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.03em;
}
.cl-form-school-new .modal-dialog .actions button {
  width: 47%;
  height: 50px;
}

@media (max-width: 500px) {
  #main-registration-form {
    grid-template-columns: 1fr;
    grid-template-areas: "header" "main";
  }
  #main-registration-form section.sso-options,
#main-registration-form section.or-separator {
    display: none;
  }
}
body.rtl #main-registration-form .header .title {
  float: right;
}
body.rtl #main-registration-form .header .already-user {
  float: left;
  text-align: left;
}
body.rtl #main-registration-form .main-form .student-notice {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin-bottom: 20px;
  padding: 0 10px;
  font-weight: bold;
  color: #333;
  background-color: #fedbdb;
}
body.rtl #main-registration-form .main-form .marketing input {
  float: right;
  margin-left: 5px;
}
body.rtl #main-registration-form .main-form .marketing p {
  float: right;
}
body.rtl .registration-accept-user-parameters-form .modal-dialog .actions .save {
  margin-left: 2.5%;
}
body.rtl .registration-accept-user-parameters-form .modal-dialog .actions .close {
  margin-right: 2.5%;
}
body.rtl .cl-form-school-new .modal-dialog .actions .save {
  margin-left: 2.5%;
}
body.rtl .cl-form-school-new .modal-dialog .actions .close {
  margin-right: 2.5%;
}

body.ltr #main-registration-form .header .title {
  float: left;
}
body.ltr #main-registration-form .header .already-user {
  float: right;
  text-align: right;
}
body.ltr #main-registration-form .main-form .marketing input {
  float: left;
  margin-right: 5px;
}
body.ltr #main-registration-form .main-form .marketing p {
  float: left;
}
body.ltr .registration-accept-user-parameters-form .modal-dialog .actions .save {
  margin-right: 2.5%;
}
body.ltr .registration-accept-user-parameters-form .modal-dialog .actions .close {
  margin-left: 2.5%;
}
body.ltr .cl-form-school-new .modal-dialog .actions .save {
  margin-right: 2.5%;
}
body.ltr .cl-form-school-new .modal-dialog .actions .close {
  margin-left: 2.5%;
}

/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.registerForm * {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew" !important;
}

.registerForm input[type=email] {
  text-align: left;
  direction: ltr;
}

.registerForm .title {
  color: #2da5e0;
  display: inline;
  font-family: FbOgen-Regular, FbOgen;
  font-size: 48px;
}

.registerForm .loginBox {
  border: none !important;
  width: 434px !important;
  padding: 0px 10px !important;
}

.registerForm .loginBox input[type=submit] {
  float: none !important;
  position: relative;
  top: 10px;
}

.registerForm .loginBox .register-finish {
  position: absolute;
  bottom: -65px;
}

.registerForm .loginBox form input.name {
  display: inline-block !important;
  width: 47% !important;
}

.ua-ie .registerForm .loginBox form input.name {
  width: 46% !important;
}

.registerForm #captcha #recaptcha_response_field {
  width: 333px;
}

.registerForm input[type=checkbox],
.registerForm input[type=radio] {
  margin-left: 10px;
}

.registerFrom .user_type_title {
  margin-left: 15px;
}

.registerForm span.user_type_option {
  display: inline !important;
  margin-right: 15px;
}

.registerForm .not_listed_row {
  font-size: 14px;
  color: #999999;
}

.registerForm .not_listed_row a {
  text-decoration: underline;
}

.registerForm .user_type {
  font-size: 18px;
  color: #666666;
}

.registerForm .input_field {
  margin-bottom: 20px;
}

.registerForm .input_field input {
  height: 20px !important;
  width: 95% !important;
}

.registerForm .input_field ul {
  width: 99% !important;
  z-index: 1000 !important;
  background: white !important;
}

.ua-ie .registerForm .input_field ul {
  display: block;
}

.registerForm .input_field li {
  width: 93% !important;
}

.registerForm .school-error {
  position: relative !important;
  top: -15px !important;
}

.registerForm .input_field.disabled {
  background: grey;
}

.registerForm .city-error {
  position: relative !important;
  top: -15px !important;
}

.registerForm .confirm_register {
  color: #999999;
  display: inline;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 12px;
}

/*TEMP MESSAGE STYLE*/
.registerForm hr {
  margin-bottom: 15px;
}

.registerForm .registration-message {
  margin: 0;
  margin-bottom: 25px;
  padding: 10px;
  height: 20px;
  background-color: #FFF8D6;
  font-family: OpenSansHebrew-Regular, "Open Sans Hebrew";
  font-size: 20px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr .registerForm .loginBox {
  float: left;
}

body.ltr .registerForm .loginBox form input.name.firstName {
  margin-right: 5%;
}

.ltr .registerForm .autocomplete li {
  text-align: left !important;
}

.ltr .registerForm .autocomplete ul {
  left: 0 !important;
}

.ltr .last_name_error {
  left: 220px;
}

/***********************************  RTL ***********************************/
.rtl .registerForm .loginBox {
  float: right;
}

body.rtl .registerForm .loginBox form input.name.firstName {
  margin-left: 5%;
}

.rtl .registerForm .autocomplete li {
  text-align: right !important;
}

.rtl .registerForm .autocomplete ul {
  right: 0 !important;
}

.rtl .last_name_error {
  right: 220px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                      Register user with Invitation                              */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#register-invitation {
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  margin: -20px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
}

.mobile #register-invitation {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 40px 13.7vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  box-sizing: border-box;
}

.mobile #register-invitation div,
.mobile #register-invitation form {
  width: 72vw;
}

#register-invitation .inner {
  width: 340px;
  height: 590px;
  margin: auto;
}

.mobile #register-invitation .inner {
  padding: 0;
  height: auto;
  margin-top: 20px;
}

#register-invitation .classoos-logo {
  height: 82px;
  width: 340px;
  text-align: center;
}

.mobile #register-invitation .classoos-logo,
.mobile #register-invitation .classoos-logo a {
  height: 72px;
  width: 100%;
  padding: 0;
  text-align: center;
}

.mobile #register-invitation .classoos-logo img {
  display: block;
  max-width: 100%;
  max-height: 72px;
  width: auto;
  height: auto;
}

#register-invitation .intro {
  padding: 8px;
  margin: 10px 0;
  font-size: 18px;
  line-height: 27px;
}

#register-invitation .intro .hello {
  line-height: 29px;
}

#register-invitation .reg-form {
  width: 340px;
  height: 400px;
  padding: 20px;
  background-color: white;
  border: 1px solid #d0d0d0;
}

.mobile #register-invitation .reg-form {
  border: none;
  padding: 0;
  width: 100%;
}

#register-invitation .reg-form .title1 {
  font-size: 18px;
  color: #4a4a4a;
}

#register-invitation .reg-form .title2 {
  font-size: 18px;
  color: #4a4a4a;
  margin-top: 20px;
}

#register-invitation .reg-form input {
  height: 50px;
  width: 300px;
  margin: 10px 0 0 0;
  padding: 0 5px;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  font-size: 18px;
  color: #7c7c7c;
  text-align: left;
}

.mobile #register-invitation .reg-form input {
  width: 100%;
}

.mobile #register-invitation .reg-form input[name=email] {
  font-size: calc(8px + 2vw);
}

#register-invitation .reg-form input:disabled {
  background-color: white;
}

#register-invitation .reg-form input.clone {
  margin-top: 20px;
}

#register-invitation .reg-form button {
  height: 50px;
  width: 100%;
  margin: 25px 0;
}

#register-invitation button:disabled {
  color: white;
  background-color: #0099d9;
}

/*-----------------------------------*/
/*    Already Mobile download page   */
/*-----------------------------------*/
#register-invitation.download-page {
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  color: white;
  background-color: #0099D9;
}

#register-invitation.download-page .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#register-invitation.download-page .inner .classoos-logo img {
  height: 138px;
  width: 216px;
}

#register-invitation.download-page .text {
  margin: 40px 20px;
  font-size: 22px;
  line-height: 27px;
}

#register-invitation.download-page .inner .download img {
  height: 61px;
  width: 206px;
}

.mobile #register-invitation.download-page .classoos-logo,
.mobile #register-invitation.download-page .classoos-logo a {
  height: 138px;
  width: 100%;
  padding: 0;
  text-align: center;
}

.mobile #register-invitation.download-page .classoos-logo img {
  display: block;
  max-width: 100%;
  max-height: 138px;
  width: auto;
  height: auto;
}

/*----------------------------*/
/*    Already Fulfilled page  */
/*----------------------------*/
.mobile #register-invitation.fulfilled .inner {
  height: 100%;
  padding: 25% 0;
  box-sizing: border-box;
}

#register-invitation.fulfilled p {
  margin: 30px 0;
}

#register-invitation.fulfilled .action {
  text-align: center;
}

#register-invitation.fulfilled .action a {
  width: 60%;
  bottom: 20px;
  margin: auto;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #register-invitation * {
  font-family: "OpenSansHebrew-Regular", serif;
}

body:lang(he) #register-invitation * .bold {
  font-family: "OpenSansHebrew-Bold", serif;
}

/***********************************  English *********************************/
body:lang(en) #register-invitation * {
  font-family: "Open Sans", serif;
  font-style: normal;
  font-weight: 400;
}

#RegisterSelectProgram h1 {
  color: #0099d9;
  display: inline;
  font-size: 36px;
  height: 49px;
  line-height: 49px;
  vertical-align: middle;
}

#RegisterSelectProgram h2 {
  height: 90px;
  line-height: 90px;
  color: #4a4a4a;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}

#RegisterSelectProgram .options {
  width: 100%;
  display: grid;
  grid-template-columns: 80px 356px 50px 356px 80px;
  justify-items: center;
}

#RegisterSelectProgram .option-block {
  height: 280px;
  width: 356px;
  float: right;
  border: 1px solid #d0d0d0;
  text-align: center;
}

#RegisterSelectProgram .option-block .header {
  float: none;
  height: 50px;
  width: 100%;
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}

#RegisterSelectProgram .option-block .header.books {
  background-color: #00af7b;
}

#RegisterSelectProgram .option-block .header.platform {
  background-color: #9b9b9b;
}

#RegisterSelectProgram .option-block .main {
  display: block;
  height: 150px;
  padding: 20px;
  box-sizing: border-box;
}

#RegisterSelectProgram .option-block .main p {
  color: #4a4a4a;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

#RegisterSelectProgram .option-block .main a {
  margin-top: 5px;
  color: #0099d9;
  font-size: 14px;
  font-weight: normal;
}

#RegisterSelectProgram .option-block .footer {
  display: block;
  height: 80px;
}

#RegisterSelectProgramModal {
  height: 400px;
}

#RegisterSelectProgramModal .ks-modal-content {
  height: 215px;
}

#RegisterSelectProgramModal a,
#RegisterSelectProgramModal p,
#RegisterSelectProgramModal span {
  line-height: 18px;
  font-size: 18px;
  font-family: "OpenSansHebrew", serif;
}

#RegisterSelectProgramModal a {
  color: #0099D9;
}

#RegisterSelectProgramModal a:hover {
  text-decoration: underline;
}

#RegisterSelectProgramModal .kalsefer-button {
  padding: 0 28px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Schedule                                            */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .choose-group-for-lesson span,
body.ltr .choose-group-for-lesson select {
  margin-right: 20px;
  float: left;
}

/***********************************  RTL ***********************************/
body.rtl .choose-group-for-lesson span,
body.rtl .choose-group-for-lesson select {
  margin-left: 20px;
  float: right;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.searchResults .results-list .book-list-header {
  font-size: 18px;
}

.searchResults .results-list ul {
  border-top: 1px solid #B3C4CE;
}

.searchResults .results-list ul li {
  width: 100%;
  padding: 20px 0px 40px 0px;
  border-bottom: 1px solid #B3C4CE;
}

.searchResults .results-list .open-button {
  margin: 0;
  padding: 0;
}

.searchResults .results-list .open-button button {
  margin: 0;
}

.searchResults .results-list ul li .cover {
  width: 117px;
  border: 1px solid #ccc;
}

.searchResults .results-list ul li .details {
  width: 65%;
}

.searchResults .details .title {
  font-size: 16px;
  font-weight: bold;
  color: #222;
}

.searchResults .details .seperator {
  width: 117px;
  color: #f2f2f2;
  margin: 10px 0px;
  padding: 0;
}

.searchResults .details .price-title {
  width: 85px;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.printed {
  text-decoration: line-through;
}

.searchResults .details .price-title-precent {
  width: 72px;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.searchResults .results-list ul li a {
  width: 80%;
}

.searchResults .results-list ul li img {
  width: 117px;
  height: auto;
  cursor: pointer;
}

.searchResults .results-list ul li p {
  font-size: 14px;
  line-height: 16px;
}

.searchResults .results-list ul li .price {
  position: absolute;
  color: red;
  font-weight: bold;
}

.searchResults .results-list ul li .label-container {
  position: absolute;
  top: 155px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  font-size: 10px;
  color: white;
}

.searchResults .results-list .label-container .icon {
  float: inherit;
  width: 16px;
  height: 100%;
  background-color: #4a4a4a;
}

.searchResults .results-list .label-container .icon .icon-img {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

.searchResults .results-list .label-container .label {
  padding: 0 6px;
  float: inherit;
  background-color: #0099d9;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .searchResults .results-list .label-container {
  float: left;
  text-align: left;
}

body.ltr .searchResults .results-list .open-button {
  float: right;
}

body.ltr .searchResults .results-list ul li .cover {
  float: left;
  margin-left: 0;
}

body.ltr .searchResults .results-list ul li .details {
  float: left;
  margin-left: 15px;
}

body.ltr .searchResults .results-list ul li img {
  float: left;
}

body.ltr .searchResults .results-list ul li a {
  right: 20px;
}

body.ltr .searchResults .results-list .label-container .icon .icon-img {
  right: 50%;
  margin-right: -6px;
}

/***********************************  RTL ***********************************/
body.rtl .searchResults .results-list .label-container {
  float: right;
  text-align: right;
}

body.rtl .searchResults .results-list .open-button {
  float: left;
}

body.rtl .searchResults .results-list ul li .cover {
  float: right;
  margin-right: 0;
}

body.rtl .searchResults .results-list ul li .details {
  float: right;
  margin-right: 15px;
}

body.rtl .searchResults .results-list ul li img {
  float: right;
}

body.rtl .searchResults .results-list ul li a {
  left: 20px;
}

body.rtl .searchResults .results-list .label-container .icon .icon-img {
  left: 50%;
  margin-left: -6px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                        User Info forms                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
#search_user_form .form_area {
  height: 55px;
}
#search_user_form .select-box > li {
  height: 35px;
  padding: 9px 10px;
  width: 170px;
}

#search_user_school {
  width: 350px;
  margin: 0;
  padding: 0;
}

#search_user_school .autocomplete input {
  height: 33px !important;
  margin: 0 !important;
}

/* Search results */
.users-search-results ul {
  display: block;
}

.users-search-results ul.closed {
  height: 0;
}

.users-search-results ul li {
  border-bottom: 1px solid #cccccc;
  padding: 7px;
  cursor: pointer;
  width: 100%;
}

.users-search-results ul li:nth-child(odd) {
  background: white;
}

.users-search-results ul li:nth-child(even) {
  background: #fafafa;
}

.users-search-results ul li:hover {
  background: #dddddd;
}

.users-search-results ul li img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #ccc;
  margin: 5px 15px;
}

.users-search-results [ks=username] {
  font-family: "OpenSansHebrew-Bold", serif;
  margin: 8px 0;
}

.users-search-results [ks=info] {
  color: black;
  font-size: 14px;
  font-weight: 400;
}

.users-search-results [ks=info2] {
  font-size: 12px;
  font-weight: 400;
}

.users-search-results [ks=label] {
  color: black;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #search_user_school {
  float: left;
  margin-left: 10px;
}

body.ltr .searchLine {
  float: left;
}

body.ltr .users-search-results ul li {
  float: left;
}

body.ltr .users-search-results ul li img {
  float: left;
}

body.ltr .users-search-results [ks=username] {
  margin-left: 13px;
}

/***********************************  RTL ***********************************/
body.rtl #search_user_school {
  float: right;
  margin-right: 10px;
}

body.rtl .searchLine {
  float: right;
}

body.rtl .users-search-results ul li {
  float: right;
}

body.rtl .users-search-results ul li img {
  float: right;
}

body.rtl .users-search-results [ks=username] {
  margin-right: 13px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.userPaymentSearchType {
  margin-left: 10px;
  margin-right: 10px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
#mainCheckout {
  display: -ms-grid;
  display: grid;
  height: 100%;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 65px auto;
  grid-template-rows: 65px auto;
  grid-template-areas: "header header" "payment cart";
  color: #9b9b9b;
}
#mainCheckout * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainCheckout div {
  width: 100%;
}
#mainCheckout .coupon-form-error {
  position: absolute;
  font-size: 12px;
  color: #E13522;
  margin-top: -20px;
  line-height: normal;
}

#mainCheckout .header {
  grid-area: header;
}

#mainCheckout .payment {
  grid-area: payment;
  margin: 0;
  padding: 0 50px;
  justify-self: end;
  width: 480px;
}
#mainCheckout .payment h1 {
  color: black;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}
#mainCheckout .payment .coupon {
  margin-bottom: 30px;
}

#mainCheckout .small-cart {
  grid-area: cart;
  margin: 0;
  padding: 0 50px;
  justify-self: start;
}
#mainCheckout .small-cart .cart-box {
  width: 250px;
  margin-bottom: 10px;
}
#mainCheckout .small-cart .bank-transfer {
  width: 250px;
}
#mainCheckout .small-cart .bank-transfer p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.04em;
}
#mainCheckout .small-cart .bank-transfer a {
  font-size: 12px;
  color: #0099d9;
}

#mainCheckout .payment #stripeCheckout .pay-now {
  height: 50px;
  margin-bottom: 20px;
}
#mainCheckout .payment #stripeCheckout .credit-card {
  height: 50px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 15px 10px 10px 10px;
}
#mainCheckout .payment #stripeCheckout .pay-button {
  width: 100%;
  height: 50px;
}
#mainCheckout .payment #stripeCheckout .payment-error {
  min-height: 80px;
  padding: 20px;
  margin-top: 20px;
  color: red;
  background-color: white;
  border: 1px solid red;
}
#mainCheckout .payment #stripeCheckout .payment-error .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.coupon-modal .text {
  font-size: 20px;
  line-height: 30px;
}

body.rtl #mainCheckout .small-cart {
  border-right: 1px solid #ccc;
}

body.ltr #mainCheckout .small-cart {
  border-left: 1px solid #ccc;
}

/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#storeCheckout > div.right {
  width: 40%;
}

#storeCheckout > div.left {
  width: 50%;
}

#storeCheckout > div.payment-details {
  clear: both;
}

#storeCheckout > div.details p {
  font-size: 18px;
  color: #666666;
  font-weight: 400;
  font-style: normal;
}

#storeCheckout h4 {
  color: #00B6E7;
  font-size: 24px;
  font-weight: bold;
}

#storeCheckout h1 {
  font-size: 36px;
  color: #0099d9;
  padding-bottom: 5px;
  border-bottom: 1px solid #B3C4CE;
}

#storeCheckout > div.details .items {
  font-size: 18px;
  color: #4a4a4a;
  padding-bottom: 25px;
  line-height: 25px;
}

#storeCheckout > div.details .coupon-area input[type=text] {
  height: 35px;
  width: 220px;
  border: 1px solid #d0d0d0;
  font-size: 30px;
  color: #0099d9;
}

#storeCheckout > div.details .coupon-area .coupon-text {
  font-size: 18px;
  color: #4a4a4a;
  height: 30px;
  display: block;
}

#storeCheckout .checkout-payment {
  padding-top: 20px;
  padding-bottom: 20px;
}

#storeCheckout .coupon-area button,
#storeCheckout .continue-button {
  height: 35px;
  width: 130px;
}

#storeCheckout > div.accepted-payments {
  float: left;
}

#storeCheckout .no-credit {
  margin-right: 36px;
  font-size: 14px;
}

#storeCheckout > div.details .new-sum {
  color: #FE5B3D;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #storeCheckout > div.details {
  float: right;
}

.rtl #storeCheckout > div.book-images {
  float: right;
}

.rtl #storeCheckout > div.payment-details {
  float: left;
}

/***********************************  RTL ***********************************/
.rtl #storeCheckout > div.details {
  /*float:right;*/
}

.rtl #storeCheckout > div.book-images {
  float: left;
}

.rtl #storeCheckout > div.payment-details {
  float: right;
}

.rtl #storeCheckout > div.details {
  padding-top: 20px;
}

.rtl #storeCheckout > div.details .sum {
  font-size: 18px;
  color: #0099d9;
}

.rtl #storeCheckout > div.details .coupon-worth {
  margin-right: 131px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #storeCheckout h1 {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
}

body:lang(he) #storeCheckout > div.details * {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
}

/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.storeMessage {
  padding: 80px;
  border: 1px solid #CECECE;
  overflow: hidden;
}

.noSchoolProgramMessage .innerStoreMessage {
  margin-right: 0;
  margin-bottom: 25px;
}

.storeMessage br {
  margin-bottom: 20px;
}

.storeMessage .storeMessageText {
  padding-bottom: 20px;
}

.storeMessage .innerStoreMessage .storeMessageText {
  margin-bottom: 70px;
}

.storeMessage .innerStoreMessage {
  width: 100%;
}

.storeMessage a {
  text-decoration: underline;
  color: #999999;
  font-size: 18px;
}

.storeMessage span.highlighted {
  color: #3283DB;
}

.storeMessage .kalsefer-button {
  margin-top: 20px;
  float: left;
}

.storeMessage .activate-button {
  display: block;
  float: none;
  margin: 30px 0;
  height: 45px;
}

.storeMessage p,
.storeMessage span {
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
}

.storeMessage h3 {
  font-size: 22px;
  color: #0099d9;
}

.storeMessage .welcome {
  font-size: 40px;
}

.storeMessage .support-link {
  font-size: 16px;
  color: #0099d9;
}

.storeMessage ul {
  list-style-type: disc;
  margin: 0 20px;
}
.storeMessage p {
  line-height: 22px;
}
.storeMessage .notice {
  text-decoration: underline;
}
.storeMessage .emphasize {
  font-weight: bold;
}
.storeMessage .sub-block {
  margin-top: 20px;
}
.storeMessage .asterisk {
  vertical-align: super;
  font-size: smaller;
}
.storeMessage .asterisk::after {
  content: "*";
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                            Store Headers                                        */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                                  General                                   */
/*----------------------------------------------------------------------------*/
.storeTaskHeader {
  background: #FFF8D6;
  width: 100%;
  height: 140px;
  margin-bottom: 20px;
}

.storeTaskHeader span {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  color: #333333;
  line-height: normal;
  position: Relative;
  top: 21px;
}

.storeCreditHeader {
  background: #FFF8D6;
  width: 100%;
  min-height: 70px;
  margin-bottom: 20px;
  padding: 20px;
}

.storeCreditHeader p {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  color: #333333;
  line-height: normal;
  position: Relative;
}

.storeCreditHeader .secondary,
.storeCreditHeader .secondary p,
.storeCreditHeader .secondary a {
  font-family: "OpenSansHebrew-Regular", "Open Sans Hebrew";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}

.storeCreditHeader .secondary a {
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
/***********************************  RTL ***********************************/
body.rtl .storeTaskHeader {
  border-right: 5px solid #EA3C18;
}
body.rtl .storeTaskHeader span {
  text-align: right;
  right: 20px;
}
body.rtl .storeCreditHeader {
  border-right: 5px solid #EA3C18;
}
body.rtl .storeCreditHeader span {
  text-align: right;
  right: 20px;
}

/***********************************  LTR ***********************************/
body.ltr .storeTaskHeader {
  border-left: 5px solid #EA3C18;
}
body.ltr .storeTaskHeader span {
  text-align: left;
  left: 20px;
}
body.ltr .storeCreditHeader {
  border-left: 5px solid #EA3C18;
}
body.ltr .storeCreditHeader span {
  text-align: left;
  left: 20px;
}

#support {
  margin: 0;
  padding: 20px;
  max-width: 520px;
  background-color: white;
}
#support h2 {
  margin-bottom: 5px;
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
}
#support .predefined-answer-block {
  padding: 20px 10px;
}
#support .predefined-answer-block hr {
  margin-bottom: 10px;
}
#support .predefined-answer-block .predefined-answer.space {
  margin-bottom: 40px;
}
#support .predefined-answer-block .predefined-answer h4 {
  font-weight: bold;
}
#support .predefined-answer-block .predefined-answer p {
  margin-bottom: 0.6em;
  line-height: 1.4em;
}
#support .predefined-answer-block .predefined-answer pre {
  line-height: 1.2em;
}
#support .predefined-answer-block .predefined-answer a {
  color: #0099d9;
  text-decoration: underline;
}
#support .predefined-answer-block .predefined-answer a:hover {
  color: #0075a6;
}
#support .predefined-answer-block .predefined-answer .emphasize {
  font-weight: 600;
  color: #333;
}
#support .predefined-answer-block .predefined-answer .underline {
  text-decoration: underline;
}
#support .predefined-answer-block .predefined-answer iframe {
  width: 100%;
}
#support .predefined-answer-block .predefined-answer ol {
  list-style: disc;
  margin: 0 20px;
  line-height: 1.4em;
}
#support .predefined-answer-block .predefined-answer ol li {
  margin-bottom: 10px;
}
#support .predefined-answer-block .need-help {
  height: 80px;
}
#support .predefined-answer-block .need-help .did-get-helped {
  margin-bottom: 15px;
  font-weight: bold;
}
#support .predefined-answer-block .need-help .helped-btn {
  width: 75px;
  text-align: center;
  background-color: white;
  height: 40px;
  box-sizing: border-box;
  line-height: 35px;
  border: 2px solid #0099d9;
  color: #0099d9;
  font-size: 14px;
  font-weight: bold;
}
#support .predefined-answer-block .need-help .helped-btn.disabled {
  background-color: #f2f2f2;
}
#support .predefined-answer-block .need-help .helped-btn:hover {
  color: white;
  background-color: #0099d9;
}
#support .predefined-answer-block .helped {
  clear: both;
  height: 70px;
  padding: 15px 0;
}
#support .predefined-answer-block .helped i {
  font-size: 30px;
  color: #05b380;
  font-weight: 800;
}

#support .element {
  margin-bottom: 10px;
}

.rtl #support .element .names:first-child {
  margin-left: 15px;
}
.rtl #support .predefined-answer-block .predefined-answer h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
.rtl #support .predefined-answer-block .helped-btn {
  float: right;
  margin-left: 20px;
}

.ltr #support .element .names:first-child {
  margin-right: 15px;
}
.ltr #support .predefined-answer-block .helped-btn {
  float: left;
  margin-right: 20px;
}

#support .element .description {
  height: 120px;
}

#support .element .names {
  min-width: 150px;
  max-width: 250px;
}

#support .element .help {
  color: #8C8C8C;
  margin: 0;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

#z_description {
  height: 100px;
  width: 300px;
}

#support .element #submit {
  height: 40px;
  width: 34%;
  padding: 0 38px;
  border: none;
  margin: 10px 0;
  color: white;
  background-color: #0099d9;
  font-size: 18px;
}

.error_input {
  border: 1px solid red !important;
}

#support .form-error, #support .cl-tranzila-payment__form-error {
  margin-top: -15px !important;
}

#support .submit-error {
  margin-top: 0px !important;
}

.outerSupportWrapper {
  overflow-y: auto !important;
  background: white !important;
}

#support-sent h3 {
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 28px;
  line-height: 36px;
  color: #009dd9;
  margin: 20px 0;
  text-align: center;
}
#support-sent .form_sent {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 28px;
  line-height: 24px;
  color: #009dd9;
  margin: 50px;
}
#support-sent .form_sent p {
  font-size: 20px;
  line-height: 20px;
  margin: 20px 0;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
  #support input[type=text],
#support input[type=number],
#support input[type=email],
#support textarea,
#support select {
    width: 80% !important;
    margin-left: 0;
  }

  #support .element .names {
    max-width: 80% !important;
  }

  #support .element #submit {
    width: 80%;
  }
}
/** Mobile **/
@media screen and (max-width: 450px) {
  #support input[type=text],
#support input[type=number],
#support input[type=email],
#support textarea,
#support select {
    width: 100% !important;
    margin-left: 0;
    padding-left: 0;
  }

  #support .element .names {
    max-width: 100% !important;
  }

  #support .element #submit {
    width: 100%;
  }
}
/*-------------------------------------------------------------------------------------------------*/
/*                                         Translation manager                                     */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#translationsMain {
  overflow: hidden;
}

#translations_page .title {
  display: inline-block;
  height: 37px;
  vertical-align: baseline;
  text-align: left;
  font-weight: bold;
}

#translations_page form .sort-style-select {
  display: inline-block;
}

#translations_page form > * {
  vertical-align: middle;
}

#translations_page table td {
  padding: 1px;
}

#translations_page table td textarea {
  width: 100%;
  height: 100%;
  border: none;
  padding: 5px;
}

#translations_page table td textarea:focus {
  border: 2px solid #0099d9;
}

#translations_page table td .empty {
  border: 1px solid red;
  background-color: rgba(255, 0, 0, 0.05);
}

#translations_page button {
  margin: 10px;
}

#translations_page .date-select-style {
  display: inline-block;
}

#translations_page .date-select-style input {
  width: 125px;
  height: 32px;
  overflow: hidden;
  border: 2px solid #ccc;
  display: inline-block;
}

#translations_page .actions {
  margin: 10px;
}

.translation_manager .td_title {
  margin: 5px 20px 10px 0;
  font-size: 14px;
  height: 20px;
  color: #999;
  border-bottom: 1px solid #ccc;
}

.translation_manager .source_value span {
  overflow: auto;
  display: block;
  height: 40px;
  padding: 0 10px;
  font-weight: bold;
  font-size: 16px;
  color: #666;
}

#translations_page form {
  margin-top: 20px;
  margin-left: 10px;
}

#translations_page .generate_button {
  margin: 0;
  display: inline-block;
  margin-top: -76px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr #translations_page .generate_button {
  float: right;
}

/***********************************  RTL ***********************************/
.rtl #translations_page .generate_button {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
.updateDetails {
  padding-bottom: 120px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .updateDetails .submit-footer {
  text-align: left;
}

/***********************************  RTL ***********************************/
body.rtl .updateDetails .submit-footer {
  text-align: right;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                        User Info forms                                          */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#userInfo {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#userInfo .user-search {
  width: 100%;
}

.user-details {
  width: 100%;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #B3C4CE;
  border-bottom: 0;
  background: #ededed;
}

.user-details [ks=label] {
  font-size: 14px;
  color: #999999;
  font-weight: 400;
}

.user-details .user-status [ks=label] {
  width: 75px;
  display: inline-block;
}

.user-details [ks=value] {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}

.user-details a:hover {
  color: #0099D9;
}

.user-info {
  width: 500px;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 250px auto;
  grid-template-areas: "main main" "extra-info school";
  justify-items: start;
  gap: 5px 0;
}
.user-info .main-info {
  grid-area: main;
  width: 100%;
  background-color: #fafafa;
  box-sizing: border-box;
  padding: 10px;
}
.user-info .school-info {
  grid-area: school;
}
.user-info .extra-info {
  grid-area: extra-info;
}
.user-info div {
  margin: 0;
}
.user-info [ks=username] {
  font-weight: 800;
  margin-bottom: 3px;
}
.user-info [ks=user_type] {
  color: black;
  margin-right: 3px;
  font-size: 12px;
  font-weight: 400;
}
.user-info [ks=email] {
  color: #666666;
  direction: ltr;
  display: inline-block;
}
.user-info .user-profile_pic {
  height: 64px;
  width: 64px;
  border-radius: 32px;
}
.user-info .edit-value {
  line-height: 12px;
  font-size: 12px;
  color: #0099d9;
}
.user-info .edit-value a:hover {
  color: #0075a6;
}

.user-status {
  width: 415px;
  height: 90px;
}

.user-status [ks=status] {
  font-weight: 800;
  margin-bottom: 3px;
}

.user-status [ks=comment] {
  font-weight: 400;
  margin-top: 5px;
  color: red;
  font-size: 12px;
  width: 370px;
}

.user-status .comments {
  margin-top: 5px;
}

.user-status .links {
  color: #666666;
  font-size: 12px;
}

.user-status .comments > textarea {
  height: 35px;
  width: 80%;
}

.user-status .comments > input {
  vertical-align: top;
}

.userInfoTab {
  margin-top: 20px;
}

#hardCopiesTab,
#booksTab {
  margin-top: 20px;
  padding-bottom: 20px;
  height: 90%;
  width: 100%;
  min-height: 300px;
  position: relative;
}
#hardCopiesTab .books-grid,
#booksTab .books-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#hardCopiesTab .books-grid div[ui-grid-filter],
#booksTab .books-grid div[ui-grid-filter] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#hardCopiesTab .books-grid div[ui-grid-filter] .ui-grid-filter-container,
#booksTab .books-grid div[ui-grid-filter] .ui-grid-filter-container {
  margin: 0;
  flex-grow: 1;
}
#hardCopiesTab .books-grid div[ui-grid-filter] .ui-grid-filter-container div,
#booksTab .books-grid div[ui-grid-filter] .ui-grid-filter-container div {
  width: 100%;
  height: 22px;
  margin: 0;
}
#hardCopiesTab .books-grid div[ui-grid-filter] .ui-grid-filter-container div input,
#booksTab .books-grid div[ui-grid-filter] .ui-grid-filter-container div input {
  height: 100%;
}
#hardCopiesTab .books-grid .book-cell,
#booksTab .books-grid .book-cell {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 10px;
}
#hardCopiesTab .books-grid .book-cell .book-cover,
#booksTab .books-grid .book-cell .book-cover {
  margin: 0;
}
#hardCopiesTab .books-grid .book-cell .book-cover .cover,
#booksTab .books-grid .book-cell .book-cover .cover {
  width: 60px;
  height: 100px;
}
#hardCopiesTab .books-grid .book-cell .book-info,
#booksTab .books-grid .book-cell .book-info {
  flex-grow: 1;
  margin: 0;
}
#hardCopiesTab .books-grid .book-cell .book-info h3,
#booksTab .books-grid .book-cell .book-info h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
#hardCopiesTab .books-grid .book-cell .book-info h4,
#booksTab .books-grid .book-cell .book-info h4 {
  height: 14px;
  font-weight: bold;
  font-size: 0.9em;
}
#hardCopiesTab .books-grid .book-cell .book-info p,
#booksTab .books-grid .book-cell .book-info p {
  line-height: 1.1em;
}
#hardCopiesTab .books-grid .license-cell .license-block,
#booksTab .books-grid .license-cell .license-block {
  height: 100px;
}
#hardCopiesTab .books-grid .license-cell .license-block .icon.ok,
#booksTab .books-grid .license-cell .license-block .icon.ok {
  color: #00aa00;
}
#hardCopiesTab .books-grid .license-cell .license-block .icon.soon,
#booksTab .books-grid .license-cell .license-block .icon.soon {
  color: #ffab09;
}
#hardCopiesTab .books-grid .license-cell .license-block .icon.expired,
#booksTab .books-grid .license-cell .license-block .icon.expired {
  color: red;
}
#hardCopiesTab .books-grid .license-cell .license-block .deleted,
#booksTab .books-grid .license-cell .license-block .deleted {
  color: red;
}
#hardCopiesTab .books-grid .license-cell .license-block .license-type,
#booksTab .books-grid .license-cell .license-block .license-type {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
#hardCopiesTab .books-grid .license-cell .license-block .license-type div,
#booksTab .books-grid .license-cell .license-block .license-type div {
  flex-grow: 1;
}
#hardCopiesTab .books-grid .license-cell .license-block .license-type .days,
#booksTab .books-grid .license-cell .license-block .license-type .days {
  font-size: 0.8em;
  text-align: end;
}
#hardCopiesTab .books-grid .license-cell .license-block .license-date-info,
#booksTab .books-grid .license-cell .license-block .license-date-info {
  margin: 3px 10px;
  font-size: 0.9em;
  line-height: 1.05em;
}
#hardCopiesTab .books-grid .license-cell .license-block .license-date-info.comment i,
#booksTab .books-grid .license-cell .license-block .license-date-info.comment i {
  color: #F75B3B;
  font-size: 0.9em;
}
#hardCopiesTab .books-grid .license-cell .license-block .actions,
#booksTab .books-grid .license-cell .license-block .actions {
  display: none;
  margin: 0 10px;
}
#hardCopiesTab .books-grid .license-cell .license-block .actions .kalsefer-small-button,
#booksTab .books-grid .license-cell .license-block .actions .kalsefer-small-button {
  font-size: 0.8em;
  height: 20px;
}
#hardCopiesTab .books-grid .license-cell .license-block:hover .actions,
#booksTab .books-grid .license-cell .license-block:hover .actions {
  display: block;
}
#hardCopiesTab .books-grid .status-cell .display-status,
#booksTab .books-grid .status-cell .display-status {
  width: fit-content;
  margin: 0;
  margin-bottom: 5px;
  padding: 2px 10px;
  font-size: 0.9em;
  color: #333;
  background-color: #9ee2ff;
}
#hardCopiesTab .books-grid .status-cell .order-info,
#booksTab .books-grid .status-cell .order-info {
  font-size: 0.9em;
  margin-top: 8px;
}
#hardCopiesTab .books-grid .status-cell .order-info .order-link,
#booksTab .books-grid .status-cell .order-info .order-link {
  font-size: 0.9em;
  color: #0099d9;
  text-decoration: underline;
}
#hardCopiesTab .books-grid .status-cell .order-info .order-link:hover,
#booksTab .books-grid .status-cell .order-info .order-link:hover {
  color: #0075a6;
  text-decoration: none;
}
#hardCopiesTab .books-grid .status-cell .order-info .order-link:visited,
#booksTab .books-grid .status-cell .order-info .order-link:visited {
  color: #6d00d9;
}
#hardCopiesTab .books-grid .status-cell .order-estimated-arrival span,
#booksTab .books-grid .status-cell .order-estimated-arrival span {
  font-size: 0.9em;
}
#hardCopiesTab .books-grid .status-cell .show-log,
#booksTab .books-grid .status-cell .show-log {
  display: none;
  position: absolute;
  bottom: 5px;
}
#hardCopiesTab .books-grid .status-cell .show-log .kalsefer-small-button,
#booksTab .books-grid .status-cell .show-log .kalsefer-small-button {
  font-size: 0.8em;
  height: 20px;
}
#hardCopiesTab .books-grid .status-cell:hover .show-log,
#booksTab .books-grid .status-cell:hover .show-log {
  display: block;
}

.purchase-log-modal {
  width: 950px;
  height: 600px;
  padding-top: 100px;
}
.purchase-log-modal .cl-modal-body {
  padding: 20px;
}

.user-books,
.user-groups {
  margin: 0;
}

#user-books-table {
  padding: 0;
  margin: 0;
  border: 1px solid #cccccc;
  width: 100%;
  margin-bottom: 80px;
}

#user-books-table thead,
#user-books-table tbody {
  width: 100%;
}

#user-books-table thead {
  padding: 0px;
  margin: 0px;
  vertical-align: center;
  color: white;
  background-color: #389EDF;
}

#user-books-table thead td {
  height: 22px;
  font-size: 16px;
  padding-top: 5px;
  padding-right: 8px;
}

#user-books-table thead td h3 {
  height: 25px;
}

#user-books-table thead td .books_filters {
  height: 25px;
}

#user-books-table thead td .books_filters .filterActive {
  border: 2px solid red;
}

#user-books-table thead td .books_filters .books_filters_list {
  width: 107px;
  height: 20px;
  box-sizing: border-box;
  font-size: 0.7em;
}

#user-books-table thead td .books_filters .books_filters_list option:checked {
  color: white;
  background-color: #389EDF;
}

#user-books-table tr {
  border-bottom: 1px solid #bbbbbb;
  width: 100%;
  padding: 5px;
  margin: 0px;
}

#user-books-table tr:nth-child(even) {
  background-color: #fafafa;
}

#user-books-table td {
  padding: 0px;
  padding-top: 3px;
  margin: 0px;
  vertical-align: top;
  height: 20px;
}

#user-books-table .book_details {
  width: 220px;
}

#user-books-table .book_details .book_action_bar {
  display: none;
}

#user-books-table .book_details:hover .book_action_bar {
  display: block;
  bottom: 5px;
}

#user-books-table .book_details .details {
  height: 100px;
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
}

#user-books-table .book_action > div {
  position: relative;
  margin: 0;
  padding: 0;
}
#user-books-table .book_action > div .action {
  font-size: 12px;
  font-weight: bold;
  padding: 0 5px;
  box-sizing: border-box;
  line-height: 14px;
}
#user-books-table .book_action > div .action.current {
  font-size: 14px;
  padding: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#user-books-table .book_action > div .action.current p, #user-books-table .book_action > div .action.current span {
  line-height: 20px;
}
#user-books-table .book_action > div .action .timestamp {
  font-weight: normal;
}
#user-books-table .book_action > div .comment {
  margin-top: 10px;
  border-top: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  line-height: 18px;
}
#user-books-table .book_action > div .comment i {
  color: #0099d9;
  font-size: 14px;
}

#user-books-table .book_details .buttom_line {
  position: absolute;
  bottom: 0;
}

#user-books-table .book_kotar {
  height: 13px;
  margin: 0;
  padding: 0;
}

#user-books-table .book_cover {
  height: 100px;
  width: 69px;
  border: 1px solid #cccccc;
  margin: 0;
  padding: 0;
}

#user-books-table .book_type,
#user-books-table .book_subject {
  width: 90px;
}

#user-books-table .book_action,
#user-books-table .book_status {
  width: 140px;
}

#user-books-table .book_action .deleted {
  color: red;
}

#user-books-table .expiration-date {
  font-size: 18px;
  margin-bottom: 20px;
}

#user-books-table .expiration-date .icon {
  font-size: 24px;
  bottom: -3px;
  position: relative;
}

#user-books-table .expiration-date .icon.ok {
  color: #00aa00;
}

#user-books-table .expiration-date .icon.soon {
  color: #ffab09;
}

#user-books-table .expiration-date .icon.expired {
  color: red;
}

#user-books-table .book_status {
  font-size: 14px;
}
#user-books-table .book_status .deviceProduct {
  margin-top: 5px;
  padding: 5px;
}
#user-books-table .book_status .timestamp {
  padding-top: 5px;
}

#user-books-table .book_action .buttom_line {
  position: absolute;
  bottom: 0;
}

#user-books-table .book_title {
  font-size: 14px;
  font-weight: 800;
}

#user-books-table .book_author,
#user-books-table .book_publisher,
#user-books-table .book_id {
  font-size: 14px;
}

#user-groups {
  margin-top: 20px;
  padding-bottom: 20px;
  height: 90%;
  width: 100%;
  min-height: 300px;
  position: relative;
}
#user-groups .waiting {
  color: red;
}
#user-groups .groups-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#user-tech-info {
  margin: 0 20px;
}

#user-tech-info h3 {
  max-width: 300px;
  color: white;
  background-color: #389EDF;
  padding: 3px;
  margin: 0;
  margin-bottom: 5px;
}

#user-tech-info .label {
  display: inline-block;
  font-weight: 800;
  width: 140px;
}

#user-tech-info .labelEn {
  font-weight: 600;
  font-size: 14px;
}

#user-tech-info .notice {
  color: red;
}

#user-payments .action-date {
  width: 160px;
}

#user-credits .account-credit {
  width: 60px;
  direction: ltr;
}

#user-credits .action-date {
  width: 140px;
}
#user-credits .comment {
  width: 300px;
}
#user-credits .source,
#user-credits .activity-type {
  width: 150px;
}
#user-credits .created-by {
  width: 120px;
}

#user-credit-cur-balance {
  margin-bottom: 20px;
}

#user-credit-cur-balance .current-balance {
  padding: 10px;
  line-height: 20px;
  color: black;
  font-size: 18px;
  font-weight: bold;
  background-color: #eee;
  cursor: pointer;
}

#user-credit-cur-balance .current-balance:hover {
  border-bottom: 2px solid #ccc;
}

#user-credit-cur-balance .current-balance.active {
  border-bottom: 2px solid #389EDF;
}

#user-credit-cur-balance .current-balance.positive {
  background-color: #baf9bb;
}

#user-payments {
  margin-top: 20px;
}
#user-payments .success {
  background-color: #efffef;
  border-bottom: 1px solid #ededed;
}
#user-payments .warning {
  background-color: #f8f2d9;
  border-bottom: 1px solid #ededed;
}
#user-payments .failure {
  background-color: #faeeee;
  border-bottom: 1px solid #ededed;
}

#user-payments {
  font-size: 14px;
}

#user-payments .payment-type,
#user-payments .description {
  width: 160px;
}

#user-payments .payment-status {
  width: 100px;
}

#user-payments .by-user {
  width: 100px;
}

#user-payments .sum,
#user-payments .tranzila-index {
  width: 55px;
}

#user-payments .tranzila-index {
  width: 55px;
}

#infoTabs {
  margin: 20px 0;
  width: 100%;
  flex-grow: 1;
}
#infoTabs .tab {
  height: 0;
}

.sub_panel {
  height: 20px;
  border: 1px solid #B3C4CE;
  border-top: 0;
  margin: 0;
  background: #ededed;
  padding: 0 10px;
}

.sub_panel .action {
  font-size: 80%;
  padding: 0 5px;
}

.sub_panel .action:hover,
.sub_panel .action a:hover {
  color: #0099D9;
  text-decoration: underline;
}

.refund-book-information {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.modal-wrapper .refund-book-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.modal-wrapper .line {
  margin: 0;
  padding: 0;
  line-height: 20px;
}

.refund-info {
  margin-top: 15px;
}

.refund-info .refund-method {
  margin-top: 5px;
  color: #389EDF;
}

.refund-reason-label {
  margin: 20px 0 5px 0;
}

.refund-book-explain-text {
  margin-bottom: 10px;
  font-size: 16px;
  height: 20px;
  width: 500px;
}

.modal-refund .modal-wrapper {
  padding-bottom: 10px;
}

.refundExplainError {
  height: 20px;
  margin-bottom: 10px;
}

.tmp-pass .tmp-pass-form {
  font-size: 80%;
  margin-top: 10px;
}

.tmp-pass .tmp-pass-form p {
  line-height: 25px;
}

.tmp-pass .tmp-pass-form input:hover {
  background-color: #f2f2f2;
}

.tmp-pass .tmp-pass-form label {
  width: 115px;
  display: inline-block;
  font-family: "fbogen-regular";
  font-weight: 800;
}

.switch-school-modal .modal-dialog {
  width: 600px;
  height: 300px;
  background: white;
}

.switch-school-modal .modal-dialog .modal-content {
  margin-top: 100px;
  width: 100%;
  height: 100%;
}

.switch-school-modal .main .header {
  font-family: "OpenSansHebrew-Regular";
  font-size: 18px;
  color: white;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #0099d9;
}

.switch-school-modal .main .header .close {
  cursor: pointer;
}

.switch-school-modal .main .school-form {
  margin-top: 20px;
  padding: 20px;
}

.switch-school-modal .main .school-form ks-school-select,
.switch-school-modal .main .school-form ks-school-select:hover {
  width: 450px;
  height: 40px;
  float: right;
  display: block;
}

.switch-school-modal .main .school-form .school-id {
  width: 100px;
  height: 40px;
  font-size: 18px;
  float: right;
}

.switch-school-modal .main .school-form .title {
  width: 550px;
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
}

.switch-school-modal .main .school-form .save {
  margin-top: 30px;
}

.switch-school-modal .main .footer {
  border-top: 1px solid #B3C4CE;
  padding-top: 20px;
}

.switch-school-modal .main #submit,
.switch-school-modal .main .school-form {
  margin-top: 0;
}

.switch-school-modal .main .form-row {
  margin-bottom: 20px;
  height: 70px;
}

/* user program */
.programs-grid {
  height: 90%;
}

.cancel-user-program-modal .modal-dialog {
  width: 700px;
  margin-top: -200px;
}

.cancel-user-program-modal .activation {
  padding: 20px 0;
}

.cancel-user-program-modal .activation input {
  height: 35px;
  margin: 0 10px;
  border: 1px solid #ccc;
  font-size: 20px;
}

/*  Device info  */
#device_info_table .label {
  color: #999999;
}

#device_info_table .notice {
  font-size: 80%;
  color: red;
}

/* User Credits */
#user-credit-cur-balance {
  min-height: 50px;
}

#balance {
  min-height: 50px;
  width: 570px;
}

#addCredit,
#addCourse {
  min-height: 50px;
  width: 345px;
}

#addCredit .creditForm,
#addCourse .creditForm {
  height: 150px;
  padding: 10px;
  background-color: #f2f2f2;
}

#form_add_course_credit,
#form_add_book_credit,
#form_add_money_credit {
  display: inline-block;
  margin-top: 5px;
  position: relative;
}

#form_add_course_credit > div,
#form_add_book_credit > div,
#form_add_money_credit > div {
  margin-bottom: 10px;
  vertical-align: top;
}

#form_add_course_credit > div > label,
#form_add_book_credit > div > label,
#form_add_money_credit > div > label {
  font-size: 80%;
  vertical-align: top;
  display: inline-block;
  width: 70px;
}

#form_add_course_credit > div > input,
#form_add_book_credit > div > input,
#form_add_money_credit > div > input {
  width: 50px;
}

#form_add_course_credit > div > textarea,
#form_add_book_credit > div > textarea,
#form_add_money_credit > div > textarea {
  width: 270px;
  height: 40px;
  font-size: 80%;
}

.user_button_credit,
.user_add_course {
  margin-top: 5px;
}

.edit_email {
  float: left;
  color: #666666;
  font-size: 90%;
}

/*Update book license*/
.modal-book-license .modal-dialog {
  margin-top: 150px;
}

.modal-book-license .modal-dialog .modal-content {
  min-height: 400px;
  overflow: auto;
}

.modal-book-license .modal-dialog h2 {
  background-color: #0099D9;
}

#updateBookLicenseModal {
  height: 340px;
  padding: 20px;
  font-family: OpenSansHebrew, serif;
  font-size: 18px;
  line-height: 30px;
}

#updateBookLicenseModal input[type=date] {
  height: 30px;
  width: 200px;
}

#updateBookLicenseModal input[type=text] {
  height: 30px;
  width: 500px;
}

#updateBookLicenseModal .main {
  height: 300px;
  width: 100%;
}

#updateBookLicenseModal .main .action-bar {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  margin: 20px 0;
  text-align: right;
}

#updateBookLicenseModal input {
  height: 30px;
}

#purchasesHistory {
  margin-top: 20px;
  padding-bottom: 20px;
  height: 90%;
  width: 100%;
  min-height: 300px;
  position: relative;
}
#purchasesHistory .cart-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#purchasesHistory .to-pay {
  background-color: #feffcb;
}
#purchasesHistory .refund {
  color: red;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr .user-info {
  float: left;
}

body.ltr .user-profile_pic {
  float: left;
  margin-right: 10px;
}

body.ltr .user-status {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #B3C4CE;
}

body.ltr .user-status .comments .left {
  float: right;
}

body.ltr #user-books-table td {
  border-right: 1px solid #eeeeee;
  padding-left: 5px;
}

body.ltr #user-books-table .book_details .buttom_line {
  left: 75px;
}

body.ltr #user-books-table .book_cover {
  float: left;
  margin-right: 5px;
}

body.ltr #user-books-table .book_action .buttom_line {
  left: 3px;
}

body.ltr #user-credit-cur-balance .current-balance {
  float: left;
  margin-right: 25px;
  font-size: 16px;
}

body.ltr .sub_panel {
  text-align: right;
}

body.ltr .user_button_credit {
  float: right;
}

body.ltr #form_add_book_credit,
body.ltr #form_add_money_credit {
  float: left;
}

body.ltr .edit_email {
  float: right;
}

body.ltr #balance {
  float: left;
}

body.ltr #addCredit {
  float: right;
}

body.ltr #addCourse {
  float: left;
}

/***********************************  RTL ***********************************/
body.rtl .user-info {
  float: right;
}

body.rtl .user-profile_pic {
  float: right;
  margin-left: 10px;
}

body.rtl .user-status {
  float: right;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #B3C4CE;
}

body.rtl .user-status .comments .left {
  float: left;
}

body.rtl #user-books-table td {
  border-left: 1px solid #eeeeee;
  padding-right: 5px;
}

body.rtl #user-books-table .book_details .buttom_line {
  right: 75px;
}

body.rtl #user-books-table .book_cover {
  float: right;
  margin-left: 5px;
}

body.rtl #user-books-table .book_action .buttom_line {
  right: 3px;
}

body.rtl #user-credit-cur-balance .current-balance {
  float: right;
  margin-left: 25px;
}

body.rtl .sub_panel {
  text-align: left;
}

body.rtl .user_button_credit {
  float: left;
}

body.rtl #form_add_book_credit,
body.rtl #form_add_money_credit {
  float: right;
}

body.rtl .edit_email {
  float: left;
}

body.rtl #balance {
  float: right;
}

body.rtl #addCredit {
  float: left;
}

body.rtl #addCourse {
  float: right;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
.approve-user-payment .approve-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.approve-user-payment .delete-button {
  margin-bottom: 10px;
}

.approve-user-payment .addUserButton {
  margin: 10px 0;
}

.approve-user-payment table {
  width: 100%;
  table-layout: fixed;
}

.approve-user-payment input {
  border: 1px solid #B3C4CE;
  font-size: 18px;
  margin: 0 auto;
  color: #999999;
  padding: 0 5px;
  height: 20px;
  width: 95%;
  line-height: 20px;
}

.approve-user-payment .school-col {
  width: 200px;
}
.approve-user-payment .status-col {
  width: 80px;
}

/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
/***********************************  RTL ***********************************/
/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
/***********************************  English *********************************/
/***********************************  Spanish *********************************/
/*----------------------------------------------------------------------------*/
/*                                  Media Queries                             */
/*----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
#edit_user_form {
  padding-top: 15px;
}
#edit_user_form .cl-form-element label.small {
  top: 0;
}
#edit_user_form .details {
  width: 490px;
}
#edit_user_form .details > div {
  width: 100%;
}
#edit_user_form .details > div > span {
  width: 150px;
  overflow: hidden;
}
#edit_user_form .details > div > span > label {
  line-height: 35px;
  height: 35px;
}
#edit_user_form .details .right-fields {
  width: 320px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
}
#edit_user_form .private-field-checkbox {
  margin-top: 25px;
}

#edit_user_form .details .right-fields > .form-error, #edit_user_form .details .right-fields > .cl-tranzila-payment__form-error {
  bottom: -20px;
}

#edit_user_form .details .right-fields > .passport {
  bottom: -30px;
}

#edit_user_form .details .ks-radio-buttons {
  width: 90px;
}

#edit_user_form .details .multi-select {
  height: 100% !important;
  line-height: inherit !important;
}

#edit_user_form .details .select_class_level {
  width: 100px !important;
}

#edit_user_form .details .select_class_num {
  width: 220px !important;
}

#edit_user_form .details .select_day {
  width: 100px !important;
}

#edit_user_form .details .select_month {
  width: 100px !important;
}

#edit_user_form .details .select_year {
  width: 100px !important;
}

#edit_user_form .details .select_day select,
#edit_user_form .details .select_month select,
#edit_user_form .details .select_year select,
#edit_user_form .details .select_class_level select,
#edit_user_form .details .select_class_num select {
  width: 100px !important;
}

#edit_user_form .details .select_class_num .form-error, #edit_user_form .details .select_class_num .cl-tranzila-payment__form-error {
  position: relative !important;
}

#edit_user_form .details .private-field-checkbox {
  display: block;
  height: auto !important;
  line-height: normal !important;
}

#edit_user_form .details .private-field-checkbox label {
  height: auto !important;
  line-height: normal !important;
  font-size: 13px;
  color: #333333;
}

#edit_user_form .profile-image {
  width: 248px;
}

#edit_user_form .profile-image .inner-profile-image {
  width: 200px;
}

#edit_user_form .profile-image img {
  width: 100%;
}

#edit_user_form .profile-image button {
  width: 100%;
}

#edit_user_form .top-submit {
  width: 130px;
}

/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
body.ltr #edit_user_form .phone-country {
  float: left;
}
body.ltr #edit_user_form .phone-number {
  width: 77%;
  float: right;
}
body.ltr #edit_user_form .cl-form-element.cl-form-select-country .countries-dropdown-button {
  padding: 0 0 0 10px;
}

body.ltr #edit_user_form .details {
  float: left;
}

body.ltr #edit_user_form .details > div {
  float: right;
}

body.ltr #edit_user_form .details > div > span {
  float: left;
  text-align: right;
}

body.ltr #edit_user_form .details > div > span > label {
  margin-right: 14px;
  text-align: right;
}

body.ltr #edit_user_form .details .ks-radio-buttons {
  float: left;
}

body.ltr #edit_user_form .details .multi-select {
  float: left;
}

body.ltr #edit_user_form .details .select_class_level {
  float: left;
}

body.ltr #edit_user_form .details .select_class_num {
  float: right;
  text-align: right;
}

body.ltr #edit_user_form .details .select_day {
  margin-right: 10px;
}

body.ltr #edit_user_form .details .select_month {
  margin-right: 10px;
}

body.ltr #edit_user_form .details .select_class_num .form-error, body.ltr #edit_user_form .details .select_class_num .cl-tranzila-payment__form-error {
  text-align: right;
}

body.ltr #edit_user_form .profile-image {
  float: left;
}

body.ltr #edit_user_form .profile-image .inner-profile-image {
  float: right;
}

body.ltr #edit_user_form .top-submit {
  float: left;
}

body.ltr #edit_user_form .top-submit {
  float: right;
}

/***********************************  RTL ***********************************/
body.rtl #edit_user_form .phone-country {
  float: left;
  right: 40px;
}
body.rtl #edit_user_form .phone-number {
  width: 77%;
  float: right;
  direction: ltr;
}
body.rtl #edit_user_form .cl-form-element.cl-form-select-country .countries-dropdown-button {
  padding: 0 11px 0 0;
}

body.rtl #edit_user_form .details {
  float: right;
}

body.rtl #edit_user_form .details > div {
  float: left;
}

body.rtl #edit_user_form .details > div > span {
  float: right;
  text-align: left;
}

body.rtl #edit_user_form .details > div > span > label {
  margin-left: 14px;
  text-align: left;
}

body.rtl #edit_user_form .details .ks-radio-buttons {
  float: right;
}

body.rtl #edit_user_form .details .multi-select {
  float: right;
}

body.rtl #edit_user_form .details .select_class_level {
  float: right;
}

body.rtl #edit_user_form .details .select_class_num {
  float: left;
  text-align: left;
}

body.rtl #edit_user_form .details .select_day {
  margin-left: 10px;
}

body.rtl #edit_user_form .details .select_month {
  margin-left: 10px;
}

body.rtl #edit_user_form .details .select_class_num .form-error, body.rtl #edit_user_form .details .select_class_num .cl-tranzila-payment__form-error {
  text-align: left;
}

body.rtl #edit_user_form .profile-image {
  float: right;
}

body.rtl #edit_user_form .profile-image .inner-profile-image {
  float: left;
}

body.rtl #edit_user_form .top-submit {
  float: right;
}

body.rtl #edit_user_form .top-submit {
  float: left;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) #edit_user_form .details > div > span > label {
  font-family: "fbogen-regular";
}

/***********************************  English *********************************/
body:lang(en) #edit_user_form .details > div > span > label {
  font-size: 16px;
}

/*body:lang(en) #edit_user_form .details .right-fields > input,
body:lang(en) #edit_user_form .details .ks-radio-buttons {
    font-size: 16px;
}*/
/***********************************  Spanish *********************************/
@media only screen and (max-width: 1024px) {
  body.rtl #edit_user_form .details {
    float: right !important;
    width: 50% !important;
  }

  body.rtl #edit_user_form .profile-image {
    float: left !important;
    width: 100% !important;
    display: contents;
  }

  body.rtl #edit_user_form .top-submit {
    float: revert;
    display: inline;
  }

  #emailHeader {
    display: table;
  }
}
#cart-review {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 250px;
  grid-template-columns: 1fr 250px;
  -ms-grid-rows: 70px auto;
  grid-template-rows: 70px auto;
  grid-column-gap: 30px;
  grid-template-areas: "title title" "items small-cart";
}

#cart-review .cart-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: title;
  margin: 0;
}
#cart-review .cart-title .first-line {
  display: flex;
  flex-direction: row;
}
#cart-review .cart-title .first-line h1 {
  margin: 0;
  margin-bottom: 4px;
  align-self: flex-start;
  font-size: 24px;
  font-weight: bold;
  color: black;
  line-height: 34px;
  text-transform: capitalize;
}
#cart-review .cart-title .first-line .buy-for-your-students-msg {
  margin: 0;
  margin-left: auto;
  height: 34px;
  font-size: 16px;
  color: white;
  background-color: #e3447d;
  vertical-align: middle;
  line-height: 34px;
  padding: 0 15px;
  letter-spacing: -0.04em;
  cursor: pointer;
}
#cart-review .cart-title .first-line .buy-for-your-students-msg:hover {
  color: #e6e6e6;
}
#cart-review .cart-title h3 {
  font-size: 18px;
  letter-spacing: -0.03em;
}
#cart-review .cart-title.sub-title {
  margin-top: 20px;
}
#cart-review .cart-title .value {
  font-weight: bold;
}
#cart-review .cart-title .empty-cart {
  font-size: 32px;
}

#cart-review .cart-items {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: items;
  width: 100%;
}
#cart-review .cart-items * {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#cart-review .cart-items .header {
  height: 25px;
  border-bottom: 1px solid #ccc;
}
#cart-review .cart-items .header span {
  display: inline-block;
  font-size: 16px;
  color: #7c7c7c;
  letter-spacing: -0.06em;
  text-transform: capitalize;
}
#cart-review .cart-items .header .item {
  width: 500px;
}
#cart-review .cart-items .header .price {
  width: 290px;
}
#cart-review .cart-items ul {
  width: 100%;
  list-style-type: none;
}
#cart-review .cart-items ul li {
  width: 100%;
  height: 190px;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
}
#cart-review .cart-items ul li .cover {
  width: 90px;
  height: 100%;
  border: 1px solid #ccc;
}
#cart-review .cart-items ul li .cover .icon-over-image {
  position: absolute;
  top: 32px;
  right: 10px;
  height: 64px;
  width: 64px;
  background-image: url("https://st.classoos.com/3.102.18.312/img/videoOnCoverx64.png");
}
#cart-review .cart-items ul li .cover .icon-over-bundle {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 32px;
  width: 32px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://st.classoos.com/3.102.18.312/img/videoOnCoverx32.png");
}
#cart-review .cart-items ul li img {
  width: 90px;
}
#cart-review .cart-items ul li .details {
  width: 400px;
  height: 100%;
}
#cart-review .cart-items ul li .details p {
  letter-spacing: -0.03em;
  line-height: 20px;
}
#cart-review .cart-items ul li .details p.book-code {
  font-size: 14px;
  position: absolute;
  bottom: 16px;
}
#cart-review .cart-items ul li .details .remove {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.04em;
  line-height: 12px;
}
#cart-review .cart-items ul li .details .remove:hover {
  color: black;
}
#cart-review .cart-items ul li .prices {
  width: 275px;
  height: 100%;
}
#cart-review .cart-items ul li .prices .row {
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}
#cart-review .cart-items ul li .prices .price {
  width: 70px;
  text-align: right;
  padding-right: 5px;
}
#cart-review .cart-items ul li .prices .price span {
  font-size: 14px;
  font-weight: 600;
  color: #d0021b;
  letter-spacing: -0.06em;
}
#cart-review .cart-items ul li .prices .details {
  float: left;
  width: 205px;
  font-size: 12px;
  letter-spacing: -0.04em;
}
#cart-review .cart-items ul li .quantity {
  width: 110px;
  height: 100%;
}
#cart-review .cart-items ul li .quantity input {
  height: 35px;
  width: 50px;
  font-size: 18px;
  border: 1px solid #ccc;
  color: #7c7c7c;
  text-align: center;
  letter-spacing: -0.04em;
  margin: 0 3px;
}
#cart-review .cart-items ul li .quantity input[type=number]::-webkit-inner-spin-button,
#cart-review .cart-items ul li .quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#cart-review .cart-items ul li .quantity .plus-minus {
  height: 20px;
  width: 20px;
  display: inline-block;
}
#cart-review .cart-items ul li .quantity .plus-minus i {
  color: #9b9b9b;
  font-size: 18px;
}
#cart-review .cart-items ul li .quantity .plus-minus i:hover {
  color: #696969;
  cursor: pointer;
}
#cart-review .cart-items ul.credits li {
  display: inline;
  width: 100px;
  border-bottom: none;
}
#cart-review .cart-items ul.credits li .credit-placeholder {
  width: 90px;
  height: 130px;
  border: 1px solid #ccc;
}
#cart-review .cart-items ul.credits li .credit-placeholder .lines {
  width: 1px;
  height: 157px;
  border-right: 1px solid #ccc;
  position: absolute;
}
#cart-review .cart-items ul.credits li .credit-placeholder .credit-index {
  color: #ccc;
  font-size: 36px;
  text-align: center;
  line-height: 130px;
  vertical-align: middle;
  letter-spacing: -0.15em;
}

#cart-review .small-cart {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: small-cart;
  margin-top: 25px;
}

/*----------------------------------------------------------------------------*/
/*                                  Directions                                */
/*----------------------------------------------------------------------------*/
body.ltr #cart-review .cart-items ul li .cover {
  margin-right: 10px;
}
body.ltr #cart-review .cart-items ul.credits {
  float: left;
}
body.ltr #cart-review .cart-items ul.credits li {
  float: left;
}
body.ltr #cart-review .cart-items ul.credits .credit-placeholder .line1 {
  /*transform*/
  -webkit-transform: translateY(-14px) translateX(44px) rotate(34deg);
  -moz-transform: translateY(-14px) translateX(44px) rotate(34deg);
  -ms-transform: translateY(-14px) translateX(44px) rotate(34deg);
  -o-transform: translateY(-14px) translateX(44px) rotate(34deg);
  transform: translateY(-14px) translateX(44px) rotate(34deg);
}
body.ltr #cart-review .cart-items ul.credits .credit-placeholder .line2 {
  /*transform*/
  -webkit-transform: translateY(-13px) translateX(42px) rotate(-34deg);
  -moz-transform: translateY(-13px) translateX(42px) rotate(-34deg);
  -ms-transform: translateY(-13px) translateX(42px) rotate(-34deg);
  -o-transform: translateY(-13px) translateX(42px) rotate(-34deg);
  transform: translateY(-13px) translateX(42px) rotate(-34deg);
}
body.ltr #cart-review .prices .price {
  float: left;
}
body.ltr #cart-review .details p.book-code .label {
  float: left;
}

body.rtl #cart-review .cart-items ul li .cover,
body.rtl #cart-review .cart-items ul li .media-cover {
  margin-left: 10px;
}
body.rtl #cart-review .cart-items ul.credits {
  float: right;
}
body.rtl #cart-review .cart-items ul.credits li {
  float: right;
}
body.rtl #cart-review .cart-items ul.credits .credit-placeholder .line1 {
  /*transform*/
  -webkit-transform: translateY(-14px) translateX(-44px) rotate(34deg);
  -moz-transform: translateY(-14px) translateX(-44px) rotate(34deg);
  -ms-transform: translateY(-14px) translateX(-44px) rotate(34deg);
  -o-transform: translateY(-14px) translateX(-44px) rotate(34deg);
  transform: translateY(-14px) translateX(-44px) rotate(34deg);
}
body.rtl #cart-review .cart-items ul.credits .credit-placeholder .line2 {
  /*transform*/
  -webkit-transform: translateY(-13px) translateX(-42px) rotate(-34deg);
  -moz-transform: translateY(-13px) translateX(-42px) rotate(-34deg);
  -ms-transform: translateY(-13px) translateX(-42px) rotate(-34deg);
  -o-transform: translateY(-13px) translateX(-42px) rotate(-34deg);
  transform: translateY(-13px) translateX(-42px) rotate(-34deg);
}
body.rtl #cart-review .prices .price {
  float: right;
}
body.rtl #cart-review .details p.book-code .label {
  float: right;
}

#manual-payment .search-user {
  height: 80px;
}
#manual-payment .cart-details {
  background: white;
  border: 1px solid #B3C4CE;
  padding: 10px;
  margin: 5px 0;
}
#manual-payment .cart-details ul {
  border-top: 1px solid #B3C4CE;
  width: 860px;
  margin: 0 10px;
  padding: 5px;
}
#manual-payment .cart-details ul li {
  padding: 10px 0;
  float: right;
  display: inline;
  width: 215px;
}
#manual-payment .cart-details ul li p {
  float: right;
  width: 150px;
  padding-right: 5px;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
#manual-payment .cart-details .pic_placeholder {
  height: 85px;
  width: 58px;
  float: right;
  border-top: 1px solid #B3C4CE;
  background-color: #cccccc;
  text-align: center;
  vertical-align: middle;
}
#manual-payment .cart-details [ks=product_type] {
  font-size: 14px;
  color: white;
  font-weight: 400;
}
#manual-payment .cart-details [ks=product_name] {
  font-weight: 800;
}
#manual-payment .cart-details [ks=error_msg] {
  color: red;
  font-weight: 400;
}
#manual-payment .cover_pic {
  height: 85px;
  width: 58px;
  float: right;
}
#manual-payment .pic_placeholder {
  height: 85px;
  width: 58px;
  float: right;
  border-top: 1px solid #B3C4CE;
  background-color: #cccccc;
}
#manual-payment .user-details {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #B3C4CE;
  height: 120px;
  background: #ededed;
}
#manual-payment .user-details .user-profile_pic {
  float: right;
  height: 60px;
  width: 60px;
  border-radius: 30px;
}
#manual-payment .user-details .info {
  padding-right: 20px;
  float: right;
}
#manual-payment .user-details .info span, #manual-payment .user-details .info p {
  height: 16px;
  font-size: 12px;
}
#manual-payment .user-details .info span[data-ks=username], #manual-payment .user-details .info p[data-ks=username] {
  font-weight: bold;
}
#manual-payment .user-details .info span[data-ks=label], #manual-payment .user-details .info p[data-ks=label] {
  color: #999999;
}
#manual-payment .user-details .info span[data-ks=value], #manual-payment .user-details .info p[data-ks=value] {
  color: #666666;
}
#manual-payment #pay_cart_form .kalsefer-form {
  width: calc(50% - 10px);
}
#manual-payment #pay_cart_form .kalsefer-form:first-child {
  float: right;
}
#manual-payment #pay_cart_form .kalsefer-form:last-child {
  float: left;
}
#manual-payment .kalsefer-form-row label {
  float: right;
  width: 40%;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  color: #666666;
}
#manual-payment .kalsefer-form-row .currency {
  font-size: 24px;
  vertical-align: middle;
  line-height: 36px;
  padding: 0 10px;
}
#manual-payment .kalsefer-form-field {
  float: left;
  width: 60%;
}
#manual-payment .kalsefer-form-field {
  float: left;
  width: 60%;
}
#manual-payment .kalsefer-form-field.sum {
  width: 30%;
  float: right;
}
#manual-payment .kalsefer-form-field > input:not([type=checkbox]),
#manual-payment .kalsefer-form-field > textarea,
#manual-payment .kalsefer-form-field > select {
  float: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
#manual-payment .kalsefer-form-field > *:not(textarea) {
  height: 35px;
  line-height: 35px;
}
#manual-payment .kalsefer-form-field > textarea {
  height: 50px;
  min-height: 50px;
  max-height: 50px;
}
#manual-payment #pay_cart_form .kalsefer-form-row .form-error, #manual-payment #pay_cart_form .kalsefer-form-row .cl-tranzila-payment__form-error {
  bottom: -35px;
}
#manual-payment #pay_cart_form .form-success {
  color: #25C266;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 35px;
}
#manual-payment #pay_cart_form .form-fail {
  color: #E13522;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 35px;
}

.user-settings-school .element {
  width: 200px;
}
.user-settings-school .school-element {
  width: 300px;
}
.user-settings-school .educator-error {
  margin-top: -20px;
}
.user-settings-school .sub-title h3 {
  font-size: 1.1em;
  color: #0099d9;
  margin-top: 20px;
  margin-bottom: 10px;
}
.user-settings-school .sub-title h4 {
  font-size: 0.9em;
  margin-bottom: 10px;
  color: #333;
}
.user-settings-school .sub-title h4 .emphasized {
  background-color: #fff598;
}
.user-settings-school .not-my-school {
  font-size: 14px;
  color: #009dd9;
  cursor: pointer;
  width: 185px;
}

.price-quote-order-modal {
  width: 710px;
  min-height: 675px;
  padding-top: 100px;
  font-size: 1rem;
}
.price-quote-order-modal .cl-modal-body {
  padding: 20px;
}
.price-quote-order-modal .main-title {
  color: #0099d9;
  font-size: 2em;
  font-weight: 600;
  text-align: center;
}
.price-quote-order-modal .input-element {
  display: inline-block;
  width: 320px;
}
.price-quote-order-modal .input-element.comment {
  width: 100%;
}
.price-quote-order-modal .form-error-bottom {
  bottom: 0;
}
.price-quote-order-modal .order-button {
  width: 320px;
  height: 50px;
  margin-top: 15px;
  color: black;
  font-weight: bold;
}

.rtl .price-quote-order-modal .input-element:not(:last-child) {
  margin-left: 20px;
}

.ltr .price-quote-order-modal .input-element:not(:last-child) {
  margin-right: 20px;
}

.price-quote-share-modal {
  width: 710px;
  min-height: 675px;
  padding-top: 100px;
  font-size: 1rem;
}
.price-quote-share-modal .cl-modal-body {
  padding: 20px;
}
.price-quote-share-modal__link-to-share {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid #F2F2F2;
  padding: 10px;
  color: #0099d9;
  font-size: 0.8em;
  line-height: 1.2;
}
.price-quote-share-modal .days-to-expire {
  width: 250px;
}
.price-quote-share-modal .recipient {
  width: 60%;
  margin: 0;
  font-size: 0.9em;
  font-weight: 600;
  border-bottom: 1px solid #f2f2f2;
  line-height: 2.2;
}
.price-quote-share-modal .recipient input {
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.5em;
}
.price-quote-share-modal .share-button {
  width: 320px;
  height: 50px;
  margin: 25px 0;
  font-weight: bold;
}

.rtl .price-quote-share-modal .input-element:not(:last-child) {
  margin-left: 20px;
}

.ltr .price-quote-share-modal .input-element:not(:last-child) {
  margin-right: 20px;
}

/*-------------------------------------------------------------------------------------------------*/
/*                                             Module Name                                         */
/*-------------------------------------------------------------------------------------------------*/
.bookProduct {
  margin-top: 0;
  margin-bottom: 100px;
  padding: 0 10px;
  color: #797979;
  font-size: 18px;
}

.bookProduct .breadcrumbs:hover {
  color: #FF9900;
}

.bookProduct .book-subject {
  color: #333333;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
}

.bookProduct .book-author {
  height: auto;
}

.bookProduct .important-msg {
  color: red;
  font-size: 18px;
  margin: 10px 0;
  /*max-width:555px*/
}

/* For SEO Use */
.bookProduct .book-name h1 {
  font-family: OpenSansHebrew, serif;
  font-size: 36px;
  color: #424242;
  line-height: 39px;
  font-style: normal;
  font-weight: bold;
}

.bookProduct .book-author h2 {
  font-family: OpenSansHebrew, serif;
  color: #424242;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}

/* Main inner block */
.bookProductInner {
  width: 100%;
  overflow: hidden;
}

.bookProduct .book-main {
  height: 100%;
  width: 275px;
}

.bookProduct .book-details {
  width: calc(100% - 300px);
  height: 100%;
}
.bookProduct .book-details .promotional-header {
  height: 40px;
  width: 100%;
  margin: 0 0 -10px -12px;
  z-index: 2;
}
.bookProduct .book-details .promotional-header .fold {
  position: absolute;
  top: 40px;
  height: 20px;
  width: 12px;
  overflow: hidden;
  background-color: #90294e;
}
.bookProduct .book-details .promotional-header .fold:before {
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0;
  background-color: white;
  -webkit-transform: rotate(-34deg);
  -moz-transform: rotate(-34deg);
  transform: rotate(-34deg);
}
.bookProduct .book-details .promotional-header .banner {
  height: 100%;
  width: 500px;
  box-sizing: border-box;
  padding: 0 12px;
  position: absolute;
  left: 0;
  color: white;
  background-color: #e3447d;
  font-size: 18px;
  line-height: 40px;
  vertical-align: middle;
  letter-spacing: -0.04em;
  cursor: pointer;
}
.bookProduct .book-details .promotional-header .more {
  position: absolute;
  left: 500px;
  padding: 7px;
  font-size: 14px;
  color: #7c7c7c;
}

.bookProduct .book-main .book-info {
  margin-top: 30px;
}

.bookProduct .book-main .book-info .infoRow {
  margin-top: 10px;
  font-size: 14px;
}

.bookProduct .book-image {
  width: 275px;
  overflow: hidden;
  height: auto;
  text-align: center;
}

.bookProduct .book-image .cover-img {
  width: 275px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ccc;
}

.bookProduct .book-preview {
  width: 275px;
}

.bookProduct .book-preview-button:hover {
  color: white;
}

.bookProduct .book-preview-button {
  background-color: transparent;
  border: 1px solid #0099D9;
  color: #0099D9;
  width: 100%;
  height: 35px;
  position: relative;
  margin-top: 10px;
}

.modal-header-preview .icon-eye-1 {
  position: Absolute;
  top: 11px;
  font-size: 20px;
}

.modal-header-preview .fa-times {
  position: relative;
  top: 11px;
  font-size: 22px;
}

.modal-header-preview-text {
  position: relative;
  font-size: 14px;
  line-height: 40px;
  width: 650px;
  display: inline-block;
  padding: 0 5px;
}

.modal-header-preview-add-to-basket {
  color: White;
  height: 30px;
  width: 145px;
  top: 6px;
  margin: 0 15px;
  position: relative;
  font-size: 18px;
  border: none;
  background: #F8993c;
}

.modal-header-preview {
  height: 41px !important;
  vertical-align: middle !important;
  line-height: 43px !important;
  font-size: 20px !important;
}

.bookProduct .book-preview-button:hover .icon-eye-1 {
  color: white;
}

.bookProduct .book-preview .icon-eye-1 {
  color: #0099D9;
  top: 8px;
  position: absolute;
}

.bookProduct .book-not-in-stock {
  width: 275px;
  height: 91px;
  background: rgba(0, 153, 217, 0.9);
  z-index: 2;
  position: absolute;
  top: 0;
}

.bookProduct .book-not-in-stock img {
  margin: 17px 0 0 0;
  padding: 0;
  width: 138px;
}

.bookProduct .book-upper-details {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.bookProduct button {
  min-width: 217px;
  height: 41px;
  padding: 0 10px;
}

.bookProduct button.back-button {
  background: #CCCCCC;
}

.bookProduct .book-edition {
  color: #999999;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  white-space: nowrap;
}

.bookProduct .prices .store-price {
  height: 60px;
  padding: 0 30px;
  background-color: white;
  border-top: 1px solid #d0d0d0;
  font-size: 18px;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 58px;
  vertical-align: middle;
}

.bookProduct .prices .store-price:last-child {
  border-bottom: 1px solid #d0d0d0;
}

.bookProduct .store-price:hover {
  background-color: #d5e4e5;
}

.bookProduct .store-price.selected {
  color: white;
  background-color: #0099d9;
}
.bookProduct .store-price.selected .special-offer {
  color: cyan;
}

.bookProduct .store-price input[type=radio] {
  height: 20px;
  width: 20px;
  margin: 0 0 0 10px;
  color: #4a4a4a;
}

.bookProduct .store-price input[type=radio][disabled] {
  color: #f2f2f2;
}

.bookProduct .store-price span {
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}

.bookProduct .store-price .special-offer {
  position: absolute;
  width: 400px;
  margin: 0;
  padding: 0;
  height: 10px;
  color: red;
  vertical-align: top;
  line-height: 12px;
}
.bookProduct .store-price .special-offer span {
  font-size: 12px;
}

.bookProduct .store-price .store-price-info {
  float: right;
  width: 575px;
}
.bookProduct .store-price .store-price-info .type {
  text-transform: capitalize;
}

.bookProduct .store-price .store-price-num span {
  font-size: 24px;
}

.bookProduct .store-price .store-price-num .vat {
  font-size: 12px;
  font-weight: normal;
}

.bookProduct .store-price .store-price-num .free-trial {
  height: 60px;
  width: 170px;
}
.bookProduct .store-price .store-price-num .free-trial p.free {
  height: 35px;
  vertical-align: bottom;
  line-height: 45px;
  font-size: 18px;
  font-weight: bold;
}
.bookProduct .store-price .store-price-num .free-trial p.no-card {
  height: 25px;
  vertical-align: top;
  line-height: 15px;
  font-size: 14px;
}

.bookProduct .list-price {
  color: #666666;
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
  height: 50px;
  line-height: 28px;
  padding: 0 20px;
}

.bookProduct .list-price .list-price-num {
  text-decoration: line-through;
}

.bookProduct .add-to-cart {
  margin-top: 10px;
}

.bookProduct .book-product-cart {
  height: 100%;
}

.bookProduct .book-product-description {
  width: 100%;
}

.bookProduct .metaData-icon {
  border-radius: 50%;
  width: 27px;
  height: 27px;
  background: #0099D9;
  color: white;
  text-align: center;
  line-height: 32px;
}

.bookProduct .metaData-icon i {
  font-size: 14px;
}

.bookProduct .book-full-desc .title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #0099d9;
}

.bookProduct .book-nav {
  color: #9b9b9b;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  white-space: nowrap;
  margin: 0 0 15px 0;
  cursor: pointer;
}

.bookProduct .book-nav button {
  top: -30px;
  position: absolute;
}

.bookProduct .more-details {
  line-height: 22px;
  margin-bottom: 5px;
}

.bookProduct ul.details-list {
  margin: 0 1em;
  list-style-type: disc;
  list-style-position: outside;
}
.bookProduct ul.details-list li {
  line-height: 1.4em;
}

.bookProduct .book-summary,
.bookProduct .book-missing-content,
.bookProduct .book-comments,
.bookProduct .book-media,
.bookProduct .book-more-details {
  margin-top: 40px;
  line-height: 22px;
}

.bookProduct .book-summary p {
  white-space: pre-line;
}

.bookProduct .book-summary p.rtlElement {
  font-family: OpenSansHebrew, serif;
}

.bookProduct .book-summary p.ltrElement {
  text-align: justify !important;
  font-family: OpenSans, serif;
}

.bookProduct .book-full-desc .more-details {
  margin-top: 40px;
}

.bookProduct .book-more-details-label {
  display: table-cell;
  width: 102px;
}

.bookProduct .book-more-details-colon {
  width: 9px;
}

.bookProduct .book-more-details-field {
  display: inline-block;
  width: 158px;
}

.bookProduct .book-media .credits {
  font-size: 0.8em;
  line-height: 2em;
}

.bookProduct .book-media .samples {
  margin-top: 20px;
  width: 100%;
  min-height: 160px;
  height: auto;
  flex-flow: row;
  display: flex;
  justify-content: space-between;
}

.bookProduct .book-media .samples .video-sample {
  min-height: 160px;
  width: 190px;
}

.bookProduct .book-media .samples .video-sample .video {
  height: 107px;
  width: 190px;
  background-color: #d8d8d8;
  border: 1px solid #ccc;
}
.bookProduct .book-media .samples .video-sample .video img {
  width: 100%;
  height: 100%;
}
.bookProduct .book-media .samples .video-sample .video i {
  position: absolute;
  top: 32px;
  left: 72px;
  font-size: 44px;
  color: #ff0000b5;
}
.bookProduct .book-media .samples .video-sample .video i:hover {
  color: #666666;
}
.bookProduct .book-media .samples .video-sample p {
  margin-top: 5px;
  font-family: OpenSansHebrew, serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 20px;
  color: #4a4a4a;
  text-align: right;
}

.bookProduct .metaData-info {
  font-size: 14px;
  color: #999999;
  font-weight: 400;
  font-style: normal;
  position: Relative;
  top: 7px;
}

.bookProduct .book-detail-icons {
  overflow: hidden;
}

.bookProduct .book-detail-icons .label-container {
  float: right;
  text-align: right;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 12px;
  color: white;
}

.bookProduct .book-detail-icons .label-container .icon {
  float: inherit;
  width: 20px;
  height: 100%;
  background-color: #4a4a4a;
}

.bookProduct .book-detail-icons .label-container .icon img {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
}

.bookProduct .book-detail-icons .label-container .label {
  padding: 0 10px;
  float: inherit;
  background-color: #0099d9;
}

.bookProduct .matah-book {
  margin-top: 10px;
  line-height: normal;
  word-wrap: break-word;
}

.bookProduct .book-lower-details {
  clear: both;
  overflow: hidden;
}

/* Prices */
.bookProduct #price-options {
  border: 1px solid #d0d0d0;
  padding: 20px 0;
}

.bookProduct #price-options .action {
  min-height: 70px;
  padding: 15px 20px 20px 20px;
}
.bookProduct #price-options .action .product-price-comment {
  font-weight: bold;
  margin-bottom: 15px;
}

/* Recommendations */
#recommendations {
  clear: both;
  margin-top: 50px;
}

.bookProduct .recommendations {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  border-top: 1px solid #cccccc;
}

.bookProduct #recommendations .recommendations-title {
  font-size: 16px;
  font-weight: bold;
  color: #0099d9;
}

.bookProduct .recommendations ul {
  width: 100%;
}

.bookProduct .recommendations ul li {
  min-height: 235px;
  width: 117px;
  cursor: pointer;
}

.bookProduct .recommendations ul li img {
  height: 170px;
  width: 117px;
  border: 1px solid #cccccc;
}

.bookProduct .recommendations .title {
  font-size: 12px;
  margin-top: 4px;
}

.bookProduct .recommendations .bold {
  font-weight: bold;
}

.bookProduct .recommendations .free {
  color: #EA3C18;
  font-family: "OpenSansHebrew-Bold";
}

.bookProduct .promotionalForm {
  width: 100%;
  height: 500px;
  margin: 30px 0;
}

.bookProduct .promotionalForm iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*----------------------------------------------------------------------------*/
/*                                  Mobile Queries                             */
/*----------------------------------------------------------------------------*/
.mobile .bookProductMobile {
  padding: 0;
}
.mobile .bookProductMobile .header {
  height: 60px;
  margin-bottom: 20px;
  color: white;
  text-align: center;
  background-color: #0099d9;
}
.mobile .bookProductMobile .header .logo {
  float: none;
  top: 5px;
}
.mobile .bookProductMobile .bookProduct .book-name {
  text-align: center;
  padding: 5px 0;
}
.mobile .bookProductMobile .bookProduct .book-name h1 {
  font-size: 24px;
}
.mobile .bookProductMobile .bookProduct .book-author,
.mobile .bookProductMobile .bookProduct .book-edition {
  padding: 0;
}
.mobile .bookProductMobile .bookProduct .book-author h2,
.mobile .bookProductMobile .bookProduct .book-edition h2 {
  text-align: center;
  font-size: 18px;
}
.mobile .bookProductMobile .bookProduct .book-preview {
  font-size: 18px;
  color: #0099d9;
  text-align: center;
  padding: 20px 0;
  letter-spacing: -0.02em;
}
.mobile .bookProductMobile .bookProduct #price-options .store-price-num .price {
  font-size: 24px;
}
.mobile .bookProductMobile .bookProduct #price-options .store-price-num .no_credit_card_needed {
  font-size: 12px;
  position: absolute;
  margin-top: 20px;
}
.mobile .bookProductMobile .bookProduct .book-image .cover-img {
  width: 185px;
}
.mobile .bookProductMobile .bookProduct .only-desktop p {
  padding: 15px;
  color: white;
  background-color: #ff9900;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 22px;
}
.mobile .bookProductMobile .bookProduct .book-info {
  padding: 10px 0;
  font-size: 18px;
  line-height: 25px;
}
.mobile .bookProductMobile .bookProduct .book-full-desc h2 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #0099d9;
  letter-spacing: -0.03em;
}
.mobile .bookProductMobile .bookProduct .book-full-desc div {
  width: 100%;
  padding: 5px 0;
  margin: 0;
  letter-spacing: -0.03em;
  line-height: 25px;
}
.mobile .bookProductMobile .bookProduct .book-full-desc .book-summary p {
  white-space: normal;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations {
  margin: 0;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations h2 {
  font-size: 18px;
  letter-spacing: -0.03em;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations {
  border-top: 0;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations ul li {
  width: 100%;
  min-height: 190px;
  border-bottom: 1px solid #ccc;
  padding-top: 20px;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations ul li img {
  height: 170px;
  width: 117px;
  border: 1px solid #cccccc;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations a {
  width: 100%;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations a .img-recommendations {
  display: block;
  width: 35%;
  float: left;
}
.mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations a .txt-recommendations {
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
  display: inline-block;
  width: 65%;
  padding-top: 10px;
}
.mobile .bookProductMobile .bookProduct #price-options {
  padding: 0;
  background-color: #f5f5f5;
  margin: 10px 0;
}
.mobile .bookProductMobile .bookProduct #price-options .list-price {
  font-size: 17px;
  padding: 0;
  color: #4a4a4a;
  line-height: 50px;
  display: inline-block;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price {
  width: 100%;
  min-height: 60px;
  height: auto;
  padding: 0 5px;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-info {
  width: 58%;
  line-height: 15px;
  padding: 15px 0;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-info input[type=radio] {
  float: inherit;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-info .type {
  font-size: 0.9rem;
  font-weight: bold;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-info .license {
  font-size: 0.9rem;
  font-weight: normal;
  padding: 0 30px;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-num {
  width: 35%;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-num .price.no-card {
  font-size: 18px;
  line-height: 45px;
  height: 45px;
  vertical-align: bottom;
  display: block;
}
.mobile .bookProductMobile .bookProduct #price-options .prices .store-price .store-price-num .no_credit_card_needed {
  font-size: 11px;
  line-height: 35px;
  height: 35px;
  display: block;
}
.mobile .bookProductMobile .bookProduct #price-options .only-desktop {
  line-height: 20px;
}
.mobile .bookProductMobile .bookProduct #price-options .action {
  height: auto;
  padding: 20px;
}
.mobile .bookProductMobile .bookProduct .book-media {
  clear: both;
}
.mobile .bookProductMobile .bookProduct .book-media .samples {
  height: auto;
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
  flex-flow: row;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
.mobile .bookProductMobile .bookProduct .book-media .samples .video-sample {
  width: 180px;
  height: auto;
  padding: 0;
  margin: 0 0 10px;
}
.mobile .bookProductMobile .bookProduct .book-media .samples .video-sample .video {
  box-sizing: border-box;
  width: 100%;
  height: 114px;
  padding: 0;
  margin: 0;
}
.mobile .bookProductMobile .bookProduct .book-media .samples .video-sample .video i {
  top: 34px;
  left: 68px;
}
.mobile .bookProductMobile .bookProduct .book-media .samples .video-sample .sample-video-title {
  margin: 0;
  font-size: 0.9rem;
  line-height: 16px;
}

/*----------------------------------------------------------------------------*/
/*           						General        					          */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*           						Directions     					          */
/*----------------------------------------------------------------------------*/
/***********************************  LTR ***********************************/
.ltr {
  /****************  Mobile *******************/
}
.ltr .bookProduct .book-product-title {
  float: left;
}
.ltr .bookProduct .book-product-price {
  float: right;
  padding-left: 11px;
}
.ltr .metaData-icon-container {
  float: left;
}
.ltr .metaData-info {
  float: left;
  margin-left: 20px;
}
.ltr .metaData-icon {
  float: left;
  margin-right: 10px;
}
.ltr .bookProduct .list-price span {
  float: right;
}
.ltr .bookProduct .store-price .special-offer {
  left: 65px;
  top: 3px;
}
.ltr .bookProduct .store-price .store-price-info {
  float: left;
}
.ltr .bookProduct .store-price .store-price-num {
  float: left;
}
.ltr .bookProduct .book-details {
  float: left;
  margin-left: 25px;
}
.ltr .bookProduct .book-product-description {
  float: left;
}
.ltr .bookProduct .book-product-cart {
  float: right;
}
.ltr .bookProduct .book-main {
  float: left;
}
.ltr .bookProduct .book-subject,
.ltr .bookProduct .book-name,
.ltr .bookProduct .book-edition,
.ltr .bookProduct .store-price,
.ltr .bookProduct .book-author,
.ltr .bookProduct .book-nav,
.ltr .bookProduct .book-full-desc *,
.ltr .bookProduct .matah-book {
  text-align: left;
}
.ltr .modal-header-preview .icon-eye-1 {
  left: 8px;
}
.ltr .modal-header-preview .icon-close-4 {
  left: 13px;
}
.ltr .modal-header-preview-text {
  left: 15px;
}
.ltr .modal-header-preview-add-to-basket {
  float: right;
  left: 3px;
}
.ltr .bookProduct .book-more-details-colon,
.ltr .bookProduct .book-more-details-label {
  float: left;
}
.ltr .bookProduct .book-preview .icon-eye-1 {
  left: 15px;
}
.ltr .bookProduct .book-not-in-stock {
  right: 0;
}
.ltr .bookProduct .book-product-price {
  border-left: 1px solid #B3C4CE;
}
.ltr .bookProduct .list-price .list-price-num {
  margin-right: 20px;
}
.ltr .bookProduct button.back-button {
  margin-left: 20px;
}
.ltr .bookProduct .book-product-cart {
  border-left: 1px solid #B3C4CE;
}
.ltr .bookProduct .book-nav button {
  right: 0;
}
.ltr .bookProduct #price-options .action {
  text-align: left;
}
.ltr .bookProduct .recommendations ul li {
  margin-right: 23px;
  float: left;
}
.ltr .bookProduct .recommendations ul li:last-child {
  margin-right: 0;
}
.ltr .mobile .bookProductMobile .bookProduct .store-price .store-price-num {
  float: right;
  line-height: 60px;
}
.ltr .mobile .bookProductMobile .store-price-info input[type=radio] {
  margin: 5px 10px 0 0;
}
.ltr .mobile .bookProductMobile #price-options .store-price-num .price.no-card {
  float: left;
}
.ltr .mobile .bookProductMobile #price-options .list-price {
  padding-left: 35px;
}
.ltr .mobile .bookProductMobile #recommendations .recommendations .img-recommendations {
  display: block;
  width: 35%;
  float: left;
}

/***********************************  RTL ***********************************/
.rtl {
  /****************  Mobile *******************/
}
.rtl .bookProduct .book-product-title {
  float: right;
}
.rtl .bookProduct .book-product-price {
  float: left;
  padding-right: 11px;
}
.rtl .bookProduct .store-price .special-offer {
  right: 65px;
  top: 6px;
}
.rtl .metaData-icon-container {
  float: right;
}
.rtl .metaData-info {
  float: right;
  margin-left: 20px;
}
.rtl .metaData-icon {
  float: Right;
  margin-left: 10px;
}
.rtl .bookProduct .list-price span {
  float: left;
}
.rtl .bookProduct .store-price .store-price-info {
  float: right;
}
.rtl .bookProduct .store-price .store-price-num {
  float: right;
}
.rtl .bookProduct .store-price .store-price-num .price {
  direction: ltr;
  display: inline-block;
}
.rtl .bookProduct .book-details {
  float: right;
  margin-right: 25px;
}
.rtl .bookProduct .book-product-description {
  float: right;
}
.rtl .bookProduct .book-product-cart {
  float: left;
}
.rtl .bookProduct .book-main {
  float: right;
}
.rtl .bookProduct .book-subject,
.rtl .bookProduct .book-name,
.rtl .bookProduct .book-edition,
.rtl .bookProduct .store-price,
.rtl .bookProduct .book-author,
.rtl .bookProduct .book-nav,
.rtl .bookProduct .book-full-desc *,
.rtl .bookProduct .matah-book {
  text-align: right;
}
.rtl .modal-header-preview .icon-eye-1 {
  right: 12px;
}
.rtl .modal-header-preview .icon-close-4 {
  right: 13px;
}
.rtl .modal-header-preview-text {
  right: 15px;
}
.rtl .modal-header-preview-add-to-basket {
  float: left;
  right: 3px;
}
.rtl .bookProduct .book-more-details-colon,
.rtl .bookProduct .book-more-details-label {
  float: right;
}
.rtl .bookProduct .book-preview .icon-eye-1 {
  right: 15px;
}
.rtl .bookProduct .book-not-in-stock {
  left: 0;
}
.rtl .bookProduct .book-product-price {
  border-right: 1px solid #B3C4CE;
}
.rtl .bookProduct .save-value {
  direction: ltr;
}
.rtl .bookProduct .list-price .list-price-num {
  margin-left: 20px;
  direction: ltr;
}
.rtl .bookProduct button.back-button {
  margin-right: 20px;
}
.rtl .bookProduct .book-product-cart {
  border-right: 1px solid #B3C4CE;
}
.rtl .bookProduct .book-nav button {
  left: 0;
}
.rtl .bookProduct #price-options .action {
  text-align: justify;
}
.rtl .bookProduct .recommendations ul li {
  margin-left: 23px;
  float: right;
}
.rtl .bookProduct .recommendations ul li:last-child {
  margin-left: 0;
}
.rtl .mobile .bookProductMobile {
  /*    #price-options {
        .store-price-num {

          .price.no-card {
            font-size: 18px;
            line-height: 40px;
            vertical-align: bottom;
            display: block;
            float: left;
          }

          .no_credit_card_needed {
            font-size: 11px;
            line-height: 30px;
            display: block;
          }
        }
      }*/
}
.rtl .mobile .bookProductMobile .bookProduct .store-price .store-price-num {
  float: left;
  line-height: 60px;
}
.rtl .mobile .bookProductMobile .bookProduct .book-full-desc #recommendations .recommendations a .img-recommendations {
  display: block;
  width: 35%;
  float: right;
}
.rtl .mobile .bookProductMobile .store-price-info input[type=radio] {
  margin: 5px 0 0 10px;
}
.rtl .mobile .bookProductMobile #price-options .store-price-num .price.no-card {
  float: right;
}
.rtl .mobile .bookProductMobile #price-options .list-price {
  padding-right: 35px;
}

/*----------------------------------------------------------------------------*/
/*                                  Languages                                 */
/*----------------------------------------------------------------------------*/
/***********************************  Hebrew  *********************************/
body:lang(he) .bookProduct span,
body:lang(he) .bookProduct p {
  font-family: OpenSansHebrew, serif;
}

body:lang(he) .bookProduct h2,
body:lang(he) .bookProduct {
  font-family: OpenSansHebrew, serif;
  font-weight: 400;
}

/***********************************  English *********************************/
body:lang(en) .bookProduct span,
body:lang(en) .bookProduct p {
  font-family: OpenSans, serif;
}

body:lang(en) .bookProduct h2,
body:lang(en) .bookProduct {
  font-family: OpenSans, serif;
  font-weight: 400;
}

/***********************************  Spanish *********************************/
#resetPasswordRequest .retrieve-password-title {
  color: #0099d9;
  text-align: center;
  padding: 40px 0 10px 0;
}
#resetPasswordRequest .retrieve-password-instruction {
  color: #9b9b9b;
  text-align: center;
  padding-bottom: 30px;
}
#resetPasswordRequest .email-box {
  height: auto;
  display: flex;
}
#resetPasswordRequest .email-box .instructions {
  margin-bottom: 20px;
}
#resetPasswordRequest .email-box .actions {
  text-align: center;
}
#resetPasswordRequest .email-box .email {
  font-weight: bold;
}
#resetPasswordRequest .footer {
  margin-top: 50px;
  width: 720px;
}
#resetPasswordRequest .footer .line {
  margin-top: 20px;
  border-top: 1px solid #d0d0d0;
}
#resetPasswordRequest .footer .sign-up {
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0.03em;
  padding-top: 10px;
  text-align: center;
}
#resetPasswordRequest .footer .sign-up a {
  color: #0099d9;
}

#resetPassword .error {
  color: red;
}
#resetPassword .error .sub-error {
  font-size: 14px;
  line-height: 24px;
}
#resetPassword h2 {
  font-size: 26px;
}

.quote-review {
  font-size: 1rem;
}
.quote-review .snap-anchor {
  scroll-margin-top: 10em;
}
.quote-review .order-button {
  color: black;
  font-weight: 600;
}
.quote-review * {
  box-sizing: border-box;
}
.quote-review__2-col {
  margin: 20px;
  display: flex;
  flex-flow: row wrap;
  gap: 2vw;
}
.quote-review__subject-summary {
  flex-basis: 60%;
  flex-grow: 1;
  overflow: hidden;
}
.quote-review__subject-summary-table {
  overflow-x: auto;
}
.quote-review__header {
  min-height: 40px;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  background-color: #edf9fe;
}
.quote-review__header--alert {
  background-color: #fedbdb;
}
.quote-review__header--ordered {
  background-color: #d2fdd3;
}
.quote-review__header--centered {
  text-align: center;
}
.quote-review__header--no-margin {
  margin: 0;
}
.quote-review__block {
  margin: 20px;
  margin-bottom: 30px;
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #ccc;
}
.quote-review__block--x-scroll {
  overflow-x: auto;
}
.quote-review__block--with-background {
  background-color: #edf9fe;
  border-bottom: none;
}
.quote-review__block--no-seperator {
  border: none;
}
.quote-review__block--no-margin-no-padding {
  padding: 0;
  margin: 0;
}
.quote-review__text {
  color: black;
  font-size: 1em;
  line-height: 1.4;
}
.quote-review__text--bold {
  font-weight: bold;
}
.quote-review__text--small {
  font-size: 0.9em;
  line-height: 1.1;
}
.quote-review__text--big {
  font-size: 1.1em;
  line-height: 1.2;
}
.quote-review__text--emphezied {
  color: #F75B3B;
}
.quote-review__text--link {
  color: #0099d9;
  text-decoration: underline;
}
.quote-review__text--link:hover {
  color: #0075a6;
  text-decoration: none;
}
.quote-review__text--link:visited {
  color: #6d00d9;
}
.quote-review__title {
  color: black;
  font-size: 1.75em;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.quote-review__sub-title {
  color: #0099d9;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.5em;
}
.quote-review__order-summary {
  flex-basis: 36%;
  flex-grow: 1;
  box-sizing: border-box;
}
.quote-review__order-summary-content {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #E2E2E2;
}
.quote-review__order-summary-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 2em;
  font-size: 0.9em;
  line-height: 1;
  vertical-align: middle;
}
.quote-review__order-summary-line--semi-bold {
  font-weight: 600;
}
.quote-review__order-summary-line--bold {
  font-weight: bold;
}
.quote-review__order-summary-cell {
  padding: 0;
  margin: 0;
  align-self: center;
}
.quote-review__order-summary-cell--start {
  justify-self: flex-start;
  width: 70%;
}
.quote-review__order-summary-cell--end {
  justify-self: flex-end;
}
.quote-review__book-cover {
  width: 42px;
  border: 1px solid #E2E2E2;
}
.quote-review__mobile-order {
  margin: 0;
  padding: 10px;
  color: black;
  font-size: 1.1em;
  font-weight: 600;
  background: #FF9900;
  border: none;
  min-height: 35px;
  line-height: 1.5;
  text-align: center;
}
.quote-review .c-table {
  width: 100%;
  color: #333;
  border: 1px solid #E2E2E2;
}
.quote-review .c-table__head {
  height: 3em;
  font-size: 0.9em;
  line-height: 1.1;
  vertical-align: middle;
  background-color: #E2E2E2;
}
.quote-review .c-table__row {
  height: 3em;
  font-size: 0.9em;
  line-height: 1.1;
  vertical-align: middle;
  border: 1px solid #E2E2E2;
}
.quote-review .c-table__row--bold {
  font-weight: bold;
}
.quote-review .c-table__row:hover {
  background-color: #f2f2f2;
}
.quote-review .c-table__cell {
  padding: 20px;
  position: relative;
  vertical-align: top;
}
.quote-review .c-table__cell--small-emphezied {
  font-size: 0.8em;
  letter-spacing: -0.02em;
  font-weight: 600;
  margin-top: 0.2em;
}
.quote-review .c-table__cell--capitalize {
  text-transform: capitalize;
}
.quote-review .c-table__cell--link {
  color: #0099d9;
  text-decoration: underline;
}
.quote-review .c-table__cell--link:hover {
  color: #0075a6;
  text-decoration: none;
}
.quote-review .c-table__cell--link:visited {
  color: #6d00d9;
}
.quote-review .c-table__cell--number {
  text-align: right;
}
.quote-review .c-list {
  list-style-type: disc;
  list-style-position: outside;
  margin: inherit;
}
.quote-review .c-list__item {
  line-height: 1.3;
}

@media print {
  .order-button {
    display: none !important;
  }
}
.quote-ordered {
  padding: 4em;
  font-size: 1rem;
}
.quote-ordered__header {
  text-align: center;
}
.quote-ordered__header--thank-you {
  color: black;
  font-size: 6.25em;
  font-weight: bold;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
}
.quote-ordered__header--icon {
  color: #0099d9;
  font-size: 8.75em;
}
.quote-ordered__main {
  padding: 0 7em;
  margin: 3em 0;
}
.quote-ordered__text {
  color: black;
  font-size: 1.1em;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
.quote-ordered__text--link {
  color: #0099d9;
}
.quote-ordered__text--link:hover {
  color: #0075a6;
}
.quote-ordered__footer {
  text-align: center;
}
.quote-ordered__footer button {
  height: 50px;
  width: 300px;
  font-weight: 600;
}

#PurchaseOrders {
  height: 100%;
  display: flex;
  margin: 0;
  flex-direction: column;
}
#PurchaseOrders .search-block {
  height: 70px;
  margin: 0;
}
#PurchaseOrders .search-block .order-id {
  width: 200px;
  vertical-align: top;
}
#PurchaseOrders .search-block .search-btn {
  font-size: 24px;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
}
#PurchaseOrders .order-not-found {
  height: 70px;
  margin: 0;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
#PurchaseOrders .order-block {
  flex-grow: 1;
  margin: 0;
  display: flex;
  flex-direction: column;
}
#PurchaseOrders .order-block .order-info {
  padding: 20px;
  margin: 0 0 20px;
  border: 1px solid #CCCCCC;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #F9F9F9;
}
#PurchaseOrders .order-block .order-info .order-row {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 14px;
  color: #333;
}
#PurchaseOrders .order-block .order-info .order-row .element {
  margin: 0;
}
#PurchaseOrders .order-block .order-info .order-row .element.col1 {
  flex: 1;
}
#PurchaseOrders .order-block .order-info .order-row .element.col2, #PurchaseOrders .order-block .order-info .order-row .element.col3 {
  width: 200px;
}
#PurchaseOrders .order-block .order-info .order-row .element .title {
  font-weight: bold;
  width: 100px;
}
#PurchaseOrders .order-block .order-info .order-row .element .ok {
  color: #05b380;
  font-weight: bold;
}
#PurchaseOrders .order-block .order-info .order-row .element .notice {
  color: #F75B3B;
  font-weight: bold;
}
#PurchaseOrders .order-block .order-info hr {
  margin: 20px 0;
}
#PurchaseOrders .order-block .order-info .order-form {
  margin: 0;
  flex: 1;
}
#PurchaseOrders .order-block .order-info .order-form * {
  margin-bottom: 0;
}
#PurchaseOrders .order-block .order-info .deliveredBtn {
  height: 50px;
}
#PurchaseOrders .order-block .order-tabs {
  margin: 0;
  box-sizing: border-box;
  padding-top: 20px;
  flex: 1;
}
#PurchaseOrders .order-block .order-tabs .tab {
  height: 500px;
}
#PurchaseOrders .order-block .order-tabs .tab .data-grid {
  padding-top: 20px;
}
#PurchaseOrders .order-block .order-tabs .tab .data-grid .partially-delivered {
  background-color: #fedbdb;
}

#hcTerminal {
  padding: 0 40px 40px;
}
#hcTerminal h2 {
  font-size: 2em;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 10px;
  color: black;
}
#hcTerminal .testMobile {
  display: none;
  font-weight: bold;
  text-align: center;
  background-color: #fff598;
}
#hcTerminal .hc-title-block {
  text-align: center;
  margin-bottom: 30px;
}
#hcTerminal .hc-title-block h1 {
  margin-bottom: 15px;
  font-size: 2em;
  font-weight: bold;
  color: #333;
}
#hcTerminal .hc-title-block .tutorials a {
  color: #0099d9;
  text-decoration: underline;
  font-size: 1.3em;
  color: #0099d9;
  text-align: center;
  width: 120px;
}
#hcTerminal .hc-title-block .tutorials a:hover {
  color: #0075a6;
  text-decoration: none;
}
#hcTerminal .hc-title-block .tutorials a:visited {
  color: #6d00d9;
}
#hcTerminal .hc-title-block .tutorials span {
  font-size: 1.6em;
  color: #0099d9;
}
#hcTerminal .hc-search-block {
  border: 1px solid #E2E2E2;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#hcTerminal .hc-search-block .hc-search-block-form {
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
#hcTerminal .hc-search-block .hc-search-block-form input {
  height: 50px;
  width: 360px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 1.25em;
  border: 1px solid #E2E2E2;
}
#hcTerminal .hc-search-block .hc-search-block-form button {
  height: 50px;
  width: 200px;
  box-sizing: border-box;
}
#hcTerminal .hc-search-block .hc-search-block-form .search-icon {
  display: none;
}
#hcTerminal .hc-search-block .hc-search-error {
  color: red;
}
#hcTerminal .hc-books-block .message-block {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  line-height: 1.2em;
  border: 1px solid #E2E2E2;
  border-right: 5px solid #E2E2E2;
}
#hcTerminal .hc-books-block .message-block.guide {
  border-color: #07d058;
  background-color: #d2fdd359;
}
#hcTerminal .hc-books-block .message-block.important {
  border-color: red;
  background-color: #fedbdb;
}
#hcTerminal .hc-books-block .user-info-block {
  margin: 20px 0;
}
#hcTerminal .hc-books-block .user-info-block .results {
  font-size: 0.9em;
  color: black;
  margin-bottom: 5px;
}
#hcTerminal .hc-books-block .user-info-block .user {
  font-size: 1.25em;
  font-weight: bold;
  color: black;
}
#hcTerminal .hc-books-block .book-list-block {
  margin-top: 30px;
  margin-bottom: 50px;
}
#hcTerminal .hc-books-block .book-list-block .book-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container {
  width: 100%;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book {
  display: flex;
  flex-direction: row;
  gap: 20px;
  border: 1px solid #CCCCCC;
  width: 100%;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .cover {
  height: 117px;
  width: 80px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .cover img {
  height: 100%;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info * {
  margin: 0;
  padding: 0;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .item {
  margin: 0;
  line-height: 1.2em;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status {
  height: 25px;
  min-width: 120px;
  margin: 0 0 10px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  font-size: 0.75em;
  font-weight: bold;
  color: white;
  background-color: white;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-5, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-22, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-23 {
  background-color: #07d058;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-7 {
  background-color: #109245;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-10 {
  background-color: #d82222;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-1, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-2, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-3, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-4, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-8, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-9, #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status.status-15 {
  color: #4a4a4a;
  background-color: white;
  border: 1px solid #999;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .book-title {
  font-weight: bold;
  color: black;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .classoos-code {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .action {
  width: 220px;
  display: flex;
  align-items: center;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .action.dual {
  flex-direction: column;
  gap: 20px;
}
#hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .action button {
  width: 100%;
  height: 50px;
}
#hcTerminal .hc-tutorial-block {
  margin-top: 50px;
}
#hcTerminal .hc-tutorial-block .video-block {
  margin-bottom: 50px;
}
#hcTerminal .hc-tutorial-block .video-block iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion {
  width: 100%;
  margin: 0;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion * {
  padding: 0;
  margin: 0;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion .accordion-item {
  margin-bottom: 1px;
  background-color: #009fe3;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion .accordion-header {
  display: flex;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  color: white;
  background-color: #0099d9;
  cursor: pointer;
  padding: 0;
  border: none;
  border-bottom: 1px solid white;
  font-size: 1em;
  line-height: 1.3em;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion .accordion-header .open-icon {
  width: 30px;
  height: 100%;
  background-color: #13739b;
  display: flex;
  justify-content: center;
  align-items: center;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion .accordion-header .item-text {
  line-height: 30px;
  padding: 0 10px;
}
#hcTerminal .hc-tutorial-block .faq-block .accordion .accordion-content {
  padding: 15px 15px 30px;
  color: white;
  background-color: #0099d9;
}
#hcTerminal .hc-tutorial-block .back {
  margin-top: 10px;
}

@media only screen and (max-width: 600px) {
  #hcTerminal {
    padding: 30px 12px;
    font-size: 10px;
  }
  #hcTerminal .testMobile {
    display: block;
  }
  #hcTerminal .hc-title-block .tutorials a {
    width: 90px;
  }
  #hcTerminal .hc-search-block {
    padding: 0;
    border: none;
  }
  #hcTerminal .hc-search-block .center {
    margin: 0;
  }
  #hcTerminal .hc-search-block .hc-search-block-form {
    flex-direction: column;
  }
  #hcTerminal .hc-search-block .hc-search-block-form input {
    width: 100%;
    font-size: 1.6em;
  }
  #hcTerminal .hc-search-block .hc-search-block-form button {
    display: none;
  }
  #hcTerminal .hc-search-block .hc-search-block-form .search-icon {
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #9B9B9B;
    font-size: 2em;
  }
  #hcTerminal .hc-books-block .message-block {
    margin-top: 20px;
    font-size: 1.5em;
  }
  #hcTerminal .hc-books-block .book-list-block .title {
    border-bottom: 1px solid #CCCCCC;
  }
  #hcTerminal .hc-books-block .book-list-block .title h2 {
    font-size: 1.5em;
    line-height: 32px;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list {
    padding: 0;
    background-color: white;
    border: none;
    flex-direction: column;
    gap: 0;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book {
    padding: 30px 0;
    border: none;
    border-bottom: 1px solid #CCCCCC;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info {
    flex-direction: column;
    gap: 0;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details {
    flex-direction: column;
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .status {
    min-width: 40px;
    height: auto;
    line-height: 20px;
    margin: 0 0 5px;
    font-size: 0.8em;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .details .item {
    font-size: 1.2em;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .action.dual {
    gap: 10px;
  }
  #hcTerminal .hc-books-block .book-list-block .book-list .book-list-container .book .info .action button {
    font-size: 1.4em;
    height: 30px;
    line-height: normal;
  }
  #hcTerminal .hc-tutorial-block .faq-block {
    font-size: 1.4em;
  }
}
.buy-your-students-modal {
  width: 600px;
  height: 670px;
  padding-top: 80px;
  box-sizing: border-box;
}
.buy-your-students-modal .cl-modal-body {
  padding: 30px 0 30px 34px;
}
.buy-your-students-modal .instruction {
  color: #333;
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.2rem;
}

.start-new-year-modal {
  width: 540px;
  height: 590px;
  padding-top: 100px;
}
.start-new-year-modal .pages {
  height: 400px;
  padding: 20px;
  box-sizing: border-box;
}
.start-new-year-modal .pages .actions {
  list-style: disc;
  padding: 0 20px;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.3px;
}
.start-new-year-modal .nav-bar {
  height: 75px;
  padding: 0 20px;
  box-sizing: border-box;
}
.start-new-year-modal .nav-bar .next {
  float: left;
}
.start-new-year-modal .nav-bar .prev {
  float: right;
}
.start-new-year-modal .page {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.start-new-year-modal .page h3 {
  font-weight: bold;
  font-size: 20px;
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 25px;
  border-bottom: 1px solid;
}
.start-new-year-modal .page h4 {
  font-size: 18px;
  width: 100%;
  margin-bottom: 15px;
  clear: both;
  line-height: 24px;
}
.start-new-year-modal .page .confirmation {
  width: 100%;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
.start-new-year-modal .page .confirmation input {
  height: 30px;
  width: 200px;
  font-size: 20px;
}
.start-new-year-modal .page .confirmation button {
  width: 250px;
  height: 40px;
  font-size: 26px;
}
.start-new-year-modal .page.decision .options {
  display: flex;
  flex-direction: row;
}
.start-new-year-modal .page.decision .options .option {
  height: 180px;
  width: 180px;
  box-sizing: border-box;
  padding: 10px;
  background-color: #bbe4f5;
  cursor: pointer;
  border: 2px solid #bbe4f5;
}
.start-new-year-modal .page.decision .options .option h4 {
  font-weight: bold;
  text-align: center;
}
.start-new-year-modal .page.decision .options .option p {
  font-size: 14px;
  line-height: 18px;
  bottom: 8px;
  position: absolute;
}
.start-new-year-modal .page.decision .options .option.selected {
  border: 2px solid #0099d9;
}
.start-new-year-modal .page.decision .options .option:hover {
  background-color: #8ecae2;
}
.start-new-year-modal .page.job-submitted {
  text-align: center;
  line-height: 31px;
  font-size: 18px;
}

body.rtl .start-new-year-modal .next {
  float: left;
}
body.rtl .start-new-year-modal .prev {
  float: right;
}

body.ltr .start-new-year-modal .next {
  float: right;
}
body.ltr .start-new-year-modal .prev {
  float: left;
}

.session-ends-modal {
  width: 540px;
  height: 300px;
  padding-top: 100px;
}
.session-ends-modal .notice {
  height: 100px;
  padding: 30px;
  color: #666;
  font-size: 18px;
  line-height: 26px;
}
.session-ends-modal .notice .time {
  font-weight: bold;
}
.session-ends-modal .action-bar {
  widows: 100%;
  height: 50px;
  text-align: center;
}

.add-new-book-properties-modal {
  width: 900px;
  height: 690px;
  padding-top: 80px;
}

.add-new-book-properties-modal .cl-modal-body h4 {
  width: 100%;
  padding: 5px;
  font-weight: bold;
}
.add-new-book-properties-modal .cl-modal-body #addNewSchoolRolesForm {
  width: 100%;
}

.add-new-book-properties-modal .cl-modal-body .group-data-full {
  padding: 15px;
  margin-top: -10px;
}

.add-new-book-properties-modal .cl-modal-body form {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "role" "select-user" "select-department" "new-department" "new-contact" "role-info" "error" "action-bar";
  justify-items: start;
  align-items: center;
  overflow: hidden;
}
.add-new-book-properties-modal .cl-modal-body * {
  margin: 0;
  box-sizing: border-box;
}
.add-new-book-properties-modal .cl-modal-body * input {
  width: 265px;
  height: 50px;
  border: 1px solid #CCC;
}
.add-new-book-properties-modal .cl-modal-body .row {
  margin-bottom: 20px;
}
.add-new-book-properties-modal .cl-modal-body .role {
  grid-area: role;
}
.add-new-book-properties-modal .cl-modal-body .role .element {
  width: 250px;
}
.add-new-book-properties-modal .cl-modal-body .select-user {
  grid-area: select-user;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-book-properties-modal .cl-modal-body .select-user .element {
  display: inline-block;
  width: 500px;
}
.add-new-book-properties-modal .cl-modal-body .select-user .add-new {
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  margin: 0 20px;
}
.add-new-book-properties-modal .cl-modal-body .select-department {
  grid-area: select-department;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-book-properties-modal .cl-modal-body .select-department .element {
  display: inline-block;
  width: 300px;
}
.add-new-book-properties-modal .cl-modal-body .select-department .add-new {
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  margin: 0 20px;
}
.add-new-book-properties-modal .cl-modal-body .new-department {
  grid-area: new-contact;
  width: 80%;
  padding: 0 20px;
  background-color: #eee;
}
.add-new-book-properties-modal .cl-modal-body .new-department h4 {
  padding: 10px 0;
}
.add-new-book-properties-modal .cl-modal-body .new-department .department-info {
  margin-bottom: 20px;
}
.add-new-book-properties-modal .cl-modal-body .new-department .department-info .element {
  width: 250px;
  display: inline-block;
}
.add-new-book-properties-modal .cl-modal-body .new-contact {
  grid-area: new-contact;
  width: 80%;
  padding: 0 20px;
  background-color: #eee;
}
.add-new-book-properties-modal .cl-modal-body .new-contact h4 {
  padding: 10px 0;
}
.add-new-book-properties-modal .cl-modal-body .new-contact .name-info,
.add-new-book-properties-modal .cl-modal-body .new-contact .contact-info {
  margin-bottom: 20px;
}
.add-new-book-properties-modal .cl-modal-body .new-contact .name-info .element,
.add-new-book-properties-modal .cl-modal-body .new-contact .contact-info .element {
  width: 40%;
  display: inline-block;
}
.add-new-book-properties-modal .cl-modal-body .new-contact .name-info .email,
.add-new-book-properties-modal .cl-modal-body .new-contact .contact-info .email {
  width: 59%;
  display: inline-block;
}
.add-new-book-properties-modal .cl-modal-body .new-contact .name-info .user-prefix,
.add-new-book-properties-modal .cl-modal-body .new-contact .contact-info .user-prefix {
  width: 18.5%;
  display: inline-block;
}
.add-new-book-properties-modal .cl-modal-body .new-contact .user-title-info {
  margin-bottom: 20px;
}
.add-new-book-properties-modal .cl-modal-body .new-contact .user-title-info .element {
  width: 100%;
  display: inline-block;
}
.add-new-book-properties-modal .cl-modal-body .role-info {
  grid-area: role-info;
  width: 100%;
}
.add-new-book-properties-modal .cl-modal-body .role-info .role-title .element {
  width: 500px;
  display: inline-block;
  margin-bottom: 20px;
}
.add-new-book-properties-modal .cl-modal-body .role-info .comment .element {
  width: 100%;
  height: 140px;
  display: inline-block;
}
.add-new-book-properties-modal .cl-modal-body .action-bar {
  grid-area: action-bar;
  width: 100%;
}
.add-new-book-properties-modal .cl-modal-body .error {
  grid-area: error;
  width: 100%;
}
.add-new-school-roles-modal {
  width: 900px;
  height: 690px;
  padding-top: 80px;
}

.add-new-school-roles-modal .cl-modal-body h4 {
  width: 100%;
  padding: 5px;
  font-weight: bold;
}
.add-new-school-roles-modal .cl-modal-body #addNewSchoolRolesForm {
  width: 100%;
}

.add-new-school-roles-modal .cl-modal-body .group-data-full {
  padding: 15px;
  margin-top: -10px;
}

.add-new-school-roles-modal .cl-modal-body form {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "role" "select-user" "select-department" "new-department" "new-contact" "role-info" "error" "action-bar";
  justify-items: start;
  align-items: center;
  overflow: hidden;
}
.add-new-school-roles-modal .cl-modal-body * {
  margin: 0;
  box-sizing: border-box;
}
.add-new-school-roles-modal .cl-modal-body .row {
  margin-bottom: 20px;
}
.add-new-school-roles-modal .cl-modal-body .role {
  grid-area: role;
}
.add-new-school-roles-modal .cl-modal-body .role .element {
  width: 250px;
}
.add-new-school-roles-modal .cl-modal-body .select-user {
  grid-area: select-user;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-school-roles-modal .cl-modal-body .select-user .element {
  display: inline-block;
  width: 500px;
}
.add-new-school-roles-modal .cl-modal-body .select-user .add-new {
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  margin: 0 20px;
}
.add-new-school-roles-modal .cl-modal-body .select-department {
  grid-area: select-department;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-school-roles-modal .cl-modal-body .select-department .element {
  display: inline-block;
  width: 300px;
}
.add-new-school-roles-modal .cl-modal-body .select-department .add-new {
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  margin: 0 20px;
}
.add-new-school-roles-modal .cl-modal-body .new-department {
  grid-area: new-contact;
  width: 80%;
  padding: 0 20px;
  background-color: #eee;
}
.add-new-school-roles-modal .cl-modal-body .new-department h4 {
  padding: 10px 0;
}
.add-new-school-roles-modal .cl-modal-body .new-department .department-info {
  margin-bottom: 20px;
}
.add-new-school-roles-modal .cl-modal-body .new-department .department-info .element {
  width: 250px;
  display: inline-block;
}
.add-new-school-roles-modal .cl-modal-body .new-contact {
  grid-area: new-contact;
  width: 80%;
  padding: 0 20px;
  background-color: #eee;
}
.add-new-school-roles-modal .cl-modal-body .new-contact h4 {
  padding: 10px 0;
}
.add-new-school-roles-modal .cl-modal-body .new-contact .name-info,
.add-new-school-roles-modal .cl-modal-body .new-contact .contact-info {
  margin-bottom: 20px;
}
.add-new-school-roles-modal .cl-modal-body .new-contact .name-info .element,
.add-new-school-roles-modal .cl-modal-body .new-contact .contact-info .element {
  width: 40%;
  display: inline-block;
}
.add-new-school-roles-modal .cl-modal-body .new-contact .name-info .email,
.add-new-school-roles-modal .cl-modal-body .new-contact .contact-info .email {
  width: 59%;
  display: inline-block;
}
.add-new-school-roles-modal .cl-modal-body .new-contact .name-info .user-prefix,
.add-new-school-roles-modal .cl-modal-body .new-contact .contact-info .user-prefix {
  width: 18.5%;
  display: inline-block;
}
.add-new-school-roles-modal .cl-modal-body .new-contact .user-title-info {
  margin-bottom: 20px;
}
.add-new-school-roles-modal .cl-modal-body .new-contact .user-title-info .element {
  width: 100%;
  display: inline-block;
}
.add-new-school-roles-modal .cl-modal-body .role-info {
  grid-area: role-info;
  width: 100%;
}
.add-new-school-roles-modal .cl-modal-body .role-info .role-title .element {
  width: 500px;
  display: inline-block;
  margin-bottom: 20px;
}
.add-new-school-roles-modal .cl-modal-body .role-info .comment .element {
  width: 100%;
  height: 140px;
  display: inline-block;
}
.add-new-school-roles-modal .cl-modal-body .action-bar {
  grid-area: action-bar;
  width: 100%;
}
.add-new-school-roles-modal .cl-modal-body .error {
  grid-area: error;
  width: 100%;
}
.add-new-school-accounting-modal {
  width: 900px;
  height: 490px;
  padding-top: 80px;
}

.add-new-school-accounting-modal .cl-modal-body h4 {
  width: 100%;
  padding: 5px;
  font-weight: bold;
}
.add-new-school-accounting-modal .cl-modal-body #add-new-school-accounting-form {
  width: 100%;
}
.add-new-school-accounting-modal .cl-modal-body form {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "action" "finance" "select-department" "comment" "error" "action-bar";
  justify-items: start;
  align-items: center;
  overflow: hidden;
}
.add-new-school-accounting-modal .cl-modal-body * {
  margin: 0;
  box-sizing: border-box;
}
.add-new-school-accounting-modal .cl-modal-body .row {
  margin-bottom: 20px;
}
.add-new-school-accounting-modal .cl-modal-body .action {
  grid-area: action;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-school-accounting-modal .cl-modal-body .action .element {
  display: inline-block;
  width: 250px;
}
.add-new-school-accounting-modal .cl-modal-body .finance {
  grid-area: finance;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-school-accounting-modal .cl-modal-body .finance .element {
  display: inline-block;
  width: 250px;
}
.add-new-school-accounting-modal .cl-modal-body .finance .element .input {
  width: 98%;
}
.add-new-school-accounting-modal .cl-modal-body .select-department {
  grid-area: select-department;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-new-school-accounting-modal .cl-modal-body .select-department .element {
  display: inline-block;
  width: 350px;
}
.add-new-school-accounting-modal .cl-modal-body .comment {
  grid-area: comment;
}
.add-new-school-accounting-modal .cl-modal-body .comment .element {
  width: 860px;
  height: 140px;
  display: inline-block;
}
.add-new-school-accounting-modal .cl-modal-body .action-bar {
  grid-area: action-bar;
  width: 100%;
}
.add-new-school-accounting-modal .cl-modal-body .error {
  grid-area: error;
  width: 100%;
}

.informative-message-modal {
  width: 500px;
  min-height: 300px;
  height: 500px;
  top: 10em;
  margin-top: 10em;
  font-size: 1rem;
}
.informative-message-modal .cl-modal-body {
  padding: 20px;
}
.informative-message-modal__title {
  color: #0099d9;
  font-size: 2em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.informative-message-modal__text {
  color: #333;
  font-size: 1.2em;
  line-height: 1.3;
  letter-spacing: -0.05em;
}
.informative-message-modal__text--link {
  color: #0099d9;
}
.informative-message-modal__text--link:hover {
  color: #0075a6;
}
.informative-message-modal__footer {
  position: absolute;
  bottom: 0;
}
.informative-message-modal .do-not-show-again {
  height: 40px;
}

.price-quote-login-modal {
  width: 600px;
  min-height: 370px;
  padding-top: 100px;
  font-size: 1rem;
  text-align: center;
}
.price-quote-login-modal .cl-modal-body {
  padding: 20px;
}
.price-quote-login-modal .cl-modal-body .cl-modal__text {
  line-height: 1.5;
}
.price-quote-login-modal .login-button {
  width: 340px;
  height: 50px;
  margin-top: 15px;
  font-weight: bold;
}

.price-quote-unauthorized-modal {
  width: 640px;
  min-height: 250px;
  padding-top: 100px;
  font-size: 1rem;
}
.price-quote-unauthorized-modal .cl-modal-header {
  background-color: #F65543;
}
.price-quote-unauthorized-modal .cl-modal-body {
  padding: 20px;
}
.price-quote-unauthorized-modal .cl-modal-body .cl-modal__text {
  line-height: 1.5;
}

.upload-book-media {
  padding-top: 100px;
  width: 1000px;
  height: 630px;
}
.upload-book-media .upload {
  height: 580px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.upload-book-media .upload .upload-btn {
  margin-bottom: 20px;
}
.upload-book-media .upload .upload-instructions {
  line-height: 24px;
}
.upload-book-media .files-list {
  padding: 20px;
  height: 500px;
  overflow-y: scroll;
}
.upload-book-media .files-list ul {
  width: 100%;
}
.upload-book-media .file {
  height: 30px;
  display: flex;
  flex-direction: row;
}
.upload-book-media .file .mediaId {
  width: 8%;
}
.upload-book-media .file .name {
  width: 56%;
}
.upload-book-media .file .size {
  width: 10%;
  padding: 0 10px;
  box-sizing: border-box;
}
.upload-book-media .file .progress {
  width: 26%;
  line-height: 20px;
  font-size: 0.8rem;
}
.upload-book-media .file .progress .bar {
  color: white;
  font-size: smaller;
  background: #0099d9;
  width: 0;
  float: left;
  border-radius: 3px;
}
.upload-book-media .file .progress .bar.finished {
  padding: 0 5px;
  color: #333;
  background: #d2fdd3;
}
.upload-book-media .file .progress .error {
  padding: 0 5px;
  color: #333;
  background: #fedbdb;
}

.sample-video-modal {
  padding-top: 100px;
  height: 444px;
  width: 700px;
}
.sample-video-modal .main {
  width: 100%;
  height: 100%;
}
.sample-video-modal .video-js {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  height: 100%;
}

@media (max-width: 600px) {
  .sample-video-modal {
    height: 247px;
    width: 350px;
  }
  .sample-video-modal .cl-modal .cl-modal-header h3 {
    font-size: 1rem;
  }
}
.search-book-modal .modal-dialog {
  width: 900px;
  height: 700px;
  background: white;
}
.search-book-modal .modal-dialog .modal-content {
  margin-top: 100px;
  width: 100%;
  height: 100%;
}
.search-book-modal .modal-dialog .modal-content #SearchBookModal {
  width: 100%;
  height: 100%;
}

#SearchBookModal .header {
  font-size: 18px;
  color: white;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #0099d9;
  box-sizing: border-box;
}
#SearchBookModal .header .close {
  cursor: pointer;
}
#SearchBookModal .main {
  height: calc(100% - 30px);
}
#SearchBookModal .action-area {
  width: 30%;
  height: 100%;
  padding: 15px;
  background-color: #f2f2f2;
}
#SearchBookModal .action-area hr {
  margin: 20px 0;
}
#SearchBookModal .action-area .searchButton {
  margin-top: 10px;
}
#SearchBookModal .action-area .searchBox {
  height: 30px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
#SearchBookModal .action-area .searchBox input#search {
  width: 100%;
  height: 30px;
  background: white;
  font-size: 12pt;
  color: #63717f;
  padding: 0 15px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#SearchBookModal .action-area .search {
  display: block;
  height: 30px;
  margin: 10px 0;
}
#SearchBookModal .action-area .filter {
  display: block;
  height: 30px;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ccc;
}
#SearchBookModal .action-area .filter.selected {
  border: 2px solid #0099d9;
}
#SearchBookModal .action-area #actions button {
  width: 48%;
  padding: 0 30px;
}
#SearchBookModal .product-area {
  height: 100%;
  width: 70%;
  overflow-y: scroll;
  padding: 15px;
}
#SearchBookModal .product-area .product * {
  padding: 0;
  margin: 0;
}
#SearchBookModal .product-area .product .book {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 0;
  margin-top: 20px;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #ccc;
  background-color: #F4FCFF;
}
#SearchBookModal .product-area .product .book .cover {
  width: 76px;
  height: 110px;
  border: 1px solid #CCCCCC;
}
#SearchBookModal .product-area .product .book .info {
  padding: 0 10px;
}
#SearchBookModal .product-area .product .book .info [type=title] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}
#SearchBookModal .product-area .product .book .info [type=info] {
  font-size: 12px;
  margin-bottom: 3px;
}
#SearchBookModal .product-area .product .book .info [type=info].id {
  font-weight: bold;
}
#SearchBookModal .product-area .product .pricing {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 35px;
  padding: 0 20px;
  align-items: center;
  background-color: #F2F2F2;
  border-bottom: 1px solid #CCCCCC;
}
#SearchBookModal .product-area .product .pricing .select-book {
  width: 30px;
}
#SearchBookModal .product-area .product .pricing .select-book input[type=checkbox] {
  display: none;
}
#SearchBookModal .product-area .product .pricing .select-book label {
  text-transform: capitalize;
}
#SearchBookModal .product-area .product .pricing .select-book span.checkbox {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  position: relative;
  background: white;
  border-radius: 50%;
  border: 1px solid #0099d9;
}
#SearchBookModal .product-area .product .pricing .select-book input[type=checkbox]:checked + label,
#SearchBookModal .product-area .product .pricing .select-book input[type=checkbox] + label {
  cursor: pointer;
}
#SearchBookModal .product-area .product .pricing .select-book input[type=checkbox]:checked + label span.checkbox {
  color: #0099d9;
}
#SearchBookModal .product-area .product .pricing .select-book input[type=checkbox]:checked + label span.checkbox:before {
  font-family: "kalsefer-iconfont", serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 20px;
  position: absolute;
  top: -1px;
}
#SearchBookModal .product-area .product .pricing .extra-data {
  width: 100px;
  font-size: 12px;
}
#SearchBookModal .product-area .product .pricing .extra-data [type=digital-book] {
  width: fit-content;
  padding: 3px;
  background-color: white;
}
#SearchBookModal .product-area .product .pricing .extra-data [type=add-media] {
  width: fit-content;
  padding: 3px;
  background-color: #e5f9e5;
}
#SearchBookModal .product-area .product .pricing .extra-data [type=bundle] {
  width: fit-content;
  padding: 3px;
  background-color: white;
}
#SearchBookModal .product-area .product .pricing .extra-data [type=hard-copy] {
  width: fit-content;
  padding: 3px;
  background-color: #fedbdb;
}
#SearchBookModal .product-area .product .pricing .extra-data [type=special] {
  color: red;
}
#SearchBookModal .product-area .product .pricing .price {
  width: 150px;
}
#SearchBookModal .product-area .product .pricing .price [type=price] {
  font-size: 14px;
  font-weight: normal;
  color: #0099d9;
}

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
  -webkit-padding-start: 0;
  /* Webkit */
  -moz-padding-start: 0;
  /* Mozilla */
  padding-left: 0;
  /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */
}

.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default;
}

.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

/* AUTOCOMPLETE */
.autocomplete {
  width: 100%;
  position: relative;
}

.autocomplete input {
  font-size: 1.2em;
  width: 100%;
  padding: 0.4em;
}

.autocomplete ul {
  position: absolute;
  left: 0;
  width: 100%;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  z-index: 1;
}

.autocomplete ul {
  max-height: 285px;
  overflow-y: auto;
  overflow-x: hidden;
}

.autocomplete li {
  text-align: left;
  list-style: none;
  width: 100%;
  padding: 0.4em;
  background-color: #fff;
}

.autocomplete li.active {
  width: 100%;
  background-color: #4bf;
}

.autocomplete .highlight {
  background-color: #E2E2E2;
}

.autocomplete li.active .highlight {
  background: #666;
  color: #fff;
}

/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}*/
/*****************/
/* Original Code */
/*****************/
/*.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}*/
/*****************/
/* Edited Code */
/*****************/
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: 800px;
  margin: 15px auto 20px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  /*border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);*/
  /*border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);*/
  background-clip: padding-box;
  outline: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  /*border-top: 1px solid #e5e5e5;*/
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal h2 {
  width: 100%;
  color: white;
  font-size: 18px;
  padding: 6px 20px;
}

.modal-groups h2 {
  background: #25C266;
}

.modal-wrapper {
  padding: 0 20px;
  border-right: 1px solid #B3C4CE;
  border-left: 1px solid #B3C4CE;
}

.modal-kalsefer-footer {
  border: 1px solid #B3C4CE;
  padding: 20px;
}

/*@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}*/
/*
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: 700;
}

.alert>p,.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable {
    padding-right: 35px;
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}
*/
/*cross site version*/
/* .sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: absolute;
  top: 7px;
  left: 7px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  border-top: 4px solid #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  border-top: 4px solid #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
  border-top: 4px solid #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  border-top: 4px solid #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
} */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  /*padding-left: 35px;*/
  padding-left: 20px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: absolute;
  top: 2px;
  left: 2px;
  color: inherit;
  cursor: pointer;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.ng-datepicker {
  position: absolute;
  z-index: 9999;
  width: 250px;
  background: #fff;
  font-size: 12px;
  color: #565a5c;
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  margin: 0;
  padding: 0;
}

.ng-datepicker > .controls {
  width: 250px;
  display: inline-block;
  padding: 5px 0 0 0;
}

.ng-datepicker > .controls i {
  font-size: 25px;
  cursor: pointer;
}

.ng-datepicker > .controls > .left {
  width: 35px;
  display: inline-block;
  float: left;
  margin: 5px 0 0 3px;
}

.ng-datepicker > .controls > .left > i.prev-year-btn {
  float: left;
  display: block;
  font-size: 10px;
  opacity: 0.4;
}

.ng-datepicker > .controls > .left > i.prev-month-btn {
  float: left;
  font-size: 14px;
  margin: -5px 0 0 9px;
  display: block;
}

.ng-datepicker > .controls > span.date {
  width: 170px;
  text-align: center;
  font-size: 14px;
  color: #565a5c;
  font-weight: bold;
  float: left;
  padding: 3px 0 0 0;
}

.ng-datepicker > .controls > .right {
  width: 35px;
  display: inline-block;
  float: right;
  margin: 5px 0 0 0;
}

.ng-datepicker > .controls > .right > i.next-year-btn {
  float: left;
  display: block;
  font-size: 10px;
  opacity: 0.4;
}

.ng-datepicker > .controls > .right > i.next-month-btn {
  float: left;
  font-size: 14px;
  margin: -6px 9px 0 0;
}

.ng-datepicker > .day-names {
  width: 250px;
  border-bottom: 1px solid #c4c4c4;
  display: inline-block;
}

.ng-datepicker > .day-names > span {
  width: 35.7px;
  text-align: center;
  color: #82888a;
  float: left;
  display: block;
}

.ng-datepicker > .calendar {
  width: 255px;
  display: inline-block;
  margin: 0px -4px -3px 0px;
  padding: 0;
}

.ng-datepicker > .calendar > span > span.day {
  width: 35px;
  height: 35px;
  border-left: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  float: left;
  display: block;
  color: #565a5c;
  text-align: center;
  font-weight: bold;
  line-height: 35px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  cursor: pointer;
}

.ng-datepicker > .calendar > span:last-child > span.day {
  border-right: 1px solid #c4c4c4;
}

.ng-datepicker > .calendar > span > span.day.disabled {
  cursor: default;
  pointer-events: none;
  color: #cccccc;
}

.ng-datepicker > .calendar > span > span.day:hover {
  background: #ff5c5b;
  color: #fff;
}

/*.ng-datepicker[disabled],
.ng-datepicker > .controls[disabled],
.ng-datepicker > .controls i[disabled], 
.ng-datepicker > .controls > .left[disabled],  
.ng-datepicker > .controls > .left > i.prev-year-btn[disabled],  
.ng-datepicker > .controls > .left > i.prev-month-btn[disabled], 
.ng-datepicker > .controls > span.date[disabled],  
.ng-datepicker > .controls > .right[disabled],  
.ng-datepicker > .controls > .right > i.next-year-btn[disabled],  
.ng-datepicker > .controls > .right > i.next-month-btn[disabled], 
.ng-datepicker > .day-names[disabled],  
.ng-datepicker > .day-names > span[disabled],  
.ng-datepicker > .calendar[disabled], 
.ng-datepicker > .calendar > span > span.day[disabled], 
.ng-datepicker > .calendar > span:last-child > span.day[disabled] {
	color: #cccccc;
}*/
.bootstr {
  /*!
  * Bootstrap RTL v3.3.6(https://github.com/mojtabakaviani/bootstrap-rtl)
  * Copyright 2011-2015 Kaviansoft, Ltd.
  * Licensed under MIT
  */
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  /* @import (less) 'bootstrap-theme.css';  / * optional */
}

.bootstr html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.bootstr body {
  margin: 0;
}

.bootstr article,
.bootstr aside,
.bootstr details,
.bootstr figcaption,
.bootstr figure,
.bootstr footer,
.bootstr header,
.bootstr hgroup,
.bootstr main,
.bootstr menu,
.bootstr nav,
.bootstr section,
.bootstr summary {
  display: block;
}

.bootstr audio,
.bootstr canvas,
.bootstr progress,
.bootstr video {
  display: inline-block;
  vertical-align: baseline;
}

.bootstr audio:not([controls]) {
  display: none;
  height: 0;
}

.bootstr [hidden],
.bootstr template {
  display: none;
}

.bootstr a {
  background-color: transparent;
}

.bootstr a:active,
.bootstr a:hover {
  outline: 0;
}

.bootstr abbr[title] {
  border-bottom: 1px dotted;
}

.bootstr b,
.bootstr strong {
  font-weight: bold;
}

.bootstr dfn {
  font-style: italic;
}

.bootstr h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

.bootstr mark {
  color: #000;
  background: #ff0;
}

.bootstr small {
  font-size: 80%;
}

.bootstr sub,
.bootstr sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

.bootstr sup {
  top: -0.5em;
}

.bootstr sub {
  bottom: -0.25em;
}

.bootstr img {
  border: 0;
}

.bootstr svg:not(:root) {
  overflow: hidden;
}

.bootstr figure {
  margin: 1em 40px;
}

.bootstr hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.bootstr pre {
  overflow: auto;
}

.bootstr code,
.bootstr kbd,
.bootstr pre,
.bootstr samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.bootstr button,
.bootstr input,
.bootstr optgroup,
.bootstr select,
.bootstr textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.bootstr button {
  overflow: visible;
}

.bootstr button,
.bootstr select {
  text-transform: none;
}

.bootstr button,
.bootstr html input[type=button],
.bootstr input[type=reset],
.bootstr input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

.bootstr button[disabled],
.bootstr html input[disabled] {
  cursor: default;
}

.bootstr button::-moz-focus-inner,
.bootstr input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.bootstr input {
  line-height: normal;
}

.bootstr input[type=checkbox],
.bootstr input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.bootstr input[type=number]::-webkit-inner-spin-button,
.bootstr input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

.bootstr input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

.bootstr input[type=search]::-webkit-search-cancel-button,
.bootstr input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.bootstr fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

.bootstr legend {
  padding: 0;
  border: 0;
}

.bootstr textarea {
  overflow: auto;
}

.bootstr optgroup {
  font-weight: bold;
}

.bootstr table {
  border-spacing: 0;
  border-collapse: collapse;
}

.bootstr td,
.bootstr th {
  padding: 0;
}

@media print {
  .bootstr *,
.bootstr *:before,
.bootstr *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .bootstr a,
.bootstr a:visited {
    text-decoration: underline;
  }

  .bootstr a[href]:after {
    content: " (" attr(href) ")";
  }

  .bootstr abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .bootstr a[href^="#"]:after,
.bootstr a[href^="javascript:"]:after {
    content: "";
  }

  .bootstr pre,
.bootstr blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  .bootstr thead {
    display: table-header-group;
  }

  .bootstr tr,
.bootstr img {
    page-break-inside: avoid;
  }

  .bootstr img {
    max-width: 100% !important;
  }

  .bootstr p,
.bootstr h2,
.bootstr h3 {
    orphans: 3;
    widows: 3;
  }

  .bootstr h2,
.bootstr h3 {
    page-break-after: avoid;
  }

  .bootstr .navbar {
    display: none;
  }

  .bootstr .btn > .caret,
.bootstr .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .bootstr .label {
    border: 1px solid #000;
  }

  .bootstr .table {
    border-collapse: collapse !important;
  }

  .bootstr .table td,
.bootstr .table th {
    background-color: #fff !important;
  }

  .bootstr .table-bordered th,
.bootstr .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.bootstr .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bootstr .glyphicon-asterisk:before {
  content: "*";
}

.bootstr .glyphicon-plus:before {
  content: "+";
}

.bootstr .glyphicon-euro:before,
.bootstr .glyphicon-eur:before {
  content: "€";
}

.bootstr .glyphicon-minus:before {
  content: "−";
}

.bootstr .glyphicon-cloud:before {
  content: "☁";
}

.bootstr .glyphicon-envelope:before {
  content: "✉";
}

.bootstr .glyphicon-pencil:before {
  content: "✏";
}

.bootstr .glyphicon-glass:before {
  content: "";
}

.bootstr .glyphicon-music:before {
  content: "";
}

.bootstr .glyphicon-search:before {
  content: "";
}

.bootstr .glyphicon-heart:before {
  content: "";
}

.bootstr .glyphicon-star:before {
  content: "";
}

.bootstr .glyphicon-star-empty:before {
  content: "";
}

.bootstr .glyphicon-user:before {
  content: "";
}

.bootstr .glyphicon-film:before {
  content: "";
}

.bootstr .glyphicon-th-large:before {
  content: "";
}

.bootstr .glyphicon-th:before {
  content: "";
}

.bootstr .glyphicon-th-list:before {
  content: "";
}

.bootstr .glyphicon-ok:before {
  content: "";
}

.bootstr .glyphicon-remove:before {
  content: "";
}

.bootstr .glyphicon-zoom-in:before {
  content: "";
}

.bootstr .glyphicon-zoom-out:before {
  content: "";
}

.bootstr .glyphicon-off:before {
  content: "";
}

.bootstr .glyphicon-signal:before {
  content: "";
}

.bootstr .glyphicon-cog:before {
  content: "";
}

.bootstr .glyphicon-trash:before {
  content: "";
}

.bootstr .glyphicon-home:before {
  content: "";
}

.bootstr .glyphicon-file:before {
  content: "";
}

.bootstr .glyphicon-time:before {
  content: "";
}

.bootstr .glyphicon-road:before {
  content: "";
}

.bootstr .glyphicon-download-alt:before {
  content: "";
}

.bootstr .glyphicon-download:before {
  content: "";
}

.bootstr .glyphicon-upload:before {
  content: "";
}

.bootstr .glyphicon-inbox:before {
  content: "";
}

.bootstr .glyphicon-play-circle:before {
  content: "";
}

.bootstr .glyphicon-repeat:before {
  content: "";
}

.bootstr .glyphicon-refresh:before {
  content: "";
}

.bootstr .glyphicon-list-alt:before {
  content: "";
}

.bootstr .glyphicon-lock:before {
  content: "";
}

.bootstr .glyphicon-flag:before {
  content: "";
}

.bootstr .glyphicon-headphones:before {
  content: "";
}

.bootstr .glyphicon-volume-off:before {
  content: "";
}

.bootstr .glyphicon-volume-down:before {
  content: "";
}

.bootstr .glyphicon-volume-up:before {
  content: "";
}

.bootstr .glyphicon-qrcode:before {
  content: "";
}

.bootstr .glyphicon-barcode:before {
  content: "";
}

.bootstr .glyphicon-tag:before {
  content: "";
}

.bootstr .glyphicon-tags:before {
  content: "";
}

.bootstr .glyphicon-book:before {
  content: "";
}

.bootstr .glyphicon-bookmark:before {
  content: "";
}

.bootstr .glyphicon-print:before {
  content: "";
}

.bootstr .glyphicon-camera:before {
  content: "";
}

.bootstr .glyphicon-font:before {
  content: "";
}

.bootstr .glyphicon-bold:before {
  content: "";
}

.bootstr .glyphicon-italic:before {
  content: "";
}

.bootstr .glyphicon-text-height:before {
  content: "";
}

.bootstr .glyphicon-text-width:before {
  content: "";
}

.bootstr .glyphicon-align-left:before {
  content: "";
}

.bootstr .glyphicon-align-center:before {
  content: "";
}

.bootstr .glyphicon-align-right:before {
  content: "";
}

.bootstr .glyphicon-align-justify:before {
  content: "";
}

.bootstr .glyphicon-list:before {
  content: "";
}

.bootstr .glyphicon-indent-left:before {
  content: "";
}

.bootstr .glyphicon-indent-right:before {
  content: "";
}

.bootstr .glyphicon-facetime-video:before {
  content: "";
}

.bootstr .glyphicon-picture:before {
  content: "";
}

.bootstr .glyphicon-map-marker:before {
  content: "";
}

.bootstr .glyphicon-adjust:before {
  content: "";
}

.bootstr .glyphicon-tint:before {
  content: "";
}

.bootstr .glyphicon-edit:before {
  content: "";
}

.bootstr .glyphicon-share:before {
  content: "";
}

.bootstr .glyphicon-check:before {
  content: "";
}

.bootstr .glyphicon-move:before {
  content: "";
}

.bootstr .glyphicon-step-backward:before {
  content: "";
}

.bootstr .glyphicon-fast-backward:before {
  content: "";
}

.bootstr .glyphicon-backward:before {
  content: "";
}

.bootstr .glyphicon-play:before {
  content: "";
}

.bootstr .glyphicon-pause:before {
  content: "";
}

.bootstr .glyphicon-stop:before {
  content: "";
}

.bootstr .glyphicon-forward:before {
  content: "";
}

.bootstr .glyphicon-fast-forward:before {
  content: "";
}

.bootstr .glyphicon-step-forward:before {
  content: "";
}

.bootstr .glyphicon-eject:before {
  content: "";
}

.bootstr .glyphicon-chevron-left:before {
  content: "";
}

.bootstr .glyphicon-chevron-right:before {
  content: "";
}

.bootstr .glyphicon-plus-sign:before {
  content: "";
}

.bootstr .glyphicon-minus-sign:before {
  content: "";
}

.bootstr .glyphicon-remove-sign:before {
  content: "";
}

.bootstr .glyphicon-ok-sign:before {
  content: "";
}

.bootstr .glyphicon-question-sign:before {
  content: "";
}

.bootstr .glyphicon-info-sign:before {
  content: "";
}

.bootstr .glyphicon-screenshot:before {
  content: "";
}

.bootstr .glyphicon-remove-circle:before {
  content: "";
}

.bootstr .glyphicon-ok-circle:before {
  content: "";
}

.bootstr .glyphicon-ban-circle:before {
  content: "";
}

.bootstr .glyphicon-arrow-left:before {
  content: "";
}

.bootstr .glyphicon-arrow-right:before {
  content: "";
}

.bootstr .glyphicon-arrow-up:before {
  content: "";
}

.bootstr .glyphicon-arrow-down:before {
  content: "";
}

.bootstr .glyphicon-share-alt:before {
  content: "";
}

.bootstr .glyphicon-resize-full:before {
  content: "";
}

.bootstr .glyphicon-resize-small:before {
  content: "";
}

.bootstr .glyphicon-exclamation-sign:before {
  content: "";
}

.bootstr .glyphicon-gift:before {
  content: "";
}

.bootstr .glyphicon-leaf:before {
  content: "";
}

.bootstr .glyphicon-fire:before {
  content: "";
}

.bootstr .glyphicon-eye-open:before {
  content: "";
}

.bootstr .glyphicon-eye-close:before {
  content: "";
}

.bootstr .glyphicon-warning-sign:before {
  content: "";
}

.bootstr .glyphicon-plane:before {
  content: "";
}

.bootstr .glyphicon-calendar:before {
  content: "";
}

.bootstr .glyphicon-random:before {
  content: "";
}

.bootstr .glyphicon-comment:before {
  content: "";
}

.bootstr .glyphicon-magnet:before {
  content: "";
}

.bootstr .glyphicon-chevron-up:before {
  content: "";
}

.bootstr .glyphicon-chevron-down:before {
  content: "";
}

.bootstr .glyphicon-retweet:before {
  content: "";
}

.bootstr .glyphicon-shopping-cart:before {
  content: "";
}

.bootstr .glyphicon-folder-close:before {
  content: "";
}

.bootstr .glyphicon-folder-open:before {
  content: "";
}

.bootstr .glyphicon-resize-vertical:before {
  content: "";
}

.bootstr .glyphicon-resize-horizontal:before {
  content: "";
}

.bootstr .glyphicon-hdd:before {
  content: "";
}

.bootstr .glyphicon-bullhorn:before {
  content: "";
}

.bootstr .glyphicon-bell:before {
  content: "";
}

.bootstr .glyphicon-certificate:before {
  content: "";
}

.bootstr .glyphicon-thumbs-up:before {
  content: "";
}

.bootstr .glyphicon-thumbs-down:before {
  content: "";
}

.bootstr .glyphicon-hand-right:before {
  content: "";
}

.bootstr .glyphicon-hand-left:before {
  content: "";
}

.bootstr .glyphicon-hand-up:before {
  content: "";
}

.bootstr .glyphicon-hand-down:before {
  content: "";
}

.bootstr .glyphicon-circle-arrow-right:before {
  content: "";
}

.bootstr .glyphicon-circle-arrow-left:before {
  content: "";
}

.bootstr .glyphicon-circle-arrow-up:before {
  content: "";
}

.bootstr .glyphicon-circle-arrow-down:before {
  content: "";
}

.bootstr .glyphicon-globe:before {
  content: "";
}

.bootstr .glyphicon-wrench:before {
  content: "";
}

.bootstr .glyphicon-tasks:before {
  content: "";
}

.bootstr .glyphicon-filter:before {
  content: "";
}

.bootstr .glyphicon-briefcase:before {
  content: "";
}

.bootstr .glyphicon-fullscreen:before {
  content: "";
}

.bootstr .glyphicon-dashboard:before {
  content: "";
}

.bootstr .glyphicon-paperclip:before {
  content: "";
}

.bootstr .glyphicon-heart-empty:before {
  content: "";
}

.bootstr .glyphicon-link:before {
  content: "";
}

.bootstr .glyphicon-phone:before {
  content: "";
}

.bootstr .glyphicon-pushpin:before {
  content: "";
}

.bootstr .glyphicon-usd:before {
  content: "";
}

.bootstr .glyphicon-gbp:before {
  content: "";
}

.bootstr .glyphicon-sort:before {
  content: "";
}

.bootstr .glyphicon-sort-by-alphabet:before {
  content: "";
}

.bootstr .glyphicon-sort-by-alphabet-alt:before {
  content: "";
}

.bootstr .glyphicon-sort-by-order:before {
  content: "";
}

.bootstr .glyphicon-sort-by-order-alt:before {
  content: "";
}

.bootstr .glyphicon-sort-by-attributes:before {
  content: "";
}

.bootstr .glyphicon-sort-by-attributes-alt:before {
  content: "";
}

.bootstr .glyphicon-unchecked:before {
  content: "";
}

.bootstr .glyphicon-expand:before {
  content: "";
}

.bootstr .glyphicon-collapse-down:before {
  content: "";
}

.bootstr .glyphicon-collapse-up:before {
  content: "";
}

.bootstr .glyphicon-log-in:before {
  content: "";
}

.bootstr .glyphicon-flash:before {
  content: "";
}

.bootstr .glyphicon-log-out:before {
  content: "";
}

.bootstr .glyphicon-new-window:before {
  content: "";
}

.bootstr .glyphicon-record:before {
  content: "";
}

.bootstr .glyphicon-save:before {
  content: "";
}

.bootstr .glyphicon-open:before {
  content: "";
}

.bootstr .glyphicon-saved:before {
  content: "";
}

.bootstr .glyphicon-import:before {
  content: "";
}

.bootstr .glyphicon-export:before {
  content: "";
}

.bootstr .glyphicon-send:before {
  content: "";
}

.bootstr .glyphicon-floppy-disk:before {
  content: "";
}

.bootstr .glyphicon-floppy-saved:before {
  content: "";
}

.bootstr .glyphicon-floppy-remove:before {
  content: "";
}

.bootstr .glyphicon-floppy-save:before {
  content: "";
}

.bootstr .glyphicon-floppy-open:before {
  content: "";
}

.bootstr .glyphicon-credit-card:before {
  content: "";
}

.bootstr .glyphicon-transfer:before {
  content: "";
}

.bootstr .glyphicon-cutlery:before {
  content: "";
}

.bootstr .glyphicon-header:before {
  content: "";
}

.bootstr .glyphicon-compressed:before {
  content: "";
}

.bootstr .glyphicon-earphone:before {
  content: "";
}

.bootstr .glyphicon-phone-alt:before {
  content: "";
}

.bootstr .glyphicon-tower:before {
  content: "";
}

.bootstr .glyphicon-stats:before {
  content: "";
}

.bootstr .glyphicon-sd-video:before {
  content: "";
}

.bootstr .glyphicon-hd-video:before {
  content: "";
}

.bootstr .glyphicon-subtitles:before {
  content: "";
}

.bootstr .glyphicon-sound-stereo:before {
  content: "";
}

.bootstr .glyphicon-sound-dolby:before {
  content: "";
}

.bootstr .glyphicon-sound-5-1:before {
  content: "";
}

.bootstr .glyphicon-sound-6-1:before {
  content: "";
}

.bootstr .glyphicon-sound-7-1:before {
  content: "";
}

.bootstr .glyphicon-copyright-mark:before {
  content: "";
}

.bootstr .glyphicon-registration-mark:before {
  content: "";
}

.bootstr .glyphicon-cloud-download:before {
  content: "";
}

.bootstr .glyphicon-cloud-upload:before {
  content: "";
}

.bootstr .glyphicon-tree-conifer:before {
  content: "";
}

.bootstr .glyphicon-tree-deciduous:before {
  content: "";
}

.bootstr .glyphicon-cd:before {
  content: "";
}

.bootstr .glyphicon-save-file:before {
  content: "";
}

.bootstr .glyphicon-open-file:before {
  content: "";
}

.bootstr .glyphicon-level-up:before {
  content: "";
}

.bootstr .glyphicon-copy:before {
  content: "";
}

.bootstr .glyphicon-paste:before {
  content: "";
}

.bootstr .glyphicon-alert:before {
  content: "";
}

.bootstr .glyphicon-equalizer:before {
  content: "";
}

.bootstr .glyphicon-king:before {
  content: "";
}

.bootstr .glyphicon-queen:before {
  content: "";
}

.bootstr .glyphicon-pawn:before {
  content: "";
}

.bootstr .glyphicon-bishop:before {
  content: "";
}

.bootstr .glyphicon-knight:before {
  content: "";
}

.bootstr .glyphicon-baby-formula:before {
  content: "";
}

.bootstr .glyphicon-tent:before {
  content: "⛺";
}

.bootstr .glyphicon-blackboard:before {
  content: "";
}

.bootstr .glyphicon-bed:before {
  content: "";
}

.bootstr .glyphicon-apple:before {
  content: "";
}

.bootstr .glyphicon-erase:before {
  content: "";
}

.bootstr .glyphicon-hourglass:before {
  content: "⌛";
}

.bootstr .glyphicon-lamp:before {
  content: "";
}

.bootstr .glyphicon-duplicate:before {
  content: "";
}

.bootstr .glyphicon-piggy-bank:before {
  content: "";
}

.bootstr .glyphicon-scissors:before {
  content: "";
}

.bootstr .glyphicon-bitcoin:before {
  content: "";
}

.bootstr .glyphicon-btc:before {
  content: "";
}

.bootstr .glyphicon-xbt:before {
  content: "";
}

.bootstr .glyphicon-yen:before {
  content: "¥";
}

.bootstr .glyphicon-jpy:before {
  content: "¥";
}

.bootstr .glyphicon-ruble:before {
  content: "₽";
}

.bootstr .glyphicon-rub:before {
  content: "₽";
}

.bootstr .glyphicon-scale:before {
  content: "";
}

.bootstr .glyphicon-ice-lolly:before {
  content: "";
}

.bootstr .glyphicon-ice-lolly-tasted:before {
  content: "";
}

.bootstr .glyphicon-education:before {
  content: "";
}

.bootstr .glyphicon-option-horizontal:before {
  content: "";
}

.bootstr .glyphicon-option-vertical:before {
  content: "";
}

.bootstr .glyphicon-menu-hamburger:before {
  content: "";
}

.bootstr .glyphicon-modal-window:before {
  content: "";
}

.bootstr .glyphicon-oil:before {
  content: "";
}

.bootstr .glyphicon-grain:before {
  content: "";
}

.bootstr .glyphicon-sunglasses:before {
  content: "";
}

.bootstr .glyphicon-text-size:before {
  content: "";
}

.bootstr .glyphicon-text-color:before {
  content: "";
}

.bootstr .glyphicon-text-background:before {
  content: "";
}

.bootstr .glyphicon-object-align-top:before {
  content: "";
}

.bootstr .glyphicon-object-align-bottom:before {
  content: "";
}

.bootstr .glyphicon-object-align-horizontal:before {
  content: "";
}

.bootstr .glyphicon-object-align-left:before {
  content: "";
}

.bootstr .glyphicon-object-align-vertical:before {
  content: "";
}

.bootstr .glyphicon-object-align-right:before {
  content: "";
}

.bootstr .glyphicon-triangle-right:before {
  content: "";
}

.bootstr .glyphicon-triangle-left:before {
  content: "";
}

.bootstr .glyphicon-triangle-bottom:before {
  content: "";
}

.bootstr .glyphicon-triangle-top:before {
  content: "";
}

.bootstr .glyphicon-console:before {
  content: "";
}

.bootstr .glyphicon-superscript:before {
  content: "";
}

.bootstr .glyphicon-subscript:before {
  content: "";
}

.bootstr .glyphicon-menu-left:before {
  content: "";
}

.bootstr .glyphicon-menu-right:before {
  content: "";
}

.bootstr .glyphicon-menu-down:before {
  content: "";
}

.bootstr .glyphicon-menu-up:before {
  content: "";
}

.bootstr * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstr *:before,
.bootstr *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstr html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bootstr body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

.bootstr input,
.bootstr button,
.bootstr select,
.bootstr textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.bootstr a {
  color: #337ab7;
  text-decoration: none;
}

.bootstr a:hover,
.bootstr a:focus {
  color: #23527c;
  text-decoration: underline;
}

.bootstr a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.bootstr figure {
  margin: 0;
}

.bootstr img {
  vertical-align: middle;
}

.bootstr .img-responsive,
.bootstr .thumbnail > img,
.bootstr .thumbnail a > img,
.bootstr .carousel-inner > .item > img,
.bootstr .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.bootstr .img-rounded {
  border-radius: 6px;
}

.bootstr .img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.bootstr .img-circle {
  border-radius: 50%;
}

.bootstr hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.bootstr .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bootstr .sr-only-focusable:active,
.bootstr .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.bootstr [role=button] {
  cursor: pointer;
}

.bootstr h1,
.bootstr h2,
.bootstr h3,
.bootstr h4,
.bootstr h5,
.bootstr h6,
.bootstr .h1,
.bootstr .h2,
.bootstr .h3,
.bootstr .h4,
.bootstr .h5,
.bootstr .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.bootstr h1 small,
.bootstr h2 small,
.bootstr h3 small,
.bootstr h4 small,
.bootstr h5 small,
.bootstr h6 small,
.bootstr .h1 small,
.bootstr .h2 small,
.bootstr .h3 small,
.bootstr .h4 small,
.bootstr .h5 small,
.bootstr .h6 small,
.bootstr h1 .small,
.bootstr h2 .small,
.bootstr h3 .small,
.bootstr h4 .small,
.bootstr h5 .small,
.bootstr h6 .small,
.bootstr .h1 .small,
.bootstr .h2 .small,
.bootstr .h3 .small,
.bootstr .h4 .small,
.bootstr .h5 .small,
.bootstr .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}

.bootstr h1,
.bootstr .h1,
.bootstr h2,
.bootstr .h2,
.bootstr h3,
.bootstr .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.bootstr h1 small,
.bootstr .h1 small,
.bootstr h2 small,
.bootstr .h2 small,
.bootstr h3 small,
.bootstr .h3 small,
.bootstr h1 .small,
.bootstr .h1 .small,
.bootstr h2 .small,
.bootstr .h2 .small,
.bootstr h3 .small,
.bootstr .h3 .small {
  font-size: 65%;
}

.bootstr h4,
.bootstr .h4,
.bootstr h5,
.bootstr .h5,
.bootstr h6,
.bootstr .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstr h4 small,
.bootstr .h4 small,
.bootstr h5 small,
.bootstr .h5 small,
.bootstr h6 small,
.bootstr .h6 small,
.bootstr h4 .small,
.bootstr .h4 .small,
.bootstr h5 .small,
.bootstr .h5 .small,
.bootstr h6 .small,
.bootstr .h6 .small {
  font-size: 75%;
}

.bootstr h1,
.bootstr .h1 {
  font-size: 36px;
}

.bootstr h2,
.bootstr .h2 {
  font-size: 30px;
}

.bootstr h3,
.bootstr .h3 {
  font-size: 24px;
}

.bootstr h4,
.bootstr .h4 {
  font-size: 18px;
}

.bootstr h5,
.bootstr .h5 {
  font-size: 14px;
}

.bootstr h6,
.bootstr .h6 {
  font-size: 12px;
}

.bootstr p {
  margin: 0 0 10px;
}

.bootstr .lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .bootstr .lead {
    font-size: 21px;
  }
}
.bootstr small,
.bootstr .small {
  font-size: 85%;
}

.bootstr mark,
.bootstr .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.bootstr .text-left {
  text-align: left;
}

.bootstr .text-right {
  text-align: right;
}

.bootstr .text-center {
  text-align: center;
}

.bootstr .text-justify {
  text-align: justify;
}

.bootstr .text-nowrap {
  white-space: nowrap;
}

.bootstr .text-lowercase {
  text-transform: lowercase;
}

.bootstr .text-uppercase {
  text-transform: uppercase;
}

.bootstr .text-capitalize {
  text-transform: capitalize;
}

.bootstr .text-muted {
  color: #777;
}

.bootstr .text-primary {
  color: #337ab7;
}

.bootstr a.text-primary:hover,
.bootstr a.text-primary:focus {
  color: #286090;
}

.bootstr .text-success {
  color: #3c763d;
}

.bootstr a.text-success:hover,
.bootstr a.text-success:focus {
  color: #2b542c;
}

.bootstr .text-info {
  color: #31708f;
}

.bootstr a.text-info:hover,
.bootstr a.text-info:focus {
  color: #245269;
}

.bootstr .text-warning {
  color: #8a6d3b;
}

.bootstr a.text-warning:hover,
.bootstr a.text-warning:focus {
  color: #66512c;
}

.bootstr .text-danger {
  color: #a94442;
}

.bootstr a.text-danger:hover,
.bootstr a.text-danger:focus {
  color: #843534;
}

.bootstr .bg-primary {
  color: #fff;
  background-color: #337ab7;
}

.bootstr a.bg-primary:hover,
.bootstr a.bg-primary:focus {
  background-color: #286090;
}

.bootstr .bg-success {
  background-color: #dff0d8;
}

.bootstr a.bg-success:hover,
.bootstr a.bg-success:focus {
  background-color: #c1e2b3;
}

.bootstr .bg-info {
  background-color: #d9edf7;
}

.bootstr a.bg-info:hover,
.bootstr a.bg-info:focus {
  background-color: #afd9ee;
}

.bootstr .bg-warning {
  background-color: #fcf8e3;
}

.bootstr a.bg-warning:hover,
.bootstr a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bootstr .bg-danger {
  background-color: #f2dede;
}

.bootstr a.bg-danger:hover,
.bootstr a.bg-danger:focus {
  background-color: #e4b9b9;
}

.bootstr .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.bootstr ul,
.bootstr ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.bootstr ul ul,
.bootstr ol ul,
.bootstr ul ol,
.bootstr ol ol {
  margin-bottom: 0;
}

.bootstr .list-unstyled {
  padding-right: 0;
  list-style: none;
}

.bootstr .list-inline {
  padding-right: 0;
  margin-right: -5px;
  list-style: none;
}

.bootstr .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.bootstr dl {
  margin-top: 0;
  margin-bottom: 20px;
}

.bootstr dt,
.bootstr dd {
  line-height: 1.42857143;
}

.bootstr dt {
  font-weight: bold;
}

.bootstr dd {
  margin-right: 0;
}

@media (min-width: 768px) {
  .bootstr .dl-horizontal dt {
    float: right;
    width: 160px;
    overflow: hidden;
    clear: right;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .bootstr .dl-horizontal dd {
    margin-right: 180px;
  }
}
.bootstr abbr[title],
.bootstr abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.bootstr .initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.bootstr blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

.bootstr blockquote p:last-child,
.bootstr blockquote ul:last-child,
.bootstr blockquote ol:last-child {
  margin-bottom: 0;
}

.bootstr blockquote footer,
.bootstr blockquote small,
.bootstr blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

.bootstr blockquote footer:before,
.bootstr blockquote small:before,
.bootstr blockquote .small:before {
  content: "— ";
}

.bootstr .blockquote-reverse,
.bootstr blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.bootstr .blockquote-reverse footer:before,
.bootstr blockquote.pull-right footer:before,
.bootstr .blockquote-reverse small:before,
.bootstr blockquote.pull-right small:before,
.bootstr .blockquote-reverse .small:before,
.bootstr blockquote.pull-right .small:before {
  content: "";
}

.bootstr .blockquote-reverse footer:after,
.bootstr blockquote.pull-right footer:after,
.bootstr .blockquote-reverse small:after,
.bootstr blockquote.pull-right small:after,
.bootstr .blockquote-reverse .small:after,
.bootstr blockquote.pull-right .small:after {
  content: " —";
}

.bootstr address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

.bootstr code,
.bootstr kbd,
.bootstr pre,
.bootstr samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.bootstr code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

.bootstr kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstr kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstr pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.bootstr pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.bootstr .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.bootstr .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .bootstr .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .bootstr .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .bootstr .container {
    width: 1170px;
  }
}
.bootstr .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bootstr .row {
  margin-right: -15px;
  margin-left: -15px;
}

.bootstr .col-xs-1,
.bootstr .col-sm-1,
.bootstr .col-md-1,
.bootstr .col-lg-1,
.bootstr .col-xs-2,
.bootstr .col-sm-2,
.bootstr .col-md-2,
.bootstr .col-lg-2,
.bootstr .col-xs-3,
.bootstr .col-sm-3,
.bootstr .col-md-3,
.bootstr .col-lg-3,
.bootstr .col-xs-4,
.bootstr .col-sm-4,
.bootstr .col-md-4,
.bootstr .col-lg-4,
.bootstr .col-xs-5,
.bootstr .col-sm-5,
.bootstr .col-md-5,
.bootstr .col-lg-5,
.bootstr .col-xs-6,
.bootstr .col-sm-6,
.bootstr .col-md-6,
.bootstr .col-lg-6,
.bootstr .col-xs-7,
.bootstr .col-sm-7,
.bootstr .col-md-7,
.bootstr .col-lg-7,
.bootstr .col-xs-8,
.bootstr .col-sm-8,
.bootstr .col-md-8,
.bootstr .col-lg-8,
.bootstr .col-xs-9,
.bootstr .col-sm-9,
.bootstr .col-md-9,
.bootstr .col-lg-9,
.bootstr .col-xs-10,
.bootstr .col-sm-10,
.bootstr .col-md-10,
.bootstr .col-lg-10,
.bootstr .col-xs-11,
.bootstr .col-sm-11,
.bootstr .col-md-11,
.bootstr .col-lg-11,
.bootstr .col-xs-12,
.bootstr .col-sm-12,
.bootstr .col-md-12,
.bootstr .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.bootstr .col-xs-1,
.bootstr .col-xs-2,
.bootstr .col-xs-3,
.bootstr .col-xs-4,
.bootstr .col-xs-5,
.bootstr .col-xs-6,
.bootstr .col-xs-7,
.bootstr .col-xs-8,
.bootstr .col-xs-9,
.bootstr .col-xs-10,
.bootstr .col-xs-11,
.bootstr .col-xs-12 {
  float: right;
}

.bootstr .col-xs-12 {
  width: 100%;
}

.bootstr .col-xs-11 {
  width: 91.66666667%;
}

.bootstr .col-xs-10 {
  width: 83.33333333%;
}

.bootstr .col-xs-9 {
  width: 75%;
}

.bootstr .col-xs-8 {
  width: 66.66666667%;
}

.bootstr .col-xs-7 {
  width: 58.33333333%;
}

.bootstr .col-xs-6 {
  width: 50%;
}

.bootstr .col-xs-5 {
  width: 41.66666667%;
}

.bootstr .col-xs-4 {
  width: 33.33333333%;
}

.bootstr .col-xs-3 {
  width: 25%;
}

.bootstr .col-xs-2 {
  width: 16.66666667%;
}

.bootstr .col-xs-1 {
  width: 8.33333333%;
}

.bootstr .col-xs-pull-12 {
  left: 100%;
}

.bootstr .col-xs-pull-11 {
  left: 91.66666667%;
}

.bootstr .col-xs-pull-10 {
  left: 83.33333333%;
}

.bootstr .col-xs-pull-9 {
  left: 75%;
}

.bootstr .col-xs-pull-8 {
  left: 66.66666667%;
}

.bootstr .col-xs-pull-7 {
  left: 58.33333333%;
}

.bootstr .col-xs-pull-6 {
  left: 50%;
}

.bootstr .col-xs-pull-5 {
  left: 41.66666667%;
}

.bootstr .col-xs-pull-4 {
  left: 33.33333333%;
}

.bootstr .col-xs-pull-3 {
  left: 25%;
}

.bootstr .col-xs-pull-2 {
  left: 16.66666667%;
}

.bootstr .col-xs-pull-1 {
  left: 8.33333333%;
}

.bootstr .col-xs-pull-0 {
  left: 0;
}

.bootstr .col-xs-push-12 {
  right: 100%;
}

.bootstr .col-xs-push-11 {
  right: 91.66666667%;
}

.bootstr .col-xs-push-10 {
  right: 83.33333333%;
}

.bootstr .col-xs-push-9 {
  right: 75%;
}

.bootstr .col-xs-push-8 {
  right: 66.66666667%;
}

.bootstr .col-xs-push-7 {
  right: 58.33333333%;
}

.bootstr .col-xs-push-6 {
  right: 50%;
}

.bootstr .col-xs-push-5 {
  right: 41.66666667%;
}

.bootstr .col-xs-push-4 {
  right: 33.33333333%;
}

.bootstr .col-xs-push-3 {
  right: 25%;
}

.bootstr .col-xs-push-2 {
  right: 16.66666667%;
}

.bootstr .col-xs-push-1 {
  right: 8.33333333%;
}

.bootstr .col-xs-push-0 {
  right: auto;
}

.bootstr .col-xs-offset-12 {
  margin-right: 100%;
}

.bootstr .col-xs-offset-11 {
  margin-right: 91.66666667%;
}

.bootstr .col-xs-offset-10 {
  margin-right: 83.33333333%;
}

.bootstr .col-xs-offset-9 {
  margin-right: 75%;
}

.bootstr .col-xs-offset-8 {
  margin-right: 66.66666667%;
}

.bootstr .col-xs-offset-7 {
  margin-right: 58.33333333%;
}

.bootstr .col-xs-offset-6 {
  margin-right: 50%;
}

.bootstr .col-xs-offset-5 {
  margin-right: 41.66666667%;
}

.bootstr .col-xs-offset-4 {
  margin-right: 33.33333333%;
}

.bootstr .col-xs-offset-3 {
  margin-right: 25%;
}

.bootstr .col-xs-offset-2 {
  margin-right: 16.66666667%;
}

.bootstr .col-xs-offset-1 {
  margin-right: 8.33333333%;
}

.bootstr .col-xs-offset-0 {
  margin-right: 0;
}

@media (min-width: 768px) {
  .bootstr .col-sm-1,
.bootstr .col-sm-2,
.bootstr .col-sm-3,
.bootstr .col-sm-4,
.bootstr .col-sm-5,
.bootstr .col-sm-6,
.bootstr .col-sm-7,
.bootstr .col-sm-8,
.bootstr .col-sm-9,
.bootstr .col-sm-10,
.bootstr .col-sm-11,
.bootstr .col-sm-12 {
    float: right;
  }

  .bootstr .col-sm-12 {
    width: 100%;
  }

  .bootstr .col-sm-11 {
    width: 91.66666667%;
  }

  .bootstr .col-sm-10 {
    width: 83.33333333%;
  }

  .bootstr .col-sm-9 {
    width: 75%;
  }

  .bootstr .col-sm-8 {
    width: 66.66666667%;
  }

  .bootstr .col-sm-7 {
    width: 58.33333333%;
  }

  .bootstr .col-sm-6 {
    width: 50%;
  }

  .bootstr .col-sm-5 {
    width: 41.66666667%;
  }

  .bootstr .col-sm-4 {
    width: 33.33333333%;
  }

  .bootstr .col-sm-3 {
    width: 25%;
  }

  .bootstr .col-sm-2 {
    width: 16.66666667%;
  }

  .bootstr .col-sm-1 {
    width: 8.33333333%;
  }

  .bootstr .col-sm-pull-12 {
    left: 100%;
  }

  .bootstr .col-sm-pull-11 {
    left: 91.66666667%;
  }

  .bootstr .col-sm-pull-10 {
    left: 83.33333333%;
  }

  .bootstr .col-sm-pull-9 {
    left: 75%;
  }

  .bootstr .col-sm-pull-8 {
    left: 66.66666667%;
  }

  .bootstr .col-sm-pull-7 {
    left: 58.33333333%;
  }

  .bootstr .col-sm-pull-6 {
    left: 50%;
  }

  .bootstr .col-sm-pull-5 {
    left: 41.66666667%;
  }

  .bootstr .col-sm-pull-4 {
    left: 33.33333333%;
  }

  .bootstr .col-sm-pull-3 {
    left: 25%;
  }

  .bootstr .col-sm-pull-2 {
    left: 16.66666667%;
  }

  .bootstr .col-sm-pull-1 {
    left: 8.33333333%;
  }

  .bootstr .col-sm-pull-0 {
    left: auto;
  }

  .bootstr .col-sm-push-12 {
    right: 100%;
  }

  .bootstr .col-sm-push-11 {
    right: 91.66666667%;
  }

  .bootstr .col-sm-push-10 {
    right: 83.33333333%;
  }

  .bootstr .col-sm-push-9 {
    right: 75%;
  }

  .bootstr .col-sm-push-8 {
    right: 66.66666667%;
  }

  .bootstr .col-sm-push-7 {
    right: 58.33333333%;
  }

  .bootstr .col-sm-push-6 {
    right: 50%;
  }

  .bootstr .col-sm-push-5 {
    right: 41.66666667%;
  }

  .bootstr .col-sm-push-4 {
    right: 33.33333333%;
  }

  .bootstr .col-sm-push-3 {
    right: 25%;
  }

  .bootstr .col-sm-push-2 {
    right: 16.66666667%;
  }

  .bootstr .col-sm-push-1 {
    right: 8.33333333%;
  }

  .bootstr .col-sm-push-0 {
    right: auto;
  }

  .bootstr .col-sm-offset-12 {
    margin-right: 100%;
  }

  .bootstr .col-sm-offset-11 {
    margin-right: 91.66666667%;
  }

  .bootstr .col-sm-offset-10 {
    margin-right: 83.33333333%;
  }

  .bootstr .col-sm-offset-9 {
    margin-right: 75%;
  }

  .bootstr .col-sm-offset-8 {
    margin-right: 66.66666667%;
  }

  .bootstr .col-sm-offset-7 {
    margin-right: 58.33333333%;
  }

  .bootstr .col-sm-offset-6 {
    margin-right: 50%;
  }

  .bootstr .col-sm-offset-5 {
    margin-right: 41.66666667%;
  }

  .bootstr .col-sm-offset-4 {
    margin-right: 33.33333333%;
  }

  .bootstr .col-sm-offset-3 {
    margin-right: 25%;
  }

  .bootstr .col-sm-offset-2 {
    margin-right: 16.66666667%;
  }

  .bootstr .col-sm-offset-1 {
    margin-right: 8.33333333%;
  }

  .bootstr .col-sm-offset-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .bootstr .col-md-1,
.bootstr .col-md-2,
.bootstr .col-md-3,
.bootstr .col-md-4,
.bootstr .col-md-5,
.bootstr .col-md-6,
.bootstr .col-md-7,
.bootstr .col-md-8,
.bootstr .col-md-9,
.bootstr .col-md-10,
.bootstr .col-md-11,
.bootstr .col-md-12 {
    float: right;
  }

  .bootstr .col-md-12 {
    width: 100%;
  }

  .bootstr .col-md-11 {
    width: 91.66666667%;
  }

  .bootstr .col-md-10 {
    width: 83.33333333%;
  }

  .bootstr .col-md-9 {
    width: 75%;
  }

  .bootstr .col-md-8 {
    width: 66.66666667%;
  }

  .bootstr .col-md-7 {
    width: 58.33333333%;
  }

  .bootstr .col-md-6 {
    width: 50%;
  }

  .bootstr .col-md-5 {
    width: 41.66666667%;
  }

  .bootstr .col-md-4 {
    width: 33.33333333%;
  }

  .bootstr .col-md-3 {
    width: 25%;
  }

  .bootstr .col-md-2 {
    width: 16.66666667%;
  }

  .bootstr .col-md-1 {
    width: 8.33333333%;
  }

  .bootstr .col-md-pull-12 {
    left: 100%;
  }

  .bootstr .col-md-pull-11 {
    left: 91.66666667%;
  }

  .bootstr .col-md-pull-10 {
    left: 83.33333333%;
  }

  .bootstr .col-md-pull-9 {
    left: 75%;
  }

  .bootstr .col-md-pull-8 {
    left: 66.66666667%;
  }

  .bootstr .col-md-pull-7 {
    left: 58.33333333%;
  }

  .bootstr .col-md-pull-6 {
    left: 50%;
  }

  .bootstr .col-md-pull-5 {
    left: 41.66666667%;
  }

  .bootstr .col-md-pull-4 {
    left: 33.33333333%;
  }

  .bootstr .col-md-pull-3 {
    left: 25%;
  }

  .bootstr .col-md-pull-2 {
    left: 16.66666667%;
  }

  .bootstr .col-md-pull-1 {
    left: 8.33333333%;
  }

  .bootstr .col-md-pull-0 {
    left: auto;
  }

  .bootstr .col-md-push-12 {
    right: 100%;
  }

  .bootstr .col-md-push-11 {
    right: 91.66666667%;
  }

  .bootstr .col-md-push-10 {
    right: 83.33333333%;
  }

  .bootstr .col-md-push-9 {
    right: 75%;
  }

  .bootstr .col-md-push-8 {
    right: 66.66666667%;
  }

  .bootstr .col-md-push-7 {
    right: 58.33333333%;
  }

  .bootstr .col-md-push-6 {
    right: 50%;
  }

  .bootstr .col-md-push-5 {
    right: 41.66666667%;
  }

  .bootstr .col-md-push-4 {
    right: 33.33333333%;
  }

  .bootstr .col-md-push-3 {
    right: 25%;
  }

  .bootstr .col-md-push-2 {
    right: 16.66666667%;
  }

  .bootstr .col-md-push-1 {
    right: 8.33333333%;
  }

  .bootstr .col-md-push-0 {
    right: auto;
  }

  .bootstr .col-md-offset-12 {
    margin-right: 100%;
  }

  .bootstr .col-md-offset-11 {
    margin-right: 91.66666667%;
  }

  .bootstr .col-md-offset-10 {
    margin-right: 83.33333333%;
  }

  .bootstr .col-md-offset-9 {
    margin-right: 75%;
  }

  .bootstr .col-md-offset-8 {
    margin-right: 66.66666667%;
  }

  .bootstr .col-md-offset-7 {
    margin-right: 58.33333333%;
  }

  .bootstr .col-md-offset-6 {
    margin-right: 50%;
  }

  .bootstr .col-md-offset-5 {
    margin-right: 41.66666667%;
  }

  .bootstr .col-md-offset-4 {
    margin-right: 33.33333333%;
  }

  .bootstr .col-md-offset-3 {
    margin-right: 25%;
  }

  .bootstr .col-md-offset-2 {
    margin-right: 16.66666667%;
  }

  .bootstr .col-md-offset-1 {
    margin-right: 8.33333333%;
  }

  .bootstr .col-md-offset-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .bootstr .col-lg-1,
.bootstr .col-lg-2,
.bootstr .col-lg-3,
.bootstr .col-lg-4,
.bootstr .col-lg-5,
.bootstr .col-lg-6,
.bootstr .col-lg-7,
.bootstr .col-lg-8,
.bootstr .col-lg-9,
.bootstr .col-lg-10,
.bootstr .col-lg-11,
.bootstr .col-lg-12 {
    float: right;
  }

  .bootstr .col-lg-12 {
    width: 100%;
  }

  .bootstr .col-lg-11 {
    width: 91.66666667%;
  }

  .bootstr .col-lg-10 {
    width: 83.33333333%;
  }

  .bootstr .col-lg-9 {
    width: 75%;
  }

  .bootstr .col-lg-8 {
    width: 66.66666667%;
  }

  .bootstr .col-lg-7 {
    width: 58.33333333%;
  }

  .bootstr .col-lg-6 {
    width: 50%;
  }

  .bootstr .col-lg-5 {
    width: 41.66666667%;
  }

  .bootstr .col-lg-4 {
    width: 33.33333333%;
  }

  .bootstr .col-lg-3 {
    width: 25%;
  }

  .bootstr .col-lg-2 {
    width: 16.66666667%;
  }

  .bootstr .col-lg-1 {
    width: 8.33333333%;
  }

  .bootstr .col-lg-pull-12 {
    left: 100%;
  }

  .bootstr .col-lg-pull-11 {
    left: 91.66666667%;
  }

  .bootstr .col-lg-pull-10 {
    left: 83.33333333%;
  }

  .bootstr .col-lg-pull-9 {
    left: 75%;
  }

  .bootstr .col-lg-pull-8 {
    left: 66.66666667%;
  }

  .bootstr .col-lg-pull-7 {
    left: 58.33333333%;
  }

  .bootstr .col-lg-pull-6 {
    left: 50%;
  }

  .bootstr .col-lg-pull-5 {
    left: 41.66666667%;
  }

  .bootstr .col-lg-pull-4 {
    left: 33.33333333%;
  }

  .bootstr .col-lg-pull-3 {
    left: 25%;
  }

  .bootstr .col-lg-pull-2 {
    left: 16.66666667%;
  }

  .bootstr .col-lg-pull-1 {
    left: 8.33333333%;
  }

  .bootstr .col-lg-pull-0 {
    left: auto;
  }

  .bootstr .col-lg-push-12 {
    right: 100%;
  }

  .bootstr .col-lg-push-11 {
    right: 91.66666667%;
  }

  .bootstr .col-lg-push-10 {
    right: 83.33333333%;
  }

  .bootstr .col-lg-push-9 {
    right: 75%;
  }

  .bootstr .col-lg-push-8 {
    right: 66.66666667%;
  }

  .bootstr .col-lg-push-7 {
    right: 58.33333333%;
  }

  .bootstr .col-lg-push-6 {
    right: 50%;
  }

  .bootstr .col-lg-push-5 {
    right: 41.66666667%;
  }

  .bootstr .col-lg-push-4 {
    right: 33.33333333%;
  }

  .bootstr .col-lg-push-3 {
    right: 25%;
  }

  .bootstr .col-lg-push-2 {
    right: 16.66666667%;
  }

  .bootstr .col-lg-push-1 {
    right: 8.33333333%;
  }

  .bootstr .col-lg-push-0 {
    right: auto;
  }

  .bootstr .col-lg-offset-12 {
    margin-right: 100%;
  }

  .bootstr .col-lg-offset-11 {
    margin-right: 91.66666667%;
  }

  .bootstr .col-lg-offset-10 {
    margin-right: 83.33333333%;
  }

  .bootstr .col-lg-offset-9 {
    margin-right: 75%;
  }

  .bootstr .col-lg-offset-8 {
    margin-right: 66.66666667%;
  }

  .bootstr .col-lg-offset-7 {
    margin-right: 58.33333333%;
  }

  .bootstr .col-lg-offset-6 {
    margin-right: 50%;
  }

  .bootstr .col-lg-offset-5 {
    margin-right: 41.66666667%;
  }

  .bootstr .col-lg-offset-4 {
    margin-right: 33.33333333%;
  }

  .bootstr .col-lg-offset-3 {
    margin-right: 25%;
  }

  .bootstr .col-lg-offset-2 {
    margin-right: 16.66666667%;
  }

  .bootstr .col-lg-offset-1 {
    margin-right: 8.33333333%;
  }

  .bootstr .col-lg-offset-0 {
    margin-right: 0;
  }
}
.bootstr table {
  background-color: transparent;
}

.bootstr caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: right;
}

.bootstr th {
  text-align: right;
}

.bootstr .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.bootstr .table > thead > tr > th,
.bootstr .table > tbody > tr > th,
.bootstr .table > tfoot > tr > th,
.bootstr .table > thead > tr > td,
.bootstr .table > tbody > tr > td,
.bootstr .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.bootstr .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.bootstr .table > caption + thead > tr:first-child > th,
.bootstr .table > colgroup + thead > tr:first-child > th,
.bootstr .table > thead:first-child > tr:first-child > th,
.bootstr .table > caption + thead > tr:first-child > td,
.bootstr .table > colgroup + thead > tr:first-child > td,
.bootstr .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.bootstr .table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.bootstr .table .table {
  background-color: #fff;
}

.bootstr .table-condensed > thead > tr > th,
.bootstr .table-condensed > tbody > tr > th,
.bootstr .table-condensed > tfoot > tr > th,
.bootstr .table-condensed > thead > tr > td,
.bootstr .table-condensed > tbody > tr > td,
.bootstr .table-condensed > tfoot > tr > td {
  padding: 5px;
}

.bootstr .table-bordered {
  border: 1px solid #ddd;
}

.bootstr .table-bordered > thead > tr > th,
.bootstr .table-bordered > tbody > tr > th,
.bootstr .table-bordered > tfoot > tr > th,
.bootstr .table-bordered > thead > tr > td,
.bootstr .table-bordered > tbody > tr > td,
.bootstr .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.bootstr .table-bordered > thead > tr > th,
.bootstr .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.bootstr .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.bootstr .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.bootstr table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

.bootstr table td[class*=col-],
.bootstr table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

.bootstr .table > thead > tr > td.active,
.bootstr .table > tbody > tr > td.active,
.bootstr .table > tfoot > tr > td.active,
.bootstr .table > thead > tr > th.active,
.bootstr .table > tbody > tr > th.active,
.bootstr .table > tfoot > tr > th.active,
.bootstr .table > thead > tr.active > td,
.bootstr .table > tbody > tr.active > td,
.bootstr .table > tfoot > tr.active > td,
.bootstr .table > thead > tr.active > th,
.bootstr .table > tbody > tr.active > th,
.bootstr .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.bootstr .table-hover > tbody > tr > td.active:hover,
.bootstr .table-hover > tbody > tr > th.active:hover,
.bootstr .table-hover > tbody > tr.active:hover > td,
.bootstr .table-hover > tbody > tr:hover > .active,
.bootstr .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.bootstr .table > thead > tr > td.success,
.bootstr .table > tbody > tr > td.success,
.bootstr .table > tfoot > tr > td.success,
.bootstr .table > thead > tr > th.success,
.bootstr .table > tbody > tr > th.success,
.bootstr .table > tfoot > tr > th.success,
.bootstr .table > thead > tr.success > td,
.bootstr .table > tbody > tr.success > td,
.bootstr .table > tfoot > tr.success > td,
.bootstr .table > thead > tr.success > th,
.bootstr .table > tbody > tr.success > th,
.bootstr .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.bootstr .table-hover > tbody > tr > td.success:hover,
.bootstr .table-hover > tbody > tr > th.success:hover,
.bootstr .table-hover > tbody > tr.success:hover > td,
.bootstr .table-hover > tbody > tr:hover > .success,
.bootstr .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.bootstr .table > thead > tr > td.info,
.bootstr .table > tbody > tr > td.info,
.bootstr .table > tfoot > tr > td.info,
.bootstr .table > thead > tr > th.info,
.bootstr .table > tbody > tr > th.info,
.bootstr .table > tfoot > tr > th.info,
.bootstr .table > thead > tr.info > td,
.bootstr .table > tbody > tr.info > td,
.bootstr .table > tfoot > tr.info > td,
.bootstr .table > thead > tr.info > th,
.bootstr .table > tbody > tr.info > th,
.bootstr .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.bootstr .table-hover > tbody > tr > td.info:hover,
.bootstr .table-hover > tbody > tr > th.info:hover,
.bootstr .table-hover > tbody > tr.info:hover > td,
.bootstr .table-hover > tbody > tr:hover > .info,
.bootstr .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.bootstr .table > thead > tr > td.warning,
.bootstr .table > tbody > tr > td.warning,
.bootstr .table > tfoot > tr > td.warning,
.bootstr .table > thead > tr > th.warning,
.bootstr .table > tbody > tr > th.warning,
.bootstr .table > tfoot > tr > th.warning,
.bootstr .table > thead > tr.warning > td,
.bootstr .table > tbody > tr.warning > td,
.bootstr .table > tfoot > tr.warning > td,
.bootstr .table > thead > tr.warning > th,
.bootstr .table > tbody > tr.warning > th,
.bootstr .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.bootstr .table-hover > tbody > tr > td.warning:hover,
.bootstr .table-hover > tbody > tr > th.warning:hover,
.bootstr .table-hover > tbody > tr.warning:hover > td,
.bootstr .table-hover > tbody > tr:hover > .warning,
.bootstr .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.bootstr .table > thead > tr > td.danger,
.bootstr .table > tbody > tr > td.danger,
.bootstr .table > tfoot > tr > td.danger,
.bootstr .table > thead > tr > th.danger,
.bootstr .table > tbody > tr > th.danger,
.bootstr .table > tfoot > tr > th.danger,
.bootstr .table > thead > tr.danger > td,
.bootstr .table > tbody > tr.danger > td,
.bootstr .table > tfoot > tr.danger > td,
.bootstr .table > thead > tr.danger > th,
.bootstr .table > tbody > tr.danger > th,
.bootstr .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.bootstr .table-hover > tbody > tr > td.danger:hover,
.bootstr .table-hover > tbody > tr > th.danger:hover,
.bootstr .table-hover > tbody > tr.danger:hover > td,
.bootstr .table-hover > tbody > tr:hover > .danger,
.bootstr .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.bootstr .table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .bootstr .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .bootstr .table-responsive > .table {
    margin-bottom: 0;
  }

  .bootstr .table-responsive > .table > thead > tr > th,
.bootstr .table-responsive > .table > tbody > tr > th,
.bootstr .table-responsive > .table > tfoot > tr > th,
.bootstr .table-responsive > .table > thead > tr > td,
.bootstr .table-responsive > .table > tbody > tr > td,
.bootstr .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .bootstr .table-responsive > .table-bordered {
    border: 0;
  }

  .bootstr .table-responsive > .table-bordered > thead > tr > th:first-child,
.bootstr .table-responsive > .table-bordered > tbody > tr > th:first-child,
.bootstr .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.bootstr .table-responsive > .table-bordered > thead > tr > td:first-child,
.bootstr .table-responsive > .table-bordered > tbody > tr > td:first-child,
.bootstr .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
  }

  .bootstr .table-responsive > .table-bordered > thead > tr > th:last-child,
.bootstr .table-responsive > .table-bordered > tbody > tr > th:last-child,
.bootstr .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.bootstr .table-responsive > .table-bordered > thead > tr > td:last-child,
.bootstr .table-responsive > .table-bordered > tbody > tr > td:last-child,
.bootstr .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-left: 0;
  }

  .bootstr .table-responsive > .table-bordered > tbody > tr:last-child > th,
.bootstr .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.bootstr .table-responsive > .table-bordered > tbody > tr:last-child > td,
.bootstr .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.bootstr fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.bootstr legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.bootstr label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.bootstr input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstr input[type=radio],
.bootstr input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

.bootstr input[type=file] {
  display: block;
}

.bootstr input[type=range] {
  display: block;
  width: 100%;
}

.bootstr select[multiple],
.bootstr select[size] {
  height: auto;
}

.bootstr input[type=file]:focus,
.bootstr input[type=radio]:focus,
.bootstr input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.bootstr output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.bootstr .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0px 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.bootstr .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstr .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.bootstr .form-control:-ms-input-placeholder {
  color: #999;
}

.bootstr .form-control::-webkit-input-placeholder {
  color: #999;
}

.bootstr .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.bootstr .form-control[disabled],
.bootstr .form-control[readonly],
.bootstr fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.bootstr .form-control[disabled],
.bootstr fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.bootstr textarea.form-control {
  height: auto;
}

.bootstr input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bootstr input[type=date].form-control,
.bootstr input[type=time].form-control,
.bootstr input[type=datetime-local].form-control,
.bootstr input[type=month].form-control {
    line-height: 34px;
  }

  .bootstr input[type=date].input-sm,
.bootstr input[type=time].input-sm,
.bootstr input[type=datetime-local].input-sm,
.bootstr input[type=month].input-sm,
.bootstr .input-group-sm input[type=date],
.bootstr .input-group-sm input[type=time],
.bootstr .input-group-sm input[type=datetime-local],
.bootstr .input-group-sm input[type=month] {
    line-height: 30px;
  }

  .bootstr input[type=date].input-lg,
.bootstr input[type=time].input-lg,
.bootstr input[type=datetime-local].input-lg,
.bootstr input[type=month].input-lg,
.bootstr .input-group-lg input[type=date],
.bootstr .input-group-lg input[type=time],
.bootstr .input-group-lg input[type=datetime-local],
.bootstr .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.bootstr .form-group {
  margin-bottom: 15px;
}

.bootstr .radio,
.bootstr .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstr .radio label,
.bootstr .checkbox label {
  min-height: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.bootstr .radio input[type=radio],
.bootstr .radio-inline input[type=radio],
.bootstr .checkbox input[type=checkbox],
.bootstr .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

.bootstr .radio + .radio,
.bootstr .checkbox + .checkbox {
  margin-top: -5px;
}

.bootstr .radio-inline,
.bootstr .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.bootstr .radio-inline + .radio-inline,
.bootstr .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-right: 10px;
}

.bootstr input[type=radio][disabled],
.bootstr input[type=checkbox][disabled],
.bootstr input[type=radio].disabled,
.bootstr input[type=checkbox].disabled,
.bootstr fieldset[disabled] input[type=radio],
.bootstr fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.bootstr .radio-inline.disabled,
.bootstr .checkbox-inline.disabled,
.bootstr fieldset[disabled] .radio-inline,
.bootstr fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.bootstr .radio.disabled label,
.bootstr .checkbox.disabled label,
.bootstr fieldset[disabled] .radio label,
.bootstr fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.bootstr .form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.bootstr .form-control-static.input-lg,
.bootstr .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.bootstr .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bootstr select.input-sm {
  height: 30px;
  line-height: 30px;
}

.bootstr textarea.input-sm,
.bootstr select[multiple].input-sm {
  height: auto;
}

.bootstr .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bootstr .form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.bootstr .form-group-sm textarea.form-control,
.bootstr .form-group-sm select[multiple].form-control {
  height: auto;
}

.bootstr .form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.bootstr .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.bootstr select.input-lg {
  height: 46px;
  line-height: 46px;
}

.bootstr textarea.input-lg,
.bootstr select[multiple].input-lg {
  height: auto;
}

.bootstr .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.bootstr .form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.bootstr .form-group-lg textarea.form-control,
.bootstr .form-group-lg select[multiple].form-control {
  height: auto;
}

.bootstr .form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.bootstr .has-feedback {
  position: relative;
}

.bootstr .has-feedback .form-control {
  padding-left: 42.5px;
}

.bootstr .form-control-feedback {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.bootstr .input-lg + .form-control-feedback,
.bootstr .input-group-lg + .form-control-feedback,
.bootstr .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.bootstr .input-sm + .form-control-feedback,
.bootstr .input-group-sm + .form-control-feedback,
.bootstr .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.bootstr .has-success .help-block,
.bootstr .has-success .control-label,
.bootstr .has-success .radio,
.bootstr .has-success .checkbox,
.bootstr .has-success .radio-inline,
.bootstr .has-success .checkbox-inline,
.bootstr .has-success.radio label,
.bootstr .has-success.checkbox label,
.bootstr .has-success.radio-inline label,
.bootstr .has-success.checkbox-inline label {
  color: #3c763d;
}

.bootstr .has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.bootstr .has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.bootstr .has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.bootstr .has-success .form-control-feedback {
  color: #3c763d;
}

.bootstr .has-warning .help-block,
.bootstr .has-warning .control-label,
.bootstr .has-warning .radio,
.bootstr .has-warning .checkbox,
.bootstr .has-warning .radio-inline,
.bootstr .has-warning .checkbox-inline,
.bootstr .has-warning.radio label,
.bootstr .has-warning.checkbox label,
.bootstr .has-warning.radio-inline label,
.bootstr .has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.bootstr .has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.bootstr .has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.bootstr .has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.bootstr .has-warning .form-control-feedback {
  color: #8a6d3b;
}

.bootstr .has-error .help-block,
.bootstr .has-error .control-label,
.bootstr .has-error .radio,
.bootstr .has-error .checkbox,
.bootstr .has-error .radio-inline,
.bootstr .has-error .checkbox-inline,
.bootstr .has-error.radio label,
.bootstr .has-error.checkbox label,
.bootstr .has-error.radio-inline label,
.bootstr .has-error.checkbox-inline label {
  color: #a94442;
}

.bootstr .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.bootstr .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.bootstr .has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.bootstr .has-error .form-control-feedback {
  color: #a94442;
}

.bootstr .has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.bootstr .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.bootstr .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .bootstr .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .bootstr .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .bootstr .form-inline .form-control-static {
    display: inline-block;
  }

  .bootstr .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .bootstr .form-inline .input-group .input-group-addon,
.bootstr .form-inline .input-group .input-group-btn,
.bootstr .form-inline .input-group .form-control {
    width: auto;
  }

  .bootstr .form-inline .input-group > .form-control {
    width: 100%;
  }

  .bootstr .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .bootstr .form-inline .radio,
.bootstr .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .bootstr .form-inline .radio label,
.bootstr .form-inline .checkbox label {
    padding-right: 0;
  }

  .bootstr .form-inline .radio input[type=radio],
.bootstr .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-right: 0;
  }

  .bootstr .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.bootstr .form-horizontal .radio,
.bootstr .form-horizontal .checkbox,
.bootstr .form-horizontal .radio-inline,
.bootstr .form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.bootstr .form-horizontal .radio,
.bootstr .form-horizontal .checkbox {
  min-height: 27px;
}

.bootstr .form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .bootstr .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
  }
}
.bootstr .form-horizontal .has-feedback .form-control-feedback {
  left: 15px;
}

@media (min-width: 768px) {
  .bootstr .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .bootstr .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.bootstr .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.bootstr .btn:focus,
.bootstr .btn:active:focus,
.bootstr .btn.active:focus,
.bootstr .btn.focus,
.bootstr .btn:active.focus,
.bootstr .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.bootstr .btn:hover,
.bootstr .btn:focus,
.bootstr .btn.focus {
  color: #333;
  text-decoration: none;
}

.bootstr .btn:active,
.bootstr .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bootstr .btn.disabled,
.bootstr .btn[disabled],
.bootstr fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.bootstr a.btn.disabled,
.bootstr fieldset[disabled] a.btn {
  pointer-events: none;
}

.bootstr .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.bootstr .btn-default:focus,
.bootstr .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.bootstr .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.bootstr .btn-default:active,
.bootstr .btn-default.active,
.bootstr .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.bootstr .btn-default:active:hover,
.bootstr .btn-default.active:hover,
.bootstr .open > .dropdown-toggle.btn-default:hover,
.bootstr .btn-default:active:focus,
.bootstr .btn-default.active:focus,
.bootstr .open > .dropdown-toggle.btn-default:focus,
.bootstr .btn-default:active.focus,
.bootstr .btn-default.active.focus,
.bootstr .open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.bootstr .btn-default:active,
.bootstr .btn-default.active,
.bootstr .open > .dropdown-toggle.btn-default {
  background-image: none;
}

.bootstr .btn-default.disabled:hover,
.bootstr .btn-default[disabled]:hover,
.bootstr fieldset[disabled] .btn-default:hover,
.bootstr .btn-default.disabled:focus,
.bootstr .btn-default[disabled]:focus,
.bootstr fieldset[disabled] .btn-default:focus,
.bootstr .btn-default.disabled.focus,
.bootstr .btn-default[disabled].focus,
.bootstr fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.bootstr .btn-default .badge {
  color: #fff;
  background-color: #333;
}

.bootstr .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.bootstr .btn-primary:focus,
.bootstr .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.bootstr .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.bootstr .btn-primary:active,
.bootstr .btn-primary.active,
.bootstr .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.bootstr .btn-primary:active:hover,
.bootstr .btn-primary.active:hover,
.bootstr .open > .dropdown-toggle.btn-primary:hover,
.bootstr .btn-primary:active:focus,
.bootstr .btn-primary.active:focus,
.bootstr .open > .dropdown-toggle.btn-primary:focus,
.bootstr .btn-primary:active.focus,
.bootstr .btn-primary.active.focus,
.bootstr .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.bootstr .btn-primary:active,
.bootstr .btn-primary.active,
.bootstr .open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.bootstr .btn-primary.disabled:hover,
.bootstr .btn-primary[disabled]:hover,
.bootstr fieldset[disabled] .btn-primary:hover,
.bootstr .btn-primary.disabled:focus,
.bootstr .btn-primary[disabled]:focus,
.bootstr fieldset[disabled] .btn-primary:focus,
.bootstr .btn-primary.disabled.focus,
.bootstr .btn-primary[disabled].focus,
.bootstr fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.bootstr .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.bootstr .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.bootstr .btn-success:focus,
.bootstr .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.bootstr .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.bootstr .btn-success:active,
.bootstr .btn-success.active,
.bootstr .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.bootstr .btn-success:active:hover,
.bootstr .btn-success.active:hover,
.bootstr .open > .dropdown-toggle.btn-success:hover,
.bootstr .btn-success:active:focus,
.bootstr .btn-success.active:focus,
.bootstr .open > .dropdown-toggle.btn-success:focus,
.bootstr .btn-success:active.focus,
.bootstr .btn-success.active.focus,
.bootstr .open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.bootstr .btn-success:active,
.bootstr .btn-success.active,
.bootstr .open > .dropdown-toggle.btn-success {
  background-image: none;
}

.bootstr .btn-success.disabled:hover,
.bootstr .btn-success[disabled]:hover,
.bootstr fieldset[disabled] .btn-success:hover,
.bootstr .btn-success.disabled:focus,
.bootstr .btn-success[disabled]:focus,
.bootstr fieldset[disabled] .btn-success:focus,
.bootstr .btn-success.disabled.focus,
.bootstr .btn-success[disabled].focus,
.bootstr fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.bootstr .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.bootstr .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.bootstr .btn-info:focus,
.bootstr .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.bootstr .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.bootstr .btn-info:active,
.bootstr .btn-info.active,
.bootstr .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.bootstr .btn-info:active:hover,
.bootstr .btn-info.active:hover,
.bootstr .open > .dropdown-toggle.btn-info:hover,
.bootstr .btn-info:active:focus,
.bootstr .btn-info.active:focus,
.bootstr .open > .dropdown-toggle.btn-info:focus,
.bootstr .btn-info:active.focus,
.bootstr .btn-info.active.focus,
.bootstr .open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.bootstr .btn-info:active,
.bootstr .btn-info.active,
.bootstr .open > .dropdown-toggle.btn-info {
  background-image: none;
}

.bootstr .btn-info.disabled:hover,
.bootstr .btn-info[disabled]:hover,
.bootstr fieldset[disabled] .btn-info:hover,
.bootstr .btn-info.disabled:focus,
.bootstr .btn-info[disabled]:focus,
.bootstr fieldset[disabled] .btn-info:focus,
.bootstr .btn-info.disabled.focus,
.bootstr .btn-info[disabled].focus,
.bootstr fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.bootstr .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.bootstr .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.bootstr .btn-warning:focus,
.bootstr .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.bootstr .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.bootstr .btn-warning:active,
.bootstr .btn-warning.active,
.bootstr .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.bootstr .btn-warning:active:hover,
.bootstr .btn-warning.active:hover,
.bootstr .open > .dropdown-toggle.btn-warning:hover,
.bootstr .btn-warning:active:focus,
.bootstr .btn-warning.active:focus,
.bootstr .open > .dropdown-toggle.btn-warning:focus,
.bootstr .btn-warning:active.focus,
.bootstr .btn-warning.active.focus,
.bootstr .open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.bootstr .btn-warning:active,
.bootstr .btn-warning.active,
.bootstr .open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.bootstr .btn-warning.disabled:hover,
.bootstr .btn-warning[disabled]:hover,
.bootstr fieldset[disabled] .btn-warning:hover,
.bootstr .btn-warning.disabled:focus,
.bootstr .btn-warning[disabled]:focus,
.bootstr fieldset[disabled] .btn-warning:focus,
.bootstr .btn-warning.disabled.focus,
.bootstr .btn-warning[disabled].focus,
.bootstr fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.bootstr .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.bootstr .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.bootstr .btn-danger:focus,
.bootstr .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.bootstr .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.bootstr .btn-danger:active,
.bootstr .btn-danger.active,
.bootstr .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.bootstr .btn-danger:active:hover,
.bootstr .btn-danger.active:hover,
.bootstr .open > .dropdown-toggle.btn-danger:hover,
.bootstr .btn-danger:active:focus,
.bootstr .btn-danger.active:focus,
.bootstr .open > .dropdown-toggle.btn-danger:focus,
.bootstr .btn-danger:active.focus,
.bootstr .btn-danger.active.focus,
.bootstr .open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.bootstr .btn-danger:active,
.bootstr .btn-danger.active,
.bootstr .open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.bootstr .btn-danger.disabled:hover,
.bootstr .btn-danger[disabled]:hover,
.bootstr fieldset[disabled] .btn-danger:hover,
.bootstr .btn-danger.disabled:focus,
.bootstr .btn-danger[disabled]:focus,
.bootstr fieldset[disabled] .btn-danger:focus,
.bootstr .btn-danger.disabled.focus,
.bootstr .btn-danger[disabled].focus,
.bootstr fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.bootstr .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.bootstr .btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}

.bootstr .btn-link,
.bootstr .btn-link:active,
.bootstr .btn-link.active,
.bootstr .btn-link[disabled],
.bootstr fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstr .btn-link,
.bootstr .btn-link:hover,
.bootstr .btn-link:focus,
.bootstr .btn-link:active {
  border-color: transparent;
}

.bootstr .btn-link:hover,
.bootstr .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.bootstr .btn-link[disabled]:hover,
.bootstr fieldset[disabled] .btn-link:hover,
.bootstr .btn-link[disabled]:focus,
.bootstr fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.bootstr .btn-lg,
.bootstr .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.bootstr .btn-sm,
.bootstr .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bootstr .btn-xs,
.bootstr .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bootstr .btn-block {
  display: block;
  width: 100%;
}

.bootstr .btn-block + .btn-block {
  margin-top: 5px;
}

.bootstr input[type=submit].btn-block,
.bootstr input[type=reset].btn-block,
.bootstr input[type=button].btn-block {
  width: 100%;
}

.bootstr .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.bootstr .fade.in {
  opacity: 1;
}

.bootstr .collapse {
  display: none;
}

.bootstr .collapse.in {
  display: block;
}

.bootstr tr.collapse.in {
  display: table-row;
}

.bootstr tbody.collapse.in {
  display: table-row-group;
}

.bootstr .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

.bootstr .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.bootstr .dropup,
.bootstr .dropdown {
  position: relative;
}

.bootstr .dropdown-toggle:focus {
  outline: 0;
}

.bootstr .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: right;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.bootstr .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.bootstr .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.bootstr .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.bootstr .dropdown-menu > li > a:hover,
.bootstr .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.bootstr .dropdown-menu > .active > a,
.bootstr .dropdown-menu > .active > a:hover,
.bootstr .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.bootstr .dropdown-menu > .disabled > a,
.bootstr .dropdown-menu > .disabled > a:hover,
.bootstr .dropdown-menu > .disabled > a:focus {
  color: #777;
}

.bootstr .dropdown-menu > .disabled > a:hover,
.bootstr .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.bootstr .open > .dropdown-menu {
  display: block;
}

.bootstr .open > a {
  outline: 0;
}

.bootstr .dropdown-menu-right {
  right: 0;
  left: auto;
}

.bootstr .dropdown-menu-left {
  right: auto;
  left: 0;
}

.bootstr .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.bootstr .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.bootstr .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.bootstr .dropup .caret,
.bootstr .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}

.bootstr .dropup .dropdown-menu,
.bootstr .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .bootstr .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .bootstr .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.bootstr .btn-group,
.bootstr .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.bootstr .btn-group > .btn,
.bootstr .btn-group-vertical > .btn {
  position: relative;
  float: right;
}

.bootstr .btn-group > .btn:hover,
.bootstr .btn-group-vertical > .btn:hover,
.bootstr .btn-group > .btn:focus,
.bootstr .btn-group-vertical > .btn:focus,
.bootstr .btn-group > .btn:active,
.bootstr .btn-group-vertical > .btn:active,
.bootstr .btn-group > .btn.active,
.bootstr .btn-group-vertical > .btn.active {
  z-index: 2;
}

.bootstr .btn-group .btn + .btn,
.bootstr .btn-group .btn + .btn-group,
.bootstr .btn-group .btn-group + .btn,
.bootstr .btn-group .btn-group + .btn-group {
  margin-right: -1px;
}

.bootstr .btn-toolbar {
  margin-right: -5px;
}

.bootstr .btn-toolbar .btn,
.bootstr .btn-toolbar .btn-group,
.bootstr .btn-toolbar .input-group {
  float: right;
}

.bootstr .btn-toolbar > .btn,
.bootstr .btn-toolbar > .btn-group,
.bootstr .btn-toolbar > .input-group {
  margin-right: 5px;
}

.bootstr .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.bootstr .btn-group > .btn:first-child {
  margin-right: 0;
}

.bootstr .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bootstr .btn-group > .btn:last-child:not(:first-child),
.bootstr .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bootstr .btn-group > .btn-group {
  float: right;
}

.bootstr .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.bootstr .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bootstr .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bootstr .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bootstr .btn-group .dropdown-toggle:active,
.bootstr .btn-group.open .dropdown-toggle {
  outline: 0;
}

.bootstr .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.bootstr .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.bootstr .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bootstr .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstr .btn .caret {
  margin-right: 0;
}

.bootstr .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.bootstr .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.bootstr .btn-group-vertical > .btn,
.bootstr .btn-group-vertical > .btn-group,
.bootstr .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.bootstr .btn-group-vertical > .btn-group > .btn {
  float: none;
}

.bootstr .btn-group-vertical > .btn + .btn,
.bootstr .btn-group-vertical > .btn + .btn-group,
.bootstr .btn-group-vertical > .btn-group + .btn,
.bootstr .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-right: 0;
}

.bootstr .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.bootstr .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bootstr .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bootstr .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.bootstr .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bootstr .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bootstr .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bootstr .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.bootstr .btn-group-justified > .btn,
.bootstr .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.bootstr .btn-group-justified > .btn-group .btn {
  width: 100%;
}

.bootstr .btn-group-justified > .btn-group .dropdown-menu {
  right: auto;
}

.bootstr [data-toggle=buttons] > .btn input[type=radio],
.bootstr [data-toggle=buttons] > .btn-group > .btn input[type=radio],
.bootstr [data-toggle=buttons] > .btn input[type=checkbox],
.bootstr [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.bootstr .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.bootstr .input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.bootstr .input-group .form-control {
  position: relative;
  z-index: 2;
  float: right;
  width: 100%;
  margin-bottom: 0;
}

.bootstr .input-group .form-control:focus {
  z-index: 3;
}

.bootstr .input-group-lg > .form-control,
.bootstr .input-group-lg > .input-group-addon,
.bootstr .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.bootstr select.input-group-lg > .form-control,
.bootstr select.input-group-lg > .input-group-addon,
.bootstr select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

.bootstr textarea.input-group-lg > .form-control,
.bootstr textarea.input-group-lg > .input-group-addon,
.bootstr textarea.input-group-lg > .input-group-btn > .btn,
.bootstr select[multiple].input-group-lg > .form-control,
.bootstr select[multiple].input-group-lg > .input-group-addon,
.bootstr select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.bootstr .input-group-sm > .form-control,
.bootstr .input-group-sm > .input-group-addon,
.bootstr .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bootstr select.input-group-sm > .form-control,
.bootstr select.input-group-sm > .input-group-addon,
.bootstr select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

.bootstr textarea.input-group-sm > .form-control,
.bootstr textarea.input-group-sm > .input-group-addon,
.bootstr textarea.input-group-sm > .input-group-btn > .btn,
.bootstr select[multiple].input-group-sm > .form-control,
.bootstr select[multiple].input-group-sm > .input-group-addon,
.bootstr select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.bootstr .input-group-addon,
.bootstr .input-group-btn,
.bootstr .input-group .form-control {
  display: table-cell;
}

.bootstr .input-group-addon:not(:first-child):not(:last-child),
.bootstr .input-group-btn:not(:first-child):not(:last-child),
.bootstr .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.bootstr .input-group-addon,
.bootstr .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.bootstr .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.bootstr .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.bootstr .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.bootstr .input-group-addon input[type=radio],
.bootstr .input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.bootstr .input-group .form-control:first-child,
.bootstr .input-group-addon:first-child,
.bootstr .input-group-btn:first-child > .btn,
.bootstr .input-group-btn:first-child > .btn-group > .btn,
.bootstr .input-group-btn:first-child > .dropdown-toggle,
.bootstr .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bootstr .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bootstr .input-group-addon:first-child {
  border-left: 0;
}

.bootstr .input-group .form-control:last-child,
.bootstr .input-group-addon:last-child,
.bootstr .input-group-btn:last-child > .btn,
.bootstr .input-group-btn:last-child > .btn-group > .btn,
.bootstr .input-group-btn:last-child > .dropdown-toggle,
.bootstr .input-group-btn:first-child > .btn:not(:first-child),
.bootstr .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.bootstr .input-group-addon:last-child {
  border-right: 0;
}

.bootstr .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.bootstr .input-group-btn > .btn {
  position: relative;
}

.bootstr .input-group-btn > .btn + .btn {
  margin-right: -1px;
}

.bootstr .input-group-btn > .btn:hover,
.bootstr .input-group-btn > .btn:focus,
.bootstr .input-group-btn > .btn:active {
  z-index: 2;
}

.bootstr .input-group-btn:first-child > .btn,
.bootstr .input-group-btn:first-child > .btn-group {
  margin-left: -1px;
}

.bootstr .input-group-btn:last-child > .btn,
.bootstr .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-right: -1px;
}

.bootstr .nav {
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.bootstr .nav > li {
  position: relative;
  display: block;
}

.bootstr .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.bootstr .nav > li > a:hover,
.bootstr .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.bootstr .nav > li.disabled > a {
  color: #777;
}

.bootstr .nav > li.disabled > a:hover,
.bootstr .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.bootstr .nav .open > a,
.bootstr .nav .open > a:hover,
.bootstr .nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}

.bootstr .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.bootstr .nav > li > a > img {
  max-width: none;
}

.bootstr .nav-tabs {
  border-bottom: 1px solid #ddd;
}

.bootstr .nav-tabs > li {
  float: right;
  margin-bottom: -1px;
}

.bootstr .nav-tabs > li > a {
  margin-left: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.bootstr .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.bootstr .nav-tabs > li.active > a,
.bootstr .nav-tabs > li.active > a:hover,
.bootstr .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.bootstr .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.bootstr .nav-tabs.nav-justified > li {
  float: none;
}

.bootstr .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.bootstr .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  right: auto;
}

@media (min-width: 768px) {
  .bootstr .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .bootstr .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.bootstr .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.bootstr .nav-tabs.nav-justified > .active > a,
.bootstr .nav-tabs.nav-justified > .active > a:hover,
.bootstr .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .bootstr .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .bootstr .nav-tabs.nav-justified > .active > a,
.bootstr .nav-tabs.nav-justified > .active > a:hover,
.bootstr .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.bootstr .nav-pills > li {
  float: right;
}

.bootstr .nav-pills > li > a {
  border-radius: 4px;
}

.bootstr .nav-pills > li + li {
  margin-right: 2px;
}

.bootstr .nav-pills > li.active > a,
.bootstr .nav-pills > li.active > a:hover,
.bootstr .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.bootstr .nav-stacked > li {
  float: none;
}

.bootstr .nav-stacked > li + li {
  margin-top: 2px;
  margin-right: 0;
}

.bootstr .nav-justified {
  width: 100%;
}

.bootstr .nav-justified > li {
  float: none;
}

.bootstr .nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.bootstr .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .bootstr .nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .bootstr .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.bootstr .nav-tabs-justified {
  border-bottom: 0;
}

.bootstr .nav-tabs-justified > li > a {
  margin-left: 0;
  border-radius: 4px;
}

.bootstr .nav-tabs-justified > .active > a,
.bootstr .nav-tabs-justified > .active > a:hover,
.bootstr .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .bootstr .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .bootstr .nav-tabs-justified > .active > a,
.bootstr .nav-tabs-justified > .active > a:hover,
.bootstr .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.bootstr .tab-content > .tab-pane {
  display: none;
}

.bootstr .tab-content > .active {
  display: block;
}

.bootstr .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bootstr .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .bootstr .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .bootstr .navbar-header {
    float: right;
  }
}
.bootstr .navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.bootstr .navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .bootstr .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .bootstr .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .bootstr .navbar-collapse.in {
    overflow-y: visible;
  }

  .bootstr .navbar-fixed-top .navbar-collapse,
.bootstr .navbar-static-top .navbar-collapse,
.bootstr .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.bootstr .navbar-fixed-top .navbar-collapse,
.bootstr .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .bootstr .navbar-fixed-top .navbar-collapse,
.bootstr .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.bootstr .container > .navbar-header,
.bootstr .container-fluid > .navbar-header,
.bootstr .container > .navbar-collapse,
.bootstr .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .bootstr .container > .navbar-header,
.bootstr .container-fluid > .navbar-header,
.bootstr .container > .navbar-collapse,
.bootstr .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.bootstr .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .bootstr .navbar-static-top {
    border-radius: 0;
  }
}
.bootstr .navbar-fixed-top,
.bootstr .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .bootstr .navbar-fixed-top,
.bootstr .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.bootstr .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.bootstr .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.bootstr .navbar-brand {
  float: right;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.bootstr .navbar-brand:hover,
.bootstr .navbar-brand:focus {
  text-decoration: none;
}

.bootstr .navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .bootstr .navbar > .container .navbar-brand,
.bootstr .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.bootstr .navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-left: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.bootstr .navbar-toggle:focus {
  outline: 0;
}

.bootstr .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.bootstr .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .bootstr .navbar-toggle {
    display: none;
  }
}
.bootstr .navbar-nav {
  margin: 7.5px -15px;
}

.bootstr .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .bootstr .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .bootstr .navbar-nav .open .dropdown-menu > li > a,
.bootstr .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .bootstr .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .bootstr .navbar-nav .open .dropdown-menu > li > a:hover,
.bootstr .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .bootstr .navbar-nav {
    float: right;
    margin: 0;
  }

  .bootstr .navbar-nav > li {
    float: right;
  }

  .bootstr .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.bootstr .navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .bootstr .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .bootstr .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .bootstr .navbar-form .form-control-static {
    display: inline-block;
  }

  .bootstr .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .bootstr .navbar-form .input-group .input-group-addon,
.bootstr .navbar-form .input-group .input-group-btn,
.bootstr .navbar-form .input-group .form-control {
    width: auto;
  }

  .bootstr .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .bootstr .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .bootstr .navbar-form .radio,
.bootstr .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .bootstr .navbar-form .radio label,
.bootstr .navbar-form .checkbox label {
    padding-right: 0;
  }

  .bootstr .navbar-form .radio input[type=radio],
.bootstr .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-right: 0;
  }

  .bootstr .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .bootstr .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .bootstr .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .bootstr .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.bootstr .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bootstr .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bootstr .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.bootstr .navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstr .navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.bootstr .navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .bootstr .navbar-text {
    float: right;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .bootstr .navbar-left {
    float: left !important;
  }

  .bootstr .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .bootstr .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.bootstr .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.bootstr .navbar-default .navbar-brand {
  color: #777;
}

.bootstr .navbar-default .navbar-brand:hover,
.bootstr .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.bootstr .navbar-default .navbar-text {
  color: #777;
}

.bootstr .navbar-default .navbar-nav > li > a {
  color: #777;
}

.bootstr .navbar-default .navbar-nav > li > a:hover,
.bootstr .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.bootstr .navbar-default .navbar-nav > .active > a,
.bootstr .navbar-default .navbar-nav > .active > a:hover,
.bootstr .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.bootstr .navbar-default .navbar-nav > .disabled > a,
.bootstr .navbar-default .navbar-nav > .disabled > a:hover,
.bootstr .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.bootstr .navbar-default .navbar-toggle {
  border-color: #ddd;
}

.bootstr .navbar-default .navbar-toggle:hover,
.bootstr .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.bootstr .navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.bootstr .navbar-default .navbar-collapse,
.bootstr .navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.bootstr .navbar-default .navbar-nav > .open > a,
.bootstr .navbar-default .navbar-nav > .open > a:hover,
.bootstr .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .bootstr .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .bootstr .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.bootstr .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .bootstr .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.bootstr .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.bootstr .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .bootstr .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.bootstr .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.bootstr .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.bootstr .navbar-default .navbar-link {
  color: #777;
}

.bootstr .navbar-default .navbar-link:hover {
  color: #333;
}

.bootstr .navbar-default .btn-link {
  color: #777;
}

.bootstr .navbar-default .btn-link:hover,
.bootstr .navbar-default .btn-link:focus {
  color: #333;
}

.bootstr .navbar-default .btn-link[disabled]:hover,
.bootstr fieldset[disabled] .navbar-default .btn-link:hover,
.bootstr .navbar-default .btn-link[disabled]:focus,
.bootstr fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.bootstr .navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.bootstr .navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.bootstr .navbar-inverse .navbar-brand:hover,
.bootstr .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.bootstr .navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.bootstr .navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.bootstr .navbar-inverse .navbar-nav > li > a:hover,
.bootstr .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.bootstr .navbar-inverse .navbar-nav > .active > a,
.bootstr .navbar-inverse .navbar-nav > .active > a:hover,
.bootstr .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

.bootstr .navbar-inverse .navbar-nav > .disabled > a,
.bootstr .navbar-inverse .navbar-nav > .disabled > a:hover,
.bootstr .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.bootstr .navbar-inverse .navbar-toggle {
  border-color: #333;
}

.bootstr .navbar-inverse .navbar-toggle:hover,
.bootstr .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.bootstr .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.bootstr .navbar-inverse .navbar-collapse,
.bootstr .navbar-inverse .navbar-form {
  border-color: #101010;
}

.bootstr .navbar-inverse .navbar-nav > .open > a,
.bootstr .navbar-inverse .navbar-nav > .open > a:hover,
.bootstr .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
  .bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }

  .bootstr .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }

  .bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }

  .bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }

  .bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }

  .bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.bootstr .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.bootstr .navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.bootstr .navbar-inverse .navbar-link:hover {
  color: #fff;
}

.bootstr .navbar-inverse .btn-link {
  color: #9d9d9d;
}

.bootstr .navbar-inverse .btn-link:hover,
.bootstr .navbar-inverse .btn-link:focus {
  color: #fff;
}

.bootstr .navbar-inverse .btn-link[disabled]:hover,
.bootstr fieldset[disabled] .navbar-inverse .btn-link:hover,
.bootstr .navbar-inverse .btn-link[disabled]:focus,
.bootstr fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.bootstr .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.bootstr .breadcrumb > li {
  display: inline-block;
}

.bootstr .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}

.bootstr .breadcrumb > .active {
  color: #777;
}

.bootstr .pagination {
  display: inline-block;
  padding-right: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.bootstr .pagination > li {
  display: inline;
}

.bootstr .pagination > li > a,
.bootstr .pagination > li > span {
  position: relative;
  float: right;
  padding: 6px 12px;
  margin-right: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.bootstr .pagination > li:first-child > a,
.bootstr .pagination > li:first-child > span {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bootstr .pagination > li:last-child > a,
.bootstr .pagination > li:last-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bootstr .pagination > li > a:hover,
.bootstr .pagination > li > span:hover,
.bootstr .pagination > li > a:focus,
.bootstr .pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.bootstr .pagination > .active > a,
.bootstr .pagination > .active > span,
.bootstr .pagination > .active > a:hover,
.bootstr .pagination > .active > span:hover,
.bootstr .pagination > .active > a:focus,
.bootstr .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.bootstr .pagination > .disabled > span,
.bootstr .pagination > .disabled > span:hover,
.bootstr .pagination > .disabled > span:focus,
.bootstr .pagination > .disabled > a,
.bootstr .pagination > .disabled > a:hover,
.bootstr .pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.bootstr .pagination-lg > li > a,
.bootstr .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.bootstr .pagination-lg > li:first-child > a,
.bootstr .pagination-lg > li:first-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.bootstr .pagination-lg > li:last-child > a,
.bootstr .pagination-lg > li:last-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.bootstr .pagination-sm > li > a,
.bootstr .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.bootstr .pagination-sm > li:first-child > a,
.bootstr .pagination-sm > li:first-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.bootstr .pagination-sm > li:last-child > a,
.bootstr .pagination-sm > li:last-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bootstr .pager {
  padding-right: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.bootstr .pager li {
  display: inline;
}

.bootstr .pager li > a,
.bootstr .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.bootstr .pager li > a:hover,
.bootstr .pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.bootstr .pager .next > a,
.bootstr .pager .next > span {
  float: left;
}

.bootstr .pager .previous > a,
.bootstr .pager .previous > span {
  float: right;
}

.bootstr .pager .disabled > a,
.bootstr .pager .disabled > a:hover,
.bootstr .pager .disabled > a:focus,
.bootstr .pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

.bootstr .label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.bootstr a.label:hover,
.bootstr a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.bootstr .label:empty {
  display: none;
}

.bootstr .btn .label {
  position: relative;
  top: -1px;
}

.bootstr .label-default {
  background-color: #777;
}

.bootstr .label-default[href]:hover,
.bootstr .label-default[href]:focus {
  background-color: #5e5e5e;
}

.bootstr .label-primary {
  background-color: #337ab7;
}

.bootstr .label-primary[href]:hover,
.bootstr .label-primary[href]:focus {
  background-color: #286090;
}

.bootstr .label-success {
  background-color: #5cb85c;
}

.bootstr .label-success[href]:hover,
.bootstr .label-success[href]:focus {
  background-color: #449d44;
}

.bootstr .label-info {
  background-color: #5bc0de;
}

.bootstr .label-info[href]:hover,
.bootstr .label-info[href]:focus {
  background-color: #31b0d5;
}

.bootstr .label-warning {
  background-color: #f0ad4e;
}

.bootstr .label-warning[href]:hover,
.bootstr .label-warning[href]:focus {
  background-color: #ec971f;
}

.bootstr .label-danger {
  background-color: #d9534f;
}

.bootstr .label-danger[href]:hover,
.bootstr .label-danger[href]:focus {
  background-color: #c9302c;
}

.bootstr .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}

.bootstr .badge:empty {
  display: none;
}

.bootstr .btn .badge {
  position: relative;
  top: -1px;
}

.bootstr .btn-xs .badge,
.bootstr .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

.bootstr a.badge:hover,
.bootstr a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.bootstr .list-group-item.active > .badge,
.bootstr .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.bootstr .list-group-item > .badge {
  float: left;
}

.bootstr .list-group-item > .badge + .badge {
  margin-lef: 5px;
}

.bootstr .nav-pills > li > a > .badge {
  margin-right: 3px;
}

.bootstr .jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.bootstr .jumbotron h1,
.bootstr .jumbotron .h1 {
  color: inherit;
}

.bootstr .jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.bootstr .jumbotron > hr {
  border-top-color: #d5d5d5;
}

.bootstr .container .jumbotron,
.bootstr .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}

.bootstr .jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .bootstr .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .bootstr .container .jumbotron,
.bootstr .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }

  .bootstr .jumbotron h1,
.bootstr .jumbotron .h1 {
    font-size: 63px;
  }
}
.bootstr .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.bootstr .thumbnail > img,
.bootstr .thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}

.bootstr a.thumbnail:hover,
.bootstr a.thumbnail:focus,
.bootstr a.thumbnail.active {
  border-color: #337ab7;
}

.bootstr .thumbnail .caption {
  padding: 9px;
  color: #333;
}

.bootstr .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.bootstr .alert h4 {
  margin-top: 0;
  color: inherit;
}

.bootstr .alert .alert-link {
  font-weight: bold;
}

.bootstr .alert > p,
.bootstr .alert > ul {
  margin-bottom: 0;
}

.bootstr .alert > p + p {
  margin-top: 5px;
}

.bootstr .alert-dismissable,
.bootstr .alert-dismissible {
  padding-left: 35px;
}

.bootstr .alert-dismissable .close,
.bootstr .alert-dismissible .close {
  position: relative;
  top: -2px;
  left: -21px;
  color: inherit;
}

.bootstr .alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.bootstr .alert-success hr {
  border-top-color: #c9e2b3;
}

.bootstr .alert-success .alert-link {
  color: #2b542c;
}

.bootstr .alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.bootstr .alert-info hr {
  border-top-color: #a6e1ec;
}

.bootstr .alert-info .alert-link {
  color: #245269;
}

.bootstr .alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.bootstr .alert-warning hr {
  border-top-color: #f7e1b5;
}

.bootstr .alert-warning .alert-link {
  color: #66512c;
}

.bootstr .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.bootstr .alert-danger hr {
  border-top-color: #e4b9c0;
}

.bootstr .alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.bootstr .progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.bootstr .progress-bar {
  float: right;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.bootstr .progress-striped .progress-bar,
.bootstr .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.bootstr .progress.active .progress-bar,
.bootstr .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.bootstr .progress-bar-success {
  background-color: #5cb85c;
}

.bootstr .progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.bootstr .progress-bar-info {
  background-color: #5bc0de;
}

.bootstr .progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.bootstr .progress-bar-warning {
  background-color: #f0ad4e;
}

.bootstr .progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.bootstr .progress-bar-danger {
  background-color: #d9534f;
}

.bootstr .progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.bootstr .media {
  margin-top: 15px;
}

.bootstr .media:first-child {
  margin-top: 0;
}

.bootstr .media,
.bootstr .media-body {
  overflow: hidden;
  zoom: 1;
}

.bootstr .media-body {
  width: 10000px;
}

.bootstr .media-object {
  display: block;
}

.bootstr .media-object.img-thumbnail {
  max-width: none;
}

.bootstr .media-right,
.bootstr .media > .pull-right {
  padding-right: 10px;
}

.bootstr .media-left,
.bootstr .media > .pull-left {
  padding-left: 10px;
}

.bootstr .media-left,
.bootstr .media-right,
.bootstr .media-body {
  display: table-cell;
  vertical-align: top;
}

.bootstr .media-middle {
  vertical-align: middle;
}

.bootstr .media-bottom {
  vertical-align: bottom;
}

.bootstr .media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.bootstr .media-list {
  padding-right: 0;
  list-style: none;
}

.bootstr .list-group {
  padding-right: 0;
  margin-bottom: 20px;
}

.bootstr .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.bootstr .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.bootstr .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bootstr a.list-group-item,
.bootstr button.list-group-item {
  color: #555;
}

.bootstr a.list-group-item .list-group-item-heading,
.bootstr button.list-group-item .list-group-item-heading {
  color: #333;
}

.bootstr a.list-group-item:hover,
.bootstr button.list-group-item:hover,
.bootstr a.list-group-item:focus,
.bootstr button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.bootstr button.list-group-item {
  width: 100%;
  text-align: left;
}

.bootstr .list-group-item.disabled,
.bootstr .list-group-item.disabled:hover,
.bootstr .list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}

.bootstr .list-group-item.disabled .list-group-item-heading,
.bootstr .list-group-item.disabled:hover .list-group-item-heading,
.bootstr .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.bootstr .list-group-item.disabled .list-group-item-text,
.bootstr .list-group-item.disabled:hover .list-group-item-text,
.bootstr .list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.bootstr .list-group-item.active,
.bootstr .list-group-item.active:hover,
.bootstr .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.bootstr .list-group-item.active .list-group-item-heading,
.bootstr .list-group-item.active:hover .list-group-item-heading,
.bootstr .list-group-item.active:focus .list-group-item-heading,
.bootstr .list-group-item.active .list-group-item-heading > small,
.bootstr .list-group-item.active:hover .list-group-item-heading > small,
.bootstr .list-group-item.active:focus .list-group-item-heading > small,
.bootstr .list-group-item.active .list-group-item-heading > .small,
.bootstr .list-group-item.active:hover .list-group-item-heading > .small,
.bootstr .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.bootstr .list-group-item.active .list-group-item-text,
.bootstr .list-group-item.active:hover .list-group-item-text,
.bootstr .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.bootstr .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

.bootstr a.list-group-item-success,
.bootstr button.list-group-item-success {
  color: #3c763d;
}

.bootstr a.list-group-item-success .list-group-item-heading,
.bootstr button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

.bootstr a.list-group-item-success:hover,
.bootstr button.list-group-item-success:hover,
.bootstr a.list-group-item-success:focus,
.bootstr button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

.bootstr a.list-group-item-success.active,
.bootstr button.list-group-item-success.active,
.bootstr a.list-group-item-success.active:hover,
.bootstr button.list-group-item-success.active:hover,
.bootstr a.list-group-item-success.active:focus,
.bootstr button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.bootstr .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

.bootstr a.list-group-item-info,
.bootstr button.list-group-item-info {
  color: #31708f;
}

.bootstr a.list-group-item-info .list-group-item-heading,
.bootstr button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

.bootstr a.list-group-item-info:hover,
.bootstr button.list-group-item-info:hover,
.bootstr a.list-group-item-info:focus,
.bootstr button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

.bootstr a.list-group-item-info.active,
.bootstr button.list-group-item-info.active,
.bootstr a.list-group-item-info.active:hover,
.bootstr button.list-group-item-info.active:hover,
.bootstr a.list-group-item-info.active:focus,
.bootstr button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.bootstr .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

.bootstr a.list-group-item-warning,
.bootstr button.list-group-item-warning {
  color: #8a6d3b;
}

.bootstr a.list-group-item-warning .list-group-item-heading,
.bootstr button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

.bootstr a.list-group-item-warning:hover,
.bootstr button.list-group-item-warning:hover,
.bootstr a.list-group-item-warning:focus,
.bootstr button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

.bootstr a.list-group-item-warning.active,
.bootstr button.list-group-item-warning.active,
.bootstr a.list-group-item-warning.active:hover,
.bootstr button.list-group-item-warning.active:hover,
.bootstr a.list-group-item-warning.active:focus,
.bootstr button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.bootstr .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

.bootstr a.list-group-item-danger,
.bootstr button.list-group-item-danger {
  color: #a94442;
}

.bootstr a.list-group-item-danger .list-group-item-heading,
.bootstr button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

.bootstr a.list-group-item-danger:hover,
.bootstr button.list-group-item-danger:hover,
.bootstr a.list-group-item-danger:focus,
.bootstr button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

.bootstr a.list-group-item-danger.active,
.bootstr button.list-group-item-danger.active,
.bootstr a.list-group-item-danger.active:hover,
.bootstr button.list-group-item-danger.active:hover,
.bootstr a.list-group-item-danger.active:focus,
.bootstr button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.bootstr .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.bootstr .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.bootstr .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bootstr .panel-body {
  padding: 15px;
}

.bootstr .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstr .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.bootstr .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.bootstr .panel-title > a,
.bootstr .panel-title > small,
.bootstr .panel-title > .small,
.bootstr .panel-title > small > a,
.bootstr .panel-title > .small > a {
  color: inherit;
}

.bootstr .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bootstr .panel > .list-group,
.bootstr .panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.bootstr .panel > .list-group .list-group-item,
.bootstr .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.bootstr .panel > .list-group:first-child .list-group-item:first-child,
.bootstr .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstr .panel > .list-group:last-child .list-group-item:last-child,
.bootstr .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bootstr .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bootstr .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.bootstr .list-group + .panel-footer {
  border-top-width: 0;
}

.bootstr .panel > .table,
.bootstr .panel > .table-responsive > .table,
.bootstr .panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.bootstr .panel > .table caption,
.bootstr .panel > .table-responsive > .table caption,
.bootstr .panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.bootstr .panel > .table:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstr .panel > .table:first-child > thead:first-child > tr:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.bootstr .panel > .table:first-child > tbody:first-child > tr:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstr .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.bootstr .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.bootstr .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.bootstr .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.bootstr .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.bootstr .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.bootstr .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.bootstr .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.bootstr .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.bootstr .panel > .table:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bootstr .panel > .table:last-child > tbody:last-child > tr:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.bootstr .panel > .table:last-child > tfoot:last-child > tr:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bootstr .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.bootstr .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.bootstr .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.bootstr .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-right-radius: 3px;
}

.bootstr .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.bootstr .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.bootstr .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.bootstr .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.bootstr .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-left-radius: 3px;
}

.bootstr .panel > .panel-body + .table,
.bootstr .panel > .panel-body + .table-responsive,
.bootstr .panel > .table + .panel-body,
.bootstr .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.bootstr .panel > .table > tbody:first-child > tr:first-child th,
.bootstr .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.bootstr .panel > .table-bordered,
.bootstr .panel > .table-responsive > .table-bordered {
  border: 0;
}

.bootstr .panel > .table-bordered > thead > tr > th:first-child,
.bootstr .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.bootstr .panel > .table-bordered > tbody > tr > th:first-child,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.bootstr .panel > .table-bordered > tfoot > tr > th:first-child,
.bootstr .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.bootstr .panel > .table-bordered > thead > tr > td:first-child,
.bootstr .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.bootstr .panel > .table-bordered > tbody > tr > td:first-child,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.bootstr .panel > .table-bordered > tfoot > tr > td:first-child,
.bootstr .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-right: 0;
}

.bootstr .panel > .table-bordered > thead > tr > th:last-child,
.bootstr .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.bootstr .panel > .table-bordered > tbody > tr > th:last-child,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.bootstr .panel > .table-bordered > tfoot > tr > th:last-child,
.bootstr .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.bootstr .panel > .table-bordered > thead > tr > td:last-child,
.bootstr .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.bootstr .panel > .table-bordered > tbody > tr > td:last-child,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.bootstr .panel > .table-bordered > tfoot > tr > td:last-child,
.bootstr .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-left: 0;
}

.bootstr .panel > .table-bordered > thead > tr:first-child > td,
.bootstr .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.bootstr .panel > .table-bordered > tbody > tr:first-child > td,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.bootstr .panel > .table-bordered > thead > tr:first-child > th,
.bootstr .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.bootstr .panel > .table-bordered > tbody > tr:first-child > th,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.bootstr .panel > .table-bordered > tbody > tr:last-child > td,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.bootstr .panel > .table-bordered > tfoot > tr:last-child > td,
.bootstr .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.bootstr .panel > .table-bordered > tbody > tr:last-child > th,
.bootstr .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.bootstr .panel > .table-bordered > tfoot > tr:last-child > th,
.bootstr .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.bootstr .panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.bootstr .panel-group {
  margin-bottom: 20px;
}

.bootstr .panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.bootstr .panel-group .panel + .panel {
  margin-top: 5px;
}

.bootstr .panel-group .panel-heading {
  border-bottom: 0;
}

.bootstr .panel-group .panel-heading + .panel-collapse > .panel-body,
.bootstr .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.bootstr .panel-group .panel-footer {
  border-top: 0;
}

.bootstr .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.bootstr .panel-default {
  border-color: #ddd;
}

.bootstr .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.bootstr .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.bootstr .panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.bootstr .panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.bootstr .panel-primary {
  border-color: #337ab7;
}

.bootstr .panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.bootstr .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.bootstr .panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.bootstr .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.bootstr .panel-success {
  border-color: #d6e9c6;
}

.bootstr .panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.bootstr .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.bootstr .panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.bootstr .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.bootstr .panel-info {
  border-color: #bce8f1;
}

.bootstr .panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.bootstr .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.bootstr .panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.bootstr .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.bootstr .panel-warning {
  border-color: #faebcc;
}

.bootstr .panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.bootstr .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.bootstr .panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.bootstr .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.bootstr .panel-danger {
  border-color: #ebccd1;
}

.bootstr .panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.bootstr .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.bootstr .panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.bootstr .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.bootstr .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.bootstr .embed-responsive .embed-responsive-item,
.bootstr .embed-responsive iframe,
.bootstr .embed-responsive embed,
.bootstr .embed-responsive object,
.bootstr .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.bootstr .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.bootstr .embed-responsive-4by3 {
  padding-bottom: 75%;
}

.bootstr .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bootstr .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.bootstr .well-lg {
  padding: 24px;
  border-radius: 6px;
}

.bootstr .well-sm {
  padding: 9px;
  border-radius: 3px;
}

.bootstr .close {
  float: left;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.bootstr .close:hover,
.bootstr .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.bootstr button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.bootstr .modal-open {
  overflow: hidden;
}

.bootstr .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.bootstr .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.bootstr .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.bootstr .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.bootstr .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.bootstr .modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.bootstr .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.bootstr .modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.bootstr .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.bootstr .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.bootstr .modal-header .close {
  margin-top: -2px;
}

.bootstr .modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.bootstr .modal-body {
  position: relative;
  padding: 15px;
}

.bootstr .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.bootstr .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-right: 5px;
}

.bootstr .modal-footer .btn-group .btn + .btn {
  margin-right: -1px;
}

.bootstr .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.bootstr .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .bootstr .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .bootstr .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .bootstr .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .bootstr .modal-lg {
    width: 900px;
  }
}
.bootstr .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

.bootstr .tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.bootstr .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.bootstr .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.bootstr .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.bootstr .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.bootstr .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.bootstr .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.bootstr .tooltip.top .tooltip-arrow {
  bottom: 0;
  right: 50%;
  margin-right: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.bootstr .tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.bootstr .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.bootstr .tooltip.right .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-left-color: #000;
}

.bootstr .tooltip.left .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-right-color: #000;
}

.bootstr .tooltip.bottom .tooltip-arrow {
  top: 0;
  right: 50%;
  margin-right: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.bootstr .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.bootstr .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.bootstr .popover {
  position: absolute;
  top: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}

.bootstr .popover.top {
  margin-top: -10px;
}

.bootstr .popover.right {
  margin-right: 10px;
}

.bootstr .popover.bottom {
  margin-top: 10px;
}

.bootstr .popover.left {
  margin-left: -10px;
}

.bootstr .popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.bootstr .popover-content {
  padding: 9px 14px;
}

.bootstr .popover > .arrow,
.bootstr .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.bootstr .popover > .arrow {
  border-width: 11px;
}

.bootstr .popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.bootstr .popover.top > .arrow {
  bottom: -11px;
  right: 50%;
  margin-right: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.bootstr .popover.top > .arrow:after {
  bottom: 1px;
  margin-right: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.bootstr .popover.right > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.bootstr .popover.right > .arrow:after {
  bottom: -10px;
  right: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.bootstr .popover.bottom > .arrow {
  top: -11px;
  right: 50%;
  margin-right: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bootstr .popover.bottom > .arrow:after {
  top: 1px;
  margin-right: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.bootstr .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bootstr .popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.bootstr .carousel {
  position: relative;
}

.bootstr .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.bootstr .carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.bootstr .carousel-inner > .item > img,
.bootstr .carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .bootstr .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .bootstr .carousel-inner > .item.next,
.bootstr .carousel-inner > .item.active.right {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  .bootstr .carousel-inner > .item.prev,
.bootstr .carousel-inner > .item.active.left {
    right: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .bootstr .carousel-inner > .item.next.left,
.bootstr .carousel-inner > .item.prev.right,
.bootstr .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bootstr .carousel-inner > .active,
.bootstr .carousel-inner > .next,
.bootstr .carousel-inner > .prev {
  display: block;
}

.bootstr .carousel-inner > .active {
  right: 0;
}

.bootstr .carousel-inner > .next,
.bootstr .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.bootstr .carousel-inner > .next {
  right: 100%;
}

.bootstr .carousel-inner > .prev {
  right: -100%;
}

.bootstr .carousel-inner > .next.left,
.bootstr .carousel-inner > .prev.right {
  right: 0;
}

.bootstr .carousel-inner > .active.left {
  right: -100%;
}

.bootstr .carousel-inner > .active.right {
  right: 100%;
}

.bootstr .carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.bootstr .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}

.bootstr .carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}

.bootstr .carousel-control:hover,
.bootstr .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}

.bootstr .carousel-control .icon-prev,
.bootstr .carousel-control .icon-next,
.bootstr .carousel-control .glyphicon-chevron-left,
.bootstr .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.bootstr .carousel-control .icon-prev,
.bootstr .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.bootstr .carousel-control .icon-next,
.bootstr .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.bootstr .carousel-control .icon-prev,
.bootstr .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

.bootstr .carousel-control .icon-prev:before {
  content: "›";
}

.bootstr .carousel-control .icon-next:before {
  content: "‹";
}

.bootstr .carousel-indicators {
  position: absolute;
  bottom: 10px;
  right: 50%;
  z-index: 15;
  width: 60%;
  padding-right: 0;
  margin-right: -30%;
  text-align: center;
  list-style: none;
}

.bootstr .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.bootstr .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.bootstr .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.bootstr .carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .bootstr .carousel-control .glyphicon-chevron-left,
.bootstr .carousel-control .glyphicon-chevron-right,
.bootstr .carousel-control .icon-prev,
.bootstr .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }

  .bootstr .carousel-control .glyphicon-chevron-left,
.bootstr .carousel-control .icon-prev {
    margin-left: -15px;
  }

  .bootstr .carousel-control .glyphicon-chevron-right,
.bootstr .carousel-control .icon-next {
    margin-right: -15px;
  }

  .bootstr .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .bootstr .carousel-indicators {
    bottom: 20px;
  }
}
.bootstr .clearfix:before,
.bootstr .clearfix:after,
.bootstr .dl-horizontal dd:before,
.bootstr .dl-horizontal dd:after,
.bootstr .container:before,
.bootstr .container:after,
.bootstr .container-fluid:before,
.bootstr .container-fluid:after,
.bootstr .row:before,
.bootstr .row:after,
.bootstr .form-horizontal .form-group:before,
.bootstr .form-horizontal .form-group:after,
.bootstr .btn-toolbar:before,
.bootstr .btn-toolbar:after,
.bootstr .btn-group-vertical > .btn-group:before,
.bootstr .btn-group-vertical > .btn-group:after,
.bootstr .nav:before,
.bootstr .nav:after,
.bootstr .navbar:before,
.bootstr .navbar:after,
.bootstr .navbar-header:before,
.bootstr .navbar-header:after,
.bootstr .navbar-collapse:before,
.bootstr .navbar-collapse:after,
.bootstr .pager:before,
.bootstr .pager:after,
.bootstr .panel-body:before,
.bootstr .panel-body:after,
.bootstr .modal-header:before,
.bootstr .modal-header:after,
.bootstr .modal-footer:before,
.bootstr .modal-footer:after {
  display: table;
  content: " ";
}

.bootstr .clearfix:after,
.bootstr .dl-horizontal dd:after,
.bootstr .container:after,
.bootstr .container-fluid:after,
.bootstr .row:after,
.bootstr .form-horizontal .form-group:after,
.bootstr .btn-toolbar:after,
.bootstr .btn-group-vertical > .btn-group:after,
.bootstr .nav:after,
.bootstr .navbar:after,
.bootstr .navbar-header:after,
.bootstr .navbar-collapse:after,
.bootstr .pager:after,
.bootstr .panel-body:after,
.bootstr .modal-header:after,
.bootstr .modal-footer:after {
  clear: both;
}

.bootstr .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.bootstr .pull-right {
  float: right !important;
}

.bootstr .pull-left {
  float: left !important;
}

.bootstr .hide {
  display: none !important;
}

.bootstr .show {
  display: block !important;
}

.bootstr .invisible {
  visibility: hidden;
}

.bootstr .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.bootstr .hidden {
  display: none !important;
}

.bootstr .affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.bootstr .visible-xs,
.bootstr .visible-sm,
.bootstr .visible-md,
.bootstr .visible-lg {
  display: none !important;
}

.bootstr .visible-xs-block,
.bootstr .visible-xs-inline,
.bootstr .visible-xs-inline-block,
.bootstr .visible-sm-block,
.bootstr .visible-sm-inline,
.bootstr .visible-sm-inline-block,
.bootstr .visible-md-block,
.bootstr .visible-md-inline,
.bootstr .visible-md-inline-block,
.bootstr .visible-lg-block,
.bootstr .visible-lg-inline,
.bootstr .visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .bootstr .visible-xs {
    display: block !important;
  }

  .bootstr table.visible-xs {
    display: table !important;
  }

  .bootstr tr.visible-xs {
    display: table-row !important;
  }

  .bootstr th.visible-xs,
.bootstr td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .bootstr .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .bootstr .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .bootstr .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bootstr .visible-sm {
    display: block !important;
  }

  .bootstr table.visible-sm {
    display: table !important;
  }

  .bootstr tr.visible-sm {
    display: table-row !important;
  }

  .bootstr th.visible-sm,
.bootstr td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bootstr .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bootstr .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bootstr .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bootstr .visible-md {
    display: block !important;
  }

  .bootstr table.visible-md {
    display: table !important;
  }

  .bootstr tr.visible-md {
    display: table-row !important;
  }

  .bootstr th.visible-md,
.bootstr td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bootstr .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bootstr .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bootstr .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .bootstr .visible-lg {
    display: block !important;
  }

  .bootstr table.visible-lg {
    display: table !important;
  }

  .bootstr tr.visible-lg {
    display: table-row !important;
  }

  .bootstr th.visible-lg,
.bootstr td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .bootstr .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .bootstr .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .bootstr .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .bootstr .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bootstr .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bootstr .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .bootstr .hidden-lg {
    display: none !important;
  }
}
.bootstr .visible-print {
  display: none !important;
}

@media print {
  .bootstr .visible-print {
    display: block !important;
  }

  .bootstr table.visible-print {
    display: table !important;
  }

  .bootstr tr.visible-print {
    display: table-row !important;
  }

  .bootstr th.visible-print,
.bootstr td.visible-print {
    display: table-cell !important;
  }
}
.bootstr .visible-print-block {
  display: none !important;
}

@media print {
  .bootstr .visible-print-block {
    display: block !important;
  }
}
.bootstr .visible-print-inline {
  display: none !important;
}

@media print {
  .bootstr .visible-print-inline {
    display: inline !important;
  }
}
.bootstr .visible-print-inline-block {
  display: none !important;
}

@media print {
  .bootstr .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .bootstr .hidden-print {
    display: none !important;
  }
}
/*!
 * ui-grid - v4.9.0 - 2020-09-27
 * Copyright (c) 2020 ; License: MIT
 */
.ui-grid {
  border: 1px solid #d4d4d4;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}

.ui-grid-scrollbar-placeholder {
  background-color: transparent;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #d4d4d4;
}

.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
  content: "";
  display: table;
}

.ui-grid-clearfix:after {
  clear: both;
}

.ui-grid-invisible {
  visibility: hidden;
}

.ui-grid-contents-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.ui-grid-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ui-grid-icon-button {
  background-color: transparent;
  border: none;
  padding: 0;
}

.clickable {
  cursor: pointer;
}

.ui-grid-top-panel-background {
  background-color: #f3f3f3;
}

.ui-grid-header {
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
}

.ui-grid-top-panel {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: #f3f3f3;
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-header-viewport {
  overflow: hidden;
}

.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
  content: "";
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}

.ui-grid-header-canvas:after {
  clear: both;
}

.ui-grid-header-cell-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

.ui-grid-header-cell-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ui-grid-header-cell {
  position: relative;
  box-sizing: border-box;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
}

.ui-grid-header-cell:last-child {
  border-right: 0;
}

.ui-grid-header-cell .sortable {
  cursor: pointer;
}

.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -8px;
}

/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell > div {
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}

.ui-grid-header .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}

.ui-grid-column-menu-button {
  position: absolute;
  right: 1px;
  top: 0;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub;
}

.ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  margin-right: 13px;
}

.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-render-container-right .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  margin-right: 28px;
}

.ui-grid-column-menu {
  position: absolute;
}

/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.04s linear;
  -moz-transition: all 0.04s linear;
  -o-transition: all 0.04s linear;
  transition: all 0.04s linear;
  display: block !important;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.04s linear;
  -moz-transition: all 0.04s linear;
  -o-transition: all 0.04s linear;
  transition: all 0.04s linear;
  display: block !important;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ui-grid-filter-container {
  padding: 4px 10px;
  position: relative;
}

.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 10px;
  opacity: 0.66;
}

.ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon]:hover {
  opacity: 1;
}

.ui-grid-filter-container .ui-grid-filter-button-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^=ui-grid-icon] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 0px;
  opacity: 0.66;
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^=ui-grid-icon]:hover {
  opacity: 1;
}

input[type=text].ui-grid-filter-input {
  box-sizing: border-box;
  padding: 0 18px 0 0;
  margin: 0;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

input[type=text].ui-grid-filter-input:hover {
  border: 1px solid #d4d4d4;
}

select.ui-grid-filter-select {
  padding: 0;
  margin: 0;
  border: 0;
  width: 90%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

select.ui-grid-filter-select:hover {
  border: 1px solid #d4d4d4;
}

.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
  width: 100%;
}

.ui-grid-render-container {
  position: inherit;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-render-container:focus {
  outline: none;
}

.ui-grid-viewport {
  min-height: 20px;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ui-grid-viewport:focus {
  outline: none !important;
}

.ui-grid-canvas {
  position: relative;
  padding-top: 1px;
}

.ui-grid-row {
  clear: both;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}

.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #d4d4d4;
  border-bottom-style: solid;
}

.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell {
  background-color: #d5eaee;
}

.ui-grid-no-row-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10%;
  background-color: #f3f3f3;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d4d4d4;
  font-size: 2em;
  text-align: center;
}

.ui-grid-no-row-overlay > * {
  position: absolute;
  display: table;
  margin: auto 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.66;
}

.ui-grid-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
}

.ui-grid-cell:last-child {
  border-right: 0;
}

.ui-grid-cell-contents {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}

.ui-grid-cell-contents-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #F0F0EE;
  border-bottom: solid 1px #d4d4d4;
}

.ui-grid-cell-empty {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.ui-grid-footer-info {
  padding: 5px 10px;
}

.ui-grid-footer-panel-background {
  background-color: #f3f3f3;
}

.ui-grid-footer-panel {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
  font-weight: bold;
  background-color: #f3f3f3;
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-grid-footer {
  float: left;
  width: 100%;
}

.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
  height: 100%;
}

.ui-grid-footer-viewport {
  overflow: hidden;
}

.ui-grid-footer-canvas {
  position: relative;
}

.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}

.ui-grid-footer-canvas:after {
  clear: both;
}

.ui-grid-footer-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}

.ui-grid-footer-cell-row {
  display: table-row;
}

.ui-grid-footer-cell {
  overflow: hidden;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
  display: table-cell;
}

.ui-grid-footer-cell:last-child {
  border-right: 0;
}

.ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  background: #f3f3f3;
  border: 0;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  cursor: pointer;
  height: 32px;
  font-weight: normal;
}

.ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 5px;
  margin-left: 2px;
}

.ui-grid-menu-button .ui-grid-menu {
  right: 0;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: scroll;
}

.ui-grid-menu {
  overflow: hidden;
  max-width: 320px;
  z-index: 2;
  position: absolute;
  right: 100%;
  padding: 0 10px 20px 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.ui-grid-menu-item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-grid-menu .ui-grid-menu-inner {
  background: #fff;
  border: 1px solid #d4d4d4;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 0;
}

.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
  color: #000;
  min-width: 100%;
  padding: 8px;
  text-align: left;
  background: transparent;
  border: none;
  cursor: default;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
  cursor: pointer;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
  background-color: #b3c4c7;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
  background-color: #9cb2b6;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
  border-bottom: 1px solid #d4d4d4;
}

.ui-grid-sortarrow {
  right: 5px;
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  background-position: center;
}

.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@font-face {
  font-family: "ui-grid";
  src: url("https://st.classoos.com/3.102.18.312/assets/libs/ui-grid/ui-grid.eot");
  src: url("https://st.classoos.com/3.102.18.312/assets/libs/ui-grid/ui-grid.eot#iefix") format("embedded-opentype"), url("https://st.classoos.com/3.102.18.312/assets/libs/ui-grid/ui-grid.woff") format("woff"), url("https://st.classoos.com/3.102.18.312/assets/libs/ui-grid/ui-grid.ttf") format("truetype"), url("https://st.classoos.com/3.102.18.312/assets/libs/ui-grid/ui-grid.svg?#ui-grid") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^=ui-grid-icon]:before,
[class*=" ui-grid-icon"]:before {
  font-family: "ui-grid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.ui-grid-icon-blank::before {
  width: 1em;
  content: " ";
}

.ui-grid-icon-plus-squared:before {
  content: "썐";
}

.ui-grid-icon-minus-squared:before {
  content: "썑";
}

.ui-grid-icon-search:before {
  content: "썒";
}

.ui-grid-icon-cancel:before {
  content: "썓";
}

.ui-grid-icon-info-circled:before {
  content: "썔";
}

.ui-grid-icon-lock:before {
  content: "썕";
}

.ui-grid-icon-lock-open:before {
  content: "썖";
}

.ui-grid-icon-pencil:before {
  content: "썗";
}

.ui-grid-icon-down-dir:before {
  content: "썘";
}

.ui-grid-icon-up-dir:before {
  content: "썙";
}

.ui-grid-icon-left-dir:before {
  content: "썚";
}

.ui-grid-icon-right-dir:before {
  content: "썛";
}

.ui-grid-icon-left-open:before {
  content: "썜";
}

.ui-grid-icon-right-open:before {
  content: "썝";
}

.ui-grid-icon-angle-down:before {
  content: "썞";
}

.ui-grid-icon-filter:before {
  content: "썟";
}

.ui-grid-icon-sort-alt-up:before {
  content: "썠";
}

.ui-grid-icon-sort-alt-down:before {
  content: "썡";
}

.ui-grid-icon-ok:before {
  content: "썢";
}

.ui-grid-icon-menu:before {
  content: "썣";
}

.ui-grid-icon-indent-left:before {
  content: "";
}

.ui-grid-icon-indent-right:before {
  content: "";
}

.ui-grid-icon-spin5:before {
  content: "";
}

/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
  float: right !important;
}

.ui-grid[dir=rtl] .ui-grid-column-menu-button {
  position: absolute;
  left: 1px;
  top: 0;
  right: inherit;
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
  border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 1px solid #d4d4d4;
  border-left: 0;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  width: 0;
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  left: 0;
  right: auto;
  background: #f3f3f3;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  min-height: 27px;
  font-weight: normal;
}

.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  left: 0;
  right: auto;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  right: initial;
  left: 0;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
  right: initial;
  left: 10px;
}

/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear;
  -o-animation: ui-grid-spin 2s infinite linear;
  -webkit-animation: ui-grid-spin 2s infinite linear;
  animation: ui-grid-spin 2s infinite linear;
  display: inline-block;
}

@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.ui-grid-cell-focus {
  outline: 0;
  background-color: #b3c4c7;
}

.ui-grid-focuser {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.ui-grid-focuser:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-grid-offscreen {
  display: block;
  position: absolute;
  left: -10000px;
  top: -10000px;
  clip: rect(0px, 0px, 0px, 0px);
}

.ui-grid-cell input {
  border-radius: inherit;
  padding: 0;
  width: 100%;
  color: inherit;
  height: auto;
  font: inherit;
  outline: none;
}

.ui-grid-cell input:focus {
  color: inherit;
  outline: none;
}

.ui-grid-cell input[type=checkbox] {
  margin: 9px 0 0 6px;
  width: auto;
}

.ui-grid-cell input.ng-invalid {
  border: 1px solid #fc8f8f;
}

.ui-grid-cell input.ng-valid {
  border: 1px solid #d4d4d4;
}

.ui-grid-viewport .ui-grid-empty-base-layer-container {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}

.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}

.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: none;
}

.ui-grid-expandable-buttons-cell i {
  pointer-events: all;
}

.scrollFiller {
  float: left;
  border: 1px solid #d4d4d4;
}

.ui-grid-tree-header-row {
  font-weight: bold !important;
}

.movingColumn {
  position: absolute;
  top: 0;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.movingColumn .ui-grid-icon-angle-down {
  display: none;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Grid Menu colors
*/
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.ui-grid-pager-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  box-sizing: content-box;
}

.ui-grid-pager-container {
  float: left;
}

.ui-grid-pager-control {
  padding: 5px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: 10px;
  margin-left: 10px;
  min-width: 135px;
  float: left;
}

.ui-grid-pager-control button,
.ui-grid-pager-control span,
.ui-grid-pager-control input {
  margin-right: 4px;
}

.ui-grid-pager-control button {
  height: 25px;
  min-width: 26px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background: #f3f3f3;
  border: 1px solid #ccc;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #eee;
}

.ui-grid-pager-control button:hover {
  border-color: #adadad;
  text-decoration: none;
}

.ui-grid-pager-control button:focus {
  border-color: #8c8c8c;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-grid-pager-control button:active {
  border-color: #adadad;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ui-grid-pager-control button:active:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-grid-pager-control button:active:hover,
.ui-grid-pager-control button:active:focus {
  background-color: #c8c8c8;
  border-color: #8c8c8c;
}

.ui-grid-pager-control button:hover,
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button:active {
  color: #eee;
  background: #dadada;
}

.ui-grid-pager-control button[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-grid-pager-control button[disabled]:hover,
.ui-grid-pager-control button[disabled]:focus {
  background-color: #f3f3f3;
  border-color: #ccc;
}

.ui-grid-pager-control input {
  display: inline;
  height: 26px;
  width: 50px;
  vertical-align: top;
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.ui-grid-pager-control input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly],
.ui-grid-pager-control input::-moz-placeholder {
  opacity: 1;
}

.ui-grid-pager-control input::-moz-placeholder,
.ui-grid-pager-control input:-ms-input-placeholder,
.ui-grid-pager-control input::-webkit-input-placeholder {
  color: #999;
}

.ui-grid-pager-control input::-ms-expand {
  border: 0;
  background-color: transparent;
}

.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly] {
  background-color: #eeeeee;
}

.ui-grid-pager-control input[disabled] {
  cursor: not-allowed;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
  vertical-align: bottom;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
  vertical-align: bottom;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr {
  border-bottom: none;
  text-decoration: none;
}

.ui-grid-pager-control .first-bar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}

.ui-grid-pager-control .first-bar-rtl {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-right: -7px;
}

.ui-grid-pager-control .first-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}

.ui-grid-pager-control .next-triangle {
  margin-left: 1px;
}

.ui-grid-pager-control .prev-triangle {
  margin-left: 0;
}

.ui-grid-pager-control .last-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}

.ui-grid-pager-control .last-bar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}

.ui-grid-pager-control .last-bar-rtl {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-right: -11px;
}

.ui-grid-pager-row-count-picker {
  float: left;
  padding: 5px 10px;
}

.ui-grid-pager-row-count-picker select {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  height: 25px;
  width: 67px;
  display: inline;
  vertical-align: middle;
}

.ui-grid-pager-row-count-picker select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly],
.ui-grid-pager-row-count-picker select::-moz-placeholder {
  opacity: 1;
}

.ui-grid-pager-row-count-picker select::-moz-placeholder,
.ui-grid-pager-row-count-picker select:-ms-input-placeholder,
.ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
  color: #999;
}

.ui-grid-pager-row-count-picker select::-ms-expand {
  border: 0;
  background-color: transparent;
}

.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly] {
  background-color: #eeeeee;
}

.ui-grid-pager-row-count-picker select[disabled] {
  cursor: not-allowed;
}

.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
  margin-top: 3px;
}

.ui-grid-pager-count-container {
  float: right;
  margin-top: 4px;
  min-width: 50px;
}

.ui-grid-pager-count-container .ui-grid-pager-count {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
}

.ui-grid-pager-count-container .ui-grid-pager-count abbr {
  border-bottom: none;
  text-decoration: none;
}

.ui-grid-pinned-container {
  position: absolute;
  display: inline;
  top: 0;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left {
  float: left;
  left: 0;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right {
  float: right;
  right: 0;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-left-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-left-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
  width: 1px;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
  left: -1px;
  width: 1px;
  background-color: #aeaeae;
}

.ui-grid-column-resizer {
  top: 0;
  bottom: 0;
  width: 5px;
  position: absolute;
  cursor: col-resize;
}

.ui-grid-column-resizer.left {
  left: 0;
}

.ui-grid-column-resizer.right {
  right: 0;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px solid #d4d4d4;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
  border-left: 1px solid #d4d4d4;
}

.ui-grid.column-resizing {
  cursor: col-resize;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-grid.column-resizing .ui-grid-resize-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #aeaeae;
}

.ui-grid-row-saving .ui-grid-cell {
  color: #848484 !important;
}

.ui-grid-row-dirty .ui-grid-cell {
  color: #610B38;
}

.ui-grid-row-error .ui-grid-cell {
  color: #FF0000 !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #C9DDE1;
}

.ui-grid-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ui-grid-selection-row-header-buttons {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.ui-grid-selection-row-header-buttons::before {
  opacity: 0.1;
}

.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
  opacity: 1;
}

.ui-grid-tree-row-header-buttons.ui-grid-tree-header {
  cursor: pointer;
  opacity: 1;
}

.ui-grid-tree-header-row {
  font-weight: bold !important;
}

.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: all;
}

.ui-grid-cell-contents.invalid {
  border: 1px solid #fc8f8f;
}

.fib, .fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: " ";
}
.fi.fis {
  width: 1em;
}

.fi-xx {
  background-image: url(../img/flags/4x3/xx.svg);
}
.fi-xx.fis {
  background-image: url(../img/flags/1x1/xx.svg);
}

.fi-ad {
  background-image: url(../img/flags/4x3/ad.svg);
}
.fi-ad.fis {
  background-image: url(../img/flags/1x1/ad.svg);
}

.fi-ae {
  background-image: url(../img/flags/4x3/ae.svg);
}
.fi-ae.fis {
  background-image: url(../img/flags/1x1/ae.svg);
}

.fi-af {
  background-image: url(../img/flags/4x3/af.svg);
}
.fi-af.fis {
  background-image: url(../img/flags/1x1/af.svg);
}

.fi-ag {
  background-image: url(../img/flags/4x3/ag.svg);
}
.fi-ag.fis {
  background-image: url(../img/flags/1x1/ag.svg);
}

.fi-ai {
  background-image: url(../img/flags/4x3/ai.svg);
}
.fi-ai.fis {
  background-image: url(../img/flags/1x1/ai.svg);
}

.fi-al {
  background-image: url(../img/flags/4x3/al.svg);
}
.fi-al.fis {
  background-image: url(../img/flags/1x1/al.svg);
}

.fi-am {
  background-image: url(../img/flags/4x3/am.svg);
}
.fi-am.fis {
  background-image: url(../img/flags/1x1/am.svg);
}

.fi-ao {
  background-image: url(../img/flags/4x3/ao.svg);
}
.fi-ao.fis {
  background-image: url(../img/flags/1x1/ao.svg);
}

.fi-aq {
  background-image: url(../img/flags/4x3/aq.svg);
}
.fi-aq.fis {
  background-image: url(../img/flags/1x1/aq.svg);
}

.fi-ar {
  background-image: url(../img/flags/4x3/ar.svg);
}
.fi-ar.fis {
  background-image: url(../img/flags/1x1/ar.svg);
}

.fi-as {
  background-image: url(../img/flags/4x3/as.svg);
}
.fi-as.fis {
  background-image: url(../img/flags/1x1/as.svg);
}

.fi-at {
  background-image: url(../img/flags/4x3/at.svg);
}
.fi-at.fis {
  background-image: url(../img/flags/1x1/at.svg);
}

.fi-au {
  background-image: url(../img/flags/4x3/au.svg);
}
.fi-au.fis {
  background-image: url(../img/flags/1x1/au.svg);
}

.fi-aw {
  background-image: url(../img/flags/4x3/aw.svg);
}
.fi-aw.fis {
  background-image: url(../img/flags/1x1/aw.svg);
}

.fi-ax {
  background-image: url(../img/flags/4x3/ax.svg);
}
.fi-ax.fis {
  background-image: url(../img/flags/1x1/ax.svg);
}

.fi-az {
  background-image: url(../img/flags/4x3/az.svg);
}
.fi-az.fis {
  background-image: url(../img/flags/1x1/az.svg);
}

.fi-ba {
  background-image: url(../img/flags/4x3/ba.svg);
}
.fi-ba.fis {
  background-image: url(../img/flags/1x1/ba.svg);
}

.fi-bb {
  background-image: url(../img/flags/4x3/bb.svg);
}
.fi-bb.fis {
  background-image: url(../img/flags/1x1/bb.svg);
}

.fi-bd {
  background-image: url(../img/flags/4x3/bd.svg);
}
.fi-bd.fis {
  background-image: url(../img/flags/1x1/bd.svg);
}

.fi-be {
  background-image: url(../img/flags/4x3/be.svg);
}
.fi-be.fis {
  background-image: url(../img/flags/1x1/be.svg);
}

.fi-bf {
  background-image: url(../img/flags/4x3/bf.svg);
}
.fi-bf.fis {
  background-image: url(../img/flags/1x1/bf.svg);
}

.fi-bg {
  background-image: url(../img/flags/4x3/bg.svg);
}
.fi-bg.fis {
  background-image: url(../img/flags/1x1/bg.svg);
}

.fi-bh {
  background-image: url(../img/flags/4x3/bh.svg);
}
.fi-bh.fis {
  background-image: url(../img/flags/1x1/bh.svg);
}

.fi-bi {
  background-image: url(../img/flags/4x3/bi.svg);
}
.fi-bi.fis {
  background-image: url(../img/flags/1x1/bi.svg);
}

.fi-bj {
  background-image: url(../img/flags/4x3/bj.svg);
}
.fi-bj.fis {
  background-image: url(../img/flags/1x1/bj.svg);
}

.fi-bl {
  background-image: url(../img/flags/4x3/bl.svg);
}
.fi-bl.fis {
  background-image: url(../img/flags/1x1/bl.svg);
}

.fi-bm {
  background-image: url(../img/flags/4x3/bm.svg);
}
.fi-bm.fis {
  background-image: url(../img/flags/1x1/bm.svg);
}

.fi-bn {
  background-image: url(../img/flags/4x3/bn.svg);
}
.fi-bn.fis {
  background-image: url(../img/flags/1x1/bn.svg);
}

.fi-bo {
  background-image: url(../img/flags/4x3/bo.svg);
}
.fi-bo.fis {
  background-image: url(../img/flags/1x1/bo.svg);
}

.fi-bq {
  background-image: url(../img/flags/4x3/bq.svg);
}
.fi-bq.fis {
  background-image: url(../img/flags/1x1/bq.svg);
}

.fi-br {
  background-image: url(../img/flags/4x3/br.svg);
}
.fi-br.fis {
  background-image: url(../img/flags/1x1/br.svg);
}

.fi-bs {
  background-image: url(../img/flags/4x3/bs.svg);
}
.fi-bs.fis {
  background-image: url(../img/flags/1x1/bs.svg);
}

.fi-bt {
  background-image: url(../img/flags/4x3/bt.svg);
}
.fi-bt.fis {
  background-image: url(../img/flags/1x1/bt.svg);
}

.fi-bv {
  background-image: url(../img/flags/4x3/bv.svg);
}
.fi-bv.fis {
  background-image: url(../img/flags/1x1/bv.svg);
}

.fi-bw {
  background-image: url(../img/flags/4x3/bw.svg);
}
.fi-bw.fis {
  background-image: url(../img/flags/1x1/bw.svg);
}

.fi-by {
  background-image: url(../img/flags/4x3/by.svg);
}
.fi-by.fis {
  background-image: url(../img/flags/1x1/by.svg);
}

.fi-bz {
  background-image: url(../img/flags/4x3/bz.svg);
}
.fi-bz.fis {
  background-image: url(../img/flags/1x1/bz.svg);
}

.fi-ca {
  background-image: url(../img/flags/4x3/ca.svg);
}
.fi-ca.fis {
  background-image: url(../img/flags/1x1/ca.svg);
}

.fi-cc {
  background-image: url(../img/flags/4x3/cc.svg);
}
.fi-cc.fis {
  background-image: url(../img/flags/1x1/cc.svg);
}

.fi-cd {
  background-image: url(../img/flags/4x3/cd.svg);
}
.fi-cd.fis {
  background-image: url(../img/flags/1x1/cd.svg);
}

.fi-cf {
  background-image: url(../img/flags/4x3/cf.svg);
}
.fi-cf.fis {
  background-image: url(../img/flags/1x1/cf.svg);
}

.fi-cg {
  background-image: url(../img/flags/4x3/cg.svg);
}
.fi-cg.fis {
  background-image: url(../img/flags/1x1/cg.svg);
}

.fi-ch {
  background-image: url(../img/flags/4x3/ch.svg);
}
.fi-ch.fis {
  background-image: url(../img/flags/1x1/ch.svg);
}

.fi-ci {
  background-image: url(../img/flags/4x3/ci.svg);
}
.fi-ci.fis {
  background-image: url(../img/flags/1x1/ci.svg);
}

.fi-ck {
  background-image: url(../img/flags/4x3/ck.svg);
}
.fi-ck.fis {
  background-image: url(../img/flags/1x1/ck.svg);
}

.fi-cl {
  background-image: url(../img/flags/4x3/cl.svg);
}
.fi-cl.fis {
  background-image: url(../img/flags/1x1/cl.svg);
}

.fi-cm {
  background-image: url(../img/flags/4x3/cm.svg);
}
.fi-cm.fis {
  background-image: url(../img/flags/1x1/cm.svg);
}

.fi-cn {
  background-image: url(../img/flags/4x3/cn.svg);
}
.fi-cn.fis {
  background-image: url(../img/flags/1x1/cn.svg);
}

.fi-co {
  background-image: url(../img/flags/4x3/co.svg);
}
.fi-co.fis {
  background-image: url(../img/flags/1x1/co.svg);
}

.fi-cr {
  background-image: url(../img/flags/4x3/cr.svg);
}
.fi-cr.fis {
  background-image: url(../img/flags/1x1/cr.svg);
}

.fi-cu {
  background-image: url(../img/flags/4x3/cu.svg);
}
.fi-cu.fis {
  background-image: url(../img/flags/1x1/cu.svg);
}

.fi-cv {
  background-image: url(../img/flags/4x3/cv.svg);
}
.fi-cv.fis {
  background-image: url(../img/flags/1x1/cv.svg);
}

.fi-cw {
  background-image: url(../img/flags/4x3/cw.svg);
}
.fi-cw.fis {
  background-image: url(../img/flags/1x1/cw.svg);
}

.fi-cx {
  background-image: url(../img/flags/4x3/cx.svg);
}
.fi-cx.fis {
  background-image: url(../img/flags/1x1/cx.svg);
}

.fi-cy {
  background-image: url(../img/flags/4x3/cy.svg);
}
.fi-cy.fis {
  background-image: url(../img/flags/1x1/cy.svg);
}

.fi-cz {
  background-image: url(../img/flags/4x3/cz.svg);
}
.fi-cz.fis {
  background-image: url(../img/flags/1x1/cz.svg);
}

.fi-de {
  background-image: url(../img/flags/4x3/de.svg);
}
.fi-de.fis {
  background-image: url(../img/flags/1x1/de.svg);
}

.fi-dj {
  background-image: url(../img/flags/4x3/dj.svg);
}
.fi-dj.fis {
  background-image: url(../img/flags/1x1/dj.svg);
}

.fi-dk {
  background-image: url(../img/flags/4x3/dk.svg);
}
.fi-dk.fis {
  background-image: url(../img/flags/1x1/dk.svg);
}

.fi-dm {
  background-image: url(../img/flags/4x3/dm.svg);
}
.fi-dm.fis {
  background-image: url(../img/flags/1x1/dm.svg);
}

.fi-do {
  background-image: url(../img/flags/4x3/do.svg);
}
.fi-do.fis {
  background-image: url(../img/flags/1x1/do.svg);
}

.fi-dz {
  background-image: url(../img/flags/4x3/dz.svg);
}
.fi-dz.fis {
  background-image: url(../img/flags/1x1/dz.svg);
}

.fi-ec {
  background-image: url(../img/flags/4x3/ec.svg);
}
.fi-ec.fis {
  background-image: url(../img/flags/1x1/ec.svg);
}

.fi-ee {
  background-image: url(../img/flags/4x3/ee.svg);
}
.fi-ee.fis {
  background-image: url(../img/flags/1x1/ee.svg);
}

.fi-eg {
  background-image: url(../img/flags/4x3/eg.svg);
}
.fi-eg.fis {
  background-image: url(../img/flags/1x1/eg.svg);
}

.fi-eh {
  background-image: url(../img/flags/4x3/eh.svg);
}
.fi-eh.fis {
  background-image: url(../img/flags/1x1/eh.svg);
}

.fi-er {
  background-image: url(../img/flags/4x3/er.svg);
}
.fi-er.fis {
  background-image: url(../img/flags/1x1/er.svg);
}

.fi-es {
  background-image: url(../img/flags/4x3/es.svg);
}
.fi-es.fis {
  background-image: url(../img/flags/1x1/es.svg);
}

.fi-et {
  background-image: url(../img/flags/4x3/et.svg);
}
.fi-et.fis {
  background-image: url(../img/flags/1x1/et.svg);
}

.fi-fi {
  background-image: url(../img/flags/4x3/fi.svg);
}
.fi-fi.fis {
  background-image: url(../img/flags/1x1/fi.svg);
}

.fi-fj {
  background-image: url(../img/flags/4x3/fj.svg);
}
.fi-fj.fis {
  background-image: url(../img/flags/1x1/fj.svg);
}

.fi-fk {
  background-image: url(../img/flags/4x3/fk.svg);
}
.fi-fk.fis {
  background-image: url(../img/flags/1x1/fk.svg);
}

.fi-fm {
  background-image: url(../img/flags/4x3/fm.svg);
}
.fi-fm.fis {
  background-image: url(../img/flags/1x1/fm.svg);
}

.fi-fo {
  background-image: url(../img/flags/4x3/fo.svg);
}
.fi-fo.fis {
  background-image: url(../img/flags/1x1/fo.svg);
}

.fi-fr {
  background-image: url(../img/flags/4x3/fr.svg);
}
.fi-fr.fis {
  background-image: url(../img/flags/1x1/fr.svg);
}

.fi-ga {
  background-image: url(../img/flags/4x3/ga.svg);
}
.fi-ga.fis {
  background-image: url(../img/flags/1x1/ga.svg);
}

.fi-gb {
  background-image: url(../img/flags/4x3/gb.svg);
}
.fi-gb.fis {
  background-image: url(../img/flags/1x1/gb.svg);
}

.fi-gd {
  background-image: url(../img/flags/4x3/gd.svg);
}
.fi-gd.fis {
  background-image: url(../img/flags/1x1/gd.svg);
}

.fi-ge {
  background-image: url(../img/flags/4x3/ge.svg);
}
.fi-ge.fis {
  background-image: url(../img/flags/1x1/ge.svg);
}

.fi-gf {
  background-image: url(../img/flags/4x3/gf.svg);
}
.fi-gf.fis {
  background-image: url(../img/flags/1x1/gf.svg);
}

.fi-gg {
  background-image: url(../img/flags/4x3/gg.svg);
}
.fi-gg.fis {
  background-image: url(../img/flags/1x1/gg.svg);
}

.fi-gh {
  background-image: url(../img/flags/4x3/gh.svg);
}
.fi-gh.fis {
  background-image: url(../img/flags/1x1/gh.svg);
}

.fi-gi {
  background-image: url(../img/flags/4x3/gi.svg);
}
.fi-gi.fis {
  background-image: url(../img/flags/1x1/gi.svg);
}

.fi-gl {
  background-image: url(../img/flags/4x3/gl.svg);
}
.fi-gl.fis {
  background-image: url(../img/flags/1x1/gl.svg);
}

.fi-gm {
  background-image: url(../img/flags/4x3/gm.svg);
}
.fi-gm.fis {
  background-image: url(../img/flags/1x1/gm.svg);
}

.fi-gn {
  background-image: url(../img/flags/4x3/gn.svg);
}
.fi-gn.fis {
  background-image: url(../img/flags/1x1/gn.svg);
}

.fi-gp {
  background-image: url(../img/flags/4x3/gp.svg);
}
.fi-gp.fis {
  background-image: url(../img/flags/1x1/gp.svg);
}

.fi-gq {
  background-image: url(../img/flags/4x3/gq.svg);
}
.fi-gq.fis {
  background-image: url(../img/flags/1x1/gq.svg);
}

.fi-gr {
  background-image: url(../img/flags/4x3/gr.svg);
}
.fi-gr.fis {
  background-image: url(../img/flags/1x1/gr.svg);
}

.fi-gs {
  background-image: url(../img/flags/4x3/gs.svg);
}
.fi-gs.fis {
  background-image: url(../img/flags/1x1/gs.svg);
}

.fi-gt {
  background-image: url(../img/flags/4x3/gt.svg);
}
.fi-gt.fis {
  background-image: url(../img/flags/1x1/gt.svg);
}

.fi-gu {
  background-image: url(../img/flags/4x3/gu.svg);
}
.fi-gu.fis {
  background-image: url(../img/flags/1x1/gu.svg);
}

.fi-gw {
  background-image: url(../img/flags/4x3/gw.svg);
}
.fi-gw.fis {
  background-image: url(../img/flags/1x1/gw.svg);
}

.fi-gy {
  background-image: url(../img/flags/4x3/gy.svg);
}
.fi-gy.fis {
  background-image: url(../img/flags/1x1/gy.svg);
}

.fi-hk {
  background-image: url(../img/flags/4x3/hk.svg);
}
.fi-hk.fis {
  background-image: url(../img/flags/1x1/hk.svg);
}

.fi-hm {
  background-image: url(../img/flags/4x3/hm.svg);
}
.fi-hm.fis {
  background-image: url(../img/flags/1x1/hm.svg);
}

.fi-hn {
  background-image: url(../img/flags/4x3/hn.svg);
}
.fi-hn.fis {
  background-image: url(../img/flags/1x1/hn.svg);
}

.fi-hr {
  background-image: url(../img/flags/4x3/hr.svg);
}
.fi-hr.fis {
  background-image: url(../img/flags/1x1/hr.svg);
}

.fi-ht {
  background-image: url(../img/flags/4x3/ht.svg);
}
.fi-ht.fis {
  background-image: url(../img/flags/1x1/ht.svg);
}

.fi-hu {
  background-image: url(../img/flags/4x3/hu.svg);
}
.fi-hu.fis {
  background-image: url(../img/flags/1x1/hu.svg);
}

.fi-id {
  background-image: url(../img/flags/4x3/id.svg);
}
.fi-id.fis {
  background-image: url(../img/flags/1x1/id.svg);
}

.fi-ie {
  background-image: url(../img/flags/4x3/ie.svg);
}
.fi-ie.fis {
  background-image: url(../img/flags/1x1/ie.svg);
}

.fi-il {
  background-image: url(../img/flags/4x3/il.svg);
}
.fi-il.fis {
  background-image: url(../img/flags/1x1/il.svg);
}

.fi-im {
  background-image: url(../img/flags/4x3/im.svg);
}
.fi-im.fis {
  background-image: url(../img/flags/1x1/im.svg);
}

.fi-in {
  background-image: url(../img/flags/4x3/in.svg);
}
.fi-in.fis {
  background-image: url(../img/flags/1x1/in.svg);
}

.fi-io {
  background-image: url(../img/flags/4x3/io.svg);
}
.fi-io.fis {
  background-image: url(../img/flags/1x1/io.svg);
}

.fi-iq {
  background-image: url(../img/flags/4x3/iq.svg);
}
.fi-iq.fis {
  background-image: url(../img/flags/1x1/iq.svg);
}

.fi-ir {
  background-image: url(../img/flags/4x3/ir.svg);
}
.fi-ir.fis {
  background-image: url(../img/flags/1x1/ir.svg);
}

.fi-is {
  background-image: url(../img/flags/4x3/is.svg);
}
.fi-is.fis {
  background-image: url(../img/flags/1x1/is.svg);
}

.fi-it {
  background-image: url(../img/flags/4x3/it.svg);
}
.fi-it.fis {
  background-image: url(../img/flags/1x1/it.svg);
}

.fi-je {
  background-image: url(../img/flags/4x3/je.svg);
}
.fi-je.fis {
  background-image: url(../img/flags/1x1/je.svg);
}

.fi-jm {
  background-image: url(../img/flags/4x3/jm.svg);
}
.fi-jm.fis {
  background-image: url(../img/flags/1x1/jm.svg);
}

.fi-jo {
  background-image: url(../img/flags/4x3/jo.svg);
}
.fi-jo.fis {
  background-image: url(../img/flags/1x1/jo.svg);
}

.fi-jp {
  background-image: url(../img/flags/4x3/jp.svg);
}
.fi-jp.fis {
  background-image: url(../img/flags/1x1/jp.svg);
}

.fi-ke {
  background-image: url(../img/flags/4x3/ke.svg);
}
.fi-ke.fis {
  background-image: url(../img/flags/1x1/ke.svg);
}

.fi-kg {
  background-image: url(../img/flags/4x3/kg.svg);
}
.fi-kg.fis {
  background-image: url(../img/flags/1x1/kg.svg);
}

.fi-kh {
  background-image: url(../img/flags/4x3/kh.svg);
}
.fi-kh.fis {
  background-image: url(../img/flags/1x1/kh.svg);
}

.fi-ki {
  background-image: url(../img/flags/4x3/ki.svg);
}
.fi-ki.fis {
  background-image: url(../img/flags/1x1/ki.svg);
}

.fi-km {
  background-image: url(../img/flags/4x3/km.svg);
}
.fi-km.fis {
  background-image: url(../img/flags/1x1/km.svg);
}

.fi-kn {
  background-image: url(../img/flags/4x3/kn.svg);
}
.fi-kn.fis {
  background-image: url(../img/flags/1x1/kn.svg);
}

.fi-kp {
  background-image: url(../img/flags/4x3/kp.svg);
}
.fi-kp.fis {
  background-image: url(../img/flags/1x1/kp.svg);
}

.fi-kr {
  background-image: url(../img/flags/4x3/kr.svg);
}
.fi-kr.fis {
  background-image: url(../img/flags/1x1/kr.svg);
}

.fi-kw {
  background-image: url(../img/flags/4x3/kw.svg);
}
.fi-kw.fis {
  background-image: url(../img/flags/1x1/kw.svg);
}

.fi-ky {
  background-image: url(../img/flags/4x3/ky.svg);
}
.fi-ky.fis {
  background-image: url(../img/flags/1x1/ky.svg);
}

.fi-kz {
  background-image: url(../img/flags/4x3/kz.svg);
}
.fi-kz.fis {
  background-image: url(../img/flags/1x1/kz.svg);
}

.fi-la {
  background-image: url(../img/flags/4x3/la.svg);
}
.fi-la.fis {
  background-image: url(../img/flags/1x1/la.svg);
}

.fi-lb {
  background-image: url(../img/flags/4x3/lb.svg);
}
.fi-lb.fis {
  background-image: url(../img/flags/1x1/lb.svg);
}

.fi-lc {
  background-image: url(../img/flags/4x3/lc.svg);
}
.fi-lc.fis {
  background-image: url(../img/flags/1x1/lc.svg);
}

.fi-li {
  background-image: url(../img/flags/4x3/li.svg);
}
.fi-li.fis {
  background-image: url(../img/flags/1x1/li.svg);
}

.fi-lk {
  background-image: url(../img/flags/4x3/lk.svg);
}
.fi-lk.fis {
  background-image: url(../img/flags/1x1/lk.svg);
}

.fi-lr {
  background-image: url(../img/flags/4x3/lr.svg);
}
.fi-lr.fis {
  background-image: url(../img/flags/1x1/lr.svg);
}

.fi-ls {
  background-image: url(../img/flags/4x3/ls.svg);
}
.fi-ls.fis {
  background-image: url(../img/flags/1x1/ls.svg);
}

.fi-lt {
  background-image: url(../img/flags/4x3/lt.svg);
}
.fi-lt.fis {
  background-image: url(../img/flags/1x1/lt.svg);
}

.fi-lu {
  background-image: url(../img/flags/4x3/lu.svg);
}
.fi-lu.fis {
  background-image: url(../img/flags/1x1/lu.svg);
}

.fi-lv {
  background-image: url(../img/flags/4x3/lv.svg);
}
.fi-lv.fis {
  background-image: url(../img/flags/1x1/lv.svg);
}

.fi-ly {
  background-image: url(../img/flags/4x3/ly.svg);
}
.fi-ly.fis {
  background-image: url(../img/flags/1x1/ly.svg);
}

.fi-ma {
  background-image: url(../img/flags/4x3/ma.svg);
}
.fi-ma.fis {
  background-image: url(../img/flags/1x1/ma.svg);
}

.fi-mc {
  background-image: url(../img/flags/4x3/mc.svg);
}
.fi-mc.fis {
  background-image: url(../img/flags/1x1/mc.svg);
}

.fi-md {
  background-image: url(../img/flags/4x3/md.svg);
}
.fi-md.fis {
  background-image: url(../img/flags/1x1/md.svg);
}

.fi-me {
  background-image: url(../img/flags/4x3/me.svg);
}
.fi-me.fis {
  background-image: url(../img/flags/1x1/me.svg);
}

.fi-mf {
  background-image: url(../img/flags/4x3/mf.svg);
}
.fi-mf.fis {
  background-image: url(../img/flags/1x1/mf.svg);
}

.fi-mg {
  background-image: url(../img/flags/4x3/mg.svg);
}
.fi-mg.fis {
  background-image: url(../img/flags/1x1/mg.svg);
}

.fi-mh {
  background-image: url(../img/flags/4x3/mh.svg);
}
.fi-mh.fis {
  background-image: url(../img/flags/1x1/mh.svg);
}

.fi-mk {
  background-image: url(../img/flags/4x3/mk.svg);
}
.fi-mk.fis {
  background-image: url(../img/flags/1x1/mk.svg);
}

.fi-ml {
  background-image: url(../img/flags/4x3/ml.svg);
}
.fi-ml.fis {
  background-image: url(../img/flags/1x1/ml.svg);
}

.fi-mm {
  background-image: url(../img/flags/4x3/mm.svg);
}
.fi-mm.fis {
  background-image: url(../img/flags/1x1/mm.svg);
}

.fi-mn {
  background-image: url(../img/flags/4x3/mn.svg);
}
.fi-mn.fis {
  background-image: url(../img/flags/1x1/mn.svg);
}

.fi-mo {
  background-image: url(../img/flags/4x3/mo.svg);
}
.fi-mo.fis {
  background-image: url(../img/flags/1x1/mo.svg);
}

.fi-mp {
  background-image: url(../img/flags/4x3/mp.svg);
}
.fi-mp.fis {
  background-image: url(../img/flags/1x1/mp.svg);
}

.fi-mq {
  background-image: url(../img/flags/4x3/mq.svg);
}
.fi-mq.fis {
  background-image: url(../img/flags/1x1/mq.svg);
}

.fi-mr {
  background-image: url(../img/flags/4x3/mr.svg);
}
.fi-mr.fis {
  background-image: url(../img/flags/1x1/mr.svg);
}

.fi-ms {
  background-image: url(../img/flags/4x3/ms.svg);
}
.fi-ms.fis {
  background-image: url(../img/flags/1x1/ms.svg);
}

.fi-mt {
  background-image: url(../img/flags/4x3/mt.svg);
}
.fi-mt.fis {
  background-image: url(../img/flags/1x1/mt.svg);
}

.fi-mu {
  background-image: url(../img/flags/4x3/mu.svg);
}
.fi-mu.fis {
  background-image: url(../img/flags/1x1/mu.svg);
}

.fi-mv {
  background-image: url(../img/flags/4x3/mv.svg);
}
.fi-mv.fis {
  background-image: url(../img/flags/1x1/mv.svg);
}

.fi-mw {
  background-image: url(../img/flags/4x3/mw.svg);
}
.fi-mw.fis {
  background-image: url(../img/flags/1x1/mw.svg);
}

.fi-mx {
  background-image: url(../img/flags/4x3/mx.svg);
}
.fi-mx.fis {
  background-image: url(../img/flags/1x1/mx.svg);
}

.fi-my {
  background-image: url(../img/flags/4x3/my.svg);
}
.fi-my.fis {
  background-image: url(../img/flags/1x1/my.svg);
}

.fi-mz {
  background-image: url(../img/flags/4x3/mz.svg);
}
.fi-mz.fis {
  background-image: url(../img/flags/1x1/mz.svg);
}

.fi-na {
  background-image: url(../img/flags/4x3/na.svg);
}
.fi-na.fis {
  background-image: url(../img/flags/1x1/na.svg);
}

.fi-nc {
  background-image: url(../img/flags/4x3/nc.svg);
}
.fi-nc.fis {
  background-image: url(../img/flags/1x1/nc.svg);
}

.fi-ne {
  background-image: url(../img/flags/4x3/ne.svg);
}
.fi-ne.fis {
  background-image: url(../img/flags/1x1/ne.svg);
}

.fi-nf {
  background-image: url(../img/flags/4x3/nf.svg);
}
.fi-nf.fis {
  background-image: url(../img/flags/1x1/nf.svg);
}

.fi-ng {
  background-image: url(../img/flags/4x3/ng.svg);
}
.fi-ng.fis {
  background-image: url(../img/flags/1x1/ng.svg);
}

.fi-ni {
  background-image: url(../img/flags/4x3/ni.svg);
}
.fi-ni.fis {
  background-image: url(../img/flags/1x1/ni.svg);
}

.fi-nl {
  background-image: url(../img/flags/4x3/nl.svg);
}
.fi-nl.fis {
  background-image: url(../img/flags/1x1/nl.svg);
}

.fi-no {
  background-image: url(../img/flags/4x3/no.svg);
}
.fi-no.fis {
  background-image: url(../img/flags/1x1/no.svg);
}

.fi-np {
  background-image: url(../img/flags/4x3/np.svg);
}
.fi-np.fis {
  background-image: url(../img/flags/1x1/np.svg);
}

.fi-nr {
  background-image: url(../img/flags/4x3/nr.svg);
}
.fi-nr.fis {
  background-image: url(../img/flags/1x1/nr.svg);
}

.fi-nu {
  background-image: url(../img/flags/4x3/nu.svg);
}
.fi-nu.fis {
  background-image: url(../img/flags/1x1/nu.svg);
}

.fi-nz {
  background-image: url(../img/flags/4x3/nz.svg);
}
.fi-nz.fis {
  background-image: url(../img/flags/1x1/nz.svg);
}

.fi-om {
  background-image: url(../img/flags/4x3/om.svg);
}
.fi-om.fis {
  background-image: url(../img/flags/1x1/om.svg);
}

.fi-pa {
  background-image: url(../img/flags/4x3/pa.svg);
}
.fi-pa.fis {
  background-image: url(../img/flags/1x1/pa.svg);
}

.fi-pe {
  background-image: url(../img/flags/4x3/pe.svg);
}
.fi-pe.fis {
  background-image: url(../img/flags/1x1/pe.svg);
}

.fi-pf {
  background-image: url(../img/flags/4x3/pf.svg);
}
.fi-pf.fis {
  background-image: url(../img/flags/1x1/pf.svg);
}

.fi-pg {
  background-image: url(../img/flags/4x3/pg.svg);
}
.fi-pg.fis {
  background-image: url(../img/flags/1x1/pg.svg);
}

.fi-ph {
  background-image: url(../img/flags/4x3/ph.svg);
}
.fi-ph.fis {
  background-image: url(../img/flags/1x1/ph.svg);
}

.fi-pk {
  background-image: url(../img/flags/4x3/pk.svg);
}
.fi-pk.fis {
  background-image: url(../img/flags/1x1/pk.svg);
}

.fi-pl {
  background-image: url(../img/flags/4x3/pl.svg);
}
.fi-pl.fis {
  background-image: url(../img/flags/1x1/pl.svg);
}

.fi-pm {
  background-image: url(../img/flags/4x3/pm.svg);
}
.fi-pm.fis {
  background-image: url(../img/flags/1x1/pm.svg);
}

.fi-pn {
  background-image: url(../img/flags/4x3/pn.svg);
}
.fi-pn.fis {
  background-image: url(../img/flags/1x1/pn.svg);
}

.fi-pr {
  background-image: url(../img/flags/4x3/pr.svg);
}
.fi-pr.fis {
  background-image: url(../img/flags/1x1/pr.svg);
}

.fi-ps {
  background-image: url(../img/flags/4x3/ps.svg);
}
.fi-ps.fis {
  background-image: url(../img/flags/1x1/ps.svg);
}

.fi-pt {
  background-image: url(../img/flags/4x3/pt.svg);
}
.fi-pt.fis {
  background-image: url(../img/flags/1x1/pt.svg);
}

.fi-pw {
  background-image: url(../img/flags/4x3/pw.svg);
}
.fi-pw.fis {
  background-image: url(../img/flags/1x1/pw.svg);
}

.fi-py {
  background-image: url(../img/flags/4x3/py.svg);
}
.fi-py.fis {
  background-image: url(../img/flags/1x1/py.svg);
}

.fi-qa {
  background-image: url(../img/flags/4x3/qa.svg);
}
.fi-qa.fis {
  background-image: url(../img/flags/1x1/qa.svg);
}

.fi-re {
  background-image: url(../img/flags/4x3/re.svg);
}
.fi-re.fis {
  background-image: url(../img/flags/1x1/re.svg);
}

.fi-ro {
  background-image: url(../img/flags/4x3/ro.svg);
}
.fi-ro.fis {
  background-image: url(../img/flags/1x1/ro.svg);
}

.fi-rs {
  background-image: url(../img/flags/4x3/rs.svg);
}
.fi-rs.fis {
  background-image: url(../img/flags/1x1/rs.svg);
}

.fi-ru {
  background-image: url(../img/flags/4x3/ru.svg);
}
.fi-ru.fis {
  background-image: url(../img/flags/1x1/ru.svg);
}

.fi-rw {
  background-image: url(../img/flags/4x3/rw.svg);
}
.fi-rw.fis {
  background-image: url(../img/flags/1x1/rw.svg);
}

.fi-sa {
  background-image: url(../img/flags/4x3/sa.svg);
}
.fi-sa.fis {
  background-image: url(../img/flags/1x1/sa.svg);
}

.fi-sb {
  background-image: url(../img/flags/4x3/sb.svg);
}
.fi-sb.fis {
  background-image: url(../img/flags/1x1/sb.svg);
}

.fi-sc {
  background-image: url(../img/flags/4x3/sc.svg);
}
.fi-sc.fis {
  background-image: url(../img/flags/1x1/sc.svg);
}

.fi-sd {
  background-image: url(../img/flags/4x3/sd.svg);
}
.fi-sd.fis {
  background-image: url(../img/flags/1x1/sd.svg);
}

.fi-se {
  background-image: url(../img/flags/4x3/se.svg);
}
.fi-se.fis {
  background-image: url(../img/flags/1x1/se.svg);
}

.fi-sg {
  background-image: url(../img/flags/4x3/sg.svg);
}
.fi-sg.fis {
  background-image: url(../img/flags/1x1/sg.svg);
}

.fi-sh {
  background-image: url(../img/flags/4x3/sh.svg);
}
.fi-sh.fis {
  background-image: url(../img/flags/1x1/sh.svg);
}

.fi-si {
  background-image: url(../img/flags/4x3/si.svg);
}
.fi-si.fis {
  background-image: url(../img/flags/1x1/si.svg);
}

.fi-sj {
  background-image: url(../img/flags/4x3/sj.svg);
}
.fi-sj.fis {
  background-image: url(../img/flags/1x1/sj.svg);
}

.fi-sk {
  background-image: url(../img/flags/4x3/sk.svg);
}
.fi-sk.fis {
  background-image: url(../img/flags/1x1/sk.svg);
}

.fi-sl {
  background-image: url(../img/flags/4x3/sl.svg);
}
.fi-sl.fis {
  background-image: url(../img/flags/1x1/sl.svg);
}

.fi-sm {
  background-image: url(../img/flags/4x3/sm.svg);
}
.fi-sm.fis {
  background-image: url(../img/flags/1x1/sm.svg);
}

.fi-sn {
  background-image: url(../img/flags/4x3/sn.svg);
}
.fi-sn.fis {
  background-image: url(../img/flags/1x1/sn.svg);
}

.fi-so {
  background-image: url(../img/flags/4x3/so.svg);
}
.fi-so.fis {
  background-image: url(../img/flags/1x1/so.svg);
}

.fi-sr {
  background-image: url(../img/flags/4x3/sr.svg);
}
.fi-sr.fis {
  background-image: url(../img/flags/1x1/sr.svg);
}

.fi-ss {
  background-image: url(../img/flags/4x3/ss.svg);
}
.fi-ss.fis {
  background-image: url(../img/flags/1x1/ss.svg);
}

.fi-st {
  background-image: url(../img/flags/4x3/st.svg);
}
.fi-st.fis {
  background-image: url(../img/flags/1x1/st.svg);
}

.fi-sv {
  background-image: url(../img/flags/4x3/sv.svg);
}
.fi-sv.fis {
  background-image: url(../img/flags/1x1/sv.svg);
}

.fi-sx {
  background-image: url(../img/flags/4x3/sx.svg);
}
.fi-sx.fis {
  background-image: url(../img/flags/1x1/sx.svg);
}

.fi-sy {
  background-image: url(../img/flags/4x3/sy.svg);
}
.fi-sy.fis {
  background-image: url(../img/flags/1x1/sy.svg);
}

.fi-sz {
  background-image: url(../img/flags/4x3/sz.svg);
}
.fi-sz.fis {
  background-image: url(../img/flags/1x1/sz.svg);
}

.fi-tc {
  background-image: url(../img/flags/4x3/tc.svg);
}
.fi-tc.fis {
  background-image: url(../img/flags/1x1/tc.svg);
}

.fi-td {
  background-image: url(../img/flags/4x3/td.svg);
}
.fi-td.fis {
  background-image: url(../img/flags/1x1/td.svg);
}

.fi-tf {
  background-image: url(../img/flags/4x3/tf.svg);
}
.fi-tf.fis {
  background-image: url(../img/flags/1x1/tf.svg);
}

.fi-tg {
  background-image: url(../img/flags/4x3/tg.svg);
}
.fi-tg.fis {
  background-image: url(../img/flags/1x1/tg.svg);
}

.fi-th {
  background-image: url(../img/flags/4x3/th.svg);
}
.fi-th.fis {
  background-image: url(../img/flags/1x1/th.svg);
}

.fi-tj {
  background-image: url(../img/flags/4x3/tj.svg);
}
.fi-tj.fis {
  background-image: url(../img/flags/1x1/tj.svg);
}

.fi-tk {
  background-image: url(../img/flags/4x3/tk.svg);
}
.fi-tk.fis {
  background-image: url(../img/flags/1x1/tk.svg);
}

.fi-tl {
  background-image: url(../img/flags/4x3/tl.svg);
}
.fi-tl.fis {
  background-image: url(../img/flags/1x1/tl.svg);
}

.fi-tm {
  background-image: url(../img/flags/4x3/tm.svg);
}
.fi-tm.fis {
  background-image: url(../img/flags/1x1/tm.svg);
}

.fi-tn {
  background-image: url(../img/flags/4x3/tn.svg);
}
.fi-tn.fis {
  background-image: url(../img/flags/1x1/tn.svg);
}

.fi-to {
  background-image: url(../img/flags/4x3/to.svg);
}
.fi-to.fis {
  background-image: url(../img/flags/1x1/to.svg);
}

.fi-tr {
  background-image: url(../img/flags/4x3/tr.svg);
}
.fi-tr.fis {
  background-image: url(../img/flags/1x1/tr.svg);
}

.fi-tt {
  background-image: url(../img/flags/4x3/tt.svg);
}
.fi-tt.fis {
  background-image: url(../img/flags/1x1/tt.svg);
}

.fi-tv {
  background-image: url(../img/flags/4x3/tv.svg);
}
.fi-tv.fis {
  background-image: url(../img/flags/1x1/tv.svg);
}

.fi-tw {
  background-image: url(../img/flags/4x3/tw.svg);
}
.fi-tw.fis {
  background-image: url(../img/flags/1x1/tw.svg);
}

.fi-tz {
  background-image: url(../img/flags/4x3/tz.svg);
}
.fi-tz.fis {
  background-image: url(../img/flags/1x1/tz.svg);
}

.fi-ua {
  background-image: url(../img/flags/4x3/ua.svg);
}
.fi-ua.fis {
  background-image: url(../img/flags/1x1/ua.svg);
}

.fi-ug {
  background-image: url(../img/flags/4x3/ug.svg);
}
.fi-ug.fis {
  background-image: url(../img/flags/1x1/ug.svg);
}

.fi-um {
  background-image: url(../img/flags/4x3/um.svg);
}
.fi-um.fis {
  background-image: url(../img/flags/1x1/um.svg);
}

.fi-us {
  background-image: url(../img/flags/4x3/us.svg);
}
.fi-us.fis {
  background-image: url(../img/flags/1x1/us.svg);
}

.fi-uy {
  background-image: url(../img/flags/4x3/uy.svg);
}
.fi-uy.fis {
  background-image: url(../img/flags/1x1/uy.svg);
}

.fi-uz {
  background-image: url(../img/flags/4x3/uz.svg);
}
.fi-uz.fis {
  background-image: url(../img/flags/1x1/uz.svg);
}

.fi-va {
  background-image: url(../img/flags/4x3/va.svg);
}
.fi-va.fis {
  background-image: url(../img/flags/1x1/va.svg);
}

.fi-vc {
  background-image: url(../img/flags/4x3/vc.svg);
}
.fi-vc.fis {
  background-image: url(../img/flags/1x1/vc.svg);
}

.fi-ve {
  background-image: url(../img/flags/4x3/ve.svg);
}
.fi-ve.fis {
  background-image: url(../img/flags/1x1/ve.svg);
}

.fi-vg {
  background-image: url(../img/flags/4x3/vg.svg);
}
.fi-vg.fis {
  background-image: url(../img/flags/1x1/vg.svg);
}

.fi-vi {
  background-image: url(../img/flags/4x3/vi.svg);
}
.fi-vi.fis {
  background-image: url(../img/flags/1x1/vi.svg);
}

.fi-vn {
  background-image: url(../img/flags/4x3/vn.svg);
}
.fi-vn.fis {
  background-image: url(../img/flags/1x1/vn.svg);
}

.fi-vu {
  background-image: url(../img/flags/4x3/vu.svg);
}
.fi-vu.fis {
  background-image: url(../img/flags/1x1/vu.svg);
}

.fi-wf {
  background-image: url(../img/flags/4x3/wf.svg);
}
.fi-wf.fis {
  background-image: url(../img/flags/1x1/wf.svg);
}

.fi-ws {
  background-image: url(../img/flags/4x3/ws.svg);
}
.fi-ws.fis {
  background-image: url(../img/flags/1x1/ws.svg);
}

.fi-ye {
  background-image: url(../img/flags/4x3/ye.svg);
}
.fi-ye.fis {
  background-image: url(../img/flags/1x1/ye.svg);
}

.fi-yt {
  background-image: url(../img/flags/4x3/yt.svg);
}
.fi-yt.fis {
  background-image: url(../img/flags/1x1/yt.svg);
}

.fi-za {
  background-image: url(../img/flags/4x3/za.svg);
}
.fi-za.fis {
  background-image: url(../img/flags/1x1/za.svg);
}

.fi-zm {
  background-image: url(../img/flags/4x3/zm.svg);
}
.fi-zm.fis {
  background-image: url(../img/flags/1x1/zm.svg);
}

.fi-zw {
  background-image: url(../img/flags/4x3/zw.svg);
}
.fi-zw.fis {
  background-image: url(../img/flags/1x1/zw.svg);
}

.fi-ac {
  background-image: url(../img/flags/4x3/ac.svg);
}
.fi-ac.fis {
  background-image: url(../img/flags/1x1/ac.svg);
}

.fi-cp {
  background-image: url(../img/flags/4x3/cp.svg);
}
.fi-cp.fis {
  background-image: url(../img/flags/1x1/cp.svg);
}

.fi-dg {
  background-image: url(../img/flags/4x3/dg.svg);
}
.fi-dg.fis {
  background-image: url(../img/flags/1x1/dg.svg);
}

.fi-ea {
  background-image: url(../img/flags/4x3/ea.svg);
}
.fi-ea.fis {
  background-image: url(../img/flags/1x1/ea.svg);
}

.fi-es-ct {
  background-image: url(../img/flags/4x3/es-ct.svg);
}
.fi-es-ct.fis {
  background-image: url(../img/flags/1x1/es-ct.svg);
}

.fi-es-ga {
  background-image: url(../img/flags/4x3/es-ga.svg);
}
.fi-es-ga.fis {
  background-image: url(../img/flags/1x1/es-ga.svg);
}

.fi-eu {
  background-image: url(../img/flags/4x3/eu.svg);
}
.fi-eu.fis {
  background-image: url(../img/flags/1x1/eu.svg);
}

.fi-gb-eng {
  background-image: url(../img/flags/4x3/gb-eng.svg);
}
.fi-gb-eng.fis {
  background-image: url(../img/flags/1x1/gb-eng.svg);
}

.fi-gb-nir {
  background-image: url(../img/flags/4x3/gb-nir.svg);
}
.fi-gb-nir.fis {
  background-image: url(../img/flags/1x1/gb-nir.svg);
}

.fi-gb-sct {
  background-image: url(../img/flags/4x3/gb-sct.svg);
}
.fi-gb-sct.fis {
  background-image: url(../img/flags/1x1/gb-sct.svg);
}

.fi-gb-wls {
  background-image: url(../img/flags/4x3/gb-wls.svg);
}
.fi-gb-wls.fis {
  background-image: url(../img/flags/1x1/gb-wls.svg);
}

.fi-ic {
  background-image: url(../img/flags/4x3/ic.svg);
}
.fi-ic.fis {
  background-image: url(../img/flags/1x1/ic.svg);
}

.fi-ta {
  background-image: url(../img/flags/4x3/ta.svg);
}
.fi-ta.fis {
  background-image: url(../img/flags/1x1/ta.svg);
}

.fi-un {
  background-image: url(../img/flags/4x3/un.svg);
}
.fi-un.fis {
  background-image: url(../img/flags/1x1/un.svg);
}

.fi-xk {
  background-image: url(../img/flags/4x3/xk.svg);
}
.fi-xk.fis {
  background-image: url(../img/flags/1x1/xk.svg);
}

.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}

.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -0.6em;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}