@charset "UTF-8";
.flag-square-rounded-25 {
  background-image: url(/assets/images/flags/spritesheets/square_rounded_25.png);
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  background-position: -109px -28px;
}
.flag-square-rounded-25.ar {
  background-position: -1px -1px;
}
.flag-square-rounded-25.ar_SA {
  background-position: -28px -1px;
}
.flag-square-rounded-25.az {
  background-position: -55px -1px;
}
.flag-square-rounded-25.ba {
  background-position: -82px -1px;
}
.flag-square-rounded-25.be {
  background-position: -109px -1px;
}
.flag-square-rounded-25.bg {
  background-position: -136px -1px;
}
.flag-square-rounded-25.bn {
  background-position: -163px -1px;
}
.flag-square-rounded-25.cs {
  background-position: -190px -1px;
}
.flag-square-rounded-25.da {
  background-position: -1px -28px;
}
.flag-square-rounded-25.de {
  background-position: -28px -28px;
}
.flag-square-rounded-25.de_AT {
  background-position: -55px -28px;
}
.flag-square-rounded-25.de_CH {
  background-position: -82px -28px;
}
.flag-square-rounded-25.el {
  background-position: -136px -28px;
}
.flag-square-rounded-25.en {
  background-position: -163px -28px;
}
.flag-square-rounded-25.en_US {
  background-position: -190px -28px;
}
.flag-square-rounded-25.es {
  background-position: -1px -55px;
}
.flag-square-rounded-25.es_CL {
  background-position: -28px -55px;
}
.flag-square-rounded-25.es_MX {
  background-position: -55px -55px;
}
.flag-square-rounded-25.et {
  background-position: -82px -55px;
}
.flag-square-rounded-25.fa {
  background-position: -109px -55px;
}
.flag-square-rounded-25.fi {
  background-position: -136px -55px;
}
.flag-square-rounded-25.fo {
  background-position: -163px -55px;
}
.flag-square-rounded-25.fr {
  background-position: -190px -55px;
}
.flag-square-rounded-25.he {
  background-position: -1px -82px;
}
.flag-square-rounded-25.hi {
  background-position: -28px -82px;
}
.flag-square-rounded-25.hr {
  background-position: -55px -82px;
}
.flag-square-rounded-25.hu {
  background-position: -82px -82px;
}
.flag-square-rounded-25.hy {
  background-position: -109px -82px;
}
.flag-square-rounded-25.id {
  background-position: -136px -82px;
}
.flag-square-rounded-25.it {
  background-position: -163px -82px;
}
.flag-square-rounded-25.ja {
  background-position: -190px -82px;
}
.flag-square-rounded-25.ka {
  background-position: -1px -109px;
}
.flag-square-rounded-25.kk {
  background-position: -28px -109px;
}
.flag-square-rounded-25.ko {
  background-position: -55px -109px;
}
.flag-square-rounded-25.ky {
  background-position: -82px -109px;
}
.flag-square-rounded-25.lt {
  background-position: -109px -109px;
}
.flag-square-rounded-25.lv {
  background-position: -136px -109px;
}
.flag-square-rounded-25.me {
  background-position: -163px -109px;
}
.flag-square-rounded-25.mk {
  background-position: -190px -109px;
}
.flag-square-rounded-25.ml {
  background-position: -1px -136px;
}
.flag-square-rounded-25.mn {
  background-position: -28px -136px;
}
.flag-square-rounded-25.mr {
  background-position: -55px -136px;
}
.flag-square-rounded-25.ms {
  background-position: -82px -136px;
}
.flag-square-rounded-25.nl {
  background-position: -109px -136px;
}
.flag-square-rounded-25.no {
  background-position: -136px -136px;
}
.flag-square-rounded-25.pa {
  background-position: -163px -136px;
}
.flag-square-rounded-25.pl {
  background-position: -190px -136px;
}
.flag-square-rounded-25.pt {
  background-position: -1px -163px;
}
.flag-square-rounded-25.pt_BR {
  background-position: -28px -163px;
}
.flag-square-rounded-25.ro {
  background-position: -55px -163px;
}
.flag-square-rounded-25.ru {
  background-position: -82px -163px;
}
.flag-square-rounded-25.sk {
  background-position: -109px -163px;
}
.flag-square-rounded-25.sl {
  background-position: -136px -163px;
}
.flag-square-rounded-25.sq {
  background-position: -163px -163px;
}
.flag-square-rounded-25.sr {
  background-position: -190px -163px;
}
.flag-square-rounded-25.sv {
  background-position: -1px -190px;
}
.flag-square-rounded-25.ta {
  background-position: -28px -190px;
}
.flag-square-rounded-25.te {
  background-position: -55px -190px;
}
.flag-square-rounded-25.tg {
  background-position: -82px -190px;
}
.flag-square-rounded-25.th {
  background-position: -109px -190px;
}
.flag-square-rounded-25.tk {
  background-position: -136px -190px;
}
.flag-square-rounded-25.tr {
  background-position: -163px -190px;
}
.flag-square-rounded-25.uk {
  background-position: -190px -190px;
}
.flag-square-rounded-25.ur {
  background-position: -217px -1px;
}
.flag-square-rounded-25.uz {
  background-position: -217px -28px;
}
.flag-square-rounded-25.vi {
  background-position: -217px -55px;
}
.flag-square-rounded-25.zh {
  background-position: -217px -82px;
}
.flag-square-rounded-25.zh_HK {
  background-position: -217px -109px;
}
.flag-square-rounded-25.zh_TW {
  background-position: -217px -136px;
}

@media screen and (min-width: 3500px) {
  .flag-square-rounded-25 {
    background-image: url(/assets/images/flags/spritesheets/square_rounded_25_x2.png);
    width: 50px;
    height: 50px;
    background-position: -209px -53px;
  }
  .flag-square-rounded-25.ar {
    background-position: -1px -1px;
  }
  .flag-square-rounded-25.ar_SA {
    background-position: -53px -1px;
  }
  .flag-square-rounded-25.az {
    background-position: -105px -1px;
  }
  .flag-square-rounded-25.ba {
    background-position: -157px -1px;
  }
  .flag-square-rounded-25.be {
    background-position: -209px -1px;
  }
  .flag-square-rounded-25.bg {
    background-position: -261px -1px;
  }
  .flag-square-rounded-25.bn {
    background-position: -313px -1px;
  }
  .flag-square-rounded-25.cs {
    background-position: -365px -1px;
  }
  .flag-square-rounded-25.da {
    background-position: -1px -53px;
  }
  .flag-square-rounded-25.de {
    background-position: -53px -53px;
  }
  .flag-square-rounded-25.de_AT {
    background-position: -105px -53px;
  }
  .flag-square-rounded-25.de_CH {
    background-position: -157px -53px;
  }
  .flag-square-rounded-25.el {
    background-position: -261px -53px;
  }
  .flag-square-rounded-25.en {
    background-position: -313px -53px;
  }
  .flag-square-rounded-25.en_US {
    background-position: -365px -53px;
  }
  .flag-square-rounded-25.es {
    background-position: -1px -105px;
  }
  .flag-square-rounded-25.es_CL {
    background-position: -53px -105px;
  }
  .flag-square-rounded-25.es_MX {
    background-position: -105px -105px;
  }
  .flag-square-rounded-25.et {
    background-position: -157px -105px;
  }
  .flag-square-rounded-25.fa {
    background-position: -209px -105px;
  }
  .flag-square-rounded-25.fi {
    background-position: -261px -105px;
  }
  .flag-square-rounded-25.fo {
    background-position: -313px -105px;
  }
  .flag-square-rounded-25.fr {
    background-position: -365px -105px;
  }
  .flag-square-rounded-25.he {
    background-position: -1px -157px;
  }
  .flag-square-rounded-25.hi {
    background-position: -53px -157px;
  }
  .flag-square-rounded-25.hr {
    background-position: -105px -157px;
  }
  .flag-square-rounded-25.hu {
    background-position: -157px -157px;
  }
  .flag-square-rounded-25.hy {
    background-position: -209px -157px;
  }
  .flag-square-rounded-25.id {
    background-position: -261px -157px;
  }
  .flag-square-rounded-25.it {
    background-position: -313px -157px;
  }
  .flag-square-rounded-25.ja {
    background-position: -365px -157px;
  }
  .flag-square-rounded-25.ka {
    background-position: -1px -209px;
  }
  .flag-square-rounded-25.kk {
    background-position: -53px -209px;
  }
  .flag-square-rounded-25.ko {
    background-position: -105px -209px;
  }
  .flag-square-rounded-25.ky {
    background-position: -157px -209px;
  }
  .flag-square-rounded-25.lt {
    background-position: -209px -209px;
  }
  .flag-square-rounded-25.lv {
    background-position: -261px -209px;
  }
  .flag-square-rounded-25.me {
    background-position: -313px -209px;
  }
  .flag-square-rounded-25.mk {
    background-position: -365px -209px;
  }
  .flag-square-rounded-25.ml {
    background-position: -1px -261px;
  }
  .flag-square-rounded-25.mn {
    background-position: -53px -261px;
  }
  .flag-square-rounded-25.mr {
    background-position: -105px -261px;
  }
  .flag-square-rounded-25.ms {
    background-position: -157px -261px;
  }
  .flag-square-rounded-25.nl {
    background-position: -209px -261px;
  }
  .flag-square-rounded-25.no {
    background-position: -261px -261px;
  }
  .flag-square-rounded-25.pa {
    background-position: -313px -261px;
  }
  .flag-square-rounded-25.pl {
    background-position: -365px -261px;
  }
  .flag-square-rounded-25.pt {
    background-position: -1px -313px;
  }
  .flag-square-rounded-25.pt_BR {
    background-position: -53px -313px;
  }
  .flag-square-rounded-25.ro {
    background-position: -105px -313px;
  }
  .flag-square-rounded-25.ru {
    background-position: -157px -313px;
  }
  .flag-square-rounded-25.sk {
    background-position: -209px -313px;
  }
  .flag-square-rounded-25.sl {
    background-position: -261px -313px;
  }
  .flag-square-rounded-25.sq {
    background-position: -313px -313px;
  }
  .flag-square-rounded-25.sr {
    background-position: -365px -313px;
  }
  .flag-square-rounded-25.sv {
    background-position: -1px -365px;
  }
  .flag-square-rounded-25.ta {
    background-position: -53px -365px;
  }
  .flag-square-rounded-25.te {
    background-position: -105px -365px;
  }
  .flag-square-rounded-25.tg {
    background-position: -157px -365px;
  }
  .flag-square-rounded-25.th {
    background-position: -209px -365px;
  }
  .flag-square-rounded-25.tk {
    background-position: -261px -365px;
  }
  .flag-square-rounded-25.tr {
    background-position: -313px -365px;
  }
  .flag-square-rounded-25.uk {
    background-position: -365px -365px;
  }
  .flag-square-rounded-25.ur {
    background-position: -417px -1px;
  }
  .flag-square-rounded-25.uz {
    background-position: -417px -53px;
  }
  .flag-square-rounded-25.vi {
    background-position: -417px -105px;
  }
  .flag-square-rounded-25.zh {
    background-position: -417px -157px;
  }
  .flag-square-rounded-25.zh_HK {
    background-position: -417px -209px;
  }
  .flag-square-rounded-25.zh_TW {
    background-position: -417px -261px;
  }
}
.flag-square-rounded-20 {
  background-image: url(/assets/images/flags/spritesheets/square_rounded_20.png);
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -20px;
}
.flag-square-rounded-20.ar {
  background-position: 0 0;
}
.flag-square-rounded-20.ar_sa {
  background-position: -20px 0;
}
.flag-square-rounded-20.az {
  background-position: -40px 0;
}
.flag-square-rounded-20.ba {
  background-position: -60px 0;
}
.flag-square-rounded-20.be {
  background-position: -80px 0;
}
.flag-square-rounded-20.bg {
  background-position: -100px 0;
}
.flag-square-rounded-20.bn {
  background-position: -120px 0;
}
.flag-square-rounded-20.cs {
  background-position: -140px 0;
}
.flag-square-rounded-20.da {
  background-position: 0 -20px;
}
.flag-square-rounded-20.de {
  background-position: -20px -20px;
}
.flag-square-rounded-20.de_CH {
  background-position: -40px -20px;
}
.flag-square-rounded-20.de_at {
  background-position: -60px -20px;
}
.flag-square-rounded-20.el {
  background-position: -100px -20px;
}
.flag-square-rounded-20.en {
  background-position: -120px -20px;
}
.flag-square-rounded-20.en_us {
  background-position: -140px -20px;
}
.flag-square-rounded-20.es {
  background-position: 0 -40px;
}
.flag-square-rounded-20.es_CL {
  background-position: -20px -40px;
}
.flag-square-rounded-20.es_MX {
  background-position: -40px -40px;
}
.flag-square-rounded-20.et {
  background-position: -60px -40px;
}
.flag-square-rounded-20.fa {
  background-position: -80px -40px;
}
.flag-square-rounded-20.fi {
  background-position: -100px -40px;
}
.flag-square-rounded-20.fo {
  background-position: -120px -40px;
}
.flag-square-rounded-20.fr {
  background-position: -140px -40px;
}
.flag-square-rounded-20.he {
  background-position: 0 -60px;
}
.flag-square-rounded-20.hi {
  background-position: -20px -60px;
}
.flag-square-rounded-20.hr {
  background-position: -40px -60px;
}
.flag-square-rounded-20.hu {
  background-position: -60px -60px;
}
.flag-square-rounded-20.hy {
  background-position: -80px -60px;
}
.flag-square-rounded-20.id {
  background-position: -100px -60px;
}
.flag-square-rounded-20.it {
  background-position: -120px -60px;
}
.flag-square-rounded-20.ja {
  background-position: -140px -60px;
}
.flag-square-rounded-20.ka {
  background-position: 0 -80px;
}
.flag-square-rounded-20.kk {
  background-position: -20px -80px;
}
.flag-square-rounded-20.ko {
  background-position: -40px -80px;
}
.flag-square-rounded-20.ky {
  background-position: -60px -80px;
}
.flag-square-rounded-20.lat {
  background-position: -80px -80px;
}
.flag-square-rounded-20.lt {
  background-position: -100px -80px;
}
.flag-square-rounded-20.lv {
  background-position: -120px -80px;
}
.flag-square-rounded-20.me {
  background-position: -140px -80px;
}
.flag-square-rounded-20.mk {
  background-position: 0 -100px;
}
.flag-square-rounded-20.ml {
  background-position: -20px -100px;
}
.flag-square-rounded-20.mn {
  background-position: -40px -100px;
}
.flag-square-rounded-20.mr {
  background-position: -60px -100px;
}
.flag-square-rounded-20.ms {
  background-position: -80px -100px;
}
.flag-square-rounded-20.nl {
  background-position: -100px -100px;
}
.flag-square-rounded-20.no {
  background-position: -120px -100px;
}
.flag-square-rounded-20.pa {
  background-position: -140px -100px;
}
.flag-square-rounded-20.pl {
  background-position: 0 -120px;
}
.flag-square-rounded-20.pt {
  background-position: -20px -120px;
}
.flag-square-rounded-20.pt_br {
  background-position: -40px -120px;
}
.flag-square-rounded-20.ro {
  background-position: -60px -120px;
}
.flag-square-rounded-20.ru {
  background-position: -80px -120px;
}
.flag-square-rounded-20.sk {
  background-position: -100px -120px;
}
.flag-square-rounded-20.sl {
  background-position: -120px -120px;
}
.flag-square-rounded-20.sq {
  background-position: -140px -120px;
}
.flag-square-rounded-20.sr {
  background-position: 0 -140px;
}
.flag-square-rounded-20.sv {
  background-position: -20px -140px;
}
.flag-square-rounded-20.ta {
  background-position: -40px -140px;
}
.flag-square-rounded-20.te {
  background-position: -60px -140px;
}
.flag-square-rounded-20.tg {
  background-position: -80px -140px;
}
.flag-square-rounded-20.th {
  background-position: -100px -140px;
}
.flag-square-rounded-20.tk {
  background-position: -120px -140px;
}
.flag-square-rounded-20.tr {
  background-position: -140px -140px;
}
.flag-square-rounded-20.uk {
  background-position: -160px 0;
}
.flag-square-rounded-20.ur {
  background-position: -160px -20px;
}
.flag-square-rounded-20.uz {
  background-position: -160px -40px;
}
.flag-square-rounded-20.vi {
  background-position: -160px -60px;
}
.flag-square-rounded-20.zh {
  background-position: -160px -80px;
}
.flag-square-rounded-20.zh_HK {
  background-position: -160px -100px;
}
.flag-square-rounded-20.zh_TW {
  background-position: -160px -120px;
}

@media (max-width: 991px) {
  .feedback-input-label {
    align-self: flex-start;
  }
  .feedback-input-label[for=description] {
    font-size: 12px;
  }
  .alignment-container {
    margin-left: 0;
  }
  .alignment-container-modal {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .feedback-input-label {
    align-self: flex-start;
    padding-top: 6px;
  }
  .feedback-input-label[for=description] {
    font-size: 12px;
  }
  .alignment-container {
    margin-left: 16rem;
  }
  .alignment-container-modal {
    margin-left: 12rem;
  }
}
.feedback-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.feedback-row {
  margin-bottom: 5px;
}

.feedback-extended-row {
  margin-bottom: 20px;
}

.feedback-button-container {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.feedback-filelist {
  padding: 6px 0;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.feedback-selected-file {
  background-color: #0074BD;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 5px;
  border-radius: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.feedback-selected-file > i {
  color: #ffffff;
  cursor: pointer;
}
.feedback-selected-file > i:hover {
  color: #244b95;
}

.hidden {
  display: none;
}

.error-message-container {
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
}

.additional-options {
  padding: 10px 15px;
}

.file-drop {
  margin: 6px 0 !important;
}

.file-drop-drag-over {
  border: 5px dashed #59d387 !important;
}

.simple-searchbar {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}

.simple-searchbar-item {
  -js-display: flex;
  display: flex;
  flex-direction: row;
}

.domain-selector {
  -js-display: flex;
  display: flex;
  flex-direction: row;
}

.feedback-platforms {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  color: #0074BD;
  text-align: center;
  float: right;
}
.feedback-platforms > div {
  border-radius: 4px;
  padding: 10px 15px;
  cursor: pointer;
}
.feedback-platforms > div:hover {
  background-color: #eeeeee;
  color: #000000;
}
.feedback-platforms > div.active {
  background: #0074BD;
  color: #ffffff;
}

.feedback-table {
  table-layout: fixed !important;
}

.description-header {
  width: 40% !important;
}

.break-word {
  word-break: break-word !important;
}

.bootstrap-dialog {
  /* dialog types */
  /**
   * Icon animation
   * Copied from font-awesome: http://fontawesome.io/
   **/
  /** End of icon animation **/
}
.bootstrap-dialog .modal-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bootstrap-dialog .bootstrap-dialog-title {
  color: #fff;
  display: inline-block;
  font-size: 16px;
}
.bootstrap-dialog .bootstrap-dialog-message {
  font-size: 14px;
}
.bootstrap-dialog .bootstrap-dialog-button-icon {
  margin-right: 3px;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
  font-size: 20px;
  float: right;
  @opacity (0.9);
}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
  cursor: pointer;
  @opacity (1.0);
}
.bootstrap-dialog.type-default .modal-header {
  background-color: #fff;
}
.bootstrap-dialog.type-default .bootstrap-dialog-title {
  color: #333;
}
.bootstrap-dialog.type-info .modal-header {
  background-color: #5bc0de;
}
.bootstrap-dialog.type-primary .modal-header {
  background-color: #337ab7;
}
.bootstrap-dialog.type-success .modal-header {
  background-color: #5cb85c;
}
.bootstrap-dialog.type-warning .modal-header {
  background-color: #f0ad4e;
}
.bootstrap-dialog.type-danger .modal-header {
  background-color: #d9534f;
}
.bootstrap-dialog.size-large .bootstrap-dialog-title {
  font-size: 24px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
  font-size: 30px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-message {
  font-size: 18px;
}
.bootstrap-dialog .icon-spin {
  display: inline-block;
  animation: spin 2s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
html[data-browser*=iPad].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%;
}
html[data-browser*=iPad].block-scroll body {
  overflow: visible;
  position: fixed;
  width: 100%;
}

html[data-browser*=iPod].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%;
}
html[data-browser*=iPod].block-scroll body {
  overflow: visible;
  position: fixed;
  width: 100%;
}

html[data-browser*=iPhone].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%;
}
html[data-browser*=iPhone].block-scroll body {
  overflow: visible;
  position: fixed;
  width: 100%;
}

html[data-browser*=Safari].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%;
}
html[data-browser*=Safari].block-scroll body {
  overflow: visible;
  position: fixed;
  width: 100%;
}

html[data-browser*=Firefox] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  position: relative;
}
html[data-browser*=Firefox] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title:after {
  content: "";
  width: 157px;
  height: 20px;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(241, 245, 251) 70%, rgb(241, 245, 251) 100%);
}
html[data-browser*=Firefox] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  position: relative;
}
html[data-browser*=Firefox] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(134, 174, 231) 70%, rgb(134, 174, 231) 100%);
}

html[data-browser*=Edge] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  position: relative;
}
html[data-browser*=Edge] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title:after {
  content: "";
  width: 157px;
  height: 20px;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(241, 245, 251) 70%, rgb(241, 245, 251) 100%);
}
html[data-browser*=Edge] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  position: relative;
}
html[data-browser*=Edge] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(134, 174, 231) 70%, rgb(134, 174, 231) 100%);
}

html[data-browser*=IE] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  position: relative;
}
html[data-browser*=IE] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title:after {
  content: "";
  width: 157px;
  height: 20px;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(241, 245, 251) 70%, rgb(241, 245, 251) 100%);
}
html[data-browser*=IE] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  position: relative;
}
html[data-browser*=IE] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(134, 174, 231) 70%, rgb(134, 174, 231) 100%);
}

html[data-browser*=MSIE] .section-homework .steps a > span b {
  line-height: 1.25;
}
html[data-browser*=MSIE] .section-homework .steps a > span > span {
  width: inherit;
  line-height: 2.5;
  vertical-align: super;
}

/*rtl:begin:ignore*/
.phpdebugbar {
  direction: ltr;
}
.phpdebugbar a.phpdebugbar-tab i {
  display: inline-block;
  padding-right: 10px;
}

/*rtl:end:ignore*/
@font-face {
  font-family: "mwicon";
  src: url("../assets/fonts/mwicon/build/mwicon-32300be981.eot");
  src: url("../assets/fonts/mwicon/build/mwicon-32300be981.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/mwicon/build/mwicon-ccf5211e58.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.mwicon-tudashalo:after {
  content: "⠀";
}

.mwicon-s_mathematics:after {
  content: "⠅";
}

.mwicon-s_math_logic:after {
  content: "⠆";
}

.mwicon-s_set_theory:after {
  content: "⠇";
}

.mwicon-s_algebra:after {
  content: "⠈";
}

.mwicon-s_elem_algebra:after {
  content: "⠉";
}

.mwicon-s_abstract_algebra:after {
  content: "⠊";
}

.mwicon-s_linear_algebra:after {
  content: "⠋";
}

.mwicon-s_geometry:after {
  content: "⠌";
}

.mwicon-s_analysis:after {
  content: "⠍";
}

.mwicon-s_probability_theory:after {
  content: "⠎";
}

.mwicon-s_computer_science:after {
  content: "⠏";
}

.mwicon-s_informatics:after {
  content: "⠐";
}

.mwicon-s_information_theory:after {
  content: "⠑";
}

.mwicon-s_comp_programming:after {
  content: "⠒";
}

.mwicon-s_networks:after {
  content: "⠓";
}

.mwicon-s_ai:after {
  content: "⠔";
}

.mwicon-s_logic:after {
  content: "⠔";
}

.mwicon-s_opsystems:after {
  content: "⠕";
}

.mwicon-s_hardware:after {
  content: "⠖";
}

.mwicon-s_software:after {
  content: "⠗";
}

.mwicon-s_religion:after {
  content: "⠘";
}

.mwicon-s_christianity:after {
  content: "⠙";
}

.mwicon-s_islam:after {
  content: "⠚";
}

.mwicon-s_judaism:after {
  content: "⠛";
}

.mwicon-s_buddhism:after {
  content: "⠜";
}

.mwicon-s_hinduism:after {
  content: "⠝";
}

.mwicon-s_natural_science:after {
  content: "⠞";
}

.mwicon-s_physics:after {
  content: "⠟";
}

.mwicon-s_mechanics:after {
  content: "⠠";
}

.mwicon-s_optics:after {
  content: "⠡";
}

.mwicon-s_thermodynamics:after {
  content: "⠢";
}

.mwicon-s_electromagnetics:after {
  content: "⠣";
}

.mwicon-s_modern_physics:after {
  content: "⠤";
}

.mwicon-s_astronomy:after {
  content: "⠥";
}

.mwicon-s_chemistry:after {
  content: "⠦";
}

.mwicon-s_general_physics:after {
  content: "⠧";
}

.mwicon-s_inorg_chemistry:after {
  content: "⠨";
}

.mwicon-s_organic_chemistry:after {
  content: "⠩";
}

.mwicon-s_physical_chemistry:after {
  content: "⠪";
}

.mwicon-s_medicine:after {
  content: "⠫";
}

.mwicon-s_geoghraphy:after {
  content: "⠬";
}

.mwicon-s_phys_geography:after {
  content: "⠭";
}

.mwicon-s_soc_geography:after {
  content: "⠮";
}

.mwicon-s_reg_geography:after {
  content: "⠯";
}

.mwicon-s_agriculture:after {
  content: "⠰";
}

.mwicon-s_plants:after {
  content: "⠱";
}

.mwicon-s_animals:after {
  content: "⠲";
}

.mwicon-s_fishing:after {
  content: "⠳";
}

.mwicon-s_forestry:after {
  content: "⠴";
}

.mwicon-s_engineering_science:after {
  content: "⠵";
}

.mwicon-s_architecture:after {
  content: "⠶";
}

.mwicon-s_engineering:after {
  content: "⠷";
}

.mwicon-s_electricity:after {
  content: "⠸";
}

.mwicon-s_transport:after {
  content: "⠹";
}

.mwicon-s_strategics:after {
  content: "⠺";
}

.mwicon-s_robotics:after {
  content: "⠻";
}

.mwicon-s_biology:after {
  content: "⠼";
}

.mwicon-s_microbiology:after {
  content: "⠽";
}

.mwicon-s_botany:after {
  content: "⠾";
}

.mwicon-s_zoology:after {
  content: "⠿";
}

.mwicon-s_anthropology:after {
  content: "⡀";
}

.mwicon-s_genetics:after {
  content: "⡁";
}

.mwicon-s_systematics:after {
  content: "⡂";
}

.mwicon-s_ecology:after {
  content: "⡃";
}

.mwicon-s_social_science:after {
  content: "⡄";
}

.mwicon-s_philosophy:after {
  content: "⡅";
}

.mwicon-s_law:after {
  content: "⡆";
}

.mwicon-s_economics:after {
  content: "⡇";
}

.mwicon-s_art_history:after {
  content: "⡈";
}

.mwicon-s_ethnography:after {
  content: "⡉";
}

.mwicon-s_linguistics:after {
  content: "⡊";
}

.mwicon-s_political_science:after {
  content: "⡋";
}

.mwicon-s_psychology:after {
  content: "⡌";
}

.mwicon-s_sociology:after {
  content: "⡍";
}

.mwicon-s_history:after {
  content: "⡎";
}

.mwicon-s_prehistory:after {
  content: "⡏";
}

.mwicon-s_ancient_history:after {
  content: "⡐";
}

.mwicon-s_middle_ages:after {
  content: "⡑";
}

.mwicon-s_modern_history:after {
  content: "⡒";
}

.mwicon-s_late_modern_history:after {
  content: "⡓";
}

.mwicon-s_pedagogy:after {
  content: "⡔";
}

.mwicon-s_archeology:after {
  content: "⡕";
}

.mwicon-s_art:after {
  content: "⡖";
}

.mwicon-s_arts:after {
  content: "⡗";
}

.mwicon-s_painting:after {
  content: "⡘";
}

.mwicon-s_sculpture:after {
  content: "⡙";
}

.mwicon-s_tectonics:after {
  content: "⡚";
}

.mwicon-s_graphics:after {
  content: "⡛";
}

.mwicon-s_photo_film:after {
  content: "⡜";
}

.mwicon-s_applied_arts:after {
  content: "⡝";
}

.mwicon-s_literature:after {
  content: "⡞";
}

.mwicon-s_lyric_poetry:after {
  content: "⡟";
}

.mwicon-s_drama:after {
  content: "⡠";
}

.mwicon-s_epic_poetry:after {
  content: "⡡";
}

.mwicon-s_music:after {
  content: "⡢";
}

.mwicon-s_performing_arts:after {
  content: "⡣";
}

.mwicon-s_foreignlanguages:after {
  content: "⡤";
}

.mwicon-s_english:after {
  content: "⡥";
}

.mwicon-s_chinese:after {
  content: "⡦";
}

.mwicon-s_spanish:after {
  content: "⡧";
}

.mwicon-s_german:after {
  content: "⡨";
}

.mwicon-s_french:after {
  content: "⡩";
}

.mwicon-s_russian:after {
  content: "⡪";
}

.mwicon-s_basiceducation:after {
  content: "⡫";
}

.mwicon-s_literacy:after {
  content: "⡬";
}

.mwicon-s_szamolas:after {
  content: "⡭";
}

.mwicon-s_measurement:after {
  content: "⡮";
}

.mwicon-s_env_knowledge:after {
  content: "⡯";
}

.mwicon-s_technics:after {
  content: "⡰";
}

.mwicon-s_science:after {
  content: "⡱";
}

.mwicon-s_howitworks:after {
  content: "⡲";
}

.mwicon-s_production:after {
  content: "⡳";
}

.mwicon-s_musical_instruments:after {
  content: "⡴";
}

.mwicon-_no_nowidth:after {
  content: "\e039";
}

.mwicon-_no:after {
  content: "\e03a";
}

.mwicon-mb_dl_type_min:after {
  content: "\e100";
}

.mwicon-mb_dl_type_full:after {
  content: "\e101";
}

.mwicon-mb_dl_type_demo:after {
  content: "\e102";
}

.mwicon-mb_dl_type_update:after {
  content: "\e103";
}

.mwicon-booktype_classroom:after {
  content: "\e110";
}

.mwicon-booktype_general:after {
  content: "\e111";
}

.mwicon-booktype_home:after {
  content: "\e112";
}

.mwicon-booktype_icon_printed:after {
  content: "\e113";
}

.mwicon-booktype_icon_intsmart:after {
  content: "\e114";
}

.mwicon-booktype_icon_digitalpack:after {
  content: "\e115";
}

.mwicon-booktype_icon_other:after {
  content: "\e116";
}

.mwicon-share:after {
  content: "\e120";
}

.mwicon-connections:after {
  content: "\e121";
}

.mwicon-loudspeaker:after {
  content: "\e122";
}

.mwicon-gauge:after {
  content: "\e123";
}

.mwicon-bulb:after {
  content: "\e124";
}

.mwicon-info:after {
  content: "\e125";
}

.mwicon-blog:after {
  content: "\e126";
}

.mwicon-book:after {
  content: "\e127";
}

.mwicon-digital_book:after {
  content: "\e128";
}

.mwicon-message:after {
  content: "\e129";
}

.mwicon-help:after {
  content: "\e12a";
}

.mwicon-cog:after {
  content: "\e12b";
}

.mwicon-flowerbook:after {
  content: "\e12c";
}

.mwicon-contact:after {
  content: "\e12d";
}

.mwicon-suggest:after {
  content: "\e12e";
}

.mwicon-message2:after {
  content: "\e12f";
}

.mwicon-answer:after {
  content: "\e130";
}

.mwicon-bubble_question:after {
  content: "\e131";
}

.mwicon-task:after {
  content: "\e138";
}

.mwicon-task_add:after {
  content: "\e139";
}

.mwicon-task_good:after {
  content: "\e13a";
}

.mwicon-task_in_progress:after {
  content: "\e13b";
}

.mwicon-task_bad:after {
  content: "\e13c";
}

.mwicon-booklet:after {
  content: "\e140";
}

.mwicon-booklet_add:after {
  content: "\e141";
}

.mwicon-booklet_user:after {
  content: "\e142";
}

.mwicon-book_general:after {
  content: "\e148";
}

.mwicon-book_plus:after {
  content: "\e149";
}

.mwicon-book_user:after {
  content: "\e14a";
}

.mwicon-book_series:after {
  content: "\e14b";
}

.mwicon-edit:after {
  content: "\e150";
}

.mwicon-edit_no:after {
  content: "\e151";
}

.mwicon-edit_input:after {
  content: "\e152";
}

.mwicon-pencil2:after {
  content: "\e158";
}

.mwicon-paintbrush:after {
  content: "\e159";
}

.mwicon-home:after {
  content: "\e15c";
}

.mwicon-search:after {
  content: "\e15d";
}

.mwicon-pencil:after {
  content: "\e15e";
}

.mwicon-pencil_drawing:after {
  content: "\e15f";
}

.mwicon-institute:after {
  content: "\e160";
}

.mwicon-globe:after {
  content: "\e161";
}

.mwicon-mozaik_logo:after {
  content: "\e162";
}

.mwicon-institute_hand:after {
  content: "\e163";
}

.mwicon-globe_hand:after {
  content: "\e164";
}

.mwicon-hand_simple:after {
  content: "\e166";
}

.mwicon-share_private:after {
  content: "\e168";
}

.mwicon-share_public:after {
  content: "\e169";
}

.mwicon-share_institute:after {
  content: "\e16a";
}

.mwicon-trash:after {
  content: "\e170";
}

.mwicon-eye:after {
  content: "\e171";
}

.mwicon-eye_no:after {
  content: "\e172";
}

.mwicon-anim:after {
  content: "\e173";
}

.mwicon-anim_no:after {
  content: "\e174";
}

.mwicon-clock:after {
  content: "\e175";
}

.mwicon-durer:after {
  content: "\e176";
}

.mwicon-folder_plus:after {
  content: "\e177";
}

.mwicon-move:after {
  content: "\e178";
}

.mwicon-info2:after {
  content: "\e179";
}

.mwicon-upload_to_cloud:after {
  content: "\e17a";
}

.mwicon-star1:after {
  content: "\e17b";
}

.mwicon-stat:after {
  content: "\e17c";
}

.mwicon-quote:after {
  content: "\e17d";
}

.mwicon-at:after {
  content: "\e17e";
}

.mwicon-calendar:after {
  content: "\e17f";
}

.mwicon-book_html:after {
  content: "\e180";
}

.mwicon-book_mozabook:after {
  content: "\e181";
}

.mwicon-book_mozabook_fill:after {
  content: "\e182";
}

.mwicon-book_html_fill:after {
  content: "\e183";
}

.mwicon-phone:after {
  content: "\e184";
}

.mwicon-import:after {
  content: "\e185";
}

.mwicon-cart:after {
  content: "\e186";
}

.mwicon-cart_time:after {
  content: "\e187";
}

.mwicon-logout:after {
  content: "\e188";
}

.mwicon-key2:after {
  content: "\e189";
}

.mwicon-tooltip:after {
  content: "\e18a";
}

.mwicon-favorite:after {
  content: "\e18b";
}

.mwicon-localisation:after {
  content: "\e18c";
}

.mwicon-plus:after {
  content: "\e18d";
}

.mwicon-play_round:after {
  content: "\e18e";
}

.mwicon-magnifier:after {
  content: "\e18f";
}

.mwicon-map:after {
  content: "\e190";
}

.mwicon-download:after {
  content: "\e191";
}

.mwicon-download2:after {
  content: "\e192";
}

.mwicon-folder_opened:after {
  content: "\e193";
}

.mwicon-time2:after {
  content: "\e194";
}

.mwicon-stat2:after {
  content: "\e195";
}

.mwicon-clock2:after {
  content: "\e196";
}

.mwicon-task_progress_closed:after {
  content: "\e196";
}

.mwicon-task_progress_expired:after {
  content: "\e196";
}

.mwicon-truck:after {
  content: "\e197";
}

.mwicon-code_tag:after {
  content: "\e198";
}

.mwicon-code_fork:after {
  content: "\e199";
}

.mwicon-monitor:after {
  content: "\e19a";
}

.mwicon-folder:after {
  content: "\e19b";
}

.mwicon-file:after {
  content: "\e19c";
}

.mwicon-back:after {
  content: "\e19d";
}

.mwicon-globe2:after {
  content: "\e19e";
}

.mwicon-animations:after {
  content: "\e19f";
}

.mwicon-percent:after {
  content: "\e1a0";
}

.mwicon-hand_point:after {
  content: "\e1a1";
}

.mwicon-tag:after {
  content: "\e1a2";
}

.mwicon-link:after {
  content: "\e1a3";
}

.mwicon-key:after {
  content: "\e1a4";
}

.mwicon-euklides_complex:after {
  content: "\e1a5";
}

.mwicon-steps:after {
  content: "\e1a6";
}

.mwicon-time:after {
  content: "\e1a7";
}

.mwicon-eye2:after {
  content: "\e1a8";
}

.mwicon-envelope:after {
  content: "\e1a9";
}

.mwicon-refresh:after {
  content: "\e1aa";
}

.mwicon-translate_text:after {
  content: "\e1ab";
}

.mwicon-translate_db:after {
  content: "\e1ac";
}

.mwicon-training:after {
  content: "\e1ad";
}

.mwicon-_3D:after {
  content: "\e1ae";
}

.mwicon-3D:after {
  content: "\e1ae";
}

.mwicon-_3d:after {
  content: "\e1ae";
}

.mwicon-3d:after {
  content: "\e1ae";
}

.mwicon-video_tutorial:after {
  content: "\e1af";
}

.mwicon-dimensions:after {
  content: "\e1b0";
}

.mwicon-mozabook_editor:after {
  content: "\e1b1";
}

.mwicon-generated_book_editor:after {
  content: "\e1b2";
}

.mwicon-mouse:after {
  content: "\e1b3";
}

.mwicon-medialibrary:after {
  content: "\e1b4";
}

.mwicon-video_admin:after {
  content: "\e1b5";
}

.mwicon-tool_admin:after {
  content: "\e1b6";
}

.mwicon-game_admin:after {
  content: "\e1b7";
}

.mwicon-video_tape:after {
  content: "\e1b8";
}

.mwicon-books1:after {
  content: "\e1b9";
}

.mwicon-books2:after {
  content: "\e1ba";
}

.mwicon-calendar2:after {
  content: "\e1bb";
}

.mwicon-magazine:after {
  content: "\e1bc";
}

.mwicon-time_back:after {
  content: "\e1bd";
}

.mwicon-mb_editor2:after {
  content: "\e1be";
}

.mwicon-tool_admin2:after {
  content: "\e1bf";
}

.mwicon-video_admin_eh:after {
  content: "\e1c0";
}

.mwicon-magnifier_save:after {
  content: "\e1c1";
}

.mwicon-wrench:after {
  content: "\e1c2";
}

.mwicon-check:after {
  content: "\e1c3";
}

.mwicon-paper_airplane:after {
  content: "\e1c4";
}

.mwicon-floppy:after {
  content: "\e1c5";
}

.mwicon-pic:after {
  content: "\e1c6";
}

.mwicon-info_char:after {
  content: "\e1c7";
}

.mwicon-tablet_play:after {
  content: "\e1c8";
}

.mwicon-phone_moza:after {
  content: "\e1c9";
}

.mwicon-mb_book:after {
  content: "\e1ca";
}

.mwicon-news:after {
  content: "\e1cb";
}

.mwicon-news_line:after {
  content: "\e1cc";
}

.mwicon-changelog:after {
  content: "\e1cd";
}

.mwicon-compass:after {
  content: "\e1ce";
}

.mwicon-homework:after {
  content: "\e1cf";
}

.mwicon-cw_classwork:after {
  content: "\e1d0";
}

.mwicon-cw_teachers_control:after {
  content: "\e1d1";
}

.mwicon-cw_create_connection:after {
  content: "\e1d2";
}

.mwicon-cw_student_connection:after {
  content: "\e1d3";
}

.mwicon-data_out:after {
  content: "\e1d3";
}

.mwicon-cw_student_disconnection:after {
  content: "\e1d4";
}

.mwicon-data_in:after {
  content: "\e1d4";
}

.mwicon-skip:after {
  content: "\e1d8";
}

.mwicon-thumb_up:after {
  content: "\e1d9";
}

.mwicon-thumb_down:after {
  content: "\e1da";
}

.mwicon-admin_shield:after {
  content: "\e1e0";
}

.mwicon-shield1:after {
  content: "\e1e1";
}

.mwicon-shield4:after {
  content: "\e1e2";
}

.mwicon-shield:after {
  content: "\e1e3";
}

.mwicon-shield2:after {
  content: "\e1e5";
}

.mwicon-shield5:after {
  content: "\e1e6";
}

.mwicon-ok:after {
  content: "\e1f3";
}

.mwicon-checkmark:after {
  content: "\e1f3";
}

.mwicon-x:after {
  content: "\e1f4";
}

.mwicon-plus2:after {
  content: "\e1f5";
}

.mwicon-minus2:after {
  content: "\e1f6";
}

.mwicon-questionmark2:after {
  content: "\e1f7";
}

.mwicon-exclamation:after {
  content: "\e1f8";
}

.mwicon-cb_info:after {
  content: "\e200";
}

.mwicon-cb_cart:after {
  content: "\e201";
}

.mwicon-cb_play:after {
  content: "\e202";
}

.mwicon-cb_ok:after {
  content: "\e203";
}

.mwicon-cb_checkmark:after {
  content: "\e203";
}

.mwicon-cb_x:after {
  content: "\e204";
}

.mwicon-cb_plus:after {
  content: "\e205";
}

.mwicon-cb_minus:after {
  content: "\e206";
}

.mwicon-cb_questionmark:after {
  content: "\e207";
}

.mwicon-cb_exclamation:after {
  content: "\e208";
}

.mwicon-ban:after {
  content: "\e209";
}

.mwicon-facebook_logo:after {
  content: "\e210";
}

.mwicon-twitter_logo:after {
  content: "\e211";
}

.mwicon-youtube_logo:after {
  content: "\e212";
}

.mwicon-youtube_logo2:after {
  content: "\e213";
}

.mwicon-google_logo:after {
  content: "\e214";
}

.mwicon-vk_logo:after {
  content: "\e215";
}

.mwicon-office365_logo:after {
  content: "\e216";
}

.mwicon-microsoft_logo:after {
  content: "\e217";
}

.mwicon-vodafone_logo:after {
  content: "\e218";
}

.mwicon-leia_logo:after {
  content: "\e219";
}

.mwicon-wechat_logo:after {
  content: "\e21a";
}

.mwicon-linkedin_logo:after {
  content: "\e21b";
}

.mwicon-stat_inter_mb:after {
  content: "\e220";
}

.mwicon-stat_inter_mw:after {
  content: "\e221";
}

.mwicon-stat_inter_md:after {
  content: "\e222";
}

.mwicon-stat_inter_mm:after {
  content: "\e223";
}

.mwicon-stat_inter_ml:after {
  content: "\e224";
}

.mwicon-stat_inter_mi:after {
  content: "\e225";
}

.mwicon-stat_desk_mb:after {
  content: "\e22a";
}

.mwicon-stat_desk_mw:after {
  content: "\e22b";
}

.mwicon-stat_desk_md:after {
  content: "\e22c";
}

.mwicon-stat_desk_mm:after {
  content: "\e22d";
}

.mwicon-stat_desk_ml:after {
  content: "\e22e";
}

.mwicon-stat_desk_mi:after {
  content: "\e22f";
}

.mwicon-stat_tab_mb:after {
  content: "\e234";
}

.mwicon-stat_tab_mw:after {
  content: "\e235";
}

.mwicon-stat_tab_md:after {
  content: "\e236";
}

.mwicon-stat_tab_mm:after {
  content: "\e237";
}

.mwicon-stat_tab_ml:after {
  content: "\e238";
}

.mwicon-stat_tab_mi:after {
  content: "\e239";
}

.mwicon-stat_phone_mb:after {
  content: "\e23e";
}

.mwicon-stat_phone_mw:after {
  content: "\e23f";
}

.mwicon-stat_phone_md:after {
  content: "\e240";
}

.mwicon-stat_phone_mm:after {
  content: "\e241";
}

.mwicon-stat_phone_ml:after {
  content: "\e242";
}

.mwicon-stat_phone_mi:after {
  content: "\e243";
}

.mwicon-device_pc:after {
  content: "\e250";
}

.mwicon-device_laptop:after {
  content: "\e251";
}

.mwicon-device_tab:after {
  content: "\e252";
}

.mwicon-device_phone:after {
  content: "\e253";
}

.mwicon-device_whiteboard:after {
  content: "\e254";
}

.mwicon-device_whiteboard2:after {
  content: "\e255";
}

.mwicon-device_whiteboard3:after {
  content: "\e256";
}

.mwicon-device_whiteboard3b:after {
  content: "\e257";
}

.mwicon-windows_logo:after {
  content: "\e260";
}

.mwicon-ios_logo:after {
  content: "\e261";
}

.mwicon-google_play_logo:after {
  content: "\e262";
}

.mwicon-ubuntu_logo:after {
  content: "\e263";
}

.mwicon-ie_logo:after {
  content: "\e264";
}

.mwicon-apple_logo:after {
  content: "\e265";
}

.mwicon-windows_logo2:after {
  content: "\e266";
}

.mwicon-android_logo:after {
  content: "\e267";
}

.mwicon-chrome_logo:after {
  content: "\e268";
}

.mwicon-macos_logo:after {
  content: "\e269";
}

.mwicon-ms_logo:after {
  content: "\e26a";
}

.mwicon-doc:after {
  content: "\e270";
}

.mwicon-pdf:after {
  content: "\e271";
}

.mwicon-url:after {
  content: "\e272";
}

.mwicon-xls:after {
  content: "\e273";
}

.mwicon-zip:after {
  content: "\e274";
}

.mwicon-faq:after {
  content: "\e275";
}

.mwicon-blog2:after {
  content: "\e276";
}

.mwicon-ppt:after {
  content: "\e277";
}

.mwicon-rtf:after {
  content: "\e278";
}

.mwicon-log:after {
  content: "\e279";
}

.mwicon-demo:after {
  content: "\e27a";
}

.mwicon-envelope_open:after {
  content: "\e280";
}

.mwicon-check_squared:after {
  content: "\e281";
}

.mwicon-language:after {
  content: "\e282";
}

.mwicon-bubble_sq_faq:after {
  content: "\e288";
}

.mwicon-bubble_sq:after {
  content: "\e289";
}

.mwicon-bubble_sq2:after {
  content: "\e28a";
}

.mwicon-speech_bubble:after {
  content: "\e28b";
}

.mwicon-speech_bubble2:after {
  content: "\e28c";
}

.mwicon-m_published:after {
  content: "\e290";
}

.mwicon-m_published_teacher:after {
  content: "\e291";
}

.mwicon-m_published_editor:after {
  content: "\e292";
}

.mwicon-download3:after {
  content: "\e2a0";
}

.mwicon-cup:after {
  content: "\e2a1";
}

.mwicon-products:after {
  content: "\e2a2";
}

.mwicon-shop:after {
  content: "\e2a3";
}

.mwicon-hat2:after {
  content: "\e2a4";
}

.mwicon-video_camera:after {
  content: "\e2a5";
}

.mwicon-click:after {
  content: "\e2a6";
}

.mwicon-click_left:after {
  content: "\e2a7";
}

.mwicon-flag:after {
  content: "\e2a8";
}

.mwicon-flag_finish:after {
  content: "\e2a9";
}

.mwicon-exit_left:after {
  content: "\e2aa";
}

.mwicon-exit_right:after {
  content: "\e2ab";
}

.mwicon-puzzle:after {
  content: "\e2ac";
}

.mwicon-mozalink:after {
  content: "\e2ad";
}

.mwicon-robot_head:after {
  content: "\e2ae";
}

.mwicon-login:after {
  content: "\e2af";
}

.mwicon-shopping_basket:after {
  content: "\e2b0";
}

.mwicon-qrcode:after {
  content: "\e2b1";
}

.mwicon-headphones:after {
  content: "\e2b2";
}

.mwicon-headphones_alt:after {
  content: "\e2b3";
}

.mwicon-headphones_type2:after {
  content: "\e2b3";
}

.mwicon-external:after {
  content: "\e2b4";
}

.mwicon-out:after {
  content: "\e2b4";
}

.mwicon-internal:after {
  content: "\e2b5";
}

.mwicon-in:after {
  content: "\e2b5";
}

.mwicon-out2:after {
  content: "\e2b6";
}

.mwicon-in2:after {
  content: "\e2b7";
}

.mwicon-export2:after {
  content: "\e2ba";
}

.mwicon-import2:after {
  content: "\e2bb";
}

.mwicon-vr:after {
  content: "\e2bc";
}

.mwicon-minus:after {
  content: "\e2bd";
}

.mwicon-mozaik_jitsi_logo:after {
  content: "\e2c0";
}

.mwicon-zoom_logo:after {
  content: "\e2c1";
}

.mwicon-google_meet_logo:after {
  content: "\e2c2";
}

.mwicon-ms_teams_logo:after {
  content: "\e2c3";
}

.mwicon-skype:after {
  content: "\e2c4";
}

.mwicon-facebook_messenger:after {
  content: "\e2c5";
}

.mwicon-smiley_meh:after {
  content: "\e2d0";
}

.mwicon-smiley_sad:after {
  content: "\e2d1";
}

.mwicon-smiley_neutral:after {
  content: "\e2d2";
}

.mwicon-smiley_smile:after {
  content: "\e2d3";
}

.mwicon-smiley_laugh:after {
  content: "\e2d4";
}

.mwicon-_3d_vr3:after {
  content: "\e2ef";
}

.mwicon-_3d_vr2:after {
  content: "\e2f0";
}

.mwicon-_3d_vr:after {
  content: "\e2f1";
}

.mwicon-_3d_narranim:after {
  content: "\e2f2";
}

.mwicon-_3d_timeline:after {
  content: "\e2f3";
}

.mwicon-_3d_game:after {
  content: "\e2f4";
}

.mwicon-_3d_anim:after {
  content: "\e2f5";
}

.mwicon-_3d_quiz:after {
  content: "\e2f6";
}

.mwicon-_3d_export:after {
  content: "\e2f7";
}

.mwicon-_3d_narr:after {
  content: "\e2f8";
}

.mwicon-_3d_walking:after {
  content: "\e2f9";
}

.mwicon-id:after {
  content: "\e2fa";
}

.mwicon-teacher_1:after {
  content: "\e2fb";
}

.mwicon-student_1:after {
  content: "\e2fc";
}

.mwicon-bulb_old:after {
  content: "\e2fd";
}

.mwicon-mozaik_bird:after {
  content: "\e300";
}

.mwicon-datapage:after {
  content: "\e301";
}

.mwicon-datasheet:after {
  content: "\e301";
}

.mwicon-datapage2:after {
  content: "\e302";
}

.mwicon-datasheet2:after {
  content: "\e302";
}

.mwicon-unlink:after {
  content: "\e303";
}

.mwicon-link2:after {
  content: "\e304";
}

.mwicon-chain_broken:after {
  content: "\e305";
}

.mwicon-money_bag:after {
  content: "\e306";
}

.mwicon-building_modern:after {
  content: "\e307";
}

.mwicon-page:after {
  content: "\e308";
}

.mwicon-page_plus:after {
  content: "\e309";
}

.mwicon-page_minus:after {
  content: "\e30a";
}

.mwicon-lock:after {
  content: "\e310";
}

.mwicon-lock_open:after {
  content: "\e311";
}

.mwicon-open_in_window:after {
  content: "\e312";
}

.mwicon-geo_pin:after {
  content: "\e313";
}

.mwicon-licence:after {
  content: "\e314";
}

.mwicon-hand_point2:after {
  content: "\e315";
}

.mwicon-hand_touch_l:after {
  content: "\e316";
}

.mwicon-hand_touch_r:after {
  content: "\e317";
}

.mwicon-checkmark_assisted:after {
  content: "\e320";
}

.mwicon-envelope_hollow:after {
  content: "\e321";
}

.mwicon-envelope2:after {
  content: "\e322";
}

.mwicon-envelope2_hollow:after {
  content: "\e323";
}

.mwicon-map_leporello:after {
  content: "\e325";
}

.mwicon-map_leporello_pin:after {
  content: "\e326";
}

.mwicon-phone_sound:after {
  content: "\e327";
}

.mwicon-bolt:after {
  content: "\e328";
}

.mwicon-bolt_thunder:after {
  content: "\e329";
}

.mwicon-text:after {
  content: "\e32a";
}

.mwicon-font:after {
  content: "\e32b";
}

.mwicon-unlink3:after {
  content: "\e32c";
}

.mwicon-link_broken:after {
  content: "\e32d";
}

.mwicon-terminal:after {
  content: "\e32e";
}

.mwicon-area:after {
  content: "\e32f";
}

.mwicon-eur:after {
  content: "\e330";
}

.mwicon-usd:after {
  content: "\e331";
}

.mwicon-gbp:after {
  content: "\e332";
}

.mwicon-paypal:after {
  content: "\e338";
}

.mwicon-upload:after {
  content: "\e340";
}

.mwicon-upload2:after {
  content: "\e341";
}

.mwicon-download_from_cloud:after {
  content: "\e342";
}

.mwicon-calculator:after {
  content: "\e343";
}

.mwicon-barcode:after {
  content: "\e344";
}

.mwicon-plug:after {
  content: "\e345";
}

.mwicon-writing:after {
  content: "\e346";
}

.mwicon-credit_card:after {
  content: "\e347";
}

.mwicon-thumbtack:after {
  content: "\e348";
}

.mwicon-pin:after {
  content: "\e349";
}

.mwicon-pie_chart:after {
  content: "\e34a";
}

.mwicon-pie_chart2:after {
  content: "\e34b";
}

.mwicon-microphone:after {
  content: "\e34c";
}

.mwicon-award:after {
  content: "\e34d";
}

.mwicon-bug:after {
  content: "\e34e";
}

.mwicon-bug_no:after {
  content: "\e34f";
}

.mwicon-triangle_exclamation:after {
  content: "\e350";
}

.mwicon-printer:after {
  content: "\e351";
}

.mwicon-book_mozabook_demo:after {
  content: "\e352";
}

.mwicon-checklist_clipboard:after {
  content: "\e353";
}

.mwicon-checklist:after {
  content: "\e354";
}

.mwicon-note:after {
  content: "\e358";
}

.mwicon-note2:after {
  content: "\e359";
}

.mwicon-files:after {
  content: "\e360";
}

.mwicon-file_contract:after {
  content: "\e362";
}

.mwicon-file_signature:after {
  content: "\e363";
}

.mwicon-file_invoice:after {
  content: "\e364";
}

.mwicon-icons:after {
  content: "\e370";
}

.mwicon-thumbnail:after {
  content: "\e371";
}

.mwicon-interactive:after {
  content: "\e372";
}

.mwicon-nurse:after {
  content: "\e380";
}

.mwicon-test:after {
  content: "\e381";
}

.mwicon-compound:after {
  content: "\e382";
}

.mwicon-fetus:after {
  content: "\e390";
}

.mwicon-skull:after {
  content: "\e391";
}

.mwicon-stomach:after {
  content: "\e392";
}

.mwicon-kidney:after {
  content: "\e393";
}

.mwicon-lung:after {
  content: "\e394";
}

.mwicon-heart_pulse:after {
  content: "\e395";
}

.mwicon-blood:after {
  content: "\e396";
}

.mwicon-nerve:after {
  content: "\e397";
}

.mwicon-user:after {
  content: "\e500";
}

.mwicon-user_tie:after {
  content: "\e501";
}

.mwicon-user_add:after {
  content: "\e502";
}

.mwicon-user2_shield:after {
  content: "\e503";
}

.mwicon-user_gear:after {
  content: "\e504";
}

.mwicon-user_exclam:after {
  content: "\e505";
}

.mwicon-user_book:after {
  content: "\e506";
}

.mwicon-user_activity:after {
  content: "\e507";
}

.mwicon-user_ok_c:after {
  content: "\e508";
}

.mwicon-user_x_c:after {
  content: "\e509";
}

.mwicon-user_add_c:after {
  content: "\e50a";
}

.mwicon-user_minus_c:after {
  content: "\e50b";
}

.mwicon-user_gearhead:after {
  content: "\e50c";
}

.mwicon-user_online:after {
  content: "\e50d";
}

.mwicon-user_hat:after {
  content: "\e510";
}

.mwicon-user_tie_hat:after {
  content: "\e511";
}

.mwicon-user_tie_hat_gear:after {
  content: "\e514";
}

.mwicon-user_tie_hat_book:after {
  content: "\e516";
}

.mwicon-user_hollow:after {
  content: "\e520";
}

.mwicon-user_guest:after {
  content: "\e520";
}

.mwicon-user_camera:after {
  content: "\e540";
}

.mwicon-user_fill:after {
  content: "\e580";
}

.mwicon-user_tie_fill:after {
  content: "\e581";
}

.mwicon-user_add_fill:after {
  content: "\e582";
}

.mwicon-user_shield_fill:after {
  content: "\e583";
}

.mwicon-user_gear_fill:after {
  content: "\e584";
}

.mwicon-user_exclam_fill:after {
  content: "\e585";
}

.mwicon-user_book_fill:after {
  content: "\e586";
}

.mwicon-user_activity_fill:after {
  content: "\e587";
}

.mwicon-users2:after {
  content: "\e600";
}

.mwicon-users2_tie:after {
  content: "\e601";
}

.mwicon-group:after {
  content: "\e610";
}

.mwicon-grade:after {
  content: "\e611";
}

.mwicon-class:after {
  content: "\e612";
}

.mwicon-team_1:after {
  content: "\e613";
}

.mwicon-team_2:after {
  content: "\e614";
}

.mwicon-general_group:after {
  content: "\e615";
}

.mwicon-group2:after {
  content: "\e616";
}

.mwicon-group_join:after {
  content: "\e620";
}

.mwicon-users2_fill:after {
  content: "\e680";
}

.mwicon-users2_tie_fill:after {
  content: "\e681";
}

.mwicon-p_mozabook:after {
  content: "\e700";
}

.mwicon-p_mozaweb:after {
  content: "\e701";
}

.mwicon-p_mozalog:after {
  content: "\e702";
}

.mwicon-p_mozamap:after {
  content: "\e703";
}

.mwicon-p_euklides:after {
  content: "\e704";
}

.mwicon-p_euler:after {
  content: "\e705";
}

.mwicon-p_mbandroid:after {
  content: "\e706";
}

.mwicon-p_3dviewer:after {
  content: "\e707";
}

.mwicon-p_labcamera:after {
  content: "\e708";
}

.mwicon-p_fizika:after {
  content: "\e709";
}

.mwicon-p_matek:after {
  content: "\e70a";
}

.mwicon-p_cutnlearn:after {
  content: "\e70b";
}

.mwicon-p_intsmartbook:after {
  content: "\e70c";
}

.mwicon-p_verseny:after {
  content: "\e70d";
}

.mwicon-p_mozalink:after {
  content: "\e70e";
}

.mwicon-p_mozawebbrowser:after {
  content: "\e70f";
}

.mwicon-p_cadavr:after {
  content: "\e710";
}

.mwicon-p_mozagallery:after {
  content: "\e711";
}

.mwicon-p_mozabook_t:after {
  content: "\e740";
}

.mwicon-p_mozaweb_t:after {
  content: "\e741";
}

.mwicon-p_3dviewer_t:after {
  content: "\e747";
}

.mwicon-p_mozabook_fill:after {
  content: "\e780";
}

.mwicon-p_mozaweb_fill:after {
  content: "\e781";
}

.mwicon-p_mozalog_fill:after {
  content: "\e782";
}

.mwicon-p_mozamap_fill:after {
  content: "\e783";
}

.mwicon-p_euklides_fill:after {
  content: "\e784";
}

.mwicon-p_euler_fill:after {
  content: "\e785";
}

.mwicon-p_mbandroid_fill:after {
  content: "\e786";
}

.mwicon-p_3dviewer_fill:after {
  content: "\e787";
}

.mwicon-p_labcam_fill:after {
  content: "\e788";
}

.mwicon-p_physics_fill:after {
  content: "\e789";
}

.mwicon-p_math_fill:after {
  content: "\e78a";
}

.mwicon-p_cutnlearn_fill:after {
  content: "\e78b";
}

.mwicon-p_intsmartbook_fill:after {
  content: "\e78c";
}

.mwicon-mt_3d:after {
  content: "\e800";
}

.mwicon-mt_3d_gal:after {
  content: "\e801";
}

.mwicon-mt_pic:after {
  content: "\e802";
}

.mwicon-mt_pic_gal:after {
  content: "\e803";
}

.mwicon-mt_video:after {
  content: "\e804";
}

.mwicon-mt_video_gal:after {
  content: "\e805";
}

.mwicon-mt_sound:after {
  content: "\e806";
}

.mwicon-mt_sound_gal:after {
  content: "\e807";
}

.mwicon-mt_tool:after {
  content: "\e808";
}

.mwicon-mt_game:after {
  content: "\e809";
}

.mwicon-mt_interactive:after {
  content: "\e80a";
}

.mwicon-mt_presentation:after {
  content: "\e80b";
}

.mwicon-mt_pdf:after {
  content: "\e80c";
}

.mwicon-mt_office:after {
  content: "\e80d";
}

.mwicon-mt_map:after {
  content: "\e80e";
}

.mwicon-mt_link:after {
  content: "\e80f";
}

.mwicon-mt_videolink:after {
  content: "\e810";
}

.mwicon-mt_postit:after {
  content: "\e811";
}

.mwicon-mt_note:after {
  content: "\e812";
}

.mwicon-mt_pagelink:after {
  content: "\e813";
}

.mwicon-mt_euklides:after {
  content: "\e814";
}

.mwicon-mt_euler:after {
  content: "\e815";
}

.mwicon-mt_geogebra:after {
  content: "\e816";
}

.mwicon-mt_html5:after {
  content: "\e817";
}

.mwicon-mt_sum:after {
  content: "\e818";
}

.mwicon-mt_fx:after {
  content: "\e819";
}

.mwicon-mt_word:after {
  content: "\e81a";
}

.mwicon-mt_excel:after {
  content: "\e81b";
}

.mwicon-mt_powerpoint:after {
  content: "\e81c";
}

.mwicon-mt_book:after {
  content: "\e81d";
}

.mwicon-mt_layers:after {
  content: "\e81e";
}

.mwicon-mt_task:after {
  content: "\e81f";
}

.mwicon-mt_tasks2:after {
  content: "\e820";
}

.mwicon-mt_booklet:after {
  content: "\e821";
}

.mwicon-mt_clip:after {
  content: "\e822";
}

.mwicon-mt_narration:after {
  content: "\e823";
}

.mwicon-mt_microcurriculum:after {
  content: "\e824";
}

.mwicon-mt_panoramaimage:after {
  content: "\e825";
}

.mwicon-mt_microcurriculum2:after {
  content: "\e826";
}

.mwicon-mt_mozaquiz:after {
  content: "\e828";
}

.mwicon-mt_picdic:after {
  content: "\e829";
}

.mwicon-mt_3dobject:after {
  content: "\e82a";
}

.mwicon-mt_video_fill:after {
  content: "\e884";
}

.mwicon-mt2_3d:after {
  content: "\e900";
}

.mwicon-mt2_3d_gal:after {
  content: "\e901";
}

.mwicon-mt2_pic:after {
  content: "\e902";
}

.mwicon-mt2_pic_gal:after {
  content: "\e903";
}

.mwicon-mt2_video:after {
  content: "\e904";
}

.mwicon-mt2_video_gal:after {
  content: "\e905";
}

.mwicon-mt2_sound:after {
  content: "\e906";
}

.mwicon-mt2_sound_gal:after {
  content: "\e907";
}

.mwicon-mt2_tool:after {
  content: "\e908";
}

.mwicon-mt2_game:after {
  content: "\e909";
}

.mwicon-mt2_interactive:after {
  content: "\e90a";
}

.mwicon-mt2_presentation:after {
  content: "\e90b";
}

.mwicon-mt2_pdf:after {
  content: "\e90c";
}

.mwicon-mt2_office:after {
  content: "\e90d";
}

.mwicon-mt2_map:after {
  content: "\e90e";
}

.mwicon-mt2_link:after {
  content: "\e90f";
}

.mwicon-mt2_videolink:after {
  content: "\e910";
}

.mwicon-mt2_postit:after {
  content: "\e911";
}

.mwicon-mt2_note:after {
  content: "\e912";
}

.mwicon-mt2_pagelink:after {
  content: "\e913";
}

.mwicon-mt2_euklides:after {
  content: "\e914";
}

.mwicon-mt2_euler:after {
  content: "\e915";
}

.mwicon-mt2_geogebra:after {
  content: "\e916";
}

.mwicon-mt2_html5:after {
  content: "\e917";
}

.mwicon-mt2_sum:after {
  content: "\e918";
}

.mwicon-mt2_fx:after {
  content: "\e919";
}

.mwicon-mt2_word:after {
  content: "\e91a";
}

.mwicon-mt2_excel:after {
  content: "\e91b";
}

.mwicon-mt2_powerpoint:after {
  content: "\e91c";
}

.mwicon-mt2_book:after {
  content: "\e91d";
}

.mwicon-mt2_layers:after {
  content: "\e91e";
}

.mwicon-mt2_task:after {
  content: "\e91f";
}

.mwicon-mt2_tasks2:after {
  content: "\e920";
}

.mwicon-mt2_booklet:after {
  content: "\e921";
}

.mwicon-mt2_clip:after {
  content: "\e922";
}

.mwicon-mt2_narration:after {
  content: "\e923";
}

.mwicon-mt2_microcurriculum:after {
  content: "\e924";
}

.mwicon-mt2_panoramaimage:after {
  content: "\e925";
}

.mwicon-mt2_essay:after {
  content: "\e927";
}

.mwicon-mt2_mozaquiz:after {
  content: "\e928";
}

.mwicon-mt2_picdic:after {
  content: "\e929";
}

.mwicon-mt2_3dobject:after {
  content: "\e92a";
}

.mwicon-mt2_pic_fill:after {
  content: "\e982";
}

.mwicon-mt2_tools_fill:after {
  content: "\e988";
}

.mwicon-mt2_games_fill:after {
  content: "\e989";
}

.mwicon-mt2_sound_fill:after {
  content: "\e997";
}

.mwicon-mt2_layer_fill:after {
  content: "\e99f";
}

.mwicon-task_type_single:after {
  content: "\ea00";
}

.mwicon-task_type_multiple:after {
  content: "\ea01";
}

.mwicon-task_type_truefalse:after {
  content: "\ea02";
}

.mwicon-task_type_matching:after {
  content: "\ea03";
}

.mwicon-task_type_textfilling:after {
  content: "\ea04";
}

.mwicon-task_type_ordering:after {
  content: "\ea05";
}

.mwicon-task_type_mistakes:after {
  content: "\ea06";
}

.mwicon-task_type_crossword:after {
  content: "\ea07";
}

.mwicon-task_type_gapfilling:after {
  content: "\ea08";
}

.mwicon-task_type_chainpair:after {
  content: "\ea09";
}

.mwicon-task_type_labels:after {
  content: "\ea0a";
}

.mwicon-task_type_table:after {
  content: "\ea0b";
}

.mwicon-task_type_sets:after {
  content: "\ea0c";
}

.mwicon-task_type_record:after {
  content: "\ea15";
}

.mwicon-task_type_essay:after {
  content: "\ea16";
}

.mwicon-subj_history:after {
  content: "\f000";
}

.mwicon-subj_biology:after {
  content: "\f001";
}

.mwicon-subj_geography:after {
  content: "\f002";
}

.mwicon-subj_chemistry:after {
  content: "\f003";
}

.mwicon-subj_phisycs:after {
  content: "\f004";
}

.mwicon-subj_technology:after {
  content: "\f005";
}

.mwicon-subj_informatics:after {
  content: "\f006";
}

.mwicon-subj_mathematics:after {
  content: "\f007";
}

.mwicon-subj_visualarts_1:after {
  content: "\f008";
}

.mwicon-subj_visualarts_2:after {
  content: "\f009";
}

.mwicon-subj_music:after {
  content: "\f00a";
}

.mwicon-subj_languages:after {
  content: "\f00b";
}

.mwicon-subj_grammar:after {
  content: "\f00b";
}

.mwicon-subj_techics:after {
  content: "\f00c";
}

.mwicon-subj_natural_science:after {
  content: "\f00d";
}

.mwicon-subj_foreignlanguages:after {
  content: "\f00e";
}

.mwicon-subj_literature:after {
  content: "\f00f";
}

.mwicon-subj_basiceducation:after {
  content: "\f010";
}

.mwicon-subj_religion:after {
  content: "\f011";
}

.mwicon-subj_all_2:after {
  content: "\f07a";
}

.mwicon-subj_all_1:after {
  content: "\f07b";
}

.mwicon-subj_new:after {
  content: "\f07c";
}

.mwicon-subj_misc:after {
  content: "\f07d";
}

.mwicon-mbl_m_user:after {
  content: "\f100";
}

.mwicon-mbl_m_pubs:after {
  content: "\f101";
}

.mwicon-mbl_m_pages:after {
  content: "\f102";
}

.mwicon-mbl_m_toc:after {
  content: "\f103";
}

.mwicon-mbl_m_layers:after {
  content: "\f104";
}

.mwicon-mbl_m_extras:after {
  content: "\f105";
}

.mwicon-mbl_m_tools:after {
  content: "\f106";
}

.mwicon-mbl_m_games:after {
  content: "\f107";
}

.mwicon-mw_m_3ds:after {
  content: "\f108";
}

.mwicon-mbl_m_videos:after {
  content: "\f109";
}

.mwicon-mbl_m_zoom_in:after {
  content: "\f10a";
}

.mwicon-mbl_m_zoom_out:after {
  content: "\f10b";
}

.mwicon-mbl_m_page_double:after {
  content: "\f10c";
}

.mwicon-mbl_m_page_single:after {
  content: "\f10d";
}

.mwicon-mbl_m_fullscreen:after {
  content: "\f10e";
}

.mwicon-mbl_m_cooperative:after {
  content: "\f10f";
}

.mwicon-mbl_m_draw:after {
  content: "\f110";
}

.mwicon-mbl_m_medialibrary:after {
  content: "\f111";
}

.mwicon-mbl_m_save:after {
  content: "\f112";
}

.mwicon-mbl_m_info:after {
  content: "\f113";
}

.mwicon-mbl_m_video_collection:after {
  content: "\f114";
}

.mwicon-mbl_m_3d_collection:after {
  content: "\f115";
}

.mwicon-mbl_m_homework:after {
  content: "\f116";
}

.mwicon-mbl_m_menu_hamb:after {
  content: "\f117";
}

.mwicon-mbl_m_layer_publisher:after {
  content: "\f118";
}

.mwicon-mbl_m_layer_own:after {
  content: "\f119";
}

.mwicon-mbl_m_layer_global:after {
  content: "\f11a";
}

.mwicon-mbl_m_layer_insitute:after {
  content: "\f11b";
}

.mwicon-mbl_m_layer_solution:after {
  content: "\f11c";
}

.mwicon-mbl_m_layer_fill:after {
  content: "\f11d";
}

.mwicon-mbl_m_layer_edit:after {
  content: "\f11e";
}

.mwicon-mbl_m_layer_solution2:after {
  content: "\f11f";
}

.mwicon-mbl_m_layer_check:after {
  content: "\f120";
}

.mwicon-mbl_m_tray_0:after {
  content: "\f121";
}

.mwicon-mbl_m_tray_1:after {
  content: "\f122";
}

.mwicon-mbl_m_tray_2:after {
  content: "\f123";
}

.mwicon-mbl_m_tray_3:after {
  content: "\f124";
}

.mwicon-mbl_m_tray_4:after {
  content: "\f125";
}

.mwicon-mbl_m_mask:after {
  content: "\f126";
}

.mwicon-mbl_m_select:after {
  content: "\f12a";
}

.mwicon-mbl_m_draw_pencil:after {
  content: "\f12b";
}

.mwicon-mbl_m_text:after {
  content: "\f12c";
}

.mwicon-mbl_m_calligraphic:after {
  content: "\f12d";
}

.mwicon-mw_mini_3d:after {
  content: "\f200";
}

.mwicon-mw_mini_video:after {
  content: "\f201";
}

.mwicon-mw_mini_pages:after {
  content: "\f202";
}

.mwicon-mw_mini_tools:after {
  content: "\f203";
}

.mwicon-mw_mini_games:after {
  content: "\f204";
}

.mwicon-mw_mini_layers:after {
  content: "\f205";
}

.mwicon-mw_mini_extra:after {
  content: "\f206";
}

.mwicon-mw_mini_pubs:after {
  content: "\f207";
}

.mwicon-corner_free_lb:after {
  content: "\f500";
}

.mwicon-corner_free_rb:after {
  content: "\f501";
}

.mwicon-corner_free_lt:after {
  content: "\f502";
}

.mwicon-corner_free_rt:after {
  content: "\f503";
}

.mwicon-corner_fav_lb:after {
  content: "\f504";
}

.mwicon-corner_fav_rb:after {
  content: "\f505";
}

.mwicon-corner_fav_lt:after {
  content: "\f506";
}

.mwicon-corner_fav_rt:after {
  content: "\f507";
}

.mwicon-corner_bulb_lb:after {
  content: "\f508";
}

.mwicon-corner_flag_rt:after {
  content: "\f50f";
}

.mwicon-corner_blog_lb:after {
  content: "\f510";
}

.mwicon-corner_news_lb:after {
  content: "\f514";
}

.mwicon-corner_discount_rt:after {
  content: "\f51b";
}

.mwicon-corner_digitalbook_rb:after {
  content: "\f51d";
}

.mwicon-corner_digitalbook_rt:after {
  content: "\f51f";
}

.mwicon-corner_ezmiez_rt:after {
  content: "\f523";
}

.mwicon-corner_file_rb:after {
  content: "\f525";
}

.mwicon-corner_clip_rt:after {
  content: "\f52b";
}

.mwicon-corner_intsmart_lb:after {
  content: "\f52c";
}

.mwicon-corner_intsmart_rb:after {
  content: "\f52d";
}

.mwicon-corner_intsmart_lt:after {
  content: "\f52e";
}

.mwicon-corner_intsmart_rt:after {
  content: "\f52f";
}

.mwicon-corner_3d_lb:after {
  content: "\f600";
}

.mwicon-corner_3d_rb:after {
  content: "\f601";
}

.mwicon-corner_pic_lb:after {
  content: "\f604";
}

.mwicon-corner_pic_rb:after {
  content: "\f605";
}

.mwicon-corner_video_lb:after {
  content: "\f608";
}

.mwicon-corner_video_rb:after {
  content: "\f609";
}

.mwicon-corner_clip_lb:after {
  content: "\f60c";
}

.mwicon-corner_clip_rb:after {
  content: "\f60d";
}

.mwicon-corner_sound_lb:after {
  content: "\f610";
}

.mwicon-corner_sound_rb:after {
  content: "\f611";
}

.mwicon-corner_tool_lb:after {
  content: "\f614";
}

.mwicon-corner_tool_rb:after {
  content: "\f615";
}

.mwicon-corner_games_lb:after {
  content: "\f618";
}

.mwicon-corner_games_rb:after {
  content: "\f619";
}

.mwicon-corner_flash_lb:after {
  content: "\f61c";
}

.mwicon-corner_flash_rb:after {
  content: "\f61d";
}

.mwicon-corner_presentation_lb:after {
  content: "\f620";
}

.mwicon-corner_presentation_rb:after {
  content: "\f621";
}

.mwicon-corner_pdf_lb:after {
  content: "\f624";
}

.mwicon-corner_pdf_rb:after {
  content: "\f625";
}

.mwicon-corner_office_lb:after {
  content: "\f628";
}

.mwicon-corner_office_rb:after {
  content: "\f629";
}

.mwicon-corner_map_lb:after {
  content: "\f62c";
}

.mwicon-corner_map_rb:after {
  content: "\f62d";
}

.mwicon-corner_link_lb:after {
  content: "\f630";
}

.mwicon-corner_link_rb:after {
  content: "\f631";
}

.mwicon-corner_videolink_lb:after {
  content: "\f634";
}

.mwicon-corner_videolink_rb:after {
  content: "\f635";
}

.mwicon-corner_postit_lb:after {
  content: "\f638";
}

.mwicon-corner_postit_rb:after {
  content: "\f639";
}

.mwicon-corner_note_lb:after {
  content: "\f63c";
}

.mwicon-corner_note_rb:after {
  content: "\f63d";
}

.mwicon-corner_pagelink_lb:after {
  content: "\f640";
}

.mwicon-corner_pagelink_rb:after {
  content: "\f641";
}

.mwicon-corner_euklides_lb:after {
  content: "\f644";
}

.mwicon-corner_euklides_rb:after {
  content: "\f645";
}

.mwicon-corner_euler_lb:after {
  content: "\f648";
}

.mwicon-corner_euler_rb:after {
  content: "\f649";
}

.mwicon-corner_geogebra_lb:after {
  content: "\f64c";
}

.mwicon-corner_geogebra_rb:after {
  content: "\f64d";
}

.mwicon-corner_interactive_lb:after {
  content: "\f650";
}

.mwicon-corner_interactive_rb:after {
  content: "\f651";
}

.mwicon-corner_summa_lb:after {
  content: "\f654";
}

.mwicon-corner_summa_rb:after {
  content: "\f655";
}

.mwicon-corner_fx_lb:after {
  content: "\f658";
}

.mwicon-corner_fx_rb:after {
  content: "\f659";
}

.mwicon-corner_word_lb:after {
  content: "\f65c";
}

.mwicon-corner_word_rb:after {
  content: "\f65d";
}

.mwicon-corner_excel_lb:after {
  content: "\f660";
}

.mwicon-corner_excel_rb:after {
  content: "\f661";
}

.mwicon-corner_powerpoint_lb:after {
  content: "\f664";
}

.mwicon-corner_powerpoint_rb:after {
  content: "\f665";
}

.mwicon-corner_book_lb:after {
  content: "\f668";
}

.mwicon-corner_book_rb:after {
  content: "\f669";
}

.mwicon-corner_layer_lb:after {
  content: "\f66c";
}

.mwicon-corner_layer_rb:after {
  content: "\f66d";
}

.mwicon-corner_task_lb:after {
  content: "\f670";
}

.mwicon-corner_task_rb:after {
  content: "\f671";
}

.mwicon-corner_tasks2_lb:after {
  content: "\f674";
}

.mwicon-corner_tasks2_rb:after {
  content: "\f675";
}

.mwicon-corner_booklet_lb:after {
  content: "\f678";
}

.mwicon-corner_booklet_rb:after {
  content: "\f679";
}

.mwicon-corner_narration_lb:after {
  content: "\f67c";
}

.mwicon-corner_narration_rb:after {
  content: "\f67d";
}

.mwicon-corner_microcurriculum_lb:after {
  content: "\f680";
}

.mwicon-corner_microcurriculum_rb:after {
  content: "\f681";
}

.mwicon-corner_panoramaimage_lb:after {
  content: "\f684";
}

.mwicon-corner_panoramaimage_rb:after {
  content: "\f685";
}

.mwicon-corner_booklet2_lb:after {
  content: "\f688";
}

.mwicon-corner_booklet2_rb:after {
  content: "\f689";
}

.mwicon-corner_essay_lb:after {
  content: "\f68c";
}

.mwicon-corner_essay_rb:after {
  content: "\f68d";
}

.mwicon-corner_mozaquiz_lb:after {
  content: "\f690";
}

.mwicon-corner_mozaquiz_rb:after {
  content: "\f691";
}

.mwicon-corner_picdic_lb:after {
  content: "\f694";
}

.mwicon-corner_picdic_rb:after {
  content: "\f695";
}

.mwicon-corner_3dobject_lb:after {
  content: "\f698";
}

.mwicon-corner_3dobject_rb:after {
  content: "\f699";
}

.mwicon-arrow1_l:after {
  content: "\f700";
}

.mwicon-arrow1_r:after {
  content: "\f701";
}

.mwicon-arrow1_d:after {
  content: "\f702";
}

.mwicon-arrow1_u:after {
  content: "\f703";
}

.mwicon-arrow2_l:after {
  content: "\f704";
}

.mwicon-arrow2_r:after {
  content: "\f705";
}

.mwicon-arrow2_d:after {
  content: "\f706";
}

.mwicon-arrow2_u:after {
  content: "\f707";
}

.mwicon-arrow3_l:after {
  content: "\f708";
}

.mwicon-arrow3_r:after {
  content: "\f709";
}

.mwicon-arrow3_d:after {
  content: "\f70a";
}

.mwicon-arrow3_u:after {
  content: "\f70b";
}

.mwicon-arrow4_l:after {
  content: "\f70c";
}

.mwicon-arrow4_r:after {
  content: "\f70d";
}

.mwicon-arrow4_d:after {
  content: "\f70e";
}

.mwicon-arrow4_u:after {
  content: "\f70f";
}

.mwicon-arrow5_l:after {
  content: "\f710";
}

.mwicon-arrow5_r:after {
  content: "\f711";
}

.mwicon-arrow5_d:after {
  content: "\f712";
}

.mwicon-arrow5_u:after {
  content: "\f713";
}

.mwicon-arrow6_l:after {
  content: "\f714";
}

.mwicon-arrow6_r:after {
  content: "\f715";
}

.mwicon-arrow6_d:after {
  content: "\f716";
}

.mwicon-arrow6_u:after {
  content: "\f717";
}

.mwicon-mbl_pager_left:after {
  content: "\f718";
}

.mwicon-mbl_pager_right:after {
  content: "\f719";
}

.mwicon-mbl_pager_top:after {
  content: "\f71a";
}

.mwicon-mbl_pager_down:after {
  content: "\f71b";
}

.mwicon-arrow7_l:after {
  content: "\f720";
}

.mwicon-arrow7_r:after {
  content: "\f721";
}

.mwicon-arrow7_d:after {
  content: "\f722";
}

.mwicon-arrow7_u:after {
  content: "\f723";
}

.mwicon-arrow8_l:after {
  content: "\f724";
}

.mwicon-arrow8_r:after {
  content: "\f725";
}

.mwicon-arrow8_d:after {
  content: "\f726";
}

.mwicon-arrow8_u:after {
  content: "\f727";
}

.mwicon-arrow9_l:after {
  content: "\f728";
}

.mwicon-arrow9_r:after {
  content: "\f729";
}

.mwicon-arrow9_d:after {
  content: "\f72a";
}

.mwicon-arrow9_u:after {
  content: "\f72b";
}

.mwicon-simple_list:after {
  content: "\f730";
}

.mwicon-timeline:after {
  content: "\f731";
}

.mwicon-year:after {
  content: "\f732";
}

.mwicon-user_list:after {
  content: "\f733";
}

.mwicon-list_latest:after {
  content: "\f734";
}

.mwicon-sort_name_asc:after {
  content: "\f740";
}

.mwicon-sort_name_desc:after {
  content: "\f741";
}

.mwicon-sort_date_asc:after {
  content: "\f742";
}

.mwicon-sort_date_desc:after {
  content: "\f743";
}

.mwicon-sort_user_asc:after {
  content: "\f744";
}

.mwicon-sort_user_desc:after {
  content: "\f745";
}

.mwicon-sort_group_asc:after {
  content: "\f746";
}

.mwicon-sort_group_desc:after {
  content: "\f747";
}

.mwicon-sort_default_asc:after {
  content: "\f748";
}

.mwicon-sort_default_desc:after {
  content: "\f749";
}

.mwicon-view_thumb:after {
  content: "\f750";
}

.mwicon-item_group:after {
  content: "\f750";
}

.mwicon-view_list1:after {
  content: "\f751";
}

.mwicon-view_list2:after {
  content: "\f752";
}

.mwicon-view_list3:after {
  content: "\f753";
}

.mwicon-view_list4:after {
  content: "\f754";
}

.mwicon-view_list5:after {
  content: "\f755";
}

.mwicon-view_ungrouped:after {
  content: "\f756";
}

.mwicon-view_grouped:after {
  content: "\f757";
}

.mwicon-view_all:after {
  content: "\f758";
}

.mwicon-order_down:after {
  content: "\f759";
}

.mwicon-order_up:after {
  content: "\f75a";
}

.mwicon-sort_amount_asc:after {
  content: "\f75b";
}

.mwicon-sort_amount_desc:after {
  content: "\f75c";
}

.mwicon-level_3_all:after {
  content: "\f760";
}

.mwicon-level_3_1:after {
  content: "\f761";
}

.mwicon-level_3_2:after {
  content: "\f762";
}

.mwicon-level_3_3:after {
  content: "\f763";
}

.mwicon-menu_dot_vert:after {
  content: "\f770";
}

.mwicon-menu_kebab:after {
  content: "\f770";
}

.mwicon-menu_hamb:after {
  content: "\f771";
}

.mwicon-menu_hamburger:after {
  content: "\f771";
}

.mwicon-menu_meatball:after {
  content: "\f772";
}

.mwicon-menu_doner:after {
  content: "\f773";
}

.mwicon-menu_bento:after {
  content: "\f774";
}

.mwicon-close:after {
  content: "\f780";
}

.mwicon-close_circle:after {
  content: "\f781";
}

.mwicon-close_big:after {
  content: "\f782";
}

.mwicon-close_fill:after {
  content: "\f783";
}

.mwicon-spot_big_nw:after {
  content: "\f788";
}

.mwicon-spot_middle_nw:after {
  content: "\f789";
}

.mwicon-spot_small_nw:after {
  content: "\f78a";
}

.mwicon-progbar_hor_1:after {
  content: "\f790";
}

.mwicon-progbar_hor_2:after {
  content: "\f793";
}

.mwicon-progress_0:after {
  content: "\f796";
}

.mwicon-progress_1:after {
  content: "\f797";
}

.mwicon-progress_2:after {
  content: "\f798";
}

.mwicon-progress_3:after {
  content: "\f799";
}

.mwicon-progress_4:after {
  content: "\f79a";
}

.mwicon-progress_background:after {
  content: "\f79a";
}

.mwicon-progress_star_0:after {
  content: "\f79b";
}

.mwicon-progress_star_1:after {
  content: "\f79c";
}

.mwicon-progress_star_2:after {
  content: "\f79d";
}

.mwicon-progress_star_3:after {
  content: "\f79e";
}

.mwicon-radio:after {
  content: "\f7a0";
}

.mwicon-radio_check:after {
  content: "\f7a1";
}

.mwicon-radio_on:after {
  content: "\f7a2";
}

.mwicon-switch:after {
  content: "\f7a3";
}

.mwicon-switch_on:after {
  content: "\f7a4";
}

.mwicon-checkbox:after {
  content: "\f7b0";
}

.mwicon-checkbox_check:after {
  content: "\f7b1";
}

.mwicon-checkbox_on:after {
  content: "\f7b2";
}

.mwicon-rotate_left:after {
  content: "\f7c0";
}

.mwicon-rotate_right:after {
  content: "\f7c1";
}

.mwicon-mirror_h1:after {
  content: "\f7c2";
}

.mwicon-mirror_v1:after {
  content: "\f7c3";
}

.mwicon-move2:after {
  content: "\f7c4";
}

.mwicon-resize_diag1:after {
  content: "\f7c5";
}

.mwicon-resize_diag2:after {
  content: "\f7c6";
}

.mwicon-resize_horizontal:after {
  content: "\f7c7";
}

.mwicon-resize_v:after {
  content: "\f7c8";
}

.mwicon-resize_c:after {
  content: "\f7c9";
}

.mwicon-itemgroup_add:after {
  content: "\f7ca";
}

.mwicon-itemgroup_explode:after {
  content: "\f7cb";
}

.mwicon-expand:after {
  content: "\f7cc";
}

.mwicon-compress:after {
  content: "\f7cd";
}

.mwicon-filter:after {
  content: "\f7d0";
}

.mwicon-grid:after {
  content: "\f7d1";
}

.mwicon-grid2:after {
  content: "\f7d2";
}

.mwicon-reply:after {
  content: "\f7d3";
}

.mwicon-undo:after {
  content: "\f7d3";
}

.mwicon-forward:after {
  content: "\f7d4";
}

.mwicon-redo:after {
  content: "\f7d4";
}

.mwicon-undo2:after {
  content: "\f7d5";
}

.mwicon-redo2:after {
  content: "\f7d6";
}

.mwicon-copy:after {
  content: "\f7d7";
}

.mwicon-paste:after {
  content: "\f7d8";
}

.mwicon-duplicate:after {
  content: "\f7d9";
}

.mwicon-bounding_box:after {
  content: "\f7da";
}

.mwicon-tracker:after {
  content: "\f7da";
}

.mwicon-fullscreen:after {
  content: "\f7e0";
}

.mwicon-fullscreen_exit:after {
  content: "\f7e1";
}

.mwicon-play:after {
  content: "\f7f0";
}

.mwicon-mm_play:after {
  content: "\f7f0";
}

.mwicon-mm_stop:after {
  content: "\f7f1";
}

.mwicon-mm_pause:after {
  content: "\f7f2";
}

.mwicon-mm_record:after {
  content: "\f7f3";
}

.mwicon-mm_ffwd:after {
  content: "\f7f4";
}

.mwicon-mm_frwd:after {
  content: "\f7f5";
}

.mwicon-txt_ctr_bold:after {
  content: "\f800";
}

.mwicon-txt_ctr_italic:after {
  content: "\f801";
}

.mwicon-txt_ctr_sup:after {
  content: "\f802";
}

.mwicon-txt_ctr_sub:after {
  content: "\f803";
}

.mwicon-txt_ctr_align_left:after {
  content: "\f804";
}

.mwicon-txt_ctr_align_center:after {
  content: "\f805";
}

.mwicon-txt_ctr_align_right:after {
  content: "\f806";
}

.mwicon-txt_ctr_align_top:after {
  content: "\f807";
}

.mwicon-txt_ctr_align_mid:after {
  content: "\f808";
}

.mwicon-txt_ctr_align_bottom:after {
  content: "\f809";
}

.mwicon-txt_ctr_underline_solid:after {
  content: "\f80a";
}

.mwicon-txt_ctr_underline_dotted_line:after {
  content: "\f80b";
}

.mwicon-txt_ctr_underline_dash:after {
  content: "\f80c";
}

.mwicon-txt_ctr_underline_dot:after {
  content: "\f80d";
}

.mwicon-txt_ctr_underline_dash_dot_dot:after {
  content: "\f80e";
}

.mwicon-txt_ctr_underline_solid_double:after {
  content: "\f80f";
}

.mwicon-txt_ctr_underline_wavy:after {
  content: "\f810";
}

.mwicon-align_left:after {
  content: "\f820";
}

.mwicon-align_center_h:after {
  content: "\f821";
}

.mwicon-align_right:after {
  content: "\f822";
}

.mwicon-align_top:after {
  content: "\f823";
}

.mwicon-align_center_v:after {
  content: "\f824";
}

.mwicon-align_bottom:after {
  content: "\f825";
}

.mwicon-distribute_left:after {
  content: "\f828";
}

.mwicon-distribute_center_h:after {
  content: "\f829";
}

.mwicon-distribute_right:after {
  content: "\f82a";
}

.mwicon-distribute_top:after {
  content: "\f82b";
}

.mwicon-distribute_center_v:after {
  content: "\f82c";
}

.mwicon-distribute_bottom:after {
  content: "\f82d";
}

.mwicon-select:after {
  content: "\f830";
}

.mwicon-select_none:after {
  content: "\f831";
}

.mwicon-select_all:after {
  content: "\f832";
}

.mwicon-gap_vert:after {
  content: "\f838";
}

.mwicon-gap_hor:after {
  content: "\f839";
}

.mwicon-margin:after {
  content: "\f83a";
}

.mwicon-padding:after {
  content: "\f83b";
}

.mwicon-crop:after {
  content: "\f840";
}

.mwicon-cut:after {
  content: "\f841";
}

.mwicon-resize:after {
  content: "\f842";
}

.mwicon-transform:after {
  content: "\f843";
}

.mwicon-screenshot:after {
  content: "\f844";
}

.mwicon-checkerboard:after {
  content: "\f845";
}

.mwicon-checkerboard2:after {
  content: "\f846";
}

.mwicon-opacity:after {
  content: "\f847";
}

.mwicon-pencil2_draw:after {
  content: "\f850";
}

.mwicon-eraser:after {
  content: "\f851";
}

.mwicon-paintbrush_line:after {
  content: "\f852";
}

.mwicon-spinner:after {
  content: "\f860";
}

[class^=fa-].size-5, [class*=" fa-"].size-5, [class^=mwicon-].size-5, [class*=" mwicon-"].size-5 {
  font-size: 5px;
}
[class^=fa-].size-10, [class*=" fa-"].size-10, [class^=mwicon-].size-10, [class*=" mwicon-"].size-10 {
  font-size: 10px;
}
[class^=fa-].size-15, [class*=" fa-"].size-15, [class^=mwicon-].size-15, [class*=" mwicon-"].size-15 {
  font-size: 15px;
}
[class^=fa-].size-20, [class*=" fa-"].size-20, [class^=mwicon-].size-20, [class*=" mwicon-"].size-20 {
  font-size: 20px;
}
[class^=fa-].size-25, [class*=" fa-"].size-25, [class^=mwicon-].size-25, [class*=" mwicon-"].size-25 {
  font-size: 25px;
}
[class^=fa-].size-30, [class*=" fa-"].size-30, [class^=mwicon-].size-30, [class*=" mwicon-"].size-30 {
  font-size: 30px;
}
[class^=fa-].size-35, [class*=" fa-"].size-35, [class^=mwicon-].size-35, [class*=" mwicon-"].size-35 {
  font-size: 35px;
}
[class^=fa-].size-40, [class*=" fa-"].size-40, [class^=mwicon-].size-40, [class*=" mwicon-"].size-40 {
  font-size: 40px;
}
[class^=fa-].size-45, [class*=" fa-"].size-45, [class^=mwicon-].size-45, [class*=" mwicon-"].size-45 {
  font-size: 45px;
}
[class^=fa-].size-50, [class*=" fa-"].size-50, [class^=mwicon-].size-50, [class*=" mwicon-"].size-50 {
  font-size: 50px;
}
[class^=fa-].size-55, [class*=" fa-"].size-55, [class^=mwicon-].size-55, [class*=" mwicon-"].size-55 {
  font-size: 55px;
}
[class^=fa-].size-60, [class*=" fa-"].size-60, [class^=mwicon-].size-60, [class*=" mwicon-"].size-60 {
  font-size: 60px;
}
[class^=fa-].size-65, [class*=" fa-"].size-65, [class^=mwicon-].size-65, [class*=" mwicon-"].size-65 {
  font-size: 65px;
}
[class^=fa-].size-70, [class*=" fa-"].size-70, [class^=mwicon-].size-70, [class*=" mwicon-"].size-70 {
  font-size: 70px;
}
[class^=fa-].size-75, [class*=" fa-"].size-75, [class^=mwicon-].size-75, [class*=" mwicon-"].size-75 {
  font-size: 75px;
}
[class^=fa-].size-80, [class*=" fa-"].size-80, [class^=mwicon-].size-80, [class*=" mwicon-"].size-80 {
  font-size: 80px;
}
[class^=fa-].size-85, [class*=" fa-"].size-85, [class^=mwicon-].size-85, [class*=" mwicon-"].size-85 {
  font-size: 85px;
}
[class^=fa-].size-90, [class*=" fa-"].size-90, [class^=mwicon-].size-90, [class*=" mwicon-"].size-90 {
  font-size: 90px;
}
[class^=fa-].size-95, [class*=" fa-"].size-95, [class^=mwicon-].size-95, [class*=" mwicon-"].size-95 {
  font-size: 95px;
}
[class^=fa-].size-100, [class*=" fa-"].size-100, [class^=mwicon-].size-100, [class*=" mwicon-"].size-100 {
  font-size: 100px;
}
[class^=fa-].size-105, [class*=" fa-"].size-105, [class^=mwicon-].size-105, [class*=" mwicon-"].size-105 {
  font-size: 105px;
}
[class^=fa-].size-110, [class*=" fa-"].size-110, [class^=mwicon-].size-110, [class*=" mwicon-"].size-110 {
  font-size: 110px;
}
[class^=fa-].size-115, [class*=" fa-"].size-115, [class^=mwicon-].size-115, [class*=" mwicon-"].size-115 {
  font-size: 115px;
}
[class^=fa-].size-120, [class*=" fa-"].size-120, [class^=mwicon-].size-120, [class*=" mwicon-"].size-120 {
  font-size: 120px;
}
[class^=fa-].size-125, [class*=" fa-"].size-125, [class^=mwicon-].size-125, [class*=" mwicon-"].size-125 {
  font-size: 125px;
}
[class^=fa-].size-130, [class*=" fa-"].size-130, [class^=mwicon-].size-130, [class*=" mwicon-"].size-130 {
  font-size: 130px;
}
[class^=fa-].size-135, [class*=" fa-"].size-135, [class^=mwicon-].size-135, [class*=" mwicon-"].size-135 {
  font-size: 135px;
}
[class^=fa-].size-140, [class*=" fa-"].size-140, [class^=mwicon-].size-140, [class*=" mwicon-"].size-140 {
  font-size: 140px;
}
[class^=fa-].size-145, [class*=" fa-"].size-145, [class^=mwicon-].size-145, [class*=" mwicon-"].size-145 {
  font-size: 145px;
}
[class^=fa-].size-150, [class*=" fa-"].size-150, [class^=mwicon-].size-150, [class*=" mwicon-"].size-150 {
  font-size: 150px;
}
[class^=fa-].size-155, [class*=" fa-"].size-155, [class^=mwicon-].size-155, [class*=" mwicon-"].size-155 {
  font-size: 155px;
}
[class^=fa-].size-160, [class*=" fa-"].size-160, [class^=mwicon-].size-160, [class*=" mwicon-"].size-160 {
  font-size: 160px;
}
[class^=fa-].size-165, [class*=" fa-"].size-165, [class^=mwicon-].size-165, [class*=" mwicon-"].size-165 {
  font-size: 165px;
}
[class^=fa-].size-170, [class*=" fa-"].size-170, [class^=mwicon-].size-170, [class*=" mwicon-"].size-170 {
  font-size: 170px;
}
[class^=fa-].size-175, [class*=" fa-"].size-175, [class^=mwicon-].size-175, [class*=" mwicon-"].size-175 {
  font-size: 175px;
}
[class^=fa-].size-180, [class*=" fa-"].size-180, [class^=mwicon-].size-180, [class*=" mwicon-"].size-180 {
  font-size: 180px;
}
[class^=fa-].size-185, [class*=" fa-"].size-185, [class^=mwicon-].size-185, [class*=" mwicon-"].size-185 {
  font-size: 185px;
}
[class^=fa-].size-190, [class*=" fa-"].size-190, [class^=mwicon-].size-190, [class*=" mwicon-"].size-190 {
  font-size: 190px;
}
[class^=fa-].size-195, [class*=" fa-"].size-195, [class^=mwicon-].size-195, [class*=" mwicon-"].size-195 {
  font-size: 195px;
}
[class^=fa-].size-200, [class*=" fa-"].size-200, [class^=mwicon-].size-200, [class*=" mwicon-"].size-200 {
  font-size: 200px;
}
[class^=fa-].size-24, [class*=" fa-"].size-24, [class^=mwicon-].size-24, [class*=" mwicon-"].size-24 {
  font-size: 24px;
}

[class^=mwicon-], [class*=" mwicon-"] {
  font-family: "mwicon" !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;
  position: relative;
}
[class^=mwicon-].fill-square, [class^=mwicon-].fill-circle, [class*=" mwicon-"].fill-square, [class*=" mwicon-"].fill-circle {
  border-radius: 50%;
}
[class^=mwicon-].fill-square:after, [class^=mwicon-].fill-circle:after, [class*=" mwicon-"].fill-square:after, [class*=" mwicon-"].fill-circle:after {
  color: #ffffff;
}
[class^=mwicon-].fill-square:after, [class^=mwicon-].fill-circle:after, [class^=mwicon-].fill-ring:after, [class^=mwicon-].fill-corner-top-right:after, [class^=mwicon-].fill-corner-top-left:after, [class^=mwicon-].fill-corner-bottom-right:after, [class^=mwicon-].fill-corner-bottom-left:after, [class*=" mwicon-"].fill-square:after, [class*=" mwicon-"].fill-circle:after, [class*=" mwicon-"].fill-ring:after, [class*=" mwicon-"].fill-corner-top-right:after, [class*=" mwicon-"].fill-corner-top-left:after, [class*=" mwicon-"].fill-corner-bottom-right:after, [class*=" mwicon-"].fill-corner-bottom-left:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7em;
}
[class^=mwicon-].fill-corner-top-right:before, [class*=" mwicon-"].fill-corner-top-right:before {
  content: "\e006";
}
[class^=mwicon-].fill-corner-top-left:before, [class*=" mwicon-"].fill-corner-top-left:before {
  content: "\e005";
}
[class^=mwicon-].fill-corner-bottom-right:before, [class*=" mwicon-"].fill-corner-bottom-right:before {
  content: "\e004";
}
[class^=mwicon-].fill-corner-bottom-left:before, [class*=" mwicon-"].fill-corner-bottom-left:before {
  content: "\e003";
}
[class^=mwicon-].fill-corner-top-right.fill-corner-red:before, [class^=mwicon-].fill-corner-top-left.fill-corner-red:before, [class^=mwicon-].fill-corner-bottom-left.fill-corner-red:before, [class^=mwicon-].fill-corner-bottom-right.fill-corner-red:before, [class*=" mwicon-"].fill-corner-top-right.fill-corner-red:before, [class*=" mwicon-"].fill-corner-top-left.fill-corner-red:before, [class*=" mwicon-"].fill-corner-bottom-left.fill-corner-red:before, [class*=" mwicon-"].fill-corner-bottom-right.fill-corner-red:before {
  color: #ef0b06;
}
[class^=mwicon-].fill-corner-top-right.fill-corner-orange:before, [class^=mwicon-].fill-corner-top-left.fill-corner-orange:before, [class^=mwicon-].fill-corner-bottom-left.fill-corner-orange:before, [class^=mwicon-].fill-corner-bottom-right.fill-corner-orange:before, [class*=" mwicon-"].fill-corner-top-right.fill-corner-orange:before, [class*=" mwicon-"].fill-corner-top-left.fill-corner-orange:before, [class*=" mwicon-"].fill-corner-bottom-left.fill-corner-orange:before, [class*=" mwicon-"].fill-corner-bottom-right.fill-corner-orange:before {
  color: #e38900;
}
[class^=mwicon-].fill-corner-top-right.fill-corner-blue:before, [class^=mwicon-].fill-corner-top-left.fill-corner-blue:before, [class^=mwicon-].fill-corner-bottom-left.fill-corner-blue:before, [class^=mwicon-].fill-corner-bottom-right.fill-corner-blue:before, [class*=" mwicon-"].fill-corner-top-right.fill-corner-blue:before, [class*=" mwicon-"].fill-corner-top-left.fill-corner-blue:before, [class*=" mwicon-"].fill-corner-bottom-left.fill-corner-blue:before, [class*=" mwicon-"].fill-corner-bottom-right.fill-corner-blue:before {
  color: #0074BD;
}
[class^=mwicon-].fill-corner-top-right.fill-corner-pink:before, [class^=mwicon-].fill-corner-top-left.fill-corner-pink:before, [class^=mwicon-].fill-corner-bottom-left.fill-corner-pink:before, [class^=mwicon-].fill-corner-bottom-right.fill-corner-pink:before, [class*=" mwicon-"].fill-corner-top-right.fill-corner-pink:before, [class*=" mwicon-"].fill-corner-top-left.fill-corner-pink:before, [class*=" mwicon-"].fill-corner-bottom-left.fill-corner-pink:before, [class*=" mwicon-"].fill-corner-bottom-right.fill-corner-pink:before {
  color: #ec165a;
}
[class^=mwicon-].fill-corner-top-right.fill-corner-green:before, [class^=mwicon-].fill-corner-top-left.fill-corner-green:before, [class^=mwicon-].fill-corner-bottom-left.fill-corner-green:before, [class^=mwicon-].fill-corner-bottom-right.fill-corner-green:before, [class*=" mwicon-"].fill-corner-top-right.fill-corner-green:before, [class*=" mwicon-"].fill-corner-top-left.fill-corner-green:before, [class*=" mwicon-"].fill-corner-bottom-left.fill-corner-green:before, [class*=" mwicon-"].fill-corner-bottom-right.fill-corner-green:before {
  color: #0dbf6d;
}
[class^=mwicon-].fill-corner-top-right:after, [class^=mwicon-].fill-corner-top-left:after, [class^=mwicon-].fill-corner-bottom-right:after, [class^=mwicon-].fill-corner-bottom-left:after, [class*=" mwicon-"].fill-corner-top-right:after, [class*=" mwicon-"].fill-corner-top-left:after, [class*=" mwicon-"].fill-corner-bottom-right:after, [class*=" mwicon-"].fill-corner-bottom-left:after {
  font-size: 0.5em;
  color: #ffffff;
  /*! rtl:begin:ignore */
  transform: translate(-50%, -50%);
  /*! rtl:end:ignore */
}
[class^=mwicon-].fill-corner-top-right:after, [class*=" mwicon-"].fill-corner-top-right:after {
  top: 27%;
  /*! rtl:remove */
  left: 70%;
  /*! rtl:raw:right: -20%; */
}
[class^=mwicon-].fill-corner-top-left:after, [class*=" mwicon-"].fill-corner-top-left:after {
  top: 27%;
  /*! rtl:remove */
  left: 28%;
  /*! rtl:raw:right: 20%; */
}
[class^=mwicon-].fill-corner-bottom-left:after, [class*=" mwicon-"].fill-corner-bottom-left:after {
  top: 72%;
  /*! rtl:remove */
  left: 28%;
  /*! rtl:raw:right: 20%; */
}
[class^=mwicon-].fill-corner-bottom-right:after, [class*=" mwicon-"].fill-corner-bottom-right:after {
  top: 72%;
  /*! rtl:remove */
  left: 70%;
  /*! rtl:raw:right: -20%; */
}
[class^=mwicon-].fill-square:before, [class*=" mwicon-"].fill-square:before {
  content: "\e000";
}
[class^=mwicon-].fill-circle:before, [class*=" mwicon-"].fill-circle:before {
  content: "\e001";
}
[class^=mwicon-].fill-ring:before, [class*=" mwicon-"].fill-ring:before {
  content: "\e002";
}
[class^=mwicon-].mr-5, [class*=" mwicon-"].mr-5 {
  margin-right: 5px;
}
[class^=mwicon-].mr-10, [class*=" mwicon-"].mr-10 {
  margin-right: 10px;
}
[class^=mwicon-].border-white, [class^=mwicon-].border-inner-white:before, [class*=" mwicon-"].border-white, [class*=" mwicon-"].border-inner-white:before {
  border: solid 2px #ffffff;
}
[class^=mwicon-].border-gray-18, [class*=" mwicon-"].border-gray-18 {
  border: solid 5px #b5cde1;
}
[class^=mwicon-].border-gray-27, [class*=" mwicon-"].border-gray-27 {
  border: solid 3px #b3c6e4;
}
[class^=mwicon-].border-green-9, [class*=" mwicon-"].border-green-9 {
  border: solid 2px #4ac7c2;
}
[class^=mwicon-].icon-color-gray-18:after, [class*=" mwicon-"].icon-color-gray-18:after {
  color: #b5cde1;
}
[class^=mwicon-].icon-color-gray-27:after, [class*=" mwicon-"].icon-color-gray-27:after {
  color: #b3c6e4;
}
[class^=mwicon-].box-shadow, [class*=" mwicon-"].box-shadow {
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.5);
}
[class^=mwicon-].icon-shadow.color-blue-9:after, [class*=" mwicon-"].icon-shadow.color-blue-9:after {
  text-shadow: 2px 2px 2px #65cde9;
}
[class^=mwicon-].icon-shadow.gray-24:after, [class*=" mwicon-"].icon-shadow.gray-24:after {
  text-shadow: 2px 2px 2px #98c0d9;
}
[class^=mwicon-].opacity-10, [class*=" mwicon-"].opacity-10 {
  opacity: 0.1;
}
[class^=mwicon-].opacity-20, [class*=" mwicon-"].opacity-20 {
  opacity: 0.2;
}
[class^=mwicon-].opacity-30, [class*=" mwicon-"].opacity-30 {
  opacity: 0.3;
}
[class^=mwicon-].opacity-40, [class*=" mwicon-"].opacity-40 {
  opacity: 0.4;
}
[class^=mwicon-].opacity-50, [class*=" mwicon-"].opacity-50 {
  opacity: 0.5;
}
[class^=mwicon-].opacity-60, [class*=" mwicon-"].opacity-60 {
  opacity: 0.6;
}
[class^=mwicon-].opacity-70, [class*=" mwicon-"].opacity-70 {
  opacity: 0.7;
}
[class^=mwicon-].opacity-80, [class*=" mwicon-"].opacity-80 {
  opacity: 0.8;
}
[class^=mwicon-].opacity-90, [class*=" mwicon-"].opacity-90 {
  opacity: 0.9;
}
[class^=mwicon-].flip-horizontal, [class*=" mwicon-"].flip-horizontal {
  display: inline-block;
  transform: scaleX(-1);
}

/*** arabic arrows ***/
.mozaweb_ar .mwicon-arrow1_l:after {
  content: "\f701";
}
.mozaweb_ar .mwicon-arrow1_r:after {
  content: "\f700";
}
.mozaweb_ar .mwicon-arrow2_l:after {
  content: "\f705";
}
.mozaweb_ar .mwicon-arrow2_r:after {
  content: "\f704";
}

/*** corners ***/
/*! rtl:begin:ignore */
[class^=mwicon-corner_][class$=_lt], [class^=mwicon-corner_][class*="_lt "], [class*=" mwicon-corner_"][class$=_lt], [class*=" mwicon-corner_"][class*="_lt "],
[class^=mwicon-corner_][class$=_lb], [class^=mwicon-corner_][class*="_lb "], [class*=" mwicon-corner_"][class$=_lb], [class*=" mwicon-corner_"][class*="_lb "],
[class^=mwicon-corner_][class$=_rt], [class^=mwicon-corner_][class*="_rt "], [class*=" mwicon-corner_"][class$=_rt], [class*=" mwicon-corner_"][class*="_rt "],
[class^=mwicon-corner_][class$=_rb], [class^=mwicon-corner_][class*="_rb "], [class*=" mwicon-corner_"][class$=_rb], [class*=" mwicon-corner_"][class*="_rb "] {
  font-size: 44px;
  line-height: 44px;
  position: absolute;
  z-index: 31;
}

[class^=mwicon-corner_][class$=_lt], [class^=mwicon-corner_][class*="_lt "], [class*=" mwicon-corner_"][class$=_lt], [class*=" mwicon-corner_"][class*="_lt "] {
  left: 0;
  top: 0;
}

[class^=mwicon-corner_][class$=_lb], [class^=mwicon-corner_][class*="_lb "], [class*=" mwicon-corner_"][class$=_lb], [class*=" mwicon-corner_"][class*="_lb "] {
  left: 0;
  bottom: 0;
}

[class^=mwicon-corner_][class$=_rt], [class^=mwicon-corner_][class*="_rt "], [class*=" mwicon-corner_"][class$=_rt], [class*=" mwicon-corner_"][class*="_rt "] {
  right: 0;
  top: 0;
}

[class^=mwicon-corner_][class$=_rb], [class^=mwicon-corner_][class*="_rb "], [class*=" mwicon-corner_"][class$=_rb], [class*=" mwicon-corner_"][class*="_rb "] {
  right: 0;
  bottom: 0;
}

/* rtl:end:ignore */
[class^=mwicon-corner_][class$=_lb], [class^=mwicon-corner_][class*="_lb "], [class*=" mwicon-corner_"][class$=_lb], [class*=" mwicon-corner_"][class*="_lb "] {
  color: #0074BD;
}

.mwicon-corner_bulb_lb {
  color: #e38900;
}

.mwicon-corner_news_lb {
  color: #0dbf6d;
}

.mwicon-corner_free_rt {
  color: #e38900;
}

.mwicon-corner_discount_rt {
  color: #ec165a;
}

.mwicon-corner_flag_rt {
  color: #02c267;
}

.mwicon-corner_digitalbook_rb {
  color: #5fc298;
}

.media-item .mwicon-corner_blog_lb {
  color: #0dbf6d;
}

/*** button icon ***/
.btn [class^=mwicon-]:not([class*=size-]), .ui-dialog .ui-dialog-buttonpane button [class^=mwicon-]:not([class*=size-]), .btn-white [class^=mwicon-]:not([class*=size-]), .btn-red-2 [class^=mwicon-]:not([class*=size-]), .btn-red [class^=mwicon-]:not([class*=size-]), .btn-yellow-2 [class^=mwicon-]:not([class*=size-]), .btn-yellow [class^=mwicon-]:not([class*=size-]), .btn-cadavr [class^=mwicon-]:not([class*=size-]), .btn-success [class^=mwicon-]:not([class*=size-]), .btn-sausage [class^=mwicon-]:not([class*=size-]), .btn-default [class^=mwicon-]:not([class*=size-]), .btn-round [class^=mwicon-]:not([class*=size-]), .btn-facebook [class^=mwicon-]:not([class*=size-]), .btn [class*=" mwicon-"]:not([class*=size-]), .ui-dialog .ui-dialog-buttonpane button [class*=" mwicon-"]:not([class*=size-]), .btn-white [class*=" mwicon-"]:not([class*=size-]), .btn-red-2 [class*=" mwicon-"]:not([class*=size-]), .btn-red [class*=" mwicon-"]:not([class*=size-]), .btn-yellow-2 [class*=" mwicon-"]:not([class*=size-]), .btn-yellow [class*=" mwicon-"]:not([class*=size-]), .btn-cadavr [class*=" mwicon-"]:not([class*=size-]), .btn-success [class*=" mwicon-"]:not([class*=size-]), .btn-sausage [class*=" mwicon-"]:not([class*=size-]), .btn-default [class*=" mwicon-"]:not([class*=size-]), .btn-round [class*=" mwicon-"]:not([class*=size-]), .btn-facebook [class*=" mwicon-"]:not([class*=size-]) {
  font-size: 18px;
}

.btn-sm [class^=mwicon-], .btn-sm [class*=" mwicon-"] {
  font-size: 15px;
}

.btn.btn-lg [class^=mwicon-], .ui-dialog .ui-dialog-buttonpane button.btn-lg [class^=mwicon-], .btn-lg.btn-white [class^=mwicon-], .btn-lg.btn-red-2 [class^=mwicon-], .btn-lg.btn-red [class^=mwicon-], .btn-lg.btn-yellow-2 [class^=mwicon-], .btn-lg.btn-yellow [class^=mwicon-], .btn-lg.btn-cadavr [class^=mwicon-], .btn-lg.btn-success [class^=mwicon-], .btn-lg.btn-sausage [class^=mwicon-], .btn-lg.btn-default [class^=mwicon-], .btn-lg.btn-round [class^=mwicon-], .btn-lg.btn-facebook [class^=mwicon-], .btn.btn-lg [class*=" mwicon-"], .ui-dialog .ui-dialog-buttonpane button.btn-lg [class*=" mwicon-"], .btn-lg.btn-white [class*=" mwicon-"], .btn-lg.btn-red-2 [class*=" mwicon-"], .btn-lg.btn-red [class*=" mwicon-"], .btn-lg.btn-yellow-2 [class*=" mwicon-"], .btn-lg.btn-yellow [class*=" mwicon-"], .btn-lg.btn-cadavr [class*=" mwicon-"], .btn-lg.btn-success [class*=" mwicon-"], .btn-lg.btn-sausage [class*=" mwicon-"], .btn-lg.btn-default [class*=" mwicon-"], .btn-lg.btn-round [class*=" mwicon-"], .btn-lg.btn-facebook [class*=" mwicon-"],
.btn.btn-large [class^=mwicon-],
.ui-dialog .ui-dialog-buttonpane button.btn-large [class^=mwicon-],
.btn-large.btn-white [class^=mwicon-],
.btn-large.btn-red-2 [class^=mwicon-],
.btn-large.btn-red [class^=mwicon-],
.btn-large.btn-yellow-2 [class^=mwicon-],
.btn-large.btn-yellow [class^=mwicon-],
.btn-large.btn-cadavr [class^=mwicon-],
.btn-large.btn-success [class^=mwicon-],
.btn-large.btn-sausage [class^=mwicon-],
.btn-large.btn-default [class^=mwicon-],
.btn-large.btn-round [class^=mwicon-],
.btn-large.btn-facebook [class^=mwicon-],
.btn.btn-large [class*=" mwicon-"],
.ui-dialog .ui-dialog-buttonpane button.btn-large [class*=" mwicon-"],
.btn-large.btn-white [class*=" mwicon-"],
.btn-large.btn-red-2 [class*=" mwicon-"],
.btn-large.btn-red [class*=" mwicon-"],
.btn-large.btn-yellow-2 [class*=" mwicon-"],
.btn-large.btn-yellow [class*=" mwicon-"],
.btn-large.btn-cadavr [class*=" mwicon-"],
.btn-large.btn-success [class*=" mwicon-"],
.btn-large.btn-sausage [class*=" mwicon-"],
.btn-large.btn-default [class*=" mwicon-"],
.btn-large.btn-round [class*=" mwicon-"],
.btn-large.btn-facebook [class*=" mwicon-"],
.btn.btn-large-icon [class^=mwicon-],
.ui-dialog .ui-dialog-buttonpane button.btn-large-icon [class^=mwicon-],
.btn-large-icon.btn-white [class^=mwicon-],
.btn-large-icon.btn-red-2 [class^=mwicon-],
.btn-large-icon.btn-red [class^=mwicon-],
.btn-large-icon.btn-yellow-2 [class^=mwicon-],
.btn-large-icon.btn-yellow [class^=mwicon-],
.btn-large-icon.btn-cadavr [class^=mwicon-],
.btn-large-icon.btn-success [class^=mwicon-],
.btn-large-icon.btn-sausage [class^=mwicon-],
.btn-large-icon.btn-default [class^=mwicon-],
.btn-large-icon.btn-round [class^=mwicon-],
.btn-large-icon.btn-facebook [class^=mwicon-],
.btn.btn-large-icon [class*=" mwicon-"],
.ui-dialog .ui-dialog-buttonpane button.btn-large-icon [class*=" mwicon-"],
.btn-large-icon.btn-white [class*=" mwicon-"],
.btn-large-icon.btn-red-2 [class*=" mwicon-"],
.btn-large-icon.btn-red [class*=" mwicon-"],
.btn-large-icon.btn-yellow-2 [class*=" mwicon-"],
.btn-large-icon.btn-yellow [class*=" mwicon-"],
.btn-large-icon.btn-cadavr [class*=" mwicon-"],
.btn-large-icon.btn-success [class*=" mwicon-"],
.btn-large-icon.btn-sausage [class*=" mwicon-"],
.btn-large-icon.btn-default [class*=" mwicon-"],
.btn-large-icon.btn-round [class*=" mwicon-"],
.btn-large-icon.btn-facebook [class*=" mwicon-"] {
  font-size: 24px;
  line-height: 0;
  top: 3px;
  margin-right: 2px;
  margin-left: -2px;
}

.btn.btn-lg [class^=mwicon-], .ui-dialog .ui-dialog-buttonpane button.btn-lg [class^=mwicon-], .btn-lg.btn-white [class^=mwicon-], .btn-lg.btn-red-2 [class^=mwicon-], .btn-lg.btn-red [class^=mwicon-], .btn-lg.btn-yellow-2 [class^=mwicon-], .btn-lg.btn-yellow [class^=mwicon-], .btn-lg.btn-cadavr [class^=mwicon-], .btn-lg.btn-success [class^=mwicon-], .btn-lg.btn-sausage [class^=mwicon-], .btn-lg.btn-default [class^=mwicon-], .btn-lg.btn-round [class^=mwicon-], .btn-lg.btn-facebook [class^=mwicon-], [class*=" mwicon-"] {
  top: 1px;
}

.btn.download-button [class^=mwicon-], .ui-dialog .ui-dialog-buttonpane button.download-button [class^=mwicon-], .download-button.btn-white [class^=mwicon-], .download-button.btn-red-2 [class^=mwicon-], .download-button.btn-red [class^=mwicon-], .download-button.btn-yellow-2 [class^=mwicon-], .download-button.btn-yellow [class^=mwicon-], .download-button.btn-cadavr [class^=mwicon-], .download-button.btn-success [class^=mwicon-], .download-button.btn-sausage [class^=mwicon-], .download-button.btn-default [class^=mwicon-], .download-button.btn-round [class^=mwicon-], .download-button.btn-facebook [class^=mwicon-], .btn.download-button [class*=" mwicon-"], .ui-dialog .ui-dialog-buttonpane button.download-button [class*=" mwicon-"], .download-button.btn-white [class*=" mwicon-"], .download-button.btn-red-2 [class*=" mwicon-"], .download-button.btn-red [class*=" mwicon-"], .download-button.btn-yellow-2 [class*=" mwicon-"], .download-button.btn-yellow [class*=" mwicon-"], .download-button.btn-cadavr [class*=" mwicon-"], .download-button.btn-success [class*=" mwicon-"], .download-button.btn-sausage [class*=" mwicon-"], .download-button.btn-default [class*=" mwicon-"], .download-button.btn-round [class*=" mwicon-"], .download-button.btn-facebook [class*=" mwicon-"] {
  font-size: 52px;
  line-height: normal;
  top: 0;
}

/*** facebook logo color ***/
.btn.facebook_share .mwicon-facebook_logo, .ui-dialog .ui-dialog-buttonpane button.facebook_share .mwicon-facebook_logo, .facebook_share.btn-white .mwicon-facebook_logo, .facebook_share.btn-red-2 .mwicon-facebook_logo, .facebook_share.btn-red .mwicon-facebook_logo, .facebook_share.btn-yellow-2 .mwicon-facebook_logo, .facebook_share.btn-yellow .mwicon-facebook_logo, .facebook_share.btn-cadavr .mwicon-facebook_logo, .facebook_share.btn-success .mwicon-facebook_logo, .facebook_share.btn-sausage .mwicon-facebook_logo, .facebook_share.btn-default .mwicon-facebook_logo, .facebook_share.btn-round .mwicon-facebook_logo, .facebook_share.btn-facebook .mwicon-facebook_logo {
  color: #3B5998;
}

.mwicon-task_progress_notstarted,
.mwicon-task_progress_inprogress {
  display: inline-block;
  height: 0.35em;
  width: 1.2em;
}

.mwicon-task_progress_notstarted:before,
.mwicon-task_progress_inprogress:before {
  content: " ";
  -js-display: flex;
  display: flex;
  background-color: #e7f5ff;
  height: 100%;
  width: 100%;
  border-radius: 0.175em;
  border: 0.05em solid #4C84E5;
  position: absolute;
}

.mwicon-task_progress_notstarted:after,
.mwicon-task_progress_inprogress:after {
  content: " ";
  -js-display: flex;
  display: flex;
  background-color: #4C84E5;
  height: 100%;
  width: 25%;
  border-radius: 0.175em;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
}

.mwicon-task_progress_inprogress:after {
  width: 50%;
}

.mwicon-task_progress_closed {
  color: #ff9400;
}

.mwicon-task_progress_expired {
  color: #ef0b06;
}

.relative-container {
  position: relative;
}

.corner-mwicon-container {
  height: 150px;
  background: #eeeeee;
  padding-top: 45px;
}

.light-icon {
  color: #b2c4da;
}

.pale-icon {
  color: #dee5f2 !important;
}

.blue-icon {
  font-size: 19px;
  padding-right: 5px;
  color: #0074BD;
  vertical-align: middle;
  margin-top: -1px;
}

i.disabled {
  cursor: not-allowed !important;
}

.small-icon {
  font-size: 30px;
}

.buttons {
  color: #455771;
  width: 100%;
  float: left;
}
.buttons .icon {
  width: 22px;
  height: 15px;
  position: relative;
  display: inline-block;
}
.buttons .icon:before {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -1px;
}
.buttons .icon.mwicon-edit:after, .buttons .icon.mwicon-user_add:after {
  font-size: 18px;
  top: 0;
}
.buttons .icon.fa-save:before {
  font-size: 18px;
  top: 1px;
}
.buttons .icon.mwicon-mt2_task:after {
  font-size: 22px;
  top: -2px;
}
.buttons .icon.mwicon-group_join:after {
  font-size: 19px;
  top: -2px;
}

.group-type-icon .icon {
  position: relative;
  height: 20px;
  color: #b2c4da;
}
.group-type-icon .icon i {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 26px;
  top: -3px;
}

.group-type-icon .icon i {
  font-size: 30px;
  top: -4px;
}

.homework-sent-tasks .task-wrapper .table .group-type-icon .icon, .homework-all-task .task-wrapper .table .group-type-icon .icon {
  width: 30px;
  float: none;
  margin-right: 5px;
}
.homework-sent-tasks .task-wrapper .table .group-type-icon .icon i, .homework-all-task .task-wrapper .table .group-type-icon .icon i {
  font-size: 27px;
  top: -2px;
}
.homework-sent-tasks .task-wrapper .table .icon, .homework-sent-tasks .task-wrapper .table .hw-icon i, .homework-all-task .task-wrapper .table .icon, .homework-all-task .task-wrapper .table .hw-icon i {
  width: 22px;
  height: 15px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  color: #d1d9e9;
}
.homework-sent-tasks .task-wrapper .table .icon:before, .homework-sent-tasks .task-wrapper .table .hw-icon i:before, .homework-all-task .task-wrapper .table .icon:before, .homework-all-task .task-wrapper .table .hw-icon i:before {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -1px;
}
.homework-sent-tasks .task-wrapper .table .hw-icon i, .homework-all-task .task-wrapper .table .hw-icon i {
  margin: 0;
  color: #8c97a7;
}

.table-wrapper .table thead tr th > i {
  font-size: 24px;
  line-height: 0;
  top: 2px;
  margin: 0;
}

.group-wrapper .table-wrapper .gp-table .gp-home div[class*=iradio_square] i, .group-wrapper .table-wrapper .gp-table .gp-home-sm div[class*=iradio_square] i {
  color: #d3cfc8;
  margin-top: 4px;
}
.group-wrapper .table-wrapper .gp-table .gp-home div[class*=iradio_square].hover i, .group-wrapper .table-wrapper .gp-table .gp-home-sm div[class*=iradio_square].hover i {
  color: #1b7E5a;
}
.group-wrapper .table-wrapper .gp-table .gp-home div[class*=iradio_square].checked i, .group-wrapper .table-wrapper .gp-table .gp-home-sm div[class*=iradio_square].checked i {
  display: none;
}

.action-icons i {
  font-size: 20px;
  margin-right: 5px;
}

.grade-icon {
  background: url("../assets/images/grade-icons.png") top left no-repeat;
  display: inline-block;
  width: 19px;
  height: 19px;
  position: absolute;
  bottom: 7px;
  /*rtl:ignore*/
  left: 7px;
}
.grade-icon.all {
  background-position: 0 0;
}
.grade-icon.elementary {
  background-position: -19px 0;
}
.grade-icon.secondary {
  background-position: -38px 0;
}
.grade-icon.higher-2 {
  background-position: -57px 0;
}
.grade-icon.higher {
  background-position: -76px 0;
}
.grade-icon.lower {
  background-position: -95px 0;
}

i {
  position: relative;
}
i.hw-portrait-icon {
  display: block;
  position: relative;
  width: 25px;
  height: 20px;
  margin: auto;
  font-size: 25px;
}
i.hw-portrait-icon:before {
  position: absolute;
  width: 25px;
  top: calc((20px - 25px ) / 2);
  left: 0;
}
i.xs-icon {
  display: block;
  position: relative;
  width: 15px;
  height: 20px;
  margin: auto;
  font-size: 15px;
}
i.xs-icon:before {
  position: absolute;
  width: 15px;
  top: calc((20px - 15px ) / 2);
  left: 0;
}

/*rtl:begin:ignore*/
.badge-wrapper {
  width: 48px;
  height: 48px;
  z-index: 30;
  border: 24px solid transparent;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
}

.media-item .mwicon-favorite {
  position: absolute;
  left: 6px;
  top: 7px;
  font-size: 22px;
  color: #ffe100;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
  z-index: 49;
}

.tool-item .mwicon-favorite {
  position: absolute;
  left: 6px;
  top: 7px;
  font-size: 22px;
  text-shadow: none;
  color: #e38900;
  z-index: 49;
}

.type-wrapper, .promo-wrapper {
  width: 48px;
  height: 48px;
  z-index: 30;
  border: 24px solid transparent;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}

/*rtl:end:ignore*/
.promo-book {
  position: absolute;
  bottom: 10px;
  /*rtl:ignore*/
  left: 0;
}
.promo-book .promo-wrapper {
  z-index: 31;
}
.promo-book .mwicon-corner_free_lb:after {
  bottom: -1px;
  left: -1px;
}

.image-large .promo-book {
  bottom: 0;
}

.back-to-top-icon {
  vertical-align: middle;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../assets/fonts/glyph/glyphicons-halflings-regular.eot");
  src: url("../assets/fonts/glyph/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/glyph/glyphicons-halflings-regular.woff2") format("woff2"), url("../assets/fonts/glyph/glyphicons-halflings-regular.woff") format("woff"), url("../assets/fonts/glyph/glyphicons-halflings-regular.ttf") format("truetype"), url("../assets/fonts/glyph/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  font-family: "NeoSansPro-Regular";
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.woff") format("woff"), url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.ttf") format("truetype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.svg#NeoSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NeoSansPro-Medium";
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NeoSansPro-Light";
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NeoSansPro-Italic";
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.eot");
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.woff") format("woff"), url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.ttf") format("truetype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.svg#wf") format("svg");
}
@font-face {
  font-family: "NeoSansPro-BoldItalic";
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Constantia";
  src: url("../assets/fonts/Constantia/Constantia.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Constantia-Italic";
  src: url("../assets/fonts/Constantia/Constantia Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Constantia-Bold";
  src: url("../assets/fonts/Constantia/Constantia Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Constantia-Bold-Italic";
  src: url("../assets/fonts/Constantia/Constantia Bold Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Web";
  src: url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.eot");
  src: url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.woff2") format("woff2"), url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.woff") format("woff"), url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Web";
  src: url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.eot");
  src: url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.woff2") format("woff2"), url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.woff") format("woff"), url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Regular";
  src: url("../assets/fonts/Kanit/Kanit-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Bold";
  src: url("../assets/fonts/Kanit/Kanit-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Light";
  src: url("../assets/fonts/Kanit/Kanit-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Tahoma Bold";
  src: url("../assets/fonts/Tahoma/tahomabd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
.btn.btn-link, .ui-dialog .ui-dialog-buttonpane button.btn-link, .btn-link.btn-white, .btn-link.btn-red-2, .btn-link.btn-red, .btn-link.btn-yellow-2, .btn-link.btn-yellow, .btn-link.btn-cadavr, .btn-link.btn-success, .btn-link.btn-sausage, .btn-link.btn-default, .btn-link.btn-round, .btn-link.btn-facebook {
  display: inline;
  padding: 0;
  color: #0074BD;
  vertical-align: middle;
}
.btn.btn-link i, .ui-dialog .ui-dialog-buttonpane button.btn-link i, .btn-link.btn-white i, .btn-link.btn-red-2 i, .btn-link.btn-red i, .btn-link.btn-yellow-2 i, .btn-link.btn-yellow i, .btn-link.btn-cadavr i, .btn-link.btn-success i, .btn-link.btn-sausage i, .btn-link.btn-default i, .btn-link.btn-round i, .btn-link.btn-facebook i {
  font-size: 22px;
}

.btn, .ui-dialog .ui-dialog-buttonpane button, .btn-white, .btn-red-2, .btn-red, .btn-yellow-2, .btn-yellow, .btn-cadavr, .btn-success, .btn-sausage, .btn-default, .btn-round, .btn-facebook {
  font-size: 15px;
  padding: 6px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  vertical-align: top;
  white-space: normal;
}
.btn.btn-sm, .ui-dialog .ui-dialog-buttonpane button.btn-sm, .btn-sm.btn-white, .btn-sm.btn-red-2, .btn-sm.btn-red, .btn-sm.btn-yellow-2, .btn-sm.btn-yellow, .btn-sm.btn-cadavr, .btn-sm.btn-success, .btn-sm.btn-sausage, .btn-sm.btn-default, .btn-sm.btn-round, .btn-sm.btn-facebook {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn.btn-nomargin, .ui-dialog .ui-dialog-buttonpane button.btn-nomargin, .btn-nomargin.btn-white, .btn-nomargin.btn-red-2, .btn-nomargin.btn-red, .btn-nomargin.btn-yellow-2, .btn-nomargin.btn-yellow, .btn-nomargin.btn-cadavr, .btn-nomargin.btn-success, .btn-nomargin.btn-sausage, .btn-nomargin.btn-default, .btn-nomargin.btn-round, .btn-nomargin.btn-facebook {
  margin: 0;
}
.btn.btn-gray, .ui-dialog .ui-dialog-buttonpane button.btn-gray, .btn-gray.btn-white, .btn-gray.btn-red-2, .btn-gray.btn-red, .btn-gray.btn-yellow-2, .btn-gray.btn-yellow, .btn-gray.btn-cadavr, .btn-gray.btn-success, .btn-gray.btn-sausage, .btn-gray.btn-default, .btn-gray.btn-round, .btn-gray.btn-facebook {
  background-color: #efefef;
}
.btn.btn-wide, .ui-dialog .ui-dialog-buttonpane button.btn-wide, .btn-wide.btn-white, .btn-wide.btn-red-2, .btn-wide.btn-red, .btn-wide.btn-yellow-2, .btn-wide.btn-yellow, .btn-wide.btn-cadavr, .btn-wide.btn-success, .btn-wide.btn-sausage, .btn-wide.btn-default, .btn-wide.btn-round, .btn-wide.btn-facebook {
  padding: 6px 50px;
}
.btn.btn-wechat, .ui-dialog .ui-dialog-buttonpane button.btn-wechat, .btn-wechat.btn-white, .btn-wechat.btn-red-2, .btn-wechat.btn-red, .btn-wechat.btn-yellow-2, .btn-wechat.btn-yellow, .btn-wechat.btn-cadavr, .btn-wechat.btn-success, .btn-wechat.btn-sausage, .btn-wechat.btn-default, .btn-wechat.btn-round, .btn-wechat.btn-facebook {
  color: #ffffff;
  background-color: #00bc0c;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-wechat:hover, .ui-dialog .ui-dialog-buttonpane button.btn-wechat:hover, .btn-wechat.btn-white:hover, .btn-wechat.btn-red-2:hover, .btn-wechat.btn-red:hover, .btn-wechat.btn-yellow-2:hover, .btn-wechat.btn-yellow:hover, .btn-wechat.btn-cadavr:hover, .btn-wechat.btn-success:hover, .btn-wechat.btn-sausage:hover, .btn-wechat.btn-default:hover, .btn-wechat.btn-round:hover, .btn-wechat.btn-facebook:hover {
  background-color: #00AA0C;
}

.btn-loader .fa {
  display: none;
  margin-left: -12px;
  margin-right: 8px;
}
.btn-loader.loading .fa {
  display: inline-block;
}

.btn.btn-lg, .ui-dialog .ui-dialog-buttonpane button.btn-lg, .btn-lg.btn-white, .btn-lg.btn-red-2, .btn-lg.btn-red, .btn-lg.btn-yellow-2, .btn-lg.btn-yellow, .btn-lg.btn-cadavr, .btn-lg.btn-success, .btn-lg.btn-sausage, .btn-lg.btn-default, .btn-lg.btn-round, .btn-lg.btn-facebook {
  padding: 10px 25px;
  font-size: 18px;
}

.btn-facebook {
  background: #3B5998;
  border-color: #3B5998;
  color: #ffffff;
}
.btn-facebook:hover {
  color: #ffffff;
  background-color: #2d4373;
  border-color: #2d4373;
}
.btn-facebook i {
  color: #ffffff;
}

.btn-round {
  border-radius: 50%;
  border: none;
  width: 35px;
  height: 35px;
  padding: 5px;
  color: #ffffff;
  font-size: 23px;
  background-color: #a1b4cd;
}
.btn-round:hover {
  color: #ffffff;
  background: #90a7c4;
}
.btn-round.active, .btn-round:focus {
  color: #ffffff;
  background: #90a7c4;
}
.btn-round.btn-danger {
  background: #e11b50;
}
.btn-round.btn-danger:hover {
  background: #ca1848;
}
.btn-round.btn-danger.active, .btn-round.btn-danger:focus {
  background: #ca1848;
}

.btn-default {
  border: 1px solid #b9c8e4;
  background: #dee5f2;
}
.btn-default:hover {
  background: #ccd7eb;
  border-color: #95abd5;
}
.btn-default.active, .btn-default:focus {
  background: #ccd7eb;
  border-color: #95abd5;
}

.btn-sausage {
  border-radius: 17px;
}
.btn-sausage.btn-large {
  border-radius: 23px;
  padding: 10px 60px;
}

.btn-primary, .ui-dialog .ui-dialog-buttonpane button {
  background-color: #0074BD;
  border-color: #0074BD;
  font-weight: bold;
  color: #ffffff;
}
.btn-primary:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .btn-primary:focus, .ui-dialog .ui-dialog-buttonpane button:focus, .btn-primary:active, .ui-dialog .ui-dialog-buttonpane button:active {
  background-color: #0064a4;
  border-color: #0064a4;
}

.btn-success {
  background: #61B846;
  font-weight: bold;
  padding: 6px 25px;
}
.btn-success:hover {
  background: #57a63f;
  border-color: #57a63f;
}
.btn-success.active, .btn-success:focus {
  background: #539e3c;
  border-color: #539e3c;
}

.btn-cadavr {
  background: #61B846;
  color: #ffffff !important;
  font-weight: bold;
  padding: 6px 25px;
  -js-display: flex;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-cadavr div[class*=mwicon-] {
  font-size: 170% !important;
}
.btn-cadavr:hover {
  background: #57a63f;
  border-color: #57a63f;
}
.btn-cadavr.active, .btn-cadavr:focus {
  background: #539e3c;
  border-color: #539e3c;
}

.btn-yellow {
  background: #d38d26;
  font-weight: bold;
  padding: 7px 25px;
  color: #ffffff;
}
.btn-yellow:hover {
  background: #bd7f22;
  border-color: #bd7f22;
}
.btn-yellow.active, .btn-yellow:focus {
  background: #b57921;
  border-color: #b57921;
}

.btn-yellow-2 {
  background: #f0ad4e;
  font-weight: bold;
  padding: 7px 25px;
  color: #ffffff;
}
.btn-yellow-2:hover {
  background: #eea236;
  border-color: #eea236;
  color: #ffffff;
}
.btn-yellow-2.active, .btn-yellow-2:focus {
  background: #ed9e2d;
  border-color: #ed9e2d;
}

.btn-red {
  background: #d83b59;
  font-weight: bold;
  padding: 7px 25px;
  color: #ffffff;
}
.btn-red:hover {
  color: #ffffff;
  background: #b53752;
  border-color: #b53752;
}
.btn-red.active, .btn-red:focus {
  color: #ffffff;
  background: #ad344f;
  border-color: #ad344f;
}

.btn-red-2 {
  background: #d35959;
  font-weight: bold;
  padding: 7px 25px;
  color: #ffffff;
}
.btn-red-2:hover {
  color: #ffffff !important;
  background: #ce4545;
  border-color: #ce4545;
}
.btn-red-2.active, .btn-red-2:focus {
  color: #ffffff !important;
  background: #cc3d3d;
  border-color: #cc3d3d;
}

.btn-white {
  border: 1px solid #b9c8e4;
  background: #ffffff;
}
.btn-white:hover {
  background: #ffffff;
  border-color: #95abd5;
}
.btn-white.active, .btn-white:focus {
  background: #ffffff;
  border-color: #95abd5;
}

.btn-warning {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #e38900;
  font-weight: bold;
}

.btn-warning-2 {
  background-color: #e38900 !important;
  color: #ffffff;
  font-weight: bold;
}
.btn-warning-2:hover {
  color: #ffffff;
  background-color: #ca7a00 !important;
}

.btn-warning-3 {
  background-color: #F68529;
  color: #ffffff;
  font-weight: bold;
}
.btn-warning-3:hover {
  color: #ffffff;
  background-color: #f57711 !important;
}

.btn-large {
  padding: 10px 40px;
  font-size: 17px;
}

.btn-shadow .btn-default {
  background: #dee5f2;
  background: linear-gradient(to bottom, #ffffff 0%, #dee5f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dee5f2", GradientType=0);
}
.btn-shadow .btn-default:active, .btn-shadow .btn-default.active {
  box-shadow: none;
  background: linear-gradient(to bottom, #dee5f2 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dee5f2", endColorstr="#ffffff", GradientType=0);
}
.btn-shadow .btn-primary, .btn-shadow .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .btn-shadow button {
  box-shadow: inset 5px 5px 5px -1px rgba(0, 0, 0, 0.4);
}

@media (min-width: 992px) {
  .buttons > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .buttons > *:first-child {
    margin-left: 0;
  }
  .buttons > *:last-child {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .buttons .btn, .buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons button, .buttons .btn-facebook, .buttons .btn-round, .buttons .btn-default, .buttons .btn-sausage, .buttons .btn-success, .buttons .btn-cadavr, .buttons .btn-yellow, .buttons .btn-yellow-2, .buttons .btn-red, .buttons .btn-red-2, .buttons .btn-white {
    width: 100% !important;
  }
  .buttons .btn-group {
    width: 100%;
  }
  .buttons .btn-group .btn, .buttons .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons .btn-group button, .buttons .btn-group .btn-facebook, .buttons .btn-group .btn-round, .buttons .btn-group .btn-default, .buttons .btn-group .btn-sausage, .buttons .btn-group .btn-success, .buttons .btn-group .btn-cadavr, .buttons .btn-group .btn-yellow, .buttons .btn-group .btn-yellow-2, .buttons .btn-group .btn-red, .buttons .btn-group .btn-red-2, .buttons .btn-group .btn-white {
    width: 50% !important;
  }
  .buttons > * {
    margin: 0 0 20px 0 !important;
  }
  .buttons > *:first-child {
    margin-bottom: 20px !important;
  }
  .buttons > *:last-child {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .buttons-xs > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .buttons-xs > *:first-child {
    margin-left: 0;
  }
  .buttons-xs > *:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .buttons-xs .btn, .buttons-xs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons-xs button, .buttons-xs .btn-facebook, .buttons-xs .btn-round, .buttons-xs .btn-default, .buttons-xs .btn-sausage, .buttons-xs .btn-success, .buttons-xs .btn-cadavr, .buttons-xs .btn-yellow, .buttons-xs .btn-yellow-2, .buttons-xs .btn-red, .buttons-xs .btn-red-2, .buttons-xs .btn-white {
    width: 100% !important;
  }
  .buttons-xs .btn-group {
    width: 100%;
  }
  .buttons-xs .btn-group .btn, .buttons-xs .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons-xs .btn-group button, .buttons-xs .btn-group .btn-facebook, .buttons-xs .btn-group .btn-round, .buttons-xs .btn-group .btn-default, .buttons-xs .btn-group .btn-sausage, .buttons-xs .btn-group .btn-success, .buttons-xs .btn-group .btn-cadavr, .buttons-xs .btn-group .btn-yellow, .buttons-xs .btn-group .btn-yellow-2, .buttons-xs .btn-group .btn-red, .buttons-xs .btn-group .btn-red-2, .buttons-xs .btn-group .btn-white {
    width: 50% !important;
  }
  .buttons-xs > * {
    margin: 0 0 20px 0 !important;
  }
  .buttons-xs > *:first-child {
    margin-bottom: 20px !important;
  }
  .buttons-xs > *:last-child {
    margin-bottom: 0 !important;
  }
}

.section-homework .buttons .btn, .section-homework .buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-homework .buttons button, .section-homework .buttons .btn-facebook, .section-homework .buttons .btn-round, .section-homework .buttons .btn-default, .section-homework .buttons .btn-sausage, .section-homework .buttons .btn-success, .section-homework .buttons .btn-cadavr, .section-homework .buttons .btn-yellow, .section-homework .buttons .btn-yellow-2, .section-homework .buttons .btn-red, .section-homework .buttons .btn-red-2, .section-homework .buttons .btn-white {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .section-homework .buttons .btn, .section-homework .buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-homework .buttons button, .section-homework .buttons .btn-facebook, .section-homework .buttons .btn-round, .section-homework .buttons .btn-default, .section-homework .buttons .btn-sausage, .section-homework .buttons .btn-success, .section-homework .buttons .btn-cadavr, .section-homework .buttons .btn-yellow, .section-homework .buttons .btn-yellow-2, .section-homework .buttons .btn-red, .section-homework .buttons .btn-red-2, .section-homework .buttons .btn-white {
    width: calc(50% - 10px) !important;
  }
  .section-homework .buttons > *:first-child {
    margin-top: 0 !important;
    float: left;
  }
  .section-homework .buttons > *:last-child {
    float: right;
  }
}

@media (max-width: 767px) {
  .flex-xs {
    -js-display: flex;
    display: flex;
  }
  .flex-xs-wrap {
    flex-wrap: wrap;
  }
  .flex-column-xs {
    flex-direction: column;
  }
  .order-1-xs {
    order: 1;
  }
  .order-2-xs {
    order: 2;
  }
  .order-3-xs {
    order: 3;
  }
  .border-left-xs-none {
    border-left: 0 !important;
  }
  .fluid-btn-group-xs {
    width: 100%;
  }
  .fluid-btn-group-xs .btn, .fluid-btn-group-xs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .fluid-btn-group-xs button, .fluid-btn-group-xs .btn-facebook, .fluid-btn-group-xs .btn-round, .fluid-btn-group-xs .btn-default, .fluid-btn-group-xs .btn-sausage, .fluid-btn-group-xs .btn-success, .fluid-btn-group-xs .btn-cadavr, .fluid-btn-group-xs .btn-yellow, .fluid-btn-group-xs .btn-yellow-2, .fluid-btn-group-xs .btn-red, .fluid-btn-group-xs .btn-red-2, .fluid-btn-group-xs .btn-white {
    width: 50% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .button-xs.btn, .ui-dialog .ui-dialog-buttonpane button.button-xs, .button-xs.btn-facebook, .button-xs.btn-round, .button-xs.btn-default, .button-xs.btn-sausage, .button-xs.btn-success, .button-xs.btn-cadavr, .button-xs.btn-yellow, .button-xs.btn-yellow-2, .button-xs.btn-red, .button-xs.btn-red-2, .button-xs.btn-white {
    width: 100% !important;
    margin: 15px 0 0 !important;
  }
  .button-xs.mt0 {
    margin-top: 0 !important;
  }
  .pb30-xs {
    padding-bottom: 30px;
  }
  .pt20-xs {
    padding-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid-title-sm {
    height: initial !important;
  }
  .fluid-title-sm .container {
    position: relative !important;
    height: initial !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (max-width: 991px) {
  .hidden-xs-sm {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .flex-xs-sm-md {
    -js-display: flex;
    display: flex;
  }
  .flex-xs-sm-md-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .hidden-md-lg {
    display: none !important;
  }
  .fluid-title-md-lg {
    height: initial !important;
  }
  .fluid-title-md-lg .container {
    position: relative !important;
    height: initial !important;
    padding-top: 20px !important;
  }
  .licence-title-row-block {
    min-height: 132px;
  }
  .flex-md-lg {
    -js-display: flex;
    display: flex;
  }
  .flex-md-lg div[class*=col-] {
    align-self: center;
  }
}
@media (max-width: 519px) {
  .col-xss-12 {
    width: 100%;
    margin-bottom: 10px;
  }
  .col-xss-12-space-between {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1000px) {
  .pb75-w1000 {
    padding-bottom: 75px;
  }
}
@media (max-width: 1000px) {
  .pt40-w1000 {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .pt30-xs {
    padding-top: 30px;
  }
}
.bootstrap-dialog .modal-dialog {
  border-radius: 10px;
  background: transparent;
}
.bootstrap-dialog .modal-dialog .modal-content {
  border-radius: 10px;
  background: transparent;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-header {
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 25px;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-header .close {
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-body {
  padding: 20px;
  background-color: #f2f5f9;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-body .primary-blue {
  color: #4b84e4 !important;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer {
  text-align: left;
  background-color: #f2f5f9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-color: #dce4ef;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round {
  background-color: #afbcd8;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round:hover {
  background-color: #90a7c4;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-facebook + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-round + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-default + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-sausage + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-success + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-cadavr + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-yellow + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-yellow-2 + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-red + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-red-2 + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-white + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-facebook, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-round, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-default, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-sausage, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-success, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-cadavr, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-yellow, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-yellow-2, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-red, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-red-2, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-white, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-white {
  margin-left: 26px;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-danger {
  background-color: #E55C70;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-danger:hover {
  background-color: #ca1848;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-repaired {
  background-color: #feaa3e;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-repaired:hover {
  background-color: #f47711;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-primary, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button {
  background-color: #4b84e4;
  border-color: #4b84e4;
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-primary:hover, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button:hover {
  background-color: #007ccc;
  border-color: #007ccc;
}
@media (max-width: 519px) {
  .bootstrap-dialog .modal-dialog .modal-content .modal-footer {
    text-align: center;
  }
  .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-facebook + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-round + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-default + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-sausage + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-success + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-cadavr + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-yellow + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-yellow-2 + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-red + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-red-2 + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-white + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-facebook, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-round, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-default, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-sausage, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-success, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-cadavr, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-cadavr, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-yellow, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-yellow-2, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-yellow-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-red, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-red, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-red-2, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-red-2, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-white, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-cadavr + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow-2 + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-red-2 + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-white {
    margin-left: 5px;
  }
}
@media (max-width: 519px) {
  .bootstrap-dialog .modal-dialog .modal-content .modal-footer .six-btn {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-bottom: 10px;
  }
}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .ok-btn {
  margin-left: 0 !important;
}
@media (max-width: 519px) {
  .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ok-btn {
    margin-top: 10px;
    margin-right: 11vw !important;
    width: 75%;
  }
}
.bootstrap-dialog.type-primary .modal-header {
  background-color: #4b84e4;
}
.bootstrap-dialog.no-separator .modal-footer {
  border: none;
}
.bootstrap-dialog.footer-center .modal-footer {
  text-align: center;
}
.bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons {
  padding-bottom: 20px;
  -js-display: flex;
  display: flex;
}
.bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .ui-dialog .ui-dialog-buttonpane button:not(:only-child), .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons button:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-facebook:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-round:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-default:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-sausage:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-success:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-cadavr:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-yellow:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-yellow-2:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-red:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-red-2:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-white:not(:only-child) {
  width: 100%;
}
.bootstrap-dialog.no-button .modal-body {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media (max-width: 519px) {
  .bootstrap-dialog-message .justify-content-between div img {
    display: none;
  }
}

@media (max-width: 767px) {
  .flex-xs {
    -js-display: flex;
    display: flex;
  }
  .flex-xs-wrap {
    flex-wrap: wrap;
  }
  .flex-column-xs {
    flex-direction: column;
  }
  .order-1-xs {
    order: 1;
  }
  .order-2-xs {
    order: 2;
  }
  .order-3-xs {
    order: 3;
  }
  .border-left-xs-none {
    border-left: 0 !important;
  }
  .fluid-btn-group-xs {
    width: 100%;
  }
  .fluid-btn-group-xs .btn, .fluid-btn-group-xs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .fluid-btn-group-xs button, .fluid-btn-group-xs .btn-facebook, .fluid-btn-group-xs .btn-round, .fluid-btn-group-xs .btn-default, .fluid-btn-group-xs .btn-sausage, .fluid-btn-group-xs .btn-success, .fluid-btn-group-xs .btn-cadavr, .fluid-btn-group-xs .btn-yellow, .fluid-btn-group-xs .btn-yellow-2, .fluid-btn-group-xs .btn-red, .fluid-btn-group-xs .btn-red-2, .fluid-btn-group-xs .btn-white {
    width: 50% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .button-xs.btn, .ui-dialog .ui-dialog-buttonpane button.button-xs, .button-xs.btn-facebook, .button-xs.btn-round, .button-xs.btn-default, .button-xs.btn-sausage, .button-xs.btn-success, .button-xs.btn-cadavr, .button-xs.btn-yellow, .button-xs.btn-yellow-2, .button-xs.btn-red, .button-xs.btn-red-2, .button-xs.btn-white {
    width: 100% !important;
    margin: 15px 0 0 !important;
  }
  .button-xs.mt0 {
    margin-top: 0 !important;
  }
  .pb30-xs {
    padding-bottom: 30px;
  }
  .pt20-xs {
    padding-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid-title-sm {
    height: initial !important;
  }
  .fluid-title-sm .container {
    position: relative !important;
    height: initial !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (max-width: 991px) {
  .hidden-xs-sm {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .flex-xs-sm-md {
    -js-display: flex;
    display: flex;
  }
  .flex-xs-sm-md-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .hidden-md-lg {
    display: none !important;
  }
  .fluid-title-md-lg {
    height: initial !important;
  }
  .fluid-title-md-lg .container {
    position: relative !important;
    height: initial !important;
    padding-top: 20px !important;
  }
  .licence-title-row-block {
    min-height: 132px;
  }
  .flex-md-lg {
    -js-display: flex;
    display: flex;
  }
  .flex-md-lg div[class*=col-] {
    align-self: center;
  }
}
@media (max-width: 519px) {
  .col-xss-12 {
    width: 100%;
    margin-bottom: 10px;
  }
  .col-xss-12-space-between {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1000px) {
  .pb75-w1000 {
    padding-bottom: 75px;
  }
}
@media (max-width: 1000px) {
  .pt40-w1000 {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .pt30-xs {
    padding-top: 30px;
  }
}
.red-title {
  color: #ec165a;
}

.light {
  color: #b2c4da;
}

.light-gray {
  color: #a4b8d5;
}

.light-gray2 {
  color: #c7d3e5;
}

.pale {
  color: #dee5f2 !important;
}

.white {
  color: #ffffff !important;
}

.gray-background {
  background-color: #f2f5f9;
}

.pale-background {
  background-color: #f0f6fb;
}

.transparent-background {
  background: none !important;
}

.orange-3 {
  color: #ff9400;
}

.green-6 {
  color: #54b84f !important;
}

.primary-bg {
  background-color: #0074BD;
}

.light-pale-blue-bg {
  background-color: #ecf7fd !important;
}

.green-bg {
  background-color: #56BF6A;
}

.orange-bg {
  background-color: #E27A23;
}

.red-bg {
  background-color: #C5405D;
}

.red-10-bg {
  background-color: #ff0000;
}

.blue-bg {
  background-color: #4C84E5;
}

.blue-20-bg {
  background-color: #d2e3f2;
}

.blue-21-bg {
  background-color: #C5CBDA;
}

.color-common {
  color: #455771;
}

.gray {
  background: #f2f5f9;
}

.gray-bg {
  background: #dbe5f3;
}

.gray-bg-30 {
  background: #dfe5f1;
}

.gray-bg-31 {
  background: #ccd7eb;
}

.gray-bg-32 {
  background-color: #cddaeb;
}

[class*=gray-bg-] input:disabled, [class*=gray-bg-] select:disabled {
  background-color: #ECEFF7;
}

.dark-gray {
  background: #c7d3e5;
}

.gray20-bg {
  background: #6e7a95;
  color: #ffffff;
}

.lightblue2-bg {
  background: #d5e5ef;
}

.gray2-bg {
  background: #dee5f2;
}

.white-background {
  background: #ffffff !important;
}

.dark-background {
  background: #31414d;
  color: #ffffff;
}

.black-background {
  background-color: #000000;
}

.blue22-bg {
  background-color: #f4f7fb !important;
}

.green12-bg {
  background-color: #dafcd9;
}

.gray36-bg {
  background-color: #f9f9f9;
}

.blue26-bg {
  background-color: #1d619e;
}

.blue27-bg {
  background-color: #004c91;
}

.gray23-bg {
  background-color: #cccccc;
}

.gray39-bg {
  background: #fafafc;
}

.gray43-bg {
  background-color: #e9e9e9;
}

.blue34-bg {
  background-color: #e5edf7;
}

.gray48-bg {
  background-color: #dfe2f3;
}

.color-observ {
  color: #d83b59 !important;
}

.color-repaired {
  color: #f47711 !important;
}

.color-admin {
  color: #ff9400 !important;
}

.color-teacher {
  color: #008c9d !important;
}

.text-lightblue {
  color: #a9c2e4;
}

.text-lightblue3 {
  color: #6bccf9;
}

.text-gray {
  color: #8c97a7;
}

.fc .fc-event-container .color-blue {
  border-color: #0074BD;
  background-color: #0074BD;
}
.fc .fc-event-container .color-red {
  border-color: #d83b59;
  background-color: #d83b59;
}
.fc .fc-event-container .color-green {
  border-color: #0dbf6d;
  background-color: #0dbf6d;
}

.event_list .event-row .event-date.color-blue {
  background-color: #009cff;
}
.event_list .event-row .event-date.color-red {
  background-color: #d83b59;
}
.event_list .event-row .event-date.color-orange {
  background-color: #f47711;
}
.event_list .event-row .event-date.color-blue2 {
  background-color: #5cc0ff;
}
.event_list .event-row .event-date.color-blue3 {
  background-color: #8fd4ff;
}
.event_list .event-row .event-date.color-purple {
  background-color: #d9a7ee;
}
.event_list .event-row .event-date.color-green {
  background-color: #0dbf6d;
}

.color-blue-13 {
  color: #8bb2e1;
}

.color-orange {
  color: #f47711;
}

.color-orange-1 {
  color: #E27A23;
}

.color-orange-2 {
  color: #fb9500;
}

.color-orange-3 {
  color: #ff9400;
}

.color-orange-4 {
  color: #e46827;
}

.color-orange-5 {
  color: #ff8527;
}

.color-orange-6 {
  color: #feaa3e;
}

.color-orange-8 {
  color: #bc5e46;
}

.color-blue {
  color: #244b95;
}

.color-blue-1 {
  color: #4C84E5;
}

.color-blue-2 {
  color: #54cdff;
}

.color-blue-3 {
  color: #4a6ea9;
}

.color-blue-4 {
  color: #5a83d4;
}

.color-blue-5 {
  color: #84adfe;
}

.color-blue-6 {
  color: #90b5ee;
}

.color-blue-7 {
  color: #318ce5;
}

.color-blue-8 {
  color: #204f7b;
}

.color-blue-9 {
  color: #a5e1ee;
}

.color-blue-10 {
  color: #75d9f0;
}

.color-blue-11 {
  color: #9ec1eb;
}

.color-blue-12 {
  color: #0caefb;
}

.color-blue-14 {
  color: #c6d8f1;
}

.color-blue-15 {
  color: #558ada;
}

.color-blue-16 {
  color: #29b6f4;
}

.color-blue-17 {
  color: #5b6c86;
}

.color-blue-18 {
  color: #4379d0;
}

.color-blue-19 {
  color: #4c5b72;
}

.color-blue-20 {
  color: #d2e3f2;
}

.color-blue-21 {
  color: #C5CBDA;
}

.color-blue-22 {
  color: #f4f7fb;
}

.color-blue-23 {
  color: #BDD9E6;
}

.color-blue-24 {
  color: #3073c5;
}

.color-blue-25 {
  color: #696b7e;
}

.color-blue-28 {
  color: #318be4;
}

.color-blue-29 {
  color: #738fc4;
}

.color-blue-30 {
  color: #3c60a1;
}

.color-blue-31 {
  color: #5a7ab7;
}

.color-blue-32 {
  color: #4f7fc6;
}

.color-blue-33 {
  color: #2456a9;
}

.color-blue-35 {
  color: #4066aa;
}

.color-gray-1 {
  color: #c7d3e5;
}

.color-gray-3 {
  color: #8c97a7;
}

.color-gray-18 {
  color: #b5cde1;
}

.color-gray-24 {
  color: #c5d2e4;
}

.color-gray-23 {
  color: #cccccc;
}

.color-gray-25 {
  color: #060606;
}

.color-gray-26 {
  color: #e1e7f0;
}

.color-gray-28 {
  color: #c6d2e4;
}

.color-gray-29 {
  color: #aaaaaa;
}

.color-gray-33 {
  color: #6f6f6f;
}

.color-gray-34 {
  color: #808080;
}

.color-gray-35 {
  color: #333333;
}

.color-gray-36 {
  color: #f9f9f9;
}

.color-gray-37 {
  color: #444;
}

.color-gray-40 {
  color: #a9abb7;
}

.color-gray-41 {
  color: #1a171b;
}

.color-gray-42 {
  color: #707172;
}

.color-gray-43 {
  color: #e9e9e9;
}

.color-gray-44 {
  color: #58585a;
}

.color-gray-45 {
  color: #6a6a6a;
}

.color-gray-46 {
  color: #878889;
}

.color-gray-47 {
  color: #787878;
}

.color-gray-48 {
  color: #dfe2f3;
}

.color-red-6 {
  color: #ef0b06;
}

.color-red-10 {
  color: #ff0000;
}

.color-red-11 {
  color: #ff2222;
}

.color-red-12 {
  color: #bb0000;
}

.color-red-13 {
  color: #fd0000;
}

.color-red-14 {
  color: #d6202c;
}

.color-red-15 {
  color: #d4321c;
}

.color-red-16 {
  color: #dd202c;
}

.color-red-17 {
  color: #af0033;
}

.color-red-18 {
  color: #994444;
}

.color-red-19 {
  color: #AA0000;
}

.color-green-7 {
  color: #28cd8f;
}

.color-green-8 {
  color: #2ecd7b;
}

.color-green-9 {
  color: #4ac7c2;
}

.color-green-10 {
  color: #17d565;
}

.color-green-11 {
  color: #00d65b;
}

.color-green-13 {
  color: #008000;
}

.color-lightblue1 {
  color: #a9c2e4;
}

.color-yellow-3 {
  color: #efa330;
}

.color-red-7 {
  color: #fe4521;
}

.color-white {
  color: #ffffff;
}

.color-black {
  color: #000000;
}

.color-facebook {
  color: #3B5998;
}

.color-twitter {
  color: #4099ff;
}

.blue-title, .primary-blue, .color-user, .color-primary {
  color: #0074BD !important;
}

.color-hover-primary:hover {
  color: #0074BD;
}

.color-unset {
  color: unset !important;
}

.title-icon-color {
  color: #aab9d4 !important;
}

.color-gray-5-important {
  color: #a1b4cd !important;
}

.border-red-10 {
  border-color: #ff0000;
}

.btn-alt-blue {
  background-color: #2b94d2;
  font-weight: bold;
  color: #fff;
}
.btn-alt-blue:hover {
  background-color: #288bc5;
  color: #fff;
}

.color-excellent {
  color: #BA1C1C;
}

.color-good {
  color: #F59B00;
}

.color-average {
  color: #63B1FF;
}

.color-priority-2 {
  color: #9BBAB9;
}

.btn-alt-blue {
  background-color: #2b94d2;
  font-weight: bold;
  color: #fff;
}
.btn-alt-blue:hover {
  background-color: #288bc5;
  color: #fff;
}

.mozaweb_yuanlai .wrapper {
  padding-bottom: 198px;
}
.mozaweb_yuanlai #header > .container .login:hover,
.mozaweb_yuanlai #header > .container .login:focus,
.mozaweb_yuanlai #header > .container li.open > a.login {
  background: none !important;
  /* az [ li.open > a ] backgroundja is important, de ez importantabb :) */
}
.mozaweb_yuanlai #header > .container .login i {
  border: 2px solid #24B6F7;
  border-radius: 50%;
  background: #1a3d80;
  padding: 6px;
}
.mozaweb_yuanlai.compact #header > .container {
  /*		.login {
  	padding: 3px 6px;
  }*/
}
.mozaweb_yuanlai.compact #header > .container .nav-secondary {
  margin-top: 20px;
}
.mozaweb_yuanlai.compact #header > .container .login-name {
  display: block;
}
.mozaweb_yuanlai #footer {
  height: 218px;
  margin-top: -152px;
}
.mozaweb_yuanlai .title-row.mylearn_instruction {
  background: rgba(242, 245, 249, 0.9);
  top: 124px;
  height: 85px;
  z-index: 1000;
  width: 100%;
  margin: 0;
  position: fixed;
  transition: top 0.3s;
}
.mozaweb_yuanlai .title-row.mylearn_instruction.affix {
  top: 83px;
}
.mozaweb_yuanlai .container.mylearn_instruction {
  margin-top: 90px;
}
@media (max-width: 991px) {
  .mozaweb_yuanlai .title-row.mylearn_instruction {
    top: 50px;
    height: 65px;
  }
  .mozaweb_yuanlai .title-row.mylearn_instruction.affix {
    top: 50px;
  }
}

body.user-page {
  color: #455771;
  font-size: 15px;
  font-family: Open Sans Web, sans-serif;
  padding-top: 123px;
  transition: padding 0.3s;
}
body.user-page.anatomy {
  padding-top: 0;
}
body.user-page.cadavr {
  padding-top: 0;
}
body.user-page.cadavr_minimal {
  padding-top: 0;
}

body:not(.mozaweb_hu) #main-nav-mozaikPack {
  display: none !important;
}

.dropdown-scroll .dropdown-menu {
  max-height: 250px;
  overflow: auto;
}
.dropdown-scroll .dropdown-menu li:last-child {
  margin-bottom: 15px;
}

.hidden {
  display: none;
}

.icon-link span {
  font-family: Open Sans Web, sans-serif;
}

html {
  height: 100%;
}
@media (max-width: 991px) {
  html {
    height: 100vh;
  }
}
html.gray-bg {
  background-color: #f2f5f9;
}
html.gray-bg body {
  background: none;
}
html body {
  min-height: 100%;
}

body,
.modal-open {
  overflow-y: scroll;
  padding-right: 0 !important;
}

body.compact {
  padding-top: 83px;
}

textarea {
  resize: none;
}

.resize-vertical {
  resize: vertical;
}

.cke_chrome {
  border-radius: 4px !important;
  border: 1px solid #c7d3e5 !important;
}

.home-footer-text .warning {
  display: none;
}

.numbered-list {
  list-style-type: decimal;
}

.circled-list {
  list-style-type: circle;
}

.alpha-list {
  list-style-type: lower-alpha;
}

.cell-width-fit {
  width: 1%;
}

.v-middle {
  vertical-align: middle !important;
}

.v-top {
  vertical-align: top !important;
}

.height-100 {
  height: 100%;
}

.height-px-80 {
  height: 80px;
}

.width-auto {
  width: auto;
}

.width-unset {
  width: unset !important;
}

.height-5-px {
  height: 5px;
}

.height-10-px {
  height: 10px;
}

.height-15-px {
  height: 15px;
}

.height-20-px {
  height: 20px;
}

.height-25-px {
  height: 25px;
}

.height-30-px {
  height: 30px;
}

.height-35-px {
  height: 35px;
}

.height-40-px {
  height: 40px;
}

.height-45-px {
  height: 45px;
}

.height-50-px {
  height: 50px;
}

.height-55-px {
  height: 55px;
}

.height-60-px {
  height: 60px;
}

.height-65-px {
  height: 65px;
}

.height-70-px {
  height: 70px;
}

.height-75-px {
  height: 75px;
}

.height-80-px {
  height: 80px;
}

.height-85-px {
  height: 85px;
}

.height-90-px {
  height: 90px;
}

.height-95-px {
  height: 95px;
}

.height-100-px {
  height: 100px;
}

.height-105-px {
  height: 105px;
}

.height-110-px {
  height: 110px;
}

.height-115-px {
  height: 115px;
}

.height-120-px {
  height: 120px;
}

.height-125-px {
  height: 125px;
}

.height-130-px {
  height: 130px;
}

.height-135-px {
  height: 135px;
}

.height-140-px {
  height: 140px;
}

.height-145-px {
  height: 145px;
}

.height-150-px {
  height: 150px;
}

.height-155-px {
  height: 155px;
}

.height-160-px {
  height: 160px;
}

.height-165-px {
  height: 165px;
}

.height-170-px {
  height: 170px;
}

.height-175-px {
  height: 175px;
}

.height-180-px {
  height: 180px;
}

.height-185-px {
  height: 185px;
}

.height-190-px {
  height: 190px;
}

.height-195-px {
  height: 195px;
}

.height-200-px {
  height: 200px;
}

.width-10-px {
  width: 10px;
}

.width-20-px {
  width: 20px;
}

.width-30-px {
  width: 30px;
}

.width-40-px {
  width: 40px;
}

.width-50-px {
  width: 50px;
}

.width-60-px {
  width: 60px;
}

.width-70-px {
  width: 70px;
}

.width-80-px {
  width: 80px;
}

.width-90-px {
  width: 90px;
}

.width-100-px {
  width: 100px;
}

.width-110-px {
  width: 110px;
}

.width-120-px {
  width: 120px;
}

.width-130-px {
  width: 130px;
}

.width-140-px {
  width: 140px;
}

.width-150-px {
  width: 150px;
}

.width-160-px {
  width: 160px;
}

.width-170-px {
  width: 170px;
}

.width-180-px {
  width: 180px;
}

.width-190-px {
  width: 190px;
}

.width-200-px {
  width: 200px;
}

.width-210-px {
  width: 210px;
}

.width-220-px {
  width: 220px;
}

.width-230-px {
  width: 230px;
}

.width-240-px {
  width: 240px;
}

.width-250-px {
  width: 250px;
}

.width-260-px {
  width: 260px;
}

.width-270-px {
  width: 270px;
}

.width-280-px {
  width: 280px;
}

.width-290-px {
  width: 290px;
}

.width-300-px {
  width: 300px;
}

.width-310-px {
  width: 310px;
}

.width-320-px {
  width: 320px;
}

.width-330-px {
  width: 330px;
}

.width-340-px {
  width: 340px;
}

.width-350-px {
  width: 350px;
}

.width-360-px {
  width: 360px;
}

.width-370-px {
  width: 370px;
}

.width-380-px {
  width: 380px;
}

.width-390-px {
  width: 390px;
}

.width-400-px {
  width: 400px;
}

.width-410-px {
  width: 410px;
}

.width-420-px {
  width: 420px;
}

.width-430-px {
  width: 430px;
}

.width-440-px {
  width: 440px;
}

.width-450-px {
  width: 450px;
}

.width-460-px {
  width: 460px;
}

.width-470-px {
  width: 470px;
}

.width-480-px {
  width: 480px;
}

.width-490-px {
  width: 490px;
}

.width-500-px {
  width: 500px;
}

.width-5 {
  width: 5%;
}

.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 90%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

.width-px-95 {
  width: 90px;
}

.width-px-45 {
  width: 45px;
}

.privacy h2, .eula h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}
.privacy h3, .eula h3 {
  font-size: 15px;
  font-weight: bold;
}
.privacy p, .eula p {
  margin-bottom: 10px;
  margin-left: 15px;
}
.privacy li, .eula li {
  margin-bottom: 5px;
}

.wrapper {
  padding-bottom: 294px;
  min-height: calc(100vh - 216px);
}
.wrapper.minimal {
  padding-bottom: 50px;
  min-height: calc(100vh - 156px);
}
.wrapper.anatomy {
  padding-bottom: 30px;
}
.wrapper.cadavr {
  padding-bottom: 0 !important;
  min-height: calc(100vh - 100px);
}

.mylearn-wrapper {
  background: #f2f5f9;
}

.ui-widget-content {
  border: 1px solid #c7d3e5;
}
.ui-widget-content a {
  color: #0074BD;
}
.ui-widget-content > img {
  width: 100%;
  height: 100%;
}

.table-responsive, .table-responsive-borderless {
  -ms-overflow-style: scrollbar !important;
}

.uppercase {
  text-transform: uppercase;
}

a {
  text-decoration: none;
  outline: none;
  color: #0074BD;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
a:focus, a:active {
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #003557;
  text-decoration: none;
}

li.open > a {
  background: #1a366c;
}

h1.lined,
h2.lined,
h3.lined,
h4.lined,
h5.lined {
  border-bottom: 1px solid #dee5f2;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
h1 .actions,
h2 .actions,
h3 .actions,
h4 .actions,
h5 .actions {
  float: right;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
}

h5.lined {
  margin-bottom: 15px;
}

h3.lined {
  margin: 30px 0 15px 0;
}

h4.lined {
  font-weight: bold;
}

.word-break {
  word-break: break-all !important;
  white-space: inherit !important;
}

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

.warning-missing-data .input-group {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 22, 90, 0.6);
}
.warning-missing-data .input-group input, .warning-missing-data .input-group .input-group-addon {
  box-shadow: none;
  border-color: #ec165a;
}
.warning-missing-data .input-group input:focus, .warning-missing-data .input-group .input-group-addon:focus {
  box-shadow: none !important;
}
.warning-missing-data select, .warning-missing-data input, .warning-missing-data textarea {
  border-color: #ec165a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 22, 90, 0.6);
}
.warning-missing-data select:focus, .warning-missing-data input:focus, .warning-missing-data textarea:focus {
  border-color: #ec165a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 22, 90, 0.6) !important;
}
.warning-missing-data input[type=checkbox] {
  border-color: inherit;
  box-shadow: inherit;
}
.warning-missing-data input[type=checkbox]:focus {
  border-color: inherit;
  box-shadow: inherit;
}

.menu-lang-change-dropdown {
  list-style: none !important;
}
.menu-lang-change-dropdown span {
  position: absolute;
  display: inline-block;
  padding-left: 5px;
}
.menu-lang-change-dropdown span.form-control, .menu-lang-change-dropdown span.cke_editable {
  width: 150px;
  margin: 0 5px 0 0;
  cursor: pointer;
  position: relative;
}
.menu-lang-change-dropdown span.form-control:after, .menu-lang-change-dropdown span.cke_editable:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  right: 10px;
  top: 14px;
  border: 5px solid transparent;
  border-top: 5px solid #000000;
}
.menu-lang-change-dropdown span .dropdown-menu {
  padding: 15px;
  margin-top: 2px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .menu-lang-change-dropdown span .dropdown-menu {
    min-width: 340px !important;
  }
}
.menu-lang-change-dropdown span .dropdown-menu a {
  color: #333333;
  display: block;
  padding: 5px;
}
.menu-lang-change-dropdown span .dropdown-menu a:hover {
  background-color: rgba(222, 229, 242, 0.6);
}
.menu-lang-change-dropdown span .dropdown-menu a img {
  margin-top: -2px;
  margin-right: 2px;
}
.menu-lang-change-dropdown span .dropdown-menu .col-md-6:first-child {
  border-right: 1px solid #EDEDED;
}
@media (max-width: 991px) {
  .menu-lang-change-dropdown span .dropdown-menu .col-md-6 {
    margin: 0;
  }
}
.menu-lang-change-dropdown.open .dropdown-menu {
  display: block;
}
.menu-lang-change-dropdown.open > a {
  background: none !important;
}
.menu-lang-change-dropdown > a::after {
  content: unset !important;
}

.lang-selector-generic {
  display: inline-block;
}
.lang-selector-generic a {
  padding: 5px;
  display: block;
  border-radius: 5px;
}
.lang-selector-generic a:hover, .lang-selector-generic a:focus {
  background-color: rgba(222, 229, 242, 0.7);
}
.lang-selector-generic .dropdown-menu {
  left: initial;
  right: 0;
}
.lang-selector-generic .dropdown-menu .lang-selector-inner {
  display: grid;
  grid-template-columns: auto auto;
}
.lang-selector-generic .dropdown-menu .lang-selector-inner button {
  color: #333;
  display: block;
  white-space: nowrap;
  padding-inline: 15px;
}
.lang-selector-generic .dropdown-menu .lang-selector-inner button:nth-child(2n-1):not(:last-child) {
  border-right: 1px solid #EDEDED;
}
.lang-selector-generic .dropdown-menu .lang-selector-inner button.active > * {
  background-color: #ceebff;
}
.lang-selector-generic .dropdown-menu .lang-selector-inner button:hover > *, .lang-selector-generic .dropdown-menu .lang-selector-inner button:focus > * {
  background-color: rgba(222, 229, 242, 0.6);
}
.lang-selector-generic .dropdown-menu .lang-selector-inner button > div {
  -js-display: flex;
  display: flex;
  -moz-column-gap: 4px;
  column-gap: 4px;
  place-items: center;
  padding: 5px;
  border-radius: 5px;
}

.title-row .container .lang-selector-generic .dropdown-menu {
  padding-inline: 0;
}

.mw-clearfix {
  clear: both;
}

button.no-button-styles {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  outline: inherit;
  width: 100%;
  text-align: left;
}

h1.highlight,
h2.highlight,
h3.highlight,
h4.highlight {
  color: #0074BD;
}

h1 {
  font-size: 40px;
  margin-top: 0;
}
h1 i {
  position: relative;
  bottom: -7px;
  color: #0074BD;
  font-size: 60px;
  margin-right: 10px;
}

h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

h4 {
  font-size: 18px;
  line-height: 1.3em;
}

h1 + h3 {
  margin-top: 0;
}

label .required {
  color: #e38900;
}

p {
  margin: 0 0 15px;
}

ol, ul {
  margin: 0 0 15px;
}

.small, .book-item .alcim, .book-item .book-item-addon-info,
small {
  font-size: 13px;
}

.block-scroll {
  overflow: hidden;
}
.block-scroll body {
  overflow: hidden;
}

.text-highlight {
  color: #e38900;
}

.text-blue {
  color: #0074BD;
}

.text-success {
  color: #5fc298;
}

.text-muted {
  color: #8c97a7 !important;
}

.text-light {
  color: #c7d3e5;
}

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

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

.text-common {
  color: #455771;
}

.text-underline {
  text-decoration: underline !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0px;
}

.left-0 {
  left: 0px;
}

.right-5 {
  right: 5px;
}

.left-5 {
  left: 5px;
}

.right-10 {
  right: 10px;
}

.left-10 {
  left: 10px;
}

.right-15 {
  right: 15px;
}

.left-15 {
  left: 15px;
}

.right-20 {
  right: 20px;
}

.left-20 {
  left: 20px;
}

.right-25 {
  right: 25px;
}

.left-25 {
  left: 25px;
}

.right-30 {
  right: 30px;
}

.left-30 {
  left: 30px;
}

.max-width-5 {
  max-width: 5px;
}

.max-width-10 {
  max-width: 10px;
}

.max-width-15 {
  max-width: 15px;
}

.max-width-20 {
  max-width: 20px;
}

.max-width-25 {
  max-width: 25px;
}

.max-width-30 {
  max-width: 30px;
}

.max-width-35 {
  max-width: 35px;
}

.max-width-40 {
  max-width: 40px;
}

.max-width-45 {
  max-width: 45px;
}

.max-width-50 {
  max-width: 50px;
}

.max-width-55 {
  max-width: 55px;
}

.max-width-60 {
  max-width: 60px;
}

.max-width-65 {
  max-width: 65px;
}

.max-width-70 {
  max-width: 70px;
}

.max-width-75 {
  max-width: 75px;
}

.max-width-80 {
  max-width: 80px;
}

.max-width-85 {
  max-width: 85px;
}

.max-width-90 {
  max-width: 90px;
}

.max-width-95 {
  max-width: 95px;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-105 {
  max-width: 105px;
}

.max-width-110 {
  max-width: 110px;
}

.max-width-115 {
  max-width: 115px;
}

.max-width-120 {
  max-width: 120px;
}

.max-width-125 {
  max-width: 125px;
}

.max-width-130 {
  max-width: 130px;
}

.max-width-135 {
  max-width: 135px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-145 {
  max-width: 145px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-155 {
  max-width: 155px;
}

.max-width-160 {
  max-width: 160px;
}

.max-width-165 {
  max-width: 165px;
}

.max-width-170 {
  max-width: 170px;
}

.max-width-175 {
  max-width: 175px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-185 {
  max-width: 185px;
}

.max-width-190 {
  max-width: 190px;
}

.max-width-195 {
  max-width: 195px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-205 {
  max-width: 205px;
}

.max-width-210 {
  max-width: 210px;
}

.max-width-215 {
  max-width: 215px;
}

.max-width-220 {
  max-width: 220px;
}

.max-width-225 {
  max-width: 225px;
}

.max-width-230 {
  max-width: 230px;
}

.max-width-235 {
  max-width: 235px;
}

.max-width-240 {
  max-width: 240px;
}

.max-width-245 {
  max-width: 245px;
}

.max-width-250 {
  max-width: 250px;
}

.max-width-255 {
  max-width: 255px;
}

.max-width-260 {
  max-width: 260px;
}

.max-width-265 {
  max-width: 265px;
}

.max-width-270 {
  max-width: 270px;
}

.max-width-275 {
  max-width: 275px;
}

.max-width-280 {
  max-width: 280px;
}

.max-width-285 {
  max-width: 285px;
}

.max-width-290 {
  max-width: 290px;
}

.max-width-295 {
  max-width: 295px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-305 {
  max-width: 305px;
}

.max-width-310 {
  max-width: 310px;
}

.max-width-315 {
  max-width: 315px;
}

.max-width-320 {
  max-width: 320px;
}

.max-width-325 {
  max-width: 325px;
}

.max-width-330 {
  max-width: 330px;
}

.max-width-335 {
  max-width: 335px;
}

.max-width-340 {
  max-width: 340px;
}

.max-width-345 {
  max-width: 345px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-355 {
  max-width: 355px;
}

.max-width-360 {
  max-width: 360px;
}

.max-width-365 {
  max-width: 365px;
}

.max-width-370 {
  max-width: 370px;
}

.max-width-375 {
  max-width: 375px;
}

.max-width-380 {
  max-width: 380px;
}

.max-width-385 {
  max-width: 385px;
}

.max-width-390 {
  max-width: 390px;
}

.max-width-395 {
  max-width: 395px;
}

.max-width-400 {
  max-width: 400px;
}

.min-width-5 {
  min-width: 5px;
}

.min-width-10 {
  min-width: 10px;
}

.min-width-15 {
  min-width: 15px;
}

.min-width-20 {
  min-width: 20px;
}

.min-width-25 {
  min-width: 25px;
}

.min-width-30 {
  min-width: 30px;
}

.min-width-35 {
  min-width: 35px;
}

.min-width-40 {
  min-width: 40px;
}

.min-width-45 {
  min-width: 45px;
}

.min-width-50 {
  min-width: 50px;
}

.min-width-55 {
  min-width: 55px;
}

.min-width-60 {
  min-width: 60px;
}

.min-width-65 {
  min-width: 65px;
}

.min-width-70 {
  min-width: 70px;
}

.min-width-75 {
  min-width: 75px;
}

.min-width-80 {
  min-width: 80px;
}

.min-width-85 {
  min-width: 85px;
}

.min-width-90 {
  min-width: 90px;
}

.min-width-95 {
  min-width: 95px;
}

.min-width-100 {
  min-width: 100px;
}

.min-width-105 {
  min-width: 105px;
}

.min-width-110 {
  min-width: 110px;
}

.min-width-115 {
  min-width: 115px;
}

.min-width-120 {
  min-width: 120px;
}

.min-width-125 {
  min-width: 125px;
}

.min-width-130 {
  min-width: 130px;
}

.min-width-135 {
  min-width: 135px;
}

.min-width-140 {
  min-width: 140px;
}

.min-width-145 {
  min-width: 145px;
}

.min-width-150 {
  min-width: 150px;
}

.min-width-155 {
  min-width: 155px;
}

.min-width-160 {
  min-width: 160px;
}

.min-width-165 {
  min-width: 165px;
}

.min-width-170 {
  min-width: 170px;
}

.min-width-175 {
  min-width: 175px;
}

.min-width-180 {
  min-width: 180px;
}

.min-width-185 {
  min-width: 185px;
}

.min-width-190 {
  min-width: 190px;
}

.min-width-195 {
  min-width: 195px;
}

.min-width-200 {
  min-width: 200px;
}

.min-width-205 {
  min-width: 205px;
}

.min-width-210 {
  min-width: 210px;
}

.min-width-215 {
  min-width: 215px;
}

.min-width-220 {
  min-width: 220px;
}

.min-width-225 {
  min-width: 225px;
}

.min-width-230 {
  min-width: 230px;
}

.min-width-235 {
  min-width: 235px;
}

.min-width-240 {
  min-width: 240px;
}

.min-width-245 {
  min-width: 245px;
}

.min-width-250 {
  min-width: 250px;
}

.min-width-255 {
  min-width: 255px;
}

.min-width-260 {
  min-width: 260px;
}

.min-width-265 {
  min-width: 265px;
}

.min-width-270 {
  min-width: 270px;
}

.min-width-275 {
  min-width: 275px;
}

.min-width-280 {
  min-width: 280px;
}

.min-width-285 {
  min-width: 285px;
}

.min-width-290 {
  min-width: 290px;
}

.min-width-295 {
  min-width: 295px;
}

.min-width-300 {
  min-width: 300px;
}

.max-height-10 {
  max-height: 10px;
}

.max-height-20 {
  max-height: 20px;
}

.max-height-30 {
  max-height: 30px;
}

.max-height-40 {
  max-height: 40px;
}

.max-height-50 {
  max-height: 50px;
}

.max-height-60 {
  max-height: 60px;
}

.max-height-70 {
  max-height: 70px;
}

.max-height-80 {
  max-height: 80px;
}

.max-height-90 {
  max-height: 90px;
}

.max-height-100 {
  max-height: 100px;
}

.max-height-110 {
  max-height: 110px;
}

.max-height-120 {
  max-height: 120px;
}

.max-height-130 {
  max-height: 130px;
}

.max-height-140 {
  max-height: 140px;
}

.max-height-150 {
  max-height: 150px;
}

.max-height-160 {
  max-height: 160px;
}

.max-height-170 {
  max-height: 170px;
}

.max-height-180 {
  max-height: 180px;
}

.max-height-190 {
  max-height: 190px;
}

.max-height-200 {
  max-height: 200px;
}

.max-height-210 {
  max-height: 210px;
}

.max-height-220 {
  max-height: 220px;
}

.max-height-230 {
  max-height: 230px;
}

.max-height-240 {
  max-height: 240px;
}

.max-height-250 {
  max-height: 250px;
}

.max-height-260 {
  max-height: 260px;
}

.max-height-270 {
  max-height: 270px;
}

.max-height-280 {
  max-height: 280px;
}

.max-height-290 {
  max-height: 290px;
}

.max-height-300 {
  max-height: 300px;
}

.max-height-310 {
  max-height: 310px;
}

.max-height-320 {
  max-height: 320px;
}

.max-height-330 {
  max-height: 330px;
}

.max-height-340 {
  max-height: 340px;
}

.max-height-350 {
  max-height: 350px;
}

.max-height-360 {
  max-height: 360px;
}

.max-height-370 {
  max-height: 370px;
}

.max-height-380 {
  max-height: 380px;
}

.max-height-390 {
  max-height: 390px;
}

.max-height-400 {
  max-height: 400px;
}

.max-height-410 {
  max-height: 410px;
}

.max-height-420 {
  max-height: 420px;
}

.max-height-430 {
  max-height: 430px;
}

.max-height-440 {
  max-height: 440px;
}

.max-height-450 {
  max-height: 450px;
}

.max-height-460 {
  max-height: 460px;
}

.max-height-470 {
  max-height: 470px;
}

.max-height-480 {
  max-height: 480px;
}

.max-height-490 {
  max-height: 490px;
}

.max-height-500 {
  max-height: 500px;
}

.max-height-510 {
  max-height: 510px;
}

.max-height-520 {
  max-height: 520px;
}

.max-height-530 {
  max-height: 530px;
}

.max-height-540 {
  max-height: 540px;
}

.max-height-550 {
  max-height: 550px;
}

.max-height-560 {
  max-height: 560px;
}

.max-height-570 {
  max-height: 570px;
}

.max-height-580 {
  max-height: 580px;
}

.max-height-590 {
  max-height: 590px;
}

.max-height-600 {
  max-height: 600px;
}

.min-height-140-px {
  min-height: 140px;
}

.inline-block {
  display: inline-block !important;
}

.inline-grid {
  display: inline-grid !important;
}

.block {
  display: block;
}

.break-word {
  word-break: break-word;
}

.cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.form-group {
  margin-bottom: 20px;
}

.form-control, .cke_editable {
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c7d3e5;
  font-size: 15px;
  height: auto;
}
.form-control.dark, .dark.cke_editable {
  background: #fff;
}
.form-control.has-error, .has-error.cke_editable {
  border-color: #a94442 !important;
}
.form-control.error, .error.cke_editable {
  border-color: #a94442 !important;
}
.form-control:focus, .cke_editable:focus {
  border-color: #0074BD;
}

.form-control-option {
  margin-bottom: 5px;
  clear: both;
  min-height: 34px;
}
.form-control-option span select,
.form-control-option span input {
  display: inline-block;
  width: auto;
  min-width: 200px;
}
.form-control-option span {
  display: inline-block;
  width: 90%;
}
.form-control-option input[type=checkbox],
.form-control-option input[type=radio] {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.arab {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

.direction-ltr {
  /*rtl:ignore*/
  direction: ltr;
}

.step {
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border: 0;
  font-style: italic;
}

.user-page .content {
  min-height: 500px;
}
@media (max-width: 991px) {
  .user-page .content {
    min-height: 300px;
  }
}

.text-content {
  padding-top: 30px;
}

.user-data-list span:first-child {
  vertical-align: top;
}
.user-data-list span:last-child {
  display: inline-block;
}

@media (max-width: 700px) {
  .course-nav-scrollable {
    overflow: scroll;
  }
}
.wbox,
.table,
.filter-button {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
  border: 2px solid transparent;
}
.wbox.highlight,
.table.highlight,
.filter-button.highlight {
  border-color: #0074BD;
}
.wbox.no-border,
.table.no-border,
.filter-button.no-border {
  border: 0;
}
.wbox .wbox-content,
.table .wbox-content,
.filter-button .wbox-content {
  padding: 15px 20px;
}
.wbox .wbox-content.type-folder,
.table .wbox-content.type-folder,
.filter-button .wbox-content.type-folder {
  padding: 15px;
}
.wbox--with-margin,
.table--with-margin,
.filter-button--with-margin {
  margin-bottom: 30px;
}

.wbox-title {
  background: #0074BD;
  color: #ffffff;
  font-size: 22px;
  padding: 8px 20px;
  margin: -2px;
}
.wbox-title--green {
  background-color: #0dbf6d;
}
.wbox-title--red {
  background-color: #d83b59;
}
.wbox-title i {
  margin-right: 10px;
}
.wbox-title i.fa {
  font-size: 40px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.wbox-title i.fa-files-o {
  font-size: 23px;
  margin-left: 5px;
}

.wbox.highlight .wbox-title {
  background: #0074BD;
  color: #ffffff;
  font-size: 22px;
  padding: 8px 20px;
}
.wbox.highlight .wbox-title.with-icon {
  padding: 5px 15px;
}
.wbox.highlight h3 {
  color: #0074BD;
}

.wbox.highlight.orange {
  border-color: #f47711;
}
.wbox.highlight.orange .wbox-title {
  background: #e38900;
}
.wbox.highlight.orange h3 {
  color: #e38900;
}

.wbox.highlight.dark-orange {
  border-color: #f47711;
}
.wbox.highlight.dark-orange .wbox-title {
  background: #f47711;
}
.wbox.highlight.dark-orange h3 {
  color: #f47711;
}

.wbox.highlight.green {
  border-color: #0dbf6d;
}
.wbox.highlight.green .wbox-title {
  background: #0dbf6d;
}
.wbox.highlight.green h3 {
  color: #0dbf6d;
}

.wbox.highlight.light-primary {
  border-color: #52b4f2;
}
.wbox.highlight.light-primary .wbox-title {
  background: #52b4f2;
}
.wbox.highlight.light-primary h3 {
  color: #52b4f2;
}

.wbox.highlight.staff-page {
  border-color: #d2e0f1;
  margin-bottom: 35px !important;
}
.wbox.highlight.staff-page .wbox-title {
  background: #d2e0f1;
}
.wbox.highlight.staff-page .wbox-title__text {
  color: #455772;
  font-size: 17px;
  font-weight: bold;
}
.wbox.highlight.staff-page h3 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #0074BD;
}
.wbox.highlight.staff-page .wbox-content {
  padding-top: 9px;
  padding-bottom: 16px;
}

.wbox.highlight.red {
  border-color: #ec165a;
}
.wbox.highlight.red .wbox-title {
  background: #ec165a;
}
.wbox.highlight.red h3 {
  color: #ec165a;
}

.cadavr-shop-page .subtitle {
  font-size: 24px;
  line-height: 26px;
}

.wbox-rows {
  margin-bottom: -2px;
}
.wbox-rows.mobile-box {
  border: none;
  box-shadow: none;
}
.wbox-rows.mobile-box .software-image {
  width: 50% !important;
}
.wbox-rows.mobile-box h3 {
  font-weight: bold;
  color: #0074BD;
  font-size: 24px;
}

.box {
  position: relative;
}

.game-item .item-action-btn,
.tool-item .item-action-btn {
  color: #c7d3e5;
  bottom: 0;
}

.game-item img {
  max-width: 100%;
  height: auto;
}

.tool-item .item-action-btn i {
  text-shadow: none;
  color: #ffffff;
}

.filter-button {
  border: 0;
  border-radius: 5px;
  padding: 10px;
  font-weight: bold;
  color: #455771;
}

.price {
  display: block;
  color: #e38900;
}
.price b {
  font-size: 25px;
}
.price.text-success {
  font-size: 25px;
  color: #5fc298;
}

.table-wrapper {
  overflow: visible;
}

.section-selector {
  display: none;
}
.section-selector a {
  color: #455771;
}
.section-selector .mwicon-arrow6_d {
  position: relative;
  top: 2px;
}
.section-selector .dropdown-menu {
  box-shadow: 0 15px 40px rgba(36, 75, 149, 0.3);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #86b2d2;
  transition: top 0.3s;
  font-size: 14px;
  min-width: 200px;
  margin-top: 10px;
}
.section-selector .dropdown-menu li {
  display: block;
  font-size: 15px;
  padding: 0;
}
.section-selector .dropdown-menu li a {
  color: #455771;
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.section-selector .dropdown-menu li a.active {
  font-weight: bold;
}
.section-selector .dropdown-menu li a:focus, .section-selector .dropdown-menu li a:hover {
  color: #244b95;
  background: rgba(134, 178, 210, 0.2);
}

.book-item-wrapper .book-item .item-actions {
  display: none;
}

.table {
  overflow: scroll;
  border: 1px solid #c7d3e5;
}
.table > thead {
  background: #dee5f2;
  border-top: 1px solid #a4b8d5;
}
.table > thead > tr > th {
  border: 1px solid #a4b8d5;
  font-weight: bold;
  vertical-align: top;
}
.table > thead > tr > th.th-active {
  background-color: #0074BD;
  color: #ffffff;
}
.table > thead > tr > th.th-active i, .table > thead > tr > th.th-active a {
  color: #ffffff;
}
.table > thead > tr > th h3 {
  color: #ffffff;
  margin: 2px 0;
  font-weight: bold;
}
.table > thead > tr > th p {
  font-weight: normal;
}
.table > thead > tr > th i {
  font-size: 18px;
  margin-right: 5px;
}
.table > thead > tr > th .list-order i {
  color: #acbfd9;
}
.table > thead > tr > th .list-order i.active {
  color: #455771;
}
.table > thead > tr > th .list-order--user-stat {
  float: none;
  margin-right: 0;
}
.table > thead > tr > th .list-order--user-stat i {
  font-size: 24px;
}
.table > thead > tr > th .list-order--user-stat span {
  font-size: 24px;
  color: #acbfd9;
}
.table > thead > tr > th .list-order--user-stat span.active {
  color: #455771;
}
.table > tbody td {
  border-left: 1px solid #c7d3e5;
}
.table td.highlight {
  color: #ffffff;
  background: #0074BD;
}
.table td.align-top {
  vertical-align: top;
}
.table.highlight > thead {
  background: #0074BD;
}
.table.highlight > thead > tr > th {
  color: #ffffff;
  border-color: #0074BD;
  padding-top: 15px;
  padding-bottom: 15px;
}
.table.highlight.red > thead {
  background: #d83b59;
}
.table.highlight.red > thead > tr > th {
  border-color: #d83b59;
}
.table.highlight.green > thead {
  background: #0dbf6d;
}
.table.highlight.green > thead > tr > th {
  border-color: #0dbf6d;
}
.table.highlight.gray > thead {
  background: #a1b4cd;
}
.table.highlight.gray > thead > tr > th {
  border-color: #a1b4cd;
}
.table.highlight > tfoot {
  background: #0074BD;
}
.table.highlight > tfoot > tr > td {
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #0074BD;
}
.table > tbody > tr > td {
  border-color: #c7d3e5;
  vertical-align: middle;
}
.table .pale-red {
  background: #ede2e5 !important;
}
.table > thead.red-1 {
  background: #e11b50;
}
.table > thead.red-1 > tr > th {
  color: #ffffff;
}

*[nowrap] {
  white-space: nowrap;
}

.login-tooltip .tooltip-inner {
  white-space: nowrap;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #c7d3e5;
}
.tooltip .tooltip-inner {
  box-shadow: 0 5px 15px rgba(69, 87, 114, 0.3);
  border: 1px solid #8c97a7;
  background: #ffffff;
  color: #455771;
  text-align: center;
  padding: 10px;
  max-width: 250px;
}
.tooltip .tooltip-inner p {
  margin: 0 0 5px;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #8c97a7;
}

.video-admin-grey {
  color: #8c97a7;
}

.hacked-tags {
  margin-bottom: 10px;
}
.hacked-tags ul {
  display: inline;
}
.hacked-tags ul li {
  margin-left: 10px;
  display: inline-block;
  padding: 5px 7px 6px;
}
.hacked-tags ul li a {
  color: #ffffff !important;
}
@media (max-width: 480px) {
  .hacked-tags .flex {
    display: block;
  }
  .hacked-tags .flex > div {
    margin-bottom: 10px;
  }
}

.badge-gray {
  background-color: #c7d3e5;
}

.bulk.title-row, .global.title-row {
  height: initial;
  padding-top: 24px;
  padding-bottom: 16px;
}
.bulk.title-row .container, .global.title-row .container {
  position: initial;
  height: auto;
}
.bulk i.bulk-icon, .global i.bulk-icon {
  font-size: 16px;
  line-height: 0;
  top: 1px;
}
.bulk .bulk-list, .global .bulk-list {
  margin-top: 10px;
}
.bulk .bulk-list .badge, .global .bulk-list .badge {
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
}

@media (max-width: 767px) {
  .text-left-xs {
    text-align: left !important;
  }
  .bulk.title-row, .global.title-row {
    padding-top: 0;
  }
}
.search-bar-unique {
  transition: box-shadow 0.15s ease-in-out;
}
.search-bar-unique .search-form-delete {
  font-size: 16px;
  font-weight: lighter;
}
.search-bar-unique .search-form-search {
  font-size: 15px;
}
.search-bar-unique .search-form-delete, .search-bar-unique .search-form-search {
  cursor: pointer;
  color: #c7d3e5;
  background: none;
  border: none;
}
.search-bar-unique .search-form-delete:hover, .search-bar-unique .search-form-delete:active, .search-bar-unique .search-form-search:hover, .search-bar-unique .search-form-search:active {
  color: #748093;
}
.search-bar-unique .search-form-delete:focus, .search-bar-unique .search-form-search:focus {
  outline: none;
}
.search-bar-unique .input-group-addon {
  background-color: #ffffff;
  transition: border-color 0.15s ease-in-out;
  padding: 6px;
}
.search-bar-unique input {
  border-right: 0;
}
.search-bar-unique input:focus {
  box-shadow: none;
}
.search-bar-unique.focus {
  border-color: #0074BD;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.search-bar-unique.focus input, .search-bar-unique.focus .input-group-addon {
  border-color: #0074BD;
}

.input-group-addon {
  border: 1px solid #c7d3e5;
  background: #eaeef5;
  text-align: right;
}

.input-group-right {
  border-right: none;
}

.not-found b {
  display: inline;
  overflow-wrap: break-word;
}
.not-found img {
  margin: 100px 0 50px;
}

.title-bar {
  clear: both;
  border-bottom: 1px solid #dee5f2;
  margin-bottom: 20px;
  color: #0074BD;
}
.results_block .title-bar {
  margin-bottom: 20px;
}
.title-bar:after {
  content: "";
  display: block;
  clear: both;
}
.title-bar a {
  display: block;
  padding: 10px 0 0;
  float: right;
  line-height: 30px;
}
.title-bar span {
  color: #8c97a7;
  display: block;
  padding: 10px 15px 0;
  float: left;
  line-height: 30px;
}
.title-bar h2 {
  float: left;
  margin: 0;
  line-height: 40px;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.title-bar h2.show-more-title:hover {
  color: #003557;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.title-bar h3 {
  margin-bottom: 0;
}

.separator_title a {
  display: initial;
  float: left;
  padding: 0;
  line-height: 0;
}

.see-all {
  font-size: 18px;
  float: right;
  display: inline-block;
  margin-top: 5px;
}

.form-panel {
  border-top: 5px solid #0074BD;
  background: #dee5f2;
  padding: 30px;
  margin-top: 25px;
}
.form-panel.no-border {
  border: 0;
}

.input-group-addon.disabled {
  background: rgba(222, 229, 242, 0.4) !important;
  cursor: not-allowed;
}

.pagination .disabled a {
  border-color: #dee5f2;
}
.pagination .disabled a:hover {
  border-color: #dee5f2;
}
.pagination .active a {
  background: #0074BD;
  border-color: #dee5f2;
}
.pagination .active a:hover {
  background-color: #0064a4;
  border-color: #dee5f2;
}
.pagination li a,
.pagination li span {
  color: #0074BD;
  border-color: #dee5f2;
}
.pagination li a:hover,
.pagination li span:hover {
  background-color: #c7d3e5;
  border-color: #dee5f2;
}

.captcha {
  float: left;
  margin-right: 20px;
}

.open-in-window {
  position: absolute;
  right: 6px;
  top: 7px;
  font-size: 22px;
  color: #ffffff;
}

.tool-item .item-actions {
  z-index: auto;
}

.item-actions {
  position: absolute;
  /*rtl:ignore*/
  right: 0;
  bottom: 0;
  z-index: 50;
}
.item-actions .dropdown-menu {
  border-color: #0074BD;
  right: 30px;
  left: auto;
  min-width: 250px;
  top: 0;
}
.item-actions .dropdown-menu a {
  white-space: normal;
}
.item-actions .dropdown-menu > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
.item-actions .dropdown-menu > li > a > [class^=mwicon-]:first-child, .item-actions .dropdown-menu > li > a > [class*=" mwicon-"]:first-child {
  font-weight: bold;
  position: relative;
  color: #748093;
  font-size: 22px;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
}
.item-actions .dropdown-menu > li:last-child.divider {
  display: none;
}
.item-actions .dropdown-menu > li .share-buttons {
  padding: 5px 10px;
}
.item-actions .dropdown-menu > li .icon_link {
  font-style: italic;
}
.item-actions .item-action-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.media-slick .item-actions .dropdown-menu {
  right: 0;
  left: auto;
  top: auto;
  bottom: 35px;
}

.dropdown .form-control, .dropdown .cke_editable {
  margin: 10px;
}

.item-image {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.item-image .item-action-btn {
  color: #ffffff;
  font-size: 32px;
  width: 35px;
  height: 45px;
  text-align: center;
}
.item-image.mylearn-corner {
  position: relative;
}
.item-image.mylearn-corner > a {
  position: relative !important;
  height: auto !important;
}

.search-result-item .code {
  margin-top: auto;
}
.search-result-item em {
  font-weight: bold;
  color: #fb9500;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  font-style: normal;
}
.search-result-item a:hover em {
  color: #e46827;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.search-result-item h4 {
  font-size: 17.5px;
}
.search-result-item p {
  font-size: 14.5px;
}
.search-result-item p em {
  font-weight: bold;
  color: #fb9500;
  font-style: normal;
}

.dropdown-menu li img {
  max-width: inherit;
  width: auto;
}
.dropdown-menu li .non-click-submenu-row {
  color: #333333;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
.dropdown-menu li .non-click-submenu-row > i {
  color: #748093;
  font-size: 22px;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 5px;
}

.play-mark {
  position: absolute;
  z-index: 40;
  height: 33px;
  width: 33px;
  border-radius: 20px;
  background: #f2f5f9;
  color: #68737c;
  font-size: 20px;
  text-align: center;
  right: 13px;
  bottom: 13px;
}
.play-mark i {
  margin-right: -2px;
  line-height: 33px;
}

.nav-tabs {
  margin: auto;
}
.nav-tabs li {
  background: #dee5f2;
  padding: 0;
}
.nav-tabs.nav-justified > li.active a {
  border-right-color: #c7d3e5;
}
.nav-tabs.nav-justified > li.active a:hover {
  background: #ffffff;
}
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #c7d3e5;
  border-radius: 0;
  border-right-color: #c7d3e5;
}
.nav-tabs.nav-justified > li > a:hover {
  background: #ccd7eb;
}
.nav-tabs > li > a {
  color: #455771;
  border-radius: 0;
}
.nav-tabs > li > a.active {
  border-top: 0;
  border-radius: 0;
}

@media (max-width: 519px) {
  .nav-item {
    width: 100%;
  }
}
.divider {
  border-bottom: 1px solid #c7d3e5;
  height: 1px;
  overflow: hidden;
  margin: 30px 0;
  clear: both;
}
.divider.light {
  border-color: #dee5f2;
}

.divider-15 {
  margin: 15px 0;
}

@media (max-width: 767px) {
  .divider {
    margin: 20px 0;
  }
}
dl {
  display: block;
  margin-bottom: 20px;
}
dl:after {
  content: "";
  clear: both;
  display: block;
}
dl dt {
  width: 40%;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: normal;
  color: #8c97a7;
  float: left;
  clear: left;
}
dl dd {
  margin-bottom: 5px;
  display: block;
  margin-left: 40%;
}
dl.full dt,
dl.full dd {
  width: 100%;
  margin: 0;
  float: none;
}
dl.full dd {
  margin-bottom: 15px;
}

.licence-edit-row {
  background: #f2f5f9;
}
.licence-edit-row .licence-edit-form-field {
  float: left;
  vertical-align: middle;
  padding-right: 35px;
}
.licence-edit-row .licence-edit-form-field b {
  padding: 6px 0;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .licence-edit-row .licence-edit-form-field:nth-child(3), .licence-edit-row .licence-edit-form-field:nth-child(4) {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .licence-edit-row .licence-edit-form-button {
    margin-top: 20px;
  }
}

.compare {
  table-layout: fixed;
}
.compare th {
  text-align: center;
}
.compare th:first-child {
  width: 40%;
}
.compare tbody tr td {
  text-align: center;
  vertical-align: middle;
}
.compare tbody tr td:first-child {
  text-align: left;
}

.brand-logo {
  float: left;
  text-align: left;
}
.brand-logo i {
  color: #e38900;
  float: left;
  margin-top: 15px;
}
.brand-logo.single i {
  margin-top: 0;
}
.brand-logo h1,
.brand-logo .version {
  display: inline-block;
}
.brand-logo h1 {
  margin: 5px 0 0 17px;
  font-size: 60px;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 5px;
}
.brand-logo h1 span {
  font-size: 35px;
}
.brand-logo h2 {
  color: #455771;
  margin: 0 0 0 90px;
  font-size: 22px;
}
.brand-logo .version {
  float: right;
  font-size: 48px;
  margin: 5px 0 0 15px;
  font-weight: 300;
}

.box-activation,
.box-books,
.box-subscriptions,
.box-introductions {
  color: #ffffff;
  width: 24%;
  margin: 0 0.5% 12px;
  float: left;
  height: 181px;
  display: block;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  overflow: hidden;
  line-height: 1.3em;
  cursor: pointer;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
}
.box-activation:hover,
.box-books:hover,
.box-subscriptions:hover,
.box-introductions:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.box-activation.yuanlai,
.box-books.yuanlai,
.box-subscriptions.yuanlai,
.box-introductions.yuanlai {
  padding: 20px;
}
.box-activation .box-icon,
.box-books .box-icon,
.box-subscriptions .box-icon,
.box-introductions .box-icon {
  text-align: center;
  height: 100%;
  padding: 20px;
}
.box-activation a,
.box-books a,
.box-subscriptions a,
.box-introductions a {
  color: #ffffff;
  font-size: 16px;
  padding: 2px 5px;
  display: block;
  height: 100%;
}
.box-activation img,
.box-books img,
.box-subscriptions img,
.box-introductions img {
  margin: 0;
  height: 100%;
  padding: 20px;
}
.box-activation h2,
.box-books h2,
.box-subscriptions h2,
.box-introductions h2 {
  font-size: 26px;
  margin: 0 0 10px;
}
.box-activation .text-container,
.box-books .text-container,
.box-subscriptions .text-container,
.box-introductions .text-container {
  position: relative;
  padding: 20px;
  /*rtl:raw:
      text-align: right;
  */
}
.box-activation .text-container i,
.box-books .text-container i,
.box-subscriptions .text-container i,
.box-introductions .text-container i {
  position: absolute;
  top: 17px;
  right: 25px;
  font-size: 36px;
  /*rtl:raw:
  	transform: scalex(-1);
  */
}
.box-activation .slick-list, .box-activation .slick-track, .box-activation .slick-slide,
.box-books .slick-list,
.box-books .slick-track,
.box-books .slick-slide,
.box-subscriptions .slick-list,
.box-subscriptions .slick-track,
.box-subscriptions .slick-slide,
.box-introductions .slick-list,
.box-introductions .slick-track,
.box-introductions .slick-slide {
  height: 100%;
}

.box-green {
  background-color: #0dbf6d;
}
.box-green:hover {
  background-color: #0a8f52;
}

.box-orange {
  background-color: #f47711;
}
.box-orange:hover {
  background-color: #c95f09;
}

.box-blue {
  background-color: #0074BD;
}
.box-blue:hover {
  background-color: #00558a;
}

.box-red {
  background-color: #d83b59;
}
.box-red:hover {
  background-color: #bb2542;
}

.slider-show {
  width: 49.5%;
  overflow: hidden;
  display: block;
  float: right;
  position: relative;
}
.slider-show img {
  width: 100%;
  height: auto;
}
.slider-show span {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 50;
}

@media (max-width: 1199px) {
  body {
    font-size: 14px;
  }
  .brand-logo {
    float: none;
    text-align: center;
  }
  .brand-logo i {
    float: none;
  }
  .brand-logo h1 {
    font-size: 45px;
    margin: 0 0 5px;
  }
  .brand-logo h2 {
    margin: 0;
    font-size: 22px;
  }
  .brand-logo .version {
    float: none;
    font-size: 22px;
    margin: 5px 0;
  }
}
@media (max-width: 991px) {
  .wrapper {
    padding-bottom: 0;
    min-height: calc(100vh - 342.42px);
  }
  .wrapper.minimal {
    min-height: calc(100vh - 144px);
  }
  .wrapper.cadavr {
    min-height: calc(100vh - 160px);
  }
  .content {
    transition-duration: 0.3s;
    position: relative;
  }
  .logo {
    display: none;
  }
  h1 {
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 15px;
  }
  h2 {
    margin-bottom: 15px;
    font-size: 1.7em;
  }
  .brand-logo {
    position: static;
  }
  .brand-logo h1 {
    display: block;
  }
}
@media (max-width: 991px) {
  .col-md-12 {
    clear: both;
  }
}
@media (max-width: 767px) {
  .title-bar .text-center {
    margin-bottom: 0;
  }
  ul {
    padding-left: 20px;
  }
}
.progressBar {
  height: 14px;
  display: none;
  margin-bottom: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: #86b2d2;
}

.post h2 {
  margin-top: 0;
}
.post .share i {
  font-size: 20px;
}

.cke_editable {
  border-radius: 3px;
  font-size: 15px;
}

.ui-datepicker-title {
  color: #455771;
}

.ui-dialog-content h1 {
  font-size: 20px;
}
.ui-dialog-content h2 {
  font-size: 17px;
}

.ui-scrollable-window .ui-resizable-se {
  right: -5px;
  bottom: -5px;
}

.table-table {
  display: table;
  width: 100%;
}
.table-table .table-cell {
  padding: 5px 15px;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
  padding: 5px;
}
.table-cell.highlight {
  background: #0074BD;
  color: #ffffff;
}
.table-cell.gray {
  background: #dee5f2;
}

.no-icons i {
  font-family: inherit;
  font-style: italic;
}

.slider-canvas {
  display: none;
}

.slick-slider {
  position: relative;
}
.slick-slider .prev-btn,
.slick-slider .next-btn {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  display: block;
  color: #ffffff;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.slick-slider .prev-btn {
  left: 0;
}
.slick-slider .next-btn {
  right: 0;
}

.slick-slide {
  margin-bottom: 0;
}

.slick-slide img {
  display: inline-block;
}

.book-type div[class*=type-] {
  padding: 0 8px;
  float: left;
  cursor: pointer;
}
@media (max-width: 767px) {
  .book-type div[class*=type-] {
    float: none;
    padding-right: 0;
  }
}
.book-type div[class*=type-] a {
  float: left;
  color: #a9c2e4;
}
.book-type div[class*=type-] a.active, .book-type div[class*=type-] a:active, .book-type div[class*=type-] a:hover {
  color: #455771;
}

.book-item-wrapper .book-type {
  display: none;
}
.book-item-wrapper.slick-slide, .book-item-wrapper.slick-slide:nth-child(4n+4) {
  border-right: 1px solid #E3EAF2;
}
.book-item-wrapper.slick-slide:nth-child(5n+5) {
  border: 0;
}

.section--editor-home {
  padding-top: 70px;
  margin-bottom: -47px;
}

.shop-slider {
  margin-bottom: 30px;
}

.window_panel {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}
.window_panel .window_header {
  border-bottom: 2px solid #fff03d;
  background: #244b95;
  height: 29px;
  line-height: 29px;
  position: relative;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
}
.window_panel .window_header .header_tab_right,
.window_panel .window_header .header_tab_title,
.window_panel .window_header .window_title_icon,
.window_panel .window_header .header_tab_left {
  background: none;
}
.window_panel .window_header .header_tab_right:empty,
.window_panel .window_header .header_tab_title:empty,
.window_panel .window_header .window_title_icon:empty,
.window_panel .window_header .header_tab_left:empty {
  display: none;
}
.window_panel .window_header .header_tab_icon {
  float: left;
  font-size: 15px;
  margin-top: 7px;
  margin-right: 3px;
}
.window_panel .window_header .header_tab_icon[class^=mwicon-], .window_panel .window_header .header_tab_icon[class*=" mwicon-"] {
  font-size: 20px;
  margin-top: 4px;
  margin-left: -2px;
}
.window_panel .window_header .header_tab {
  max-width: 100%;
}
.window_panel .window_header .header_tab_title {
  padding-left: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.window_panel .window_frame.window_content_tool {
  border: unset !important;
}
.window_panel .window_frame:not(.window_content_tool) {
  border: 0;
  background-color: #ffffff !important;
}

@media (max-width: 991px) {
  .window_panel.slideshow_window {
    width: 100% !important;
    height: 100% !important;
  }
}
.window_panel.slideshow_window .window_frame {
  position: relative;
}
@media (max-width: 991px) {
  .window_panel.slideshow_window .window_frame {
    width: 100% !important;
    height: 100% !important;
  }
}
.window_panel.slideshow_window .window_frame .slider {
  width: 100px;
}
.window_panel.slideshow_window.ui-draggable {
  z-index: 10000 !important;
}
@media (min-width: 992px) {
  .window_panel.slideshow_window.ui-draggable {
    z-index: 2201 !important;
  }
}

.list {
  border-bottom: 1px solid #dee5f2;
  padding: 15px 0;
}
.list h3,
.list h4 {
  margin-top: 0;
}

.brand-title {
  font-family: "NeoSansPro-Regular";
}

ol {
  margin: 10px 0 10px 20px;
}
ol li {
  padding: 5px 0;
}

.licence-status i {
  font-size: 26px;
  line-height: 1.2em;
}
.licence-status .expired, .licence-status .expired-large, .licence-status .expired-medium {
  background: #d83b59;
  color: #ffffff;
  margin-top: 4px;
  line-height: 0.85em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  font-size: 30px;
  border: 6px #d83b59 solid;
}
.licence-status .expired-medium {
  font-size: 21px;
  border: none;
}
.licence-status .expired-large {
  font-size: 35px;
  border: none;
}

.book-item .licence-status {
  display: inline-block;
  bottom: 95px;
  margin-left: -3px;
  position: absolute;
}

.tools_state_states {
  max-height: 280px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px;
  color: #ffffff;
  border-top: 1px solid #dee5f2;
}
.tools_state_states a {
  color: #ffffff;
}
.tools_state_states .tools_state_state {
  padding: 4px;
  border-bottom: 1px solid #dee5f2;
}
.tools_state_states .state_load {
  width: 90%;
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tools_state_states .state-action {
  padding: 0 4px;
  display: inline-block;
}
@media (max-height: 900px) {
  .tools_state_states {
    max-height: 180px;
  }
}

select:not(.cke_dialog_ui_input_select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../assets/images/caret-down.png") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 8px;
  padding-left: 8px;
  padding-right: 30px;
}

.tagit {
  margin: 0;
  list-style-type: none;
  padding: 3px;
}
.tagit li.ui-state-default {
  display: inline-block;
  background: #dee5f2;
  border: 0;
  padding: 3px 10px;
  margin-right: 3px;
}
.tagit li.ui-state-default .tagit-label {
  color: #455771;
  font-size: 14px;
}
.tagit li.ui-state-default .tagit-close {
  margin: 0 2px;
  cursor: pointer;
}
.tagit li.ui-state-default .tagit-close .ui-icon-close {
  display: none;
}

.admin-temp {
  background: #e38900;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

.custom_popup {
  padding: 20px;
  background: #ffffff;
  color: #455771;
}

.no_result {
  text-align: center;
  font-style: italic;
}

.window_panel.mblite_sidebar .window_header {
  border-top: 1px solid #90b5ee;
  background: #244b95;
}

.window_panel.mblite_sidebar .window_header .header_tab_right {
  background: none;
}

.tools_list_thumb img {
  max-width: 100%;
}

.mblite_tools_list_item {
  outline: none;
  height: 100px;
  float: left;
}

.discount-removed {
  text-decoration: line-through;
}

.address-actions {
  float: right;
}

.warning {
  color: #D03300;
  font-weight: normal;
}

.library_booklet {
  min-height: 330px;
  width: 20%;
  float: left;
}
.library_booklet .thumbnail,
.library_booklet .image {
  cursor: pointer;
  position: relative;
  min-height: 170px;
}
.library_booklet .thumbnail .details,
.library_booklet .image .details {
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(14, 49, 119, 0) 0%, rgba(14, 49, 119, 0.9) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000e3177", endColorstr="#0e3177", GradientType=0);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 80%;
  padding-top: 80px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.3em;
  z-index: 50;
}
.library_booklet .image {
  background: #86b2d2;
  width: 100%;
}
.library_booklet a {
  word-wrap: break-word;
}
.library_booklet .booklet {
  position: relative;
}

.user-data .user-avatar {
  position: relative;
}
.user-data .user-avatar img {
  background-color: #ffffff;
  max-width: 165px;
  width: 100%;
  bottom: 0;
  margin: auto;
  border: 1px solid #d2e0f1;
  border-radius: 100%;
}
.user-data .user-avatar img.editable {
  cursor: pointer;
}
.user-data .user-avatar .avatar-edit {
  position: absolute;
  cursor: pointer;
  bottom: 0;
}
.user-data dl {
  margin-bottom: 0;
}

.avatar-edit-content {
  padding: 10px 0 40px;
}
.avatar-edit-content .img-box {
  position: relative;
}
.avatar-edit-content .img-box img {
  border: 1px solid #d2e0f1;
  border-radius: 50%;
  height: 160px;
  margin: 10px 20px;
  cursor: pointer;
  opacity: 0.4;
  transition: all 0.2s ease-in-out;
}
.avatar-edit-content .img-box img.default_avatar {
  opacity: 1;
}
.avatar-edit-content .img-box img:hover {
  transform: scale(1.05);
  opacity: 1;
}
.avatar-edit-content .img-box .tool-open {
  position: absolute;
  bottom: 20%;
  right: 16%;
  cursor: pointer;
}
.avatar-edit-content .img-box.active img {
  opacity: 1;
}
.avatar-edit-content .img-box .help-icon {
  padding-left: 5px;
}

.nav-pills > li.active > a {
  background: #0074BD;
}
.nav-pills > li.add > a {
  cursor: pointer;
  color: #ffffff;
  background: #61B846;
}
.nav-pills > li.add > a:hover {
  background: #57a63f;
}

.download-page .brand-logo {
  position: static;
}
.download-page .latency {
  padding-left: 5px;
  color: #8c97a7;
}
.download-page .latency.highlight {
  color: #0dbf6d;
}

.tabs-wrapper {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 9999;
  background: #244b95;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.tabs-wrapper a {
  color: #ffffff;
  display: inline-block;
  border-left: 1px solid #86b2d2;
  padding: 10px 20px;
}
.tabs-wrapper a:first-child {
  border: 0;
}
.tabs-wrapper a:hover {
  color: #ffffff;
}
.tabs-wrapper a i {
  margin: 0 5px;
  color: #fff03d;
}

.plupload-drop-in {
  width: 100%;
  height: 100px;
  line-height: 90px;
  margin: 20px 0;
  border: 5px solid #0074BD;
  border-style: dashed;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}

.mylearn-page .plupload-drop-in {
  background: #ffffff;
  line-height: normal;
  border: 0;
  margin: 0;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-progressbar {
  position: relative;
}
.ui-progressbar .progress-label {
  position: absolute;
  height: 30px;
  width: 40px;
  margin-left: -20px;
  left: 50%;
  top: 0;
  line-height: 30px;
  text-align: center;
}
.ui-progressbar .ui-progressbar-value {
  height: 2em;
}

.valid_until {
  margin-right: 20px;
}

.form-control.highlight, .highlight.cke_editable {
  border: 2px solid #0074BD;
}

.margin {
  box-sizing: initial;
}

.pict_to_lex {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 0;
  background: #dee5f2;
  padding: 5px;
}

.object {
  position: relative;
}
.object :hover .pict_to_lex {
  /*display: block;*/
}

.tooltip {
  border: 0 !important;
  background: none !important;
  z-index: 4001 !important;
}

.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item {
  margin: 10px;
}

.tools_list_thumb img {
  width: 85px;
  height: 85px;
}

ul.reg_text {
  margin: 15px 0;
}
ul.reg_text li {
  margin-bottom: 15px;
}

.info-button {
  color: #c7d3e5;
  font-size: 20px;
}

input[type=checkbox] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.faq-nav {
  list-style-type: none;
  margin: 8px 20px 0 0;
  padding: 0;
}
.faq-nav li {
  padding: 10px;
  display: block;
  border-bottom: 1px solid #f2f5f9;
}
.faq-nav .active {
  font-weight: bold;
}

.partnerselect-label {
  font-weight: bold;
  margin-bottom: 10px;
}

.partnerselect-main {
  margin-bottom: 25px;
}

.partnerselect-inner {
  margin-bottom: 12px;
}
.partnerselect-inner .iradio_square-blue {
  vertical-align: bottom;
}
.partnerselect-inner .iradio_square-blue.grayed {
  background-position: -216px 0;
}
.partnerselect-inner .input-container {
  float: left;
  margin-right: 15px;
}

.help-img {
  margin: 0 auto;
  display: block;
}

.help-topics {
  padding-left: 30px;
}
.help-topics h3 {
  margin-bottom: 5px;
}
.help-topics .help-topic {
  margin-bottom: 15px;
}
.help-topics .help-topic h4 {
  margin-bottom: 0;
  font-size: 20px;
}

@media (max-width: 992px) {
  .help-topics {
    padding-left: 15px;
  }
}
.btn-linetext {
  padding: 6px 15px 6px 0;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 991px) {
  #faq-header a {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  #faq-header li a {
    font-size: 14px;
  }
}

.faq-answer {
  padding: 15px 0 25px;
  border-bottom: 1px solid #f2f5f9;
}
.faq-answer:last-child {
  border: 0;
}
.faq-answer .faq-anchor {
  visibility: hidden;
  position: relative;
  display: block;
  top: -150px;
}
.faq-answer .faq-answer-meta {
  margin-bottom: 30px;
}
.faq-answer .faq-answer-meta > span {
  margin-right: 20px;
  color: #8c97a7;
}
.faq-answer h3 {
  margin-top: 0;
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .faq-answer h3 {
    font-size: 18px;
  }
}
.faq-answer img {
  margin: 25px 0;
  display: block;
  width: 100% !important;
  height: auto !important;
}

.faq-submit {
  float: left;
  margin: 20px 0;
  text-align: center;
}

.ask-admin-title-breadcrumb {
  color: #0074BD !important;
}

.faq-admin-message-container {
  margin: 40px;
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px;
}

.faq-admin-container {
  margin-bottom: 60px;
}
.faq-admin-container .table {
  width: 100%;
}
.faq-admin-container .table td {
  overflow-x: auto;
  max-width: 800px;
  word-wrap: break-word;
}
.faq-admin-container .table thead {
  background-color: #008ce5;
  color: #ffffff;
}
.faq-admin-container .table .time-col {
  font-size: 12px;
  font-weight: bold;
}
.faq-admin-container .table .ico-col {
  width: 45px;
  vertical-align: top;
}
.faq-admin-container .table .email-col {
  width: 220px;
}
.faq-admin-container .table .even {
  background-color: #f2f5f9;
}
.faq-admin-container .table p {
  margin: 0;
}
.faq-admin-container .title-row-left {
  margin-bottom: 13px;
}
.faq-admin-container .title-row-left span {
  font-size: 19px;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}
.faq-admin-container .title-row-left span .sm {
  font-size: 15px;
}
.faq-admin-container .answer-title-row-left {
  margin-bottom: 18px;
}
.faq-admin-container .answer-title-row-left span {
  font-size: 19px;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
  margin-top: 6px;
}
.faq-admin-container .answer-title-row-left span .sm {
  font-size: 15px;
  margin-top: 3px;
}
.faq-admin-container .answer-title-row-left span .xs {
  font-size: 12px;
  margin-top: 5px;
}
.faq-admin-container .answer-title-row-left .useragent {
  font-size: 14px;
  font-weight: normal;
}
.faq-admin-container .title-row-right {
  padding-top: 9px;
}
.faq-admin-container .title-row-right .translate-img {
  float: right;
  margin-right: 15px;
  cursor: pointer;
}
.faq-admin-container .title-row-right .translate-img.inactive {
  opacity: 0.5;
  cursor: default;
}
.faq-admin-container .filter-select {
  max-width: 160px;
  float: right;
  padding-bottom: 6px;
  padding-top: 6px;
}
.faq-admin-container .question-textdiv {
  width: 100%;
  background-color: #fceddb;
  padding: 9px 12px;
  margin-bottom: 25px;
  word-wrap: break-word;
  overflow-x: auto;
}
.faq-admin-container .question-textdiv.answer {
  background-color: #e8f6e9;
}
.faq-admin-container .question-textdiv-googletrans {
  width: 100%;
  background-color: #dbeafc;
  padding: 9px 12px;
  margin-bottom: 25px;
  word-wrap: break-word;
}
.faq-admin-container .answer-textarea {
  width: 100%;
  height: 200px;
  padding: 9px 12px;
  margin-bottom: 14px;
  overflow-y: hidden;
  min-height: 42px;
}
.faq-admin-container .cke {
  margin-bottom: 20px;
}
.faq-admin-container .cke .cke_bottom {
  padding-top: 0;
}
.faq-admin-container .selector-row select {
  display: inline-block;
  width: 80%;
  margin-bottom: 20px;
}
.faq-admin-container #forward-field {
  display: none;
}
.faq-admin-container #forward-field select {
  width: 100%;
  height: 41px;
  padding: 9px 12px;
  margin-bottom: 25px;
}
.faq-admin-container #search-form {
  display: inline-block;
  width: 100%;
}
.faq-admin-container #search-form .text-search {
  display: inline-block;
  width: 260px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .faq-admin-container #search-form .text-search {
    float: right;
  }
}
.faq-admin-container .other-addressee-box {
  display: none;
  width: 100%;
  margin-bottom: 25px;
}
.faq-admin-container .other-addressee-box .name-box {
  display: inline-block;
  width: 35%;
}
.faq-admin-container .other-addressee-box .mail-box {
  display: inline-block;
  width: 55%;
  float: right;
}
.faq-admin-container .hidden-box {
  display: none;
}
.faq-admin-container .top-row {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
.faq-admin-container .top-row .show-previous {
  display: inline-block;
  cursor: pointer;
}
.faq-admin-container .top-row .show-previous .bubble {
  display: inline-block;
  background-image: url("../assets/images/ask_admin/num_bubble.png");
  color: #ffffff;
  width: 36px;
  height: 34px;
  font-size: 18px;
  text-align: center;
  padding-top: 3px;
  font-weight: bold;
}
.faq-admin-container .top-row .show-previous .prev-text {
  margin-left: 13px;
  font-size: 19px;
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 4px;
}
.faq-admin-container .top-row .show-previous .show-prev-icon {
  margin-left: 18px;
  font-size: 19px;
}
.faq-admin-container .top-row .menu-icons {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin-top: 4px;
}
.faq-admin-container img.icon {
  width: 28px;
}
.faq-admin-container img.icon.title-icon {
  float: right;
  cursor: pointer;
}
.faq-admin-container img.icon.title1 {
  margin-right: 20px;
}
.faq-admin-container img.icon.fill {
  width: 100%;
  vertical-align: text-bottom;
}
.faq-admin-container i.title-icon {
  font-size: 31px;
  color: #a3b4d3;
  line-height: 24px;
  float: right;
  cursor: pointer;
}
.faq-admin-container i.icon-sm {
  margin-right: 4px;
  font-size: 22px;
  color: #00d65b;
  line-height: 13px;
}
.faq-admin-container .action-btn {
  font-size: 25px;
  color: #a3b4d3;
}
.faq-admin-container .ask-forward-icon {
  display: inline-block;
  float: right;
  margin-left: 15px;
  cursor: pointer;
}
.faq-admin-container .table-bordered {
  margin-bottom: 50px;
}
.faq-admin-container .table-bordered .source-site {
  margin-top: 7px;
  color: #0074BD;
  font-weight: 800;
}
.faq-admin-container .table-bordered .name {
  font-weight: 800;
  font-size: 16px;
}
.faq-admin-container select[class*=utils-paginator] {
  padding-right: 20px;
}
.faq-admin-container .from-info {
  font-weight: 100;
  font-size: 13px;
  margin-left: 13px;
}
.faq-admin-container .targetPartner {
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}
.faq-admin-container .nav {
  display: inline-block;
  float: right;
}
.faq-admin-container .nav .nav-item {
  float: left;
  font-weight: bold;
  width: auto;
}
.faq-admin-container .nav .nav-item a {
  padding: 5px 10px;
  color: #455771;
}
.faq-admin-container .nav .nav-item a.active {
  color: #0074BD;
  font-width: bold;
}
.faq-admin-container .nav .nav-item.separator {
  border-left: 1px solid #cccccc;
  height: 20px;
  margin: 7px 5px;
}
.faq-admin-container .header-pager {
  float: right;
  font-size: 16px;
}
.faq-admin-container .header-pager div {
  display: inline-block;
}
.faq-admin-container .header-pager i {
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
.faq-admin-container .header-pager i.inactive {
  cursor: default;
  color: #a1b4cd;
}
.faq-admin-container .answer-grid {
  display: grid;
  grid-template-columns: 50% 50%;
}
.faq-admin-container .answer-grid .forward-grid-element {
  text-align: right;
}

#canvasloader-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.3);
}
#canvasloader-container.ajax-loader {
  background-image: url("../assets/images/moza_loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
  position: absolute !important;
  width: 100%;
  height: 100%;
}
#canvasloader-container #canvasLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  z-index: 3001;
}

.moza-spinner {
  min-height: 100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/moza_loader.gif) no-repeat center;
  background-size: 100px;
}

.tool-popup-flash-loading-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
}
.tool-popup-flash-loading-container div {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tool-popup-flash-loading-container #canvasloader-container.ajax-loader {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: transparent !important;
  position: relative !important;
  height: 80px !important;
}

.tool-popup-flash-content-container {
  position: relative;
  display: inline;
  z-index: 2;
}

.lexikon3d-loader-content #canvasloader-container.ajax-loader,
.download-starts-soon #canvasloader-container.ajax-loader {
  height: 70%;
}

.download-starts-soon {
  display: grid;
  height: inherit;
  grid-template-rows: 66% 34%;
}

.yellow.br-selected:after {
  color: #fff03d !important;
}

.colored-title {
  margin: 20px 0;
  color: #ffffff;
  padding: 8px 0;
}
.colored-title.red {
  background: #d83b59;
}
.colored-title.green {
  background: #0dbf6d;
}
.colored-title.blue {
  background: #0074BD;
}

.lang_select {
  padding-left: 40px;
}
.lang_select img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.lang_select select {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
}

.tagadmin div.edit input {
  margin: -3px -2px;
  width: 300px;
}

.tagadmin div.edit span.fa {
  margin-left: 5px;
  cursor: pointer;
}

.tagadmin span.fa-check, .tagadmin i.tag-saved {
  float: right;
  color: #00BF00;
  line-height: 20px;
}

.tagadmin span.fa-pencil {
  float: right;
  cursor: pointer;
  line-height: 20px;
}

.tagadmin span.fa-trash-o {
  margin-left: 10px;
  cursor: pointer;
}

.tagadmin span.fa-compress,
.tagadmin span.fa-expand {
  margin-left: 1px;
  cursor: pointer;
}

div.tagadmin.mozaDialog {
  overflow: visible;
  outline: none;
}

div.tagadmin.mozaDialog ul.tagedit-list {
  width: 555px;
}

div.tagadmin.mozaDialog div.preview {
  margin-top: 10px;
  max-height: 350px;
  overflow-y: auto;
  font-size: 12px;
}

.window_panel .window_footer {
  display: none;
  background: #244b95;
  border-top: 0;
}
.window_panel .window_footer div {
  margin: 0;
  padding: 10px;
  line-height: inherit;
  min-height: inherit;
  height: auto;
  background: #244b95;
}

.window_panel iframe {
  width: 100%;
}

.share-block {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 50px 1fr;
  top: 20%;
  position: fixed;
  right: -370px;
  width: 420px;
  z-index: 2000;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.share-block:hover, .share-block.open {
  opacity: 1;
}
.share-block.open {
  right: 0;
}
.share-block .links-wrapper {
  align-self: start;
}
.share-block .links-wrapper span.feedback-side-icon, .share-block .links-wrapper a {
  text-align: center;
  font-size: 29px;
  width: 60px;
  color: #ffffff;
  display: block;
  height: 50px;
  padding-top: 3px;
  position: relative;
  transition: all 0.2s;
}
.share-block .links-wrapper span.feedback-side-icon i, .share-block .links-wrapper a i {
  margin-left: -9px;
}
@media (hover: hover) {
  .share-block .links-wrapper span.feedback-side-icon:hover, .share-block .links-wrapper a:hover {
    transform: translate(-10px, 0);
  }
}
.share-block .links-wrapper .link-twitter {
  background: #4099ff;
}
.share-block .links-wrapper .link-blog {
  background: #0dbf6d;
}
.share-block .links-wrapper .link-admin {
  background: #478999;
}
.share-block .links-wrapper .link-distributor {
  color: #455771;
  background: #fff03d;
}
.share-block .links-wrapper .link-facebook {
  background: #3B5998;
}
.share-block .links-wrapper .link-youtube {
  background: #e52d27;
}
.share-block .links-wrapper .link-feedback {
  background: green;
}
.share-block .links-wrapper a.link-contact {
  background: #b2bac4;
}
.share-block .links-wrapper a.link-crm {
  background: #935696;
}
.share-block .links-wrapper a.link-user {
  background: #244b95;
}
.share-block .links-wrapper .link-last-book {
  background: #E27A23;
  -js-display: flex;
  display: flex;
  align-items: center;
  padding-top: 0;
  right: 0;
  width: 310px;
  text-align: left;
  transition: all 0.4s;
}
.share-block .links-wrapper .link-last-book span {
  font-size: 15px;
  font-weight: bold;
  padding-left: 22px;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-block .links-wrapper .link-last-book i {
  margin-left: 10px;
}
.share-block .links-wrapper .link-last-book.link-animation {
  animation: cssAnimation 1s forwards;
  animation-delay: 2s;
  right: 260px;
}
@keyframes cssAnimation {
  0% {
    right: 250px;
  }
  100% {
    right: 0;
  }
}
.share-block .share-box {
  background: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  border: 1px solid #cccccc;
  display: none;
  position: relative;
  z-index: 400;
  overflow-y: auto;
}
.share-block.open .share-box {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .share-block {
    display: none;
  }
  .share-block.open {
    display: grid;
  }
  .share-block .share-box {
    overflow-y: scroll;
  }
}
@media (max-height: 800px) {
  .share-block .share-box {
    max-height: 500px;
    overflow-y: scroll;
  }
}

.share-box.submenu-box a {
  cursor: pointer;
  padding: 3px 15px;
  color: #455771;
  transition: all 0.2s;
  background: #ffffff;
  -js-display: flex;
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0px 3px;
}
.share-box.submenu-box a.active {
  background: #f2f5f9;
}
.share-box.submenu-box a.submenu-header {
  background: #f0f2f4;
  cursor: default;
  font-weight: bold;
  padding: 7px 15px;
  margin: 0;
}
.share-box.submenu-box a i {
  font-size: 24px;
  color: #8c97a7;
  margin-right: 10px;
  line-height: 0;
  vertical-align: middle;
}
.share-box.submenu-box a:not(.submenu-header):first-of-type {
  margin-top: 10px;
}
.share-box.submenu-box a:not(.submenu-header):not(.active):hover {
  background: #f2f5f9;
}
.share-box.submenu-box label {
  width: 100%;
  cursor: pointer;
  margin: 0;
  font-weight: initial;
}
.share-box.submenu-box .divider {
  border-bottom: 1px solid #dee5f2;
  height: 1px;
  margin: 5px 0px;
  clear: none;
  padding: 0;
  display: block;
}
.share-box.submenu-box .divider.header-divider {
  margin-top: 0;
}

.home-blog-post {
  text-align: left;
}
.home-blog-post h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
@media (max-width: 991px) {
  .home-blog-post h3 {
    font-size: 18px;
  }
}
.home-blog-post span {
  display: block;
  margin-bottom: 5px;
}
.home-blog-post p {
  max-height: 108px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section.section-testimonials h2 {
  margin-top: 0;
}
.section.section-testimonials .slick-dots {
  margin-bottom: 0;
}
.section.section-testimonials .container {
  padding-top: 40px;
  padding-bottom: 40px;
}

p.narrow {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 992px) {
  p.narrow {
    width: 100%;
  }
}
.testimonial-item {
  background: #31414d;
  color: #ffffff;
  padding: 25px;
  height: 200px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}
.testimonial-item p {
  font-family: Georgia;
  font-style: italic;
  font-size: 16px;
  display: inline;
  padding-left: 25px;
  cursor: pointer;
}
.testimonial-item span {
  display: block;
  clear: both;
  text-align: right;
  margin: 15px 40px 0 0;
}
.testimonial-item .mwicon-quote {
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  color: #ffffff;
  font-size: 35px;
}
.testimonial-item .mwicon-quote.bottom {
  top: auto;
  left: auto;
  bottom: 5px;
  right: 10px;
}

.testimonial-item-white {
  background: #ffffff;
  color: #455771;
  padding: 25px;
  height: 200px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}
.testimonial-item-white p {
  font-family: Georgia;
  font-style: italic;
  font-size: 16px;
  display: inline;
  padding-left: 25px;
  cursor: pointer;
}
.testimonial-item-white span {
  display: block;
  clear: both;
  text-align: right;
  margin: 15px 40px 0 0;
}
.testimonial-item-white .mwicon-quote {
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  color: #d5e5ef;
  font-size: 35px;
}
.testimonial-item-white .mwicon-quote.bottom {
  top: auto;
  left: auto;
  bottom: 5px;
  right: 10px;
}

.modal-content .testimonial-item {
  color: #455771;
  background-color: #ffffff;
}

.modal-content .testimonial-item:before,
.modal-content .testimonial-item:after {
  color: #455771;
}

.slick-dots {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  margin: 0 8px;
  width: 12px;
  height: 12px;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  display: block;
  background: rgba(69, 87, 113, 0.2);
  cursor: pointer;
  border: 0;
  text-indent: -999px;
}
.slick-dots li button:focus, .slick-dots li button:active {
  outline: none;
}
.slick-dots li.slick-active button {
  background: rgba(69, 87, 113, 0.5);
}

.section-videos .slick-dots li button {
  background: rgba(255, 255, 255, 0.2);
}
.section-videos .slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0.5);
}

.reg_block .tooltip .tooltip-inner {
  width: 400px;
  max-width: 400px;
}

.top5 {
  margin-top: 5px;
}

.stay-login {
  font-size: 12px;
}

#check-code .modal-content {
  padding: 15px 0;
}
#check-code h1 {
  font-size: 36px;
}
#check-code .btn, #check-code .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #check-code button, #check-code .btn-facebook, #check-code .btn-round, #check-code .btn-default, #check-code .btn-sausage, #check-code .btn-success, #check-code .btn-cadavr, #check-code .btn-yellow, #check-code .btn-yellow-2, #check-code .btn-red, #check-code .btn-red-2, #check-code .btn-white {
  min-width: 160px;
}
#check-code .bold-blue b {
  color: #0074BD;
}
#check-code .bold-blue i {
  color: #e38900;
}
#check-code .bold-blue .tooltip-inner {
  min-width: 320px;
}
#check-code button.close {
  padding: 8px;
  color: #777777;
  position: absolute;
  top: 5px;
  right: 20px;
  opacity: 1;
}

.gray-box {
  position: relative;
  background: #dee5f2;
  padding: 20px 40px;
}

.activation-text p {
  margin-bottom: 10px;
}

.activation-shield {
  display: inline-block;
  width: 67px;
  height: 74px;
  margin-top: -55px;
  margin-bottom: 10px;
}

.help-dropdown a {
  position: relative;
}
.help-dropdown a i {
  position: absolute;
  left: -22px;
}

.activation-shield {
  background: url("../assets/images/activation_shield.png");
}

.window_panel .window_header .solutionImg {
  background-position: center;
}

.coverlay {
  background-color: rgba(39, 71, 131, 0.6);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}

#alapadatok_error {
  display: none;
}

.book-slides {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .book-slides {
    max-width: 95%;
  }
}

.mobile-sort {
  display: none;
}

.section-awards .row {
  /*rtl:raw:
      direction: initial;
  */
}
.section-awards .row h4 {
  font-size: 20px;
}
.section-awards .row .award-item {
  width: 25%;
  float: left;
  padding: 0 15px;
  text-align: center;
}
.section-awards .row.awards-row {
  display: none;
  z-index: 1000;
}
.section-awards .row .slick-list {
  margin: 0 -15px;
}
.section-awards .row .slick-list img {
  transform: scale(0.8);
  -webkit-transform: scale(0.85);
  max-height: 190px;
}

@media (max-width: 992px) {
  .user-popup > a > span {
    display: none;
  }
}
@media (max-width: 1200px) {
  .color-boxes > div {
    min-height: 160px;
    font-size: 13px;
    margin-bottom: 10px;
    background-size: 15%;
  }
  .color-boxes > div h2 {
    margin-bottom: 6px;
    font-size: 24px;
  }
}
@media (max-width: 1100px) {
  .testimonial-item {
    height: 240px;
  }
  .faq-nav {
    position: relative;
    width: auto;
  }
  .library_booklet {
    width: 25%;
  }
}
@media (max-width: 519px) {
  .hidden-xxs {
    display: none !important;
  }
  .visible-xxs {
    display: block !important;
  }
}
@media (max-width: 991px) {
  .section-selector {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .testimonial-item {
    height: 200px;
  }
  .slick-dots {
    margin: 15px 0;
  }
  .slick-dots li button {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .home-slider .slick-dots {
    margin: 5px 0;
  }
  .color-boxes > div {
    width: 49%;
    font-size: 15px;
    min-height: 185px;
    background-size: 40px;
    margin-bottom: 8px;
  }
  .color-boxes > div h2 {
    margin-bottom: 10px;
  }
  .color-boxes > div img {
    max-height: 180px;
  }
  .home-blog-post {
    text-align: center;
  }
  .sub-menu-wrapper:before, .sub-menu-wrapper:after {
    content: "";
    clear: both;
    display: table;
  }
  .sub-menu-wrapper .dropdown .form-control, .sub-menu-wrapper .dropdown .cke_editable {
    margin: 0;
  }
  .mobile-sort {
    display: none;
    position: relative;
    left: 50%;
    top: 0;
    z-index: 500;
  }
}
.input-group.datepicker input {
  border-right: 0;
}
.input-group.datepicker input:focus {
  box-shadow: none;
  border-color: #a4b8d5;
}
.input-group.datepicker .input-group-addon {
  background-color: #ffffff;
  transition: border-color 0.15s ease-in-out;
}
.input-group.datepicker.focus {
  border-color: #0074BD;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.input-group.datepicker.focus input, .input-group.datepicker.focus .input-group-addon {
  border-color: #0074BD;
}
@media (max-width: 991px) {
  .input-group.datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%;
  }
}

.required-data {
  position: absolute;
  top: -6px;
}

.orderdetail_action_buttons a {
  width: 250px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-awards .row .slick-list img {
    height: 150px;
  }
}
@media (max-width: 768px) {
  .testimonial-item {
    height: 280px;
  }
  .section-titles [class^=mwicon-].fill-square.size-70, .section-titles [class*=" mwicon-"].fill-square.size-70, .info [class^=mwicon-].fill-square.size-70, .info [class*=" mwicon-"].fill-square.size-70 {
    font-size: 38px;
    padding: 6px;
  }
  .section-awards .row .slick-list {
    margin: 0;
  }
  .section-awards .row .slick-list img {
    transform: scale(1);
    -webkit-transform: scale(1);
    height: 120px;
  }
  .color-boxes > div {
    width: 49%;
    margin: 0 0.5% 10px;
    min-height: inherit;
  }
  .orderdetail_action_buttons a {
    margin-bottom: 15px;
  }
  .valid_until {
    margin-right: 0;
  }
  .library_booklet {
    width: 50%;
  }
}
@media (max-width: 519px) {
  .licence-table-swipe-hint.hint-visible {
    display: block;
  }
  /*    .sub-menu-wrapper select.form-control, .title-row-links #sort {
      width: 45%;
  }*/
  .library_booklet {
    width: 100%;
    float: none;
  }
  .section-awards .row img {
    transform: scale(1);
    -webkit-transform: scale(1);
    max-width: 100% !important;
  }
  .color-boxes > div {
    width: 100%;
    min-height: 135px;
    height: auto;
  }
  .share-block.open {
    width: 300px;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

.licence_key.deleted {
  text-decoration: line-through;
}

#extra-modal .modal-dialog {
  max-width: 700px;
}

@media (max-width: 768px) {
  #extra-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 2001;
  }
  .extra {
    text-align: center;
  }
  #extra-modal {
    padding: 0 !important;
  }
  #extra-modal .modal-dialog {
    margin: 0;
  }
}
.lexikon_related_list .lexikon-3d-title {
  max-height: 42px;
  overflow: hidden;
}

.lexikon-edit-form div.media-item-wrapper,
.lexikon_item_edit div.media-item-wrapper {
  width: 100%;
}

.lexikon-edit-form div.media-item-thumbnail,
.lexikon_item_edit div.media-item-thumbnail {
  overflow: hidden;
  max-height: 140px;
  text-align: center;
}

.lexikon-edit-form div.media-item-thumbnail img,
.lexikon_item_edit div.media-item-thumbnail img {
  max-width: none;
}

.lexikon-edit-form thead label {
  font-size: 0.9em;
}
.lexikon-edit-form dl dd {
  word-wrap: break-word;
}
.lexikon-edit-form.upload-multiple #drop-target {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 3px dashed #dddddd;
  color: #999999;
  display: block;
  font-size: 14px;
  /*width: 874px;*/
  line-height: 90px;
  text-align: center;
}
.lexikon-edit-form.upload-multiple .form-control, .lexikon-edit-form.upload-multiple .cke_editable {
  font-size: 0.85em;
  padding: 1px 4px;
}
.lexikon-edit-form.upload-multiple .fa-trash {
  cursor: pointer;
}
.lexikon-edit-form.upload-multiple table thead th {
  text-align: center;
  margin: 0 auto;
}
.lexikon-edit-form.upload-multiple table tbody tr td:first-child {
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.lexikon-edit-form.upload-multiple .uploaded_result {
  color: #0dbf6d;
}
.lexikon-edit-form.upload-multiple .openextra {
  position: relative;
  padding: 8px;
}
.lexikon-edit-form.upload-multiple .openextra .mwicon-eye {
  position: absolute;
  left: 5px;
  top: 7px;
  padding: 5px;
  z-index: 10;
}
.lexikon-edit-form .upload-form {
  position: relative;
}
.lexikon-edit-form .galleryItems {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
}
.lexikon-edit-form .galleryItems div._item {
  float: left;
  position: relative;
  width: 176px;
  height: 180px;
  padding: 10px;
  border: 1px solid #c6d2e5;
  border-radius: 3px;
  margin: 2px;
  background: #ffffff;
  cursor: move;
}
.lexikon-edit-form .galleryItems div._item div {
  height: 124px;
  text-align: center;
  line-height: 26px;
}
.lexikon-edit-form .galleryItems div._item .inline-uploader {
  cursor: pointer;
}
.lexikon-edit-form .galleryItems div._item div img {
  max-width: 150px;
  max-height: 113px;
}
.lexikon-edit-form .galleryItems div._item div span {
  display: inline-block;
  margin: -10px 0px;
}
.lexikon-edit-form .galleryItems div._item input[type=text] {
  width: 155px;
}
.lexikon-edit-form .galleryItems div._item .delete-gallery-item {
  position: absolute;
  top: 2px;
  right: 6px;
  background: #ffffff;
  cursor: pointer;
  z-index: 100;
}

@media (max-width: 519px) {
  .download-buttons a {
    display: block;
    text-align: center;
    margin-right: 0 !important;
  }
}
.fileIcon {
  padding: 20px;
  height: 160px;
  width: 160px;
  text-align: center;
  background: #ffffff;
}

.section-tools .slick-slide video {
  display: block;
}

.lexikon-edit-header .pagination,
.lexikon_3d_admin_header .pagination {
  float: right;
  margin: 0 0 0 10px;
}

.lexikon_related_edit_block .lexikon_related_weight_legend {
  font-size: 11px;
}
.lexikon_related_edit_block .btn-group {
  margin: 5px 0;
}
.lexikon_related_edit_block .lexikon_related_weight a {
  float: left;
  background: url("../assets/images/star0.png") no-repeat 1px 1px;
  width: 14px;
  height: 14px;
}
.lexikon_related_edit_block .lexikon_related_weight a.on {
  background-image: url("../assets/images/star1.png");
}

.multiupload-helper {
  color: #c7d3e5;
}
.multiupload-helper small .type-holder {
  margin: 0 !important;
  line-height: initial;
}

.lexikon_item_edit .lexikon_fixed_bar {
  background: rgba(49, 65, 77, 0.9);
  position: fixed;
  width: 100%;
  left: 0;
  /*bottom: -400px;*/
  bottom: 0;
  padding: 7px 0;
  color: #ffffff;
  font-size: 13px;
  z-index: 10000;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.lexikon_item_edit .lexikon_fixed_bar a {
  color: #3eb4ff;
}
.lexikon_item_edit .lexikon_fixed_bar a.btn, .lexikon_item_edit .lexikon_fixed_bar a.btn-facebook, .lexikon_item_edit .lexikon_fixed_bar a.btn-round, .lexikon_item_edit .lexikon_fixed_bar a.btn-default, .lexikon_item_edit .lexikon_fixed_bar a.btn-sausage, .lexikon_item_edit .lexikon_fixed_bar a.btn-success, .lexikon_item_edit .lexikon_fixed_bar a.btn-cadavr, .lexikon_item_edit .lexikon_fixed_bar a.btn-yellow, .lexikon_item_edit .lexikon_fixed_bar a.btn-yellow-2, .lexikon_item_edit .lexikon_fixed_bar a.btn-red, .lexikon_item_edit .lexikon_fixed_bar a.btn-red-2, .lexikon_item_edit .lexikon_fixed_bar a.btn-white {
  color: #ffffff;
}
.lexikon_item_edit .lexikon_fixed_bar span {
  background-size: cover;
  width: 35px;
  height: 30px;
  float: left;
}
.lexikon_item_edit .lexikon_fixed_bar p {
  margin-left: 20px;
  width: 70%;
  float: left;
  margin-bottom: 0;
  padding-top: 8px;
}
.lexikon_item_edit .lexikon_fixed_bar .btn, .lexikon_item_edit .lexikon_fixed_bar .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .lexikon_item_edit .lexikon_fixed_bar button, .lexikon_item_edit .lexikon_fixed_bar .btn-facebook, .lexikon_item_edit .lexikon_fixed_bar .btn-round, .lexikon_item_edit .lexikon_fixed_bar .btn-default, .lexikon_item_edit .lexikon_fixed_bar .btn-sausage, .lexikon_item_edit .lexikon_fixed_bar .btn-success, .lexikon_item_edit .lexikon_fixed_bar .btn-cadavr, .lexikon_item_edit .lexikon_fixed_bar .btn-yellow, .lexikon_item_edit .lexikon_fixed_bar .btn-yellow-2, .lexikon_item_edit .lexikon_fixed_bar .btn-red, .lexikon_item_edit .lexikon_fixed_bar .btn-red-2, .lexikon_item_edit .lexikon_fixed_bar .btn-white {
  float: left;
  margin-left: 20px;
}
.lexikon_item_edit .lexikon_fixed_bar .btn.icon, .lexikon_item_edit .lexikon_fixed_bar .ui-dialog .ui-dialog-buttonpane button.icon, .ui-dialog .ui-dialog-buttonpane .lexikon_item_edit .lexikon_fixed_bar button.icon, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-facebook, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-round, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-default, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-sausage, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-success, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-cadavr, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-yellow, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-yellow-2, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-red, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-red-2, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-white {
  font-size: 20pt;
  line-height: 0.7em;
  float: right;
}
.lexikon_item_edit .lexikon_fixed_bar .btn.icon:hover, .lexikon_item_edit .lexikon_fixed_bar .ui-dialog .ui-dialog-buttonpane button.icon:hover, .ui-dialog .ui-dialog-buttonpane .lexikon_item_edit .lexikon_fixed_bar button.icon:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-facebook:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-round:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-default:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-sausage:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-success:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-cadavr:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-yellow:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-yellow-2:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-red:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-red-2:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-white:hover {
  color: #ffffff;
}
.lexikon_item_edit .lexikon_fixed_bar .lexikon_fixed_save_btn {
  margin-left: 0;
  padding: 5px 20px;
}
.lexikon_item_edit.float .media-item-wrapper {
  position: fixed;
  top: 100px;
}
.lexikon_item_edit .row.row-block {
  margin-bottom: 15px;
}
.lexikon_item_edit .row.row-block .form-group {
  margin-left: 32px;
}
.lexikon_item_edit .tags_local_flag {
  margin-left: 20px;
  font-weight: normal;
}
.lexikon_item_edit .lexikon_select_block_flag {
  padding: 2px 12px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.lexikon_item_edit .lexikon_to_icon {
  float: left;
  width: 10px;
  height: 12px;
  display: block;
  background: url("../assets/images/lexikon_arrow_right.png") no-repeat 0px -12px;
  margin: 38px 17px 0 5px;
}
.lexikon_item_edit .lexikon_plus_icon {
  background: url("../assets/images/lexikon_plus.png") no-repeat;
  float: left;
  width: 17px;
  height: 17px;
  display: block;
  margin: 35px -25px 0px 8px;
}
.lexikon_item_edit .lexikon_id_icon {
  background: url("../assets/images/lexikon_id.png") no-repeat;
  width: 32px;
  height: 32px;
  margin: -5px 5px -5px -5px;
  position: absolute;
}
.lexikon_item_edit .lexikon_select_holder {
  position: absolute;
  width: 32px;
  height: 32px;
}
.lexikon_item_edit .lexikon_select_holder.lexikon_select_block_flag {
  left: -32px;
  margin-top: 24px;
}
.lexikon_item_edit .lexikon_select_holder_icon {
  width: 32px;
  height: 32px;
  position: absolute;
  background: url("../assets/images/lexikon_status.png") no-repeat;
  left: 0;
  margin: -5px 5px -5px -5px;
}
.lexikon_item_edit .lexikon_statistic_icon {
  background: url("../assets/images/lexikon_statistic.png") no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  margin: -4px 0 4px 0;
}
.lexikon_item_edit .lexikon_download_icon {
  background: url("../assets/images/lexikon_download.png") no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  margin: -4px 0 4px 0;
}
.lexikon_item_edit .lexikon_preview_icon {
  background: url("../assets/images/lexikon_preview.png") no-repeat center;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  margin: -5px 0 5px 0;
}
.lexikon_item_edit .translationforced {
  margin: -12px 0 7px 47px;
  float: left;
}
.lexikon_item_edit .row.row-block.other_lang {
  margin: -5px 0 20px 17px;
}

.lexikon-translate-3d {
  /* kompatibilitás régi design-al */
}
.lexikon-translate-3d .group_slider_button {
  font-size: 13px;
  cursor: pointer;
}
.lexikon-translate-3d .group_slider_button i {
  font-family: "mwicon" !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;
  position: relative;
  font-size: 25px;
  color: #b2c4d7;
}
.lexikon-translate-3d .group_slider_button i:after {
  content: "\f70a";
}
.lexikon-translate-3d .group_slider_button.closed i:after {
  content: "\f70b";
}
.lexikon-translate-3d .group_slider_button h3 {
  display: inline-block;
}
.lexikon-translate-3d input, .lexikon-translate-3d textarea {
  border: 0;
  background: transparent;
}
.lexikon-translate-3d input.text_copy_input {
  width: 100%;
}
.lexikon-translate-3d textarea.lang_textarea {
  width: 100%;
  resize: none;
}
.lexikon-translate-3d textarea.lang_input {
  height: 22px;
}
.lexikon-translate-3d .table.translate .tools {
  border-left: none;
  padding: 8px 0;
  white-space: normal;
  min-width: 80px;
}
.lexikon-translate-3d .table.translate .tools .span {
  cursor: pointer;
}
.lexikon-translate-3d .table.translate.lang2 td.s1,
.lexikon-translate-3d .table.translate.lang2 td.s2,
.lexikon-translate-3d .table.translate.lang2 td.editor_row {
  width: 45.8%;
}
.lexikon-translate-3d .table.translate.lang3 td.s1,
.lexikon-translate-3d .table.translate.lang3 td.s2,
.lexikon-translate-3d .table.translate.lang3 td.editor_row {
  width: 29.5%;
}
.lexikon-translate-3d .tooltip {
  background: auto !important;
}
.lexikon-translate-3d .lexikon_trash {
  background: url("../assets/images/lexikon_trash.png") no-repeat;
  float: right;
  width: 16px;
  height: 19px;
  display: block;
  white-space: normal;
  margin-top: 3px;
}
.lexikon-translate-3d .lexikon_copy {
  background: url("../assets/images/lexikon_arrow_right.png") no-repeat 0px -12px;
  float: right;
  width: 10px;
  height: 12px;
  display: block;
  margin-top: 4px;
  margin-right: 5px;
  white-space: normal;
  cursor: pointer;
}
.lexikon-translate-3d .diff_icon {
  cursor: pointer;
  margin-top: 5px;
  margin-right: 5px;
  float: right;
}
.lexikon-translate-3d .lexikon_trans {
  background: url("../assets/images/lexikon_google_trans.png") no-repeat;
  float: right;
  width: 10px;
  height: 12px;
  display: block;
  margin-top: 5px;
  margin-right: 5px;
  white-space: normal;
  cursor: pointer;
}
.lexikon-translate-3d .lexikon_trans_all {
  background: url("../assets/images/lexikon_google_trans.png") no-repeat;
  float: right;
  width: 10px;
  height: 12px;
  display: block;
  margin-right: 5px;
  white-space: normal;
  cursor: pointer;
}
.lexikon-translate-3d .lexikon_copy_white {
  background: url("../assets/images/lexikon_arrow_right.png") no-repeat 0 0;
  float: right;
  width: 10px;
  height: 12px;
  display: block;
  margin-right: 5px;
  margin-left: 7px;
  cursor: pointer;
}
.lexikon-translate-3d .lexikon_suggest {
  background: url("../assets/images/lexikon_suggested_word.png") no-repeat 0px -11px;
  float: right;
  width: 16px;
  height: 11px;
  display: block;
  margin-right: 7px;
  margin-top: 4px;
  white-space: normal;
  cursor: pointer;
}
.lexikon-translate-3d .lexikon_suggest_white {
  background: url("../assets/images/lexikon_suggested_word.png") no-repeat;
  float: right;
  width: 16px;
  height: 11px;
  display: block;
  margin-right: 7px;
  cursor: pointer;
}
.lexikon-translate-3d .tdw_button {
  background: url("../assets/images/tdw.png") no-repeat;
  float: right;
  width: 16px;
  height: 16px;
  display: none;
  margin-top: 3px;
  margin-right: 7px;
  cursor: pointer;
}
.lexikon-translate-3d div.cke_editable {
  border: 0;
}
.lexikon-translate-3d .editor_row .lexikon3dbutton_edit {
  position: absolute;
  cursor: pointer;
  right: 10px;
}
.lexikon-translate-3d .editor_row.arab .lexikon3dbutton_edit {
  right: initial;
  left: 10px;
}
.lexikon-translate-3d .editor_row .barcode-spacer {
  display: block;
  height: 20px;
}
.lexikon-translate-3d .bclass {
  font-size: 0.8em;
  opacity: 0.8;
  margin-top: 2px;
}
.lexikon-translate-3d table.mozatable.translate.forditas {
  position: static;
}
.lexikon-translate-3d table.mozatable.translate.forditas tr td {
  vertical-align: top;
}
.lexikon-translate-3d table.mozatable.translate.forditas .translatable,
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline {
  margin: 0 0 16px 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .s1.infosav > div,
.lexikon-translate-3d table.mozatable.translate.forditas .s2.infosav > div,
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline {
  width: 300px;
  padding: 0 10px 1px 15px;
}
.lexikon-translate-3d table.mozatable.translate.forditas textarea.lang_main_description {
  width: 100%;
  resize: none;
}
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline p.lex-kep {
  font-size: 14px;
  font-style: italic;
}
.lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h1,
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h1 {
  font-size: 22px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h2,
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h2 {
  font-size: 18px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h3,
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h3 {
  font-size: 16px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h4,
.lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h4 {
  font-size: 14px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .diff_text {
  display: none;
  width: 590px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .row_warning {
  background-color: #edb0b0;
}
.lexikon-translate-3d table.mozatable.translate.forditas ul.lang_edit {
  padding: 10px;
}
.lexikon-translate-3d table.mozatable.translate.forditas .translatable td.editor_row {
  position: relative;
}

.lexikon3d-related-keywords .label {
  cursor: pointer;
}
.lexikon3d-related-keywords .label:hover {
  text-decoration: underline;
}
.lexikon3d-related-keywords div.blocker {
  position: absolute;
  background: rgba(255, 255, 255, 0.57);
  text-align: center;
  padding-top: 30px;
  z-index: 1;
}
.lexikon3d-related-keywords table.translate tr.approved-true {
  background-color: #dff0d8;
}
.lexikon3d-related-keywords table.translate tr.approved-false {
  background-color: #f2dede;
}
.lexikon3d-related-keywords table.translate tr.custom .actions .fa.fa-times-circle {
  color: #c44e64;
}
.lexikon3d-related-keywords table.translate td select {
  max-width: 200px;
}
.lexikon3d-related-keywords table.translate td.actions {
  width: 7%;
  text-align: center;
}
.lexikon3d-related-keywords div.add-custom-relation-row .form-control, .lexikon3d-related-keywords div.add-custom-relation-row .cke_editable {
  width: 177px;
}
.lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .form-control:not(:last-child), .lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .cke_editable:not(:last-child) {
  border-right-width: 0;
}
.lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .custom-lexikon_id_dst-autocomplete {
  width: 350px;
}
.lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .typeahead.dropdown-menu {
  width: 100%;
}

.translate_main_submit .btn-primary, .translate_main_submit .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .translate_main_submit button {
  margin: 0;
}

.job-offer-subtitle {
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 1.3em;
  font-weight: bold;
  font-size: 22px;
  color: #935696;
}

.job-offer-title {
  margin-right: 20px;
}

/* tdw_button */
#suggestedContainer {
  position: absolute;
  top: 0;
  left: 20px;
  background-color: #ffffff;
  padding: 5px;
  margin-top: -5px;
  border: 1px solid #7f9db9;
  z-index: 9001;
}

#suggestedContainer_hover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8000;
}

#suggestedContainer .suggested_item {
  font-size: 13px;
}

#ui-datepicker-div {
  z-index: 3400 !important;
}

.fileupload-step {
  background: #0074BD;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  margin-left: -40px;
  margin-right: 10px;
  display: inline-block;
}
@media (max-width: 992px) {
  .fileupload-step {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.event_list {
  width: 49%;
  float: right;
  display: block;
  min-height: 250px;
  max-height: 374px;
}
.event_list .events_header {
  height: 40px;
  background-color: #0074BD;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 6px 20px;
}
.event_list .events-content,
.event_list .portal-events-content {
  overflow-x: hidden;
  overflow-y: auto;
  height: 313px;
}
.event_list .slimScrollBar {
  opacity: 1 !important;
}
.event_list .nav-tabs {
  border: 0;
  background: transparent;
}
.event_list .nav-tabs li {
  background: transparent;
  width: 50%;
}
.event_list .nav-tabs li.active a {
  background: #0074BD;
  border: 0;
  color: #ffffff;
}
.event_list .nav-tabs li a {
  font-weight: bold;
  border: 0;
  text-align: center;
  font-size: 17px;
  margin: 0;
}
.event_list .event-title {
  color: #0074BD;
}
.event_list .event-row {
  padding: 12px 0 12px 10px;
  border-bottom: 1px solid #dee5f2;
  margin-right: 20px;
  position: relative;
  -js-display: flex;
  display: flex;
  color: #455771;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.event_list .event-row:before, .event_list .event-row:after {
  clear: both;
  content: "";
  display: table;
}
.event_list .event-row:first-child {
  padding-top: 12px;
}
.event_list .event-row:last-child {
  border: 0;
}
.event_list .event-row:hover .partner-content {
  background-color: #eff2f7;
}
.event_list .event-row .fa-angle-right {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 30px;
  color: #8c97a7;
  opacity: 0.5;
}
.event_list .event-row .partner-image {
  width: 150px;
  float: left;
  height: 53px;
  position: relative;
}
.event_list .event-row .partner-image img {
  transform: scale(0.9);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
}
.event_list .event-row .partner-content {
  margin-left: 155px;
  padding-left: 15px;
  line-height: 1.26em;
}
.event_list .event-row .event-date {
  float: left;
  width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 5px;
  color: #ffffff;
  text-align: center;
  display: block;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .event_list .event-row .event-date {
    margin-bottom: 10px;
  }
}
.event_list .event-row .event-date .day {
  font-size: 24px;
  line-height: 1em;
}
.event_list .event-row .event-date .month {
  font-size: 13px;
  position: relative;
  top: -5px;
  text-transform: uppercase;
}
.event_list .event-row .event-info {
  display: inline-block;
  position: relative;
  top: -4px;
  line-height: 1.26em;
}
@media (min-width: 992px) {
  .event_list .event-row .event-info {
    padding: 0 10px 0 0;
  }
}
.event_list .event-row .event-info .event-desc {
  color: #455771;
}
.event_list .js-delete {
  font-size: 18px;
  color: #a5a5a5;
}
.event_list .js-publish {
  font-size: 18px;
}

#training-page .event_list .nav-tabs {
  background: #dee5f2;
}
#training-page .event_list .nav-tabs li {
  background: #dee5f2;
}

.events-more {
  background: rgba(199, 211, 229, 0.5);
  text-align: center;
  display: none;
  margin: 0 -15px -15px;
  padding: 4px 0;
}
.events-more .events-more-open {
  display: block;
}
.events-more .events-more-close {
  display: none;
}

.events-content-wrapper {
  padding: 8px 10px 12px 10px;
  border: 2px solid #0074BD;
}

.events-content-wrapper.open .events-more .events-more-open {
  display: none;
}
.events-content-wrapper.open .events-more .events-more-close {
  display: block;
}

@media (max-width: 992px) {
  .event_list .events-content-wrapper {
    padding: 15px;
    margin-bottom: 20px;
  }
  .event_list .nav-tabs li {
    width: 100%;
  }
  .event_list .events-content,
  .event_list .portal-events-content {
    height: 224px;
    overflow: hidden;
  }
  .event_list .events-more {
    display: block;
  }
}
.mozaik_event .modified-column {
  min-width: 150px;
}
.mozaik_event .event_list {
  float: none;
  display: table-row;
  width: 100%;
  background-color: #fff;
}
.mozaik_event .event_list .event-row {
  border: none;
  padding: 12px;
}
.mozaik_event .event_list .event-row:first-child {
  padding-top: inherit;
}
.mozaik_event .event_list.inactive {
  color: #c7d3e5;
}
.mozaik_event .event_list.inactive .event-row {
  color: #c7d3e5;
}
.mozaik_event .form-control-option {
  margin-top: 5px;
}

@media (max-width: 992px) {
  .event_list {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    max-height: none;
  }
}
.window_panel .window_frame.state_window {
  background-color: #f1f5fb;
}
.window_panel .window_frame.state_window * {
  box-sizing: border-box;
}
.window_panel .window_frame.state_window .tools_state_states a,
.window_panel .window_frame.state_window .tools_state_states span {
  color: #4f6a9a;
}
.window_panel .window_frame.state_window .tools_state_save label {
  color: #4f6a9a;
  font-size: 13px;
}
.window_panel .window_frame.lexikon_diff, .window_panel .window_frame.for_text {
  padding: 5px;
  background-color: #ffffff;
}

@media (min-width: 992px) {
  .event-training-list {
    padding-left: 30px;
  }
}
.event-training-image {
  margin-bottom: 5px;
}

.mozamap-detail-page {
  margin-bottom: 30px;
}
.mozamap-detail-page .image-wrapper {
  width: 200px;
  float: left;
}
.mozamap-detail-page .map-detail-content {
  margin-left: 230px;
}
.mozamap-detail-page .map-detail-content .form-inline select.form-control, .mozamap-detail-page .map-detail-content .form-inline select.cke_editable {
  margin-right: 2px;
  padding-right: 24px;
}
.mozamap-detail-page h2 {
  margin-top: 0;
}

@media (max-width: 768px) {
  .mozamap-detail-page {
    text-align: center;
  }
  .mozamap-detail-page .image-wrapper {
    float: none;
    margin-bottom: 30px;
    display: inline-block;
  }
  .mozamap-detail-page .map-detail-content {
    margin-left: 0;
  }
}
.map-detail-flags {
  margin: 10px 0;
  width: 100%;
  overflow: hidden;
}
.map-detail-flags .map-detail-flag-block {
  float: left;
  margin-right: 50px;
}
.map-detail-flags .map-detail-flag-block b {
  display: block;
  margin-bottom: 10px;
}
.map-detail-flags .map-detail-flag-block .fa {
  font-size: 20px;
  color: #0dbf6d;
}
.map-detail-flags .map-detail-flag-block img {
  margin-bottom: 10px;
}
.map-detail-flags .map-detail-flag-block img.coming-soon {
  opacity: 0.5;
}
.map-detail-flags .map-detail-flag-block span {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  text-align: center;
  font-size: 13px;
  width: 35px;
}

.primary-list-bullet {
  list-style: none;
}
.primary-list-bullet li::before {
  content: "•";
  color: #0074BD;
  display: inline-block;
  height: 25px;
  width: 19px;
  margin-top: 5px;
  margin-left: -19px;
  line-height: 1;
  font-size: 23px;
  vertical-align: sub;
}

.map-detail-toc-block h3 {
  line-height: 1.3;
  margin: 25px 0 7px;
  border-bottom: 1px solid transparent;
}
.map-detail-toc-block span {
  line-height: 30px;
  display: block;
  border-top: 1px solid #c7d3e5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-detail-toc-block h3 + span {
  border: none;
}

@media (max-width: 991px) {
  .mainpage_title_boxes.mb40 {
    margin-bottom: 0;
  }
}
.mainpage_title_boxes .header {
  height: 30px;
  text-transform: uppercase;
  line-height: 30px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 3px;
  margin-bottom: 10px;
  width: 100%;
}
.mainpage_title_boxes .box {
  height: 100%;
  background-color: #e9eef5;
  padding: 11px 10px 10px 12px;
  color: #455771;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
@media (max-width: 991px) {
  .mainpage_title_boxes .box {
    margin-bottom: 10px;
  }
}
.mainpage_title_boxes .box:hover {
  background-color: #dee6f0;
}
.mainpage_title_boxes .box i {
  float: left;
}
.mainpage_title_boxes .box .promo-text {
  padding-left: 10px;
  text-align: left;
}
.mainpage_title_boxes .box .promo-text.mozabook-page-box {
  align-content: space-between;
  height: 100%;
}
.mainpage_title_boxes .box .promo-text-wrapper {
  display: block;
}
.mainpage_title_boxes .box .promo-text-wrapper span {
  height: 82px;
  font-weight: normal;
}
.mainpage_title_boxes .box .promo-text-wrapper span .licence-popover {
  color: #0074BD;
  cursor: pointer;
  font-weight: 700;
}
.mainpage_title_boxes .box h1 {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 3px;
}
@media (max-width: 1199px) {
  .mainpage_title_boxes .box h1 {
    font-size: 21px;
  }
}
.mainpage_title_boxes .box h1 span {
  font-size: 18px;
}
@media (max-width: 1199px) {
  .mainpage_title_boxes .box h1 span {
    font-size: 15px;
  }
}
.mainpage_title_boxes .teachers .header {
  background-color: #0074BD;
}
.mainpage_title_boxes .teachers i {
  color: #0074BD;
}
.mainpage_title_boxes .teachers i.orange {
  color: #e38900;
}
.mainpage_title_boxes .teachers.col-md-6 {
  padding-right: 5px;
}
.mainpage_title_boxes .teachers .col-md-6 {
  padding-left: 5px;
  padding-right: 5px;
}
.mainpage_title_boxes .teachers .row {
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 10px;
}
@media (max-width: 991px) {
  .mainpage_title_boxes .teachers.col-md-6 {
    padding-right: 15px;
  }
}
@media (max-width: 519px) {
  .mainpage_title_boxes .teachers .col-xs-6 {
    width: 100%;
  }
}
.mainpage_title_boxes .students .header {
  background-color: #52b4f2;
}
.mainpage_title_boxes .students i {
  color: #52b4f2;
}
.mainpage_title_boxes .students i.orange {
  color: #e38900;
}
.mainpage_title_boxes .students.col-md-6 {
  padding-left: 5px;
}
.mainpage_title_boxes .students .col-md-6 {
  padding-left: 5px;
  padding-right: 5px;
}
.mainpage_title_boxes .students .row {
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 10px;
}
@media (max-width: 991px) {
  .mainpage_title_boxes .students.col-md-6 {
    padding-left: 15px;
    margin-top: 20px;
  }
}
@media (max-width: 519px) {
  .mainpage_title_boxes .students .col-xs-6 {
    width: 100%;
  }
}

.platform_info .tooltip-inner {
  max-width: 280px;
  width: 280px;
}

.licence_booklist {
  margin: 20px 0;
}
.licence_booklist > div > a > i {
  font-size: 20px;
  top: 1px;
}

.licence-resource-list .resources {
  display: none;
}

.licence-book-type-text span {
  font-weight: bold;
  color: #048ae9;
}

.licence_list_page .tooltip.in {
  opacity: 1;
}

.mblite #back-to-top {
  display: none !important;
}

#back-to-top {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
  font-size: 28px;
  line-height: 40px;
  position: fixed;
  display: block;
  right: 20px;
  bottom: 18%;
  z-index: 2001;
  width: 50px;
  height: 50px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  padding: 0;
  margin: 0;
}
#back-to-top:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.licence-helper-separator {
  background-color: #cfe0ed;
  height: 1px;
  display: block;
}

.licence-helper-block-title {
  font-size: 24px;
  color: #0074BD;
}
.licence-helper-block-title.normal-color {
  color: #455771;
}

.licence-helper-info-list i {
  font-size: 40px;
  color: #86b2d2;
}
.licence-helper-info-list ul {
  list-style: none;
  padding: 0;
}
.licence-helper-info-list ul li {
  font-size: 15px;
  vertical-align: middle;
  padding: 0 0 10px 0;
  line-height: 18px;
  margin: 0;
  position: relative;
}
.licence-helper-info-list ul li.title {
  font-width: bold;
}
.licence-helper-info-list ul li:not(.title) {
  padding: 0 0 10px 25px;
}
.licence-helper-info-list ul li:not(.title):before {
  content: "";
  position: absolute;
  background-color: #0074BD;
  display: inline-block;
  width: 6px;
  height: 6px;
  top: 8px;
  left: 0;
  border-radius: 50%;
}

.licence-helper-main-title,
.licence-list-sub-title {
  font-size: 15px;
  color: #0074BD;
}
.licence-helper-main-title b,
.licence-list-sub-title b {
  font-size: 24px;
}
@media (max-width: 767px) {
  .licence-helper-main-title b,
  .licence-list-sub-title b {
    font-size: 20px;
  }
}

.table > thead > tr > th.licence-helper-section-packs__popular {
  background-color: #04ce71;
  height: 60px;
}
.table > thead > tr > th.licence-helper-section-packs__popular h3 {
  color: #000000;
  font-size: 20px;
  margin-left: 10px;
}
.table > thead > tr > th.licence-helper-section-packs__header {
  padding: 12px 0 0 0;
  height: 75px;
  border: 0;
}
.table > thead > tr > th.licence-helper-section-packs__header p {
  margin-left: 95px;
  font-size: 16px;
  position: relative;
  z-index: 2;
  color: #000000;
}
.table > thead > tr > th.licence-helper-section-packs__header h3 {
  margin-left: 95px;
  position: relative;
  z-index: 2;
  color: #000000;
}
.table > thead > tr > th.licence-helper-section-packs__header .licence-badge {
  height: 75px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.licence-helper-section-packs .table.highlight .licence--silver {
  background: url("../assets/images/licence_help/silver_bg@1x.jpg");
  background-size: 100% 100%;
  border: none;
}
.licence-helper-section-packs .table.highlight .licence--gold {
  background: url("../assets/images/licence_help/gold_bg@1x.jpg");
  background-size: 100% 100%;
  border: none;
}
.licence-helper-section-packs .table.highlight .licence--diamond {
  background: url("../assets/images/licence_help/diamond_bg@1x.jpg");
  background-size: 100% 100%;
  border: none;
}
.licence-helper-section-packs .table.highlight .active-status {
  display: none;
}
.licence-helper-section-packs .table.highlight--popular {
  margin-top: 0;
}
.licence-helper-section-packs .table.highlight--active {
  border: 2px solid #e11b50;
}
@media (max-width: 991px) {
  .licence-helper-section-packs .table.highlight--active {
    margin-top: 55px;
  }
}
.licence-helper-section-packs .table.highlight--active .active-status {
  display: block;
  position: absolute;
  top: -30px;
  right: -1px;
  min-width: 145px;
  height: 30px;
  background-color: #e11b50;
  text-align: right;
  padding-right: 15px;
  padding-left: 30px;
  line-height: 30px;
  font-style: italic;
}
.licence-helper-section-packs .table.highlight--active .active-status:before {
  content: "";
  position: absolute;
  left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 15px;
  border-color: transparent transparent #e11b50 transparent;
}

.table > tbody > tr > td.licence-helper-section-packs__body {
  min-height: 380px;
  padding: 20px 20px 0 20px;
  display: block;
}
@media (max-width: 991px) {
  .table > tbody > tr > td.licence-helper-section-packs__body {
    min-height: auto;
  }
  .table > tbody > tr > td.licence-helper-section-packs__body .licence-helper-main-title {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .table > tbody > tr > td.licence-helper-section-packs__body .licence-helper-sub-list {
    text-align: left;
  }
}
.table > tbody > tr > td.licence-helper-section-packs__body .licence-helper-sub-list li {
  margin-bottom: 6px;
}
.table > tbody > tr > td.licence-helper-section-packs__footer {
  min-height: 100px;
  border-top: 0;
  display: block;
  padding: 0 30px 40px 30px;
}
.table > tbody > tr > td.licence-helper-section-packs__footer select {
  min-width: 87px;
}
.table > tbody > tr > td.licence-helper-section-packs__footer .form-group {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .table > tbody > tr > td.licence-helper-section-packs__footer .form-group {
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;
  }
  .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .table > tbody > tr > td.licence-helper-section-packs__footer .form-group button, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-facebook, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-round, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-default, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-sausage, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-success, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-cadavr, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-yellow, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-yellow-2, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-red, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-red-2, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-white {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .licence-helper-school-bottom img {
    width: 150px;
    float: left;
  }
  .licence-helper-school-bottom .promo-title {
    text-align: left;
    margin-left: 165px;
  }
  .licence-helper-school-bottom .promo-desc {
    text-align: left;
    margin-left: 165px;
  }
}

.licence-helper-img-container {
  text-align: center;
}
.licence-helper-img-container img.bigger-img {
  width: 264px;
}
@media (max-width: 991px) {
  .licence-helper-img-container img.bigger-img {
    width: 170px;
  }
}
@media (max-width: 1199px) {
  .licence-helper-img-container img {
    width: 86%;
  }
}
@media (max-width: 991px) {
  .licence-helper-img-container img {
    width: 170px;
    margin-bottom: 40px;
  }
}

.container--licence-helper.colored-background {
  background-color: #edf2f8;
}
.container--licence-helper .white-background {
  background-color: #ffffff;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .container--licence-helper .mb45 {
    margin-bottom: 0;
  }
  .container--licence-helper .mb45--visible {
    margin-bottom: 20px;
  }
  .container--licence-helper .visible-xs-table {
    display: table;
  }
  .container--licence-helper .visible-xs-table .licence-helper-img-container,
  .container--licence-helper .visible-xs-table .licence-helper-block-title.visible-xs-block {
    display: inline-block !important;
    vertical-align: middle;
    float: none;
  }
}
.container--licence-helper .colored-title {
  color: #455771;
  border-bottom: 1px solid #455771;
  font-size: 20px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .container--licence-helper .colored-title {
    margin-bottom: 30px;
  }
}
.container--licence-helper .colored-title span {
  font-size: 26px;
  font-weight: bold;
}

.licence-helper__promo-list img {
  width: 50px;
  margin-right: 20px;
  position: absolute;
  left: 15px;
}
.licence-helper__promo-list span {
  float: left;
  margin-left: 70px;
}

.section--licence-helper.section.gray {
  background-color: #9baeca;
}
.section--licence-helper .licence-helper-section-packs .btn-primary, .section--licence-helper .licence-helper-section-packs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section--licence-helper .licence-helper-section-packs button {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 0;
}

.licence-helper-sub-title {
  font-size: 26px;
  color: #455771;
  margin-bottom: 40px;
  font-weight: bold;
  height: 45px;
  border-bottom: 1px solid #8c97a7;
}
.licence-helper-sub-title.mb0 {
  margin-bottom: 0;
}

.licence-helper-sub-desc {
  color: #455772;
  font-size: 15px;
  padding: 15px;
}

.licence-helper-sub-list {
  list-style: none;
  padding: 0;
}
.licence-helper-sub-list li {
  font-size: 15px;
  vertical-align: middle;
  padding: 0 0 0 15px;
  margin: 0;
  position: relative;
}
.licence-helper-sub-list li:before {
  content: "";
  position: absolute;
  background-color: #0074BD;
  display: inline-block;
  width: 6px;
  height: 6px;
  top: 8px;
  left: 0;
  border-radius: 50%;
}

.licence-list-box .licence-helper-sub-list li:before {
  top: 10px;
}
.licence-list-box .pack-description {
  margin-top: 10px;
  font-size: 13px;
}

.licence-helper-big-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.licence-helper-big-list li {
  font-size: 15px;
  vertical-align: middle;
  padding: 5px 0 5px 25px;
  margin: 0;
  position: relative;
}
.licence-helper-big-list li:before {
  content: "\f058";
  position: absolute;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  background-color: transparent;
  font-size: 18px;
  top: 5px;
  left: 0;
}
.licence-helper-big-list li.ok:before {
  color: #0074BD;
}
.licence-helper-big-list li.plus:before {
  color: #f47711;
}
.licence-helper-big-list li.lighter:before {
  color: #40cffe;
}

.licence-helper-table {
  width: 100%;
}
.licence-helper-table thead tr th {
  font-size: 20px;
  font-weight: normal;
}
.licence-helper-table tbody .licence-helper-header-row {
  border: 1px solid #ffffff;
  font-size: 15px;
  color: #ffffff;
}
.licence-helper-table tbody .licence-helper-header-row td {
  border-right: 1px solid #ffffff;
}
.licence-helper-table tbody .licence-helper-header-row .wide {
  width: 200px;
}
.licence-helper-table tbody .licence-helper-header-row:first-of-type td {
  border-top: 1px solid #c7d2e4;
}
.licence-helper-table tbody .licence-helper-header-row:first-of-type td:last-child {
  border-right: 1px solid #c7d2e4;
}
.licence-helper-table tbody .licence-helper-header-row:nth-of-type(2) td:last-child {
  border-right: 1px solid #c7d2e4;
}
.licence-helper-table tbody .licence-helper-table-title {
  padding: 15px 5px;
}
.licence-helper-table tbody .licence-helper-table-sub-title {
  padding: 5px 0;
}
.licence-helper-table tbody .licence-helper-table-mobile-icon {
  font-size: 21px;
  vertical-align: bottom;
}
.licence-helper-table tbody .licence-helper-header-primary {
  background-color: #0074BD;
}
.licence-helper-table tbody .licence-helper-header-orange {
  background-color: #f47711;
}
.licence-helper-table tbody .licence-helper-header-lighter {
  background-color: #52b4f2;
}
.licence-helper-table tbody .licence-helper-header-spacer {
  background-color: #cae2f1;
  border-left: 1px solid #c7d2e4;
}
.licence-helper-table tbody .licence-helper-transparent-header {
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-transparent-header td {
  padding: 18px 15px 6px;
}
.licence-helper-table tbody .licence-helper-compare-row-2 td {
  border: 1px solid #c7d2e4;
  padding: 12px 15px;
  background-color: #ffffff;
}
.licence-helper-table tbody .licence-helper-compare-row-2 td .fa-check {
  color: #00ab9e;
  font-size: 17px;
}
.licence-helper-table tbody .licence-helper-compare-row td {
  border: 1px solid #c7d2e4;
  padding: 12px 15px;
}
.licence-helper-table tbody .licence-helper-compare-row td .fa-check {
  color: #00ab9e;
  font-size: 17px;
}
.licence-helper-table tbody .licence-helper-compare-row .price-desc-highlight b {
  font-size: 17px;
}
.licence-helper-table tbody .licence-helper-compare-row .price-highlight div b {
  color: #e38900;
  font-size: 18px;
}
.licence-helper-table tbody .licence-helper-compare-row .price-highlight div b .currency {
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-compare-row .price-highlight div span {
  color: #e38900;
}
.licence-helper-table tbody .licence-helper-compare-row .price-highlight.darker div b {
  color: #c44d0c;
}
.licence-helper-table tbody .licence-helper-compare-row .price-highlight.darker div span {
  color: #c44d0c;
}
.licence-helper-table tbody .licence-helper-compare-row .licence-helper-compare-cell--restricted {
  padding-left: 5px;
  padding-right: 5px;
}
.licence-helper-table tbody .licence-helper-recommend-row {
  background-color: #ffffff;
}
.licence-helper-table tbody .licence-helper-recommend-row td {
  border: 1px solid #c7d2e4;
  padding: 12px 10px;
}
.licence-helper-table tbody .licence-helper-recommend-row td .center {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.licence-helper-table tbody .licence-helper-recommend-row td img.left-block {
  padding: 0 10px;
}
.licence-helper-table tbody .licence-helper-recommend-row td .right-block {
  display: inline-block;
  float: right;
  padding: 0 20px;
}
.licence-helper-table tbody .licence-helper-recommend-row td .user-based-title {
  color: #e38900;
  font-weight: bold;
}
.licence-helper-table tbody .licence-helper-recommend-row td .device-based-title {
  color: #0074BD;
  font-weight: bold;
}
.licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend {
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend-primary {
  color: #0074BD;
  background-color: #f3fafe;
  font-weight: bold;
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend-orange {
  color: #f47711;
  background-color: #fef5ee;
  font-weight: bold;
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend-lighter {
  color: #52b4f2;
  background-color: #f3fafe;
  font-weight: bold;
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-separator-row td {
  border: 1px solid #c7d2e4;
  padding: 12px 10px;
  background-color: #f3fafe;
  color: #455771;
  font-size: 15px;
}
.licence-helper-table tbody .licence-helper-separator-row .sys-req {
  font-size: 12px;
  margin-left: 10px;
}
.licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(2), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(3), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(4), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(5) {
  background-color: #fef5ee;
}
.licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(2).licence-helper-recommend-primary, .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(3).licence-helper-recommend-primary, .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(4).licence-helper-recommend-primary, .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(5).licence-helper-recommend-primary {
  background-color: #f3fafe;
}
.licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(6), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(7), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(8) {
  background-color: #f3fafe;
}
.licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td[colspan="2"] + td[colspan="2"] {
  background-color: #fef5ee;
}
.licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td[colspan="2"] + td[colspan="2"] ~ td {
  background-color: #f3fafe;
}
.licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td.price-highlight p {
  color: #e38900;
}

.licence-helper-new-block i.licence-check-info {
  font-size: 20px;
  color: #455771;
}

.popover-user-based-title {
  color: #e38900;
  font-weight: bold;
  margin-bottom: 3px;
}

.popover-device-based-title {
  color: #0074BD;
  font-weight: bold;
  margin-bottom: 3px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
/*
 * Licence List oldal
 */
.licence-main-list *[class^=col-] img {
  margin-bottom: 10px;
}
.licence-main-list__title {
  color: #0074BD;
  font-weight: bold;
}
.licence-main-list__subtitle {
  color: #455771;
}

.licence-list-anchor {
  display: block;
  position: relative;
  top: -130px;
  visibility: hidden;
}

.licence-table-swipe-hint {
  height: 50px;
  width: 40px;
  right: 50px;
  top: 50%;
  animation: shake 2s ease infinite;
  position: fixed;
  color: #cae2f1;
  margin-top: -25px;
  display: none;
}
.licence-table-swipe-hint .fa {
  font-size: 64px;
}

@keyframes shake {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  40% {
    transform: translateX(20px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 0;
  }
}
.licence-helper-log-promo .log-promo-img img {
  max-width: 520px;
  width: 100%;
}
.licence-helper-log-promo .text-block {
  padding-top: 60px;
}
@media (max-width: 1199px) {
  .licence-helper-log-promo .text-block {
    padding-top: 15px;
  }
}
@media (max-width: 991px) {
  .licence-helper-log-promo .text-block {
    margin-bottom: 50px;
  }
}

.licence-helper-mozabook .licence-helper-main-title b {
  font-size: 35px;
  line-height: 1;
}
.licence-helper-mozabook .licence-helper-subtitle b {
  font-size: 18px;
}
.licence-helper-mozabook .licence-helper-mozabook-video {
  position: relative;
  width: 555px;
  height: 355px;
  margin: auto;
  background: url("../assets/images/licence_help/video_placeholder.jpg") no-repeat;
}
.licence-helper-mozabook .licence-helper-mozabook-video div[id*=promo-video] {
  width: 555px;
  height: 355px;
  position: absolute;
}
@media (min-width: 520px) and (max-width: 767px) {
  .licence-helper-mozabook .licence-helper-mozabook-video {
    width: 473px;
    height: 331px;
  }
  .licence-helper-mozabook .licence-helper-mozabook-video div[id*=promo-video] {
    width: 473px;
    height: 331px;
  }
  .licence-helper-mozabook .licence-helper-mozabook-video div[id*=promo-video] div[id*=object-video] {
    width: 473px;
    height: 331px;
  }
}
@media (max-width: 519px) {
  .licence-helper-mozabook .licence-helper-mozabook-video {
    width: 273px;
    height: 217px;
  }
  .licence-helper-mozabook .licence-helper-mozabook-video div[id*=promo-video] {
    width: 273px;
    height: 217px;
  }
  .licence-helper-mozabook .licence-helper-mozabook-video div[id*=promo-video] div[id*=object-video] {
    width: 273px;
    height: 217px;
  }
}
.licence-helper-mozabook .licence-helper-sub-list li {
  margin-bottom: 5px;
}
@media (max-width: 519px) {
  .licence-helper-mozabook .licence-helper-mozabook-promo {
    width: 100%;
  }
}

.licence-list-table .licence-helper-table-sub-title span {
  vertical-align: middle;
}
.licence-list-table .licence-helper-table-sub-title .fa {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .licence-list-table .licence-helper-table-sub-title .fa {
    margin-right: 0;
  }
}
.licence-list-table .licence-helper-table-sub-title .fa.fa-edge {
  font-size: 14px;
}
.licence-list-table .licence-helper-table {
  width: 1140px;
  table-layout: fixed;
  font-size: 13px;
}
@media (max-width: 1199px) {
  .licence-list-table .licence-helper-table--student {
    width: auto;
  }
}
.licence-list-table .licence-helper-table--student .licence-helper-header-spacer {
  width: 450px;
}
@media (max-width: 1199px) {
  .licence-list-table .licence-helper-table--teacher {
    width: auto;
  }
}
.licence-list-table .licence-helper-table--teacher .licence-helper-header-spacer {
  width: 450px;
}
@media (max-width: 767px) {
  .licence-list-table--student .licence-helper-header-spacer {
    width: 250px;
  }
}

.licence-list-warning :first-child {
  color: #ec165a;
}
.licence-list-warning a {
  font-weight: bold;
}

.licence-list-sub-title a {
  font-size: 15px;
  color: #0074BD;
  padding-top: 15px;
  font-weight: bold;
}

.licence-list-notice {
  font-size: 13px;
}

.licence-list-box h3 {
  font-size: 24px;
}
@media (max-width: 599px) {
  .licence-list-box h3 {
    font-size: 17px;
  }
}
.licence-list-box .software-description.wide {
  width: 42%;
}
@media (min-width: 1200px) {
  .licence-list-box .software-description.wide {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .licence-list-box .software-description.wide {
    display: inline-block;
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .licence-list-box .software-description.wide {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .licence-list-box .software-description.wide {
    width: 100%;
  }
}
.licence-list-box .software-description.wide-custom {
  width: 58%;
}
@media (max-width: 1199px) {
  .licence-list-box .software-description.wide-custom {
    width: 100%;
  }
}
.licence-list-box .software-description.wide-custom strong {
  color: #fa452a;
}
.licence-list-box .software-description.wide-custom u {
  font-size: 28px;
  font-weight: 600;
  font-style: italic;
}
.licence-list-box .software-description.teacher-color h3 {
  color: #ff5a00;
}
.licence-list-box .software-description.student-color h3 {
  color: #ff8712;
}
.licence-list-box .software-description.classroom-color h3 {
  color: #1e55d1;
}
.licence-list-box .software-description.schoollab-color h3 {
  color: #4fa6ff;
}
.licence-list-box .software-description a.more-info {
  margin-left: 15px;
  color: #e38900;
}
.licence-list-box .software-description a.more-info:hover {
  color: #ffa317;
}
.licence-list-box--package .licence-list-box__package-icon {
  position: absolute;
  top: 5px;
}
.licence-list-box--package .wbox-title__text {
  margin-left: 45px;
}
.licence-list-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 180px;
}
.licence-list-box .bootstrap-select.btn-group .dropdown-toggle {
  padding-left: 10px;
}
.licence-list-box .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  width: auto;
}
.licence-list-box .bootstrap-select.btn-group .dropdown-toggle .filter-option span {
  position: relative;
  top: 2px;
}
.licence-list-box .bootstrap-select.btn-group .dropdown-toggle::after {
  content: "";
}
.licence-list-box .bootstrap-select.form-control:not([class*=col-]), .licence-list-box .bootstrap-select.cke_editable:not([class*=col-]) {
  width: 170px;
}
.licence-list-box .bootstrap-select button {
  background: none;
}
.licence-list-box .iradio_square-blue.disabled {
  cursor: pointer;
}
@media (max-width: 991px) {
  .licence-list-box .light-primary .software-price-block {
    width: 100%;
  }
}
.licence-list-box .wbox.highlight .wbox-title {
  padding-right: 5px;
}
@media (max-width: 991px) {
  .licence-list-box .wbox-title__text {
    font-size: 17px;
    display: block;
    line-height: 125%;
  }
}
.licence-list-box .wbox-content {
  position: relative;
  min-height: 275px;
}
.licence-list-box__package-icon {
  width: 30px;
  position: relative;
  top: -3px;
  margin-right: 10px;
}
.licence-list-box__ribbon {
  width: 110px;
  position: absolute;
  top: 2px;
  right: 0;
}
.licence-list-box__ribbon span {
  position: absolute;
  left: 52px;
  font-weight: bold;
  color: #ffffff;
  font-size: 24px;
  top: 6px;
}
.licence-list-box__ribbon span strong {
  font-size: 32px;
}
@media (max-width: 991px) {
  .licence-list-box__ribbon {
    width: 70px;
  }
  .licence-list-box__ribbon span {
    left: 33px;
    font-size: 14px;
    top: 6px;
  }
  .licence-list-box__ribbon span strong {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .licence-list-box__ribbon {
    width: 80px;
  }
  .licence-list-box__ribbon span {
    left: 40px;
    font-size: 16px;
    top: 6px;
  }
  .licence-list-box__ribbon span strong {
    font-size: 20px;
  }
}
@media (max-width: 519px) {
  .licence-list-box__ribbon {
    width: 55px;
  }
  .licence-list-box__ribbon span {
    left: 24px;
    font-size: 12px;
    top: 2px;
  }
}
.licence-list-box__function {
  font-size: 15px;
  line-height: 28px;
  font-weight: bold;
  float: right;
}
@media (max-width: 991px) {
  .licence-list-box__function {
    float: none;
  }
}
.licence-list-box__function a {
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .licence-list-box__function a span {
    display: none;
  }
}
.licence-list-box .licence-helper-sub-list li {
  line-height: 170%;
}
.licence-list-box .licence-helper-sub-list.mb10 {
  margin-bottom: 10px;
}
.licence-list-box .software-price-block .quantity-input {
  padding-right: 8px;
  padding-left: 8px;
  width: 45px !important;
}
.licence-list-box .software-price-block select.form-control, .licence-list-box .software-price-block select.cke_editable {
  height: 35px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1199px) {
  .licence-list-box .software-price-block .lang_select {
    padding-left: 0;
    margin-top: 30px;
  }
}
@media (min-width: 1201px) {
  .licence-list-box .software-price-block .lang_select {
    position: absolute;
    top: 35px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .licence-list-box .software-price-block .lang_select {
    float: left;
    position: relative;
    z-index: 100;
  }
  .licence-list-box .software-price-block__multilang {
    float: left;
    clear: left;
  }
  .licence-list-box .software-price-block__pack {
    float: left;
    clear: left;
  }
  .licence-list-box .software-price-block__offline {
    float: left;
    clear: left;
  }
  .licence-list-box .software-price-block .price {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .licence-list-box .software-price-block .form-group {
    display: inline-block;
    vertical-align: top;
  }
  .licence-list-box .software-price-block .form-group .input-group {
    width: 87px;
  }
}
@media (max-width: 519px) {
  .licence-list-box .software-price-block .form-group {
    margin-bottom: 10px;
  }
  .licence-list-box .software-price-block .form-group.software-price-cart-button {
    display: block;
    margin-bottom: 0;
  }
}
.licence-list-box .software-price-block__multilang {
  text-align: left;
  padding-left: 0;
  cursor: pointer;
}
.licence-list-box .software-price-block__multilang span {
  position: relative;
  top: 1px;
}
@media (max-width: 1199px) {
  .licence-list-box .software-price-block__multilang {
    padding-left: 0;
  }
}
@media (min-width: 1201px) {
  .licence-list-box .software-price-block__multilang {
    position: absolute;
  }
  .licence-list-box .software-price-block__multilang:nth-child(2) {
    top: 90px;
  }
  .licence-list-box .software-price-block__multilang:nth-child(3) {
    top: 135px;
  }
}
.licence-list-box .software-price-block__pack {
  text-align: left;
  padding-left: 0;
  cursor: pointer;
}
.licence-list-box .software-price-block__pack span {
  position: relative;
  top: 1px;
}
@media (max-width: 1199px) {
  .licence-list-box .software-price-block__pack {
    padding-left: 0;
  }
}
@media (min-width: 1201px) {
  .licence-list-box .software-price-block__pack {
    position: absolute;
  }
  .licence-list-box .software-price-block__pack:nth-child(2) {
    top: 90px;
  }
  .licence-list-box .software-price-block__pack:nth-child(3) {
    top: 135px;
  }
}
.licence-list-box .software-price-block__offline {
  text-align: left;
  padding-left: 0;
  cursor: pointer;
}
.licence-list-box .software-price-block__offline span {
  position: relative;
  top: 1px;
}
@media (max-width: 1199px) {
  .licence-list-box .software-price-block__offline {
    padding-left: 0;
  }
}
@media (min-width: 1201px) {
  .licence-list-box .software-price-block__offline {
    position: absolute;
    top: 91px;
  }
}
@media (max-width: 991px) {
  .licence-list-box .software-price-block .ml10 {
    margin-left: 0;
  }
}
.licence-list-box .software-block .software-image {
  max-width: 290px;
}
@media (min-width: 1200px) {
  .licence-list-box .software-block .software-image {
    width: 24%;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .licence-list-box .software-block .software-image {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
  }
}
.licence-list-box .software-block .software-image img {
  max-width: 170px;
}
@media (max-width: 1199px) {
  .licence-list-box .software-block .software-image {
    display: inline-block;
    width: 28%;
  }
}
@media (max-width: 991px) {
  .licence-list-box .software-block .software-image {
    width: 29%;
    text-align: left;
    padding-right: 30px;
    display: inline-block !important;
    vertical-align: middle;
    float: none;
  }
}
@media (max-width: 519px) {
  .licence-list-box .software-block .software-image {
    width: 60%;
    padding-right: 15px;
  }
}
.licence-list-box .software-block .js-licence-lang .dropdown-menu > li > a {
  padding: 3px 10px;
}
@media (min-width: 1200px) {
  .licence-list-box .software-block .lang-variant-holder {
    position: absolute;
    bottom: 30px;
    right: 30px;
  }
  .licence-list-box .software-block .software-price-block {
    padding-left: 30px;
  }
}

.lang-variant-holder.ua-custom img {
  width: 150px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .licence-helper-big-btn-wrapper {
    position: relative;
    height: 50px;
  }
  .licence-helper-big-btn-wrapper .licence-helper-big-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .licence-helper-big-btn-wrapper--big {
    height: 160px;
    position: relative;
  }
  .licence-helper-big-btn-wrapper--big .licence-helper-btn-plus {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 44px;
    text-align: center;
  }
  .licence-helper-big-btn-wrapper--big .licence-helper-big-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .licence-helper-big-btn-wrapper--big .licence-helper-big-btn:last-child {
    bottom: 0;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .side-padding-xs {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.licence-more-icons .fa {
  font-size: 20px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 6px;
}

.licence-helper-big-btn {
  width: 190px;
  height: 60px;
  border: 2px solid #0074BD;
  background-color: #0074BD;
  border-radius: 7px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  color: #ffffff;
}
@media (max-width: 519px) {
  .licence-helper-big-btn {
    width: 140px;
    height: 50px;
  }
}
.licence-helper-big-btn.licence-helper-windows .licence-helper-icon {
  background-image: url("../assets/images/licence_help/windows.png");
  background-position-x: 10px;
  background-size: 55%;
}
.licence-helper-big-btn.licence-helper-web .licence-helper-icon {
  background-image: url("../assets/images/licence_help/web.png");
  background-position-x: 11px;
  background-size: 55%;
}
.licence-helper-big-btn.licence-helper-tablet-explorer .licence-helper-icon {
  background-image: url("../assets/images/licence_help/tablet_explorer.png");
  background-position-x: 11px;
  background-size: 55%;
}
.licence-helper-big-btn .licence-helper-title {
  display: inline-block;
  padding: 7px 8px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
  width: 132px;
  border-bottom-right-radius: 7px;
}
@media (max-width: 519px) {
  .licence-helper-big-btn .licence-helper-title {
    padding: 5px 6px;
    font-size: 10px;
    width: 85px;
  }
}
.licence-helper-big-btn:hover {
  background-color: #0275bd;
  border-color: #0275bd;
  color: #ffffff;
}
.licence-helper-big-btn:hover .licence-helper-icon {
  background-size: 65%;
  background-position-x: 8px;
}
.licence-helper-big-btn.licence-helper-orange {
  border-color: #f47711;
  background-color: #f47711;
}
.licence-helper-big-btn.licence-helper-orange:hover {
  background-color: #D9640E;
  border-color: #D9640E;
}
.licence-helper-big-btn.licence-helper-light {
  border-color: #52b4f2;
  background-color: #52b4f2;
}
.licence-helper-big-btn.licence-helper-light:hover {
  background-color: #4BA1DA;
  border-color: #4BA1DA;
}
.licence-helper-big-btn .licence-helper-icon {
  background-repeat: no-repeat;
  background-position-y: center;
  display: inline-block;
  width: 50px;
  height: 56px;
  background-color: #ffffff;
  float: left;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 0.1s linear;
}
@media (max-width: 519px) {
  .licence-helper-big-btn .licence-helper-icon {
    height: 46px;
  }
}

.licence-helper-btn-plus {
  display: inline-block;
  font-size: 31px;
  color: #b2bccb;
  padding: 0 15px;
  vertical-align: 6px;
}
@media (max-width: 519px) {
  .licence-helper-btn-plus {
    vertical-align: -4px;
    padding: 0 8px;
  }
}

@media (min-width: 768px) {
  .licence-helper-download-btn-wrapper {
    -js-display: flex;
    display: flex;
  }
}
@media (max-width: 767px) {
  .licence-helper-download-btn-wrapper .licence-helper-download-btn {
    margin-bottom: 20px;
  }
}
.licence-helper-download-btn-wrapper .licence-helper-download-btn {
  height: 100%;
  -js-display: flex;
  display: flex;
}
.licence-helper-download-btn-wrapper .licence-helper-download-btn .licence-helper-download-text {
  align-self: center;
}

.licence-helper-download-btn {
  border-radius: 9px;
  background-color: #0074BD;
  color: #ffffff;
}
.licence-helper-download-btn.licence-helper-download-green {
  background-color: #0dbf6d;
}
.licence-helper-download-btn.licence-helper-download-black {
  background-color: #5d5d5d;
}
.licence-helper-download-btn .licence-helper-download-text {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  width: 75%;
  float: left;
  padding: 15px 10px;
}
.licence-helper-download-btn .licence-helper-download-icon {
  text-align: right;
  width: 25%;
  float: left;
  -js-display: flex;
  display: flex;
  justify-content: flex-end;
}
.licence-helper-download-btn .licence-helper-download-icon [class^=mwicon] {
  font-size: 50px;
  align-self: center;
  float: right;
}
.licence-helper-download-btn .licence-helper-download-icon .fa {
  font-size: 32px;
  align-self: center;
  float: right;
}
.licence-helper-download-btn .licence-helper-download-icon img {
  margin-top: 15px;
}

.btn-group--gray .btn.btn-default, .btn-group--gray .ui-dialog .ui-dialog-buttonpane button.btn-default, .ui-dialog .ui-dialog-buttonpane .btn-group--gray button.btn-default, .btn-group--gray .btn-default {
  color: #455771;
  font-weight: bold;
}

/* edge rátesz egy x-et az input végére; ez globálisan már le van szedve, mégse volt neki elég */
.book_code_select::-ms-clear {
  display: none;
}

.btn-join-inst {
  margin-left: 0;
  margin-top: 4px;
}

#licence-help {
  display: none;
  text-align: left;
}

#licence-help img {
  margin-top: 30px;
}

/** User profile oldal */
.user-profile .group-extra-div {
  position: relative;
}
.user-profile .admin-block {
  margin-bottom: 40px;
}
.user-profile .savebutton {
  margin-top: 7px;
  margin-bottom: 10px;
}
.user-profile .licence-edit-form-field .savebutton {
  margin-top: 0;
  margin-bottom: 0;
}
.user-profile .cancelbutton {
  margin-left: 10px;
  margin-top: 7px;
  margin-bottom: 10px;
}

.typeahead.dropdown-menu {
  max-height: 272px;
  overflow: auto;
}

li.active .typeahead span {
  color: #ffffff !important;
}

.overflow-hidden {
  overflow: hidden;
}

.licence-lineheight {
  line-height: 1.6;
}
@media (max-width: 767px) {
  .licence-lineheight .row {
    margin-bottom: 5px;
  }
}

.bootstrap-select.open {
  z-index: 2000;
  position: relative;
}
.bootstrap-select .btn, .bootstrap-select .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .bootstrap-select button, .bootstrap-select .btn-facebook, .bootstrap-select .btn-round, .bootstrap-select .btn-default, .bootstrap-select .btn-sausage, .bootstrap-select .btn-success, .bootstrap-select .btn-cadavr, .bootstrap-select .btn-yellow, .bootstrap-select .btn-yellow-2, .bootstrap-select .btn-red, .bootstrap-select .btn-red-2, .bootstrap-select .btn-white {
  padding-left: 10px;
  padding-right: 15px;
}

.fixed-font {
  font-family: Consolas, "Noto Sans Mono", monospace;
}

@media (min-width: 992px) {
  .reg-log-in {
    width: 80%;
    margin: auto;
  }
}
.reg-log-in .reg-log-in-title {
  margin: 60px 0 40px;
}
.reg-log-in .btn-social {
  text-overflow: inherit;
}

.social-login .btn.btn-social, .social-login .ui-dialog .ui-dialog-buttonpane button.btn-social, .ui-dialog .ui-dialog-buttonpane .social-login button.btn-social, .social-login .btn-social.btn-facebook, .social-login .btn-social.btn-round, .social-login .btn-social.btn-default, .social-login .btn-social.btn-sausage, .social-login .btn-social.btn-success, .social-login .btn-social.btn-cadavr, .social-login .btn-social.btn-yellow, .social-login .btn-social.btn-yellow-2, .social-login .btn-social.btn-red, .social-login .btn-social.btn-red-2, .social-login .btn-social.btn-white {
  font-weight: bold !important;
  color: #ffffff !important;
  text-align: center;
  padding-left: 35px;
  padding-right: 35px;
}
.social-login .btn.btn-social .fa, .social-login .ui-dialog .ui-dialog-buttonpane button.btn-social .fa, .ui-dialog .ui-dialog-buttonpane .social-login button.btn-social .fa, .social-login .btn-social.btn-facebook .fa, .social-login .btn-social.btn-round .fa, .social-login .btn-social.btn-default .fa, .social-login .btn-social.btn-sausage .fa, .social-login .btn-social.btn-success .fa, .social-login .btn-social.btn-cadavr .fa, .social-login .btn-social.btn-yellow .fa, .social-login .btn-social.btn-yellow-2 .fa, .social-login .btn-social.btn-red .fa, .social-login .btn-social.btn-red-2 .fa, .social-login .btn-social.btn-white .fa {
  font-size: 18px;
}
.social-login .profile-social .logged-in {
  display: none;
  position: absolute;
  width: 15px;
  height: 15px;
  background: #59d387;
  border: 2px solid #ffffff;
  border-radius: 50%;
  top: -6.5px;
  right: -4px;
}
.social-login .profile-social .btn, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button, .social-login .profile-social .btn-facebook, .social-login .profile-social .btn-round, .social-login .profile-social .btn-default, .social-login .profile-social .btn-sausage, .social-login .profile-social .btn-success, .social-login .profile-social .btn-cadavr, .social-login .profile-social .btn-yellow, .social-login .profile-social .btn-yellow-2, .social-login .profile-social .btn-red, .social-login .profile-social .btn-red-2, .social-login .profile-social .btn-white {
  position: relative;
  margin-right: 20px;
}
.social-login .profile-social .btn.btn-link, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button.btn-link, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button.btn-link, .social-login .profile-social .btn-link.btn-facebook, .social-login .profile-social .btn-link.btn-round, .social-login .profile-social .btn-link.btn-default, .social-login .profile-social .btn-link.btn-sausage, .social-login .profile-social .btn-link.btn-success, .social-login .profile-social .btn-link.btn-cadavr, .social-login .profile-social .btn-link.btn-yellow, .social-login .profile-social .btn-link.btn-yellow-2, .social-login .profile-social .btn-link.btn-red, .social-login .profile-social .btn-link.btn-red-2, .social-login .profile-social .btn-link.btn-white {
  text-decoration: none;
  padding-left: 35px;
}
.social-login .profile-social .btn.btn-link .fa, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button.btn-link .fa, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button.btn-link .fa, .social-login .profile-social .btn-link.btn-facebook .fa, .social-login .profile-social .btn-link.btn-round .fa, .social-login .profile-social .btn-link.btn-default .fa, .social-login .profile-social .btn-link.btn-sausage .fa, .social-login .profile-social .btn-link.btn-success .fa, .social-login .profile-social .btn-link.btn-cadavr .fa, .social-login .profile-social .btn-link.btn-yellow .fa, .social-login .profile-social .btn-link.btn-yellow-2 .fa, .social-login .profile-social .btn-link.btn-red .fa, .social-login .profile-social .btn-link.btn-red-2 .fa, .social-login .profile-social .btn-link.btn-white .fa {
  transition: opacity 0.3s ease;
  position: absolute;
  margin-left: -25px;
  top: 4px;
}
.social-login .profile-social .btn.btn-link .fa-chain, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button.btn-link .fa-chain, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button.btn-link .fa-chain, .social-login .profile-social .btn-link.btn-facebook .fa-chain, .social-login .profile-social .btn-link.btn-round .fa-chain, .social-login .profile-social .btn-link.btn-default .fa-chain, .social-login .profile-social .btn-link.btn-sausage .fa-chain, .social-login .profile-social .btn-link.btn-success .fa-chain, .social-login .profile-social .btn-link.btn-cadavr .fa-chain, .social-login .profile-social .btn-link.btn-yellow .fa-chain, .social-login .profile-social .btn-link.btn-yellow-2 .fa-chain, .social-login .profile-social .btn-link.btn-red .fa-chain, .social-login .profile-social .btn-link.btn-red-2 .fa-chain, .social-login .profile-social .btn-link.btn-white .fa-chain {
  opacity: 1;
}
.social-login .profile-social .btn.btn-link .fa-chain-broken, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button.btn-link .fa-chain-broken, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button.btn-link .fa-chain-broken, .social-login .profile-social .btn-link.btn-facebook .fa-chain-broken, .social-login .profile-social .btn-link.btn-round .fa-chain-broken, .social-login .profile-social .btn-link.btn-default .fa-chain-broken, .social-login .profile-social .btn-link.btn-sausage .fa-chain-broken, .social-login .profile-social .btn-link.btn-success .fa-chain-broken, .social-login .profile-social .btn-link.btn-cadavr .fa-chain-broken, .social-login .profile-social .btn-link.btn-yellow .fa-chain-broken, .social-login .profile-social .btn-link.btn-yellow-2 .fa-chain-broken, .social-login .profile-social .btn-link.btn-red .fa-chain-broken, .social-login .profile-social .btn-link.btn-red-2 .fa-chain-broken, .social-login .profile-social .btn-link.btn-white .fa-chain-broken {
  opacity: 0;
}
.social-login .profile-social .btn.btn-link:hover .fa-chain, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button.btn-link:hover .fa-chain, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button.btn-link:hover .fa-chain, .social-login .profile-social .btn-link.btn-facebook:hover .fa-chain, .social-login .profile-social .btn-link.btn-round:hover .fa-chain, .social-login .profile-social .btn-link.btn-default:hover .fa-chain, .social-login .profile-social .btn-link.btn-sausage:hover .fa-chain, .social-login .profile-social .btn-link.btn-success:hover .fa-chain, .social-login .profile-social .btn-link.btn-cadavr:hover .fa-chain, .social-login .profile-social .btn-link.btn-yellow:hover .fa-chain, .social-login .profile-social .btn-link.btn-yellow-2:hover .fa-chain, .social-login .profile-social .btn-link.btn-red:hover .fa-chain, .social-login .profile-social .btn-link.btn-red-2:hover .fa-chain, .social-login .profile-social .btn-link.btn-white:hover .fa-chain {
  opacity: 0;
}
.social-login .profile-social .btn.btn-link:hover .fa-chain-broken, .social-login .profile-social .ui-dialog .ui-dialog-buttonpane button.btn-link:hover .fa-chain-broken, .ui-dialog .ui-dialog-buttonpane .social-login .profile-social button.btn-link:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-facebook:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-round:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-default:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-sausage:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-success:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-cadavr:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-yellow:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-yellow-2:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-red:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-red-2:hover .fa-chain-broken, .social-login .profile-social .btn-link.btn-white:hover .fa-chain-broken {
  opacity: 1;
}
.social-login .profile-social .btn-social {
  width: 150px;
}
.social-login .profile-social .social-name {
  display: inline-block;
  font-size: 15px;
  color: #455771;
  opacity: 1;
}
.social-login .profile-social .social-text {
  display: inline-block;
  color: #8c97a7;
  font-style: italic;
  opacity: 0.7;
  font-size: 13px;
  margin-top: 13px;
  vertical-align: top;
}
.social-login .profile-social .profile-page-bubble {
  display: inline-block;
  position: relative;
}
.social-login .profile-social.connected .logged-in {
  display: block;
}
.social-login .profile-social.connected .btn-social {
  pointer-events: none;
  overflow: visible;
}
.social-login .profile-social.connected .social-text {
  font-style: normal;
  opacity: 1;
}
.social-login > form > p {
  font-size: 11px;
}
.social-login .login-bubbles {
  padding: 0;
  margin: 25px 0 25px -6px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.social-login .login-bubbles.login-page {
  justify-content: flex-start;
  padding-left: 0;
}
.social-login .login-bubbles .flex-h-center p {
  line-height: 1.25em;
}
.social-login .login-bubbles .bubble-wrapper {
  -js-display: flex;
  display: flex;
  justify-content: center;
  width: 50px;
}
.social-login .login-bubbles .bubble-wrapper--edumonbg {
  width: 100px;
}
.social-login .bubble {
  width: 37px;
  height: 37px;
  border: 1px solid #a1b4cd;
  border-radius: 20px;
  margin: 3px 6px;
  flex-shrink: 0;
  background-color: #ffffff !important;
}
.social-login .bubble.profile-page-bubble {
  display: inline-block;
}
.social-login .bubble--apple {
  background: url("../assets/images/socialLogin/apple_logo.png") no-repeat center;
}
.social-login .bubble--facebook {
  background: url("../assets/images/socialLogin/facebook.png") no-repeat center;
  background-position-y: 6px;
}
.social-login .bubble--edumonbg {
  background: url("../assets/images/socialLogin/edumonbg.png") no-repeat center;
  width: 75px;
}
.social-login .bubble--google {
  background: url("../assets/images/socialLogin/google.png") no-repeat center;
}
.social-login .bubble--edmodo {
  background: url("../assets/images/socialLogin/edmodo.png") no-repeat center;
  background-position-y: 7px;
}
.social-login .bubble--microsoftgraph {
  background: url("../assets/images/socialLogin/microsoftgraph.png") no-repeat center;
}
.social-login .bubble--vkontakte {
  background: url("../assets/images/socialLogin/vkontakte.png") no-repeat center;
}
.social-login .bubble--weibo {
  background: url("../assets/images/socialLogin/weibo.png") no-repeat center;
}
.social-login .bubble--wechat {
  background: url("../assets/images/socialLogin/wechat.png") no-repeat center;
}
.social-login .bubble--leia {
  background: url("../assets/images/socialLogin/leia.png") no-repeat center;
}
.social-login .bubble--hcmc {
  background: url("../assets/images/socialLogin/hcmc.png") no-repeat center;
}
.social-login .bubble--vnedu {
  background: url("../assets/images/socialLogin/vnedu.png") no-repeat center;
}
.social-login .disconnect-social {
  vertical-align: top;
  display: inline-block;
  margin-top: 8px;
}

.login-dropdown .login-bubbles {
  margin: 25px 0;
}
.login-dropdown .login-bubbles .bubble-wrapper {
  -js-display: flex;
  display: flex;
  justify-content: center;
}
.login-dropdown .login-bubbles .bubble-wrapper--edumonbg {
  width: 50%;
}
.login-dropdown .login-bubbles .bubble-wrapper--facebook, .login-dropdown .login-bubbles .bubble-wrapper--google, .login-dropdown .login-bubbles .bubble-wrapper--microsoftgraph, .login-dropdown .login-bubbles .bubble-wrapper--vkontakte, .login-dropdown .login-bubbles .bubble-wrapper--wechat, .login-dropdown .login-bubbles .bubble-wrapper--leia, .login-dropdown .login-bubbles .bubble-wrapper--hcmc, .login-dropdown .login-bubbles .bubble-wrapper--vnedu, .login-dropdown .login-bubbles .bubble-wrapper--apple {
  width: 25%;
}

.status-0 .status-0-hidden, .status-0 .status-1-visible {
  display: none;
}

.status-1 .status-0-visible, .status-1 .status-1-hidden {
  display: none;
}

.text-normal {
  font-weight: normal !important;
}

.choose_institute_box {
  padding-left: 35px;
}

.modal-body .choose_institute_box {
  padding-left: 0;
}

#gdpr_age_block h3 {
  margin-top: 5px;
  margin-bottom: 20px;
}
#gdpr_age_block .checkbox-wrapper label {
  font-weight: normal;
  display: initial;
}

.ui-widget input.temporary-password-display,
.temporary-password-display {
  border: none;
  font-family: "Courier New";
  font-weight: bold;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  padding: 0;
}

.temporary-password-editor-label {
  margin: 0 !important;
  font-weight: normal;
  cursor: pointer;
  color: #0074BD;
}

.temporary-password-editor-label:hover {
  color: #004e7f;
}

.temporary-password-editor-checkbox {
  margin: 0 !important;
}

.userdata-button {
  margin-left: 10px;
}

.group-share-box .group-share-default {
  position: relative;
  margin-bottom: 4px;
}
.group-share-box .group-share-default .share-access {
  background: #ffffff;
  border-radius: 3px;
  border: 2px solid #0074BD;
  width: 108px;
  height: 30px;
  margin-bottom: -11px;
}
.group-share-box .group-share-default .share-access .sharetype, .group-share-box .group-share-default .share-access .sharetype-current {
  text-align: left;
  background: #ffffff;
}
.group-share-box .share-access {
  font-size: 16px;
  height: 17px;
  width: 25px;
  position: relative;
  display: inline-block;
  font-size: 12px;
}
.group-share-box .share-access .share-access-in {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
}
.group-share-box .share-access .share-access-in .sharetype {
  border-radius: 0;
}
.group-share-box .share-access .share-access-in .sharetype:hover {
  background-color: #dee5f2;
}
.group-share-box .share-access .share-access-in .sharetype, .group-share-box .share-access .share-access-in .sharetype-current {
  padding: 3px 6px;
  width: 100%;
  display: inline-block;
}
.group-share-box .share-access .share-access-in hr {
  margin: 0 !important;
  border-bottom: 0;
}
.group-share-box .share-access.share-access-open {
  z-index: 1;
}
.group-share-box .share-access.share-access-open .share-access-in {
  height: auto;
  box-shadow: 0 0 10px #000011;
}
.group-share-box .group-select-header {
  padding: 5px;
  height: 33px;
}
.group-share-box .group_share_list_selector {
  background-color: #ffffff;
  margin-top: 4px;
  padding: 5px 5px 0 5px;
  position: relative;
  display: inline-block;
}
.group-share-box .group_share_list_selector > ul {
  list-style: none;
  padding: 0;
  display: inline-block;
  float: left;
}
.group-share-box .group_share_list_selector > ul .remove-from-shares {
  /*padding: 5px 10px;*/
  color: #ffffff;
}
.group-share-box .group_share_list_selector > ul > li {
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0;
  font-size: 14px;
  float: left;
  color: #ffffff;
  display: inline-block;
}
.group-share-box .group_share_list_selector > ul > li.group-share-group-user {
  display: none;
  height: 32px;
  background-color: #24B6F7;
  padding: 5px;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row {
  padding: 5px 10px 5px 5px;
  background-color: #0074BD;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row i {
  color: #ffffff;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row i.share-rw-icon {
  width: 18px;
  text-align: center;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row .share-access {
  cursor: pointer;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row .share-access .share-access-in {
  background-color: #0074BD;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row .share-access .share-access-in .sharetype:hover {
  background-color: #24B6F7;
}
.group-share-box .group_share_list_selector > ul > li.group-share-row a {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.group-share-box .group_share_list_selector > ul > li #search_group_or_user {
  background: transparent;
  border: none;
  min-width: 260px;
  max-width: 100%;
  outline-width: 0;
  box-shadow: none;
  border-radius: 0;
}
.group-share-box .group_share_list_selector .search-input-group {
  position: relative;
}
.group-share-box .group_share_list_selector .search-input-group .typeahead i {
  width: 18px;
  text-align: center;
}

.float-right {
  float: right;
}

input[type=file].form-control, input[type=file].cke_editable {
  padding-top: 5px;
  padding-bottom: 5px;
}

.col-equalize {
  visibility: hidden;
}

.booklet-item-wrapper .booklet-item .booklet .booklet-item-options {
  display: none;
}

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

.cursor-pointer {
  cursor: pointer;
}

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

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

.collapse-inline.in {
  display: inline-block;
}

.popup_link {
  text-align: right;
}
.popup_link a {
  color: #0074BD;
}

.embed-video-container {
  height: 0;
  overflow: hidden;
  position: relative;
}
.embed-video-container .type-wrapper, .embed-video-container i {
  pointer-events: none;
}

.embed-video-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.embed-video-container > div > #mozaikVideoNoright {
  cursor: pointer;
}

.embed-video-container > div > .mwicon-play_round {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}

.embed-video-container > div > object,
.embed-video-container > div > .mozaikvideo,
.embed-video-container > div > #mozaikvideo {
  width: 100%;
  height: 100%;
  position: relative;
}
.embed-video-container > div > object .open-tool-inline-div-frame,
.embed-video-container > div > .mozaikvideo .open-tool-inline-div-frame,
.embed-video-container > div > #mozaikvideo .open-tool-inline-div-frame {
  border: none;
  position: absolute;
  height: 100%;
  width: 100%;
}

body.embed_view {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  margin: 0;
  padding: 0;
}
body.embed_view .embed-video-container {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.global-editor-blue-holder {
  background-color: #e0e9f6;
  border: 1px solid #c6d2e5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 13px;
  margin: 15px -13px 15px 20px;
  display: inline-block;
}

.settings_btn {
  display: block;
  margin-left: 20px;
}

.top-menu {
  padding-bottom: 20px;
  height: 100px;
}

.settings-checkbox-input {
  float: left;
  margin-top: 2px;
}

.settings-checkbox-title {
  line-height: 20px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 25px;
}

.global-editor-small-title {
  color: #5b6c86;
  margin-left: 10px;
  font-weight: bold;
  font-size: 12px;
}

.lexikon-extra-datasheet .item-image-container {
  display: inline-block;
  position: relative;
}
.lexikon-extra-datasheet .item-image-container .play-mark {
  left: calc(50% - 16px);
  top: calc(50% - 16px);
}
.lexikon-extra-datasheet .quiz-question {
  padding: 0;
}
.lexikon-extra-datasheet .quiz-question li {
  display: block;
  background: url(../assets/images/footer-dot.svg) no-repeat 0 9px;
  padding: 0 0 0 11px;
}
.lexikon-extra-datasheet .quiz-state-counter {
  font-weight: bold;
}
.lexikon-extra-datasheet .main-info i {
  color: #b9cade;
  font-size: 21px;
}
@media (max-width: 767px) {
  .lexikon-extra-datasheet .main-info i {
    font-size: 16px;
  }
}
.lexikon-extra-datasheet .main-info i.separator {
  color: #455771;
  margin: 0;
  left: 3px;
}
.lexikon-extra-datasheet .main-info i.progbar {
  margin: 0;
}
.lexikon-extra-datasheet .main-info a.disabled {
  color: #b9cade;
}
.lexikon-extra-datasheet .main-info > div {
  -js-display: flex;
  display: flex;
  align-items: center;
  -moz-column-gap: 9px;
  column-gap: 9px;
}
.lexikon-extra-datasheet p {
  margin: 0;
}
.lexikon-extra-datasheet p.clickable {
  color: #0074BD;
  cursor: pointer;
}
.lexikon-extra-datasheet .grade-info-div {
  visibility: visible;
  height: 25px;
  margin-bottom: 20px;
}
.lexikon-extra-datasheet .grade-info-div .active {
  color: #0074BD;
}
.lexikon-extra-datasheet .grade-info-div-with-numbers {
  visibility: hidden;
  margin-bottom: 0;
  height: 0;
}
@media (max-width: 1200px) {
  .lexikon-extra-datasheet .grade-info i {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .lexikon-extra-datasheet .grade-info i {
    font-size: 21px;
  }
}
@media (max-width: 650px) {
  .lexikon-extra-datasheet .grade-info i {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .lexikon-extra-datasheet .grade-info-div-with-numbers {
    visibility: visible;
    margin-bottom: 20px;
    height: 25px;
  }
  .lexikon-extra-datasheet .grade-info-div {
    visibility: hidden;
    height: 0;
    margin-bottom: 0;
  }
}
.lexikon-extra-datasheet .tool-icon-title-desc {
  -js-display: flex;
  display: flex;
}
.lexikon-extra-datasheet .tool-icon-title-desc img {
  max-height: 98px;
}
.lexikon-extra-datasheet .tool-icon-title-desc .title-and-desc {
  -js-display: flex;
  display: flex;
  flex-direction: column;
}
.lexikon-extra-datasheet .tool-icon-title-desc .title-and-desc h3 {
  padding-top: 10px;
}
.lexikon-extra-datasheet .info-text-container p {
  margin: 0 0;
  padding-top: 2px;
}
.lexikon-extra-datasheet .info-text-container img {
  display: none;
}
.lexikon-extra-datasheet .info-text-container h1, .lexikon-extra-datasheet .info-text-container h2, .lexikon-extra-datasheet .info-text-container h3 {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 0;
}
@media (min-width: 992px) {
  .lexikon-extra-datasheet .second-question-row {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .lexikon-extra-datasheet .title-margin {
    margin-top: 10px;
  }
}
.lexikon-extra-datasheet li {
  margin-bottom: 5px;
}
.lexikon-extra-datasheet li .hint {
  font-style: italic;
}

.lexikon-related-extras {
  min-height: 130px;
  margin-bottom: 20px;
  text-align: center;
}

#relatedQuizzes .media-item {
  position: relative;
}
#relatedQuizzes .related_quizzes-title {
  border-bottom: 1px solid #dee5f2;
}
#relatedQuizzes .related_quizzes-title a.selected, #relatedQuizzes .related_quizzes-title p {
  color: #d83b59;
}
#relatedQuizzes .quiz-checkbox {
  position: absolute;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 1px solid black;
  opacity: 0.5;
  border-radius: 20%;
  height: 30px;
  width: 30px;
  top: 2%;
  left: 2%;
  z-index: 999;
  transition: opacity 300ms ease;
}
#relatedQuizzes .quiz-checkbox:hover {
  opacity: 1;
}
#relatedQuizzes .quiz-checkbox.checked {
  opacity: 1;
  background-color: #0074BD;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}

.sound-datasheet {
  margin-left: 25px;
}

#mozaikmp3 {
  text-align: center;
}

.tags-p {
  padding-left: 30px;
}

@media (max-width: 1199px) {
  .sound-datasheet {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .sound-datasheet {
    margin-left: 100px;
  }
  .tags-p {
    padding-left: 30px;
  }
  .text-center-sm {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .sound-datasheet {
    margin-left: 65px;
  }
  .tags-p {
    padding-left: 25px;
  }
}
@media (max-width: 650px) {
  .sound-datasheet {
    margin-left: 35px;
  }
}
@media (max-width: 570px) {
  .sound-datasheet {
    margin-left: 7px;
  }
}
.user-file-detail-datasheet .media_image {
  max-width: 300px;
}

.tool-title {
  min-height: initial !important;
}

.title-row.lexikon-extra-full-header .title-left-icon {
  float: left;
  color: #aab9d4;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .title-row.lexikon-extra-full-header .title-left-icon {
    margin-right: 10px;
    margin-top: 1px;
  }
}
.title-row.lexikon-extra-full-header .container .title-row-links {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .title-row.lexikon-extra-full-header .container .title-row-links {
    float: left;
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-row.lexikon-extra-full-header .container .title-row-links {
    float: right;
    clear: none;
  }
}
.title-row.lexikon-extra-full-header .container .title-row-links a.facebook_share {
  height: 35px;
  line-height: 20px;
}
.title-row.lexikon-extra-full-header .container .pagination {
  float: right;
  margin-top: 0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .title-row.lexikon-extra-full-header .container .pagination {
    margin-top: 10px;
  }
}

.microcurriculum-szechenyi,
.home-szechenyi {
  bottom: 0;
  right: 0;
  z-index: 9999;
  position: absolute;
}
.microcurriculum-szechenyi > img,
.home-szechenyi > img {
  width: auto;
  height: 150px;
}

.microcurriculum-szechenyi {
  position: fixed;
}

.similar-institutes.has-error {
  border: 1px #a94442 solid;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.similar-institutes .text-danger {
  margin-bottom: 5px;
}

.has-error .dropdown-toggle {
  border-color: #a94442 !important;
}

#profile-system-control-logs-container .table td [class^=mwicon-], #profile-system-control-logs-container .table td [class*=" mwicon-"] {
  font-size: 20px;
}

@media (min-width: 992px) {
  #new-unvalidated-institute-data > .row > .col-md-6 {
    -js-display: flex;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin: 0 0 5px 0;
  }
  #new-unvalidated-institute-data > .row > .col-md-6 > .form-group {
    width: 65%;
    display: inline-block;
    margin: 0;
    padding: 3px 0 4px 0;
  }
  #new-unvalidated-institute-data > .row > .col-md-6 > label {
    width: 35%;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding-right: 10px;
  }
  #new-unvalidated-institute-data > .row > .col-md-6 > .error_msg {
    width: 65%;
    display: inline-block;
    margin: 0;
  }
}
#validate-institute-tabs #home .btn-group.bootstrap-select,
#institute_edit_modal .btn-group.bootstrap-select {
  width: 100% !important;
}

::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc !important;
  opacity: 1; /* Firefox */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #cccccc !important;
}

.btn-group.bootstrap-select.bootstrap-select-style {
  border-radius: 8px;
}
.btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-cadavr, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow-2, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red-2, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white {
  min-height: 35px;
  border-radius: 4px;
  border-color: #c7d3e5;
  padding-right: 25px;
}
.btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle span.filter-option, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-cadavr span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow-2 span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red-2 span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white span.filter-option {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle > .bs-caret > .caret, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-cadavr > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow-2 > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red-2 > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white > .bs-caret > .caret {
  border-top-width: 6px;
  right: 10px;
}
.btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle > span.filter-option, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-cadavr > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow-2 > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-red-2 > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white > span.filter-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-group.bootstrap-select.bootstrap-select-style.dropup > button.btn.dropdown-toggle > .bs-caret > .caret, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-facebook > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-round > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-default > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-sausage > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-success > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-cadavr > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-yellow > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-yellow-2 > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-red > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-red-2 > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-white > .bs-caret > .caret {
  border-bottom-width: 6px;
}
.btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu {
  margin-top: 0;
  padding-top: 0;
  border-radius: 0;
  border-width: 1px;
  border-color: #0074BD;
}
.btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li > a {
  border-radius: 0;
  padding: 2px 15px;
}
.btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li > a:hover, .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li > a:focus {
  background-color: #0074BD;
  color: #ffffff;
}
.btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li.active > a, .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li.selected > a {
  background-color: #0074BD;
  color: #ffffff;
}
.btn-group.bootstrap-select.bootstrap-select-style.disabled {
  background: none;
}
.btn-group.bootstrap-select.bootstrap-select-style.disabled > button.btn.dropdown-toggle, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-facebook, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-round, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-default, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-sausage, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-success, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-cadavr, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-yellow, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-yellow-2, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-red, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-red-2, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-white {
  background: rgba(222, 229, 242, 0.4);
  color: #000000;
}

.form-group.inline-block.dropdown-block.statistics-country-filter > .btn-group {
  vertical-align: top;
}

.institutes-to-merge-not-found {
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 15px 0;
}

.input-clear-icon-hidden::-ms-clear, .input-clear-icon-hidden::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

ul.typeahead.dropdown-menu > li > a.dropdown-item.notfound {
  background-color: transparent;
  color: #555555;
  font-weight: bold;
  font-style: italic;
  padding-left: 15px;
  padding-right: 15px;
}

.has-warning .input-group-addon.gray-24-background.institute-addon {
  background-color: #c5d2e4;
  color: #555555;
}

#plupload-drop-area > .row:before,
#main-content > .mylearn-page > .container .mylearn-booklets:before {
  width: 0;
}

.search-buttons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px;
  z-index: 3;
}

.vertical-separator {
  border-left: 1px solid #c6d2e5;
  margin: 0 10px;
  font-size: 25px;
}

.dropdown-label-menu li > label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.mwicon-level_3_all.level-1:before {
  content: "\f761";
  letter-spacing: -1em;
  position: relative;
}
.mwicon-level_3_all.level-1:after {
  opacity: 0.4;
}

.input-group-white > input, .input-group-white > select {
  border-right: 0;
}
.input-group-white > input:not(:first-child), .input-group-white > select:not(:first-child) {
  border-left: 0;
}
.input-group-white .input-group-addon {
  background-color: #ffffff !important;
  border-left: 0;
}
.input-group-white .input-group-addon:not(:last-child) {
  border-right: 0;
}
.input-group-white .input-group-addon a, .input-group-white .input-group-addon button {
  color: #c7d3e5;
}

.moza-select {
  position: relative;
}
.moza-select.moza-select-sm .form-control, .moza-select.moza-select-sm .cke_editable {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.moza-select input.form-control, .moza-select input.cke_editable {
  height: 36px;
}
.moza-select#moza-select-country_code input {
  height: 34px;
}
.moza-select .moza-select-buttons {
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 19px;
  color: #555555;
}
.moza-select .moza-select-buttons i {
  cursor: pointer;
}
.moza-select a {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 20px;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.moza-select a:disabled {
  background-color: rgba(222, 229, 242, 0.4) !important;
  color: #cccccc !important;
  pointer-events: none !important;
}
.moza-select a > i {
  position: absolute;
  right: 5px;
}
.moza-select a i {
  font-size: 19px;
  color: #555555;
  margin-top: 2px;
}
.moza-select .dropdown-menu li .divider {
  pointer-events: none;
}
.moza-select.disabled .form-control, .moza-select.disabled .cke_editable {
  background-color: #ECEFF7 !important;
  color: #888888;
  pointer-events: none;
}

.dropdown-menu > * > label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu > *.active > label {
  color: #ffffff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

#moza-select-mozaWebLang .dropdown-menu {
  max-height: 300px;
  overflow-y: scroll;
  width: 100%;
}

.licence-admin-list .utils-paginator {
  margin-top: 20px;
}

#check-licence-admin .check-licence-inputs > *:not(:last-child) {
  display: inline-block;
  float: left;
}
#check-licence-admin .check-licence-inputs input[type=text] {
  text-align: center;
  padding: 6px 2px;
  text-transform: uppercase;
}
#check-licence-admin .check-licence-inputs .input-group-addon:last-child {
  width: auto;
}
#check-licence-admin .check-licence-inputs .input-group-addon:not(:last-child) {
  height: 35px;
  padding: 16px 2px;
  width: 15px;
}
#check-licence-admin .check-licence-inputs .input-group-addon:not(:last-child):before {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 2px solid;
}

.auto-column-width {
  width: 1px;
  white-space: nowrap;
}

#temp-main {
  scroll-behavior: smooth;
}
#temp-main h1, #temp-main h2 {
  margin: 0;
}
#temp-main .grey-background {
  background-color: #e6ecf6;
}
#temp-main .text-red,
#temp-main .button-red {
  color: #d83b59;
}
#temp-main .boxheader-blue {
  background-color: #9dc9ef;
  padding: 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
#temp-main .lickey {
  font-size: 14px;
  margin: 10px 0;
}
#temp-main .products {
  margin-top: 50px;
  margin-bottom: 50px;
}
#temp-main .box {
  padding: 20px;
}
#temp-main .box .inside-box {
  background-color: #ffffff;
  border: 1px solid #d2e0f1;
  text-align: center;
  padding: 25px 15px 25px 15px;
}
#temp-main .box .main-img {
  padding-bottom: 15px;
}
#temp-main .box .main-img img {
  width: 100%;
  transition: all 0.2s ease-in-out;
}
#temp-main .box .main-img img:hover {
  transform: scale(1.05);
}
#temp-main .box .title {
  font-size: 24px;
  font-weight: bold;
  color: #0074BD;
  margin: 0 -20px;
}
#temp-main .box .other-text {
  min-height: 230px;
}
#temp-main .box .desc {
  padding-bottom: 20px;
  min-height: 65px;
}
#temp-main .box .disc {
  margin-top: 5px;
  font-style: italic;
  font-size: 11px;
}
#temp-main .box li {
  padding-bottom: 2px;
}
#temp-main .box li span.teyt {
  text-decoration: underline;
}
#temp-main .box li span.arroww {
  vertical-align: middle;
}
#temp-main .box li a:hover {
  color: #b53752;
}
#temp-main .col-md-6 .main-img img {
  max-width: 370px;
}
#temp-main .section-iconed-block i {
  float: left;
}
#temp-main .section-iconed-block p {
  margin: 0 0 5px 70px;
}
#temp-main .mobil-img {
  display: none;
}
#temp-main .desktop-img {
  display: block;
}
@media (max-width: 991px) {
  #temp-main .mobil-img {
    display: block;
  }
  #temp-main .desktop-img {
    display: none;
  }
}
@media (max-width: 767px) {
  #temp-main .box .main-img img {
    max-width: 310px;
  }
}

.utils-paginator__items-per-page {
  padding-right: 25px;
}

@media (max-width: 991px) {
  .utils-paginator__items-per-page {
    margin-top: 10px;
  }
}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (max-width: 519px) {
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11 {
    float: left;
  }
  .col-xxs-1 {
    width: 8.3333333333%;
  }
  .col-xxs-2 {
    width: 16.6666666667%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.3333333333%;
  }
  .col-xxs-5 {
    width: 41.6666666667%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.3333333333%;
  }
  .col-xxs-8 {
    width: 66.6666666667%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.3333333333%;
  }
  .col-xxs-11 {
    width: 91.6666666667%;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-push-1 {
    left: 8.3333333333%;
  }
  .col-xxs-push-2 {
    left: 16.6666666667%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xss-push-4 {
    left: 33.3333333333%;
  }
  .col-xxs-push-5 {
    left: 41.6666666667%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-7 {
    left: 58.3333333333%;
  }
  .col-xxs-push-8 {
    left: 66.6666666667%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-10 {
    left: 83.3333333333%;
  }
  .col-xxs-push-11 {
    left: 91.6666666667%;
  }
  .col-xxs-pull-1 {
    right: 8.3333333333%;
  }
  .col-xxs-pull-2 {
    right: 16.6666666667%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-4 {
    right: 33.3333333333%;
  }
  .col-xxs-pull-5 {
    right: 41.6666666667%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-7 {
    right: 58.3333333333%;
  }
  .col-xxs-pull-8 {
    right: 66.6666666667%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-10 {
    right: 83.3333333333%;
  }
  .col-xxs-pull-11 {
    right: 91.6666666667%;
  }
  .col-xxs-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.6666666667%;
  }
}
.is-online {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.is-online:before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 18px;
  left: -3px;
  background-color: #10ea5c;
  margin-top: 1px;
}

.redirectBook {
  font-size: 22px;
}

.td-institute {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.narrow-col-padding > div:not(:first-child) {
  padding-left: 5px;
}
.narrow-col-padding > div:not(:last-child) {
  padding-right: 5px;
}

#user-register .social-login .bubble:first-child {
  margin-left: 0;
}

#social-divider {
  overflow: visible;
  border-bottom-width: 3px;
  position: relative;
}

#social-divider span {
  position: absolute;
  left: 0;
  top: -11px;
  width: 100%;
  display: inline-block;
  text-align: center;
}

#social-divider span:after {
  display: inline-block;
  background-color: #dfe5f1;
  padding: 0 10px;
  color: #455771;
  font-weight: bold;
}

.th-server {
  font-family: Kanit-Regular;
  font-size: 24px;
}
.th-server #color-boxes {
  color: #ffffff;
  padding-top: 90px;
  padding-bottom: 60px;
}
.th-server #color-boxes .box {
  text-align: center;
  padding: 22px 20px;
  margin-bottom: 20px;
}
.th-server #color-boxes .box .text {
  font-weight: bold;
}
.th-server #color-boxes .box-orange-th {
  background-color: #f47711;
}
.th-server #color-boxes .box-green-th {
  background-color: #0dbf6d;
}
.th-server #color-boxes .box-blue-th {
  background-color: #0074BD;
}
.th-server #color-boxes .box-red-th {
  background-color: #d83b59;
}
.th-server #dbook-promo {
  background-color: #f0f6fb;
}
.th-server #dbook-promo .platform-logos {
  position: absolute;
  bottom: 50px;
  left: 60px;
}
@media (max-width: 767px) {
  .th-server #dbook-promo .platform-logos {
    bottom: 30px;
  }
}
.th-server #dbook-promo .platform-logos a {
  margin-right: 30px;
}
.th-server #dbook-promo .platform-logos a:last-child {
  margin-right: 0;
}
.th-server #classes {
  padding-top: 70px;
  padding-bottom: 65px;
}
.th-server #classes h1 {
  font-size: 44px;
}
.th-server #classes h2 {
  font-size: 30px;
}
.th-server #classes img {
  transition: transform 0.2s ease-in-out;
}
.th-server #classes img:hover {
  transform: scale(1.05);
}
.th-server #children {
  margin-top: 70px;
}
@media (min-width: 992px) {
  .th-server #children [class*=col-] {
    padding: 0;
  }
}
.th-server #subjects {
  color: #ffffff;
}
.th-server #subjects.bg-subjects {
  background: url("../assets/images/thai_mainpage/blue-bg.jpeg");
}
.th-server #subjects h1 {
  font-size: 44px;
}
.th-server #subjects .subject-box {
  -js-display: flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 106px;
  margin-bottom: 25px;
  text-align: left;
  font-weight: bold;
}
.th-server #subjects .subject-box img {
  margin-right: 20px;
}
.th-server .book-landing-header {
  background: #e2edfa url("../assets/images/thai_mainpage/book_landing_header.png");
  min-height: 225px;
}
.th-server .book-landing-header h1 {
  font-size: 44px;
  font-weight: bold;
  margin-top: 65px;
}
.th-server .book-landing-header h2 {
  margin-top: 0;
}
.th-server .class-block > .container {
  margin-top: 30px;
  margin-bottom: 140px;
}
.th-server .class-block .class-header {
  height: 100px;
  padding-top: 15px;
  color: #000000;
}
.th-server .class-block .class-header > .container {
  position: relative;
  height: 100%;
}
.th-server .class-block .class-header h2 {
  margin: 0;
  font-weight: bold;
}
.th-server .class-block .class-header h2 span {
  font-size: 50px;
}
.th-server .class-block .class-header.class-header-4 {
  background-color: #7cdbf9;
}
.th-server .class-block .class-header.class-header-5 {
  background-color: #d3e04a;
}
.th-server .class-block .class-header.class-header-6 {
  background-color: #f9aa29;
}
.th-server .class-block .class-header .class-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
.th-server .class-block .class-header .class-image.class-image-4 {
  background: url("../assets/images/thai_mainpage/book_landing_4.png");
  width: 176px;
  height: 239px;
}
.th-server .class-block .class-header .class-image.class-image-5 {
  background: url("../assets/images/thai_mainpage/book_landing_5.png");
  width: 199px;
  height: 236px;
}
.th-server .class-block .class-header .class-image.class-image-6 {
  background: url("../assets/images/thai_mainpage/book_landing_6.png");
  width: 198px;
  height: 278px;
}
.th-server .books-block-header {
  padding-bottom: 28px;
  border-bottom: 2px solid #9ca3b0;
  margin-bottom: 50px;
}
.th-server .books-block-header h2 {
  font-weight: bold;
  margin: 0;
}
.th-server .books-block-header img {
  width: 90px;
  padding-left: 15px;
}
@media (max-width: 991px) {
  .th-server h2 {
    margin-top: 0;
    font-size: 30px;
  }
  .th-server .book-landing-header h1 {
    font-size: 34px;
    margin-top: 40px;
  }
  .th-server .class-header {
    height: 100px;
    font-weight: bold;
    margin: 0;
    padding-top: 15px;
  }
  .th-server .class-header h2 {
    font-size: 30px;
    margin: 0;
  }
  .th-server .class-header h2 span {
    font-size: 50px;
  }
  .th-server .class-header .class-image {
    display: none;
  }
}

.th-server-2 {
  font-family: Kanit-Regular;
  font-size: 20px;
}

.password-hidden:before {
  cursor: default;
  font-weight: bold;
  content: "········";
  font-family: Andale Mono, monospace;
}

#age_limit_below:checked ~ #age_limit_below_label, #age_limit_above:checked ~ #age_limit_above_label {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

#regform .similar-institutes {
  padding: 20px;
}

.flag {
  background: url("../assets/images/flags/25/flag_sprites.png") no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
}

.flag.flag-en {
  background-position: -25px -75px;
}

.meilisearch .font-grey {
  color: #8c97a7;
}
.meilisearch .view-icons i {
  color: #c5d3e4;
  font-size: 32px;
  transition: color ease-in 0.2s;
}
.meilisearch .view-icons i.active, .meilisearch .view-icons i:hover {
  color: #008ce5;
}
.meilisearch .ms-title {
  font-size: 20px;
  font-weight: bold;
  color: #0074BD;
  padding-left: 0;
  padding-right: 0 !important;
}
.meilisearch h2 {
  font-size: 26px;
}
.meilisearch .search-item-block .row div > p {
  overflow: hidden;
}
.meilisearch .search-result .search-result-icon {
  font-size: 30px;
  line-height: 30px;
}
.meilisearch .search-result .search-result-icon i {
  vertical-align: top;
  color: #c3c3c3;
}
.meilisearch .search-result .search-result-path {
  font-size: 14px;
}
.meilisearch .search-result .search-result-title {
  font-size: 16px;
  font-weight: bold;
  color: #0074BD;
}
.meilisearch .search-result .search_result_pagenum {
  font-size: 16px;
  font-weight: bold;
  display: inline;
}
.meilisearch .search-result .search-result-description {
  font-size: 14.5px;
}
.meilisearch .search-result em {
  font-weight: bold;
  color: #fb9500;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  font-style: normal;
}
.meilisearch .search-result a:hover em {
  color: #e46827;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
@media (max-width: 991px) {
  .meilisearch {
    min-height: calc(100vh - 68px - 42px);
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .meilisearch {
    min-height: calc(100vh - 68px - 83px);
  }
}

.menu-lang-change .dropdown-menu {
  max-height: 85vh;
  overflow-y: auto;
}

.sitemap-search-result {
  width: unset !important;
  max-height: 140px;
}

.password-visibility-toggler {
  color: #455771 !important;
  cursor: pointer;
  float: right;
  margin-right: 10px;
  margin-top: -28px;
  position: relative;
  z-index: 2;
}

.user-manual-block:not(.open) > .row:not(:nth-child(1)):not(:nth-child(2)) {
  display: none;
}

.partnerselect-inner .iradio_square-blue.grayed {
  border-radius: 50px;
  background: #D9DADD !important;
  border: 1px solid #999999;
}

.merge-modal .has-error .form-control, .merge-modal .has-error .cke_editable {
  background: #ffe8e8;
}
.merge-modal .has-error .form-control.bootstrap-select button, .merge-modal .has-error .bootstrap-select.cke_editable button {
  background: #ffe8e8;
}
.merge-modal .modal-dialog {
  margin-top: 30px !important;
}
.merge-modal .copy-field-val, .merge-modal .crm-swap-btn {
  margin-left: -43px;
  background: #ffffff;
  border-radius: 50%;
  width: 25px;
  text-align: center;
  border: 1px solid #cccccc;
  height: 25px;
  line-height: 1.5;
  margin-top: 4px;
  margin-right: 18px;
}
.merge-modal .copy-field-val i, .merge-modal .crm-swap-btn i {
  font-size: 23px;
}

.merge-modal .fix-btn {
  height: auto;
  line-height: 0;
  margin-left: -21px;
  margin-top: 1px;
}

.validate-institute-modal {
  display: grid;
  place-items: center;
}
.validate-institute-modal .modal-dialog {
  margin: 0;
}

.fix-btn {
  height: auto;
  line-height: 0;
  position: absolute;
  right: 15px;
  top: 25px;
}

.delete-institute-modal {
  z-index: 9000 !important;
}

.user-profile-userdata {
  padding-left: 30px;
}
@media (min-width: 991px) {
  .user-profile-userdata {
    padding-left: 0;
    margin-left: 0;
  }
  .user-profile-userdata > .row > div:first-child {
    text-align: right;
  }
}

.text-bold {
  font-weight: bold;
}

.btn-aligned i {
  vertical-align: middle !important;
  float: left;
  font-size: 22px !important;
  margin-right: 3px;
}
.btn-aligned span {
  float: left;
}

.group-user-form .fieldChooserFrom, .group-user-form .fieldChooserTo {
  height: 390px;
}
.group-user-form .fieldChooserFrom .toolbar, .group-user-form .fieldChooserTo .toolbar {
  margin-top: 2px;
  float: right;
}
.group-user-form .fieldChooserFrom strong, .group-user-form .fieldChooserTo strong {
  min-height: 24px;
  display: inline-block;
  margin-top: 1px;
}
.group-user-form .fieldChooserFrom .data, .group-user-form .fieldChooserTo .data {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.group-user-form .fieldChooserFrom .data .invite-single-user, .group-user-form .fieldChooserTo .data .invite-single-user {
  margin-left: 10px;
  padding: 0 5px;
}
.group-user-form .fieldChooserFrom .data .mail-sent-label, .group-user-form .fieldChooserTo .data .mail-sent-label {
  display: none;
}
.group-user-form .fieldChooserFrom .data .mail-sent-icon, .group-user-form .fieldChooserTo .data .mail-sent-icon {
  display: none;
  color: #c7d3e5;
  margin: 0 3px 0 13px;
}
.group-user-form .fieldChooserFrom [data-email-sent=true] .data .mail-sent-icon,
.group-user-form .fieldChooserFrom [data-email-sent=true] .data .mail-sent-label, .group-user-form .fieldChooserTo [data-email-sent=true] .data .mail-sent-icon,
.group-user-form .fieldChooserTo [data-email-sent=true] .data .mail-sent-label {
  display: initial;
}
.group-user-form .fieldChooserFrom [data-email-sent=true] .data .invite-single-user, .group-user-form .fieldChooserTo [data-email-sent=true] .data .invite-single-user {
  display: none;
}
.group-user-form .fieldChooserFrom .data .invite-single-user {
  display: none;
}

.moza-loader:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/moza_loader.gif) no-repeat center #ffffff;
  background-size: 100px;
}

.search-item-block.moza-loader:after {
  opacity: 0.5;
}

#mozaweb-browser section {
  overflow: hidden;
}
#mozaweb-browser i.brand-icon {
  color: #e38900;
  float: left;
  margin-top: 15px;
  margin-right: 17px;
}
#mozaweb-browser .brand-title-secondary {
  color: #455771;
  font-size: 22px;
}
#mozaweb-browser .brand-logo-mwbrowser {
  text-align: left;
  position: relative;
}
#mozaweb-browser .brand-logo-mwbrowser .fill-square:after {
  top: 40% !important;
}
#mozaweb-browser .brand-logo-mwbrowser .brand-title {
  margin: 5px 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 1em;
}
#mozaweb-browser .brand-platforms i {
  color: #c3cfe7;
}
#mozaweb-browser .moza-jumbotron {
  padding-bottom: 48px;
  background: rgb(243, 245, 249);
}
#mozaweb-browser .moza-jumbotron.moza-jumbotron-gradient {
  background: linear-gradient(180deg, rgb(243, 245, 249) 50%, rgb(255, 255, 255) 100%);
}
#mozaweb-browser .moza-jumbotron.moza-jumbotron-gradient .browser-promo-mid-class {
  padding-top: 70px;
  max-width: 875px;
  margin: auto;
}
#mozaweb-browser #browser-promo-top-image {
  margin-bottom: -43px;
  position: relative;
}
#mozaweb-browser #browser-promo-top-image img {
  max-width: 100%;
  height: auto;
}
#mozaweb-browser #browser-promo-top-image > div {
  text-align: center;
  position: absolute;
}
#mozaweb-browser #browser-promo-top-image .browser-3dplayer-support {
  top: 345px;
  left: 78px;
}
#mozaweb-browser #browser-promo-top-image .browser-flash-support {
  top: 292px;
  right: 60px;
}
@media (max-width: 1199px) {
  #mozaweb-browser #browser-promo-top-image {
    margin-bottom: -35px;
  }
  #mozaweb-browser #browser-promo-top-image .browser-3dplayer-support {
    top: 289px;
    left: 53px;
  }
  #mozaweb-browser #browser-promo-top-image .browser-flash-support {
    top: 247px;
    right: 39px;
  }
}
@media (max-width: 991px) {
  #mozaweb-browser #browser-promo-top-image {
    margin-bottom: -27px;
  }
  #mozaweb-browser #browser-promo-top-image .browser-3dplayer-support {
    top: 220px;
    left: 31px;
    font-size: 0.9em;
  }
  #mozaweb-browser #browser-promo-top-image .browser-flash-support {
    top: 188px;
    right: 20px;
    font-size: 0.9em;
  }
}
@media (max-width: 768px) {
  #mozaweb-browser #browser-promo-top-image .browser-3dplayer-support, #mozaweb-browser #browser-promo-top-image .browser-flash-support {
    display: none;
  }
}
#mozaweb-browser .browser-promo-container .browser-promo-desc {
  padding: 0 65px;
}
#mozaweb-browser .browser-promo-container .browser-promo-desc i {
  color: #4c87e2;
}
@media (max-width: 1199px) {
  #mozaweb-browser .browser-promo-container img {
    max-width: 100%;
    height: auto;
  }
  #mozaweb-browser .browser-promo-container:not(.browser-promo-alt) {
    flex-direction: column-reverse;
  }
  #mozaweb-browser .browser-promo-container.browser-promo-alt {
    flex-direction: column;
  }
  #mozaweb-browser .browser-promo-container.browser-promo-tool .browser-promo-desc {
    margin-top: 25px !important;
  }
  #mozaweb-browser .browser-promo-container.browser-promo-chrome .browser-promo-desc {
    margin-top: 35px !important;
  }
  #mozaweb-browser .browser-promo-container .browser-promo-desc {
    padding: 0 45px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #mozaweb-browser .brand-logo-mwbrowser {
    text-align: center;
    margin-bottom: 30px !important;
  }
  #mozaweb-browser .brand-logo-mwbrowser i {
    float: none;
    margin: 0 auto 15px;
    text-align: center;
  }
  #mozaweb-browser .brand-logo-mwbrowser > div {
    display: block !important;
    float: none !important;
    text-align: center;
  }
  #mozaweb-browser .browser-promo-mid-class {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  #mozaweb-browser .brand-platforms {
    float: none !important;
    margin: 15px 0;
  }
}
@media (max-width: 640px) {
  #mozaweb-browser .brand-title {
    font-size: 42px !important;
  }
}
@media (max-width: 425px) {
  #mozaweb-browser .browser-promo-container {
    margin-top: 35px !important;
  }
  #mozaweb-browser .browser-promo-mid-class {
    padding: 50px 30px 0 !important;
  }
  #mozaweb-browser .moza-jumbotron {
    padding-bottom: 0;
  }
}

.institute-form-lang {
  cursor: pointer;
}
.institute-form-lang img {
  transition: ease-in all 0.2s;
}
.institute-form-lang img:not(.active) {
  opacity: 0.5;
}
.institute-form-lang:hover img {
  opacity: 1;
}

.mozaweb_ar #mozaweb-browser #browser-promo-top-image .browser-3dplayer-support {
  left: initial;
  right: 88px;
}
.mozaweb_ar #mozaweb-browser #browser-promo-top-image .browser-flash-support {
  left: 81px;
  right: initial;
}
@media (max-width: 1199px) {
  .mozaweb_ar #mozaweb-browser #browser-promo-top-image .browser-3dplayer-support {
    left: initial;
    right: 64px;
  }
  .mozaweb_ar #mozaweb-browser #browser-promo-top-image .browser-flash-support {
    right: initial;
    left: 60px;
  }
}
@media (max-width: 991px) {
  .mozaweb_ar #mozaweb-browser #browser-promo-top-image .browser-3dplayer-support {
    left: initial;
    right: 43px;
  }
  .mozaweb_ar #mozaweb-browser #browser-promo-top-image .browser-flash-support {
    right: initial;
    left: 40px;
  }
}

.unsub-form {
  margin-top: 50px;
  text-align: center;
}
.unsub-form label {
  font-size: 26px;
  margin-bottom: 15px;
}
.unsub-form .input-text {
  max-width: 400px;
  margin: auto;
  margin-bottom: 40px;
}

.meeting-links > li > a {
  color: #455771;
  -js-display: flex;
  display: flex;
  font-size: 15px;
}

.qa-bot .form-group {
  display: block;
  width: 100%;
}
.qa-bot .form-group .local-search-form {
  display: table;
  width: 100%;
}
.qa-bot .form-group .local-search-form .input-group-addon {
  text-align: right;
}
.qa-bot .search-result {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .qa-bot .search-result {
    flex-direction: row;
    align-items: start;
  }
}
.qa-bot .search-result .search-result-path {
  font-size: 14px;
}
.qa-bot .search-result .search-result-title {
  font-size: 18px;
  font-weight: bold;
  color: #0074BD;
}

.licence-list-box .software-price-block .iradio_square-blue {
  margin-right: 10px;
}
.licence-list-box .software-price-block .iradio_square-blue:not(.checked) {
  background-position: -216px 0;
}
.licence-list-box .software-price-block .icheckbox_square-blue {
  margin-right: 10px;
}
.licence-list-box .software-price-block .icheckbox_square-blue:not(.checked) {
  background-position: -96px 0;
}

#microcurriculum-content .microcurriculum-extra-header,
#main-content .microcurriculum-extra-header,
.microcurriculum-extra-header {
  background-color: #f2f5f9;
}
#microcurriculum-content .microcurriculum-extra-header .container,
#main-content .microcurriculum-extra-header .container,
.microcurriculum-extra-header .container {
  color: #455771;
  padding: 0 5px;
}
#microcurriculum-content .microcurriculum-extra-header .container .breadcrumbs,
#main-content .microcurriculum-extra-header .container .breadcrumbs,
.microcurriculum-extra-header .container .breadcrumbs {
  white-space: nowrap;
  margin: 2px 0 2px 0;
  text-align: right;
}
#microcurriculum-content .microcurriculum-extra-header .container .breadcrumbs i,
#main-content .microcurriculum-extra-header .container .breadcrumbs i,
.microcurriculum-extra-header .container .breadcrumbs i {
  font-size: 18px;
  color: #8c97a7;
}
#microcurriculum-content .microcurriculum-extra-header .container a,
#main-content .microcurriculum-extra-header .container a,
.microcurriculum-extra-header .container a {
  color: #0074BD;
}
#microcurriculum-content .microcurriculum-extra-header .container .title-container,
#main-content .microcurriculum-extra-header .container .title-container,
.microcurriculum-extra-header .container .title-container {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  #microcurriculum-content .microcurriculum-extra-header .container .title-container,
  #main-content .microcurriculum-extra-header .container .title-container,
  .microcurriculum-extra-header .container .title-container {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #microcurriculum-content .microcurriculum-extra-header .container .title-container,
  #main-content .microcurriculum-extra-header .container .title-container,
  .microcurriculum-extra-header .container .title-container {
    margin-bottom: 10px;
  }
}
#microcurriculum-content .microcurriculum-extra-header .container .title-container h1,
#main-content .microcurriculum-extra-header .container .title-container h1,
.microcurriculum-extra-header .container .title-container h1 {
  margin: 0;
  padding: 0 5px 0 0;
  font-size: 30px;
  line-height: 30px;
  flex-grow: 1;
}
@media (max-width: 991px) {
  #microcurriculum-content .microcurriculum-extra-header .container .title-container h1,
  #main-content .microcurriculum-extra-header .container .title-container h1,
  .microcurriculum-extra-header .container .title-container h1 {
    text-align: center;
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #microcurriculum-content .microcurriculum-extra-header .container .title-container h1,
  #main-content .microcurriculum-extra-header .container .title-container h1,
  .microcurriculum-extra-header .container .title-container h1 {
    font-size: 23px;
    padding: 0 3px 0 0;
  }
}
#microcurriculum-content .microcurriculum-extra-header .container .title-container .microcurriculum-pager .pagination,
#main-content .microcurriculum-extra-header .container .title-container .microcurriculum-pager .pagination,
.microcurriculum-extra-header .container .title-container .microcurriculum-pager .pagination {
  width: 82px;
  margin: 0 !important;
  display: inline-block !important;
}
#microcurriculum-content .microcurriculum-extra-header .container .title-container .microcurriculum-pager .pagination li a,
#main-content .microcurriculum-extra-header .container .title-container .microcurriculum-pager .pagination li a,
.microcurriculum-extra-header .container .title-container .microcurriculum-pager .pagination li a {
  padding: 4px 12px;
}

#microcurriculum-content .engine {
  display: none;
}

#microcurriculum-content .microcurriculum-side-pager,
#main-content .microcurriculum-side-pager,
.microcurriculum-side-pager {
  font-size: max(25px, 4.2em);
  position: absolute;
  top: 0;
  height: 100%;
  opacity: 0.3;
  transition: opacity 150ms !important;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: white;
  color: black;
}
#microcurriculum-content .microcurriculum-side-pager.left,
#main-content .microcurriculum-side-pager.left,
.microcurriculum-side-pager.left {
  left: 0;
}
#microcurriculum-content .microcurriculum-side-pager.right,
#main-content .microcurriculum-side-pager.right,
.microcurriculum-side-pager.right {
  right: 0;
}
#microcurriculum-content .microcurriculum-side-pager.pager-hidden,
#main-content .microcurriculum-side-pager.pager-hidden,
.microcurriculum-side-pager.pager-hidden {
  opacity: 0;
}

#microcurriculum-content .microcurriculum-side-pager:hover,
#microcurriculum-content .microcurriculum-side-pager:focus-visible,
#main-content .microcurriculum-side-pager:hover,
#main-content .microcurriculum-side-pager:focus-visible,
.microcurriculum-side-pager:focus-visible,
.microcurriculum-side-pager:hover {
  opacity: 0.7;
}

#main-content:has(.microcurriculum-extra-header.font-size-resizable) {
  --width-limited: calc((100vw - var(--scrollbar-width, 0px)) * 0.00726);
}
#main-content:has(.microcurriculum-extra-header.font-size-resizable) #container-wrap #container {
  font-size: min((100vh - 100px) / 74, var(--width-limited));
  overflow-x: auto;
}
@media (max-width: 991px) {
  #main-content:has(.microcurriculum-extra-header.font-size-resizable) #container-wrap #container {
    height: 100%;
    overflow-y: hidden;
    font-size: min(1.33vh - 0.55px, var(--width-limited));
  }
}

#uploadsModalMessage #editWrapper {
  max-height: 320px;
  overflow-x: clip;
  overflow-y: auto;
}
#uploadsModalMessage #editWrapper .typeahead {
  left: 0 !important;
  top: unset !important;
  bottom: 35px;
  max-width: 265px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-container {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.preview-container .preview-pages {
  -js-display: flex;
  display: flex;
  justify-content: center;
}
.preview-container .preview-pages .preview-page {
  position: relative;
}
.preview-container .preview-pages .preview-page .preview-foreground {
  position: absolute;
  top: 0;
}

.tool-loader {
  top: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-color: #ffffff;
  background-image: url(../assets/images/moza_loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
  width: 100%;
  height: 100%;
}
@media (max-width: 519px) {
  .tool-loader {
    width: 100vw;
  }
}

.clipboarder {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

@media (max-width: 767px) {
  .table-responsive .table-condensed tbody tr td .flex-column, .table-responsive-borderless .table-condensed tbody tr td .flex-column {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .table-responsive .table-condensed tbody tr td .flex-column, .table-responsive-borderless .table-condensed tbody tr td .flex-column {
    justify-content: space-between;
    flex-direction: row;
  }
}

.me-mozabook-tablet {
  margin-top: 95px;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.margin-bottom-auto {
  margin-bottom: auto;
}

.fit-content {
  height: -moz-fit-content;
  height: fit-content;
}

.transparent-color {
  color: transparent;
}

.notification-container {
  margin-top: 10px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 100;
}
.notification-container .notification {
  background-color: #ffffcc;
  border: 1px solid #cccc99;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  padding: 5px;
  text-align: center;
}

.clipboarder-buttons i {
  opacity: 0.5;
}

.icon-span .clipboarder-buttons i {
  visibility: hidden;
}

.icon-span:hover .clipboarder-buttons i {
  visibility: visible;
}

.app-badge {
  white-space: nowrap;
  display: inline-block;
}
.app-badge > img {
  width: 100%;
  max-height: 55px;
}
.app-badge.app-badge-chrome img {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.app-badge.btn, .ui-dialog .ui-dialog-buttonpane button.app-badge, .app-badge.btn-facebook, .app-badge.btn-round, .app-badge.btn-default, .app-badge.btn-sausage, .app-badge.btn-success, .app-badge.btn-cadavr, .app-badge.btn-yellow, .app-badge.btn-yellow-2, .app-badge.btn-red, .app-badge.btn-red-2, .app-badge.btn-white {
  -js-display: inline-flex;
  display: inline-flex;
  padding: 0 14px 0 0;
}
.app-badge.disabled {
  pointer-events: initial !important;
  cursor: not-allowed !important;
}
.app-badge .app-badge-icon {
  font-size: 53px !important;
  padding-left: 3px;
}
.app-badge .badge-text {
  flex-grow: 1;
}
.app-badge .badge-text small {
  font-size: 12px;
}
.app-badge .badge-text b {
  display: block;
  font-size: 17px;
  line-height: 0.8;
}

.document-badge {
  white-space: nowrap;
  display: inline-block;
}
.document-badge.btn, .ui-dialog .ui-dialog-buttonpane button.document-badge, .document-badge.btn-facebook, .document-badge.btn-round, .document-badge.btn-default, .document-badge.btn-sausage, .document-badge.btn-success, .document-badge.btn-cadavr, .document-badge.btn-yellow, .document-badge.btn-yellow-2, .document-badge.btn-red, .document-badge.btn-red-2, .document-badge.btn-white {
  -js-display: inline-flex;
  display: inline-flex;
  padding: 0 14px 0 0;
  align-items: unset;
}
.document-badge.disabled {
  pointer-events: initial !important;
  cursor: not-allowed !important;
}
.document-badge .badge-icon {
  font-size: 53px !important;
  padding-left: 3px;
}
.document-badge .badge-text {
  flex-grow: 1;
}
.document-badge .badge-text small {
  font-size: 12px;
}
.document-badge .badge-text b {
  display: block;
  font-size: 17px;
  line-height: 0.8;
}

@media (max-width: 404px) {
  .tablet-promo-badges a:nth-child(1) img, .tablet-promo-badges a:nth-child(2) img {
    height: 47px;
  }
}
.mwicon-spin {
  display: inline-block;
  animation: e 2s infinite linear;
}

#tool-state-book-selector .typeahead.dropdown-menu {
  width: 100%;
}

.ml-auto {
  margin-left: auto;
}

.fill-ring-primary-hover:hover:before {
  color: #0074BD;
}

@media (max-width: 991px) {
  #share_btn {
    display: none;
  }
}

ul.list-none {
  list-style: none;
}

ul.list-gap-1 li:not(:last-child) {
  margin-bottom: 1px;
}

ul.list-gap-2 li:not(:last-child) {
  margin-bottom: 2px;
}

ul.list-gap-3 li:not(:last-child) {
  margin-bottom: 3px;
}

ul.list-gap-4 li:not(:last-child) {
  margin-bottom: 4px;
}

ul.list-gap-5 li:not(:last-child) {
  margin-bottom: 5px;
}

ul.list-gap-6 li:not(:last-child) {
  margin-bottom: 6px;
}

ul.list-gap-7 li:not(:last-child) {
  margin-bottom: 7px;
}

ul.list-gap-8 li:not(:last-child) {
  margin-bottom: 8px;
}

ul.list-gap-9 li:not(:last-child) {
  margin-bottom: 9px;
}

ul.list-gap-10 li:not(:last-child) {
  margin-bottom: 10px;
}

ul.list-gap-11 li:not(:last-child) {
  margin-bottom: 11px;
}

ul.list-gap-12 li:not(:last-child) {
  margin-bottom: 12px;
}

ul.list-gap-13 li:not(:last-child) {
  margin-bottom: 13px;
}

ul.list-gap-14 li:not(:last-child) {
  margin-bottom: 14px;
}

ul.list-gap-15 li:not(:last-child) {
  margin-bottom: 15px;
}

ul.list-gap-16 li:not(:last-child) {
  margin-bottom: 16px;
}

ul.list-gap-17 li:not(:last-child) {
  margin-bottom: 17px;
}

ul.list-gap-18 li:not(:last-child) {
  margin-bottom: 18px;
}

ul.list-gap-19 li:not(:last-child) {
  margin-bottom: 19px;
}

ul.list-gap-20 li:not(:last-child) {
  margin-bottom: 20px;
}

ul.list-gap-21 li:not(:last-child) {
  margin-bottom: 21px;
}

ul.list-gap-22 li:not(:last-child) {
  margin-bottom: 22px;
}

ul.list-gap-23 li:not(:last-child) {
  margin-bottom: 23px;
}

ul.list-gap-24 li:not(:last-child) {
  margin-bottom: 24px;
}

ul.list-gap-25 li:not(:last-child) {
  margin-bottom: 25px;
}

ul.list-gap-26 li:not(:last-child) {
  margin-bottom: 26px;
}

ul.list-gap-27 li:not(:last-child) {
  margin-bottom: 27px;
}

ul.list-gap-28 li:not(:last-child) {
  margin-bottom: 28px;
}

ul.list-gap-29 li:not(:last-child) {
  margin-bottom: 29px;
}

ul.list-gap-30 li:not(:last-child) {
  margin-bottom: 30px;
}

i.fa.size-2 {
  font-size: 2px;
}

i.fa.size-4 {
  font-size: 4px;
}

i.fa.size-6 {
  font-size: 6px;
}

i.fa.size-8 {
  font-size: 8px;
}

i.fa.size-10 {
  font-size: 10px;
}

i.fa.size-12 {
  font-size: 12px;
}

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

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

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

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

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

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

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

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

i.fa.size-30 {
  font-size: 30px;
}

i.fa.size-32 {
  font-size: 32px;
}

i.fa.size-34 {
  font-size: 34px;
}

i.fa.size-36 {
  font-size: 36px;
}

i.fa.size-38 {
  font-size: 38px;
}

i.fa.size-40 {
  font-size: 40px;
}

@keyframes skeleton-pulse {
  0% {
    background-color: #f6f7f8;
  }
  50% {
    background-color: #e0e2e4;
  }
  100% {
    background-color: #f6f7f8;
  }
}
.skeleton {
  animation: skeleton-pulse 1.5s ease-in-out 0.5s infinite;
  background-color: #f6f7f8;
  border-radius: 4px;
}

.reset_date {
  margin-top: 15px;
}

.microcurriculum-extras {
  -js-display: flex;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.microcurriculum-extras .microcurriculum-extra {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  margin-right: 10px;
}
.microcurriculum-extras .microcurriculum-extra i {
  color: #0074BD;
}
.microcurriculum-extras .microcurriculum-extra span {
  font-weight: bold;
}

.username-container {
  overflow: visible;
  -js-display: flex !important;
  display: flex !important;
  align-items: center;
}

.extra-img {
  width: 3.13em;
}

*[class^=col-] img,
*[class^=" col-"] img,
*[class^="  col-"] img {
  max-width: 100%;
  height: auto;
}

.item-image .wbox a {
  aspect-ratio: 14/7;
}

@supports not (aspect-ratio: 15/8) {
  .item-image a.game_icon {
    height: 160px;
  }
}
.item-image a {
  display: block;
  overflow: hidden;
}
.item-image a.game_icon {
  background: #f2f5fa;
  aspect-ratio: 15/8;
  position: relative;
}
.item-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.image {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  display: inline-block;
}
.image img {
  max-width: 100%;
}
.image.image-large {
  max-width: 204px;
}
.image.image-medium {
  max-width: 126px;
}
.image.image-small {
  max-width: 110px;
}
.image.no-border:before {
  box-shadow: none;
}
.image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 25;
}
.image.no-border:after {
  background: none;
}
.image:not(.shadowless):after {
  content: "";
  background: url("../assets/images/book_shadow.png");
  background-size: 100% 100%;
  position: absolute;
  width: 110%;
  left: -5%;
  bottom: -5.5%;
  height: 8%;
}
.image img {
  position: relative;
  z-index: 20;
}

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

.margin-auto {
  margin: auto !important;
}

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

.m0 {
  margin: 0px;
}

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m20 {
  margin: 20px;
}

.m25 {
  margin: 25px;
}

.m30 {
  margin: 30px;
}

.m35 {
  margin: 35px;
}

.m40 {
  margin: 40px;
}

.m45 {
  margin: 45px;
}

.m50 {
  margin: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt105 {
  margin-top: 105px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mt115 {
  margin-top: 115px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mt125 {
  margin-top: 125px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mt135 {
  margin-top: 135px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.mt145 {
  margin-top: 145px !important;
}

.mt150 {
  margin-top: 150px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb105 {
  margin-bottom: 105px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mb115 {
  margin-bottom: 115px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb125 {
  margin-bottom: 125px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.mb135 {
  margin-bottom: 135px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.mb145 {
  margin-bottom: 145px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.p0 {
  padding: 0px;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.p20 {
  padding: 20px;
}

.p25 {
  padding: 25px;
}

.p30 {
  padding: 30px;
}

.p35 {
  padding: 35px;
}

.p40 {
  padding: 40px;
}

.p45 {
  padding: 45px;
}

.p50 {
  padding: 50px;
}

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

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

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

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

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

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

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

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

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

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

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

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

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

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

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

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

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

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

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

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

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

.pl25 {
  padding-left: 25px !important;
}
@media (max-width: 991px) {
  .pl25 {
    padding-left: 15px !important;
  }
}

.pl30 {
  padding-left: 30px !important;
}
@media (max-width: 991px) {
  .pl30 {
    padding-left: 15px !important;
  }
}

.pl35 {
  padding-left: 35px !important;
}
@media (max-width: 991px) {
  .pl35 {
    padding-left: 15px !important;
  }
}

.pl40 {
  padding-left: 40px !important;
}
@media (max-width: 991px) {
  .pl40 {
    padding-left: 15px !important;
  }
}

.pl45 {
  padding-left: 45px !important;
}
@media (max-width: 991px) {
  .pl45 {
    padding-left: 15px !important;
  }
}

.pl50 {
  padding-left: 50px !important;
}
@media (max-width: 991px) {
  .pl50 {
    padding-left: 15px !important;
  }
}

.pl55 {
  padding-left: 55px !important;
}
@media (max-width: 991px) {
  .pl55 {
    padding-left: 15px !important;
  }
}

.pl60 {
  padding-left: 60px !important;
}
@media (max-width: 991px) {
  .pl60 {
    padding-left: 15px !important;
  }
}

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

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

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

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

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

.pr25 {
  padding-right: 25px !important;
}
@media (max-width: 991px) {
  .pr25 {
    padding-right: 15px !important;
  }
}

.pr30 {
  padding-right: 30px !important;
}
@media (max-width: 991px) {
  .pr30 {
    padding-right: 15px !important;
  }
}

.pr35 {
  padding-right: 35px !important;
}
@media (max-width: 991px) {
  .pr35 {
    padding-right: 15px !important;
  }
}

.pr40 {
  padding-right: 40px !important;
}
@media (max-width: 991px) {
  .pr40 {
    padding-right: 15px !important;
  }
}

.pr45 {
  padding-right: 45px !important;
}
@media (max-width: 991px) {
  .pr45 {
    padding-right: 15px !important;
  }
}

.pr50 {
  padding-right: 50px !important;
}
@media (max-width: 991px) {
  .pr50 {
    padding-right: 15px !important;
  }
}

.pr55 {
  padding-right: 55px !important;
}
@media (max-width: 991px) {
  .pr55 {
    padding-right: 15px !important;
  }
}

.pr60 {
  padding-right: 60px !important;
}
@media (max-width: 991px) {
  .pr60 {
    padding-right: 15px !important;
  }
}

.m15 {
  margin: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.row-flex,
.row-flex > div[class*=col-] {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.row-flex:before, .row-flex:after,
.row-flex > div[class*=col-]:before,
.row-flex > div[class*=col-]:after {
  display: none;
}

.gap-0 {
  gap: 0px;
}

.gap-1 {
  gap: 1px;
}

.gap-2 {
  gap: 2px;
}

.gap-3 {
  gap: 3px;
}

.gap-4 {
  gap: 4px;
}

.gap-5 {
  gap: 5px;
}

.gap-6 {
  gap: 6px;
}

.gap-7 {
  gap: 7px;
}

.gap-8 {
  gap: 8px;
}

.gap-9 {
  gap: 9px;
}

.gap-10 {
  gap: 10px;
}

.gap-11 {
  gap: 11px;
}

.gap-12 {
  gap: 12px;
}

.gap-13 {
  gap: 13px;
}

.gap-14 {
  gap: 14px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-17 {
  gap: 17px;
}

.gap-18 {
  gap: 18px;
}

.gap-19 {
  gap: 19px;
}

.gap-20 {
  gap: 20px;
}

.flex {
  -js-display: flex;
  display: flex;
}

.flex-important {
  -js-display: flex !important;
  display: flex !important;
}

.inline-flex {
  -js-display: inline-flex;
  display: inline-flex;
}

.flex-wrap {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}

.flex-row {
  -js-display: flex;
  display: flex;
  flex-direction: row;
}

.flex-column {
  -js-display: flex;
  display: flex;
  flex-direction: column;
}

@media (max-width: 519px) {
  .flex-xxs-column {
    flex-direction: column;
  }
}

@media (max-width: 375px) {
  .flex-xxxs-column {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .flex-sm-column {
    flex-direction: column;
    -js-display: flex;
    display: flex;
  }
}

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

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-stretch {
  align-items: stretch;
}

.flex-center {
  justify-content: center;
}

.flex-left {
  justify-content: flex-start;
}

@media (max-width: 375px) {
  .flex-xxxs-left {
    justify-content: flex-start !important;
  }
}

@media (max-width: 519px) {
  .flex-xxs-left {
    justify-content: flex-start !important;
  }
}

.flex-right {
  justify-content: flex-end;
}

.flex-space-between {
  justify-content: space-between;
}

.flex-space-around {
  justify-content: space-around;
}

@media (max-width: 991px) {
  .flex-space-around-small {
    justify-content: space-around;
  }
}

.align-self-start {
  align-self: flex-start;
}

.align-self-bottom {
  align-self: flex-end;
}

.flex-v-center {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-h-center {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.flex-align {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.flex-align > *:not(.btn):not(.btn-facebook):not(.btn-round):not(.btn-default):not(.btn-sausage):not(.btn-success):not(.btn-cadavr):not(.btn-yellow):not(.btn-yellow-2):not(.btn-red):not(.btn-red-2):not(.btn-white) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100%;
}

.flex-basis-full {
  flex-basis: 100%;
}

.flex-vertical-center {
  -js-display: flex;
  display: flex;
  align-items: center;
}

.flex-baseline {
  -js-display: flex;
  display: flex;
  align-items: baseline;
}

.flash-messages-block {
  position: relative;
}
.flash-messages-block .flash-promo {
  color: #ef0b06;
  background-color: #FFEF3D;
  border: none;
  font-size: 18px;
  font-weight: bold;
  padding: 5px;
}
.flash-messages-block a {
  color: unset;
  transition: color 0.5s;
}
.flash-messages-block a:hover {
  color: #0074BD;
  text-decoration: none;
}

.share-facebook,
.share-twitter,
.share-link {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 38px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  text-align: center;
  margin-right: 5px;
  background-color: #8c97a7;
  color: #ffffff;
  font-size: 21px;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
}
.share-facebook:hover,
.share-twitter:hover,
.share-link:hover {
  background: #6f7d91;
}
.share-facebook i,
.share-twitter i,
.share-link i {
  color: #ffffff;
}

.share-facebook {
  background: #3B5998;
}
.share-facebook:hover {
  background: #2d4373;
}

.share-twitter {
  background: #4099ff;
}
.share-twitter:hover {
  background: #0d7eff;
}

.share-link {
  background: #36a767;
}
.share-link:hover {
  background: #2a804f;
}

.item-actions .share-buttons {
  padding: 10px 20px;
  display: block;
}
.item-actions .share-buttons a {
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
}

table.Differences {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

.Differences thead th {
  text-align: left;
  border-bottom: 1px solid #000000;
  background: #aaaaaa;
  color: #000000;
  padding: 4px;
}
.Differences tbody th {
  text-align: center;
  background: #cccccc;
  width: 2em;
  padding: 1px 2px;
  vertical-align: middle;
  font-size: 13px !important;
  border: 0px none;
  color: #42434F !important;
  padding: 0px 5px;
}
.Differences td {
  padding: 1px 2px;
  font-family: Consolas, monospace;
  font-size: 13px;
  text-align: left !important;
}
.Differences td.diff_text {
  text-align: left;
  word-wrap: break-word;
}
.Differences td.diff_text span {
  word-wrap: break-word;
  display: block;
}

.DifferencesSideBySide .ChangeInsert td.Left {
  background: #ddffdd;
}
.DifferencesSideBySide .ChangeInsert td.Right {
  background: #ccffcc;
}
.DifferencesSideBySide .ChangeDelete td.Left {
  background: #ff8888;
}
.DifferencesSideBySide .ChangeDelete td.Right {
  background: #ffaaaa;
}
.DifferencesSideBySide .ChangeReplace .Left {
  background: #ffee99;
}
.DifferencesSideBySide .ChangeReplace .Right {
  background: #ffdd88;
}

.Differences ins, .Differences del {
  text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
  background: #ffcc00;
}

.Differences .Skipped {
  background: #f7f7f7;
}

.DifferencesInline .ChangeReplace .Left, .DifferencesInline .ChangeDelete .Left {
  background: #f1d0c7;
  text-align: left;
}
.DifferencesInline .ChangeReplace .Right, .DifferencesInline .ChangeInsert .Right {
  background: #def2cf;
  text-align: left;
}
.DifferencesInline .ChangeReplace ins {
  font-weight: bold;
  color: #4ba200;
}
.DifferencesInline .ChangeReplace del {
  font-weight: bold;
  color: #cb0c1e;
}

pre {
  width: 100%;
  overflow: auto;
}

.Differences .Right, .Differences .Left {
  border: 0px none;
}

.title-row {
  background: #f2f5f9;
  margin-bottom: 25px;
  height: 83px;
  position: relative;
}
.title-row--form {
  padding-bottom: 30px;
}
.title-row .container {
  position: absolute;
  height: 35px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.title-row .container h1 {
  color: #39566e;
  font-size: 30px;
  float: left;
  line-height: 31px;
}
.title-row .container h1.catalog-title {
  width: calc(100% + 3px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2;
}
.title-row .container h1 i {
  color: #0074BD;
  font-size: 40px;
  bottom: 0px;
  margin-right: 10px;
  position: relative;
}
.title-row .container h1 i.mwicon-arrow6_d {
  font-size: 28px;
  margin-top: 0;
  bottom: 0;
  vertical-align: middle;
}
.title-row .container h1.text-center {
  float: none;
}
.title-row .container h1 a {
  color: #0074BD;
  white-space: nowrap;
}
.title-row .container h1 a i {
  line-height: 28px;
  color: #c7d3e5;
}
.title-row .container ul li select.form-control, .title-row .container ul li select.cke_editable {
  max-width: inherit;
}
@media (min-width: 992px) {
  .title-row .container .mod-buttons > * {
    margin-right: 4px;
    margin-left: 4px;
  }
  .title-row .container .mod-buttons > *:last-child {
    margin-right: 0;
  }
}
.title-row .container .breadcrumb {
  padding: 0;
  background: none;
  font-size: 15px !important;
  position: absolute;
  height: 21px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
.title-row .container .breadcrumb .fa-angle-right {
  margin: 0 15px;
}
.title-row .container .breadcrumb a {
  color: #455771;
}
.title-row .container .menu-lang-change {
  list-style: none;
}
.title-row .container .menu-lang-change.open > a {
  background: none;
}
.title-row .container .dropdown-menu {
  box-shadow: 0 15px 40px rgba(36, 75, 149, 0.3);
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #86b2d2;
  transition: top 0.3s;
  min-width: 200px;
  margin-top: 15px;
}
.title-row .container .dropdown-menu li {
  display: block;
  font-size: 15px;
  padding: 0;
  width: 100%;
}
.title-row .container .dropdown-menu li a {
  color: #455771;
  -js-display: flex;
  display: flex;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.title-row .container .dropdown-menu li a.active {
  font-weight: bold;
}
.title-row .container .dropdown-menu li a:focus, .title-row .container .dropdown-menu li a:hover {
  color: #244b95;
  background: rgba(134, 178, 210, 0.3);
}
.title-row .container .dropdown-menu li a i {
  font-size: 24px;
  line-height: 23px;
  margin-right: 8px;
  color: #8c97a7;
}
.title-row .container .dropdown-menu.country-select li a.active, .title-row .container .dropdown-menu.distributor-select li a.active {
  color: #ffffff;
}
.title-row .container .item-count {
  font-size: 14px;
  padding-right: 10px;
  color: #5d5d5d;
  line-height: 2.5;
}
.title-row .container .item-count.book_content {
  padding-right: 35px;
}
.title-row .container .item-count a {
  padding: 0;
}
.title-row .container .tool-counter, .title-row .container .tool-counter-for-language {
  display: inline-grid;
  float: right;
  grid-template-columns: repeat(3, 1fr);
  height: 33px;
  margin-bottom: 10px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  place-items: center;
}
@media (max-width: 519px) {
  .title-row .container .tool-counter, .title-row .container .tool-counter-for-language {
    float: left;
    margin-top: 5px;
  }
}
.title-row .container .tool-counter > .counter-block, .title-row .container .tool-counter-for-language > .counter-block {
  border-radius: 30px;
  padding: 2px 4px 2px 6px;
  font-weight: bold;
  -js-display: flex;
  display: flex;
  place-items: center;
}
.title-row .container .tool-counter > .counter-block > span, .title-row .container .tool-counter-for-language > .counter-block > span {
  font-size: 14px;
  line-height: 14px;
}
.title-row .container .tool-counter > .counter-block > i, .title-row .container .tool-counter-for-language > .counter-block > i {
  font-size: 18px;
  margin-left: 4px;
}
.title-row .container .tool-counter .tooltip, .title-row .container .tool-counter-for-language .tooltip {
  white-space: nowrap;
}
.title-row .container .tool-counter-for-language {
  grid-template-columns: repeat(2, 1fr);
}
.title-row .container .title-row-links,
.title-row .container .title-row-views {
  list-style-type: none;
  float: right;
  padding: 0;
  height: 35px;
}
.title-row .container .title-row-links a,
.title-row .container .title-row-views a {
  display: inline-block;
  line-height: 35px;
}
.title-row .container .title-row-links a select,
.title-row .container .title-row-views a select {
  max-width: 150px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .title-row .container .title-row-links,
  .title-row .container .title-row-views {
    text-align: center;
  }
}
.title-row .container .title-row-views {
  font-size: 16px;
}
.title-row .container .title-row-views a {
  color: #c7d3e5;
  padding: 4px 0 0 1px;
  line-height: 1;
}
.title-row .container .title-row-views a.active_class, .title-row .container .title-row-views a.active {
  color: #0074BD;
}
.title-row .container .title-row-views a > i {
  font-size: 25px;
}
.title-row .container .active_class {
  font-weight: bold;
}
.title-row .container .title-row-links .btn, .title-row .container .title-row-links .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .title-row .container .title-row-links button, .title-row .container .title-row-links .btn-facebook, .title-row .container .title-row-links .btn-round, .title-row .container .title-row-links .btn-default, .title-row .container .title-row-links .btn-sausage, .title-row .container .title-row-links .btn-success, .title-row .container .title-row-links .btn-cadavr, .title-row .container .title-row-links .btn-yellow, .title-row .container .title-row-links .btn-yellow-2, .title-row .container .title-row-links .btn-red, .title-row .container .title-row-links .btn-red-2, .title-row .container .title-row-links .btn-white {
  padding: 5px 12px;
}
.title-row .container .title-row-links a {
  color: #c7d3e5;
  padding: 0 12px;
}
.title-row .container .title-row-links a:last-child {
  padding-right: 8px;
}
.title-row .container .title-row-links a:hover {
  color: #455771;
}
.title-row .container .title-row-links .checkbox {
  margin: 4px 5px 0 0;
}
.title-row .container .title-row-links .checkbox input {
  position: relative;
  top: 1px;
}
.title-row .container .title-row-links a {
  padding: 0 10px;
  color: #0074BD;
}
.title-row .container .title-row-links a.btn, .title-row .container .title-row-links a.btn-facebook, .title-row .container .title-row-links a.btn-round, .title-row .container .title-row-links a.btn-default, .title-row .container .title-row-links a.btn-sausage, .title-row .container .title-row-links a.btn-success, .title-row .container .title-row-links a.btn-cadavr, .title-row .container .title-row-links a.btn-yellow, .title-row .container .title-row-links a.btn-yellow-2, .title-row .container .title-row-links a.btn-red, .title-row .container .title-row-links a.btn-red-2, .title-row .container .title-row-links a.btn-white {
  padding: 6px 15px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.title-row .container .title-row-links a.btn > i, .title-row .container .title-row-links a.btn-facebook > i, .title-row .container .title-row-links a.btn-round > i, .title-row .container .title-row-links a.btn-default > i, .title-row .container .title-row-links a.btn-sausage > i, .title-row .container .title-row-links a.btn-success > i, .title-row .container .title-row-links a.btn-cadavr > i, .title-row .container .title-row-links a.btn-yellow > i, .title-row .container .title-row-links a.btn-yellow-2 > i, .title-row .container .title-row-links a.btn-red > i, .title-row .container .title-row-links a.btn-red-2 > i, .title-row .container .title-row-links a.btn-white > i {
  font-size: 18px;
}
.title-row .container .title-row-links a.btn-primary {
  color: #ffffff;
}
.title-row .container .title-row-links a.active_class {
  font-weight: bold;
  color: #0074BD;
}
.title-row .container .licence-helper-links.title-row-links a {
  color: #0074BD;
  font-weight: bold;
}
.title-row .container .form-group.grade-filter .dropdown-menu {
  padding: 4px;
  min-width: 100%;
}
.title-row .container .form-group.grade-filter .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li a {
  border-radius: 4px;
}
.title-row .container .form-group.grade-filter .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li a:hover, .title-row .container .form-group.grade-filter .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li.selected > a {
  background-color: rgba(134, 178, 210, 0.2);
  color: #0074BD;
}
.title-row .tool-quiz-container {
  height: auto;
  align-items: center;
}
.title-row .gray-button {
  border: 0;
  color: #ffffff;
  background-color: #c7d3e5;
  transition: background-color 0.3s;
}
.title-row .gray-button.active {
  background-color: #0074BD;
}
.title-row .gray-button:focus, .title-row .gray-button:focus-visible, .title-row .gray-button:hover {
  background-color: #8c97a7;
}
.title-row .gray-link {
  color: #8c97a7;
  transition: color 0.3s;
}
.title-row .gray-link.active {
  color: #0074BD;
}
.title-row .gray-link:focus, .title-row .gray-link:focus-visible, .title-row .gray-link:hover {
  color: #c7d3e5;
}
@media (min-width: 520px) {
  .title-row.lexikon-extra-full-header .container h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 36px;
  }
}
@media (min-width: 520px) and (max-width: 767px) {
  .title-row.lexikon-extra-full-header .container h1 {
    max-width: 88%;
    margin-top: 3px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-row.lexikon-extra-full-header .container h1 {
    max-width: 70%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .title-row.lexikon-extra-full-header .container h1 {
    max-width: 77%;
  }
}
@media (min-width: 1200px) {
  .title-row.lexikon-extra-full-header .container h1 {
    max-width: 81%;
  }
}
@media (max-width: 768px) {
  .title-row.lexikon-extra-full-header .container .pagination {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .title-row.lexikon-extra-full-header .container .pagination {
    margin-top: 15px;
    margin-bottom: 0;
    margin-right: 0;
  }
  .title-row.lexikon-extra-full-header .container .title-row-links {
    margin-bottom: 0;
  }
  .title-row.lexikon-extra-full-header .container .title-row-links a {
    padding-left: 0;
  }
}
@media (max-width: 519px) {
  .title-row.lexikon-extra-full-header .container .pagination {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .title-row.lexikon-extra-full-header .container .pagination {
    margin-top: -3px;
  }
  .title-row.lexikon-extra-full-header .container .title-row-links {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .title-row.lexikon-extra-full-header.type-tool .container .title-row-links {
    margin-top: 5px;
  }
}
.title-row.homework-title-row {
  border-bottom: 1px solid #dee5f2;
}
.title-row.course-row {
  margin-bottom: 0;
}
.title-row.group-title {
  margin-bottom: 0;
  border-bottom: 1px solid #dee5f2;
}
.title-row.mediatar-row .filter-admin div {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.title-row.mediatar-row .filter-admin div > div {
  padding-left: 5px;
  padding-right: 5px;
}
.title-row.mediatar-row .filter-admin div > div .btn, .title-row.mediatar-row .filter-admin div > div .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .title-row.mediatar-row .filter-admin div > div button, .title-row.mediatar-row .filter-admin div > div .btn-facebook, .title-row.mediatar-row .filter-admin div > div .btn-round, .title-row.mediatar-row .filter-admin div > div .btn-default, .title-row.mediatar-row .filter-admin div > div .btn-sausage, .title-row.mediatar-row .filter-admin div > div .btn-success, .title-row.mediatar-row .filter-admin div > div .btn-cadavr, .title-row.mediatar-row .filter-admin div > div .btn-yellow, .title-row.mediatar-row .filter-admin div > div .btn-yellow-2, .title-row.mediatar-row .filter-admin div > div .btn-red, .title-row.mediatar-row .filter-admin div > div .btn-red-2, .title-row.mediatar-row .filter-admin div > div .btn-white {
  margin: 0;
}
.title-row.mediatar-row .filter-admin div > div .btn:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .ui-dialog .ui-dialog-buttonpane button:nth-of-type(2), .ui-dialog .ui-dialog-buttonpane .title-row.mediatar-row .filter-admin div > div button:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-facebook:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-round:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-default:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-sausage:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-success:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-cadavr:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-yellow:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-yellow-2:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-red:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-red-2:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-white:nth-of-type(2) {
  margin-left: 10px;
}
.title-row.mediatar-row .filter-admin .order-direction {
  width: 30px;
  text-align: center;
}
.title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown .dropdown {
  padding: 0;
}
.title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown .dropdown, .title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown span.form-control, .title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown span.cke_editable {
  width: 100%;
}
@media (max-width: 519px) {
  .title-row.mediatar-row .mediatar-filter.tools .dropdown {
    width: 100%;
  }
}
.title-row.mediatar-row .mediatar-filter .row {
  margin-left: -5px;
  margin-right: -5px;
}
.title-row.mediatar-row .mediatar-filter .row div[class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.title-row.mediatar-row .mediatar-filter .title-row-links {
  float: none;
  overflow: visible;
  border-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.title-row.mediatar-row .mediatar-filter .title-row-links li {
  padding: 0 12px;
}
.title-row.lexikon-edit-header .container {
  height: 35px;
}
.title-row.lexikon-edit-header .container .title-row-links li {
  width: inherit;
  display: inline-block;
}
.title-row .lexikon_3d_admin_header .title-row-links li {
  padding: 0;
}
.title-row.webshop-admin .title-row-links {
  float: none;
}
.title-row.webshop-admin .title-row-links a {
  padding: 0 17px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .title-row-lg {
    -js-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .title-row-lg .container-lg {
    height: 70px;
  }
  .title-row-lg .container-lg .row-lg {
    height: 100%;
  }
  .title-row-lg .container-lg .row-lg .header-lg {
    height: 100%;
    -js-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.title-row-responsive {
  background: #f2f5f9;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .title-row-responsive {
    margin-bottom: 25px;
  }
}
.title-row-responsive .title-flex-container {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: auto;
  padding: clamp(15px, 2vw, 20px) 15px;
  -moz-column-gap: clamp(10px, 2vw, 20px);
  column-gap: clamp(10px, 2vw, 20px);
  row-gap: 10px;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .title-row-responsive .title-flex-container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .title-row-responsive .title-flex-container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .title-row-responsive .title-flex-container {
    max-width: 1170px;
  }
}
.title-row-responsive .title-flex-container h1 {
  font-size: clamp(24px, 19.7px + 0.857vw, 30px);
  line-height: 1;
  margin-bottom: 0;
  flex-grow: 1;
  -js-display: flex;
  display: flex;
  align-items: center;
}
.title-row-responsive .title-flex-container h1 i {
  bottom: initial;
  color: #aab9d4;
  font-size: clamp(31px, 4.5vw, 40px);
}
.title-row-responsive .title-flex-container h1.dropdown > a {
  color: #0074BD;
  white-space: nowrap;
}
.title-row-responsive .title-flex-container h1.dropdown > a > i {
  font-size: 28px;
  margin: 0 0 0 8px;
  color: #c7d3e5;
}
.title-row-responsive .title-flex-container .pagination {
  margin: 0;
  font-size: clamp(12px, 1.5vw, 14px);
  -js-display: flex;
  display: flex;
}
.title-row-responsive .title-flex-container .title-row-links {
  line-height: 1;
}
.title-row-responsive .title-flex-container .title-row-links i {
  font-size: clamp(30px, 3.5vw, 35px);
}
.title-row-responsive .dropdown-menu {
  box-shadow: 0 15px 40px rgba(36, 75, 149, 0.3);
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #86b2d2;
  margin-top: 0;
  top: 95%;
}
.title-row-responsive .dropdown-menu li {
  display: block;
  font-size: 15px;
  padding: 0;
  width: 100%;
}
.title-row-responsive .dropdown-menu li a {
  color: #455771;
  -js-display: flex;
  display: flex;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.title-row-responsive .dropdown-menu li a.active {
  font-weight: bold;
}
.title-row-responsive .dropdown-menu li a:focus, .title-row-responsive .dropdown-menu li a:hover {
  color: #244b95;
  background: rgba(134, 178, 210, 0.3);
}
.title-row-responsive .dropdown-menu li a i {
  font-size: 24px;
  line-height: 23px;
  margin-right: 8px;
  color: #8c97a7;
}

.media-share-dropdown {
  min-width: 170px;
}
.media-share-dropdown > div {
  display: grid;
}
.media-share-dropdown > div a {
  border-radius: 4px;
  line-height: initial;
  padding: 4px 10px;
}
.media-share-dropdown > div a:hover {
  color: #244b95;
  background: rgba(134, 178, 210, 0.2);
}
.media-share-dropdown > div a span {
  line-height: 35px;
  vertical-align: top;
  padding-left: 10px;
}

.shop_landing .title-row, .offers_landing .title-row {
  margin-bottom: 8px;
}

.sub-menu-wrapper {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .sub-menu-wrapper .title-row {
    margin-bottom: 0;
    padding: 0;
  }
}

@media (max-width: 375px) {
  .col-md-12.text-center {
    margin-left: -25px;
    margin-right: -25px;
  }
}
@media (min-width: 992px) {
  .title-row .container.mediatar-filter .title-row-links {
    -js-display: flex;
    display: flex;
  }
  .title-row .container.mediatar-filter .title-row-links .col-count {
    line-height: 2.5em;
  }
  .title-row.lexikon-extra-full-header .container h1 {
    line-height: 37px;
  }
}
@media (max-width: 1199px) {
  .title-row .container h1 {
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) {
    height: 65px;
    margin-bottom: 10px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).blog-row {
    margin-bottom: 30px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container h1 {
    font-size: 24px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container h1 > i {
    font-size: 30px;
    line-height: 34px;
    vertical-align: top;
    margin-top: 0;
    margin-right: 3px;
    bottom: 0;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container h1 a i {
    font-size: 20px;
    line-height: 20px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container h1 > i.fill-square.size-40 {
    font-size: 31px !important;
    padding: 4px !important;
    line-height: initial !important;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-links li, .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-views li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-links {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    padding-top: 0;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-links.licence-helper-links {
    height: auto;
    padding-top: 20px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-links .asc {
    display: none;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-views li {
    float: right;
    width: inherit;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row) .container .title-row-views .item-count {
    display: none;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).title-row-shop .container .title-row-views {
    top: -5px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row {
    height: 100%;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row .container.mediatar-filter .title-row-links {
    height: inherit;
    border-top: 0;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row .container.mediatar-filter .title-row-links li {
    margin-bottom: 0;
    padding: 0;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row .container.mediatar-filter .title-row-links li .item-count {
    padding-right: 0;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row .container.mediatar-filter .title-row-links li.col-select {
    margin-top: 10px;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row .container.mediatar-filter.lexikon .collection-dropdown {
    display: none;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row.filter-admin {
    height: inherit;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row.filter-admin .container {
    height: inherit;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row.filter-admin .container .filter-admin li {
    width: inherit;
    display: inline;
  }
  .title-row:not(.quiz):not(.tool-title-row):not(.profile-title-row).mediatar-row.filter-admin .container .filter-admin li .checkbox {
    display: inline-block;
  }
  .sub-menu-wrapper .container {
    position: relative;
  }
}
@media (max-width: 767px) {
  .title-row {
    height: auto;
  }
  .title-row .container {
    position: initial !important;
    height: initial !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .title-row .container h1 {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .title-row.webshop-admin .container {
    height: 85px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .title-row.webshop-admin {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .title-row.webshop-admin .container {
    height: 145px !important;
  }
}
.font-size-revert {
  font-size: revert;
}

.table-like {
  background-color: #ffffff;
  border: 1px solid #c7d3e5;
  margin-bottom: 15px;
  padding: 0 15px;
}
.table-like .gray-cell {
  background-color: #d2e0f1;
}
.table-like .border-bottom {
  border-bottom: 1px solid #c7d3e5;
}
.table-like .space-around {
  justify-content: space-around;
}
@media (min-width: 376px) and (max-width: 767px) {
  .table-like .space-around {
    justify-content: center;
  }
}
.table-like .width-120 {
  width: 120px;
}
@media (min-width: 376px) and (max-width: 767px) {
  .table-like .width-120 {
    margin: 0 20px;
  }
}
.table-like > .row {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.table-like > .row:before, .table-like > .row:after {
  display: none;
}
.table-like > .row > div[class*=col-] {
  min-height: 40px;
  position: relative;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  border-left: 1px solid #c7d3e5;
}
@media (max-width: 767px) {
  .table-like > .row > div[class*=col-].hw-placeholder.hidden-xs + div[class*=col-] {
    border-left: none;
  }
}
.table-like > .row > div[class*=col-]:first-child {
  border-left: none;
}
.table-like > .row > div[class*=col-] p {
  margin: 0;
}
.table-like > .row > div[class*=col-] > div {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.table-like > .row > div[class*=col-]:before, .table-like > .row > div[class*=col-]:after {
  display: none;
}
.table-like > .row:not(:first-child) > div[class*=col-] {
  border-top: 1px solid #c7d3e5;
}
.table-like > .row:not(:first-child) > div[class*=col-].tl-placeholder:not(:first-of-type) {
  border-top: none;
}
.table-like > .row:not(:first-child).separate-row > div[class*=col-] {
  border-top: 1px solid #a4b8d5;
}
.table-like > .row:not(:first-child).separate-row > div[class*=col-].tl-placeholder {
  border-top: none;
}
@media (max-width: 767px) {
  .table-like > .row:not(:first-child).separate-row > div[class*=col-].tl-placeholder:not(:first-of-type).hidden-sm ~ [class*=col-] {
    border-top: 1px solid #c7d3e5;
  }
}
.table-like .no-border.row {
  border-top: none !important;
}
.table-like .no-border[class*=col-] {
  border-left: none !important;
}
.table-like .border--top {
  border-top: 1px solid #c7d3e5;
}
.table-like .border--left {
  border-left: 1px solid #c7d3e5;
}
@media (max-width: 767px) {
  .table-like .no-border-xs.row {
    border-top: none !important;
  }
  .table-like .no-border-xs[class*=col-] {
    border-left: none !important;
  }
  .table-like .border-xs--top {
    border-top: 1px solid #c7d3e5;
  }
  .table-like .border-xs--left {
    border-left: 1px solid #c7d3e5;
  }
}

.task-wrapper .table-like .row div[class*=col-] .hw-title-sm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-wrapper .table-like .row div[class*=col-] .hw-title-sm [class^=mwicon-], .task-wrapper .table-like .row div[class*=col-] .hw-title-sm [class*=" mwicon-"] {
  top: 1px;
}
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm {
  flex-wrap: wrap;
}
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .hw-group-type,
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .students,
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .no-group {
  padding: 5px 0 5px 10px;
  width: 100%;
}
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .hw-group-type .students_wrapper,
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .students .students_wrapper,
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .no-group .students_wrapper {
  float: right;
}
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .hw-group-type .icon,
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .students .icon,
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .no-group .icon {
  width: 30px;
  display: block;
  float: left;
}
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .hw-group-type [class^=mwicon-], .task-wrapper .table-like .row div[class*=col-] .hw-class-sm .hw-group-type [class*=" mwicon-"],
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .students [class^=mwicon-],
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .students [class*=" mwicon-"],
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .no-group [class^=mwicon-],
.task-wrapper .table-like .row div[class*=col-] .hw-class-sm .no-group [class*=" mwicon-"] {
  font-size: 20px;
  top: 1px;
}

.group-wrapper .table-like .row div[class*=col-] .gp-type-sm i,
.group-wrapper .table-like .row div[class*=col-] .gp-key-sm i,
.group-wrapper .table-like .row div[class*=col-] .gp-headcount-sm i {
  font-size: 26px;
}
.group-wrapper .table-like .row div[class*=col-] .gp-headcount-sm {
  white-space: nowrap;
}
.group-wrapper .table-like .row div[class*=col-] .gp-type-sm i {
  position: relative;
  margin-right: 5px;
  font-size: 30px;
}
.group-wrapper .table-like.active .row .gp-name-sm .item-actions {
  display: block !important;
}
.group-wrapper .table-like.active .row .gp-name-sm .item-actions i {
  text-shadow: none;
}

.homework-task-evaluation .table-like {
  box-shadow: none;
}
.homework-task-evaluation .table-like .hte-status-sm i {
  color: #00cc61;
  font-size: 17px;
}
.homework-task-evaluation .table-like .hte-description-sm i {
  float: left;
  margin-right: 10px;
  font-size: 20px;
}
.homework-task-evaluation .table-like .hte-description-sm .hte-text {
  font-style: italic;
}
.homework-task-evaluation .table-like .hte-description-sm .hte-text p {
  margin: 0;
  float: left;
  line-height: 1.9;
}
.homework-task-evaluation .table-like .hte-description-sm .hte-text textarea {
  display: none;
}
.homework-task-evaluation .table-like .hte-percent-sm {
  margin: 10px 0;
  width: auto;
}
.homework-task-evaluation .table-like .hte-percent-sm .form-control, .homework-task-evaluation .table-like .hte-percent-sm .cke_editable {
  border-right: 0;
  padding: 6px 4px;
}
.homework-task-evaluation .table-like .hte-percent-sm .input-group-addon {
  background: #ffffff;
  border-left: none;
  font-weight: bold;
  color: #333333;
  padding: 9.5px 20px;
}
.homework-task-evaluation .table-like .hte-grade-sm {
  margin: 10px 0;
}

.custom-checkbox {
  cursor: pointer;
  /* normal */
  /* checked */
  /* checked mark aspect changes */
  /* disabled */
  /* focus */
  /* hover */
}
.custom-checkbox [type=checkbox] {
  display: none;
}
.custom-checkbox [type=checkbox]:not(:checked) + label,
.custom-checkbox [type=checkbox]:checked + label {
  position: relative;
  padding-left: 20px;
  margin-bottom: 16px;
  cursor: pointer;
}
.custom-checkbox [type=checkbox]:not(:checked) + label:before,
.custom-checkbox [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #DAD7D1;
}
.custom-checkbox [type=checkbox]:not(:checked) + label.checkbox-pipe:before {
  background-color: #bfcade;
  border: 1px solid #bfcade;
}
.custom-checkbox [type=checkbox]:not(:checked) + label.checkbox-plus:after {
  content: "\f067";
  position: absolute;
  top: 3px;
  left: 4px;
  font-size: 18px;
  color: #DAD7D1;
}
.custom-checkbox.group-index [type=checkbox]:not(:checked) + i.checkbox-plus:after {
  color: #ffffff;
}
.custom-checkbox.group-index [type=checkbox]:not(:checked) + i.checkbox-plus:before {
  color: #DAD7D1;
}
.custom-checkbox [type=checkbox]:not(:checked) + label.checkbox-pipe:after {
  content: "\f00c";
  position: absolute;
  top: 4px;
  left: 4px;
  color: #ffffff;
}
.custom-checkbox [type=checkbox]:checked + label.checkbox-plus:after,
.custom-checkbox [type=checkbox]:checked + label:after {
  content: "\f00c";
  position: absolute;
  top: 7px;
  left: 5px;
  font-size: 13px;
  line-height: 0.8;
  color: #ffffff;
}
.custom-checkbox.group-index [type=checkbox]:checked + i.checkbox-plus:before, .custom-checkbox.group-index [type=checkbox]:checked + i:before {
  color: #0074BD;
}
.custom-checkbox.group-index [type=checkbox]:checked + i.checkbox-plus:after, .custom-checkbox.group-index [type=checkbox]:checked + i:after {
  color: #ffffff;
}
.custom-checkbox [type=checkbox]:checked + label:before {
  background-color: #0074BD;
  border-color: #0074BD;
}
.custom-checkbox [type=checkbox]:checked + label:hover:before {
  background-color: #00558a !important;
  border-color: #00558a !important;
}
.custom-checkbox [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
}
.custom-checkbox [type=checkbox]:not(:checked) + label.checkbox-x:after,
.custom-checkbox [type=checkbox]:not(:checked) + label.checkbox-plus:after,
.custom-checkbox [type=checkbox]:not(:checked) + label.checkbox-pipe:after,
.custom-checkbox [type=checkbox]:checked + label:after {
  opacity: 1;
}
.custom-checkbox [type=checkbox]:disabled + label,
.custom-checkbox [type=checkbox]:disabled + label + span {
  pointer-events: none;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:before {
  border-color: #E9E7E3;
  background: none;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:after {
  content: "";
  border-color: #E9E7E3;
  background: none;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label.checkbox-plus:after {
  content: "\f067";
  color: #E9E7E3;
  left: 6px;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label.checkbox-x:before {
  border-color: #E9E7E3;
  background: #E9E7E3;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label.checkbox-x:after {
  content: "\f00d";
  position: absolute;
  color: #ffffff;
  border-color: #E9E7E3;
  background: #E9E7E3;
  left: 5px;
  top: 3px;
}
.custom-checkbox [type=checkbox]:disabled:checked + label:before {
  border-color: #E9E7E3;
  background-color: #E9E7E3;
}
.custom-checkbox [type=checkbox]:disabled:checked + label:after {
  content: "\f00c";
  border-color: #E9E7E3;
  background-color: #E9E7E3;
  color: #ffffff;
  left: 5px;
}
.custom-checkbox [type=checkbox]:checked:focus + label:before,
.custom-checkbox [type=checkbox]:not(:checked):focus + label:before {
  border: 2px solid #0074BD;
}
.custom-checkbox label:hover:before, .custom-checkbox label.selected:before {
  border: 2px solid #0074BD !important;
}
.custom-checkbox span {
  margin-left: 5px;
}

.custom-radio {
  /* normal */
  /* checked */
  /* checked mark aspect changes */
  /* disabled */
  /* focus */
  /* hover */
}
.custom-radio span {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-radio > label {
  vertical-align: middle;
}
.custom-radio [type=radio] {
  display: none;
}
.custom-radio [type=radio]:not(:checked) + label,
.custom-radio [type=radio]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  width: 22px;
  height: 22px;
}
.custom-radio [type=radio]:not(:checked) + label:before,
.custom-radio [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #DAD7D1;
}
.custom-radio [type=radio]:not(:checked) + label.radio-pipe:before {
  background-color: #bfcade;
  border: 1px solid #bfcade;
}
.custom-radio [type=radio]:not(:checked) + label.radio-plus:after {
  content: "\f067";
  color: #DAD7D1;
}
.custom-radio [type=radio]:not(:checked) + label.radio-pipe:after {
  content: "\f00c";
  color: #ffffff;
  background-color: #bfcade;
}
.custom-radio [type=radio]:checked + label.radio-plus:after,
.custom-radio [type=radio]:not(:checked) + label:after,
.custom-radio [type=radio]:checked + label:after {
  content: "\f00c";
  position: absolute;
  font-size: 13px;
  line-height: 0.8;
  color: #ffffff;
  height: 9px;
  width: 12px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.custom-radio [type=radio]:checked + label:before {
  background-color: #0074BD;
  border-color: #0074BD;
}
.custom-radio [type=radio]:checked + label:hover:before {
  background-color: #00558a !important;
  border-color: #00558a !important;
}
.custom-radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
}
.custom-radio [type=radio]:not(:checked) + label.radio-x:after,
.custom-radio [type=radio]:not(:checked) + label.radio-plus:after,
.custom-radio [type=radio]:not(:checked) + label.radio-pipe:after,
.custom-radio [type=radio]:checked + label:after {
  opacity: 1;
}
.custom-radio [type=radio]:disabled:not(:checked) + label:before {
  border-color: #E9E7E3;
  background: none;
}
.custom-radio [type=radio]:disabled:not(:checked) + label:after {
  content: "";
  border-color: #E9E7E3;
  background: none;
}
.custom-radio [type=radio]:disabled:not(:checked) + label.radio-plus:after {
  content: "\f067";
  color: #E9E7E3;
  left: 6px;
}
.custom-radio [type=radio]:disabled:not(:checked) + label.radio-x:before {
  border-color: #E9E7E3;
  background: #E9E7E3;
}
.custom-radio [type=radio]:disabled:not(:checked) + label.radio-x:after {
  content: "\f00d";
  color: #ffffff;
  border-color: #E9E7E3;
  background: #E9E7E3;
  left: 6px;
}
.custom-radio [type=radio]:disabled:checked + label:before {
  border-color: #E9E7E3;
  background-color: #E9E7E3;
}
.custom-radio [type=radio]:disabled:checked + label:after {
  content: "\f00c";
  border-color: #E9E7E3;
  background-color: #E9E7E3;
  color: #ffffff;
  left: 5px;
}
.custom-radio [type=radio]:disabled + label {
  pointer-events: none;
}
.custom-radio [type=radio]:checked:focus + label:before,
.custom-radio [type=radio]:not(:checked):focus + label:before {
  border: 2px solid #0074BD;
}
.custom-radio label:hover:before {
  border: 2px solid #0074BD !important;
}
.custom-radio span {
  margin-left: 5px;
}

html:has(.software-details) {
  scroll-behavior: smooth;
}

.download-button-wrapper .table-cell {
  vertical-align: middle;
}
.download-button-wrapper .table-cell:first-child {
  width: 46%;
  padding-right: 10px;
  padding-left: 0;
}
.download-button-wrapper .table-cell:first-child .app-badge-windows {
  width: 100%;
  padding: 4px !important;
}
.download-button-wrapper .table-cell:first-child .app-badge-windows small {
  font-size: 13px;
}
.download-button-wrapper .table-cell:last-child {
  width: 54%;
  padding-right: 0;
}
@media (max-width: 991px) {
  .download-button-wrapper .table-cell:first-child {
    width: 100%;
    display: block;
    margin: auto;
    padding: 0 0 20px 0;
    text-align: center;
  }
  .download-button-wrapper .table-cell:first-child .app-badge-windows {
    max-width: 360px;
  }
  .download-button-wrapper .table-cell:last-child {
    width: 100%;
    display: block;
    padding: 0;
  }
}
@media (max-width: 519px) {
  .download-button-wrapper .table-cell:first-child {
    width: 100%;
  }
}

.mozamap-more {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .mozamap-more a {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (max-width: 519px) {
  .mozamap-more a {
    width: 100%;
  }
}

.mozabook-more {
  margin-bottom: 20px;
}
.mozabook-more > a > span {
  margin-top: -1px;
}
@media (max-width: 991px) {
  .mozabook-more {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
  }
  .mozabook-more a:first-child {
    margin-right: 0 !important;
  }
}
@media (max-width: 519px) {
  .mozabook-more {
    width: 100%;
  }
  .mozabook-more a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mozabook-more a:first-child {
    margin-right: 0;
  }
  .mozabook-more a:last-child {
    margin-left: 0;
  }
}

.download-button {
  padding: 4px 18px 4px 14px;
  margin-left: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: min-content auto;
  align-items: center;
}
.download-button.smaller {
  padding: 0 15px 0 6px;
}
.download-button b {
  font-size: 17px;
}
.download-button small {
  font-size: 10px;
}
.download-button i {
  font-size: 52px;
}
.download-button span {
  display: inline-block;
  text-align: center;
}
.download-button > span {
  display: block;
  line-height: 1.2;
}

#section-labcamera .download-button.smaller {
  padding: 1px 15px 1px 6px;
}

.software-details {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .software-details {
    margin-top: 0;
  }
}
.software-details .bold-link {
  display: inline-block;
  font-weight: bold;
}
.software-details .promo-link-spacer {
  padding: 0px 5px;
  vertical-align: super;
  color: #0074BD;
}

.download-icons {
  float: right;
  text-align: center;
}
.download-icons a {
  display: inline-block;
  max-width: 48%;
}
.download-icons a img {
  max-width: 100%;
}
.download-icons img {
  margin: 0 5px;
}
@media (max-width: 991px) {
  .download-icons {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 519px) {
  .download-icons a {
    display: block;
    width: calc(50% - 5px);
    background-color: #000000;
    float: left;
    border-radius: 6px;
    max-width: inherit;
  }
  .download-icons a:first-child {
    margin-right: 5px;
  }
  .download-icons a:last-child {
    margin-left: 5px;
  }
  .download-icons a img {
    margin: auto;
  }
}

.options label {
  display: table;
  border-bottom: 1px solid #dee5f2;
  font-size: 13px;
  width: 100%;
}
.options label:last-child {
  border: 0;
}
.options label > span {
  padding: 5px;
  display: table-cell;
  vertical-align: top;
}
.options label > span.price {
  vertical-align: middle;
}

.language-selector > div {
  display: inline-block;
  padding-right: 10px;
}
.language-selector > div .form-control, .language-selector > div .cke_editable {
  min-width: 140px;
  width: auto;
}

.sheet-image {
  padding-left: 30px;
}

.mozabook-title-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 375px) {
  .mozabook-title-wrapper {
    flex-direction: column;
    margin-bottom: 6px;
  }
}
.mozabook-title-wrapper > a {
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 10px;
}

#mozaweb-details .sheet-image img {
  max-height: 280px;
}

@media (max-width: 991px) {
  .software-details {
    margin-bottom: 0px;
  }
  .sheet-image {
    text-align: center;
    margin-bottom: 12px;
  }
  .sheet-image img {
    max-height: 200px;
  }
}
@media (max-width: 767px) {
  .highlight b {
    margin-top: 10px;
    display: inline-block;
  }
}
.book-item-wrapper {
  border: 0;
  margin-bottom: 10px;
  flex: 1;
}
.book-item-wrapper.list {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #dee5f2;
  margin: 0;
  padding: 5px 0;
  float: none;
}
.book-item-wrapper.list .book-item {
  min-height: inherit;
  text-align: left;
}
.book-item-wrapper.list .book-item .image {
  float: left;
}
.book-item-wrapper.list .book-item .image img {
  width: 100%;
}
.book-item-wrapper.list .book-item .description, .book-item-wrapper.list .book-item .title, .book-item-wrapper.list .book-item .code {
  margin-left: 100px;
}

.book-list-row {
  position: relative;
}

.book-list-filter-button {
  position: relative;
  cursor: pointer;
  left: 249px;
  top: 120px;
  background: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  text-align: center;
  border: 1px solid #cccccc;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  display: none;
  z-index: 500;
}

.software-map-item {
  min-height: 260px;
  margin-bottom: 30px;
}
.software-map-item h3 {
  margin-top: 0;
  font-size: 22px;
}
.software-map-item .image {
  margin-right: 20px;
  max-width: 130px;
  margin-bottom: 20px;
}
.software-map-item .licence-length {
  margin-right: 10px;
  padding-right: 24px;
}
.software-map-item--small .price {
  margin-top: -20px;
}
.software-map-item .map-flags {
  margin: 1px 0;
}
.software-map-item .map-flags img {
  display: inline-block;
  margin-right: 3px;
}
.software-map-item .map-detail-flag-block {
  margin-right: 10px;
}
.software-map-item .small, .software-map-item .book-item .alcim, .book-item .software-map-item .alcim, .software-map-item .book-item .book-item-addon-info, .book-item .software-map-item .book-item-addon-info {
  margin: 10px 0;
}
.software-map-item p {
  margin-bottom: 5px;
}
.software-map-item .map-info-btn {
  display: inline-block;
  cursor: pointer;
  color: #0074BD;
}
.software-map-item .map-info {
  display: none;
}

@media (max-width: 1199px) {
  .software-map-item {
    min-height: 340px;
  }
}
@media (max-width: 991px) {
  .software-map-item {
    min-height: 260px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .form-inline .form-group.license-length-field {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .book-list-filter-button {
    display: inline-block;
  }
  .shop-left-menu {
    position: fixed;
    width: 250px;
    left: -250px;
    bottom: 0;
    top: 120px;
    padding: 0;
    background: #ffffff;
    margin-bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
  }
  .shop-left-menu.open {
    left: 0;
  }
  .shop-left-menu .shop-left-menu-inner {
    position: absolute;
    border-right: 1px solid #cccccc;
    left: 0;
    bottom: 0;
    top: 0;
    width: 250px;
    overflow-y: scroll;
    z-index: 600;
    background: #ffffff;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .book-item-wrapper {
    border-color: #ffffff;
  }
  .shop-book-slide .book-item-wrapper {
    float: left;
    border-color: #ffffff;
  }
}
.list .book-item h3 {
  margin: 0 0 5px 0;
}

.accordion-group {
  font-size: 13px;
}
.accordion-group label {
  line-height: 20px;
  font-weight: normal;
  vertical-align: bottom;
  margin: 0 0 3px 0;
}
.accordion-group a {
  color: #455771;
}
.accordion-group input[type=checkbox] {
  margin: 0 5px 0 0;
  top: -3px;
  position: relative;
  vertical-align: bottom;
}
.accordion-group input[type=checkbox]:checked + span {
  font-weight: bold;
  color: #0074BD;
}
.accordion-group ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.accordion-group ul li ul {
  padding: 0 0 0 15px;
  display: none;
}
.accordion-group ul li ul li {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding-left: 5px;
}
.accordion-group ul li ul li.active {
  background: #0074BD;
  color: #ffffff;
}
.accordion-group ul li ul li.active a {
  color: #ffffff;
}
.accordion-group ul li > a {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #455771;
}
.accordion-group ul li > a i {
  color: #0074BD;
  font-size: 17px;
  margin-right: 5px;
  position: relative;
  display: inline-block;
}
.accordion-group ul li.active > ul {
  display: block;
}

.related-book-list {
  padding: 0;
  margin: 0;
}
.related-book-list li {
  list-style-type: none;
  padding: 0 0 0 15px;
  background: url(../assets/images/gray-dot.png) no-repeat 0 6px;
}

.helping-material-list, .syllabuses-list {
  padding: 0;
  margin: 0;
}
.helping-material-list li, .syllabuses-list li {
  list-style-type: none;
  padding: 0;
}

#extras_container #extras-and-toc {
  margin-top: 0;
}

.book-details {
  margin-bottom: 10px;
  margin-top: 14px;
}
.book-details .alcim {
  margin-top: -7px;
  font-size: 15px;
  font-style: italic;
  margin-bottom: 10px;
}
.book-details > .col-md-7:after {
  content: "";
  display: block;
  clear: both;
}
.book-details li {
  list-style-type: none;
  padding: 0 0 0 15px;
  background: url(../assets/images/gray-dot.png) no-repeat 0 6px;
}
.book-details .image-wrapper {
  float: left;
  perspective: 300px;
  transform-style: preserve-3d;
}
.book-details .image-wrapper .image {
  display: block;
  transform: rotateY(0deg);
  transition-duration: 0.3s;
}
.book-details .image-wrapper .image .book-cover-link {
  position: relative;
  display: block;
  cursor: pointer;
  z-index: 30;
}
.book-details .image-wrapper .image.flip-right {
  transform: rotateY(15deg);
}
.book-details .image-wrapper .image.flip-left {
  transform: rotateY(-15deg);
}
.book-details .image-wrapper .image.flip:hover {
  transform: rotateY(15deg);
}
.book-details .image-wrapper .info {
  text-align: center;
}
.book-details .image-wrapper .info p {
  color: #455771;
  padding: 5px 0 0;
}
.book-details .description div.book-buttons {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.book-details .description div[class*=type-]:first-child {
  padding-left: 0;
}
.book-details .single-book-extras .extra {
  margin: 0 0 10px 0 !important;
  width: 25% !important;
}
.book-details .extras {
  flex-wrap: wrap;
}
.book-details .extras .extra {
  display: inline-block;
  text-align: center;
  color: #000000;
  margin: 0 3px;
  font-size: 13px;
  padding: 0;
  border: none;
  font-weight: normal;
}
.book-details .extras .extra i {
  color: #a9c2e4;
  margin-bottom: 2px;
  display: block;
}
.book-details .description {
  margin-left: 240px;
}
.book-details .description h2 {
  margin-top: 0;
}
.book-details .add-to-cart .price {
  float: right;
}
.book-details .add-to-cart .add_to_cart {
  margin-top: 15px;
}
.book-details .add-to-cart .btn, .book-details .add-to-cart .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .book-details .add-to-cart button, .book-details .add-to-cart .btn-facebook, .book-details .add-to-cart .btn-round, .book-details .add-to-cart .btn-default, .book-details .add-to-cart .btn-sausage, .book-details .add-to-cart .btn-success, .book-details .add-to-cart .btn-cadavr, .book-details .add-to-cart .btn-yellow, .book-details .add-to-cart .btn-yellow-2, .book-details .add-to-cart .btn-red, .book-details .add-to-cart .btn-red-2, .book-details .add-to-cart .btn-white, .book-details .add-to-cart .form-control, .book-details .add-to-cart .cke_editable {
  vertical-align: top;
}
.book-details .nav-tabs {
  font-size: 13px;
}
.book-details .links {
  font-weight: bold;
  margin-top: 20px;
}
.book-details .links a {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #dee5f2;
  cursor: pointer;
}
.book-details .links a:last-child {
  border: 0;
}
.book-details .col-md-5 {
  padding-left: 25px;
}

.book-info-desc {
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  font-size: 14px;
  margin-bottom: 5px;
}
.book-info-desc ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 13px;
}
.book-info-desc ul li {
  margin-bottom: 6px;
}
.book-info-desc li {
  list-style-type: none;
  padding: 0 0 0 15px;
  background: url(../assets/images/gray-dot.png) no-repeat 0 6px;
}
.book-info-desc p {
  margin: 0;
}

.shop_landing .title-bar {
  border-bottom: 1px solid #c7d3e5;
  margin: 20px 0 10px;
}
.shop_landing .bg {
  background-color: #e6ecf6;
  padding-top: 20px;
}
.shop_landing .box {
  padding: 20px;
}
.shop_landing .box .inside-box {
  background-color: #ffffff;
  border: 1px solid #d2e0f1;
  text-align: center;
  padding: 25px 35px 35px 35px;
}
.shop_landing .box .main-img {
  padding-bottom: 15px;
}
.shop_landing .box .main-img img {
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.shop_landing .box .main-img img:hover {
  transform: scale(1.05);
}
.shop_landing .box .title {
  font-size: 24px;
  font-weight: bold;
  color: #0074BD;
  margin: 0 -20px;
}
.shop_landing .box .desc {
  padding-bottom: 20px;
  min-height: 65px;
}
.shop_landing .box .icons .icon {
  background-color: #c7d3e5;
  border-radius: 20px;
  max-width: 40px;
  height: auto;
  margin: 0 5px;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.shop_landing .box .icons .icon:hover {
  background-color: #0074BD;
}
.shop_landing .box .icons .icon.disabled {
  transition: none;
  -webkit-transition: none;
}
.shop_landing .box .icons .icon.disabled:hover {
  background-color: #c7d3e5;
}
.shop_landing .col-md-6 .main-img img {
  max-width: 370px;
}

@media (max-width: 1199px) {
  .book-details {
    margin-bottom: 15px;
  }
  .book-details .image-wrapper {
    max-width: 162px;
  }
  .book-details .image-wrapper .image.image-large:after {
    width: 190px;
    height: 12px;
    left: -15px;
    bottom: -10px;
  }
  .book-details .description {
    margin: 0 0 30px 190px;
  }
}
@media (max-width: 767px) {
  .book-details .image-wrapper {
    margin: auto;
    float: none;
  }
  .book-details .description {
    margin: 20px 0;
  }
  .shop_landing .main-img img {
    max-width: 310px;
  }
  .clearfix .map-flags.pull-left {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  #toc > .row [class*=col-]:not(:only-child):first-child .toc {
    padding-right: 40px;
  }
  #toc > .row [class*=col-]:not(:only-child):last-child .toc {
    padding-left: 40px;
  }
}
#toc .toc {
  list-style-type: none;
  display: table;
  width: 100%;
  padding: 0;
}
#toc .toc .toc-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#toc .toc .toc-image img {
  max-width: 100px;
  margin-bottom: 10px;
}
#toc .toc h3 {
  margin: 0 0 10px 0;
  display: inline-block;
}
#toc .toc ul {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  clear: both;
}
#toc .toc ul li:hover {
  background: rgba(222, 229, 242, 0.3);
}
#toc .toc li {
  display: table-row;
}
#toc .toc .toc-title, #toc .toc .toc-page {
  display: table-cell;
  padding: 4px 0;
  color: #455771;
  font-size: 15px;
  border-bottom: 1px solid #dee5f2;
}
#toc .toc .toc-title {
  width: 90%;
}
#toc .toc .toc-page {
  width: 10%;
  text-align: right;
}

.item-description {
  overflow: hidden;
}

.section.software-shop-item {
  text-align: left;
}
.section.software-shop-item .container {
  overflow: hidden;
}
.section.software-shop-item .brand-logo {
  float: none;
  display: inline-block;
  position: static;
}
.section.software-shop-item .brand-logo i {
  margin-top: 7px;
}
.section.software-shop-item.gray {
  background: #f2f5f9;
}
@media (max-width: 1199px) {
  .section.software-shop-item .section-titles h2 {
    padding-bottom: 20px;
  }
}

.software-block .badge-wrapper i {
  top: -24px;
  right: -24px;
  font-size: 60px;
}
.software-block .wbox-content {
  padding: 30px;
  display: inline-block;
  width: 100%;
}

.software-image,
.software-description,
.software-price-block {
  display: inline-block;
  vertical-align: top;
}

.software-image {
  padding-right: 20px;
  width: 10%;
  white-space: nowrap;
}
.software-image .multiple {
  box-shadow: -5px -5px 0 rgba(62, 116, 209, 0.3), -10px -10px 0 rgba(62, 116, 209, 0.15);
}
.software-image img {
  max-width: 130px;
}
.software-image i {
  position: relative;
  top: 10px;
  margin: 0 5px;
  font-size: 30px;
  color: #ec165a;
}

@media (max-width: 767px) {
  .software-image img {
    max-width: 100px;
  }
}
.software-description {
  width: 24%;
}
.software-description.wide {
  width: 40%;
}
.software-description h3 {
  font-weight: bold;
  margin-top: 0;
  color: #0074BD;
}
.software-description span[title] {
  margin-left: 10px;
  color: #c7d3e5;
}

.software-price-block {
  vertical-align: bottom;
  width: 350px;
  text-align: right;
}
.software-price-block .lang_select {
  padding-left: 0;
  margin-bottom: 15px;
  text-align: left;
  white-space: normal;
}
.software-price-block .lang_select select {
  width: 150px;
}
.software-price-block .lang_select select[disabled] {
  pointer-events: none;
}
.software-price-block .lang_select .bootstrap-select.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.software-price-block .lang_select .bootstrap-select.disabled .btn .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .ui-dialog .ui-dialog-buttonpane button .filter-option img, .ui-dialog .ui-dialog-buttonpane .software-price-block .lang_select .bootstrap-select.disabled button .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-facebook .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-round .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-default .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-sausage .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-success .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-cadavr .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-yellow .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-yellow-2 .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-red .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-red-2 .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-white .filter-option img {
  filter: grayscale(100%);
  filter: gray; /* IE6-9 */
}
.software-price-block .price .original-price {
  color: #000000;
  margin-right: 15px;
  font-size: 15px;
  text-decoration: line-through;
}
.software-price-block .price .original-price .currency {
  font-size: 15px;
}
@media (min-width: 1200px) {
  .software-price-block .price {
    text-align: right;
    margin-bottom: 5px;
  }
}
.software-price-block del {
  margin-right: 20px;
}
.software-price-block .form-group {
  margin-top: 5px;
}

@media (max-width: 1199px) {
  .software-price-block .lang_select select {
    width: auto;
  }
  .software-description.wide {
    width: 45%;
  }
}
@media (max-width: 991px) {
  .software-price-block .lang_select {
    padding-left: 0;
    margin-top: 30px;
  }
  .software-price-block .lang_select select {
    width: auto;
  }
  .software-description.wide {
    width: 45%;
  }
}
.type-details-extra {
  padding-right: 8px;
  height: 67px;
}
.type-details-extra div {
  padding-left: 0;
}
.type-details-extra .type-details {
  float: left;
  padding-right: 10px;
  margin-top: 15px;
}
.type-details-extra .type-details .book-type {
  vertical-align: middle;
  display: inline-block;
}
.type-details-extra .type-details .book-type div[class*=type-] {
  padding: 0 5px 0 0;
}
.type-details-extra .type-details .book-type div[class*=type-] a i {
  margin: 0;
}
.type-details-extra .type-details .book-type div[class*=type-] a i:before {
  margin: 2px 0 0;
}
.type-details-extra .type-details .book-buttons {
  vertical-align: middle;
  display: inline-block;
}
.type-details-extra .button-extras {
  display: inline-block;
  float: left;
}

.shop-software-btns {
  margin: 0 -4px;
}
.shop-software-btns a {
  margin-inline: 2px;
}
.shop-software-btns .btn-large {
  margin-top: 15px;
}
.shop-software-btns i.fa {
  font-size: 21px;
  position: relative;
  display: inline-block;
  bottom: -2px;
  margin-top: -2px;
  margin-right: 5px;
}

.shop-software-more {
  padding: 5px 0 15px 0;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .shop-software-more {
    justify-content: center;
  }
}
.shop-software-more a {
  display: inline-block;
  padding: 0 10px 0 0;
  margin-right: 10px;
  border-right: 1px solid #cccccc;
}
.shop-software-more a:last-child {
  border-right: 0;
  margin: 0;
  padding: 0;
}

.info_holder_inner .software-image {
  padding-right: 0;
  width: auto;
  float: left;
  margin-right: 30px;
}

.mozamap-tabs .tabs-filled > li {
  position: relative;
  padding-bottom: 30px;
}
.mozamap-tabs .tabs-filled > li .price {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}

@media (max-width: 1024px) {
  .book-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1199px) {
  .software-block .wbox-content {
    padding: 20px;
  }
  .software-block .software-image {
    padding: 0;
  }
  .software-block .software-price-block {
    display: block;
    width: 100%;
    clear: both;
  }
  .section.software-shop-item {
    text-align: center;
  }
  .section.software-shop-item .brand-logo {
    display: block;
  }
  .section.software-shop-item .shop-software-btns {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .software-block .software-image {
    display: block;
    width: 100%;
    padding: 0;
  }
  .software-block .software-description {
    display: block;
    padding-top: 20px;
    width: 100%;
  }
}
.quantity-number-input {
  width: 75px !important;
  height: 35px !important;
  padding: 0 3px 0 10px !important;
  font-size: 18px;
  font-weight: bold;
  color: #949494;
}
.quantity-number-input::-webkit-inner-spin-button {
  opacity: 1;
}

.shop-qty-text {
  height: 35px !important;
  line-height: 33px !important;
  padding: 0 10px !important;
}

.calculated-qty-input {
  display: table-cell;
  position: relative;
}
.calculated-qty-input::after {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  background-color: #e38900;
  z-index: 2;
  opacity: 0;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}
.calculated-qty-input.blink::after {
  animation-name: blink;
  animation-duration: 0.3s;
}

.page-webshop .pagination {
  margin: 30px 0;
}

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

.download-steps {
  border-top: 1px solid #dee5f2;
  border-bottom: 1px solid #dee5f2;
  padding: 15px 0;
  margin: 20px 0;
}
.download-steps ol {
  margin: 0;
}

.lang-variant-holder {
  display: inline-block;
}

.book_list .catalog-list-flex {
  margin-top: 30px;
  min-width: 240px;
  border: 0;
  font-size: 15px;
}
.book_list .catalog-list-flex .catalog-list-cell > div {
  width: 100%;
}
.book_list .catalog-list-flex .catalog-list-cell h3 {
  margin-bottom: 15px;
  margin-top: 0;
}
.book_list .catalog-list-flex .catalog-list-cell h3 a {
  color: #455771;
  font-size: 18px;
}
.book_list .catalog-list-flex .catalog-list-cell ul {
  padding-left: 0;
  margin-bottom: 40px;
  list-style: none;
  max-width: 256px;
}
.book_list .catalog-list-flex .catalog-list-cell ul li {
  -js-display: flex;
  display: flex;
}
.book_list .catalog-list-flex .catalog-list-cell ul a {
  color: #455771;
}
.book_list .catalog-list-flex .catalog-list-cell ul a:hover {
  color: #008ce5;
}
.book_list .catalog-list-flex .title-bar.catalog_title {
  border: 0;
  width: 256px;
  padding-top: 2px;
  padding-bottom: 5px;
  font-size: 22px;
  position: relative;
  margin: 12px 0 15px;
}
.book_list .catalog-list-flex .title-bar.catalog_title a {
  line-height: 1.2;
  margin-top: 5px;
  margin-bottom: 7px;
}
.book_list .catalog-list-flex .title-bar.catalog_title.lower-grade {
  border-bottom: 1px solid #dee5f2;
}
.book_list .catalog-list-flex .title-bar.catalog_title.lower-grade a {
  color: #AA6631;
}
.book_list .catalog-list-flex .title-bar.catalog_title.top-grade {
  border-bottom: 1px solid #dee5f2;
}
.book_list .catalog-list-flex .title-bar.catalog_title.top-grade a {
  color: #5174a8;
}
.book_list .catalog-list-flex .title-bar.catalog_title.other {
  border-bottom: 1px solid #dee5f2;
}
.book_list .catalog-list-flex .title-bar.catalog_title.other a {
  color: #6B7480;
}
.book_list .catalog-list-flex .title-bar h4 {
  font-weight: bold;
  float: left;
}
.book_list .katalogus_button a {
  font-weight: normal;
  margin-left: 22px;
}
.book_list .bold {
  font-weight: bold !important;
}
.book_list .hu_special_filter {
  margin-left: 22px;
  font-size: 14px;
  padding: 0;
  display: block;
}
.book_list .hu_special_filter li a {
  font-weight: normal;
}
.book_list .noborder {
  border: 0;
}
.book_list .title_icon {
  height: 70px;
}
.book_list .subject_title {
  display: block;
  float: left;
  padding: 0;
  font-weight: bold;
}
.book_list .separator_title {
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%;
}
.book_list .separator_title h4 {
  font-size: 22px;
  font-weight: bold;
}
.book_list .separator_title .title_bar_link {
  font-size: 15px;
}
.book_list .separator_title .title_bar_link a {
  float: right;
  line-height: 35px;
  margin-top: 10px;
}
.book_list .lazy-load-bar-container {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.book_list .lazy-load-bar {
  width: 340px;
  margin: auto;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.book_list .lazy-load-bar.text {
  font-size: 16px;
  cursor: default;
}

@media (max-width: 700px) {
  .section-sm {
    width: 100% !important;
  }
  .margin-sm {
    display: none;
  }
  .marginlayer2-sm {
    position: unset !important;
    float: right;
    margin-left: 30px;
  }
}
.serie_view_content_list h4 {
  font-size: 20px;
  margin-top: 0;
}
.serie_view_content_list h4 .h4 {
  font-size: 22px;
}

.serie_description {
  margin-top: 40px;
}
.serie_description h4 {
  font-weight: bold;
  font-size: 15px;
}
.serie_description p {
  font-size: 14px;
}

.opened-book {
  position: relative;
}
.opened-book:after, .opened-book:before {
  bottom: 15px;
  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.3);
  content: "";
  left: 10px;
  max-width: 300px;
  position: absolute;
  top: 80%;
  transform: rotate(-3deg);
  width: 50%;
  z-index: -1;
}
.opened-book:after {
  left: auto;
  right: 10px;
  transform: rotate(3deg);
}

.opened-book-single-page {
  box-shadow: 0 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.book-page-item .opened-book, .book-page-item .opened-book-single-page {
  border: 1px solid #cccccc;
}
.book-page-item a > b {
  font-size: 15px;
}
.book-page-item a > b:before {
  content: "\a";
  white-space: pre;
}
.book-page-item.bulk img {
  max-height: 140px;
}
.book-page-item.grouped img {
  height: 160px;
}
.book-page-item .search_result_pagenum {
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}

.book-item {
  font-size: initial;
  text-align: center;
  position: relative;
  min-height: 250px;
  margin-bottom: 23px;
  margin-top: 35px;
  display: inline-block;
  width: 100%;
}
.book-item .title {
  font-size: 18px;
  display: block;
  margin: 10px 0 0 0;
}
.book-item .description {
  font-size: 15px;
}
.book-item .code {
  font-weight: bold;
  font-size: 15px;
}
.book-item .book-item-addon-info {
  float: right;
  text-align: right;
  line-height: 20px;
  margin-top: 0;
}
.book-item .syllabus_margin {
  margin: 10px 0;
}
.book-item .bookdetails_link {
  font-weight: bold;
}
.book-item .alcim {
  font-style: italic;
  margin-bottom: 10px;
}
.book-item .book {
  position: relative;
  max-width: 126px;
  margin: auto;
}
.book-item .book.encyclopedia a {
  max-width: none !important;
  width: 175px !important;
  left: -25px !important;
  top: 19px !important;
}
.book-item .book.encyclopedia a.image:after {
  background: none !important;
}
.book-item .row {
  margin-left: 0;
  margin-right: 0;
}
.book-item.block {
  margin-top: 0;
  margin-bottom: 15px;
}
.book-item .edition {
  margin-bottom: 10px;
}
.book-item .book_recommended {
  margin-left: 0;
  margin-right: 0;
}
.book-item .buy_button {
  min-width: 121px;
}
.book-item .next-to-pic {
  padding-left: 22px;
  display: inline-block;
  flex-grow: 1;
}
@media (max-width: 1199px) {
  .book-item .next-to-pic {
    flex-grow: 0;
    width: 100%;
  }
}
.book-item .next-to-pic .type-book {
  display: inline-block;
}
.book-item .next-to-pic .type-html {
  display: inline-block;
}
.book-item .serie_title {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 15px;
}
.book-item .image-div {
  display: inline-block;
  float: left;
  width: 143px;
  margin: 0;
  margin-top: 3px;
  flex-shrink: 0;
}
.book-item .image-div.other-printed {
  width: 114px;
}
@media (max-width: 1199px) {
  .book-item .image-div {
    margin: auto;
    margin-bottom: 20px;
  }
}
.book-item div.book-recommended-titles {
  font-weight: bold;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.book-item.thai-book .book {
  max-width: 204px !important;
  perspective: 300px;
  transform-style: preserve-3d;
}
.book-item.thai-book .book .image {
  display: block;
  transform: rotateY(0deg);
  transition-duration: 0.3s;
}
.book-item.thai-book .book .image .book-cover-link {
  position: relative;
  display: block;
  cursor: pointer;
  z-index: 30;
}
.book-item.thai-book .book .image.flip-right {
  transform: rotateY(15deg);
}
.book-item.thai-book .book .image.flip-left {
  transform: rotateY(-15deg);
}
.book-item.thai-book .book .image.flip:hover {
  transform: rotateY(15deg);
}
.book-item.thai-book .title {
  font-size: 18px !important;
}

.smartbook-container .book .book-type {
  display: grid;
  gap: 10px;
  position: absolute;
  bottom: 6px;
  right: -45px;
}
.smartbook-container .book .book-type div {
  cursor: initial;
  float: initial;
  padding: 0;
}
.smartbook-container .book .book-type div a {
  color: #b2c4da;
}
.smartbook-container .book .book-type div a:focus-visible, .smartbook-container .book .book-type div a:hover {
  color: #86b2d2;
}
.smartbook-container .book .book-type.encyclopedia div a {
  position: relative;
  bottom: 5px;
}
.smartbook-container .book .book-type.encyclopedia div i {
  font-size: 32px;
}

.book-type.encyclopedia {
  display: grid;
  gap: 10px !important;
  position: absolute !important;
  bottom: 101px !important;
  right: 31px !important;
  z-index: 25 !important;
}
.book-type.encyclopedia.rtl {
  right: 0 !important;
  left: 80px !important;
}
.book-type.encyclopedia .type-book {
  position: relative;
  bottom: 5px;
}

div.book_details_recommended_titles {
  font-weight: bold;
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 5px;
}

hr.left_list {
  border-bottom: 1px solid #dee5f2;
  border-top: 0;
}

div.col-md-3 ul.shop_left_main_ul {
  width: 80%;
}

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

.serie_page_title_block {
  display: inline-block;
}
.serie_page_title_block h4 a {
  color: #455771;
  font-weight: bold;
}

div.list-breadcrumb {
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 13px;
}
div.list-breadcrumb a {
  color: #88a9ce;
}
div.list-breadcrumb .text-muted {
  margin-left: 10px;
  margin-right: 10px;
}

.catalog-list-icon {
  width: 14px;
  margin: 5px 7px 6px 2px;
  float: left;
}

.book-author-info {
  margin-bottom: 4px;
  padding-right: 8px;
}

@media (max-width: 1024px) {
  .book-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
div.multi-col-list {
  margin-top: 5px;
}
div.multi-col-list .column {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}
div.multi-col-list .column .cell img {
  height: 12px;
  margin-right: 8px;
  margin-bottom: 3px;
}
div.multi-col-list .column .cell a {
  font-size: 14px;
}
div.multi-col-list .column .cell a.active {
  font-weight: bold;
  color: #0074BD;
}
div.multi-col-list .column .cell a.inactive {
  color: #88a9ce;
  font-weight: 600;
}

.serie-view-icon-container {
  width: 90px;
}
@media (min-width: 768px) {
  .serie-view-icon-container {
    display: inline-block;
    float: left;
  }
}

@media (min-width: 768px) {
  .serie-view-conent-container {
    display: inline-block;
    flex-grow: 1;
    padding-left: 30px;
  }
}
.book-name-info {
  padding-left: 0;
}

@media (max-width: 767px) {
  .mb0-sm {
    margin-bottom: 0;
  }
  .book-item {
    padding: 0;
    margin-top: 0;
  }
  .serie_description p {
    margin: 0 0 10px;
  }
  .book-name-info {
    margin-bottom: 10px;
  }
  .book-author-info {
    text-align: center;
  }
  .book-item .book-item-addon-info {
    float: left;
    text-align: left;
  }
}
.list-element-row {
  -js-display: flex;
  display: flex;
}
@media (max-width: 1199px) {
  .list-element-row {
    flex-wrap: wrap;
  }
}

.book-contents-row {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dee5f2;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 40px;
}
.book-contents-row.noborder {
  border-bottom: 0;
}
.book-contents-row .count_div {
  margin-top: 2px;
  display: inline-block;
  padding-right: 8px;
  text-align: right;
  float: right;
}
.book-contents-row .col-sm-1 {
  padding: 0;
}

@media (max-width: 767px) {
  .book-details .extras .extra i.fill-square.size-30, .book-details .extras i.fill-square.size-30 {
    font-size: 27px;
    padding: 4px;
  }
}
.book-item-price-fields-container {
  padding-right: 0;
}

.book-item-price-fields {
  text-align: right;
  margin-top: -19px;
}
.book-item-price-fields div {
  line-height: 17px;
  margin-bottom: 10px;
  margin-right: 4px;
}

.title-bar:nth-of-type(2) {
  margin-top: 0;
}
.title-bar:nth-of-type(2) h4 {
  margin-top: 0;
}
.title-bar:nth-of-type(2).title_bar_link {
  margin-top: 0;
}
.title-bar:nth-of-type(2).title_bar_link a {
  padding: 0;
}

.title_bar_link {
  float: right;
  line-height: 35px;
  margin-top: 10px;
}

.inner-series-title {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 15px;
  color: #455771;
}

.wbox.shop-inner {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-bottom: 26px;
}
.wbox.shop-inner .wbox-title {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}
.wbox.shop-inner .wbox-title .wbox-title-text {
  display: inline-block;
  padding: 8px 20px;
}
.wbox.shop-inner .wbox-title .wbox-title-icon {
  display: inline-block;
  float: right;
  padding-top: 1px;
}
.wbox.shop-inner .wbox-title [class^=mwicon-], .wbox.shop-inner .wbox-title [class*=" mwicon-"] {
  color: #ffffff;
  font-size: 38px;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .wbox.shop-inner .wbox-title [class^=mwicon-], .wbox.shop-inner .wbox-title [class*=" mwicon-"] {
    display: none;
  }
}
.wbox.shop-inner .wbox-title [class^=mwicon-].mwicon-booktype_classroom, .wbox.shop-inner .wbox-title [class*=" mwicon-"].mwicon-booktype_classroom {
  padding-right: 8px;
}
.wbox.shop-inner .wbox-content {
  padding: 16px;
  font-size: 13px;
  padding-bottom: 5px;
}
.wbox.shop-inner .wbox-content .qty-input {
  margin-bottom: 10px;
  margin-right: 0;
}
.wbox.shop-inner .wbox-content .content-top {
  margin-bottom: 8px;
}
.wbox.shop-inner .wbox-content .details-button {
  vertical-align: top;
  cursor: pointer;
}
.wbox.shop-inner .wbox-content .content-left {
  display: inline-block;
  width: 46%;
  float: left;
}
.wbox.shop-inner .wbox-content .content-left.wide {
  width: 60%;
}
.wbox.shop-inner .wbox-content .content-right {
  display: inline-block;
  width: 52%;
  text-align: right;
  margin-top: 0;
  float: right;
  padding-right: 7px;
}
.wbox.shop-inner .wbox-content .content-middle-price {
  display: inline-block;
  width: 100%;
}
.wbox.shop-inner .wbox-content .content-middle-price .details-div {
  display: inline-block;
}
.wbox.shop-inner .wbox-content .content-middle-price .details-div .tooltip-inner {
  width: 290px;
  min-width: 290px;
}
.wbox.shop-inner .wbox-content .content-middle-price .details-div .text-left {
  font-size: 13px;
  color: #455771;
}
.wbox.shop-inner .wbox-content .content-middle-price .details-div .text-left li {
  list-style-type: disc;
  padding: 0;
  background: none;
}
.wbox.shop-inner .wbox-content .content-middle-price .details-div .text-left ul {
  padding-left: 25px;
  margin-top: 5px;
}
.wbox.shop-inner .wbox-content .content-middle-right {
  line-height: 1;
  margin-bottom: 5px;
  display: inline-block;
  text-align: right;
  margin-top: 0;
  float: right;
  padding-right: 8px;
}

.inner-cart-form {
  margin-bottom: 0;
  margin-top: 5px;
  padding-right: 8px;
  text-align: right;
}
.inner-cart-form.printed {
  padding-right: 3px;
}
.inner-cart-form .license-length-field {
  vertical-align: top;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 0;
}
.inner-cart-form .input-group {
  margin-right: 15px;
  display: inline-block;
}
.inner-cart-form .input-group .quantity-number-input {
  border-radius: 4px;
}
.inner-cart-form .add-to-cart-wrapper {
  vertical-align: top;
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 10px;
}
.inner-cart-form .add-to-cart-wrapper .btn.green, .inner-cart-form .add-to-cart-wrapper .ui-dialog .ui-dialog-buttonpane button.green, .ui-dialog .ui-dialog-buttonpane .inner-cart-form .add-to-cart-wrapper button.green, .inner-cart-form .add-to-cart-wrapper .green.btn-facebook, .inner-cart-form .add-to-cart-wrapper .green.btn-round, .inner-cart-form .add-to-cart-wrapper .green.btn-default, .inner-cart-form .add-to-cart-wrapper .green.btn-sausage, .inner-cart-form .add-to-cart-wrapper .green.btn-success, .inner-cart-form .add-to-cart-wrapper .green.btn-cadavr, .inner-cart-form .add-to-cart-wrapper .green.btn-yellow, .inner-cart-form .add-to-cart-wrapper .green.btn-yellow-2, .inner-cart-form .add-to-cart-wrapper .green.btn-red, .inner-cart-form .add-to-cart-wrapper .green.btn-red-2, .inner-cart-form .add-to-cart-wrapper .green.btn-white {
  background-color: #0dbf6d;
  border-color: #0dbf6d;
  padding: 7px 20px;
}
.inner-cart-form .add-to-cart-wrapper .btn[disabled], .inner-cart-form .add-to-cart-wrapper .ui-dialog .ui-dialog-buttonpane button[disabled], .ui-dialog .ui-dialog-buttonpane .inner-cart-form .add-to-cart-wrapper button[disabled], .inner-cart-form .add-to-cart-wrapper [disabled].btn-facebook, .inner-cart-form .add-to-cart-wrapper [disabled].btn-round, .inner-cart-form .add-to-cart-wrapper [disabled].btn-default, .inner-cart-form .add-to-cart-wrapper [disabled].btn-sausage, .inner-cart-form .add-to-cart-wrapper [disabled].btn-success, .inner-cart-form .add-to-cart-wrapper [disabled].btn-cadavr, .inner-cart-form .add-to-cart-wrapper [disabled].btn-yellow, .inner-cart-form .add-to-cart-wrapper [disabled].btn-yellow-2, .inner-cart-form .add-to-cart-wrapper [disabled].btn-red, .inner-cart-form .add-to-cart-wrapper [disabled].btn-red-2, .inner-cart-form .add-to-cart-wrapper [disabled].btn-white {
  cursor: default;
}

.slick-slider .slide {
  height: -moz-fit-content;
  height: fit-content;
}

.js-extra-panel-holder {
  margin-top: 20px;
}

.available-lang-container .active {
  border-radius: 50%;
  border: 2px solid #0074BD;
}

#cimadatok_div .form-group, #table_alapadatok_editor .form-group, #user_adatlap_jelszo_form .form-group {
  margin-bottom: 7px;
}
#cimadatok_div label, #table_alapadatok_editor label, #user_adatlap_jelszo_form label {
  padding: 5px 0;
}
#cimadatok_div .control-label, #table_alapadatok_editor .control-label, #user_adatlap_jelszo_form .control-label {
  padding: 0 15px;
}

#table_intezmenyadatok_editor {
  position: relative;
}
#table_intezmenyadatok_editor .post-prof-edit-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}
#table_intezmenyadatok_editor #tanar_csop_mozanaplo.active {
  color: #6085e3;
}
#table_intezmenyadatok_editor #tanar_csop_mozaweb.active {
  color: #df5c37;
}
#table_intezmenyadatok_editor #tanar_csop_mozabook.active {
  color: #2ccc6f;
}

.post-prof-view h4, .post-prof-edit h4 {
  border-bottom: none;
  margin-bottom: 0;
  font-weight: bold;
  padding-bottom: 10px;
}

#table_intezmenyadatok_editor .checkbox, #intezmeny_div .checkbox {
  width: 25%;
  float: left;
  margin: 3px 0;
}

.btn img, .ui-dialog .ui-dialog-buttonpane button img, .btn-facebook img, .btn-round img, .btn-default img, .btn-sausage img, .btn-success img, .btn-cadavr img, .btn-yellow img, .btn-yellow-2 img, .btn-red img, .btn-red-2 img, .btn-white img {
  max-width: inherit;
}

.form-group-text {
  min-height: 32px;
  line-height: 32px;
}

.form-control[disabled], [disabled].cke_editable, .form-control[readonly], [readonly].cke_editable, fieldset[disabled] .form-control, fieldset[disabled] .cke_editable {
  background-color: rgba(222, 229, 242, 0.4);
}

.filter-boxes div {
  margin-right: 15px;
}

.inline-pager .col-md-12 {
  padding-right: 0;
}
.inline-pager .pagination {
  margin: 0;
  float: right;
}

.user-profile-userdata {
  max-width: 800px;
}
.user-profile-userdata dt {
  font-weight: bold;
  color: #455771;
}

.profile-addressee dt {
  font-weight: bold;
  color: #455771;
}

.container.loading:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/moza_loader.gif) no-repeat center rgba(255, 255, 255, 0.7);
  background-size: 100px;
}

#merge-preview table tr th:first-child {
  text-align: right;
}

.profsContainer {
  padding: 0;
  -js-display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.skill-group-anyanyelv {
  order: -1;
}

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

.profs {
  margin-bottom: 10px;
}

.institute-final-divider {
  width: 70%;
  margin: 10px auto;
}

@media (max-width: 991px) {
  .text-align-right {
    text-align: left;
  }
  .profs {
    margin-bottom: 0;
  }
  .institute-final-divider {
    width: 90%;
  }
  .prof-item {
    width: 80px;
  }
  #table_intezmenyadatok_editor .checkbox {
    width: 35%;
  }
}
.tooltip {
  width: auto;
}
.tooltip .tooltip-inner {
  max-width: 300px !important;
}

@media (max-width: 767px) {
  .posts-and-profs {
    margin-left: 50px;
  }
}
@media (max-width: 490px) {
  #table_intezmenyadatok_editor .checkbox {
    width: 240px;
  }
}
@media (max-width: 420px) {
  .modify-hide {
    display: none;
  }
}
@media (max-width: 375px) {
  .posts-and-profs {
    margin-left: 20px;
  }
}
.user-group-change-info {
  top: -2px;
}

.media-item {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  -js-display: flex;
  display: flex;
  flex-direction: column;
}
.media-item.faq-result {
  min-height: 230px;
}
.media-item.editing {
  min-height: 360px;
  position: relative;
}
.media-item.editing .media-item-editblock {
  z-index: 49;
  padding: 0 10px;
  position: relative;
  margin-top: auto;
}
.media-item .item-image {
  width: 100%;
}
.media-item .item-image > div:first-child {
  overflow: hidden;
}
.media-item .item-image .corner-link {
  position: absolute;
  bottom: 0;
  /*rtl:ignore*/
  left: 0;
  width: 44px;
  height: 44px;
  z-index: 49;
}
.media-item .item-image > div:first-child > a:not(.corner-link) {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 48;
}
.media-item .item-image > div:first-child > a:not(.corner-link) img {
  vertical-align: top;
}
.media-item .item-image img:not(.tool-content-icon) {
  transition: transform ease-in 0.4s;
}
.media-item .item-image:hover img:not(.tool-content-icon) {
  transform: scale(1.1);
}
.media-item .image {
  margin-bottom: 0;
}
.media-item img {
  width: 100%;
}
.media-item .item-admin-languages {
  margin-bottom: 10px;
}
.media-item .item-admin-languages a {
  position: relative;
  display: inline-block;
}
.media-item .item-admin-languages a span {
  position: absolute;
  top: 0;
  right: -2px;
  background: #0074BD;
  color: #ffffff;
  font-size: 10px;
  border-radius: 10px;
  padding: 0 5px;
  display: inline-block;
}
.media-item .item-admin-languages a img {
  border: 1px solid #ffffff;
  width: auto;
}
.media-item.media-item-tool {
  min-height: 250px;
}

.quiz-overlay {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
  transition: all 300ms ease;
}
.quiz-overlay:hover {
  background-color: gray;
  opacity: 0.5;
}

.grade-helper {
  -js-display: flex;
  display: flex;
  background-color: #778292;
  gap: 2px;
  padding-inline: 2px;
}
.grade-helper .line {
  width: 100%;
  height: 3px;
  margin-block: 2px;
  background-color: #fff03d;
  opacity: 0.4;
}
.grade-helper .line.grade-matches {
  opacity: 0.7;
}
.grade-helper .line.grade-matches.selected {
  opacity: 1;
}
.grade-helper .large-gap {
  padding-inline: 2px;
}

.portal-solutions .media-item {
  min-height: 290px;
}
.portal-solutions .media-item-title {
  word-wrap: break-word;
}

.user-manual-videos .portal-solutions .media-item {
  min-height: 240px;
}
.user-manual-videos .portal-solutions .media-item h4 {
  font-size: 15px;
}

.portal-nav-right {
  -js-display: flex;
  display: flex;
  float: right;
  align-items: center;
}
.portal-nav-right a {
  padding-left: 22px;
  color: #455771;
}
.portal-nav-right i {
  font-size: 33px;
  color: #acbddd;
  cursor: pointer;
}

.title-row .promo-nav-back-container {
  float: left;
  font-size: 35px;
  line-height: 31px;
  margin-right: 15px;
  color: #acbddd;
  cursor: pointer;
}
.title-row .promo-nav-back-container ul {
  white-space: nowrap;
}
.title-row .promo-nav-back-container ul span {
  font-size: 16px;
}
.title-row .promo-nav-back-container ul ul {
  padding: 5px 0 5px 0;
}

.title-row .container h1 i.promo-nav-back {
  color: #acbddd;
  font-size: 30px;
  cursor: pointer;
}

.favorites-row .media-item {
  min-height: initial;
  margin-bottom: 25px;
}

.favorites-row .game-item, .favorites-row .tool-item {
  min-height: initial;
  margin-bottom: 25px;
}

.item-action-btn i {
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

.page-mediatar .pagination {
  margin: 30px 0;
}

.nav-icons {
  list-style-type: none;
  margin: 0 0 35px 0;
  padding: 0;
  text-align: center;
}
.nav-icons li {
  position: relative;
  display: inline-block;
  margin: 0 0 0 -4px;
  text-align: center;
  min-width: 100px;
}
@media (max-width: 1199px) {
  .nav-icons li {
    min-width: 80px;
  }
}
.nav-icons li > a {
  display: block;
  word-break: break-word;
  margin: 0 2px;
  background: #f2f5f9;
  box-shadow: 0 2px 2px rgba(69, 87, 113, 0.2) inset;
  border-radius: 3px;
  padding: 8px 8px 12px;
  transition: color 0.3s;
}
.nav-icons li i, .nav-icons li span {
  display: block;
}
.nav-icons li i {
  font-size: 42px;
  margin-bottom: 4px;
}
.nav-icons li span {
  color: #455771;
  font-size: 13px;
}
.nav-icons li:hover .icon-link {
  color: #003557;
}
.nav-icons li:hover .icon-link.inactive {
  color: #455771;
}
.nav-icons li .icon-link.inactive {
  color: #8c97a7;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.nav-icons li .icon-link.arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 10px solid transparent;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  border-bottom-color: #0074BD;
}
.nav-icons li .icon-submenu {
  position: absolute;
  left: 50%;
  transform: translateX(calc(-50% + var(--js-change-position, 0px)));
}
.nav-icons li .icon-submenu:before {
  content: " ";
  display: block;
  position: absolute;
  border-top: 1px solid #c4c7cf;
  width: calc(100% - 20px);
  left: 0;
  right: 0;
  margin: auto;
}
.nav-icons li .icon-submenu > div {
  position: relative;
  -js-display: flex;
  display: flex;
  padding-top: 5px;
}
.nav-icons li .icon-submenu > div a {
  white-space: nowrap;
  padding: 0 10px;
  margin: 3px 0;
  font-size: 13px;
  position: relative;
}
.nav-icons li .icon-submenu > div a.active {
  color: #0074BD;
}
.nav-icons li .icon-submenu > div a:not(:last-child):after {
  content: " ";
  right: 0;
  top: 0;
  margin: 6px 0;
  width: 1px;
  position: absolute;
  height: calc(100% - 10px);
  border-right: 1px solid #c4c7cf;
}
.nav-icons.small-menu li {
  vertical-align: top;
  word-break: break-all;
  cursor: pointer;
}
.nav-icons.small-menu li a {
  min-height: 100px;
  max-width: 110px;
}
@media (min-width: 1199px) {
  .nav-icons.small-menu li a {
    width: 110px;
  }
}

.tool-icon, .quiz-icon {
  height: 64px;
}

@media (max-width: 519px) {
  .quiz-title {
    font-size: 18px !important;
  }
}

.quiz-description, .tool-description {
  font-size: 16px;
  padding-right: 5px;
}
@media (max-width: 519px) {
  .quiz-description, .tool-description {
    font-size: 13px !important;
  }
}

.quiz-nav-icons {
  -js-display: inline-flex;
  display: inline-flex;
  font-size: 26px;
  place-items: center;
  -moz-column-gap: 17px;
  column-gap: 17px;
}
@media (min-width: 768px) {
  .quiz-nav-icons {
    margin-right: 20px;
  }
}
@media (max-width: 375px) {
  .quiz-nav-icons {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
}

@media (max-width: 519px) {
  .media-item .item-image {
    display: block;
  }
  .media-item .item-image img {
    width: 100%;
    height: auto;
  }
  .media-item.media-item-sound, .media-item.media-item-image {
    min-height: 220px;
    margin-bottom: 20px;
  }
  .media-item-wrapper,
  .tools-container-item {
    width: 100%;
  }
}
@media (max-width: 519px) {
  .media-item-wrapper {
    width: 100%;
  }
  .media-item {
    min-height: inherit;
    margin-bottom: 20px;
  }
}
.search-tool-content-img {
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.tool-content-icon-background {
  background: #0074BD;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  width: 33px !important;
  height: 33px !important;
  outline: 2px solid #ffffff;
  border-radius: 0 6px 0 0;
  -js-display: flex;
  display: flex;
  align-items: flex-end;
}
.tool-content-icon-background .tool-content-icon {
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 0 2px white);
}

.mylearn-quiz-header-title {
  background-color: #11A4B1;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 1px;
}
.mylearn-quiz-header-title .widget-action-buttons {
  color: #ffffff;
  cursor: default;
  -js-display: flex;
  display: flex;
}
.mylearn-quiz-header-title .widget-action-buttons a {
  width: 100%;
}
.mylearn-quiz-header-title .widget-action-buttons i {
  cursor: help;
  position: relative;
  float: right;
}

.mylearn-quiz-item-container {
  display: block !important;
}
.mylearn-quiz-item-container a {
  color: #ffffff;
}
.mylearn-quiz-item-container iframe {
  max-height: unset !important;
}

.quiz-item-container, .mylearn-page .mylearn-quiz-item-container, .mylearn-quiz-item-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
.quiz-item-container .results-column, .mylearn-quiz-item-container .results-column {
  margin-inline: 10px;
}
.quiz-item-container .results-column > div:not(:first-child), .mylearn-quiz-item-container .results-column > div:not(:first-child) {
  margin-top: 20px;
}
.quiz-item-container .results-column > .last-results, .mylearn-quiz-item-container .results-column > .last-results {
  color: #748093;
}
.quiz-item-container .results-column > .last-results > .title, .mylearn-quiz-item-container .results-column > .last-results > .title {
  text-transform: uppercase;
}
.quiz-item-container .results-column > .last-results .js-content, .mylearn-quiz-item-container .results-column > .last-results .js-content {
  font-size: 14px;
}
.quiz-item-container .results-column > .last-results .js-content.transition, .mylearn-quiz-item-container .results-column > .last-results .js-content.transition {
  transform: translateY(42px);
  transition: transform 200ms ease-in-out;
}
.quiz-item-container .results-column > .last-results .js-content.transition .content-block:last-child, .mylearn-quiz-item-container .results-column > .last-results .js-content.transition .content-block:last-child {
  transition: opacity 200ms ease-in-out;
  opacity: 0;
}
.quiz-item-container .results-column > .last-results .content-block, .mylearn-quiz-item-container .results-column > .last-results .content-block {
  display: grid;
  grid-template-columns: 25px auto;
  padding: 10px 0;
  border-bottom: 1px solid #dee5f2;
}
.quiz-item-container .results-column > .last-results .content-block:last-child, .mylearn-quiz-item-container .results-column > .last-results .content-block:last-child {
  border-bottom: 0;
}
.quiz-item-container .results-column > .last-results .content-block > .result, .mylearn-quiz-item-container .results-column > .last-results .content-block > .result {
  display: grid;
  align-content: center;
}
.quiz-item-container .results-column > .last-results .content-block > .result > .result-dot, .mylearn-quiz-item-container .results-column > .last-results .content-block > .result > .result-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--result-color, #000000);
}
.quiz-item-container .results-column > .last-results .content-block > .title, .mylearn-quiz-item-container .results-column > .last-results .content-block > .title {
  font-weight: bold;
  white-space: nowrap;
  font-size: 14px;
}
.quiz-item-container .results-column > .recommended > .title, .mylearn-quiz-item-container .results-column > .recommended > .title {
  text-transform: uppercase;
}
.quiz-item-container .results-column > .recommended .content-block, .mylearn-quiz-item-container .results-column > .recommended .content-block {
  padding: 10px 0;
  border-bottom: 1px solid #dee5f2;
}
.quiz-item-container .results-column > .recommended .content-block:last-child, .mylearn-quiz-item-container .results-column > .recommended .content-block:last-child {
  border-bottom: 0;
}
.quiz-item-container .results-column > .recommended .content-block > .title, .mylearn-quiz-item-container .results-column > .recommended .content-block > .title {
  font-weight: bold;
  white-space: nowrap;
}
@media (min-width: 991px) {
  .quiz-item-container, .mylearn-page .mylearn-quiz-item-container, .mylearn-quiz-item-container {
    grid-template-columns: 1fr 3fr;
    grid-auto-flow: column;
  }
  .quiz-item-container .iframe-box, .mylearn-quiz-item-container .iframe-box {
    grid-column: 0;
  }
  .quiz-item-container .results-column, .mylearn-quiz-item-container .results-column {
    margin-left: 0;
    grid-column: 1;
  }
}
.quiz-item-container .tool-full-page-loader, .mylearn-quiz-item-container .tool-full-page-loader {
  position: initial !important;
  top: initial !important;
  min-height: 50vh;
}

@keyframes progressAnimation {
  0% {
    width: 1%;
  }
  100% {
    width: 100%;
  }
}
.not-published {
  color: #7b7b7b !important;
}

.default-image-style {
  box-shadow: none !important;
  border: none !important;
  background: #d0e8f4 !important;
  position: relative !important;
  height: auto !important;
  width: 100% !important;
}
.default-image-style img {
  width: 120px;
  height: 120px;
}

.utils-paginator {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .utils-paginator {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .utils-paginator div {
    text-align: center;
  }
  .utils-paginator div .pull-right {
    float: unset !important;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
  }
}
.utils-paginator .pagination {
  margin-top: 0;
}
.utils-paginator .pagination > li > a {
  font-size: 15px;
  padding: 6px 9px 6px 9px;
}
@media (max-width: 519px) {
  .utils-paginator .pagination > li > a {
    padding: 6px 4px;
  }
}
.utils-paginator .pagination > li > a > i[class^=mwicon-], .utils-paginator .pagination > li > a > i[class*=" mwicon-"] {
  font-size: 19px;
}
.utils-paginator .w-auto {
  width: auto;
}

.inline-pager .utils-paginator {
  margin-top: 0;
}

#map {
  margin-top: 30px;
}

.game-item, .tool-item {
  min-height: 300px;
  text-align: center;
}
.game-item .wbox img, .game-item .box img, .tool-item .wbox img, .tool-item .box img {
  height: 130px;
}
.game-item .wbox .corner-link > i, .game-item .box .corner-link > i, .tool-item .wbox .corner-link > i, .tool-item .box .corner-link > i {
  overflow: hidden;
}
.game-item .box, .tool-item .box {
  padding: 0;
}

.course-extra .wbox, .course-extra .box {
  height: 140px;
  box-shadow: none;
  background: #d0e8f4;
  position: relative;
}
.course-extra .wbox img, .course-extra .box img {
  height: 70px;
  width: 70px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}
.course-extra .wbox a, .course-extra .box a {
  height: 100%;
}
.course-extra .box {
  padding: 0;
}

@media (max-width: 767px) {
  .tools-container .tools-container-item:last-child {
    margin-bottom: 120px;
  }
}
.col-md-2 .tool-item {
  min-height: 230px;
}

.tool-item .mwicon-menu_dot_vert {
  position: relative;
  top: 0px;
  font-size: 26px;
}

.icon_wrapper {
  border: 2px solid white;
}

.tool-item .wbox {
  box-shadow: none;
  border: none;
  background: #d0e8f4;
  position: relative;
}
.tool-item .wbox .game_icon {
  aspect-ratio: 14/7;
  display: block;
}
.tool-item .wbox img {
  height: 100%;
  width: auto;
}
.tool-item .wbox .tool_states.disabled {
  pointer-events: none;
}

.tool-item.quiz-mode-tool .wbox {
  aspect-ratio: 160/87;
}
.tool-item.quiz-mode-tool .wbox img {
  max-width: 100%;
  height: auto;
}
.tool-item.quiz-mode-tool .wbox .open-in-window {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
.tool-item.quiz-mode-tool .wbox .item-actions {
  bottom: 8px;
}
.tool-item.quiz-mode-tool .wbox .item-actions .item-action-btn i {
  font-size: 32px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

.media-item .icon_wrapper .open-in-window {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  z-index: 49;
}

.item-image .wbox {
  border: none;
}

.icon_wrapper {
  border: none;
}

.tools-container .wbox {
  height: 140px;
}
.tools-container .wbox .game_icon img {
  padding-top: 5px;
  height: 120px !important;
}

@media (max-width: 1199px) {
  .tool-item {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .tool-item {
    min-height: inherit;
  }
}
@media (max-width: 991px) {
  .event_list .nav-tabs .active-tab-m a {
    background: #0074BD;
    border: 0;
    color: #ffffff;
  }
  .tab-content > .active-tab-m {
    display: block;
  }
}
.book-pack-list-item {
  margin-bottom: 30px;
}
.book-pack-list-item h2 {
  margin-top: 0;
}
.book-pack-list-item .price {
  margin-right: 10px;
}
.book-pack-list-item .book-pack-sublist {
  padding: 0;
  border: 0;
}
.book-pack-list-item .book-pack-sublist div {
  display: none;
  padding: 10px;
  background: rgba(134, 178, 210, 0.2);
}
.book-pack-list-item .book-pack-sublist div table {
  margin: 0;
}
.book-pack-list-item .pack-item-cover {
  max-width: 130px;
}

.js-joininstitute .help-block.om {
  height: 22px;
}

#main-content .main-notice {
  margin: 0;
}

.alert-important {
  background-color: #FDE8D6;
}

.magazines-header {
  position: relative;
  z-index: 1;
  height: 200px;
  overflow: hidden;
}
.magazines-header .bck {
  position: absolute;
  height: 200px;
  width: 100%;
  top: 0;
  z-index: -1;
}
.magazines-header .bck .bck-top {
  height: 100px;
}
.magazines-header .bck .bck-top .cntHeadLink {
  color: #374c6a;
  margin-top: 20px;
  position: absolute;
  z-index: 20;
}
.magazines-header .bck .bck-top .cntHeadLink a {
  color: #374c6a;
  margin: 0px 4px;
}
.magazines-header .bck .bck-top .cntHeadLink a:first-child {
  margin-left: 0;
}
.magazines-header .bck .bck-top .cntHeadLink a:last-child {
  margin-right: 0;
}
.magazines-header .bck .bck-top .cntHeadLink a:first-letter {
  text-transform: uppercase;
}
.magazines-header .bck .bck-top .magazines-icon {
  max-width: 52px;
  z-index: 1;
}
.magazines-header .bck .bck-top .opus-szinter {
  position: absolute;
  z-index: 10;
  margin-top: 40px;
}
.magazines-header .bck .bck-top .text {
  font-family: "NeoSansPro-Medium";
  font-size: 50px;
  line-height: 1;
  color: #ffffff;
  position: absolute;
  bottom: -6px;
  z-index: 1;
}
@media (max-width: 767px) {
  .magazines-header .bck .bck-top .text {
    font-size: 8vw;
    bottom: -3px;
  }
}
.magazines-header .bck .bck-top .text-small {
  font-size: 21px;
  color: #ffffff;
}
.magazines-header .bck .bck-bottom {
  height: 100px;
}
.magazines-header .bck .bck-bottom img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .magazines-header .bck .bck-bottom img {
    width: 70%;
  }
}
@media (max-width: 991px) {
  .magazines-header .bck .bck-bottom img {
    width: 64%;
  }
}
@media (max-width: 767px) {
  .magazines-header .bck .bck-bottom img {
    width: 74%;
  }
}
.magazines-header .bck .bck-bottom .text {
  font-family: "NeoSansPro-Light";
  font-size: 70px;
  line-height: 51px;
  top: 15px;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .magazines-header .bck .bck-bottom .text {
    font-size: 50px;
  }
}
.magazines-header .bck .container {
  position: relative;
  height: 100%;
}
.magazines-header.magazines-main .bck .bck-top {
  background-color: #febc66;
}
.magazines-header.magazines-main .bck .bck-bottom {
  background-color: #ffa227;
}
.magazines-header.magazines-matematika .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-matematika .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-matematika .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-matematika .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-matematika .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-matematika .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-matematika .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-matematika .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-matematika .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-matematika .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-matematika .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-matematika .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-matematika .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-matematika .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-matematika .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-matematika .bck .bck-top {
  background-color: #ec642f;
}
.magazines-header.magazines-matematika .bck .bck-top .text {
  color: #ffe721;
}
.magazines-header.magazines-matematika .bck .bck-bottom {
  background-color: #db460c;
}
.magazines-header.magazines-fizika .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-fizika .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-fizika .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-fizika .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-fizika .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-fizika .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-fizika .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-fizika .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-fizika .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-fizika .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-fizika .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-fizika .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-fizika .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-fizika .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-fizika .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-fizika .bck .bck-top {
  background-color: #4d4fd2;
}
.magazines-header.magazines-fizika .bck .bck-top .text {
  left: 70px;
}
.magazines-header.magazines-fizika .bck .bck-bottom {
  background-color: #3435ab;
}
.magazines-header.magazines-fizika .bck .bck-bottom img {
  bottom: -108px;
}
@media (max-width: 991px) {
  .magazines-header.magazines-fizika .bck .bck-bottom img {
    bottom: -66px;
  }
}
.magazines-header.magazines-kemia .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-kemia .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-kemia .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-kemia .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-kemia .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-kemia .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-kemia .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-kemia .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-kemia .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-kemia .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-kemia .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-kemia .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-kemia .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-kemia .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-kemia .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-kemia .bck .bck-top {
  background-color: #cd2848;
}
.magazines-header.magazines-kemia .bck .bck-bottom {
  background-color: #ad1634;
}
.magazines-header.magazines-kemia .bck .bck-bottom img {
  bottom: -86px;
}
@media (max-width: 991px) {
  .magazines-header.magazines-kemia .bck .bck-bottom img {
    bottom: -66px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-kemia .bck .bck-bottom img {
    right: -65px;
  }
}
.magazines-header.magazines-biologia .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-biologia .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-biologia .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-biologia .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-biologia .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-biologia .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-biologia .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-biologia .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-biologia .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-biologia .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-biologia .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-biologia .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-biologia .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-biologia .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-biologia .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-biologia .bck .bck-top {
  background-color: #0062b8;
}
.magazines-header.magazines-biologia .bck .bck-bottom {
  background-color: #004d91;
}
.magazines-header.magazines-biologia .bck .bck-bottom img {
  bottom: -118px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-biologia .bck .bck-bottom img {
    bottom: -80px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-biologia .bck .bck-bottom img {
    bottom: -66px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-biologia .bck .bck-bottom img {
    right: -103px;
  }
}
.magazines-header.magazines-foldrajz .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-foldrajz .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-foldrajz .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-foldrajz .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-foldrajz .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-foldrajz .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-foldrajz .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-foldrajz .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-foldrajz .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-foldrajz .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-foldrajz .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-foldrajz .bck .bck-top {
  background-color: #3d9351;
}
.magazines-header.magazines-foldrajz .bck .bck-bottom {
  background-color: #2f7f42;
}
.magazines-header.magazines-foldrajz .bck .bck-bottom img {
  bottom: -217px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-foldrajz .bck .bck-bottom img {
    bottom: -233px;
    width: 54%;
    right: -103px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-foldrajz .bck .bck-bottom img {
    bottom: -197px;
    width: 63%;
    right: -239px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-foldrajz .bck .bck-bottom img {
    width: 450px;
  }
}
.magazines-header.magazines-csengoszo .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-csengoszo .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-csengoszo .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-csengoszo .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-csengoszo .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-csengoszo .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-csengoszo .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-csengoszo .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-csengoszo .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-csengoszo .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-csengoszo .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-csengoszo .bck .bck-top {
  background-color: #8c298e;
}
.magazines-header.magazines-csengoszo .bck .bck-bottom {
  background-color: #731e75;
}
.magazines-header.magazines-csengoszo .bck .bck-bottom img {
  bottom: -113px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-csengoszo .bck .bck-bottom img {
    bottom: -113px;
    width: 46%;
    right: -47px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-csengoszo .bck .bck-bottom img {
    bottom: -84px;
    width: 54%;
    right: -150px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-csengoszo .bck .bck-bottom img {
    width: 400px;
  }
}
.magazines-header.magazines-szinter .bck .bck-top {
  height: 130px;
}
.magazines-header.magazines-szinter .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-szinter .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink {
    margin-top: 12px;
  }
  .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink a {
    font-weight: bold;
  }
}
.magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
  max-width: 73px;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
    max-width: 39px;
    margin-top: 95px;
  }
}
.magazines-header.magazines-szinter .bck .bck-top .text {
  font-size: 90px;
  text-transform: uppercase;
  transform: scale(0.9, 0.95);
  bottom: -12px;
  left: 60px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-top .text {
    font-size: 43px;
    bottom: -6px;
    left: 43px;
  }
}
.magazines-header.magazines-szinter .bck .bck-bottom {
  height: 70px;
}
.magazines-header.magazines-szinter .bck .bck-bottom .text {
  font-family: "NeoSansPro-Regular";
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  text-transform: lowercase;
  top: -5px;
}
.magazines-header.magazines-szinter .bck .bck-bottom img {
  right: 50px;
  bottom: -157px;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-szinter .bck .bck-bottom img {
    width: 37%;
    right: 0;
    bottom: -121px;
  }
}
@media (max-width: 991px) {
  .magazines-header.magazines-szinter .bck .bck-bottom img {
    width: 42%;
    right: -148px;
    bottom: -82px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-bottom img {
    right: -148px;
    bottom: -107px;
    width: 290px;
  }
}
.magazines-header.magazines-szinter .bck .bck-top {
  background-color: #ffffff;
}
.magazines-header.magazines-szinter .bck .bck-top .cntHeadLink {
  color: #374c6a;
}
.magazines-header.magazines-szinter .bck .bck-top .cntHeadLink a {
  color: #374c6a;
}
.magazines-header.magazines-szinter .bck .bck-top .text {
  display: none;
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-top .opus-szinter {
    width: 260px;
  }
}
.magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
  max-width: 450px;
  margin-top: 25px;
  float: left;
}
@media (max-width: 991px) {
  .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
    margin-top: 80px;
    width: 250px;
  }
}
.magazines-header.magazines-szinter .bck .bck-top .text-small {
  font-family: "Open Sans Web";
  color: #2badb7;
  font-size: 21px;
  margin-top: 106px;
  margin-left: 10px;
  float: left;
}
@media (max-width: 991px) {
  .magazines-header.magazines-szinter .bck .bck-top .text-small {
    margin-top: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-szinter .bck .bck-top .text-small {
    font-size: 18px;
  }
}
.magazines-header.magazines-szinter .bck .bck-bottom {
  background-color: #ffffff;
  border-bottom: 20px solid #dd4c6f;
}
.magazines-header.magazines-szinter .bck .bck-bottom img {
  bottom: -36px;
  max-width: 165px;
  right: 15px;
}
.magazines-header.magazines-opus .bck .bck-top {
  background-color: #c50048;
}
.magazines-header.magazines-opus .bck .bck-top .cntHeadLink {
  color: #ffffff;
}
.magazines-header.magazines-opus .bck .bck-top .cntHeadLink a {
  color: #ffffff;
}
.magazines-header.magazines-opus .bck .bck-top .cntHeadLink a:last-child {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .magazines-header.magazines-opus .bck .bck-top .cntHeadLink {
    position: absolute;
    z-index: 10;
  }
}
.magazines-header.magazines-opus .bck .bck-top .opus-szinter {
  position: absolute;
  z-index: 10;
}
@media (max-width: 991px) {
  .magazines-header.magazines-opus .bck .bck-top .opus-szinter {
    top: 30px;
  }
}
.magazines-header.magazines-opus .bck .bck-top .text {
  font-family: "Constantia";
  position: relative;
  font-size: 121px;
  float: left;
}
@media (max-width: 767px) {
  .magazines-header.magazines-opus .bck .bck-top .text {
    font-size: 80px;
    float: none;
  }
}
.magazines-header.magazines-opus .bck .bck-top .magazines-icon {
  margin-top: 25px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-opus .bck .bck-top .magazines-icon {
    float: left;
    margin-top: 4px;
    max-width: 30px;
  }
}
.magazines-header.magazines-opus .bck .bck-top .text-small {
  font-family: "Constantia-Bold";
  font-size: 21px;
  margin-top: 15px;
  margin-left: 320px;
}
@media (max-width: 767px) {
  .magazines-header.magazines-opus .bck .bck-top .text-small {
    float: left;
    font-size: 15px;
    margin-left: 10px;
    margin-top: 10px;
  }
}
.magazines-header.magazines-opus .bck .bck-bottom {
  background-color: #c50048;
}
@media (max-width: 1199px) {
  .magazines-header.magazines-opus .bck .bck-bottom img {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .magazines-header.magazines-opus .bck .bck-bottom img {
    width: 105%;
  }
}

.magazines-block .mod-row {
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.magazines-block .mod-row div[class*=col-] {
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.magazines-block .magazines-lead {
  margin: 30px 0;
}
.magazines-block .magazines-lead p {
  margin: 0;
}
.magazines-block .magazine-box {
  width: 270px;
  height: 365px;
  background-color: #ffffff;
  border: 1px solid #d2e0f1;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .magazines-block .magazine-box {
    width: 100%;
    text-align: center;
  }
}
.magazines-block .magazine-box .magazine-box-image {
  margin-left: 24px;
  margin-top: 27px;
}
@media (max-width: 1199px) {
  .magazines-block .magazine-box .magazine-box-image {
    margin-left: 0;
  }
}
.magazines-block .magazine-box .magazine-box-title {
  text-align: center;
  color: #0074BD;
  font-weight: bold;
  margin-top: 10px;
}

.container-magazine {
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #d2e0f1;
  height: 100%;
}
@media (min-width: 768px) {
  .container-magazine {
    -js-display: flex;
    display: flex;
  }
}
.container-magazine .cover-box {
  margin-right: 17px;
}
.container-magazine .cover-box > a {
  float: left;
  height: 275px;
}
.container-magazine .cover-box > a img {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
  max-width: 190px;
}
.container-magazine .cover-box .magazine-download {
  color: #0074BD;
}
.container-magazine .cover-box .magazine-download i {
  font-size: 19px;
  margin-top: -5px;
  height: 20px;
  width: 20px;
  position: relative;
}
.container-magazine .cover-box .magazine-download i:after {
  position: absolute;
  top: 5px;
  left: 0;
}
@media (max-width: 767px) {
  .container-magazine .cover-box {
    float: left;
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .container-magazine .cover-box > a {
    text-align: center;
    width: 100%;
    position: relative;
  }
  .container-magazine .cover-box > a img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
  }
}
.container-magazine .content-box {
  margin-left: 17px;
}
.container-magazine .content-box .pagelink a {
  font-weight: bold;
}
.container-magazine .content-box .pagelink p {
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .flex-magazine {
    -js-display: flex;
    display: flex;
  }
}
/* tanmenetek letöltés */
.teacher-dl-menu-element {
  font-size: 18px;
  text-decoration: none !important;
}
.teacher-dl-menu-element.active {
  background-color: #0074BD;
}
.teacher-dl-menu-element.active a {
  color: #ffffff;
}

.teacher-dl-menu-container {
  margin: 5x 0px 10px 0px;
}
.teacher-dl-menu-container .btn.btn-link, .teacher-dl-menu-container .ui-dialog .ui-dialog-buttonpane button.btn-link, .ui-dialog .ui-dialog-buttonpane .teacher-dl-menu-container button.btn-link, .teacher-dl-menu-container .btn-link.btn-facebook, .teacher-dl-menu-container .btn-link.btn-round, .teacher-dl-menu-container .btn-link.btn-default, .teacher-dl-menu-container .btn-link.btn-sausage, .teacher-dl-menu-container .btn-link.btn-success, .teacher-dl-menu-container .btn-link.btn-cadavr, .teacher-dl-menu-container .btn-link.btn-yellow, .teacher-dl-menu-container .btn-link.btn-yellow-2, .teacher-dl-menu-container .btn-link.btn-red, .teacher-dl-menu-container .btn-link.btn-red-2, .teacher-dl-menu-container .btn-link.btn-white {
  padding: 6px 20px;
  border-radius: 5px;
  display: inline-block;
}

.teacher-dl-ht-info {
  margin-top: 48px;
  margin-bottom: 40px;
}

.teacher-dl-ht-sepatator .title {
  margin-top: 40px;
  padding-bottom: 8px;
  border-bottom: 1px solid #cfe0ed;
  font-size: 20px;
  margin-bottom: 11px;
}

.teacher-dl-list-container {
  display: inline-block;
  margin-bottom: 50px;
  width: 100%;
}
.teacher-dl-list-container .title {
  color: #0074BD;
}
.teacher-dl-list-container ul {
  color: #0074BD;
  padding-left: 17px;
  margin-top: 25px;
}
.teacher-dl-list-container img {
  width: 75%;
  margin-top: 40px;
  margin-left: 20px;
}

.teacher-dl-theme {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.teacher-dl-row > i {
  font-size: 25px;
  vertical-align: text-top;
  margin-right: 12px;
  height: 23px;
  position: relative;
  bottom: 2px;
  -js-display: inline-flex;
  display: inline-flex;
}
.teacher-dl-row > i.mwicon-doc {
  color: #4d9bec;
}
.teacher-dl-row > i.mwicon-pdf {
  color: #ee002c;
}
.teacher-dl-row > i.mwicon-url {
  color: #00b0b6;
}
.teacher-dl-row > i.mwicon-zip {
  color: #f18e04;
}
.teacher-dl-row > i.mwicon-xls {
  color: #00b841;
}
.teacher-dl-row > i.mwicon-rtf {
  color: #9B95EA;
}
.teacher-dl-row > i.mwicon-ppt {
  color: #DB6790;
}

/* book list by bid */
.book-katalog-header {
  border-bottom: 1px solid #86b2d2;
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: bold;
}

.book-katalog-filter-container {
  margin-bottom: 20px;
}

.book-katalog-filter-legend {
  margin: 10px;
  font-weight: bold;
}
.book-katalog-filter-legend i {
  font-size: 20px;
  margin-right: 5px;
}

.book-katalog-filter-main-container {
  padding-left: 70px;
}

.book-katalog-filter {
  width: 92px;
  height: 25px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-block;
  opacity: 0.5;
}
.book-katalog-filter.style1 {
  background-color: #0dbf6d;
}
.book-katalog-filter.style2 {
  background-color: #f47711;
}
.book-katalog-filter.style3 {
  background-color: #d83b59;
}
.book-katalog-filter.style4 {
  background-color: #008ce5;
}
.book-katalog-filter.active {
  opacity: 1;
}

.book-katalog-filter-author {
  width: 27px;
  height: 25px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 3px;
  display: inline-block;
  background-color: #008ce5;
  opacity: 0.5;
}
.book-katalog-filter-author.active {
  opacity: 1;
}

.book-katalog-list-bid {
  display: inline-block;
  font-weight: bold;
  color: #455771;
}

.book-katalog-list-row {
  display: table-row;
}

.book-katalog-list-col {
  display: table-cell;
  padding-right: 40px;
  white-space: nowrap;
  min-width: 140px;
}

.book-katalog-list-text {
  display: inline-block;
  font-family: "Open Sans";
}

.book-katalog-list-info {
  font-style: italic;
  font-family: "Open Sans";
}

.book-katalog-list-container {
  line-height: 24px;
  display: inline-block;
  margin-top: 23px;
  padding-left: 70px;
}

.book-katalog-cart {
  color: #008ce5;
  font-size: 16px;
  margin-right: 10px;
}

.book-katalog-list-author-block {
  margin-bottom: 20px;
}

.book-katalog-list-author {
  font-weight: bold;
  margin-bottom: 6px;
  color: #455771;
}

.book-katalog-list-author-content {
  display: table-row;
}

.book-katalog-list-col-author {
  display: table-cell;
  vertical-align: top;
  padding-right: 40px;
  padding-left: 28px;
  white-space: nowrap;
  min-width: 140px;
}

/* book list by bid end*/
#mozaweb-slider-wrapper {
  min-height: 21.25vh;
}
#mozaweb-slider-wrapper .slider-video-link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}
#mozaweb-slider-wrapper .rev_column, #mozaweb-slider-wrapper .rev_column .tp-parallax-wrap, #mozaweb-slider-wrapper .tp-svg-layer svg {
  vertical-align: top;
}
#mozaweb-slider-wrapper .rs-go-fullscreen {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 9999999 !important;
  background: #ffffff !important;
}
#mozaweb-slider-wrapper .rtl {
  direction: rtl;
}
#mozaweb-slider-wrapper .rev_slider_wrapper {
  position: relative;
  z-index: 0;
  width: 100%;
}
#mozaweb-slider-wrapper .rev_slider {
  position: relative;
  overflow: visible;
}
#mozaweb-slider-wrapper .rev_slider a {
  box-shadow: none;
}
#mozaweb-slider-wrapper .tp-overflow-hidden {
  overflow: hidden !important;
}
#mozaweb-slider-wrapper .group_ov_hidden {
  overflow: hidden;
}
#mozaweb-slider-wrapper .rev_slider img, #mozaweb-slider-wrapper .tp-simpleresponsive img {
  max-width: none !important;
  transition: none;
  margin: 0;
  padding: 0;
  border: none;
}
#mozaweb-slider-wrapper .rev_slider > ul, #mozaweb-slider-wrapper .rev_slider > ul > li, #mozaweb-slider-wrapper .rev_slider > ul > li:before, #mozaweb-slider-wrapper .rev_slider_wrapper > ul, #mozaweb-slider-wrapper .tp-revslider-mainul > li, #mozaweb-slider-wrapper .tp-revslider-mainul > li:before, #mozaweb-slider-wrapper .tp-simpleresponsive > ul, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li:before {
  list-style: none !important;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: visible;
  overflow-y: visible;
  background-image: none;
  background-position: 0 0;
  text-indent: 0;
  top: 0;
  left: 0;
}
#mozaweb-slider-wrapper .rev_slider > ul > li, #mozaweb-slider-wrapper .rev_slider > ul > li:before, #mozaweb-slider-wrapper .tp-revslider-mainul > li, #mozaweb-slider-wrapper .tp-revslider-mainul > li:before, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li:before {
  visibility: hidden;
}
#mozaweb-slider-wrapper .tp-revslider-mainul, #mozaweb-slider-wrapper .tp-revslider-slidesli {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
#mozaweb-slider-wrapper .fullwidthbanner-container {
  padding: 0;
  position: relative;
}
#mozaweb-slider-wrapper .rev_slider li.tp-revslider-slidesli {
  position: absolute !important;
}
#mozaweb-slider-wrapper .tp-caption .rs-toggled-content {
  display: none;
}
#mozaweb-slider-wrapper .rs-toggle-content-active.tp-caption .rs-toggled-content {
  display: block;
}
#mozaweb-slider-wrapper .rev_slider .caption, #mozaweb-slider-wrapper .rev_slider .tp-caption {
  position: relative;
  visibility: hidden;
  white-space: nowrap;
  display: block;
  -webkit-font-smoothing: antialiased !important;
  z-index: 1;
}
#mozaweb-slider-wrapper .rev_slider .caption, #mozaweb-slider-wrapper .rev_slider .tp-caption, #mozaweb-slider-wrapper .tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
#mozaweb-slider-wrapper .rev_slider .tp-mask-wrap .tp-caption, #mozaweb-slider-wrapper .rev_slider .tp-mask-wrap :last-child {
  margin-bottom: 0;
}
#mozaweb-slider-wrapper .tp-svg-layer svg {
  width: 100%;
  height: 100%;
  position: relative;
}
#mozaweb-slider-wrapper .tp-caption.tp-hidden-caption, #mozaweb-slider-wrapper .tp-forcenotvisible, #mozaweb-slider-wrapper .tp-parallax-wrap.tp-hidden-caption {
  visibility: hidden !important;
  display: none !important;
}
#mozaweb-slider-wrapper .rev_slider audio, #mozaweb-slider-wrapper .rev_slider embed, #mozaweb-slider-wrapper .rev_slider iframe, #mozaweb-slider-wrapper .rev_slider object, #mozaweb-slider-wrapper .rev_slider video {
  max-width: none !important;
}
#mozaweb-slider-wrapper .tp-blockmask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 1000;
  transform: scaleX(0) scaleY(0);
}
#mozaweb-slider-wrapper .tp-parallax-wrap {
  transform-style: preserve-3d;
}
#mozaweb-slider-wrapper .rev_row_zone {
  position: absolute;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  min-height: 50px;
  font-size: 0;
}
#mozaweb-slider-wrapper .rev_column_inner, #mozaweb-slider-wrapper .rev_slider .tp-caption.rev_row {
  position: relative;
  width: 100% !important;
  box-sizing: border-box;
}
#mozaweb-slider-wrapper .rev_slider .tp-caption.rev_row {
  display: table;
  table-layout: fixed;
  vertical-align: top;
  height: auto !important;
  font-size: 0;
}
#mozaweb-slider-wrapper .rev_column {
  display: table-cell;
  position: relative;
  height: auto;
  box-sizing: border-box;
  font-size: 0;
}
#mozaweb-slider-wrapper .rev_column_inner {
  display: block;
  height: auto !important;
  white-space: normal !important;
}
#mozaweb-slider-wrapper .rev_column_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  background-clip: content-box;
  border: 0 solid transparent;
}
#mozaweb-slider-wrapper .tp-caption .backcorner, #mozaweb-slider-wrapper .tp-caption .backcornertop, #mozaweb-slider-wrapper .tp-caption .frontcorner, #mozaweb-slider-wrapper .tp-caption .frontcornertop {
  height: 0;
  top: 0;
  width: 0;
  position: absolute;
}
#mozaweb-slider-wrapper .rev_column_inner .tp-loop-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-mask-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap {
  text-align: inherit;
}
#mozaweb-slider-wrapper .rev_column_inner .tp-mask-wrap {
  display: inline-block;
}
#mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  line-height: 0;
}
#mozaweb-slider-wrapper .tp-video-play-button, #mozaweb-slider-wrapper .tp-video-play-button i {
  line-height: 50px !important;
  vertical-align: top;
  text-align: center;
}
#mozaweb-slider-wrapper .rev_column_inner .rev_layer_in_column, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
  vertical-align: top;
}
#mozaweb-slider-wrapper .rev_break_columns {
  display: block !important;
}
#mozaweb-slider-wrapper .rev_break_columns .tp-parallax-wrap.rev_column {
  display: block !important;
  width: 100% !important;
}
#mozaweb-slider-wrapper .fullwidthbanner-container {
  overflow: hidden;
}
#mozaweb-slider-wrapper .fullwidthbanner-container .fullwidthabanner {
  width: 100%;
  position: relative;
}
#mozaweb-slider-wrapper .tp-static-layers {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
}
#mozaweb-slider-wrapper .tp-caption .frontcorner {
  border-left: 40px solid transparent;
  border-right: 0 solid transparent;
  border-top: 40px solid #00A8FF;
  left: -40px;
}
#mozaweb-slider-wrapper .tp-caption .backcorner {
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #00A8FF;
  right: 0;
}
#mozaweb-slider-wrapper .tp-caption .frontcornertop {
  border-left: 40px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 40px solid #00A8FF;
  left: -40px;
}
#mozaweb-slider-wrapper .tp-caption .backcornertop {
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #00A8FF;
  right: 0;
}
#mozaweb-slider-wrapper img.tp-slider-alternative-image {
  width: 100%;
  height: auto;
}
#mozaweb-slider-wrapper .caption.fullscreenvideo, #mozaweb-slider-wrapper .rs-background-video-layer, #mozaweb-slider-wrapper .tp-caption.coverscreenvideo, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
#mozaweb-slider-wrapper .rs-background-video-layer {
  visibility: hidden;
  z-index: 0;
}
#mozaweb-slider-wrapper .caption.fullscreenvideo audio, #mozaweb-slider-wrapper .caption.fullscreenvideo iframe, #mozaweb-slider-wrapper .caption.fullscreenvideo video, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo iframe, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo iframe audio, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo iframe video {
  width: 100% !important;
  height: 100% !important;
  display: none;
}
#mozaweb-slider-wrapper .fullcoveredvideo audio, #mozaweb-slider-wrapper .fullscreenvideo audio .fullcoveredvideo video, #mozaweb-slider-wrapper .fullscreenvideo video {
  background: #000000;
}
#mozaweb-slider-wrapper .fullcoveredvideo .tp-poster {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#mozaweb-slider-wrapper .videoisplaying .html5vid .tp-poster {
  display: none;
}
#mozaweb-slider-wrapper .tp-video-play-button {
  background: #000000;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  margin-top: -25px;
  margin-left: -25px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  display: inline-block;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.3s ease-out !important;
}
#mozaweb-slider-wrapper .tp-audio-html5 .tp-video-play-button {
  display: none !important;
}
#mozaweb-slider-wrapper .tp-caption .html5vid {
  width: 100% !important;
  height: 100% !important;
}
#mozaweb-slider-wrapper .tp-video-play-button i {
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 40px !important;
}
#mozaweb-slider-wrapper .rs-fullvideo-cover, #mozaweb-slider-wrapper .tp-dottedoverlay, #mozaweb-slider-wrapper .tp-shadowcover {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
#mozaweb-slider-wrapper .tp-caption:hover .tp-video-play-button {
  opacity: 1;
  display: block;
}
#mozaweb-slider-wrapper .tp-caption .tp-revstop {
  display: none;
  border-left: 5px solid #ffffff !important;
  border-right: 5px solid #ffffff !important;
  margin-top: 15px !important;
  line-height: 20px !important;
  vertical-align: top;
  font-size: 25px !important;
}
#mozaweb-slider-wrapper .tp-seek-bar, #mozaweb-slider-wrapper .tp-video-button, #mozaweb-slider-wrapper .tp-volume-bar {
  outline: 0;
  line-height: 12px;
  margin: 0;
  cursor: pointer;
}
#mozaweb-slider-wrapper .videoisplaying .revicon-right-dir {
  display: none;
}
#mozaweb-slider-wrapper .videoisplaying .tp-revstop {
  display: inline-block;
}
#mozaweb-slider-wrapper .videoisplaying .tp-video-play-button {
  display: none;
}
#mozaweb-slider-wrapper .fullcoveredvideo .tp-video-play-button {
  display: none !important;
}
#mozaweb-slider-wrapper .fullscreenvideo .fullscreenvideo audio, #mozaweb-slider-wrapper .fullscreenvideo .fullscreenvideo video {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
#mozaweb-slider-wrapper .fullscreenvideo .fullcoveredvideo audio, #mozaweb-slider-wrapper .fullscreenvideo .fullcoveredvideo video {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
#mozaweb-slider-wrapper .tp-video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  opacity: 0;
  transition: opacity 0.3s;
  background-image: linear-gradient(to bottom, #000000 13%, #323232 100%);
  display: table;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
#mozaweb-slider-wrapper .tp-caption:hover .tp-video-controls {
  opacity: 0.9;
}
#mozaweb-slider-wrapper .tp-video-button {
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
  font-size: 12px;
  color: #ffffff;
  padding: 0;
}
#mozaweb-slider-wrapper .tp-video-button:hover {
  cursor: pointer;
}
#mozaweb-slider-wrapper .tp-video-button-wrap, #mozaweb-slider-wrapper .tp-video-seek-bar-wrap, #mozaweb-slider-wrapper .tp-video-vol-bar-wrap {
  padding: 0 5px;
  display: table-cell;
  vertical-align: middle;
}
#mozaweb-slider-wrapper .tp-video-seek-bar-wrap {
  width: 80%;
}
#mozaweb-slider-wrapper .tp-video-vol-bar-wrap {
  width: 20%;
}
#mozaweb-slider-wrapper .tp-seek-bar, #mozaweb-slider-wrapper .tp-volume-bar {
  width: 100%;
  padding: 0;
}
#mozaweb-slider-wrapper .rs-fullvideo-cover {
  width: 100%;
  background: 0 0;
  z-index: 5;
}
#mozaweb-slider-wrapper .rs-background-video-layer audio::-webkit-media-controls, #mozaweb-slider-wrapper .rs-background-video-layer video::-webkit-media-controls, #mozaweb-slider-wrapper .rs-background-video-layer video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
#mozaweb-slider-wrapper .tp-audio-html5 .tp-video-controls {
  opacity: 1 !important;
  visibility: visible !important;
}
#mozaweb-slider-wrapper .tp-dottedoverlay {
  background-repeat: repeat;
  width: 100%;
  z-index: 3;
}
#mozaweb-slider-wrapper .tp-shadowcover {
  width: 100%;
  background: #ffffff;
  z-index: -1;
}
#mozaweb-slider-wrapper .tp-shadow2:after, #mozaweb-slider-wrapper .tp-shadow2:before, #mozaweb-slider-wrapper .tp-shadow3:before, #mozaweb-slider-wrapper .tp-shadow4:after {
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width: 300px;
  background: 0 0;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  transform: rotate(-3deg);
}
#mozaweb-slider-wrapper .tp-shadow2:after, #mozaweb-slider-wrapper .tp-shadow4:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
#mozaweb-slider-wrapper .purchase:hover {
  background-position: bottom, 15px 11px;
}
#mozaweb-slider-wrapper .purchase.green, #mozaweb-slider-wrapper .purchase:hover.green {
  background-color: #21a117;
  box-shadow: 0 3px 0 0 #104d0b;
}
#mozaweb-slider-wrapper .purchase.blue, #mozaweb-slider-wrapper .purchase:hover.blue {
  background-color: #1d78cb;
  box-shadow: 0 3px 0 0 #0f3e68;
}
#mozaweb-slider-wrapper .purchase.red, #mozaweb-slider-wrapper .purchase:hover.red {
  background-color: #cb1d1d;
  box-shadow: 0 3px 0 0 #7c1212;
}
#mozaweb-slider-wrapper .purchase.orange, #mozaweb-slider-wrapper .purchase:hover.orange {
  background-color: #ff7700;
  box-shadow: 0 3px 0 0 #a34c00;
}
#mozaweb-slider-wrapper .purchase.darkgrey, #mozaweb-slider-wrapper .purchase:hover.darkgrey {
  background-color: #555555;
  box-shadow: 0 3px 0 0 #222222;
}
#mozaweb-slider-wrapper .purchase.lightgrey, #mozaweb-slider-wrapper .purchase:hover.lightgrey {
  background-color: #888888;
  box-shadow: 0 3px 0 0 #555555;
}
@keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
#mozaweb-slider-wrapper .tp-bullet {
  background: #ffffff;
}
#mozaweb-slider-wrapper .tp-bannertimer {
  visibility: hidden;
  width: 100%;
  height: 5px;
  background: #000000;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 200;
  top: 0;
}
#mozaweb-slider-wrapper .tp-bannertimer.tp-bottom {
  top: auto;
  bottom: 0 !important;
  height: 5px;
}
#mozaweb-slider-wrapper .tp-caption img {
  background: 0 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
  zoom: 1;
  height: inherit !important;
}
#mozaweb-slider-wrapper .tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
#mozaweb-slider-wrapper .tp-loader {
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute;
}
#mozaweb-slider-wrapper .tp-loader.spinner0 {
  background-position: center center;
}
@keyframes tp-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
#mozaweb-slider-wrapper .tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  background-color: #ff0000;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  animation: tp-scaleout 1s infinite ease-in-out;
}
@keyframes tp-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes tp-bouncedelay {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes tp-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes tp-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
#mozaweb-slider-wrapper .tp-bullets.navbar, #mozaweb-slider-wrapper .tp-tabs.navbar, #mozaweb-slider-wrapper .tp-thumbs.navbar {
  border: none;
  min-height: 0;
  margin: 0;
  border-radius: 0;
}
#mozaweb-slider-wrapper .tp-bullets, #mozaweb-slider-wrapper .tp-tabs, #mozaweb-slider-wrapper .tp-thumbs {
  position: absolute;
  display: block;
  z-index: 1000;
  top: 0;
  left: 0;
}
#mozaweb-slider-wrapper .tp-tab, #mozaweb-slider-wrapper .tp-thumb {
  cursor: pointer;
  position: absolute;
  opacity: 0.5;
  box-sizing: border-box;
}
#mozaweb-slider-wrapper .tp-arr-imgholder, #mozaweb-slider-wrapper .tp-tab-image, #mozaweb-slider-wrapper .tp-thumb-image, #mozaweb-slider-wrapper .tp-videoposter {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#mozaweb-slider-wrapper .tp-tab.selected, #mozaweb-slider-wrapper .tp-tab:hover, #mozaweb-slider-wrapper .tp-thumb.selected, #mozaweb-slider-wrapper .tp-thumb:hover {
  opacity: 1;
}
#mozaweb-slider-wrapper .tp-tab-mask, #mozaweb-slider-wrapper .tp-thumb-mask {
  box-sizing: border-box !important;
}
#mozaweb-slider-wrapper .tp-tabs, #mozaweb-slider-wrapper .tp-thumbs {
  box-sizing: content-box !important;
}
#mozaweb-slider-wrapper .tp-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 14px;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
#mozaweb-slider-wrapper .tp-bullet.selected, #mozaweb-slider-wrapper .tp-bullet:hover {
  background: #ffffff;
}
#mozaweb-slider-wrapper .tparrows {
  cursor: pointer;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
}
#mozaweb-slider-wrapper .tparrows:hover {
  background: #000000;
}
#mozaweb-slider-wrapper .tparrows:before {
  font-family: "mwicon" !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;
  position: relative;
  font-size: 15px;
  color: #ffffff;
  display: block;
  line-height: 40px;
  text-align: center;
}
#mozaweb-slider-wrapper .hginfo, #mozaweb-slider-wrapper .hglayerinfo {
  font-size: 12px;
  font-weight: 600;
}
#mozaweb-slider-wrapper .tparrows.tp-leftarrow:before {
  content: "\f70c";
}
#mozaweb-slider-wrapper .tparrows.tp-rightarrow:before {
  content: "\f70d";
}
#mozaweb-slider-wrapper body.rtl .tp-kbimg {
  left: 0 !important;
}
#mozaweb-slider-wrapper .dddwrappershadow {
  box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4);
}
#mozaweb-slider-wrapper .hglayerinfo {
  position: fixed;
  bottom: 0;
  left: 0;
  color: #ffffff;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal;
}
#mozaweb-slider-wrapper .helpgrid, #mozaweb-slider-wrapper .hginfo {
  position: absolute;
}
#mozaweb-slider-wrapper .hginfo {
  top: -2px;
  left: -2px;
  color: #e74c3c;
  background: #000000;
  padding: 2px 5px;
}
#mozaweb-slider-wrapper .indebugmode .tp-caption:hover {
  border: 1px dashed #c0392b !important;
}
#mozaweb-slider-wrapper .helpgrid {
  border: 2px dashed #c0392b;
  top: 0;
  left: 0;
  z-index: 0;
}
#mozaweb-slider-wrapper .aden {
  filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2);
}
#mozaweb-slider-wrapper .aden::after {
  background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
  mix-blend-mode: darken;
}
#mozaweb-slider-wrapper .reyes::after {
  mix-blend-mode: soft-light;
  opacity: 0.5;
}
#mozaweb-slider-wrapper .reyes {
  filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
}
#mozaweb-slider-wrapper .reyes::after {
  background: #efcdad;
}
#mozaweb-slider-wrapper .lark {
  filter: contrast(0.9);
}
#mozaweb-slider-wrapper .lark::after {
  background: rgba(242, 242, 242, 0.8);
  mix-blend-mode: darken;
}
#mozaweb-slider-wrapper .lark::before {
  background: #22253f;
  mix-blend-mode: color-dodge;
}
#mozaweb-slider-wrapper .moon {
  filter: grayscale(1) contrast(1.1) brightness(1.1);
}
#mozaweb-slider-wrapper .moon::before {
  background: #a0a0a0;
  mix-blend-mode: soft-light;
}
#mozaweb-slider-wrapper .moon::after {
  background: #383838;
  mix-blend-mode: lighten;
}
#mozaweb-slider-wrapper .rise {
  filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
}
#mozaweb-slider-wrapper .rise::after {
  background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
  mix-blend-mode: overlay;
  opacity: 0.6;
}
#mozaweb-slider-wrapper .rise::before {
  background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
  mix-blend-mode: multiply;
}
#mozaweb-slider-wrapper .aden:after, #mozaweb-slider-wrapper .aden:before, #mozaweb-slider-wrapper .lark:after, #mozaweb-slider-wrapper .lark:before, #mozaweb-slider-wrapper .moon:after, #mozaweb-slider-wrapper .moon:before, #mozaweb-slider-wrapper .reyes:after, #mozaweb-slider-wrapper .reyes:before, #mozaweb-slider-wrapper .rise:after, #mozaweb-slider-wrapper .rise:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}
#mozaweb-slider-wrapper .aden, #mozaweb-slider-wrapper .lark, #mozaweb-slider-wrapper .moon, #mozaweb-slider-wrapper .reyes, #mozaweb-slider-wrapper .rise {
  position: relative;
}
#mozaweb-slider-wrapper .aden img, #mozaweb-slider-wrapper .lark img, #mozaweb-slider-wrapper .moon img, #mozaweb-slider-wrapper .reyes img, #mozaweb-slider-wrapper .rise img {
  width: 100%;
  z-index: 1;
}
#mozaweb-slider-wrapper .aden:before, #mozaweb-slider-wrapper .lark:before, #mozaweb-slider-wrapper .moon:before, #mozaweb-slider-wrapper .reyes:before, #mozaweb-slider-wrapper .rise:before {
  z-index: 2;
}
#mozaweb-slider-wrapper .aden:after, #mozaweb-slider-wrapper .lark:after, #mozaweb-slider-wrapper .moon:after, #mozaweb-slider-wrapper .reyes:after, #mozaweb-slider-wrapper .rise:after {
  z-index: 3;
}
#mozaweb-slider-wrapper .tp-kbimg-wrap:after, #mozaweb-slider-wrapper .tp-kbimg-wrap:before {
  height: 500%;
  width: 500%;
}
#mozaweb-slider-wrapper .fullwidthbanner-container {
  left: 0 !important;
}

body.maintenance-page {
  padding-top: 20px;
}
@media (min-width: 768px) {
  body.maintenance-page {
    padding-top: 123px;
  }
}
body.maintenance-page #sideCart,
body.maintenance-page .share-block,
body.maintenance-page .mobile-header,
body.maintenance-page #footer > .container,
body.maintenance-page #footer .contact-bar,
body.maintenance-page #header .nav-primary-wrapper,
body.maintenance-page #header .nav-secondary,
body.maintenance-page #header .bird,
body.maintenance-page .mobile-header {
  display: none !important;
}
body.maintenance-page #header .container {
  height: 60px !important;
}
@media (max-width: 991px) {
  body.maintenance-page #header .container {
    height: 40px !important;
  }
}
body.maintenance-page #header .logo {
  position: absolute;
  margin: auto !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  body.maintenance-page #header .logo {
    width: 255px;
    height: 25px;
  }
}
body.maintenance-page .wrapper {
  -js-display: flex;
  display: flex;
  padding-bottom: 0 !important;
  min-height: 100%;
}
body.maintenance-page .wrapper #main-content {
  width: 100%;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.maintenance-page .wrapper #main-content .maintenance-content {
  margin: 20px 10px;
  padding: 10px 0;
}
body.maintenance-page .wrapper #main-content .maintenance-content img {
  margin: auto;
  display: block;
  padding-bottom: 40px;
  width: 100%;
  max-width: 562px;
}
@media (max-width: 991px) {
  body.maintenance-page .wrapper #main-content .maintenance-content img {
    width: 25vh;
    padding-bottom: 0;
  }
}
body.maintenance-page .wrapper #main-content .maintenance-content div {
  font-size: 30px;
  text-align: center;
  margin: 0 20px;
}
@media (max-width: 991px) {
  body.maintenance-page .wrapper #main-content .maintenance-content div {
    font-size: 20px;
  }
}
body.maintenance-page #footer {
  position: relative;
  background: #ffffff;
  height: 60px;
  margin-top: -60px;
  transition: initial;
}
@media (max-width: 991px) {
  body.maintenance-page #footer {
    height: 60px;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
body.maintenance-page #footer .bottom-bar {
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
body.maintenance-page #footer .bottom-bar .logo {
  width: 345px;
  height: 35px;
}
@media (max-width: 991px) {
  body.maintenance-page #footer .bottom-bar .logo {
    width: 255px;
    height: 25px;
  }
}

.release-container .panel-group .panel {
  border: none;
  box-shadow: none;
}
.release-container .panel-group .panel .date-time {
  cursor: default;
}
.release-container .panel-group .panel .date-time .date {
  font-size: 14px;
  color: #455771;
}
.release-container .panel-group .panel .date-time .time {
  font-size: 11px;
  color: #8c97a7;
  font-style: italic;
}
.release-container .panel-group .panel .panel-heading {
  border: none;
  background: none;
}
.release-container .panel-group .panel .panel-heading .panel-title .arrow:after {
  font-family: "mwicon" !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;
  position: relative;
  content: "\f702";
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
  color: #8c97a7;
  transition: transform 0.5s ease;
  transform-origin: center;
}
.release-container .panel-group .panel .panel-heading .panel-title .arrow.collapsed:after {
  transform: rotateZ(-90deg);
}
.release-container .panel-group .panel .panel-heading .panel-title .changelog-bullet {
  margin-left: 3px;
  margin-right: 9px;
}
.release-container .panel-group .panel .panel-heading .panel-title .changelog-bullet i {
  font-size: 8px;
  color: #8c97a7;
  vertical-align: middle;
}
.release-container .panel-group .panel .panel-heading .panel-title .title {
  color: #455771;
  font-weight: bold;
}
.release-container .panel-group .panel .panel-heading .panel-title .title.collapsed {
  font-weight: normal;
}
.release-container .panel-group .panel .panel-heading .panel-title .date-time {
  padding-left: 22px;
  margin-bottom: 0;
}
.release-container .panel-group .panel .panel-body {
  border: none;
  padding: 0 0 10px 57px;
}
.release-container .panel-group .panel .panel-body .release-id {
  position: relative;
}
.release-container .panel-group .panel .panel-body .release-id:before {
  content: "• ";
  color: #8c97a7;
  font-size: 22px;
  position: absolute;
  left: -15px;
  top: -5px;
}
.release-container .panel-group .panel .panel-body .release-id.active {
  font-weight: bold;
}
.release-container .panel-group .panel .panel-body .release-id.active .date-time {
  font-weight: normal;
}

.issue-container .issue {
  margin: 15px 0 15px 15px;
  -js-display: flex;
  display: flex;
  position: relative;
}
.issue-container .issue:before {
  content: "• ";
  color: #8c97a7;
  font-size: 22px;
  position: absolute;
  left: -15px;
  top: -5px;
}
.issue-container .issue .issue-id {
  display: inline-block;
  min-width: 85px;
}
.issue-container .issue .issue-status-wrapper .issue-status {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #fde36b;
}
.issue-container .issue .issue-status-wrapper .issue-status.done {
  background-color: #5fc298;
}

.for-publishers .tiles-wrapper {
  margin: -7.5px;
  margin-top: 0px;
}
.for-publishers .tiles-wrapper .tile {
  display: block;
  float: left;
  padding: 0 7.5px;
}
.for-publishers .tiles-wrapper .tile [class*=-bg] {
  color: #ffffff;
}
.for-publishers .tiles-wrapper .tile [class*=-bg] > div > span {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
}
.for-publishers .tiles-wrapper .tile [class*=-bg] > div i {
  font-size: 24px;
}
.for-publishers .tiles-wrapper .tile [class*=-bg] > span {
  font-size: 15px;
}
.for-publishers .container > h3 {
  margin-top: 0;
}
.for-publishers .for-publishers-news {
  padding: 70px 0px 120px 0px;
}
@media (max-width: 375px) {
  .for-publishers .for-publishers-news .media .media-left .media-object {
    width: 15vw;
  }
}
.for-publishers .for-publishers-news .media .media-left .media-object {
  max-width: inherit;
}
.for-publishers .for-publishers-tiles {
  padding: 70px 0;
  position: relative;
}
.for-publishers .for-publishers-tiles .tab-links {
  position: relative;
  width: 100%;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link {
  position: absolute;
  height: 35px;
  width: 170px;
  top: -105px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link span, .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
  display: inline-block;
  padding: 7px 25px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link strong {
  padding-left: 45px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link:after {
  content: "";
  position: absolute;
  right: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 0 20px;
  border-color: transparent transparent transparent #dbe5f3;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.facebook {
  background-color: #4a6ea9;
  color: #ffffff;
  left: 0;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.facebook i {
  color: #ffffff;
  position: absolute;
  font-size: 37px;
  bottom: -6px;
  left: 7px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.facebook:after {
  border-color: transparent transparent transparent #4a6ea9;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.regional {
  background-color: #dbe5f3;
  color: #455771;
  left: 180px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.events {
  display: inline-block;
  background-color: #0074BD;
  color: #ffffff;
  left: 0px;
  top: 315px;
  font-size: 17px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.events strong {
  padding: 7px 24px;
}
.for-publishers .for-publishers-tiles .tab-links .tab-link.events:after {
  border-color: transparent transparent transparent #0074BD;
}
.for-publishers .for-publishers-tiles .tab-links .tab-search {
  position: absolute;
  height: 35px;
  width: 230px;
  top: -105px;
  right: 0;
  /*.form-control,
  .input-group-addon {
      border-radius: 0;
      border-color: $gray4;
      border-left-color: $white;
      border-bottom-color: $white;
  }*/
}
.for-publishers .for-publishers-tiles .tab-links .tab-search:after {
  content: "";
  position: absolute;
  left: -19px;
  top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 33px 19px;
  border-color: transparent transparent white transparent;
}
.for-publishers .for-publishers-tiles .tab-links .tab-search:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 1px;
  height: 0;
  border-style: solid;
  border-width: 0 0 35px 20px;
  border-color: transparent transparent #f2f5f9 transparent;
}
@media (min-width: 520px) and (max-width: 767px) {
  .for-publishers .for-publishers-tiles .tab-links .tab-link {
    width: 130px;
    font-size: 13px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-link span, .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
    padding: 9px 7px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
    padding-left: 35px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-link.facebook i {
    left: 7px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-link.regional {
    left: 140px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-search {
    width: 170px;
  }
}
@media (max-width: 519px) {
  .for-publishers .for-publishers-tiles .tab-links .tab-link {
    display: block;
    position: relative;
    width: 100%;
    top: inherit;
    margin-bottom: 15px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-link.regional {
    left: 0;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-link:after {
    display: none;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-search {
    position: relative;
    width: 100%;
    top: inherit;
    margin-bottom: 30px;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-search .form-control, .for-publishers .for-publishers-tiles .tab-links .tab-search .cke_editable,
  .for-publishers .for-publishers-tiles .tab-links .tab-search .input-group-addon {
    border-bottom-color: #f2f5f9;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-search .form-control, .for-publishers .for-publishers-tiles .tab-links .tab-search .cke_editable {
    border-left-color: #f2f5f9;
  }
  .for-publishers .for-publishers-tiles .tab-links .tab-search:after, .for-publishers .for-publishers-tiles .tab-links .tab-search:before {
    display: none;
  }
}
.for-publishers .for-publishers-tiles .tiles-wrapper .tile {
  width: 50%;
}
.for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*=-bg] {
  height: 90px;
  padding: 25px;
}
.for-publishers .for-publishers-tiles .tiles-wrapper .tile:nth-child(1) [class*=-bg], .for-publishers .for-publishers-tiles .tiles-wrapper .tile:nth-child(2) [class*=-bg] {
  margin-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*=-bg] {
    padding: 15px;
  }
  .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*=-bg] > span {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*=-bg] {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .for-publishers .for-publishers-tiles .tiles-wrapper .tile {
    width: 100%;
  }
}
.for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content {
  height: 195px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #dee5f2;
}
.for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content .tiles-link {
  margin: 0 30px 0 10px;
  padding: 3px 5px;
  -js-display: flex;
  display: flex;
  align-items: center;
}
.for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content .tiles-link:not(:last-child) {
  border-bottom: 1px solid #dee5f2;
}
.for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content .tiles-link i {
  font-size: 25px;
  color: #fb9500;
}
.for-publishers .for-publishers-tiles .tiles-content-wrapper .slimScrollBar {
  border-radius: 50%;
}
.for-publishers .for-publishers-links {
  padding: 70px 0;
}
@media (max-width: 767px) {
  .for-publishers .for-publishers-links {
    padding: 45px 0 15px;
  }
}
.for-publishers .for-publishers-links .event_list {
  width: 100%;
  min-height: inherit;
  max-height: inherit;
  height: 190px;
  overflow: hidden;
}
.for-publishers .for-publishers-links .event_list .events-content-wrapper {
  padding: 0;
  height: 190px;
}
.for-publishers .for-publishers-links .event_list .events-content-wrapper .portal-events-content {
  height: 186px;
  overflow-y: scroll;
}
.for-publishers .for-publishers-links .event_list .events-content-wrapper .portal-events-content .event-row {
  margin-left: 10px;
  margin-right: 30px;
}
.for-publishers .for-publishers-links .event_list .events-content-wrapper .portal-events-content .event-row .event-info {
  width: calc(100% - 65px);
}
.for-publishers .for-publishers-links .tile-link {
  display: block;
  height: 190px;
  width: 100%;
  background-color: #f1f5fb;
  border: 1px solid #d4def0;
  padding: 30px 0;
  text-align: center;
}
.for-publishers .for-publishers-links .tile-link i {
  position: relative;
  margin: auto;
}
.for-publishers .for-publishers-links .tile-link span {
  display: block;
  color: #455771;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 991px) {
  .for-publishers .for-publishers-links .tile-link:nth-child(1), .for-publishers .for-publishers-links .tile-link:nth-child(2) {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .for-publishers .for-publishers-links .tile-link:not(:last-child) {
    margin-bottom: 15px;
  }
}
.for-publishers .for-publishers-offer {
  padding: 0 0 70px;
}
.for-publishers .for-publishers-offer .flex-main {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.for-publishers .for-publishers-offer .flex-element {
  width: 50%;
  padding: 0px 20px;
}
@media (max-width: 991px) {
  .for-publishers .for-publishers-offer .flex-element {
    width: 100%;
  }
}
.for-publishers .for-publishers-offer .offer-wrapper {
  margin-bottom: 50px;
}
.for-publishers .for-publishers-offer .offer-wrapper .offer-image {
  display: block;
  float: left;
  width: 135px;
}
.for-publishers .for-publishers-offer .offer-wrapper .offer-spacer {
  height: 40px;
}
.for-publishers .for-publishers-offer .offer-wrapper .offer-content {
  padding-left: 20px;
  display: inline-block;
  width: calc(100% - 140px);
}
.for-publishers .for-publishers-offer .offer-wrapper .offer-content h5 {
  font-size: 15px;
  font-weight: bold;
}
.for-publishers .for-publishers-offer .offer-wrapper .offer-content > .offer-shopping,
.for-publishers .for-publishers-offer .offer-wrapper .offer-content > .offer-info,
.for-publishers .for-publishers-offer .offer-wrapper .offer-content > .offer-demo {
  color: #b5cde1;
  font-size: 34px;
}
@media (max-width: 519px) {
  .for-publishers .for-publishers-offer .offer-wrapper .offer-image {
    width: 100%;
  }
  .for-publishers .for-publishers-offer .offer-wrapper .offer-image .image {
    display: block;
    width: 135px;
    margin: auto;
  }
  .for-publishers .for-publishers-offer .offer-wrapper .offer-content {
    width: 100%;
  }
}
.for-publishers .for-publishers-new-publication {
  padding: 70px 0;
}
.for-publishers .for-publishers-new-publication h3 {
  width: 100%;
  opacity: 0.7;
}
.for-publishers .for-publishers-new-publication h3 a {
  margin-top: 10px;
  font-size: 15px;
}
.for-publishers .for-publishers-new-publication h3 a > i {
  font-size: 18px;
}
.for-publishers .for-publishers-new-publication .publications-row {
  margin: 0 -10px;
}
.for-publishers .for-publishers-new-publication .publications-row .publications-images {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 20px;
  padding: 0 10px;
}
.for-publishers .for-publishers-new-publication .publications-row .publications-images img {
  width: 100%;
}
@media (min-width: 768px) {
  .for-publishers .for-publishers-new-publication .publications-row .publications-images {
    width: 25%;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .for-publishers .for-publishers-new-publication .publications-row .publications-images {
    width: 12.5%;
    margin-bottom: 0;
  }
}
.for-publishers .for-publishers-new-publication .light-blue {
  color: #e4e0ff;
}
.for-publishers .for-publishers-atlas {
  padding: 70px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .for-publishers .for-publishers-atlas img {
    margin-top: 90px;
  }
}
.for-publishers .for-publishers-atlas .atlas-content > a.info-icon,
.for-publishers .for-publishers-atlas .atlas-content > a.cart-icon {
  color: #b5cde1;
  margin-right: 10px;
  font-size: 32px;
}
.for-publishers .for-publishers-teacher-offer {
  padding: 70px 0;
}
.for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper {
  background-color: #ffffff;
  border: 1px solid #dee5f2;
  text-align: center;
  padding: 30px;
  height: 380px;
}
@media (max-width: 767px) {
  .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper:not(last-child) {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper:last-child {
    margin-top: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper {
    height: 400px;
  }
}
@media (max-width: 375px) {
  .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper {
    height: 410px;
  }
}
.for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper p {
  color: #455771;
}
.for-publishers .misc-wrapper p {
  color: #455771;
}
.for-publishers .for-publishers-contact {
  padding: 70px 0;
  color: #ffffff;
}
.for-publishers .for-publishers-contact .side-line {
  -js-display: flex;
  display: flex;
  align-items: baseline;
}
.for-publishers .for-publishers-contact .side-line .contact-title {
  display: inline-block;
  font-size: 30px;
  color: #54cdff;
}
.for-publishers .for-publishers-contact .side-line .line {
  align-self: baseline;
  display: inline-block;
  width: 100%;
  height: 1px;
  margin-left: 15px;
  background-color: #54cdff;
}
.for-publishers .for-publishers-contact .contact h4 {
  margin-top: 20px;
  margin-bottom: 5px;
}
.for-publishers .for-publishers-contact .contact a {
  color: #54cdff;
}
.for-publishers .for-publishers-contact .tiles-wrapper .tile {
  width: 100%;
}
.for-publishers .for-publishers-contact .tiles-wrapper .tile [class*=-bg] {
  padding: 10px 25px;
  height: 65px;
}
.for-publishers .for-publishers-contact .tiles-wrapper .tile:not(:last-child) [class*=-bg] {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .for-publishers .for-publishers-contact .tiles-wrapper {
    margin-top: 15px;
  }
}
.for-publishers .for-publishers-misc {
  padding: 70px 0;
}
.for-publishers .for-publishers-misc .misc-wrapper {
  text-align: center;
  padding: 30px;
}
.for-publishers .for-publishers-misc .misc-wrapper i {
  color: #b5cde1;
}
@media (max-width: 767px) {
  .for-publishers .for-publishers-misc .misc-wrapper:not(last-child) {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .for-publishers .for-publishers-misc .misc-wrapper:last-child {
    margin-top: 30px;
  }
}

.news-admin .big-news-table {
  table-layout: fixed;
}
.news-admin .big-news-table .break-word {
  word-wrap: break-word;
}
.news-admin .big-news-table th {
  min-width: 120px;
}

.classwork {
  background-color: #ffffff;
  position: relative;
}
.classwork .cl_header {
  height: 58px;
  background: url("../assets/images/classwork/header_bg.png") repeat-x;
  border-bottom: 1px solid #e6e6e6;
}
.classwork .cl_header .class_title {
  font-weight: bold;
}
.classwork .cl_header .class_desc {
  color: #d6d9df;
  font-style: italic;
}
.classwork .cl_header .general_blue_settings {
  margin: 16px 2px 0 12px;
}
.classwork .cl_header .class_select_div {
  margin: 18px 0 0 10px;
  position: relative;
  width: 350px;
}
.classwork .cl_header .add_clients {
  margin: 18px 0 0 20px;
}
.classwork .cl_header .view_icon {
  height: 32px;
  width: 32px;
  margin-top: 12px;
  cursor: pointer;
}
.classwork .cl_header .view_icon.active {
  color: #f954a7;
}
.classwork .cl_header .sort {
  width: 22px;
  height: 18px;
  margin: 19px 0 0 14px;
}
.classwork .cl_header .sort.asc {
  background: url("../assets/images/classwork/sort.png") 0 0 no-repeat;
}
.classwork .cl_header .sort.desc {
  background: url("../assets/images/classwork/sort.png") 0 -30px no-repeat;
}
.classwork .cl_header .compact_view {
  margin: 15px 0 0 11px;
}
.classwork .cl_header .header_classname {
  width: 320px;
  color: #719de0;
  font-size: 16px;
  font-weight: bold;
  float: left;
  padding-top: 4px;
}
.classwork .cl_header .option_list {
  position: absolute;
  width: 350px;
  top: 35px;
  border: 1px solid #e6eaf3;
  border-radius: 5px;
  background-color: #ffffff;
  overflow: auto;
  max-height: 300px;
  z-index: 10;
}
.classwork .cl_header .option_list .option {
  margin: 0 5px;
  padding: 8px 0;
  border-bottom: 1px solid #f4f4f7;
  cursor: pointer;
  color: #567295;
}
.classwork .cl_header .option_list .option:last-child {
  border: none;
}
.classwork .cl_header .option_list .option .class_bold {
  font-weight: bold;
  margin-right: 8px;
}
.classwork .cl_header .option_list .option .class_desc {
  color: #d6d9df;
  font-style: italic;
  margin-left: 5px;
}
.classwork .cl_header .toggler {
  float: left;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-top: -3px;
}
.classwork .header_item {
  float: left;
  margin: 0 0 0 18px;
}
.classwork .footer_item {
  float: left;
  margin: 0 0 0 18px;
}
.classwork .default_client_list_text {
  color: #719de0;
  font-size: 16px;
  font-weight: bold;
  float: left;
  padding-top: 4px;
  width: 730px;
  margin-top: 160px;
  text-align: center;
}
.classwork .ajax_load {
  height: 466px;
}
.classwork .client_box .settings_icons .get_screenshot {
  background: url("../assets/images/classwork/settings_icons.png") 0 0 no-repeat;
  width: 25px;
  height: 20px;
  cursor: pointer;
}
.classwork .client_box .settings_icons .settings {
  background: url("../assets/images/classwork/settings_icons.png") -23px 0 no-repeat;
  width: 22px;
  height: 20px;
}
.classwork .client_box .settings_icons .group_edit {
  width: 22px;
  height: 18px;
}
.classwork .client_box .settings_icons .group_edit.blue {
  background: url("../assets/images/classwork/settings_icons.png") -43px 0 no-repeat;
}
.classwork .client_box .settings_icons .group_edit.yellow {
  background: url("../assets/images/classwork/settings_icons.png") -65px 0 no-repeat;
}
.classwork .client_box .settings_icons .group_edit.green {
  background: url("../assets/images/classwork/settings_icons.png") -85px 0 no-repeat;
}
.classwork .settings_icons .settings_item {
  float: left;
  margin: 0 6px 0 0;
}
.classwork .settings_icons .settings_item:last-child {
  margin: 0;
}
.classwork .cl_footer {
  height: 58px;
  background: url("../assets/images/classwork/header_bg.png") repeat-x;
  border-top: 1px solid #e6e6e6;
}
.classwork .cl_footer .member_count {
  padding: 10px 0;
}
.classwork .cl_footer .member_count .member_count_item {
  display: inline-block;
  margin: 0 0 0 5px;
}
.classwork .cl_footer .member_count .member_count_item:first-child {
  margin: 0;
}
.classwork .cl_footer .member_count .member_count_item > i.active {
  color: #0074BD;
}
.classwork .cl_footer .member_count .text {
  text-align: center;
  color: #a1afca;
  font-weight: bold;
  font-size: 11px;
}
.classwork .cl_footer .minigroup .counter {
  text-align: center;
  color: #a1afca;
  font-weight: bold;
  font-size: 11px;
}
.classwork .play_button {
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 8px;
  right: 11px;
  cursor: pointer;
}
.classwork .minigroup {
  padding: 11px 0;
}
.classwork .minigroup .group {
  display: inline-block;
  margin: 0 13px 0 0;
}
.classwork .minigroup .group:last-child {
  margin-right: 0;
}
.classwork .minigroup .group .selector {
  width: 24px;
  height: 20px;
  background: url("../assets/images/classwork/group_selectors.png") no-repeat;
  cursor: pointer;
}
.classwork .minigroup .group .selector.blue {
  background: url("../assets/images/classwork/group_selectors.png") 0 -20px no-repeat;
}
.classwork .minigroup .group .selector.blue.active {
  background: url("../assets/images/classwork/group_selectors.png") 0 0 no-repeat;
}
.classwork .minigroup .group .selector.green {
  background: url("../assets/images/classwork/group_selectors.png") -48px -20px no-repeat;
}
.classwork .minigroup .group .selector.green.active {
  background: url("../assets/images/classwork/group_selectors.png") -48px 0 no-repeat;
}
.classwork .minigroup .group .selector.yellow {
  background: url("../assets/images/classwork/group_selectors.png") -24px -20px no-repeat;
}
.classwork .minigroup .group .selector.yellow.active {
  background: url("../assets/images/classwork/group_selectors.png") -24px 0 no-repeat;
}
.classwork .play_button.hidden {
  display: none;
}
.classwork .play_button.play {
  background: url("../assets/images/classwork/playpause.png") 0 0 no-repeat;
}
.classwork .play_button.pause {
  background: url("../assets/images/classwork/playpause.png") -60px 0 no-repeat;
}
.classwork .vertical_sep {
  width: 1px;
  height: 58px;
  background: url("../assets/images/classwork/vertical_sep.png") no-repeat;
}

.classwork.start .client_list {
  height: 407px;
  overflow-y: scroll;
}
.classwork.start .client_list .client_box.offline .name {
  color: #c8d5e6;
}
.classwork.start .client_list .client_box.offline .status_icon {
  background: url("../assets/images/classwork/status_icons.png") 0 -26px no-repeat;
}
.classwork.start .client_list .client_box.joined .name {
  color: #4379b7;
}
.classwork.start .client_list .client_box.joined .status_icon {
  background: url("../assets/images/classwork/status_icons.png") 0 0 no-repeat;
}
.classwork.start .client_list .client_box.notjoined .name {
  color: #a0bdde;
}
.classwork.start .client_list .client_box.notjoined .status_icon {
  background: url("../assets/images/classwork/status_icons.png") 0 -13px no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box, .classwork.start .book-item .ajax_load.alcim .client_list .client_box, .book-item .classwork.start .ajax_load.alcim .client_list .client_box {
  height: 40px;
  width: 213px;
  display: inline-block;
  margin: 10px 10px 0 10px;
  border: 1px solid transparent;
  position: relative;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar {
  width: 38px;
  height: 38px;
  float: left;
  position: relative;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar img, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar img, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar img, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar img, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar img {
  width: 38px;
  height: 38px;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon {
  width: 12px;
  height: 12px;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.blue, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.blue, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.blue, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.blue, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.blue {
  background: url("../assets/images/classwork/corner_icons.png") 0 0 no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.yellow, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.yellow, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.yellow, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.yellow, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.yellow {
  background: url("../assets/images/classwork/corner_icons.png") -12px 0 no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.green, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.green, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.green, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.green, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.green {
  background: url("../assets/images/classwork/corner_icons.png") -24px 0 no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.red, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.red, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.red, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.red, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.red {
  background: url("../assets/images/classwork/corner_icons.png") -36px 0 no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.pink, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.pink, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.pink, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.pink, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.pink {
  background: url("../assets/images/classwork/corner_icons.png") -48px 0 no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.purple, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.purple, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.purple, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.purple, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.purple {
  background: url("../assets/images/classwork/corner_icons.png") -60px 0 no-repeat;
}
.classwork.start .ajax_load.small .client_list .client_box .rightside, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .rightside, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .rightside, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .rightside, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .rightside {
  height: 37px;
  margin: 0 0 0 44px;
  border-bottom: 1px solid #e4effa;
}
.classwork.start .ajax_load.small .client_list .client_box .status_icon, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .status_icon, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .status_icon, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .status_icon, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .status_icon {
  height: 13px;
  width: 12px;
  margin-top: 5px;
}
.classwork.start .ajax_load.small .client_list .client_box .settings_icons, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .settings_icons, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .settings_icons, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .settings_icons, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .settings_icons {
  position: absolute;
  bottom: 3px;
  right: 0;
  display: none;
}
.classwork.start .ajax_load .client_list .client_box .avatar {
  background-color: #D0E7F6;
}
.classwork.start .ajax_load .client_list .client_box .avatar .corner_icon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.classwork.start .ajax_load .client_list .client_box .avatar.blue {
  background-color: #d9edff;
}
.classwork.start .ajax_load .client_list .client_box .avatar.yellow {
  background-color: #ffedd1;
}
.classwork.start .ajax_load .client_list .client_box .avatar.green {
  background-color: #ddffd9;
}
.classwork.start .ajax_load .client_list .client_box .avatar.red {
  background-color: #ffd9d9;
}
.classwork.start .ajax_load .client_list .client_box .avatar.pink {
  background-color: #ffd9fe;
}
.classwork.start .ajax_load .client_list .client_box .avatar.purple {
  background-color: #e8d9ff;
}
.classwork.start .ajax_load .client_list .client_box.selected {
  border-color: #79a8d4;
  background-color: #e2eefa;
}
.classwork.start .ajax_load.big .client_list .client_box {
  height: 141px;
  width: 92px;
  display: inline-block;
  margin: 10px 0 0 5px;
  border: 1px solid transparent;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar {
  width: 82px;
  height: 82px;
  position: relative;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar img {
  width: 82px;
  height: 82px;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon {
  width: 15px;
  height: 15px;
  background-size: 125%;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.blue {
  background: url("../assets/images/classwork/corner_icons_big.png") 0 0 no-repeat;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.yellow {
  background: url("../assets/images/classwork/corner_icons_big.png") -15px 0 no-repeat;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.green {
  background: url("../assets/images/classwork/corner_icons_big.png") -30px 0 no-repeat;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.red {
  background: url("../assets/images/classwork/corner_icons_big.png") -45px 0 no-repeat;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.pink {
  background: url("../assets/images/classwork/corner_icons_big.png") -60px 0 no-repeat;
}
.classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.purple {
  background: url("../assets/images/classwork/corner_icons_big.png") -75px 0 no-repeat;
}
.classwork.start .ajax_load.big .client_list .client_box .rightside {
  height: 29px;
  margin-top: 3px;
  position: relative;
}
.classwork.start .ajax_load.big .client_list .client_box .status_icon {
  height: 13px;
  width: 12px;
  margin-right: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.classwork.start .ajax_load.big .client_list .client_box .name {
  width: 66px;
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 11px;
}
.classwork.start .ajax_load.big .client_list .client_box .settings_icons {
  display: none;
  padding: 0 5px;
}
.classwork.start .ajax_load.big .client_list .client_box_inside {
  margin: 6px 6px 0 6px;
}

.wbox .text {
  text-align: right;
  height: 35px;
  line-height: 20px;
}

.wbox-content .row {
  margin-bottom: 4px;
}

input.checkbox {
  margin-top: 10px;
}

.hid {
  display: none;
}

.blue {
  color: #0074BD;
}

.reset {
  cursor: pointer;
  color: #0074BD;
  height: 35px;
  width: 35px;
  line-height: 35px;
  float: left;
}

.institute-filter-grid {
  display: grid;
  grid-template-columns: repeat(10, auto);
  grid-column-gap: 5px;
  grid-row-gap: 10px;
  width: 100%;
}
.institute-filter-grid .search-bar-country {
  width: 40px;
  position: relative;
}
.institute-filter-grid .zip-width {
  width: 85px;
}
.institute-filter-grid .admin-width {
  width: 110px;
}
.institute-filter-grid input {
  padding-right: 0;
  padding-left: 8px;
}
.institute-filter-grid .globe-icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #cccccc;
  height: 100%;
  line-height: 38px;
  width: 100%;
  text-align: center;
  z-index: -1;
}
.institute-filter-grid #institute_country {
  background: transparent;
}
.institute-filter-grid #institute_country:focus + .globe-icon, .institute-filter-grid #institute_country:not([value=""]) + .globe-icon {
  display: none;
}
.institute-filter-grid #institute_type option {
  color: #555555;
}

@media (max-width: 991px) {
  .institute-filter-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
  }
  .institute-filter-grid .search-bar-search {
    grid-row-start: 3;
    grid-column-end: 5;
  }
  .institute-filter-grid .search-bar-checkbox {
    grid-row-start: 3;
    grid-column-end: 4;
  }
  .institute-filter-grid .zip-width, .institute-filter-grid .admin-width, .institute-filter-grid .search-bar-country {
    width: 100%;
  }
  .institute-filter-grid .globe-icon {
    text-align: left;
    left: 8px;
  }
  .institute-filter-grid .grid-element {
    width: 100%;
  }
}
.input-institute_selectable ~ label {
  cursor: pointer;
  margin: 0;
}

.input-institute_selectable:checked ~ label i:after {
  content: "\f7b1";
  color: #888888;
}

.prof-name {
  font-size: 14px;
  min-width: 230px;
}

.base-grade-selector {
  width: 180px;
  -js-display: flex;
  display: flex;
  flex-direction: row;
}

.profession-container {
  -js-display: flex;
  display: flex;
  flex-direction: column;
}

#grade_btn {
  -js-display: flex;
  display: flex;
  flex-direction: row;
}

.grades-and-buttons {
  -js-display: flex;
  display: flex;
  flex-direction: row;
}

#toggle-grade-selector {
  font-weight: bold;
}

.grade-button {
  height: 35px;
  padding-top: 8px;
}

.grade-icon-div {
  padding-top: 10px;
  margin-right: 5px;
  font-size: 24px;
}

.user-prof-font {
  font-weight: bold;
}

.grade label {
  font-size: 10px;
  padding-left: 2px;
  margin-bottom: 0;
}
.grade input {
  padding-left: 2px;
  margin-top: 0;
}

#inactive-pencil-group-change {
  font-weight: bold;
  color: #708090;
}

@media (max-width: 1200px) {
  .prof-name {
    min-width: 180px;
  }
  .base-grade-selector {
    -js-display: flex;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .prof-name {
    min-width: 180px;
  }
  .grades-and-buttons {
    width: 182px;
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    row-gap: 5px;
  }
  .base-grade-selector {
    width: 182px;
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .grade {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
  }
}
@media (max-width: 768px) {
  .prof-name {
    min-width: 120px;
  }
  .grade-icon-div {
    padding-top: 0;
  }
  .base-grade-selector {
    width: 240px;
    -js-display: flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .grades-and-buttons {
    width: 240px;
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 5px;
  }
  .user-prof-font {
    font-weight: normal;
  }
  .social-title {
    margin-top: 5px;
  }
}
@media (max-width: 560px) {
  .prof-name {
    min-width: 180px;
  }
  .grades-and-buttons {
    width: 182px;
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .base-grade-selector {
    width: 182px;
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 519px) {
  .user-email {
    overflow-wrap: break-word;
  }
}
.ui-dialog {
  z-index: 2015;
  box-shadow: 0 5px 15px rgba(36, 75, 149, 0.5);
  border: 0;
  border-radius: 5px;
  font-size: 15px;
  min-width: 360px;
  font-family: Open Sans Web, sans-serif;
}
.ui-dialog.avatar-editor {
  z-index: 2015 !important;
}
.ui-dialog.mozabird-loader .ui-dialog-titlebar {
  padding-top: 110px;
}
.ui-dialog.mozabird-loader .ui-dialog-content {
  position: initial;
  padding-bottom: 20px;
}
.ui-dialog.mozabird-loader .ui-dialog-content .loader {
  position: absolute;
  width: 100px;
  left: 0;
  right: 0;
  margin: -150px auto 0 auto;
}
.ui-dialog.ui-course-demo {
  max-width: 600px;
  height: auto;
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -121px;
  z-index: 2216;
}
.ui-dialog.ui-course-demo .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset {
  text-align: center;
}
.ui-dialog.ui-course-demo .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
  width: 27%;
}
.ui-dialog .ui-dialog-titlebar {
  background: none;
  color: #0074BD;
  text-align: center;
  border: 0;
  font-size: 24px;
  font-weight: 400;
  padding: 0.5em 1em 0.2em;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  float: none;
  margin: 0;
  white-space: inherit;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: none;
  border: 0;
  margin: -13px 0 0;
  padding: 1px;
  z-index: 50;
  height: 26px;
  width: 26px;
  border-radius: 25px;
  font-size: 16.5px;
  top: 0;
  right: 0;
  margin-top: -3px;
  margin-right: -2px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  font-family: "FontAwesome";
  color: #8c97a7;
  content: "\f00d";
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  padding: 1px;
}
.ui-dialog .ui-dialog-content {
  border-color: #dee5f2;
  color: #455771;
  padding-bottom: 0;
  text-align: center;
  overflow: hidden !important;
}
.ui-dialog .ui-dialog-content > div {
  min-height: inherit;
}
.ui-dialog .ui-dialog-content img {
  max-width: 100%;
}
.ui-dialog .ui-dialog-content label {
  font-weight: normal;
}
.ui-dialog .ui-dialog-content .helper_text {
  place-self: center;
}
.ui-dialog .ui-dialog-buttonpane {
  padding-bottom: 1em;
  border: none;
  margin: 0;
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.ui-dialog .ui-dialog-buttonpane button {
  border: 0;
  padding: 7px 20px;
}
.ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset {
  float: none;
  position: relative;
}
.ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
  width: 24.55%;
  margin: 0 2% 0 0;
}
.ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button:last-child {
  margin: 0;
}
.ui-dialog.form-dialog {
  overflow: visible;
}
.ui-dialog.form-dialog .ui-dialog-content {
  overflow: visible !important;
  padding: 0.5em 0;
}
.ui-dialog.form-dialog .ui-dialog-content .form-group {
  padding: 0 2em;
}
.ui-dialog.form-dialog .ui-dialog-content .form-group input, .ui-dialog.form-dialog .ui-dialog-content .form-group select {
  width: 100%;
}
.ui-dialog.form-dialog .ui-dialog-content .form-group label {
  display: block;
  float: left;
  margin: 15px 10px 10px;
  font-weight: bold;
}
.ui-dialog.form-dialog .ui-dialog-content .dropdown-menu > li > a {
  white-space: normal;
}
.ui-dialog.form-dialog .ui-dialog-content .dropdown-menu > li > a .typeahead {
  white-space: normal;
}
.ui-dialog.form-dialog .ui-dialog-content .errors-container {
  padding: 10px 0 0;
}
.ui-dialog.form-dialog .ui-dialog-content .errors-container .alert {
  margin: 10px 0;
  padding: 8px;
}
.ui-dialog.form-dialog .ui-dialog-content .errors-container .alert:last-child {
  margin-bottom: 0;
}
.ui-dialog.warning-message .ui-dialog-titlebar {
  color: #a94442;
}

.ui-dialog.error .ui-dialog-title {
  color: #ec165a;
}

.ui-widget-overlay {
  z-index: 1815;
  background: rgba(36, 75, 149, 0.3);
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.window_frame .slider {
  width: 100px;
}
.window_frame .slider:hover {
  background-color: rgba(36, 75, 149, 0.5);
}

@media (max-width: 767px) {
  .ui-dialog {
    min-width: inherit;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    width: calc(100% - 36px);
    margin: 0 0 10px;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
    margin: 0;
  }
}
@media (max-width: 700px) {
  .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset {
    width: 100%;
  }
  .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
    width: 140px;
    display: block;
    margin: 10px auto 10px auto;
  }
  .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button:last-child {
    margin: 10px auto 10px auto;
  }
}
@media (max-width: 600px) {
  .ui-dialog.ui-course-demo {
    width: 90%;
    left: 5%;
    margin-left: 0;
    top: 15%;
    margin-top: 0;
  }
  .ui-dialog.ui-course-demo .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
    width: 140px;
  }
}
.wbox .tab-content .tab-pane {
  padding: 30px;
}

.tabs-filled {
  display: table;
  width: 100%;
  list-style-type: none;
  background-color: #dee5f2;
  padding: 0;
  margin: 0;
  table-layout: fixed;
}
.tabs-filled > li {
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  border-right: 1px solid #c7d3e5;
  border-bottom: 1px solid #c7d3e5;
}
.tabs-filled > li a {
  text-align: center;
  padding: 10px 5px;
  color: #455771;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tabs-filled > li:last-child a {
  border-right: 0;
}
.tabs-filled > li.active {
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
}

.tabs-lined {
  display: block;
  border-bottom: 1px solid #dee5f2;
  font-size: 25px;
  margin: 30px 0;
  padding: 0;
}
.tabs-lined > li {
  display: inline-block;
}
.tabs-lined > li.active a {
  color: #0074BD;
  font-weight: bold;
  border-bottom: 1px solid #0074BD;
}
.tabs-lined > li a {
  color: #455771;
  display: block;
  padding: 10px 0;
  margin-right: 15px;
  margin-bottom: -1px;
}

.tab-content-wrapper {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .wbox.tab-content-wrapper {
    border: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .wbox.highlight .tab-content > .tab-pane {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
    padding: 15px;
    border: 2px solid #0074BD;
  }
  .wbox.highlight .tab-content > .tab-pane.highlight {
    border-color: #0074BD;
  }
  .wbox.highlight .tab-content > .tab-pane.no-border {
    border: 0;
  }
  .wbox.highlight .tab-content > .tab-pane .wbox-content {
    padding: 15px 20px;
  }
  .wbox.highlight .tab-content > .tab-pane .wbox-content.type-folder {
    padding: 15px;
  }
  .wbox.highlight .tab-content > .tab-pane--with-margin {
    margin-bottom: 30px;
  }
}
.slides {
  margin: 0 50px;
}
.slides .prev-btn, .slides .next-btn {
  left: -30px;
  top: 40%;
  margin-top: -15px;
  z-index: 500;
}
.slides .prev-btn.slick-disabled, .slides .next-btn.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.slides .next-btn {
  left: auto;
  right: -30px;
}
.slides .slide {
  padding: 20px 10px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  height: 260px;
}
.slides .slide img {
  margin: auto;
  display: block;
  width: auto;
  max-height: 150px;
}
.slides .slide .image {
  margin-bottom: 10px;
}

body {
  background-color: #fff;
}

.menu-lang-change .dropdown-backdrop {
  display: none;
}

.sidenav-right.cart-wrapper {
  position: fixed !important;
  height: calc(100% - 50px);
  width: 275px;
  top: 50px;
  right: 0;
  box-shadow: none;
  overflow-y: auto;
  transform: translateX(275px);
  transition: transform 0.3s;
  z-index: 1999;
}
.sidenav-right.cart-wrapper .cart-content {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  top: 0;
  border-radius: 0;
}
.sidenav-right.cart-wrapper.open {
  transform: translateX(0);
  box-shadow: 5px 5px 30px rgba(69, 87, 114, 0.3);
}
@media (max-width: 991px) {
  .sidenav-right.cart-wrapper {
    width: 420px;
    transform: translateX(420px);
  }
}
@media (max-width: 519px) {
  .sidenav-right.cart-wrapper {
    width: 100%;
    transform: translateX(100vw);
  }
}

#header {
  position: fixed;
  background: #244b95;
  box-shadow: 0 2px 3px rgba(36, 75, 149, 0.2);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1999;
  border-bottom: 3px solid #fff03d;
  opacity: 1;
  transition: opacity 0.3s;
}
#header.header--compact {
  text-align: center;
}
#header.header--compact .logo {
  display: inline-block;
  float: none;
  margin: 15px 0;
  width: 304px;
  height: 28px;
}
#header .header-image {
  position: absolute;
  background: url(../assets/images/header_bg.png) no-repeat top center;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
#header > .container {
  height: 120px;
  transition: height 0.3s;
  -webkit-transition: height 0.3s;
  position: relative;
  z-index: 1000;
}
#header .login {
  white-space: nowrap;
  max-width: 350px;
}
#header .login .login-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 245px;
}
@media (max-height: 768px) and (min-width: 992px) {
  #header .dropdown-menu:first-child(:not(#user-menu-profile)) {
    height: 65vh;
    overflow-y: auto;
  }
}

.login-dropdown {
  border: 0;
  padding: 30px 20px;
  text-align: center;
  min-width: 250px;
  left: auto;
  z-index: 1201;
  right: 0;
  margin-top: 0;
}
.login-dropdown a {
  display: block;
  color: #0074BD;
}
.login-dropdown .form-group {
  margin: 0 0 10px;
}
.login-dropdown .form-control, .login-dropdown .cke_editable {
  margin: 0;
  background: #fff;
}
.login-dropdown .separator {
  border-top: 1px solid #dee5f2;
  text-align: center;
  margin: 20px 0 0;
  height: 20px;
}
.login-dropdown .separator span {
  background: #ffffff;
  display: inline-block;
  padding: 5px;
  position: relative;
  top: -15px;
  color: #c7d3e5;
}

@media (max-width: 991px) {
  .nav > li > .header-contact-link {
    display: none;
  }
}

.search-open .search {
  width: 50%;
  display: block;
}

.logo {
  margin: 18px 0 0 150px;
  float: left;
  display: block;
  width: 352px;
  height: 42px;
  /*rtl:ignore*/
  background: url(../assets/images/logo.svg) no-repeat center left;
  background-size: contain;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-size 0.3s;
}

.secondary-logo {
  margin: 18px 0 0 150px;
  float: left;
  display: block;
  width: 352px;
  height: 42px;
  background: url("../assets/images/second_logo/logo.svg") no-repeat bottom left;
  background-size: contain;
}

.logo-wrapper {
  float: left;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 542px;
  height: 100%;
  margin-left: -40px;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-size 0.3s;
}
.logo-wrapper .logo1 {
  background: url("../assets/images/second_logo/desktop_wide.png") no-repeat center;
  width: 203px;
  height: 100px;
  transition: background-image 0.3s ease-in-out;
}
.logo-wrapper .logo2 {
  background: url("../assets/images/second_logo/mozaik_wide.png") no-repeat center;
  width: 289px;
  height: 100px;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-size 0.3s;
}

.cart_item_count {
  background: #fff03d;
  padding: 0 5px;
  border-radius: 10px;
  border: 2px solid #244b95;
  display: block;
  height: 22px;
  font-size: 13px;
  line-height: 18px;
  color: #244b95;
  position: absolute;
  top: 4px;
  right: 4px;
}

.cart_item_count.promoted {
  background: none !important;
  border: none !important;
}

.cart_item_count.promoted::after {
  content: "⭐";
  position: absolute;
  top: 0;
  right: 0;
}

.cart-wrapper {
  display: inline-block;
  position: relative;
  box-shadow: 0 6px 30px rgba(69, 87, 114, 0.3);
}
.cart-wrapper .cart .cart_item_count {
  background: #fff03d;
  padding: 0 5px;
  border-radius: 10px;
  border: 2px solid #244b95;
  display: block;
  height: 22px;
  font-size: 13px;
  line-height: 18px;
  color: #244b95;
  position: absolute;
  top: 0;
  right: -2px;
}
.cart-wrapper.open .cart-content {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
}
.cart-wrapper .cart-content {
  position: absolute;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
  display: none;
  top: 45px;
  left: 0;
  right: auto;
  background: #ffffff;
  width: 370px;
  z-index: 800;
  padding: 0;
}
.cart-wrapper .cart-content .cart-item {
  padding: 20px;
  border-bottom: 1px solid rgba(69, 87, 113, 0.19);
  margin: 0;
}
.cart-wrapper .cart-content .cart-item a {
  display: block;
  font-weight: bold;
  margin-bottom: 7px;
}
.cart-wrapper .cart-content .cart-item .cart-item-image {
  float: left;
  margin-right: 20px;
  text-align: left;
}
.cart-wrapper .cart-content .cart-item .cart-item-image img {
  height: auto;
  max-width: 73px;
  display: block;
}
.cart-wrapper .cart-content .cart-item .cart-item-image .small, .cart-wrapper .cart-content .cart-item .cart-item-image .book-item .book-item-addon-info, .book-item .cart-wrapper .cart-content .cart-item .cart-item-image .book-item-addon-info, .cart-wrapper .cart-content .cart-item .cart-item-image .book-item .alcim, .book-item .cart-wrapper .cart-content .cart-item .cart-item-image .alcim {
  display: inline-block;
  line-break: anywhere;
  max-width: 100px;
}
.cart-wrapper .cart-content .cart-item .cart-item-info {
  font-size: 13px;
  margin-top: 7px;
  margin-left: 95px;
}
.cart-wrapper .cart-content .cart-item .cart-item-info b.float-cart-item-price {
  color: #BE5A09;
}
.cart-wrapper .cart-content .cart-item .cart-item-remove {
  color: #c7d3e5;
}
.cart-wrapper .cart-content .cart-item .cart-item-remove i {
  font-size: 17px;
}
.cart-wrapper .cart-content .cart-item .cart-item-description {
  margin-left: 95px;
  font-size: 13px;
}
@media (max-width: 991px) {
  .cart-wrapper .cart-content .cart-items-wrapper {
    -js-display: flex;
    display: flex;
    flex-flow: column;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-empty-text {
    padding: 0;
    align-self: center;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item {
    position: relative;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-image {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-image img {
    margin: auto;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-remove {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-info {
    float: right;
    margin-left: 0;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-info > span {
    margin-left: 15px;
  }
}
.cart-wrapper .cart-content .cart-summary {
  color: #455771;
  background: #f2f5f9;
  width: 100%;
  white-space: nowrap;
  height: 60px;
  border-top: 1px solid rgba(69, 87, 113, 0.19);
}
@media (min-width: 992px) {
  .cart-wrapper .cart-content .cart-summary {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
  }
}
.cart-wrapper .cart-content .cart-summary > div {
  padding: 7px 0;
  text-align: center;
  float: left;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-wrapper .cart-content .cart-summary > div p {
  margin: 0;
}
.cart-wrapper .cart-content .cart-summary > div:last-child {
  border: 0;
}
.cart-wrapper .cart-content .cart-summary .qty,
.cart-wrapper .cart-content .cart-summary .total {
  font-size: 13px;
  line-height: 1.3em;
}
.cart-wrapper .cart-content .cart-summary .qty b,
.cart-wrapper .cart-content .cart-summary .total b {
  font-size: 15px;
}
.cart-wrapper .cart-content .cart-summary .qty b.js-float-carty-total,
.cart-wrapper .cart-content .cart-summary .total b.js-float-carty-total {
  color: #B85000;
}
.cart-wrapper .cart-content .cart-summary .btn, .cart-wrapper .cart-content .cart-summary .btn-facebook, .cart-wrapper .cart-content .cart-summary .btn-round, .cart-wrapper .cart-content .cart-summary .btn-default, .cart-wrapper .cart-content .cart-summary .btn-sausage, .cart-wrapper .cart-content .cart-summary .btn-success, .cart-wrapper .cart-content .cart-summary .btn-cadavr, .cart-wrapper .cart-content .cart-summary .btn-yellow, .cart-wrapper .cart-content .cart-summary .btn-yellow-2, .cart-wrapper .cart-content .cart-summary .btn-red, .cart-wrapper .cart-content .cart-summary .btn-red-2, .cart-wrapper .cart-content .cart-summary .btn-white, .cart-wrapper .cart-content .cart-summary .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-wrapper .cart-content .cart-summary button {
  background-color: #0074BD;
  border-color: #0074BD;
  margin: 0 7px;
  min-width: 119px;
  height: 35px;
  font-size: 13px;
}
.cart-wrapper .cart-content .cart-summary .btn:hover, .cart-wrapper .cart-content .cart-summary .btn-facebook:hover, .cart-wrapper .cart-content .cart-summary .btn-round:hover, .cart-wrapper .cart-content .cart-summary .btn-default:hover, .cart-wrapper .cart-content .cart-summary .btn-sausage:hover, .cart-wrapper .cart-content .cart-summary .btn-success:hover, .cart-wrapper .cart-content .cart-summary .btn-cadavr:hover, .cart-wrapper .cart-content .cart-summary .btn-yellow:hover, .cart-wrapper .cart-content .cart-summary .btn-yellow-2:hover, .cart-wrapper .cart-content .cart-summary .btn-red:hover, .cart-wrapper .cart-content .cart-summary .btn-red-2:hover, .cart-wrapper .cart-content .cart-summary .btn-white:hover, .cart-wrapper .cart-content .cart-summary .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane .cart-wrapper .cart-content .cart-summary button:hover {
  background-color: #318ce5;
  border-color: #318ce5;
}

@media (max-width: 1800px) {
  .cart-wrapper .cart-content {
    right: 0;
    left: auto;
  }
}
@media (max-width: 991px) {
  .nav-primary .dropdown-menu,
  .nav-secondary .dropdown-menu {
    width: 100%;
  }
  .cart-wrapper .cart-content {
    width: 100%;
  }
  .cart-wrapper .cart-content .cart-item .cart-item-image {
    float: none;
  }
  .cart-wrapper .cart-content .cart-item .cart-item-description,
  .cart-wrapper .cart-content .cart-item .cart-item-info {
    margin-left: 0;
  }
  .cart-wrapper .cart-content .cart-summary > div {
    width: 100% !important;
    text-align: center;
    float: none;
    border: 0;
  }
  .mobile-header {
    top: 0;
    z-index: 1300;
    display: block !important;
    transition-duration: 0.3s;
  }
  .mobile-header .open-sidemenu-button {
    display: block;
    float: left;
  }
  .mobile-header li:not(.nav-menu-item) > a {
    display: block;
    float: left;
    width: 100%;
  }
  .mobile-header .nav-primary-mobile-wrapper .submenu > li > a {
    min-width: 230px;
  }
  .mobile-header .nav-secondary > ul > li > a {
    height: 30px;
  }
  .mobile-header .nav-secondary .nav > li > a.header-contact-link {
    -js-display: flex;
    display: flex;
  }
  .mobile-header .nav-secondary .nav > li > a.header-contact-link span {
    display: none;
  }
  .mobile-header .cart-currency {
    display: none;
  }
  .mobile-header.search-open .searchform.search {
    top: 4px;
    right: 6px;
    width: calc(100% - 170px);
  }
  .mobile-header.search-open .searchform.search .search-close, .mobile-header.search-open .searchform.search button {
    height: 26px;
    line-height: 30px;
  }
  .mobile-header.search-open .searchform.search .searchword {
    height: 26px;
  }
  .mobile-header.search-open .nav-second-header + .nav-secondary .searchform.search {
    width: calc(100% - 270px);
  }
  .sidebar-open .mobile-header {
    transform: translate3d(260px, 0, 0);
  }
  .cart-wrapper .cart-content .cart-summary {
    height: auto;
  }
  .cart-wrapper .cart-content .cart-summary .total,
  .cart-wrapper .cart-content .cart-summary .qty {
    width: 50%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .cart-wrapper .cart-content .cart-summary .goto {
    width: 100%;
  }
  .cart-wrapper .cart-content .cart-summary .goto .btn, .cart-wrapper .cart-content .cart-summary .goto .btn-facebook, .cart-wrapper .cart-content .cart-summary .goto .btn-round, .cart-wrapper .cart-content .cart-summary .goto .btn-default, .cart-wrapper .cart-content .cart-summary .goto .btn-sausage, .cart-wrapper .cart-content .cart-summary .goto .btn-success, .cart-wrapper .cart-content .cart-summary .goto .btn-cadavr, .cart-wrapper .cart-content .cart-summary .goto .btn-yellow, .cart-wrapper .cart-content .cart-summary .goto .btn-yellow-2, .cart-wrapper .cart-content .cart-summary .goto .btn-red, .cart-wrapper .cart-content .cart-summary .goto .btn-red-2, .cart-wrapper .cart-content .cart-summary .goto .btn-white, .cart-wrapper .cart-content .cart-summary .goto .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-wrapper .cart-content .cart-summary .goto button {
    margin-bottom: 0;
  }
}
.bird {
  position: absolute;
  left: -40px;
  top: 10px;
  display: block;
  z-index: 1200;
  transition: width 0.1s;
  width: 194px;
  transform: scale(1) /*rtl: scale(-1, 1)*/;
  transform-origin: left top/*rtl: center top*/;
}
.bird img {
  max-width: 100%;
}

.duck {
  position: absolute;
  left: -5px;
  top: 5px;
  display: block;
  z-index: 1200;
  transition: all 0.3s;
  width: 90px;
  transform: scale(1) /*rtl: scale(-1, 1)*/;
  transform-origin: left top/*rtl: center top*/;
}
.duck img {
  max-width: 100%;
}

.search {
  position: absolute;
  right: 15px;
  display: none;
  z-index: 500;
  background: #152c57;
  border-color: #152c57;
  border-radius: 5px;
  padding: 4px;
}
.search i {
  color: #ffffff;
  font-size: 20px;
}
.search .search-field-wrapper {
  overflow: hidden;
}
.search .search-field-wrapper .form-control:focus, .search .search-field-wrapper .cke_editable:focus {
  box-shadow: none;
}
.search button {
  float: right;
  border: 0;
  padding: 0 7px;
  background: none;
  height: 34px;
  line-height: 36px;
  outline: none;
}
.search .search-close {
  float: right;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.search .form-control, .search .cke_editable {
  display: block;
  overflow: hidden;
  background: none;
  border-color: transparent;
  width: 100%;
  height: 34px;
  color: #ffffff;
  border-radius: 0;
}
.search .form-control:focus, .search .cke_editable:focus {
  border-color: transparent;
}

.nav-primary-wrapper {
  position: absolute;
  right: 15px;
  bottom: 0;
  transition: transform 0.2s;
  text-align: right;
  z-index: 1;
}

.nav-primary {
  margin: 0;
  padding: 0;
}
.nav-primary .submenu-opener {
  display: none;
}
.nav-primary > ul {
  width: 100%;
  left: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}
.nav-primary > li {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding: 0;
  position: relative;
}
.nav-primary > li:hover > a {
  background: rgba(134, 178, 210, 0.2);
}
.nav-primary > li > a {
  line-height: 1em;
  padding: 20px 12px 25px;
  font-size: 17px;
  color: #ffffff;
  transition: background-color 0.3s, color 0.3s;
  display: block;
  position: relative;
}
.nav-primary > li > a.active:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 10px solid transparent;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  border-bottom-color: #fff03d;
}
.nav-primary > li > .btn, .nav-primary > li > .btn-facebook, .nav-primary > li > .btn-round, .nav-primary > li > .btn-default, .nav-primary > li > .btn-sausage, .nav-primary > li > .btn-success, .nav-primary > li > .btn-cadavr, .nav-primary > li > .btn-yellow, .nav-primary > li > .btn-yellow-2, .nav-primary > li > .btn-red, .nav-primary > li > .btn-red-2, .nav-primary > li > .btn-white, .ui-dialog .ui-dialog-buttonpane .nav-primary > li > button {
  background: #c44e64;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 15px;
  margin: 16px 0 0 20px;
  border-color: #c44e64;
  text-transform: uppercase;
  border-radius: 20px;
  font-weight: 700;
}
.nav-primary > li > .btn:hover, .nav-primary > li > .btn-facebook:hover, .nav-primary > li > .btn-round:hover, .nav-primary > li > .btn-default:hover, .nav-primary > li > .btn-sausage:hover, .nav-primary > li > .btn-success:hover, .nav-primary > li > .btn-cadavr:hover, .nav-primary > li > .btn-yellow:hover, .nav-primary > li > .btn-yellow-2:hover, .nav-primary > li > .btn-red:hover, .nav-primary > li > .btn-red-2:hover, .nav-primary > li > .btn-white:hover, .ui-dialog .ui-dialog-buttonpane .nav-primary > li > button:hover {
  background-color: #d83b59;
  border-color: #e990a1;
}

.nav-primary-wrapper .nav-primary > li > a:not(.submenu-opener) > i {
  display: none;
}

.nav-primary .dropdown-menu,
.nav-secondary .dropdown-menu {
  left: auto;
  right: 0;
}
.nav-primary .dropdown-menu.admin-link-wrapper,
.nav-secondary .dropdown-menu.admin-link-wrapper {
  display: none;
}
.nav-primary .dropdown-menu.admin-link-wrapper.open,
.nav-secondary .dropdown-menu.admin-link-wrapper.open {
  display: block;
}
.nav-primary .dropdown-menu.admin-link-wrapper i,
.nav-secondary .dropdown-menu.admin-link-wrapper i {
  position: relative;
  top: 1px;
  margin-right: 4px;
}

.nav-secondary {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: right;
  transition: margin 0.3s;
}
.nav-secondary:not(.nav-secondary-mobile) {
  margin: 10px 0 0 520px;
}
.nav-secondary .nav > li > a {
  -js-display: flex;
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 10px 13px;
}
.nav-secondary .nav > li > a.language-selector {
  padding: 9px 10px 8px 10px;
  margin-left: 5px;
}
.nav-secondary .nav > li > a > i {
  font-size: 22px;
}
.nav-secondary .nav > li > a > span {
  margin-left: 2px;
}
.nav-secondary .nav > li > a:focus,
.nav-secondary .nav > li > a:hover,
.nav-secondary .nav .open > a {
  background: #1a366c;
}
.nav-secondary .dropdown-menu {
  top: 100%;
}
.nav-secondary .dropdown-menu > li > a {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.nav-secondary .dropdown-menu > li > a > i {
  font-size: 24px;
  margin-right: 10px;
}
.nav-secondary .nav {
  display: inline-block;
  padding-right: 0;
}

@media (max-width: 991px) {
  #header .header-contact-link, #header .menuCart, #header .secondary-logo, #header .bird {
    display: none !important;
  }
  #header .submenu {
    transform: none;
  }
}
.mobile-header .nav-secondary {
  margin: 0 !important;
  display: inline-block;
  border: none !important;
}
.mobile-header .nav-secondary .search-button span, .mobile-header .nav-secondary .login-tooltip > a > span {
  display: none;
}
.mobile-header .nav-secondary .nav > li {
  margin-left: 0;
}
.mobile-header .nav-secondary .nav > li > a {
  padding: 10px 7px;
  width: auto !important;
}
@media (max-width: 992px) {
  .mobile-header .nav-secondary .dropdown-menu {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media (max-width: 992px) and (max-height: 767px) {
  .mobile-header .nav-secondary .dropdown-menu {
    overflow-y: auto;
  }
}

body.compact #header {
  opacity: 0.95;
}
body.compact #header [class^=mwicon-], body.compact #header [class*=" mwicon-"] {
  font-size: 24px !important;
}
body.compact #header > .container {
  height: 80px;
}
body.compact #header .logo {
  height: 32px;
  margin: 21px 0 0 60px;
  background-size: 282px;
}
body.compact #header .logo:not(.full-length) {
  width: 128px;
}
body.compact #header .secondary-logo {
  margin-left: 60px;
  margin-top: 12px;
  width: 240px;
  transition: all 0.1s;
}
body.compact #header .logo-wrapper {
  width: 402px;
  margin-left: 0;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-size 0.3s;
}
body.compact #header .logo-wrapper .logo1 {
  background: url("../assets/images/second_logo/desktop_wide_scroll.png") no-repeat center;
  width: 156px;
  height: 70px;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-image 0.3s ease-in-out;
}
body.compact #header .logo-wrapper .logo2 {
  background-size: contain;
  width: 216px;
  height: 70px;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-size 0.3s;
}
body.compact #header .header-image {
  opacity: 1;
}
body.compact #header .nav > li > .header-contact-link i {
  top: -1px;
}
body.compact #header .nav-secondary .nav > li > a {
  padding: 10px 10px !important;
}
body.compact #header .nav-secondary .nav > li:last-child > a {
  padding: 10px 15px 10px 12px;
}
body.compact #header .nav-primary-wrapper {
  border-color: transparent;
  transform: translate(-250px, 0);
  right: 0;
}
body.compact #header .nav-primary-wrapper > ul > li > a {
  padding: 32px 8px;
}
body.compact #header .nav-primary-wrapper .nav-menu-icon > a {
  padding: 31px 8px 25px;
}
body.compact #header .nav-primary-wrapper .nav-menu-icon > a > span {
  display: none;
}
body.compact #header .nav-primary-wrapper .nav-menu-icon > a > i {
  display: block;
}
body.compact #header .compare-link {
  display: none;
}
body.compact #header .search-open .nav-primary {
  opacity: 0;
}
body.compact #header .nav-secondary {
  margin-top: 20px;
  border: 0;
}
body.compact #header .nav-secondary .search-button span, body.compact #header .nav-secondary .header-contact-link span {
  display: none;
}
body.compact #header .login-name {
  display: none;
}
body.compact #header .cart-currency {
  display: none;
}
body.compact #header .bird, body.compact #header .duck {
  width: 130px;
}
body.compact #header .duck {
  width: 60px;
}

.sidebar-open #header,
.sidebar-open .compact #header {
  transform: translate3d(0px, 0, 0) !important;
}

@media (max-width: 1199px) {
  .logo {
    margin-left: 0;
  }
  .logo-wrapper {
    width: 352px;
    margin-left: 0;
  }
  .logo-wrapper .logo1 {
    background: url("../assets/images/second_logo/desktop_narrow.png") no-repeat center;
    background-size: contain;
    width: 168px;
    height: 100px;
  }
  .logo-wrapper .logo2 {
    background: url("../assets/images/second_logo/mozaik_narrow.png") no-repeat center;
    background-size: contain;
    width: 184px;
    height: 100px;
  }
  .bird, .duck {
    display: none;
  }
  .secondary-logo {
    margin-left: 0 !important;
  }
  .nav-primary-wrapper .nav-primary > li > a {
    font-size: 15px;
  }
  body.compact #header .logo {
    margin: 22px 0 0;
  }
  body.compact #header .logo:not(.full-length) {
    width: 135px;
  }
  body.compact #header .logo-wrapper {
    width: 245px;
    margin-left: 0;
  }
  body.compact #header .logo-wrapper .logo1 {
    background: url("../assets/images/second_logo/desktop_narrow.png") no-repeat center;
    background-size: contain;
    width: 138px;
    height: 70px;
    max-width: 100%;
  }
  body.compact #header .logo-wrapper .logo2 {
    width: 144px;
    height: 70px;
    max-width: 100%;
  }
  #header .nav-secondary {
    margin-left: 365px;
  }
  #header .nav-secondary > div a,
  #header .nav-secondary > a {
    padding: 12px 10px;
  }
  #header .login {
    max-width: 300px;
  }
  #header .login .login-name {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .nav-primary > li:hover .submenu,
  .nav-primary > li .submenu.submenu-open {
    display: block;
  }
}
@media (max-width: 991px) {
  body.user-page {
    padding-top: 42px;
  }
  .nav-primary .dropdown-menu,
  .nav-secondary .dropdown-menu {
    left: 0;
    right: auto;
  }
  .nav-primary-wrapper {
    position: static;
  }
  .nav-primary-wrapper li:hover .submenu-opener {
    background: none;
  }
  .nav-primary-wrapper .submenu {
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .nav-primary-wrapper .submenu:before {
    display: none;
  }
  .nav-primary-wrapper .compare-link {
    text-align: center;
    padding: 10px;
  }
  .nav-primary-wrapper .compare-link .btn, .nav-primary-wrapper .compare-link .btn-facebook, .nav-primary-wrapper .compare-link .btn-round, .nav-primary-wrapper .compare-link .btn-default, .nav-primary-wrapper .compare-link .btn-sausage, .nav-primary-wrapper .compare-link .btn-success, .nav-primary-wrapper .compare-link .btn-cadavr, .nav-primary-wrapper .compare-link .btn-yellow, .nav-primary-wrapper .compare-link .btn-yellow-2, .nav-primary-wrapper .compare-link .btn-red, .nav-primary-wrapper .compare-link .btn-red-2, .nav-primary-wrapper .compare-link .btn-white, .nav-primary-wrapper .compare-link .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .nav-primary-wrapper .compare-link button {
    margin: 0;
    padding: 8px 10px;
  }
  body {
    overflow-x: hidden;
    padding-top: 0;
  }
  .sidebar-open .content {
    transform: translate3d(260px, 0, 0);
  }
  body:not(.maintenance-page) #header, body:not(.maintenance-page).compact #header {
    transform: translate3d(-260px, 0, 0);
    transition: all 0.3s;
    background: #3e74d1;
    height: 100%;
    margin-bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 260px;
    overflow-y: auto;
    border: 0;
  }
  body:not(.maintenance-page) #header .bird, body:not(.maintenance-page).compact #header .bird {
    display: none;
  }
  body:not(.maintenance-page) #header .logo,
  body:not(.maintenance-page) #header .logo-wrapper, body:not(.maintenance-page).compact #header .logo,
  body:not(.maintenance-page).compact #header .logo-wrapper {
    display: none;
  }
  body:not(.maintenance-page) #header .container, body:not(.maintenance-page).compact #header .container {
    height: 100%;
    width: 100%;
    padding: 0;
  }
  body:not(.maintenance-page) #header .cart-wrapper .cart, body:not(.maintenance-page).compact #header .cart-wrapper .cart {
    width: auto;
  }
  body:not(.maintenance-page) #header .login.logged-in i, body:not(.maintenance-page).compact #header .login.logged-in i {
    color: #4ac174;
  }
  body:not(.maintenance-page) #header .login-name, body:not(.maintenance-page).compact #header .login-name {
    display: none;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper, body:not(.maintenance-page).compact #header .nav-primary-wrapper {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 42px;
  }
  body:not(.maintenance-page) #header .nav-primary .compare-link, body:not(.maintenance-page).compact #header .nav-primary .compare-link {
    padding: 0;
  }
  body:not(.maintenance-page) #header .nav-primary .compare-link a, body:not(.maintenance-page).compact #header .nav-primary .compare-link a {
    background: #E6344C;
    padding: 15px;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul {
    position: static;
    padding-left: 0;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li,
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul a, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li,
  body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul a {
    display: block;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul li, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    max-width: inherit;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul li:last-child, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li:last-child {
    border: 0;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul li a, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li a {
    padding: 15px;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul li a.active, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li a.active {
    border-radius: 0;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li > ul, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li > ul {
    position: static;
    text-align: left;
    font-size: inherit;
    border: 0;
    min-width: initial;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li > ul > li a, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li > ul > li a {
    color: #ffffff;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li > ul > li > ul, body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li > ul > li > ul {
    position: static;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener, body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    padding: 12px 15px 0 15px;
    height: 45px;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener:hover, body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener:hover {
    background: none;
  }
  body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener .mwicon-arrow6_d,
  body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener .fa-minus, body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener .mwicon-arrow6_d,
  body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener .fa-minus {
    display: none;
  }
  body:not(.maintenance-page) #header .cart-wrapper .cart .cart_item_count, body:not(.maintenance-page).compact #header .cart-wrapper .cart .cart_item_count {
    font-size: 11px;
    height: 19px;
    padding: 0 4px;
    text-align: center;
    line-height: 15px;
    top: 3px;
    right: 1px;
  }
  body:not(.maintenance-page) #header .nav-primary li, body:not(.maintenance-page).compact #header .nav-primary li {
    margin: 0;
  }
  body:not(.maintenance-page) #header .nav-primary li.submenu-open .mwicon-arrow6_r, body:not(.maintenance-page) #header .nav-primary li.submenu-open .fa-plus, body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .mwicon-arrow6_r, body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .fa-plus {
    display: none;
  }
  body:not(.maintenance-page) #header .nav-primary li.submenu-open .mwicon-arrow6_d, body:not(.maintenance-page) #header .nav-primary li.submenu-open .fa-minus, body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .mwicon-arrow6_d, body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .fa-minus {
    display: block;
  }
  body:not(.maintenance-page) #header .nav-primary li.divider, body:not(.maintenance-page).compact #header .nav-primary li.divider {
    display: none;
  }
  body:not(.maintenance-page) #header .nav-primary li ul li a, body:not(.maintenance-page).compact #header .nav-primary li ul li a {
    padding-left: 25px;
  }
  body:not(.maintenance-page) #header .nav-primary li ul li ul li a, body:not(.maintenance-page).compact #header .nav-primary li ul li ul li a {
    padding-left: 35px;
    background: url("../assets/images/white-dot.svg") no-repeat 20px 24px;
  }
  body:not(.maintenance-page) #header .nav-secondary, body:not(.maintenance-page).compact #header .nav-secondary {
    float: none;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    height: 42px;
    background: #2a5cb2;
    border: 0;
  }
  body:not(.maintenance-page) #header .nav-secondary > a,
  body:not(.maintenance-page) #header .nav-secondary > div,
  body:not(.maintenance-page) #header .nav-secondary > .dropdown, body:not(.maintenance-page).compact #header .nav-secondary > a,
  body:not(.maintenance-page).compact #header .nav-secondary > div,
  body:not(.maintenance-page).compact #header .nav-secondary > .dropdown {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  body:not(.maintenance-page) #header .nav-secondary .nav-pills > li > a, body:not(.maintenance-page).compact #header .nav-secondary .nav-pills > li > a {
    border-radius: 10px 10px 0 0;
  }
  body:not(.maintenance-page) #header .nav-secondary .dropdown-menu, body:not(.maintenance-page) #header .nav-secondary .cart-wrapper .cart-content, body:not(.maintenance-page).compact #header .nav-secondary .dropdown-menu, body:not(.maintenance-page).compact #header .nav-secondary .cart-wrapper .cart-content {
    height: calc(100% - 42px);
  }
  body:not(.maintenance-page) #header .nav-secondary .dropdown-menu, body:not(.maintenance-page) #header .nav-secondary .cart-wrapper .cart-content, body:not(.maintenance-page) #header .nav-secondary .search, body:not(.maintenance-page).compact #header .nav-secondary .dropdown-menu, body:not(.maintenance-page).compact #header .nav-secondary .cart-wrapper .cart-content, body:not(.maintenance-page).compact #header .nav-secondary .search {
    position: fixed;
    z-index: 700;
    width: 100%;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0;
    border: 0;
    bottom: 15px;
    overflow-y: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  body:not(.maintenance-page) #header .nav-secondary .search, body:not(.maintenance-page).compact #header .nav-secondary .search {
    bottom: auto;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav, body:not(.maintenance-page).compact #header .nav-secondary .nav {
    display: block;
    text-align: center;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li, body:not(.maintenance-page).compact #header .nav-secondary .nav > li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    float: none;
    margin: 0 -2px;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li > a, body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a {
    padding: 0 15px 0 15px;
    height: 42px;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li > a:focus, body:not(.maintenance-page) #header .nav-secondary .nav > li > a:hover, body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a:focus, body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a:hover {
    background-color: transparent;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li.open, body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open {
    margin: 5px -2px 0px;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a, body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a {
    padding: 0 15px 0 15px;
    background-color: #ffffff;
    color: #1a366c;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a > i, body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a > img, body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a > i, body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a > img {
    margin-top: -10px;
  }
  body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a.login.logged-in > i, body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a.login.logged-in > i {
    margin-top: -15px;
  }
  body:not(.maintenance-page) #header .bars, body:not(.maintenance-page).compact #header .bars {
    display: none;
  }
  body:not(.maintenance-page) #header .search-open .search-button, body:not(.maintenance-page).compact #header .search-open .search-button {
    background: #152c57 !important;
    margin-top: 5px !important;
    padding: 0 15px 0 !important;
  }
  body:not(.maintenance-page) #header .search-open .search-button > i, body:not(.maintenance-page) #header .search-open .search-button > span, body:not(.maintenance-page).compact #header .search-open .search-button > i, body:not(.maintenance-page).compact #header .search-open .search-button > span {
    margin-top: -10px;
  }
  .sidebar-open #header,
  .sidebar-open .compact #header {
    transform: translate3d(0px, 0, 0) !important;
  }
  .sidebar-open #header .nav-primary-wrapper,
  .sidebar-open .compact #header .nav-primary-wrapper {
    transform: translate3d(0px, 0, 0) !important;
  }
  #header .nav-primary li ul {
    display: none;
    background: rgba(0, 0, 0, 0.15);
  }
  #header .nav-primary, .mobile-header .nav-primary {
    margin-right: 0;
  }
  #header .nav-primary li.submenu-open ul, .mobile-header .nav-primary li.submenu-open ul {
    display: block !important;
  }
  .nav-primary-wrapper .nav-primary > li > a.active:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .content .cart-summary {
    margin-bottom: 60px !important;
    height: 60px;
  }
}
.submenu a > i, .nav-secondary .dropdown-menu > li > a > i {
  color: #8c97a7;
}

.nav-secondary .dropdown-menu > li > a {
  color: #455771;
}
.nav-secondary .dropdown-menu > li > a:hover {
  color: #244b95;
}

div:not(.search-open) .nav-secondary .dropdown-menu > li > a:hover {
  color: #244b95;
}

.search-open .search-button:hover {
  background: initial !important;
}

#admin-box a:hover {
  color: #244b95;
}

.nav-secondary > ul.nav > li > a > i.mwicon-search,
.nav-secondary > ul.nav > li > a > i.mwicon-bubble_question {
  margin-right: 2px;
}

.nav-primary-mobile-wrapper {
  float: left;
  border-right: 1px solid #1B325B;
  padding-right: 10px;
  margin-top: 2px;
}
.nav-primary-mobile-wrapper > ul > li > a {
  padding: 1px 7px;
}
.nav-primary-mobile-wrapper li.nav-menu-item a > i {
  font-size: 24px;
}

.mobile-header .cart_item_count {
  top: -5px !important;
  right: -2px !important;
}

#header_anatomy {
  background-color: #1a1e29;
  height: 70px;
}

.sidenav-right.cart-wrapper {
  height: calc(100% - 70px);
  top: 70px;
}

.submenu {
  list-style-type: none;
  margin: 0;
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translate(-50%, 0);
  box-shadow: 0px 15px 40px rgba(36, 75, 149, 0.3);
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #86b2d2;
  z-index: 100;
  display: none;
  min-width: 280px;
  background: #ffffff;
  transition: top 0.3s;
}
.submenu:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 30px;
  height: 30px;
  border: 15px solid transparent;
  border-bottom-color: #86b2d2;
}
.submenu a {
  color: #455771;
  -js-display: flex;
  display: flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  white-space: nowrap;
}
.submenu a > i {
  font-size: 24px;
  margin-right: 10px;
}
.submenu > li {
  text-align: left;
  display: block;
}
.submenu > li > a {
  display: block;
  font-weight: bold;
  font-size: 15px;
}
.submenu > li a:focus, .submenu > li a:hover {
  color: #244b95;
  background: rgba(134, 178, 210, 0.2);
}
.submenu > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

body.compact #header .submenu {
  top: 81px;
}

.sub-menu-wrapper select {
  display: none;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .sub-menu-wrapper select {
    display: block;
  }
  .sub-menu-wrapper ul {
    display: none;
  }
  .submenu {
    position: static;
    padding: 0;
    background: none;
    display: none;
    text-align: left;
    margin: 0;
    width: auto;
  }
  .submenu ul {
    display: none;
  }
  .submenu > li {
    display: block;
    margin: 0;
  }
  #header .submenu a {
    color: #ffffff;
  }
}
.nav-primary .submenu {
  padding: 0;
}
.nav-primary .submenu > li > ul {
  padding: 3px 0;
}
.nav-primary .submenu > li > ul > li > a {
  padding: 3px 25px;
}
.nav-primary .submenu > li > ul > li > a > span {
  display: inline-block;
  height: 24px;
}
.nav-primary .submenu > li:not(:first-child) > a.has-submenu {
  border-top: 1px solid #c7ccd4;
  border-radius: 0;
}

body:not(.sidebar-open) .has-submenu, .my-profile-title a, .mobile-header .has-submenu {
  display: block;
  background-color: #f0f2f4;
  padding: 7px 20px;
  border-bottom: 1px solid #c7ccd4;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body:not(.sidebar-open) .has-submenu:hover, .my-profile-title a:hover, .mobile-header .has-submenu:hover {
  color: #244b95;
}

#user-menu-profile {
  min-width: 200px;
}
#user-menu-profile a {
  display: block;
  overflow: hidden;
  padding: 15px;
}
#user-menu-profile img.avatar {
  width: 45px;
  height: 45px;
  border-radius: 500px;
  border: 1px solid #e7eef7;
}

.submenu-small {
  padding: 0;
  width: auto;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.submenu-small a {
  padding-right: 40px;
}
.submenu-small a.has-submenu {
  padding: 2px 2px 2px 12px;
}
.submenu-small.submenu-open {
  display: block !important;
}
.submenu-small .color-facebook {
  color: #3B5998;
}
.submenu-small .color-facebook:hover {
  color: #2d4373;
}
.submenu-small .color-twitter {
  color: #4099ff;
}
.submenu-small .color-twitter:hover {
  color: #0d7eff;
}
.submenu-small .color-link {
  color: #36a767;
}
.submenu-small .color-link:hover {
  color: #2a804f;
}

#footer {
  background: #d2e3f2;
  position: relative;
  transition-duration: 0.3s;
  height: auto !important;
  margin-top: -249px;
  z-index: 10;
}
#footer .contact-bar {
  padding: 16px 0;
  background: #ffffff;
  margin-bottom: 30px;
  border-top: 1px solid #dee5f2;
}
#footer .contact-bar i {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 38px;
  color: #cfe1f0;
}
#footer .footer-menu .footer-col {
  width: 20%;
  float: left;
  margin-bottom: 15px;
  min-height: 100px;
}
#footer .footer-menu .footer-col span {
  line-height: 1.6em;
  margin-top: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
#footer .footer-menu .footer-col span i {
  display: none;
}
#footer .footer-menu .footer-col ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer .footer-menu .footer-col ul li {
  background: url("../assets/images/footer-dot.svg") no-repeat 0 12px;
  padding: 0 0 0 10px;
}
#footer .footer-menu .footer-col ul li a {
  display: block;
  line-height: 1.6em;
  color: #455771;
}
#footer .bottom-bar {
  margin-top: 25px;
  background: #244b95;
  text-align: center;
}
#footer .bottom-bar .logo, #footer .bottom-bar .secondary-logo {
  margin: 15px 0;
  display: inline-block;
  float: none;
}
#footer .bottom-bar .logo-wrapper {
  width: 100%;
  margin-left: 0;
  float: none;
}
#footer .bottom-bar .logo-wrapper .logo1 {
  background: url("../assets/images/second_logo/desktop_narrow.png") no-repeat center;
  background-size: contain;
  width: 128px;
  height: 70px;
}
#footer .bottom-bar .logo-wrapper .logo2 {
  background: url("../assets/images/second_logo/mozaik_narrow.png") no-repeat center;
  background-size: contain;
  width: 144px;
  height: 70px;
}
#footer .bottom-bar .container {
  position: relative;
}
#footer .bottom-bar .server-selector {
  position: absolute;
  right: 40px;
  top: 15px;
}

.sidebar-open #footer {
  transform: translate3d(260px, 0, 0);
}

@media (min-width: 992px) {
  #footer .footer-menu .footer-col span {
    margin-top: 10px;
    display: block;
  }
  #footer .footer-menu .footer-col ul {
    display: block !important;
  }
}
@media (max-width: 991px) {
  #footer {
    margin-top: 0;
  }
  #footer .footer-menu .footer-col {
    width: 50%;
    float: left;
    min-height: inherit;
    cursor: pointer;
  }
  #footer .footer-menu .footer-col span {
    margin: 0;
  }
  #footer .footer-menu .footer-col span i {
    display: inline-block;
  }
  #footer .footer-menu .footer-col ul {
    display: none;
  }
  #footer .footer-menu .footer-col.open ul {
    display: block;
  }
  #footer .bottom-bar .logo {
    width: 230px;
    height: 22px;
  }
}
@media (max-width: 519px) {
  #footer .footer-menu .footer-col {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .cn-footer {
    height: 218px !important;
    margin-top: -152px !important;
  }
  #footer .footer-menu .footer-col {
    padding-right: 12px;
  }
}
#footer_anatomy {
  background: #2c3850;
  position: relative;
}

.buttons-container {
  margin: 100px auto;
  text-align: center;
}

/* ========= lines button =============*/
.lines-button {
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none;
  margin: -6px 10px 0 -5px;
  outline: none;
  padding: 0 6px;
  height: 40px;
  width: 34px;
  text-align: center;
  background: none;
  /* */
}
.lines-button.menu-close {
  margin-top: 0;
  height: 30px;
  width: 34px;
}

.lines-button:hover {
  opacity: 1;
}

.lines-button:active {
  transition: 0;
  border: none;
}

.lines {
  display: block;
  position: relative;
}
.lines, .lines:before, .lines:after {
  width: 100%;
  background: #ecf0f1;
  display: block;
  height: 3px;
  left: 0;
  content: "";
}
.lines:before {
  position: absolute;
  top: 7px;
}
.lines:after {
  position: absolute;
  top: -7px;
}

.mobile-header {
  display: none;
  background-color: #274783;
  background-position: 55px 13px;
  position: fixed;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  left: 0;
  top: 0;
  width: 100%;
  height: 42px;
  padding: 6px 15px;
  z-index: 1999;
  margin: 0;
}
.mobile-header .logo {
  width: 230px;
  height: 22px;
  background-size: cover;
  /*rtl:ignore*/
  background-position: left center;
  position: relative;
  top: 2px;
  margin: 0;
}
.mobile-header .logo-wrapper {
  width: 206px;
}
.mobile-header .logo-wrapper .logo1 {
  background: url("../assets/images/second_logo/desktop_narrow.png") no-repeat center;
  background-size: cover;
  height: 100%;
}
.mobile-header .logo-wrapper .logo2 {
  background: url("../assets/images/second_logo/mozaik_narrow.png") no-repeat center;
  background-size: cover;
  height: 100%;
}
.mobile-header i {
  color: #ffffff;
}
.mobile-header .submenu, .mobile-header .dropdown-menu {
  position: absolute;
  width: auto !important;
  overflow-y: auto;
  max-height: calc(100vh - 65px);
  top: 41px;
  background: #ffffff !important;
}
.mobile-header .submenu li ul, .mobile-header .dropdown-menu li ul {
  background: #ffffff !important;
}
.mobile-header .js-login .dropdown-menu, .mobile-header .menu-lang-change .dropdown-menu {
  right: 0 !important;
  left: initial !important;
}
.mobile-header .menu-lang-change-dropdown span {
  position: initial !important;
}
.mobile-header .menu-lang-change-dropdown span .dropdown-menu {
  min-width: 230px;
  width: auto !important;
}

@media (max-width: 991px) and (min-width: 768px) {
  body.compact #header .nav-secondary > ul.nav > li {
    margin-left: -2px;
  }
  #header .logo, #header .logo1, #header .logo2 {
    width: 160px;
  }
  .compact .nav-primary-wrapper {
    right: -35px !important;
  }
  .menu-lang-change .dropdown-menu {
    height: calc(100vh - 50px);
    overflow-y: auto;
  }
}
.mobile-header .nav-secondary {
  float: right;
}

.nav-primary-mobile-wrapper .submenu, .mobile-header .nav-secondary .submenu {
  left: 50%;
  transform: translate(-50%, 0);
}
.nav-primary-mobile-wrapper .language-selector, .mobile-header .nav-secondary .language-selector {
  margin-left: 0 !important;
}

@media (max-width: 991px) {
  .mobile-header {
    -js-display: flex !important;
    display: flex !important;
  }
  .mobile-header .logo:not(.full-length), .mobile-header .open-sidemenu-button {
    flex-shrink: 0;
  }
  .mobile-header .nav-secondary {
    margin-left: auto !important;
    flex-shrink: 0;
  }
  .mobile-header .nav-primary, .mobile-header .nav-secondary .nav {
    -js-display: flex;
    display: flex;
    flex-flow: row wrap;
  }
}
@media (min-width: 800px) and (max-width: 818px) {
  .mobile-header .nav-primary-mobile-wrapper .nav-primary > li > a {
    padding: 1px 6px;
  }
}
@media (min-width: 780px) and (max-width: 800px) {
  .mobile-header .nav-primary-mobile-wrapper .nav-primary > li > a {
    padding: 1px 5.5px;
  }
}
@media (min-width: 768px) and (max-width: 780px) {
  .mobile-header .nav-primary-mobile-wrapper .nav-primary > li > a {
    padding: 1px 5px;
  }
}
.mobile-header .nav-secondary {
  margin-left: auto !important;
}
@media (min-width: 800px) and (max-width: 818px) {
  .mobile-header .nav-secondary .nav > li > a {
    padding: 10px 6.5px;
  }
}
@media (min-width: 780px) and (max-width: 800px) {
  .mobile-header .nav-secondary .nav > li > a {
    padding: 10px 6px;
  }
}
@media (min-width: 768px) and (max-width: 780px) {
  .mobile-header .nav-secondary .nav > li > a {
    padding: 10px 5.5px;
  }
}

@media (max-width: 760px) {
  .nav-primary-mobile-wrapper.nav-second-header .nav-menu-video, .nav-primary-mobile-wrapper.nav-second-header .nav-menu-tools {
    display: none !important;
  }
}
@media (max-width: 685px) {
  .nav-primary-mobile-wrapper:not(.nav-second-header) .nav-menu-video, .nav-primary-mobile-wrapper:not(.nav-second-header) .nav-menu-tools {
    display: none !important;
  }
}
@media (max-width: 692px) {
  .nav-primary-mobile-wrapper.nav-second-header .nav-menu-mozalearn, .nav-primary-mobile-wrapper.nav-second-header .nav-menu-webshop, .nav-primary-mobile-wrapper.nav-second-header .nav-menu-teachers {
    display: none !important;
  }
}
@media (max-width: 618px) {
  .nav-primary-mobile-wrapper:not(.nav-second-header) .nav-menu-mozalearn, .nav-primary-mobile-wrapper:not(.nav-second-header) .nav-menu-webshop, .nav-primary-mobile-wrapper:not(.nav-second-header) .nav-menu-teachers {
    display: none !important;
  }
}
@media (max-width: 624px) {
  .nav-primary-mobile-wrapper.nav-second-header {
    display: none !important;
  }
}
@media (max-width: 514px) {
  .nav-primary-mobile-wrapper:not(.nav-second-header) {
    display: none !important;
  }
}
@media (max-width: 320px) {
  .mobile-header .nav-secondary .nav > li > a {
    padding: 10px 2px !important;
  }
  .mobile-header.search-open .searchform.search {
    width: calc(100% - 57px);
  }
}
@media (max-width: 767px) {
  .mobile-header .logo:not(.full-length) {
    width: 96px;
  }
}
.modal-important {
  z-index: 9999 !important;
}

.modal {
  z-index: 2002;
}
.modal * {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}

.modal-backdrop {
  background: #274783;
  opacity: 0.6;
  z-index: 2000;
}

.modal-dialog {
  background: #fff;
  margin: 130px auto;
}

.modal-header {
  border: 0;
  border-top: 5px solid #3e74d1;
}
.modal-header .close {
  margin-top: 0;
  color: #c7d3e5;
}

.modal-body {
  padding: 20px 30px;
}

.modal-content {
  border: 0;
  border-radius: 0;
}

.modal-buttons {
  margin-top: 20px;
}
.modal-buttons .btn, .modal-buttons .btn-facebook, .modal-buttons .btn-round, .modal-buttons .btn-default, .modal-buttons .btn-sausage, .modal-buttons .btn-success, .modal-buttons .btn-cadavr, .modal-buttons .btn-yellow, .modal-buttons .btn-yellow-2, .modal-buttons .btn-red, .modal-buttons .btn-red-2, .modal-buttons .btn-white, .modal-buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .modal-buttons button {
  margin: 0 10px;
  min-width: 200px;
}

body .download-3dviewer {
  display: none;
}

.lexikon3d-loader-modal .lexikon3d-loader-content {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}
.lexikon3d-loader-modal .lexikon3d-loader-content .fa-spinner {
  font-size: 24pt;
  margin-bottom: 24px;
}
.lexikon3d-loader-modal .ui-dialog-buttonpane {
  display: none;
}

.download-starts-soon {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

body.download-3dviewer-page .download-3dviewer {
  display: block;
  margin: 5px 0;
}
body.download-3dviewer-page .download-3dviewer .icon {
  width: 100px;
  height: 100px;
  background: url("../assets/images/bird-3dviewer.png") no-repeat top left;
  background-size: cover;
  margin: 0 auto;
}
body.download-3dviewer-page .download-3dviewer.update .icon {
  background-image: url("../assets/images/bird-3dviewer-update.png");
}
body.download-3dviewer-page .download-3dviewer .text {
  margin-top: 15px;
  text-align: center;
}

@media (max-width: 991px) {
  .modal {
    top: 50px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .modal.bootstrap-dialog {
    top: 0;
  }
}
.unclose .ui-dialog-titlebar-close {
  display: none;
}

#validate-institute-tabs.tab-content .selected-institute {
  margin-right: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #6e7a95;
}

.modal.merge-crm .modal-dialog {
  width: 1000px !important;
}
.modal.merge-crm .modal-content .modal-body {
  padding: 10px 0 0 !important;
}
.modal.merge-crm .bootstrap-dialog-footer {
  float: left;
  width: 58.33333333%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.modal.merge-crm .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons {
  text-align: center !important;
}
.modal.merge-modal .modal-dialog {
  width: 1200px;
}
@media (max-width: 1199px) {
  .modal.merge-modal .modal-dialog {
    width: 700px;
  }
  .modal.merge-modal .modal-dialog .left-panel .row > .col-sm-12, .modal.merge-modal .modal-dialog .right-panel .row > .col-sm-12 {
    line-height: 20px;
  }
}
.modal.merge-modal .modal-dialog input.size-xs, .modal.merge-modal .modal-dialog .bootstrap-select.size-xs, .modal.merge-modal .modal-dialog textarea.size-xs {
  width: 130px;
}
.modal.merge-modal .modal-dialog input.size-s, .modal.merge-modal .modal-dialog .bootstrap-select.size-s, .modal.merge-modal .modal-dialog textarea.size-s {
  width: 200px;
}
.modal.merge-modal .modal-dialog input.size-m, .modal.merge-modal .modal-dialog .bootstrap-select.size-m, .modal.merge-modal .modal-dialog textarea.size-m {
  width: 300px;
}
.modal.merge-modal .modal-dialog select {
  width: 300px;
}
.modal.merge-modal .modal-dialog .left-panel .row > .col-sm-12, .modal.merge-modal .modal-dialog .right-panel .row > .col-sm-12 {
  flex-wrap: nowrap;
}
.modal.merge-modal .modal-dialog .right-panel {
  border-left: 1px solid #dee5f2;
}
@media (max-width: 991px) {
  .modal.merge-modal .modal-dialog .right-panel .row > .col-sm-12 .copy-field-val {
    margin-left: -28px;
  }
}
.modal.merge-modal .modal-dialog .merge-modal-buttons {
  border-top: 1px solid #dee5f2;
}
.modal.merge-modal .modal-dialog .field-label {
  color: #0074BD;
  white-space: nowrap;
  text-align: right;
}
.modal.merge-modal .modal-dialog .row > .col-sm-12 {
  height: 35px;
  line-height: 35px;
}
.modal.merge-modal .modal-dialog .row > .field-description {
  height: 100px;
  line-height: 100px;
}
.modal #institute_search_list #merge_inst_country,
.modal #institutes_to_merge_search #merge_inst_country {
  width: 40%;
  display: inline-block;
  float: left;
  margin-bottom: 10px;
}
.modal #institute_search_list .merge-institute-search-button,
.modal #institutes_to_merge_search .merge-institute-search-button {
  display: inline-block;
  float: right;
}
.modal #institute_search_list .modal-searchinstitute-results,
.modal #institutes_to_merge_search .modal-searchinstitute-results {
  overflow-y: auto;
  overflow-x: hidden;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
  display: inline-block;
  max-height: 400px;
  background-color: #ffffff;
  padding: 0 15px 0 20px;
}
.modal #institute_search_list .modal-searchinstitute-results.merge-institute-select,
.modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select {
  max-height: 254px;
}
.modal #institute_search_list .modal-searchinstitute-results.merge-institute-select .similar-row,
.modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select .similar-row {
  padding-left: 40px;
}
.modal #institute_search_list .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper,
.modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper {
  position: absolute;
  left: -20px;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #86b2d2;
  border-radius: 3px;
  text-align: center;
}
.modal #institute_search_list .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper i,
.modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper i {
  color: #0074BD;
}
.modal #institute_search_list .modal-searchinstitute-results .institute-name,
.modal #institutes_to_merge_search .modal-searchinstitute-results .institute-name {
  font-size: 13px;
}
.modal #institute_search_list .modal-searchinstitute-results .institute-city,
.modal #institutes_to_merge_search .modal-searchinstitute-results .institute-city {
  font-size: 13px;
}
.modal #institute_search_list .modal-searchinstitute-results .institute-address,
.modal #institutes_to_merge_search .modal-searchinstitute-results .institute-address {
  font-size: 11px;
}
.modal #institute_search_list .modal-searchinstitute-results .similar-row,
.modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row {
  padding-top: 10px;
  padding-bottom: 13px;
  color: #455771;
  background-color: transparent;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  cursor: pointer;
}
.modal #institute_search_list .modal-searchinstitute-results .similar-row.selected-institute,
.modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row.selected-institute {
  background-color: #a9c2e4;
}
.modal #institute_search_list .modal-searchinstitute-results .similar-row.main-institute,
.modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row.main-institute {
  border-bottom: solid 2px #455771;
}
.modal #institute_search_list .modal-searchinstitute-results .similar-row .mwicon-institute,
.modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row .mwicon-institute {
  color: #0074BD;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.modal #institute_search_list .modal-searchinstitute-results .similar-row:hover,
.modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row:hover {
  color: #ffffff;
  background-color: #337ab7;
}
.modal #institute_search_list .modal-searchinstitute-results .similar-row:hover .mwicon-institute,
.modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row:hover .mwicon-institute {
  color: #ffffff;
}
.modal #institute_search_list .modal-searchinstitute-results .select-institute,
.modal #institutes_to_merge_search .modal-searchinstitute-results .select-institute {
  margin-top: 7px;
}
.modal #institute_search_list .validation_search_result,
.modal #institutes_to_merge_search .validation_search_result {
  display: none;
  color: #ffffff;
  background-color: #337ab7;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 5px 12px 0;
  cursor: pointer;
}
.modal #institute_search_list .validation_search_result .institute-name,
.modal #institutes_to_merge_search .validation_search_result .institute-name {
  font-size: 13px;
}
.modal #institute_search_list .validation_search_result .institute-city,
.modal #institutes_to_merge_search .validation_search_result .institute-city {
  font-size: 13px;
}
.modal #institute_search_list .validation_search_result .institute-address,
.modal #institutes_to_merge_search .validation_search_result .institute-address {
  font-size: 11px;
}
.modal #institute_search_list i.switch-mode,
.modal #institutes_to_merge_search i.switch-mode {
  font-size: 32px;
  color: #a9c2e4;
  cursor: pointer;
  top: 2px;
  right: 20px;
}
.modal #institute_search_list #single_search,
.modal #institutes_to_merge_search #single_search {
  display: none;
  margin-bottom: 15px;
}
.modal #institute_search_list #multi_search,
.modal #institutes_to_merge_search #multi_search {
  margin-bottom: 15px;
}
.modal #institute_search_list hr,
.modal #institutes_to_merge_search hr {
  margin-top: 0;
}
.modal #institute_search_list .btn-row,
.modal #institutes_to_merge_search .btn-row {
  display: grid;
  gap: max(20px, 10%);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.modal #institute_search_list .btn-row .next-search,
.modal #institutes_to_merge_search .btn-row .next-search {
  -js-display: flex;
  display: flex;
  gap: 5px;
  position: relative;
}
.modal #institute_search_list .btn-row .next-search input,
.modal #institutes_to_merge_search .btn-row .next-search input {
  flex-grow: 1;
}
.modal #institute_search_list .btn-row .next-search button,
.modal #institutes_to_merge_search .btn-row .next-search button {
  width: 42px;
  padding-inline: initial;
}
.modal .merge-institute-by-id-button {
  float: right;
}
.modal .country-code {
  color: #52b4f2;
  font-size: 18px;
}
.modal .ajax-loader-gif {
  background: url("../assets/images/ajax-loader-big.gif") no-repeat left top;
  display: inline-block;
  float: right;
  width: 35px;
  height: 35px;
  margin-right: 20px;
}

#institute_form .copy-field-val {
  display: none;
}

#merge-form .copy-field-val, #merge-form .crm-swap-btn {
  display: none;
}

.mblite-demo-popup-wrapper {
  text-align: center;
}
.mblite-demo-popup-wrapper .demo-header {
  font-size: 25px;
  color: #4379b7;
  padding-bottom: 10px;
}
.mblite-demo-popup-wrapper .demo-content {
  font-size: 16px;
  padding-bottom: 20px;
}
.mblite-demo-popup-wrapper .demo-buttons {
  text-align: center;
}
.mblite-demo-popup-wrapper .demo-btn {
  display: inline-block;
  width: 33.33%;
  margin: 10px;
}

.cookie-bar {
  background: rgba(49, 65, 77, 0.9);
  position: fixed;
  width: 100%;
  left: 0;
  bottom: -400px;
  padding: 15px 0;
  color: #ffffff;
  font-size: 13px;
  z-index: 10000;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.cookie-bar a {
  color: #3eb4ff;
}
.cookie-bar a.btn, .cookie-bar a.btn-facebook, .cookie-bar a.btn-round, .cookie-bar a.btn-default, .cookie-bar a.btn-sausage, .cookie-bar a.btn-success, .cookie-bar a.btn-cadavr, .cookie-bar a.btn-yellow, .cookie-bar a.btn-yellow-2, .cookie-bar a.btn-red, .cookie-bar a.btn-red-2, .cookie-bar a.btn-white {
  color: #ffffff;
}
.cookie-bar span {
  background: url("../assets/images/cookie.svg") no-repeat top left;
  background-size: cover;
  width: 35px;
  height: 35px;
  float: left;
}
.cookie-bar p {
  margin-left: 20px;
  width: 70%;
  float: left;
  margin-bottom: 0;
  padding-top: 8px;
}
.cookie-bar .btn, .cookie-bar .btn-facebook, .cookie-bar .btn-round, .cookie-bar .btn-default, .cookie-bar .btn-sausage, .cookie-bar .btn-success, .cookie-bar .btn-cadavr, .cookie-bar .btn-yellow, .cookie-bar .btn-yellow-2, .cookie-bar .btn-red, .cookie-bar .btn-red-2, .cookie-bar .btn-white, .cookie-bar .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cookie-bar button {
  float: right;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .cookie-bar p {
    width: auto;
    float: none;
    margin-left: 60px;
  }
  .cookie-bar .btn, .cookie-bar .btn-facebook, .cookie-bar .btn-round, .cookie-bar .btn-default, .cookie-bar .btn-sausage, .cookie-bar .btn-success, .cookie-bar .btn-cadavr, .cookie-bar .btn-yellow, .cookie-bar .btn-yellow-2, .cookie-bar .btn-red, .cookie-bar .btn-red-2, .cookie-bar .btn-white, .cookie-bar .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cookie-bar button {
    float: none;
    margin-top: 20px;
    margin-left: 60px;
  }
}
#labcam_quarantine {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#labcam_quarantine p {
  margin-right: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#labcam_quarantine #wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px;
}
#labcam_quarantine .break-before {
  page-break-before: always;
}
@media (max-width: 519px) {
  #labcam_quarantine #logo img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #labcam_quarantine #manual_title .centered img {
    width: 100%;
  }
}
#labcam_quarantine #logo .print {
  visibility: collapse;
  width: 0px;
}
#labcam_quarantine a {
  text-decoration: underline;
  /* color: #fff; */
}
#labcam_quarantine body {
  /* background: #000; */
  color: #000000;
  font-family: sans-serif;
  /*    font-weight: 1900;*/
}
#labcam_quarantine img {
  margin-top: 10px; /*margin-bottom:10px;*/
}
#labcam_quarantine img.icon {
  width: 60px;
  margin-bottom: 10px;
  border-radius: 7px;
  background-color: #808080;
}
#labcam_quarantine img.w8_icon {
  height: 35px;
  background-color: #808080;
  border-radius: 7px;
}
#labcam_quarantine p {
  line-height: 1.5em;
  text-align: justify;
}
#labcam_quarantine ul li {
  /*list-style: none;*/
  line-height: 1.5em;
  text-transform: capitalize;
}
#labcam_quarantine .centered {
  text-align: center;
}
#labcam_quarantine .header_fill {
  height: 30px;
  width: auto;
  min-width: 20px;
  margin-bottom: 12px;
  /* background: #006699; */
}
#labcam_quarantine .section {
  margin-top: 50px;
}
#labcam_quarantine .section_header {
  color: #006699;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  position: relative;
  float: left;
  /* background-color: white; */
}
#labcam_quarantine .small_header {
  font-weight: bold;
  margin-top: 80px;
  font-size: 1.2em;
  text-transform: capitalize;
}
#labcam_quarantine .icon_title {
  font-weight: 600;
  margin-right: 10px;
}
#labcam_quarantine .td_first_cell {
  width: 70px;
  vertical-align: top;
}
#labcam_quarantine .td_second_cell {
  text-align: left;
  vertical-align: top;
  padding-top: 10px;
}
#labcam_quarantine .tip_number_round {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 1em;
  font-family: "Impact";
  width: 26px;
  height: 26px;
  text-align: center;
  border: solid 2px #ffffff;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .tip_number_bottom_right {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 0.95em;
  font-family: "Impact";
  width: 26px;
  height: 26px;
  text-align: center;
  border: solid 2px #ffffff;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .number {
  position: relative;
  top: 0px;
  left: 20px;
  font-size: 0.95em;
  font-family: "Impact";
  width: 26px;
  height: 26px;
  text-align: center;
  border: solid 2px #ffffff;
  border-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .tip_number_bottom_left {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 0.95em;
  font-family: "Impact";
  border: none;
  width: 22px;
  height: 22px;
  text-align: center;
  border: solid 2px #ffffff;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .tip_number_top_left {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 0.95em;
  font-family: "Impact";
  border: none;
  width: 22px;
  height: 22px;
  text-align: center;
  border: solid 2px #ffffff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .tip_number_top_left {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 0.95em;
  font-family: "Impact";
  border: none;
  width: 22px;
  height: 22px;
  text-align: center;
  border: solid 2px #ffffff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .tip_number_top_right {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 0.95em;
  font-family: "Impact";
  border: none;
  width: 22px;
  height: 22px;
  text-align: center;
  border: solid 2px #ffffff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine .tip_number_oval {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 0.95em;
  font-family: "Impact";
  border: none;
  height: 22px;
  max-width: 40px;
  text-align: center;
  border: solid 2px #ffffff;
  border-radius: 16px;
  background: #ff9900;
  color: #ffffff;
}
#labcam_quarantine #toc {
  position: relative;
  margin-top: 30px;
  padding: 0px 12px;
}
#labcam_quarantine .screen_guide {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  background-size: cover;
}
@media (max-width: 768px) {
  #labcam_quarantine .screen_guide {
    width: 100%;
  }
  #labcam_quarantine .screen_guide img {
    width: 100%;
  }
}
#labcam_quarantine table {
  table-layout: fixed;
  width: 100%;
}
#labcam_quarantine tr td {
  padding: 6px 0px;
}
#labcam_quarantine tr td:nth-child(2) {
  -js-display: flex;
  display: flex;
}

.toastify.mw-toastify {
  background: #fff03d;
  padding: 12px 10px;
}
.toastify.mw-toastify .toastify-avatar {
  margin-right: 10px;
}

.iframe-wrapper iframe {
  position: fixed;
  top: 40px;
  height: calc(100% - 40px);
  width: 100%;
  border: none !important;
}

.mblite_menu_top {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.mblite_menu_top .mblite_menu_top-content {
  height: 34px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper {
  width: 100%;
  -js-display: flex;
  display: flex;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin-left: 48px;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .ui-tabs-nav {
  width: 100%;
  background: none !important;
  border: 0 !important;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .ui-tabs-nav li a {
  padding: 0 !important;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab {
  height: 100%;
  width: 150px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  margin: 0 3px;
  padding: 0 3px;
  align-items: center;
  background-color: #c5ddf8;
  opacity: 0.5;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  transition: opacity 200ms ease;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab.mblite_lessons-toggler {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab.mblite_lessons-toggler.open {
  opacity: 1;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .title-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  max-width: 80%;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab.active {
  opacity: 1;
  cursor: pointer;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab:not(.active) .mblite_title {
  cursor: default;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab:not(.active):hover {
  opacity: 0.8;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .mblite_title {
  color: #325d9f;
  font-size: 15px;
  margin-left: 4px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 440px) {
  .mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .mblite_title {
    max-width: 130px;
  }
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .book-type {
  margin-right: 5px;
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: color 200ms ease;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .book-type a {
  font-size: 24px;
  color: #325d9f;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .book-type a.book_html:hover {
  color: #949da1;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .cancel_tab,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .toggle_tab {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .cancel_tab a,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .toggle_tab a {
  font-size: 20px;
  cursor: pointer;
  color: #325d9f;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .cancel_tab a i,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .toggle_tab a i {
  transition: background-color 300ms ease, color 300ms ease;
  border-radius: 50%;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .cancel_tab a i:hover,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .toggle_tab a i:hover {
  background-color: #325d9f;
  color: #c5ddf8;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab .cancel_tab {
  max-width: 20%;
}
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_tab.hidden {
  display: none;
}
.mblite_menu_top .mblite_menu_top-content .mblite_menu_top-wrapper .mblite_menu-tab,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_menu-tab {
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  -js-display: flex;
  display: flex;
  margin: 0 6px 0 3px;
  align-items: center;
  transition: background-color 200ms ease;
}
@media (max-width: 767px) {
  .mblite_menu_top .mblite_menu_top-content .mblite_menu_top-wrapper .mblite_menu-tab,
  .mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_menu-tab {
    display: none;
  }
}
.mblite_menu_top .mblite_menu_top-content .mblite_menu_top-wrapper .mblite_menu-tab .menu_top,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_menu-tab .menu_top {
  margin: 0 12px;
  -js-display: flex;
  display: flex;
  align-items: center;
}
.mblite_menu_top .mblite_menu_top-content .mblite_menu_top-wrapper .mblite_menu-tab .menu_top.menu_top-list,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_menu-tab .menu_top.menu_top-list {
  margin: 0 2px !important;
}
.mblite_menu_top .mblite_menu_top-content .mblite_menu_top-wrapper .mblite_menu-tab .menu_top a,
.mblite_menu_top .mblite_menu_top-content .mblite_tabs-wrapper .mblite_menu-tab .menu_top a {
  cursor: pointer;
  font-size: 24px;
  color: #ffffff;
  margin: 0 6px;
  padding-bottom: 3px;
}
.mblite_menu_top .mblite_menu_top-underline {
  height: 3px;
  background-color: #c5ddf8;
}
.mblite_menu_top.vhidden {
  height: 0px !important;
  overflow: hidden;
}
@media (max-width: 991px) {
  .mblite_menu_top .book-type {
    margin-right: 10px;
  }
}

.opened-lessons-popup,
.lesson-info-popup {
  -js-display: flex;
  display: flex;
  position: fixed;
  z-index: 2003;
  color: #fcffff;
}
.opened-lessons-popup > .opened-lessons-menu,
.opened-lessons-popup .lesson-info-menu,
.lesson-info-popup > .opened-lessons-menu,
.lesson-info-popup .lesson-info-menu {
  max-height: calc(100% - 80px);
  overflow-y: auto;
  display: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #3569ba;
  position: fixed;
  top: 40px;
  text-align: left;
  width: 250px;
  font-size: 16px;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row,
.opened-lessons-popup .lesson-info-menu .side-menu-row,
.lesson-info-popup > .opened-lessons-menu .side-menu-row,
.lesson-info-popup .lesson-info-menu .side-menu-row {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  color: #fcffff;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row.close-lesson,
.opened-lessons-popup .lesson-info-menu .side-menu-row.close-lesson,
.lesson-info-popup > .opened-lessons-menu .side-menu-row.close-lesson,
.lesson-info-popup .lesson-info-menu .side-menu-row.close-lesson {
  border-top: 1px solid #244882;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row:hover,
.opened-lessons-popup .lesson-info-menu .side-menu-row:hover,
.lesson-info-popup > .opened-lessons-menu .side-menu-row:hover,
.lesson-info-popup .lesson-info-menu .side-menu-row:hover {
  background-color: #325d9f;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row.hidden,
.opened-lessons-popup .lesson-info-menu .side-menu-row.hidden,
.lesson-info-popup > .opened-lessons-menu .side-menu-row.hidden,
.lesson-info-popup .lesson-info-menu .side-menu-row.hidden {
  display: none;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row.side-menu-header,
.opened-lessons-popup .lesson-info-menu .side-menu-row.side-menu-header,
.lesson-info-popup > .opened-lessons-menu .side-menu-row.side-menu-header,
.lesson-info-popup .lesson-info-menu .side-menu-row.side-menu-header {
  height: 17px;
  cursor: default !important;
  color: #ffffff;
  background-color: #274b84;
  font-weight: bold;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row.side-menu-header > p,
.opened-lessons-popup .lesson-info-menu .side-menu-row.side-menu-header > p,
.lesson-info-popup > .opened-lessons-menu .side-menu-row.side-menu-header > p,
.lesson-info-popup .lesson-info-menu .side-menu-row.side-menu-header > p {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row .title-wrapper,
.opened-lessons-popup .lesson-info-menu .side-menu-row .title-wrapper,
.lesson-info-popup > .opened-lessons-menu .side-menu-row .title-wrapper,
.lesson-info-popup .lesson-info-menu .side-menu-row .title-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row .title-wrapper .lesson-title,
.opened-lessons-popup .lesson-info-menu .side-menu-row .title-wrapper .lesson-title,
.lesson-info-popup > .opened-lessons-menu .side-menu-row .title-wrapper .lesson-title,
.lesson-info-popup .lesson-info-menu .side-menu-row .title-wrapper .lesson-title {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row .title-wrapper > i,
.opened-lessons-popup .lesson-info-menu .side-menu-row .title-wrapper > i,
.lesson-info-popup > .opened-lessons-menu .side-menu-row .title-wrapper > i,
.lesson-info-popup .lesson-info-menu .side-menu-row .title-wrapper > i {
  margin-right: 8px;
  font-size: 24px;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row .cancel_tab > i,
.opened-lessons-popup .lesson-info-menu .side-menu-row .cancel_tab > i,
.lesson-info-popup > .opened-lessons-menu .side-menu-row .cancel_tab > i,
.lesson-info-popup .lesson-info-menu .side-menu-row .cancel_tab > i {
  font-size: 24px;
}
.opened-lessons-popup > .opened-lessons-menu .side-menu-row .open-mblite,
.opened-lessons-popup .lesson-info-menu .side-menu-row .open-mblite,
.lesson-info-popup > .opened-lessons-menu .side-menu-row .open-mblite,
.lesson-info-popup .lesson-info-menu .side-menu-row .open-mblite {
  font-size: 20px;
  margin: 0;
  float: right;
  text-shadow: none;
}

.opened-lessons-popup.open .opened-lessons-menu {
  display: block;
}

.lesson-info-popup.open .lesson-info-menu {
  display: block;
}

.lessons-popup {
  -js-display: flex;
  display: flex;
  z-index: 99;
  height: 34px;
  background-color: #325d9f;
  color: #fcffff;
  position: fixed;
  top: 3px;
  left: 0;
  font-size: 28px;
}
.lessons-popup > .mblite-controls {
  -js-display: flex;
  display: flex;
}
.lessons-popup > .mblite-controls > a {
  -js-display: flex;
  display: flex;
  line-height: 35px;
  color: #c5ddf8;
  cursor: pointer;
}
.lessons-popup > .mblite-controls > a.active {
  color: #fce261;
}
.lessons-popup > .mblite-controls > a.vhidden {
  display: none;
}
.lessons-popup > .lessons-menu {
  max-height: calc(100% - 86px);
  overflow-y: auto;
  display: none;
  border-bottom-right-radius: 6px;
  background-color: #3569ba;
  position: fixed;
  left: 0;
  top: 40px;
  text-align: left;
  width: 250px;
  font-size: 16px;
  padding-bottom: 6px;
}
.lessons-popup > .lessons-menu .side-menu-row {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  color: #fcffff;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.lessons-popup > .lessons-menu .side-menu-row.mblite_close_menu {
  border-top: 1px solid #244882;
}
.lessons-popup > .lessons-menu .side-menu-row:hover {
  background-color: #325d9f;
}
.lessons-popup > .lessons-menu .side-menu-row.side-menu-header {
  height: 17px;
  cursor: default !important;
  color: #ffffff;
  background-color: #274b84;
  font-weight: bold;
}
.lessons-popup > .lessons-menu .side-menu-row .lesson {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lessons-popup > .lessons-menu .side-menu-row .lesson > a {
  color: #ffffff;
}
.lessons-popup > .lessons-menu .side-menu-row i {
  margin-right: 8px;
  font-size: 24px;
  color: #c5ddf8;
  text-shadow: 2px 2px 3px #223f6c;
}
.lessons-popup > .lessons-menu .side-menu-row .open-mblite {
  font-size: 20px;
  margin: 0;
  float: right;
  text-shadow: none;
  opacity: 0.5;
}
.lessons-popup.open .lessons-menu {
  display: block;
}
.lessons-popup.vhidden {
  display: none;
}

.mblite_layout .sidebar_kiadvanyaim .book_list_no_result {
  font-size: 2rem;
  text-align: center;
  margin-right: 22px;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item {
  -js-display: flex !important;
  display: flex !important;
  height: 128px !important;
  cursor: pointer;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content {
  height: auto !important;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .title {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 1.2;
  padding-bottom: 0 !important;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .bid {
  float: left;
  width: 100%;
  padding: 10px 0 !important;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type {
  float: left;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 25px;
  padding: 5px 0 3px;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type div[class*=type-] {
  padding: 0 5px;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type div[class*=type-]:first-child {
  padding-left: 0;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type div[class*=type-] a i {
  font-size: 25px;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*=type-] a, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*=type-] a {
  color: #f1f5fb;
}
.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*=type-] a.active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*=type-] a:active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*=type-] a:hover, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*=type-] a.active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*=type-] a:active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*=type-] a:hover {
  color: #455771;
}

.user-page .uploads-item .circle {
  float: left;
  margin-top: 6px;
}
.user-page .circle {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 5px;
}
.user-page .circle.user-file-process-done {
  background: #0ebf6e;
}
.user-page .circle.user-file-process-inprogress {
  background: #bbbf49;
}
.user-page .circle.user-file-process-waiting {
  background: #bf413b;
}
.user-page .user-file-process.user-file-process-done {
  color: #0ebf6e;
}
.user-page .user-file-process.user-file-process-inprogress {
  color: #bbbf49;
}
.user-page .user-file-process.user-file-process-waiting {
  color: #bf413b;
}

.loaderanim {
  width: 120px !important;
  height: 120px !important;
}

.mblite_empty_layout {
  background-color: #244b95;
}

.mblite {
  font-family: Arial, sans-serif;
  text-align: left;
  font-size: 12px;
  padding-top: 0;
  overflow-y: hidden;
  /* eszközök ablak */
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
.mblite .modal-dialog {
  margin: 0 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.mblite .modal-dialog .modal-header {
  padding: 5px 15px !important;
}
.mblite .modal-dialog .modal-body {
  border-radius: 0 0 10px 10px;
}
.mblite .modal-dialog .modal-footer {
  padding: 10px !important;
}
.mblite .modal-dialog .modal-footer .btn, .mblite .modal-dialog .modal-footer .btn-facebook, .mblite .modal-dialog .modal-footer .btn-round, .mblite .modal-dialog .modal-footer .btn-default, .mblite .modal-dialog .modal-footer .btn-sausage, .mblite .modal-dialog .modal-footer .btn-success, .mblite .modal-dialog .modal-footer .btn-cadavr, .mblite .modal-dialog .modal-footer .btn-yellow, .mblite .modal-dialog .modal-footer .btn-yellow-2, .mblite .modal-dialog .modal-footer .btn-red, .mblite .modal-dialog .modal-footer .btn-red-2, .mblite .modal-dialog .modal-footer .btn-white, .mblite .modal-dialog .modal-footer .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .mblite .modal-dialog .modal-footer button {
  float: right;
}
.mblite * {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.mblite .ui-dialog-content {
  overflow: auto !important;
}
.mblite .info-popup * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mblite .info-popup * .right-side {
  text-align: left;
}
.mblite .info-popup * img {
  margin-bottom: 8px;
}
.mblite .info-popup * .single-book-extras-mblite {
  font-size: 15px;
  -js-display: flex;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 3px;
}
.mblite .info-popup * .single-book-extras-mblite .book-extras {
  -js-display: flex;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.mblite .info-popup * .single-book-extras-mblite .book-extras i {
  color: #b3c6e4;
  margin-right: 2px;
}
@media (max-width: 519px) {
  .mblite .info-popup * .right-side {
    font-size: 14px;
    text-align: center;
  }
  .mblite .info-popup * .right-side .book-title {
    font-size: 24px;
  }
  .mblite .info-popup * .right-side .single-book-extras-mblite {
    justify-content: center;
  }
  .mblite .info-popup * img {
    max-width: 66%;
  }
}
@media (max-width: 519px) {
  .mblite .info-popup * img {
    max-width: 40%;
    margin-bottom: 15px;
  }
}
.mblite .info-popup * button {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mblite .info-popup * .book-subtitle {
  margin-bottom: 5px;
}
.mblite .info-popup * .book-title {
  color: #0074BD;
  font-size: 28px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.mblite .info-popup * .book-bid {
  font-weight: bold;
}
.mblite .info-popup * a {
  color: #0074BD;
}
.mblite .info-popup .row {
  width: 100%;
  margin: 0 !important;
}
@media (max-height: 375px) {
  .mblite .info-popup {
    max-height: 180px;
    overflow-y: scroll;
  }
  .mblite .info-popup .row .right-side {
    overflow-y: auto;
  }
  .mblite .info-popup .row .right-side button {
    display: none;
  }
  .mblite .info-popup .row img {
    margin-bottom: 0;
  }
}
@media (max-height: 991px) {
  .mblite .info-popup .right-side {
    font-size: 14px;
  }
  .mblite .info-popup .right-side .book-title {
    font-size: 22px;
  }
}
@media (max-height: 767px) and (max-width: 519px) {
  .mblite .info-popup .right-side {
    max-height: 175px;
    overflow-y: scroll;
  }
}
.mblite [ng\:hide],
.mblite [ng-hide],
.mblite .ng-hide {
  display: none !important;
}
.mblite .window_panel .window_header .filter_evfolyam {
  background-position: -76px 0;
}
.mblite .window_panel .window_header .filter_temakor {
  background-position: -50px 0;
}
.mblite .mblite_sidebar .mblite-lexikon-list-dropdown {
  padding: 10px;
  position: relative;
  background: #f1f5fb;
}
.mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group {
  margin-bottom: 5px;
}
.mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group .title {
  font-size: 16px;
  font-weight: bold;
  color: #455771;
}
.mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group .form-control, .mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group .cke_editable {
  width: 92%;
}
.mblite .mblite_sidebar.videos .header_tab_icon {
  font-size: 20px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .mblite .mblite_sidebar div.window_header.window_header_normal {
    height: 40px;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.header_tab_active {
    max-width: 60%;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.header_tab_active i.header_tab_icon {
    font-size: 26px;
    margin-top: 0px;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.header_tab_active div.header_tab_title {
    font-size: 18px;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar {
    position: relative;
    right: 0;
    top: 0;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar div.window_icon_button {
    width: 35px;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar div.window_icon_button.sidebar_position_arrow_left {
    background-position: -13px 0;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar div.window_icon_button.sidebar_position_arrow_right {
    background-position: -13px -28px;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar div.window_icon_button.closeImg {
    background-position: center;
  }
  .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar div.window_icon_button.sidebar_position_window_lock, .mblite .mblite_sidebar div.window_header.window_header_normal div.window_function_bar div.window_icon_button.sidebar_position_window_lock_on {
    display: none;
  }
}
.mblite .mblite_sidebar .sidebar_no_result {
  height: 100%;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}
.mblite .fb_share {
  position: absolute;
  right: 250px;
  top: 8px;
  overflow: hidden;
}
.mblite #progress_container {
  transition: transform 0.2s;
}
.mblite .mblite_menu_top {
  height: 40px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  background-color: #325d9f;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s, height 0.3s;
  -webkit-transition: height 0.3s;
}
.mblite .mblite_menu_top.open {
  display: block;
}
.mblite .mblite_layout {
  top: 0;
  left: 0;
  background: #dbe8f5;
  width: 100%;
}
.mblite .mblite_layout .mblite_close {
  float: left;
  margin: 5px 5px 4px;
  cursor: pointer;
  text-align: center;
}
.mblite .mblite_layout .mblite_close .mwicon-exit_left {
  font-size: 31px;
  color: #fcffff;
}
.mblite .mblite_layout.force_onepage .mblite_menu_bottom {
  background-position: top center;
}
.mblite .mblite_layout.force_onepage .mblite_menu_bottom .mblite_title {
  display: none;
}
.mblite .mblite_layout.force_onepage .mblite_menu_bottom .sep {
  display: none;
}
.mblite .mblite_layout.force_onepage .mblite_container > a.pager_prev,
.mblite .mblite_layout.force_onepage .mblite_container > a.pager_next {
  display: none;
}
.mblite .mblite_layout .user-popup {
  z-index: 2003;
  height: 40px;
  background-color: #325d9f;
  color: #fcffff;
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 28px;
}
.mblite .mblite_layout .user-popup.toggle-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.mblite .mblite_layout .user-popup > .mblite-controls {
  -js-display: flex;
  display: flex;
}
.mblite .mblite_layout .user-popup > .mblite-controls > a {
  display: block;
  line-height: 35px;
  color: #c5ddf8;
  cursor: pointer;
}
.mblite .mblite_layout .user-popup > .mblite-controls > a.active {
  color: #fce261;
}
.mblite .mblite_layout .user-popup > .mblite-controls > a.vhidden {
  display: none;
}
.mblite .mblite_layout .user-popup > a {
  display: block;
  line-height: 35px;
  color: #c5ddf8;
}
.mblite .mblite_layout .user-popup > a.active {
  color: #fce261;
}
.mblite .mblite_layout .user-popup > .side-menu {
  max-height: calc(100% - 40px);
  overflow-y: auto;
  display: none;
  border-top-right-radius: 6px;
  border-right: 2px solid #244882;
  background-color: #3569ba;
  position: fixed;
  left: 0;
  bottom: 40px;
  text-align: left;
  width: 250px;
  font-size: 16px;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-view,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-media,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-user {
  display: none;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-view.open,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-media.open,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-user.open {
  display: block;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-view > .side-menu-row,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-media > .side-menu-row,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-user > .side-menu-row {
  background-color: #274b84;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-view .vhidden,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-media .vhidden,
.mblite .mblite_layout .user-popup > .side-menu .side-menu-mobile-user .vhidden {
  display: none;
}
.mblite .mblite_layout .user-popup > .side-menu .mblite_close-wrapper {
  border-top: 1px solid #244882;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row {
  padding: 10px 12px;
  cursor: pointer;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row:hover {
  background-color: #325d9f;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row.side-menu-view {
  border-top: 1px solid #244882;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row .toggle-second-side-menu {
  opacity: 0.5;
  font-size: 27px;
  margin: 0;
  float: right;
  text-shadow: none;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row .toggle-second-side-menu.second-menu-open {
  color: #fce261;
  opacity: 1 !important;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row.side-menu-header {
  height: 17px;
  cursor: default !important;
  color: #ffffff;
  background-color: #274b84;
  border-top-right-radius: 6px;
  font-weight: bold;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row i {
  margin-right: 8px;
  font-size: 24px;
  text-shadow: 2px 2px 3px #223f6c;
  color: #c5ddf8;
}
.mblite .mblite_layout .user-popup > .side-menu .side-menu-row > a {
  color: #ffffff;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user,
.mblite .mblite_layout .user-popup .side-secondary-menu-media,
.mblite .mblite_layout .user-popup .side-secondary-menu-view {
  display: none;
  max-height: calc(100% - 80px);
  background-color: #244b95;
  position: fixed;
  left: 250px;
  border-left: 1px solid #244882;
  border-bottom: 1px solid #244882;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: left;
  width: 250px;
  font-size: 16px;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user.open,
.mblite .mblite_layout .user-popup .side-secondary-menu-media.open,
.mblite .mblite_layout .user-popup .side-secondary-menu-view.open {
  display: block;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-header,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-header,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-header {
  padding: 10px 12px;
  height: 17px !important;
  cursor: default !important;
  color: #fcffff;
  background-color: #274b84 !important;
  border-top-right-radius: 6px !important;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row {
  padding: 10px 12px;
  background-color: #3569ba;
  cursor: pointer;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row > i,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row > i,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row > i {
  color: #c5ddf8;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row > a,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row > a,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row > a {
  color: #ffffff;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row.vhidden,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row.vhidden,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row.vhidden {
  display: none;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row:last-child,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row:last-child,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row:last-child {
  border-bottom-right-radius: 6px;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row.course_link,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row.course_link,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row.course_link {
  border-top: 1px solid #244882;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row.side-menu-footer,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row.side-menu-footer,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row.side-menu-footer {
  border-top: 1px solid rgba(36, 72, 130, 0.6);
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row.side-menu-footer:last-of-type,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row.side-menu-footer:last-of-type,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row.side-menu-footer:last-of-type {
  border-bottom: 1px solid #284278;
  padding-left: 8px;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row.side-menu-footer .mblite_close,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row.side-menu-footer .mblite_close,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row.side-menu-footer .mblite_close {
  margin: 0 18px 0 0;
  transform: scale(0.9);
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row i,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row i,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row i {
  margin-right: 8px;
  font-size: 24px;
  text-shadow: 2px 2px 3px #223f6c;
}
.mblite .mblite_layout .user-popup > .side-secondary-menu-user .side-menu-row:hover,
.mblite .mblite_layout .user-popup .side-secondary-menu-media .side-menu-row:hover,
.mblite .mblite_layout .user-popup .side-secondary-menu-view .side-menu-row:hover {
  background-color: #325d9f;
}
.mblite .mblite_layout .user-popup .side-menu-scroll-wrapper {
  position: relative;
}
.mblite .mblite_layout .user-popup.open a {
  background-color: transparent !important;
}
.mblite .mblite_layout .user-popup.open > .side-menu {
  display: block;
}
.mblite .mblite_layout .mblite_menu_bottom {
  height: 40px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2002;
  background-color: #325d9f;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s, height 0.3s;
  -webkit-transition: height 0.3s;
}
.mblite .mblite_layout .mblite_menu_bottom.vhidden {
  height: 0px !important;
}
.mblite .mblite_layout .mblite_menu_bottom a {
  cursor: pointer;
}
.mblite .mblite_layout .mblite_menu_bottom .second-logo {
  background: url("../assets/images/second_logo/mblite_wide.png") no-repeat center;
  width: 290px;
  height: 40px;
  position: absolute;
  left: 90px;
  display: block;
}
@media (max-width: 1420px) {
  .mblite .mblite_layout .mblite_menu_bottom .second-logo {
    background: url("../assets/images/second_logo/mblite_narrow.png") no-repeat center;
    width: 81px;
  }
}
.mblite .mblite_layout .mblite_menu_bottom .mozaik_logo {
  width: 223px;
  height: 21px;
  display: block;
  background: url("../assets/images/logo.svg") no-repeat;
  background-size: cover;
  position: absolute;
  right: 20px;
  top: 9px;
}
@media (max-width: 1290px) {
  .mblite .mblite_layout .mblite_menu_bottom .mozaik_logo {
    width: 97px;
  }
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions {
  display: inline-block;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul {
  margin: 0;
  list-style: none;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li {
  float: left;
  position: relative;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.separator {
  height: 27px;
  border-left: 1px solid #152c57;
  border-right: 1px solid #4b7ad4;
  margin: 2px 4px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup {
  color: #c5ddf8;
  position: fixed;
  bottom: 3px;
  left: 10px;
  font-size: 28px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > a {
  display: block;
  line-height: 35px;
  color: #c5ddf8;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > a.active {
  color: #fce261;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu {
  max-height: calc(100% - 80px);
  display: none;
  background-color: #244b95;
  position: fixed;
  left: 0;
  bottom: 40px;
  text-align: left;
  width: 250px;
  font-size: 16px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row {
  padding: 13px;
  cursor: pointer;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-header {
  color: #ffffff;
  background-color: #284278;
  font-weight: bold;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-footer {
  border-top: 1px solid #3563b2;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-footer:last-of-type {
  border-bottom: 1px solid #284278;
  padding-left: 8px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-footer .mblite_close {
  margin: 0 18px 0 0;
  transform: scale(0.9);
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row i {
  margin-right: 8px;
  vertical-align: middle;
  font-size: 24px;
  text-shadow: 2px 2px 3px #223f6c;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup .side-menu-scroll-wrapper {
  position: relative;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup.open a {
  background-color: transparent !important;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup.open > div {
  display: block;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul a {
  float: none;
  outline: none;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul div li {
  /*rtl:raw:
                                      float: left;
                                   */
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function {
  display: block;
  float: left;
  width: 27px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../assets/images/mblite/menu/mblite_menu_sprite.svg");
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_first {
  /*rtl:ignore*/
  background-position: -725px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_prev {
  background-position: -754px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_next {
  background-position: -783px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_last {
  background-position: -812px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu {
  position: absolute;
  top: 32px;
  left: -80px;
  z-index: 1000;
  background: #576fa5;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  box-shadow: 3px 3px 6px #555555;
  -moz-box-shadow: 3px 3px 6px #555555;
  -webkit-box-shadow: 3px 3px 6px #555555;
  border-top: 1px solid #8898b9;
  width: 192px;
  display: none;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li {
  float: none;
  display: block;
  padding: 0 6px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li a {
  display: block;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  border-top: 1px solid #7f8ba5;
  border-bottom: 1px solid #3c4f76;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li:first-child a {
  border-top: 0 none;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li:last-child a {
  border-bottom: 0 none;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu span {
  float: left;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu a.active,
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu span {
  color: #e6f165;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu i {
  float: left;
  display: inline;
  margin-right: 5px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu .separator {
  border: 0 none;
  background: #374a72;
  text-align: center;
  color: #a4bff5;
  padding: 4px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .page_input_form {
  float: left;
  width: 36px;
  margin-top: 2px;
  background: none;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .page_input_form .page_input {
  float: left;
  height: 16px;
  padding: 2px 0;
  margin-top: 2px;
  width: 36px;
  border: 1px inset #c2d3ec;
  color: #ffffff;
  font-weight: bold;
  background-color: #6e8cc3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-align: center;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .page_pages {
  float: left;
  width: 40px;
  color: #ffffff;
  height: 25px;
  line-height: 25px;
  margin-top: 3px;
  /*rtl:raw:
                            direction: initial;
                             */
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function {
  float: left;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-image: url("../assets/images/mblite/menu/mblite_menu_sprite.svg");
  margin: 0 4px;
  filter: drop-shadow(0.2em 0.25em 0.08em rgba(0, 0, 0, 0.3));
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#kiadvanyaim {
  /*rtl:ignore*/
  background-position: 0 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#kiadvanyaim._on {
  /*rtl:ignore*/
  background-position: 0 -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#oldalak {
  background-position: -29px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#oldalak._on {
  background-position: -29px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#tartalomjegyzek {
  background-position: -58px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#tartalomjegyzek._on {
  background-position: -58px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#lexikon {
  background-position: -87px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#lexikon._on {
  background-position: -87px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#eszkozok {
  background-position: -116px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#eszkozok._on {
  background-position: -116px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#jatekok {
  background-position: -145px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#jatekok._on {
  background-position: -145px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#settings {
  background-position: -493px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#settings._on {
  background-position: -493px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#egyoldalas {
  background-position: -522px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#egyoldalas._on {
  background-position: -261px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#mask {
  background-position: -551px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#mask._on {
  background-position: -551px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#zoom {
  background-position: -232px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#zoom._on {
  background-position: -232px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#zoom._out {
  background-position: -696px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#ddd {
  background-position: -203px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#ddd._on {
  background-position: -203px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#videos {
  background-position: -174px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#videos._on {
  background-position: -174px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#full-screen {
  background-position: -435px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#full-screen._on {
  background-position: -435px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#draw {
  background-position: -580px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#draw._on {
  background-position: -580px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#select {
  background-position: -667px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#select._on {
  background-position: -667px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#text {
  background-position: -841px 0;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#text._on {
  background-position: -841px -29px;
}
.mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_pager.vhidden {
  display: none;
}
.mblite .mblite_layout .mblite_container {
  position: relative;
}
.mblite .mblite_layout .mblite_container > a {
  height: 100%;
  width: 50%;
  display: block;
  position: absolute;
}
.mblite .mblite_layout .mblite_container > a.pager_prev {
  /*rtl:ignore*/
  left: 0;
}
.mblite .mblite_layout .mblite_container > a.pager_prev i {
  background-image: url("../assets/images/mblite_new/pager_prev.svg");
}
.mblite .mblite_layout .mblite_container > a.pager_next {
  /*rtl:ignore*/
  left: 50%;
}
.mblite .mblite_layout .mblite_container > a.pager_next i {
  background-image: url("../assets/images/mblite_new/pager_next.svg");
}
.mblite .mblite_layout .mblite_container > a.pager_next i, .mblite .mblite_layout .mblite_container > a.pager_prev i {
  position: absolute;
  display: block;
  cursor: pointer;
  height: 100%;
  width: 17px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.mblite .mblite_layout .mblite_container .pager_big {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 70px;
  height: 30px;
}
.mblite .mblite_layout .mblite_container .pager_big > a {
  display: block;
  float: left;
  width: 28px;
  height: 27px;
}
.mblite .mblite_layout .mblite_container .pager_big > a.page_prev {
  background-image: url("../assets/images/mblite/pager/page_prev.png");
}
.mblite .mblite_layout .mblite_container .pager_big > a.page_prev:hover {
  background-image: url("../assets/images/mblite/pager/page_prev_click.png");
}
.mblite .mblite_layout .mblite_container .pager_big > a.page_prev.disabled {
  background-image: url("../assets/images/mblite/pager/page_prev_disabled.png");
}
.mblite .mblite_layout .mblite_container .pager_big > a.page_next {
  background-image: url("../assets/images/mblite/pager/page_next.png");
}
.mblite .mblite_layout .mblite_container .pager_big > a.page_next:hover {
  background-image: url("../assets/images/mblite/pager/page_next_click.png");
}
.mblite .mblite_layout .mblite_container .pager_big > a.page_next.disabled {
  background-image: url("../assets/images/mblite/pager/page_next_disabled.png");
}
.mblite .mblite_layout .mblite_container .page_cont {
  position: relative;
}
.mblite .mblite_layout .mblite_container .page_cont .mblite_page_img.mirror_bg {
  transform: scaleX(-1);
}
.mblite .mblite_layout .mblite_container .page_cont .left_img.mirror_bg,
.mblite .mblite_layout .mblite_container .page_cont .right_img.mirror_bg {
  transform: scaleX(-1);
}
.mblite .mblite_layout .mblite_container.twopage > div {
  height: 100%;
  width: 50%;
  /*rtl:ignore*/
  float: left;
}
.mblite .mblite_layout .mblite_container.twopage .page_first .page_cont {
  /*rtl:ignore*/
  float: right;
}
.mblite .mblite_layout .mblite_container.twopage .page_second .page_cont {
  /*rtl:ignore*/
  float: left;
  border: 1px solid #000000;
}
.mblite .mblite_layout .mblite_container.onepage .page_cont {
  margin: 0 auto;
}
.mblite .mblite_layout .mblite_container .dropping_area {
  position: absolute;
  width: 300px;
  height: 100%;
  background: #000000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
  display: none;
  z-index: 101;
  top: 0;
}
.mblite .mblite_layout .mblite_container .dropping_area.left {
  left: 0;
}
.mblite .mblite_layout .mblite_container .dropping_area.right {
  right: 0;
}
.mblite .mblite_layout a.display-rect {
  opacity: 1 !important;
}
.mblite .mblite_layout a.display-rect img {
  opacity: 0 !important;
}
.mblite .mblite_layout a.extra_content,
.mblite .mblite_layout a.display-rect,
.mblite .mblite_layout a.extra_link,
.mblite .mblite_layout a.extra_book_link {
  border: 0;
  display: block;
  position: absolute;
}
.mblite .mblite_layout a.extra_content i,
.mblite .mblite_layout a.display-rect i,
.mblite .mblite_layout a.extra_link i,
.mblite .mblite_layout a.extra_book_link i {
  width: 5px;
  height: 5px;
  border: 2px solid green;
  position: absolute;
  display: none;
}
.mblite .mblite_layout a.extra_content:hover,
.mblite .mblite_layout a.display-rect:hover,
.mblite .mblite_layout a.extra_link:hover,
.mblite .mblite_layout a.extra_book_link:hover {
  border: none !important;
}
.mblite .mblite_layout a.extra_content:hover i,
.mblite .mblite_layout a.display-rect:hover i,
.mblite .mblite_layout a.extra_link:hover i,
.mblite .mblite_layout a.extra_book_link:hover i {
  display: block;
}
.mblite .mblite_layout a.extra_content:hover i.t-r,
.mblite .mblite_layout a.display-rect:hover i.t-r,
.mblite .mblite_layout a.extra_link:hover i.t-r,
.mblite .mblite_layout a.extra_book_link:hover i.t-r {
  /*rtl:ignore*/
  border-left: none;
  border-bottom: none;
}
.mblite .mblite_layout a.extra_content:hover i.t-l,
.mblite .mblite_layout a.display-rect:hover i.t-l,
.mblite .mblite_layout a.extra_link:hover i.t-l,
.mblite .mblite_layout a.extra_book_link:hover i.t-l {
  /*rtl:ignore*/
  border-right: none;
  border-bottom: none;
}
.mblite .mblite_layout a.extra_content:hover i.b-r,
.mblite .mblite_layout a.display-rect:hover i.b-r,
.mblite .mblite_layout a.extra_link:hover i.b-r,
.mblite .mblite_layout a.extra_book_link:hover i.b-r {
  /*rtl:ignore*/
  border-left: none;
  border-top: none;
}
.mblite .mblite_layout a.extra_content:hover i.b-l,
.mblite .mblite_layout a.display-rect:hover i.b-l,
.mblite .mblite_layout a.extra_link:hover i.b-l,
.mblite .mblite_layout a.extra_book_link:hover i.b-l {
  /*rtl:ignore*/
  border-right: none;
  border-top: none;
}
.mblite .mblite_layout a.extra_content.hovered {
  border: none !important;
}
.mblite .mblite_layout a.extra_content.hovered i {
  display: block;
}
.mblite .mblite_layout a.extra_content.hovered i.t-r {
  /*rtl:ignore*/
  border-left: none;
  border-bottom: none;
}
.mblite .mblite_layout a.extra_content.hovered i.t-l {
  /*rtl:ignore*/
  border-right: none;
  border-bottom: none;
}
.mblite .mblite_layout a.extra_content.hovered i.b-r {
  /*rtl:ignore*/
  border-left: none;
  border-top: none;
}
.mblite .mblite_layout a.extra_content.hovered i.b-l {
  /*rtl:ignore*/
  border-right: none;
  border-top: none;
}
.mblite .mblite_layout .sidebar_content {
  overflow: hidden !important;
  position: absolute;
  width: 331px;
}
.mblite .mblite_layout .sidebar_video_list,
.mblite .mblite_layout .sidebar_3d_list {
  /* mixin for multiline
              http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation
              */
}
.mblite .mblite_layout .sidebar_video_list .item,
.mblite .mblite_layout .sidebar_3d_list .item {
  margin-bottom: 10px;
  margin-right: 6px;
}
.mblite .mblite_layout .sidebar_video_list .item .item-thumbnail,
.mblite .mblite_layout .sidebar_3d_list .item .item-thumbnail {
  float: left;
  width: 82px;
  padding: 3px;
  border-radius: 0;
  margin-bottom: 0;
  margin-right: 5px;
  background: #ffffff;
  border: 1px solid #b6d0e7;
}
.mblite .mblite_layout .sidebar_video_list .item .item-thumbnail img,
.mblite .mblite_layout .sidebar_3d_list .item .item-thumbnail img {
  width: 100%;
}
.mblite .mblite_layout .sidebar_video_list .item .item-text,
.mblite .mblite_layout .sidebar_3d_list .item .item-text {
  margin-left: 95px;
  padding: 3px 0 2px 0;
  height: 84px;
  position: relative;
  border-bottom: 1px solid #b6d0e7;
}
.mblite .mblite_layout .sidebar_video_list .item .item-text .item-title,
.mblite .mblite_layout .sidebar_3d_list .item .item-text .item-title {
  color: #0074BD;
  font-weight: bold;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mblite .mblite_layout .sidebar_video_list .item .item-text .item-desc,
.mblite .mblite_layout .sidebar_3d_list .item .item-text .item-desc {
  color: #6e7a95;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
}
.mblite .mblite_layout .sidebar_video_list .item .item-text .item-duration,
.mblite .mblite_layout .sidebar_3d_list .item .item-text .item-duration {
  text-align: right;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.mblite .mblite_layout .sidebar_extra_list > a {
  display: block;
  position: relative;
  width: 204px;
  height: 60px;
  padding-top: 22px;
  margin-left: 95px;
  margin-bottom: 10px;
  color: #4379ca;
  border-bottom: 1px solid #b6d0e7;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: transparent;
  font-weight: bold;
  cursor: pointer;
}
.mblite .mblite_layout .sidebar_extra_list > a:first-child {
  margin-top: 10px;
}
.mblite .mblite_layout .sidebar_extra_list > a:hover {
  background-color: #ccdbef;
}
.mblite .mblite_layout .sidebar_extra_list > a.extra_item_image {
  background-image: url("../assets/images/mblite_new/extra_icon/image.png");
}
.mblite .mblite_layout .sidebar_extra_list > a.extra_item_imagegallery {
  background-image: url("../assets/images/mblite_new/extra_icon/imagegallery.png");
}
.mblite .mblite_layout .sidebar_extra_list > a.extra_item_3d {
  background-image: url("../assets/images/mblite_new/extra_icon/3d.png");
}
.mblite .mblite_layout .sidebar_extra_list > a.extra_item_sound {
  background-image: url("../assets/images/mblite_new/extra_icon/sound.png");
}
.mblite .mblite_layout .sidebar_extra_list > a.extra_item_soundgallery {
  background-image: url("../assets/images/mblite_new/extra_icon/soundgallery.png");
}
.mblite .mblite_layout .sidebar_extra_list > a.extra_item_video {
  background-image: url("../assets/images/mblite_new/extra_icon/video.png");
}
.mblite .mblite_layout .sidebar_extra_list > a > a.gotopage {
  position: absolute;
  color: #5d5d5d;
  right: 0;
  bottom: 0;
  font-size: 13px;
  font-weight: normal;
  display: block;
}
.mblite .mblite_layout .sidebar_extra_list > a > .image_background {
  position: absolute;
  left: -85px;
  top: 1px;
  background-color: #ffffff;
  border: 1px solid #b6d0e7;
  width: 80px;
  height: 78px;
  padding-top: 2px;
  text-align: center;
}
.mblite .mblite_layout .sidebar_extra_list > a > .image_background > img {
  width: 76px;
  height: 76px;
}
.mblite .mblite_layout .sidebar_extra_list > a > .image_background .type-wrapper {
  width: 0 !important;
  height: 0 !important;
  border: 17px solid transparent !important;
  border-left-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=fill-corner-bottom-right],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=fill-corner-bottom-left],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class^=mwicon-corner_][class$=_lb],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class^=mwicon-corner_][class*="_lb "],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=" mwicon-corner_"][class$=_lb],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=" mwicon-corner_"][class*="_lb "],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class^=mwicon-corner_][class$=_rb],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class^=mwicon-corner_][class*="_rb "],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=" mwicon-corner_"][class$=_rb],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=" mwicon-corner_"][class*="_rb "] {
  font-size: 28px !important;
  line-height: 28px !important;
  left: 2px !important;
  bottom: 2px !important;
}
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=fill-corner-bottom-right],
.mblite .mblite_layout .sidebar_extra_list > a > .image_background [class*=fill-corner-bottom-left] {
  position: absolute;
  z-index: 31;
}
.mblite .mblite_layout .sidebar_oldalak {
  padding-bottom: 10px;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item {
  margin: 10px 0;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item a {
  cursor: pointer;
  display: block !important;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a {
  display: block;
  /*rtl:ignore*/
  float: left;
  width: 50%;
  text-align: right;
  position: relative;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right {
  /*rtl:ignore*/
  text-align: left;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right > img {
  border: 1px solid #000000;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right.active > img {
  border: 1px solid #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right > span {
  /*rtl:ignore*/
  right: 25px;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left > img {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left > img.lastItem {
  border-right: 1px solid #000000;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left.active > img {
  border-top: 1px solid #a3526b;
  border-bottom: 1px solid #a3526b;
  border-left: 1px solid #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left > span {
  /*rtl:ignore*/
  left: 25px;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a > span {
  position: absolute;
  top: 0;
  color: #5671a3;
  font-weight: bold;
  font-size: 13px;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.hide {
  cursor: default;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.hide span {
  display: none;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide) .bg_image {
  border: 1px solid #ccd9ea;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).right .bg_image {
  border-left: none;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected-onepage .bg_image {
  z-index: 2;
  border: 2px solid #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected-onepage span {
  color: #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected .bg_color {
  padding: 2px 0 0 2px;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected .bg_draw {
  padding: 2px 0 0 2px;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left .bg_image {
  z-index: 2;
  border: 2px solid #a3526b;
  /*rtl:ignore*/
  border-right: 1px solid #ccd9ea;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left span {
  color: #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left:only-child .bg_image {
  border: 2px solid #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left[page="1"] .bg_image {
  border: 2px solid #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.right .bg_image {
  border: 2px solid #a3526b;
  /*rtl:ignore*/
  border-left: none;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.right span {
  color: #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.right[page="1"] .bg_image {
  border: 2px solid #a3526b;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.lastItem img {
  border: 1px solid #000000;
}
.mblite .mblite_layout .sidebar_oldalak .oldalak_item:first-child > a:not(.hide).right .bg_image {
  border-left: 1px solid #ccd9ea;
}
.mblite .mblite_layout .sidebar_oldalak.onepage .oldalak_item > a {
  width: 100%;
  text-align: center !important;
}
.mblite .mblite_layout .sidebar_oldalak.onepage .oldalak_item > a.left > img {
  border-right: 1px solid #000000;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item {
  height: 126px;
  display: block;
  margin-right: 22px;
  margin-left: 6px;
  border: 1px solid transparent;
  color: #5b6c86;
  font-size: 13px;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected, .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover {
  background-color: #86aee7;
  color: #f1f5fb !important;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected > .content > span.title, .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  color: #f1f5fb !important;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .img {
  float: left;
  height: 126px;
  background-color: #f5f3f9;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .img img {
  height: 100%;
  border: 1px solid #ffffff;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content {
  float: left;
  width: 157px;
  height: 92px;
  background-color: transparent;
  padding: 0;
  font-family: arial;
  margin-left: 10px;
  word-wrap: break-word;
}
.mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  font-weight: bold;
  font-size: 16px;
  height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mblite .mblite_layout .sidebar_kiadvanyaim a {
  cursor: pointer;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek {
  margin-top: 10px;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter {
  width: 290px;
  height: 57px;
  display: block;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter > .img {
  border: 1px solid #c1d3fb;
  background-color: #f4f5f9;
  padding: 2px;
  width: 51px;
  height: 51px;
  float: left;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter > .img > img {
  width: 49px;
  height: 49px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter > .text {
  height: 57px;
  width: 214px;
  margin-left: 9px;
  float: left;
  line-height: 57px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4379b1;
  font-weight: bold;
  cursor: pointer;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson {
  width: 286px;
  margin-left: 10px;
  padding-left: 4px;
  border-bottom: 1px solid #c7d8e7;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson.selected {
  font-weight: bold;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson > a {
  cursor: pointer;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson > a.title {
  float: left;
  width: 246px;
  text-align: left;
  line-height: 17px;
  color: #5d5d5d;
}
.mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson > a.page {
  width: 25px;
  height: 17px;
  color: #709ec2;
  text-align: right;
  font-weight: bold;
  float: left;
}
.mblite .mblite_layout .sidebar_content > div[class*=sidebar_] {
  padding-bottom: 40px;
}
.mblite .mblite_layout .sidebar_content > div[class*=sidebar_].sidebar_extra_list {
  padding-bottom: 50px;
}
.mblite .mblite_layout .inactive {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.mblite .mblite_layout .inactive img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.mblite .mblite_layout .searchresult_item {
  background-color: #00ff00;
  display: none;
  opacity: 0.5;
  z-index: 500;
}
.mblite .mblite_layout .searchresult_item.selected {
  display: block;
}
.mblite .mblite_layout .window_panel {
  position: fixed;
}
.mblite .mblite_layout .menu_window {
  display: none;
  position: fixed;
  min-width: 45px;
  z-index: 202;
  bottom: 35px;
  padding-bottom: 5px;
  background-color: rgb(53, 105, 186);
  border-radius: 6px;
  border-left: 1px solid rgb(53, 105, 186);
  border-top: 1px solid rgb(53, 105, 186);
  border-right: 1px solid rgb(39, 75, 132);
  border-bottom: 1px solid rgb(39, 75, 132);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
  font-family: "Tahoma Bold";
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mblite .mblite_layout .menu_window.vhidden {
  display: none !important;
}
.mblite .mblite_layout .menu_window .slider-container {
  padding: 16px 0 24px;
}
.mblite .mblite_layout .menu_window .slider-container #slider-vertical {
  margin: 0 auto;
}
.mblite .mblite_layout .menu_window .menu_window_header,
.mblite .mblite_layout .menu_window .menu_window_footer {
  padding: 5px 0;
  background-color: rgb(39, 75, 132);
  color: rgb(164, 191, 245);
  text-align: center;
}
.mblite .mblite_layout .menu_window .menu_window_header {
  border-radius: 6px 6px 0 0;
  margin-bottom: 5px;
}
.mblite .mblite_layout .menu_window .menu_window_footer {
  margin-bottom: 0;
  cursor: pointer;
}
.mblite .mblite_layout .menu_window .menu_window_footer.toggled {
  border-radius: 6px 6px 0 0;
}
.mblite .mblite_layout .menu_window .menu_window_item {
  padding: 0 10px;
  background-color: inherit;
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  border-radius: 0 0 6px 6px;
  cursor: pointer;
}
.mblite .mblite_layout .menu_window .menu_window_item > div {
  width: 36px;
  height: 36px;
  background-size: 36px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.mblite .mblite_layout .menu_window .menu_window_item:active, .mblite .mblite_layout .menu_window .menu_window_item._on {
  color: rgb(255, 241, 101);
}
.mblite .mblite_layout #mask_menu #mask_menu_off #mask_menu_off_icon {
  background-image: url("../assets/images/mblite/menu/sub/kikapcsol.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_off:active #mask_menu_off_icon {
  background-image: url("../assets/images/mblite/menu/sub/kikapcsol_on.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_full_page #mask_menu_full_page_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_full_page.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_full_page:active #mask_menu_full_page_icon, .mblite .mblite_layout #mask_menu #mask_menu_full_page._on #mask_menu_full_page_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_full_page_on.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_rect_normal #mask_menu_rect_normal_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_rect_normal.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_rect_normal:active #mask_menu_rect_normal_icon, .mblite .mblite_layout #mask_menu #mask_menu_rect_normal._on #mask_menu_rect_normal_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_rect_normal_on.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_rect_inverse #mask_menu_rect_inverse_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_rect_inverse.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_rect_inverse:active #mask_menu_rect_inverse_icon, .mblite .mblite_layout #mask_menu #mask_menu_rect_inverse._on #mask_menu_rect_inverse_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_rect_inverse_on.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_ellipse_normal #mask_menu_ellipse_normal_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_ellipse_normal.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_ellipse_normal:active #mask_menu_ellipse_normal_icon, .mblite .mblite_layout #mask_menu #mask_menu_ellipse_normal._on #mask_menu_ellipse_normal_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_ellipse_normal_on.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_ellipse_inverse #mask_menu_ellipse_inverse_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_ellipse_inverse.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_ellipse_inverse:active #mask_menu_ellipse_inverse_icon, .mblite .mblite_layout #mask_menu #mask_menu_ellipse_inverse._on #mask_menu_ellipse_inverse_icon {
  background-image: url("../assets/images/mblite/menu/sub/mask_ellipse_inverse_on.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_background_hide #mask_menu_background_hide_icon {
  background-image: url("../assets/images/mblite/menu/sub/hatter_eltuntetes.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_background_darken #mask_menu_background_darken_icon {
  background-image: url("../assets/images/mblite/menu/sub/hatter_sotetites.png");
}
.mblite .mblite_layout #mask_menu #mask_menu_background_darken:active #mask_menu_background_darken_icon, .mblite .mblite_layout #mask_menu #mask_menu_background_darken._on #mask_menu_background_darken_icon {
  background-image: url("../assets/images/mblite/menu/sub/hatter_sotetites_on.png");
}
.mblite .mblite_tools_list_item {
  background: #cee2f5; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #cee2f5 0%, #e6f0f9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cee2f5", endColorstr="#e6f0f9", GradientType=0); /* IE6-9 */
  margin: 1px;
  height: 102px;
  width: 97px;
  outline: 1px solid #ffffff;
  text-align: center;
}
.mblite .mblite_tools_list_item .tools_list_thumb {
  padding: 0;
}
.mblite .mblite_tools_list_item a {
  cursor: pointer;
}
.mblite .mblite_tools_list_item .mblite_tools_list_item_link,
.mblite .mblite_tools_list_item .mblite_tools_list_item_link:hover {
  color: #7e8faf;
  display: block;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  overflow: hidden;
}
.mblite #kiadvany_felvetele {
  display: block;
  margin: 10px 29px 0 5px;
  color: #678ba8;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
  background: #fdfefe;
  background: linear-gradient(#fdfefe, #d8dcdf);
  -pie-background: linear-gradient(#fdfefe, #d8dcdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FDFEFE", endColorstr="#D8DCDF", GradientType=0);
  border-radius: 5px;
  text-shadow: 1px 1px #ffffff;
}
.mblite #kiadvany_felvetele:hover {
  background: #d8dcdf;
  background: linear-gradient(#d8dcdf, #fdfefe);
  -pie-background: linear-gradient(#d8dcdf, #fdfefe);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D8DCDF", endColorstr="#FDFEFE", GradientType=0);
  text-shadow: 1px -1px #ffffff;
}
.mblite #filter-wrapper {
  position: relative;
}
.mblite #filter-wrapper input {
  width: 72%;
  border-radius: 4px;
  border: 1px solid #a9a9a9;
  padding: 2px 5px;
  box-sizing: border-box;
  margin-top: 3px;
}
.mblite #filter-wrapper input::-ms-clear {
  display: none;
}
.mblite #filter-wrapper .mwicon-close_big {
  cursor: pointer;
  right: 104px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  display: none;
}
.mblite #filter-wrapper .search_button {
  background: url("../assets/images/domain_mozalearn/search_icon.png") no-repeat;
  position: absolute;
  top: 7px;
  right: 90px;
  height: 15px;
  width: 15px;
}
.mblite #filter-wrapper.width-select input {
  width: 67%;
  margin-right: 10px;
}
.mblite #filter-wrapper.width-select .search_button {
  right: 104px;
}
.mblite #filter-wrapper.width-select .mwicon-close_big {
  right: 118px;
}
.mblite #filter-wrapper.width-select select {
  padding: 2px 5px;
  border-radius: 4px;
  border: 1px solid #a9a9a9;
}
.mblite #filter-wrapper.wide-input input {
  width: 84%;
}
.mblite #filter-wrapper.wide-input .search_button {
  right: 57px;
}
.mblite #filter-wrapper.wide-input .mwicon-close_big {
  right: 75px;
}
.mblite #filter-wrapper .subject-dropdown,
.mblite #filter-wrapper .extra-dropdown {
  margin: 1px 7px 0 7px;
}
.mblite #filter-wrapper .subject-dropdown .dropdown-toggle i,
.mblite #filter-wrapper .extra-dropdown .dropdown-toggle i {
  font-size: 30px;
  color: #0074BD;
}
.mblite #filter-wrapper .subject-dropdown .dropdown-toggle i.mwicon-subj_all_2, .mblite #filter-wrapper .subject-dropdown .dropdown-toggle i.mwicon-mt2_sum,
.mblite #filter-wrapper .extra-dropdown .dropdown-toggle i.mwicon-subj_all_2,
.mblite #filter-wrapper .extra-dropdown .dropdown-toggle i.mwicon-mt2_sum {
  color: #90b5ee;
}
.mblite #filter-wrapper .subject-dropdown .dropdown-menu,
.mblite #filter-wrapper .extra-dropdown .dropdown-menu {
  overflow: hidden;
}
.mblite #filter-wrapper .subject-dropdown .dropdown-menu > li > a,
.mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a {
  line-height: 27px;
  cursor: default;
  color: #748093;
  padding: 3px 10px;
}
.mblite #filter-wrapper .subject-dropdown .dropdown-menu > li > a i,
.mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a i {
  font-size: 25px;
  float: left;
  padding-right: 8px;
}
.mblite #filter-wrapper .subject-dropdown .dropdown-menu > li > a:hover,
.mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a:hover {
  background-color: #0074BD;
  color: #ffffff;
}
.mblite #filter-wrapper .extra-dropdown .dropdown-toggle i {
  font-size: 30px;
  display: block;
  margin-top: 0px;
}
.mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a i {
  font-size: 25px;
  margin-top: 0px;
}
.mblite #filter-wrapper .sidebar-video-icon,
.mblite #filter-wrapper .sidebar-3d-icon {
  font-size: 30px;
  color: #90b5ee;
  margin-left: 5px;
}
.mblite #filter-wrapper .sidebar-separator {
  border-right: 1px solid #90b5ee;
  height: 20px;
  margin-top: 5px;
}
.mblite #paginator {
  height: 28px;
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  z-index: 200;
}
.mblite #paginator i {
  display: block;
  width: 28px;
  height: 27px;
  cursor: pointer;
  z-index: 1000;
  margin: 0 20px;
  padding: 10px;
}
.mblite #paginator i.prev {
  background: url("../assets/images/mblite/pager/page_prev_sel.png") no-repeat center center;
  float: left;
}
.mblite #paginator i.next {
  background: url("../assets/images/mblite/pager/page_next_sel.png") no-repeat center center;
  float: right;
}
.mblite #audio_list {
  padding: 0 3px;
  max-height: 200px;
  overflow: auto;
}
.mblite #audio_list div {
  background: #324366;
  border-bottom: 1px solid #5b6985;
  cursor: pointer;
  padding: 5px 0;
}
.mblite #audio_list div:last-child {
  border-bottom: none;
}
.mblite #audio_list i,
.mblite #audio_list span {
  display: inline-block;
  margin: 0 0 0 10px;
}
.mblite #audio_list .speaker {
  width: 11px;
  height: 13px;
  background: url("../assets/images/mblite/audio/speaker.jpg") no-repeat;
}
.mblite #audio_list .title {
  color: #61faee;
  font-weight: bold;
  width: 430px;
  white-space: nowrap;
  overflow: hidden;
}
.mblite #audio_list .square {
  width: 14px;
  height: 10px;
  background: url("../assets/images/mblite/audio/square.jpg") no-repeat;
}
.mblite #audio_list .time {
  color: #61faee;
}
.mblite #audio_list .active .speaker,
.mblite #audio_list div:hover .speaker {
  background: url("../assets/images/mblite/audio/speaker-active.jpg") no-repeat;
}
.mblite #audio_list .active .title,
.mblite #audio_list div:hover .title {
  color: #ffffff;
}
.mblite #audio_list .active .square,
.mblite #audio_list div:hover .square {
  background: url("../assets/images/mblite/audio/square-active.jpg") no-repeat;
}
.mblite #audio_list .active .time,
.mblite #audio_list div:hover .time {
  color: #ffffff;
}
.mblite #paginator {
  position: relative;
}
.mblite #audio_image_container {
  position: relative;
}
.mblite #pager_left,
.mblite #pager_right {
  top: 0;
  display: block;
  width: 25%;
  cursor: pointer;
  position: absolute;
  height: 100%;
}
.mblite #pager_left {
  left: 0;
}
.mblite #pager_left:hover {
  background: url("modules/jquery.window/img/nyil_prev.png") no-repeat center center;
}
.mblite #pager_right {
  right: 0;
}
.mblite #pager_right:hover {
  background: url("modules/jquery.window/img/nyil_next.png") no-repeat center center;
}
.mblite .mobile_window #audio_list {
  display: none !important;
}
.mblite .mobile_window #pager_left {
  background: url("modules/jquery.window/img/nyil_prev.png") no-repeat center center;
}
.mblite .mobile_window #pager_right {
  background: url("modules/jquery.window/img/nyil_next.png") no-repeat center center;
}
.mblite .iScrollIndicator {
  position: absolute;
  background-color: #ccd9ea;
  width: 8px;
  border: 1px solid #ccd9ea;
  border-radius: 8px;
}
.mblite .iScrollHorizontalScrollbar {
  position: absolute;
  z-index: 9999;
  height: 10px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  overflow: hidden;
  background-color: #e2e9f4;
  border: 1px solid #e2e9f4;
  border-radius: 8px;
}
.mblite .iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px;
}
.mblite .iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 10px;
  top: 8px;
  bottom: 8px;
  right: 8px;
  overflow: hidden;
}
.mblite .iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 18px;
}
.mblite .tools_state_states a,
.mblite .tools_state_states span {
  color: #4f6a9a;
}
.mblite .window_panel .position_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mblite .window_panel .window_frame {
  background: #f1f5fb;
}
.mblite .window_panel.right {
  right: 0 !important;
  left: auto !important;
}
.mblite .window_panel.left {
  left: 0 !important;
  right: auto !important;
}
.mblite .window_panel.collaborative .collaborative_chat_window {
  position: relative;
}
.mblite .window_panel.collaborative .room_settings_wrapper {
  color: #9ab6dd;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_basic {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_name {
  float: left;
  padding-left: 10px;
  line-height: 20px;
  font-size: 18px;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin {
  background-color: #f1f5fb;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  z-index: 900;
  color: #5b6c86;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_wrapper {
  padding: 15px;
  background-color: #f1f5fb;
  border-bottom: 1px solid #c4d4e3;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_wrapper .room_settings_leave_wrapper {
  float: right;
  padding-right: 10px;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin h2 {
  font-size: 48px;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_room_close_wrapper {
  padding-top: 30px;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .form-control, .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .cke_editable {
  box-sizing: border-box;
}
.mblite .window_panel.collaborative .room_settings_wrapper .room_user_can_invite {
  display: block;
}
.mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}
.mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-leave {
  transition: 0.5s linear all;
  opacity: 1;
}
.mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.mblite .window_panel.collaborative .chat_window .ico {
  background: url("../assets/images/mblite_new/collaborative-chat-ico.png") top left no-repeat;
  display: inline-block;
}
.mblite .window_panel.collaborative .chat_window .ico-order-desc {
  width: 24px;
  height: 18px;
  background-position: -10px -171px;
}
.mblite .window_panel.collaborative .chat_window .ico-order-asc {
  width: 24px;
  height: 18px;
  background-position: -10px -199px;
}
.mblite .window_panel.collaborative .chat_window .online_users_title_wrapper {
  padding: 8px 0;
}
.mblite .window_panel.collaborative .chat_window .online_users_title {
  float: left;
  color: #9fb6d3;
  padding-left: 15px;
  font-size: 14px;
  font-weight: bold;
}
.mblite .window_panel.collaborative .chat_window .online_users_order {
  float: right;
  padding-right: 10px;
}
.mblite .window_panel.collaborative .chat_window .online_users_list {
  overflow: hidden;
  position: relative;
}
.mblite .window_panel.collaborative .chat_window .online_users_list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mblite .window_panel.collaborative .chat_window .online_users_list ul li {
  padding-left: 0;
  line-height: 29px;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #c4d4e3;
}
.mblite .window_panel.collaborative .chat_window .online_users_list ul li .group_name {
  padding-left: 15px;
  font-weight: bold;
  cursor: pointer;
}
.mblite .window_panel.collaborative .chat_window .online_users_list ul li .user_list li {
  padding-left: 15px;
}
.mblite .window_panel.collaborative .chat_window .online_users_list ul li.user_offline {
  font-style: italic;
  color: #a0a0a0;
}
.mblite .window_panel.collaborative .chat_window .online_users_list ul li:first-child {
  border-top: 1px solid #c4d4e3;
}
.mblite .window_panel.collaborative .chat_window .online_users_list .online_users_list_bullet {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  float: left;
  display: block;
  margin-top: 11px;
  margin-right: 5px;
  border: 1px solid #c4d4e3;
  margin-left: 5px;
}
.mblite .window_panel.collaborative .chat_window .online_users_list .online_users_list_name {
  float: left;
}
.mblite .window_panel.collaborative .chat_window .online_users_list .chat_message_right_draw {
  float: left;
  margin-top: 5px;
  color: #9fb6d3;
}
.mblite .window_panel.collaborative .chat_window .collaborative_chat_window.user_is_admin .online_users_list .chat_message_right_draw {
  cursor: pointer;
}
.mblite .window_panel.collaborative .chat_window .collaborative_invite_submit_button {
  border: 0 none;
  padding: 0;
  margin: 15px 10px 0 0;
  float: right;
  background: transparent;
}
.mblite .window_panel.collaborative .chat_window .collaborative_invite_input_wrapper {
  float: left;
}
.mblite .window_panel.collaborative .chat_window .collaborative_invite_input_wrapper .tagit-new {
  width: 100%;
}
.mblite .window_panel.collaborative .chat_window .chat_window_wrapper {
  overflow: hidden;
  position: relative;
  z-index: 800;
}
.mblite .window_panel.collaborative .chat_window .chat_send {
  border: 0 none;
  padding: 0;
  margin: 10px 10px 0 0;
  float: right;
  background: transparent;
}
.mblite .window_panel.collaborative .chat_window .chat_send_wrapper input[type=text] {
  width: 240px;
  height: 24px;
  border: 0 none;
  background-color: #ffffff;
  margin: 15px;
  padding: 1px 5px;
}
.mblite .window_panel.collaborative .chat_window .chat_messages {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}
.mblite .window_panel.collaborative .chat_window .chat_messages li {
  list-style: none;
  margin: 0;
  color: #5b6c86;
  padding-bottom: 20px;
}
.mblite .window_panel.collaborative .chat_window .chat_messages li:first-child {
  padding-top: 10px;
}
.mblite .window_panel.collaborative .chat_window .chat_messages li:last-child {
  padding-bottom: 0;
}
.mblite #collaborative_invite_input {
  width: 240px;
  height: 24px;
  border: 0 none;
  border-radius: 0;
  background-color: #ffffff;
  margin: 15px;
}
.mblite #collaborative_invite_input .tagit-new {
  padding: 0;
}
.mblite #collaborative_invite_input.focus {
  outline: -webkit-focus-ring-color auto 5px;
}
@media (max-width: 1110px) {
  .mblite .mblite_layout .mblite_menu_bottom .mozaik_logo,
  .mblite .mblite_layout .mblite_menu_bottom .second-logo {
    display: none;
  }
  .mblite .zoom_listitem {
    position: absolute !important;
    right: 10px;
  }
  .mblite .last-separator {
    display: none;
  }
}
.mblite .mblite_container .cw_button {
  position: absolute;
}
.mblite .mblite_container .cw_button i {
  background: url("../assets/images/classwork/function_icons.png") -90px 0;
  width: 35px;
  height: 31px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.mblite .mblite_container .cw_button.left {
  left: 0;
  display: none;
}
.mblite .mblite_container .cw_button.right {
  left: 50%;
  display: none;
}
.mblite .general_submit,
.mblite .general_big_submit {
  padding: 5px 25px 5px 25px;
  margin: 0;
  background-color: #558ada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 0;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

#mblite_editor .mb_content .pages .pager_big > a.left {
  background-image: url("../css/editor/pager/page_prev.png");
}
#mblite_editor .mb_content .pages .pager_big > a.left:hover {
  background-image: url("../css/editor/pager/page_prev_click.png");
}
#mblite_editor .mb_content .pages .pager_big > a.left.disabled {
  background-image: url("../css/editor/pager/page_prev_disabled.png");
}
#mblite_editor .mb_content .pages .pager_big > a.right {
  background-image: url("../css/editor/pager/page_next.png");
}
#mblite_editor .mb_content .pages .pager_big > a.right:hover {
  background-image: url("../css/editor/pager/page_next_click.png");
}
#mblite_editor .mb_content .pages .pager_big > a.right.disabled {
  background-image: url("../css/editor/pager/page_next_disabled.png");
}

.layer-wrapper {
  padding: 5px 15px;
}
.layer-wrapper [class^=mwicon-mbl_m_layer_]:after {
  color: #a4b8d5;
  font-size: 33px;
  display: inline-block;
  height: 100%;
  width: 33px;
  vertical-align: middle;
}
.layer-wrapper div[class*=layer-] {
  position: relative;
  margin: 5px 0;
  text-align: left;
}
.layer-wrapper div[class*=layer-] label {
  vertical-align: middle;
  margin: 1px 5px;
  cursor: pointer;
}
.layer-wrapper div[class*=layer-] label i {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  color: #b5cde1;
}
.layer-wrapper div[class*=layer-] label i:after {
  font-size: 24px;
}
.layer-wrapper div[class*=layer-] .layer-title {
  font: bold 12px Arial;
}
.layer-wrapper div[class*=layer-] .right {
  position: absolute;
  right: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.layer-wrapper div[class*=layer-] input[type=checkbox] + label[for*=visibility],
.layer-wrapper div[class*=layer-] input[type=radio] + label[for*=visibility] {
  color: #637ca0;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked ~ span label[for*=visibility], .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked ~ label[for*=visibility] {
  color: #455771;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked ~ span label[for*=visibility] i, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked ~ label[for*=visibility] i {
  color: #5a90bc;
  font-family: "mwicon" !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;
  position: relative;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked ~ span label[for*=visibility] i:after, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked ~ label[for*=visibility] i:after {
  content: "\e171";
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked:disabled ~ span label[for*=visibility], .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked:disabled ~ label[for*=visibility] {
  color: #d2d9e3;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked:disabled ~ span label[for*=visibility] i, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked:disabled ~ label[for*=visibility] i {
  color: #a7badc;
  cursor: not-allowed;
  opacity: 0.5;
  font-family: "mwicon" !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;
  position: relative;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked:disabled ~ span label[for*=visibility] i:after, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:checked:disabled ~ label[for*=visibility] i:after {
  content: "\e171";
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:disabled ~ span label[for*=visibility], .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:disabled ~ label[for*=visibility] {
  color: #8396b3;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:disabled ~ span label[for*=visibility] i, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=visibility]:disabled ~ label[for*=visibility] i {
  color: #ccd7eb;
  cursor: not-allowed;
  opacity: 0.5;
}
.layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:checked ~ span label[for*=editable] i, .layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:checked ~ label[for*=editable] i {
  color: #5a90bc;
  font-family: "mwicon" !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;
  position: relative;
}
.layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:checked ~ span label[for*=editable] i:after, .layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:checked ~ label[for*=editable] i:after {
  content: "\e150";
}
.layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:checked:disabled ~ span label[for*=editable] i, .layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:checked:disabled ~ label[for*=editable] i {
  color: #a7badc;
  cursor: not-allowed;
  opacity: 0.5;
}
.layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:disabled ~ span label[for*=editable] i, .layer-wrapper div[class*=layer-] input[type=radio][id*=editable]:disabled ~ label[for*=editable] i {
  color: #ccd7eb;
  cursor: not-allowed;
  opacity: 0.5;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked ~ span label[for*=anim] i, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked ~ label[for*=anim] i {
  color: #5a90bc;
  font-family: "mwicon" !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;
  position: relative;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked ~ span label[for*=anim] i:after, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked ~ label[for*=anim] i:after {
  content: "\e173";
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked:disabled ~ span label[for*=anim] i, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked:disabled ~ label[for*=anim] i {
  color: #a7badc;
  cursor: not-allowed;
  opacity: 0.5;
  font-family: "mwicon" !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;
  position: relative;
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked:disabled ~ span label[for*=anim] i:after, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:checked:disabled ~ label[for*=anim] i:after {
  content: "\e173";
}
.layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:disabled ~ span label[for*=anim] i, .layer-wrapper div[class*=layer-] input[type=checkbox][id*=anim]:disabled ~ label[for*=anim] i {
  color: #ccd7eb;
  cursor: not-allowed;
  opacity: 0.5;
}

.ui-dialog.mozaDialog.mediaLibraryBrowser {
  font-family: Open Sans Web, sans-serif;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .header {
  background-color: #3257a7;
  height: 71px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .header .mozaLibrary, .ui-dialog.mozaDialog.mediaLibraryBrowser .header .toolStates {
  opacity: 0.4;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .header [name=subject_azon] {
  width: 150px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .header a.mozaLibrary.lexikon_states_place_all {
  background-image: url("../assets/images/pin.png");
  background-size: 28px;
  width: 135px;
  opacity: 1;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .header .mozaLibrary.active,
.ui-dialog.mozaDialog.mediaLibraryBrowser .header .toolStates.active,
.ui-dialog.mozaDialog.mediaLibraryBrowser .header .new_item {
  opacity: 1;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_content .lextitle {
  font-size: 12px;
  text-align: left;
  line-height: 16px;
  color: #558ada;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  font-weight: bold;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item {
  margin-bottom: 5px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item.lexikon_column_3 {
  width: 205px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .lexikon_box_shadow {
  width: 232px;
  height: 20px;
  position: absolute;
  background: url("../assets/images/nyitolap_uj/box_shadow.png") no-repeat center center;
  left: -16px;
  bottom: -15px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .selected_3d_scene {
  width: 85%;
  float: left;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .lexikon_thumbnail_div {
  position: relative;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .lexikon_thumbnail_div .leximgframe {
  position: relative;
  z-index: 2;
  max-height: 105px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .edit_btn {
  position: absolute;
  bottom: 7px;
  right: 5px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .edit_btn img {
  vertical-align: middle;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item select {
  font-family: Open Sans Web, sans-serif;
  webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../assets/images/caret-down.png") !important;
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 8px;
  padding-left: 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 3px;
  border: 1px solid #c6d2e5;
  color: #707172;
  background-color: #eeeeee;
  font-size: 12px;
  height: 20px;
}
.ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item select option {
  line-height: 14px;
  padding-left: 3px;
  box-sizing: border-box;
}

/*
 * Új media library css design
 */
.ui-dialog.mozaDialog.mediaLibrary {
  font-family: Arial, sans-serif;
  z-index: 100;
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
}
.ui-dialog.mozaDialog.mediaLibrary, .ui-dialog.mozaDialog.mediaLibrary * {
  box-sizing: border-box;
}
.ui-dialog.mozaDialog.mediaLibrary .dropdown-select {
  position: relative;
  display: inline-block;
}
.ui-dialog.mozaDialog.mediaLibrary .dropdown-select button {
  padding: 0;
  margin: 0;
  border: none;
}
.ui-dialog.mozaDialog.mediaLibrary .dropdown-select.open .fa-caret-down:before {
  content: "\f0d8";
}
.ui-dialog.mozaDialog.mediaLibrary .dropdown-select ul {
  border-radius: 0;
  border: 1px solid #cccccc;
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.ui-dialog.mozaDialog.mediaLibrary .dropdown-select ul li:hover {
  background-color: #f6f6f6 !important;
}
.ui-dialog.mozaDialog.mediaLibrary .dropdown-select ul li > a {
  padding: 12px 12px 12px 44px;
  max-width: initial;
  color: #7082a4;
}
.ui-dialog.mozaDialog.mediaLibrary select[name=grade] + .sbHolder {
  display: none;
}
.ui-dialog.mozaDialog.mediaLibrary:not(.mediaLibrary-layout-compact, .mediaLibrary-layout-wide) .lexikon_image {
  overflow: hidden;
  position: relative;
}
.ui-dialog.mozaDialog.mediaLibrary:not(.mediaLibrary-layout-compact, .mediaLibrary-layout-wide) .lexikon_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: none;
  object-fit: none;
  z-index: 1;
  border: 1px solid #cad2e3;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content {
  --auto-grid-min-size: 25rem;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem {
  padding-bottom: 10px !important;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_image {
  float: left;
  width: 65px;
  height: 65px;
  background-color: #d0e8f4;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_image img {
  width: 100%;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data {
  margin-left: 70px;
  position: static;
  height: 100%;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .lexikontitle {
  text-align: left;
  padding: 0 5px 0 0 !important;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .description {
  margin-bottom: 0;
  margin-top: 4px;
  -webkit-line-clamp: 2;
  line-height: 15px;
  max-height: 30px;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer {
  position: static;
  bottom: initial;
  left: initial;
  overflow: hidden;
  padding: 0;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer .ml-actions {
  position: absolute;
  bottom: 12px;
  right: 5px;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer .extra-info {
  font-size: 12px;
  height: 40px;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer .extra-info span {
  display: inline-block;
}
.ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-wide #ml-content {
  --auto-grid-min-size: 15rem;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-titlebar {
  height: 34px;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  padding: 0;
  z-index: 1;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-titlebar .ui-dialog-titlebar-close {
  top: 6px;
  right: 5px;
  z-index: 2;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  color: #d6dded !important;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content {
  padding: 0;
  text-align: left;
  border-bottom: 5px solid #ffffff;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ui-resizable-s {
  bottom: -1px !important;
  height: 10px !important;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header {
  background-color: #6289bf;
  width: 100%;
  display: inline-block;
  font-size: 12.5px;
  vertical-align: top;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header.drag-header {
  background-color: #3257a7;
  -js-display: flex;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 34px;
  border-bottom: 2px solid #fff03d;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header.drag-header .drag_title-wrapper {
  color: #ffffff;
  -js-display: flex;
  display: flex;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header.drag-header .drag_title-wrapper .drag-title {
  font-size: 16px;
  line-height: 15px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header > div {
  display: inline-block;
  float: left;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat {
  background-color: #3d7cde;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype {
  background-color: #325d9f;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat {
  width: 101px;
  height: 58px;
  border-right: 1px solid #4768b0;
  z-index: 2;
  transition: background-color 300ms ease;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options {
  border-bottom-right-radius: 5px;
  min-width: 200px;
  overflow: auto;
  padding: 3px 0;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li.list-item-video, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li.list-item-flash, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li.list-item-video, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li.list-item-flash {
  margin-bottom: 5px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li:not(.divider), .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li:not(.divider) {
  width: 100%;
  cursor: pointer;
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 15px 3px 15px;
  float: left;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li:not(.divider) > i, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li:not(.divider) > i {
  opacity: 0.5;
  transition: opacity 300ms ease;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li:not(.divider) > i:hover, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li:not(.divider) > i:hover {
  opacity: 1;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li:not(.divider) .list-item-wrapper, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li:not(.divider) .list-item-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li:not(.divider) .list-item-wrapper > i, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li:not(.divider) .list-item-wrapper > i {
  font-size: 25px;
  color: #8c97a7;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li:not(.divider) .list-item-wrapper span, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li:not(.divider) .list-item-wrapper span {
  margin-left: 10px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li.divider, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat ul.select_ordeby_options li.divider {
  margin: 0;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype:hover, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button {
  width: 100px;
  height: 100%;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button > div, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button > div {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2px;
  position: relative;
  font-weight: bold;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button > div > i, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button > div > i {
  font-size: 25px;
  color: #ffffff;
  opacity: 0.8;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button > div .lexikontype-text, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button > div .inserttype-text, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button > div .lexikontype-text, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button > div .inserttype-text {
  display: block;
  color: #ffffff;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button .dropdown-arrow-container, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button .dropdown-arrow-container {
  -js-display: flex;
  display: flex;
  justify-content: center;
  float: left;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  color: #f8f9fa;
  padding: 21px 0;
  font-size: 16px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container {
  -js-display: flex;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 58px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-width: 100px;
  padding: 0 12px;
  color: #ffffff;
  transition: ease-in opacity 0.2s, ease-in width 0.2s, background-color 300ms ease;
  float: left;
  font-weight: bold;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn > i {
  color: #fff03d;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn:hover, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-btn-active {
  background-color: rgba(0, 0, 0, 0.12);
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-btn-extraAdd {
  border-left: 1px solid #5170b4;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-hidden {
  display: none;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container.ml-header-right {
  border-left: 1px solid #5170b4;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar {
  background: #8bb2e1;
  border-bottom: 1px solid #c5cfde;
  padding: 0 15px;
  text-align: left;
  display: inline-block;
  width: 100%;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text] {
  border: 1px solid #c6d2e5;
  border-radius: 5px;
  height: 25px;
  padding: 0 10px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text]::-moz-placeholder {
  color: #acbad0;
  font-style: italic;
  text-transform: lowercase;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text]::placeholder {
  color: #acbad0;
  font-style: italic;
  text-transform: lowercase;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div {
  margin: 5px 0;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search {
  position: relative;
  display: inline-block;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .searchbox {
  width: 175px;
  background-color: #ffffff;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .search-button {
  color: #c6d2e5;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .reset-search {
  color: #c6d2e5;
  position: absolute;
  right: 22px;
  top: 5px;
  cursor: pointer;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .form-group {
  margin-bottom: 0 !important;
  margin-right: 5px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .form-group .form-control, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .form-group .cke_editable {
  font-size: 12px;
  padding: 3px 12px;
}
.ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .select_orderby {
  float: right;
  margin-left: 18px;
}
.ui-dialog.mozaDialog.mediaLibrary .sbHolder {
  margin: 0;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  border-radius: 5px !important;
}
.ui-dialog.mozaDialog.mediaLibrary .sbHolder .sbOptions {
  white-space: nowrap;
  width: auto !important;
}
.ui-dialog.mozaDialog.mediaLibrary .sbToggle, .ui-dialog.mozaDialog.mediaLibrary .sbToggle:hover {
  background: url(/assets/images/caret-down.png) no-repeat center;
  background-size: 8px;
}
.ui-dialog.mozaDialog.mediaLibrary .sbToggleOpen, .ui-dialog.mozaDialog.mediaLibrary .sbToggleOpen:hover {
  background: url(/assets/images/caret-down.png) no-repeat center;
  background-size: 8px;
  -webkit-transform: scaleY(-1);
}
.ui-dialog.mozaDialog.mediaLibrary select[name=lang] {
  width: 120px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content {
  padding: 5px;
  overflow-y: auto;
  background-color: #ffffff;
  --auto-grid-min-size: 20rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  gap: 0;
  position: relative;
  min-height: 100px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content.ml-no-result {
  text-align: center;
  font-size: 24px;
  padding: 20px;
  position: absolute;
  width: 100%;
  display: inherit;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content.ml-no-result a {
  color: #ffffff;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content.loading:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../assets/images/moza_loader.gif") no-repeat center #ffffff;
  background-size: 100px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content.scroll-loading:after {
  content: " ";
  width: 100%;
  height: 100px;
  background: url("../assets/images/moza_loader.gif") no-repeat center #ffffff;
  background-size: 100px;
  display: block;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem {
  margin: 0 3px 6px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in 0.1s;
  padding: 5px 5px 26px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-delete-url {
  position: absolute;
  top: 5px;
  right: 12px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-toolstate-btn {
  width: 35px;
  position: absolute;
  right: 1px;
  bottom: 1px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .lexikontitle {
  margin: 0;
  padding: 4px 0 4px;
  color: #558ada;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  text-align: center;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .description {
  font-size: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer ignore next */
  -webkit-box-orient: vertical;
  line-height: 13px;
  max-height: 39px;
  -webkit-line-clamp: 3;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .extra-info {
  font-size: 12px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .extra-info span {
  transition: color ease-in 0.1s;
  line-height: 15px;
  display: inline-block;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .extra-info span:hover {
  color: #000000;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 5px 10px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .size-3d {
  font-size: 12px;
  transition: color ease-in 0.1s;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .size-3d:hover {
  color: #000000;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .selected_3d_scene {
  width: 110px;
  height: 16px;
  font-size: 12px;
  border-radius: 2px;
  background-color: #eeeeee;
  line-height: 100%;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .ml-actions {
  height: 15px;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .ml-actions a {
  display: inline-block;
}
.ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .ml-actions a img {
  float: left;
}

.mozaweb_ar .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .reset-search {
  left: 22px;
  right: inherit;
}
.mozaweb_ar .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .search-button {
  left: 2px;
  right: inherit;
}

.course-nav .book-nav-title {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .course-nav .book-nav-title :before {
    font-family: "mwicon" !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;
    position: relative;
    content: "\f715";
    color: #0074BD;
    position: absolute;
    font-size: 20px;
    left: -5px;
  }
}
@media (max-width: 991px) {
  .course-nav .book-nav-title.opened :before {
    font-family: "mwicon" !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;
    position: relative;
    content: "\f716";
    color: #f47711;
    position: absolute;
    font-size: 20px;
    left: -5px;
  }
}
.course-nav .book-nav-sidebar .book-course {
  font-weight: bold;
  padding: 10px 0 0;
}
.course-nav .book-nav-sidebar .book-course a {
  color: #455771;
}
.course-nav .book-nav-sidebar .book-course:before {
  font-family: "mwicon" !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;
  position: relative;
  content: "\f715";
  color: #0074BD;
  position: absolute;
  font-size: 20px;
  left: -5px;
}
.course-nav .book-nav-sidebar .book-course.book-course-selected:before {
  font-family: "mwicon" !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;
  position: relative;
  content: "\f716";
  color: #f47711;
  position: absolute;
  font-size: 20px;
  left: -5px;
}
.course-nav .book-nav-sidebar .book-lesson {
  padding: 10px 0 0;
}
.course-nav .book-nav-sidebar .book-lesson a {
  color: #455771;
}
.course-nav .book-nav-sidebar .book-lesson.book-sub-lesson {
  font-style: italic;
  padding: 6px 0 0;
}
@media (max-width: 991px) {
  .course-nav .book-nav-sidebar {
    display: none;
  }
}
@media (min-width: 992px) {
  .course-nav .book-nav-sidebar {
    display: block !important;
  }
}

.course-inner-page .row {
  margin-right: -5px;
  margin-left: -5px;
}
.course-inner-page .row div[class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .course-inner-page .course-breadcrumb {
    padding-left: 27px;
  }
}
.course-inner-page .course-breadcrumb a {
  padding: 0 10px;
}
.course-inner-page .course-breadcrumb a:first-child {
  padding-left: 0;
}
.course-inner-page .course-breadcrumb .muted {
  color: #0074BD;
}
.course-inner-page .course-lesson-nav .pt6 {
  padding-top: 6px;
}
.course-inner-page .course-lesson-nav .height100 {
  height: 100%;
}
.course-inner-page .course-lesson-nav .mb2 {
  margin-bottom: 2px;
}
.course-inner-page .course-extra {
  max-width: 660px;
}
.course-inner-page .course-extra .row-flex {
  -js-display: flex;
  display: flex;
  flex-flow: row wrap;
}
.course-inner-page .course-extra .extra-title {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #0074BD;
}

.course-functions {
  margin-top: 120px;
}
.course-functions div[class*=function-] {
  position: relative;
  cursor: pointer;
  margin: 20px 0;
  overflow: hidden;
  -js-display: flex;
  display: flex;
  padding-top: 4px;
}
.course-functions div[class*=function-]:first-child {
  margin: 0;
}
.course-functions div[class*=function-] img {
  margin-top: -4px;
  width: 40px;
  height: 40px;
}
.course-functions div[class*=function-] .title-wrapper {
  margin-left: 5px;
  float: left;
  width: 100%;
  height: 30px;
  display: block;
  overflow: hidden;
}
.course-functions div[class*=function-] .title-wrapper .extra-icon-title {
  line-height: 1.25;
  font-size: 12px;
}

.cart-steps {
  position: relative;
  height: 60px;
  margin-bottom: 20px;
}
.cart-steps a {
  position: relative;
  width: calc((100% - 120px - 5px) / 5);
  display: inline-block;
  height: 100%;
  background-color: #9cb4d9;
  margin-left: 15px;
  margin-right: 16px;
  cursor: default;
}
.cart-steps a[href] {
  cursor: pointer;
}
.cart-steps a:first-child {
  margin-left: 0;
}
.cart-steps a:first-child:before {
  display: none;
}
.cart-steps a:last-child {
  margin-right: 0;
}
.cart-steps a:last-child:after {
  display: none;
}
.cart-steps a > span {
  -js-display: inline-flex;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.cart-steps a > span b {
  visibility: hidden;
  color: #ffffff;
  font-size: 45px;
  width: 0;
}
.cart-steps a > span > span {
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  font-size: 17px;
  line-height: 1.1em;
  margin-left: 15px;
}
.cart-steps a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -30px;
  width: 30px;
  top: 0;
  height: 100%;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: #9cb4d9 transparent #9cb4d9 transparent;
  z-index: 0;
}
.cart-steps a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -30px;
  width: 30px;
  top: 0;
  height: 100%;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: transparent transparent transparent #9cb4d9;
}
.cart-steps a.active {
  color: #ffffff;
  background-color: #0074BD;
}
.cart-steps a.active b {
  color: #ffffff;
}
.cart-steps a.active:before {
  border-color: #0074BD transparent #0074BD transparent;
}
.cart-steps a.active:after {
  border-color: transparent transparent transparent #0074BD;
}
@media (max-width: 991px) {
  .cart-steps a > span b {
    display: block;
    visibility: visible;
    width: initial;
    margin: auto;
  }
  .cart-steps a > span span {
    display: none;
  }
}
@media (max-width: 767px) {
  .cart-steps a > span b {
    font-size: 30px;
  }
  .cart-steps a:not(:first-child):not(:last-child) > span b {
    padding-left: 14px;
  }
}

@media (max-width: 600px) {
  .btn-activate-licence {
    margin-bottom: 20px;
  }
}
.payment-error {
  font-size: 22px;
}

.my-orders {
  margin-left: 100px;
  margin-right: 100px;
}
.my-orders .info {
  color: #455771;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: solid 1px #96a1b0;
  width: 160px;
  height: 65px;
  padding-left: 8px;
  position: absolute;
  right: -160px;
  z-index: 2;
  top: -20px;
}
.my-orders .order-row {
  box-shadow: 0 1px 4px 0 rgba(36, 75, 149, 0.3);
}
.my-orders .order-row .header {
  background: #fdeee2;
  color: #f47711;
}
.my-orders .order-row .header.closed {
  background: #dee5f3;
  color: #455771;
}
.my-orders .order-row .header.in_progress {
  background: rgba(49, 140, 229, 0.3);
  color: #455771;
}
.my-orders .order-row .body {
  padding-bottom: 15px;
  border-bottom: 1px solid #dde5f2;
}
.my-orders .order-row .body .title span {
  padding-top: 10px;
}
.my-orders .order-row .footer {
  padding-top: 11px;
  padding-bottom: 11px;
  vertical-align: middle;
}
.my-orders .order-row .footer .action-btn, .my-orders .order-row .footer span {
  vertical-align: middle;
}
.my-orders .order-row .footer .action-btn {
  width: 120px;
  margin-left: 10px;
}
.my-orders .order-row .footer a.details, .my-orders .order-row .footer span {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
}
.my-orders .order-row .footer a.details.currency, .my-orders .order-row .footer span.currency {
  padding: 0;
  vertical-align: initial;
}

.shopping-btn {
  width: 230px;
}

.orderdetail_item {
  border: 1px solid #dee5f2;
  padding: 20px;
  box-shadow: 0 1px 4px 0 rgba(36, 75, 149, 0.3);
  width: 100%;
}
.orderdetail_item .licences-table {
  box-shadow: none;
  height: 50px;
  margin-bottom: 0px;
  border: none;
}
.orderdetail_item .licences-table td {
  border: 0;
}
.orderdetail_item .licences-table td:first-child {
  padding-left: 0px;
}
.orderdetail_item .details-table td:last-child {
  padding-left: 5px;
}
.orderdetail_item .licence_key {
  font-weight: bold;
  color: #54b84f;
  padding: 6px;
  border: 1px solid #54b84f;
  border-radius: 5px;
}

@media (max-width: 500px) {
  .steps.large a.active .b {
    margin-left: 10px !important;
  }
}
@media (max-width: 767px) {
  .my-orders {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mb10-xs {
    margin-bottom: 10px !important;
  }
  .pull-right-xs {
    float: right !important;
  }
  .text-right-xs {
    text-align: left !important;
  }
  .steps.large a .text {
    display: none;
  }
  .steps.large a .b {
    margin-left: 30%;
  }
  .steps.large a.active .b {
    margin-left: 20px;
  }
  .steps.large a .b {
    margin-left: 30%;
  }
  .steps.large a.active .b {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .cart-wrapper .cart-content .cart-summary {
    height: initial;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item {
    padding-left: 0 !important;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content {
    padding-left: 0 !important;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-remove {
    top: -5px;
    right: 0;
    color: #ffffff;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-info {
    margin-top: -15px;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-image {
    float: left !important;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item a {
    margin-bottom: 0;
  }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-description {
    margin-top: 24px;
  }
  .licence-title-row-block {
    min-height: 60px;
    margin-bottom: 10px;
  }
  .licence_list_page .list {
    padding: 10px 0px 0px 0px;
  }
  .licence_list_page .list .row .col-md-10 {
    padding-bottom: 0px;
  }
}
.cart-item {
  padding-top: 10px;
  margin-bottom: 30px;
  border: none;
  background: #f2f5f9;
}
.cart-item:last-of-type {
  margin-bottom: 0;
}
.cart-item:before, .cart-item:after {
  clear: both;
  content: "";
  display: table;
}
.cart-item .image {
  float: left;
  max-width: 200px;
}
.cart-item .cart-content-inner {
  min-height: 100px;
}
.cart-item .cart-content-inner ul {
  padding-left: 0;
  list-style: none;
}
.cart-item .cart-content-inner ul li {
  line-height: 20px;
}
.cart-item .cart-content-inner ul li:before {
  content: "\f111";
  color: #0074BD;
  margin-right: 10px;
  font-size: 8px;
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
}
.cart-item .promotion-details {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 16px;
}
.cart-item .close {
  position: absolute;
  right: 10px;
}
.cart-item .cart-content h3 {
  margin: 0 0 5px 0;
}
.cart-item .cart-content .cart-details {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
  bottom: -2px;
  background: #dee5f2;
}
.cart-item .cart-content .cart-details > div {
  border-right: 1px solid #8c97a7;
  text-align: center;
  vertical-align: middle;
  padding: 5px 5px;
  display: table-cell;
  line-break: anywhere;
}
.cart-item .cart-content .cart-details > div:last-child {
  border: 0;
}
.cart-item .cart-content .cart-details .js-shop-cart-item-change {
  padding: 0;
}
.cart-item .cart-content .cart-details .cart-item-input {
  -js-display: flex;
  display: flex;
  justify-content: center;
}
.cart-item .cart-content .cart-details .cart-item-input .cart-increment {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.cart-item .cart-content .cart-details .cart-item-input .cart-increment button {
  max-height: 50%;
  max-width: 90%;
  background: white;
  border: 1px solid #c7d3e5;
  border-radius: 4px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-item .cart-content .cart-details .cart-item-input .cart-increment button:hover {
  background: #dee5f2;
}
.cart-item .cart-content .cart-details .cart-item-input .cart-item-qty-type {
  -js-display: flex;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.cart-item .cart-content .form-control, .cart-item .cart-content .cke_editable {
  width: auto;
  text-align: center;
  display: inline-block;
}

.open-button {
  margin-top: 18px !important;
}

@media (max-width: 767px) {
  .not-grouped-detailed .pt0-xs {
    padding-top: 0 !important;
  }
  .close {
    right: 0 !important;
  }
  .orderdetail_item_list {
    padding-left: 0 !important;
  }
  .orderdetail_item {
    width: 100%;
  }
  .unvalidated_institute {
    padding-top: 5px !important;
  }
  .mt0-xs {
    margin-top: 0 !important;
  }
  .shop_choose_payment_holder .otp-description-link {
    margin-top: 20px;
    margin-left: 0 !important;
  }
  .shop_choose_payment_holder a.btn, .shop_choose_payment_holder a.btn-facebook, .shop_choose_payment_holder a.btn-round, .shop_choose_payment_holder a.btn-default, .shop_choose_payment_holder a.btn-sausage, .shop_choose_payment_holder a.btn-success, .shop_choose_payment_holder a.btn-cadavr, .shop_choose_payment_holder a.btn-yellow, .shop_choose_payment_holder a.btn-yellow-2, .shop_choose_payment_holder a.btn-red, .shop_choose_payment_holder a.btn-red-2, .shop_choose_payment_holder a.btn-white {
    margin-top: 15px !important;
  }
  .cart-steps {
    margin-bottom: 1px;
  }
  .cart-mobile-header h4 {
    margin-top: 0;
    margin-bottom: 20px;
    background: #0F8BDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    color: #ffffff;
    font-weight: bold;
  }
  .accept-rules {
    padding-left: 27px !important;
  }
  .cart-page .typeahead_institute {
    font-size: 13px !important;
  }
  .clearfix.mb20 {
    margin-bottom: 0 !important;
  }
  .institute-addon {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .cart-total-price-container .discount-sign-small {
    margin-right: 0 !important;
    margin-left: 20px !important;
  }
  .cart-total-price-container .discount-text {
    margin-left: -90px;
  }
  .cart-total-price-container #school-membership-activate-form {
    margin-top: 0 !important;
  }
  .cart-total-price-container #school-membership-activate-form label {
    width: 70%;
    text-align: left;
    margin-top: -8px;
    margin-left: -25px;
  }
  .cart-total-price-container #school-membership-activate-form .discount-submit {
    text-align: center;
  }
  .cart-total-price-container #school-membership-activate-form .discount-submit button {
    width: 305px;
  }
  .cart-total-price-container #school-membership-activate-form .discount-code-input {
    padding-left: 3px;
    margin-bottom: 15px !important;
  }
  .cart-total-price-container #school-membership-activate-form .discount-code-input input {
    width: 305px;
  }
  .open-button {
    margin-top: 0 !important;
    width: 305px;
  }
  .total-margin-xs {
    margin-top: 24px;
  }
  .cart-navigation {
    margin-top: 27px !important;
  }
  .cart-total a {
    width: 305px;
    margin-top: 11px !important;
  }
  .cart-total-price-container .discount-price {
    float: none !important;
  }
  .cart-item {
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .cart-item .image {
    float: none;
    max-width: 200px;
  }
  .cart-item h3.title {
    font-size: 20px;
    font-weight: bold;
  }
  .cart-item .cart-content {
    margin-left: 0;
    padding-left: 0;
    /*clear: both;*/
  }
  .cart-item .cart-content .cart-details {
    border: 1px solid #dee5f2;
  }
  .cart-item .cart-content .cart-details > div {
    display: block;
    clear: both;
    border: 0;
    border-bottom: 1px solid #dee5f2;
  }
}
.shop_cart_shipping {
  text-align: right;
  margin-bottom: 20px;
}
.shop_cart_shipping .label {
  color: #455771;
  font-size: inherit;
  padding: 0;
}
.shop_cart_shipping .price {
  font-size: 18px;
}

.shop_choose_payment_holder > div p {
  padding-right: 200px;
}
.shop_choose_payment_holder > div:last-child {
  border: none;
}

.cart-offline-mode {
  margin: 15px 0 0 0;
}

.cart-empty-text {
  padding: 20px 0;
  color: #748093;
  font-size: 18px;
}

.cart-item-content {
  text-align: left;
}

.content .cart-summary {
  background: #dee5f2;
  padding: 10px;
  min-height: 55px;
}
.content .cart-summary .btn-default {
  padding: 6px 15px;
}
.content .cart-summary .cart-total {
  float: right;
}
.content .cart-summary .cart-total > * {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: top;
}
.content .cart-summary .cart-total span {
  line-height: 34px;
}

.edit_block_form .form-group {
  margin-bottom: 10px;
}

.edit_block {
  display: none;
}
.edit_block label {
  margin-top: 5px;
}
.edit_block .col-md-4, .edit_block .col-md-8 {
  margin-bottom: 0;
}

.licence_information.transfer_info {
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  .form-group.ml10 {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .content .cart-summary {
    text-align: center;
  }
  .content .cart-summary .cart-total {
    margin-top: 20px;
    float: none;
    display: block;
  }
  .content .cart-summary .btn, .content .cart-summary .btn-facebook, .content .cart-summary .btn-round, .content .cart-summary .btn-default, .content .cart-summary .btn-sausage, .content .cart-summary .btn-success, .content .cart-summary .btn-cadavr, .content .cart-summary .btn-yellow, .content .cart-summary .btn-yellow-2, .content .cart-summary .btn-red, .content .cart-summary .btn-red-2, .content .cart-summary .btn-white, .content .cart-summary .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .content .cart-summary button, .content .cart-summary .cart-total {
    margin: 0;
  }
  .shop_choose_payment_holder > div p {
    padding-right: 0px;
  }
  .cart-total .btn, .cart-total .btn-facebook, .cart-total .btn-round, .cart-total .btn-default, .cart-total .btn-sausage, .cart-total .btn-success, .cart-total .btn-cadavr, .cart-total .btn-yellow, .cart-total .btn-yellow-2, .cart-total .btn-red, .cart-total .btn-red-2, .cart-total .btn-white, .cart-total .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-total button {
    margin-bottom: 10px !important;
  }
}
.webshop_billing_info_holder table th {
  text-align: right;
}
.webshop_billing_info_holder table th, .webshop_billing_info_holder table td {
  padding: 5px 8px;
}

.blue-7-text {
  color: #318ce5;
}

.gray-24-background {
  background: #c5d2e4;
}

.institute-addon {
  padding: 4px 18px 0;
}

.white-text {
  color: #ffffff;
}

.orange-text {
  color: #f47711;
}

.cart-summary .qty, .cart-summary .total, .cart-summary .goto {
  background: #f2f5f9;
}

.cart-detail-holder {
  box-shadow: 0 1px 4px 0 rgba(36, 75, 149, 0.3);
}
.cart-detail-holder .cart-detail-row h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.cart-detail-holder .cart-detail-row .cart-detail-row-type {
  font-size: 13px;
}
.cart-detail-holder hr {
  border: 0;
  margin: 0;
  border-top: 1px solid #dde5f2;
}
.cart-detail-holder .details-footer {
  border-top: solid 1px #dde5f2;
}
.cart-detail-holder .details-footer a {
  cursor: pointer;
}

.unvalidated_institute {
  padding-top: 25px;
  border-radius: 4px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 16px;
}

.blue-8-background {
  background: #204f7b;
}

.cart-detail h2 {
  font-size: 22px;
}

.order-information {
  color: #96a3b7;
}

.shop-hr {
  border-top: none;
  border-bottom: 1px solid #dee5f2;
}

.accept-rules {
  background-color: rgba(244, 119, 17, 0.17);
  padding: 9px 25px 9px 55px;
  border-radius: 4px;
  margin-bottom: 36px;
}

.success-title h3 {
  margin: 0;
}

.cart-price-container .cart-price-container-inner {
  text-align: right;
  display: inline-block;
}
.cart-price-container .cart-price-container-inner b {
  color: #f47711;
}
.cart-price-container .cart-price-container-inner .discount-price {
  margin: 0;
  color: #d83b59;
}

.cart-navigation {
  margin-top: 18px;
}
.cart-navigation .fa-times-circle {
  font-size: 23px;
  color: #cccccc;
  cursor: pointer;
}

.cart-total-price-container #school-membership-activate-form {
  background-color: rgba(84, 184, 79, 0.1);
  padding: 17px;
  border-radius: 5px;
  margin-top: -40px;
}
.cart-total-price-container .discount-code-input {
  width: 100%;
}
.cart-total-price-container .discount-code-input #keycode-new {
  width: inherit;
}
.cart-total-price-container .cart-total .btn, .cart-total-price-container .cart-total .btn-facebook, .cart-total-price-container .cart-total .btn-round, .cart-total-price-container .cart-total .btn-default, .cart-total-price-container .cart-total .btn-sausage, .cart-total-price-container .cart-total .btn-success, .cart-total-price-container .cart-total .btn-cadavr, .cart-total-price-container .cart-total .btn-yellow, .cart-total-price-container .cart-total .btn-yellow-2, .cart-total-price-container .cart-total .btn-red, .cart-total-price-container .cart-total .btn-red-2, .cart-total-price-container .cart-total .btn-white, .cart-total-price-container .cart-total .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-total-price-container .cart-total button {
  margin-top: 18px;
}
.cart-total-price-container .discount-price, .cart-total-price-container .original-price {
  color: #f47711;
  white-space: nowrap;
  float: right;
}
.cart-total-price-container .minus-discount {
  color: #d83b59;
}
.cart-total-price-container .discount-sign-small {
  float: left;
  width: 32px;
  height: 32px;
  background-color: #54b84f;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  margin: -5px 5px 15px 0;
}
.cart-total-price-container .discount-sign-small span {
  font-size: 22px;
  font-weight: bold;
}

.input-warning {
  border-color: #e38900 !important;
  background-color: #fcf8e3 !important;
}

@media (max-width: 991px) {
  .webshop_info_plus_data label {
    float: left;
  }
}
@media (min-width: 992px) {
  .cart-items-wrapper {
    max-height: 50vh;
    overflow: hidden;
  }
}
.blog-article {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.blog-article h2 {
  padding: 20px 25px;
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  color: #ffffff;
  z-index: 200;
}
.blog-article h2 span {
  font-size: 15px;
  padding: 3px 0;
  display: block;
}
.blog-article img {
  border-bottom: 1px solid #ffffff;
}
.blog-article:after {
  content: "";
  display: none;
  position: absolute;
  min-height: 160px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#80000000",GradientType=0 );
  z-index: 100;
}

.images-rendered .blog-article:after {
  display: block;
}

.home-blog-post > a, .blog-article {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #e3e9f2;
}

.home-blog-post .home-blog-post-image {
  min-height: 190px;
}

.blog-article-large {
  height: 430px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}

.blog-news-icon, .blog-features-icon, .blog-classroom-icon {
  display: block;
  margin: 0 auto 20px auto;
  width: 48px;
  height: 48px;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
}

.blog-news-icon {
  background-color: #0dbf6d;
}

.blog-features-icon {
  background-color: #0074BD;
}

.blog-classroom-icon {
  background-color: #e38900;
}

.blog-feed-item {
  padding: 25px 0;
}
.blog-feed-item:first-child {
  padding-top: 0;
}
.blog-feed-item .blog-meta {
  margin-bottom: 20px;
}

.blog-list-item {
  border-bottom: 1px solid #f2f5f9;
  padding: 25px 0;
}
.blog-list-item h3 {
  margin: 0;
}
.blog-list-item .text-muted {
  margin: 5px 0 10px 0;
  display: block;
}
.blog-list-item .blog-list-item-image {
  position: relative;
  height: 144px;
  display: block;
  background-size: cover;
  border: 1px solid #c7d3e5;
}

.col-md-4 .blog-article {
  overflow: hidden;
  height: 200px;
}

.col-md-8 .blog-article h2 {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: normal;
}
.col-md-8 .blog-article img {
  border: 0;
}
.col-md-8 .blog-article span {
  padding-top: 10px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .col-md-8 .blog-article h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
  }
  .col-md-8 .blog-article span {
    padding: 3px 0;
  }
  .slick-slider .home-blog-post {
    height: auto;
    min-height: 400px;
  }
}
.blog-inner-article img {
  margin: 20px 0;
  width: 100% !important;
  height: auto !important;
}

.blog-meta {
  margin-bottom: 20px;
}
.blog-meta span {
  border-right: 1px solid #dee5f2;
  padding: 2px 10px;
  display: inline-block;
}
.blog-meta span:last-child {
  border: 0;
}

.article-step-left,
.article-step-right {
  display: block;
  margin-top: -10px;
  float: left;
  font-size: 50px;
  color: #455771;
}

.article-step-left {
  margin-left: -120px;
}

.article-step-right {
  float: right;
  margin-right: -120px;
}

@media (max-width: 991px) {
  .article-step-left,
  .article-step-right {
    margin-right: 0;
    margin-left: 0;
    margin-top: -80px;
  }
}
span.article-step-left,
span.article-step-right {
  opacity: 0.4;
}

@media (max-width: 600px) {
  .blog-article-large {
    height: 220px;
  }
}
.blog-tags {
  padding: 35px 0 75px 0;
  text-align: right;
}

.comments .media {
  border-bottom: 1px solid #dee5f2;
  padding: 10px 0;
}
.comments .media:last-child {
  border: 0;
}
.comments .media .media-left img {
  width: 50px;
  max-width: inherit;
  margin: 0 10px 0 0;
}

.blog-content .home-blog-post {
  margin-bottom: 50px;
}

.home-blog-post {
  height: 400px;
}
.home-blog-post > a {
  display: block;
  height: 200px;
  overflow: hidden;
}

.blog-article-title {
  border-bottom: 1px solid #dee5f2;
  padding-bottom: 15px;
  font-weight: bold;
}
.blog-article-title a {
  color: #455771;
}

.blog-social-share {
  margin-top: -8px;
}

.highlighted i {
  color: #f47711;
}

.published i {
  color: #0dbf6d;
}

.published > .fa-check {
  color: #3dc33d;
}

.accepted i {
  color: #86b2d2;
}

.ready_to_publish i {
  color: #f47711;
}

.post-item {
  border-bottom: 1px solid #EDEDED;
  padding: 15px 0;
  margin: 0;
}

.cke-mozaborder {
  border: 1px solid #c7d3e5;
}

@media (max-width: 991px) {
  .blog-tags {
    padding-bottom: 20px;
  }
}
.top-image {
  position: relative;
  text-align: center;
}
.top-image img {
  max-width: 100%;
  max-height: 550px;
}

.section.dark {
  background: #31414d;
  color: #ffffff;
}
.section .container {
  padding-top: 60px;
  padding-bottom: 30px;
  position: relative;
}
.section h2 {
  margin-bottom: 20px;
}
.section .section-titles, .section .section-description {
  position: relative;
  z-index: 500;
}
.section.section-intro {
  background: #ffffff;
  margin-top: 40px;
}
.section.section-intro .container {
  padding-top: 0;
}
.section .btn-primary, .section .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section button {
  margin-top: 15px;
}
.section .btn-success {
  border: 1px solid transparent;
}

.stripe .container {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.download-buttons .icons {
  color: #abc1d6;
  margin-bottom: 30px;
}
.download-buttons .icons i {
  margin-right: 8px;
  font-size: 50px;
}
.download-buttons .icons i:last-child {
  margin-right: 0px;
}
.download-buttons a {
  margin-right: 10px;
  display: inline-block;
}
.download-buttons a:last-child {
  margin-right: 0px;
}

.brand-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
}

div.brand-logo-grid {
  color: #455771;
  z-index: 500;
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
}
@media (min-width: 992px) {
  div.brand-logo-grid {
    position: absolute;
    top: -15px;
    left: 0;
    text-align: left;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(3, auto);
    -moz-column-gap: 5px;
    column-gap: 5px;
  }
}
@media (min-width: 1200px) {
  div.brand-logo-grid {
    top: -34px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
}
div.brand-logo-grid i {
  color: #e38900;
}
div.brand-logo-grid .logo-top-text {
  margin: 3px 0 0 0;
  font-size: 20px;
}
div.brand-logo-grid h1 {
  margin: 0;
  font-size: 50px;
  font-weight: 400;
}
div.brand-logo-grid h2 {
  margin: 0;
  font-size: 22px;
}
@media (min-width: 992px) {
  div.brand-logo-grid .icon-container {
    grid-column: 1;
    grid-row: 1/3;
  }
  div.brand-logo-grid .logo-top-text {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 2px 4px;
  }
  div.brand-logo-grid h1 {
    grid-column: 2;
    grid-row: 2;
    font-size: 45px;
  }
  div.brand-logo-grid h2 {
    grid-column: 1/3;
    grid-row: 3;
    text-align: center;
    margin-left: 4px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  div.brand-logo-grid .icon-container {
    grid-row: 2/4;
  }
  div.brand-logo-grid .logo-top-text {
    grid-row: 1;
    margin-bottom: 8px;
  }
  div.brand-logo-grid h1 {
    grid-row: 2;
    font-size: 60px;
  }
  div.brand-logo-grid h2 {
    grid-column: 2;
    grid-row: 3;
    text-align: left;
  }
}

.promo-licence-options {
  position: absolute;
  top: -12px;
  right: 0;
  z-index: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .promo-licence-options {
    position: absolute !important;
  }
}
.promo-licence-options .licence-option-box-wrapper {
  width: 100%;
  -js-display: flex;
  display: flex;
  justify-content: center;
}
.promo-licence-options .licence-option-box-wrapper .licence-option-box {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}
.promo-licence-options .licence-option-box-wrapper .licence-option-box .text {
  position: absolute;
  bottom: 9px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.promo-licence-options .licence-option-box-wrapper .licence-option-box .text.teacher {
  left: 10px;
  width: 79%;
}
.promo-licence-options .licence-option-box-wrapper .licence-option-box .text.student {
  left: 5px;
  width: 85%;
}
.promo-licence-options .licence-option-box-wrapper .licence-option-box .text.institute {
  left: 4px;
  width: 86%;
}
.promo-licence-options .licence-option-text {
  text-align: right;
  margin-top: 10px;
}
.promo-licence-options .licence-option-text a {
  color: #9da0a5;
}
.promo-licence-options.shopView {
  right: 15px;
}

.promo-products {
  text-align: center;
}
.promo-products .product-title {
  text-transform: uppercase;
  font-size: 20px;
}
.promo-products .product-box {
  padding-bottom: 30px;
}
.promo-products img {
  width: 90px;
  margin-bottom: 10px;
}
.promo-products.dark-background a {
  color: #ffffff;
}
.promo-products.shop-landing a {
  color: #455771;
}
.promo-products.shop-landing img {
  width: 80px;
  margin-bottom: 10px;
}

#mozabook-promo .brand-logo h2,
#mozaweb-promo .brand-logo h2 {
  max-width: 350px;
}

.section-promo-links .container {
  margin-top: 75px;
  padding-top: 45px;
  padding-bottom: 60px;
  position: relative;
  border-top: 1px solid #dee5f2;
  text-align: center;
}
.section-promo-links .container.noborder {
  border-top: none;
  padding-top: 0;
}
.section-promo-links .container .promo-title {
  font-weight: bold;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .section-promo-links .container .promo-desc {
    margin-bottom: 40px;
  }
}

.section-licence-helper {
  background-color: #f0f6fb;
  text-align: center;
}
@media (max-width: 991px) {
  .section-licence-helper.section .container {
    padding-bottom: 0;
  }
}
.section-licence-helper .container {
  padding: 30px 0 20px 0;
}
.section-licence-helper .container .title {
  font-size: 26px;
}
.section-licence-helper .licence-options {
  padding: 0 60px 0 60px;
}
@media (max-width: 991px) {
  .section-licence-helper .licence-options {
    padding: 10px 0 0 0;
  }
}
.section-licence-helper .licence-options .box {
  padding: 20px 20px 10px 20px;
  margin: 0 10px;
  border: 1px solid transparent;
  display: block;
}
.section-licence-helper .licence-options .box p {
  color: #455771;
}
.section-licence-helper .licence-options .box img {
  margin-bottom: 10px;
  cursor: pointer;
  width: 100%;
  transition: transform 0.2s ease-in-out;
}
.section-licence-helper .licence-options .box img:hover {
  transform: scale(1.05);
}
.section-licence-helper .licence-options .box__link {
  font-weight: bold;
  display: block;
}
.section-licence-helper .licence-options .box a {
  font-weight: bold;
}
.section-licence-helper .fa.fa-check-circle {
  font-size: 32px;
  color: #dee5f2;
}
.section-licence-helper .fa.fa-check-circle.active {
  color: #0074BD;
}
.section-licence-helper.licencehelper-licence-helper {
  background-color: #ffffff;
  margin-bottom: 35px;
}
.section-licence-helper.licencehelper-licence-helper .container {
  padding-top: 0;
}
.section-licence-helper.licencehelper-licence-helper .box.active {
  position: relative;
  background: #fff5d7;
  border: 1px solid #d9ceb0;
  border-bottom: 4px solid #d9ceb0;
}
.section-licence-helper.licencehelper-licence-helper .box.active :after, .section-licence-helper.licencehelper-licence-helper .box.active :before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.section-licence-helper.licencehelper-licence-helper .box.active :after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff5d7;
  border-width: 30px;
  margin-left: -30px;
}
.section-licence-helper.licencehelper-licence-helper .box.active :before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #d9ceb0;
  border-width: 36px;
  margin-left: -36px;
}

.promo-videos-not-lined .section-promo-links .container {
  border-top: 0;
}

.section-videos {
  background: #31414d;
  color: #ffffff;
}
.section-videos .container {
  padding: 0;
}
.section-videos .video {
  position: relative;
}
.section-videos .video img {
  max-width: 100%;
  height: auto;
}
.section-videos .video .info {
  top: 0;
  /*rtl:ignore*/
  left: 2px;
  bottom: 2px;
  z-index: 500;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 33.0578512397%;
}
.section-videos .video .info > div {
  padding: 40px 30px;
}
.section-videos .video .info h2 {
  margin-bottom: 10px;
}
.section-videos .video .info i {
  color: #0074BD;
}
.section-videos .video .info .btn, .section-videos .video .info .btn-facebook, .section-videos .video .info .btn-round, .section-videos .video .info .btn-default, .section-videos .video .info .btn-sausage, .section-videos .video .info .btn-success, .section-videos .video .info .btn-cadavr, .section-videos .video .info .btn-yellow, .section-videos .video .info .btn-yellow-2, .section-videos .video .info .btn-red, .section-videos .video .info .btn-red-2, .section-videos .video .info .btn-white, .section-videos .video .info .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-videos .video .info button {
  margin-top: 15px;
  height: auto;
}
.section-videos .more-videos:before, .section-videos .more-videos:after {
  clear: both;
  content: "";
  display: table;
}
.section-videos .more-videos a {
  width: 33.3333333333%;
  display: block;
  float: left;
  position: relative;
  max-height: 210px;
}
.section-videos .more-videos a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-right: 2px solid #c2d1e4;
}
.section-videos .more-videos a:first-child:before {
  border-left: 2px solid #c2d1e4;
}
.section-videos .more-videos a img {
  width: 100%;
  height: 100%;
  max-height: 210px;
}
.section-videos .more-videos .prev-btn {
  top: 40%;
  left: 10px;
  opacity: 0.5;
}
.section-videos .more-videos .next-btn {
  top: 40%;
  right: 10px;
  opacity: 0.5;
}

video {
  display: block;
  height: 100%;
  width: 100%;
}

.section-digitalbooks {
  position: relative;
  z-index: 500;
}
.section-digitalbooks .col-md-10 {
  margin-bottom: 0;
}

.promo-intro {
  padding: 30px 0 90px 0;
  text-align: center;
}
.promo-intro p {
  margin-bottom: 30px;
  padding-left: 60px;
  padding-right: 60px;
}
.promo-intro a {
  font-weight: bold;
}
@media (max-width: 519px) {
  .promo-intro a {
    min-width: 280px;
  }
}
.promo-intro .btn, .promo-intro .btn-facebook, .promo-intro .btn-round, .promo-intro .btn-default, .promo-intro .btn-sausage, .promo-intro .btn-success, .promo-intro .btn-cadavr, .promo-intro .btn-yellow, .promo-intro .btn-yellow-2, .promo-intro .btn-red, .promo-intro .btn-red-2, .promo-intro .btn-white, .promo-intro .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .promo-intro button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-video-background {
  position: relative;
  height: 400px;
  background: #000000;
  z-index: -99;
}
.header-video-background .slider-layer {
  position: absolute;
  color: #ffffff;
  text-align: center;
}
.header-video-background .slider-layer .icon-wrapper {
  position: relative;
  width: 70px;
  margin: auto;
}
.header-video-background .slider-layer .icon-wrapper i {
  z-index: 2;
}
.header-video-background .slider-layer .promo-item-title {
  font-size: 60px;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .header-video-background .slider-layer .promo-item-title {
    font-size: 40px;
  }
}
.header-video-background .slider-layer .promo-item-subtitle {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 4px;
}
@media (max-width: 991px) {
  .header-video-background .slider-layer .promo-item-subtitle {
    font-size: 16px;
  }
}
.header-video-background .slider-layer .video-play-button {
  background: url("../assets/images/fizika/play.png");
  width: 65px;
  height: 65px;
  margin: auto;
  display: block;
  cursor: pointer;
}

.promo-fizika.header-video-background,
.promo-matek.header-video-background,
.promo-labcam.header-video-background {
  width: 100%;
  height: 100%;
  min-height: 300px;
  background: none;
  z-index: initial;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.promo-fizika.header-video-background .header-img,
.promo-matek.header-video-background .header-img,
.promo-labcam.header-video-background .header-img {
  width: 100%;
  min-height: 300px;
}
@media (max-width: 991px) {
  .promo-fizika.header-video-background .header-img,
  .promo-matek.header-video-background .header-img,
  .promo-labcam.header-video-background .header-img {
    display: none;
  }
}
.promo-fizika.header-video-background .slider-layer .video-play-button,
.promo-matek.header-video-background .slider-layer .video-play-button,
.promo-labcam.header-video-background .slider-layer .video-play-button {
  cursor: pointer;
}
.promo-fizika .header-video-foreground,
.promo-matek .header-video-foreground,
.promo-labcam .header-video-foreground {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.promo-fizika .header-video-foreground video,
.promo-matek .header-video-foreground video,
.promo-labcam .header-video-foreground video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: -3;
}
.promo-fizika .header-video-foreground .promo-video-overlay,
.promo-matek .header-video-foreground .promo-video-overlay,
.promo-labcam .header-video-foreground .promo-video-overlay {
  background-color: rgba(34, 48, 50, 0.5);
  z-index: -2;
  width: 100%;
  height: 100%;
}

.header-video-foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-image-left .section-image-wrapper {
  float: left;
}
.section-image-left .section-description, .section-image-left .section-titles, .section-image-left .section-features {
  width: 47%;
  float: right;
}
.section-image-left .section-features {
  text-align: left;
}
.section-image-left .dark-link {
  color: #455771;
}

.section-image-right .section-titles, .section-image-right .section-description {
  width: 47%;
  float: left;
}
.section-image-right .section-image-wrapper {
  float: right;
}

.section-text-center .section-description, .section-text-center .section-titles {
  text-align: center;
}

.section-feature {
  text-align: left;
  position: relative;
  z-index: 500;
  border-bottom: 1px solid #c7d3e5;
}
.section-feature:last-child {
  border: 0;
}
.section-feature > a {
  font-size: 18px;
  display: block;
  padding: 12px 0 12px 0;
  color: #455771;
}
.section-feature > a i {
  color: #0074BD;
  margin-right: 10px;
}
.section-feature > a i.fa-chevron-down, .section-feature > a i.mwicon-arrow1_d {
  display: none;
}
.section-feature.active a i {
  color: #5fc298;
  display: inline-block;
}
.section-feature.active a i.fa-chevron-right, .section-feature.active a i.mwicon-arrow1_r {
  display: none;
}
.section-feature p {
  display: none;
  padding-bottom: 15px;
}

.section-image-wrapper {
  position: relative;
  display: inline-block;
  width: 47%;
}
.section-image-wrapper img {
  position: relative;
  z-index: 500;
  max-width: 100%;
  height: auto;
  float: left;
}
.section-image-wrapper .shadow {
  z-index: 400;
  position: absolute;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  display: none;
  opacity: 0.5;
}
.section-image-wrapper .shadow.visible {
  display: block;
}
.section-image-wrapper.image-monitor .shadow {
  background-image: url(../assets/images/shadow_monitor.png);
  background-image: url(../assets/images/shadow_monitor.svg);
  /*rtl:raw:
      background-image: url(../assets/images/shadow_monitor_rtl.png);
      background-image: url(../assets/images/shadow_monitor_rtl.svg);
  */
  width: 860px;
  height: 788px;
}
.section-image-wrapper.image-monitor2 .shadow {
  background-image: url(../assets/images/shadow_monitor2.png);
  background-image: url(../assets/images/shadow_monitor2.svg);
  /*rtl:raw:
      background-image: url(../assets/images/shadow_monitor2_rtl.png);
      background-image: url(../assets/images/shadow_monitor2_rtl.svg);
  */
  width: 860px;
  height: 754px;
}
.section-image-wrapper.image-board .shadow {
  background-image: url(../assets/images/shadow_board.png);
  background-image: url(../assets/images/shadow_board.svg);
  /*rtl:raw:
      background-image: url(../assets/images/shadow_board_rtl.png);
      background-image: url(../assets/images/shadow_board_rtl.svg);
  */
  width: 860px;
  height: 788px;
}
.section-image-wrapper.image-board-lady .shadow {
  background-image: url(../assets/images/shadow_board-lady.png);
  background-image: url(../assets/images/shadow_board-lady.svg);
  width: 780px;
  height: 647px;
  /*rtl:raw:
      background-image: url(../assets/images/shadow_board-lady_rtl.png);
      background-image: url(../assets/images/shadow_board-lady_rtl.svg);
      width: 857px;
  */
}
.section-image-wrapper.image-board-man .shadow {
  background-image: url(../assets/images/shadow_board-man.png);
  background-image: url(../assets/images/shadow_board-man.svg);
  width: 780px;
  height: 673px;
  /*rtl:raw:
      background-image: url(../assets/images/shadow_board-man_rtl.png);
      background-image: url(../assets/images/shadow_board-man_rtl.svg);
      width: 843px;
  */
}
.section-image-wrapper.image-devices .shadow {
  background-image: url(../assets/images/shadow_devices.png);
  background-image: url(../assets/images/shadow_devices.svg);
  /*rtl:raw:
      background-image: url(../assets/images/shadow_devices_rtl.png);
      background-image: url(../assets/images/shadow_devices_rtl.svg);
  */
  width: 830px;
  height: 700px;
}
.section-image-wrapper.image-tablet .shadow {
  background-image: url(../assets/images/shadow_tablet.png);
  background-image: url(../assets/images/shadow_tablet.svg);
  /*rtl:raw:
      background-image: url(../assets/images/shadow_tablet_rtl.png);
      background-image: url(../assets/images/shadow_tablet_rtl.svg);
  */
  width: 850px;
  height: 760px;
}
.section-image-wrapper.image-labcam .shadow {
  background-image: url(../assets/images/shadow_labcam.png);
  /*rtl:raw:
      background-image: url(../assets/images/shadow_labcam_rtl.png);
  */
  width: 735px;
  height: 489px;
}

.section-feature-blocks .container {
  border-bottom: 1px solid #dee5f2;
}

.section-iconed-block {
  margin-bottom: 30px;
}
.section-iconed-block i {
  color: #86b2d2;
  font-size: 50px;
  float: left;
}
.section-iconed-block h3, .section-iconed-block h4 {
  font-weight: bold;
  margin: 0 0 5px 70px;
}
.section-iconed-block h3, .section-iconed-block h4, .section-iconed-block p {
  margin: 0 0 5px 70px;
}

.zoom-images {
  text-align: center;
  clear: both;
  padding: 50px 0 0 0;
  position: relative;
  z-index: 400;
}
.zoom-images > div img {
  max-width: 100%;
}

.discount-sign {
  background-color: #e11b50;
  color: #ffffff;
  width: 100px;
  height: 65px;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .discount-sign {
    width: 80px;
  }
}
.discount-sign span {
  position: absolute;
  font-size: 55px;
  line-height: 60px;
  margin-left: -21px;
}
.discount-sign:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 65px 23px 0 0;
  border-color: #e11b50 transparent transparent transparent;
  position: absolute;
  right: -23px;
}

.shop_landing .discount-sign {
  height: 75px;
}
.shop_landing .discount-sign span {
  font-size: 60px;
  line-height: 70px;
}
.shop_landing .discount-sign:after {
  border-width: 75px 23px 0 0;
}

.btn-discount {
  padding: 15px;
}
@media (max-width: 767px) {
  .btn-discount {
    width: 100%;
  }
  .btn-discount .btn, .btn-discount .btn-facebook, .btn-discount .btn-round, .btn-discount .btn-default, .btn-discount .btn-sausage, .btn-discount .btn-success, .btn-discount .btn-cadavr, .btn-discount .btn-yellow, .btn-discount .btn-yellow-2, .btn-discount .btn-red, .btn-discount .btn-red-2, .btn-discount .btn-white, .btn-discount .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .btn-discount button {
    width: 100%;
  }
}

.links-promo .link-promo a {
  margin-left: 15px;
  color: #455771;
}
.links-promo .link-promo a:hover, .links-promo .link-promo a.active {
  color: #0074BD;
}
@media (max-width: 991px) {
  .links-promo {
    position: absolute;
    z-index: 1;
    top: 10px;
  }
  .links-promo .dropdown a[data-toggle=dropdown] {
    font-size: 17.5px;
    color: #455771;
  }
  .links-promo .dropdown a[data-toggle=dropdown] .mwicon-arrow6_d {
    font-size: 18px;
    bottom: -3px;
    color: #455771;
  }
  .links-promo .dropdown a[data-toggle=dropdown]:hover {
    color: #0074BD;
  }
  .links-promo .dropdown a[data-toggle=dropdown]:hover .mwicon-arrow6_d {
    color: #0074BD;
  }
  .links-promo .dropdown .dropdown-menu li a {
    font-size: 15px;
  }
}

.discount-box {
  cursor: pointer;
  background-color: #fffde2;
  border: 1px solid #d2e0f1;
  -js-display: flex;
  display: flex;
}
@media (max-width: 767px) {
  .discount-box {
    flex-flow: wrap;
  }
}
.discount-box .discount-sign {
  width: 50%;
  min-width: 60px;
}
@media (min-width: 768px) {
  .discount-box .discount-sign {
    min-width: 90px;
    width: inherit;
  }
}
@media (min-width: 992px) {
  .discount-box .discount-sign {
    min-width: 130px;
  }
}
.discount-box .text-wrapper {
  align-self: center;
  width: 100%;
  margin: 10px;
}
@media (min-width: 768px) {
  .discount-box .text-wrapper {
    margin: 0 0 0 45px;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .discount-box .text-wrapper {
    text-align: center;
  }
}
.discount-box .text-wrapper .title {
  margin: 0;
  color: #455771;
}
.discount-box .text-wrapper .desc {
  color: #455771;
}
@media (max-width: 767px) {
  .discount-box .info-link {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .discount-box .info-link {
    max-width: 75px;
  }
}
.discount-box .info-link a {
  line-height: 65px;
  margin-right: 35px;
}
.discount-box .info-link a .icon {
  align-self: center;
  background-color: #c7d3e5;
  border-radius: 20px;
  max-width: 40px;
  height: auto;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.discount-box .info-link a .icon:hover {
  background-color: #0074BD;
}

.feature-icons {
  font-size: 50px;
  margin: 25px 0 35px 0;
  line-height: 60px;
  color: #8c97a7;
}

.section-contact {
  text-align: center;
}
.section-contact .contact-item {
  max-width: 200px;
  display: inline-block;
  vertical-align: top;
  margin: 20px 40px;
}
.section-contact .contact-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.section-contact .contact-item a {
  margin-top: 10px;
}
.section-contact .contact-item a, .section-contact .contact-item b {
  display: block;
}

.section-mozaweb-intro {
  text-align: center;
}
.section-mozaweb-intro .brand-logo {
  text-align: left;
  top: 80px;
}

.intro-image img {
  max-width: 100%;
  height: auto;
}

.section-tools {
  text-align: center;
}
.section-tools .preview-images {
  padding: 50px 0;
}
.section-tools .app-icons {
  text-align: center;
  white-space: nowrap;
}
.section-tools .app-icons a {
  padding: 0 10px;
  max-width: 20%;
  display: inline-block;
}

.app-icons {
  text-align: center;
  white-space: nowrap;
}
.app-icons img {
  display: inline-block;
  margin: 0 20px;
  max-width: 85px;
  height: auto;
}

.section-home:last-child {
  border: 0;
}
.section-home.white {
  background: #ffffff;
}
.section-home.dark {
  background: #31414d;
  color: #ffffff;
}
.section-home.dark a {
  color: #40cffe;
}
.section-home.dark a.btn-primary {
  color: #ffffff;
}
.section-home h2 {
  margin-bottom: 20px;
}
.section-home .section-titles {
  margin-bottom: 30px;
}
.section-home .container {
  padding-top: 50px;
  text-align: center;
}
.section-home .game-item, .section-home .tool-item, .section-home .media-item {
  min-height: 230px;
}
.section-home .game-item h4, .section-home .tool-item h4, .section-home .media-item h4 {
  margin: 0 0 5px 0;
}
.section-home .image {
  width: 100%;
  max-width: inherit;
}
.section-home .image img {
  width: 100%;
}
.section-home.warning-text .container {
  padding-top: 0;
}
.section-home h4 {
  max-width: 750px;
  margin: 20px auto;
}
.section-home .book-item {
  min-height: 230px;
}
.section-home .book-item .image {
  width: auto;
  max-width: inherit;
}
.section-home.gray {
  background: #f2f5f9;
}

.slider-wrapper {
  text-align: center;
}
.slider-wrapper .container {
  padding-top: 0;
  padding-bottom: 0;
}

.top-image {
  background: #ffffff;
  text-align: center;
  padding-top: 50px;
}
.top-image img {
  height: auto;
  display: inline-block;
}

#slider {
  position: relative;
  min-height: 400px;
}
#slider img {
  width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
}

.home-videos .btn-primary, .home-videos .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .home-videos button {
  max-height: 260px;
  white-space: normal;
}
.home-videos .more-videos a img {
  width: 100%;
  height: 100%;
  min-width: inherit;
}

.home-slider, .shop-slider {
  overflow: hidden;
  position: relative;
}
.home-slider .top-image, .shop-slider .top-image {
  background: #ffffff;
  height: 500px;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  opacity: 0;
}
.home-slider .mobile-slider-image, .shop-slider .mobile-slider-image {
  display: none;
}
.home-slider .slick-dots, .shop-slider .slick-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1000;
}
.home-slider .slick-dots li button, .shop-slider .slick-dots li button {
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
  margin: 0 5px;
}
.home-slider .slick-dots li.slick-active button, .shop-slider .slick-dots li.slick-active button {
  background: #f47711;
}

.shop-slider {
  height: 400px;
}

.home-slider {
  overflow: hidden;
}
.home-slider > div {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home-slider a {
  background-size: cover;
  background-position: center;
  display: block;
}
.home-slider .slick-slide {
  overflow: hidden;
  position: relative;
}
.home-slider .slick-slide video, .home-slider .slick-slide canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
}
.home-slider .slick-slide video {
  top: 0 !important;
}
.home-slider .slide img {
  width: 100%;
  height: auto;
  display: none;
  position: relative;
  z-index: 100;
}
.home-slider .slide.slick-ready .desktop-slider-image {
  display: block;
}

.offers_landing .bg {
  background-color: #e6ecf6;
  padding-top: 20px;
}
.offers_landing .offers {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.offers_landing .box {
  padding: 20px;
}
.offers_landing .box .inside-box {
  background-color: #ffffff;
  border: 1px solid #d2e0f1;
  text-align: center;
  padding: 25px 35px 40px 35px;
  height: 100%;
}
.offers_landing .box .main-img {
  padding-bottom: 25px;
}
.offers_landing .box .main-img img {
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.offers_landing .box .main-img img:hover {
  transform: scale(1.05);
}
.offers_landing .box .title {
  font-size: 30px;
}
.offers_landing .box .desc {
  min-height: 65px;
  margin-bottom: 30px;
}

@media (max-width: 1000px) {
  .home-slider .slick-slide video, .home-slider .slick-slide canvas {
    transform: scale(1.05);
  }
}
.video-bg {
  position: relative;
  z-index: 300;
  border-top: 0;
  border: 2px solid #c2d1e4;
}
.video-bg:not(.mobile-video-loaded):after {
  content: "";
  display: block;
  border-top-color: transparent;
  z-index: 400;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-bg.mobile-video-loaded .play-mark {
  display: none;
}

.slick-slide video {
  display: none;
}

@media (max-width: 991px) {
  .slider-video {
    display: none;
  }
}
.section-image-wrapper {
  position: relative;
}
.section-image-wrapper video, .section-image-wrapper canvas {
  position: absolute;
  z-index: 600;
  width: auto;
  height: auto;
}

.home-footer-text {
  font-size: 12px;
  text-align: left;
}

.section-awards .container {
  border-top: 1px solid #dee5f2;
}
.section-awards .container .slick-dots {
  margin-bottom: 0;
}

.image-board video, .image-board canvas {
  left: 19px;
  top: 18px;
}

.image-monitor2 video, .image-board canvas {
  left: 25px;
  top: 24px;
}

@media (max-width: 1199px) {
  .image-board video, .image-board canvas {
    left: 15px;
    top: 14px;
    width: 413px;
  }
  .image-monitor2 video, .image-monitor2 canvas {
    left: 20px;
    top: 20px;
    width: 403px;
  }
}
@media (max-width: 991px) {
  .image-board video, .image-board canvas {
    left: 16px;
    top: 14px;
    width: 420px;
  }
  .image-monitor2 video, .image-monitor2 canvas {
    left: 20px;
    top: 19px;
    width: 409px;
  }
}
@media (max-width: 519px) {
  .image-board video, .image-board canvas {
    left: 10px;
    top: 9px;
    width: 261px;
  }
  .image-monitor2 video, .image-monitor2 canvas {
    left: 13px;
    top: 13px;
    width: 254px;
  }
}
@media (max-width: 1199px) {
  .home-slider > div {
    position: relative;
    width: 100%;
    height: auto;
  }
  .top-image {
    padding-top: 0;
  }
  .section-image-wrapper {
    max-width: 450px;
  }
  .section-videos .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-videos .video .info {
    width: 50%;
    padding: 30px;
  }
  .section-videos .video .info div {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .section-feature > a {
    padding-left: 28px;
  }
  .section-feature > a i {
    position: absolute;
    left: 0;
    top: 17px;
  }
  .section-feature > a span {
    display: inline-block;
  }
  .section-blog {
    border-bottom: 1px solid #c7d3e5;
  }
  .section-blog .slick-dots {
    margin-bottom: 0;
  }
  .brand-logo {
    position: static;
  }
  .brand-logo h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .brand-logo h1, .brand-logo h2 {
    margin-left: 0;
  }
  .brand-logo i {
    display: inline-block;
    float: none;
    margin: 0 0 15px 0;
  }
  .section {
    text-align: center;
  }
  .section .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section .section-titles, .section .section-description, .section .section-features {
    float: none;
    margin-left: 0;
    width: auto;
  }
  .section .section-features {
    text-align: left;
  }
  .section-licence-helper .licence-options .box {
    padding: 20px 0 10px 0;
    margin: 0;
  }
  .home-slider {
    height: auto;
  }
  .home-slider .slide {
    overflow: hidden;
  }
  .home-slider .slide img {
    width: 130%;
    margin-left: -15%;
  }
  .section-home .col-xs-6.game-item, .section-home .col-xs-6.tool-item {
    min-height: inherit;
  }
  .section-image-wrapper {
    float: none !important;
    margin: 0 0 20px 0;
    width: auto;
  }
  .promo-intro {
    padding: 20px 0 50px 0;
  }
  .promo-intro p {
    padding-left: 0;
    padding-right: 0;
  }
  .section-iconed-block {
    margin-bottom: 30px;
  }
  .section-iconed-block i {
    font-size: 40px;
    float: none;
    margin-bottom: 20px;
    display: block;
  }
  .section-iconed-block h3, .section-iconed-block h4, .section-iconed-block p {
    margin: 0;
  }
  .section-tools .preview-images {
    padding: 0;
  }
  .section h2, .section-home h2 {
    margin: 10px 0 20px 0;
  }
  .section.section-intro {
    margin-top: 0;
  }
  .section.section-intro .container {
    padding-top: 30px;
  }
  .section.section-videos .container {
    padding: 30px 15px;
  }
  .section.section-videos .video img {
    max-width: 100%;
    height: auto;
    display: none;
  }
  .section.section-videos .video .video-bg.video-mobile {
    margin-bottom: 15px;
  }
  .section.section-videos .video .info {
    position: static;
    padding: 0 15px;
    width: 100%;
    background: none;
    text-align: center;
    margin-bottom: 20px;
  }
  .section.section-videos .more-videos {
    margin-bottom: 30px;
  }
  .section.section-videos .more-videos > div {
    border-bottom: 2px solid #c2d1e4;
  }
  .section.section-videos .more-videos a {
    position: relative;
    padding: 0;
  }
  .section.section-videos .more-videos a .play-mark {
    display: none;
  }
  .section.section-videos .more-videos a img {
    width: 100%;
    height: auto;
  }
  .section-mozabook-tablet .section-image-wrapper img {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-videos .more-videos {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .brand-logo.smaller-xs h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .brand-logo h2 {
    margin: auto;
  }
  .promo-licence-options {
    margin: 15px 0;
    position: static;
  }
  .promo-licence-options .licence-option-text {
    text-align: center;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box {
    margin-bottom: 10px;
    font-size: 13px;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box span {
    font-size: 15px;
  }
  .section-image-wrapper {
    max-width: 360px;
  }
  .section-mozabook-tablet .section-image-wrapper {
    max-width: 224px;
  }
  .section-mozabook-tablet .section-image-wrapper img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .section-awards .row .award-item {
    font-size: 13px;
  }
  .section-awards .row .award-item h4 {
    font-size: 16px;
  }
  .section {
    overflow: hidden;
  }
  .section .testimonial-item {
    height: auto;
    min-height: 200px;
  }
  .section.section-testimonials .container {
    padding-bottom: 0;
  }
  .section-videos .more-videos a {
    padding: 0 15px;
    max-height: none;
  }
  .section-videos .more-videos a img {
    max-height: none;
  }
  .section .container, .section-home .container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .offers_landing .main-img img {
    max-width: 400px;
  }
  .licence-helper-block-title {
    font-size: 20px;
  }
}
@media (max-width: 650px) {
  .section-licence-helper.licencehelper-licence-helper .licence-options .col-xs-4 {
    width: 100%;
    margin-bottom: 0;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box {
    text-align: left;
    padding: 15px 15px 0 130px;
    margin-bottom: 0;
    min-height: 115px;
    margin-left: 0;
    margin-right: 0;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box__link {
    display: block;
    font-weight: bold;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box__image {
    position: absolute;
    width: 95px;
    left: 15px;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box__image img {
    margin: 0;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box.active {
    margin-bottom: 15px;
    border-bottom: 1px solid #d2e0f1;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box.active :after {
    border-color: transparent;
    border: none;
  }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box.active :before {
    border-color: transparent;
    border: none;
  }
  .home-slider .desktop-slider-image {
    display: none;
  }
  .home-slider .slide img {
    width: 100%;
    margin: 0;
  }
  .home-slider .slide.slick-ready .desktop-slider-image {
    display: none;
  }
  .home-slider .slide.slick-ready .mobile-slider-image {
    display: block;
  }
  .home-slider .mobile-slider-image {
    display: block;
  }
  .home-slider .slick-dots li button {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 519px) {
  .licence-helper-block-title {
    font-size: 16px;
  }
  .licence-helper-block-title a {
    font-size: 18px;
  }
  .licence-helper-block-title.larger-on-mobile {
    font-size: 20px;
  }
  .section-licence-helper.licencehelper-licence-helper {
    margin-bottom: 0;
  }
  .section-licence-helper.licencehelper-licence-helper .col-xs-4 {
    width: 100%;
  }
  .section-licence-helper.section .container {
    padding-bottom: 30px;
  }
  .section-licence-helper .licence-options .col-xs-4.home-licence-helper {
    width: 100%;
    margin-bottom: 0;
  }
  .section-licence-helper .licence-options .col-xs-4.home-licence-helper .box {
    text-align: left;
  }
  .section-licence-helper .licence-options .col-xs-4.home-licence-helper .home-licence-helper__title {
    margin-left: 15px;
  }
  .section-licence-helper .licence-options .col-xs-4.home-licence-helper p {
    margin-left: 130px;
  }
  .section-licence-helper .licence-options .col-xs-4.home-licence-helper img {
    max-width: 115px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    float: left;
  }
}
@media (min-width: 520px) and (max-width: 520px) {
  .section-image-wrapper video {
    left: 15px;
    top: 14px;
    width: 330px;
  }
}
@media (max-width: 519px) {
  .section-mozabook-tablet .section-image-wrapper {
    max-width: 224px;
  }
  .section-image-wrapper {
    width: 280px;
  }
  .section-image-wrapper img {
    min-width: 100%;
  }
}
@media (max-width: 1199px) {
  .section-image-wrapper .shadow {
    transform: scale(0.84);
    -webkit-transform: scale(0.84);
  }
}
@media (max-width: 991px) {
  .section-image-wrapper .shadow {
    transform: scale(0.67);
    -webkit-transform: scale(0.67);
  }
}
@media (max-width: 519px) {
  .section-image-wrapper .shadow {
    transform: scale(0.52);
    -webkit-transform: scale(0.52);
  }
}

#tablet-promo .brand-logo h2 {
  max-width: 380px;
}
#tablet-promo .top-image img.nice-girl {
  margin-top: -100px;
  /*rtl:raw:
      margin-left: -250px;
   */
}
#tablet-promo .download-buttons > a, #tablet-promo .download-buttons span {
  display: inline-block;
  margin: 0 5px;
}
#tablet-promo .download-buttons span {
  opacity: 0.3;
}
#tablet-promo .section-intro .container {
  padding-bottom: 0;
}
#tablet-promo .section-01 .container {
  padding-top: 0;
}
#tablet-promo .section-01 .section-titles, #tablet-promo .section-01 .section-description {
  width: 43%;
  margin-right: 50px;
}
#tablet-promo .section-02 img {
  margin-top: -100px;
  max-width: 400px;
}
#tablet-promo .section-02 .section-titles, #tablet-promo .section-02 .section-description {
  padding-left: 80px;
}
#tablet-promo .section-02 .container {
  padding-top: 20px;
  padding-bottom: 0;
}
#tablet-promo .section-03 .container {
  padding-top: 0;
  padding-bottom: 0;
}
#tablet-promo .section-03 h2 {
  margin-bottom: 10px;
}
#tablet-promo .section-03 .text-block {
  color: #ffffff;
  width: 45%;
  top: 30px;
  /*rtl:ignore*/
  right: 50px;
  position: absolute;
  z-index: 500;
}
#tablet-promo .section-03 .video-bg img {
  max-width: 100%;
}
#tablet-promo .section-03 .sample-images {
  height: 205px;
  overflow: hidden;
}
#tablet-promo .section-03 .sample-images span {
  display: block;
  float: left;
  width: 33.3333333333%;
  border-right: 2px solid #c2d1e4;
  border-bottom: 2px solid #c2d1e4;
}
#tablet-promo .section-03 .sample-images span:first-child {
  border-left: 2px solid #c2d1e4;
}
#tablet-promo .section-03 .sample-images span img {
  max-width: 100%;
}
#tablet-promo .section-04 .section-image-wrapper {
  width: 55%;
}
#tablet-promo .section-04 .section-titles {
  margin-top: -20px;
}
#tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
  width: 40%;
}
#tablet-promo .section-04 .container {
  padding-bottom: 0;
}

@media (min-width: 1199px) {
  #tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
    width: 38%;
    margin-right: 2%;
  }
}
@media (max-width: 1199px) {
  #tablet-promo .top-image img.nice-girl {
    margin-top: -50px;
  }
  #tablet-promo .brand-logo i {
    float: left;
    margin-top: 0;
  }
  #tablet-promo .brand-logo h1, #tablet-promo .brand-logo h2 {
    margin-left: 20px;
  }
  #tablet-promo .section-01 .section-titles {
    padding-top: 0;
  }
  #tablet-promo .section-02 .section-description, #tablet-promo .section-02 .section-titles {
    padding-left: 0;
  }
  #tablet-promo .section-02 img {
    margin-top: -100px;
  }
  #tablet-promo .section-02 .container {
    padding-top: 80px;
  }
  #tablet-promo .section-03 .text-block {
    width: 55%;
    top: 10px;
    right: 30px;
  }
  #tablet-promo .section-03 .sample-images {
    height: 165px;
  }
  #tablet-promo .section-04 .section-image-wrapper {
    width: 50%;
  }
  #tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
    width: 45%;
  }
}
@media (max-width: 991px) {
  #tablet-promo .top-image img.nice-girl {
    margin-top: 0;
  }
  #tablet-promo .section-intro .download-buttons a, #tablet-promo .section-intro .download-buttons span {
    margin-bottom: 10px;
  }
  #tablet-promo .download-buttons > span, #tablet-promo .download-buttons > a {
    width: 45%;
  }
  #tablet-promo .download-buttons > span img, #tablet-promo .download-buttons > a img {
    max-width: 100%;
  }
  #tablet-promo .top-image img {
    margin-top: 0;
  }
  #tablet-promo .brand-logo i {
    float: none;
  }
  #tablet-promo .brand-logo h1, #tablet-promo .brand-logo h2 {
    margin: auto;
  }
  #tablet-promo .section-01 .section-titles, #tablet-promo .section-01 .section-description {
    width: 100%;
    margin-right: 0;
  }
  #tablet-promo .section-02 .container {
    padding-bottom: 30px;
  }
  #tablet-promo .section-02 img {
    margin-top: 0;
    max-width: 100%;
  }
  #tablet-promo .section-03 .video-bg .text-block {
    position: static;
    width: 100%;
    padding: 20px;
  }
  #tablet-promo .section-03 .video-bg:after {
    display: none;
  }
  #tablet-promo .section-03 .container {
    padding-bottom: 25px;
  }
  #tablet-promo .section-03 .sample-images {
    display: none;
  }
  #tablet-promo .section-04 .section-image-wrapper, #tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
    width: 100%;
  }
}
.mozabtn {
  min-width: 200px;
}
.mozabtn img {
  margin-top: -3px;
  margin-right: 3px;
}

.mozalink {
  font-weight: normal;
}
.mozalink a {
  font-weight: normal;
}

#compare-anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}

.mainpage-promo-images img.position_abs {
  position: absolute;
  top: 0;
  left: 0;
}

@media (520px) and (max-width: 991px) {
  .margin-medium-content {
    margin-top: 20px;
  }
}
@media (520px) and (max-width: 767px) {
  .section-image-wrapper video {
    left: 15px;
    top: 14px;
    width: 330px;
  }
}
.promo-img {
  text-align: center;
}
.promo-img .referents-img-container {
  display: inline-block;
  position: relative;
  width: 556px;
  height: 280px;
}
@media (max-width: 1199px) {
  .promo-img .referents-img-container {
    width: 480px;
    height: 320px;
  }
}
@media (max-width: 767px) {
  .promo-img .referents-img-container {
    width: 350px;
    height: 220px;
  }
}
@media (max-width: 375px) {
  .promo-img .referents-img-container {
    width: 320px;
    height: 200px;
  }
}
.promo-img img {
  position: absolute;
  display: block;
  margin: auto;
}

.promo-content {
  background: #f2f5f9;
}
.promo-content .table-like .row .county {
  padding-top: 10px;
  justify-content: flex-start;
}
.promo-content .table-like .row .county--center {
  justify-content: center;
}
.promo-content .table-like .phone-number {
  text-align: left;
  margin-top: -10px;
}
@media (min-width: 768px) {
  .promo-content .table-like .phone-number {
    text-align: right;
    margin-top: 0;
  }
}
.promo-content .table-like hr {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #c7d3e5;
}
.promo-content .table-like:last-child {
  margin-bottom: 40px;
}

#mozaweb-qr .top-title,
#mozaweb-viewer .top-title {
  float: left;
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 992px) {
  #mozaweb-qr .top-title,
  #mozaweb-viewer .top-title {
    margin-tp: 50px;
    margin-bottom: 20px;
  }
}
#mozaweb-qr .top-title .download-mozaik-icon,
#mozaweb-viewer .top-title .download-mozaik-icon {
  width: 80px;
  height: 80px;
  background: url("../assets/images/promo-qr-icon.png") no-repeat top left;
  background-size: cover;
  margin: 15px 15px 15px 0;
  float: left;
}
#mozaweb-qr .top-title h1,
#mozaweb-viewer .top-title h1 {
  font-size: 35px;
  margin: 14px 0 0;
}
@media (min-width: 992px) {
  #mozaweb-qr .top-title h1,
  #mozaweb-viewer .top-title h1 {
    font-size: 50px;
  }
}
#mozaweb-qr .top-title h2,
#mozaweb-viewer .top-title h2 {
  font-size: 20px;
  margin: 0;
}

#mozaweb-viewer #mozaweb-slider-wrapper {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mozaweb-viewer #mozaweb-slider-wrapper .slider-layer {
  position: absolute;
  color: #ffffff;
  width: 450px;
}
@media (max-width: 991px) {
  #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer {
    left: initial;
    margin: auto;
  }
}
@media (max-width: 450px) {
  #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer {
    width: 100%;
  }
}
#mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .icon-wrapper {
  position: relative;
  width: 70px;
  margin: auto;
}
#mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .icon-wrapper i {
  z-index: 2;
}
#mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .mwicon-p_3dviewer.fill-square {
  color: #de372d;
}
#mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .video-play-button {
  background: url("../assets/images/fizika/play.png");
  width: 65px;
  height: 65px;
  margin: auto;
  display: block;
  cursor: pointer;
}
@media (max-width: 1300px) {
  #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .video-play-button {
    display: none;
  }
}
#mozaweb-viewer #mozaweb-slider-wrapper .viewer-slider-overlay {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
  position: absolute;
  z-index: 21;
}
#mozaweb-viewer .promo-viewer-images img {
  max-width: 100%;
}
@media (max-width: 1800px) and (min-width: 1200px) {
  #mozaweb-viewer .promo-viewer-images img {
    max-width: 33%;
  }
}
#mozaweb-viewer .m3d-content-img {
  margin: 0 auto;
}
#mozaweb-viewer .promo-viewer-animate {
  opacity: 0;
}
#mozaweb-viewer .promo-viewer-animate.left {
  padding-right: 100px;
}
#mozaweb-viewer .promo-viewer-animate.right {
  padding-left: 100px;
}
#mozaweb-viewer .section-download-header {
  text-align: left;
}
@media (max-width: 767px) {
  #mozaweb-viewer .section-download-header {
    text-align: center;
  }
}
#mozaweb-viewer .promo-viewer-requirements {
  font-size: 13px;
  color: #8c97a7;
}
#mozaweb-viewer .promo-viewer-requirements h3 {
  font-size: 21px;
}

.matek-footer,
.m3d-footer {
  background-color: #6E86A0;
  color: #ffffff;
}
.matek-footer .img-center,
.m3d-footer .img-center {
  margin: 0 auto;
  padding-bottom: 40px;
}
.matek-footer .img-center img,
.m3d-footer .img-center img {
  margin-bottom: 15px;
}
.matek-footer p,
.m3d-footer p {
  text-transform: uppercase;
}

.grey-link {
  color: #455771;
}

#product-benefits h2 {
  margin: 0 0 20px 0;
}

#product-benefits ul {
  padding-left: 0;
  list-style-position: inside;
  list-style: none;
}

#product-benefits ul li {
  padding-bottom: 5px;
}

#product-benefits ul li::before {
  background-color: #16A0FA;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px;
  height: 10px;
  width: 10px;
}

@media (max-width: 1199px) {
  #promo-click_n_learn .cnl-book {
    padding: 30px 0;
  }
}
#promo-click_n_learn .orange-title {
  color: #f08200;
  font-weight: bold;
  font-size: 20px;
}
#promo-click_n_learn .books-row .container {
  padding-bottom: 0;
}
#promo-click_n_learn .books-row .books-row-bg {
  background-color: #e8edf5;
}
#promo-click_n_learn .books-row .books-row-bg img {
  margin: -50px 0;
}
#promo-click_n_learn .section-title {
  -js-display: flex;
  display: flex;
  align-items: center;
}
#promo-click_n_learn .section-title img {
  margin-right: 20px;
}
#promo-click_n_learn .section-title h3 {
  margin: 0;
}
@media (min-width: 992px) {
  #promo-click_n_learn .mozabook-windows {
    padding-bottom: 120px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  #promo-click_n_learn .mozabook-windows {
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
#promo-click_n_learn .section-mozabook {
  margin-top: 40px;
  padding-bottom: 100px;
}
#promo-click_n_learn .gray-bg {
  background-color: #f2f5f9;
}
#promo-click_n_learn .gray-bg-2 {
  background-color: #dfe3f1;
}
#promo-click_n_learn h4 {
  font-size: 20px;
  font-weight: bold;
}
#promo-click_n_learn .section-list {
  padding-bottom: 80px;
}
#promo-click_n_learn .section-list a {
  padding-left: 15px;
}
#promo-click_n_learn .cnl-list {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}
#promo-click_n_learn .cnl-list li {
  font-size: 15px;
  vertical-align: middle;
  padding-left: 15px;
  margin: 0 0 5px;
  position: relative;
}
#promo-click_n_learn .cnl-list li:before {
  content: "";
  background-color: #0074BD;
  display: inline-block;
  width: 6px;
  height: 6px;
  top: 8px;
  left: 0;
  border-radius: 50%;
  position: absolute;
}
@media (min-width: 992px) {
  #promo-click_n_learn .section-mozaik3d .image-container {
    align-self: flex-end;
    padding-top: 50px;
  }
}
#promo-click_n_learn .section-vr .image-wrapper {
  position: relative;
  border: 2px solid #ffffff;
  border-top: none;
}
@media (max-width: 767px) {
  #promo-click_n_learn .section-vr .image-wrapper {
    border: none;
  }
}
#promo-click_n_learn .section-vr .image-wrapper img {
  max-width: 100%;
}
@media (min-width: 768px) {
  #promo-click_n_learn .section-vr .image-wrapper .image-text {
    position: absolute;
    top: 8%;
    right: 7%;
    width: 50%;
  }
}
@media (max-width: 767px) {
  #promo-click_n_learn .section-vr .image-wrapper .image-text {
    padding: 15px;
  }
}
#promo-click_n_learn .section-vr .more-videos a:before {
  border-right: 2px solid #ffffff;
}
#promo-click_n_learn .section-vr .more-videos a:first-child:before {
  border-left: 2px solid #ffffff;
}
@media (max-width: 991px) {
  #promo-click_n_learn .section-vr .more-videos a {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #promo-click_n_learn .section-vr .more-videos a {
    padding: 0 15px;
  }
  #promo-click_n_learn .section-vr .more-videos a:before, #promo-click_n_learn .section-vr .more-videos a:first-child:before {
    border: none;
  }
}
#promo-click_n_learn .section-footer i {
  color: #c84127;
}
#promo-click_n_learn .section-footer .brand-title {
  margin: 0 10px;
  font-size: 28px;
  font-weight: bold;
}
#promo-click_n_learn .section-footer .brand-title span {
  font-size: 42px;
}

.promo-books-container {
  display: grid;
  justify-content: center;
  position: relative;
  width: 60%;
}
.promo-books-container.first {
  margin-bottom: -35px;
}
@media (min-width: 520px) {
  .promo-books-container {
    margin-bottom: -20px;
  }
}
@media (max-width: 1200px) {
  .promo-books-container {
    margin-bottom: -48px;
  }
  .promo-books-container.first {
    margin-bottom: -65px;
  }
  .promo-books-container.last {
    margin-top: -30px;
  }
}
@media (max-width: 991px) {
  .promo-books-container {
    margin-bottom: 0;
  }
  .promo-books-container.first {
    margin-bottom: -15px;
  }
  .promo-books-container.last {
    margin-top: -50px;
  }
}
@media (max-width: 768px) {
  .promo-books-container {
    margin-bottom: -20px;
  }
  .promo-books-container.first {
    margin-bottom: -35px;
  }
}
@media (max-width: 610px) {
  .promo-books-container {
    margin-bottom: -55px;
  }
  .promo-books-container.first {
    margin-bottom: -115px;
  }
  .promo-books-container.last {
    margin-top: -75px;
  }
}
@media (max-width: 519px) {
  .promo-books-container {
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 0;
  }
  .promo-books-container.first {
    margin-bottom: -230px;
  }
  .promo-books-container.second-block {
    position: relative;
    margin-top: -80px;
    top: 30px;
  }
  .promo-books-container.last {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}
@media (max-width: 375px) {
  .promo-books-container {
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 0;
  }
  .promo-books-container.first {
    margin-bottom: -220px;
  }
  .promo-books-container.second-block {
    position: relative;
    margin-top: -80px;
    top: 20px;
  }
  .promo-books-container.last {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}

@media (min-width: 520px) {
  .promo-books-first-row {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .promo-books-first-row {
    margin-top: -20px;
  }
}
@media (max-width: 610px) {
  .promo-books-first-row {
    margin-top: -60px;
  }
}
@media (max-width: 519px) {
  .promo-books-first-row {
    margin-top: 40px;
    margin-bottom: 0;
    justify-content: space-evenly;
    align-items: center;
  }
  .promo-books-first-row.second-block {
    position: relative;
    margin-top: -80px;
  }
}

@media (max-width: 519px) {
  .promo-books-second-row {
    margin-top: 80px;
  }
}

.promo-flex-row {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  position: relative;
  align-items: center;
  padding-right: 40px;
}
@media (min-width: 520px) {
  .promo-flex-row {
    grid-template-columns: 185px 110px 70px 110px 70px 110px 70px 110px 70px 110px;
    grid-auto-rows: 300px;
    left: 15px;
  }
}
@media (max-width: 1200px) {
  .promo-flex-row {
    grid-template-columns: 165px 95px 55px 95px 55px 95px 55px 95px 55px 95px;
    grid-auto-rows: 300px;
    left: 15px;
  }
}
@media (max-width: 991px) {
  .promo-flex-row {
    grid-template-columns: 120px 80px 40px 80px 40px 80px 40px 80px 40px 80px;
    grid-auto-rows: 200px;
    left: 15px;
  }
}
@media (max-width: 768px) {
  .promo-flex-row {
    grid-template-columns: 110px 70px 30px 70px 30px 70px 30px 70px 30px 70px;
    grid-auto-rows: 200px;
    left: 15px;
  }
}
@media (max-width: 610px) {
  .promo-flex-row {
    grid-template-columns: 85px 60px 20px 60px 20px 60px 20px 60px 20px 60px;
    grid-auto-rows: 200px;
    left: 15px;
  }
}
@media (max-width: 519px) {
  .promo-flex-row {
    justify-content: center;
    width: 80%;
    margin-left: 27px;
    grid-template-rows: 120px 80px 40px 80px 40px 80px 40px 80px 40px 80px;
    grid-auto-columns: 200px;
    left: 0;
  }
}
@media (max-width: 375px) {
  .promo-flex-row {
    justify-content: center;
    width: 80%;
    margin-left: 27px;
    grid-template-rows: 120px 80px 40px 80px 40px 80px 40px 80px 40px 80px;
    grid-auto-columns: 200px;
    left: 0;
  }
}
@media (min-width: 520px) {
  .promo-flex-row .book-0 {
    display: grid;
    grid-column: 1/3;
    grid-row: 1;
    z-index: 6;
  }
  .promo-flex-row .book-0 img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (max-width: 519px) {
  .promo-flex-row .book-0 {
    display: grid;
    position: relative;
    grid-row: 1/3;
    grid-column: 1;
    margin-left: 135px;
  }
  .promo-flex-row .book-0 img {
    width: 280px;
    height: auto;
  }
}
@media (max-width: 375px) {
  .promo-flex-row .book-0 {
    margin-left: 153px;
  }
  .promo-flex-row .book-0 img {
    width: 250px;
    height: auto;
  }
}
@media (min-width: 520px) {
  .promo-flex-row .book-1 {
    display: grid;
    grid-column: 2/5;
    grid-row: 1;
    z-index: 5;
  }
  .promo-flex-row .book-1 img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (max-width: 519px) {
  .promo-flex-row .book-1 {
    display: grid;
    position: relative;
    grid-row: 2/5;
    grid-column: 1;
    margin-left: 135px;
  }
  .promo-flex-row .book-1 img {
    width: 280px;
    height: auto;
  }
}
@media (max-width: 375px) {
  .promo-flex-row .book-1 {
    margin-left: 153px;
  }
  .promo-flex-row .book-1 img {
    width: 250px;
    height: auto;
  }
}
@media (min-width: 520px) {
  .promo-flex-row .book-2 {
    display: grid;
    grid-column: 4/7;
    grid-row: 1;
    z-index: 4;
  }
  .promo-flex-row .book-2 img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (max-width: 519px) {
  .promo-flex-row .book-2 {
    display: grid;
    position: relative;
    grid-row: 4/7;
    grid-column: 1;
    margin-left: 135px;
  }
  .promo-flex-row .book-2 img {
    width: 280px;
    height: auto;
  }
}
@media (max-width: 375px) {
  .promo-flex-row .book-2 {
    margin-left: 153px;
  }
  .promo-flex-row .book-2 img {
    width: 250px;
    height: auto;
  }
}
@media (min-width: 520px) {
  .promo-flex-row .book-3 {
    display: grid;
    grid-column: 6/9;
    grid-row: 1;
    z-index: 3;
  }
  .promo-flex-row .book-3 img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (max-width: 519px) {
  .promo-flex-row .book-3 {
    display: grid;
    position: relative;
    grid-row: 6/9;
    grid-column: 1;
    margin-left: 135px;
  }
  .promo-flex-row .book-3 img {
    width: 280px;
    height: auto;
  }
}
@media (max-width: 375px) {
  .promo-flex-row .book-3 {
    margin-left: 153px;
  }
  .promo-flex-row .book-3 img {
    width: 250px;
    height: auto;
  }
}
@media (min-width: 520px) {
  .promo-flex-row .book-4 {
    display: grid;
    grid-column: 8/11;
    grid-row: 1;
    z-index: 2;
  }
  .promo-flex-row .book-4 img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (max-width: 519px) {
  .promo-flex-row .book-4 {
    display: grid;
    position: relative;
    grid-row: 8/11;
    grid-column: 1;
    margin-left: 135px;
  }
  .promo-flex-row .book-4 img {
    width: 280px;
    height: auto;
  }
}
@media (max-width: 375px) {
  .promo-flex-row .book-4 {
    margin-left: 153px;
  }
  .promo-flex-row .book-4 img {
    width: 250px;
    height: auto;
  }
}

.promo-books-background {
  grid-row: 1;
  grid-column: 1;
  margin: auto;
  width: 100%;
  height: 180px;
  background-color: #e8edf5;
}
@media (max-width: 991px) {
  .promo-books-background {
    height: 120px;
    z-index: -1;
  }
}
@media (max-width: 610px) {
  .promo-books-background {
    height: 70px;
    z-index: -1;
  }
}
@media (max-width: 519px) {
  .promo-books-background {
    height: 100%;
    z-index: -1;
    margin-left: 0;
  }
}

@media (min-width: 520px) {
  .promo-books-button-container:has(.promo-books-expand-button:not(.hidden)) {
    margin-top: 50px !important;
  }
}
@media (max-width: 520px) {
  .promo-books-button-container:has(.promo-books-expand-button:not(.hidden)) {
    margin-top: 100px !important;
  }
}
@media (max-width: 520px) {
  .promo-books-button-container:has(.promo-books-expand-button:not(.hidden)) {
    margin-top: 50px !important;
  }
}
@media (max-width: 610px) {
  .promo-books-button-container:has(.promo-books-expand-button:not(.hidden)) {
    margin-top: 100px !important;
  }
}
@media (max-width: 520px) {
  .promo-books-button-container:has(.promo-books-expand-button:not(.hidden)) {
    margin-top: 245px !important;
  }
}
@media (max-width: 376px) {
  .promo-books-button-container:has(.promo-books-expand-button:not(.hidden)) {
    margin-top: 245px !important;
  }
}

@media (max-width: 610px) {
  .promo-books-button-container:has(.promo-books-collapse-button:not(.hidden)) {
    margin-top: 70px !important;
  }
}
@media (min-width: 610px) {
  .promo-books-button-container:has(.promo-books-collapse-button:not(.hidden)) {
    margin-top: 25px !important;
  }
}

.promo-books-button-container {
  position: relative;
  top: 15px;
}
@media (min-width: 520px) {
  .promo-books-button-container {
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .promo-books-button-container {
    margin-top: 15px;
  }
}
@media (max-width: 610px) {
  .promo-books-button-container {
    margin-top: 60px;
  }
}
@media (max-width: 519px) {
  .promo-books-button-container {
    margin-top: 120px;
    display: block;
  }
  .promo-books-button-container.collapse-button {
    margin-top: 40px;
  }
}

.promo-book-image img {
  transition: transform ease-in 0.2s;
}
.promo-book-image:hover img {
  transform: scale(1.05);
}

@media (max-width: 1200px) {
  .promo-resizable-img {
    width: 70px;
  }
}

.mozabook-windows-container {
  top: 0;
}
@media (min-width: 991px) {
  .mozabook-windows-container {
    top: 50px;
  }
}
@media (max-width: 768px) {
  .mozabook-windows-container {
    padding-left: 0;
  }
}

.sale-container {
  display: grid;
  margin: 40px auto auto;
}
@media (max-width: 1199px) {
  .sale-container {
    margin: auto;
  }
}

.sale-header {
  padding: 8px;
  background: #fff03d;
  font-size: 20px;
  font-weight: bold;
  margin: auto;
}

.purchase-button {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 140px;
  height: 35px;
}

.sale-title {
  display: grid;
  grid-row: 1;
  grid-column: 1;
}
@media (max-width: 1400px) {
  .sale-title .promo-sale-header-title {
    font-size: 34px;
  }
  .sale-title .promo-sale-header-subtitle {
    font-size: 27px;
  }
  .sale-title .promo-sale-header-price {
    font-size: 45px;
  }
  .sale-title .promo-sale-header-title-desc {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .sale-title .promo-sale-header-title {
    font-size: 33px;
  }
  .sale-title .promo-sale-header-price {
    font-size: 43px;
  }
}
@media (max-width: 991px) {
  .sale-title .promo-sale-header-title {
    font-size: 32px;
  }
  .sale-title .promo-sale-header-subtitle {
    font-size: 26px;
  }
  .sale-title .promo-sale-header-price {
    font-size: 39px;
  }
  .sale-title .promo-sale-header-title-desc {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .sale-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 519px) {
  .sale-title {
    margin-bottom: 30px;
  }
  .sale-title .promo-sale-header-price {
    font-size: 38px;
  }
}
@media (max-width: 375px) {
  .sale-title {
    margin-bottom: 30px;
  }
  .sale-title .promo-sale-header-title {
    font-size: 29px;
    margin-bottom: 10px;
  }
  .sale-title .promo-sale-header-subtitle {
    font-size: 25px;
    margin-bottom: 8px;
  }
  .sale-title .promo-sale-header-price {
    font-size: 37px;
  }
  .sale-title .promo-sale-header-title-desc {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.sale-background {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  height: 70%;
  margin-top: auto;
  background: #dde5f2;
}
@media (max-width: 768px) {
  .sale-background {
    position: relative;
    height: 685px;
  }
}
@media (max-width: 520px) {
  .sale-background {
    height: 580px;
  }
}
@media (max-width: 375px) {
  .sale-background {
    height: 450px;
  }
}

.promo-sale-header-title {
  font-size: 35px;
  font-weight: bold;
  color: #cb0c1e;
}

.promo-sale-header-subtitle {
  font-size: 28px;
}

.promo-sale-header-price {
  position: relative;
  bottom: 5px;
  font-size: 46px;
}

.promo-sale-header-title-desc {
  margin: auto;
  width: 80%;
  font-size: 17.4px;
}

.promo-sale-plus-icon {
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  height: 45px;
  width: 45px;
  margin: auto;
  font-size: 80px;
  z-index: 1;
}
@media (max-width: 1200px) {
  .promo-sale-plus-icon {
    margin: auto;
    width: 34px;
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .promo-sale-plus-icon {
    margin: auto;
    width: 30px;
    font-size: 63px;
  }
}
@media (max-width: 768px) {
  .promo-sale-plus-icon {
    width: 100%;
    top: 75%;
  }
}
@media (max-width: 520px) {
  .promo-sale-plus-icon {
    top: 69%;
  }
}
@media (max-width: 375px) {
  .promo-sale-plus-icon {
    top: 90%;
    font-size: 48px;
  }
}

.sale-logo-container {
  display: grid;
  margin-top: 70px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .sale-logo-container {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .sale-logo-container {
    margin-bottom: 40px;
  }
}

.promo-sale-grid {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  width: 1400px;
  padding-bottom: 0;
}
.promo-sale-grid::before, .promo-sale-grid::after {
  content: none;
}
.promo-sale-grid .promo-sale-img {
  transition: opacity 1.5s;
  position: absolute;
  top: 0;
  left: 0;
}
.promo-sale-grid .promo-sale-img:not(.starting-img) {
  opacity: 0;
}
.promo-sale-grid .promo-sale-books {
  height: 300px;
}
.promo-sale-grid .promo-sale-table {
  height: 422px;
}
.promo-sale-grid .col-1 {
  position: relative;
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  z-index: 1;
}
.promo-sale-grid .col-1 .pt15 .title-printed-mobile {
  display: none;
  position: relative;
  bottom: 240px;
  margin: auto;
  font-size: 13px;
  z-index: 1;
}
.promo-sale-grid .col-1 .pt15 .desc-mobile {
  display: none;
  position: relative;
  right: 70px;
  bottom: 60px;
  color: #c84127;
  font-size: 13px;
  font-weight: bold;
  z-index: 1;
}
.promo-sale-grid .col-1 .pt15 .printed-mobile {
  display: none;
  position: relative;
  left: 0;
  bottom: 0;
  top: -21px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  z-index: 1;
}
.promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile {
  display: none;
  position: relative;
  bottom: 150px;
  left: 0;
}
.promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile img {
  width: 140px;
}
.promo-sale-grid .col-2 {
  position: relative;
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  z-index: 1;
}
.promo-sale-grid .col-2 .pt15 {
  margin-left: 50px;
}
.promo-sale-grid .col-2 .pt15 .title-book-mobile {
  display: none;
  position: relative;
  bottom: 300px;
  margin: auto;
  font-size: 13px;
}
.promo-sale-grid .col-2 .pt15 .digital-mobile {
  display: none;
  position: relative;
  left: 0;
  top: -21px;
  color: white;
  font-weight: bold;
  font-size: 14px;
}
.promo-sale-grid .col-2 .pt15 .ellipsis-green-mobile {
  display: none;
  position: relative;
  top: -26px;
  left: -40px;
}
.promo-sale-grid .col-2 .pt15 .ellipsis-green-mobile img {
  width: 140px;
}
.promo-sale-grid .row {
  margin-right: 0;
  margin-left: 0;
}
.promo-sale-grid .title-printed {
  position: absolute;
  margin-left: 81px;
  margin-top: -10px;
  z-index: 1;
}
.promo-sale-grid .title-book {
  position: absolute;
  margin-left: 800px;
  margin-top: -10px;
  z-index: 1;
}
.promo-sale-grid .desc {
  position: absolute;
  margin-left: 83px;
  margin-top: 370px;
  color: #c84127;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
}
.promo-sale-grid .printed {
  position: relative;
  left: 0;
  bottom: 0;
  top: 53px;
  text-align: center;
  margin: auto;
  color: white;
  font-weight: bold;
  font-size: 17px;
}
.promo-sale-grid .ellipsis-blue {
  position: absolute;
  bottom: 0;
  left: 210px;
}
.promo-sale-grid .ellipsis-blue img {
  width: 242px;
}
.promo-sale-grid .digital {
  position: relative;
  left: 0;
  bottom: 0;
  top: 53px;
  text-align: center;
  margin: auto;
  color: white;
  font-weight: bold;
  font-size: 17px;
}
.promo-sale-grid .ellipsis-green {
  position: absolute;
  left: 900px;
  bottom: 0;
}
.promo-sale-grid .ellipsis-green img {
  width: 242px;
}
@media (max-width: 1400px) {
  .promo-sale-grid {
    width: 1100px;
  }
  .promo-sale-grid .col-1 {
    width: 53%;
  }
  .promo-sale-grid .col-2 {
    width: 47%;
  }
  .promo-sale-grid .col-2 > div {
    margin-left: 0 !important;
  }
  .promo-sale-grid .col-2 .promo-sale-table {
    height: 362px;
  }
  .promo-sale-grid .tablet-image {
    position: relative;
    left: 25px;
  }
  .promo-sale-grid .title-book {
    margin-left: 725px;
  }
  .promo-sale-grid .desc {
    margin-top: 318px;
  }
  .promo-sale-grid .ellipsis-blue {
    left: 170px;
  }
  .promo-sale-grid .ellipsis-blue img {
    width: 205px;
  }
  .promo-sale-grid .ellipsis-green {
    left: 720px;
  }
  .promo-sale-grid .ellipsis-green img {
    width: 205px;
  }
}
@media (max-width: 1200px) {
  .promo-sale-grid {
    width: 920px;
  }
  .promo-sale-grid .title-printed {
    margin-left: 40px;
  }
  .promo-sale-grid .title-book {
    margin-left: 548px;
  }
  .promo-sale-grid .promo-sale-table {
    height: unset !important;
  }
  .promo-sale-grid .desc {
    margin-top: 264px;
    margin-left: 80px;
  }
  .promo-sale-grid .printed {
    top: 47px;
    font-size: 16px;
  }
  .promo-sale-grid .digital {
    top: 47px;
    font-size: 16px;
  }
  .promo-sale-grid .ellipsis-blue {
    left: 155px;
  }
  .promo-sale-grid .ellipsis-blue img {
    width: 180px;
  }
  .promo-sale-grid .ellipsis-green {
    left: 600px;
  }
  .promo-sale-grid .ellipsis-green img {
    width: 180px;
  }
}
@media (max-width: 992px) {
  .promo-sale-grid {
    width: 785px;
  }
  .promo-sale-grid .promo-sale-books {
    height: 250px;
  }
  .promo-sale-grid .title-printed {
    font-size: 14px;
    margin-left: 20px;
  }
  .promo-sale-grid .title-book {
    font-size: 14px;
    margin-left: 500px;
  }
  .promo-sale-grid .desc {
    font-size: 14px;
    margin-top: 222px;
    margin-left: 60px;
  }
  .promo-sale-grid .printed {
    top: 42px;
    font-size: 15px;
  }
  .promo-sale-grid .digital {
    top: 42px;
    font-size: 15px;
  }
  .promo-sale-grid .ellipsis-blue {
    left: 140px;
  }
  .promo-sale-grid .ellipsis-blue img {
    width: 142px;
  }
  .promo-sale-grid .ellipsis-green {
    left: 520px;
  }
  .promo-sale-grid .ellipsis-green img {
    width: 142px;
  }
}
@media (max-width: 768px) {
  .promo-sale-grid {
    width: 100%;
    padding-left: 0;
  }
  .promo-sale-grid .col-1 {
    width: 100%;
  }
  .promo-sale-grid .col-1 .pt15 img {
    width: 410px;
    max-width: none;
  }
  .promo-sale-grid .col-1 .pt15 .promo-sale-img {
    left: 50%;
    transform: translateX(-50%);
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
    bottom: 295px;
  }
  .promo-sale-grid .col-1 .pt15 .title-printed-mobile {
    display: block;
    bottom: 288px;
    right: 70px;
  }
  .promo-sale-grid .col-1 .pt15 .desc-mobile {
    display: block;
    right: 97px;
    bottom: 64px;
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile {
    display: block;
    position: absolute;
    left: -74px;
    bottom: 174px;
    transform: rotate(90deg) scale(1.2);
  }
  .promo-sale-grid .col-2 {
    width: 100%;
    height: 0;
  }
  .promo-sale-grid .col-2 .pt15 .tablet-image {
    width: 400px;
    left: 50%;
    transform: translateX(-50%);
  }
  .promo-sale-grid .col-2 .pt15 .digital-mobile {
    display: block;
  }
  .promo-sale-grid .col-2 .pt15 .title-book-mobile {
    display: block;
    bottom: 20px;
    right: 110px;
  }
  .promo-sale-grid .col-2 .pt15 .ellipsis-green-mobile {
    display: block;
    position: absolute;
    left: -74px;
    top: 100px;
    transform: rotate(90deg) scale(1.2);
  }
  .promo-sale-grid .title-printed, .promo-sale-grid .title-book, .promo-sale-grid .desc, .promo-sale-grid .printed, .promo-sale-grid .digital, .promo-sale-grid .ellipsis-blue, .promo-sale-grid .ellipsis-green {
    display: none;
  }
}
@media (max-width: 520px) {
  .promo-sale-grid {
    width: 100%;
    padding-left: 0;
  }
  .promo-sale-grid .promo-sale-books {
    height: 195px;
  }
  .promo-sale-grid .col-1 {
    width: 100%;
  }
  .promo-sale-grid .col-1 .pt15 img {
    width: 320px;
    max-width: none;
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .title-printed-mobile {
    display: block;
    bottom: 227px;
    right: 49px;
  }
  .promo-sale-grid .col-1 .pt15 .desc-mobile {
    display: block;
    right: 64px;
    bottom: 58px;
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile {
    display: block;
    position: absolute;
    left: -74px;
    bottom: 147px;
    transform: rotate(90deg);
  }
  .promo-sale-grid .col-2 {
    width: 100%;
    height: 0;
  }
  .promo-sale-grid .col-2 .pt15 .tablet-image {
    width: 340px;
  }
  .promo-sale-grid .col-2 .pt15 .digital-mobile {
    display: block;
  }
  .promo-sale-grid .col-2 .pt15 .title-book-mobile {
    display: block;
    bottom: 20px;
    right: 75px;
  }
  .promo-sale-grid .col-2 .pt15 .ellipsis-green-mobile {
    display: block;
    position: absolute;
    left: -74px;
    top: 85px;
    transform: rotate(90deg);
  }
  .promo-sale-grid .title-printed, .promo-sale-grid .title-book, .promo-sale-grid .desc, .promo-sale-grid .printed, .promo-sale-grid .digital, .promo-sale-grid .ellipsis-blue, .promo-sale-grid .ellipsis-green {
    display: none;
  }
}
@media (max-width: 376px) {
  .promo-sale-grid {
    width: 100%;
    padding-left: 0;
  }
  .promo-sale-grid .col-1 {
    width: 100%;
  }
  .promo-sale-grid .col-1 .pt15 img {
    width: 320px;
    max-width: none;
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .title-printed-mobile {
    display: block;
    bottom: 231px;
    right: 59px;
  }
  .promo-sale-grid .col-1 .pt15 .desc-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile {
    display: block;
    position: absolute;
    left: -74px;
    transform: rotate(90deg);
  }
  .promo-sale-grid .col-2 {
    width: 100%;
    height: 0;
  }
  .promo-sale-grid .col-2 .pt15 .digital-mobile {
    display: block;
  }
  .promo-sale-grid .col-2 .pt15 .title-book-mobile {
    display: block;
    bottom: 263px;
    right: 88px;
  }
  .promo-sale-grid .col-2 .pt15 .ellipsis-green-mobile {
    display: block;
    position: absolute;
    left: -74px;
    top: -23px;
    transform: rotate(90deg);
  }
  .promo-sale-grid .title-printed, .promo-sale-grid .title-book, .promo-sale-grid .desc, .promo-sale-grid .printed, .promo-sale-grid .digital, .promo-sale-grid .ellipsis-blue, .promo-sale-grid .ellipsis-green {
    display: none;
  }
}
@media (max-width: 375px) {
  .promo-sale-grid {
    width: 100%;
    padding-left: 0;
    padding-top: 0 !important;
    justify-content: center;
  }
  .promo-sale-grid .promo-sale-books {
    height: 150px;
  }
  .promo-sale-grid .col-1 {
    width: 100%;
  }
  .promo-sale-grid .col-1 .pt15 img {
    top: 30px;
    width: 265px;
  }
  .promo-sale-grid .col-1 .pt15 img:not(.promo-sale-img) {
    position: relative;
    max-width: none;
  }
  .promo-sale-grid .col-1 .pt15 .printed-mobile {
    display: block;
  }
  .promo-sale-grid .col-1 .pt15 .title-printed-mobile {
    display: block;
    bottom: 157px;
    right: 39px;
    font-size: 11px;
  }
  .promo-sale-grid .col-1 .pt15 .desc-mobile {
    display: block;
    font-size: 11px;
    right: 50px;
    bottom: 22px;
  }
  .promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile {
    display: block;
    position: absolute;
    left: -46px;
    bottom: 90px;
    transform: rotate(90deg) scale(0.9);
  }
  .promo-sale-grid .col-1 .pt15 .ellipsis-blue-mobile .printed-mobile {
    display: block;
    top: 9px;
  }
  .promo-sale-grid .col-2 {
    width: 100%;
    height: 0;
  }
  .promo-sale-grid .col-2 .pt15 .tablet-image {
    width: 245px;
    margin-top: 20px;
  }
  .promo-sale-grid .col-2 .pt15 .digital-mobile {
    display: block;
  }
  .promo-sale-grid .col-2 .pt15 .title-book-mobile {
    display: block;
    bottom: 20px;
    right: 44px;
    font-size: 11px;
  }
  .promo-sale-grid .col-2 .pt15 .ellipsis-green-mobile {
    display: block;
    position: absolute;
    left: -74px;
    top: 75px;
    transform: rotate(90deg) scale(0.9);
  }
  .promo-sale-grid .title-printed, .promo-sale-grid .title-book, .promo-sale-grid .desc, .promo-sale-grid .printed, .promo-sale-grid .digital, .promo-sale-grid .ellipsis-blue, .promo-sale-grid .ellipsis-green {
    display: none;
  }
}

.sale-logo-grid {
  display: inline-grid;
  position: relative;
  margin: auto;
  top: -15px;
  left: 0;
  text-align: left;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, auto);
  color: #1a171b;
  -moz-column-gap: 10px;
  column-gap: 10px;
  z-index: 500;
}
.sale-logo-grid i {
  color: #c84127;
}
.sale-logo-grid .icon-container {
  transition: all 200ms;
  grid-column: 1;
  grid-row: 1/3;
  margin-top: -2px;
}
.sale-logo-grid:hover .icon-container {
  transform: translate(-5px, -5px);
  -webkit-filter: drop-shadow(5px 5px black);
}
.sale-logo-grid h1 {
  margin: 0;
  grid-column: 2;
  grid-row: 1;
  font-size: 27px;
  font-weight: bold;
}
.sale-logo-grid h2 {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  font-size: 40px;
  font-weight: bold;
}

.sale-promo-video {
  -webkit-filter: drop-shadow(0 1px 4px rgba(36, 75, 149, 0.3));
  padding: 0 50px;
}
.sale-promo-video .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
}
.sale-promo-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sale-compare-table table {
  border: 1px solid #c7d2e4;
}
.sale-compare-table table th {
  text-transform: uppercase;
  color: white;
  text-align: center;
  padding: 15px 5px !important;
}
.sale-compare-table table th:first-child {
  border-right: 1px solid #ffffff;
  background-color: #52b4f2;
}
.sale-compare-table table th:nth-child(2) {
  background-color: #0074BD;
  width: 50%;
}
.sale-compare-table .info-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.sale-compare-table .info-links div {
  padding: 0 8px;
}

h1.promo-title-portal2 {
  font-size: 55px;
  font-weight: bold;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}
h1.promo-title-portal2:before {
  content: " ";
  position: absolute;
  left: -85px;
  top: -40px;
  width: 230px;
  height: 160px;
  z-index: -1;
  background-image: url("../assets/images/mainpage_promo/mainpage/kavics.png");
  background-size: 230px 160px;
}
@media (max-width: 1199px) {
  h1.promo-title-portal2:before {
    display: none;
  }
}
h1.promo-title-portal2.darkened-background:before {
  filter: brightness(95%);
}
@media (min-width: 992px) and (max-width: 1199px) {
  h1.promo-title-portal2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  h1.promo-title-portal2 {
    font-size: 30px;
    text-align: center;
  }
}

.title-link-rows2 {
  margin-bottom: 60px;
  padding-left: 170px;
}
@media (max-width: 991px) {
  .title-link-rows2 {
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
  }
}
.title-link-rows2 a {
  cursor: pointer;
}

.header-main-title2 {
  background-image: url("../assets/images/mainpage_promo/mainpage/fej_alap.jpg");
  background-repeat: no-repeat;
  background-size: auto 95%;
  background-position: right 0px top 0px;
}
@media (max-width: 991px) {
  .header-main-title2 {
    background-image: none;
  }
}

.mozaweb_ar .header-main-title2 {
  background-image: url("../assets/images/mainpage_promo/mainpage/fej_alap_flipped.jpg");
}

.section-main-title2 {
  padding-top: 75px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .section-main-title2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.section-main-title2 .main2-title {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 22px;
  word-wrap: break-word;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main-title2 .main2-title {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .section-main-title2 .main2-title {
    font-size: 35px;
    text-align: center;
  }
}
.section-main-title2 .subtext-container > div {
  width: 290px;
  position: absolute;
  bottom: 25px;
  right: 465px;
  text-align: right;
  font-size: 26px;
  font-family: Georgia, Open Sans Web, sans-serif;
  font-style: italic;
  transition: opacity 250ms;
  opacity: 0;
}
.section-main-title2 .subtext-container > div.visible {
  transition: opacity 250ms 250ms;
  opacity: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main-title2 .subtext-container > div {
    bottom: 20px;
    right: 420px;
    font-size: 23px;
  }
}
.section-main-title2 .subtext-container-bg > div {
  width: 290px;
  position: absolute;
  bottom: 25px;
  right: 465px;
  text-align: right;
  font-size: 24px;
  font-family: Georgia, Open Sans Web, sans-serif;
  font-style: italic;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main-title2 .subtext-container-bg > div {
    bottom: 20px;
    right: 420px;
    font-size: 22px;
  }
}
.section-main-title2 .promo-compare-list {
  font-size: 23px;
  list-style-type: none;
  padding: 0;
  margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main-title2 .promo-compare-list {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .section-main-title2 .promo-compare-list {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.section-main-title2 .promo-compare-list i {
  color: #0dbf6d;
  padding-right: 10px;
}
.section-main-title2 .promo-compare-list li {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .section-main-title2 .top-scroller-container {
    text-align: center;
  }
}
.section-main-title2 .top-scroller-container .top-scroller {
  --transform-origin-x: 50%;
  --transform-origin-y: 50%;
  --transform-origin-x-old: 0%;
  --transform-origin-y-old: 0%;
  position: relative;
}
@media (max-width: 991px) {
  .section-main-title2 .top-scroller-container .top-scroller {
    display: inline-block;
    width: 470px;
    margin: 10px 0 15px 0;
  }
}
@media (max-width: 500px) {
  .section-main-title2 .top-scroller-container .top-scroller {
    width: 290px;
  }
}
.section-main-title2 .top-scroller-container .top-scroller .top-slick {
  display: none;
}
.section-main-title2 .top-scroller-container .top-scroller .top-scroller-content {
  position: absolute;
  width: 593px;
  top: 25px;
  left: 25px;
}
@media (max-width: 1199px) {
  .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content {
    width: 495px;
    top: 21px;
    left: 21px;
  }
}
@media (max-width: 991px) {
  .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content {
    width: 435px;
    top: 17px;
    left: 17px;
  }
}
@media (max-width: 500px) {
  .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content {
    width: 268px;
    top: 11px;
    left: 11px;
  }
}
.section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border {
  overflow: hidden;
  max-height: 373px;
}
.section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border img, .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border video {
  transition: transform 0.1s 1s;
  transform: perspective(1000px) translateZ(0px);
  transform-origin: var(--transform-origin-x-old) var(--transform-origin-y-old);
}
@media (prefers-reduced-motion: reduce) {
  .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border img, .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border video {
    transition: none;
    transform: none;
  }
}
.section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border video {
  transform: perspective(1000px) translateZ(var(--starting-zoom, 0));
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border.slick-current > img, .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border.slick-current > video {
  transition: transform 5s linear;
  transform: perspective(1000px) translateZ(150px);
  transform-origin: var(--transform-origin-x) var(--transform-origin-y);
}
@media (prefers-reduced-motion: reduce) {
  .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border.slick-current > img, .section-main-title2 .top-scroller-container .top-scroller .top-scroller-content .scroller-border.scroller-border.slick-current > video {
    transition: none;
    transform: none;
  }
}
.section-main-title2 .top-scroller-container .top-scroller .slick-dots {
  text-align: right;
  margin-top: 38px;
}
@media (max-width: 1199px) {
  .section-main-title2 .top-scroller-container .top-scroller .slick-dots {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .section-main-title2 .top-scroller-container .top-scroller .slick-dots {
    margin-top: 23px;
  }
}
@media (max-width: 500px) {
  .section-main-title2 .top-scroller-container .top-scroller .slick-dots {
    margin-top: 9px;
  }
}
.section-main-title2 .page-scroll-list {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 23px;
  font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main-title2 .page-scroll-list {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .section-main-title2 .page-scroll-list {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.section-main-title2 .page-scroll-list p {
  margin-top: 3px;
  margin-bottom: 0px;
  padding-bottom: 6px;
  border-bottom: 2px solid #c7d3e5;
  padding-right: 40px;
  cursor: pointer;
  color: #0074BD;
}
.section-main-title2 .page-scroll-list p:last-child {
  border-bottom: 0px solid;
}

img.slick-images {
  width: 100%;
}

.testimonial-item-white {
  box-shadow: 0px 2px 12px 0px rgba(169, 194, 228, 0.5);
}

.section-videos2, .section-community .background, .section-contents2.mozaweb, .section-licence-helper2 .background {
  background-image: linear-gradient(#f2f5fa, #ffffff);
}

.section-licence-helper2 {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .section-licence-helper2 {
    padding: 10px 0 0 0;
  }
}
.section-licence-helper2 .background {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 800px;
  margin-top: 230px;
}
.section-licence-helper2 .box-container {
  box-shadow: 0px 2px 30px -1px rgba(169, 194, 228, 0.4);
  border-radius: 10px;
  width: 350px;
}
@media (max-width: 1199px) {
  .section-licence-helper2 .box-container {
    width: 300px;
  }
}
@media (max-width: 991px) {
  .section-licence-helper2 .box-container {
    width: 100%;
    margin-bottom: 30px;
  }
}
.section-licence-helper2 .box-container .box-top {
  background-color: #0074BD;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 13px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.section-licence-helper2 .box-container .box {
  height: calc(100% - 51px);
  padding: 20px 20px 10px 20px;
  border: 1px solid transparent;
  display: block;
  background-color: #ffffff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.section-licence-helper2 .box-container .box p {
  color: #455771;
}
.section-licence-helper2 .box-container .box p.price {
  margin: 0 0 10px 0;
  color: #0074BD;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.section-licence-helper2 .box-container .box p.price .larger-price {
  font-size: 24px;
}
.section-licence-helper2 .box-container .box p.price .larger-price .currency {
  font-size: 24px;
}
.section-licence-helper2 .box-container .box p.price span {
  transition: 0.3s;
}
.section-licence-helper2 .box-container .box p.price span:hover {
  color: #003557;
}
.section-licence-helper2 .box-container .box .icon-image {
  color: #009cff;
  font-size: 55px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.section-licence-helper2 .box-container .box .icon-image i.green {
  color: #0A854B;
}
.section-licence-helper2 .box-container .box img {
  margin-bottom: 10px;
  cursor: pointer;
  width: 80%;
  transition: transform 0.2s ease-in-out;
}
.section-licence-helper2 .box-container .box img:hover {
  transform: scale(1.05);
}
.section-licence-helper2 .box-container .box__link {
  font-weight: 700;
  display: block;
}
.section-licence-helper2 .box-container .box a.block {
  font-weight: 700;
}
.section-licence-helper2 .box-container .box .title {
  font-size: 25px;
}
.section-licence-helper2 .box-container .box .description {
  margin-top: 10px;
  margin-bottom: 60px;
}
.section-licence-helper2 .box-container .box .title-events {
  font-size: 20px;
  margin-top: 8px;
  margin-bottom: 25px;
  display: block;
  color: #0074BD;
}
.section-licence-helper2 .box-container .box ul {
  list-style: none;
  padding: 0 0 0 10px;
  text-align: left;
}
.section-licence-helper2 .box-container .box ul a {
  color: #455771;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
  display: inline-block;
}
.section-licence-helper2 .box-container .box ul li::before {
  content: "•";
  color: #0074BD;
  font-weight: 700;
  display: inline-block;
  margin-left: -10px;
  font-size: 19px;
  vertical-align: top;
}
.section-licence-helper2 .box-container .box.full {
  border-radius: 10px;
}
.section-licence-helper2 .fa.fa-check-circle {
  font-size: 32px;
  color: #dee5f2;
}
.section-licence-helper2 .fa.fa-check-circle.active {
  color: #0074BD;
}
.section-licence-helper2.licencehelper-licence-helper {
  background-color: #ffffff;
  margin-bottom: 35px;
}
.section-licence-helper2.licencehelper-licence-helper .container {
  padding-top: 0;
}
.section-licence-helper2.licencehelper-licence-helper .box.active {
  position: relative;
  background: #F6FAFD;
  border: 1px solid #d2e0f1;
  border-bottom: 4px solid #d2e0f1;
}
.section-licence-helper2.licencehelper-licence-helper .box.active :after, .section-licence-helper2.licencehelper-licence-helper .box.active :before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.section-licence-helper2.licencehelper-licence-helper .box.active :after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #F6FAFD;
  border-width: 30px;
  margin-left: -30px;
}
.section-licence-helper2.licencehelper-licence-helper .box.active :before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #d2e0f1;
  border-width: 36px;
  margin-left: -36px;
}

.section-links-and-events {
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .section-links-and-events {
    margin-bottom: 50px;
  }
}
.section-links-and-events .event_list {
  width: 100%;
  box-shadow: 0px 2px 30px -1px rgba(169, 194, 228, 0.4);
  border-radius: 10px;
}
.section-links-and-events .event_list ul {
  background: transparent;
}
.section-links-and-events .event_list ul li {
  width: 100%;
}
.section-links-and-events .event_list ul li a {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.section-links-and-events .event_list a {
  font-weight: normal;
}
.section-links-and-events .event_list .events-content-wrapper {
  border: 0;
  height: 250px;
  margin-bottom: 0;
}
.section-links-and-events .box {
  box-shadow: 0px 2px 30px -1px rgba(169, 194, 228, 0.4);
  border-radius: 10px;
  padding: 20px 20px 10px 20px;
  border: 1px solid transparent;
  display: block;
  background-color: #ffffff;
  text-align: left;
  height: 100%;
}
@media (max-width: 991px) {
  .section-links-and-events .box {
    text-align: center;
  }
}
.section-links-and-events .box p {
  color: #455771;
}
.section-links-and-events .box .icon-image {
  text-align: center;
  color: #009cff;
  font-size: 55px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.section-links-and-events .box .icon-image i.green {
  color: #0A854B;
}
.section-links-and-events .box__link {
  font-weight: 700;
  display: block;
}
.section-links-and-events .box a {
  font-weight: 700;
}
.section-links-and-events .box .title {
  font-size: 25px;
}
.section-links-and-events .box .description {
  margin-top: 10px;
}
.section-links-and-events .box .title-events {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 20px;
  display: block;
}
.section-links-and-events .box ul {
  list-style: none;
  padding: 0 0 0 10px;
  display: inline-block;
  text-align: left;
}
.section-links-and-events .box ul a {
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
  display: inline-block;
}
.section-links-and-events .box ul li::before {
  position: absolute;
  content: "•";
  color: #0074BD;
  font-weight: 700;
  margin-left: -6px;
  font-size: 19px;
}

.promo-text-portal2 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: Georgia, Open Sans Web, sans-serif;
  font-style: italic;
  font-size: 20px;
  color: #455771;
}
.promo-text-portal2.nomargin {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .promo-text-portal2 {
    margin: 20px;
    font-size: 18px;
  }
  .promo-text-portal2.nomargin {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}

.flex-row {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-row .flex-cell {
  width: 270px;
}
@media (max-width: 1199px) {
  .flex-row .flex-cell {
    width: 22%;
  }
}
@media (max-width: 991px) {
  .flex-row .flex-cell {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .flex-row .flex-cell {
    width: 100%;
    margin-bottom: 10px;
  }
}
.flex-row .flex-cell-events {
  width: 46%;
  -js-display: flex;
  display: flex;
  flex-flow: column;
}
@media (max-width: 991px) {
  .flex-row .flex-cell-events {
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .flex-row .flex-cell-events {
    margin-top: 0;
  }
}
.flex-row .box-footer-text {
  margin-bottom: 50px;
}
.flex-row.even-space {
  justify-content: space-evenly;
}

@media (max-width: 991px) {
  .section-testimonials {
    margin-bottom: 40px;
  }
}
.section-testimonials div :focus {
  outline: none;
}

.section-contents2 .slick-track {
  -js-display: flex !important;
  display: flex !important;
}
.section-contents2 .slick-slide {
  height: inherit !important;
}
@media (max-width: 991px) {
  .section-contents2 h2 {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.section-contents2.mozaweb {
  padding-top: 75px;
}
.section-contents2 .media-slick i.fill-square {
  font-size: 54px;
  padding: 8px;
  display: inline-block;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .section-contents2 .media-slick i.fill-square {
    font-size: 40px;
    margin-top: 0;
  }
}
.section-contents2.interactive {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .section-contents2.interactive {
    margin-top: 0;
  }
  .section-contents2.interactive .container {
    margin-bottom: 30px;
  }
}
.section-contents2.interactive .media-slider-trigger-left {
  font-size: 60px;
  position: absolute;
  left: -50px /* rtl:ignore */;
  top: 135px;
  cursor: pointer;
  color: #b3c6e4;
}
.section-contents2.interactive .media-slider-trigger-right {
  font-size: 60px;
  position: absolute;
  right: -50px /* rtl:ignore */;
  top: 135px;
  cursor: pointer;
  color: #b3c6e4;
}
.section-contents2.interactive .row-flex {
  margin-top: 30px;
}
.section-contents2 .flex-row {
  margin-top: 20px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .section-contents2 .flex-row {
    margin-bottom: 30px;
  }
}
.section-contents2 .green-box {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  background-color: #0A854B;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 18px;
}
@media (max-width: 991px) {
  .section-contents2 .green-box {
    font-size: 11px;
  }
}
.section-contents2 .green-box p {
  margin: 0px;
}
.section-contents2 .mozabook-logo-container {
  margin-top: 13px;
  text-align: center;
}
.section-contents2 .mozabook-logo-container img {
  width: 280px;
}
@media (max-width: 991px) {
  .section-contents2 .mozabook-logo-container img {
    width: 250px;
  }
}
.section-contents2 .logo-subtitle {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 24px;
  color: #455771;
}
.section-contents2 .description {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (min-width: 991px) {
  .section-contents2 .box {
    box-shadow: 0px 2px 30px -1px rgba(169, 194, 228, 0.4);
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
    border: 1px solid transparent;
    display: block;
    background-color: #ffffff;
    margin-top: 60px;
    height: calc(100% - 60px);
  }
}
@media (max-width: 991px) {
  .section-contents2 .box {
    padding: 20px 8px 0 8px;
    display: grid;
    grid-template-columns: 65px auto;
  }
}
.section-contents2 .box p {
  color: #455771;
  margin-top: 10px;
}
.section-contents2 .box ul {
  padding-left: 18px;
  margin-top: 10px;
}
.section-contents2 .box .title {
  font-size: 20px;
  font-weight: 700;
  color: #0074BD;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .section-contents2 .box .title {
    font-size: 16px;
    margin-top: 0;
  }
}
.section-contents2 .box .top-icon {
  color: #009cff;
  font-size: 40px;
  margin-top: 8px;
  isolation: isolate;
}
@media (min-width: 991px) {
  .section-contents2 .box .top-icon {
    margin-top: 0;
    position: absolute;
    top: -26px;
  }
}
.section-contents2 .box .top-icon .pulse-element {
  position: absolute;
  inset: 10%;
  border-radius: 20%;
  z-index: -1;
  animation: pulse-video 3s linear infinite;
}
.section-contents2 .container-tools {
  text-align: center;
}
@media (min-width: 992px) {
  .section-contents2 .container-tools {
    margin-bottom: 150px;
  }
}
.section-contents2 .container-tools .tool-inline {
  width: 24%;
}
@media (max-width: 991px) {
  .section-contents2 .container-tools .tool-inline {
    width: 49%;
  }
}
.section-contents2 .slick-bottom-description {
  text-align: center;
}
@media (min-width: 991px) {
  .section-contents2 .slick-bottom-description {
    margin-top: 50px;
  }
}
.section-contents2 .slick-bottom-description .scrolled-separator {
  padding-bottom: 10px;
}
@media (min-width: 991px) {
  .section-contents2 .slick-bottom-description .scrolled-separator {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media (max-width: 991px) {
  .section-contents2 .mainpage-board-border {
    margin-bottom: 20px;
  }
}

.section-awards.main2 .container {
  border-top: 0 solid;
}

.section-pricing .box-container {
  box-shadow: 0px 2px 30px -1px rgba(169, 194, 228, 0.4);
  border-radius: 10px;
  width: 350px;
  margin-bottom: 35px;
}
@media (max-width: 1199px) {
  .section-pricing .box-container {
    width: 300px;
  }
}
@media (max-width: 991px) {
  .section-pricing .box-container {
    width: 100%;
  }
}
.section-pricing .box-container .box-top {
  text-align: center;
  background-color: #52b4f2;
  color: #ffffff;
  display: block;
  font-size: 17px;
  font-weight: 700;
  padding: 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.section-pricing .box-container .box {
  padding: 20px 20px 60px 30px;
  border: 1px solid transparent;
  display: block;
  background-color: #ffffff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: calc(100% - 64px);
}
.section-pricing .box-container .box p {
  color: #455771;
}
.section-pricing .box-container .box .title {
  font-size: 25px;
}
.section-pricing .box-container .box .description {
  margin-top: 10px;
  margin-bottom: 5px;
}
.section-pricing .box-container .box h4 {
  font-size: 22px;
  font-weight: bold;
  color: #455771;
}
.section-pricing .box-container .box .subtitle {
  font-size: 16px;
  font-weight: bold;
}
.section-pricing .box-container .box ul {
  list-style: none;
  padding: 0 0 0 10px;
  text-align: left;
}
.section-pricing .box-container .box ul span {
  color: #455771;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
  display: inline-block;
}
.section-pricing .box-container .box ul li::before {
  content: "•";
  color: #0074BD;
  font-weight: 700;
  display: inline-block;
  margin-left: -15px;
  font-size: 19px;
  vertical-align: top;
}
.section-pricing .box-container .box .price {
  color: #52b4f2;
  margin: 0px;
  position: absolute;
  bottom: 28px;
  font-size: 18px;
  font-weight: 700;
}
.section-pricing .box-container .box .price .larger-price {
  font-size: 24px;
}
.section-pricing .box-container .box .price .larger-price .currency {
  font-size: 24px;
}
.section-pricing .box-container .box .price-inline {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
}
.section-pricing .box-container .box .price-inline .larger-price {
  font-size: 24px;
}
.section-pricing .box-container .box .price-inline .larger-price .currency {
  font-size: 24px;
}
.section-pricing .box-container:nth-child(2) .box-top {
  background-color: #0074BD;
}
.section-pricing .box-container:nth-child(2) .price {
  color: #0074BD;
}
.section-pricing .box-container:nth-child(3) .box-top {
  background-color: #ff5a00;
}
.section-pricing .box-container:nth-child(3) .price {
  color: #ff5a00;
}
.section-pricing .box-container:nth-child(3) .price-inline {
  color: #ff5a00;
}

.section-community {
  text-align: center;
}
.section-community div :focus {
  outline: none;
}
.section-community .background {
  position: absolute;
  width: 100%;
  height: 600px;
  margin-top: 440px;
}
.section-community h1 {
  text-align: left;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .section-community h1 {
    text-align: center;
    margin: 20px 0;
  }
}
.section-community h2 {
  margin: 20px 0;
}
.section-community .subtitle {
  width: 70%;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .section-community .subtitle {
    width: 95%;
  }
}
.section-community .container .home-blog-post-image {
  height: 190px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-community .container .home-blog-post-image {
    min-height: 155px;
    height: 155px;
  }
}
.section-community i {
  font-size: 54px;
  padding: 8px;
  display: inline-block;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .section-community i {
    font-size: 40px;
    margin-top: 0;
  }
}

.mainpage .slick-list {
  padding-top: 25px;
  padding-bottom: 12px;
}
@media (min-width: 991px) {
  .mainpage .slick-list {
    padding-bottom: 25px;
  }
}
.mainpage .section-titles {
  text-align: center;
}
.mainpage .section-titles h2 {
  font-weight: 700;
}

@media (max-width: 991px) {
  .testimonial-item-white {
    height: auto;
  }
}

.section-videos2 {
  padding-top: 100px;
}
@media (max-width: 1199px) {
  .section-videos2 {
    padding-top: 30px;
  }
}
.section-videos2 .section-promo-links .container {
  border: 0;
}

.section-more-features .vertical-img {
  width: 500px;
  display: block;
  margin: auto;
}
.section-more-features .media-slick i {
  font-size: 54px;
  padding: 8px;
  display: inline-block;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .section-more-features .media-slick i {
    font-size: 40px;
    margin-top: 0;
  }
}
.section-more-features .media-slick .row {
  margin-left: 0;
  margin-right: 0;
}
.section-more-features .media-slider-trigger-left {
  /*! rtl:begin:ignore */
  font-size: 60px;
  position: absolute;
  left: -50px;
  top: 175px;
  cursor: pointer;
  color: #b3c6e4;
  /*! rtl:end:ignore */
}
.section-more-features .media-slider-trigger-right {
  /*! rtl:begin:ignore */
  font-size: 60px;
  position: absolute;
  right: -50px;
  top: 175px;
  cursor: pointer;
  color: #b3c6e4;
  /*! rtl:end:ignore */
}
@media (max-width: 991px) {
  .section-more-features .more-features-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 991px) {
  .section-more-features .more-features-container .more-padding {
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .section-more-features h2 {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}

#mozaweb-promo .price b {
  font-size: 20px;
}
#mozaweb-promo .top-image {
  display: block;
  padding-top: 60px;
}
#mozaweb-promo .section-intro .shadow {
  opacity: 0.4;
}
#mozaweb-promo .section-intro .container {
  padding-bottom: 0;
}
#mozaweb-promo .section-creator {
  min-height: 530px;
  overflow: hidden;
}
#mozaweb-promo .section-creator .shadow {
  opacity: 0.4;
}

@media (max-width: 991px) {
  #mozaweb-promo .section-digitalbooks {
    padding-bottom: 0;
  }
  #mozaweb-promo .section-digitalbooks .book-slides {
    padding-bottom: 0;
  }
  #mozaweb-promo .section-digitalbooks .book-slides .prev-btn, #mozaweb-promo .section-digitalbooks .book-slides .next-btn {
    display: inline-block;
    position: static;
    margin: 20px 10px 0 20px;
  }
}
.section-digitalbooks {
  text-align: center;
}
.section-digitalbooks .book-slides .image {
  margin-right: 10px;
  margin-left: 10px;
  max-width: inherit;
}

@media (max-width: 991px) {
  #mozaweb-promo .section-tools .section-description {
    padding: 0;
  }
  #mozaweb-promo .section-tools .app-icons {
    display: none;
  }
  #mozaweb-promo .section-digitalbooks {
    padding-bottom: 0;
  }
  .section-digitalbooks .book-slides .image {
    max-width: 50%;
  }
}
#mozabook-promo .price b {
  font-size: 20px;
}
#mozabook-promo .top-image {
  padding-top: 10px;
  text-align: center;
}
#mozabook-promo .section-intro .container {
  padding-bottom: 30px;
}
#mozabook-promo .section-digitalbooks {
  margin-top: -90px;
  overflow: hidden;
}
#mozabook-promo .section-digitalbooks .shadow {
  opacity: 0.5;
}
#mozabook-promo .section-creator {
  overflow: hidden;
}
#mozabook-promo .section-homeandschool .shadow, #mozabook-promo .section-intro .shadow, #mozabook-promo .section-creator .shadow, #mozabook-promo .section-creative .shadow {
  opacity: 0.4;
}
#mozabook-promo .section-homeandschool .container {
  padding-top: 0px;
}
#mozabook-promo .section-homeandschool {
  overflow: hidden;
}
#mozabook-promo .section-tools {
  text-align: center;
}
#mozabook-promo .section-feature-blocks .container {
  padding-bottom: 40px;
}
#mozabook-promo .section-creative {
  overflow: hidden;
  margin-top: -100px;
  clear: both;
}

@media (min-width: 768px) and (max-width: 991px) {
  #mozabook-promo .section-image-wrapper video {
    width: 336px;
    left: 12px;
    top: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #mozabook-promo .mainpage_title_boxes .box {
    min-height: 225px;
  }
  #mozabook-promo .mainpage_title_boxes .box .promo-text-wrapper {
    height: auto;
    min-height: 100px;
  }
}

@media (max-width: 991px) {
  #mozabook-promo .section-intro .container {
    padding-bottom: 30px;
  }
  #mozabook-promo .section-digitalbooks {
    margin-top: 0px;
  }
  #mozabook-promo .section-digitalbooks .container {
    border-bottom: 1px solid #dee5f2;
  }
  #mozabook-promo .section-creative {
    margin-top: 0;
  }
}
@media (max-width: 519px) {
  #mozabook-promo .feature-icons i {
    font-size: 30px;
    padding: 5px;
  }
  #mozabook-promo .section-intro .container .shadow {
    left: 0px;
    transform: scale(0.58);
    -webkit-transform: scale(0.58);
  }
}
#mozamap-promo .top-image {
  display: block;
  text-align: center;
}
#mozamap-promo .top-image .brand-logo {
  display: inline-block;
  position: relative;
  z-index: 400;
  top: -120px;
  float: none;
}
#mozamap-promo .top-image img {
  max-width: 1200px;
  margin: 0 -100px;
}
#mozamap-promo .promo-intro {
  position: relative;
  z-index: 400;
  padding-left: 130px;
  padding-right: 130px;
  margin-top: -120px;
}
#mozamap-promo .section-intro .container {
  padding-bottom: 0;
}
#mozamap-promo .section-animation .shadow, #mozamap-promo .section-intro .shadow, #mozamap-promo .section-layers .shadow {
  opacity: 0.5;
}
#mozamap-promo .section-layers, #mozamap-promo .section-animation, #mozamap-promo .section-intro {
  overflow: hidden;
}
#mozamap-promo .mwicon-magnifier {
  display: block;
  margin-top: 16px;
  font-size: 30px;
  color: #455771;
  opacity: 0.5;
}
#mozamap-promo .dark .mwicon-magnifier {
  color: #ffffff;
}

@media (max-width: 1199px) {
  #mozamap-promo .top-image {
    max-width: 100%;
    margin: 0;
  }
  #mozamap-promo .top-image .brand-logo {
    top: 0;
  }
  #mozamap-promo .promo-intro {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #mozamap-promo .section-intro .container .shadow {
    left: 24px;
  }
}
@media (max-width: 991px) {
  #mozamap-promo .top-image img {
    max-width: inherit;
  }
}
#mozalog-promo .top-image {
  padding-top: 20px;
}
#mozalog-promo .top-image img.promo-jumbo {
  transform: scale(0.9);
}
#mozalog-promo .section-timetables .shadow, #mozalog-promo .section-intro .shadow, #mozalog-promo .section-features .shadow, #mozalog-promo .section-digitallog .shadow {
  opacity: 0.4;
}
#mozalog-promo .section {
  text-align: center;
}
#mozalog-promo .section-intro .promo-intro {
  padding-bottom: 0;
}
#mozalog-promo .section-intro p {
  margin-bottom: 0;
}
#mozalog-promo .section-school-rights {
  background-color: #d5e1f1;
  color: #4c5782;
  border-bottom: 15px solid #f1f5fb;
  overflow: hidden;
}
#mozalog-promo .section-school-rights > .container {
  padding-top: 0;
  padding-bottom: 0;
}
#mozalog-promo .section-school-rights > .container:first-child {
  padding-top: 45px;
}
#mozalog-promo .section-school-rights > .container:last-child {
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  #mozalog-promo .section-school-rights .img-block-wrapper {
    background: url("../assets/images/mozalog/bg.png") repeat-x 0 -230px;
  }
}
#mozalog-promo .section-school-rights .img-block-wrapper .container {
  padding-top: 0;
  padding-bottom: 40px;
  overflow: hidden;
}
#mozalog-promo .section-school-rights .img-block {
  padding-bottom: 70px;
  clear: both;
  overflow: auto;
}
#mozalog-promo .section-school-rights .img-box {
  padding: 20px 17px 0 17px;
  width: 20%;
  float: left;
}
#mozalog-promo .section-school-rights .img-box img {
  width: 100%;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border: 6px solid #ffffff;
  border-radius: 50%;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
}
#mozalog-promo .section-school-rights .img-box img:hover {
  transform: scale(1.05);
}
#mozalog-promo .section-school-rights .img-box p {
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
#mozalog-promo .section-school-rights .img-box.active {
  background-color: #e5ebf5;
  border: 1px solid #afc1e2;
  border-bottom: 4px solid #afc1e2;
  position: relative;
}
#mozalog-promo .section-school-rights .img-box.active :after, #mozalog-promo .section-school-rights .img-box.active :before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#mozalog-promo .section-school-rights .img-box.active :after {
  border: 30px rgba(136, 183, 213, 0);
  border-top-color: #e5ebf5;
  margin-left: -30px;
}
#mozalog-promo .section-school-rights .img-box.active :before {
  border: 36px rgba(194, 225, 245, 0);
  border-top-color: #afc1e2;
  margin-left: -36px;
}
@media (max-width: 1024px) {
  #mozalog-promo .section-school-rights {
    background: #d5e1f1;
  }
  #mozalog-promo .section-school-rights .img-box {
    display: inline-block;
    width: 75%;
    margin-bottom: 30px;
    float: none;
  }
  #mozalog-promo .section-school-rights .img-box img {
    max-width: 250px;
  }
}
#mozalog-promo div[class*=inner-] {
  display: none;
  text-align: left;
  margin-bottom: 30px;
}
#mozalog-promo div[class*=inner-].active {
  display: block;
}
#mozalog-promo div[class*=inner-] a.btn, #mozalog-promo div[class*=inner-] a.btn-facebook, #mozalog-promo div[class*=inner-] a.btn-round, #mozalog-promo div[class*=inner-] a.btn-default, #mozalog-promo div[class*=inner-] a.btn-sausage, #mozalog-promo div[class*=inner-] a.btn-success, #mozalog-promo div[class*=inner-] a.btn-cadavr, #mozalog-promo div[class*=inner-] a.btn-yellow, #mozalog-promo div[class*=inner-] a.btn-yellow-2, #mozalog-promo div[class*=inner-] a.btn-red, #mozalog-promo div[class*=inner-] a.btn-red-2, #mozalog-promo div[class*=inner-] a.btn-white {
  margin-bottom: 30px;
}
#mozalog-promo div[class*=inner-] i.fa {
  padding-left: 5px;
}
#mozalog-promo div[class*=inner-] .slider-list li > span {
  cursor: pointer;
}
#mozalog-promo div[class*=inner-] .slider-list .bold {
  font-weight: bold;
  color: #0074BD;
}
#mozalog-promo div[class*=inner-] .carousel {
  z-index: 500;
  margin-top: 15px;
}
#mozalog-promo div[class*=inner-] .carousel .mw-carousel-control {
  margin-top: 15px;
  text-align: center;
  -js-display: flex;
  display: flex;
  justify-content: center;
}
#mozalog-promo div[class*=inner-] .carousel .mw-carousel-control a:last-child {
  /*rtl:ignore*/
  margin-left: 25px;
}
@media (max-width: 991px) {
  #mozalog-promo div[class*=inner-] .carousel {
    max-width: 450px;
  }
}
#mozalog-promo div[class*=inner-] .carousel-border {
  background: url("../assets/images/mozalog/slider/img_border.png") no-repeat;
  background-size: contain;
  padding: 30px;
}
@media (max-width: 1199px) {
  #mozalog-promo div[class*=inner-] .carousel-border {
    padding: 24px;
  }
}
@media (max-width: 519px) {
  #mozalog-promo div[class*=inner-] .carousel-border {
    padding: 15px;
    width: 280px;
  }
}
#mozalog-promo div[class*=inner-] .carousel-inner {
  border-radius: 4px;
}
#mozalog-promo div[class*=inner-] .shadow {
  position: absolute;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  background-repeat: no-repeat;
  background-size: cover;
  top: 15px;
  left: 15px;
  display: none;
  opacity: 0.5;
  pointer-events: none;
  background-image: url("../assets/images/shadow_tablet.png");
  background-image: url("../assets/images/shadow_tablet.svg");
  width: 880px;
  height: 760px;
}
#mozalog-promo div[class*=inner-] .shadow.visible {
  display: block;
}
@media (max-width: 1199px) {
  #mozalog-promo div[class*=inner-] .shadow {
    transform: scale(0.82);
  }
}
@media (max-width: 519px) {
  #mozalog-promo div[class*=inner-] .shadow {
    transform: scale(0.5);
  }
}
#mozalog-promo .section-communication {
  background: #f2f5f9;
}
#mozalog-promo .section-communication .container {
  position: relative;
}
#mozalog-promo .section-communication .container img {
  max-width: 100%;
  height: auto;
}
#mozalog-promo .section-communication .container .text-1 {
  top: 100px;
  /*rtl:ignore*/
  left: 0;
  width: 32%;
  text-align: center;
  position: absolute;
}
#mozalog-promo .section-communication .container .text-2 {
  position: absolute;
  top: 630px;
  /*rtl:ignore*/
  right: 0;
  width: 50%;
  text-align: center;
}
#mozalog-promo .section-daily .container {
  padding-bottom: 40px;
}
#mozalog-promo .section-daily-2 .container {
  padding-top: 0;
  padding-bottom: 0;
}
#mozalog-promo .section-daily-3 .section-titles {
  margin-bottom: 30px;
}
#mozalog-promo .section-daily-3 .container {
  padding-top: 50px;
}
#mozalog-promo .section-timetables .end-text {
  margin: 50px 0 0 0;
  text-align: center;
  clear: both;
}
#mozalog-promo .section-features, #mozalog-promo .section-digitallog, #mozalog-promo .section-daily-3 {
  overflow: hidden;
}
#mozalog-promo .section-features-2 .container {
  padding-top: 0;
}
#mozalog-promo .section-parents .section-titles, #mozalog-promo .section-parents .section-description {
  width: 65%;
}
#mozalog-promo .section-parents .section-image-wrapper {
  width: 25%;
  text-align: center;
}
#mozalog-promo .section-protection {
  text-align: center;
}
#mozalog-promo .section-protection .shield-image {
  max-width: 200px;
  float: left;
}
#mozalog-promo .section-protection .protection-features {
  text-align: left;
  margin-left: 280px;
  margin-top: 30px;
}
#mozalog-promo .section-protection .protection-features li {
  margin: 10px 0;
}
#mozalog-promo .mozalog .mozalog-price p {
  padding: 0;
}

@media (max-width: 1199px) {
  #mozalog-promo .section-communication .container .text-1 {
    top: 50px;
  }
  #mozalog-promo .section-communication .container .text-2 {
    top: 550px;
  }
}
@media (max-width: 1024px) {
  #mozalog-promo .section-communication .container .text-1 {
    top: 50px;
  }
  #mozalog-promo .section-communication .container .text-2 {
    top: 500px;
  }
}
@media (max-width: 991px) {
  #mozalog-promo .section-communication .container .text-1, #mozalog-promo .section-communication .container .text-2 {
    width: auto;
    position: static;
  }
  #mozalog-promo .section-communication .container img {
    margin: 20px 0;
  }
  #mozalog-promo .section-parents .section-titles, #mozalog-promo .section-parents .section-description {
    width: auto;
    float: none;
  }
  #mozalog-promo .section-videos .video .info {
    width: 50%;
    padding: 30px;
  }
}
@media (max-width: 991px) {
  #mozalog-promo .section-protection .shield-image {
    float: none;
    max-width: 150px;
    margin-bottom: 20px;
    display: inline-block;
  }
  #mozalog-promo .section-protection .protection-features {
    margin-left: 0;
  }
}
.mozalog a {
  cursor: pointer;
}
@media (max-width: 991px) {
  .mozalog .buttons {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .mozalog .buttons .mozabtn {
    position: absolute;
    bottom: 0;
  }
}
.mozalog .mozalog-badges {
  margin-top: 4px;
  text-align: center;
}
@media (min-width: 992px) {
  .mozalog .mozalog-badges {
    float: right;
  }
}
.mozalog .mozalog-badges img {
  max-width: 88px;
  margin-bottom: 10px;
  margin-left: 15px;
}
@media (min-width: 992px) {
  .mozalog .mozalog-badges img {
    margin-bottom: -4px;
  }
}
.mozalog > h3 {
  border-bottom: 1px solid #bfcade;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.mozalog .wbox {
  width: 100%;
}
@media (max-width: 991px) {
  .mozalog .wbox.blue {
    margin-bottom: 70px;
  }
}
.mozalog .wbox .wbox-content {
  padding: 25px;
}
.mozalog .wbox .wbox-content h3 {
  font-size: 23px;
}
.mozalog .wbox .wbox-title {
  text-transform: uppercase;
}
.mozalog .wbox .wbox-title .title-icon {
  margin-right: 5px;
}
.mozalog .mwicon-plus {
  position: absolute;
  font-size: 45px;
  height: 45px;
  width: 45px;
  margin: auto;
}
@media (min-width: 992px) {
  .mozalog .mwicon-plus {
    right: -22.5px;
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .mozalog .mwicon-plus {
    right: 0;
    left: 0;
    bottom: 10px;
  }
}
.mozalog .fa-arrow-right {
  margin-right: 5px;
}
.mozalog .mozalog-price {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.mozalog .mozalog-price * {
  float: left;
  margin: 0 5px 0 0;
}
.mozalog .mozalog-price *:last-child {
  margin: 0;
}
.mozalog .mozalog-price h3 {
  color: #eb6400;
  font-weight: bold;
}
.mozalog .mozalog-price h4 {
  color: #eb6400;
}
.mozalog .captcha {
  margin: 0;
}
.mozalog .captcha img {
  width: 50%;
  float: left;
  margin-top: 18px;
}
.mozalog .captcha > div {
  float: right;
  margin-top: 6px;
}
.mozalog .captcha > div p {
  margin: 15px 0 0;
}
.mozalog .captcha > div a {
  cursor: pointer;
}
.mozalog .send {
  width: 100%;
  margin-top: 26px;
}
.mozalog .mod-row.row {
  margin-left: -30px;
  margin-right: -30px;
}
.mozalog .mod-row.row > div[class*=col-] {
  padding-left: 30px;
  padding-right: 30px;
}
.mozalog .mod-row .bg-green {
  background-color: #e7ffef;
}
.mozalog .form-box {
  margin-top: 30px;
  padding: 10px 30px 30px;
  border-top: 5px solid #0074BD;
  background-color: #dee5f2;
}
.mozalog .form-box h3 {
  margin-bottom: 20px;
}
.mozalog .form-box hr {
  border-top: none;
  border-bottom: 1px solid #bfcade;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .mozalog .form-box hr.hr {
    margin-left: -30px;
    width: calc(100% + 30px);
  }
}
.mozalog .form-box .custom-box .custom-checkbox {
  width: 100%;
  font-weight: normal;
  margin-left: 0;
}
.mozalog .form-box .custom-box .custom-checkbox label {
  margin-left: 0;
}
@media (min-width: 992px) {
  .mozalog .form-box .separator-line:after {
    content: "";
    width: 1px;
    height: calc(100% + 10px);
    position: absolute;
    right: 0;
    top: 20px;
    background-color: #bfcade;
  }
}
.mozalog .form-box .form-group label {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .mozalog .form-box .form-group.domain .input-group {
    margin-bottom: 45px;
  }
}
.mozalog .form-box .form-group.domain .input-group .form-control, .mozalog .form-box .form-group.domain .input-group .cke_editable {
  border-right: none;
}
.mozalog .form-box .form-group.domain .input-group .input-group-addon {
  color: #a9c2e4;
  border-left: none;
  background-color: #ffffff;
  border-radius: 4px;
  font-weight: bold;
}
.mozalog .form-box .form-group.domain .input-group .input-group-addon:last-child {
  border: none;
  background: none;
}
@media (max-width: 767px) {
  .mozalog .form-box .form-group.domain .input-group .input-group-addon:last-child {
    position: absolute;
    left: 0;
    top: 39px;
    padding: 5px 0 0 5px;
  }
}
.mozalog .form-box .form-group.zip-code {
  width: 70%;
}
.mozalog .form-box .form-group.time-table-type .custom-checkbox {
  width: inherit;
}
.mozalog .form-box .mozalog-before .product {
  margin-top: -7px;
}
@media (max-width: 991px) {
  .mozalog .form-box .mozalog-before .product {
    margin-top: 10px;
  }
}
.mozalog .form-box .mozalog-before .product .form-group {
  width: 100%;
  -js-display: flex;
  display: flex;
}
.mozalog .form-box .mozalog-before .product .form-group label {
  font-weight: normal;
  white-space: nowrap;
  align-self: center;
  margin: 0 10px 0 0;
}
.mozalog .form-box .payment_option {
  margin-left: 35px;
}
.mozalog .form-box .payment_detail {
  margin-left: 35px;
  font-size: 12px;
  font-weight: normal;
}
.mozalog .mb150 {
  margin-bottom: 150px;
}
.mozalog .mt100 {
  margin-top: 100px;
}
.mozalog .boxes h3.primary-blue {
  margin-bottom: 20px;
}

.mozaweb_ar #mozalog-promo div[class*=inner-] .shadow {
  transform-origin: top;
  -webkit-transform-origin: top;
  transform: scaleX(-1);
}
.mozaweb_ar .mw-carousel-control {
  flex-direction: row-reverse;
}

#euklides-promo .section-intro .container {
  padding-bottom: 0;
}
#euklides-promo .top-image img {
  /*rtl:raw:
      margin-left: -250px;
   */
}
#euklides-promo .section-animations {
  overflow: hidden;
}
#euklides-promo .section-editing, #euklides-promo .section-steps {
  overflow: hidden;
}
#euklides-promo .section-editing .shadow, #euklides-promo .section-steps .shadow {
  opacity: 0.4;
}

#euler3d-promo .brand-logo {
  top: 0px;
  left: 50%;
  width: 350px /*rtl:420px*/;
  margin-left: -175px /*rtl:inherit*/;
  /*rtl:raw:
      margin-right: -200px;
   */
  text-align: left;
  position: absolute;
}
#euler3d-promo .section-intro {
  text-align: center;
}
#euler3d-promo .section-intro .promo-intro {
  padding-left: 100px;
  padding-right: 100px;
}
#euler3d-promo .section-intro .container {
  padding-bottom: 0;
}
#euler3d-promo .section-views, #euler3d-promo .section-apps {
  overflow: hidden;
}
#euler3d-promo .section-dimensions .shadow, #euler3d-promo .section-transformations .shadow {
  opacity: 0.5;
}

@media (max-width: 991px) {
  #euler3d-promo .section-intro .brand-logo {
    top: 0;
    position: static;
    text-align: center;
    margin-left: 0;
    width: 100%;
  }
  #euler3d-promo .section-intro .top-image {
    margin-top: 0;
  }
  #euler3d-promo .section-intro .promo-intro {
    padding-left: 0;
    padding-right: 0;
  }
}
#forschools-promo .top-image img {
  margin-top: 30px;
}
#forschools-promo .section-intro .promo-intro {
  padding-bottom: 45px;
}
#forschools-promo .section-intro .top-image {
  text-align: center;
}
#forschools-promo .section-intro .top-image img {
  max-width: 970px;
}
#forschools-promo .section-intro .brand-logo i {
  margin-top: 0;
}
#forschools-promo .section-intro .container {
  padding-bottom: 40px;
}
#forschools-promo .mozalearn-intro .category-header {
  height: 30px;
  margin-bottom: 8px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
#forschools-promo .mozalearn-intro .category-header.classroom {
  background-color: #0dbf6d;
}
#forschools-promo .mozalearn-intro .category-header.home {
  background-color: #f47711;
}
#forschools-promo .mozalearn-intro .category-header.administration {
  background-color: #0074BD;
}
#forschools-promo .section-mozalog-intro .container {
  padding-top: 60px;
}
#forschools-promo .section-mozalog-intro .brand-logo {
  float: left;
  position: static;
  margin-top: 20px;
  margin-bottom: 30px;
}
#forschools-promo .section-mozalog-intro .brand-logo i {
  margin-top: 15px;
}
#forschools-promo .section-mozalog-intro .section-description {
  width: 35%;
}
#forschools-promo .section-mozalog-intro .section-image-wrapper {
  width: 60%;
}
#forschools-promo .forschools-licence-helper .container {
  padding-bottom: 50px;
}
#forschools-promo .section-mozabook {
  margin-bottom: -100px;
}
#forschools-promo .section-mozabook .brand-logo {
  position: static;
}
#forschools-promo .section-mozabook .section-description .btn-primary, #forschools-promo .section-mozabook .section-description .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forschools-promo .section-mozabook .section-description button {
  margin-top: 40px;
}
#forschools-promo .section-digitalbooks {
  overflow: hidden;
  clear: both;
}
#forschools-promo .section-digitalbooks .shadow, #forschools-promo .section-mozabook .shadow, #forschools-promo .section-creator .shadow {
  opacity: 0.4;
}
#forschools-promo .section-mozaweb-intro .brand-logo {
  max-width: 410px;
}
#forschools-promo .section-mozaweb-intro .container {
  padding-bottom: 40px;
  border-bottom: 1px solid #dee5f2;
}

@media (min-width: 992px) and (1199px) {
  #forschools-promo .brand-logo {
    position: absolute;
    text-align: left;
  }
  #forschools-promo .brand-logo i {
    float: left;
  }
  #forschools-promo .brand-logo h1 {
    margin: 5px 0 0 17px;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 5px;
    text-align: left;
  }
  #forschools-promo .brand-logo h2 {
    margin: 0 0 0 90px;
    text-align: left;
  }
  #forschools-promo .mozalearn-intro a span {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  #forschools-promo .section-intro .brand-logo, #forschools-promo .section-image-left .brand-logo {
    position: static;
    text-align: center;
  }
  #forschools-promo .section-intro .brand-logo i, #forschools-promo .section-image-left .brand-logo i {
    float: none;
  }
  #forschools-promo .section-intro .brand-logo h1, #forschools-promo .section-intro .brand-logo h2, #forschools-promo .section-image-left .brand-logo h1, #forschools-promo .section-image-left .brand-logo h2 {
    margin: 0;
  }
  #forschools-promo .section-mozaweb-intro .brand-logo {
    max-width: none;
  }
  #forschools-promo .section-mozaweb-intro .text-left {
    text-align: center;
  }
  #forschools-promo .section-intro .top-image img {
    max-width: 100%;
  }
  #forschools-promo .section-mozabook {
    margin-bottom: 0;
  }
  #forschools-promo .section-mozalog-intro .brand-logo, #forschools-promo .section-mozaweb-intro .brand-logo {
    position: static;
    text-align: center;
    float: none;
  }
  #forschools-promo .section-mozalog-intro .brand-logo i, #forschools-promo .section-mozaweb-intro .brand-logo i {
    float: none;
  }
  #forschools-promo .section-mozalog-intro .brand-logo h1, #forschools-promo .section-mozalog-intro .brand-logo h2, #forschools-promo .section-mozaweb-intro .brand-logo h1, #forschools-promo .section-mozaweb-intro .brand-logo h2 {
    margin-left: 0;
  }
  #forschools-promo .section-mozalog-intro .section-image-wrapper, #forschools-promo .section-mozalog-intro .section-description, #forschools-promo .section-mozaweb-intro .section-image-wrapper, #forschools-promo .section-mozaweb-intro .section-description {
    float: none;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #forschools-promo .preview-images {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #forschools-promo .section-mozaweb-intro .container {
    padding-top: 0px;
  }
}
@media (max-width: 991px) {
  #forschools-promo .forschools-licence-helper .container,
  #forschools-promo .section-mozabook .container,
  #forschools-promo .section-mozaweb-intro .container,
  #forschools-promo .section-mozalog-intro .container {
    padding-bottom: 0px;
  }
  #forschools-promo .preview-images {
    margin-bottom: 15px;
  }
  .top-image img.smaller-xs {
    width: 70%;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 650px) {
  .top-image img.smaller-xs {
    width: 280px;
  }
}
#fordistributors-promo .section .section-titles {
  color: #ffffff;
  font-size: 30px;
  background-color: #9baeca;
  padding: 9px 0;
}
#fordistributors-promo .table {
  margin-top: 30px;
  min-width: inherit;
}
#fordistributors-promo .section .container {
  padding-top: 20px;
  padding-bottom: 0;
}
#fordistributors-promo .col-md-6 .wbox {
  min-height: 500px;
}
#fordistributors-promo .section-titles {
  margin-bottom: 50px;
  text-align: center;
}
#fordistributors-promo .top-text-left {
  margin-top: 100px;
  text-align: left;
}
@media (max-width: 992px) {
  #fordistributors-promo .top-text-left {
    margin-top: 20px !important;
  }
}
#fordistributors-promo .top-text-left h3 {
  font-weight: bold;
}
#fordistributors-promo .top-text-left ul {
  text-indent: -20px;
  margin-left: 13px;
  list-style: none;
  margin-top: 24px;
  line-height: 25px;
}
#fordistributors-promo .top-text-left ul li::before {
  content: "•";
  color: #e38900;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  text-indent: 5px;
}
#fordistributors-promo .image-list {
  padding-inline-start: 0 !important;
}
#fordistributors-promo .wbox-content h1, #fordistributors-promo .wbox-content h2 {
  margin-top: 0;
}
#fordistributors-promo .wbox img {
  max-width: 100%;
  height: auto;
}
#fordistributors-promo .wbox .btn, #fordistributors-promo .wbox .btn-facebook, #fordistributors-promo .wbox .btn-round, #fordistributors-promo .wbox .btn-default, #fordistributors-promo .wbox .btn-sausage, #fordistributors-promo .wbox .btn-success, #fordistributors-promo .wbox .btn-cadavr, #fordistributors-promo .wbox .btn-yellow, #fordistributors-promo .wbox .btn-yellow-2, #fordistributors-promo .wbox .btn-red, #fordistributors-promo .wbox .btn-red-2, #fordistributors-promo .wbox .btn-white, #fordistributors-promo .wbox .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #fordistributors-promo .wbox button {
  margin: 20px 0;
}
#fordistributors-promo .section-intro {
  text-align: center;
}
#fordistributors-promo .section-intro .container {
  padding-top: 0;
  padding-bottom: 50px;
}
#fordistributors-promo .section-intro .top-image {
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 992px) {
  #fordistributors-promo .section-intro .top-image {
    margin-top: 0 !important;
  }
}
#fordistributors-promo .section-intro .top-image:before, #fordistributors-promo .section-intro .top-image:after {
  clear: both;
  content: "";
  display: table;
}
#fordistributors-promo .section-intro .top-image img {
  max-width: 600px;
}
#fordistributors-promo .section-intro .promo-intro {
  padding: 40px 70px 0 70px;
  margin-left: 500px;
  position: relative;
  z-index: 500;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #fordistributors-promo .section-intro .promo-intro {
    margin: 0;
  }
}
#fordistributors-promo .section-intro .promo-intro h1 {
  font-size: 28px;
  font-weight: bold;
}
#fordistributors-promo .section-intro .promo-intro h4 {
  font-size: 22px;
}
#fordistributors-promo .section-products .container {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
}
#fordistributors-promo .section-products .section-titles {
  margin-bottom: 45px;
}
#fordistributors-promo .section-products .offered-products {
  text-align: center;
}
#fordistributors-promo .section-products .offered-products .product {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  font-size: 15px;
  margin-bottom: 70px;
}
#fordistributors-promo .section-products .offered-products .product a {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
#fordistributors-promo .section-products .offered-products .product img {
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
  max-height: 280px;
  transform: scale(0.95);
}
#fordistributors-promo .section-products .offered-products .product .description {
  padding: 0 20px;
}
#fordistributors-promo .section-products .offered-products .packs {
  padding: 0 100px;
}
#fordistributors-promo .section-products.dark a {
  color: #28abff;
}
#fordistributors-promo .section-solutions {
  padding-bottom: 80px;
  text-align: center;
}
#fordistributors-promo .section-solutions .container {
  padding-top: 70px;
}
@media (max-width: 991px) {
  #fordistributors-promo .section-solutions .container {
    padding-top: 40px !important;
  }
  #fordistributors-promo .section-solutions .box {
    margin-bottom: 15px !important;
  }
}
#fordistributors-promo .section-solutions h1 {
  font-size: 30px;
  padding-bottom: 10px;
}
#fordistributors-promo .section-solutions .section-description {
  padding: 35px 80px 0 80px;
}
#fordistributors-promo .section-solutions .solution {
  background-color: #f0f6fb;
  border: 1px solid #d2e0f1;
  text-align: center;
  height: 285px;
}
@media (max-width: 290px) {
  #fordistributors-promo .section-solutions .solution {
    height: 300px;
  }
}
#fordistributors-promo .section-solutions .solution :last-child {
  margin-right: 0;
}
#fordistributors-promo .section-solutions .solution img {
  width: 100px;
  margin: 30px 0 20px;
}
#fordistributors-promo .section-solutions .solution .title {
  font-size: 18px;
  font-weight: bold;
}
#fordistributors-promo .section-solutions .solution .description {
  padding: 10px 40px 10px 40px;
}
@media (max-width: 1199px) {
  #fordistributors-promo .section-solutions .solution .description {
    padding: 10px 20px 10px 20px;
  }
}
@media (max-width: 290px) {
  #fordistributors-promo .section-solutions .solution .description {
    padding: 10px 15px 10px 15px;
  }
}
#fordistributors-promo .section-solutions a {
  margin-top: 50px;
}
#fordistributors-promo .section-solutions .block1 {
  color: #ffffff;
  background-color: #d83b59;
  border: 0;
}
#fordistributors-promo .section-solutions .block2 {
  color: #ffffff;
  background-color: #0dbf6d;
  border: 0;
}
#fordistributors-promo .section-solutions .block3 {
  color: #ffffff;
  background-color: #f47711;
  border: 0;
}
#fordistributors-promo .section-solutions .icon-container {
  display: inline-grid;
  margin-top: 30px;
  font-size: 65px;
  margin-bottom: 25px;
  border: 6px #ffffff solid;
  border-radius: 50%;
  padding: 6px;
}
#fordistributors-promo .section-solutions .showcase-videos {
  margin: 0;
}
#fordistributors-promo .section-help,
#fordistributors-promo .section-cooperation {
  background-color: #f0f6fb;
  text-align: center;
}
#fordistributors-promo .section-help .container,
#fordistributors-promo .section-cooperation .container {
  padding-top: 0;
}
#fordistributors-promo .section-help .section-titles,
#fordistributors-promo .section-cooperation .section-titles {
  margin-bottom: 25px;
}
#fordistributors-promo .section-help .section-description,
#fordistributors-promo .section-cooperation .section-description {
  font-size: 18px;
  padding: 3px 0 7px 0;
}
#fordistributors-promo .section-help .box,
#fordistributors-promo .section-cooperation .box {
  background-color: #ffffff;
  border: 1px solid #d2e0f1;
  display: inline-block;
  height: auto;
  min-height: 510px;
  margin-bottom: 30px;
  width: 100%;
}
#fordistributors-promo .section-help .box img,
#fordistributors-promo .section-cooperation .box img {
  max-height: 210px;
  margin-bottom: 20px;
  margin-top: 10px;
}
#fordistributors-promo .section-help .box img.img-top-margin,
#fordistributors-promo .section-cooperation .box img.img-top-margin {
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
}
#fordistributors-promo .section-help .box .title,
#fordistributors-promo .section-cooperation .box .title {
  font-size: 30px;
  margin-bottom: 10px;
}
#fordistributors-promo .section-help .box p,
#fordistributors-promo .section-cooperation .box p {
  margin: 0 40px 15px;
}
@media (min-width: 376px) and (max-width: 991px) {
  #fordistributors-promo .section-help .box p,
  #fordistributors-promo .section-cooperation .box p {
    margin: 0 30px 15px;
  }
}
@media (min-width: 376px) and (max-width: 519px) {
  #fordistributors-promo .section-help .box p,
  #fordistributors-promo .section-cooperation .box p {
    margin: 0 20px 15px;
  }
}
@media (max-width: 375px) {
  #fordistributors-promo .section-help .box p,
  #fordistributors-promo .section-cooperation .box p {
    margin: 0 10px 15px;
  }
}
#fordistributors-promo .section-help .showcase-videos,
#fordistributors-promo .section-cooperation .showcase-videos {
  margin: 0;
}
#fordistributors-promo .section-cooperation {
  padding: 0;
}
#fordistributors-promo .section-contact {
  margin-bottom: 60px;
}
#fordistributors-promo .section-contact .container {
  padding-top: 0;
}
#fordistributors-promo .section-contact p {
  padding: 0 120px;
}

@media (max-width: 991px) {
  #fordistributors-promo .section-intro .container {
    padding-top: 40px;
  }
  #fordistributors-promo .col-md-6 .wbox {
    min-height: inherit;
  }
  #fordistributors-promo .section-products .offered-products .product {
    max-width: 180px;
    font-size: 15px;
  }
  #fordistributors-promo .section-intro .promo-intro {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  #fordistributors-promo .top-image img {
    margin-top: 10px;
    width: 90%;
  }
  #fordistributors-promo .section-intro .promo-intro h1, #fordistributors-promo .section-intro .promo-intro h4 {
    font-size: 17.5px;
  }
  .bigger {
    max-width: 200px !important;
  }
  #fordistributors-promo .section-products .offered-products .packs {
    padding-left: 10%;
    padding-right: 10%;
  }
  #fordistributors-promo .section-products .offered-products .product .description {
    padding: 0;
  }
  #fordistributors-promo .section-help .box img, #fordistributors-promo .section-cooperation .box img {
    max-height: 130px;
  }
  #fordistributors-promo .section-help .box, #fordistributors-promo .section-cooperation .box {
    min-height: 370px;
    margin-bottom: 15px;
  }
}
@media (max-width: 599px) {
  #fordistributors-promo .section-products .offered-products .packs {
    padding: 0;
  }
  #fordistributors-promo .section-products .offered-products .product {
    margin-bottom: 0;
  }
  #fordistributors-promo .section-products .offered-products .product img {
    float: left;
    max-width: 30%;
  }
  #fordistributors-promo .section-products .offered-products .product .slick-image {
    float: none !important;
    max-width: 50% !important;
  }
  #fordistributors-promo .section-products .offered-products .product .slick-bottom-description {
    float: none !important;
    width: 90% !important;
    text-align: center !important;
  }
  #fordistributors-promo .section-products .offered-products .product .slick-bottom-title {
    float: none !important;
    width: 90% !important;
    text-align: center !important;
  }
  #fordistributors-promo .section-products .offered-products .product .title, #fordistributors-promo .section-products .offered-products .product .description {
    float: left;
    width: 65%;
    text-align: left;
    display: block;
    margin-left: 2%;
  }
  #fordistributors-promo .section-products .offered-products .product a {
    margin-bottom: 10px;
  }
  #fordistributors-promo .section-products .offered-products .product {
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #fordistributors-promo .section-products .offered-products .product img {
    width: 200px;
  }
  .product.bigger {
    max-width: none !important;
  }
  .section-contact .contact-item {
    max-width: 95%;
    display: inline-block;
    margin: 0;
    text-align: left;
  }
}
@media (max-width: 599px) and (max-width: 397px) {
  .section-contact .contact-item {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 599px) {
  .section-contact .contact-item img {
    max-width: 30%;
    margin-right: 15px;
    height: auto;
    margin-bottom: 20px;
    float: left;
  }
}
@media (max-width: 599px) and (max-width: 300px) {
  .section-contact .contact-item img {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 599px) and (max-width: 290px) {
  .section-contact .contact-item img {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 599px) and (max-width: 397px) {
  .section-contact .contact-item a {
    margin-top: 2px !important;
  }
}
@media (max-width: 599px) {
  .section-contact .contact-item a, .section-contact .contact-item b, .section-contact .contact-item span {
    display: block;
    width: 60%;
    float: left;
    text-align: left;
  }
}
@media (max-width: 599px) {
  .section-contact .contact-item .phone-number {
    white-space: nowrap;
  }
}
@media (max-width: 520px) {
  #fordistributors-promo .col-md-6 .wbox {
    min-height: inherit;
  }
  #fordistributors-promo .section-contact p {
    padding: 0 20px 0 20px;
  }
  #fordistributors-promo .section-solutions .section-description {
    padding: 0 10px 20px 10px;
  }
}
@media (max-width: 440px) {
  #fordistributors-promo .section-cooperation, #fordistributors-promo .section-solutions {
    padding: 30px 0;
  }
  #fordistributors-promo .section-solutions a {
    margin-top: 20px;
  }
  #fordistributors-promo .section .section-titles {
    padding: 9px;
    font-size: 1.75em;
  }
  #fordistributors-promo .section-intro .promo-intro {
    padding: 20px 30px 0 30px;
  }
  #fordistributors-promo .section-intro .container {
    padding-bottom: 30px;
  }
  #fordistributors-promo .section-help .box img, #fordistributors-promo .section-cooperation .box img {
    max-height: 140px;
  }
  #fordistributors-promo .section-help .box img, #fordistributors-promo .section-cooperation .box img {
    max-height: 130px;
  }
}
.section-differences .container {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

.section-manuals .container {
  padding-bottom: 40px !important;
}

.section-contact-us {
  padding-bottom: 60px !important;
  padding-top: 0 !important;
}
.section-contact-us .section-description {
  padding-top: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.section-contact-us .btn-primary, .section-contact-us .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-contact-us button {
  margin-top: 20px !important;
}
.section-contact-us .container {
  padding-top: 30px !important;
}

.licence-helper-table .licence-helper-table-row {
  margin-bottom: 10px;
}
.licence-helper-table .licence-helper-table-row th {
  text-align: center !important;
}
.licence-helper-table .licence-helper-table-row td {
  padding: 12px 0 !important;
}
@media (min-width: 992px) {
  .licence-helper-table .licence-helper-table-row td .flex-licence {
    -js-display: flex !important;
    display: flex !important;
  }
}
.licence-helper-table .licence-helper-table-row td .left-block {
  padding: 0 10px;
}
.licence-helper-table .licence-helper-table-row td .right-block {
  display: inline-block;
  float: right;
  padding: 0 20px;
}
.licence-helper-table .licence-helper-table-row td .user-based-title {
  color: #e38900;
  font-weight: bold;
  font-size: 18px;
}
.licence-helper-table .licence-helper-table-row td .device-based-title {
  color: #0074BD;
  font-weight: bold;
  font-size: 18px;
}

.table-responsive-borderless {
  border: none !important;
}

.white-envelope {
  color: #ffffff;
}

.btn-primary-box {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

@media (max-width: 992px) {
  .brand-logo-distributors {
    position: relative !important;
    float: left !important;
    margin-left: 15px !important;
    z-index: 0 !important;
  }
  .brand-logo-distributors h1 {
    display: inline !important;
    font-size: 25px !important;
  }
  .brand-logo-distributors i {
    font-size: 50px !important;
  }
}

.center {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media (max-width: 599px) {
  .hidden-max-xxs {
    display: none !important;
  }
  .trigger-right-for-distributors {
    right: 50px !important;
  }
  .trigger-left-for-distributors {
    left: 50px !important;
  }
  .max-container {
    min-height: 380px !important;
    max-height: 380px !important;
  }
}
@media (max-width: 375px) {
  .trigger-right-for-distributors {
    right: 35px !important;
  }
  .trigger-left-for-distributors {
    left: 35px !important;
  }
}
@media (min-width: 600px) {
  .hidden-min-xxs {
    display: none !important;
  }
}
.sm-margin-top-bottom {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.max-container {
  min-height: 340px;
  max-height: 340px;
}
@media (max-width: 350px) {
  .max-container {
    min-height: 340px !important;
    max-height: 340px !important;
  }
}
@media (max-width: 395px) {
  .max-container {
    min-height: 360px !important;
    max-height: 360px !important;
  }
}
@media (max-width: 330px) {
  .max-container {
    min-height: 320px !important;
    max-height: 320px !important;
  }
}
@media (max-width: 320px) {
  .max-container {
    min-height: 310px !important;
    max-height: 310px !important;
  }
}

#forpublishers-promo .table {
  min-width: inherit;
}
#forpublishers-promo .table th, #forpublishers-promo .table td {
  text-align: center;
}
#forpublishers-promo .section .container {
  padding-top: 40px;
  padding-bottom: 0;
}
#forpublishers-promo .col-md-6 .wbox {
  min-height: 550px;
}
#forpublishers-promo .wbox img {
  max-width: 300px;
  padding: 40px 0px 20px 0px;
}
#forpublishers-promo .section-titles {
  margin-bottom: 50px;
  text-align: center;
}
#forpublishers-promo .wbox {
  margin-bottom: 30px;
}
#forpublishers-promo .wbox .btn, #forpublishers-promo .wbox .btn-facebook, #forpublishers-promo .wbox .btn-round, #forpublishers-promo .wbox .btn-default, #forpublishers-promo .wbox .btn-sausage, #forpublishers-promo .wbox .btn-success, #forpublishers-promo .wbox .btn-cadavr, #forpublishers-promo .wbox .btn-yellow, #forpublishers-promo .wbox .btn-yellow-2, #forpublishers-promo .wbox .btn-red, #forpublishers-promo .wbox .btn-red-2, #forpublishers-promo .wbox .btn-white, #forpublishers-promo .wbox .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forpublishers-promo .wbox button {
  margin: 20px 0;
}
#forpublishers-promo .table thead th, #forpublishers-promo .table td {
  text-align: center;
}
#forpublishers-promo .table thead th .text-large, #forpublishers-promo .table td .text-large {
  font-size: 22px;
}
#forpublishers-promo .table tbody tr:last-child td {
  padding-bottom: 40px;
}
#forpublishers-promo .table tbody td {
  height: 80px;
  vertical-align: middle;
}
#forpublishers-promo .table tfoot td {
  line-height: 22px;
  vertical-align: bottom;
}
#forpublishers-promo .table tfoot td b {
  font-size: 22px;
}
#forpublishers-promo .section-intro {
  text-align: center;
}
#forpublishers-promo .section-intro .brand-logo {
  display: inline-block;
}
#forpublishers-promo .section-intro .top-image {
  text-align: center;
  padding-top: 30px;
}
#forpublishers-promo .section-intro .top-image img {
  display: inline-block;
}
#forpublishers-promo .section-intro .container {
  padding-top: 0;
  padding-bottom: 40px;
}
#forpublishers-promo .section-intro .promo-intro {
  padding-bottom: 0;
  position: relative;
  z-index: 500;
}
#forpublishers-promo .section-intro .promo-intro img {
  max-width: 85%;
  margin: 30px 0px;
}
#forpublishers-promo .section-intro .promo-intro .btn, #forpublishers-promo .section-intro .promo-intro .btn-facebook, #forpublishers-promo .section-intro .promo-intro .btn-round, #forpublishers-promo .section-intro .promo-intro .btn-default, #forpublishers-promo .section-intro .promo-intro .btn-sausage, #forpublishers-promo .section-intro .promo-intro .btn-success, #forpublishers-promo .section-intro .promo-intro .btn-cadavr, #forpublishers-promo .section-intro .promo-intro .btn-yellow, #forpublishers-promo .section-intro .promo-intro .btn-yellow-2, #forpublishers-promo .section-intro .promo-intro .btn-red, #forpublishers-promo .section-intro .promo-intro .btn-red-2, #forpublishers-promo .section-intro .promo-intro .btn-white, #forpublishers-promo .section-intro .promo-intro .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forpublishers-promo .section-intro .promo-intro button {
  margin: 40px 0;
}
#forpublishers-promo .section-packs .container {
  padding: 60px 0px 30px 0px;
}
#forpublishers-promo .section-packs .btn, #forpublishers-promo .section-packs .btn-facebook, #forpublishers-promo .section-packs .btn-round, #forpublishers-promo .section-packs .btn-default, #forpublishers-promo .section-packs .btn-sausage, #forpublishers-promo .section-packs .btn-success, #forpublishers-promo .section-packs .btn-cadavr, #forpublishers-promo .section-packs .btn-yellow, #forpublishers-promo .section-packs .btn-yellow-2, #forpublishers-promo .section-packs .btn-red, #forpublishers-promo .section-packs .btn-red-2, #forpublishers-promo .section-packs .btn-white, #forpublishers-promo .section-packs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forpublishers-promo .section-packs button {
  margin: 30px 0;
}
#forpublishers-promo .section-offers .container {
  padding-bottom: 60px;
}
#forpublishers-promo .section-offers .wbox {
  min-height: 635px;
}
#forpublishers-promo .section-offers .wbox .wbox-content {
  padding: 0px 20px;
}
#forpublishers-promo .wbox-content h2, #forpublishers-promo .wbox-content h1 {
  margin-top: 0px;
}
#forpublishers-promo .interactive-content h2 {
  margin-top: 30px;
}
#forpublishers-promo .section-publishing .container {
  padding-bottom: 30px;
}
#forpublishers-promo .section-publishing .col-md-6 .wbox {
  text-align: center;
  min-height: 555px;
}
#forpublishers-promo .section-publishing .interactive-content img {
  margin: -2px 50px 20px 50px;
  float: left;
  max-width: 230px;
}
#forpublishers-promo .section-publishing .interactive-content .wbox-content {
  text-align: left;
  padding-top: 30px;
  padding-right: 100px;
}
@media (max-width: 991px) {
  #forpublishers-promo .section-publishing .interactive-content .wbox-content {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 0px;
  }
}
#forpublishers-promo .section-publishing .digital-textbooks-row .wbox {
  min-height: 575px;
}
#forpublishers-promo .section-publishing .digital-textbooks-row .wbox img {
  padding: 30px 0px 20px 0px;
}
#forpublishers-promo .section-publishing .help-training-row .wbox {
  min-height: 510px;
}
#forpublishers-promo .section-publishing .help-training-row .wbox-content, #forpublishers-promo .section-publishing .digital-textbooks-row .wbox-content, #forpublishers-promo .section-publishing .publication-editor-row .wbox-content {
  padding-top: 0;
}
#forpublishers-promo .section-contact .container {
  padding-bottom: 60px;
  padding-top: 0px;
}

@media (max-width: 1199px) {
  #forpublishers-promo .table tbody td {
    height: 100px;
  }
  #forpublishers-promo .section-offers .wbox {
    min-height: 640px;
  }
  #forpublishers-promo .section-publishing .digital-textbooks-row .wbox {
    min-height: 620px;
  }
  #forpublishers-promo .section-publishing .help-training-row .wbox {
    min-height: 540px;
  }
}
@media (max-width: 991px) {
  #forpublishers-promo .table tbody td {
    height: auto;
  }
  #forpublishers-promo .section-intro .container {
    padding-top: 40px;
  }
  #forpublishers-promo .col-md-6 .wbox {
    min-height: inherit;
  }
  #forpublishers-promo .wbox img {
    max-width: 100%;
    max-height: 200px;
  }
  #forpublishers-promo .section-publishing .interactive-content img {
    float: none;
    width: 300px;
    height: auto;
    max-height: inherit;
  }
  #forpublishers-promo .section-publishing .digital-textbooks-row .wbox {
    min-height: 650px;
  }
  #forpublishers-promo .section-publishing .col-md-6 .wbox {
    min-height: 680px;
  }
  #forpublishers-promo .section-publishing .help-training-row .wbox {
    min-height: 540px;
  }
  #forpublishers-promo .section-offers .wbox {
    min-height: inherit;
  }
}
@media (max-width: 991px) {
  #forpublishers-promo .section-packs .container {
    padding: 60px 15px 30px 15px;
  }
  #forpublishers-promo .section-publishing .interactive-content img {
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
    padding-bottom: 0;
    width: auto;
  }
  #forpublishers-promo .section-publishing .col-md-6 .wbox {
    min-height: unset;
  }
  #forpublishers-promo .promo-intro h1, #forpublishers-promo .promo-intro h3 {
    font-size: 17.5px;
  }
}
@media (max-width: 519px) {
  #forpublishers-promo .section-products .offered-products .product {
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
  }
  #forpublishers-promo .section-products .offered-products .product img {
    width: 200px;
  }
}
.slider-wrapper {
  position: relative;
}
.slider-wrapper .carousel-inner {
  max-height: 400px;
}
.slider-wrapper .slider-layer {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
  color: #ffffff;
  text-align: center;
}
.slider-wrapper .slider-layer .icon-wrapper {
  position: relative;
  width: 70px;
  margin: auto;
}
.slider-wrapper .slider-layer .icon-wrapper .mwicon-p_labcamera.fill-square {
  z-index: 2;
}

#section-labcamera {
  text-align: center;
}
#section-labcamera .video-links {
  font-size: 16px;
}
@media (max-width: 991px) {
  #section-labcamera {
    text-align: center;
  }
}

#section-fastcam {
  position: relative;
  padding-bottom: 16vw;
}
#section-fastcam > img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #section-fastcam {
    padding-bottom: 17vw;
  }
}
@media (min-width: 1200px) {
  #section-fastcam {
    padding-bottom: 13vw;
  }
}

#section-location-track {
  background: rgba(213, 229, 239, 0.7) url("../assets/images/seamless-ants.png");
  background-size: 250px;
}

#section-microscope .labcam-logo-microscope--sm {
  float: left;
}
#section-microscope .labcam-microscope-text {
  margin-left: 110px;
}
#section-microscope .labcam-microscope-text h2 {
  margin-top: 0px;
}

[class*=labcam-logo-] {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: no-repeat center;
  background-size: cover;
}
[class*=labcam-logo-][class*="--sm"] {
  width: 85px;
  height: 85px;
}
[class*=labcam-logo-][class*=fastcam] {
  background-image: url("../assets/images/labcam/icon_tmp/gyorskamera_tmp.png");
}
[class*=labcam-logo-][class*=kinetic] {
  background-image: url("../assets/images/labcam/icon_tmp/kinetika_tmp.png");
}
[class*=labcam-logo-][class*=spycam] {
  background-image: url("../assets/images/labcam/icon_tmp/kemkamera_tmp.png");
}
[class*=labcam-logo-][class*=microscope] {
  background-image: url("../assets/images/labcam/icon_tmp/mikroszkop_tmp.png");
}
[class*=labcam-logo-][class*=universal] {
  background-image: url("../assets/images/labcam/icon_tmp/univerzalis_tmp.png");
}
[class*=labcam-logo-][class*=location] {
  background-image: url("../assets/images/labcam/icon_tmp/nyomkoveto_tmp.png");
}
[class*=labcam-logo-][class*=graph] {
  background-image: url("../assets/images/labcam/icon_tmp/grafikon_tmp.png");
}

.promo-matek-img {
  margin: 0 auto;
}
@media (max-width: 991px) {
  .promo-matek-img {
    border-radius: 50%;
  }
  .promo-matek-img.left {
    margin-top: 55px;
    border: 20px solid #ffffff;
  }
  .promo-matek-img.right {
    margin-bottom: 55px;
    border: 20px solid #d8ecf8;
  }
}

.white-lightblue-bg-full {
  background-image: linear-gradient(90deg, #ffffff 50%, #d8ecf8 50%);
  opacity: 0;
  padding-right: 100px;
}
.white-lightblue-bg-full .white-lightblue-bg {
  background-image: linear-gradient(90deg, #ffffff 22%, #d8ecf8 22%);
}
.white-lightblue-bg-full .white-lightblue-bg .promo-matek-text {
  text-align: left;
}

.gray-white-bg-full {
  background-image: linear-gradient(90deg, #f3f7fb 50%, #ffffff 50%);
  opacity: 0;
  padding-left: 100px;
}
.gray-white-bg-full .gray-white-bg {
  background-image: linear-gradient(90deg, #f3f7fb 78%, #ffffff 78%);
}
.gray-white-bg-full .gray-white-bg .promo-matek-text {
  text-align: right;
}

@media (max-width: 991px) {
  .white-lightblue-bg-full {
    background: #d8ecf8 none;
  }
  .white-lightblue-bg-full .white-lightblue-bg {
    background-image: none;
  }
  .white-lightblue-bg-full .white-lightblue-bg .promo-matek-text {
    text-align: center;
    margin: 40px auto;
  }
  .gray-white-bg-full {
    background: #f3f7fb none;
  }
  .gray-white-bg-full .gray-white-bg {
    background-image: none;
  }
  .gray-white-bg-full .gray-white-bg .promo-matek-text {
    text-align: center;
    margin: 40px auto;
  }
}
.fizika-white-lightblue-bg-full {
  background-image: linear-gradient(90deg, #ffffff 50%, #d8ecf8 50%);
  opacity: 0;
  padding-right: 100px;
}
.fizika-white-lightblue-bg-full .fizika-white-lightblue-bg {
  background-image: linear-gradient(115deg, #ffffff 25%, #d8ecf8 25%);
}

.fizika-gray-white-bg-full {
  background-image: linear-gradient(90deg, #f2f5f9 50%, #ffffff 50%);
  opacity: 0;
  padding-left: 100px;
}
.fizika-gray-white-bg-full .fizika-gray-white-bg {
  background-image: linear-gradient(115deg, #f2f5f9 70%, #ffffff 70%);
}

.fizika-footer {
  background-color: #6E86A0;
  color: #ffffff;
  text-transform: uppercase;
}
.fizika-footer .footer-phone {
  opacity: 0;
}
.fizika-footer .footer-phone.left {
  padding-right: 100px;
}
.fizika-footer .footer-phone.right {
  padding-left: 100px;
}
.fizika-footer .bubble-text {
  font-size: 28px;
  letter-spacing: 3px;
  width: 320px;
  height: 89px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fizika-footer .bubble-text.bgc-blue {
  background: url("../assets/images/fizika/bubble-blue.png");
  padding-left: 22px;
}
.fizika-footer .bubble-text.bgc-green {
  background: url("../assets/images/fizika/bubble-green.png");
  padding-right: 22px;
}
.fizika-footer .bubble-text.bgc-red {
  background: url("../assets/images/fizika/bubble-red.png");
  padding-left: 22px;
}
.fizika-footer .bubble-text p {
  margin: 0px;
}

@media (max-width: 991px) {
  .fizika-white-lightblue-bg-full {
    background: #d8ecf8 none;
  }
  .fizika-white-lightblue-bg-full .fizika-white-lightblue-bg {
    background-image: none;
  }
  .fizika-gray-white-bg-full {
    background: #f3f7fb none;
  }
  .fizika-gray-white-bg-full .fizika-gray-white-bg {
    background-image: none;
  }
}
#mozaweb-slider-wrapper {
  position: relative;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mozaweb-slider-wrapper .slider-layer {
  position: absolute;
  text-align: center;
}
#mozaweb-slider-wrapper .slider-layer .promo-item-subtitle {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
#mozaweb-slider-wrapper .slider-layer .video-play-button {
  background: url("../assets/images/fizika/play.png");
  width: 65px;
  height: 65px;
  margin: auto;
  display: block;
  cursor: pointer;
}
@media (max-width: 1300px) {
  #mozaweb-slider-wrapper .slider-layer .video-play-button {
    display: none;
  }
}
#mozaweb-slider-wrapper .cutnlearn-slider-overlay {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
  position: absolute;
  z-index: 21;
}

.cutnlearn-intro {
  text-align: center;
}
.cutnlearn-intro .download-buttons .icons {
  color: #abc1d6;
  margin-bottom: 35px;
}
.cutnlearn-intro .download-buttons .icons i {
  margin-right: 8px;
  font-size: 50px;
}
.cutnlearn-intro .download-buttons .icons i:last-child {
  margin-right: 0px;
}
.cutnlearn-intro .download-buttons a {
  margin-right: 10px;
  display: inline-block;
}
.cutnlearn-intro .download-buttons a:last-child {
  margin-right: 0px;
}

.anim-wrapper {
  position: relative;
  width: 700px;
  height: 333px;
  margin: auto;
}
@media (max-width: 767px) {
  .anim-wrapper {
    width: 450px;
    height: 215px;
  }
}
@media (max-width: 519px) {
  .anim-wrapper {
    width: 250px;
    height: 119px;
  }
}
.anim-wrapper .anim-bg {
  background: url("../assets/images/cut_n_learn/girl-swinging.gif") no-repeat -130px -250px;
  background-size: 950px;
  position: absolute;
  top: 4%;
  left: 33px;
  width: 635px;
  height: 305px;
}
@media (max-width: 767px) {
  .anim-wrapper .anim-bg {
    background: url("../assets/images/cut_n_learn/girl-swinging.gif") no-repeat -132px -211px;
    background-size: 700px;
    left: 25px;
    width: 400px;
    height: 195px;
  }
}
@media (max-width: 519px) {
  .anim-wrapper .anim-bg {
    background: url("../assets/images/cut_n_learn/girl-swinging.gif") no-repeat -86px -128px;
    background-size: 400px;
    left: 12px;
    width: 225px;
    height: 110px;
  }
}

.promo-products img {
  width: 90px;
  margin-bottom: 10px;
}

.animation-block {
  text-align: center;
}
.animation-block .animation-imgages div {
  display: inline-block;
}
.animation-block .animation-imgages div p {
  margin-top: 15px;
  color: #c2c2c2;
  font-size: 24px;
}

.parts-button {
  position: absolute;
  bottom: 65px;
  right: 75px;
  color: #0074BD;
  font-weight: bold;
  cursor: pointer;
}
.parts-button.swing, .parts-button.water {
  bottom: 55px;
}
.parts-button.motor {
  bottom: 45px;
}
.parts-button.city {
  bottom: 45px;
  right: 85px;
}
.parts-button.moon {
  bottom: 75px;
  right: 85px;
}
@media (max-width: 991px) {
  .parts-button {
    bottom: 20px !important;
  }
}

.stripped-bg {
  background-image: linear-gradient(115deg, #f3f6fb 28%, #d9edf8 28%);
}

.stripped2-bg {
  background-image: linear-gradient(115deg, #d9edf8 28%, #f3f6fb 28%);
}

@media (max-width: 991px) {
  .stripped-bg {
    background: #d9edf8 none;
  }
  .stripped2-bg {
    background: #f3f6fb none;
  }
}
.dark-background2 {
  background-color: #6E86A0;
  color: #ffffff;
}
.dark-background2 .footer-title {
  text-transform: uppercase;
  font-size: 30px;
}

.header-img-wrapper {
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 400px) {
  .header-img-wrapper {
    margin-bottom: 0;
  }
}
.header-img-wrapper .bg-img {
  padding-left: 45px;
}
@media (max-width: 991px) {
  .header-img-wrapper .bg-img {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .header-img-wrapper .bg-img {
    max-width: 450px;
    min-width: 450px;
  }
}
@media (max-width: 519px) {
  .header-img-wrapper .bg-img {
    max-width: 450px;
    min-width: 450px;
  }
}
@media (max-width: 400px) {
  .header-img-wrapper .bg-img {
    max-width: 100%;
    min-width: 0;
  }
}
.header-img-wrapper .icon-button {
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border-radius: 23px;
}
.header-img-wrapper .icon-button.video {
  top: 159px;
  left: 416px;
  animation: pulse-video 3s linear infinite;
}
@keyframes pulse-video {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 174, 255, 0.7), 0 0 0 0 rgba(0, 174, 255, 0.7);
  }
  40% {
    box-shadow: 0 0 0 15px rgba(0, 174, 255, 0), 0 0 0 0 rgba(0, 174, 255, 0.7);
  }
  80% {
    box-shadow: 0 0 0 15px rgba(0, 174, 255, 0), 0 0 0 11px rgba(0, 174, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 174, 255, 0), 0 0 0 11px rgba(0, 174, 255, 0);
  }
}
@media (max-width: 1199px) {
  .header-img-wrapper .icon-button.video {
    top: 132px;
    left: 336px;
  }
}
@media (max-width: 991px) {
  .header-img-wrapper .icon-button.video {
    left: 193px;
  }
}
@media (max-width: 767px) {
  .header-img-wrapper .icon-button.video {
    top: 110px;
    left: 28%;
  }
}
@media (max-width: 519px) {
  .header-img-wrapper .icon-button.video {
    top: 80px;
    left: 90px;
  }
}
@media (max-width: 400px) {
  .header-img-wrapper .icon-button.video {
    top: 50px;
    left: 50px;
  }
}
.header-img-wrapper .icon-button.tool {
  top: 246px;
  left: 416px;
  animation: pulse-tool 3s linear infinite;
}
@keyframes pulse-tool {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 164, 0, 0.7), 0 0 0 0 rgba(240, 164, 0, 0.7);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(240, 164, 0, 0), 0 0 0 0 rgba(240, 164, 0, 0.7);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(240, 164, 0, 0), 0 0 0 15px rgba(240, 164, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(240, 164, 0, 0), 0 0 0 15px rgba(240, 164, 0, 0);
  }
}
@media (max-width: 1199px) {
  .header-img-wrapper .icon-button.tool {
    top: 210px;
    left: 336px;
  }
}
@media (max-width: 991px) {
  .header-img-wrapper .icon-button.tool {
    left: 193px;
  }
}
@media (max-width: 767px) {
  .header-img-wrapper .icon-button.tool {
    top: 190px;
    left: 28%;
  }
}
@media (max-width: 519px) {
  .header-img-wrapper .icon-button.tool {
    top: 170px;
    left: 90px;
  }
}
@media (max-width: 400px) {
  .header-img-wrapper .icon-button.tool {
    top: 140px;
    left: 50px;
  }
}
.header-img-wrapper .icon-button.threed {
  top: 204px;
  left: 680px;
  animation: pulse-threed 3s linear infinite;
}
@keyframes pulse-threed {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 65, 0, 0.7), 0 0 0 0 rgba(255, 65, 0, 0.7);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 65, 0, 0), 0 0 0 0 rgba(255, 65, 0, 0.7);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 65, 0, 0), 0 0 0 15px rgba(255, 65, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 65, 0, 0), 0 0 0 15px rgba(255, 65, 0, 0);
  }
}
@media (max-width: 1199px) {
  .header-img-wrapper .icon-button.threed {
    top: 173px;
    left: 566px;
  }
}
@media (max-width: 991px) {
  .header-img-wrapper .icon-button.threed {
    left: 475px;
  }
}
@media (max-width: 767px) {
  .header-img-wrapper .icon-button.threed {
    top: 150px;
    left: 65%;
  }
}
@media (max-width: 519px) {
  .header-img-wrapper .icon-button.threed {
    top: 130px;
    left: 326px;
  }
}
@media (max-width: 400px) {
  .header-img-wrapper .icon-button.threed {
    top: 70px;
    left: 190px;
  }
}
.header-img-wrapper .icon-button.play {
  top: 466px;
  left: 541px;
  animation: pulse-play 3s linear infinite;
  border-radius: 33px;
}
@keyframes pulse-play {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 206, 117, 0.7), 0 0 0 0 rgba(38, 206, 117, 0.7);
  }
  40% {
    box-shadow: 0 0 0 30px rgba(38, 206, 117, 0), 0 0 0 0 rgba(38, 206, 117, 0.7);
  }
  80% {
    box-shadow: 0 0 0 30px rgba(38, 206, 117, 0), 0 0 0 20px rgba(38, 206, 117, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(38, 206, 117, 0), 0 0 0 20px rgba(38, 206, 117, 0);
  }
}
@media (max-width: 1199px) {
  .header-img-wrapper .icon-button.play {
    left: 442px;
    top: 397px;
  }
}
@media (max-width: 991px) {
  .header-img-wrapper .icon-button.play {
    top: 443px;
    left: 45%;
  }
}
@media (max-width: 767px) {
  .header-img-wrapper .icon-button.play {
    top: 373px;
    left: 43%;
  }
}
@media (max-width: 519px) {
  .header-img-wrapper .icon-button.play {
    top: 373px;
    left: 195px;
  }
}
@media (max-width: 400px) {
  .header-img-wrapper .icon-button.play {
    top: 230px;
    left: 115px;
  }
}

.full-width-grey-bg {
  background-color: #f2f5f9;
}

.mp-title {
  color: #0074BD;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .mp-title {
    margin-bottom: 15px;
  }
}
.mp-title.fake-button {
  padding: 20px;
  background-color: #84ade4;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
}

.mp-read-more {
  text-transform: uppercase;
  color: #0074BD;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
}

.mp-header .title {
  font-size: 32px;
  line-height: 40px;
  color: #222326;
  letter-spacing: 1px;
  margin-top: 80px;
}
@media (max-width: 991px) {
  .mp-header .title {
    margin-top: 40px;
    font-size: 26px;
    line-height: 34px;
  }
}
.mp-header .desc {
  color: #222326;
}
.mp-header .price-text {
  font-size: 24px;
  color: #0074BD;
}
.mp-header .try-it {
  color: #0074BD;
  margin-top: -60px;
}
@media (max-width: 350px) {
  .mp-header .try-it {
    display: none;
  }
}

.mp-books {
  position: relative;
}
.mp-books select {
  width: 320px;
}
@media (max-width: 519px) {
  .mp-books select {
    width: 100%;
  }
}
.mp-books .left-side {
  margin: 130px 0;
}
@media (max-width: 991px) {
  .mp-books .left-side {
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  .mp-books .left-side {
    margin: 30px 0;
  }
}
.mp-books .right-side {
  margin: 30px 0;
}
@media (max-width: 991px) {
  .mp-books .right-side {
    margin: 60px 0;
  }
}
@media (max-width: 767px) {
  .mp-books .right-side {
    margin: 0 0 30px;
  }
}
.mp-books .right-side .right-side-inner {
  padding: 15px;
  margin: 80px 0;
}
@media (max-width: 991px) {
  .mp-books .right-side .right-side-inner {
    margin: 0;
  }
}

.mp-media {
  position: relative;
}
@media (max-width: 519px) {
  .mp-media .scale-down {
    transform: scale(0.8);
  }
}

.media-slick-height {
  height: 620px;
}
@media (max-width: 767px) {
  .media-slick-height {
    height: 740px;
  }
}
@media (max-width: 519px) {
  .media-slick-height {
    height: 680px;
  }
}

.device-slick-height {
  height: 570px;
}
@media (max-width: 767px) {
  .device-slick-height {
    height: 780px;
  }
}
@media (max-width: 519px) {
  .device-slick-height {
    height: 670px;
  }
}

.plus-icon {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -37px;
}

.media-slider-trigger,
.device-slider-trigger,
.books-slider-trigger {
  position: absolute;
  right: 0;
  top: 45%;
  color: #b6d0f3;
  font-size: 48px;
  cursor: pointer;
}

.fordistributors-promo .media-slider-trigger-left {
  position: absolute;
  left: 100px /* rtl:ignore */;
  top: 45%;
  color: #b6d0f3;
  font-size: 48px;
  cursor: pointer;
  z-index: 1;
}
.fordistributors-promo .media-slider-trigger-right {
  position: absolute;
  right: 100px /* rtl:ignore */;
  top: 45%;
  color: #b6d0f3;
  font-size: 48px;
  cursor: pointer;
}

.mp-order-box {
  border: 1px solid #d2e0f1;
  box-shadow: 5px 5px 5px #e8e8e8;
  text-align: left;
  padding: 10px 25px 30px 25px;
}
@media (max-width: 991px) {
  .mp-order-box {
    margin: 0 20px;
  }
}
.mp-order-box .mp-price {
  color: #d38d26;
  font-size: 34px;
  font-weight: bold;
}
.mp-order-box .small-info {
  font-size: 13px;
  color: #727272;
  margin-left: 30px;
}
.mp-order-box .order-details {
  font-size: 18px;
}
.mp-order-box i {
  font-size: 26px;
  color: #0074BD;
}
.mp-order-box .mp-btn {
  padding-left: 75px;
  padding-right: 75px;
}

.books-slick {
  margin-top: 80px;
  padding-right: 35px;
}
@media (max-width: 519px) {
  .books-slick {
    margin-top: 20px;
  }
}

.book-slick-book {
  padding: 10px;
}

.mpr .book-box,
.mpb .book-box {
  border: 1px solid #dfe4f1;
  padding: 20px 20px 15px 20px;
  box-shadow: 4px 4px 8px #CDCDCD;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  font-size: 14px;
  position: relative;
}
.mpr .book-box .book-cover,
.mpb .book-box .book-cover {
  flex: 0 0 80px;
}
.mpr .book-box .book-cover img,
.mpb .book-box .book-cover img {
  height: 100px;
  width: 74px;
}
.mpr .book-box .book-info,
.mpb .book-box .book-info {
  flex: 1;
  min-width: 0;
}
.mpr .book-box .book-info .book-title,
.mpb .book-box .book-info .book-title {
  color: #0074BD;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mpr .book-box .book-info .book-subtitle,
.mpb .book-box .book-info .book-subtitle {
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mpr .book-box .book-info .book-type,
.mpb .book-box .book-info .book-type {
  font-weight: bold;
}
.mpr .book-box .extras .extra-icon,
.mpb .book-box .extras .extra-icon {
  display: inline-block;
  text-align: center;
  color: #455771;
}
.mpr .book-box .extras .extra-icon i,
.mpb .book-box .extras .extra-icon i {
  font-size: 35px;
  color: #a9c2e4;
  -js-display: flex;
  display: flex;
}
@media (max-width: 991px) {
  .mpr .book-box .extras .extra-icon i,
  .mpb .book-box .extras .extra-icon i {
    font-size: 24px;
  }
}
.mpr .book-box .book-edit,
.mpb .book-box .book-edit {
  flex: 0 0 175px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .mpr .book-box .book-edit,
  .mpb .book-box .book-edit {
    display: block;
    position: absolute;
    bottom: 15px;
    right: 20px;
  }
}
.mpr .book-box.add-more,
.mpb .book-box.add-more {
  color: #86b2d2;
  justify-content: center;
  align-items: center;
}
.mpr .book-box.add-more img,
.mpb .book-box.add-more img {
  width: 45px;
  height: 45px;
}
.mpr .book-box.add-more p,
.mpb .book-box.add-more p {
  margin-bottom: 0;
  margin-left: 15px;
}
.mpr .js-book-dropdown-button,
.mpb .js-book-dropdown-button {
  cursor: pointer;
}
.mpr .book-dropdown-menu,
.mpb .book-dropdown-menu {
  position: absolute;
  top: calc(100% - 10px);
  right: -5px;
  background-color: #ffffff;
  z-index: 100;
  overflow: hidden;
  width: 375px;
  height: 460px;
  border: 1px solid #dfe4f1;
  box-shadow: 4px 4px 8px #CDCDCD;
  margin-left: -188px;
}
@media (max-width: 519px) {
  .mpr .book-dropdown-menu,
  .mpb .book-dropdown-menu {
    position: fixed;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
    right: 0;
  }
}
.mpr .book-dropdown-menu .scroller-wrapper,
.mpb .book-dropdown-menu .scroller-wrapper {
  margin-top: 30px;
  height: 430px;
}
@media (max-width: 519px) {
  .mpr .book-dropdown-menu .scroller-wrapper,
  .mpb .book-dropdown-menu .scroller-wrapper {
    height: calc(100% - 30px);
  }
}
.mpr .book-dropdown-menu .scroller-wrapper .scroller,
.mpb .book-dropdown-menu .scroller-wrapper .scroller {
  z-index: 101;
}
.mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box,
.mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box {
  border: none;
  border-bottom: 1px solid #dfe4f1;
  box-shadow: none;
  padding: 18px 20px 15px;
  cursor: pointer;
}
.mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box:hover,
.mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box:hover {
  background-color: #f2f5f9;
}
@media (min-width: 520px) {
  .mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-title,
  .mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-subtitle,
  .mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-title,
  .mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-subtitle {
    max-width: 230px;
  }
}
@media (max-width: 519px) {
  .mpr .book-dropdown-menu .scroller-wrapper .scroller,
  .mpb .book-dropdown-menu .scroller-wrapper .scroller {
    width: 100%;
  }
}
.mpr .book-dropdown-menu .close-button,
.mpb .book-dropdown-menu .close-button {
  position: absolute;
  color: #8c97a7;
  cursor: pointer;
  background-color: #ffffff;
  padding: 3px 7px;
  height: 30px;
  width: 100%;
  text-align: right;
  z-index: 102;
}
.mpr .book-dropdown-menu .close-button i,
.mpb .book-dropdown-menu .close-button i {
  cursor: pointer;
}
.mpr .book-dropdown-menu .slimScrollBar_mozapack,
.mpb .book-dropdown-menu .slimScrollBar_mozapack {
  opacity: 1 !important;
}
.mpr .payment-block,
.mpb .payment-block {
  border-top: 1px solid #dfe4f1;
}
.mpr .payment-block .product-name,
.mpb .payment-block .product-name {
  font-size: 24px;
}
@media (max-width: 991px) {
  .mpr .payment-block .product-name,
  .mpb .payment-block .product-name {
    font-size: 20px;
  }
}
.mpr .payment-block .product-price,
.mpb .payment-block .product-price {
  color: #d38d26;
  font-size: 30px;
  font-weight: bold;
}
.mpr .payment-block .product-details,
.mpb .payment-block .product-details {
  font-size: 11px;
}
.mpr .js-delete-bid,
.mpb .js-delete-bid {
  cursor: pointer;
  display: inline-block;
  margin-top: 9px;
  margin-right: 5px;
}

.mpr .fa-check-circle {
  color: #0074BD;
  font-size: 28px;
  vertical-align: middle;
}
.mpr .block-container {
  border-bottom: 1px solid #dfe4f1;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .mpr .block-container {
    margin-top: 20px;
  }
}
.mpr .block-title {
  font-weight: bold;
  font-size: 20px;
  vertical-align: middle;
}
.mpr .book-box {
  justify-content: flex-start;
}

.mpb h1 {
  border-bottom: 1px solid #dfe4f1;
}

.digital-text-books-container {
  text-align: center;
}
.digital-text-books-container .icon-button {
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border-radius: 23px;
}
.digital-text-books-container .icon-button.video {
  top: 223px;
  left: 698px;
}
@media (max-width: 1199px) {
  .digital-text-books-container .icon-button.video {
    top: 178px;
    left: 586px;
  }
}
@media (max-width: 991px) {
  .digital-text-books-container .icon-button.video {
    left: 462px;
  }
}
@media (max-width: 767px) {
  .digital-text-books-container .icon-button.video {
    top: 110px;
    left: 28%;
  }
}
@media (max-width: 519px) {
  .digital-text-books-container .icon-button.video {
    top: 80px;
    left: 90px;
  }
}
@media (max-width: 400px) {
  .digital-text-books-container .icon-button.video {
    top: 50px;
    left: 50px;
  }
}
.digital-text-books-container .icon-button.tool {
  top: 301px;
  left: 695px;
}
@media (max-width: 1199px) {
  .digital-text-books-container .icon-button.tool {
    top: 250px;
    left: 588px;
  }
}
@media (max-width: 991px) {
  .digital-text-books-container .icon-button.tool {
    left: 462px;
  }
}
@media (max-width: 767px) {
  .digital-text-books-container .icon-button.tool {
    top: 190px;
    left: 28%;
  }
}
@media (max-width: 519px) {
  .digital-text-books-container .icon-button.tool {
    top: 170px;
    left: 90px;
  }
}
@media (max-width: 400px) {
  .digital-text-books-container .icon-button.tool {
    top: 140px;
    left: 50px;
  }
}
.digital-text-books-container .icon-button.threed {
  top: 258px;
  left: 390px;
}
@media (max-width: 1199px) {
  .digital-text-books-container .icon-button.threed {
    top: 211px;
    left: 313px;
  }
}
@media (max-width: 991px) {
  .digital-text-books-container .icon-button.threed {
    left: 200px;
  }
}
@media (max-width: 767px) {
  .digital-text-books-container .icon-button.threed {
    top: 150px;
    left: 65%;
  }
}
@media (max-width: 519px) {
  .digital-text-books-container .icon-button.threed {
    top: 130px;
    left: 326px;
  }
}
@media (max-width: 400px) {
  .digital-text-books-container .icon-button.threed {
    top: 70px;
    left: 190px;
  }
}
.digital-text-books-container .icon-button.play {
  top: 384px;
  left: 583px;
}
@media (max-width: 1199px) {
  .digital-text-books-container .icon-button.play {
    left: 479px;
    top: 313px;
  }
}
@media (max-width: 991px) {
  .digital-text-books-container .icon-button.play {
    top: 440px;
    left: 45%;
  }
}
@media (max-width: 767px) {
  .digital-text-books-container .icon-button.play {
    top: 373px;
    left: 43%;
  }
}
@media (max-width: 519px) {
  .digital-text-books-container .icon-button.play {
    top: 373px;
    left: 195px;
  }
}
@media (max-width: 400px) {
  .digital-text-books-container .icon-button.play {
    top: 230px;
    left: 115px;
  }
}
.digital-text-books-container .image-board video, .digital-text-books-container .image-board canvas {
  width: auto;
  left: 19px;
  top: 18px;
}
@media (max-width: 1199px) {
  .digital-text-books-container .image-board video, .digital-text-books-container .image-board canvas {
    left: 15px;
    top: 14px;
    width: 418px;
  }
}
@media (max-width: 991px) {
  .digital-text-books-container .image-board video, .digital-text-books-container .image-board canvas {
    left: 12px;
    top: 12px;
    width: 336px;
  }
}
@media (max-width: 991px) {
  .digital-text-books-container .image-board video, .digital-text-books-container .image-board canvas {
    left: 10px;
    top: 10px;
    width: 271px;
  }
}
.digital-text-books-container .try-it {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .digital-text-books-container .try-it {
    margin-left: 70px;
  }
}
.digital-text-books-container .section-image-wrapper {
  width: 536px;
}
@media (max-width: 767px) {
  .digital-text-books-container .section-image-wrapper {
    width: 290px;
  }
}
.digital-text-books-container .header-img-wrapper {
  margin-bottom: 30px;
  margin-top: -20px;
}
@media (max-width: 991px) {
  .digital-text-books-container .header-img-wrapper {
    margin-top: 50px;
  }
}
.digital-text-books-container .title-description {
  text-align: center;
  max-width: 840px;
  margin: auto auto 50px;
}
.digital-text-books-container .text-side {
  margin: 70px 0;
}
@media (max-width: 991px) {
  .digital-text-books-container .text-side {
    margin: 50px 0 10px 0;
  }
}
.digital-text-books-container .text-side i {
  margin-bottom: 20px;
}
.digital-text-books-container .right-side {
  margin: 0;
}
.digital-text-books-container .dino-img {
  width: 450px;
}
.digital-text-books-container .bottom-text {
  margin: 20px 20px 0 20px;
}
@media (max-width: 767px) {
  .digital-text-books-container .bottom-text {
    margin: 20px 0 0 0;
  }
}
.digital-text-books-container .scroll-container {
  position: relative;
  width: 532px;
  height: 450px;
  display: inline-block;
}
.digital-text-books-container .scroll-image-content {
  margin: 61px 0 110px 10px;
  width: 469px;
  height: 336px;
  overflow: hidden;
}
.digital-text-books-container .scroll-image-border {
  position: absolute;
  top: 0;
  left: 0;
}
.digital-text-books-container .image-spacer {
  margin-top: 65px;
}
@media (max-width: 991px) {
  .digital-text-books-container .image-spacer {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.digital-text-books-container .image-spacer.nobottom {
  margin-bottom: 0;
}
.digital-text-books-container .image-spacer-2 {
  margin-top: 100px;
}
@media (max-width: 991px) {
  .digital-text-books-container .image-spacer-2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.exercise-books-container {
  text-align: center;
}
.exercise-books-container .title-img-1 {
  margin-top: 70px;
}
@media (max-width: 991px) {
  .exercise-books-container .title-img-1 {
    margin-top: 40px;
  }
}
.exercise-books-container .title-img-2 {
  margin-top: -50px;
}
@media (max-width: 991px) {
  .exercise-books-container .title-img-2 {
    margin: 30px 0;
  }
}
.exercise-books-container .p-text-div {
  text-align: center;
  margin-top: 210px;
  padding-left: 90px;
  padding-right: 55px;
  margin-bottom: 190px;
}
@media (max-width: 1199px) {
  .exercise-books-container .p-text-div {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .exercise-books-container .p-text-div {
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
  }
}
.exercise-books-container .section-image-wrapper {
  width: 536px;
}
@media (max-width: 767px) {
  .exercise-books-container .section-image-wrapper {
    width: 300px;
  }
}
.exercise-books-container .section-image-wrapper video {
  width: 95%;
}
.exercise-books-container .section-image-wrapper img {
  top: 8px;
  left: 0;
}
.exercise-books-container .large-space {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .exercise-books-container .large-space {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .exercise-books-container .large-space {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.exercise-books-container .medium-space {
  margin-top: 70px;
}
@media (max-width: 991px) {
  .exercise-books-container .medium-space {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .exercise-books-container .medium-space {
    margin-top: 30px;
  }
}
.exercise-books-container .image-monitor2 video, .exercise-books-container .image-monitor2 canvas {
  left: 16px;
}
@media (max-width: 767px) {
  .exercise-books-container .image-monitor2 video, .exercise-books-container .image-monitor2 canvas {
    left: 9px;
    top: 17px;
    width: 271px;
  }
}
.exercise-books-container .ppt-background {
  background-image: url("../assets/images/promo/exercise_books/9_p.png");
  background-repeat: no-repeat;
  background-position: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .exercise-books-container .ppt-background {
    background-size: 77%;
  }
}
@media (max-width: 991px) {
  .exercise-books-container .ppt-background {
    background-image: none;
  }
}

.homework-container {
  text-align: center;
}
.homework-container .first-title-text {
  margin: 40px 0;
}
.homework-container .large-space {
  margin-top: 90px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .homework-container .large-space {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .homework-container .large-space {
    margin-top: 50px;
  }
}
.homework-container .text-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.homework-container .text-padding p {
  margin-bottom: 10px;
}
.homework-container .image-spacer {
  margin-top: 80px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .homework-container .image-spacer {
    margin-top: 30px;
  }
}
.homework-container .image-spacer-bottom {
  margin-top: 80px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .homework-container .image-spacer-bottom {
    margin-top: 30px;
  }
}

.promo-page-links {
  margin: 30px 0 20px 0;
  text-align: right;
}
@media (max-width: 991px) {
  .promo-page-links {
    margin: 10px 0 20px 0;
  }
}
@media (max-width: 609px) {
  .promo-page-links {
    text-align: center;
  }
}
.promo-page-links a {
  margin-left: 8px;
  margin-right: 8px;
  white-space: nowrap;
  font-weight: bold;
}

.title-row-flex {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.title-row-flex .icon-cell {
  padding-top: 3px;
  text-align: center;
}
@media (max-width: 991px) {
  .title-row-flex .icon-cell {
    width: 100%;
  }
}
.title-row-flex .icon-cell i {
  font-size: 70px;
  color: #e38900;
}
.title-row-flex .title-cell {
  padding-left: 5px;
  text-align: left;
}
@media (max-width: 991px) {
  .title-row-flex .title-cell {
    width: 100%;
    text-align: center;
  }
}
.title-row-flex .title-cell h1 {
  margin: 0;
  font-size: 52px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .title-row-flex .title-cell h1 {
    margin-left: 15px;
  }
}
.title-row-flex .title-cell h2 {
  margin: 5px 0 0 0;
  color: #455771;
  font-size: 22px;
}
@media (min-width: 992px) {
  .title-row-flex .title-cell h2 {
    margin-left: 15px;
  }
}

.exercise-books-container .img-shadow-direct,
.digital-text-books-container .img-shadow-direct,
.homework-container .img-shadow-direct,
.container-3d-scenes .img-shadow-direct,
.container-tools .img-shadow-direct,
.container-digital-lessons .img-shadow-direct, .exercise-books-container .img-shadow,
.digital-text-books-container .img-shadow,
.homework-container .img-shadow,
.container-3d-scenes .img-shadow,
.container-tools .img-shadow,
.container-digital-lessons .img-shadow {
  box-shadow: 10px 10px 30px 0px rgba(133, 147, 255, 0.2);
}

.exercise-books-container,
.digital-text-books-container,
.homework-container,
.container-3d-scenes,
.container-tools,
.container-digital-lessons {
  position: relative;
}
.exercise-books-container .licence-helper-links,
.digital-text-books-container .licence-helper-links,
.homework-container .licence-helper-links,
.container-3d-scenes .licence-helper-links,
.container-tools .licence-helper-links,
.container-digital-lessons .licence-helper-links {
  margin: 30px 0 20px 0;
  text-align: left;
}
@media (max-width: 991px) {
  .exercise-books-container .licence-helper-links,
  .digital-text-books-container .licence-helper-links,
  .homework-container .licence-helper-links,
  .container-3d-scenes .licence-helper-links,
  .container-tools .licence-helper-links,
  .container-digital-lessons .licence-helper-links {
    margin: 10px 0 20px 0;
  }
}
.exercise-books-container .licence-helper-links a,
.digital-text-books-container .licence-helper-links a,
.homework-container .licence-helper-links a,
.container-3d-scenes .licence-helper-links a,
.container-tools .licence-helper-links a,
.container-digital-lessons .licence-helper-links a {
  margin-left: 8px;
  margin-right: 8px;
  white-space: nowrap;
  font-weight: bold;
}
.exercise-books-container.mp-books i.fill-square,
.digital-text-books-container.mp-books i.fill-square,
.homework-container.mp-books i.fill-square,
.container-3d-scenes.mp-books i.fill-square,
.container-tools.mp-books i.fill-square,
.container-digital-lessons.mp-books i.fill-square {
  color: #0074BD;
  font-size: 50px;
}
.exercise-books-container .img-shadow,
.digital-text-books-container .img-shadow,
.homework-container .img-shadow,
.container-3d-scenes .img-shadow,
.container-tools .img-shadow,
.container-digital-lessons .img-shadow {
  border-radius: 15px;
}
.exercise-books-container .img-shadow img,
.digital-text-books-container .img-shadow img,
.homework-container .img-shadow img,
.container-3d-scenes .img-shadow img,
.container-tools .img-shadow img,
.container-digital-lessons .img-shadow img {
  width: 100%;
}
.exercise-books-container .img-shadow-direct,
.digital-text-books-container .img-shadow-direct,
.homework-container .img-shadow-direct,
.container-3d-scenes .img-shadow-direct,
.container-tools .img-shadow-direct,
.container-digital-lessons .img-shadow-direct {
  width: 100%;
  border-radius: 7px;
  margin-bottom: 15px;
}

.exercise-book-grass {
  position: relative;
  height: 220px;
}
.exercise-book-grass img {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.container-3d-scenes {
  text-align: center;
}
.container-3d-scenes .header-img-wrapper {
  margin-top: -40px;
}
.container-3d-scenes .first-title-text {
  margin: 40px 0;
}
.container-3d-scenes .icon-button {
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border-radius: 23px;
}
.container-3d-scenes .icon-button.play {
  top: 422px;
  left: 575px;
}
@media (max-width: 1199px) {
  .container-3d-scenes .icon-button.play {
    top: 336px;
    left: 473px;
  }
}
.container-3d-scenes .try-it {
  margin-top: 10px;
  color: #0074BD;
}
@media (min-width: 992px) {
  .container-3d-scenes .try-it {
    margin-left: 90px;
  }
}
.container-3d-scenes .large-space {
  margin-top: 90px;
}
@media (max-width: 767px) {
  .container-3d-scenes .large-space {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .container-3d-scenes .large-space {
    margin-top: 50px;
  }
}
.container-3d-scenes .small-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .container-3d-scenes .small-padding {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .container-3d-scenes .small-padding {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
.container-3d-scenes .floating-text {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 992px) {
  .container-3d-scenes .floating-text {
    position: absolute;
    top: 50px;
    width: 65%;
    margin-left: 35%;
  }
}
.container-3d-scenes .floating-t-rex {
  position: absolute;
  margin-left: 43%;
  width: 22%;
}
.container-3d-scenes .text-margin {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .container-3d-scenes .text-margin {
    margin-left: 0;
    margin-right: 0;
  }
}
.container-3d-scenes .image-spacer {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .container-3d-scenes .image-spacer {
    margin-bottom: 20px;
  }
}

.container-tools .header-img-wrapper {
  margin-top: 60px;
}
.container-tools .icon-button {
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border-radius: 23px;
}
.container-tools .icon-button.play {
  top: 330px;
  left: 558px;
}
@media (max-width: 1199px) {
  .container-tools .icon-button.play {
    top: 263px;
    left: 460px;
  }
}
.container-tools .try-it {
  margin-top: 50px;
  margin-bottom: 0;
  color: #0074BD;
}
@media (min-width: 992px) {
  .container-tools .try-it {
    margin-left: 50px;
  }
}
.container-tools .first-title-text {
  margin: 40px 0 50px 0;
}
.container-tools .large-space {
  margin-top: 90px;
}
@media (max-width: 767px) {
  .container-tools .large-space {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .container-tools .large-space {
    margin-top: 50px;
  }
}
.container-tools .small-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .container-tools .small-padding {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .container-tools .small-padding {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
.container-tools .text-margin {
  margin-left: 20px;
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .container-tools .text-margin {
    margin-left: 0;
    margin-right: 0;
  }
}
.container-tools .tool-inline {
  margin-top: 30px;
  display: inline-block;
  padding: 0px 10px;
}
@media (min-width: 992px) {
  .container-tools .tool-inline {
    width: 32%;
  }
}
@media (max-width: 519px) {
  .container-tools .tool-inline {
    width: 100%;
  }
}
.container-tools .tool-inline .tool-item {
  min-height: 100px;
}
.container-tools .tool-inline i {
  color: #ffffff;
}
.container-tools .tool-inline .item-action-btn i {
  text-shadow: none;
}
.container-tools .tool-inline .dropdown-menu i {
  font-size: 20px;
}
.container-tools .tool-inline .mwicon-menu_dot_vert {
  position: relative;
  top: 0px;
  font-size: 26px;
}
.container-tools .image-monitor2 {
  width: 536px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .container-tools .image-monitor2 {
    width: 454px;
  }
}
@media (max-width: 767px) {
  .container-tools .image-monitor2 {
    width: 290px;
  }
}
.container-tools .image-monitor2 video {
  position: absolute;
  width: 504px;
  top: 0px;
  left: 16px;
}
@media (max-width: 1199px) {
  .container-tools .image-monitor2 video {
    width: 411px;
    top: -10px;
    left: 13px;
  }
}
@media (max-width: 767px) {
  .container-tools .image-monitor2 video {
    left: 8px;
    top: -6px;
    width: 263px;
  }
}
@media (max-width: 991px) {
  .container-tools .image-spacer {
    margin-mottom: 40px;
  }
}

.container-digital-lessons .title-icon {
  margin-bottom: 20px;
  color: #0074BD;
}
.container-digital-lessons .header-img-wrapper {
  margin-bottom: 0;
}
.container-digital-lessons .icon-button {
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  border-radius: 23px;
}
.container-digital-lessons .icon-button.play {
  top: 400px;
  left: 573px;
}
@media (max-width: 1199px) {
  .container-digital-lessons .icon-button.play {
    top: 315px;
    left: 471px;
  }
}
.container-digital-lessons.gradient-box {
  padding-top: 40px;
  display: inline-block;
  position: initial;
  background: #f2f5f9;
  background: linear-gradient(180deg, #f2f5f9 0%, #ffffff 100%);
  width: 100%;
}
@media (max-width: 991px) {
  .container-digital-lessons.gradient-box {
    padding-top: 0;
    margin-top: 40px;
  }
}
.container-digital-lessons.gray-background {
  background-color: #f2f5f9;
}
.container-digital-lessons.artifical {
  background-color: #001b3e;
  color: #ffffff;
}
.container-digital-lessons.artifical .background-img {
  background-image: url(../assets/images/promo/micro/5.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1199px) {
  .container-digital-lessons.artifical .background-img {
    background-image: none;
  }
}
.container-digital-lessons.artifical .artifical-text {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.container-digital-lessons.artifical .artifical-text i {
  color: #ca61c6;
}
.container-digital-lessons.testimonial-item {
  border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0;
  height: auto;
  background-color: #4b6383;
}
.container-digital-lessons.testimonial-item i {
  display: inline-block;
  position: initial;
  color: #ffffff;
  font-size: 130px;
}
.container-digital-lessons.testimonial-item p {
  vertical-align: top;
  padding: 25px;
  margin-bottom: 0;
  display: inline-block;
}
.container-digital-lessons.testimonial-item .testimonial-inner i {
  width: 15%;
}
.container-digital-lessons.testimonial-item .testimonial-inner div {
  width: 85%;
  float: right;
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 28px;
}
@media (max-width: 991px) {
  .container-digital-lessons.testimonial-item .testimonial-inner div {
    margin-left: auto;
    margin-right: auto;
    float: unset;
    font-size: 22px;
  }
}
.container-digital-lessons .try-it {
  margin-top: 10px;
  margin-bottom: 0;
  color: #0074BD;
}
@media (min-width: 992px) {
  .container-digital-lessons .try-it {
    margin-left: 60px;
  }
}
.container-digital-lessons .first-title-text {
  margin-top: 20px;
}
.container-digital-lessons .large-space {
  margin-top: 90px;
}
@media (max-width: 767px) {
  .container-digital-lessons .large-space {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .container-digital-lessons .large-space {
    margin-top: 50px;
  }
}
.container-digital-lessons .normal-padding {
  padding-top: 80px;
  padding-bottom: 70px;
}
@media (max-width: 991px) {
  .container-digital-lessons .normal-padding {
    padding-top: 40px;
    padding-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .container-digital-lessons .normal-padding {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.container-digital-lessons .top-only-padding {
  padding-top: 80px;
}
@media (max-width: 991px) {
  .container-digital-lessons .top-only-padding {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .container-digital-lessons .top-only-padding {
    padding-top: 20px;
  }
}
.container-digital-lessons .text-margin {
  margin-bottom: 30px;
}
.container-digital-lessons .scroll-container {
  position: relative;
  width: 590px;
  height: 414px;
  display: inline-block;
}
.container-digital-lessons .scroll-image-content {
  margin: 19px 0 0 18px;
  width: 520px;
  height: 346px;
  overflow: hidden;
}
.container-digital-lessons .scroll-image-border {
  position: absolute;
  top: 0;
  left: 0;
}

.regteacher-majors {
  padding-right: 40px;
}
.regteacher-majors .form-group {
  -js-display: flex;
  display: flex;
  flex-direction: column;
}
.regteacher-majors .form-group .skill-group-basic-mothertongue {
  order: -1;
}
.regteacher-majors .form-group .checkbox-profession label {
  font-weight: normal;
}

@media (max-width: 991px) {
  .regteacher-majors {
    padding-left: 15px;
  }
}
.btn-next {
  border-color: #d4def0;
  font-weight: bold;
  background-color: #d4def0;
  transition: background-color 0.3s;
}
.btn-next:hover, .btn-next:focus, .btn-next:active {
  background-color: #c1cfe9;
  border-color: #c1cfe9;
  transition: background-color 0.3s;
}

.country-select-warning {
  display: none;
  font-size: small;
}
.country-select-warning-visible {
  display: block;
}

@media (max-width: 991px) {
  .new-institute-input-label {
    align-self: flex-start;
  }
}
@media (min-width: 992px) {
  .new-institute-input-label {
    align-self: flex-start;
    padding-top: 10px;
  }
  .error_msg_institute {
    height: 22px;
  }
}
.clearfix:before, .clearfix:after {
  clear: both;
}

.CodeMirror {
  /* Bootstrap Settings */
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  overflow: auto;
  font-family: inherit;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  /* Code Mirror Settings */
  font-family: monospace;
  position: relative;
  overflow: hidden;
}
.CodeMirror.has-error {
  border-color: #a94442;
}

.CodeMirror-scroll {
  margin-left: -12px;
  margin-top: -5px;
}

.CodeMirror-focused {
  /* Bootstrap Settings */
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.CodeMirror-focused.has-error {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.admin-container {
  padding-bottom: 40px;
}

.vertical-align {
  vertical-align: middle !important;
}

@media (max-width: 519px) {
  #admin-table tr td:first-child {
    white-space: normal !important;
  }
}

.table > thead > tr > th {
  white-space: nowrap;
}
.table > thead > tr > th i {
  margin-left: 5px;
  font-size: 14px;
  color: #455771;
}
.table > thead > tr > th i.active {
  color: #0074BD;
}
.table .order_list_wait_transfer {
  border: 2px solid #ca7a00;
  background-color: rgba(227, 137, 0, 0.15);
}
.table .order_list_wait_transfer:nth-of-type(odd) {
  background-color: rgba(227, 137, 0, 0.25);
}
.table .order_list_wait_transfer > td {
  border: 1px solid #ca7a00;
}
.table .order-list-deleted {
  border: 2px solid #d83b59;
  background-color: rgba(216, 59, 89, 0.1);
}
.table .order-list-deleted:nth-of-type(odd) {
  background-color: rgba(216, 59, 89, 0.15);
}
.table .order-list-deleted > td {
  border-color: #d83b59;
}
.table > tbody > tr.highlight {
  border: 2px solid #0074BD;
  background-color: rgba(0, 116, 189, 0.1);
}
.table > tbody > tr.highlight:nth-of-type(odd) {
  background-color: rgba(0, 116, 189, 0.15);
}
.table > tbody > tr.highlight > td {
  border-color: #0074BD;
}
.table > tbody > tr:nth-of-type(odd).activated_licence {
  background-color: #F0FFF0;
}
.table > tbody > tr:nth-of-type(even).activated_licence {
  background-color: #E0EEE0;
}
.table > tbody > tr.banned_licence {
  background-color: #a7a7a7 !important;
}
.table.table-sortable > tbody > tr {
  background-color: #ffffff;
}
.table.table-sortable > tbody > tr.placeholder {
  background-color: #4f687c;
  height: 103px;
}
.table a {
  cursor: pointer;
}
.table .not-editable {
  color: #555555;
  opacity: 0.5;
  transition: opacity 300ms ease;
}
.table .not-editable:hover {
  color: #555555;
  opacity: 1;
  cursor: default;
}

.no-wrap {
  white-space: nowrap;
}

.white-space-normal {
  white-space: normal;
}

.webshop_order_popup_details {
  display: inline-block;
  float: none;
}

.fa-dark {
  color: #3b4b61;
}

.fa-hover {
  cursor: pointer;
}

body.editor {
  padding-top: 102px;
}
body.editor .editor_menu,
body.editor .admin_menu {
  border-top: 2px solid #fff03d;
  background-color: #2956a5;
  height: 35px;
  width: 100%;
  clear: both;
  position: absolute;
  top: 57px;
}
body.editor .editor_menu.fixed,
body.editor .admin_menu.fixed {
  position: fixed;
  top: 56px;
  z-index: 10;
}
body.editor .editor_menu .home_bg,
body.editor .admin_menu .home_bg {
  width: 52px;
  height: 33px;
  border-right: 1px solid #718cc6;
  float: left;
  margin-right: 25px;
}
body.editor .editor_menu .home_bg a.home_icon,
body.editor .admin_menu .home_bg a.home_icon {
  display: block;
  width: 22px;
  height: 21px;
  background-image: url("../assets/images/editor/home_yellow.png");
  margin: 8px 0 5px 17px;
}
body.editor .editor_menu .home_bg a.home_icon.inactive,
body.editor .admin_menu .home_bg a.home_icon.inactive {
  background-image: url("../assets/images/editor/home.png");
}
body.editor .editor_menu .menu,
body.editor .admin_menu .menu {
  line-height: 33px;
}
body.editor .editor_menu .menu a,
body.editor .admin_menu .menu a {
  background: none;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  float: left;
  line-height: 35px;
  margin-left: 20px;
  margin-right: 15px;
  transition: color 0.3s ease-out 0s;
}
body.editor .editor_menu .menu a.selected,
body.editor .admin_menu .menu a.selected {
  color: #ffe774;
}
body.editor .editor_menu .menu a:hover,
body.editor .admin_menu .menu a:hover {
  color: #ffe774;
}
body.editor .editor_menu .menu a.disabled,
body.editor .admin_menu .menu a.disabled {
  opacity: 0.6;
  cursor: default;
}

.sortable-connect {
  position: static;
}
.sortable-connect .scrollable-list {
  height: 525px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 20px;
}
.sortable-connect .scrollable-list ul {
  min-height: 325px;
  display: block;
}

.js-full-extra-list-holder {
  position: relative;
}

.position-static {
  position: static;
}

.js-selected-extra-list {
  padding-bottom: 25px;
}

.js-selected-extra-list img,
.js-full-extra-list img {
  height: 50px;
}

.webshop_order_popup_details {
  display: none;
  position: absolute;
  width: 460px;
  z-index: 15;
}
.webshop_order_popup_details .general_table {
  width: 100%;
}
.webshop_order_popup_details .general_table tr td,
.webshop_order_popup_details .general_table tr th {
  line-height: 16px;
}
.webshop_order_popup_details .general_table tr td.nowrap {
  white-space: nowrap;
}
.webshop_order_popup_details .general_table tr td .name {
  font-size: 12px;
  font-weight: bold;
}
.webshop_order_popup_details .general_table tr td .short_desc {
  font-size: 11px;
  line-height: 13px;
}

.general_table_header.admin-table i {
  display: none;
}
.general_table_header.admin-table i.active {
  display: initial;
  color: #455771;
}
.general_table_header.admin-table a {
  color: #455771;
}

.table thead.order-list-header tr th i {
  display: none;
}
.table thead.order-list-header tr th i.active {
  display: initial;
  color: #455771;
}
.table thead.order-list-header tr th a {
  color: #455771;
}
.table thead.order-list-header tr .th-active i {
  color: #ffffff;
  display: inline;
}
.table thead.order-list-header tr .th-active a {
  color: #ffffff;
}

.order-list-actions .btn, .order-list-actions .btn-facebook, .order-list-actions .btn-round, .order-list-actions .btn-default, .order-list-actions .btn-sausage, .order-list-actions .btn-success, .order-list-actions .btn-cadavr, .order-list-actions .btn-yellow, .order-list-actions .btn-yellow-2, .order-list-actions .btn-red, .order-list-actions .btn-red-2, .order-list-actions .btn-white, .order-list-actions .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .order-list-actions button {
  margin-bottom: 5px;
}

#other-filter {
  display: none;
  padding: 20px;
  background: rgba(199, 211, 229, 0.5);
  margin-bottom: 30px;
}

.nav-user-admin li a {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .nav-user-admin li a {
    white-space: nowrap;
  }
}
.nav-user-admin li .extra-type-all {
  padding: 2px;
}
.nav-user-admin li .extra-type-all i {
  font-size: 30px;
}

.nav-portal-event-admin {
  font-size: 16px;
  font-weight: bold;
}
.nav-portal-event-admin li {
  width: 80px;
  padding-right: 10px;
}
.nav-portal-event-admin li a {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .nav-portal-event-admin li a {
    white-space: nowrap;
  }
}

.portal-event-manager table {
  height: 80px;
  padding: 0px;
}
.portal-event-manager table textarea {
  border: 0px;
  font-size: 13px;
  height: 100%;
}
.portal-event-manager table th.small-column {
  width: 60px;
  font-size: 15px;
}
.portal-event-manager table th.medium-column {
  width: 95px;
}
.portal-event-manager table th.large-column {
  width: 320px;
}
.portal-event-manager table th.maintitle-width {
  width: 45%;
}
.portal-event-manager table td {
  text-align: center;
  height: 60px;
  padding: 0px !important;
}
.portal-event-manager table td input.form-check-input {
  margin: 0px;
  width: 15px;
  height: 15px;
}
.portal-event-manager table td.web-col {
  width: 50px;
}
.portal-event-manager table td.web-col i {
  font-size: 30px;
}
.portal-event-manager table tbody .btn, .portal-event-manager table tbody .btn-facebook, .portal-event-manager table tbody .btn-round, .portal-event-manager table tbody .btn-default, .portal-event-manager table tbody .btn-sausage, .portal-event-manager table tbody .btn-success, .portal-event-manager table tbody .btn-cadavr, .portal-event-manager table tbody .btn-yellow, .portal-event-manager table tbody .btn-yellow-2, .portal-event-manager table tbody .btn-red, .portal-event-manager table tbody .btn-red-2, .portal-event-manager table tbody .btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button {
  padding: 0px;
  width: 100%;
}
.portal-event-manager table tbody .btn.function-button, .portal-event-manager table tbody .function-button.btn-facebook, .portal-event-manager table tbody .function-button.btn-round, .portal-event-manager table tbody .function-button.btn-default, .portal-event-manager table tbody .function-button.btn-sausage, .portal-event-manager table tbody .function-button.btn-success, .portal-event-manager table tbody .function-button.btn-cadavr, .portal-event-manager table tbody .function-button.btn-yellow, .portal-event-manager table tbody .function-button.btn-yellow-2, .portal-event-manager table tbody .function-button.btn-red, .portal-event-manager table tbody .function-button.btn-red-2, .portal-event-manager table tbody .function-button.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button {
  display: inline-block;
  width: 25px;
}
.portal-event-manager table tbody .btn.function-button.js-save, .portal-event-manager table tbody .function-button.js-save.btn-facebook, .portal-event-manager table tbody .function-button.js-save.btn-round, .portal-event-manager table tbody .function-button.js-save.btn-default, .portal-event-manager table tbody .function-button.js-save.btn-sausage, .portal-event-manager table tbody .function-button.js-save.btn-success, .portal-event-manager table tbody .function-button.js-save.btn-cadavr, .portal-event-manager table tbody .function-button.js-save.btn-yellow, .portal-event-manager table tbody .function-button.js-save.btn-yellow-2, .portal-event-manager table tbody .function-button.js-save.btn-red, .portal-event-manager table tbody .function-button.js-save.btn-red-2, .portal-event-manager table tbody .function-button.js-save.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button.js-save, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button.js-save {
  display: none;
  font-size: 18px;
  color: #3dc33d;
}
.portal-event-manager table tbody .btn.function-button.js-delete, .portal-event-manager table tbody .function-button.js-delete.btn-facebook, .portal-event-manager table tbody .function-button.js-delete.btn-round, .portal-event-manager table tbody .function-button.js-delete.btn-default, .portal-event-manager table tbody .function-button.js-delete.btn-sausage, .portal-event-manager table tbody .function-button.js-delete.btn-success, .portal-event-manager table tbody .function-button.js-delete.btn-cadavr, .portal-event-manager table tbody .function-button.js-delete.btn-yellow, .portal-event-manager table tbody .function-button.js-delete.btn-yellow-2, .portal-event-manager table tbody .function-button.js-delete.btn-red, .portal-event-manager table tbody .function-button.js-delete.btn-red-2, .portal-event-manager table tbody .function-button.js-delete.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button.js-delete, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button.js-delete {
  font-size: 18px;
  color: #a5a5a5;
}
.portal-event-manager table tbody .btn.function-button.js-edit, .portal-event-manager table tbody .function-button.js-edit.btn-facebook, .portal-event-manager table tbody .function-button.js-edit.btn-round, .portal-event-manager table tbody .function-button.js-edit.btn-default, .portal-event-manager table tbody .function-button.js-edit.btn-sausage, .portal-event-manager table tbody .function-button.js-edit.btn-success, .portal-event-manager table tbody .function-button.js-edit.btn-cadavr, .portal-event-manager table tbody .function-button.js-edit.btn-yellow, .portal-event-manager table tbody .function-button.js-edit.btn-yellow-2, .portal-event-manager table tbody .function-button.js-edit.btn-red, .portal-event-manager table tbody .function-button.js-edit.btn-red-2, .portal-event-manager table tbody .function-button.js-edit.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button.js-edit, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button.js-edit {
  font-size: 18px;
  color: #3dc33d;
}
.portal-event-manager table tbody p {
  text-align: left;
  padding: 0px 4px;
}
.portal-event-manager table tbody div {
  text-align: left;
  padding: 0px 4px;
}
.portal-event-manager table tbody.big-news textarea {
  height: 140px;
}
.portal-event-manager table tbody.big-news textarea.half-size {
  height: 86px;
  border-left: 1px solid #cccccc;
  border-radius: 0px;
}
.portal-event-manager table tbody.big-news textarea.title-textbox {
  height: 32px;
  font-weight: bold;
}
.portal-event-manager table tbody.big-news textarea.border-bottom {
  border-bottom: 1px solid #cccccc;
  border-radius: 0px;
}
.portal-event-manager table tbody.big-news .form-check-input {
  margin: 0px;
}
.portal-event-manager table tbody.events textarea {
  height: 155px;
}
.portal-event-manager table tbody.events textarea.half-size {
  height: 100px;
  border-radius: 0px;
}
.portal-event-manager table tbody.events textarea.title-textbox {
  height: 55px;
  font-weight: bold;
}
.portal-event-manager table tbody.events textarea.border-bottom {
  border-bottom: 1px solid #cccccc;
  border-radius: 0px;
}
.portal-event-manager table tbody.events .form-check-input {
  margin: 0px;
}
.portal-event-manager table tbody .img-input-separator {
  display: inline-block;
  vertical-align: middle;
}
.portal-event-manager table tbody .img-input-separator.img-holder {
  width: 14%;
  max-width: 50px;
  margin-top: 62px;
}
.portal-event-manager table tbody .img-input-separator.img-holder img {
  width: 100%;
}
.portal-event-manager table tbody .img-input-separator.text-holder {
  float: right;
  width: 86%;
}
.portal-event-manager table img {
  max-width: 100px;
  margin: 3px;
}
.portal-event-manager .event-manager-title-row h3 {
  display: inline-block;
  font-size: 22px;
}
.portal-event-manager .event-manager-title-row .right-side {
  margin-top: 10px;
  float: right;
}

.shop-order-user-data .institute-data-hover {
  cursor: pointer;
  float: right;
}
.shop-order-user-data .address-text {
  font-size: 13px;
}
.shop-order-user-data .profil-link {
  font-size: 14px;
}

.order-list-actions.mail-options {
  padding: 5px;
  padding-top: 12px;
  width: 150px;
}
.order-list-actions .function-button {
  padding: 5px;
}
.order-list-actions .download-icon {
  font-size: 15px;
  padding-top: 2px;
  color: #61B846;
}
.order-list-actions .comment-icon {
  color: #61B846;
  font-size: 16px;
  line-height: 18px;
}
.order-list-actions .comment-icon.mwicon-message {
  font-size: 20px;
}

.order-status-col {
  width: 190px;
}

.portal-event-manager-editor .cke_textarea_inline {
  padding: 2px 6px;
}

.user-admin {
  background-color: #e0e9f6;
}
.user-admin .wbox-content {
  padding: 20px;
}
.user-admin label {
  margin-top: 5px;
}
.user-admin label span {
  font-weight: normal;
}
@media (max-width: 767px) {
  .user-admin label.text-right {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .user-admin .status .form-group div[class*=col-] {
    margin-bottom: 20px;
  }
  .user-admin .status .form-group div[class*=col-]:last-child {
    margin-bottom: 0;
  }
}
.user-admin .regdatum {
  width: 100%;
}

.adv_search_input {
  display: none;
}

.user-admin-container {
  position: relative;
}
.user-admin-container .institute-col {
  width: 200px;
}
.user-admin-container .general_table .user-activity-status > i {
  font-size: 20px;
}

.user-page .user-deleted td {
  background: #FFDCDC;
}
.user-page .user-deleted td.col_name {
  position: relative;
}
.user-page .user-deleted td.col_name span {
  font-size: 10px;
  color: #ff0000;
}

.massive-reg-table {
  border: none !important;
}

.online-filter .form-inline {
  width: 100%;
  float: left;
}
.online-filter .form-inline .form-group {
  width: 100%;
  margin-bottom: 20px;
}
.online-filter .form-inline .form-group label {
  white-space: nowrap;
  padding-right: 5px;
  margin-top: 5px;
  width: 100%;
  text-align: left;
}
.online-filter .form-inline .form-group select {
  width: 100%;
}
@media (min-width: 768px) {
  .online-filter .form-inline {
    width: 100%;
  }
  .online-filter .form-inline .form-group label {
    width: 20%;
    text-align: right;
  }
  .online-filter .form-inline .form-group select {
    width: 79%;
  }
  .online-filter .form-inline:last-child .form-group label {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .online-filter .form-inline {
    width: 50%;
  }
  .online-filter .form-inline .form-group {
    -js-display: flex;
    display: flex;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .online-filter .form-inline .form-group label {
    width: initial;
  }
  .online-filter .form-inline .form-group select {
    width: 100%;
  }
  .online-filter .form-inline:last-child .form-group label {
    margin-left: 20px;
  }
}

.editor-filter .form-group {
  width: 100%;
  margin-bottom: 20px;
}
.editor-filter .form-group label {
  white-space: nowrap;
  padding-right: 5px;
  margin-top: 5px;
  text-align: left;
}
.editor-filter .institute-select {
  width: 230px;
  display: inline-block;
}
.editor-filter .group-select {
  width: 270px;
  display: inline-block;
}
.editor-filter .filter-select {
  display: inline-block;
  margin-right: 40px;
}

#priorityselector {
  position: absolute;
  z-index: 9999;
  background-color: #ffffff;
  border: 1px solid #c6d2e5;
  border-radius: 3px;
  box-shadow: 3px 3px 7px #888888;
  display: none;
}
#priorityselector ul {
  list-style: none;
  padding: 10px;
  margin: 0;
  display: block;
  float: left;
}
#priorityselector ul li {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  padding: 4px;
  font-weight: bold;
  margin: 6px;
  font-size: 11px;
  position: relative;
}
#priorityselector ul li:nth-child(6) {
  clear: left;
}
#priorityselector ul li.active:before, #priorityselector ul li:hover:before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  border: 2px solid #0074BD;
  border-radius: 6px;
  top: -5px;
  left: -5px;
}

#priorityselector:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 13px;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #c6d2e5 transparent;
  display: block;
  width: 0;
}

#priorityselector:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 15px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
}

.select2-selection__choice[data-priority="10"] {
  background-color: #93B8FC !important;
}

.select2-selection__choice[data-priority="9"] {
  background-color: #9CBAF4 !important;
}

.select2-selection__choice[data-priority="8"] {
  background-color: #A9BFE8 !important;
}

.select2-selection__choice[data-priority="7"] {
  background-color: #B5C4DF !important;
}

.select2-selection__choice[data-priority="6"] {
  background-color: #C2CBDC !important;
}

.select2-selection__choice[data-priority="5"] {
  background-color: #CED4DF !important;
}

.select2-selection__choice[data-priority="4"] {
  background-color: #DADEE5 !important;
}

.select2-selection__choice[data-priority="3"] {
  background-color: #dee7f8 !important;
}

.select2-selection__choice[data-priority="2"] {
  background-color: #F3F4F6 !important;
}

.select2-selection__choice[data-priority="1"] {
  background-color: #ffffff !important;
}

#priorityselector .priority10 {
  background-color: #93B8FC;
}
#priorityselector .priority9 {
  background-color: #9CBAF4;
}
#priorityselector .priority8 {
  background-color: #A9BFE8;
}
#priorityselector .priority7 {
  background-color: #B5C4DF;
}
#priorityselector .priority6 {
  background-color: #C2CBDC;
}
#priorityselector .priority5 {
  background-color: #CED4DF;
}
#priorityselector .priority4 {
  background-color: #DADEE5;
}
#priorityselector .priority3 {
  background-color: #dee7f8;
}
#priorityselector .priority2 {
  background-color: #F3F4F6;
}
#priorityselector .priority1 {
  background-color: #ffffff;
}

.select2-selection__choice.tag-selected {
  background-color: #e67e22 !important;
  color: #ffffff !important;
}

.select2-selection__choice.tag-selected .select2-selection__choice__remove {
  color: #ffffff !important;
}

#validate-institute-tabs #similar_institutes {
  min-height: 450px;
}
#validate-institute-tabs #similar_institutes .pre-scrollable {
  min-height: 400px;
}
#validate-institute-tabs .form-group {
  margin-bottom: 10px;
}
#validate-institute-tabs .nav-item.disabled, #validate-institute-tabs .nav-link.disabled {
  pointer-events: none;
}
#validate-institute-tabs .select-institute {
  float: left;
  margin-top: 8px;
}

#unvalidated-institutes .col-settings,
#edit-institutes .col-settings {
  width: 50px;
}
#unvalidated-institutes .institute-name > .mwicon-institute,
#edit-institutes .institute-name > .mwicon-institute {
  color: #0074BD;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  cursor: pointer;
}

#institute_edit_modal .form-group {
  margin-bottom: 10px;
}

.blog-list-order {
  clear: both;
}

.blog-order-label {
  float: right;
  margin-top: 7px;
  margin-right: 15px;
}

.blog-sub-heading {
  display: inline-block;
  font-size: 22px;
  margin-top: 5px;
}

.blog-admin-table .text-right {
  color: #a5a5a5;
}

.blog-admin-pager {
  position: relative;
}
.blog-admin-pager .sum {
  position: absolute;
  top: 6px;
}

.post-item .text-right {
  padding: 0px;
}
.post-item .text-right i {
  font-size: 18px;
}

.faq-admin-list .btn, .faq-admin-list .btn-facebook, .faq-admin-list .btn-round, .faq-admin-list .btn-default, .faq-admin-list .btn-sausage, .faq-admin-list .btn-success, .faq-admin-list .btn-cadavr, .faq-admin-list .btn-yellow, .faq-admin-list .btn-yellow-2, .faq-admin-list .btn-red, .faq-admin-list .btn-red-2, .faq-admin-list .btn-white, .faq-admin-list .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .faq-admin-list button {
  font-size: 18px;
  color: #a5a5a5;
}
.faq-admin-list i {
  font-size: 18px;
}
.faq-admin-list .category-header {
  min-width: 300px;
}
.faq-admin-list thead tr th .list-order {
  color: #455771;
  float: left;
}
.faq-admin-list thead tr th .list-order.active {
  color: #0074BD;
}

@media (min-width: 1199px) {
  .faq-edit-inputcontainer .author-input {
    display: inline-block;
    float: left;
    width: 69%;
  }
}
@media (min-width: 1199px) {
  .faq-edit-inputcontainer .language-input {
    display: inline-block;
    float: right;
    width: 30%;
  }
}
.faq-edit-inputcontainer .language-input select {
  height: 41px;
}

@media (min-width: 992px) {
  .system-control--btn-group {
    vertical-align: top;
  }
}

.table-striped tbody tr.recently-opened {
  background-color: #d5e5ef;
}

.row.geodbCountryAdminCityFieldsContainer > div {
  height: 80px;
}

.blog-admin-dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #455771;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.blog-admin-dropdown .dropdown-item:hover {
  background-color: #f2f5f9;
}
.blog-admin-dropdown .dropdown-menu {
  min-width: 80px;
}

#admin-upload .dropdown .dropdown-menu {
  width: 100% !important;
  max-height: 400px;
  overflow-y: scroll;
}
#admin-upload .dropdown a {
  display: flex;
  -js-display: flex;
  align-items: center;
}
#admin-upload .dropdown a.dropdown-toggle {
  position: relative;
}
#admin-upload .dropdown a.dropdown-toggle .dropdown-arrow {
  position: absolute;
  right: 0;
}
#admin-upload #pager-top {
  margin-bottom: 7px;
  margin-top: 15px;
}
#admin-upload #pager-top .utils-paginator {
  margin: 0;
}
#admin-upload #pager-top .view-modes > div {
  padding: 15px 0 0;
}
#admin-upload #pager-bottom .utils-paginator {
  margin-top: 0;
}
#admin-upload #files-table th i {
  margin: 0;
}

.licence-admin-institute-name {
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
  text-overflow: ellipsis;
  display: inline-block;
}

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

.generate-licence-inner > .row > div:first-child {
  padding-right: 25px;
}
.generate-licence-inner > .row > div:last-child:not(:first-child) {
  padding-left: 25px;
}
.generate-licence-inner .radio-dropdown .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}
.generate-licence-inner .radio-dropdown .dropdown-menu .active label {
  transition: background-color 0.3s;
}
.generate-licence-inner .radio-dropdown .dropdown-menu .active label:hover {
  background-color: #318ce5;
  transition: background-color 0.3s;
}
.generate-licence-inner .radio-dropdown .dropdown-menu label {
  border-radius: 5px;
  transition: background-color 0.3s;
}
.generate-licence-inner .radio-dropdown .dropdown-menu label:hover {
  background-color: #dee5f2;
  transition: background-color 0.3s;
}
.generate-licence-inner .licence_language_selector.multilang-selector .dropdown-item.language-automatic {
  display: block;
}
.generate-licence-inner .licence_language_selector.multilang-selector .dropdown-item input[type=radio] {
  display: none;
}
.generate-licence-inner .licence_language_selector.multilang-selector .dropdown-item.active input[type=radio] {
  display: block;
}
.generate-licence-inner .licence_language_selector .dropdown-menu {
  min-width: 300px;
  max-width: 360px;
}
.generate-licence-inner .licence_language_selector .dropdown-menu .language-automatic {
  display: none;
}
.generate-licence-inner .licence_language_selector .dropdown-menu .dropdown-item:not(:first-child) {
  width: 100%;
}
.generate-licence-inner .licence_language_selector .dropdown-menu .dropdown-item input[type=radio] {
  display: none;
}
.generate-licence-inner .licence_language_selector .dropdown-menu .dropdown-item input[type=checkbox]:disabled {
  cursor: default !important;
}
.generate-licence-inner .licence_language_selector .dropdown-menu .dropdown-item > label {
  padding: 3px 10px;
  margin-bottom: 0;
}
.generate-licence-inner .licence_language_selector .dropdown-menu .dropdown-item > label label.default-language {
  padding: 1px 0;
  cursor: pointer;
}
.generate-licence-inner .pack-check-parent {
  text-align: right;
}
.generate-licence-inner .pack-check-parent .pack-check {
  display: inline-grid;
  grid-auto-flow: column;
  padding-top: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
.generate-licence-inner .pack-check-parent .pack-check input {
  margin-left: 10px;
}

.user-datasheet .institute-data-icon {
  font-size: 16px;
  top: 0;
}
.user-datasheet .task-message {
  word-break: break-word;
}

.fa-pencil-square {
  color: #a1b4cd;
}

#activeIcon {
  cursor: pointer;
}

#activeIcon[data-active="1"] {
  color: #0dbf6d;
}

#activeIcon[data-active="0"] {
  color: #d83b59;
}

.hasPrintedLic {
  color: #0dbf6d;
}

.session-box {
  position: relative;
  background-color: #2a2f3a;
}
.session-box .control-bar {
  position: sticky;
  top: 100px;
  z-index: 10;
}

.underlined {
  border-bottom: 1px solid #dee5f2;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.underlined .size15 {
  font-size: 15px;
}

.title-row-links .float-right {
  float: right;
}

.feedback-status-column {
  min-width: 200px;
}

json-viewer {
  --background-color: #2A2F3AFF;
  --color: #F8F8F2FF;
  --string-color: #A3EEA0FF;
  --number-color: #D19A66FF;
  --boolean-color: #4BA7EFFF;
  --null-color: #DF9CF3FF;
  --property-color: #6FB3D2FF;
  --preview-color: rgba(222, 175, 143, 0.9);
  --highlight-color: #7B0000FF;
  --font-family: monaco, Consolas, "Lucida Console", monospace;
  --font-size: 12px;
  --indent-size: 1.5em;
  --indentguide-size: 1px;
  --indentguide-style: solid;
  --indentguide-color: #333333FF;
  --indentguide-color-active: #666666FF;
  --indentguide: var(--indentguide-size) var(--indentguide-style) var(--indentguide-color);
  --indentguide-active: var(--indentguide-size) var(--indentguide-style) var(--indentguide-color-active);
}

.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
}

.disabled {
  cursor: not-allowed;
}

.back-btn {
  padding: 6px 10px;
}

.competition-admin-table p {
  margin: 0;
}
.competition-admin-table th {
  border-left: 1px solid #c7d3e5;
  border-right: 1px solid #c7d3e5;
}
.competition-admin-table th:first-child {
  border-left: none;
}
.competition-admin-table th:last-child {
  border-right: none;
}
.competition-admin-table td {
  z-index: 1;
}
.competition-admin-table .year-row {
  background-color: #f2f5f9;
}
.competition-admin-table .competition-list {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.competition-admin-table .info-icon,
.competition-admin-table .point-icon {
  color: #a1b4cd;
  padding: 0 2px;
}
.competition-admin-table .good-solution {
  font-weight: bold;
  color: #61B846;
}
.competition-admin-table .subjects i {
  opacity: 0.5;
}
.competition-admin-table .rotatable {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}

.half-opacity {
  opacity: 0.5;
}

.quarter-opacity {
  opacity: 0.25;
}

.competition-admin-select {
  outline: none;
  border: 1px #a1b4cd solid;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
}

.status-color-red {
  color: #ef0b06;
}

.status-color-yellow {
  color: #fff03d;
}

.status-color-green {
  color: #61B846;
}

.status-color-gray {
  color: #a1b4cd;
}

.color-online {
  color: #61B846;
}

.color-offline {
  color: #bfcade;
}

.color-gray-dot {
  color: #d2e0f1;
}

.color-green-dot {
  color: #61B846;
}

.color-blue-dot {
  color: #318ce5;
}

.color-red-dot {
  color: #fe4521;
}

.chart-wrapper {
  position: relative;
}
.chart-wrapper .competition-chart-table tbody td {
  border-left: 0;
}
.chart-wrapper .competition-chart-table tbody:first-child {
  height: 250px;
}
.chart-wrapper .competition-chart-table .problem-position {
  border-radius: 2px;
  transition: background-color 0.5s;
}
.chart-wrapper .competition-chart-table .problem-position:hover {
  background-color: #d2e0f1;
  transition: background-color 0.5s;
}
.chart-wrapper .competition-chart-table .column-wrapper {
  height: 250px;
  position: relative;
  -js-display: flex;
  display: flex;
  justify-content: center;
}
.chart-wrapper .competition-chart-table .column-wrapper .column-container {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.chart-wrapper .competition-chart-table .column-wrapper .column-container .chart-gray-bg {
  background-color: #d2e0f1;
}
.chart-wrapper .competition-chart-table .column-wrapper .column-container .chart-green-bg {
  background-color: #61B846;
}
.chart-wrapper .competition-chart-table .column-wrapper .column-container .chart-blue-bg {
  background-color: #318ce5;
}
.chart-wrapper .competition-chart-table .column-wrapper .column-container .competition-stat-chart-answers {
  padding: 1px 5px;
  border-radius: 2px;
  outline: 2px solid #ffffff;
}
.chart-wrapper .competition-chart-table .column-wrapper .column-container .position-absolute {
  position: absolute;
}
.chart-wrapper .ticks {
  position: absolute;
  top: 10px;
  width: 100%;
  height: 250px;
  font-size: 12px;
}
.chart-wrapper .ticks .tick {
  position: relative;
  border-top: 1px dotted #c7d3e5;
  height: 62.5px;
}
.chart-wrapper .ticks .tick p {
  position: absolute;
  right: -3em;
  top: -0.8em;
  margin: 0 0 0 0.5em;
}

.window-single-task .container {
  width: 100%;
}

.rule-table {
  width: 40vw;
  margin: 30px auto;
}
@media (min-width: 992px) {
  .rule-table caption {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .rule-table {
    width: 60vw;
  }
}
@media (max-width: 991px) {
  .rule-table {
    width: 70vw;
  }
}
@media (max-width: 519px) {
  .rule-table {
    width: 80vw;
  }
}
.rule-table .rule-table-inner {
  margin: 20px 40px;
}
@media (max-width: 519px) {
  .rule-table .rule-table-inner {
    margin: 0 10px;
  }
}

.tooltip .tooltip-inner {
  max-width: 500px !important;
}
@media (max-width: 991px) {
  .tooltip .tooltip-inner {
    max-width: 80vw;
    max-height: 20vh;
    overflow-y: auto;
  }
}

.competitionTextArea {
  border-radius: 5px;
  border-color: #0074BD;
}
.competitionTextArea:focus {
  outline: none;
}

#chart-filter-box option:disabled {
  background-color: #c7d3e5;
}

.competition-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.competition-container .competition-wrapper {
  width: 80%;
  margin: 0 auto;
}
.competition-container .competition-wrapper .row {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .competition-container .competition-wrapper .competition-row > div {
    margin-bottom: 5px;
  }
}
@media (max-width: 519px) {
  .competition-container .competition-wrapper .competition-row .competition_buttons {
    flex-direction: column;
  }
  .competition-container .competition-wrapper .competition-row .competition_buttons button {
    margin: 0 0 5px 0 !important;
  }
}
.competition-container .competition-wrapper .competition-row .input-error {
  color: #a94442;
  margin: 2px 0;
  font-size: 12px;
  font-weight: bold;
}
.competition-container .competition-wrapper .competition-row button.error {
  border-color: #a94442 !important;
}
.competition-container .competition-wrapper .competition-row #translate_language {
  margin-left: auto;
}
.competition-container .competition-wrapper .competition-row .collect-wrapper .ui-widget {
  min-height: 80px;
}
.competition-container .competition-wrapper .competition-row .collect-wrapper .ui-widget .tagit-choice {
  background-color: #0dbf6d;
  padding-right: 30px;
}
.competition-container .competition-wrapper .competition-row .collect-wrapper .ui-widget .tagit-choice .tagit-label {
  color: #ffffff;
}
.competition-container .competition-wrapper .competition-row .collect-wrapper .ui-widget .tagit-choice .tag-icon {
  color: #ffffff;
  margin-right: 5px;
  display: block;
  float: left;
  margin-top: 11px;
  font-size: 20px;
  line-height: 0;
}
.competition-container .competition-wrapper .competition-row .collect-wrapper .ui-widget .tagit-choice .tagit-close {
  color: #ffffff;
  right: 6px;
}
.competition-container .competition-wrapper .competition-row .collect-wrapper .ui-widget .tagit-choice .tagit-close .text-icon {
  display: inline-block !important;
}
.competition-container .dropdown-check-list {
  display: inline-block;
}
.competition-container .dropdown-check-list .anchor {
  background-image: url(/assets/images/caret-down.png) !important;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-left: 8px;
  padding-right: 30px;
  cursor: default;
}
.competition-container .dropdown-check-list ul.translate_languages {
  position: absolute;
  padding: 0;
  display: none;
  background-color: #ffffff;
  max-height: 100px;
  overflow-y: scroll;
  margin: 0;
  z-index: 1000;
  border: 1px solid #ccc;
  border-top: none;
}
.competition-container .dropdown-check-list ul.translate_languages li {
  list-style: none;
  padding: 2px 5px;
}
.competition-container .dropdown-check-list ul.translate_languages li:hover {
  background: rgba(134, 178, 210, 0.2);
}
.competition-container .dropdown-check-list.visible .translate_languages {
  display: block;
}
.competition-container .error-message-container {
  width: 100%;
  margin: 10px !important;
}
.competition-container .competitions-label {
  margin-left: 15px;
  margin-right: 15px;
}
.competition-container .competition_item-wrapper {
  margin-top: 10px;
}
.competition-container .competition_item-wrapper .competition_item-container {
  margin-left: 15px;
  margin-right: 15px;
  max-height: 130px;
  overflow-y: scroll;
}
.competition-container .competition_item-wrapper .competition_item-container .competition_item {
  color: #000000;
  background-color: #e6e6e6;
  border: 1px solid #c7d3e5;
  border-radius: 4px;
  padding: 10px 5px;
}
.competition-container .competition_item-wrapper .competition_item-container .competition_item .remove_competition {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #ff0000;
}

.replace_form,
.settings_replace_form {
  padding-bottom: 20px;
}

.settings_replace_form_item {
  padding-top: 20px;
}

#settings_replace_form_item {
  cursor: pointer;
}

#text_replace_preview .text_replace_diff {
  padding-bottom: 20px;
}

#scv_replace_checkbox_wrapper {
  display: none;
}

.download-option-radio {
  padding-right: 10px;
  width: 30px;
  height: 40px;
}

.italic {
  font-style: italic;
  font-weight: normal;
}

hr {
  border-bottom: 1px solid #c6d2e5;
}

.homework .pl0 {
  padding-left: 0px !important;
}
.homework .pr0 {
  padding-right: 0px !important;
}
.homework .background {
  background-color: #e0e9f6;
  border: 1px solid #c6d2e5;
  padding: 20px 20px 10px;
  margin-bottom: 10px;
}

.homework_container .dropdown-menu {
  overflow: auto;
  max-height: 350px;
}
.homework_container .bootstrap-datetimepicker-widget.dropdown-menu {
  overflow: inherit;
  max-height: inherit;
}
.homework_container ul.tagit li.ui-state-default .tagit-close .ui-icon-close {
  display: block;
}
.homework_container ul.tagit .tagit-new {
  display: none;
}

#homework_container .form-group.has-error .cke_inner {
  border: 1px solid #a94442;
}
#homework_container .form-group.has-error .help-block {
  color: #a94442;
}
#homework_container .hw-ckeditor-wrapper .help-block {
  position: absolute;
}
#homework_container .hw-test-title {
  width: 390px;
}
#homework_container .hw-test-page {
  width: 40px;
}
#homework_container .hw-test-number,
#homework_container .hw-test-subject,
#homework_container .hw-test-grade {
  width: 40px;
}
#homework_container .hw-test-number i,
#homework_container .hw-test-subject i,
#homework_container .hw-test-grade i {
  font-size: 24px;
  line-height: 0;
  margin: 0;
  top: 2px;
  color: #455771;
}
#homework_container .hw-test-author {
  width: 235px;
}
#homework_container .hw-test-author i {
  font-size: 24px;
  line-height: 0;
  margin: 0;
  top: 2px;
  color: #455771;
}
#homework_container .hw-test-date {
  width: 1px;
  text-align: center;
}
#homework_container .hw-test-date > i, #homework_container .hw-test-date > span > i {
  font-size: 24px;
  line-height: 0;
  margin: 0;
  top: 2px;
  color: #455771;
}
#homework_container input[name=search_string] {
  border-right: none;
}
#homework_container input[name=search_string] + .input-group-addon {
  background: #ffffff;
  color: #c6d2e5;
}
#homework_container .js-sharetype .btn-group .btn-sharetype {
  text-align: center;
  font-weight: bold;
}
#homework_container .js-sharetype .btn-group .btn-sharetype.btn-default {
  color: #455771;
}
#homework_container .js-sharetype .btn-group .btn-sharetype .fa {
  font-size: 18px;
  margin-right: 10px;
}
@media (max-width: 991px) {
  #homework_container .js-sharetype {
    margin-bottom: 20px;
  }
  #homework_container .js-sharetype .btn-group {
    width: 100%;
  }
  #homework_container .js-sharetype .btn-group .btn-sharetype {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 767px) {
  #homework_container .js-sharetype .btn-group .btn-sharetype {
    padding: 6px;
  }
}

.home-work-action-btn {
  margin-right: 10px;
}

#contacts.ui-widget-content {
  border: none;
  background: none;
}

.section-homework {
  clear: both;
}
.section-homework .steps {
  position: relative;
  height: 60px;
  margin-bottom: 20px;
}
.section-homework .steps a {
  position: relative;
  width: calc((100% - 110px - 10px) / 3);
  display: inline-block;
  height: 100%;
  background-color: #c6d2e5;
  margin-left: 20px;
  margin-right: 20px;
  cursor: default;
}
.section-homework .steps a[href] {
  cursor: pointer;
}
.section-homework .steps a:first-child {
  margin-left: 30px;
  margin-right: 20px;
}
.section-homework .steps a:first-child.arrow-start {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  margin-left: 0;
  z-index: 1;
}
.section-homework .steps a:first-child.arrow-start + a {
  margin-left: 40px;
}
.section-homework .steps a:first-child.arrow-start:before {
  display: none;
}
.section-homework .steps a:last-child {
  margin-left: 20px;
  margin-right: 0;
}
.section-homework .steps a:last-child:after {
  display: none;
}
.section-homework .steps a > span {
  -js-display: inline-flex;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  height: 100%;
}
.section-homework .steps a > span b {
  color: #e4e9f2;
  font-size: 45px;
  opacity: 0.5;
  margin: 0 15px;
}
.section-homework .steps a > span > span {
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  font-size: 17px;
  line-height: 1.1em;
}
.section-homework .steps a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -30px;
  width: 30px;
  top: 0;
  height: 100%;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: #c6d2e5 transparent #c6d2e5 transparent;
  z-index: 0;
}
.section-homework .steps a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -30px;
  width: 30px;
  top: 0;
  height: 100%;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: transparent transparent transparent #c6d2e5;
}
.section-homework .steps a.active {
  color: #ffffff;
  background-color: #0074BD;
}
.section-homework .steps a.active b {
  color: #a3cbf2;
}
.section-homework .steps a.active:before {
  border-color: #0074BD transparent #0074BD transparent;
}
.section-homework .steps a.active:after {
  border-color: transparent transparent transparent #0074BD;
}
@media (max-width: 767px) {
  .section-homework .steps:not(.mozabook) {
    height: inherit;
  }
  .section-homework .steps:not(.mozabook) a {
    width: calc(100% - 60px);
    height: 60px;
    margin-bottom: 15px;
    margin-left: 30px;
    margin-right: 30px;
  }
  .section-homework .steps:not(.mozabook) a:first-child.arrow-start + a {
    width: calc(100% - 70px);
  }
  .section-homework .steps:not(.mozabook) a:last-child {
    width: calc(100% - 30px);
  }
}
.section-homework .steps.mozabook a > span b {
  font-size: 35px;
  margin: 0 10px;
}
.section-homework .steps.mozabook a > span {
  font-size: 14px;
}
@media (max-width: 1199px) {
  .section-homework .steps.mozabook a > span b {
    font-size: 35px;
    margin: 0 5px;
  }
  .section-homework .steps.mozabook a > span {
    font-size: 14px;
  }
}
@media (max-width: 519px) {
  .section-homework .steps.mozabook {
    height: inherit;
  }
  .section-homework .steps.mozabook a {
    width: calc(100% - 30px);
    height: 30px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .section-homework .steps.mozabook a:first-child {
    margin-left: 0;
    margin-right: 10px;
  }
  .section-homework .steps.mozabook a:first-child.arrow-start + a {
    margin-left: 20px;
    width: calc(100% - 35px);
  }
  .section-homework .steps.mozabook a:last-child {
    margin-left: 15px;
    width: calc(100% - 15px);
  }
  .section-homework .steps.mozabook a > span b {
    font-size: 27px;
  }
  .section-homework .steps.mozabook a > span > span {
    font-size: 13px;
    width: inherit;
  }
  .section-homework .steps.mozabook a:before {
    left: -15px;
    width: 15px;
    border-width: 15px 0 15px 15px;
  }
  .section-homework .steps.mozabook a:after {
    right: -15px;
    width: 15px;
    border-width: 15px 0 15px 15px;
  }
}
.section-homework .container {
  padding-top: 20px;
  min-height: 500px;
}
.section-homework .container:first-child {
  padding-top: 0;
}
.section-homework .homework .save > .btn, .section-homework .homework .save > .btn-facebook, .section-homework .homework .save > .btn-round, .section-homework .homework .save > .btn-default, .section-homework .homework .save > .btn-sausage, .section-homework .homework .save > .btn-success, .section-homework .homework .save > .btn-cadavr, .section-homework .homework .save > .btn-yellow, .section-homework .homework .save > .btn-yellow-2, .section-homework .homework .save > .btn-red, .section-homework .homework .save > .btn-red-2, .section-homework .homework .save > .btn-white, .section-homework .homework .ui-dialog .ui-dialog-buttonpane .save > button, .ui-dialog .ui-dialog-buttonpane .section-homework .homework .save > button {
  -js-display: inline-flex;
  display: inline-flex;
}
.section-homework .homework-contacts .form-group {
  position: relative;
}
.section-homework .homework-contacts .form-control, .section-homework .homework-contacts .cke_editable {
  padding-left: 35px;
}
.section-homework .homework-contacts.inline-icon [class^=mwicon-], .section-homework .homework-contacts.inline-icon [class*=" mwicon-"] {
  left: 12px;
  top: 9px;
  position: absolute;
  font-size: 18px;
}
.section-homework .homework-contacts .typeahead_groups {
  margin-right: 15px;
}
@media (max-width: 1199px) {
  .section-homework .homework-contacts .typeahead_groups {
    margin-right: 0px;
  }
}
.section-homework .homework-contacts .typeahead.dropdown-menu li a {
  white-space: normal;
}
.section-homework .homework-contacts .typeahead.dropdown-menu li .dropdown-item .typeahead span {
  transition: color 0.3s;
  margin-top: 2px;
}
.section-homework .homework-contacts .typeahead.dropdown-menu li.active .dropdown-item .typeahead span {
  color: #ffffff !important;
}
.section-homework .close-all {
  display: none;
}
.section-homework .hw-group-edit {
  margin: 0;
}
.section-homework .hw-group-edit .fa {
  font-size: 18px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .section-homework .selected_tests .row div[class*=col-]:first-child {
    padding-right: 0;
  }
  .section-homework .selected_tests .row div[class*=col-]:last-child {
    padding-left: 0;
  }
}
.section-homework .homework-subtitle {
  margin: 0 0 10px;
  font-weight: bold;
}
.section-homework .btn-default .fa-plus-circle {
  color: #0074BD;
}
.section-homework .btn-primary, .section-homework .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-homework button {
  margin-top: 0px;
}
.section-homework .divider {
  border-color: #cfdae9;
}
.section-homework ul.tagit li.ui-state-default {
  background: #0dbf6d;
  padding-right: 30px;
}
.section-homework ul.tagit li.ui-state-default .tagit-label {
  color: #ffffff;
}
.section-homework ul.tagit li.ui-state-default.group {
  padding-right: 45px;
  background-color: #0074BD;
}
.section-homework ul.tagit li.ui-state-default.group .opener,
.section-homework ul.tagit li.ui-state-default.group .closer {
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 4px;
}
.section-homework ul.tagit li.ui-state-default.group .closer {
  display: none;
}
.section-homework ul.tagit li.ui-state-default.read-only {
  padding-right: 9px;
}
.section-homework ul.tagit li.ui-state-default.read-only.group {
  padding-right: 25px;
}
.section-homework ul.tagit li.ui-state-default.read-only.group .opener,
.section-homework ul.tagit li.ui-state-default.read-only.group .closer {
  right: 10px;
  top: 4px;
}
.section-homework ul.tagit li.ui-state-default.group-member {
  padding-right: 0.5em;
  background-color: #24B6F7;
}
.section-homework ul.tagit li.ui-state-default[isActive="0"] {
  background-color: grey;
}
.section-homework ul.tagit li.ui-state-default .tag-icon {
  margin-right: 5px;
  display: block;
  float: left;
  margin-top: 11px;
  font-size: 20px;
  line-height: 0;
}
.section-homework ul.tagit li.ui-state-default .group-size {
  color: #ffffff;
  font-size: 15px;
  margin-right: 5px;
}
.section-homework ul.tagit li.ui-state-default .tagit-close {
  right: 6px;
}
.section-homework ul.tagit li.ui-state-default i,
.section-homework ul.tagit li.ui-state-default .tagit-close {
  color: #ffffff;
}
.section-homework .homework_container ul.tagit li.ui-state-default .tagit-close {
  right: 5px;
}
.section-homework .homework_container ul.tagit li.ui-state-default .tagit-close .ui-icon-close {
  text-indent: inherit;
  border-radius: 50%;
  background-image: none;
}
.section-homework .homework_container ul.tagit li.ui-state-default .tagit-close .ui-icon-close:before {
  color: rgba(255, 255, 255, 0.5);
  font: normal normal normal 16px/1 FontAwesome;
  width: 30px;
  height: 30px;
  display: block;
  content: "\f057";
}

.tooltip-container .tooltip-inner {
  padding: 8px;
  max-width: initial;
}
.tooltip-container td {
  padding: 3px;
}
.tooltip-container td.text-left {
  font-weight: bold;
}

.tagit-stat.third-step {
  border-top: 1px solid #dee5f2;
  margin-top: 20px;
}
.tagit-stat span {
  font-size: 12px;
}
.tagit-stat span.text:not(:first-child) {
  padding-left: 20px;
}
.tagit-stat span:not(.text) {
  font-weight: bold;
}

#contacts_input {
  min-height: 100px;
  clear: both;
}

.alert-success h2 {
  margin-top: 0px !important;
}

.homework .divider {
  margin: 20px 0 35px 0 !important;
}

@media only screen and (max-width: 991px) {
  .mb15 {
    margin-bottom: 0px;
  }
  .f14 {
    font-size: 14px;
  }
  .pl0 {
    padding-left: 0px;
  }
  .pr0 {
    padding-right: 0px;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .lined.mb20 {
    margin-bottom: 20px !important;
  }
  .mt0 {
    margin-top: 0px !important;
  }
  .ml0 {
    margin-left: 0px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .contacts.mb20 {
    margin-bottom: 15px !important;
  }
}
.alert-success h2 {
  margin-top: 0px !important;
}

.tags_div .col-md-10 {
  padding-left: 0px !important;
}

@media only screen and (max-width: 991px) {
  .mb15 {
    margin-bottom: 0px;
  }
  .f14 {
    font-size: 14px;
  }
  .pl0 {
    padding-left: 0px;
  }
  .pr0 {
    padding-right: 0px;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .lined.mb20 {
    margin-bottom: 20px !important;
  }
  .mt0 {
    margin-top: 0px !important;
  }
  .ml0 {
    margin-left: 0px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .contacts.mb20 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
  .homework-pager .col-md-6 {
    width: 50% !important;
    float: left;
  }
  .alert-success div.mb20, .contacts.mb20, input.mb15 {
    margin-bottom: 15px !important;
  }
  .pagination.short {
    margin: 0px !important;
    float: right !important;
  }
  .homework.container .grp-usr-title h2 {
    margin-top: 0px;
  }
  .homework.container .grp-usr-title .mb20 {
    margin-bottom: 20px !important;
  }
  .homework.container .grp-usr-title .col-xs-5 {
    padding-right: 0px;
  }
  .homework.container .grp-usr-title .col-xs-7 {
    padding-left: 0px;
  }
  .tags_div .col-xs-3 {
    padding-right: 0px;
  }
  .homework.container .action-icons i {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .homework.container .grp-usr-title .col-xs-7 div {
    margin-bottom: 20px;
  }
  .homework .tags_div .col-xs-6 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 599px) {
  .pagination.short {
    margin: 0px 0 20px 0 !important;
    float: left !important;
  }
}
@media only screen and (max-width: 519px) {
  .homework .col-xs-6 {
    width: 100% !important;
  }
  .homework #groupedit_form .col-xs-6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .homework .tags_div .col-xs-6 {
    padding-left: 0px;
    padding-right: 15px !important;
    margin-bottom: 0px;
  }
  .testrow [class*=col-] {
    width: 100% !important;
  }
  .btn-sharetype {
    padding: 6px;
  }
}
@media only screen and (min-width: 970px) and (max-width: 1200px) {
  .js-sharetype {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1200px) {
  .btn-homework-head {
    margin-top: 10px !important;
  }
}
.homework-wrapper ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: inline-block !important;
}

.homework-wrapper *.red-border {
  border: 1px solid #a94442 !important;
}
.homework-wrapper *.red-border-left {
  border-left: 1px solid #a94442 !important;
}
.homework-wrapper *.red-border-right {
  border-right: 1px solid #a94442 !important;
}
@media (max-width: 991px) {
  .homework-wrapper [class*=col-] {
    margin-bottom: 0;
  }
  .homework-wrapper .hw-enddate-wrapper {
    margin-top: 20px;
  }
}
.homework-wrapper .section-homework {
  background: #f2f5f9;
}
.homework-wrapper .homework h3 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
}
@media (max-width: 991px) {
  .homework-wrapper .homework h3 {
    font-size: 20px;
  }
}
.homework-wrapper .homework h3 small {
  color: #455771;
}
.homework-wrapper .homework .hw-instructions {
  margin-left: 15px;
}
.homework-wrapper .hw-type-chooser {
  text-align: center;
  justify-content: center;
}
.homework-wrapper .hw-type-chooser a {
  text-decoration: none;
  display: block;
  height: 335px;
  padding: 20px 30px 30px 30px;
  border: 1px solid #f2f5f9;
  transition: all 150ms ease-in;
}
.homework-wrapper .hw-type-chooser a .hw-type-image {
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .homework-wrapper .hw-type-chooser a {
    padding: 20px 15px 20px 15px;
  }
}
@media (max-width: 991px) {
  .homework-wrapper .hw-type-chooser a {
    padding: 10px 15px 15px 15px;
    width: 100%;
  }
}
.homework-wrapper .hw-type-chooser a:hover {
  border-color: #c9dce9;
  background: #ffffff;
}
.homework-wrapper .hw-type-chooser a:hover i {
  color: #75d9f0 !important;
}
.homework-wrapper .hw-type-chooser p {
  color: #455771;
}
@media (max-width: 991px) {
  .homework-wrapper .hw-type-chooser p {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .homework-wrapper .hw-type-chooser p {
    padding: 0;
  }
}

.section-homework.mozabook > .container {
  padding-top: 20px;
  width: 100%;
  padding-bottom: 20px;
  min-height: auto;
}

.mozabook-window .section-homework {
  padding-top: 10px;
}
.mozabook-window .homework-title-row {
  height: 77px;
}
.mozabook-window .container {
  width: auto;
}

@media (min-width: 992px) {
  .filter-search-group .hw-deadline-filter {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .filter-search-group .hw-deadline-filter {
    margin-top: 20px;
  }
}

.homework_received_tasks .table:hover, .filter-search-group .table:hover {
  background-color: #b9c8e4;
}
.homework_received_tasks .table.active, .filter-search-group .table.active {
  border: 2px solid #0074BD;
}
.homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
  vertical-align: middle;
}
.homework_received_tasks .table .hw-sender div p, .filter-search-group .table .hw-sender div p {
  margin: auto;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1200px) {
  .homework_received_tasks .table .hw-progress, .filter-search-group .table .hw-progress {
    width: 80px;
  }
  .homework_received_tasks .table .hw-subject, .filter-search-group .table .hw-subject {
    width: 160px;
  }
  .homework_received_tasks .table .hw-sender, .filter-search-group .table .hw-sender {
    width: 185px;
  }
  .homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
    width: 110px;
  }
  .homework_received_tasks .table .hw-title, .filter-search-group .table .hw-title {
    width: 255px;
    max-width: 255px;
  }
}
@media (min-width: 992px) {
  .homework_received_tasks .table .hw-progress, .filter-search-group .table .hw-progress {
    width: 80px;
  }
  .homework_received_tasks .table .hw-subject, .filter-search-group .table .hw-subject {
    width: 110px;
  }
  .homework_received_tasks .table .hw-sender, .filter-search-group .table .hw-sender {
    width: 170px;
  }
  .homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
    width: 110px;
  }
}
@media (max-width: 991px) {
  .homework_received_tasks .table .hw-progress, .filter-search-group .table .hw-progress {
    width: 50px;
    border-top-color: #b9c8e4;
  }
  .homework_received_tasks .table .hw-task, .filter-search-group .table .hw-task {
    border-top-color: #b9c8e4;
  }
  .homework_received_tasks .table .hw-subject, .filter-search-group .table .hw-subject {
    width: 110px;
  }
  .homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
    width: 40px;
  }
  .homework_received_tasks .table .hw-title, .filter-search-group .table .hw-title {
    width: 180px;
    max-width: 180px;
    overflow: hidden;
  }
  .homework_received_tasks .table .hw-deadline, .homework_received_tasks .table .hw-start, .filter-search-group .table .hw-deadline, .filter-search-group .table .hw-start {
    width: 100px;
  }
  .homework_received_tasks .table .first-task .hw-progress, .filter-search-group .table .first-task .hw-progress {
    border-top-color: #dee5f2;
  }
  .homework_received_tasks .table .first-task .hw-task, .filter-search-group .table .first-task .hw-task {
    border-top-color: #dee5f2;
  }
}
.homework_received_tasks .table td.hw-progress, .filter-search-group .table td.hw-progress {
  text-align: center;
}
.homework_received_tasks .table td.hw-progress .has-evaluation, .filter-search-group .table td.hw-progress .has-evaluation {
  font-weight: bold;
  color: #09b95d;
}
.homework_received_tasks .table .hw-description .evaluation, .filter-search-group .table .hw-description .evaluation {
  color: #09b95d;
  font-weight: bold;
}
.homework_received_tasks .table .hw-description > p:last-child, .filter-search-group .table .hw-description > p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .homework_received_tasks .hw-deadline-filter, .filter-search-group .hw-deadline-filter {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .homework_received_tasks .hw-deadline-filter, .filter-search-group .hw-deadline-filter {
    margin-top: 15px;
    width: 100%;
  }
  .homework_received_tasks .hw-deadline-filter select, .filter-search-group .hw-deadline-filter select {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .homework_received_tasks .flr, .filter-search-group .flr {
    float: right;
  }
}
.homework_received_tasks #search, .filter-search-group #search {
  border-right: none;
}
.homework_received_tasks #search + .input-group-addon, .filter-search-group #search + .input-group-addon {
  background: #ffffff;
  color: #c7d6eb;
}
.homework_received_tasks .search-input-group, .filter-search-group .search-input-group {
  width: 265px;
  margin-right: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .homework_received_tasks .search-input-group, .filter-search-group .search-input-group {
    width: 455px;
  }
}
@media (max-width: 767px) {
  .homework_received_tasks .search-input-group, .filter-search-group .search-input-group {
    width: 100%;
    margin-right: 0px;
  }
}
.homework_received_tasks #subject_select, .filter-search-group #subject_select {
  width: 250px;
}
@media (max-width: 767px) {
  .homework_received_tasks #subject_select, .filter-search-group #subject_select {
    width: 100%;
  }
}
.homework_received_tasks #sorting, .filter-search-group #sorting {
  width: 140px;
}
@media (max-width: 991px) {
  .homework_received_tasks #sorting, .filter-search-group #sorting {
    width: 265px;
  }
}
@media (max-width: 767px) {
  .homework_received_tasks #sorting, .filter-search-group #sorting {
    display: inline-block;
    width: 100%;
  }
}
.homework_received_tasks #sorting + i.fa, .filter-search-group #sorting + i.fa {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .homework_received_tasks .form-group, .filter-search-group .form-group {
    width: 100%;
    margin-bottom: 5px;
  }
  .homework_received_tasks .form-group.hw-task-filter, .filter-search-group .form-group.hw-task-filter {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .homework_received_tasks .hw-deadline-filter, .filter-search-group .hw-deadline-filter {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.fa-sort-amount-asc:hover,
.fa-sort-amount-desc:hover {
  cursor: pointer;
}

.hw-step-title {
  -js-display: flex;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.hw-step-title small {
  margin-top: 3px;
  margin-left: 5px;
}
.hw-step-title i {
  margin-right: 5px;
  margin-left: -5px;
}

.hw-design .alert.alert-success {
  float: left;
  width: 100%;
}
.hw-design i.hw-icon-exercise {
  color: #e50000;
  position: absolute;
}
.hw-design i.hw-icon-essay {
  color: #24B6F7;
  position: absolute;
}
.hw-design i.hw-icon-booklet {
  color: #19cf8d;
  position: absolute;
}
.hw-design i.hw-icon-collection {
  color: #f2b500;
  position: absolute;
}
.hw-design .homework-subtitle i.hw-icon-exercise {
  left: 4px;
  font-size: 47px;
  top: -8px;
}
.hw-design #search {
  border-right: none;
}
.hw-design #search + .input-group-addon {
  background: #ffffff;
}
.hw-design td.hw-type, .hw-design td.hw-icon, .hw-design td.hw-start, .hw-design td.hw-deadline {
  text-align: center;
}
.hw-design .hw-type {
  width: 47px;
}
.hw-design .hw-title {
  width: 255px;
  max-width: 255px;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hw-design .hw-title {
    width: 100px;
  }
}
.hw-design .subject-icon {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.hw-design .subject-icon [class^=mwicon-], .hw-design .subject-icon [class*=" mwicon-"], .hw-design .subject-icon i {
  font-size: 20px !important;
  opacity: 0.5;
}
.hw-design .hw-deadline, .hw-design .hw-start {
  width: 115px;
}
.hw-design .table {
  box-shadow: none;
}

.dot-overflow {
  margin: auto;
  word-break: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-height: 991px) {
  .dot-overflow {
    overflow: hidden;
  }
}

.max-height {
  max-height: 35px;
}
@media (max-height: 991px) {
  .max-height {
    max-height: 42px;
  }
}

.hw-description {
  font-style: italic;
}
.hw-description div {
  position: relative;
}
.hw-description div p {
  margin: 0 20px 0 0 !important;
}

.homework-sent-tasks > form .row {
  margin-left: -10px;
  margin-right: -10px;
}
.homework-sent-tasks > form .row div[class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}
.homework-sent-tasks .item-actions .dropdown-menu {
  right: 25px;
  min-width: 190px;
}
.homework-sent-tasks #group_select, .homework-sent-tasks #subject_select {
  border-left: none;
}
.homework-sent-tasks .group-addon {
  background: #ffffff;
  font-size: 18px;
}
.homework-sent-tasks .group-addon > [class^=mwicon-], .homework-sent-tasks .group-addon > [class*=" mwicon-"] {
  font-size: 20px;
}
.homework-sent-tasks .hw-deadline-group .form-control, .homework-sent-tasks .hw-deadline-group .cke_editable {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.homework-sent-tasks .hw-deadline-group .form-control + .input-group-addon, .homework-sent-tasks .hw-deadline-group .cke_editable + .input-group-addon {
  border: 0;
}
.homework-sent-tasks .table:hover {
  background-color: #f0f6ff;
}
.homework-sent-tasks .table th {
  padding-left: 15px;
}
.homework-sent-tasks .table th i {
  color: #455771;
  font-size: 19px;
}
.homework-sent-tasks .table th i.fa {
  font-size: 17px;
}
.homework-sent-tasks .table td .fa {
  font-size: inherit;
}
.homework-sent-tasks .table .hw-users,
.homework-sent-tasks .table .hw-check {
  padding-left: 8px;
}
.homework-sent-tasks .table .hw-participants,
.homework-sent-tasks .table .hw-results {
  text-align: center;
}
.homework-sent-tasks .table .hw-participants,
.homework-sent-tasks .table .hw-icon {
  width: 80px;
}
.homework-sent-tasks .table .hw-class {
  width: 200px;
}
.homework-sent-tasks .table .hw-class .tooltip {
  left: inherit !important;
}
.homework-sent-tasks .table .hw-class .hw-group-type {
  float: left;
}
.homework-sent-tasks .table .hw-class .hw-group-type .mwicon-group, .homework-sent-tasks .table .hw-class .hw-group-type .mwicon-class {
  color: #8c97a7;
  font-size: 20px;
}
.homework-sent-tasks .table .hw-class span {
  float: left;
}
.homework-sent-tasks .table .hw-class .students {
  -js-display: flex;
  display: flex;
  align-items: center;
}
.homework-sent-tasks .table .hw-class .students .mwicon-user {
  color: #8c97a7;
  font-size: 20px;
  margin-top: 1px;
}
.homework-sent-tasks .task-wrapper {
  word-break: break-word;
  position: relative;
}
.homework-sent-tasks .task-wrapper .hw-description > p:last-child {
  margin-bottom: 0;
}
.homework-sent-tasks .task-wrapper .hw-description-sm {
  display: block !important;
  padding: 10px 0;
}
.homework-sent-tasks .task-wrapper:hover .hw-settings {
  display: block;
}
.homework-sent-tasks .task-wrapper .dropdown-menu {
  top: 10px;
  left: 75px;
  max-width: 210px;
}
.homework-sent-tasks .task-wrapper .dropdown-menu .fa {
  position: absolute;
  color: #0074BD;
}
.homework-sent-tasks .task-wrapper .dropdown-menu span {
  margin-left: 30px;
}
.homework-sent-tasks .task-wrapper.active .hw-settings {
  top: 42px;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar {
  display: none;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 0px 10px 18px;
  color: #ffffff;
  background: #0074BD;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar .fa, .homework-sent-tasks .task-wrapper .hw-task-toolbar a {
  color: #ffffff;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar .fa:active, .homework-sent-tasks .task-wrapper .hw-task-toolbar a:active {
  color: #ffffff;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar a {
  margin-right: 25px;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar .fa {
  margin-right: 10px;
  font-size: 19px;
  pointer-events: none;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar span {
  font-weight: bold;
  pointer-events: none;
}
.homework-sent-tasks .task-wrapper .hw-task-toolbar .hw-triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 0 45px;
  border-color: transparent transparent transparent #0074BD;
  position: absolute;
  right: -45px;
  top: 0;
}
.homework-sent-tasks .task-wrapper.active .table, .homework-sent-tasks .task-wrapper.active .table-like {
  border: 2px solid #0074BD;
}
.homework-sent-tasks .task-wrapper.active .table-like .row div[class*=col-] .hw-settings-sm {
  display: block;
}
@media (max-width: 991px) {
  .homework-sent-tasks .task-wrapper .table .hw-task-title, .homework-sent-tasks .task-wrapper .table .hw-class {
    border-top-color: #b9c8e4;
  }
  .homework-sent-tasks .task-wrapper .table .first-task .hw-task-title, .homework-sent-tasks .task-wrapper .table .first-task .hw-class {
    border-top-color: #dee5f2;
  }
  .homework-sent-tasks .task-wrapper .table .hw-deadline, .homework-sent-tasks .task-wrapper .table .hw-start {
    text-align: inherit;
  }
  .homework-sent-tasks .task-wrapper .hw-task-toolbar {
    max-width: 550px;
  }
  .homework-sent-tasks .task-wrapper .hw-task-toolbar a {
    margin-right: 15px;
  }
  .homework-sent-tasks .task-wrapper .hw-task-toolbar .fa {
    margin-right: 5px;
  }
  .homework-sent-tasks .task-wrapper .hw-task-toolbar .hw-triangle {
    right: -42px;
    border-width: 42px 0 0 42px;
  }
}
@media (max-width: 767px) {
  .homework-sent-tasks .task-wrapper .hw-task-toolbar {
    max-width: 180px;
  }
}
.homework-sent-tasks .hw-deadline-filter .input-group .fa:hover {
  cursor: pointer;
}
.homework-sent-tasks .hw-deadline-filter .input-group-addon {
  padding-left: 10px;
  padding-right: 10px;
  background: none;
}
.homework-sent-tasks .hw-group-filter .input-group-addon, .homework-sent-tasks .hw-subject-filter .input-group-addon {
  padding-right: 0;
}

#selected_tests_table td.with-padding {
  position: relative;
}
#selected_tests_table td.with-padding b {
  padding-left: 40px;
}
#selected_tests_table .hw-test-title {
  width: 430px;
}
#selected_tests_table .hw-icon-exercise {
  font-size: 30px;
  top: 5px;
  left: 5px;
}

.homework-task-evaluation .popup-textarea {
  width: 40vw !important;
  height: 25vh !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 20 !important;
}
.homework-task-evaluation .red-circle {
  color: #ef0b06 !important;
}
.homework-task-evaluation h3 {
  margin-top: 0;
}
.homework-task-evaluation h3 img {
  width: 30px;
}
.homework-task-evaluation h3 i {
  font-size: 48px;
  vertical-align: middle;
  margin-right: 5px;
}
.homework-task-evaluation h3 a {
  font-weight: bold;
  vertical-align: middle;
}
.homework-task-evaluation .datas {
  margin-left: 55px !important;
}
@media (max-width: 767px) {
  .homework-task-evaluation .datas {
    margin-left: 10px !important;
  }
}
.homework-task-evaluation .hte-average {
  border-top: 2px solid #c7d3e5;
  background-color: #f1f5fb;
}
.homework-task-evaluation .hte-students .not-uploaded, .homework-task-evaluation .hte-students-sm.not-uploaded {
  cursor: not-allowed !important;
}
.homework-task-evaluation .hte-students-control {
  display: inline;
}
.homework-task-evaluation .hte-students-control select,
.homework-task-evaluation .hte-tasks-control select {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .homework-task-evaluation .hte-students-control select,
  .homework-task-evaluation .hte-tasks-control select {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .homework-task-evaluation .hte-students-control select,
  .homework-task-evaluation .hte-tasks-control select {
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .homework-task-evaluation .hte-tasks-control .form-control, .homework-task-evaluation .hte-tasks-control .cke_editable {
    width: 100%;
  }
  .homework-task-evaluation .hte-tasks-control .dropdown-xs {
    padding: 0;
  }
}
.homework-task-evaluation .btn-group .btn, .homework-task-evaluation .btn-group .btn-facebook, .homework-task-evaluation .btn-group .btn-round, .homework-task-evaluation .btn-group .btn-default, .homework-task-evaluation .btn-group .btn-sausage, .homework-task-evaluation .btn-group .btn-success, .homework-task-evaluation .btn-group .btn-cadavr, .homework-task-evaluation .btn-group .btn-yellow, .homework-task-evaluation .btn-group .btn-yellow-2, .homework-task-evaluation .btn-group .btn-red, .homework-task-evaluation .btn-group .btn-red-2, .homework-task-evaluation .btn-group .btn-white, .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button {
  padding: 6px 15px;
  width: 225px;
  font-weight: bold;
  text-align: center;
}
.homework-task-evaluation .btn-group .btn i, .homework-task-evaluation .btn-group .btn-facebook i, .homework-task-evaluation .btn-group .btn-round i, .homework-task-evaluation .btn-group .btn-default i, .homework-task-evaluation .btn-group .btn-sausage i, .homework-task-evaluation .btn-group .btn-success i, .homework-task-evaluation .btn-group .btn-cadavr i, .homework-task-evaluation .btn-group .btn-yellow i, .homework-task-evaluation .btn-group .btn-yellow-2 i, .homework-task-evaluation .btn-group .btn-red i, .homework-task-evaluation .btn-group .btn-red-2 i, .homework-task-evaluation .btn-group .btn-white i, .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button i, .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button i {
  font-size: 24px;
  line-height: 0;
  vertical-align: middle;
}
.homework-task-evaluation .btn-group .btn:not(.btn-primary), .homework-task-evaluation .btn-group .btn-facebook:not(.btn-primary), .homework-task-evaluation .btn-group .btn-round:not(.btn-primary), .homework-task-evaluation .btn-group .btn-default:not(.btn-primary), .homework-task-evaluation .btn-group .btn-sausage:not(.btn-primary), .homework-task-evaluation .btn-group .btn-success:not(.btn-primary), .homework-task-evaluation .btn-group .btn-cadavr:not(.btn-primary), .homework-task-evaluation .btn-group .btn-yellow:not(.btn-primary), .homework-task-evaluation .btn-group .btn-yellow-2:not(.btn-primary), .homework-task-evaluation .btn-group .btn-red:not(.btn-primary), .homework-task-evaluation .btn-group .btn-red-2:not(.btn-primary), .homework-task-evaluation .btn-group .btn-white:not(.btn-primary), .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button:not(.btn-primary), .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button:not(.btn-primary) {
  color: #445974;
}
@media (max-width: 991px) {
  .homework-task-evaluation .btn-group .btn, .homework-task-evaluation .btn-group .btn-facebook, .homework-task-evaluation .btn-group .btn-round, .homework-task-evaluation .btn-group .btn-default, .homework-task-evaluation .btn-group .btn-sausage, .homework-task-evaluation .btn-group .btn-success, .homework-task-evaluation .btn-group .btn-cadavr, .homework-task-evaluation .btn-group .btn-yellow, .homework-task-evaluation .btn-group .btn-yellow-2, .homework-task-evaluation .btn-group .btn-red, .homework-task-evaluation .btn-group .btn-red-2, .homework-task-evaluation .btn-group .btn-white, .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button {
    width: 170px;
  }
}
.homework-task-evaluation .hte-tasks .hte-task {
  border-bottom: 1px solid #dee5f2;
  margin-bottom: 10px;
}
.homework-task-evaluation .hte-tasks .hte-task:last-child {
  border: none;
}
.homework-task-evaluation .hte-tasks .hte-task h4 {
  font-weight: bold;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description {
  background: #ffffff;
  padding: 6px 6px 0 6px;
  border: 1px solid #cfe0f4;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description .not-sent {
  position: relative;
  bottom: 0;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description :first-child {
  line-height: 1.2;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description :first-child a {
  height: 17px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 14px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description img {
  margin-bottom: 25px;
  width: 100%;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description .progress-row {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description .progress-row .pull-right {
  margin-top: -5px;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress {
  height: 10px;
  margin-bottom: 5px;
  width: 90%;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress .progress-bar {
  background-color: #008ce4;
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress span {
  color: #008ce4;
  position: absolute;
  font-size: 12px;
  bottom: 40px;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress span {
    bottom: 60px;
  }
}
.homework-task-evaluation .hte-tasks .hte-task .hte-task-description small span {
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 375px) {
  .homework-task-evaluation .hte-tasks .hte-task .row img {
    width: 50%;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  .homework-task-evaluation .hte-tasks .hte-task .row img {
    width: 25%;
  }
}
.homework-task-evaluation > .row {
  margin-bottom: 20px;
}
.homework-task-evaluation .hte-students {
  box-shadow: none;
}
.homework-task-evaluation .hte-students th {
  padding-top: 12px;
}
.homework-task-evaluation .hte-students .hte-percent, .homework-task-evaluation .hte-students .hte-grade {
  width: 70px;
}
.homework-task-evaluation .hte-students .hte-percent input, .homework-task-evaluation .hte-students .hte-grade input {
  display: inline-block;
  width: 48px;
}
.homework-task-evaluation .hte-students .hte-rating-email {
  width: 30px;
}
.homework-task-evaluation .hte-students .hte-name {
  width: 200px;
  position: relative;
}
.homework-task-evaluation .hte-students .hte-name a {
  font-weight: bold;
  display: block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.homework-task-evaluation .hte-students .hte-name .status-position .tooltip-inner {
  width: 200px;
}
.homework-task-evaluation .hte-students .hte-rating-date {
  width: 110px;
  min-width: 90px;
  position: relative;
}
.homework-task-evaluation .hte-students span.date-position {
  position: absolute;
  bottom: 2px;
  right: 3px;
  font-size: 11px;
}
.homework-task-evaluation .hte-students span.status-position {
  position: absolute;
  right: 3px;
  top: 0;
}
.homework-task-evaluation .hte-students span.status-position i {
  color: #00cc61;
}
.homework-task-evaluation .hte-students .hte-description {
  position: relative;
  padding-bottom: 18px;
}
.homework-task-evaluation .hte-students .hte-description p {
  font-size: 14px;
}
.homework-task-evaluation .hte-students .hte-description .hte-text {
  font-style: italic;
}
.homework-task-evaluation .hte-students .hte-description .hte-text p {
  margin: 0;
  float: left;
  line-height: 1.9;
}
.homework-task-evaluation .hte-students .hte-description .hte-text textarea {
  display: none;
}
.homework-task-evaluation .hte-students .hte-description > tbody > tr > td {
  vertical-align: middle;
}
.homework-task-evaluation .hte-students .hte-description .description-text-container {
  position: relative;
  -js-display: flex;
  display: flex;
}
.homework-task-evaluation .hte-students .hte-description .description-text-container p {
  margin: 0;
}
.homework-task-evaluation .hte-students .hte-description .description-text-container .description-text {
  display: none;
  width: 200px;
  background-color: #ffffff;
  color: #455771;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
}
.homework-task-evaluation .hte-students .hte-description .description-text-container .description-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555555 transparent transparent transparent;
}
.homework-task-evaluation .hte-students .hte-description .description-text-container .description-text.show {
  display: block;
  opacity: 1;
}
.homework-task-evaluation .hte-students th.tasks:not(.previous-task):not(.next-task) {
  position: relative;
}
.homework-task-evaluation .hte-students th.tasks:not(.previous-task):not(.next-task) i {
  margin-right: 8px;
}
.homework-task-evaluation .hte-students th.tasks:not(.previous-task):not(.next-task) .sub-num {
  position: absolute;
  font-size: 75%;
  text-align: right;
  right: 7px;
  top: 21px;
}
.homework-task-evaluation .hte-students input::-webkit-outer-spin-button,
.homework-task-evaluation .hte-students input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.homework-task-evaluation .hte-students input[type=number] {
  -moz-appearance: textfield;
}
.homework-task-evaluation .hte-students .input-percent {
  padding: 4px 6px;
  font-size: 18px;
}
.homework-task-evaluation .hte-students .input-grade {
  font-size: 18px;
  padding: 4px 10px;
}
.homework-task-evaluation .hte-students .input-essay-point {
  display: inline-block;
  width: 48px;
  padding: 4px 6px;
  font-size: 18px;
}
.homework-task-evaluation .hte-description-sm, .homework-task-evaluation .hte-description {
  justify-content: flex-start;
}
.homework-task-evaluation .hte-description-sm .hte-text, .homework-task-evaluation .hte-description .hte-text {
  width: 90%;
  max-width: 350px;
}
.homework-task-evaluation .hte-description-sm .hte-text textarea, .homework-task-evaluation .hte-description .hte-text textarea {
  margin: 0;
  border: none;
  border-bottom: 1px solid #c7d3e5;
  border-radius: 0;
}
.homework-task-evaluation .hte-description-sm .hte-text textarea:focus, .homework-task-evaluation .hte-description .hte-text textarea:focus {
  border: none;
  border-bottom: 1px solid #c7d3e5;
  box-shadow: none;
  padding: 1px 12px;
}
.homework-task-evaluation .hte-description-sm .hte-text p, .homework-task-evaluation .hte-description .hte-text p {
  width: calc(100% - 5px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .homework-task-evaluation .hte-description-sm .hte-text p, .homework-task-evaluation .hte-description .hte-text p {
    max-width: 472px;
  }
}
.homework-task-evaluation .hte-rating-email .email-sent {
  color: #56BF6A;
}
.homework-task-evaluation .send-email-to-all i {
  color: #0074BD;
}
.homework-task-evaluation .send-email-to-all.email-sent i {
  color: #56BF6A;
}
.homework-task-evaluation th.tasks {
  background-color: #dee5f2;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.homework-task-evaluation th.dark-grey-background {
  background-color: #c6d2e4;
}
.homework-task-evaluation th.tasks, .homework-task-evaluation td.tasks {
  padding: 8px 5px;
}
.homework-task-evaluation th.tasks, .homework-task-evaluation th.next-task, .homework-task-evaluation th.previous-task {
  width: 55px;
}
.homework-task-evaluation th.next-task, .homework-task-evaluation th.previous-task {
  padding: 11px;
}
.homework-task-evaluation th.next-task.dark-grey-background, .homework-task-evaluation th.previous-task.dark-grey-background {
  background-color: #dee5f2;
}
.homework-task-evaluation td.tasks div i {
  color: #ffffff;
}
.homework-task-evaluation td.tasks .edit-result .pencil-icon {
  color: #a4b8d5;
}
.homework-task-evaluation td.tasks div.td--solution-excelent, .homework-task-evaluation td.tasks div.td--solution-good, .homework-task-evaluation td.tasks div.td--solution-fair, .homework-task-evaluation td.tasks div.td--solution-poor, .homework-task-evaluation td.tasks div.td--solution-verypoor, .homework-task-evaluation td.tasks div.td--solution-missing {
  position: relative;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.homework-task-evaluation td.tasks div.td--solution-excelent:hover .tooltiptext, .homework-task-evaluation td.tasks div.td--solution-good:hover .tooltiptext, .homework-task-evaluation td.tasks div.td--solution-fair:hover .tooltiptext, .homework-task-evaluation td.tasks div.td--solution-poor:hover .tooltiptext, .homework-task-evaluation td.tasks div.td--solution-verypoor:hover .tooltiptext, .homework-task-evaluation td.tasks div.td--solution-missing:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.homework-task-evaluation td.tasks div.td--solution-excelent {
  background-color: #56BF6A;
}
.homework-task-evaluation td.tasks div.td--solution-good {
  background-color: #2badb7;
}
.homework-task-evaluation td.tasks div.td--solution-fair, .homework-task-evaluation td.tasks div.td--solution-missing {
  background-color: #efa330;
}
.homework-task-evaluation td.tasks div.td--solution-poor {
  background-color: #E27A23;
}
.homework-task-evaluation td.tasks div.td--solution-verypoor {
  background-color: #fb5b5b;
}
.homework-task-evaluation td.tasks div.lightblue2-bg {
  width: 35px;
  height: 35px;
  margin: auto;
}
.homework-task-evaluation td.tasks .tooltiptext {
  visibility: hidden;
  width: 60px;
  background-color: #455771;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -30px;
  opacity: 0;
  transition: opacity 0.3s;
}
.homework-task-evaluation td.tasks .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555555 transparent transparent transparent;
}

.task_message_textarea {
  min-height: 86px;
}

.homework-instructions #contacts,
.homework-instructions label {
  margin-left: 15px;
}
.homework-instructions h4.lined {
  line-height: 30px;
  margin-bottom: 10px;
}
.homework-instructions h4.lined label {
  margin-left: 30px;
  font-size: 15px;
  font-weight: normal;
  float: right;
}
.homework-instructions h4.lined label .iradio_square-blue {
  margin-right: 10px;
}

.homework-instructions .open-all, .homework-instructions .close-all, .homework-contacts .open-all, .homework-contacts .close-all {
  color: #0074BD;
  font-size: 20px;
  margin-top: 6px;
  cursor: pointer;
  margin-right: 10px;
}
.homework-instructions .open-all:hover, .homework-instructions .close-all:hover, .homework-contacts .open-all:hover, .homework-contacts .close-all:hover {
  color: #004e7f;
}

.hw-ckeditor-wrapper {
  position: relative;
}
.hw-ckeditor-wrapper .hw-settings-btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
  cursor: pointer;
}

.homework-all-task .hw-class .students .mwicon-user {
  font-size: 20px;
  color: #8c97a7;
}

.hte-name-sm {
  justify-content: space-between;
}

.hte-percent-sm input {
  max-width: 80px;
}

.hte-grade-sm input {
  max-width: 120px;
}

.next-task i, .previous-task i {
  margin: 0 !important;
}
.next-task i:after, .previous-task i:after {
  color: #0074BD;
}

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

.taskColor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
}

.mt-5 {
  margin-top: -5px;
}
@media (max-width: 767px) {
  .mt-5 {
    margin-top: 5px;
  }
}

.markr-iframe-modal .modal-dialog {
  width: 1200px;
  max-width: calc(100% - 70px);
  margin-top: 70px;
  margin-bottom: 0;
}
.markr-iframe-modal .modal-dialog .modal-body {
  padding: 0 !important;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  overflow: hidden;
}
.markr-iframe-modal .modal-dialog .modal-body .markr-iframe {
  border: none !important;
}
.markr-iframe-modal .modal-dialog .modal-footer {
  border-top: none;
}

.control-panel .dropdown-menu > li > a {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 250px;
  white-space: pre-wrap;
}

.group-wrapper {
  background: #f2f5f9;
}
.group-wrapper .input-group-addon {
  border: 1px solid #c7d3e5;
  background: #ffffff;
  padding: 0 6px;
}
.group-wrapper .input-group-addon:last-child {
  border-left: 0;
}
.group-wrapper .input-group-addon:first-child {
  border-right: 0;
}
.group-wrapper .shield {
  margin-top: 20px;
}
.group-wrapper .panel {
  border-color: #c7d3e5;
  border-radius: 0;
  position: relative;
  box-shadow: 2px 2px 5px 0px #c6d2e5;
}
.group-wrapper .panel .panel-body {
  font-style: italic;
  padding: 10px;
}
.group-wrapper .panel.type-panel {
  display: none;
}
.group-wrapper .panel.type-panel .arrow {
  left: 77px;
}
.group-wrapper .panel.type-panel.active {
  display: block;
}
.group-wrapper .panel.share-panel {
  display: none;
}
.group-wrapper .panel.share-panel .arrow {
  left: 104px;
}
@media (max-width: 991px) {
  .group-wrapper .panel.share-panel .arrow {
    left: 25%;
  }
}
.group-wrapper .panel.share-panel.active {
  display: block;
}
.group-wrapper .panel .arrow {
  position: absolute;
}
.group-wrapper .panel .arrow:after, .group-wrapper .panel .arrow:before {
  content: " ";
  bottom: 0;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.group-wrapper .panel .arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 12px;
  margin-left: -12px;
}
.group-wrapper .panel .arrow:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #c7d3e5;
  border-width: 14px;
  margin-left: -14px;
}
.group-wrapper .class-type .button-big {
  display: inline-block;
  width: 125px;
}
.group-wrapper .class-type .button-big label {
  width: 100%;
  text-align: center;
  color: #0074BD;
}
.group-wrapper .class-type .button-big:first-child {
  margin-left: 15px;
  margin-right: 25px;
}
.group-wrapper .class-type .button-big {
  margin-left: 15px;
  margin-right: 25px;
}
.group-wrapper .class-type .button-big:last-child {
  margin-left: 25px;
  margin-right: 15px;
}
@media (min-width: 992px) and (1199px) {
  .group-wrapper .class-type .button-big:first-child {
    margin-left: 10px;
    margin-right: 10px;
  }
  .group-wrapper .class-type .button-big {
    margin-left: 5px;
    margin-right: 5px;
  }
  .group-wrapper .class-type .button-big:last-child {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 501px) and (max-width: 549px) {
  .group-wrapper .class-type .button-big:first-child {
    margin-left: 0;
    margin-right: 5px;
  }
  .group-wrapper .class-type .button-big {
    margin-left: 25px;
    margin-right: 25px;
  }
  .group-wrapper .class-type .button-big:last-child {
    margin-left: 5px;
    margin-right: 0;
  }
}
@media (min-width: 430px) and (max-width: 500px) {
  .group-wrapper .class-type .button-big:first-child {
    margin-left: 0;
    margin-right: 0;
  }
  .group-wrapper .class-type .button-big {
    margin-left: 0;
    margin-right: 0;
  }
  .group-wrapper .class-type .button-big:last-child {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 430px) {
  .group-wrapper .class-type .button-big:first-child {
    margin-left: 0;
    margin-right: 5px;
  }
  .group-wrapper .class-type .button-big {
    margin-left: 5px;
    margin-right: 5px;
    width: 80px;
  }
  .group-wrapper .class-type .button-big .btn, .group-wrapper .class-type .button-big .btn-facebook, .group-wrapper .class-type .button-big .btn-round, .group-wrapper .class-type .button-big .btn-default, .group-wrapper .class-type .button-big .btn-sausage, .group-wrapper .class-type .button-big .btn-success, .group-wrapper .class-type .button-big .btn-cadavr, .group-wrapper .class-type .button-big .btn-yellow, .group-wrapper .class-type .button-big .btn-yellow-2, .group-wrapper .class-type .button-big .btn-red, .group-wrapper .class-type .button-big .btn-red-2, .group-wrapper .class-type .button-big .btn-white, .group-wrapper .class-type .button-big .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .class-type .button-big button {
    width: 80px;
    height: 60px;
    background-size: 82px;
  }
  .group-wrapper .class-type .button-big label {
    font-size: 14px;
  }
  .group-wrapper .class-type .button-big:last-child {
    margin-left: 5px;
    margin-right: 0;
  }
}
.group-wrapper .class-type .btn-classtype {
  width: 125px;
  height: 73px;
  margin: 0;
  background-color: #74daf2;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.group-wrapper .class-type .active {
  border: 5px solid #0074BD;
}
.group-wrapper .class-type .class {
  background-image: url("../assets/images/homework-class.png");
}
.group-wrapper .class-type .team {
  background-image: url("../assets/images/homework-team.png");
}
.group-wrapper .class-type .group {
  background-image: url("../assets/images/homework-group.png");
}
.group-wrapper .share-type .fa, .group-wrapper .group-type .fa {
  width: 22px;
  height: 15px;
  position: relative;
  margin-right: 5px;
}
.group-wrapper .share-type .fa:before, .group-wrapper .group-type .fa:before {
  position: absolute;
  font-size: 22px;
  left: 0;
  top: -2px;
}
.group-wrapper .filter-search-group .search-input-group {
  width: 100%;
  margin-right: inherit;
}
.group-wrapper .filter-search-group .group-select {
  width: 100%;
}
.group-wrapper .filter-search-group .form-group {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .group-wrapper .group-type {
    width: 100%;
    margin-bottom: 20px;
  }
  .group-wrapper .group-type .btn, .group-wrapper .group-type .btn-facebook, .group-wrapper .group-type .btn-round, .group-wrapper .group-type .btn-default, .group-wrapper .group-type .btn-sausage, .group-wrapper .group-type .btn-success, .group-wrapper .group-type .btn-cadavr, .group-wrapper .group-type .btn-yellow, .group-wrapper .group-type .btn-yellow-2, .group-wrapper .group-type .btn-red, .group-wrapper .group-type .btn-red-2, .group-wrapper .group-type .btn-white, .group-wrapper .group-type .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .group-type button {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .group-wrapper .filter-search-group {
    margin-top: 70px;
  }
}
.group-wrapper .main-label {
  color: #0074BD;
  font-size: 18px;
  margin-bottom: 15px;
}
.group-wrapper .leader .mwicon-plus {
  font-size: 20px;
  margin-right: -5px;
  margin-left: 5px;
  top: -3px;
  position: relative;
}
.group-wrapper .table-wrapper .table tbody .separator {
  display: none;
  background: #f2f5f9;
  border: none;
}
.group-wrapper .table-wrapper .table tbody .separator td {
  padding-bottom: 10px;
  background-color: #f2f5f9;
  border: none;
  padding-top: 34px;
}
.group-wrapper .table-wrapper .table tbody .separator.active {
  display: table-row;
}
.group-wrapper .table-wrapper .gp-options-wrapper {
  display: none;
}
.group-wrapper .table-wrapper .gp-options-wrapper.active {
  display: block;
}
.group-wrapper .table-wrapper .gp-options-wrapper .gp-options {
  height: 43px;
  background: #0074BD;
  position: relative;
  float: left;
}
.group-wrapper .table-wrapper .gp-options-wrapper .gp-options a.gp-link {
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  padding: 0 15px;
  line-height: 43px;
  white-space: nowrap;
}
.group-wrapper .table-wrapper .gp-options-wrapper .gp-options a.gp-link i {
  font-size: 24px;
  vertical-align: middle;
}
.group-wrapper .table-wrapper .gp-options-wrapper .gp-options:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 0 45px;
  border-color: transparent transparent transparent #0074BD;
  position: absolute;
  right: -45px;
  top: 0;
}
.group-wrapper .table-wrapper .gp-table:hover {
  background-color: #f0f6ff;
}
.group-wrapper .table-wrapper .gp-table .gp-home div[class*=iradio_square] i {
  color: #d3cfc8;
  margin-top: 4px;
}
.group-wrapper .table-wrapper .gp-table .gp-home div[class*=iradio_square].hover i {
  color: #1b7E5a;
}
.group-wrapper .table-wrapper .gp-table .gp-home div[class*=iradio_square].checked i {
  display: none;
}
.group-wrapper .table-wrapper .gp-table.table-like.active .gp-team .gp-name .item-actions, .group-wrapper .table-wrapper .gp-table.table-like.active .gp-team .gp-name-sm .item-actions {
  display: block;
}
.group-wrapper .table-wrapper .gp-table.active {
  border: 2px solid #0074BD;
}
.group-wrapper .table-wrapper .gp-table.active .gp-team:hover .gp-name .item-actions, .group-wrapper .table-wrapper .gp-table.active .gp-team:hover .gp-name-sm .item-actions {
  display: block;
}
.group-wrapper .table-wrapper .table, .group-wrapper .table-wrapper .table-like {
  box-shadow: none;
  margin-bottom: 10px;
}
.group-wrapper .table-wrapper .table .gp-home, .group-wrapper .table-wrapper .table-like .gp-home {
  width: 44px;
}
.group-wrapper .table-wrapper .table .gp-type, .group-wrapper .table-wrapper .table-like .gp-type {
  width: 80px;
}
.group-wrapper .table-wrapper .table .gp-name, .group-wrapper .table-wrapper .table-like .gp-name {
  width: 290px;
}
.group-wrapper .table-wrapper .table .gp-headcount, .group-wrapper .table-wrapper .table-like .gp-headcount {
  width: 60px;
}
.group-wrapper .table-wrapper .table .gp-managers, .group-wrapper .table-wrapper .table-like .gp-managers {
  width: 265px;
}
.group-wrapper .table-wrapper .table .gp-created, .group-wrapper .table-wrapper .table-like .gp-created {
  width: 135px;
}
.group-wrapper .table-wrapper .table tbody tr, .group-wrapper .table-wrapper .table-like tbody tr {
  border-bottom: 1px solid #dee5f2;
}
.group-wrapper .table-wrapper .table tbody .gp-team .gp-name span a:before, .group-wrapper .table-wrapper .table-like tbody .gp-team .gp-name span a:before {
  content: "";
  display: inline-block;
  background: url("../assets/images/footer-dot.svg") no-repeat 50% 50%;
  width: 10px;
  height: 12px;
  margin-right: 5px;
}
.group-wrapper .homework-pager .table-pager {
  text-align: center;
}
.group-wrapper .group-name .input-group-addon .mwicon-group, .group-wrapper .general-group-name .input-group-addon .mwicon-group {
  font-size: 32px;
  color: #b2c4da;
}
.group-wrapper .group-name .icon, .group-wrapper .general-group-name .icon {
  display: none;
}
.group-wrapper .group-name .icon.active, .group-wrapper .general-group-name .icon.active {
  display: block;
}
.group-wrapper .alert-unique {
  border-radius: 0;
  border: none;
  color: #ffffff;
  font-weight: bold;
}
.group-wrapper .alert-unique.alert-danger, .group-wrapper .alert-unique.alert-warning {
  background-color: #d35959;
}
.group-wrapper .alert-unique.alert-success {
  background-color: #59d387;
}
.group-wrapper .alert-unique i {
  font-size: 19px;
  padding-right: 15px;
}
.group-wrapper .group-description .group-label {
  width: 100%;
  float: left;
}
.group-wrapper .group-description .group-label .group-label-icon {
  float: left;
  width: 32px;
  height: 32px;
  background-color: #26cdff;
  border-radius: 50%;
  position: relative;
  margin-right: 15px;
}
.group-wrapper .group-description .group-label .group-label-icon i {
  color: #ffffff;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  margin: auto;
  font-size: 23px;
  width: 23px;
  height: 24px;
}
.group-wrapper .group-description .group-label .group-label-name {
  float: left;
  color: #0074BD;
  font-size: 22px;
  font-weight: bold;
}
.group-wrapper .blue-label-row {
  position: relative;
  display: table;
  margin-bottom: -2px;
}
.group-wrapper .blue-label-row .user-label {
  margin-bottom: -2px;
  position: relative;
  height: 42px;
  background-color: #0074BD;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 12px;
  float: left;
}
.group-wrapper .blue-label-row .user-label i {
  font-size: 18px;
  margin-right: 5px;
}
.group-wrapper .blue-label-row .triangle {
  position: relative;
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 42px 0 0 42px;
  border-color: transparent transparent transparent #0074BD;
}
.group-wrapper .user-search .search-input-group .search_string {
  border-right: none;
}
.group-wrapper .user-search .search-input-group i {
  color: #c6d2e5;
}
.group-wrapper .group-members, .group-wrapper .students {
  height: 560px !important;
  width: 100% !important;
  background-color: #ffffff;
  border: 1px solid #c7d3e5;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  overflow-x: hidden;
}
.group-wrapper .group-members .table, .group-wrapper .students .table {
  overflow: visible;
  border: none;
  box-shadow: none;
}
.group-wrapper .group-members .table tbody, .group-wrapper .students .table tbody {
  display: block;
  min-height: 500px;
}
.group-wrapper .group-members .table tr, .group-wrapper .students .table tr {
  width: 100%;
  display: block;
  float: left;
}
.group-wrapper .group-members .table tr td, .group-wrapper .students .table tr td {
  cursor: pointer;
  border: none;
  line-height: 1;
}
.group-wrapper .group-members .table tr td.name, .group-wrapper .students .table tr td.name {
  font-weight: bold;
  float: left;
}
.group-wrapper .group-members .table tr td.login, .group-wrapper .students .table tr td.login {
  float: right;
}
.group-wrapper .group-members .table tr.active td, .group-wrapper .students .table tr.active td {
  background-color: #0074BD;
  color: #ffffff;
}
.group-wrapper .button-add {
  position: absolute;
  z-index: 100;
  cursor: pointer;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  right: 0;
  left: 0;
  margin: auto;
}
.group-wrapper .button-add.left {
  border-width: 17.5px 30.3px 17.5px 0;
  border-color: transparent #c6d2e5 transparent transparent;
  top: 0;
  bottom: 0;
}
.group-wrapper .button-add.top {
  border-style: solid;
  border-width: 0 17.5px 30.3px 17.5px;
  border-color: transparent transparent #c6d2e5 transparent;
  margin-top: -50px;
}
@media (max-width: 991px) {
  .group-wrapper .button-add.top {
    margin-top: 15px;
  }
}
.group-wrapper .button-add.top.active {
  border-color: transparent transparent #0074BD transparent;
}
.group-wrapper .button-add.left.active {
  border-color: transparent #0074BD transparent transparent;
}
.group-wrapper .button-remove {
  position: absolute;
  z-index: 100;
  cursor: pointer;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  right: 0;
  left: 0;
  margin: auto;
}
.group-wrapper .button-remove.right {
  border-width: 17.5px 0px 17.5px 30.3px;
  border-color: transparent transparent transparent #0074BD;
  top: 100px;
  bottom: 0;
}
.group-wrapper .button-remove.top {
  border-style: solid;
  border-width: 0 17.5px 30.3px 17.5px;
  border-color: transparent transparent #0074BD transparent;
  margin-top: -70px;
  left: 50px; /* IE 9 */ /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .group-wrapper .button-remove.top {
    margin-top: 15px;
  }
}
.group-wrapper .group-members {
  border: 3px solid #0074BD;
}
.group-wrapper .group-members .iScrollVerticalScrollbar, .group-wrapper .students .iScrollVerticalScrollbar {
  right: -1px !important;
}
.group-wrapper .save .btn:first-child, .group-wrapper .save .btn-facebook:first-child, .group-wrapper .save .btn-round:first-child, .group-wrapper .save .btn-default:first-child, .group-wrapper .save .btn-sausage:first-child, .group-wrapper .save .btn-success:first-child, .group-wrapper .save .btn-cadavr:first-child, .group-wrapper .save .btn-yellow:first-child, .group-wrapper .save .btn-yellow-2:first-child, .group-wrapper .save .btn-red:first-child, .group-wrapper .save .btn-red-2:first-child, .group-wrapper .save .btn-white:first-child, .group-wrapper .save .ui-dialog .ui-dialog-buttonpane button:first-child, .ui-dialog .ui-dialog-buttonpane .group-wrapper .save button:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 1199px) {
  .group-wrapper .mb15 {
    margin-bottom: 15px;
  }
  .group-wrapper .pl10 {
    padding-left: 15px;
  }
  .group-wrapper .pr10 {
    padding-right: 15px;
  }
  .group-wrapper .m-members {
    margin-top: 0;
    margin-bottom: 70px;
  }
}

.course-students {
  text-align: left;
  display: none;
}
.course-students tr.gc-course-student-row {
  cursor: pointer;
}

a.connect-with-gc {
  color: #ffffff;
}

.gc-add-member-msg {
  display: none;
  line-height: 35px;
}

.compare-header {
  background: url("../assets/images/compare/bg.jpg");
  background-size: cover;
  background-position: center;
  margin-bottom: 30px;
}
.compare-header .info-box {
  height: 400px;
  width: 430px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  margin: 0 -15px;
  padding: 50px;
}
.compare-header .info-box h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 10px;
}
.compare-header .info-box p {
  margin-bottom: 20px;
}

.compare-block .row {
  margin: 0 -30px;
}
.compare-block .col-md-6 {
  padding: 0 35px;
}

.compare-desc {
  min-height: 40px;
}

.compare-list {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.compare-list li {
  -js-display: flex;
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}
.compare-list li > i:first-child {
  margin-right: 10px;
  margin-top: 1px;
}

.compare-notice {
  border-top: 1px solid #dee5f2;
  padding-top: 10px;
  font-size: 13px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .compare-block .row {
    margin: 0 -15px;
  }
  .compare-block .col-md-6 {
    padding: 0 15px;
  }
  .compare-header .info-box {
    width: auto;
    padding: 40px 20px;
  }
}
#partners-page .top-image {
  overflow: hidden;
  transition: height 0.3s;
  margin-bottom: 20px;
  padding-top: 0;
  height: 354.5px;
}
@media (max-width: 991px) {
  #partners-page .top-image {
    height: 292.5px;
  }
}
@media (max-width: 767px) {
  #partners-page .top-image {
    height: 37.2vw;
  }
}
#partners-page .top-image img {
  max-height: 510px;
}
#partners-page .partner-box {
  padding: 30px;
  height: 450px;
  overflow: hidden;
  margin-bottom: 30px;
}
#partners-page .partner-box ul {
  list-style-type: none;
  padding-left: 0;
}
#partners-page .partner-box i {
  color: #8c97a7;
  opacity: 0.6;
  margin-right: 6px;
  font-size: 20px;
}
#partners-page .partner-box h3 {
  height: 65px;
  font-size: 22px;
}
#partners-page .partner-box .partner-image {
  height: 90px;
}
#partners-page .partner-box img {
  max-width: inherit;
  height: auto;
}
#partners-page .partner-box img.double {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
#partners-page .partner-box .location {
  display: block;
  color: #0074BD;
  margin-bottom: 25px;
  font-weight: bold;
}
#partners-page .partners-select {
  display: inline-block;
}
#partners-page .partners-links {
  margin-top: 7.5px;
}
#partners-page .partners-links a {
  margin-left: 25px;
  font-weight: bold;
}

@media (max-width: 1199px) {
  #partners-page .partner-box h2 {
    font-size: 22px;
  }
  #partners-page .partner-box img.double {
    max-width: 100%;
    max-height: 90px;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@media (max-width: 991px) {
  #partners-page .partner-box {
    text-align: left;
  }
  #partners-page .partners-links {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  #partners-page .partners-links a {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #partners-page .partner-box {
    height: auto;
    text-align: left;
  }
  #partners-page .partner-box h2, #partners-page .partner-box .partner-image {
    height: auto;
  }
  #partners-page .partner-box .partner-image img {
    max-width: 100%;
    max-height: inherit;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  #partners-page .partners-select {
    width: 100%;
  }
  #partners-page .partners-links {
    margin-top: 0;
    flex-wrap: wrap;
  }
  #partners-page .partners-links a {
    width: 100%;
    text-align: center;
  }
  #partners-page .partners-links a:not(:last-child) {
    margin-bottom: 20px;
  }
  .partner_upload .media-item-image {
    padding: 0 30px;
  }
}
.partner_upload .item-image {
  min-height: 140px;
}
.partner_upload .item-image .shadowed {
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.5));
}
.partner_upload h4 {
  font-size: 15px;
}
.partner_upload .user-manual-logo-open {
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
}

.dropdown-menu li a.active {
  font-weight: bold;
}

#api-example-container input {
  width: auto;
  display: inline-block;
}

.worklog_info_icon {
  padding-left: 10px;
  padding-top: 20px;
}

#worklog_status {
  padding: 0 10px;
}

.worklog_group_stat {
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #7f9db9;
  font-size: 13px;
}
.worklog_group_stat tr th {
  text-align: center;
  background-color: #afbee0;
  font-size: 13px;
  height: 32px;
  color: #ffffff;
  padding: 0 10px;
  border: 1px solid #7f9db9;
}
.worklog_group_stat tr td {
  padding: 0;
  border: 1px solid #7f9db9;
}
.worklog_group_stat .row0 td {
  background-color: #ffffff;
}
.worklog_group_stat .row1 td {
  background-color: #f4f7fb;
}
.worklog_group_stat tr td.translate_status_export {
  width: 70px !important;
}
.worklog_group_stat tr td.translate_status_group_name_main {
  font-weight: bold;
}
.worklog_group_stat tr td.hu_class {
  font-weight: bold;
  text-align: right;
  padding: 0 10px;
  border-right: 2px solid #000000;
}
.worklog_group_stat tr td.percent_class {
  font-weight: normal;
  color: #000000;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}
.worklog_group_stat tr td.percent_0 {
  background-color: #ffb9c5;
}
.worklog_group_stat tr td.percent_9 {
  background-color: #ffffe0;
}
.worklog_group_stat tr td.percent_29 {
  background-color: #fffeb9;
}
.worklog_group_stat tr td.percent_59 {
  background-color: #fffe95;
}
.worklog_group_stat tr td.percent_89 {
  background-color: #fffd6b;
}
.worklog_group_stat tr td.percent_99 {
  background-color: #fffc38;
}
.worklog_group_stat tr td.percent_100 {
  background-color: #90ee90;
}
.worklog_group_stat tr td.padding-0-10 {
  padding: 0 10px;
}
.worklog_group_stat .export_info {
  margin: 4px 3px 0;
  padding: 0;
  vertical-align: central;
  width: 12px;
  cursor: pointer;
  height: 12px;
  display: inline-block;
}
.worklog_group_stat .export_date {
  color: #42434F;
  width: 70px;
}
.worklog_group_stat .export_today {
  color: #558ada;
}
.worklog_group_stat .worklog_group_name {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.worklog_group_stat .worklog_group_export {
  min-width: 85px;
}
.worklog_group_stat .accepted-language {
  background-color: #90ee90 !important;
}
.worklog_group_stat .disabled-language {
  background-color: #ffb9c5 !important;
}

.mylearn-page {
  background-color: #f2f5f9;
  min-height: 700px;
  padding-bottom: 30px;
}
.mylearn-page .mylearn-quiz-item-container {
  display: block !important;
}
.mylearn-page .mylearn-quiz-item-container a {
  color: #ffffff;
}
.mylearn-page .mylearn-quiz-item-container iframe {
  max-height: unset !important;
}
.mylearn-page .mylearn-quiz-item-container ~ .wbox {
  transform: translate(0px, -20px);
}
@media (max-width: 767px) {
  .mylearn-page {
    margin-bottom: -10px;
    padding-bottom: 0;
  }
}
@media (max-width: 519px) {
  .mylearn-page .mylearn-second-container {
    transform: translate(0, -20px);
  }
  .mylearn-page .mylearn-third-container {
    transform: translate(0, -40px);
  }
}
@media (min-width: 520px) and (max-width: 767px) {
  .mylearn-page .mylearn-first-container .wbox, .mylearn-page .mylearn-third-container .wbox {
    transform: none;
  }
  .mylearn-page .mylearn-first-container .mylearn-quiz-item-container, .mylearn-page .mylearn-third-container .mylearn-quiz-item-container {
    width: calc(50% - 7.5px);
  }
  .mylearn-page .mylearn-second-container {
    transform: none;
  }
  .mylearn-page .mylearn-third-container {
    transform: translate(0, -20px);
  }
}
.mylearn-page .mylearn-mobile-menu {
  margin: 20px 0;
  color: #455771;
  display: none;
}
.mylearn-page .top-links {
  margin: 30px -5px;
}
.mylearn-page .top-links:before, .mylearn-page .top-links:after {
  clear: both;
  display: table;
  content: "";
}
.mylearn-page .top-links > div {
  padding: 0 5px;
  width: calc((100% - 1px) / 6);
  float: left;
  display: block;
}
.mylearn-page #search-form {
  margin-right: 15px;
}
.mylearn-page .top-link {
  height: 95px;
  display: block;
  color: #ffffff;
  padding: 15px 12px /*rtl:12px*/;
  position: relative;
  font-size: 15px /*rtl:14px*/;
  border-bottom: 2px solid #f2f5f9;
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
.mylearn-page .top-link > i {
  font-size: 45px;
  float: left;
  margin: -5px 0 0 0;
}
.mylearn-page .top-link .text {
  position: absolute;
  bottom: 12px;
  left: 15px;
  right: 15px;
}
.mylearn-page .top-link .counter {
  float: right;
  font-size: 30px;
  margin-top: -5px;
}
.mylearn-page .top-link.my-desktop {
  background: #8D6B49;
}
.mylearn-page .top-link.my-desktop i {
  margin-left: -5px;
}
.mylearn-page .top-link.my-desktop.active {
  box-shadow: 0 7px 0px #76583c;
}
.mylearn-page .top-link.my-books {
  background: #0A804B;
}
.mylearn-page .top-link.my-books.active {
  box-shadow: 0 7px 0px #076037;
}
.mylearn-page .top-link.exercise-books {
  background: #2275B9;
}
.mylearn-page .top-link.exercise-books i {
  margin-left: -1px;
}
.mylearn-page .top-link.exercise-books.active {
  box-shadow: 0 7px 0px #1a5a8e;
}
.mylearn-page .top-link.homework {
  background: #CC4814;
}
.mylearn-page .top-link.homework i {
  margin-left: -6px;
}
.mylearn-page .top-link.homework.active {
  box-shadow: 0 7px 0px #9e380f;
}
.mylearn-page .top-link.favorites {
  background: #A854BB;
}
.mylearn-page .top-link.favorites i {
  margin-left: -2px;
  margin-top: -3px;
}
.mylearn-page .top-link.favorites.active {
  box-shadow: 0 7px 0px #8c3f9d;
}
.mylearn-page .top-link.uploads {
  background: #A6C309;
}
.mylearn-page .top-link.uploads i {
  margin-left: 1px;
}
.mylearn-page .top-link.uploads.active {
  box-shadow: 0 7px 0px #7d9207;
}
.mylearn-page .post-item {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}
.mylearn-page .post-item .item-actions {
  /*rtl:ignore*/
  right: 10px;
  bottom: 10px;
}
.mylearn-page .post-item .item-actions .item-action-btn {
  font-size: 32px;
  color: #ffffff;
}
.mylearn-page .post-item .post-item-image-wrapper {
  position: relative;
}
.mylearn-page .post-item .post-item-image {
  display: block;
}
.mylearn-page .post-item img {
  vertical-align: top;
}
.mylearn-page .post-item .post-share-buttons a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  margin-top: -5px;
}
.mylearn-page .post-item .post-share-buttons a > i {
  font-size: 20px;
}
.mylearn-page .post-item .post-links a {
  margin-right: 15px;
}
.mylearn-page .post-item .post-links a:last-child {
  margin-right: 0;
}
.mylearn-page .post-item .post-content {
  padding: 10px 20px;
}
.mylearn-page .post-item .post-content h4 {
  font-weight: bold;
}
.mylearn-page .post-item .post-content.openable .article {
  height: 220px;
  overflow: hidden;
  transition: height 1s ease;
}
.mylearn-page .post-item .post-content.openable .smooth-hide-text {
  transition: opacity 1s ease;
  opacity: 1;
  height: 60px;
  width: calc(100% - 40px);
  margin-top: -60px;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}
.mylearn-page .post-alert-box {
  color: #ffffff;
  background: #C5405D;
  padding: 5px 20px 10px 25px;
  margin-bottom: 20px;
  clear: both;
}
.mylearn-page .post-alert-box a {
  color: #ffffff;
}
.mylearn-page .post-alert-box.vodafone {
  background: #e60000;
}
.mylearn-page .widget {
  border: 0;
  margin-bottom: 20px;
  clear: both;
}
.mylearn-page .widget .media-item-wrapper {
  float: none;
}
.mylearn-page .widget .slimScrollDiv {
  margin: 15px 0;
}
.mylearn-page .widget .media-item {
  min-height: auto;
  padding-bottom: 1px;
}
.mylearn-page .widget.timetable {
  position: relative;
  font-size: 13px;
}
.mylearn-page .widget.timetable.open .table-timetable {
  display: block;
}
.mylearn-page .widget.timetable.open .widget-inner {
  box-shadow: 0 5px 15px rgba(69, 87, 113, 0.7);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}
.mylearn-page .widget.timetable .widget-inner {
  background: #ffffff;
}
.mylearn-page .widget.timetable .table-timetable {
  width: 880px;
  margin: -15px;
  display: none;
  border: 0;
}
.mylearn-page .widget.timetable .table-timetable thead tr th {
  font-weight: bold;
  padding: 8px;
  text-transform: uppercase;
  border: 1px solid #dee5f2;
}
.mylearn-page .widget.timetable .table-timetable tbody td {
  width: 170px;
  padding: 8px;
  border: 1px solid #dee5f2;
}
.mylearn-page .widget.timetable .table-timetable tbody td input {
  width: 100%;
  border: 0;
}
.mylearn-page .widget.timetable .table-timetable tbody td input:focus {
  background: #dee5f2;
  outline: none;
}
.mylearn-page .widget.timetable .table-timetable tbody td:first-child {
  width: 30px;
}
.mylearn-page .widget.widget-activity {
  padding-bottom: 1px;
}
.mylearn-page .widget.widget-activity .widget-content {
  padding: 0 15px;
  font-size: 14px;
}
.mylearn-page .widget.widget-activity .widget-content ul {
  list-style-type: none;
  padding: 0;
  border-bottom: 1px solid #dee5f2;
  padding: 0 0 8px;
  margin: 0 0 8px;
}
.mylearn-page .widget.widget-activity .widget-content li {
  padding: 0 0 0 10px;
}
.mylearn-page .widget.widget-activity .widget-content li a {
  color: #455771;
}
.mylearn-page .widget .widget-weeks {
  margin-left: 15px;
  font-size: 15px;
  display: inline-block;
}
.mylearn-page .widget .widget-weeks a {
  display: inline-block;
  padding: 0 5px;
  color: #ffffff;
}
.mylearn-page .widget .widget-time-table-header {
  text-align: center;
  font-size: 16px;
  display: table;
  width: 100%;
  margin: 0 0 15px 0;
}
.mylearn-page .widget .widget-time-table-header > a, .mylearn-page .widget .widget-time-table-header > b {
  display: table-cell;
  vertical-align: middle;
}
.mylearn-page .widget .widget-time-table-header > b {
  width: 80%;
}
.mylearn-page .widget .widget-time-table-header > a {
  color: #455771;
  padding: 5px 10px;
}
.mylearn-page .widget .widget-time-table-header > a i {
  font-size: 25px;
}
.mylearn-page .widget .widget-timetable .current {
  position: relative;
}
.mylearn-page .widget .widget-timetable .current:after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  display: block;
  border: 6px solid transparent;
  border-right: 6px solid #0074BD;
  border-bottom: 6px solid #0074BD;
  right: 0;
  bottom: 0;
}
.mylearn-page .widget .widget-timetable > div > div {
  border-top: 1px solid #dee5f2;
  padding: 5px;
  display: table;
  width: 100%;
}
.mylearn-page .widget .widget-timetable > div > div span {
  border-right: 5px solid #0074BD;
  color: #5d5d5d;
  display: table-cell;
  width: 10%;
  font-size: 13px;
}
.mylearn-page .widget .widget-timetable > div > div .day-orange {
  border-color: #f47711;
}
.mylearn-page .widget .widget-timetable > div > div .day-green {
  border-color: #0A854B;
}
.mylearn-page .widget .widget-timetable > div > div .day-purple {
  border-color: #935696;
}
.mylearn-page .widget .widget-timetable > div > div .day-red {
  border-color: #C5405D;
}
.mylearn-page .widget .widget-timetable > div > div.empty span {
  border: 0;
}
.mylearn-page .widget .widget-timetable > div > div .widget-timetable-day-value {
  padding-left: 10px;
  width: 90%;
  border: 0;
  display: table-cell;
  color: #455771;
}
.mylearn-page .widget .widget-title {
  display: block;
  background: #0074BD;
  color: #ffffff;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 13px;
}
.mylearn-page .widget .widget-title.green {
  background: #0A854B;
}
@media (max-width: 991px) {
  .mylearn-page .widget .widget-title .js-toggle-timetable {
    display: none;
  }
}
.mylearn-page .widget .widget-content {
  padding: 15px;
}
.mylearn-page .widget .widget-book-grid:before, .mylearn-page .widget .widget-book-grid:after, .mylearn-page .widget .widget-book:before, .mylearn-page .widget .widget-book:after {
  clear: both;
  display: table;
  content: "";
}
.mylearn-page .widget .widget-book-grid a, .mylearn-page .widget .widget-book a {
  display: block;
  padding: 6px;
  width: 50%;
  float: left;
}
.mylearn-page .widget .widget-book {
  width: 70%;
  margin: 0 auto 10px auto;
}
.mylearn-page .widget .widget-book .prev-btn {
  left: -40px;
}
.mylearn-page .widget .widget-book .next-btn {
  right: -40px;
}
.mylearn-page .widget .widget-book a {
  width: 100%;
  padding: 0;
}
.mylearn-page .widget .widget-action-buttons {
  float: right;
}
.mylearn-page .widget .widget-action-buttons a {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  color: #ffffff;
}
.mylearn-page .widget .widget-action-buttons a .mwicon-cog {
  font-size: 20px;
  position: relative;
  top: -1px;
}
.mylearn-page .widget .widget-homework-item {
  border-bottom: 1px solid #dee5f2;
  padding: 8px 0;
  overflow: hidden;
}
.mylearn-page .widget .widget-homework-item:first-child {
  padding-top: 0px;
}
.mylearn-page .widget .widget-homework-item:last-child {
  border: 0;
  padding-bottom: 0px;
}
.mylearn-page .widget .toggle-homework-exercises {
  float: right;
}
.mylearn-page .widget .homework-exercises {
  display: none;
}
.mylearn-page .widget .homework-exercises > div {
  padding: 10px 15px;
}
.mylearn-page .widget .homework-exercises > div:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.mylearn-page .widget .widget-homework-item-edit {
  font-size: 20px;
  position: relative;
  top: 5px;
}
.mylearn-page .widget .media-item h4, .mylearn-page .widget .media-item p {
  margin-left: 15px;
  margin-right: 15px;
}
.mylearn-page .widget .media-item p {
  margin-bottom: 20px;
}
.mylearn-page .widget.widget-videoroom .widget-homework-item > a.pull-right > i {
  margin-top: -1px;
}
@media only screen and (min-width: 1199px) {
  .mylearn-page :lang(ar) .days-month td, .mylearn-page :lang(fa) .days-month td, .mylearn-page :lang(ar_SA) .days-month td, .mylearn-page :lang(lt) .days-month td {
    font-size: 12px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mylearn-page :lang(ar) .days-month td, .mylearn-page :lang(fa) .days-month td, .mylearn-page :lang(ar_SA) .days-month td, .mylearn-page :lang(lt) .days-month td {
    font-size: 8px !important;
  }
}
@media only screen and (max-width: 375px) {
  .mylearn-page :lang(ar) .days-month td, .mylearn-page :lang(fa) .days-month td, .mylearn-page :lang(ar_SA) .days-month td, .mylearn-page :lang(lt) .days-month td {
    font-size: 11px !important;
  }
}
.mylearn-page #events-calendar {
  padding-bottom: 20px;
}
.mylearn-page #events-calendar .calendar-content {
  width: 90%;
  margin: auto;
}
.mylearn-page #events-calendar table {
  background: none;
  width: 100%;
  box-shadow: none;
}
.mylearn-page #events-calendar table td {
  font-size: 13px;
  text-align: center;
  border: 0;
}
.mylearn-page #events-calendar table td a {
  display: inline-block;
  padding: 0 8px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  width: 30px;
  color: #455771;
}
.mylearn-page #events-calendar table td.event a {
  background: #0074BD;
  color: #ffffff;
}
.mylearn-page #events-calendar table .days-month td {
  height: 30px;
}
.mylearn-page #events-calendar table.calendar-header {
  margin-bottom: 10px;
  background: #0074BD;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 1px 0px 0px #0074BD;
}
.mylearn-page #events-calendar table.calendar-header td {
  padding: 4px 0;
}
.mylearn-page #events-calendar table.calendar-header a {
  color: #ffffff;
  height: auto;
}
.mylearn-page #events-calendar table .days-month {
  font-weight: bold;
}
.mylearn-page #events-calendar .row {
  margin: 0;
}
.mylearn-page .js-share-bar {
  min-height: 40px;
}
.mylearn-page .share-bar {
  background-color: #a1b4cd;
  z-index: 100;
  width: inherit;
  left: 15px;
  right: 15px;
}
.mylearn-page .share-bar.affix {
  top: 65px;
}
@media (min-width: 768px) {
  .mylearn-page .share-bar {
    width: 720px;
    left: inherit;
    right: inherit;
  }
  .mylearn-page .share-bar.affix {
    top: 60px;
  }
}
@media (min-width: 992px) {
  .mylearn-page .share-bar {
    width: 940px;
  }
  .mylearn-page .share-bar.affix {
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .mylearn-page .share-bar {
    width: 1140px;
  }
}
.mylearn-page .share-bar div {
  display: inline-block;
  padding: 10px 20px;
}
.mylearn-page .share-bar div:last-child {
  padding: 2px 20px;
  font-size: 24px;
}
.mylearn-page .share-bar div a {
  color: #fff;
}
.mylearn-page .mylearn-books {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book {
  position: relative;
  display: inline-block;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  width: 30px;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions {
  display: block;
  position: absolute;
  top: 0;
  height: 30px;
  z-index: inherit;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .item-action-btn i {
  font-size: 30px;
  color: #c7d3e5;
  text-shadow: none;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .item-action-btn.active i {
  color: #0074BD;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .item-action-btn.js-select i {
  font-size: 30px;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu {
  min-width: 207px;
}
@media only screen and (max-width: 768px) {
  .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu {
    right: -50%;
    top: 80%;
  }
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li a {
  white-space: nowrap;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li .share-buttons a:last-child {
  margin-right: 0;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu .divider {
  background: none;
  padding: 0;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li:last-child.divider {
  display: none;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .book-type {
  display: inline-block;
  width: 40px;
  bottom: 8px;
  margin-left: -9px;
  position: absolute;
}
.mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .book-type div[class*=type-] {
  padding: 6px 0 0;
}
.mylearn-page .mylearn-booklets {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet {
  position: relative;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 30px;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions {
  display: block;
  position: absolute;
  top: 0;
  height: 30px;
  z-index: inherit;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .item-action-btn i {
  font-size: 30px;
  color: #c7d3e5;
  text-shadow: none;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .item-action-btn.active i {
  color: #0074BD;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .item-action-btn.js-select i {
  font-size: 30px;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu {
  border-color: #0074BD;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li a {
  white-space: nowrap;
  padding: 5px 20px;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li a i {
  font-weight: bold;
  position: relative;
  color: #748093;
  font-size: 22px;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li a:hover {
  background: #f5f5f5;
}
.mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li:last-child.divider {
  display: none;
}
.mylearn-page .containing-collections .collections {
  margin-left: 30px;
}
.mylearn-page .containing-collections .collections .remove-collection {
  color: #c6d2e5;
  cursor: pointer;
  margin-left: 7px;
}
.mylearn-page .containing-collections .collections .remove-collection:hover {
  color: #C5405D;
}

.uploads-item {
  padding-bottom: 40px;
  position: relative;
  min-height: 330px;
  font-size: 13px;
  height: 100%;
  border: 0;
}
.uploads-item a b {
  font-size: 15px;
  margin-bottom: 5px;
  display: block;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploads-item .visibility {
  color: #c7d3e5;
  font-size: 30px;
  left: 20px;
  bottom: 5px;
  position: absolute;
}
.uploads-item .type {
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 55px;
  color: #0074BD;
}
.uploads-item .type > [class^=mwicon-corner_][class$=_rb],
.uploads-item .type [class^=mwicon-corner_][class$=_lb],
.uploads-item .type [class*=fill-corner-bottom-right],
.uploads-item .type [class*=fill-corner-bottom-left] {
  position: relative;
  bottom: 4px;
  font-size: 55px;
}
.uploads-item .uploads-item-image {
  min-height: 190px;
}
@media (max-width: 519px) {
  .uploads-item .uploads-item-image {
    min-width: inherit;
  }
}
.uploads-item .image {
  max-width: 170px;
  max-height: 170px;
}
.uploads-item .image img {
  max-height: 170px;
  max-width: 170px;
}
@media (max-width: 767px) {
  .uploads-item .image img {
    width: 100%;
  }
}
@media (max-width: 519px) {
  .uploads-item .image img {
    max-width: 132px;
  }
}
.uploads-item .image-tool,
.uploads-item .image-sound {
  background: #d0e8f4;
  line-height: 160px;
  text-align: center;
  height: 170px;
  max-width: 170px;
  display: block;
}
.uploads-item .image-tool img,
.uploads-item .image-sound img {
  max-width: 130px;
  max-height: 130px;
}
@media (max-width: 519px) {
  .uploads-item .image-tool img,
  .uploads-item .image-sound img {
    width: 100%;
  }
}
.uploads-item .item-actions {
  position: absolute;
  bottom: inherit;
  z-index: 32;
}
.uploads-item .item-actions .item-action-btn i {
  font-size: 30px;
  color: #c7d3e5;
  text-shadow: none;
}
.uploads-item .item-actions .item-action-btn.active i {
  color: #0074BD;
}
.uploads-item .item-actions .item-action-btn.js-select i {
  font-size: 30px;
}
.uploads-item:not(.type-folder) {
  cursor: move;
}

.type-folder {
  height: auto;
  min-height: auto;
  padding-bottom: 0;
  width: 100%;
}
.type-folder:not(.type-folder-list) {
  filter: drop-shadow(0px 1px 2px rgba(36, 75, 149, 0.3));
}
.type-folder .group-count {
  width: 68px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  height: 18px;
}
.type-folder .group-count:after {
  background: url("../assets/images/mylearn/ful.svg") no-repeat top left;
  content: " ";
  position: absolute;
  width: 100%;
  height: 13px;
  top: 0;
  left: 0;
  z-index: -1;
}
.type-folder .group-count:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 5px;
  top: 13px;
  left: 0;
  background-color: #A9E2FD;
  border-top-right-radius: 5px;
  z-index: -1;
}
.type-folder .wbox-content {
  background: #ffffff;
  padding: 0 25px 0 7px;
  height: 58px;
  border-radius: 0 0 6px 6px;
  -js-display: flex;
  display: flex;
  align-items: center;
}
.type-folder .uploads-item-image {
  text-align: center;
  min-height: auto;
  display: inline-block;
  background: #ffffff;
}
.type-folder.edit-folder:before {
  height: 30px;
}
.type-folder.edit-folder .uploads-item-image {
  margin-bottom: 20px;
  display: block;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.type-folder.edit-folder .uploads-item-image span {
  opacity: 0.6;
  display: block;
  padding: 40px 0;
}
.type-folder .text-box {
  display: inline-block;
  color: #455771;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
@media (max-width: 519px) {
  .type-folder .text-box {
    white-space: normal;
    max-width: inherit;
    overflow: auto;
    text-overflow: inherit;
  }
}
.type-folder .visibility {
  position: absolute;
  bottom: 155px;
  left: 25px;
  color: #ffffff;
}

.type-folder.hover-class,
.drop-class.hover-class {
  background-color: #dee5f2;
  transition: all 0.3s ease-in-out;
}

.upload-area {
  border: 5px dashed #0074BD;
  height: 200px;
  padding: 70px;
  text-align: center;
}

.list-view .upload-area {
  margin-top: 10px;
}

.plupload-drop-area-overlay {
  border: 5px dashed #0074BD;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #c7d3e5;
  opacity: 0.4;
  z-index: 100;
}

.drag-helper-element img {
  max-width: 70%;
}

.drag-parent {
  opacity: 0.4;
}

.type-folder.ui-draggable-dragging {
  background: #ffffff;
  word-break: break-word;
}
.type-folder.ui-draggable-dragging .item-actions {
  display: none;
}

.list-view .list-header {
  background-color: #c7d3e5;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
}
.list-view .uploads-row {
  border-bottom: 1px solid #CAD5E5;
  padding: 10px;
}
.list-view .uploads-row .uploads-item {
  min-height: auto;
  margin-bottom: 0px;
  vertical-align: middle;
  padding-bottom: 0px;
  font-size: 15px;
}
.list-view .uploads-row .uploads-item a {
  color: #455771;
}
.list-view .uploads-row .uploads-item .uploads-item-image {
  min-height: auto;
  min-width: 26px;
  display: inline-block;
  vertical-align: middle;
}
.list-view .uploads-row .uploads-item .upload-title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 100%;
  max-width: calc(100% - 41px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view .uploads-row .common-color {
  color: #455771;
}
.list-view .uploads-row .sharetype-icon {
  font-size: 20px;
}
.list-view .uploads-row .item-actions {
  position: relative;
  right: initial;
  bottom: initial;
  display: inline-block;
}
.list-view .uploads-row .item-actions .item-action-btn i {
  text-shadow: none;
}
.list-view .uploads-row .item-actions .item-action-btn.js-select {
  color: #c7d3e5;
}
.list-view .uploads-row .item-actions .item-action-btn.js-select i {
  font-size: 22px;
}
.list-view .uploads-row .item-actions .item-action-btn.js-select.active {
  color: #0074BD;
}

.edit-folder.type-folder {
  width: 225px;
  background: url("../assets/images/mylearn/folder-top.svg") no-repeat top;
  padding-top: 17px;
}

.uploads-filter {
  display: none;
  padding: 20px;
  background: rgba(199, 211, 229, 0.5);
  margin-bottom: 30px;
}

.mylearn-profile h4 {
  text-align: center;
}
.mylearn-profile .col-lg-6 {
  padding: 0 5px 0 5px;
}
.mylearn-profile .mylearn-dropdown-menu {
  max-width: 250px;
}
.mylearn-profile .mylearn-dropdown-menu #user_mylearn_menu_profile {
  margin-bottom: 0;
  border-bottom: 1px solid #c7ccd4;
}
.mylearn-profile .mylearn-dropdown-menu #user_mylearn_menu_profile a {
  -js-display: flex;
  display: flex;
  overflow: visible;
  align-items: center;
  padding: 15px;
}
.mylearn-profile .mylearn-dropdown-menu #user_mylearn_menu_profile img.avatar {
  width: 45px;
  height: 45px;
  border-radius: 500px;
  border: 1px solid #e7eef7;
}
.mylearn-profile .mylearn-dropdown-menu .mylearn-dropdown-menu-li a {
  font-size: 14px;
  color: #68717c;
  margin-top: 0;
  margin-left: 0;
  padding-left: 10px;
}
.mylearn-profile .mylearn-dropdown-menu .mylearn-dropdown-menu-li i {
  font-size: 22px;
  margin: 20px 10px 20px 10px;
  color: #8c97a7;
}
.mylearn-profile .mylearn-mobile-menu {
  display: none;
}
.mylearn-profile .edit-button {
  position: absolute;
  left: 20px;
  bottom: 0;
}
.mylearn-profile .edit-button .mylearn-setting-button {
  color: #8fafc6;
  font-size: 22px;
}
.mylearn-profile .profile-image {
  border-radius: 150px;
  overflow: hidden;
  max-width: 130px;
  height: auto;
  display: block;
  float: left;
  border: 1px solid #d2e0f1;
  margin-left: 20px;
}
.mylearn-profile .profile-image-small {
  border-radius: 150px;
  overflow: hidden;
  max-width: 90px;
  height: auto;
  display: block;
  float: left;
  border: 1px solid #d2e0f1;
  margin-left: 20px;
}
.mylearn-profile .mylearn-profile-details {
  margin: 15px 0 0 180px;
}
.mylearn-profile .mylearn-profile-details p i {
  color: #8c97a7;
  font-size: 22px;
}
.mylearn-profile .mylearn-profile-details p b {
  font-size: 14px;
  text-align: justify;
}
.mylearn-profile #mylearn_profile_diagrams {
  text-align: left;
}
.mylearn-profile .mylearn-profile-coins {
  padding-top: 20px;
  position: relative;
}
.mylearn-profile .mylearn-profile-coins .profile-stats {
  text-align: right;
  display: inline-block;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .popover {
  width: 300px;
  font-size: 15px;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .popover ul {
  padding-left: 15px;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-left: 10px;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-description {
  display: none;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 22.5px;
  left: 22.5px;
  border-radius: 50px;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon .stat-circle-icon {
  font-size: 35px;
  color: #ffffff;
  margin-top: 5px;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon .stat-circle-weekly-point {
  font-size: 12px;
  color: #ffffff;
  margin-top: 0;
  padding-top: 0;
  line-height: 0.5;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-status-0 {
  background-color: #d38f45;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-status-1 {
  background-color: #825085;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-status-2 {
  background-color: #209e74;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-status-3 {
  background-color: #0074BD;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 50;
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle-progress {
  width: 100px;
  height: 100px;
  transform: scaleY(-1);
}
.mylearn-profile .mylearn-profile-coins .popover {
  width: 300px;
  font-size: 15px;
}
.mylearn-profile .mylearn-profile-coins .points {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 5px 10px 0 10px;
  margin-right: 18px;
}
.mylearn-profile .mylearn-profile-coins .points .weekly-performance-graph {
  -js-display: flex;
  display: flex;
  flex-direction: column;
}
.mylearn-profile .mylearn-profile-coins .points .weekly-performance-graph .mylearn-page-weekperformance-flex-container {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 80px;
  margin-bottom: 0;
}
.mylearn-profile .mylearn-profile-coins .points .weekly-performance-graph .mylearn-page-weekperformance-flex-container .week-perform {
  width: 10%;
  height: 51px;
  margin: 0 0.5px 0 0.5px;
  font-size: 3px;
}
.mylearn-profile .mylearn-profile-coins .points .weekly-performance-graph .mylearn-page-weekperformance-flex-container .week-perform:first-child {
  margin-left: 0;
}
.mylearn-profile .mylearn-profile-coins .points .weekly-performance-graph .mylearn-page-weekperformance-flex-container .week-perform:last-child {
  margin-right: 0;
}
.mylearn-profile .mylearn-profile-coins .points .weekly-performance-graph #weekly_line {
  width: 80px;
  height: 1px;
  background-color: #D3E0F1;
}
.mylearn-profile .mylearn-profile-coins .points b {
  line-height: 44px;
  display: block;
  font-size: 44px;
  color: #D52A4C;
}
.mylearn-profile .mylearn-profile-coins .points .mylearn-page-weekperformance-description {
  display: none;
}
.mylearn-profile p {
  margin-bottom: 2px;
}
.mylearn-profile h3 {
  margin-top: 0;
  margin-bottom: 7px;
}

@media (max-width: 1199px) {
  .mylearn-profile .profile-image {
    max-width: 120px;
    max-height: 120px;
    margin-left: 40px;
  }
  .mylearn-profile .mylearn-profile-details {
    margin-right: 10px;
    margin-left: 170px;
  }
  .mylearn-profile #mylearn_profile_diagrams {
    text-align: right;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats {
    margin-right: 30px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle {
    padding: 0;
    width: 90px;
    height: 90px;
    margin: 0 10px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle:before {
    width: 90px;
    height: 90px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon {
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon .stat-circle-icon {
    font-size: 28px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon .stat-circle-weekly-point {
    font-size: 12px;
    margin-top: 2px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-progress {
    width: 90px;
    height: 90px;
    transform: scaleY(-1);
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points {
    padding-top: 0;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points b {
    font-size: 38px;
    line-height: 38px;
  }
}
@media (max-width: 991px) {
  .mylearn-profile .profile-image {
    max-width: 110px;
    max-height: 110px;
    margin-left: 30px;
  }
  .mylearn-profile .mylearn-profile-details {
    margin-left: 160px;
  }
  .mylearn-profile .mylearn-profile-details h3 {
    font-size: 20px;
  }
  .mylearn-profile .mylearn-profile-details p {
    font-size: 14px;
  }
  .mylearn-profile .mylearn-profile-details p b {
    font-size: 14px;
    line-height: 14px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats {
    margin-right: 20px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle {
    padding: 0;
    width: 80px;
    height: 80px;
    margin: 0 10px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle:before {
    width: 80px;
    height: 80px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon {
    width: 47.5px;
    height: 47.5px;
    top: 16.5px;
    left: 16.25px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon .stat-circle-icon {
    font-size: 28px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-round-with-icon .stat-circle-weekly-point {
    font-size: 12px;
    margin-top: 2px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle .stat-circle-progress {
    width: 80px;
    height: 80px;
    transform: scaleY(-1);
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points .weekly-performance-graph .mylearn-page-weekperformance-flex-container {
    width: 70px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points .weekly-performance-graph #weekly_line {
    width: 70px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points b {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .mylearn-profile {
    margin-bottom: 15px;
  }
  .mylearn-profile .profile-image {
    max-width: 90px;
    max-height: 90px;
    margin-left: 40px;
  }
  .mylearn-profile .mylearn-profile-details h3 {
    font-size: 18px;
  }
  .mylearn-profile .mylearn-profile-details p {
    font-size: 13px;
  }
  .mylearn-profile .mylearn-profile-details p b {
    font-size: 13px;
    line-height: 13px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points {
    padding-top: 7px;
    padding-bottom: 5px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points .weekly-performance-graph .mylearn-page-weekperformance-flex-container {
    width: 60px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points .weekly-performance-graph #weekly_line {
    width: 60px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points b {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 599px) {
  .mylearn-profile .mylearn-profile-coins .profile-stats {
    margin-right: 10px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .stat-circle {
    margin: 0 5px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats .points {
    margin-right: 10px;
  }
}
@media (max-width: 519px) {
  .mylearn-profile .profile-image {
    max-width: 80px;
    max-height: 80px;
  }
  .mylearn-profile .mylearn-profile-details {
    margin-left: 140px;
  }
  .mylearn-profile .mylearn-profile-coins .profile-stats {
    display: none;
  }
}
@media (max-width: 449px) {
  .mylearn-profile .mylearn-profile-details p b {
    font-size: 11px;
    line-height: 11px;
  }
}
@media (max-width: 1199px) {
  .mylearn-page .top-link {
    padding: 10px 8px;
  }
  .mylearn-page .top-link [class^=mwicon] {
    font-size: 30px;
  }
  .mylearn-page .top-link .counter {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .mylearn-search-container {
    text-align: left;
    margin-top: 0 !important;
  }
  #mylearn-uploads-page .mylearn-book-title {
    margin-top: 20px !important;
  }
  .mylearn-page .sharetype-menu .btn-group, .mylearn-page .favouritetype-menu .btn-group {
    width: 100%;
  }
  .mylearn-page .sharetype-menu .btn-group .btn, .mylearn-page .sharetype-menu .btn-group .btn-facebook, .mylearn-page .sharetype-menu .btn-group .btn-round, .mylearn-page .sharetype-menu .btn-group .btn-default, .mylearn-page .sharetype-menu .btn-group .btn-sausage, .mylearn-page .sharetype-menu .btn-group .btn-success, .mylearn-page .sharetype-menu .btn-group .btn-cadavr, .mylearn-page .sharetype-menu .btn-group .btn-yellow, .mylearn-page .sharetype-menu .btn-group .btn-yellow-2, .mylearn-page .sharetype-menu .btn-group .btn-red, .mylearn-page .sharetype-menu .btn-group .btn-red-2, .mylearn-page .sharetype-menu .btn-group .btn-white, .mylearn-page .sharetype-menu .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .mylearn-page .sharetype-menu .btn-group button, .mylearn-page .favouritetype-menu .btn-group .btn, .mylearn-page .favouritetype-menu .btn-group .btn-facebook, .mylearn-page .favouritetype-menu .btn-group .btn-round, .mylearn-page .favouritetype-menu .btn-group .btn-default, .mylearn-page .favouritetype-menu .btn-group .btn-sausage, .mylearn-page .favouritetype-menu .btn-group .btn-success, .mylearn-page .favouritetype-menu .btn-group .btn-cadavr, .mylearn-page .favouritetype-menu .btn-group .btn-yellow, .mylearn-page .favouritetype-menu .btn-group .btn-yellow-2, .mylearn-page .favouritetype-menu .btn-group .btn-red, .mylearn-page .favouritetype-menu .btn-group .btn-red-2, .mylearn-page .favouritetype-menu .btn-group .btn-white, .mylearn-page .favouritetype-menu .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .mylearn-page .favouritetype-menu .btn-group button {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mylearn-page .sharetype-menu > div > a, .mylearn-page .favouritetype-menu > div > a {
    width: 100%;
    margin-bottom: 0;
  }
  .mylearn-page .sharetype-menu > div:not(.mylearn-new-upload) > a, .mylearn-page .favouritetype-menu > div:not(.mylearn-new-upload) > a {
    margin-top: 20px;
  }
  .mylearn-page #search-form {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .mylearn-page .top-links {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mylearn-page .mylearn-mobile-menu {
    display: block;
  }
  .mylearn-page .sharetype-menu {
    font-size: 15px;
  }
  .mylearn-page .sharetype-menu a {
    padding: 8px 10px;
    font-size: 14px;
  }
  .list-view .uploads-item-image {
    float: left;
    margin-right: 5px;
  }
  .list-view .upload-title {
    display: block !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 519px) {
  .mylearn-page #search-form {
    width: 100%;
  }
}
.portrait-widget {
  font-size: 14px;
}
.portrait-widget h4 {
  margin-bottom: 0;
}
.portrait-widget .text-muted {
  margin-bottom: 10px;
  display: block;
}
.portrait-widget .portrait-image {
  max-width: 70%;
  height: auto;
  display: block;
  margin: 10px auto;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .portrait-widget .media-item-wrapper {
    margin: 0 auto;
  }
}

@media (min-width: 520px) and (max-width: 767px) {
  .tool-widgets {
    -js-display: flex;
    display: flex;
    flex-flow: row wrap;
  }
  .tool-widgets .tool-widget {
    width: calc(50% - 7.5px);
    float: left;
    margin-right: 7.5px;
    clear: inherit;
  }
  .tool-widgets .tool-widget:nth-child(2n) {
    float: right;
    margin-left: 7.5px;
    margin-right: 0;
  }
  .tool-widgets .tool-widget .media-item-wrapper {
    width: 100%;
  }
}
.mylearn-folder-modal .modal-dialog .modal-content {
  background: url(../assets/images/loading.gif) no-repeat;
  background-position: 50%;
}
.mylearn-folder-modal .modal-dialog .modal-content.loaded {
  background: none;
}
.mylearn-folder-modal .modal-dialog,
.mylearn-folder-modal .modal-content {
  border: 1px solid #ffffff;
  border-radius: 10px;
  min-height: 467px;
}
.mylearn-folder-modal .modal-header {
  border: none;
  border-bottom: 1px solid #dee5f2;
  font-size: 20px;
  padding: 15px 18px 15px 30px;
}
.mylearn-folder-modal .modal-header .modal-header .close {
  margin-top: 3px;
}
.mylearn-folder-modal .modal-header .folder-back-arrow {
  margin-right: 15px;
}
.mylearn-folder-modal .modal-header h4 {
  display: inline;
}
.mylearn-folder-modal .modal-header .form-group {
  margin: 0px;
}
.mylearn-folder-modal .modal-body {
  padding: 20px 13px 20px 23px;
}
.mylearn-folder-modal .list-group-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  padding: 7px;
  margin-right: 10px;
}
.mylearn-folder-modal .list-group-item.disabled {
  background-color: #fff;
}
.mylearn-folder-modal .list-group-item.disabled.folder-row {
  filter: grayscale(100%);
  filter: gray; /* IE6-9 */
}
.mylearn-folder-modal .open-folder {
  font-size: 18px;
}
.mylearn-folder-modal .new-folder-data {
  cursor: pointer;
  text-align: center;
  padding-top: 50px;
  margin-right: 10px;
}
.mylearn-folder-modal .type-icon.folder-small-icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  background-repeat: no-repeat;
  height: 33px;
  background-image: url("../assets/images/userfile_folder.png");
  background-position: top left;
  background-size: contain;
}
.mylearn-folder-modal .type-icon.type-file {
  font-size: 24px;
  margin-right: 10px;
}
.mylearn-folder-modal .type-icon i {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #ffffff;
  font-size: 18px;
}
.mylearn-folder-modal .folder-row.selected {
  background-color: #0074BD;
  color: #ffffff;
}
.mylearn-folder-modal .folder-row.selected .open-folder {
  color: #ffffff;
}
.mylearn-folder-modal .modal-footer {
  padding: 15px 30px 15px 26px;
  border-top: 1px solid #dee5f2;
}
.mylearn-folder-modal .modal-footer .type-icon {
  margin: 0px;
}
.mylearn-folder-modal .close {
  color: #5d5d5d;
  opacity: 1;
}

.uploads-general-filter.row {
  margin-right: -5px;
  margin-left: -5px;
}
.uploads-general-filter div[class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.uploads-general-filter .filter {
  text-align: center;
}
.uploads-general-filter .mylearn-new-upload {
  min-width: 135px;
  position: relative;
}
@media (max-width: 991px) {
  .uploads-general-filter .new-btn {
    width: 100%;
  }
}
.uploads-general-filter .mylearn-search-container {
  -js-display: flex;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .uploads-general-filter .mylearn-search-container :first-child {
    text-align: center;
  }
  .uploads-general-filter .mylearn-search-container .search-block {
    width: 88%;
    margin-top: 25px;
  }
  .uploads-general-filter .mylearn-search-container .search-block input {
    width: 100% !important;
    text-align: left;
  }
}

@media (max-width: 519px) {
  .toggle-filter-btn {
    margin-left: 0 !important;
  }
}

.mylearn-new-upload .dropdown-menu, .uploads-item .dropdown-menu, .uploads-row .dropdown-menu {
  border-color: #0074BD;
  margin: -8px 5px 5px;
}
.mylearn-new-upload .dropdown-menu li a, .uploads-item .dropdown-menu li a, .uploads-row .dropdown-menu li a {
  white-space: nowrap;
  padding: 5px 20px;
}
.mylearn-new-upload .dropdown-menu li a i, .uploads-item .dropdown-menu li a i, .uploads-row .dropdown-menu li a i {
  font-weight: bold;
  position: relative;
  color: #748093;
  font-size: 22px;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
.mylearn-new-upload .dropdown-menu li a:hover, .uploads-item .dropdown-menu li a:hover, .uploads-row .dropdown-menu li a:hover {
  background: #f5f5f5;
}
.mylearn-new-upload .dropdown-menu li:last-child.divider, .uploads-item .dropdown-menu li:last-child.divider, .uploads-row .dropdown-menu li:last-child.divider {
  display: none;
}

@media (min-width: 768px) {
  .mylearn-folder-modal .modal-dialog {
    width: 400px;
  }
}
.my-uploads-title {
  font-size: 24px;
  border-bottom: 1px solid #CAD5E5;
}
.my-uploads-title.my-new-uploads-title {
  border-bottom: 0;
}
.my-uploads-title .upload-options {
  position: relative;
  float: left;
  width: 50px;
  height: 35px;
}
.my-uploads-title .upload-options i {
  font-size: 55px;
  color: #40cffe;
  position: absolute;
  top: -10px;
}
.my-uploads-title .folder-cloud-icon {
  position: relative;
  float: left;
  margin-top: -3px;
}
.my-uploads-title .order {
  font-size: 15px;
  margin-top: -3px;
}
.my-uploads-title .order select {
  padding: 2px 17px 2px 10px;
}
@media (max-width: 767px) {
  .my-uploads-title .order {
    -js-display: flex;
    display: flex;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .my-uploads-title .order .form-group {
    -js-display: flex;
    display: flex;
    width: 100%;
  }
  .my-uploads-title .order .form-group label {
    line-height: 2;
  }
}
.my-uploads-title .grid {
  margin-top: 1px;
}
.my-uploads-title i.fa {
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 13px;
  left: 13px;
}
.my-uploads-title i[class*=mwicon] {
  color: #ffffff;
  font-size: 21px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.my-uploads-title i.folder, .my-uploads-title i.cloud {
  background-image: url("../assets/images/userfile_folder.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 35px;
  display: block;
  margin-top: 3px;
}
.my-uploads-title i.cloud {
  background-image: url("../assets/images/userfile_cloud.png");
  width: 45px;
  margin-top: 4px;
}
.my-uploads-title span {
  margin: 0px 10px;
}
.my-uploads-title span.highlighted {
  font-weight: bold;
}
.my-uploads-title span a {
  color: #455771;
}
.my-uploads-title.list-view.my-uploads-title {
  border-bottom: none;
  margin-bottom: 5px;
}

.grid-view .row {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}

.mylearn-level-2:before {
  content: "\f763";
  color: #C3EAFC;
  position: relative;
  letter-spacing: -1em;
}
.mylearn-level-2:after {
  color: #6bccf9;
}

.back-to-groups {
  background: url("../assets/images/userfile_folder.png") no-repeat center;
  background-size: contain;
  width: 40px;
  height: 32px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
}
.back-to-groups:before {
  font-size: 19px;
  line-height: 2em;
}
.back-to-groups[class*=mwicon] {
  padding-top: 5px !important;
}

.col-buttons .buttons {
  float: none;
}

.col-search input[name=keyword] {
  width: 260px;
}

.mylearn-book-title {
  border-bottom: 1px solid #c6d2e5;
}
.mylearn-book-title .expand-btn {
  font-size: 15px;
}

.user-manual-videos {
  background-color: #f2f0e9;
  padding: 0 15px;
}

.mylearn-upload-info span {
  white-space: nowrap;
}

.no-favorites img {
  max-width: 100%;
}

@media (max-width: 519px) {
  .mylearn-upload-mozaweb {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mylearn-upload-image {
    text-align: center;
    margin-bottom: 10px;
  }
  .mylearn-upload-base-inputs, .mylearn-upload-image-and-info {
    width: 100%;
  }
  .mod-buttons {
    margin-top: 10px;
  }
  .mylearn-upload-folder {
    width: 100%;
  }
  .list-view .list-header {
    display: none;
  }
  .list-view .mylearn-col-title {
    width: 100%;
  }
  .list-view .sharetype-icon {
    clear: left;
    width: auto;
    text-align: left;
    padding-right: 0;
  }
  .list-view .mylearn-col-moddate {
    width: auto;
    line-height: 28px;
    padding-left: 5px;
  }
  .list-view .mylearn-col-actions {
    float: right;
  }
}
@media (max-width: 375px) {
  .mylearn-search-container input[name=keyword] {
    width: 250px;
  }
  .mylearn-upload-item {
    width: 100%;
  }
  .mylearn-upload-item .mylearn-item-info {
    text-align: center;
  }
  .mylearn-upload-item .mylearn-item-info .mylearn-info-title {
    display: block;
  }
  .mylearn-upload-item .mylearn-item-info .mylearn-info-title .circle {
    float: none;
  }
  .mylearn-upload-item .mylearn-item-info .mylearn-info-title b {
    display: inline;
  }
  .mylearn-upload-item .mylearn-item-info .visibility {
    width: 100%;
    left: 0;
    text-align: center;
  }
  .mylearn-upload-item .uploads-item {
    min-height: auto;
  }
  .mylearn-upload-item .uploads-item-image {
    text-align: center;
    min-height: auto;
  }
  .mylearn-upload-item .uploads-item-image .image-tool {
    margin: 0 auto 6px;
  }
  .mylearn-upload-image-and-info > .row > div {
    width: 100%;
    text-align: center;
  }
  .mylearn-upload-image img {
    width: 160px;
  }
}
@media (max-width: 768px) {
  .col-buttons {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .col-buttons {
    margin-bottom: 20px;
  }
}

@media (min-width: 651px) and (max-width: 767px) {
  .mylearn-upload-image-and-info, .mylearn-upload-base-inputs {
    width: 50%;
  }
}
@media (min-width: 520px) and (max-width: 650px) {
  .mylearn-upload-image-and-info, .mylearn-upload-base-inputs {
    width: 100%;
  }
  .mylearn-upload-image {
    width: 35%;
  }
}
.mylearn-upload-image {
  padding-right: 10px;
}

.mylearn-upload-info {
  padding-left: 10px;
  padding-right: 10px;
}
.mylearn-upload-info > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mylearn-mozabook, .mylearn-upload-mozaweb {
  font-size: 14px;
}

.dialog-50 > div {
  max-width: 50%;
}

.main-video-container .expand-block {
  text-align: center;
}
.main-video-container .expand-block .fa-spinner {
  font-size: 30px;
}

#chat-page .top-image {
  padding-top: 30px;
}
#chat-page .row h2 {
  font-size: 20px;
  color: #935696;
  font-weight: bold;
}
#chat-page ul {
  list-style-type: none;
  margin: 15px 0;
  padding: 0;
}
#chat-page ul li {
  padding: 0 30px 0 15px;
  position: relative;
  margin: 9px 0;
}
#chat-page ul li:before {
  content: "";
  background-color: #935696;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 7px;
}
#chat-page .text-large {
  padding-top: 110px;
  font-size: 18px;
}
@media (max-width: 991px) {
  #chat-page .text-large {
    padding-top: 20px;
    text-align: center;
  }
}
#chat-page .chat-bar {
  background-color: #935696;
  color: #ffffff;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
#chat-page .chat-bar h1 {
  margin: 0;
}
#chat-page .chat-bar:before, #chat-page .chat-bar:after {
  clear: both;
  display: table;
  content: "";
}
#chat-page .chat-bar__status {
  background: #704472;
  width: 90px;
  height: 90px;
  display: table-cell;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
}
#chat-page .chat-bar__status--active {
  background-image: url("../assets/images/chat/active.png");
}
#chat-page .chat-bar__status--inactive {
  background-image: url("../assets/images/chat/inactive.png");
}
#chat-page .chat-bar__content {
  padding: 10px 15px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
#chat-page .chat-bar__button-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 15px;
}
#chat-page .chat-bar__button {
  background: #d29bd5;
  border-radius: 5px;
  text-align: center;
  padding: 15px 40px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
}
#chat-page .chat-bar__button--active {
  background-color: #71d411;
}
@media (max-width: 991px) {
  #chat-page .chat-bar__content, #chat-page .chat-bar__button-wrapper, #chat-page .chat-bar__status {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px;
  }
}

#training-page .section.section-training > .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  #training-page .section.section-training > .container {
    padding-bottom: 0px;
  }
}
#training-page .section h2 {
  font-size: 20px;
  color: #935696;
  font-weight: bold;
  margin-bottom: 10px;
}
#training-page .brand-logo {
  top: 30px;
}
#training-page .text-large {
  padding-top: 110px;
  font-size: 18px;
}
#training-page .horizontal_sep {
  border-bottom: 1px solid #c7dae9;
  padding-top: 15px;
  margin-bottom: 15px;
  margin-left: 264px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #training-page .top-image {
    padding-top: 50px;
  }
  #training-page .brand-logo {
    text-align: left;
  }
  #training-page .brand-logo h1 {
    margin-top: 12px;
    margin-left: 17px;
  }
  #training-page .brand-logo h2 {
    margin-left: 90px;
  }
  #training-page .brand-logo i {
    float: left;
  }
}
@media (max-width: 991px) {
  #training-page .text-large {
    padding-top: 20px;
    text-align: center;
  }
  #training-page .top-image {
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  #training-page .horizontal_sep {
    margin-left: 0px;
  }
  #training-page .training-block {
    margin-bottom: 30px;
  }
  #training-page .training-block__image {
    float: none;
    margin-bottom: 15px;
  }
  #training-page .training-block__content {
    margin-left: 0;
  }
  #training-page .training-block__content p {
    padding-left: 15px;
    padding-right: 15px;
  }
  #training-page .certificate-table {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  #training-page .training-block-table {
    display: table;
  }
  #training-page .training-block-table .training-block-table-cell {
    display: table-cell;
  }
  #training-page .training-block-table .training-block-table-cell.training-block__image {
    vertical-align: top;
  }
  #training-page .training-block-table .training-block-table-cell.training-block__content {
    padding-left: 40px;
    vertical-align: middle;
  }
  #training-page .training-block-table .training-block-table-cell h2 {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  #training-page img.smaller-xs {
    width: 70%;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 650px) {
  #training-page img.smaller-xs {
    width: 280px;
  }
}
#training-page .btn, #training-page .btn-facebook, #training-page .btn-round, #training-page .btn-default, #training-page .btn-sausage, #training-page .btn-success, #training-page .btn-cadavr, #training-page .btn-yellow, #training-page .btn-yellow-2, #training-page .btn-red, #training-page .btn-red-2, #training-page .btn-white, #training-page .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #training-page button {
  margin: 15px 0;
}
#training-page .event-training-list ul {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
}
#training-page .event-training-list ul li {
  padding: 0 30px 0 15px;
  position: relative;
  margin: 0 0 10px 0;
}
@media (max-width: 991px) {
  #training-page .event-training-list ul li {
    text-align: left;
  }
}
#training-page .event-training-list ul li:before {
  content: "";
  background-color: #0074BD;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 7px;
}
#training-page .intro-links span:not(:first-of-type) {
  padding: 0 7px;
}
#training-page .event_list {
  width: 100%;
}
#training-page .event_list .partner-image img {
  max-width: inherit;
}
#training-page .meet-us-block > img {
  border: 1px solid #e3e9f2;
}

.certificate-table {
  border: 2px solid #a1b4cd;
  margin-bottom: 50px;
}
.certificate-table h2 {
  margin-top: 0;
}
.certificate-table .certificate-check {
  color: #d0d9e5 !important;
  font-size: 75px !important;
  margin-top: -10px !important;
  margin-left: -5px !important;
}
.certificate-table .fa-check {
  color: #0dbf6d;
  font-size: 18px;
}
.certificate-table thead th {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #a1b4cd;
  padding: 10px 20px;
  text-align: center;
  vertical-align: top;
}
.certificate-table thead th:first-child {
  text-align: left;
}
.certificate-table thead th img {
  max-width: 160px;
  height: auto;
  display: inline-block;
  margin-bottom: 10px;
}
.certificate-table tbody th {
  font-weight: normal;
  border: 1px solid #c7d3e5;
  width: 25%;
  padding: 10px 20px;
  text-align: right;
}
.certificate-table tbody td {
  border: 1px solid #c7d3e5;
  padding: 10px 20px;
  width: 75/4%;
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .not_connect {
  background-color: transparent;
  border: 0px none;
  color: #455771;
  font-size: 14px;
  font-weight: normal;
}

.ui-dialog .ui-dialog-buttonpane .not_connect:hover {
  background-color: transparent;
  border: 0px none;
  color: #007ccc;
  font-size: 14px;
  font-weight: normal;
}

.system-control .utils-paginator {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .system-control .statistics-year-picker {
    width: 150px;
  }
}

.user_stat-table > thead > tr > th {
  vertical-align: middle;
  position: relative;
}
.user_stat-table > thead > tr > th.col-lic-key {
  width: 100px;
}
.user_stat-table > thead > tr > th.col-lic-key-wider {
  width: 230px;
}
.user_stat-table > thead > tr > th.col-validuntil-date, .user_stat-table > thead > tr > th.col-activate-date {
  width: 117px;
}
.user_stat-table > thead > tr > th.col-institute {
  width: 240px;
}
.user_stat-table > thead > tr > th.stat-col-click {
  width: 60px;
}
.user_stat-table > thead > tr > th.stat-col-click2 {
  width: 63px;
}
.user_stat-table > thead > tr > th.stat-col-click3, .user_stat-table > thead > tr > th.stat-col-email {
  width: 45px;
}
.user_stat-table > thead > tr > th.stat-col-logtime {
  width: 120px;
}
.user_stat-table > thead > tr > th.stat-user-count {
  width: 70px;
}
.user_stat-table > thead > tr > th.lic-col-activate {
  width: 102px;
}
.user_stat-table > thead > tr > th.col-lic-ip {
  width: 90px;
}
.user_stat-table > thead > tr > th.col-res-all {
  width: 45px;
}
.user_stat-table > thead > tr > th.col-date-long {
  width: 120px;
}
.user_stat-table > thead > tr > th.col-date-short {
  width: 100px;
  white-space: nowrap;
}
.user_stat-table > thead > tr > th.col-name {
  width: 240px;
}
.user_stat-table > thead > tr > th.col-name-wide {
  width: 30%;
}
.user_stat-table > thead > tr > th.col-agent {
  width: 260px;
}
.user_stat-table > thead > tr > th.col-version {
  width: 70px;
}
.user_stat-table > thead > tr > th.stat-col-city {
  width: 140px;
}
.user_stat-table > thead > tr > th .list-order i {
  color: #455771;
  font-style: normal;
  font-size: 24px;
  vertical-align: middle;
}
.user_stat-table > thead > tr > th .list-order span,
.user_stat-table > thead > tr > th .list-order .text-header {
  font-size: 15px;
  font-style: normal;
  color: #455771;
}
.user_stat-table > thead > tr > th .list-order i.active,
.user_stat-table > thead > tr > th .list-order span.active {
  color: #ffffff;
  vertical-align: middle;
  margin: 0;
}
.user_stat-table > thead > tr > th.separate-country {
  width: 100px;
}
.user_stat-table > thead > tr > th .order-arrow.caret-down:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  color: #ffffff;
  vertical-align: middle;
}
.user_stat-table > thead > tr > th .order-arrow.caret-up:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d8";
  color: #ffffff;
  vertical-align: middle;
}
.user_stat-table > thead > tr > th.platform-icon {
  width: 50px;
}
.user_stat-table > thead > tr > th.platform-icon i {
  font-size: 24px;
}
.user_stat-table td .flex-col, .user_stat-table td .flex-licence-col {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
}
.user_stat-table td .flex-col a, .user_stat-table td .flex-licence-col a {
  margin: 0 5px;
}
.user_stat-table td .flex-col .platform-icon, .user_stat-table td .flex-licence-col .platform-icon {
  font-size: 17px;
  line-height: 8px;
}
.user_stat-table td .flex-licence-col {
  justify-content: flex-start;
}
.user_stat-table td .flex-licence-col .end {
  margin-left: auto;
}
.user_stat-table td .fixed-font {
  font-size: 15px;
}
.user_stat-table td .lexikon-type-icon {
  vertical-align: middle;
  font-size: 20px;
  top: 1px;
}
.user_stat-table td .statistic-status-boxes {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
}
.user_stat-table td .stat-lic-wrapper {
  white-space: nowrap;
}
.user_stat-table td .pull-right [class^=mwicon-], .user_stat-table td .pull-right [class*=" mwicon-"] {
  font-size: 20px;
  line-height: 0;
  top: 2px;
}
.user_stat-table td .region-icon [class^=mwicon-], .user_stat-table td .region-icon [class*=" mwicon-"] {
  font-size: 20px;
  line-height: 0;
  top: 2px;
}
.user_stat-table td .region-toggle {
  font-size: 20px;
  color: #c7d3e5;
}
.user_stat-table td .region-toggle.country {
  color: #455771;
}
.user_stat-table td > div > span, .user_stat-table td > span, .user_stat-table td > b, .user_stat-table td > div > b {
  vertical-align: middle;
}
.user_stat-table td.col-location {
  min-width: 160px;
}

@media (min-width: 900px) {
  .stat-country_region .region-map, .stat-online_country_region .region-map {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "   .    image" "colors  image";
  }
  .stat-country_region .svg-settings, .stat-online_country_region .svg-settings {
    width: 140px;
    height: 315px;
    text-align: right;
  }
  .stat-country_region .svg-settings .svg-setting-col1, .stat-online_country_region .svg-settings .svg-setting-col1 {
    margin-top: 8px;
    margin-left: 40px;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    float: left;
  }
  .stat-country_region .svg-settings .svg-setting-col2, .stat-online_country_region .svg-settings .svg-setting-col2 {
    width: 28px;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    float: right;
    margin-right: 35px;
  }
}
@media (max-width: 900px) {
  .stat-country_region .region-map, .stat-online_country_region .region-map {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "image " "colors";
  }
  .stat-country_region .svg-settings, .stat-online_country_region .svg-settings {
    padding-top: 30px;
  }
  .stat-country_region .svg-settings .svg-setting-col1, .stat-online_country_region .svg-settings .svg-setting-col1 {
    margin-left: 6px;
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
  }
  .stat-country_region .svg-settings .svg-setting-col2, .stat-online_country_region .svg-settings .svg-setting-col2 {
    margin-top: 5px;
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
  }
}
.stat-country_region .region-map, .stat-online_country_region .region-map {
  margin-bottom: 30px;
}
.stat-country_region .region-map .svg-container, .stat-online_country_region .region-map .svg-container {
  grid-area: image;
  text-align: center;
  background-color: #f2f5f9;
  border: 1px solid #c7d3e5;
  float: right;
  position: relative;
}
.stat-country_region .region-map .svg-upper, .stat-online_country_region .region-map .svg-upper {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: transparent;
  border: 0;
  filter: contrast(50%);
}
.stat-country_region .region-map .svg-settings, .stat-online_country_region .region-map .svg-settings {
  grid-area: colors;
}
.stat-country_region .region-map .svg-settings .color-modal-toggle, .stat-online_country_region .region-map .svg-settings .color-modal-toggle {
  display: inline-block;
  float: left;
  font-size: 24px;
  line-height: 24px;
  margin-left: 2px;
  color: #a1b4cd;
  cursor: pointer;
}
.stat-country_region .region-map .svg-color-box, .stat-online_country_region .region-map .svg-color-box {
  display: inline-block;
}
.stat-country_region .region-map .svg-color-box.large-box, .stat-online_country_region .region-map .svg-color-box.large-box {
  width: 28px;
  height: 28px;
}
.stat-country_region .region-map .svg-color-box.small-box, .stat-online_country_region .region-map .svg-color-box.small-box {
  width: 18px;
  height: 18px;
}
.stat-country_region .region-map .svg-color-number, .stat-online_country_region .region-map .svg-color-number {
  display: inline-block;
  width: 28px;
  height: 27.6px;
  font-weight: bold;
}
.stat-country_region .region-map .svg-color-number-2, .stat-online_country_region .region-map .svg-color-number-2 {
  display: inline-block;
  width: 28px;
  height: 27.6px;
  font-weight: bold;
}
.stat-country_region .region-map .modal, .stat-online_country_region .region-map .modal {
  position: absolute;
}
.stat-country_region .region-map .modal .modal-dialog, .stat-online_country_region .region-map .modal .modal-dialog {
  position: absolute;
  bottom: 6px;
  left: 10px;
  margin: 20px;
  border-radius: 5px;
  width: 230px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content, .stat-online_country_region .region-map .modal .modal-dialog .modal-content {
  border-radius: 5px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body {
  padding: 20px;
  padding-top: 10px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .pallette-border, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .pallette-border {
  padding: 3px;
  border: 2px solid #ffffff;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .pallette-border.on, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .pallette-border.on {
  border: 2px solid #0074BD;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .pallette-border .color-row, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .pallette-border .color-row {
  -js-display: flex;
  display: flex;
  margin-bottom: 0px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .modal-label, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .modal-label {
  font-weight: bold;
  font-size: 16px;
  color: #455771;
  margin: 5px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .radio-row, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .radio-row {
  color: #455771;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 16px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .radio-row i, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .radio-row i {
  font-size: 20px;
  margin-left: 2px;
  margin-right: 5px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .radio-row.on, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .radio-row.on {
  color: #0074BD;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .check-row, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .check-row {
  margin-top: 10px;
  color: #455771;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 16px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .check-row i, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .check-row i {
  font-size: 20px;
  margin-left: 2px;
  margin-right: 5px;
}
.stat-country_region .region-map .modal .modal-dialog .modal-content .modal-body .check-row.on, .stat-online_country_region .region-map .modal .modal-dialog .modal-content .modal-body .check-row.on {
  color: #0074BD;
}

.country-region-table .country-row {
  background-color: #dee5f2;
}
.country-region-table .country-name-col {
  font-weight: bold;
}
.country-region-table .region-back-navigate {
  color: #0074BD;
}
.country-region-table .region-institute-details {
  float: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.country-region-table .region-institute-details i {
  color: #a1b4cd;
  cursor: pointer;
}
.country-region-table .region-institute-details i.on {
  color: #0074BD;
}

.map-tooltip {
  width: 180px;
  margin-left: 15px;
  margin-top: 5px;
}
.map-tooltip .data-box {
  display: inline-block;
  width: 33%;
  text-align: left;
}
.map-tooltip .data-box i {
  margin-right: 4px;
  font-size: 18px;
  color: #a1b4cd;
}

.tooltip.in {
  opacity: 0.98;
  filter: alpha(opacity=98);
}

.system-control-platform-filter label, .system-control-licence-group-filter label, .system-control-download-filter label {
  font-weight: normal;
  color: #a1b4cd;
  cursor: pointer;
  padding: 10px 7px 10px 7px;
  margin: 0;
}
.system-control-platform-filter li.active label, .system-control-licence-group-filter li.active label, .system-control-download-filter li.active label {
  font-weight: bold;
  color: #0074BD;
}
.system-control-platform-filter .platform-filter-separator, .system-control-licence-group-filter .platform-filter-separator, .system-control-download-filter .platform-filter-separator {
  border-left: 1px solid #cccccc;
  height: 21px;
  margin: 12px 8px;
}

.system-control-download-filter label {
  padding: 7px 10px 7px 10px;
}

.system-control .title-row {
  height: auto;
}
.system-control .title-row .container {
  padding-top: 18px;
  padding-bottom: 18px;
  position: relative;
  height: auto;
}
.system-control .title-row .container .system-control--country .form-group {
  margin: 0;
}
@media (max-width: 992px) {
  .system-control .title-row .container .system-control--country .form-group {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.system-control .title-row .container .dropdown-menu {
  min-width: 200px;
  max-height: 450px;
  padding: 0;
}
.system-control .title-row .container .dropdown-menu li.active a {
  color: #ffffff;
}
.system-control .title-row h1 {
  margin-bottom: 0px;
}
.system-control .title-row.editor-statistics {
  background: #dee5f2;
}
.system-control .mwicon-mb_dl_type_demo:after {
  font-size: 23px !important;
  left: -2px !important;
  top: -2px !important;
}
@media (max-width: 991px) {
  .system-control .title-row h1 {
    margin-bottom: 15px !important;
  }
  .system-control .form-group {
    width: 100%;
  }
}
.system-control .table-responsive, .system-control .table-responsive-borderless {
  margin-bottom: 20px;
}
.system-control .table-responsive .table, .system-control .table-responsive-borderless .table {
  margin-bottom: 0;
}
.system-control .statistics-back-url-title a {
  vertical-align: middle;
  padding: 6px 16px;
}
.system-control .statistics-back-url-title span {
  vertical-align: middle;
  margin-left: 5px;
  font-weight: bold;
}
.system-control .table > thead > tr > th i {
  font-size: 24px;
  line-height: 0;
  margin: 0;
  vertical-align: middle;
  top: -1px;
}
.system-control .table > thead > tr > th i.region-back-icon {
  font-size: 20px;
  color: #0074BD;
}
.system-control .table > thead > tr > th.reg-time {
  width: 55px;
}
.system-control .table tbody tr td .not-exist {
  font-size: 20px;
  vertical-align: middle;
}
.system-control .table tbody tr td .user-activity-status {
  color: #455771;
  display: inline-block;
  vertical-align: middle;
}
.system-control .table tbody tr td .user-activity-status i {
  font-size: 20px;
}
.system-control .table tbody tr td .icon-not-shown {
  display: inline-block;
  width: 19px;
}
.system-control select[class*=utils-paginator] {
  padding-right: 20px;
}
.system-control .fixed-font.licence-code {
  font-size: 14px;
}
.system-control .row-main td {
  background-color: #f0f6fb;
}
.system-control .selected-country-timeline {
  float: right;
  display: inline-block;
}
.system-control .selected-country-timeline i {
  font-size: 20px;
  color: #0074BD;
  vertical-align: middle;
  top: 1px;
}
.system-control .platform-icon i {
  font-size: 20px;
  color: #0074BD;
  vertical-align: middle;
  top: 3px;
}
.system-control .institute-data-icon {
  color: #0074BD;
  float: right;
  font-size: 20px;
}
.system-control .country-region-table .institute-data-icon {
  float: none;
  margin-right: 3px;
}
@media (max-width: 991px) {
  .system-control .search-bar-unique .input-group-addon {
    width: 1%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .system-control .ml-55 {
    margin-left: -55px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .system-control .ml-unique {
    margin-left: -27px;
  }
}
@media (min-width: 1200px) {
  .system-control .ml-unique {
    margin-left: -60px;
  }
}
.system-control .js-view {
  font-size: 18px;
  padding-bottom: 4px;
  padding-left: 17px;
  padding-right: 17px;
}
@media (max-width: 991px) {
  .system-control .js-view {
    width: 33.3333333333%;
  }
  .system-control .js-view.online-download {
    width: 50%;
  }
}
.system-control .js-view .fa-graduation-cap {
  width: 17px;
  height: 17px;
  position: relative;
}
.system-control .js-view .fa-graduation-cap:before {
  position: absolute;
  left: -2px;
  top: 2px;
}
.system-control--btn-group a {
  position: relative;
}
.system-control--btn-group a img {
  height: 15px;
  position: relative;
  top: -2px;
}
.system-control--btn-group .js-view {
  padding: 4px 12px;
}
.system-control--btn-group .js-view i {
  font-size: 22px;
  top: 1px;
}
@media (max-width: 991px) {
  .system-control--btn-group {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .system-control--btn-group {
    margin-bottom: 20px;
  }
}
.system-control .js-period-filter, .system-control .js-country-filter, .system-control .js-extra-filter,
.system-control .js_country-filter, .system-control .js_type-filter {
  width: 100%;
}
.system-control .timeline-wrapper {
  margin-top: -3px;
}
@media (max-width: 991px) {
  .system-control .timeline-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
}
.system-control .timeline-btn {
  cursor: pointer;
  margin-right: 14px;
  margin-bottom: 0;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .system-control .timeline-btn {
    width: 32.3333333333%;
    margin-right: 0;
    text-align: center;
  }
}
.system-control .timeline-btn i {
  font-size: 40px;
  color: #c7d3e5;
}
.system-control .timeline-btn i.mwicon-menu_hamb {
  font-size: 34px;
  top: -1px;
}
.system-control .timeline-btn.active i {
  color: #0074BD;
}
.system-control .nav-user-admin li a {
  padding-left: 10px;
  padding-right: 10px;
}
.system-control .nav-portal-event-admin li a {
  padding-left: 10px;
  padding-right: 10px;
}
.system-control .stat-downloads .table th {
  vertical-align: middle;
}
.system-control .stat-downloads .table th span {
  font-weight: normal;
}
.system-control .stat-downloads .table .program-cell i {
  color: #c7d3e5;
}
.system-control .stat-user-online table tbody tr td i, .system-control .stat-userin-online table tbody tr td i, .system-control .stat-userclick-online table tbody tr td i {
  color: #a9c2e4;
}
.system-control .stat-user-online table tbody tr td a i, .system-control .stat-userin-online table tbody tr td a i, .system-control .stat-userclick-online table tbody tr td a i {
  color: #0074BD;
}
.system-control .stat-user-login-sum {
  display: inline-block;
  line-height: 2.5;
}
.system-control .stat-user-login-sum span {
  margin-right: 30px;
}
.system-control .stat-user-login-sum span i {
  font-size: 22px;
  top: 1px;
}
.system-control .stat-user-login-sum span:first-child {
  margin-right: 12px;
}
.system-control .stat-user-login-sum span:last-child {
  margin-right: 0;
}
.system-control th .mwicon-mb_dl_type_full:after, .system-control th .mwicon-mb_dl_type_min:after {
  font-size: 24px !important;
}

.user-details-system-control [name=filters] h2 {
  margin-top: 0;
}

.title-with-subtitle label {
  margin-bottom: 5px;
}
.title-with-subtitle .title-row {
  height: auto;
}
.title-with-subtitle .container {
  padding-top: 24px;
  position: relative;
  height: auto;
}
.title-with-subtitle h1 {
  margin-bottom: 0px;
}

#user-stat-diagram {
  box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-top: 10px;
}

@keyframes diagram-on {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes diagram-off {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.diagram-switch, .map-switch {
  font-size: 24px;
  float: left;
  cursor: pointer;
  color: #c7d3e5;
  position: relative;
  margin-right: 10px;
}
.diagram-switch i, .map-switch i {
  font-size: 34px;
  pointer-events: none;
}
.diagram-switch .region-map-index, .map-switch .region-map-index {
  color: #c7d3e5;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.diagram-switch.on, .map-switch.on {
  color: #0074BD;
}
.diagram-switch.on .region-map-index, .map-switch.on .region-map-index {
  color: #0074BD;
}

.modal-dialog .btn-stat {
  position: relative;
  width: 42px;
  height: 42px;
}
.modal-dialog .btn-stat > span {
  position: absolute;
  display: block;
  width: 23px;
  height: 23px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.modal-dialog .btn-stat > span[class^=mwicon-], .modal-dialog .btn-stat > span[class*=" mwicon-"] {
  font-size: 24px;
}

.stat-br-2 {
  border-right: 3px solid #aaaaaa !important;
}

@media (max-width: 1199px) {
  .ml-md-15 {
    margin-left: 15px;
  }
}

@media (min-width: 991px) {
  .ml-sm-auto {
    margin-left: auto !important;
  }
}

@media (max-width: 991px) {
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
}

.matrix-list-wrapper td.book-title {
  width: 44%;
}
.matrix-list-wrapper th.distribution-type {
  font-size: 0.9em;
  width: 7%;
}
.matrix-list-wrapper .state-block {
  padding: 11px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.matrix-list-wrapper .state-block.uptodate {
  background-color: #d6edd6;
  background-image: url("../assets/images/editor/distribution-matrix/checkmark-icon.svg");
}
.matrix-list-wrapper .state-block.outdated {
  background-color: #ffe9c5;
  background-image: url("../assets/images/editor/distribution-matrix/update-icon.svg");
}
.matrix-list-wrapper .state-block.error {
  background-color: #f8d6d5;
  background-image: url("../assets/images/editor/distribution-matrix/alert-icon.svg");
}

.tool-full-page-container {
  width: 70vw;
  height: 70vh;
  margin: auto;
}
.tool-full-page-container .tool-full-page-tool-container {
  width: 85%;
  height: 100%;
  margin: auto;
}
.tool-full-page-container .tool-full-page-tool-container .tool-full-page-loader {
  background-color: #ffffff;
}

.tool-full-page-mobile-container {
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}
.tool-full-page-mobile-container .tool-full-page-mobile-tool-container {
  width: 95%;
  height: 95%;
  margin: auto;
}
.tool-full-page-mobile-container .tool-full-page-mobile-tool-container #player, .tool-full-page-mobile-container .tool-full-page-mobile-tool-container #windowPlayer {
  width: 100% !important;
}
.tool-full-page-mobile-container .tool-full-page-mobile-tool-container .landscape {
  height: 100% !important;
}
.tool-full-page-mobile-container .tool-full-page-mobile-tool-container .tool-full-page-loader {
  background-color: #000000;
}

#player, #windowPlayer {
  width: 100%;
  height: 100%;
}

.tool-full-page-loader {
  top: 0 !important;
  position: absolute !important;
  background-image: url(../assets/images/moza_loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
  width: 100%;
  height: 100%;
}

.player-border {
  filter: drop-shadow(0 0 5px #888888);
}

.comp-stats {
  text-align: right;
  display: inline-block;
}
.comp-stats .stat-circle-progress {
  width: 100px;
  height: 100px;
  transform: scaleY(-1) rotate(-90deg);
}
.comp-stats .comp-circle {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-left: 10px;
}
.comp-stats .comp-circle .comp-circle-round-with-icon {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50px;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.comp-stats .comp-circle .comp-circle-round-with-icon .comp-circle-icon {
  font-size: 35px;
  color: #ffffff;
  margin-top: 5px;
}
.comp-stats .comp-circle-status-0 {
  background-color: #d38f45;
}
.comp-stats .comp-circle-status-1 {
  background-color: #825085;
}

@media (min-width: 768px) {
  .avatar-section {
    padding-left: 0;
  }
}

.competition-profile-details {
  margin-left: 110px;
}
.competition-profile-details p i {
  color: #8c97a7;
  font-size: 22px;
}
.competition-profile-details p b {
  font-size: 14px;
  text-align: justify;
}
.competition-profile-details #competitionLangSelector {
  box-shadow: 0 5px 5px rgba(36, 75, 149, 0.3);
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #86b2d2;
  margin-top: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 350px;
  position: absolute;
  z-index: 1000;
  background: #ffffff;
}
.competition-profile-details #competitionLangSelector .less-opacity {
  opacity: 0.4;
  transition: 0.3s;
}
.competition-profile-details #competitionLangSelector .less-opacity:hover {
  opacity: 1;
}

.comp-results .comp-border-bottom-solid {
  padding-bottom: 5px;
  border-bottom: solid 1px #c7d3e5;
}
.comp-results .comp-round-row .problem-position {
  color: #ffffff;
}
.comp-results .comp-round-row .comp-skipped {
  background-color: #bfcade;
}
.comp-results .comp-round-row .comp-good {
  background-color: #61B846;
}
.comp-results .comp-round-row .comp-bad {
  background-color: #fe4521;
}
.comp-results .comp-round-row .comp-round-problems-row {
  padding: 15px 0;
}
.comp-results .comp-round-row .comp-round-problems-row .comp-5-answer-block .comp-problem {
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  width: 25px;
  height: 25px;
}

@media (max-width: 991px) {
  .comp-center {
    text-align: center;
  }
}
.worksheet-wrapper {
  background-color: #e4e9f2;
}
.worksheet-wrapper .competition-title-row {
  background-color: #d4def0;
  margin-bottom: 0;
}
.worksheet-wrapper .competition-title-row .container {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}
.worksheet-wrapper .competition-title-row .container .row {
  background-color: #ffffff;
  opacity: 0.7;
  height: 100%;
  -js-display: flex;
  display: flex;
  align-items: center;
}
.worksheet-wrapper .lector-title-wrapper {
  min-height: 70px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.worksheet-wrapper .lector-title-wrapper .lector-title {
  position: relative;
  font-size: 26px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 80%;
  text-align: center;
  margin: auto;
  white-space: nowrap;
  padding: 0 0 13px;
  color: #000000;
}
.worksheet-wrapper .lector-title-wrapper .lector-title:before {
  background-color: #bb0000;
  content: "";
  display: block;
  height: 3px;
  width: 35%;
  margin-bottom: 5px;
}
.worksheet-wrapper .lector-title-wrapper .lector-title:after {
  background-color: #bb0000;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 35%;
  margin-bottom: 0.25em;
}

.competition-countdown {
  width: 40vw;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .competition-countdown {
    width: 60vw;
  }
}
@media (max-width: 991px) {
  .competition-countdown {
    width: 70vw;
  }
}
@media (max-width: 519px) {
  .competition-countdown {
    width: 80vw;
  }
}
.competition-countdown .clock-container {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #4a6ea9;
  border-radius: 5px;
  -js-display: flex;
  display: flex;
  justify-content: center;
}
@media (max-width: 519px) {
  .competition-countdown .clock-container {
    flex-direction: column;
  }
}
.competition-countdown .clock-container .clock-day:before {
  content: var(--timer-day);
}
.competition-countdown .clock-container .clock-hours:before {
  content: var(--timer-hours);
}
.competition-countdown .clock-container .clock-minutes:before {
  content: var(--timer-minutes);
}
.competition-countdown .clock-container .clock-seconds:before {
  content: var(--timer-seconds);
}
.competition-countdown .clock-container .clock-col {
  position: relative;
  min-width: 90px;
  text-align: center;
  margin: 0 20px;
  padding-top: 25px;
}
@media (min-width: 520px) and (max-width: 767px) {
  .competition-countdown .clock-container .clock-col {
    margin: 0;
  }
}
.competition-countdown .clock-container .clock-col:not(:last-child):before, .competition-countdown .clock-container .clock-col:not(:last-child):after {
  content: "";
  background-color: #ffffff;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: -22px;
}
@media (max-width: 767px) {
  .competition-countdown .clock-container .clock-col:not(:last-child):before, .competition-countdown .clock-container .clock-col:not(:last-child):after {
    right: 0;
  }
}
.competition-countdown .clock-container .clock-col:not(:last-child):before {
  top: 35%;
}
.competition-countdown .clock-container .clock-col:not(:last-child):after {
  top: 50%;
}
@media (max-width: 519px) {
  .competition-countdown .clock-container .clock-col + .competition-countdown .clock-container .clock-col {
    margin-top: 20px;
  }
  .competition-countdown .clock-container .clock-col:before, .competition-countdown .clock-container .clock-col:after {
    display: none !important;
  }
}
.competition-countdown .clock-container .clock-timer {
  margin: 0 0 8px;
}
.competition-countdown .clock-container .clock-timer:before {
  color: #ffffff;
  font-size: 5.2rem;
  text-transform: uppercase;
}
.competition-countdown .clock-container .clock-label {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: bold;
}

#messageBoxOuter {
  position: absolute;
  top: 130px;
  right: 75px;
  z-index: 2000;
}

.mblite #messageBoxOuter {
  top: 40px !important;
}

.message-box-wrapper {
  margin-bottom: 5px;
}

.message-box {
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
}

.close-message-box {
  cursor: pointer;
  margin-left: 5px;
  padding: 5px;
}

.message-box-inner {
  padding: 7px;
  -js-display: flex;
  display: flex;
  align-items: center;
}

.message-box-body {
  width: 95%;
}

.message-box-info {
  background: #0074BD;
  color: #ffffff;
}

.message-box-danger {
  background: #ef0b06;
  color: #ffffff;
}

.message-box-warning {
  background: #e38900;
  color: #ffffff;
}

.message-box-success {
  background: #61B846;
  color: #ffffff;
}

.body_editor {
  color: #455771;
  background-color: #f1f5fb;
}

.editor-login {
  max-width: 377px;
  margin: 120px auto 40px auto;
  text-align: center;
}
.editor-login .form-panel {
  text-align: left;
}
.editor-login .editor-bird {
  max-width: 140px;
  display: inline-block;
  margin: 15px 0 20px 0;
}
.editor-login .editor-logo {
  background: url("../assets/images/mozalearn_editor.svg") no-repeat center;
  background-size: contain;
  max-width: 263px;
  height: 26px;
  display: block;
  margin: 0 auto 35px auto;
}
.editor-login label {
  color: #455772;
}
.editor-login .login-button {
  margin: 20px 0 12px;
}

.lexikon-top-body-editor {
  padding: 10px;
}

.editor-page.login-page {
  background: #f2f5f9;
}
.editor-page .logo {
  background: url("../assets/images/mozalearn_editor_logo.png") no-repeat;
  background-size: contain;
  width: 349px;
  height: 33px;
}
.editor-page .wrapper {
  padding-bottom: 68px;
  min-height: calc(100vh - 123px);
}
.editor-page #footer {
  height: 68px;
  margin-top: -40px;
}
@media (max-width: 1199px) {
  .editor-page .logo {
    width: 290px;
    height: 27px;
  }
}

body.compact.editor-page #header .logo {
  width: 323px;
  margin-top: 22px;
}

.editor-main {
  margin: -75px auto -20px auto;
}
.editor-main__item {
  border-bottom: 1px solid #dee5f2;
  padding: 15px 0;
}
.editor-main__item:last-child {
  border: 0;
}
.editor-main__icon {
  float: left;
  color: #a1b4cd;
  font-size: 40px;
}
.editor-main__content {
  margin-left: 60px;
}
.editor-main__content h4 {
  margin: 0;
  font-weight: bold;
}
.editor-main__content p {
  margin: 0;
}

@media (max-width: 767px) {
  .editor-main .wbox {
    text-align: left;
  }
  .editor-main__icon {
    font-size: 30px;
  }
  .editor-main__content {
    margin-left: 50px;
  }
}
/*lexikon_top dolgok*/
.lexikon_top_editor {
  position: fixed;
  right: 55px;
  width: 230px;
  z-index: 100; /*lexikon elemek lehetnek 2,3*/
  top: 130px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px 5px 0px 0px;
}
.lexikon_top_editor .close {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 3px;
}
.lexikon_top_editor .header {
  padding: 10px;
  background-color: #eaebee;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}
.lexikon_top_editor .lexikon_top_tab {
  padding-bottom: 5px;
}
.lexikon_top_editor .lexikon_top_tab td {
  cursor: pointer;
  background-color: #eeeeee;
  padding-left: 3px;
  padding-right: 3px;
}
.lexikon_top_editor .lexikon_top_tab td.aktiv {
  cursor: pointer;
  background-color: #cccccc;
}
.lexikon_top_editor .lexikon_close {
  font-size: 14px;
  color: #3d3d5c;
}
.lexikon_top_editor .lexikon_selector {
  width: 90%;
  -moz-text-align-last: center;
  text-align-last: center;
}
.lexikon_top_editor .lexikon_date_btn_minus {
  border-radius: 5px 0px 0px 5px;
  padding: 6px 10px;
}
.lexikon_top_editor .lexikon_date_btn_plus {
  border-radius: 0px 5px 5px 0px;
  padding: 6px 10px;
}
.lexikon_top_editor .lexikon_number {
  position: absolute;
  background: #ffffff;
  color: #9f191f;
  width: 25px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  padding-left: 5px;
}
.lexikon_top_editor .lexikon_delete {
  position: absolute;
  font-size: 13px;
  background-color: #9f191f;
  color: #ffffff;
  width: 25px;
  height: 25px;
  padding: 6px;
  border-radius: 5px;
  right: 15px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.lexikon_top_editor .lexikon_td {
  padding: 5px;
  text-align: center;
}
.lexikon_top_editor .table-year {
  width: 90%;
  margin-bottom: 15px;
}
.lexikon_top_editor .table-month {
  width: 90%;
}
.lexikon_top_editor .lexikon_date {
  background-color: #ffffff;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border: 1px solid #cccccc;
}

.label--block {
  display: block;
}

.ui-dialog .ui-dialog-content.dialog-bulk-insert {
  overflow-y: auto !important;
}

.utils-paginator .pagination {
  margin: 0;
}

.body_editor .utils-paginator {
  margin-right: 15px;
}

.editor_extra_browser_item_thumbnail img {
  height: 50px;
}

.cover_container > img.cover_image {
  border: solid 1px #c6d2e5;
}

@media (max-width: 767px) {
  .js-extra-panel-holder .tab-panel .container {
    width: 100%;
  }
}

.editor-header-container {
  position: fixed;
  z-index: 10;
  width: 100%;
}

.editor_header {
  height: 57px;
  background: #244b95 url("../assets/images/editor/header_bg.png") top left;
}
.editor_header .editor_title {
  font-family: "NeoSansPro-Italic", serif;
  height: 27px;
  position: absolute;
  top: 8px;
  left: 50px;
  font-size: 32px;
  color: #b1d2fc;
}
.editor_header .editor_title .editor-admin-title {
  color: #b1d2fc;
}
.editor_header .editor_title span {
  color: #ffffff;
}
.editor_header .mozaik_icon {
  background: url("../assets/images/editor/header_bg_mozaik.png") no-repeat center center;
  width: 160px;
  height: 57px;
  float: right;
}
.editor_header .login_name {
  font-size: 14px;
  color: #c4deff;
  line-height: 21px;
  margin: 18px 0px;
  float: right;
}
.editor_header a.back_icon {
  float: left;
  width: 27px;
  height: 24px;
  background-image: url("../assets/images/editor/back.png?v=20140129");
  background-repeat: no-repeat;
  margin: 18px 10px 15px -7px;
}

.mozaweb_ar .editor_header .mozaik_icon,
.mozaweb_ar .editor_header .login_name {
  float: left;
}
.mozaweb_ar .editor_header a.back_icon {
  float: right;
  margin: 18px -7px 15px 10px;
  transform: scaleX(-1);
}

.editor_menu {
  border-top: 2px solid #fff03d;
  background-color: #2956a5;
  height: 37px;
  /* Na most figyeljetek! */
}
.editor_menu .dropdown-admin.dropdown {
  border: none;
}
.editor_menu .dropdown-admin.dropdown .dropdown-menu {
  box-shadow: 0 15px 40px rgba(36, 75, 149, 0.3);
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #86b2d2;
  margin-top: 0px;
  top: 95%;
}
.editor_menu .dropdown-admin.dropdown .dropdown-menu li {
  display: block;
  font-size: 15px;
  padding: 0;
  width: 100%;
}
.editor_menu .dropdown-admin.dropdown .dropdown-menu li a {
  color: #455771;
  -js-display: flex;
  display: flex;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.editor_menu .dropdown-admin.dropdown .dropdown-menu li a.active {
  font-weight: bold;
}
.editor_menu .dropdown-admin.dropdown .dropdown-menu li a:focus, .editor_menu .dropdown-admin.dropdown .dropdown-menu li a:hover {
  color: #244b95;
  background: rgba(134, 178, 210, 0.3);
}
.editor_menu .dropdown-admin.dropdown .dropdown-menu li a i {
  font-size: 24px;
  line-height: 23px;
  margin-right: 8px;
  color: #8c97a7;
}
.editor_menu .dropdown-admin.dropdown a {
  color: #ffffff;
}
.editor_menu .dropdown-admin.dropdown a i {
  color: #c7d3e5;
  font-size: 35px;
  bottom: 0px;
  margin-right: 10px;
  position: relative;
}
.editor_menu .dropdown-admin.dropdown a i.mwicon-arrow6_d {
  font-size: 20px;
  margin-top: 0;
  bottom: 0;
  vertical-align: middle;
}
.editor_menu .home_bg {
  width: 52px;
  height: 35px;
  border-right: 1px solid #718cc6;
  margin-right: 25px;
}
.editor_menu .home_bg a.home_icon {
  display: block;
  width: 22px;
  height: 21px;
  background-image: url("../assets/images/editor/home_yellow.png");
  margin: 8px 0 5px 17px;
}
.editor_menu .home_bg a.home_icon.inactive {
  background-image: url("../assets/images/editor/home.png");
}
.editor_menu .menu li {
  display: inline-block;
  padding: 8px 12px 8px 8px;
}
.editor_menu .menu li.editor_settings_holder {
  width: 53px;
  height: 35px;
  text-align: center;
  border-left: 1px solid #718cc6;
}
.editor_menu .menu li.editor_settings_holder a {
  color: #6593D8;
  font-size: 20px;
}
.editor_menu .menu li .fa-plus {
  color: #6593D8;
  font-size: 17px;
  margin-right: 5px;
}
.editor_menu .menu li.book-details-pager {
  float: right;
  width: 80px;
  padding-top: 5px;
}
.editor_menu .menu li.book-details-pager a {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
}
.editor_menu .menu li.book-details-pager a.next {
  float: right;
}
.editor_menu .menu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  transition: color 0.3s ease-out 0s;
}
.editor_menu .menu li a.selected {
  color: #ffe774;
}
.editor_menu .menu li a.disabled {
  opacity: 0.6;
  cursor: default;
}
.editor_menu .menu li a.togglefilter {
  padding-right: 20px;
  background-image: url("../assets/images/editor/arrows.png");
  background-repeat: no-repeat;
}
.editor_menu .menu li a.togglefilter.is_filter {
  color: #ffe774;
}
.editor_menu .menu li a.togglefilter.filter-open {
  background-position: right -15px;
}
.editor_menu .menu li a.togglefilter.filter-close {
  background-position: right 3px;
}
@media screen and (max-width: 1460px) {
  .editor_menu .toggle-filter {
    padding: 6px 20px 0 0 !important;
    width: 20px;
    margin-right: 20px;
    height: 30px;
    white-space: nowrap;
  }
  .editor_menu .toggle-filter .togglefilter {
    width: 20px;
    height: 30px;
  }
  .editor_menu .toggle-filter span {
    display: none;
  }
  .editor_menu .add_book {
    padding-right: 10px !important;
  }
  .editor_menu .add_book span {
    display: none;
  }
  .editor_menu .statistics {
    display: block;
    width: 23px;
    height: 25px;
    margin-top: -3px;
    margin-right: 3px;
    background-image: url("../assets/images/editor/insert_type_icon.png");
    background-repeat: no-repeat;
  }
  .editor_menu .statistics span {
    display: none;
  }
}
@media screen and (max-width: 970px) {
  .editor_menu .menu a {
    font-size: 12px;
  }
  .editor_menu .toggle-filter,
  .editor_menu .add_book {
    padding: 7px 10px 0 0;
    width: 15px;
    text-indent: -9999px;
    height: 16px;
    white-space: nowrap;
  }
  .editor_menu .list_menu.editor_menu {
    min-width: 900px;
  }
}

#filter_form {
  color: #5b6c86;
  background-color: #f1f5fb;
  z-index: 10;
  position: fixed;
  top: 94px;
  width: 100%;
  font-size: 12px;
  border-bottom: 1px solid #224579;
}
#filter_form .form-control, #filter_form .cke_editable {
  margin-top: 4px;
  box-shadow: none;
  font-size: 12px;
}
#filter_form .editor-book-filter-row .form-control, #filter_form .editor-book-filter-row .cke_editable {
  margin-top: 0;
}
#filter_form .editor-book-filter-row .search-bar-unique input[type=text] {
  border-right: 0;
}
#filter_form .utils-paginator {
  margin-top: 0;
}
#filter_form .utils-paginator .pagination {
  margin: 0;
}
#filter_form .list_filter {
  border-bottom: 1px solid #224579;
  padding: 5px 0 10px;
}
#filter_form .list_filter h4 {
  color: #6f95d9;
  font-size: 13px;
  margin: 10px 0 5px 15px;
}
#filter_form .list_filter .filter_item {
  margin-right: 15px;
}
#filter_form .list_filter .form-group {
  margin-bottom: 0;
}
#filter_form #order_direction {
  width: 35px;
  height: 23px;
  background-image: url("../assets/images/editor/order_dir.png");
  background-repeat: no-repeat;
  background-color: transparent;
  margin-right: 10px;
}
#filter_form #order_direction.order_asc {
  background-position: 0 -20px;
}
#filter_form #order_direction.order_desc {
  background-position: 0 3px;
}

.editor_icon {
  background: url("../assets/images/editor/editor_icon_sprite.png") top left no-repeat;
  width: 19px;
  display: block;
  height: 19px;
}
.editor_icon.ico_edit {
  background-position: -9px -8px;
}
.editor_icon.ico_lock {
  background-position: -9px -36px;
}
.editor_icon.ico_print {
  background-position: -10px -66px;
}
.editor_icon.ico_free {
  background-position: -10px -94px;
}
.editor_icon.compact_list {
  background-position: -10px -122px;
}
.editor_icon.compact_list.active {
  background-position: -10px -178px;
}
.editor_icon.fat_list.active {
  background-position: -10px -206px;
}
.editor_icon.fat_list {
  background-position: -10px -150px;
}
.editor_icon.ico_ios_android {
  background-position: -9px -234px;
}
.editor_icon.ico_mblite {
  background-position: -9px -262px;
}
.editor_icon.ico_online {
  background-position: -9px -290px;
}
.editor_icon.ico_offline {
  background-position: -9px -318px;
}
.editor_icon.ico_not_published {
  background-position: -9px -373px;
}
.editor_icon.ico_has_insertable {
  background-position: -9px -401px;
}
.editor_icon.unlocked {
  background-position: -9px -345px;
}
.editor_icon.compact_list, .editor_icon.fat_list {
  cursor: pointer;
  float: left;
  margin-top: 1px;
  margin-left: 15px;
}
.editor_icon.fat_list {
  margin-left: 10px;
}

.filter_bubble {
  display: inline-block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 4px;
  line-height: 24px;
  margin: 0 10px 0 10px;
}
.filter_bubble * {
  vertical-align: middle;
}
.filter_bubble a {
  display: inline-block;
}
.filter_bubble span {
  font-size: 12px;
  margin-left: 3px;
  margin-right: 4px;
}

.editor-list-table-wrapper {
  margin: 0px 10px 10px 10px;
  padding-top: 160px;
}
@media (max-width: 991px) {
  .editor-list-table-wrapper {
    padding-top: 210px;
  }
}

.mozatable {
  width: 100%;
  border: 1px #7f9db9 solid;
  border-collapse: collapse;
  font-size: 12px;
}
.mozatable * {
  box-sizing: content-box;
}
.mozatable .row0 {
  background: #ffffff;
}
.mozatable .row1 {
  background: #f4f7fb;
}
.mozatable th {
  border-right: 1px #7f9db9 solid;
  border-collapse: collapse;
  background-color: #d5ddef;
  height: 20px;
  padding: 2px 23px;
}
.mozatable .lista_row.selected {
  /** kijelöl sor **/
  /** kijelölt sor első cella **/
  /** kijelölt sor utolsó cella **/
}
.mozatable .lista_row.selected > td {
  background-color: rgb(253, 255, 207) !important;
}
.mozatable .lista_row.selected.border_top .lista_cell {
  background: url("../assets/images/editor/row_bg.png") repeat-x left top;
}
.mozatable .lista_row.selected.border_bottom .lista_cell {
  background: url("../assets/images/editor/row_bg.png") repeat-x left bottom;
}
.mozatable .lista_row.selected.border_bottom.border_top .lista_cell {
  background: url("../assets/images/editor/row_bg.png") repeat-x left top, url("../assets/images/editor/row_bg.png") repeat-x left bottom;
}
.mozatable .lista_row.selected .lista_cell_first {
  background: url("../assets/images/editor/row_bg.png") repeat-y left top;
}
.mozatable .lista_row.selected.border_top .lista_cell_first {
  background: url("../assets/images/editor/row_bg.png") repeat-y left top, url("../assets/images/editor/row_bg.png") repeat-x left top;
}
.mozatable .lista_row.selected.border_bottom .lista_cell_first {
  background: url("../assets/images/editor/row_bg.png") repeat-y left top, url("../assets/images/editor/row_bg.png") repeat-x left bottom;
}
.mozatable .lista_row.selected.border_bottom.border_top .lista_cell_first {
  background: url("../assets/images/editor/row_bg.png") repeat-y left top, url("../assets/images/editor/row_bg.png") repeat-x left top, url("../assets/images/editor/row_bg.png") repeat-x left bottom;
}
.mozatable .lista_row.selected .lista_cell_last {
  background: url("../assets/images/editor/row_bg.png") repeat-y right top;
}
.mozatable .lista_row.selected.border_top .lista_cell_last {
  background: url("../assets/images/editor/row_bg.png") repeat-y right top, url("../assets/images/editor/row_bg.png") repeat-x left top;
}
.mozatable .lista_row.selected.border_bottom .lista_cell_last {
  background: url("../assets/images/editor/row_bg.png") repeat-y right top, url("../assets/images/editor/row_bg.png") repeat-x left bottom;
}
.mozatable .lista_row.selected.border_bottom.border_top .lista_cell_last {
  background: url("../assets/images/editor/row_bg.png") repeat-y right top, url("../assets/images/editor/row_bg.png") repeat-x left top, url("../assets/images/editor/row_bg.png") repeat-x left bottom;
}
.mozatable .lista_row .lista_cell {
  padding: 10px 5px !important;
  color: #5b6c86;
}
.mozatable .lista_row .lista_cell.lista_cell_first {
  height: 130px;
  width: 200px;
}
.mozatable .lista_row .lista_cell.lista_cell_bookdetails {
  padding-right: 0 !important;
  vertical-align: bottom;
}
.mozatable .lista_row .lista_cell.lista_cell_bookdetails > div {
  margin-left: 15px;
  max-width: 95%;
}
.mozatable .lista_row .lista_cell.lista_cell_bookdetails .book_info {
  margin-top: 15px;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.mozatable .lista_row .lista_cell .lista_cell_stat_block {
  margin-top: 12px;
  margin-left: 0.7vw;
}
.mozatable .lista_row .lista_cell .lista_cell_stat_block:first-child {
  margin-top: 0px;
}
.mozatable .lista_row .lista_cell .status_item {
  margin: 5px 0;
}
.mozatable .lista_row .lista_cell .status_item span {
  display: inline-block;
  vertical-align: middle;
}
.mozatable .lista_row .lista_cell .status_item span.status_title {
  width: 60%;
  text-align: right;
  font-weight: bold;
  color: #5b6c86;
}
.mozatable .lista_row .lista_cell .status_item span.status_value {
  width: 13px;
  height: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 10px;
}
.mozatable .lista_row .lista_cell .status_item span.status_value.status_0 {
  background-color: #ffffff;
  border-color: #c6d2e5;
}
.mozatable .lista_row .lista_cell .status_item span.status_value.status_1 {
  background-color: #75cf00;
  border-color: #75cf00;
}
.mozatable .lista_row .lista_cell .status_item span.status_value.status_2 {
  background-color: #ff0000;
  border-color: #ff0000;
}
.mozatable .lista_row .lista_cell .status_item span.status_value.status_red {
  background-color: #ff0000;
  border-color: #ff0000;
}
.mozatable .lista_row .lista_cell .status_item span.data_published {
  cursor: pointer;
}
.mozatable .cover_more_inf_top {
  position: absolute;
  right: 17px;
  top: 17px;
  bottom: auto;
}
.mozatable .cover_more_inf_top .editor_icon {
  margin-bottom: 5px;
}
.mozatable .table_inner {
  border: 0;
  margin: 0;
  width: 100%;
}
.mozatable .table_inner .checkbox_row {
  padding-right: 0;
  padding-left: 0;
  width: 140px;
}
.mozatable .table_inner td {
  border: none;
}
.mozatable .pack_status_row {
  position: absolute;
  right: 58px;
  bottom: 3px;
}
.mozatable .pack_status_row .editor_icon {
  float: right;
  margin-left: 5px;
}
.mozatable .status_switch {
  float: left;
  margin-top: 2px;
  width: 80px;
}
.mozatable .status_switch > a {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-color: #c6d2e5;
  border-width: 1px;
  border-style: solid;
  width: 13px;
  height: 10px;
  float: left;
  margin-left: 0;
  margin-right: 5px;
  background-color: #ffffff;
}
.mozatable .status_switch_tri a.status_NOTNEED.selected {
  background-color: #8099dc;
}
.mozatable .status_switch_tri a.status_NONE.selected {
  background-color: #ff0000;
}
.mozatable .status_switch_tri a.status_INPROGRESS.selected {
  background-color: #ffae00;
}
.mozatable .status_switch_tri a.status_DONE.selected {
  background-color: #75cf01;
}
.mozatable .status_switch_bin a {
  width: 37px;
  display: none;
}
.mozatable .status_switch_bin a.selected {
  display: block;
}
.mozatable .status_switch_bin a a.status_NONE.selected {
  background-color: transparent;
}
.mozatable .status_switch_bin a a.status_DONE.selected {
  background-color: #75cf01;
}
.mozatable .cover_more_inf {
  position: absolute;
  right: 17px;
  top: auto;
  bottom: 17px;
}
.mozatable .cover_more_inf .editor_icon {
  margin-top: 5px;
}
.mozatable .cover_more_inf_top {
  position: absolute;
  right: 17px;
  top: 17px;
  bottom: auto;
}
.mozatable .cover_more_inf_top .editor_icon {
  margin-bottom: 5px;
}
.mozatable .cover_more_inf_top .status_0 {
  position: relative;
  display: block;
  left: 3px;
  margin-bottom: 3px;
  bottom: 3px;
  background-color: #ff0000;
  border-color: #ff0000;
  width: 12px;
  height: 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.mozatable .cover_more_inf_top .status_1 {
  position: relative;
  display: block;
  left: 3px;
  margin-bottom: 3px;
  bottom: 3px;
  background-color: #75cf00;
  border-color: #75cf00;
  width: 12px;
  height: 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.mozatable .list_view_compact .lista_cell {
  padding: 5px 5px !important;
}
.mozatable .list_view_compact .lista_cell.lista_cell_first {
  height: auto;
  min-height: 64px;
}
.mozatable .list_view_compact .cover_more_inf {
  top: 50%;
  margin-top: -9px;
}
.mozatable .list_view_compact .cover_more_inf .editor_icon {
  float: left;
  margin-left: 5px;
  margin-top: 0px;
}

.filter_list_package {
  font-size: 12px;
}
.filter_list_package .filter_check_holder {
  margin-right: 20px;
}
.filter_list_package .filter_check_holder .generate_massive_packs {
  color: #597ebe;
  cursor: pointer;
}

.list_pack td {
  padding: 2px 5px;
  border-right: 1px #7f9db9 solid;
}
.list_pack td.cover_container_pack_view {
  padding: 10px;
}
.list_pack .status_pack div {
  width: 13px;
  height: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 5px;
  float: left;
  background-color: #ffffff;
  border-color: #c6d2e5;
}
.list_pack .status_pack div.status_PROCESSING.active {
  background-color: #8099dc;
}
.list_pack .status_pack div.status_MISSING.active {
  background-color: #ff0000;
}
.list_pack .status_pack div.status_OUTDATED.active {
  background-color: #ffae00;
}
.list_pack .status_pack div.status_UPTODATE.active {
  background-color: #75cf01;
}
.list_pack .filesize {
  font-family: "courier new";
  text-align: right;
  margin: 0px;
  width: 90px;
  color: #9dafcc;
}
.list_pack .sha_pack {
  font-family: "courier new";
  color: #9dafcc;
}

@media (max-width: 1400px) {
  .editor_list_filter_row {
    width: 100%;
  }
}

.editor_list_pager {
  left: 70px;
  justify-content: end;
}
@media (max-width: 1400px) {
  .editor_list_pager {
    justify-content: start;
    width: 90% !important;
  }
}

.editor_list_view_changer {
  left: 4vw;
}

.similar_books:after {
  left: 50% !important;
  right: -5px !important;
}

.microcurriculum-langkey-overwrite-start > i,
.microcurriculum-langkey-overwrite-reset > i {
  vertical-align: middle;
}

.microcurriculum-langkey-overwrite {
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
  width: 90%;
}

/*rtl:begin:ignore*/
.mozaweb_ar .pull-right {
  float: left !important;
}
.mozaweb_ar .pull-right > .dropdown-menu {
  right: auto;
  left: 0;
}
.mozaweb_ar .pull-left {
  float: right !important;
}
.mozaweb_ar .pull-left > .dropdown-menu {
  right: 0;
  left: auto;
}
.mozaweb_ar .text-right {
  text-align: left;
}
.mozaweb_ar .text-left {
  text-align: right;
}
.mozaweb_ar .fa-chevron-left:before {
  content: "\f054";
}
.mozaweb_ar .fa-chevron-right:before {
  content: "\f053";
}
.mozaweb_ar .glyphicon-chevron-left:before {
  content: "\e080";
}
.mozaweb_ar .glyphicon-chevron-right:before {
  content: "\e079";
}
.mozaweb_ar * {
  unicode-bidi: embed;
}
.mozaweb_ar .tagit .tagit-choice {
  float: right;
}
.mozaweb_ar .tagit .tagit-choice .tagit-close {
  left: 0.1em;
  right: inherit;
}
.mozaweb_ar .input-group.datepicker .form-control, .mozaweb_ar .input-group.datepicker .cke_editable {
  direction: initial;
}
.mozaweb_ar .input-group .input-group-addon:last-child {
  border-right: none;
  border-left-color: #c7d3e5;
}
.mozaweb_ar .input-group .input-group-addon:first-child {
  border-right-color: #c7d3e5;
}
.mozaweb_ar .input-group.focus .input-group-addon {
  border-color: #0074BD;
}
.mozaweb_ar .typeahead.dropdown-menu li .dropdown-item .typeahead span {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 20px !important;
}
.mozaweb_ar .window_panel .window_header .sidebar_position_arrow_right {
  background-position: -18px 0;
}
.mozaweb_ar .window_panel .window_header .sidebar_position_arrow_left {
  background-position: -18px -28px;
}
.mozaweb_ar .bootstrap-select.btn-group .dropdown-toggle .caret {
  right: inherit;
  left: 12px;
}
.mozaweb_ar #mozabook-promo .top-image {
  padding-top: 90px;
}
.mozaweb_ar .input-group.hw-deadline-group .form-control + .input-group-addon, .mozaweb_ar .input-group.hw-deadline-group .cke_editable + .input-group-addon {
  border-left: none;
}
.mozaweb_ar #mozaweb-promo .top-image img {
  margin-top: 100px;
}
.mozaweb_ar .licence-list-box__ribbon img {
  transform: rotate(-90deg);
}
.mozaweb_ar .licence-list-box__ribbon span {
  z-index: 1;
}

/*rtl:end:ignore*/
.szechenyi-logo-corner {
  position: fixed;
  z-index: 1500;
  right: 0;
  bottom: 0;
  width: 214px;
  height: 150px;
  background: url(/assets/images/cadavr/szechenyi_logo_corner.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 1s, opacity 1s;
}
.szechenyi-logo-corner.minimized {
  transform: translateY(45%);
  opacity: 0.8;
}
.szechenyi-logo-corner:hover {
  transform: none;
  opacity: 1;
}

#main-banner-1 {
  -js-display: flex;
  display: flex;
  min-height: 372px;
  padding-top: 3rem;
  background: url(/assets/images/cadavr/pages/main/banner1_bg.png);
  background-repeat: no-repeat;
  color: #ffffff;
}
#main-banner-1 h2 {
  font-size: 36px;
}
#main-banner-1 h3 {
  font-size: 18px;
}
#main-banner-1 .container {
  -js-display: flex;
  display: flex;
}
#main-banner-1 .container > .col:nth-child(1) {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 8;
  padding-bottom: 4rem;
}
#main-banner-1 .container > .col:nth-child(1) img {
  margin-top: 1.5rem;
}
#main-banner-1 .container > .col:nth-child(2) {
  position: relative;
  flex: 4;
  margin-top: 3rem;
}
#main-banner-1 .container > .col:nth-child(2) img {
  position: absolute;
  bottom: 0;
  max-width: 100%;
}

@media (max-width: 992px) {
  #main-banner-1 {
    padding-top: 0rem;
  }
  #main-banner-1 .container > .col:nth-child(1) {
    padding-bottom: 2rem;
  }
  #main-banner-1 .container img {
    max-width: 125% !important;
  }
}
@media (max-width: 768px) {
  #main-banner-1 .container h2 {
    font-size: 24px;
  }
  #main-banner-1 .container h3 {
    font-size: 16px;
  }
  #main-banner-1 .container img {
    max-width: 380% !important;
  }
}
#main-banner-2 .container > div {
  -js-display: flex;
  display: flex;
  padding: 4rem 0;
}
#main-banner-2 .container > div > *:nth-child(1) {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 6;
}
#main-banner-2 .container > div > *:nth-child(1) img {
  max-width: 55%;
}
#main-banner-2 .container > div > *:nth-child(2) {
  flex: 6;
}
#main-banner-2 .container > div > *:nth-child(2) ul {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#main-banner-2 .container > div > *:nth-child(2) .btn, #main-banner-2 .container > div > *:nth-child(2) .btn-facebook, #main-banner-2 .container > div > *:nth-child(2) .btn-round, #main-banner-2 .container > div > *:nth-child(2) .btn-default, #main-banner-2 .container > div > *:nth-child(2) .btn-sausage, #main-banner-2 .container > div > *:nth-child(2) .btn-success, #main-banner-2 .container > div > *:nth-child(2) .btn-cadavr, #main-banner-2 .container > div > *:nth-child(2) .btn-yellow, #main-banner-2 .container > div > *:nth-child(2) .btn-yellow-2, #main-banner-2 .container > div > *:nth-child(2) .btn-red, #main-banner-2 .container > div > *:nth-child(2) .btn-red-2, #main-banner-2 .container > div > *:nth-child(2) .btn-white, #main-banner-2 .container > div > *:nth-child(2) .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #main-banner-2 .container > div > *:nth-child(2) button {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
  #main-banner-2 .container > div {
    flex-direction: column;
  }
  #main-banner-2 .container > div > *:nth-child(1) {
    flex: 12;
  }
  #main-banner-2 .container > div > *:nth-child(1) img {
    max-width: 75%;
  }
  #main-banner-2 .container > div > *:nth-child(2) {
    flex: 12;
    align-items: center;
    text-align: center;
  }
  #main-banner-2 .container > div > *:nth-child(2) ul {
    list-style: none;
    padding-left: 0;
  }
  #main-banner-2 .container .btn, #main-banner-2 .container .btn-facebook, #main-banner-2 .container .btn-round, #main-banner-2 .container .btn-default, #main-banner-2 .container .btn-sausage, #main-banner-2 .container .btn-success, #main-banner-2 .container .btn-cadavr, #main-banner-2 .container .btn-yellow, #main-banner-2 .container .btn-yellow-2, #main-banner-2 .container .btn-red, #main-banner-2 .container .btn-red-2, #main-banner-2 .container .btn-white, #main-banner-2 .container .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #main-banner-2 .container button {
    margin-left: auto;
    margin-right: auto;
  }
}
#main-banner-3 {
  background-color: #6E86A0;
}
#main-banner-3 > .container {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  width: 70%;
  color: #ffffff;
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#main-banner-3 > .container > div {
  flex-basis: 0;
}
#main-banner-3 > .container > div:nth-child(1) .icon::before {
  content: "\e900";
  font-family: "mwicon";
  font-size: inherit;
  margin-right: 0px;
}
#main-banner-3 > .container > div:nth-child(2) .icon::before {
  content: "\e28a";
  font-family: "mwicon";
  font-size: inherit;
  margin-right: 0px;
}
#main-banner-3 > .container > div:nth-child(3) .icon::before {
  content: "\e2f6";
  font-family: "mwicon";
  font-size: inherit;
  margin-right: 0px;
}
#main-banner-3 > .container h2, #main-banner-3 > .container p {
  margin: 0;
}
#main-banner-3 > .container h2 {
  font-size: 24px;
  font-weight: bold;
}
#main-banner-3 > .container .icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  margin-bottom: 1rem;
  line-height: 72px;
  text-align: center;
  font-size: 50px;
  background-color: #70C9FF;
  color: #ffffff;
  border-radius: 50%;
}

body.cadavr #main-banner-3, body.cadavr_minimal #main-banner-3 {
  background-color: #235377;
}
body.cadavr #main-banner-3 .icon, body.cadavr_minimal #main-banner-3 .icon {
  background-color: #d0dae8;
  color: #4F698D;
}

@media (max-width: 768px) {
  #main-banner-3 > .container {
    width: 100%;
  }
  #main-banner-3 > .container .icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 42px;
  }
}
#main-banner-4 .container {
  -js-display: flex;
  display: flex;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#main-banner-4 .container > div:nth-child(1) {
  flex: 6;
}
#main-banner-4 .container > div:nth-child(1) .btn, #main-banner-4 .container > div:nth-child(1) .btn-facebook, #main-banner-4 .container > div:nth-child(1) .btn-round, #main-banner-4 .container > div:nth-child(1) .btn-default, #main-banner-4 .container > div:nth-child(1) .btn-sausage, #main-banner-4 .container > div:nth-child(1) .btn-success, #main-banner-4 .container > div:nth-child(1) .btn-cadavr, #main-banner-4 .container > div:nth-child(1) .btn-yellow, #main-banner-4 .container > div:nth-child(1) .btn-yellow-2, #main-banner-4 .container > div:nth-child(1) .btn-red, #main-banner-4 .container > div:nth-child(1) .btn-red-2, #main-banner-4 .container > div:nth-child(1) .btn-white, #main-banner-4 .container > div:nth-child(1) .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #main-banner-4 .container > div:nth-child(1) button {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
#main-banner-4 .container > div:nth-child(2) {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 6;
}
#main-banner-4 .container > div:nth-child(2) img {
  max-width: 75%;
}
#main-banner-4 .container h2 {
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  #main-banner-4 .container {
    flex-direction: column;
  }
  #main-banner-4 .container > div:nth-child(1) {
    flex: 12;
    text-align: center;
  }
  #main-banner-4 .container > div:nth-child(2) {
    flex: 12;
  }
  #main-banner-4 .container .btn, #main-banner-4 .container .btn-facebook, #main-banner-4 .container .btn-round, #main-banner-4 .container .btn-default, #main-banner-4 .container .btn-sausage, #main-banner-4 .container .btn-success, #main-banner-4 .container .btn-cadavr, #main-banner-4 .container .btn-yellow, #main-banner-4 .container .btn-yellow-2, #main-banner-4 .container .btn-red, #main-banner-4 .container .btn-red-2, #main-banner-4 .container .btn-white, #main-banner-4 .container .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #main-banner-4 .container button {
    margin-left: auto;
    margin-right: auto;
  }
}
#main-banner-licence-helper {
  background-color: #d0dae8;
  padding: 40px 0 10px 0;
}
#main-banner-licence-helper > .section-licence-helper2 {
  margin: 0;
}
#main-banner-licence-helper > .section-licence-helper2 .title {
  font-size: 24px;
  font-weight: bold;
}
#main-banner-licence-helper > .section-licence-helper2 .price span {
  color: #F7941D;
}
#main-banner-licence-helper > .section-licence-helper2 .price span:hover {
  color: #cb7814;
}
#main-banner-licence-helper > .section-licence-helper2 .box-container {
  box-shadow: none;
  margin-bottom: 45px;
  color: #455771;
}
#main-banner-licence-helper > .section-licence-helper2 .box-container .box {
  background-color: #EBF2F6;
}
#main-banner-licence-helper > .section-licence-helper2 .box-container ul {
  list-style: disc !important;
  padding-left: 26px;
}
#main-banner-licence-helper > .section-licence-helper2 .box-container ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}
#main-banner-licence-helper > .section-licence-helper2 .box-container ul li:before {
  display: none !important;
}

#main-banner-5 {
  background-color: #d0dae8;
  color: #4c5055;
  line-height: 2em;
}
#main-banner-5 .container {
  padding-top: 4rem;
  padding-bottom: 4rem;
  font-size: 18px;
}
#main-banner-5 .container > div {
  font-weight: bold;
  font-style: italic;
}
#main-banner-5 .container > div:nth-child(1) {
  text-align: center;
}
#main-banner-5 .container > div:nth-child(2) {
  text-align: right;
  margin-top: 2rem;
}

@media (max-width: 992px) {
  #main-banner-5 {
    line-height: 1.65em;
  }
}
#main-banner-6 {
  padding: 40px 0 0 0;
  background: #32414D !important;
}
#main-banner-6 img {
  display: block;
  width: 60%;
  margin: 0 auto;
}
#main-banner-6 .yt-videos .slick-slider {
  width: 100%;
  margin: 0 auto;
}
#main-banner-6 .yt-videos .slick-slider .slick-list {
  border-radius: 2rem;
  overflow: hidden;
}
#main-banner-6 .yt-videos .slick-slider .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#main-banner-6 .yt-videos .slick-slider .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#main-banner-6 .yt-videos .slick-slider .slick-arrow {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  height: 30%;
  width: 10%;
  transform: translateY(-50%);
  font-size: 1.7em;
  z-index: 1;
  cursor: pointer;
}
#main-banner-6 .yt-videos .slick-slider .slick-arrow i {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  opacity: 0.75;
  border-radius: 50%;
}
#main-banner-6 .yt-videos .slick-slider .slick-arrow.slick-prev i {
  left: 20px;
  margin-right: 3px;
}
#main-banner-6 .yt-videos .slick-slider .slick-arrow.slick-next {
  right: 0;
}
#main-banner-6 .yt-videos .slick-slider .slick-arrow.slick-next i {
  right: 20px;
  margin-left: 3px;
}
#main-banner-6 .yt-videos .slick-slider .slick-arrow:hover {
  opacity: 0.85;
}
#main-banner-6 .yt-videos .slick-slider .slick-dots li button {
  background-color: white !important;
  opacity: 0.5;
}
#main-banner-6 .yt-videos .slick-slider .slick-dots li.slick-active button {
  opacity: 1;
}

body.cadavr #main-banner-6, body.cadavr_minimal #main-banner-6 {
  background: #235377 !important;
}

@media (max-width: 768px) {
  #main-banner-6 {
    padding: 0;
  }
  #main-banner-6 .yt-videos {
    overflow: unset;
  }
  #main-banner-6 .yt-videos .container {
    padding: 0 !important;
    width: 100%;
  }
  #main-banner-6 .yt-videos .slick-slider {
    width: 100%;
  }
  #main-banner-6 .yt-videos .slick-slider .slick-list {
    border-radius: 0;
  }
  #main-banner-6 .yt-videos .slick-slider .slick-arrow.slick-prev {
    left: 0;
  }
  #main-banner-6 .yt-videos .slick-slider .slick-arrow.slick-next {
    right: 0;
  }
  #main-banner-6 .yt-videos .slick-slider .slick-dots {
    position: absolute;
    top: 100%;
    width: 100%;
    margin: 10px 0 0 0;
  }
}
#main-banner-7 .container {
  -js-display: flex;
  display: flex;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#main-banner-7 .container > div:nth-child(1) {
  flex: 6;
}
#main-banner-7 .container > div:nth-child(1) .btn, #main-banner-7 .container > div:nth-child(1) .btn-facebook, #main-banner-7 .container > div:nth-child(1) .btn-round, #main-banner-7 .container > div:nth-child(1) .btn-default, #main-banner-7 .container > div:nth-child(1) .btn-sausage, #main-banner-7 .container > div:nth-child(1) .btn-success, #main-banner-7 .container > div:nth-child(1) .btn-cadavr, #main-banner-7 .container > div:nth-child(1) .btn-yellow, #main-banner-7 .container > div:nth-child(1) .btn-yellow-2, #main-banner-7 .container > div:nth-child(1) .btn-red, #main-banner-7 .container > div:nth-child(1) .btn-red-2, #main-banner-7 .container > div:nth-child(1) .btn-white, #main-banner-7 .container > div:nth-child(1) .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #main-banner-7 .container > div:nth-child(1) button {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
#main-banner-7 .container > div:nth-child(2) {
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 6;
}
#main-banner-7 .container > div:nth-child(2) img {
  max-width: 75%;
}
#main-banner-7 .container h2 {
  margin-bottom: 1.5rem;
}

@media (max-width: 992px) {
  #main-banner-7 .container {
    flex-direction: column;
  }
  #main-banner-7 .container > div:nth-child(1) {
    flex: 12;
    text-align: center;
  }
  #main-banner-7 .container > div:nth-child(2) {
    flex: 12;
  }
  #main-banner-7 .container .btn, #main-banner-7 .container .btn-facebook, #main-banner-7 .container .btn-round, #main-banner-7 .container .btn-default, #main-banner-7 .container .btn-sausage, #main-banner-7 .container .btn-success, #main-banner-7 .container .btn-cadavr, #main-banner-7 .container .btn-yellow, #main-banner-7 .container .btn-yellow-2, #main-banner-7 .container .btn-red, #main-banner-7 .container .btn-red-2, #main-banner-7 .container .btn-white, #main-banner-7 .container .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #main-banner-7 .container button {
    margin-left: auto;
    margin-right: auto;
  }
}
.moza3D-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: rgb(62, 99, 134);
}

.moza3D-container.res-640-360 {
  width: 640px;
  height: 360px;
}

.moza3D-container.res-800-450 {
  width: 800px;
  height: 450px;
}

.moza3D-container.res-1024-576 {
  width: 1024px;
  height: 576px;
}

.moza3D-container.res-1280-720 {
  width: 1280px;
  height: 720px;
}

.moza3D-container.res-1600-900 {
  width: 1600px;
  height: 900px;
}

.moza3D-container.res-1920-1080 {
  width: 1920px;
  height: 1080px;
}

.moza3D-container.res-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
}

.moza3D-container.res-fit {
  width: 100% !important;
  height: 100% !important;
}

.moza3D-loader {
  position: absolute;
  width: 120px;
  height: 120px;
  left: 50%;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.moza3D-loader svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
}

.moza3D-loader img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.moza3D-loader .moza3D-loader-progress {
  z-index: 11;
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.moza3D-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.moza3D-thumbnail img.background {
  width: 100%;
  height: 100%;
  filter: blur(4px);
  transform: scale(1.035);
  transition: transform 0.35s ease-in-out;
  z-index: 11;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.moza3D-thumbnail img.background:hover {
  transform: scale(1.055);
}

.moza3D-thumbnail img.play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 128px;
  height: 128px;
  transform: translate(-50%, -50%);
  z-index: 12;
  pointer-events: none;
}

#animations-banner-1 {
  -js-display: flex;
  display: flex;
  min-height: 372px;
  padding-top: 3rem;
  background: url(/assets/images/cadavr/pages/animations/banner1_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
#animations-banner-1 h2 {
  font-size: 36px;
}
#animations-banner-1 h3 {
  font-size: 18px;
}
#animations-banner-1 .container {
  -js-display: flex;
  display: flex;
}
#animations-banner-1 .container > .col:nth-child(1) {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 4rem;
}
#animations-banner-1 .container > .col:nth-child(1) img {
  margin-top: 1.5rem;
}

#animations-banner-2 .container {
  -js-display: flex;
  display: flex;
  padding: 5rem !important;
}
#animations-banner-2 .container > .col:nth-child(1) {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 6;
}
#animations-banner-2 .container > .col:nth-child(2) {
  flex: 6;
}
#animations-banner-2 .container ul {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-weight: bold;
  list-style-type: none;
  font-size: 22px;
}
#animations-banner-2 .container ul li {
  cursor: pointer;
}
#animations-banner-2 .container ul li::before {
  content: "\f701";
  font-family: "mwicon";
  font-size: inherit;
  margin-right: 0;
}
#animations-banner-2 .container ul li::before {
  position: absolute;
  transform: translateX(calc(-100% - 10px));
  transition: transform 0.1s;
  color: #86c6ee;
}
#animations-banner-2 .container ul li:hover {
  opacity: 0.8;
}
#animations-banner-2 .container ul li:hover::before {
  transform: translateX(calc(-100% - 5px));
}

@media (max-width: 768px) {
  #animations-banner-2 .container {
    flex-direction: column;
  }
  #animations-banner-2 .container > .col:nth-child(1) {
    flex: 12;
  }
  #animations-banner-2 .container > .col:nth-child(1) img {
    max-width: 75%;
  }
  #animations-banner-2 .container > .col:nth-child(2) {
    flex: 12;
    margin-top: 5rem !important;
  }
}
.m3d-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2000;
  border: 6px solid #ffffff;
  border-radius: 6px;
  border-top-right-radius: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.452);
  animation: 0.15s showing;
  padding: 2px;
  background-color: rgb(192, 192, 192);
}
.m3d-popup.landscape {
  width: calc((95vh - 100px) * 1.7777777778) !important;
  height: calc(95vh - 100px) !important;
}

@keyframes showing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m3d-popup-icons {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  gap: 12px;
  position: absolute;
  right: -6px;
  top: -32px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  background-color: #ffffff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.m3d-popup-icons > .icon {
  flex: 1;
  width: 18px;
  font-weight: bold;
  cursor: pointer;
}
.m3d-popup-icons > .icon#m3d-zoom {
  background: url(/assets/images/cadavr/fontawesome/compress-solid.svg) no-repeat center center;
}
.m3d-popup-icons > .icon#m3d-close {
  background: url(/assets/images/cadavr/fontawesome/times-solid.svg) no-repeat center center;
}
.m3d-popup-icons > .icon.disabled {
  opacity: 0.5;
  cursor: auto;
}
.m3d-popup-icons > .icon.loading {
  background: url(/assets/images/cadavr/fontawesome/spinner-solid.svg) no-repeat center center !important;
  animation: 1s rotating infinite linear;
  opacity: 0.8;
  cursor: auto;
}
.m3d-popup-icons > .icon:hover {
  color: #395672;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#download-banner-1 {
  -js-display: flex;
  display: flex;
  min-height: 372px;
  padding-top: 3rem;
  background: url(/assets/images/cadavr/pages/download/banner1_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  color: #ffffff;
}
#download-banner-1 h2 {
  font-size: 36px;
}
#download-banner-1 h3 {
  font-size: 18px;
}
#download-banner-1 .container {
  -js-display: flex;
  display: flex;
}
#download-banner-1 .container > .col:nth-child(1) {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 4rem;
}
#download-banner-1 .container > .col:nth-child(1) img {
  margin-top: 1.5rem;
}

#download-banner-2 {
  color: #ffffff;
}
#download-banner-2 .icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  color: #4F698D;
  border-radius: 50%;
}
#download-banner-2 .icon-ios::before {
  content: "\e265";
  font-family: "mwicon";
  font-size: 50px;
  margin-right: 0px;
}
#download-banner-2 .icon-android::before {
  content: "\e267";
  font-family: "mwicon";
  font-size: 50px;
  margin-right: 0px;
}
#download-banner-2 .icon-windows::before {
  content: "\e266";
  font-family: "mwicon";
  font-size: 50px;
  margin-right: 0px;
}
#download-banner-2 img {
  max-width: 100%;
}
#download-banner-2 .container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#download-banner-2 .container > .col:nth-child(1) {
  -js-display: flex;
  display: flex;
  justify-content: center;
  gap: 4rem;
}
#download-banner-2 .container > .col:nth-child(2) {
  margin-top: 2rem;
}
#download-banner-2 .container > .col:nth-child(2) > h5 {
  text-align: center;
  color: #333333;
}
#download-banner-2 .container > .col:nth-child(2) > div {
  -js-display: flex;
  display: flex;
  justify-content: center;
  gap: 4rem;
}
#download-banner-2 .download-button {
  -js-display: flex;
  display: flex;
  padding: 7px 14px;
  min-width: 200px;
  border-radius: 5px;
}
#download-banner-2 .download-button > img {
  width: 40px;
}
#download-banner-2 .download-button > div {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  font-weight: bold;
}
#download-banner-2 .download-button > div span:nth-child(1) {
  font-size: 70%;
}
#download-banner-2 .download-button.platform-windows {
  background-color: #61B846;
}
#download-banner-2 .download-button.platform-windows:hover {
  background-color: #5bad42;
}
#download-banner-2 .download-button.platform-macos {
  background-color: #2b94d2;
}
#download-banner-2 .download-button.platform-macos:hover {
  background-color: #288bc5;
}
#download-banner-2 .download-button.platform-macos > img {
  width: 36px;
}

@media (max-width: 992px) {
  #download-banner-2 .container > .col:nth-child(2) > div {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin-top: 3rem;
  }
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
a.disabled img {
  filter: contrast(0.2) brightness(1.5);
}

body.cadavr div.cadavr-content, body.cadavr_minimal div.cadavr-content {
  min-height: calc(100vh - 180px);
  color: #4c5055 !important;
  background-color: #fff !important;
}
body.cadavr .links-wrapper, body.cadavr_minimal .links-wrapper {
  display: none !important;
}
body.cadavr .modal.bootstrap-dialog, body.cadavr_minimal .modal.bootstrap-dialog {
  -js-display: flex !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
body.cadavr .modal.bootstrap-dialog .modal-content, body.cadavr_minimal .modal.bootstrap-dialog .modal-content {
  text-align: center !important;
}
body.cadavr .modal.bootstrap-dialog .bootstrap-dialog-footer-buttons, body.cadavr_minimal .modal.bootstrap-dialog .bootstrap-dialog-footer-buttons {
  -js-display: flex !important;
  display: flex !important;
  justify-content: center !important;
}

.container-icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  font-size: 5rem;
  background-color: #ffffff;
  color: #80B5D6;
  outline: 3px solid #80B5D6;
  border-radius: 50%;
}

body.cadavr .container-icon, body.cadavr_minimal .container-icon {
  background-color: #d0dae8;
  color: #4F698D;
  outline: 3px solid #4F698D;
}

html[data-browser*=iPad] .container-icon {
  outline: 0 !important;
}

html[data-browser*=iPod] .container-icon {
  outline: 0 !important;
}

html[data-browser*=iPhone] .container-icon {
  outline: 0 !important;
}

html[data-browser*=Safari] .container-icon {
  outline: 0 !important;
}

@media (max-width: 768px) {
  .container-icon {
    display: none !important;
  }
  body.cadavr .cadavr-content .container, body.cadavr_minimal .cadavr-content .container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
#footer_cadavr {
  position: relative;
  margin-top: auto;
  background-color: #ced7e1;
  color: #48576f;
  z-index: 1000;
}
#footer_cadavr .container {
  padding: 1.5rem 0;
}
#footer_cadavr .container h4 {
  margin: 0;
  font-weight: bold;
  font-size: 100%;
}
#footer_cadavr .container div ul {
  -js-display: flex;
  display: flex;
  padding: 0;
  margin: 5px 0 0 0;
}
#footer_cadavr .container div ul li {
  display: inline;
}
#footer_cadavr .container div ul li:not(:first-child)::before {
  content: "•";
  margin: 0 5px;
}
#footer_cadavr a {
  text-decoration: none;
  color: #48576f;
}
#footer_cadavr::after {
  content: "";
  display: block;
  height: 20px;
  background-color: #2c3750;
}

@media (max-width: 991px) {
  #footer_cadavr .container {
    padding: 1.5rem 5rem;
  }
  #footer_cadavr .container ul {
    display: block !important;
  }
  #footer_cadavr .container ul li {
    display: block !important;
    margin: 0;
  }
  #footer_cadavr .container ul li::before {
    content: "•";
    margin: 0 5px;
  }
}
#header_cadavr {
  position: sticky;
  top: 0;
  background-color: #1a1e29;
  box-shadow: 0 0 10px #000000;
  z-index: 1999;
}
#header_cadavr nav {
  position: relative;
  height: 100%;
}
#header_cadavr nav > div {
  width: 100%;
}
#header_cadavr nav > div .language-selector {
  -js-display: flex;
  display: flex;
  align-items: center;
}
#header_cadavr nav > div .blog-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  margin-left: 2rem;
  box-shadow: none !important;
}
#header_cadavr nav > div .blog-wrapper .mwicon-blog {
  font-size: 26px;
  color: #ffffff;
}
#header_cadavr nav > div .contact-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  box-shadow: none !important;
}
#header_cadavr nav > div .contact-wrapper .mwicon-envelope {
  font-size: 26px;
  color: #ffffff;
}
#header_cadavr nav > div .user-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  box-shadow: none !important;
}
#header_cadavr nav > div .user-wrapper ul.dropdown-menu {
  width: auto !important;
  margin-right: 0 !important;
}
#header_cadavr nav > div .user-wrapper a.login {
  background: transparent !important;
}
#header_cadavr nav > div .user-wrapper .mwicon-user {
  font-size: 26px;
}
#header_cadavr nav > div .cart-wrapper {
  -js-display: flex;
  display: flex;
  align-items: center;
  box-shadow: none !important;
}
#header_cadavr nav > div .cart-wrapper > a {
  font-size: 26px;
  color: #ffffff !important;
}
#header_cadavr nav > div .cart-wrapper.open > a {
  background: transparent !important;
}
#header_cadavr nav > div .cart-wrapper .cart_item_count {
  background: #F7941D;
  border: 2px solid #000000;
  color: #000000;
  top: 20px;
  right: -10px;
}
@media screen and (max-width: 992px) {
  #header_cadavr nav > div .cart-wrapper .cart_item_count {
    top: -5px;
  }
}
#header_cadavr nav > div > .nav-mobile {
  display: none;
  margin: 1rem 0 !important;
}
#header_cadavr nav > div > .nav-mobile > .buttons {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.2rem;
}
#header_cadavr nav > div > .nav-mobile > .buttons > div {
  margin: 0 !important;
}
#header_cadavr nav > div > .nav-mobile > .buttons > .menu-button {
  color: #949da1;
  outline: none;
  border: none;
  background: transparent;
}
#header_cadavr nav > div > .nav-mobile > .buttons > .menu-button::before {
  content: "\f771";
  font-family: "mwicon";
  font-size: 3.5rem;
  margin-right: 0;
}
#header_cadavr nav > div > .nav-pc {
  width: 100%;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
}
#header_cadavr nav > div > .nav-pc > .buttons {
  -js-display: flex;
  display: flex;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul {
  -js-display: flex;
  display: flex;
  justify-content: flex-end;
  gap: 1.2rem;
  flex: 1;
  margin: 0 !important;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li {
  -js-display: flex;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a {
  -js-display: flex;
  display: flex;
  align-items: center;
  color: #ffffff;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a::before {
  color: inherit;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a.btn-page-main::before {
  content: "\e15c";
  font-family: "mwicon";
  font-size: 26px;
  margin-right: 6px;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a.btn-page-animations::before {
  content: "\f7f0";
  font-family: "mwicon";
  font-size: 26px;
  margin-right: 6px;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a.btn-page-download::before {
  content: "\e192";
  font-family: "mwicon";
  font-size: 26px;
  margin-right: 6px;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a.btn-page-blog::before {
  content: "\e126";
  font-family: "mwicon";
  font-size: 26px;
  margin-right: 6px;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a.btn-page-shop::before {
  content: "\e2a3";
  font-family: "mwicon";
  font-size: 26px;
  margin-right: 6px;
}
#header_cadavr nav > div > .nav-pc > .buttons > ul > li a:hover, #header_cadavr nav > div > .nav-pc > .buttons > ul > li a.active {
  color: #86c6ee !important;
}
#header_cadavr nav > div .cadavr-logo {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#header_cadavr nav > div .cadavr-logo img {
  width: 100%;
  max-width: 300px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#header_cadavr > .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: url(/assets/images/cadavr/cadavr_header_bg.png) no-repeat top center;
  opacity: 0.5;
  z-index: -1;
}
#header_cadavr.opened nav .nav-pc {
  -js-display: flex !important;
  display: flex !important;
  flex-grow: 1;
  flex-basis: 100%;
}

body.cadavr .dropdown-menu, body.cadavr_minimal .dropdown-menu {
  left: auto !important;
  right: 0 !important;
  margin-right: -30px !important;
  max-height: calc(100vh - 150px) !important;
  overflow-y: auto !important;
}
body.cadavr .nav-secondary, body.cadavr_minimal .nav-secondary {
  margin: 0 !important;
  border: 0 !important;
}
body.cadavr .nav-secondary > ul.nav, body.cadavr_minimal .nav-secondary > ul.nav {
  display: block !important;
}
body.cadavr .nav-secondary > ul.nav .login, body.cadavr_minimal .nav-secondary > ul.nav .login {
  padding: 0 !important;
}

@media (max-width: 1200px) {
  #header_cadavr nav .nav-pc > .buttons ul li a {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}
@media (max-width: 992px) {
  #header_cadavr nav > div .nav-mobile {
    width: 100%;
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
  #header_cadavr nav > div .nav-mobile > .buttons {
    gap: 0.6rem;
  }
  #header_cadavr nav > div .nav-pc > .cadavr-logo {
    display: none;
  }
  #header_cadavr nav > div .nav-pc > .buttons {
    display: none;
    margin-top: 0;
  }
  #header_cadavr nav > div .nav-pc > .buttons ul {
    padding: 0;
    flex-direction: column;
  }
  #header_cadavr nav > div .nav-pc > .buttons .blog-wrapper {
    display: none;
  }
  #header_cadavr nav > div .nav-pc > .buttons .contact-wrapper {
    display: none;
  }
  #header_cadavr nav > div .nav-pc > .buttons .user-wrapper {
    display: none;
  }
  #header_cadavr nav > div .nav-pc > .buttons .cart-wrapper {
    display: none;
  }
  #header_cadavr nav > div .nav-pc > .buttons .language-selector {
    display: none;
  }
}
@media (max-width: 520px) {
  #header_cadavr nav .cadavr-logo {
    width: 55%;
  }
}
@font-face {
  font-family: "Myriad Pro Semibold";
  src: url("../assets/fonts/picdic/Myriad Pro Semibold.ttf") format("truetype");
  font-style: normal;
}
@media (min-width: 768px) {
  .picdic-content {
    position: relative;
  }
  .picdic-content .picdic-title {
    position: sticky;
    z-index: 10;
    top: 83px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .picdic-content .picdic-title {
    top: 42px;
  }
}
@media (min-width: 768px) {
  .picdic-content .picdic-title.smaller .title-flex-container {
    padding: 5px 15px;
  }
  .picdic-content .picdic-title.smaller h1 {
    visibility: hidden;
  }
}
.picdic-background {
  background-color: #5c8db6;
  text-align: center;
}

.picdic-container {
  text-align: initial;
  display: grid;
  grid-template-columns: auto 1fr;
  margin-inline: auto;
  width: 1170px;
  max-width: 100%;
  /*
  Search results css
  */
}
@media (max-width: 767px) {
  .picdic-container {
    grid-template-columns: auto;
  }
}
.picdic-container .picdic-frame-parent {
  background-color: white;
}
.picdic-container .picdic-frame {
  border: none;
  margin-inline: auto;
  display: block;
  max-width: 100%;
  grid-template-columns: 1fr;
}
.picdic-container .picdicSiblingContainer {
  min-height: 100vh;
  background-color: white;
}
.picdic-container.still-loading .picdic-frame {
  opacity: 0;
}
.picdic-container.still-loading .picdicSiblingContainer::after {
  display: block;
  content: " ";
  width: 100%;
  height: 70vh;
  background: url(/assets/images/moza_loader.gif) no-repeat center rgba(255, 255, 255, 0.7);
  background-size: 100px;
}
.picdic-container .search-result-pager {
  text-align: center;
}
.picdic-container .search-result-title {
  text-align: center;
  padding: 10px;
  font-size: 18px;
}
.picdic-container .search-flex {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  row-gap: 10px;
  padding: 0 15px;
}
.picdic-container .picdicSiblingContainer .kepesszotar-item-onpage {
  padding: 20px;
  align-self: end;
  flex-basis: 240px;
  pointer-events: initial;
}
.picdic-container .picdicSiblingContainer .kepesszotar-container.dictionary {
  margin-bottom: 27px;
}
.picdic-container .picdicSiblingContainer img {
  max-width: 80%;
  max-height: 150px;
  margin: auto;
  display: block;
}
.picdic-container .picdicSiblingContainer .nevek-onpage {
  -js-display: flex;
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 10px;
  word-break: break-word;
}
.picdic-container .picdicSiblingContainer .nevek-onpage > span {
  font-size: 16pt;
  line-height: 16pt;
  align-self: center;
  text-align: center;
  font-family: "Myriad Pro Semibold", serif;
  color: rgb(40, 53, 131);
}
.picdic-container .picdicSiblingContainer .nevek-onpage > i {
  height: 26px;
  font-size: 26px;
  background-color: rgb(67, 137, 194);
  color: white;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  font-style: normal !important;
  font-weight: normal !important;
  cursor: pointer;
  align-self: center;
}
.picdic-container .picdicSiblingContainer .dictionary-link {
  text-align: center;
  margin-top: 5px;
}

.picdic-title,
.picdic-container {
  margin-bottom: 0;
}
.picdic-title .title-flex-container,
.picdic-container .title-flex-container {
  justify-content: initial;
}
.picdic-title .bropdown-button:hover, .picdic-title .bropdown-button:focus,
.picdic-container .bropdown-button:hover,
.picdic-container .bropdown-button:focus {
  background-color: rgba(0, 0, 0, 0.0352941176);
}
.picdic-title .visibility-toggle,
.picdic-container .visibility-toggle {
  height: 36px;
  border-radius: 5px;
  display: none;
}
.picdic-title .visibility-toggle i,
.picdic-container .visibility-toggle i {
  font-size: 35px;
  line-height: 37px;
}
.picdic-title .visibility-toggle:hover, .picdic-title .visibility-toggle:focus-visible,
.picdic-container .visibility-toggle:hover,
.picdic-container .visibility-toggle:focus-visible {
  background-color: rgba(222, 229, 242, 0.7);
}
.picdic-title .picdic-pager .pagination > li > a,
.picdic-container .picdic-pager .pagination > li > a {
  padding: 4px 9px;
}

.picdic-top {
  --transition-speed: 100ms;
  --row-gap: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: var(--row-gap);
  padding-inline: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .picdic-top {
    display: none;
  }
}
.picdic-top .bropdown-button {
  padding: 5px;
  border-radius: 5px;
}
.picdic-top .bropdown-button i {
  place-self: center;
  font-size: 23px;
  color: #a9c2e4;
  transition: rotate var(--transition-speed);
}
.picdic-top .additionalFields {
  visibility: hidden;
  grid-column: 1/span 2;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--transition-speed);
}
.picdic-top .additionalFields .group {
  overflow: hidden;
}
.picdic-top .additionalFields .group > :not(:first-child) {
  /* margin-top: var(--row-gap); */
  display: none; /* until we have something to show here */
}
.picdic-top[aria-expanded=true] .bropdown-button i {
  rotate: 180deg;
}
.picdic-top[aria-expanded=true] .additionalFields {
  grid-template-rows: 1fr;
  visibility: initial;
}

.picdic-sidebar {
  display: grid;
  position: relative;
  background-color: #e5f2fd;
  width: 320px;
  max-width: 320px;
  word-break: break-word;
  transition: max-width 100ms;
}
@media (max-width: 767px) {
  .picdic-sidebar {
    display: none;
  }
}
.picdic-sidebar .sidebar-top {
  -js-display: flex;
  display: flex;
  gap: 5px;
  height: 35px;
}
.picdic-sidebar .sidebar-top button.js-collapse-sidemenu {
  width: initial;
}
.picdic-sidebar .sidebar-top button.js-collapse-sidemenu:hover i, .picdic-sidebar .sidebar-top button.js-collapse-sidemenu:focus-visible i {
  background-color: rgba(213, 218, 227, 0.8);
}
.picdic-sidebar .sidebar-top button.js-collapse-sidemenu i {
  border-radius: 4px;
  color: #8c97a7;
}
.picdic-sidebar ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.picdic-sidebar .groups > .title {
  font-size: 21px;
  margin-top: 25px;
  margin-bottom: 8px;
  padding-left: 3px;
}
.picdic-sidebar .not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.picdic-sidebar .theme-group .bropdown-button {
  padding-left: 3px;
  cursor: pointer;
  border-bottom: 1px solid #c7d3e5;
}
.picdic-sidebar .theme-group .bropdown-button span {
  display: inline-block;
  font-size: 19px;
  padding: 5px 0 5px 8px;
}
.picdic-sidebar .theme-group .bropdown-button i {
  font-size: 20px;
  color: #0074BD;
  transition: rotate 200ms;
}
.picdic-sidebar .theme-group .theme-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms;
}
.picdic-sidebar .theme-group .theme-panel .group {
  max-height: 371px;
  overflow: hidden;
  position: relative;
  visibility: hidden;
}
.picdic-sidebar .theme-group .theme-panel .group a {
  display: block;
  padding-left: 26px;
  font-size: 16px;
  padding-block: 4px;
  border-radius: 5px;
}
.picdic-sidebar .theme-group .theme-panel .group a.selected {
  background-color: #ceebff;
}
.picdic-sidebar .theme-group .theme-panel .group a:hover, .picdic-sidebar .theme-group .theme-panel .group a:focus {
  background-color: rgba(0, 0, 0, 0.0352941176);
}
.picdic-sidebar .theme-group .theme-panel.while-transition .group {
  visibility: initial;
}
.picdic-sidebar .theme-group[aria-expanded=true] .bropdown-button {
  border: 0;
}
.picdic-sidebar .theme-group[aria-expanded=true] .bropdown-button i {
  display: inline-block;
  rotate: 90deg;
  color: #5fc298;
}
.picdic-sidebar .theme-group[aria-expanded=true] .theme-panel {
  grid-template-rows: 1fr;
}
.picdic-sidebar .theme-group[aria-expanded=true] .theme-panel .group {
  overflow-y: auto;
  visibility: initial;
}
.picdic-sidebar .theme-group[aria-expanded=true] .theme-panel.while-transition .group {
  overflow-y: hidden;
}
.picdic-sidebar .types .title {
  font-size: 21px;
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 3px;
}
.picdic-sidebar .types li:not(:last-child) {
  border-bottom: 1px solid #c7d3e5;
}
.picdic-sidebar .types li a {
  display: block;
  padding-block: 5px;
  font-size: 19px;
  color: #455771;
  border-radius: 0;
}
.picdic-sidebar .types li a:hover, .picdic-sidebar .types li a:focus {
  background-color: rgba(0, 0, 0, 0.0352941176);
}
.picdic-sidebar.collapsed {
  max-width: 60px;
}
.picdic-sidebar.collapsed .sidebar-top form {
  display: none;
}
.picdic-sidebar.collapsed .theme-selector {
  display: none;
}