@charset "UTF-8";@import url(//hello.myfonts.net/count/3726cc);html,legend {
  -webkit-box-sizing: border-box
}

button,hr,input {
  overflow: visible
}

progress,sub,sup {
  vertical-align: baseline
}

.content-holder,.row-wrap {
  position: relative;
  width: 100%
}

.content-holder:after,.elements {
  top: 0;
  left: 0;
  pointer-events: none
}

.content-wrap .editor-style code,.content-wrap .editor-style kbd,.content-wrap .editor-style samp,body {
  font-family: neucha,cursive
}

.app-modal-user_agreement .modal-body a:hover,.content-wrap .editor-style a:hover,.login-page .login-page-wrapper .forgot-password a:hover,.login-page .login-page-wrapper .langs .list a.active,.login-page .login-page-wrapper .langs .list a:hover,.login-page .login-page-wrapper .login-box-body .checkbox label:hover,.login-page .login-page-wrapper .propose-wrap a:hover,.user-admin .show-example-wrap .show-example:hover,.user-admin .sidebar .langs-wrap .langs-box li a:hover,.user-admin .sidebar .menu .submenu li a:hover,.user-admin .sidebar .user-info .text-wrap .user-menu li a:hover,.user-admin.game-page .result-wrap .not-know:hover,abbr[title] {
  text-decoration: underline
}

.login-page .login-page-wrapper,.login-page .login-page-wrapper .color-wrap.active,.user-admin .sidebar .menu>ul>li.open-submenu .submenu,.user-admin .sidebar .mob-button-menu,.user-admin.task-full .part.part-3 {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical
}

@font-face {
  font-family: MOVSKATE-Deck;
  src: url("fonts/movskate/3726CC_0_0.woff2") format("woff2"),url("fonts/movskate/3726CC_0_0.woff") format("woff")
}

@font-face {
  font-family: neucha;
  src: url("fonts/neucha.woff") format("woff");
  font-weight: 400;
  font-style: normal
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
.login-page .login-page-wrapper .langs {
  z-index: 9000
}

.user-admin.flash-page .action-wrap .holder .flashcard,.user-admin.game-page .result-wrap .game-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

html {
  box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

*,:after,:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

body,html {
  min-height: 100%
}

body {
  font-size: 18px;
  margin: 0
}

body>* {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

body:not(.loaded)>* {
  opacity: 0
}

.row-wrap {
  max-width: 300px;
  margin: 0 auto;
  padding: 0 16px
}

@media only screen and (min-width: 385px) {
  .row-wrap {
    max-width:360px
  }
}

@media only screen and (min-width: 481px) {
  .row-wrap {
    max-width:460px
  }
}

@media only screen and (min-width: 641px) {
  .row-wrap {
    max-width:620px
  }
}

@media only screen and (min-width: 854px) {
  .user-admin .sidebar {
    position:relative;
    padding: 20px 3vw 20px 4vw;
    margin: 0 0 calc(16px + 2vh);
    height: auto
  }

  .user-admin .sidebar .menu {
    display: block;
    position: relative;
    background: 0 0!important;
    width: auto;
    height: auto;
    margin: 0;
    width: calc(100% - 40px);
    text-align: left
  }

  .user-admin .sidebar .menu>ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .user-admin .sidebar .menu>ul>li {
    padding: 3px 5vw 3px 0;
    font-size: 16px
  }

  .user-admin .sidebar .menu>ul>li:last-child {
    padding: 3px 0
  }

  .user-admin .sidebar .menu>ul>li.open-submenu .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .user-admin .sidebar .menu .submenu {
    position: absolute;
    top: calc(100% + 13px);
    left: 0;
    width: 320px;
    height: auto;
    margin: 0 0 0 -24px
  }

  .user-admin .sidebar .menu .submenu li {
    padding: 5px 0;
    width: 50%
  }

  .user-admin .sidebar .user-info {
    width: 40px;
    padding: 0
  }

  .user-admin .sidebar .user-info .text-wrap {
    left: auto;
    right: -12px;
    top: calc(100% + 13px)
  }

  .user-admin .sidebar .user-info .text-wrap .user-menu:after {
    left: auto;
    right: calc(2vw - 4px)
  }

  .user-admin .sidebar .langs-wrap {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 0 calc(8px + 2vw)
  }

  .user-admin .sidebar .mob-button-menu {
    display: none;
    right: 0
  }

  .user-admin .sidebar .mob-close-submenu {
    display: none
  }

  .user-admin.payment-page .payment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .user-admin.payment-page .payment-wrap .balance-wrap {
    width: 25%;
    padding: 0 4vw 0 0;
    margin: 0;
    background: 0 0!important
  }

  .user-admin.payment-page .payment-wrap .balance-wrap:after {
    content: '';
    position: absolute;
    top: -40px;
    right: 0;
    width: 10px;
    height: 100vh;
    background: url(../image/lines/line2-violet.svg) right top no-repeat
  }

  .user-admin.payment-page .abacoins-wrap .history-wrap {
    width: 85%;
    padding: 0 0 0 4vw
  }

  .user-admin.payment-page .payment-wrap .history-wrap {
    width: 75%;
    padding: 0 0 0 4vw
  }

  .user-admin.payment-page.blue-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-blue.svg) right top no-repeat
  }

  .user-admin.payment-page.green-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-green.svg) right top no-repeat
  }

  .user-admin.payment-page.orange-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-orange.svg) right top no-repeat
  }

  .user-admin.payment-page.pink-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-pink.svg) right top no-repeat
  }

  .row-wrap {
    max-width: 840px
  }
}

@media only screen and (min-width: 1025px) {
  .row-wrap {
    max-width:1000px
  }
}

@media only screen and (min-width: 1261px) {
  .row-wrap {
    max-width:1200px
  }
}

@media only screen and (min-width: 1441px) {
  .row-wrap {
    max-width:1400px
  }

  .user-admin.profile-page .part-wrap {
    max-width: 82vw
  }
}

@media only screen and (min-width: 1681px) {
  .row-wrap {
    max-width:1440px
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted
}

b,strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  image-rendering: -webkit-optimize-contrast;
  border-style: none
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,select {
  text-transform: none
}

[type=button],[type=reset],[type=submit],button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: ButtonText dotted 1px
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=checkbox],[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

h1,h2,h3,h4,h5,h6,li,p,span {
  line-height: 110%;
  font-weight: 400
}

.login-page .login-page-wrapper .langs.active .list,.login-page .login-page-wrapper .langs.active .title span:after,.login-page .login-page-wrapper .login-box-body .checkbox label input:checked+svg,.user-admin .show-example-wrap .val>span,.user-admin .show-example-wrap.active .val,.user-admin .sidebar .langs-wrap.active .langs-box,.user-admin .sidebar .user-info.open .text-wrap,.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap span,.user-admin.flash-page .content-wrap.enter-result .result-wrap,.user-admin.game-page .abacus-flashcard-game,.user-admin.game-page .content-wrap.enter-result .result-wrap,.user-admin.game-page .standard-style .breadcrumbs,.user-admin.game-page .standard-style .ms-task-game-block,.user-admin.notifications-page .not-sidebar .nav-tabs li.active a:after,.user-admin.notifications-page .tab-content .notification-info .part span,.user-admin.notifications-page .tab-content .tab-pane.active,.user-admin.task-full .part label,.user-admin.task-list .items .item span,details {
  display: block
}

summary {
  display: list-item
}

.app-modal-user_agreement,.app-modal-user_agreement.close:after,.blue-theme.colorful-theme .app-modal-send-message:before,.blue-theme.colorful-theme .sidebar:after,.content-wrap .editor-style ol li:after,.content-wrap .editor-style ul li:after,.green-theme.colorful-theme .app-modal-send-message:before,.green-theme.colorful-theme .sidebar:after,.login-page .login-page-wrapper .langs.active .title span:before,.orange-theme.colorful-theme .app-modal-send-message:before,.orange-theme.colorful-theme .sidebar:after,.pink-theme.colorful-theme .app-modal-send-message:before,.pink-theme.colorful-theme .sidebar:after,.sf-toolbar.sf-error-toolbar,.user-admin .app-modal-send-message #s2id_app_notification_recipient,.user-admin .app-modal-send-message .form-add-message-heading,.user-admin .app-modal-send-message .modal-footer .btn-default:after,.user-admin .app-modal-send-message .modal-footer .btn-default:before,.user-admin .app-modal-send-message .modal-header .close:after,.user-admin .app-modal-send-message .modal-header .close:before,.user-admin .app-modal-send-message button.hidden,.user-admin .app-modal-user_agreement .modal-header .close:after,.user-admin .app-modal-user_agreement .modal-header .close:before,.user-admin .breadcrumbs ol li:last-child:after,.user-admin .sidebar .langs-wrap .langs-box li.active,.user-admin .success-page .elements .elem-1,.user-admin .success-page .elements .elem-1:after,.user-admin .success-page .elements .elem-3,.user-admin .success-page .elements .elem-5:after,.user-admin .success-page .elements .elem-6,.user-admin .success-page .elements .elem-7,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button:after,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button:before,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-event .fc-content .fc-title,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-right,.user-admin.flash-page .breadcrumbs,.user-admin.flash-page .content-wrap.enter-result .action-wrap,.user-admin.flash-page .sidebar,.user-admin.game-page .action-wrap.double-action,.user-admin.game-page .breadcrumbs,.user-admin.game-page .result-wrap,.user-admin.game-page .result-wrap .elements.elements-result,.user-admin.game-page .sidebar,.user-admin.game-page .standard-style .back,.user-admin.game-page.game-page-multiplication .result-wrap .elements.elements-result .elem-1,.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .input-style-wrap label,.user-admin.notifications-page .not-sidebar .nav-tabs li:after,.user-admin.notifications-page .tab-content .notification-info.active-message:after,.user-admin.notifications-page .tab-content .notification-info.active-message:before,.user-admin.notifications-page .tab-content .notification-info.ms-unread-message:after,.user-admin.notifications-page .tab-content .tab-pane,.user-admin.open-menu .sidebar .mob-button-menu span:first-child,.user-admin.profile-page .part-wrap .part ul li.active-edit.edit .ms-profile-field,.user-admin.profile-page .part-wrap .part ul li.textarea-wrap.edit .input-wrap:after,.user-admin.task-full .app-modal-send-message .close:after,.user-admin.task-full .app-modal-send-message .close:before,.user-admin.task-full .part.part-4 .item .holder .input-style,.user-admin.task-full.multiplication-full .elements .elem.elem-1,.user-admin.task-list .elements .elem-3,.user-admin.task-list .elements .elem-6,.user-admin.task-list .elements .elem-7,.violet-theme.colorful-theme .app-modal-send-message:before,.violet-theme.colorful-theme .sidebar:after,[hidden],template {
  display: none
}

.content-holder {
  padding: calc(60px + 3vh) 0 0;
  z-index: 1;
  min-height: 100vh;
  overflow: hidden;
  font-size: 18px
}

.content-holder:after {
  z-index: 12;
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  background: url(../image/bg-pattern6-white.png) center -30px/100% auto
}

.elements {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.button,.input-style,.select-style,button {
  position: relative;
  display: inline-block
}

.elements .elem {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none
}

.elements .elem.png {
  z-index: 1
}

.flash-messages>div {
  background: #fff;
  display: inline-block;
  padding: 8px 18px;
  margin: 0 0 32px;
  border: 1px solid red;
  line-height: 85%;
  font-size: 18px;
  color: red
}

.violet-theme .flash-messages>div.ms-alert-success {
  border: 1px solid #7c6eb0;
  color: #7c6eb0
}

.blue-theme .flash-messages>div.ms-alert-success {
  border: 1px solid #3aadc6;
  color: #3aadc6
}

.green-theme .flash-messages>div.ms-alert-success {
  border: 1px solid #95b421;
  color: #95b421
}

.orange-theme .flash-messages>div.ms-alert-success {
  border: 1px solid #f9b000;
  color: #f9b000
}

.pink-theme .flash-messages>div.ms-alert-success {
  border: 1px solid #e84272;
  color: #e84272
}

.input-style input,.input-style textarea {
  outline: 0;
  border: none;
  min-height: 52px;
  border-radius: 15px;
  padding: 8px 20px;
  margin: 0;
  min-width: 40px;
  background: url(../image/input/violet/1_1.png) 0 0/6px auto repeat-y,url(../image/input/violet/2_1.png) 100% 0/3px auto repeat-y,url(../image/input/violet/1_2.png) 0 0/auto 4px repeat-x,url(../image/input/violet/3_2.png) 0 100%/auto 12px repeat-x,#fff
}

.blue-theme .input-style input,.blue-theme .input-style textarea {
  background: url(../image/input/blue/1_1.png) 0 0/6px auto repeat-y,url(../image/input/blue/2_1.png) 100% 0/3px auto repeat-y,url(../image/input/blue/1_2.png) 0 0/auto 4px repeat-x,url(../image/input/blue/3_2.png) 0 100%/auto 12px repeat-x,#fff
}

.green-theme .input-style input,.green-theme .input-style textarea {
  background: url(../image/input/green/1_1.png) 0 0/6px auto repeat-y,url(../image/input/green/2_1.png) 100% 0/3px auto repeat-y,url(../image/input/green/1_2.png) 0 0/auto 4px repeat-x,url(../image/input/green/3_2.png) 0 100%/auto 12px repeat-x,#fff
}

.orange-theme .input-style input,.orange-theme .input-style textarea {
  background: url(../image/input/orange/1_1.png) 0 0/6px auto repeat-y,url(../image/input/orange/2_1.png) 100% 0/3px auto repeat-y,url(../image/input/orange/1_2.png) 0 0/auto 4px repeat-x,url(../image/input/orange/3_2.png) 0 100%/auto 12px repeat-x,#fff
}

.pink-theme .input-style input,.pink-theme .input-style textarea {
  background: url(../image/input/pink/1_1.png) 0 0/6px auto repeat-y,url(../image/input/pink/2_1.png) 100% 0/3px auto repeat-y,url(../image/input/pink/1_2.png) 0 0/auto 4px repeat-x,url(../image/input/pink/3_2.png) 0 100%/auto 12px repeat-x,#fff
}

.input-style:after,.input-style:before,.login-page .login-page-wrapper .langs .title span:after,.login-page .login-page-wrapper .langs .title span:before,.select-style:after,.select-style:before,.user-admin.calendar-page .calendar-content .fc-view-container:after,.user-admin.calendar-page .calendar-content .fc-view-container:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.input-style:before {
  background: url(../image/input/violet/1.png) 0 0/auto 24px no-repeat,url(../image/input/violet/2.png) 100% 0/auto 24px no-repeat
}

.input-style:after {
  background: url(../image/input/violet/3.png) 0 100%/auto 19px no-repeat,url(../image/input/violet/4.png) 100% 100%/auto 23px no-repeat
}

.blue-theme .input-style:before {
  background: url(../image/input/blue/1.png) 0 0/auto 24px no-repeat,url(../image/input/blue/2.png) 100% 0/auto 24px no-repeat
}

.blue-theme .input-style:after {
  background: url(../image/input/blue/3.png) 0 100%/auto 19px no-repeat,url(../image/input/blue/4.png) 100% 100%/auto 23px no-repeat
}

.green-theme .input-style:before {
  background: url(../image/input/green/1.png) 0 0/auto 24px no-repeat,url(../image/input/green/2.png) 100% 0/auto 24px no-repeat
}

.green-theme .input-style:after {
  background: url(../image/input/green/3.png) 0 100%/auto 19px no-repeat,url(../image/input/green/4.png) 100% 100%/auto 23px no-repeat
}

.orange-theme .input-style:before {
  background: url(../image/input/orange/1.png) 0 0/auto 24px no-repeat,url(../image/input/orange/2.png) 100% 0/auto 24px no-repeat
}

.orange-theme .input-style:after {
  background: url(../image/input/orange/3.png) 0 100%/auto 19px no-repeat,url(../image/input/orange/4.png) 100% 100%/auto 23px no-repeat
}

.pink-theme .input-style:before {
  background: url(../image/input/pink/1.png) 0 0/auto 24px no-repeat,url(../image/input/pink/2.png) 100% 0/auto 24px no-repeat
}

.pink-theme .input-style:after {
  background: url(../image/input/pink/3.png) 0 100%/auto 19px no-repeat,url(../image/input/pink/4.png) 100% 100%/auto 23px no-repeat
}

.input-style.textarea-wrap:after,.input-style.textarea-wrap:before {
  height: calc(100% - 4px)
}

.input-style.white input {
  background: url(../image/input/white/1_1.png) 0 0/6px auto repeat-y,url(../image/input/white/2_1.png) 100% 0/3px auto repeat-y,url(../image/input/white/1_2.png) 0 0/auto 4px repeat-x,url(../image/input/white/3_2.png) 0 100%/auto 12px repeat-x
}

.input-style.white:before {
  background: url(../image/input/white/1.png) 0 0/auto 24px no-repeat,url(../image/input/white/2.png) 100% 0/auto 24px no-repeat
}

.input-style.white:after {
  background: url(../image/input/white/3.png) 0 100%/auto 19px no-repeat,url(../image/input/white/4.png) 100% 100%/auto 23px no-repeat
}

.button,button {
  z-index: 1;
  cursor: pointer;
  outline: 0;
  border: none;
  padding: 15px 26px 12px;
  border-radius: 12px;
  background: #7c6eb0;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  text-decoration: none;
  text-align: center
}

.button:hover,.reset-page .login-page-wrapper .back:hover:before,.user-admin.flash-page .back:hover:before,.user-admin.game-page .back:hover:before,.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap:hover:before,button:hover {
  top: 1px
}

.button:hover:after,button:hover:after {
  bottom: -6px
}

.button:after,.button:before,button:after,button:before {
  z-index: -1;
  content: '';
  position: absolute;
  height: 100%;
  width: 100%
}

.button:before,button:before {
  top: -2px;
  left: 0;
  background: url(../image/button/violet/1.png) top center/100% auto no-repeat
}

.button:after,button:after {
  bottom: -7px;
  left: -2px;
  width: calc(100% + 3px);
  background: url(../image/button/violet/2.png) center/100% 100% no-repeat
}

.button.white,button.white {
  background: #fff;
  color: #7c6eb0
}

.button.white:before,button.white:before {
  background: url(../image/button/white/1.png) top center/100% auto no-repeat!important
}

.button.white:after,button.white:after {
  background: url(../image/button/white/2.png) center/100% 100% no-repeat!important
}

.blue-theme .button,.blue-theme .noUi-connect,.blue-theme .sidebar,.blue-theme .sidebar .menu,.blue-theme button,.login-page .login-page-wrapper .color-wrap .color-box .item.blue .noUi-connect,.login-page.blue-theme .login-box-body .input-style,.reset-page.blue-theme .login-box-body .input-style,.user-admin.blue-theme .app-modal-send-message .ms-attachment-box .fileinput-button:after,.user-admin.blue-theme .app-modal-send-message .ms-attachment-box .fileinput-button:before,.user-admin.blue-theme .success-page .show-example-wrap .val>span>span,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.blue .noUi-connect,.user-admin.task-list.blue-theme .items .item:not(.disabled):hover .bg span {
  background: #3aadc6
}

.blue-theme .button:before,.blue-theme button:before {
  background: url(../image/button/blue/1.png) top center/100% auto no-repeat
}

.blue-theme .button:after,.blue-theme button:after {
  background: url(../image/button/blue/2.png) center/100% 100% no-repeat
}

.blue-theme .button.white,.blue-theme button.white {
  background: #fff;
  color: #3aadc6
}

.green-theme .button,.green-theme .noUi-connect,.green-theme .sidebar,.green-theme .sidebar .menu,.green-theme button,.login-page .login-page-wrapper .color-wrap .color-box .item.green .noUi-connect,.login-page.green-theme .login-box-body .input-style,.reset-page.green-theme .login-box-body .input-style,.user-admin.green-theme .app-modal-send-message .ms-attachment-box .fileinput-button:after,.user-admin.green-theme .app-modal-send-message .ms-attachment-box .fileinput-button:before,.user-admin.green-theme .success-page .show-example-wrap .val>span>span,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.green .noUi-connect,.user-admin.task-list.green-theme .items .item:not(.disabled):hover .bg span {
  background: #95b421
}

.green-theme .button:before,.green-theme button:before {
  background: url(../image/button/green/1.png) top center/100% auto no-repeat
}

.green-theme .button:after,.green-theme button:after {
  background: url(../image/button/green/2.png) center/100% 100% no-repeat
}

.green-theme .button.white,.green-theme button.white {
  background: #fff;
  color: #95b421
}

.login-page .login-page-wrapper .color-wrap .color-box .item.orange .noUi-connect,.login-page.orange-theme .login-box-body .input-style,.orange-theme .button,.orange-theme .noUi-connect,.orange-theme .sidebar,.orange-theme .sidebar .menu,.orange-theme button,.reset-page.orange-theme .login-box-body .input-style,.user-admin.orange-theme .app-modal-send-message .ms-attachment-box .fileinput-button:after,.user-admin.orange-theme .app-modal-send-message .ms-attachment-box .fileinput-button:before,.user-admin.orange-theme .success-page .show-example-wrap .val>span>span,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.orange .noUi-connect,.user-admin.task-list.orange-theme .items .item:not(.disabled):hover .bg span {
  background: #f9b000
}

.orange-theme .button:before,.orange-theme button:before {
  background: url(../image/button/orange/1.png) top center/100% auto no-repeat
}

.orange-theme .button:after,.orange-theme button:after {
  background: url(../image/button/orange/2.png) center/100% 100% no-repeat
}

.orange-theme .button.white,.orange-theme button.white {
  background: #fff;
  color: #f9b000
}

.blue-theme .sidebar .langs-wrap .langs-box,.blue-theme .sidebar .menu .submenu,.blue-theme .sidebar .user-info .text-wrap,.blue-theme .sidebar .user-info .text-wrap .user-menu,.green-theme .sidebar .langs-wrap .langs-box,.green-theme .sidebar .menu .submenu,.green-theme .sidebar .user-info .text-wrap,.green-theme .sidebar .user-info .text-wrap .user-menu,.login-page .login-page-wrapper .color-wrap .color-box .item.pink .noUi-connect,.login-page.blue-theme .langs .list,.login-page.green-theme .langs .list,.login-page.pink-theme .login-box-body .input-style,.pink-theme .button,.pink-theme .noUi-connect,.pink-theme .sidebar,.pink-theme .sidebar .menu,.pink-theme .sidebar .mob-close-submenu:after,.pink-theme .sidebar .mob-close-submenu:before,.pink-theme button,.reset-page.pink-theme .login-box-body .input-style,.user-admin.pink-theme .app-modal-send-message .ms-attachment-box .fileinput-button:after,.user-admin.pink-theme .app-modal-send-message .ms-attachment-box .fileinput-button:before,.user-admin.pink-theme .success-page .show-example-wrap .val>span>span,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.pink .noUi-connect,.user-admin.task-list.pink-theme .items .item:not(.disabled):hover .bg span {
  background: #e84272
}

.pink-theme .button:before,.pink-theme button:before {
  background: url(../image/button/pink/1.png) top center/100% auto no-repeat
}

.pink-theme .button:after,.pink-theme button:after {
  background: url(../image/button/pink/2.png) center/100% 100% no-repeat
}

.pink-theme .button.white,.pink-theme button.white {
  background: #fff;
  color: #e84272
}

.select-style select {
  outline: 0;
  border: none;
  min-height: 52px;
  border-radius: 13px;
  padding: 8px 4px 8px 14px;
  margin: 0;
  min-width: 40px;
  background: url(../image/select/violet/1_2.png) 0 0/6px auto repeat-y,url(../image/select/violet/2_1.png) 100% 0/2px auto repeat-y,url(../image/select/violet/1_1.png) 0 0/auto 3px repeat-x,url(../image/select/violet/3_1.png) 0 100%/auto 7px repeat-x,#fff
}

.blue-theme .select-style select {
  background: url(../image/select/blue/1_2.png) 0 0/6px auto repeat-y,url(../image/select/blue/2_1.png) 100% 0/2px auto repeat-y,url(../image/select/blue/1_1.png) 0 0/auto 3px repeat-x,url(../image/select/blue/3_1.png) 0 100%/auto 7px repeat-x,#fff
}

.green-theme .select-style select {
  background: url(../image/select/green/1_2.png) 0 0/6px auto repeat-y,url(../image/select/green/2_1.png) 100% 0/2px auto repeat-y,url(../image/select/green/1_1.png) 0 0/auto 3px repeat-x,url(../image/select/green/3_1.png) 0 100%/auto 7px repeat-x,#fff
}

.orange-theme .select-style select {
  background: url(../image/select/orange/1_2.png) 0 0/6px auto repeat-y,url(../image/select/orange/2_1.png) 100% 0/2px auto repeat-y,url(../image/select/orange/1_1.png) 0 0/auto 3px repeat-x,url(../image/select/orange/3_1.png) 0 100%/auto 7px repeat-x,#fff
}

.pink-theme .select-style select {
  background: url(../image/select/pink/1_2.png) 0 0/6px auto repeat-y,url(../image/select/pink/2_1.png) 100% 0/2px auto repeat-y,url(../image/select/pink/1_1.png) 0 0/auto 3px repeat-x,url(../image/select/pink/3_1.png) 0 100%/auto 7px repeat-x,#fff
}

.select-style:before {
  background: url(../image/select/violet/1.png) 0 0/18px auto no-repeat,url(../image/select/violet/2.png) 100% 0/16px auto no-repeat
}

.select-style:after {
  background: url(../image/select/violet/3.png) 0 100%/15px auto no-repeat,url(../image/select/violet/4.png) 100% 100%/19px auto no-repeat
}

.blue-theme .select-style:before {
  background: url(../image/select/blue/1.png) 0 0/18px auto no-repeat,url(../image/select/blue/2.png) 100% 0/16px auto no-repeat
}

.blue-theme .select-style:after {
  background: url(../image/select/blue/3.png) 0 100%/15px auto no-repeat,url(../image/select/blue/4.png) 100% 100%/19px auto no-repeat
}

.green-theme .select-style:before {
  background: url(../image/select/green/1.png) 0 0/18px auto no-repeat,url(../image/select/green/2.png) 100% 0/16px auto no-repeat
}

.green-theme .select-style:after {
  background: url(../image/select/green/3.png) 0 100%/15px auto no-repeat,url(../image/select/green/4.png) 100% 100%/19px auto no-repeat
}

.orange-theme .select-style:before {
  background: url(../image/select/orange/1.png) 0 0/18px auto no-repeat,url(../image/select/orange/2.png) 100% 0/16px auto no-repeat
}

.orange-theme .select-style:after {
  background: url(../image/select/orange/3.png) 0 100%/15px auto no-repeat,url(../image/select/orange/4.png) 100% 100%/19px auto no-repeat
}

.pink-theme .select-style:before {
  background: url(../image/select/pink/1.png) 0 0/18px auto no-repeat,url(../image/select/pink/2.png) 100% 0/16px auto no-repeat
}

.pink-theme .select-style:after {
  background: url(../image/select/pink/3.png) 0 100%/15px auto no-repeat,url(../image/select/pink/4.png) 100% 100%/19px auto no-repeat
}

.content-wrap ol,.content-wrap ul {
  padding: 0;
  margin: 0
}

.content-wrap ol li,.content-wrap ul li {
  position: relative;
  margin: 12px 0;
  padding: 0 0 0 20px
}

.content-wrap ol li:after,.content-wrap ul li:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  background: url(../image/li-point.svg) center no-repeat
}

.checkbox-label {
  cursor: pointer
}

.checkbox-label .checkbox-wrap {
  position: relative;
  display: inline-block;
  margin: 0 4px -4px 0;
  width: 25px;
  height: 25px
}

.checkbox-label .checkbox-wrap input[type=checkbox],.checkbox-label .checkbox-wrap input[type=radio] {
  opacity: 0;
  position: absolute
}

.checkbox-label .checkbox-wrap input[type=checkbox]:checked+span,.checkbox-label .checkbox-wrap input[type=radio]:checked+span {
  background: url(../image/check2-gray.svg) center left no-repeat,url(../image/check1-gray.svg) center left no-repeat
}

.checkbox-label .checkbox-wrap span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../image/check1-gray.svg) center left no-repeat
}

select {
  outline: 0;
  border: 2px solid #7574b4;
  cursor: pointer;
  padding: 6px 4px;
  width: 100%;
  max-width: 200px
}

.table-wrap {
  width: 100%;
  overflow: auto;
  display: block;
  padding: 0 0 16px
}

table {
  width: 100%;
  max-width: 920px;
  border-collapse: collapse;
  text-align: left
}

table strong,table td,table th {
  font-weight: 400
}

table thead th {
  padding: 10px 20px 21px 0;
  line-height: 80%;
  font-size: 18px
}

.content-wrap .editor-style h1,.content-wrap .editor-style h2,.content-wrap .editor-style h3,.content-wrap .editor-style h4,.content-wrap .editor-style h5,.content-wrap .editor-style h6,.reset-page .login-page-wrapper .login-box-body .alert.alert-success,.user-admin .wrong-page .show-example-wrap .show-example,.user-admin .wrong-page .show-example-wrap .val,table tbody {
  color: #7c6eb0
}

table tbody td {
  padding: 8px 12px 8px 0
}

.content-wrap .editor-style {
  color: #8f8e8d;
  font-size: 20px;
  line-height: 125%
}

.content-wrap .editor-style>* {
  margin: 20px 0
}

.content-wrap .editor-style>:first-child,.user-admin.game-page .result-wrap .game-form label,.user-admin.task-full.multiplication-full .part.part-4 label {
  margin: 0 0 20px
}

.content-wrap .editor-style>:last-child {
  margin: 20px 0 0
}

.content-wrap .editor-style h1,.content-wrap .editor-style h2,.content-wrap .editor-style h3 {
  text-transform: uppercase
}

.content-wrap .editor-style h1 {
  font-size: 30px
}

.content-wrap .editor-style h2 {
  font-size: 26px
}

.content-wrap .editor-style h3 {
  font-size: 24px
}

.content-wrap .editor-style h4,.content-wrap .editor-style h5,.content-wrap .editor-style h6 {
  font-size: 22px
}

.content-wrap .editor-style li,.content-wrap .editor-style p,.content-wrap .editor-style span {
  line-height: 125%
}

.content-wrap .editor-style ol,.content-wrap .editor-style ul {
  padding: 0 0 0 20px
}

.content-wrap .editor-style ol li,.content-wrap .editor-style ul li,.login-page .content-holder,.login-page.user-admin,.reset-page.user-admin,.user-admin.game-page .content-holder,.user-admin.game-page .content-wrap {
  padding: 0
}

.content-wrap .editor-style pre {
  white-space: pre-wrap;
  font-family: neucha,cursive
}

.content-wrap .editor-style img {
  margin: 20px 0;
  max-width: 100%;
  width: auto!important;
  height: auto!important
}

.content-wrap .editor-style b,.content-wrap .editor-style strong {
  font-weight: 400;
  color: #7c6eb0;
  font-size: 20px
}

.content-wrap .editor-style hr {
  border: none;
  height: 1px;
  background: #afaeae;
  margin: 40px 0
}

.content-wrap .editor-style a {
  text-decoration: none;
  color: #7c6eb0;
  font-size: 22px
}

.content-wrap .editor-style blockquote {
  margin: 30px 0;
  padding: 0 0 0 30px;
  border-left: 1px solid #7c6eb0;
  max-width: 600px;
  font-size: 18px
}

.blue-theme .content-wrap .editor-style a,.blue-theme .content-wrap .editor-style b,.blue-theme .content-wrap .editor-style h1,.blue-theme .content-wrap .editor-style h2,.blue-theme .content-wrap .editor-style h3,.blue-theme .content-wrap .editor-style h4,.blue-theme .content-wrap .editor-style h5,.blue-theme .content-wrap .editor-style h6,.blue-theme .content-wrap .editor-style strong,.reset-page.blue-theme .login-box-body .alert.alert-success,.user-admin.blue-theme .wrong-page .show-example-wrap .show-example,.user-admin.blue-theme .wrong-page .show-example-wrap .val,.user-admin.blue-theme .wrong-page .wrong-wrap .text-wrap h3,.user-admin.game-page.blue-theme .before-start .val,.user-admin.game-page.blue-theme .result-wrap .game-form .input-wrap input[name=result-second],.user-admin.game-page.blue-theme .result-wrap .game-form .input-wrap input[name=result],.user-admin.payment-page.blue-theme .payment-wrap .balance-wrap .item .val,.user-admin.task-full.blue-theme .part.part-1 .progress-examples>span.done {
  color: #3aadc6
}

.blue-theme .content-wrap .editor-style blockquote {
  border-left: 1px solid #3aadc6
}

.green-theme .content-wrap .editor-style a,.green-theme .content-wrap .editor-style b,.green-theme .content-wrap .editor-style h1,.green-theme .content-wrap .editor-style h2,.green-theme .content-wrap .editor-style h3,.green-theme .content-wrap .editor-style h4,.green-theme .content-wrap .editor-style h5,.green-theme .content-wrap .editor-style h6,.green-theme .content-wrap .editor-style strong,.reset-page.green-theme .login-box-body .alert.alert-success,.user-admin.game-page.green-theme .before-start .val,.user-admin.game-page.green-theme .result-wrap .game-form .input-wrap input[name=result-second],.user-admin.game-page.green-theme .result-wrap .game-form .input-wrap input[name=result],.user-admin.green-theme .wrong-page .show-example-wrap .show-example,.user-admin.green-theme .wrong-page .show-example-wrap .val,.user-admin.green-theme .wrong-page .wrong-wrap .text-wrap h3,.user-admin.payment-page.green-theme .payment-wrap .balance-wrap .item .val,.user-admin.task-full.green-theme .app-modal-send-message .close,.user-admin.task-full.green-theme .part.part-1 .progress-examples>span.done {
  color: #95b421
}

.green-theme .content-wrap .editor-style blockquote {
  border-left: 1px solid #95b421
}

.orange-theme .content-wrap .editor-style a,.orange-theme .content-wrap .editor-style b,.orange-theme .content-wrap .editor-style h1,.orange-theme .content-wrap .editor-style h2,.orange-theme .content-wrap .editor-style h3,.orange-theme .content-wrap .editor-style h4,.orange-theme .content-wrap .editor-style h5,.orange-theme .content-wrap .editor-style h6,.orange-theme .content-wrap .editor-style strong,.reset-page.orange-theme .login-box-body .alert.alert-success,.user-admin.game-page.orange-theme .before-start .val,.user-admin.game-page.orange-theme .result-wrap .game-form .input-wrap input[name=result-second],.user-admin.game-page.orange-theme .result-wrap .game-form .input-wrap input[name=result],.user-admin.orange-theme .wrong-page .show-example-wrap .show-example,.user-admin.orange-theme .wrong-page .show-example-wrap .val,.user-admin.orange-theme .wrong-page .wrong-wrap .text-wrap h3,.user-admin.payment-page.orange-theme .payment-wrap .balance-wrap .item .val,.user-admin.task-full.orange-theme .app-modal-send-message .close,.user-admin.task-full.orange-theme .part.part-1 .progress-examples>span.done {
  color: #f9b000
}

.orange-theme .content-wrap .editor-style blockquote {
  border-left: 1px solid #f9b000
}

.login-page.pink-theme .langs .list a,.pink-theme .content-wrap .editor-style a,.pink-theme .content-wrap .editor-style b,.pink-theme .content-wrap .editor-style h1,.pink-theme .content-wrap .editor-style h2,.pink-theme .content-wrap .editor-style h3,.pink-theme .content-wrap .editor-style h4,.pink-theme .content-wrap .editor-style h5,.pink-theme .content-wrap .editor-style h6,.pink-theme .content-wrap .editor-style strong,.reset-page.pink-theme .login-box-body .alert.alert-success,.user-admin.calendar-page.pink-theme .calendar-content .fc-view-container .popup-wrap,.user-admin.game-page.pink-theme .before-start .val,.user-admin.game-page.pink-theme .result-wrap .game-form .input-wrap input[name=result-second],.user-admin.game-page.pink-theme .result-wrap .game-form .input-wrap input[name=result],.user-admin.payment-page.pink-theme .payment-wrap .balance-wrap .item .val,.user-admin.pink-theme .wrong-page .show-example-wrap .show-example,.user-admin.pink-theme .wrong-page .show-example-wrap .val,.user-admin.pink-theme .wrong-page .wrong-wrap .text-wrap h3,.user-admin.task-full.pink-theme .app-modal-send-message .close,.user-admin.task-full.pink-theme .part.part-1 .progress-examples>span.done,.user-admin.task-list.pink-theme .items .item .ico-new p,.user-admin.task-list.pink-theme .items .item:not(.disabled) .date {
  color: #e84272
}

.pink-theme .content-wrap .editor-style blockquote {
  border-left: 1px solid #e84272
}

.login-page .login-page-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(30px + 12vh) 0 calc(25px + 6vh);
  background: url(../image/bg-pattern.png) center/cover no-repeat;
  font-family: Neucha,cursive
}

.login-page .login-page-wrapper .row-wrap {
  max-width: 92vw
}

.login-page .login-page-wrapper .home-title h3,
.login-page .login-page-wrapper .home-title h1{
  margin: 0;
  font-size: 15vw;
  line-height: 88%;
  font-family: MOVSKATE-Deck
}

.login-page .login-page-wrapper .langs {
  position: absolute;
  top: 0;
  right: 0;
  margin: calc(10px + 2vh) 4vw 0 0;
  text-align: center
}

.login-page .login-page-wrapper .langs .title {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 52px 0 0;
  display: block;
  max-width: 50vw;
  text-align: right
}

.login-page .login-page-wrapper .langs .title span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 40px;
  margin: -20px 0 0
}

.login-page .login-page-wrapper .langs .title span:before {
  background: url(../image/open-list.svg) center no-repeat
}

.login-page .login-page-wrapper .langs .title span:after {
  display: none;
  background: url(../image/open-list2.svg) center no-repeat
}

.login-page .login-page-wrapper .langs .list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 19px -5px 0 0;
  padding: 11px 18px;
  background: #fff243;
  border-radius: 10px
}

.login-page .login-page-wrapper .langs .list:after {
  content: '';
  position: absolute;
  bottom: calc(100% - 2px);
  right: 12px;
  border: 10px solid;
  border-color: transparent transparent #fff243
}

.login-page .login-page-wrapper .langs .list a {
  display: block;
  margin: 4px 0;
  font-size: 18px;
  text-decoration: none;
  color: #7c6eb0;
  line-height: 100%
}

.login-page .login-page-wrapper .color-wrap {
  display: none;
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../image/bg-pattern4.png) center/auto 100% no-repeat,#7c6eb0
}

.login-page .login-page-wrapper .color-wrap.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.login-page .login-page-wrapper .color-wrap .color-box,.user-admin.settings-page .left-wrap .color-wrap .color-box {
  margin: 24px 0 0;
  padding: 0 0 0 16px
}

.login-page .login-page-wrapper .color-wrap .color-box .item {
  margin: 0;
  margin: 0 0 calc(24px + 1vh)
}

.blue-theme .noUi-handle,.blue-theme .noUi-target,.login-page .login-page-wrapper .color-wrap .color-box .item.blue .noUi-target,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.blue .noUi-target {
  border-color: #3aadc6
}

.login-page .login-page-wrapper .color-wrap .color-box .item.blue .noUi-handle {
  border-color: #fff;
  background: #3aadc6
}

.blue-theme .noUi-connects,.login-page .login-page-wrapper .color-wrap .color-box .item.blue .noUi-connects,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.blue .noUi-connects {
  background: url(../image/bg-input/bg-input-blue.svg) left center/auto 100% repeat-x
}

.green-theme .noUi-handle,.green-theme .noUi-target,.login-page .login-page-wrapper .color-wrap .color-box .item.green .noUi-target,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.green .noUi-target {
  border-color: #95b421
}

.login-page .login-page-wrapper .color-wrap .color-box .item.green .noUi-handle {
  border-color: #fff;
  background: #95b421
}

.green-theme .noUi-connects,.login-page .login-page-wrapper .color-wrap .color-box .item.green .noUi-connects,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.green .noUi-connects {
  background: url(../image/bg-input/bg-input-green.svg) left center/auto 100% repeat-x
}

.login-page .login-page-wrapper .color-wrap .color-box .item.orange .noUi-target,.orange-theme .noUi-handle,.orange-theme .noUi-target,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.orange .noUi-target {
  border-color: #f9b000
}

.login-page .login-page-wrapper .color-wrap .color-box .item.orange .noUi-handle {
  border-color: #fff;
  background: #f9b000
}

.login-page .login-page-wrapper .color-wrap .color-box .item.orange .noUi-connects,.orange-theme .noUi-connects,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.orange .noUi-connects {
  background: url(../image/bg-input/bg-input-orange.svg) left center/auto 100% repeat-x
}

.login-page .login-page-wrapper .color-wrap .color-box .item.pink .noUi-target,.pink-theme .noUi-handle,.pink-theme .noUi-target,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.pink .noUi-target {
  border-color: #e84272
}

.login-page .login-page-wrapper .color-wrap .color-box .item.pink .noUi-handle {
  border-color: #fff;
  background: #e84272
}

.login-page .login-page-wrapper .color-wrap .color-box .item.pink .noUi-connects,.pink-theme .noUi-connects,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.pink .noUi-connects {
  background: url(../image/bg-input/bg-input-pink.svg) left center/auto 100% repeat-x
}

.login-page .login-page-wrapper .color-wrap .color-box .item.violet .noUi-target,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.violet .noUi-target,.violet-theme .noUi-handle,.violet-theme .noUi-target {
  border-color: #7c6eb0
}

.login-page .login-page-wrapper .color-wrap .color-box .item.violet .noUi-handle {
  border-color: #fff;
  background: #7c6eb0
}

.login-page .login-page-wrapper .color-wrap .color-box .item.violet .noUi-connect,.login-page.orange-theme .langs .list,.orange-theme .sidebar .langs-wrap .langs-box,.orange-theme .sidebar .menu .submenu,.orange-theme .sidebar .user-info .text-wrap,.orange-theme .sidebar .user-info .text-wrap .user-menu,.user-admin .success-page .show-example-wrap .val>span>span,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.violet .noUi-connect,.user-admin.task-list .items .item:not(.disabled):hover .bg span,.violet-theme .noUi-connect,.violet-theme .sidebar,.violet-theme .sidebar .menu,.violet-theme .sidebar .mob-close-submenu:after,.violet-theme .sidebar .mob-close-submenu:before {
  background: #7c6eb0
}

.login-page .login-page-wrapper .color-wrap .color-box .item.violet .noUi-connects,.user-admin.settings-page .left-wrap .color-wrap .color-box .item.violet .noUi-connects,.violet-theme .noUi-connects {
  background: url(../image/bg-input/bg-input-violet.svg) left center/auto 100% repeat-x
}

.login-page .login-page-wrapper .color-wrap .close {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin: calc(10px + 2vh) 0 0 calc(6px + 4vw);
  width: 28px;
  height: 18px
}

.login-page .login-page-wrapper .color-wrap .close:after,.login-page .login-page-wrapper .color-wrap .close:before,.user-admin .sidebar .mob-close-submenu:after,.user-admin .sidebar .mob-close-submenu:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff
}

.login-page .login-page-wrapper .color-wrap .close:before,.user-admin .sidebar .mob-close-submenu:before,.user-admin.open-menu .sidebar .mob-button-menu span:nth-child(2) {
  top: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.login-page .login-page-wrapper .color-wrap .close:after,.user-admin .sidebar .mob-close-submenu:after {
  top: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.login-page .login-page-wrapper .theme-chooser {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 2vh 0 0 4vw;
  background: url(../image/open-list-theme.svg) center no-repeat
}

.login-page .login-page-wrapper .login-box-body,.reset-page .login-page-wrapper .login-box-body {
  z-index: 1;
  position: relative;
  margin: 5vh 0 0
}

.login-page .login-page-wrapper .login-box-body form,.reset-page .login-page-wrapper .login-box-body form {
  max-width: calc(100% - 2vw)
}

.login-page .login-page-wrapper .login-box-body .input-style,.reset-page .login-page-wrapper .login-box-body .input-style {
  margin: 0 0 2vh;
  border-radius: 20px;
  background: #7c6eb0
}

.login-page .login-page-wrapper .login-box-body input.form-control {
  outline: 0;
  border: none;
  width: 66vw;
  height: 9vh;
  padding: 8px 20px 8px 4vw;
  color: #fff;
  font-size: 18px
}

.login-page .login-page-wrapper .login-box-body input.form-control::-webkit-input-placeholder {
  color: #fff
}

.login-page .login-page-wrapper .login-box-body input.form-control::-moz-placeholder {
  color: #fff
}

.login-page .login-page-wrapper .login-box-body input.form-control:-moz-placeholder {
  color: #fff
}

.login-page .login-page-wrapper .login-box-body input.form-control:-ms-input-placeholder {
  color: #fff
}

.login-page .login-page-wrapper .login-box-body .checkbox>span,.user-admin .show-example-wrap.show-sumbol .val>span .sumbol,.user-admin.game-page .result-wrap.second-style .game-form .input-wrap .input-style.second-input,.user-admin.profile-page .part-wrap .part ul li.active-edit.edit .input-wrap {
  display: inline-block
}

.login-page .login-page-wrapper .login-box-body .checkbox label {
  cursor: pointer;
  position: relative;
  min-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 30px;
  background: url(../image/check1.svg) center left no-repeat;
  font-size: 16px
}

.login-page .login-page-wrapper .login-box-body .checkbox label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

.login-page .login-page-wrapper .login-box-body .checkbox label svg {
  display: none;
  position: absolute;
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px
}

.login-page .login-page-wrapper .login-box-body .checkbox label svg path,.user-admin .wrong-page .wrong-wrap .text-wrap svg path,.user-admin.game-page .before-start svg path,.user-admin.game-page .result-wrap .game-form .input-wrap svg path,.user-admin.game-page .start-game-wrap .wrap .ico-sound.active svg path,.user-admin.task-list.orange-theme .items .item .ico-new svg path,.user-admin.task-list.orange-theme .items .item:not(.disabled) .date svg path {
  fill: #7c6eb0
}

.login-page .login-page-wrapper .forgot-password,.login-page .login-page-wrapper .login-box-body .buttons {
  padding: 2vh 0 0 4vw
}

.login-page .login-page-wrapper .login-box-body .buttons button[type=submit] {
  margin: 0 0 calc(4px + 1vh)
}

.login-page .login-page-wrapper .login-box-body .alert,.reset-page .login-page-wrapper .login-box-body .alert {
  background: #fff;
  display: inline-block;
  padding: 4px 10px;
  margin: 0 0 8px;
  line-height: 85%;
  font-size: 16px;
  color: red
}

.login-page .login-page-wrapper .forgot-password a {
  text-decoration: none;
  color: #fff
}

.login-page .login-page-wrapper .propose-wrap {
  position: relative;
  padding: 4px 0 0 4vw
}

.login-page .login-page-wrapper .propose-wrap a {
  margin: 0;
  text-decoration: none;
  color: #fff
}

@media only screen and (min-width: 641px) {
  .login-page .login-page-wrapper .row-wrap {
    max-width:58vw
  }

  .login-page .login-page-wrapper .home-title h3,
  .login-page .login-page-wrapper .home-title h1{
    font-size: 11vw
  }

  .login-page .login-page-wrapper .login-box-body input.form-control {
    width: 44vw
  }
}

.login-page .elements .elem-1 {
  z-index: 1;
  width: 310px;
  margin: 16vh 0 0 -4vw
}

.login-page .elements .elem-2 {
  display: none;
  width: 14vw;
  margin: -4vh 0 0 19vw
}

.login-page .elements .elem-3 {
  width: 6vw;
  margin: 31vh 0 0 31vw
}

.login-page .elements .elem-4 {
  display: none;
  top: 0
}

.login-page .elements .elem-5 {
  width: 4vw;
  margin: 26vh 0 0 11vw
}

.login-page .elements .elem-6 {
  top: 0;
  width: 3vw;
  margin: 29vh 0 0 -39vw
}

.login-page .elements .elem-7,.reset-page .elements .elem-7 {
  display: none;
  width: 4vw;
  margin: 12vh 0 0 43vw
}

.login-page .elements .elem-8 {
  top: 0;
  width: 60px;
  margin: 10vh 0 0 13vw
}

@media only screen and (min-width: 641px) {
  .login-page .elements .elem-1 {
    width:380px;
    margin: 16vh 0 0 1vw
  }

  .reset-page .login-page-wrapper .login-box-body input.form-control {
    width: 44vw
  }
}

.login-page.blue-theme .color-wrap .color-box .item.blue .noUi-target,.login-page.green-theme .color-wrap .color-box .item.green .noUi-target,.login-page.orange-theme .color-wrap .color-box .item.orange .noUi-target,.login-page.pink-theme .color-wrap .color-box .item.pink .noUi-target,.login-page.violet-theme .color-wrap .color-box .item.violet .noUi-target,.reset-page.violet-theme .color-wrap .color-box .item.violet .noUi-target {
  border-color: #fff
}

.login-page.blue-theme .login-box-body .checkbox label svg path,.reset-page.blue-theme .login-box-body .checkbox label svg path,.user-admin.blue-theme .wrong-page .wrong-wrap .text-wrap svg path,.user-admin.game-page.blue-theme .before-start svg path,.user-admin.game-page.blue-theme .result-wrap .game-form .input-wrap svg path,.user-admin.game-page.blue-theme .start-game-wrap .wrap .ico-sound.active path {
  fill: #3aadc6
}

.blue-theme .sidebar .langs-wrap .langs-box:after,.blue-theme .sidebar .menu .submenu:after,.blue-theme .sidebar .user-info .text-wrap .user-menu:after,.green-theme .sidebar .langs-wrap .langs-box:after,.green-theme .sidebar .menu .submenu:after,.green-theme .sidebar .user-info .text-wrap .user-menu:after,.login-page.blue-theme .langs .list:after,.login-page.green-theme .langs .list:after {
  border-color: transparent transparent #e84272
}

.login-page.blue-theme .langs .list a,.login-page.green-theme .langs .list a,.login-page.orange-theme .langs .list a {
  color: #fff
}

.login-page.blue-theme .color-wrap {
  background: url(../image/bg-pattern4.png) center/auto 100% no-repeat,#3aadc6
}

.login-page.green-theme .login-box-body .checkbox label svg path,.reset-page.green-theme .login-box-body .checkbox label svg path,.user-admin.game-page.green-theme .before-start svg path,.user-admin.game-page.green-theme .result-wrap .game-form .input-wrap svg path,.user-admin.game-page.green-theme .start-game-wrap .wrap .ico-sound.active path,.user-admin.green-theme .wrong-page .wrong-wrap .text-wrap svg path {
  fill: #95b421
}

.login-page.green-theme .color-wrap {
  background: url(../image/bg-pattern4.png) center/auto 100% no-repeat,#95b421
}

.login-page.orange-theme .login-box-body .checkbox label svg path,.reset-page.orange-theme .login-box-body .checkbox label svg path,.user-admin.game-page.orange-theme .before-start svg path,.user-admin.game-page.orange-theme .result-wrap .game-form .input-wrap svg path,.user-admin.game-page.orange-theme .start-game-wrap .wrap .ico-sound.active path,.user-admin.orange-theme .wrong-page .wrong-wrap .text-wrap svg path {
  fill: #f9b000
}

.login-page.orange-theme .langs .list:after,.orange-theme .sidebar .langs-wrap .langs-box:after,.orange-theme .sidebar .menu .submenu:after,.orange-theme .sidebar .user-info .text-wrap .user-menu:after {
  border-color: transparent transparent #7c6eb0
}

.login-page.orange-theme .color-wrap {
  background: url(../image/bg-pattern4.png) center/auto 100% no-repeat,#f9b000
}

.login-page.pink-theme .login-box-body .checkbox label svg path,.reset-page.pink-theme .login-box-body .checkbox label svg path,.user-admin.game-page.pink-theme .before-start svg path,.user-admin.game-page.pink-theme .result-wrap .game-form .input-wrap svg path,.user-admin.game-page.pink-theme .start-game-wrap .wrap .ico-sound.active path,.user-admin.pink-theme .wrong-page .wrong-wrap .text-wrap svg path,.user-admin.task-list .items .item:not(.disabled) .date svg path,.user-admin.task-list.blue-theme .items .item .ico-new svg path,.user-admin.task-list.blue-theme .items .item:not(.disabled) .date svg path,.user-admin.task-list.green-theme .items .item .ico-new svg path,.user-admin.task-list.green-theme .items .item:not(.disabled) .date svg path {
  fill: #e84272
}

.login-page.pink-theme .color-wrap {
  background: url(../image/bg-pattern4.png) center/auto 100% no-repeat,#e84272
}

.reset-page .login-page-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(30px + 12vh) 0 calc(25px + 6vh);
  background: url(../image/bg-pattern.png) center/cover no-repeat;
  font-family: Neucha,cursive
}

.reset-page .login-page-wrapper .back,.user-admin.flash-page .back,.user-admin.game-page .back {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin: 3vw 4vw 0 0;
  overflow: hidden;
  border-radius: 100%;
  cursor: pointer
}

.reset-page .login-page-wrapper .back:after,.reset-page .login-page-wrapper .back:before,.user-admin.flash-page .back:after,.user-admin.flash-page .back:before,.user-admin.game-page .back:after,.user-admin.game-page .back:before,.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap:after,.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  width: 100%;
  height: 100%
}

.reset-page .login-page-wrapper .back:before {
  background: url(../image/back/back1-white.svg) center/100% auto no-repeat
}

.reset-page .login-page-wrapper .back:after {
  background: url(../image/back/back2-white.svg) center/100% auto no-repeat
}

.reset-page .login-page-wrapper .login-box-body input.form-control {
  outline: 0;
  border: none;
  height: 9vh;
  padding: 8px 20px 8px 4vw;
  color: #fff;
  font-size: 18px
}

.reset-page .login-page-wrapper .login-box-body input.form-control::-webkit-input-placeholder {
  color: #fff
}

.reset-page .login-page-wrapper .login-box-body input.form-control::-moz-placeholder {
  color: #fff
}

.reset-page .login-page-wrapper .login-box-body input.form-control:-moz-placeholder {
  color: #fff
}

.reset-page .login-page-wrapper .login-box-body input.form-control:-ms-input-placeholder {
  color: #fff
}

.reset-page .login-page-wrapper .login-box-body .buttons {
  padding: 2vh 0 0;
  text-align: center
}

.reset-page .elements .elem-3 {
  width: 6vw;
  margin: 23vh 0 0 28vw
}

.reset-page .elements .elem-4 {
  top: 0;
  width: 6vw;
  margin: 12vh 0 0 17vw
}

.reset-page .elements .elem-5 {
  width: 4vw;
  margin: 15vh 0 0 -23vw
}

.reset-page .elements .elem-6 {
  top: 0;
  width: 3vw;
  margin: 24vh 0 0 -36vw
}

.user-admin {
  color: #8f8e8d
}

.user-admin .content-wrap {
  padding: 0 16px 40px
}

.user-admin .content-wrap h1,.user-admin .content-wrap h2 {
  margin: 0;
  text-transform: uppercase;
  color: #7c6eb0
}

.user-admin .show-example-wrap {
  max-width: 960px;
  margin: 16px auto 10px;
  width: 100%;
  text-align: center;
  word-wrap: break-word
}

.user-admin .show-example-wrap .show-example {
  margin: 0;
  display: inline-block;
  cursor: pointer
}

.user-admin .show-example-wrap .val {
  display: none;
  margin: 15px 0 0;
  font-size: 26px
}

.user-admin .show-example-wrap .val>span>span {
  border-radius: 5px;
  padding: 0 4px;
  background: #fff
}

.user-admin .breadcrumbs {
  margin: 0 0 calc(20px + 5vh);
  padding: 0 16px;
  font-size: 15px
}

.user-admin .breadcrumbs ol {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none
}

.user-admin .breadcrumbs ol li {
  position: relative;
  padding: 0 14px 0 0;
  margin: 0 10px 0 0
}

.user-admin .breadcrumbs ol li:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 6px;
  height: 6px;
  background: url(../image/li-point.svg) center no-repeat
}

.user-admin .breadcrumbs ol li a,.user-admin .breadcrumbs ol li span {
  color: #7c6eb0;
  text-decoration: none;
  text-transform: uppercase
}

.user-admin .breadcrumbs ol li span {
  opacity: .5;
  color: #8f8e8d
}

.user-admin .sidebar {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 16px;
  height: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #7c6eb0
}

.user-admin .sidebar:after {
  content: '';
  position: absolute;
  top: calc(100% - 20px + 2px);
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../image/sidebar/header-bg-bottom-violet.png) center top/auto 16px repeat-x,#fff
}

.user-admin .sidebar .menu {
  display: none;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #7c6eb0;
  text-align: center
}

.user-admin .sidebar .menu>ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.user-admin .sidebar .menu>ul>li {
  position: relative;
  padding: 2vh 0;
  font-size: 22px
}

.user-admin .sidebar .menu>ul>li.active>a,.user-admin .sidebar .menu>ul>li.active>span,.user-admin .success-page .success-wrap .text-wrap,.user-admin.calendar-page .calendar-content,.user-admin.calendar-page .calendar-content .fc-view-container.loading>.fc-view {
  position: relative
}

.user-admin .sidebar .menu>ul>li.active>a:after,.user-admin .sidebar .menu>ul>li.active>span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: -5px;
  width: calc(100% + 10px);
  height: 2px;
  background: url(../image/lines/line1.svg) left bottom repeat-x
}

.user-admin .sidebar .langs-wrap.active .active-lang:after,.user-admin .sidebar .menu>ul>li.open-submenu>a.sub-button:before,.user-admin .sidebar .menu>ul>li.open-submenu>span.sub-button:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.user-admin .sidebar .menu>ul>li.open-submenu .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.user-admin .sidebar .menu>ul>li>a,.user-admin .sidebar .menu>ul>li>span {
  cursor: pointer;
  position: relative;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff
}

.user-admin .sidebar .menu>ul>li>a.sub-button,.user-admin .sidebar .menu>ul>li>span.sub-button {
  position: relative;
  padding: 0 22px 0 0
}

.user-admin .sidebar .menu>ul>li>a.sub-button:before,.user-admin .sidebar .menu>ul>li>span.sub-button:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin: -7px 0 0;
  width: 13px;
  height: 13px;
  background: url(../image/drop-button.svg) center right no-repeat
}

.user-admin .sidebar .menu .submenu {
  display: none;
  z-index: 1;
  position: fixed;
  top: calc(10px + 2vh);
  left: 4vw;
  width: calc(100% - 4vw - 8px);
  height: calc(100% - 10px - 2vh - 8px);
  padding: 16px 34px;
  background: #fff243;
  border-radius: 13px;
  list-style: none;
  font-size: 18px
}

.user-admin .sidebar .menu .submenu:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 24px;
  border: 10px solid;
  border-color: transparent transparent #fff243
}

.user-admin .sidebar .menu .submenu li {
  padding: 1vh 0;
  line-height: 100%
}

.user-admin .sidebar .menu .submenu li a,.user-admin .sidebar .user-info .text-wrap .user-menu li a {
  text-decoration: none;
  color: #7c6eb0;
  line-height: 100%
}

.user-admin .sidebar .menu .ms-count-new-messages {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff243;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  margin: -12px 0 0 -4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #7c6eb0;
  font-size: 14px
}

.user-admin .sidebar .user-info {
  z-index: 1;
  position: relative;
  width: 30%
}

.user-admin .sidebar .user-info .wrap {
  cursor: pointer;
  position: relative
}

.user-admin .sidebar .user-info .image {
  position: relative;
  border: 1px solid #fff;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%
}

.user-admin .sidebar .user-info .image:after {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  left: calc(100% + 8px);
  width: 20px;
  height: 20px;
  background: url(../image/drop-button.svg) center no-repeat
}

.user-admin .sidebar .user-info .text-wrap {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff243;
  border-radius: 13px;
  padding: 16px 24px;
  width: 260px;
  margin: 0;
  max-width: calc(100vw - 16px - 16px);
  color: #fff
}

.user-admin .sidebar .user-info .text-wrap span {
  position: relative;
  display: block;
  padding: 12px 0 18px;
  color: #7c6eb0
}

.user-admin .sidebar .user-info .text-wrap .user-menu {
  cursor: default;
  margin: 0;
  padding: 0;
  list-style: none
}

.user-admin .sidebar .user-info .text-wrap .user-menu:after {
  content: '';
  position: absolute;
  bottom: calc(100% - 2px);
  left: 47px;
  border: 10px solid;
  border-color: transparent transparent #fff243
}

.user-admin .sidebar .user-info .text-wrap .user-menu li {
  padding: 5px 0;
  line-height: 100%
}

.user-admin .sidebar .langs-wrap {
  z-index: 1;
  position: absolute;
  top: 50%;
  margin: -18px 0 0;
  right: 72px;
  color: #fff
}

.user-admin .sidebar .langs-wrap .active-lang {
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.user-admin .sidebar .langs-wrap .active-lang:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -12px;
  margin: -6px 0 0;
  width: 13px;
  height: 13px;
  background: url(../image/drop-button.svg) center right no-repeat
}

.user-admin .sidebar .langs-wrap .langs-box {
  display: none;
  z-index: 1;
  position: absolute;
  top: 100%;
  right: -31px;
  margin: 10px 0 0;
  padding: 11px 18px;
  background: #fff243;
  border-radius: 10px
}

.user-admin .sidebar .langs-wrap .langs-box:after {
  content: '';
  position: absolute;
  bottom: calc(100% - 2px);
  left: 50%;
  margin: 0 0 0 -9px;
  border: 10px solid;
  border-color: transparent transparent #fff243
}

.user-admin .sidebar .langs-wrap .langs-box li {
  display: block;
  padding: 2px 0
}

.user-admin .sidebar .langs-wrap .langs-box li a {
  font-size: 18px;
  text-decoration: none;
  color: #7c6eb0;
  line-height: 100%
}

.user-admin .sidebar .mob-button-menu {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 16px;
  margin: -9px 0 0;
  width: 28px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column
}

.user-admin .sidebar .mob-button-menu span {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff
}

.user-admin .sidebar .mob-close-submenu {
  display: none;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  margin: calc(10px + 2vh + 18px) calc(8px + 18px) 0 0;
  width: 28px;
  height: 18px
}

@media only screen and (min-width: 854px) {
  .content-holder,.user-admin {
    padding:0
  }

  .user-admin .content-wrap {
    padding: 0 4vw 40px
  }

  .user-admin .breadcrumbs {
    padding: 0 4vw
  }

  .user-admin .sidebar {
    position: relative;
    padding: 20px 3vw 20px 4vw;
    margin: 0 0 calc(16px + 2vh);
    height: auto
  }

  .user-admin .sidebar .menu {
    display: block;
    position: relative;
    background: 0 0!important;
    width: auto;
    height: auto;
    margin: 0;
    width: calc(100% - 40px);
    text-align: left
  }

  .user-admin .sidebar .menu>ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .user-admin .sidebar .menu>ul>li {
    padding: 3px 4vw 3px 0;
    font-size: 16px
  }

  .user-admin .sidebar .menu>ul>li:last-child {
    padding: 3px 0
  }

  .user-admin .sidebar .menu>ul>li.open-submenu .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .user-admin .sidebar .menu .submenu {
    position: absolute;
    top: calc(100% + 13px);
    left: 0;
    width: 320px;
    height: auto;
    margin: 0 0 0 -24px
  }

  .user-admin .sidebar .menu .submenu li {
    padding: 5px 0;
    width: 50%
  }

  .user-admin .sidebar .user-info {
    width: 40px;
    padding: 0
  }

  .user-admin .sidebar .user-info .text-wrap {
    left: auto;
    right: -12px;
    top: calc(100% + 13px)
  }

  .user-admin .sidebar .user-info .text-wrap .user-menu:after {
    left: auto;
    right: calc(2vw - 4px)
  }

  .user-admin .sidebar .langs-wrap {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 0 calc(8px + 2vw)
  }

  .user-admin .sidebar .mob-button-menu {
    display: none;
    right: 0
  }

  .user-admin .sidebar .mob-close-submenu {
    display: none
  }
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center,.user-admin.game-page .before-start.active,.user-admin.game-page .start-game-wrap.active,.user-admin.open-menu .sidebar .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.user-admin.open-menu .sidebar .mob-button-menu span:nth-child(3) {
  top: -8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

@media only screen and (max-width: 853px) {
  .user-admin.submenu-is-active.open-menu .sidebar .menu>ul>li:not(.open-submenu) {
    opacity:0;
    pointer-events: none
  }

  .user-admin.submenu-is-active.open-menu .sidebar .mob-button-menu {
    display: none
  }

  .user-admin.submenu-is-active.open-menu .sidebar .mob-close-submenu {
    display: block
  }
}

.user-admin.archive-list .content-holder,.user-admin.payment-page .content-holder {
  background: url(../image/bg/bg1-violet.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 58vh no-repeat,url(../image/bg/bg2-violet.svg) 2vw calc(102px + 3vh)/auto 76vh no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.payment-page h2 {
  margin: 0 0 24px
}

.user-admin.payment-page .payment-wrap .balance-wrap {
  position: relative;
  padding: 0 0 20px;
  margin: 0 0 54px;
  background: url(../image/lines/line4-violet.svg) 100% 100% no-repeat
}

.user-admin.payment-page .payment-wrap .balance-wrap .item {
  margin: 0 0 16px
}

.user-admin.payment-page .payment-wrap .balance-wrap .item .val {
  font-size: 32px;
  color: #7c6eb0;
  line-height: 100%
}

.user-admin.payment-page .payment-wrap .balance-wrap .item .holder {
  white-space: nowrap
}

.user-admin.archive-list.blue-theme .content-holder,.user-admin.payment-page.blue-theme .content-holder {
  background: url(../image/bg/bg1-blue.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 58vh no-repeat,url(../image/bg/bg2-blue.svg) 2vw calc(102px + 3vh)/auto 76vh no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.payment-page.blue-theme .payment-wrap .balance-wrap {
  background: url(../image/lines/line4-blue.svg) 100% 100% no-repeat
}

.user-admin.archive-list.green-theme .content-holder,.user-admin.payment-page.green-theme .content-holder {
  background: url(../image/bg/bg1-green.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 58vh no-repeat,url(../image/bg/bg2-green.svg) 2vw calc(102px + 3vh)/auto 76vh no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.payment-page.green-theme .payment-wrap .balance-wrap {
  background: url(../image/lines/line4-green.svg) 100% 100% no-repeat
}

.user-admin.archive-list.orange-theme .content-holder,.user-admin.payment-page.orange-theme .content-holder {
  background: url(../image/bg/bg1-orange.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 58vh no-repeat,url(../image/bg/bg2-orange.svg) 2vw calc(102px + 3vh)/auto 76vh no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.payment-page.orange-theme .payment-wrap .balance-wrap {
  background: url(../image/lines/line4-orange.svg) 100% 100% no-repeat
}

.user-admin.archive-list.pink-theme .content-holder,.user-admin.payment-page.pink-theme .content-holder {
  background: url(../image/bg/bg1-pink.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 58vh no-repeat,url(../image/bg/bg2-pink.svg) 2vw calc(102px + 3vh)/auto 76vh no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.payment-page.pink-theme .payment-wrap .balance-wrap {
  background: url(../image/lines/line4-pink.svg) 100% 100% no-repeat
}

.user-admin.profile-page .content-holder {
  background-image: url(../image/bg-pattern4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.user-admin.profile-page .part-wrap .part {
  margin: 0 0 60px
}

.user-admin.disabled-page .disabled-wrap .holder p,.user-admin.flash-full .part.part-4 .item:nth-child(2),.user-admin.flash-page .action-wrap .button,.user-admin.profile-page .part-wrap .part.part-3,.user-admin.task-full .description-wrap p,.user-admin.task-full .title-wrap h1,.user-admin.task-full.multiplication-full .range-of-numbers-box,.user-admin.task-list h1,.user-admin.vacation-page .vacation-wrap p {
  margin: 0
}

.user-admin.profile-page .part-wrap .part h2 {
  position: relative;
  margin: 0 0 3vh;
  display: inline-block;
  font-size: 24px;
  text-transform: uppercase
}

.user-admin.profile-page .part-wrap .part h2:after {
  content: '';
  position: absolute;
  top: calc(100% + 3px);
  left: -5px;
  width: calc(100% + 10px);
  height: 2px;
  background: url(../image/lines/line1.svg) left bottom repeat-x
}

.user-admin.profile-page .part-wrap .part ul li.textarea-wrap,.user-admin.task-full .progress-wrap,.user-admin.task-full.multiplication-full .range-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.profile-page .part-wrap .part ul li.textarea-wrap.edit .input-wrap,.user-admin.profile-page .part-wrap .part ul li.textarea-wrap.edit .ms-profile-field {
  margin: 0 0 0 7px
}

.user-admin.modal-open .app-modal-send-message.sending,.user-admin.profile-page .part-wrap .part ul li.edit.loading,.user-admin.task-list .items .item.disabled {
  pointer-events: none
}

.user-admin.profile-page .part-wrap .part ul li.edit.loading .ms-profile-field {
  opacity: .5
}

.user-admin.profile-page .part-wrap .part ul li.edit .ms-profile-field {
  position: relative;
  padding: 0 34px 0 0;
  display: inline-block
}

.user-admin.profile-page .part-wrap .part ul li.edit .ms-profile-field:after,.user-admin.profile-page .part-wrap .part ul li.edit .ms-profile-field:before {
  content: '';
  position: absolute;
  top: -1px;
  right: 4px;
  opacity: .4;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 100%;
  background: url(../image/edit.svg) center/12px auto no-repeat
}

.user-admin.profile-page .part-wrap .part ul li.edit .ms-profile-field:hover {
  cursor: pointer;
  background: rgba(0,0,0,.1);
  text-decoration: underline
}

.user-admin.profile-page .part-wrap .part ul li.edit .input-wrap {
  display: none;
  position: relative
}

.user-admin.profile-page .part-wrap .part ul li.edit .input-wrap:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(100% + 8px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border-radius: 3px
}

.user-admin.profile-page .part-wrap .part ul li.edit .input-wrap input,.user-admin.profile-page .part-wrap .part ul li.edit .input-wrap textarea {
  width: 100%;
  outline: 0;
  border: none;
  background: #fff;
  padding: 0 8px
}

.user-admin.profile-page .part-wrap .part ul li.edit .input-wrap textarea {
  overflow: hidden;
  border-radius: 3px;
  width: 136px;
  max-width: 136px;
  min-width: 136px;
  height: 40px;
  max-height: 40px;
  min-height: 40px
}

.user-admin.profile-page .part-wrap .part ul li.edit .input-wrap .done-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -14px 0 0 6px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 100%;
  background: url(../image/edit.svg) center/12px auto no-repeat
}

.user-admin.profile-page .part-wrap .part ul li.active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  margin: -2px 0 0 -10px;
  background: url(../image/li-point-active.svg) center no-repeat
}

.user-admin.profile-page .part-wrap ul {
  list-style: none
}

.user-admin.profile-page .elements {
  min-height: 780px
}

.user-admin.profile-page .elements .elem-1 {
  top: 0;
  width: 58vw;
  margin: 20vh 0 0 -9vw
}

.user-admin.profile-page .elements .elem-2 {
  width: 27vw;
  margin: 29vh 0 0 11vw
}

.user-admin.profile-page .elements .elem-3 {
  width: 25vw;
  margin: 55vh 0 0 -21vw
}

.user-admin.profile-page .elements .elem-4 {
  width: 3vw;
  margin: 23vh 0 0 -37vw
}

.user-admin.profile-page .elements .elem-5 {
  width: 5vw;
  margin: 4vw 0 0 -24vw
}

.user-admin.profile-page .elements .elem-6 {
  width: 12vw;
  margin: -7vw 0 0 16vw
}

@media only screen and (min-width: 641px) {
  .user-admin.profile-page .part-wrap {
    display:-webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .user-admin.profile-page .part-wrap .part {
    width: 50%;
    padding: 0 4vw 0 0
  }

  .user-admin.profile-page .elements .elem-1 {
    top: 50%;
    width: 34vw;
    margin: -3vh 0 0 1vw
  }

  .user-admin.profile-page .elements .elem-2 {
    width: 10vw;
    margin: 17vh 0 0 -16vw
  }

  .user-admin.profile-page .elements .elem-3 {
    width: 11vw;
    margin: 34vh 0 0 -25vw
  }

  .user-admin.profile-page .elements .elem-6 {
    width: 5vw;
    margin: 6vw 0 0 42vw
  }
}

.user-admin.calendar-page .content-holder,.user-admin.task-list .content-holder {
  background: url(../image/bg/bg3-violet.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 78vh no-repeat,url(../image/bg/bg4-violet.svg) 2vw calc(200px + 30vh)/auto 19vw no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-list .items {
  margin: calc(20px + 3vh) 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.task-list .items .item {
  position: relative;
  width: 100%;
  margin: 0 0 12px;
  border-radius: 16px 8px 17px 15px;
  padding: calc(58px + 2vh) 32px calc(36px + 4vh);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  -webkit-transition: color .1s;
  transition: color .1s;
  text-align: center;
  text-decoration: none;
  color: #8f8e8d
}

.user-admin.task-list .items .item:after,.user-admin.task-list .items .item:before {
  z-index: 1;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.user-admin.task-list .items .item:before {
  background: url(../image/tasks/list/gray/1.png) 0 0/auto 28px no-repeat,url(../image/tasks/list/gray/2.png) 100% 0/auto 18px no-repeat
}

.user-admin.task-list .items .item:after {
  background: url(../image/tasks/list/gray/3.png) 0 100%/auto 30px no-repeat,url(../image/tasks/list/gray/4.png) 100% 100%/auto 24px no-repeat
}

.user-admin.game-page .standard-style .sidebar,.user-admin.task-list .items .item .ico-new.new-task p,.user-admin.task-list .items .item.disabled.done-task .ico-new p.done-text,.user-admin.task-list .items .item.disabled.next-task .ico-new p.next-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.user-admin.task-list .items .item:not(.disabled) .bg {
  background: url(../image/tasks/list/violet/1_2.png) 0 0/8px auto repeat-y,url(../image/tasks/list/violet/2_1.png) 100% 0/3px auto repeat-y,url(../image/tasks/list/violet/1_1.png) 0 0/auto 4px repeat-x,url(../image/tasks/list/violet/3_1.png) 0 100%/auto 9px repeat-x
}

.user-admin.task-list .items .item:not(.disabled):before {
  background: url(../image/tasks/list/violet/1.png) 0 0/auto 28px no-repeat,url(../image/tasks/list/violet/2.png) 100% 0/auto 18px no-repeat
}

.user-admin.task-list .items .item:not(.disabled):after {
  background: url(../image/tasks/list/violet/3.png) 0 100%/auto 30px no-repeat,url(../image/tasks/list/violet/4.png) 100% 100%/auto 24px no-repeat
}

.blue-theme .sidebar .langs-wrap .langs-box li a,.blue-theme .sidebar .menu .submenu li a,.blue-theme .sidebar .user-info .text-wrap .user-menu li a,.blue-theme .sidebar .user-info .text-wrap span,.blue-theme.colorful-theme .breadcrumbs ol li a,.blue-theme.colorful-theme .breadcrumbs ol li span,.blue-theme.colorful-theme .content-wrap h2,.green-theme .sidebar .langs-wrap .langs-box li a,.green-theme .sidebar .menu .submenu li a,.green-theme .sidebar .user-info .text-wrap .user-menu li a,.green-theme .sidebar .user-info .text-wrap span,.green-theme.colorful-theme .breadcrumbs ol li a,.green-theme.colorful-theme .breadcrumbs ol li span,.green-theme.colorful-theme .content-wrap h2,.orange-theme .sidebar .langs-wrap .langs-box li a,.orange-theme .sidebar .menu .submenu li a,.orange-theme .sidebar .user-info .text-wrap .user-menu li a,.orange-theme .sidebar .user-info .text-wrap span,.orange-theme.colorful-theme .breadcrumbs ol li a,.orange-theme.colorful-theme .breadcrumbs ol li span,.orange-theme.colorful-theme .content-wrap h2,.pink-theme.colorful-theme .breadcrumbs ol li a,.pink-theme.colorful-theme .breadcrumbs ol li span,.pink-theme.colorful-theme .content-wrap h2,.user-admin .success-page .show-example-wrap .show-example,.user-admin .success-page .show-example-wrap .val,.user-admin.notifications-page .tab-content .ms-message-detail-info .ms-attachments .ms-attachment a,.user-admin.task-list .items .item:not(.disabled):hover,.user-admin.task-list.blue-theme .items .item .date,.user-admin.task-list.blue-theme .items .item .ico-new p,.user-admin.task-list.blue-theme .items .item:not(.disabled):hover,.user-admin.task-list.green-theme .items .item .ico-new p,.user-admin.task-list.green-theme .items .item:not(.disabled) .date,.user-admin.task-list.green-theme .items .item:not(.disabled):hover,.user-admin.task-list.orange-theme .items .item .date,.user-admin.task-list.orange-theme .items .item .ico-new p,.user-admin.task-list.orange-theme .items .item:not(.disabled):hover,.user-admin.task-list.pink-theme .items .item:not(.disabled):hover,.violet-theme.colorful-theme .breadcrumbs ol li a,.violet-theme.colorful-theme .breadcrumbs ol li span,.violet-theme.colorful-theme .content-wrap h2 {
  color: #fff
}

.user-admin.task-list .items .item .bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px 8px 17px 15px;
  background: url(../image/tasks/list/gray/1_2.png) 0 0/8px auto repeat-y,url(../image/tasks/list/gray/2_1.png) 100% 0/3px auto repeat-y,url(../image/tasks/list/gray/1_1.png) 0 0/auto 4px repeat-x,url(../image/tasks/list/gray/3_1.png) 0 100%/auto 9px repeat-x
}

.user-admin.task-list .items .item .bg span {
  display: block;
  -webkit-transition: background .1s;
  transition: background .1s;
  position: relative;
  width: calc(100% - 9px);
  height: calc(100% - 11px);
  margin: 3px 0 0 7px;
  border-radius: 5px
}

.user-admin.task-list .items .item .ico-new {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0 0 12px;
  height: 74px
}

.user-admin.task-list .items .item .ico-new p {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 7px;
  color: #7c6eb0;
  font-size: 20px
}

.user-admin .app-modal-send-message .ms-attachment-box .fileinput-button #ms-attachment-file-upload,.user-admin.task-list .items .item .ico-new svg {
  height: 100%
}

.user-admin.task-list .items .item .ico-new svg path,.user-admin.task-list.pink-theme .items .item:not(.disabled) .date svg path {
  fill: #fff243
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .input-style-wrap,.user-admin.task-list .items .item .wrap {
  z-index: 2;
  position: relative
}

.user-admin.task-list .items .item .title {
  margin: 0 0 10px;
  font-size: 26px
}

.user-admin.task-list .items .item .number {
  font-size: 32px
}

.user-admin.task-list .items .item .number span {
  display: block;
  margin: 0 0 6px;
  font-size: 18px;
  text-transform: lowercase
}

.user-admin.task-list .items .item .date {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: 106px;
  height: 58px;
  margin: -4px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff
}

.user-admin.task-list .items .item .date svg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.user-admin.task-list .items .item .date svg path {
  fill: #afaeae
}

.user-admin.task-list .archive-link {
  margin: 30px 0 0;
  display: inline-block;
  text-decoration: none;
  font-size: 20px
}

.abacoin-history-table table,.user-admin .success-page .elements img,.user-admin.task-list .elements img {
  max-width: 100%
}

.user-admin.task-list .elements .elem:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1732px;
  height: 2515px;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: url(../image/path/path2-violet.png) center/auto 100% no-repeat
}

.user-admin.task-list .elements .elem-2 {
  display: none;
  top: 0;
  width: 18vw;
  margin: 17vh 0 0 -52vw
}

.user-admin.task-list .elements .elem-2:after {
  margin: 594px 0 0 -688px
}

.user-admin.task-list .elements .elem-2 img {
  visibility: hidden
}

.user-admin.task-list .elements .elem-3:after {
  margin: 92px 0 0 -866px
}

.user-admin.task-list .elements .elem-4 {
  top: 0;
  width: 8vw;
  margin: 17vh 0 0 26vw
}

.user-admin .success-page .elements .elem-4:after,.user-admin.task-list .elements .elem-4:after {
  margin: 512px 0 0 -742px
}

.user-admin.task-list .elements .elem-6:after {
  margin: 340px 0 0 -812px
}

.user-admin .success-page .elements .elem-7:after,.user-admin.task-list .elements .elem-7:after {
  margin: 410px 0 0 -782px
}

.user-admin.calendar-page.blue-theme .content-holder,.user-admin.task-list.blue-theme .content-holder {
  background: url(../image/bg/bg3-blue.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 78vh no-repeat,url(../image/bg/bg4-blue.svg) 2vw calc(200px + 30vh)/auto 19vw no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-list.blue-theme .items .item:not(.disabled) .bg {
  background: url(../image/tasks/list/blue/1_2.png) 0 0/8px auto repeat-y,url(../image/tasks/list/blue/2_1.png) 100% 0/3px auto repeat-y,url(../image/tasks/list/blue/1_1.png) 0 0/auto 4px repeat-x,url(../image/tasks/list/blue/3_1.png) 0 100%/auto 9px repeat-x
}

.user-admin.task-list.blue-theme .items .item:not(.disabled):before {
  background: url(../image/tasks/list/blue/1.png) 0 0/auto 28px no-repeat,url(../image/tasks/list/blue/2.png) 100% 0/auto 18px no-repeat
}

.user-admin.task-list.blue-theme .items .item:not(.disabled):after {
  background: url(../image/tasks/list/blue/3.png) 0 100%/auto 30px no-repeat,url(../image/tasks/list/blue/4.png) 100% 100%/auto 24px no-repeat
}

.user-admin.task-list.blue-theme .elements .elem:after {
  background: url(../image/path/path2-blue.png) center/auto 100% no-repeat
}

.user-admin.calendar-page.green-theme .content-holder,.user-admin.task-list.green-theme .content-holder {
  background: url(../image/bg/bg3-green.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 78vh no-repeat,url(../image/bg/bg4-green.svg) 2vw calc(200px + 30vh)/auto 19vw no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-list.green-theme .items .item:not(.disabled) .bg {
  background: url(../image/tasks/list/green/1_2.png) 0 0/8px auto repeat-y,url(../image/tasks/list/green/2_1.png) 100% 0/3px auto repeat-y,url(../image/tasks/list/green/1_1.png) 0 0/auto 4px repeat-x,url(../image/tasks/list/green/3_1.png) 0 100%/auto 9px repeat-x
}

.user-admin.task-list.green-theme .items .item:not(.disabled):before {
  background: url(../image/tasks/list/green/1.png) 0 0/auto 28px no-repeat,url(../image/tasks/list/green/2.png) 100% 0/auto 18px no-repeat
}

.user-admin.task-list.green-theme .items .item:not(.disabled):after {
  background: url(../image/tasks/list/green/3.png) 0 100%/auto 30px no-repeat,url(../image/tasks/list/green/4.png) 100% 100%/auto 24px no-repeat
}

.user-admin.task-list.green-theme .elements .elem:after {
  background: url(../image/path/path2-green.png) center/auto 100% no-repeat
}

.user-admin.calendar-page.orange-theme .content-holder,.user-admin.task-list.orange-theme .content-holder {
  background: url(../image/bg/bg3-orange.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 78vh no-repeat,url(../image/bg/bg4-orange.svg) 2vw calc(200px + 30vh)/auto 19vw no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-list.orange-theme .items .item:not(.disabled) .bg {
  background: url(../image/tasks/list/orange/1_2.png) 0 0/8px auto repeat-y,url(../image/tasks/list/orange/2_1.png) 100% 0/3px auto repeat-y,url(../image/tasks/list/orange/1_1.png) 0 0/auto 4px repeat-x,url(../image/tasks/list/orange/3_1.png) 0 100%/auto 9px repeat-x
}

.user-admin.task-list.orange-theme .items .item:not(.disabled):before {
  background: url(../image/tasks/list/orange/1.png) 0 0/auto 28px no-repeat,url(../image/tasks/list/orange/2.png) 100% 0/auto 18px no-repeat
}

.user-admin.task-list.orange-theme .items .item:not(.disabled):after {
  background: url(../image/tasks/list/orange/3.png) 0 100%/auto 30px no-repeat,url(../image/tasks/list/orange/4.png) 100% 100%/auto 24px no-repeat
}

.user-admin.task-list.orange-theme .elements .elem:after {
  background: url(../image/path/path2-orange.png) center/auto 100% no-repeat
}

.user-admin.calendar-page.pink-theme .content-holder,.user-admin.task-list.pink-theme .content-holder {
  background: url(../image/bg/bg3-pink.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 78vh no-repeat,url(../image/bg/bg4-pink.svg) 2vw calc(200px + 30vh)/auto 19vw no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-list.pink-theme .items .item:not(.disabled) .bg {
  background: url(../image/tasks/list/pink/1_2.png) 0 0/8px auto repeat-y,url(../image/tasks/list/pink/2_1.png) 100% 0/3px auto repeat-y,url(../image/tasks/list/pink/1_1.png) 0 0/auto 4px repeat-x,url(../image/tasks/list/pink/3_1.png) 0 100%/auto 9px repeat-x
}

.user-admin.task-list.pink-theme .items .item:not(.disabled):before {
  background: url(../image/tasks/list/pink/1.png) 0 0/auto 28px no-repeat,url(../image/tasks/list/pink/2.png) 100% 0/auto 18px no-repeat
}

.user-admin.task-list.pink-theme .items .item:not(.disabled):after {
  background: url(../image/tasks/list/pink/3.png) 0 100%/auto 30px no-repeat,url(../image/tasks/list/pink/4.png) 100% 100%/auto 24px no-repeat
}

.user-admin.task-list.pink-theme .elements .elem:after {
  background: url(../image/path/path2-pink.png) center/auto 100% no-repeat
}

@media only screen and (min-width: 481px) {
  .user-admin.task-list .items .item {
    width:calc(50% - 2vw);
    margin: 0 1vw 20px
  }
}

@media only screen and (min-width: 854px) {
  .user-admin.payment-page .payment-wrap {
    display:-webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .user-admin.payment-page .payment-wrap .balance-wrap {
    width: 25%;
    padding: 0 4vw 0 0;
    margin: 0;
    background: 0 0!important
  }

  .user-admin.payment-page .abacoins-wrap .balance-wrap {
    width: 15%
  }

  .user-admin.payment-page .payment-wrap .balance-wrap:after {
    content: '';
    position: absolute;
    top: -40px;
    right: 0;
    width: 10px;
    height: 100vh;
    background: url(../image/lines/line2-violet.svg) right top no-repeat
  }

  .user-admin.payment-page .payment-wrap .history-wrap {
    width: 75%;
    padding: 0 0 0 4vw
  }

  .user-admin.payment-page.blue-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-blue.svg) right top no-repeat
  }

  .user-admin.payment-page.green-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-green.svg) right top no-repeat
  }

  .user-admin.payment-page.orange-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-orange.svg) right top no-repeat
  }

  .user-admin.payment-page.pink-theme .payment-wrap .balance-wrap:after {
    background: url(../image/lines/line2-pink.svg) right top no-repeat
  }

  .user-admin.profile-page .part-wrap .part {
    width: 33.33334%;
    padding: 0 4vw 0 0;
    margin: 0
  }

  .user-admin.task-list .items .item {
    width: calc(33.33334% - 2vw)
  }
}

.user-admin.task-full .content-holder {
  background: url(../image/bg/bg10-violet.svg) center 18vh/auto 80% no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-full .title-wrap {
  margin: 0 0 48px
}

.user-admin.task-full .description-wrap {
  margin: 80px 0 0;
  max-width: 980px
}

.user-admin.task-full .part {
  margin: 0 0 40px;
  padding: 0 12px 40px;
  background: url(../image/lines/line4-violet.svg) -29px 100% no-repeat
}

.user-admin.task-full .part:last-child {
  margin: 0;
  padding: 0 12px;
  background: 0 0!important
}

.parts-wrap .part.part-3 .item.sample-count .input-style input,.user-admin .app-modal-send-message .modal-content,.user-admin .app-modal-send-message .modal-dialog,.user-admin.task-full .part.part-1,.user-admin.task-full .part.part-2 .active-theme span,.user-admin.task-full .part.part-3 .active-theme span,.user-admin.task-full .part.part-4 .item .holder .noUi-target,.user-admin.task-full.multiplication-full .part.part-2,.user-admin.task-full.multiplication-full .part.part-4,.user-admin.task-full.multiplication-full .parts-wrap {
  width: 100%
}

.user-admin .app-modal-send-message .ms-attachment-box,.user-admin.task-full .part.part-1 h4 {
  margin: 0 0 12px
}

.user-admin.task-full .part.part-1 .progress-examples>span {
  display: inline-block;
  font-size: 16px;
  text-transform: lowercase;
  margin: 0 26px 0 0
}

.user-admin.task-full .part.part-1 .progress-examples>span.done {
  position: relative;
  color: #7c6eb0
}

.user-admin.task-full .part.part-1 .progress-examples>span.done:after {
  content: '';
  position: absolute;
  top: 0;
  right: calc(100% + 1px);
  width: 16px;
  height: 16px;
  background: url(../image/check3.svg) center no-repeat
}

.user-admin.task-full .part.part-1 .progress-examples>span>span {
  margin: 0 4px 0 0
}

.user-admin.task-full .part.part-2 .rules-wrap {
  margin: 42px 0 0;
  text-align: right
}

.user-admin.task-full .part .button-wrap,.user-admin.task-full .part.part-2 .theme-describe {
  text-align: right
}

.user-admin.task-full .part.part-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.blue-theme.colorful-theme .sidebar,.green-theme.colorful-theme .sidebar,.orange-theme.colorful-theme .sidebar,.pink-theme.colorful-theme .sidebar,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-highlight,.user-admin.task-full .part.part-4,.violet-theme.colorful-theme .sidebar {
  background: 0 0
}

.user-admin.task-full .part.part-4 .item {
  position: relative;
  margin: 0
}

.user-admin.task-full .part.part-4 .item:first-child {
  margin: 0 0 67px
}

.user-admin.task-full .part.part-4 .item:nth-child(2) {
  margin: 0 0 80px
}

.user-admin.task-full .part.part-4 .item:nth-child(3),.user-admin.task-full.multiplication-full .range-of-numbers-box:not(:last-child) {
  margin: 0 0 40px
}

.user-admin.task-full .part.part-4 .item .holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-admin.task-full .part.part-4 label {
  margin: 0 0 30px;
  text-transform: uppercase
}

.user-admin.task-full .part.part-2 label,.user-admin.task-full .part.part-3 label {
  margin: 0 8px 0 0;
  text-align: right;
  line-height: 100%
}

.user-admin.task-full .part.part-2 .active-theme,.user-admin.task-full .part.part-3 .active-theme {
  width: 65px;
  margin: 0 0 0 8px
}

.user-admin.task-full .part.part-2 .item,.user-admin.task-full .part.part-3 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 24px
}

.user-admin.task-full .part.part-2 .item .noUi-target,.user-admin.task-full .part.part-3 .item .noUi-target {
  margin: 0 0 0 20px
}

.user-admin.task-full .part .image {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5vw 0 0;
  width: 16vw;
  height: 16vw
}

.user-admin.modal-open .app-modal-send-message>*,.user-admin.modal-open .app-modal-user_agreement>*,.user-admin.notifications-page .tab-content .notification-info.active-message,.user-admin.notifications-page .tab-content .notification-info.ms-unread-message,.user-admin.task-full .part .image.type-1 img:first-child,.user-admin.task-full .part .image.type-2 img:nth-child(2),.user-admin.task-full .part .image.type-3 img:nth-child(3),.user-admin.task-full .part .image.type-4 img:nth-child(4),.user-admin.task-full .part .image.type-5 img:nth-child(5) {
  opacity: 1
}

.user-admin.task-full .part .image img {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.user-admin.calendar-page .calendar-content .calendar-wrap,.user-admin.task-full .part .button-wrap .button {
  margin: 30px 0 0
}

.user-admin.flash-full .part .button-wrap,.user-admin.flash-full .part.part-2 .item label,.user-admin.task-full.multiplication-full .multiplication .part .button-wrap {
  text-align: left
}

.user-admin.task-full.multiplication-full .multiplication .part .button-wrap .button {
  margin: 60px 0 0
}

.user-admin.task-full.multiplication-full .multiplication .part-2 .item .active-theme {
  width: auto;
  max-width: 100%;
  margin: 12px 0 0
}

.user-admin.task-full .progress-wrap span,.user-admin.task-full.multiplication-full .range-wrap span {
  pointer-events: none;
  cursor: pointer;
  position: relative;
  padding: 3px 0 0 calc(28px + 12px);
  margin: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
  font-size: 26px
}

.user-admin.task-full .progress-wrap span:not(:last-child),.user-admin.task-full.multiplication-full .range-wrap span:not(:last-child) {
  margin: 5px 40px 5px 0
}

.user-admin.task-full .progress-wrap span.selected:after,.user-admin.task-full.multiplication-full .range-wrap span.selected:after {
  background: url(../image/check-active-violet.svg) center no-repeat
}

.user-admin.task-full .progress-wrap span:after,.user-admin.task-full.multiplication-full .range-wrap span:after {
  content: '';
  position: absolute;
  top: calc(50% - 14px);
  left: 0;
  width: 28px;
  height: 28px;
  background: url(../image/check-disactive.svg) center no-repeat
}

.user-admin.task-full.multiplication-full .elements .elem.elem-2 {
  width: 80px;
  margin: 96px 0 0 -120px;
  top: 0;
  left: 100%
}

.user-admin.task-full.multiplication-full .part-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (min-width: 854px) {
  .user-admin.task-full.multiplication-full .parts-wrap {
    -webkit-box-pack:start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .user-admin.task-full.multiplication-full .part.part-2 {
    width: 250px
  }

  .user-admin.task-full.multiplication-full .part.part-4 {
    padding: 0 12px;
    width: calc(100% - 250px)
  }

  .user-admin.task-full.multiplication-full .elements .elem.elem-1 {
    display: block;
    margin: -30vw 0 0 -30vw;
    width: 60vw;
    top: 94%;
    left: 92%
  }

  .user-admin.task-full.multiplication-full .elements .elem.elem-2 {
    width: 8vw;
    margin: -4vw 0 0 -4vw;
    top: 88%;
    left: 46%
  }

  .user-admin.task-full.multiplication-full.training-full .part.part-4 {
    padding: 0 0 0 5vw
  }

  .user-admin.task-full.multiplication-full.training-full .parts-wrap {
    padding: 0
  }
}

@media only screen and (min-width: 854px) and (max-width:1260px) {
  .user-admin.task-full.multiplication-full .part-holder .part.part-1 {
    width:140px
  }

  .user-admin.task-full.multiplication-full .part-holder .parts-wrap {
    padding: 0 0 0 5vw;
    width: calc(100% - 140px)
  }

  .user-admin.task-full.multiplication-full .part-holder .parts-wrap .part.part-2,.user-admin.task-full.multiplication-full .part-holder .parts-wrap .part.part-4 {
    width: 100%
  }
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap.active,.user-admin.task-full.multiplication-full.training-full .range-wrap span {
  pointer-events: all
}

.user-admin.task-full .app-modal-send-message {
  overflow: hidden;
  padding: 25px 15px 15px!important;
  max-width: 900px
}

.user-admin.task-full .app-modal-send-message .modal-body {
  padding: 50px 6vw 30px
}

.app-modal-user_agreement .scroll-holder,.user-admin.task-full .app-modal-send-message .scroll-holder {
  overflow: auto;
  height: 100%;
  width: calc(100% + 200px);
  padding: 0 200px 0 0;
  position: relative;
  max-height: calc(100vh - 8vw);
  min-height: 50%;
  background: url(../image/bg/bg8-violet.svg) 1vw 30px/53px auto no-repeat,url(../image/bg/bg9-violet.svg) calc(100% - 200px - 1vw) 100px/70px auto no-repeat
}

.user-admin.task-full .app-modal-send-message .close {
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 30px 30px 0 0;
  line-height: 100%;
  color: #7c6eb0;
  font-size: 40px
}

.user-admin.task-full.blue-theme .content-holder {
  background: url(../image/bg/bg10-blue.svg) center 18vh/auto 80% no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-full.blue-theme .part {
  background: url(../image/lines/line4-blue.svg) -29px 100% no-repeat
}

.user-admin.task-full.blue-theme .part.part-1 .progress-examples>span.done:after {
  background: url(../image/check3-blue.svg) center no-repeat
}

.user-admin.task-full.blue-theme.multiplication-full .range-wrap span.selected:after {
  background: url(../image/check-active-blue.svg) center no-repeat
}

.user-admin.task-full.green-theme .content-holder {
  background: url(../image/bg/bg10-green.svg) center 18vh/auto 80% no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-full.green-theme .part {
  background: url(../image/lines/line4-green.svg) -29px 100% no-repeat
}

.user-admin.task-full.green-theme .part.part-1 .progress-examples>span.done:after {
  background: url(../image/check3-green.svg) center no-repeat
}

.user-admin.task-full.green-theme .app-modal-send-message .scroll-holder,.user-admin.task-full.green-theme .app-modal-user_agreement .scroll-holder {
  background: url(../image/bg/bg8-green.svg) 1vw 30px/53px auto no-repeat,url(../image/bg/bg9-green.svg) calc(100% - 200px - 1vw) 100px/70px auto no-repeat
}

.user-admin.task-full.green-theme.multiplication-full .range-wrap span.selected:after {
  background: url(../image/check-active-green.svg) center no-repeat
}

.user-admin.task-full.orange-theme .content-holder {
  background: url(../image/bg/bg10-orange.svg) center 18vh/auto 80% no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-full.orange-theme .part {
  background: url(../image/lines/line4-orange.svg) -29px 100% no-repeat
}

.user-admin.task-full.orange-theme .part.part-1 .progress-examples>span.done:after {
  background: url(../image/check3-orange.svg) center no-repeat
}

.user-admin.task-full.orange-theme .app-modal-send-message .scroll-holder,.user-admin.task-full.orange-theme .app-modal-user_agreement .scroll-holder {
  background: url(../image/bg/bg8-orange.svg) 1vw 30px/53px auto no-repeat,url(../image/bg/bg9-orange.svg) calc(100% - 200px - 1vw) 100px/70px auto no-repeat
}

.user-admin.task-full.orange-theme.multiplication-full .range-wrap span.selected:after {
  background: url(../image/check-active-orange.svg) center no-repeat
}

.user-admin.task-full.pink-theme .content-holder {
  background: url(../image/bg/bg10-pink.svg) center 18vh/auto 80% no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.task-full.pink-theme .part {
  background: url(../image/lines/line4-pink.svg) -29px 100% no-repeat
}

.user-admin.task-full.pink-theme .part.part-1 .progress-examples>span.done:after {
  background: url(../image/check3-pink.svg) center no-repeat
}

.user-admin.task-full.pink-theme.multiplication-full .range-wrap span.selected:after {
  background: url(../image/check-active-pink.svg) center no-repeat
}

@media only screen and (min-width: 641px) {
  .user-admin.task-full .part.part-4 .item {
    padding:0 calc(16vw + 20px) 0 0
  }

  .user-admin.task-full .part .image {
    display: block
  }
}

@media only screen and (min-width: 854px) {
  .user-admin.task-full .parts-wrap {
    display:-webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .user-admin.task-full .parts-wrap .part {
    width: 33.33334%
  }

  .user-admin.task-full .part {
    background: 0 0!important
  }

  .user-admin.task-full .part:last-child {
    padding: 0 2vw
  }

  .user-admin.task-full .part.part-1 {
    width: calc(100% - 220px - 260px)
  }

  .user-admin.task-full .part.part-1 h4 {
    margin: 0 0 26px
  }

  .user-admin.task-full .part.part-1 .progress-examples>span {
    display: block;
    margin: 0 0 16px
  }

  .user-admin.task-full .part.part-2 {
    width: 220px
  }

  .user-admin.task-full .part.part-3 {
    width: 260px
  }

  .user-admin.task-full .part.part-4 {
    padding: 0;
    width: 100%;
    background: url(../image/lines/line4-violet.svg) -29px 100% no-repeat
  }

  .user-admin.task-full .part.part-4 .item {
    padding: 0 12vw 0 0
  }

  .user-admin.task-full .part.part-4 .item .holder .input-style {
    display: inline-block;
    margin: 0 20px 0 0
  }

  .user-admin.task-full .part.part-4 .item .holder .input-style input {
    width: 80px;
    padding: 8px 10px 8px 20px
  }

  .user-admin.task-full .part.part-4 .item .holder .noUi-target {
    width: calc(100% - 80px - 24px)
  }

  .user-admin.task-full .part .image {
    margin: -2.6vw 0 0;
    width: 10vw;
    height: 10vw
  }

  .user-admin.task-full .app-modal-send-message {
    width: 90%
  }

  .user-admin.task-full.training-full .parts-wrap {
    padding: 0 0 0 5vw
  }
}

.user-admin.task-full.training-full .part.part-2 label,.user-admin.task-full.training-full .part.part-3 label {
  width: calc(100% - 65px - 8px - 8px)
}

.user-admin.task-full.training-full .part.part-2 label.handle-label,.user-admin.task-full.training-full .part.part-3 label.handle-label {
  width: calc(100% - 50px - 8px - 20px)
}

.user-admin.archive-list .table-container {
  margin: calc(20px + 3vh) 0 0
}

.user-admin.flash-page,.user-admin.game-page {
  background-image: url(../image/bg/bg5-violet.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .example-wrap {
  padding: 2vh 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 22vw
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .example-wrap .val {
  margin: 0 2vw;
  font-size: 14vw
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .example-wrap .val.equals {
  width: 100%;
  margin: -4vw 0 0
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap {
  pointer-events: none;
  display: block;
  position: relative;
  background: 0 0;
  width: 40px;
  height: 40px;
  margin: -8px auto 14px;
  overflow: hidden;
  border-radius: 100%
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap.active:before {
  background: url(../image/answer/answer1-violet.svg) center/100% auto no-repeat
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap.active:after {
  background: url(../image/answer/answer2-violet.svg) center/100% auto no-repeat
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap:before {
  background: url(../image/answer/answer1-gray.svg) center/100% auto no-repeat
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap:after {
  background: url(../image/answer/answer2-gray.svg) center/100% auto no-repeat
}

.user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap button {
  opacity: 0;
  width: 100%;
  height: 100%
}

.user-admin.game-page.game-page-multiplication .result-wrap .error {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: -16px 0 14px;
  color: red;
  text-align: center
}

.user-admin.game-page.game-page-multiplication .result-wrap .sample .input-style.error-animation {
  -webkit-animation-name: error;
  animation-name: error;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}

.user-admin.game-page.game-page-multiplication .result-wrap .btn-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2vh 0 0
}

@media only screen and (min-width: 854px) {
  .user-admin.game-page.game-page-multiplication .result-wrap {
    padding:0 54px
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .sample {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .input-style-wrap label {
    display: block
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .example-wrap {
    font-size: 22vh
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .example-wrap .val {
    font-size: 10vh
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .example-wrap .val.equals {
    width: auto;
    margin: 0 2vw
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap {
    position: absolute;
    top: calc(50% + 5px);
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    margin: 0 0 1.6vh 1vw
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .error {
    position: absolute;
    padding: 0 9px 0 0;
    margin: 0;
    text-align: right
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .elements.elements-result .elem-2 {
    width: 21vw;
    margin: 0 0 -11vw -35vw
  }
}

.user-admin.game-page .standard-style .content-wrap {
  height: auto
}

.user-admin.game-page .content-wrap.enter-result .ms-task-game-block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto
}

.hide,.user-admin.game-page .content-wrap.enter-result .action-wrap {
  display: none!important
}

.user-admin.game-page .result-wrap {
  margin: auto;
  padding: 38px 0 30px
}

.user-admin.game-page .ms-task-game-block {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-admin.game-page .ms-task-game-block.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh
}

.user-admin.game-page .ms-task-game-block.dual-screen .action-wrap.double-action {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.user-admin.game-page .ms-task-game-block.dual-screen .action-wrap.double-action:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 100vh;
  background: url(../image/lines/line2-violet.svg) right center no-repeat
}

.user-admin.game-page .buttonn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.game-page .buttonn-wrap .button {
  margin: 6px
}

.user-admin.flash-page .back:before,.user-admin.game-page .back:before {
  background: url(../image/back/back1-violet.svg) center/100% auto no-repeat
}

.user-admin.flash-page .back:after,.user-admin.game-page .back:after {
  background: url(../image/back/back2-violet.svg) center/100% auto no-repeat
}

.user-admin.game-page .action-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.user-admin.game-page .action-wrap .holder {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.user-admin .wrong-page .wrong-wrap,.user-admin.game-page .start-game-wrap .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.user-admin.game-page .action-wrap .holder .number {
  font-size: 20vh;
  font-family: 'Libre Franklin',sans-serif;
  color: #6d6d6d
}

.user-admin.game-page .start-game-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.user-admin.game-page .start-game-wrap .wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-admin.game-page .start-game-wrap .wrap .title-sound {
  margin: 0;
  font-size: 45px
}

.user-admin.game-page .start-game-wrap .wrap #param-sound {
  margin: calc(20px + 2vh) 0 calc(30px + 8vh)
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound svg {
  position: absolute;
  top: 0;
  left: 0
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound svg path {
  fill: #bdbdbd
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound svg:first-child {
  margin: -112px 0 0 22px
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound svg:nth-child(2) {
  margin: 60px 0 0 -70px
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound svg:nth-child(3) {
  margin: 30px 0 0 160px
}

.user-admin.game-page .start-game-wrap .wrap .ico-sound svg:nth-child(4) {
  margin: 128px 0 0 104px
}

.user-admin.game-page .before-start {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 0 0 -25px;
  width: 50px;
  height: 50px
}

.user-admin.game-page .before-start svg {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  margin: -11.5vw 0 0 -23.6vw;
  width: 48vw;
  height: 17.9vw;
  -webkit-animation-name: loader;
  animation-name: loader;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.user-admin.game-page .before-start .val {
  display: block;
  margin: -4vw 0 0;
  font-size: 12vw;
  color: #7c6eb0
}

.user-admin.game-page .before-start .before-text {
  position: absolute;
  bottom: calc(100% + 10vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 5vw;
  white-space: nowrap
}

.user-admin.game-page .result-wrap .game-form.loading {
  opacity: .5;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.user-admin.game-page .result-wrap .game-form.loading .input-wrap input[name=result-second],.user-admin.game-page .result-wrap .game-form.loading .input-wrap input[name=result] {
  color: transparent;
  text-shadow: 0 0 0 #7c6eb0
}

.user-admin .wrong-page .wrong-wrap .text-wrap,.user-admin.game-page .result-wrap .game-form .input-wrap {
  position: relative;
  text-align: center
}

.user-admin.game-page .result-wrap .game-form .input-wrap .input-style {
  margin: 0 .5vw 23px
}

.user-admin.game-page .result-wrap .game-form .input-wrap input[name=result-second],.user-admin.game-page .result-wrap .game-form .input-wrap input[name=result] {
  padding: 14px 12px;
  height: 20vh;
  min-height: 100px;
  width: 50vw;
  min-width: 220px;
  max-width: 400px;
  text-align: center;
  font-size: 12vh;
  color: #7c6eb0
}

.user-admin.game-page .result-wrap .game-form .input-wrap svg {
  position: absolute;
  top: 50%;
  right: 100%;
  max-width: 7vw;
  margin: -3vw 28px 0 0
}

.user-admin.game-page .result-wrap .not-know {
  margin: 22px 0 0;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  text-decoration: none;
  color: #8f8e8d
}

.user-admin.game-page .result-wrap .elements.elements-result .elem-1 {
  width: 24vw;
  margin: -48vh 0 0 -48vw
}

.user-admin.game-page .result-wrap .elements.elements-result .elem-2 {
  top: auto;
  bottom: 0;
  width: 52vw;
  margin: 0 0 -45vw -25vw
}

.user-admin.game-page.blue-theme,.user-admin.pass-page.blue-theme {
  background-image: url(../image/bg/bg5-blue.svg)
}

.user-admin.game-page.blue-theme .ms-task-game-block.dual-screen .action-wrap.double-action:after {
  background: url(../image/lines/line2-blue.svg) right center no-repeat
}

.user-admin.game-page.blue-theme .back:before {
  background: url(../image/back/back1-blue.svg) center/100% auto no-repeat
}

.user-admin.game-page.blue-theme .back:after {
  background: url(../image/back/back2-blue.svg) center/100% auto no-repeat
}

.user-admin.game-page.blue-theme .result-wrap .game-form.loading.input-wrap input[name=result-second],.user-admin.game-page.blue-theme .result-wrap .game-form.loading.input-wrap input[name=result] {
  text-shadow: 0 0 0 #3aadc6
}

.user-admin.game-page.blue-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:before {
  background: url(../image/answer/answer1-blue.svg) center/100% auto no-repeat
}

.user-admin.game-page.blue-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:after {
  background: url(../image/answer/answer2-blue.svg) center/100% auto no-repeat
}

.user-admin.game-page.green-theme,.user-admin.pass-page.green-theme {
  background-image: url(../image/bg/bg5-green.svg)
}

.user-admin.game-page.green-theme .ms-task-game-block.dual-screen .action-wrap.double-action:after {
  background: url(../image/lines/line2-green.svg) right center no-repeat
}

.user-admin.game-page.green-theme .back:before {
  background: url(../image/back/back1-green.svg) center/100% auto no-repeat
}

.user-admin.game-page.green-theme .back:after {
  background: url(../image/back/back2-green.svg) center/100% auto no-repeat
}

.user-admin.game-page.green-theme .result-wrap .game-form.loading.input-wrap input[name=result-second],.user-admin.game-page.green-theme .result-wrap .game-form.loading.input-wrap input[name=result] {
  text-shadow: 0 0 0 #95b421
}

.user-admin.game-page.green-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:before {
  background: url(../image/answer/answer1-green.svg) center/100% auto no-repeat
}

.user-admin.game-page.green-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:after {
  background: url(../image/answer/answer2-green.svg) center/100% auto no-repeat
}

.user-admin.game-page.orange-theme,.user-admin.pass-page.orange-theme {
  background-image: url(../image/bg/bg5-orange.svg)
}

.user-admin.game-page.orange-theme .ms-task-game-block.dual-screen .action-wrap.double-action:after {
  background: url(../image/lines/line2-orange.svg) right center no-repeat
}

.user-admin.game-page.orange-theme .back:before {
  background: url(../image/back/back1-orange.svg) center/100% auto no-repeat
}

.user-admin.game-page.orange-theme .back:after {
  background: url(../image/back/back2-orange.svg) center/100% auto no-repeat
}

.user-admin.game-page.orange-theme .result-wrap .game-form.loading.input-wrap input[name=result-second],.user-admin.game-page.orange-theme .result-wrap .game-form.loading.input-wrap input[name=result] {
  text-shadow: 0 0 0 #f9b000
}

.user-admin.game-page.orange-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:before {
  background: url(../image/answer/answer1-orange.svg) center/100% auto no-repeat
}

.user-admin.game-page.orange-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:after {
  background: url(../image/answer/answer2-orange.svg) center/100% auto no-repeat
}

.user-admin.game-page.pink-theme,.user-admin.pass-page.pink-theme {
  background-image: url(../image/bg/bg5-pink.svg)
}

.user-admin.game-page.pink-theme .ms-task-game-block.dual-screen .action-wrap.double-action:after {
  background: url(../image/lines/line2-pink.svg) right center no-repeat
}

.user-admin.game-page.pink-theme .back:before {
  background: url(../image/back/back1-pink.svg) center/100% auto no-repeat
}

.user-admin.game-page.pink-theme .back:after {
  background: url(../image/back/back2-pink.svg) center/100% auto no-repeat
}

.user-admin.game-page.pink-theme .result-wrap .game-form.loading.input-wrap input[name=result-second],.user-admin.game-page.pink-theme .result-wrap .game-form.loading.input-wrap input[name=result] {
  text-shadow: 0 0 0 #e84272
}

.user-admin.game-page.pink-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:before {
  background: url(../image/answer/answer1-pink.svg) center/100% auto no-repeat
}

.user-admin.game-page.pink-theme.game-page-multiplication .game-form .input-wrap .button-wrap.active:after {
  background: url(../image/answer/answer2-pink.svg) center/100% auto no-repeat
}

.user-admin .wrong-page .wrong-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20vh 0 0
}

.user-admin .wrong-page .wrong-wrap .text-wrap svg {
  display: inline-block;
  margin: 0 0 22px;
  width: auto;
  height: 95px
}

.user-admin .wrong-page .wrong-wrap .text-wrap h3 {
  margin: 0 0 5vw;
  font-size: 15vw;
  line-height: 85%;
  text-transform: uppercase;
  font-family: MOVSKATE-Deck;
  color: #7c6eb0
}

.user-admin .wrong-page .elements .elem-1 {
  width: 47vw;
  margin: 4vh 0 0 -67vw
}

.user-admin .wrong-page .elements .elem-2 {
  width: 22vw;
  margin: 33vh 0 0 35vw
}

.user-admin .wrong-page .elements .elem-3 {
  top: 0;
  width: 64vw;
  margin: 13vh 0 0 31vw
}

@media only screen and (min-width: 641px) {
  .user-admin .wrong-page .wrong-wrap .text-wrap h3 {
    margin:0 0 4vw;
    font-size: 11vw
  }

  .user-admin .wrong-page .elements .elem-1 {
    width: 30vw;
    margin: 17vh 0 0 -51vw
  }

  .user-admin .wrong-page .elements .elem-2 {
    width: 19vw;
    margin: 26vh 0 0 30vw
  }

  .user-admin .wrong-page .elements .elem-3 {
    width: 62vw;
    margin: 11vh 0 0 33vw
  }
}

@media only screen and (min-width: 854px) {
  .user-admin.game-page .start-game-wrap .wrap .title-sound {
    font-size:3vw
  }

  .user-admin.game-page .start-game-wrap .wrap .ico-sound svg:nth-child(2) {
    margin: 90px 0 0 -140px
  }

  .user-admin.game-page .start-game-wrap .wrap .ico-sound svg:nth-child(3) {
    margin: -54px 0 0 238px
  }

  .user-admin.game-page .start-game-wrap .wrap .ico-sound svg:nth-child(4) {
    margin: 127px 0 0 213px
  }

  .user-admin.game-page .before-start svg {
    margin: -5.5vw 0 0 -13.8vw;
    width: 28vw;
    height: 10.5vw
  }

  .user-admin.game-page .before-start .before-text {
    bottom: calc(100% + 6vw);
    font-size: 3vw
  }

  .user-admin.game-page .before-start .val {
    margin: 0;
    font-size: 6vw
  }

  .user-admin.game-page .result-wrap {
    margin: -16vh 0 0;
    padding: 0
  }

  .user-admin.game-page .result-wrap .game-form .input-wrap input[name=result-second],.user-admin.game-page .result-wrap .game-form .input-wrap input[name=result] {
    width: 40vh;
    min-width: auto;
    max-width: none
  }

  .user-admin.game-page .result-wrap.second-style .elements.elements-result .elem-1 {
    margin: -14vh 0 0 20vw
  }

  .user-admin.game-page .result-wrap .elements.elements-result {
    display: block
  }

  .user-admin.game-page .result-wrap .elements.elements-result .elem-1 {
    width: 20vw;
    margin: -26vh 0 0 16vw
  }

  .user-admin.game-page .result-wrap .elements.elements-result .elem-2 {
    width: 24vw;
    margin: 0 0 -12vw -36vw
  }

  .user-admin .wrong-page .wrong-wrap {
    margin: 10vh 0 0
  }
}

.user-admin .success-page .success-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 24vh 0 20px
}

.user-admin .success-page .success-wrap .text-wrap h3 {
  margin: 0 0 5vw;
  font-size: 15vw;
  line-height: 85%;
  text-transform: uppercase;
  font-family: MOVSKATE-Deck
}

.user-admin .success-page .elements .elem:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1732px;
  height: 2515px;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: url(../image/path/path1.png) center/auto 100% no-repeat
}

.user-admin .success-page .elements .elem-2 {
  top: 0;
  width: 18vw;
  margin: 17vh 0 0 -52vw
}

.user-admin .success-page .elements .elem-2:after {
  margin: 484px 0 0 -749px
}

.user-admin .success-page .elements .elem-3:after {
  margin: 102px 0 0 -858px
}

.user-admin .success-page .elements .elem-4 {
  top: 0;
  width: 20vw;
  margin: 11vh 0 0 24vw
}

.user-admin .success-page .elements .elem-5 {
  width: 84vw;
  margin: 12vh 0 0 -4vw
}

.user-admin .success-page .elements .elem-6:after {
  margin: 420px 0 0 -779px
}

@media only screen and (min-width: 641px) {
  .user-admin .success-page .success-wrap .text-wrap h3 {
    margin:0 0 4vw;
    font-size: 11vw
  }
}

@media only screen and (min-width: 854px) {
  .user-admin .success-page .success-wrap {
    margin:16vh 0 20px
  }
}

.user-admin.calendar-page table {
  max-width: none
}

.user-admin.calendar-page .calendar-content .fc-view-container {
  position: relative;
  border-radius: 30px;
  padding: 2px;
  background: url(../image/calendar/violet/1_2.png) 0 0/4px auto repeat-y,url(../image/calendar/violet/2_1.png) 100% 0/5px auto repeat-y,url(../image/calendar/violet/1_1.png) 0 0/auto 4px repeat-x,url(../image/calendar/violet/4_1.png) 0 100%/auto 4px repeat-x
}

.user-admin.calendar-page .calendar-content .fc-view-container:before {
  background: url(../image/calendar/violet/1.png) 0 0/auto 47px no-repeat,url(../image/calendar/violet/2.png) 100% 0/auto 42px no-repeat
}

.user-admin.calendar-page .calendar-content .fc-view-container:after {
  background: url(../image/calendar/violet/4.png) 0 100%/auto 41px no-repeat,url(../image/calendar/violet/3.png) 100% 100%/auto 33px no-repeat
}

.user-admin.calendar-page .calendar-content .fc-view-container.loading>.fc-view:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../image/loader/loader-violet.svg) center no-repeat;
  -webkit-animation-name: loader;
  animation-name: loader;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.user-admin.calendar-page .calendar-content .fc-view-container.loading>.fc-view>table {
  opacity: .3;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.user-admin.calendar-page .calendar-content .fc-view-container table,.user-admin.calendar-page .calendar-content .fc-view-container td,.user-admin.calendar-page .calendar-content .fc-view-container thead {
  border: 0 solid
}

.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff243;
  border-radius: 12px;
  width: 200px;
  padding: 36px 12px 20px;
  font-size: 20px;
  text-align: center;
  color: #7c6eb0
}

.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap.left-move:after {
  left: 25px
}

.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap.right-move:after {
  left: calc(100% - 40px)
}

.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap:after {
  content: '';
  position: absolute;
  top: calc(100% - 2px);
  left: calc(50% - 5px);
  border: 10px solid;
  border-color: #fff243 transparent transparent
}

.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap .popup-text {
  margin: 6px 0 0
}

.user-admin.calendar-page .calendar-content .fc-view-container .popup-wrap .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin: 8px 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 26px
}

.user-admin.calendar-page .calendar-content .filter-wrap {
  margin: 40px 0 0
}

.user-admin.calendar-page .calendar-content .filter-wrap .locations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.calendar-page .calendar-content .filter-wrap .locations label {
  margin: 0 16px 8px 0;
  line-height: 100%
}

.user-admin.calendar-page .calendar-content .filter-wrap .tabs-button {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.calendar-page .calendar-content .filter-wrap .tabs-button .checkbox-label {
  margin: 4px 18px 4px 0;
  white-space: nowrap
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center h2 {
  margin: 0 8px 3px;
  text-transform: lowercase;
  font-size: 24px
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button {
  outline: 0;
  padding: 0;
  margin: 0;
  background: 0 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 24px;
  width: 24px;
  min-width: auto;
  text-shadow: none
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button.fc-prev-button span:after {
  left: 2px;
  border-color: transparent #7c6eb0 transparent transparent
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button.fc-next-button span:after {
  left: 8px;
  border-color: transparent transparent transparent #7c6eb0
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button span {
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-center button span:after {
  content: '';
  position: absolute;
  top: 3px;
  border: 7px solid
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-time-grid-event .fc-time,.user-admin.notifications-page .tab-content .ms-message-detail-info li,.user-admin.notifications-page .tab-content .ms-message-detail-info p,.user-admin.notifications-page .tab-content .ms-message-detail-info span {
  white-space: normal
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-day-number {
  padding: 8px;
  font-size: 14px;
  color: #8f8e8d
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-month-view>table,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-view>table {
  border-radius: 30px;
  overflow: hidden;
  background: #fff
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-month-view .fc-bg td.fc-today {
  opacity: .5;
  background: url(../image/smile/smile-violet.svg) center/23% auto
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-agendaWeek-view .fc-bg td.fc-today {
  opacity: .3;
  background: url(../image/smile/smile-violet.svg) center/40% auto
}

.blue-theme.colorful-theme .app-modal-send-message,.control-columns-progress-box #show-param-progress .noUi-connect,.green-theme.colorful-theme .app-modal-send-message,.orange-theme.colorful-theme .app-modal-send-message,.pink-theme.colorful-theme .app-modal-send-message,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-agendaDay-view .fc-bg td.fc-today,.violet-theme.colorful-theme .app-modal-send-message {
  background: #fff
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-widget-header th {
  color: #7c6eb0;
  border: 1px solid #7c6eb0;
  border-left: none;
  border-top: none;
  padding: 6px 0 0 9px;
  font-size: 22px
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-bg td {
  border: 1px solid #7c6eb0
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-day-grid-container,.user-admin.calendar-page .calendar-content .calendar-wrap .fc-time-grid-container {
  overflow: hidden!important;
  height: auto!important
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-head-container .fc-widget-header {
  margin-right: 0!important
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-event {
  cursor: pointer;
  border: none;
  background-color: #7c6eb0;
  border-radius: unset;
  font-size: 16px;
  line-height: 100%
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-event .fc-content {
  padding: 3px 6px
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-event .fc-content .fc-time {
  display: block;
  font-weight: 400
}

.user-admin.calendar-page .calendar-content .calendar-wrap .fc-day-grid-event {
  margin: 0;
  padding: 0
}

.user-admin.calendar-page.blue-theme .calendar-content .fc-view-container {
  background: url(../image/calendar/blue/1_2.png) 0 0/4px auto repeat-y,url(../image/calendar/blue/2_1.png) 100% 0/5px auto repeat-y,url(../image/calendar/blue/1_1.png) 0 0/auto 4px repeat-x,url(../image/calendar/blue/4_1.png) 0 100%/auto 4px repeat-x
}

.user-admin.calendar-page.blue-theme .calendar-content .fc-view-container:before {
  background: url(../image/calendar/blue/1.png) 0 0/auto 47px no-repeat,url(../image/calendar/blue/2.png) 100% 0/auto 42px no-repeat
}

.user-admin.calendar-page.blue-theme .calendar-content .fc-view-container:after {
  background: url(../image/calendar/blue/4.png) 0 100%/auto 41px no-repeat,url(../image/calendar/blue/3.png) 100% 100%/auto 33px no-repeat
}

.user-admin.blue-theme .app-modal-send-message:after,.user-admin.blue-theme .app-modal-user_agreement:after,.user-admin.calendar-page.blue-theme .calendar-content .fc-view-container.loading>.fc-view:after {
  background: url(../image/loader/loader-blue.svg) center no-repeat
}

.blue-theme .sidebar .menu .ms-count-new-messages,.green-theme .sidebar .menu .ms-count-new-messages,.user-admin.calendar-page.blue-theme .calendar-content .fc-view-container .popup-wrap,.user-admin.calendar-page.green-theme .calendar-content .fc-view-container .popup-wrap {
  background: #e84272;
  color: #fff
}

.user-admin.calendar-page.blue-theme .calendar-content .fc-view-container .popup-wrap:after,.user-admin.calendar-page.green-theme .calendar-content .fc-view-container .popup-wrap:after {
  border-color: #e84272 transparent transparent
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-center button.fc-prev-button span:after {
  border-color: transparent #3aadc6 transparent transparent
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-center button.fc-next-button span:after {
  border-color: transparent transparent transparent #3aadc6
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-widget-header th {
  color: #3aadc6;
  border: 1px solid #3aadc6
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-event {
  background-color: #3aadc6
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-bg td {
  border: 1px solid #3aadc6
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-month-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-blue.svg) center/23% auto
}

.user-admin.calendar-page.blue-theme .calendar-content .calendar-wrap .fc-agendaWeek-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-blue.svg) center/40% auto
}

.user-admin.calendar-page.green-theme .calendar-content .fc-view-container {
  background: url(../image/calendar/green/1_2.png) 0 0/4px auto repeat-y,url(../image/calendar/green/2_1.png) 100% 0/5px auto repeat-y,url(../image/calendar/green/1_1.png) 0 0/auto 4px repeat-x,url(../image/calendar/green/4_1.png) 0 100%/auto 4px repeat-x
}

.user-admin.calendar-page.green-theme .calendar-content .fc-view-container:before {
  background: url(../image/calendar/green/1.png) 0 0/auto 47px no-repeat,url(../image/calendar/green/2.png) 100% 0/auto 42px no-repeat
}

.user-admin.calendar-page.green-theme .calendar-content .fc-view-container:after {
  background: url(../image/calendar/green/4.png) 0 100%/auto 41px no-repeat,url(../image/calendar/green/3.png) 100% 100%/auto 33px no-repeat
}

.user-admin.calendar-page.green-theme .calendar-content .fc-view-container.loading>.fc-view:after,.user-admin.green-theme .app-modal-send-message:after,.user-admin.green-theme .app-modal-user_agreement:after {
  background: url(../image/loader/loader-green.svg) center no-repeat
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-center button.fc-prev-button span:after {
  border-color: transparent #95b421 transparent transparent
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-center button.fc-next-button span:after {
  border-color: transparent transparent transparent #95b421
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-widget-header th {
  color: #95b421;
  border: 1px solid #95b421
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-event {
  background-color: #95b421
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-bg td {
  border: 1px solid #95b421
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-month-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-green.svg) center/23% auto
}

.user-admin.calendar-page.green-theme .calendar-content .calendar-wrap .fc-agendaWeek-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-green.svg) center/40% auto
}

.user-admin.calendar-page.orange-theme .calendar-content .fc-view-container {
  background: url(../image/calendar/orange/1_2.png) 0 0/4px auto repeat-y,url(../image/calendar/orange/2_1.png) 100% 0/5px auto repeat-y,url(../image/calendar/orange/1_1.png) 0 0/auto 4px repeat-x,url(../image/calendar/orange/4_1.png) 0 100%/auto 4px repeat-x
}

.user-admin.calendar-page.orange-theme .calendar-content .fc-view-container:before {
  background: url(../image/calendar/orange/1.png) 0 0/auto 47px no-repeat,url(../image/calendar/orange/2.png) 100% 0/auto 42px no-repeat
}

.user-admin.calendar-page.orange-theme .calendar-content .fc-view-container:after {
  background: url(../image/calendar/orange/4.png) 0 100%/auto 41px no-repeat,url(../image/calendar/orange/3.png) 100% 100%/auto 33px no-repeat
}

.user-admin.calendar-page.orange-theme .calendar-content .fc-view-container.loading>.fc-view:after,.user-admin.orange-theme .app-modal-send-message:after,.user-admin.orange-theme .app-modal-user_agreement :after {
  background: url(../image/loader/loader-orange.svg) center no-repeat
}

.orange-theme .sidebar .menu .ms-count-new-messages,.user-admin.calendar-page.orange-theme .calendar-content .fc-view-container .popup-wrap {
  background: #7c6eb0;
  color: #fff
}

.user-admin.calendar-page.orange-theme .calendar-content .fc-view-container .popup-wrap:after {
  border-color: #7c6eb0 transparent transparent
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-center button.fc-prev-button span:after {
  border-color: transparent #f9b000 transparent transparent
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-center button.fc-next-button span:after {
  border-color: transparent transparent transparent #f9b000
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-widget-header th {
  color: #f9b000;
  border: 1px solid #f9b000
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-event {
  background-color: #f9b000
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-bg td {
  border: 1px solid #f9b000
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-month-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-orange.svg) center/23% auto
}

.user-admin.calendar-page.orange-theme .calendar-content .calendar-wrap .fc-agendaWeek-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-orange.svg) center/40% auto
}

.user-admin.calendar-page.pink-theme .calendar-content .fc-view-container {
  background: url(../image/calendar/pink/1_2.png) 0 0/4px auto repeat-y,url(../image/calendar/pink/2_1.png) 100% 0/5px auto repeat-y,url(../image/calendar/pink/1_1.png) 0 0/auto 4px repeat-x,url(../image/calendar/pink/4_1.png) 0 100%/auto 4px repeat-x
}

.user-admin.calendar-page.pink-theme .calendar-content .fc-view-container:before {
  background: url(../image/calendar/pink/1.png) 0 0/auto 47px no-repeat,url(../image/calendar/pink/2.png) 100% 0/auto 42px no-repeat
}

.user-admin.calendar-page.pink-theme .calendar-content .fc-view-container:after {
  background: url(../image/calendar/pink/4.png) 0 100%/auto 41px no-repeat,url(../image/calendar/pink/3.png) 100% 100%/auto 33px no-repeat
}

.user-admin.calendar-page.pink-theme .calendar-content .fc-view-container.loading>.fc-view:after,.user-admin.pink-theme .app-modal-send-message:after,.user-admin.pink-theme .app-modal-user_agreement:after {
  background: url(../image/loader/loader-pink.svg) center no-repeat
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-center button.fc-prev-button span:after {
  border-color: transparent #e84272 transparent transparent
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-center button.fc-next-button span:after {
  border-color: transparent transparent transparent #e84272
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-widget-header th {
  color: #e84272;
  border: 1px solid #e84272
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-event {
  background-color: #e84272
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-bg td {
  border: 1px solid #e84272
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-month-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-pink.svg) center/23% auto
}

.user-admin.calendar-page.pink-theme .calendar-content .calendar-wrap .fc-agendaWeek-view .fc-bg td.fc-today {
  background: url(../image/smile/smile-pink.svg) center/40% auto
}

.user-admin.calendar-page .elements .elem-1 {
  display: none;
  top: 0;
  width: 11vw;
  margin: calc(200px + 28vh) 0 0 -41vw
}

.user-admin.calendar-page .elements .elem-2 {
  top: 0;
  width: 26vw;
  margin: 1vh 0 0 29vw
}

.user-admin.notifications-page {
  background-image: url(../image/bg-pattern2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto
}

.user-admin.notifications-page .not-sidebar {
  position: relative;
  margin: 0 0 42px
}

.user-admin.notifications-page .not-sidebar .nav-tabs {
  margin: 48px 0 0;
  padding: 0 0 0 7px;
  list-style: none
}

.user-admin.notifications-page .not-sidebar .nav-tabs li {
  display: inline-block;
  padding: 0;
  margin: 0 34px 0 0
}

.user-admin.notifications-page .not-sidebar .nav-tabs li a {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase
}

.user-admin.notifications-page .not-sidebar .nav-tabs li a:after {
  display: none;
  content: '';
  position: absolute;
  top: calc(100% - 1px);
  left: -5px;
  width: calc(100% + 10px);
  height: 2px;
  background: url(../image/lines/line1.svg) left bottom repeat-x
}

.user-admin.notifications-page .tab-content .notification-info {
  position: relative;
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 14px calc(12px + 40px) 14px 12px;
  margin: 0 0 26px;
  opacity: .5
}

.user-admin.notifications-page .tab-content .notification-info:before {
  content: '';
  position: absolute;
  top: 0;
  right: 18px;
  width: 20px;
  height: 100%;
  background: url(../image/drop-button.svg) center right no-repeat
}

.user-admin.notifications-page .tab-content .notification-info:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 12px;
  width: 20px;
  height: 100%;
  background: url(../image/check2-white.svg) center 12px no-repeat
}

.user-admin.notifications-page .tab-content .notification-info.loading .holder:after {
  content: '';
  position: absolute;
  top: calc(50% - 23px);
  left: calc(50% - 70px);
  width: 140px;
  height: 46px;
  background: url(../image/loader/loader-white.svg) center no-repeat;
  -webkit-animation-name: loader;
  animation-name: loader;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.user-admin.notifications-page .tab-content .notification-info.loading .holder>* {
  opacity: .2;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.user-admin.notifications-page .tab-content .notification-info .holder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.notifications-page .tab-content .notification-info .part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.user-admin.notifications-page .tab-content .notification-info .ms-link-show-notification {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.user-admin.notifications-page .tab-content .image {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #fff;
  margin: 0 14px 0 0
}

.user-admin.notifications-page .tab-content .name {
  width: calc(100% - 40px - 14px);
  padding: 0;
  font-size: 20px
}

.user-admin.notifications-page .tab-content .title {
  width: 100%;
  padding: 0 0 0 54px;
  margin: 5px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.user-admin.notifications-page .tab-content .date {
  padding: 0 0 0 53px;
  margin: 8px 0 0;
  font-size: 14px;
  white-space: nowrap
}

.user-admin.notifications-page .tab-content .close-full-message {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 42px 0 0;
  padding: 0 24px 0 0;
  text-decoration: none;
  color: #fff
}

.user-admin.notifications-page .tab-content .close-full-message:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url(../image/drop-button.svg) center right no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.user-admin.notifications-page .tab-content .button-wrap {
  margin: 34px 0 0
}

.user-admin.notifications-page .tab-content .ms-message-detail-info {
  margin: 40px 0 14px;
  width: calc(100% + 40px)
}

.user-admin.notifications-page .tab-content .ms-message-detail-info .ms-attachments h4 {
  margin: 0 0 6px
}

.user-admin.settings-page .content-holder {
  background: url(../image/bg/bg7-violet.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 70vh no-repeat,url(../image/bg/pattern-white.png)
}

.user-admin.settings-page .content-wrap .settings-form {
  margin: 42px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.user-admin.settings-page .left-wrap {
  padding: 0 6vw 0 0
}

.user-admin.flash-full .part.part-2 .item .noUi-target,.user-admin.settings-page .left-wrap .color-wrap p {
  margin: 0 22px 0 0
}

.user-admin.settings-page .left-wrap .color-wrap .color-box .item {
  margin: 0 0 32px
}

.user-admin.settings-page .left-wrap .color-wrap .color-box .item.blue .noUi-handle {
  border-color: #3aadc6;
  background: #3aadc6
}

.user-admin.settings-page .left-wrap .color-wrap .color-box .item.green .noUi-handle {
  border-color: #95b421;
  background: #95b421
}

.user-admin.settings-page .left-wrap .color-wrap .color-box .item.orange .noUi-handle {
  border-color: #f9b000;
  background: #f9b000
}

.user-admin.settings-page .left-wrap .color-wrap .color-box .item.pink .noUi-handle {
  border-color: #e84272;
  background: #e84272
}

.user-admin.settings-page .left-wrap .color-wrap .color-box .item.violet .noUi-handle {
  border-color: #7c6eb0;
  background: #7c6eb0
}

.user-admin.settings-page .right-wrap .caption-wrap label {
  display: block;
  margin: 0 0 18px
}

.user-admin.settings-page .right-wrap .caption-wrap textarea {
  overflow: hidden;
  width: 250px;
  min-width: 240px;
  max-width: 380px;
  height: 140px;
  min-height: 120px;
  max-height: 240px
}

.user-admin.settings-page .right-wrap .receive-wrap {
  margin: 14px 0 24px
}

.user-admin.pass-page .content-wrap button[type=submit],.user-admin.settings-page .right-wrap button[type=submit] {
  margin-top: 20px
}

.user-admin.settings-page.blue-theme .content-holder {
  background: url(../image/bg/bg7-blue.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 70vh no-repeat
}

.user-admin.settings-page.green-theme .content-holder {
  background: url(../image/bg/bg7-green.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 70vh no-repeat
}

.user-admin.settings-page.orange-theme .content-holder {
  background: url(../image/bg/bg7-orange.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 70vh no-repeat
}

.user-admin.settings-page.pink-theme .content-holder {
  background: url(../image/bg/bg7-pink.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 70vh no-repeat
}

.user-admin.pass-page {
  background-image: url(../image/bg/bg5-violet.svg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover
}

.app-modal-user_agreement,.user-admin .app-modal-send-message {
  z-index: 12;
  position: fixed;
  top: 100%;
  left: 2vw;
  max-height: calc(100% - 2vw);
  min-height: 50%;
  width: calc(100% - 2vw - 2vw);
  background: url(../image/input/violet/1_1.png) 0 0/5px auto repeat-y,url(../image/input/violet/2_1.png) 100% 0/2px auto repeat-y,url(../image/input/violet/1_2.png) 0 0/auto 3px repeat-x,#fff
}

.user-admin.flash-full .content-holder,.user-admin.pass-page .content-holder {
  background: url(../image/bg/pattern-white.png)
}

.user-admin.pass-page .content-wrap .shange-pass {
  margin: 42px 0 0
}

.user-admin.pass-page .content-wrap .shange-pass>div {
  margin: 24px 0
}

.user-admin.pass-page .content-wrap .shange-pass>div label {
  display: block;
  margin: 0 24px 8px 0
}

.user-admin .app-modal-send-message {
  overflow: auto;
  border-radius: 8px 12px 0 0;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  color: #7c6eb0
}

.user-admin .app-modal-send-message>* {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.app-modal-user_agreement.loading,.user-admin .app-modal-send-message.loading {
  -webkit-transform: translateY(-120px);
  -ms-transform: translateY(-120px);
  transform: translateY(-120px)
}

.app-modal-user_agreement:before,.user-admin .app-modal-send-message:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../image/input/violet/1.png) 0 0/auto 21px no-repeat,url(../image/input/violet/2.png) 100% 0/auto 20px no-repeat
}

.user-admin .app-modal-send-message:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: 120px;
  background: url(../image/loader/loader-violet.svg) center no-repeat;
  -webkit-transition: opacity .2s,visibility 0s .2s;
  transition: opacity .2s,visibility 0s .2s;
  -webkit-animation-name: loader;
  animation-name: loader;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.user-admin .app-modal-send-message .mce-panel {
  border: none
}

.user-admin .app-modal-send-message #ms-preview-attachments-list {
  margin: 18px 0 20px
}

.user-admin .app-modal-send-message .modal-body {
  padding: 30px calc(3vw + 70px) 30px 40px
}

.user-admin .app-modal-send-message .modal-footer .btn-default {
  background: 0 0;
  margin: 0 0 0 14px;
  padding: 0;
  font-size: 16px;
  text-transform: lowercase
}

.user-admin .app-modal-send-message .form-group input,.user-admin .app-modal-send-message .form-group textarea {
  outline: 0;
  border: none;
  width: 100%;
  background: 0 0
}

.user-admin .app-modal-send-message .form-group input::-webkit-input-placeholder,.user-admin .app-modal-send-message .form-group textarea::-webkit-input-placeholder {
  color: #7c6eb0
}

.user-admin .app-modal-send-message .form-group input:-moz-placeholder,.user-admin .app-modal-send-message .form-group textarea:-moz-placeholder {
  color: #7c6eb0
}

.user-admin .app-modal-send-message .form-group input::-moz-placeholder,.user-admin .app-modal-send-message .form-group textarea::-moz-placeholder {
  color: #7c6eb0
}

.user-admin .app-modal-send-message .form-group input:-ms-input-placeholder,.user-admin .app-modal-send-message .form-group textarea:-ms-input-placeholder {
  color: #7c6eb0
}

.user-admin .app-modal-send-message .form-group textarea {
  height: 52vh;
  max-height: 52vh;
  min-height: 52vh;
  max-width: 100%;
  min-width: 100%;
  margin: 16px 0 0;
  padding: 10px 0 10px 16px
}

.user-admin .app-modal-send-message #app_notification_title,.user-admin.login-page .app-modal-send-message input[type=text] {
  background: url(../image/lines/line4-violet.svg) -13px bottom no-repeat;
  padding: 10px 0 14px 16px
}

.user-admin .app-modal-send-message .modal-header .close,.user-admin .app-modal-user_agreement .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 25px 18px 0 0;
  line-height: 100%;
  color: #7c6eb0;
  font-size: 40px
}

.user-admin .app-modal-send-message .ms-attachment-box .fileinput-button {
  position: relative;
  padding: 0 0 0 20px;
  cursor: pointer;
  overflow: hidden;
  font-size: 16px;
  text-transform: lowercase
}

.user-admin .app-modal-send-message .ms-attachment-box .fileinput-button:after,.user-admin .app-modal-send-message .ms-attachment-box .fileinput-button:before {
  content: '';
  position: absolute;
  background: #7c6eb0
}

.user-admin .app-modal-send-message .ms-attachment-box .fileinput-button:before {
  width: 2px;
  height: 14px;
  left: 6px;
  top: 2px
}

.user-admin .app-modal-send-message .ms-attachment-box .fileinput-button:after {
  height: 2px;
  width: 14px;
  top: 8px;
  left: 0
}

.user-admin.modal-open .app-modal-send-message,.user-admin.modal-open .app-modal-user_agreement {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

.user-admin.modal-open .app-modal-send-message:after {
  opacity: 0;
  visibility: hidden
}

.user-admin.modal-open .app-modal-send-message.sending:after {
  opacity: 1;
  visibility: visible
}

.user-admin.modal-open .app-modal-send-message.sending .app-send-message-form {
  pointer-events: none;
  opacity: .1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.user-admin.blue-theme .app-modal-send-message,.user-admin.blue-theme .app-modal-user_agreement {
  background: url(../image/input/blue/1_1.png) 0 0/5px auto repeat-y,url(../image/input/blue/2_1.png) 100% 0/2px auto repeat-y,url(../image/input/blue/1_2.png) 0 0/auto 3px repeat-x,#fff;
  color: #3aadc6
}

.user-admin.blue-theme .app-modal-send-message:before,.user-admin.blue-theme .app-modal-user_agreement:before {
  background: url(../image/input/blue/1.png) 0 0/auto 21px no-repeat,url(../image/input/blue/2.png) 100% 0/auto 20px no-repeat
}

.user-admin.blue-theme .app-modal-send-message #app_notification_title,.user-admin.blue-theme.login-page .app-modal-send-message input[type=text] {
  background: url(../image/lines/line4-blue.svg) -13px bottom no-repeat
}

.user-admin.blue-theme .app-modal-send-message .form-group input::-webkit-input-placeholder,.user-admin.blue-theme .app-modal-send-message .form-group textarea::-webkit-input-placeholder {
  color: #3aadc6
}

.user-admin.blue-theme .app-modal-send-message .form-group input:-moz-placeholder,.user-admin.blue-theme .app-modal-send-message .form-group textarea:-moz-placeholder {
  color: #3aadc6
}

.user-admin.blue-theme .app-modal-send-message .form-group input::-moz-placeholder,.user-admin.blue-theme .app-modal-send-message .form-group textarea::-moz-placeholder {
  color: #3aadc6
}

.user-admin.blue-theme .app-modal-send-message .form-group input:-ms-input-placeholder,.user-admin.blue-theme .app-modal-send-message .form-group textarea:-ms-input-placeholder {
  color: #3aadc6
}

.blue-theme .breadcrumbs ol li a,.blue-theme .breadcrumbs ol li span,.blue-theme .content-wrap h1,.blue-theme .content-wrap h2,.blue-theme .exponentiation-squareroot-theme .example-wrap,.blue-theme table tbody,.user-admin.blue-theme .app-modal-send-message .modal-header .close,.user-admin.blue-theme .app-modal-user_agreement .modal-body a,.user-admin.blue-theme .app-modal-user_agreement .modal-header .close,.user-admin.task-full.blue-theme .app-modal-send-message .close {
  color: #3aadc6
}

.user-admin.green-theme .app-modal-send-message,.user-admin.green-theme .app-modal-user_agreement {
  background: url(../image/input/green/1_1.png) 0 0/5px auto repeat-y,url(../image/input/green/2_1.png) 100% 0/2px auto repeat-y,url(../image/input/green/1_2.png) 0 0/auto 3px repeat-x,#fff;
  color: #95b421
}

.user-admin.green-theme .app-modal-send-message:before,.user-admin.green-theme .app-modal-user_agreement:before {
  background: url(../image/input/green/1.png) 0 0/auto 21px no-repeat,url(../image/input/green/2.png) 100% 0/auto 20px no-repeat
}

.user-admin.green-theme .app-modal-send-message #app_notification_title,.user-admin.green-theme.login-page .app-modal-send-message input[type=text] {
  background: url(../image/lines/line4-green.svg) -13px bottom no-repeat
}

.user-admin.green-theme .app-modal-send-message .form-group input::-webkit-input-placeholder,.user-admin.green-theme .app-modal-send-message .form-group textarea::-webkit-input-placeholder {
  color: #95b421
}

.user-admin.green-theme .app-modal-send-message .form-group input:-moz-placeholder,.user-admin.green-theme .app-modal-send-message .form-group textarea:-moz-placeholder {
  color: #95b421
}

.user-admin.green-theme .app-modal-send-message .form-group input::-moz-placeholder,.user-admin.green-theme .app-modal-send-message .form-group textarea::-moz-placeholder {
  color: #95b421
}

.user-admin.green-theme .app-modal-send-message .form-group input:-ms-input-placeholder,.user-admin.green-theme .app-modal-send-message .form-group textarea:-ms-input-placeholder {
  color: #95b421
}

.green-theme .breadcrumbs ol li a,.green-theme .breadcrumbs ol li span,.green-theme .content-wrap h1,.green-theme .content-wrap h2,.green-theme .exponentiation-squareroot-theme .example-wrap,.green-theme table tbody,.user-admin.green-theme .app-modal-send-message .modal-header .close,.user-admin.green-theme .app-modal-user_agreement .modal-body a,.user-admin.green-theme .app-modal-user_agreement .modal-header .close,.user-admin.task-full.green-theme .app-modal-user_agreement .close {
  color: #95b421
}

.user-admin.orange-theme .app-modal-send-message,.user-admin.orange-theme .app-modal-user_agreement {
  background: url(../image/input/orange/1_1.png) 0 0/5px auto repeat-y,url(../image/input/orange/2_1.png) 100% 0/2px auto repeat-y,url(../image/input/orange/1_2.png) 0 0/auto 3px repeat-x,#fff;
  color: #f9b000
}

.user-admin.orange-theme .app-modal-send-message:before,.user-admin.orange-theme .app-modal-user_agreement:before {
  background: url(../image/input/orange/1.png) 0 0/auto 21px no-repeat,url(../image/input/orange/2.png) 100% 0/auto 20px no-repeat
}

.user-admin.orange-theme .app-modal-send-message #app_notification_title,.user-admin.orange-theme.login-page .app-modal-send-message input[type=text] {
  background: url(../image/lines/line4-orange.svg) -13px bottom no-repeat
}

.user-admin.orange-theme .app-modal-send-message .form-group input::-webkit-input-placeholder,.user-admin.orange-theme .app-modal-send-message .form-group textarea::-webkit-input-placeholder {
  color: #f9b000
}

.user-admin.orange-theme .app-modal-send-message .form-group input:-moz-placeholder,.user-admin.orange-theme .app-modal-send-message .form-group textarea:-moz-placeholder {
  color: #f9b000
}

.user-admin.orange-theme .app-modal-send-message .form-group input::-moz-placeholder,.user-admin.orange-theme .app-modal-send-message .form-group textarea::-moz-placeholder {
  color: #f9b000
}

.user-admin.orange-theme .app-modal-send-message .form-group input:-ms-input-placeholder,.user-admin.orange-theme .app-modal-send-message .form-group textarea:-ms-input-placeholder {
  color: #f9b000
}

.orange-theme .breadcrumbs ol li a,.orange-theme .breadcrumbs ol li span,.orange-theme .content-wrap h1,.orange-theme .content-wrap h2,.orange-theme .exponentiation-squareroot-theme .example-wrap,.orange-theme table tbody,.user-admin.orange-theme .app-modal-send-message .modal-header .close,.user-admin.orange-theme .app-modal-user_agreement .modal-body a,.user-admin.orange-theme .app-modal-user_agreement .modal-header .close,.user-admin.task-full.orange-theme .app-modal-user_agreement .close {
  color: #f9b000
}

.user-admin.pink-theme .app-modal-send-message,.user-admin.pink-theme .app-modal-user_agreement {
  background: url(../image/input/pink/1_1.png) 0 0/5px auto repeat-y,url(../image/input/pink/2_1.png) 100% 0/2px auto repeat-y,url(../image/input/pink/1_2.png) 0 0/auto 3px repeat-x,#fff;
  color: #e84272
}

.user-admin.pink-theme .app-modal-send-message:before,.user-admin.pink-theme .app-modal-user_agreement:before {
  background: url(../image/input/pink/1.png) 0 0/auto 21px no-repeat,url(../image/input/pink/2.png) 100% 0/auto 20px no-repeat
}

.user-admin.pink-theme .app-modal-send-message #app_notification_title,.user-admin.pink-theme.login-page .app-modal-send-message input[type=text] {
  background: url(../image/lines/line4-pink.svg) -13px bottom no-repeat
}

.user-admin.pink-theme .app-modal-send-message .form-group input::-webkit-input-placeholder,.user-admin.pink-theme .app-modal-send-message .form-group textarea::-webkit-input-placeholder {
  color: #e84272
}

.user-admin.pink-theme .app-modal-send-message .form-group input:-moz-placeholder,.user-admin.pink-theme .app-modal-send-message .form-group textarea:-moz-placeholder {
  color: #e84272
}

.user-admin.pink-theme .app-modal-send-message .form-group input::-moz-placeholder,.user-admin.pink-theme .app-modal-send-message .form-group textarea::-moz-placeholder {
  color: #e84272
}

.user-admin.pink-theme .app-modal-send-message .form-group input:-ms-input-placeholder,.user-admin.pink-theme .app-modal-send-message .form-group textarea:-ms-input-placeholder {
  color: #e84272
}

.pink-theme .breadcrumbs ol li a,.pink-theme .breadcrumbs ol li span,.pink-theme .content-wrap h1,.pink-theme .content-wrap h2,.pink-theme .exponentiation-squareroot-theme .example-wrap,.pink-theme .sidebar .langs-wrap .langs-box li a,.pink-theme .sidebar .menu .ms-count-new-messages,.pink-theme .sidebar .menu .submenu li a,.pink-theme .sidebar .user-info .text-wrap .user-menu li a,.pink-theme .sidebar .user-info .text-wrap span,.pink-theme table tbody,.user-admin.pink-theme .app-modal-send-message .modal-header .close,.user-admin.pink-theme .app-modal-user_agreement .modal-body a,.user-admin.pink-theme .app-modal-user_agreement .modal-header .close,.user-admin.task-full.pink-theme .app-modal-user_agreement .close {
  color: #e84272
}

.user-admin.abacus-flashcard-game .action-wrap,.user-admin.flash-page .action-wrap {
  margin: 18vh 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.user-admin.flash-page .action-wrap .holder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px
}

.user-admin.flash-page .action-wrap .holder .flashcard {
  position: relative;
  top: 0;
  width: 80px;
  border: 3px solid #7c6eb0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  padding: 0
}

.user-admin.flash-page .action-wrap .holder .flashcard:after,.user-admin.flash-page .action-wrap .holder .flashcard:before {
  content: '';
  position: absolute;
  background: #150165
}

.user-admin.flash-page .action-wrap .holder .flashcard:before {
  top: 74px;
  left: 0;
  width: 100%;
  height: 8px
}

.user-admin.flash-page .action-wrap .holder .flashcard:after {
  z-index: -1;
  top: 0;
  left: 50%;
  width: 5px;
  height: 100%;
  margin: 0 0 0 -3px;
  background: #7c6eb0
}

.user-admin.flash-page .action-wrap .holder .flashcard[data-position="1"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="2"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="2"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="3"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="3"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="3"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(5),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(5) {
  top: -23px;
  background: url(../image/flash/abacus-violet-active.png?234) center/100% auto no-repeat
}

.user-admin.flash-page .action-wrap .holder .flashcard[data-position="5"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:first-child {
  top: 22px;
  background: url(../image/flash/abacus-violet-active.png?234) center/100% auto no-repeat
}

.user-admin.flash-page .action-wrap .holder .flashcard span {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  max-width: calc(100% - 1px);
  height: 26px;
  background: url(../image/flash/abacus-violet.png) center/102% auto no-repeat
}

.user-admin.flash-page .action-wrap .holder .flashcard span:nth-child(2) {
  margin: 68px 0 0
}

.user-admin.abacus-flashcard-game .action-wrap .holder .four-column span,.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard span {
  background: url(../image/flash/abacus-blue.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .three-column span,.user-admin.flash-page.green-theme .action-wrap .holder .flashcard span {
  background: url(../image/flash/abacus-green.png) center/100% auto no-repeat
}

.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard span {
  background: url(../image/flash/abacus-orange.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .six-column span,.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard span {
  background: url(../image/flash/abacus-pink.png) center/100% auto no-repeat
}

@media only screen and (min-width: 1261px) {
  .user-admin .sidebar .menu {
    width:70%
  }

  .user-admin .sidebar .menu>ul li {
    font-size: 18px
  }

  .user-admin .sidebar .user-info {
    padding: 0 0 0 4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 30%
  }

  .user-admin .sidebar .user-info.open .text-wrap span:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .user-admin .sidebar .user-info.open .text-wrap .user-menu {
    display: block
  }

  .user-admin .sidebar .user-info .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .user-admin .sidebar .user-info .image:after {
    display: none
  }

  .user-admin .sidebar .user-info .text-wrap {
    display: block;
    position: relative;
    top: 0;
    background: 0 0!important;
    padding: 0;
    border-radius: 0;
    width: calc(100% - 40px)
  }

  .user-admin .sidebar .user-info .text-wrap span {
    padding: 0 26px 0 0;
    color: #fff!important
  }

  .user-admin .sidebar .user-info .text-wrap span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -6px 0 0;
    width: 13px;
    height: 13px;
    background: url(../image/drop-button.svg) center right no-repeat
  }

  .user-admin .sidebar .user-info .text-wrap .user-menu {
    display: none;
    position: absolute;
    top: calc(100% + 13px);
    right: -2vw;
    width: 280px;
    padding: 16px 34px;
    background: #fff243;
    border-radius: 13px
  }

  .user-admin.task-list .items .item {
    width: calc(25% - 2vw);
    margin: 0 2vw 2vw 0;
    padding: calc(58px + 2vh) 30px calc(36px + 4vh);
    min-height: 46vh
  }

  .user-admin.task-list .items .item .title {
    margin: 0 0 2vh
  }

  .user-admin.task-list .items .item .ico-new {
    margin: 4vh 0 0 2vw
  }

  .user-admin.task-list .items .item .ico-new.new-task {
    margin: 2vh 0 0 1vw
  }

  .user-admin.task-full.multiplication-full .range-of-numbers-box:not(:last-child) {
    margin: 0 0 65px
  }

  .user-admin.task-full.multiplication-full .elements .elem.elem-1 {
    margin: -20vw 0 0 -20vw;
    width: 40vw;
    top: 81%;
    left: 87%
  }

  .user-admin.task-full.multiplication-full .elements .elem.elem-2 {
    width: 6vw;
    margin: -3vw 0 0 -3vw;
    top: 80%;
    left: 57%
  }

  .user-admin.task-full .part:last-child,.user-admin.task-full.multiplication-full .part:last-child,.user-admin.task-full.multiplication-full.training-full .parts-wrap {
    padding: 0 0 0 5vw
  }

  .user-admin.task-full.multiplication-full .part-holder .parts-wrap {
    width: calc(100% - 140px)
  }

  .user-admin.task-full .part.part-1 {
    width: 140px
  }

  .user-admin.task-full .part.part-4 {
    width: calc(100% - 140px - 220px - 260px)
  }

  .user-admin.task-full .part.part-4 .item {
    padding: 0 8vw 0 0
  }

  .user-admin.task-full .part .image {
    margin: -2.4vw 0 0;
    width: 7vw;
    height: 7vw
  }

  .user-admin.task-full .app-modal-send-message {
    width: 60%
  }

  .user-admin.game-page.game-page-multiplication .result-wrap {
    padding: 0 88px
  }

  .user-admin.game-page.game-page-multiplication .result-wrap .game-form .input-wrap .button-wrap {
    width: 68px;
    height: 68px;
    margin: 0 0 .3vh 1vw
  }

  .user-admin.flash-page .back,.user-admin.game-page .back {
    width: 68px;
    height: 68px
  }

  .user-admin.game-page .action-wrap .holder .number {
    font-size: 36vh
  }
}

.user-admin.flash-full .part.part-2 .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.user-admin.flash-full .part .button-wrap .button {
  margin: 70px 0 0
}

@media only screen and (min-width: 1025px) {
  .login-page .login-page-wrapper,.reset-page .login-page-wrapper {
    padding:25px 0 calc(25px + 6vh)
  }

  .login-page .login-page-wrapper .row-wrap {
    max-width: 30vw
  }
  .login-page .login-page-wrapper .home-title h1,
  .login-page .login-page-wrapper .home-title h3 {
    font-size: 6vw
  }

  .login-page .login-page-wrapper .langs {
    margin: calc(10px + 4vh) 4vw 0 0
  }

  .login-page .login-page-wrapper .color-wrap {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: 0 0!important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 4vw 0 0;
    width: auto;
    height: auto
  }

  .login-page .login-page-wrapper .color-wrap .close,.login-page .login-page-wrapper .theme-chooser {
    display: none
  }

  .login-page .login-page-wrapper .login-box-body input.form-control,.reset-page .login-page-wrapper .login-box-body input.form-control {
    width: 26vw
  }

  .login-page .elements .elem-1 {
    width: 22vw;
    margin: 3vh 0 0 -40vw
  }

  .login-page .elements .elem-2,.user-admin.calendar-page .elements .elem-1 {
    display: block
  }

  .login-page .elements .elem-4 {
    display: block;
    width: 6vw;
    margin: 12vh 0 0 -23vw
  }

  .login-page .elements .elem-8 {
    width: 5vw;
    margin: 5vh 0 0 8vw
  }

  .reset-page .login-page-wrapper .back {
    width: 68px;
    height: 68px
  }

  .user-admin.task-list .items {
    padding: 0 10% 0 0
  }

  .user-admin.task-list .elements .elem-2 {
    display: block;
    top: 50%;
    width: 4vw;
    margin: -31vh 0 0 -25vw
  }

  .user-admin.task-list .elements .elem-3 {
    display: block;
    width: 3vw;
    margin: 22vh 0 0 5vw
  }

  .user-admin.task-list .elements .elem-4 {
    top: 50%;
    width: 4vw;
    margin: -32vh 0 0 18vw
  }

  .user-admin.task-list .elements .elem-6 {
    display: block;
    width: 3vw;
    margin: 9vh 0 0 -39vw
  }

  .user-admin.task-list .elements .elem-7 {
    display: block;
    width: 7vw;
    margin: -24vh 0 0 40vw
  }

  .user-admin.task-full.training-full .part.part-2 {
    padding: 0 2vw 0 0
  }

  .user-admin .success-page .success-wrap,.user-admin .wrong-page .wrong-wrap {
    margin: 15vh 0 0
  }

  .user-admin .wrong-page .wrong-wrap .text-wrap svg {
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -2.6vw 1.8vw 0 0;
    height: 5vw
  }

  .user-admin .success-page .success-wrap .text-wrap h3,.user-admin .wrong-page .wrong-wrap .text-wrap h3 {
    margin: 0 0 2vw;
    font-size: 8vw
  }

  .user-admin .wrong-page .elements .elem-1 {
    width: 24vw;
    margin: -19vh 0 0 -49vw
  }

  .user-admin .wrong-page .elements .elem-2 {
    width: 14vw;
    margin: 20vh 0 0 14vw
  }

  .user-admin .wrong-page .elements .elem-3 {
    top: 50%;
    width: 23vw;
    margin: -34vh 0 0 21vw
  }

  .user-admin .success-page .elements .elem-1 {
    display: block;
    width: 18vw;
    margin: 16vh 0 0 -58vw
  }

  .user-admin .success-page .elements .elem-2 {
    top: 50%;
    width: 8vw;
    margin: -23vh 0 0 -25vw
  }

  .user-admin .success-page .elements .elem-3 {
    display: block;
    width: 8vw;
    margin: 16vh 0 0 2vw
  }

  .user-admin .success-page .elements .elem-4 {
    top: 50%;
    width: 12vw;
    margin: -32vh 0 0 16vw
  }

  .user-admin .success-page .elements .elem-5 {
    width: 24vw;
    margin: 8vh 0 0 21vw
  }

  .user-admin .success-page .elements .elem-6 {
    display: block;
    width: 6vw;
    margin: -6vh 0 0 -40vw
  }

  .user-admin .success-page .elements .elem-7 {
    display: block;
    width: 3vw;
    margin: -24vh 0 0 42vw
  }

  .user-admin.calendar-page .calendar-content,.user-admin.notifications-page .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .user-admin.calendar-page .calendar-content .filter-wrap {
    width: 25%;
    margin: 0;
    padding: 46px 4vw 0 0
  }

  .user-admin.calendar-page .calendar-content .calendar-wrap {
    width: 75%;
    margin: 0;
    padding: 0 25% 0 0
  }

  .user-admin.calendar-page .elements .elem-2 {
    width: 14vw;
    margin: 32vh 0 0 28vw
  }

  .user-admin.notifications-page .not-sidebar {
    width: 25%;
    padding: 0 4vw 0 0
  }

  .user-admin.notifications-page .not-sidebar:after {
    content: '';
    position: absolute;
    top: -40px;
    right: 0;
    width: 10px;
    height: 100vh;
    background: url(../image/lines/line3.svg) right top no-repeat
  }

  .user-admin.notifications-page .not-sidebar .nav-tabs {
    padding: 0
  }

  .user-admin.notifications-page .not-sidebar .nav-tabs li {
    display: block;
    margin: 36px 0
  }

  .user-admin.notifications-page .tab-content {
    width: 80%;
    padding: 0 6vw 0 4vw;
    padding: 0 6vw 0 calc(4vw + 12px)
  }

  .user-admin.notifications-page .tab-content .notification-info {
    padding: 24px calc(22px + 40px) 24px 22px
  }

  .user-admin.notifications-page .tab-content .notification-info:after {
    right: calc(100% + 18px);
    background-position: center
  }

  .user-admin.notifications-page .tab-content .notification-info .holder {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .user-admin.notifications-page .tab-content .notification-info .part {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto
  }

  .user-admin.notifications-page .tab-content .notification-info .part.part-1 {
    width: 100%
  }

  .user-admin.notifications-page .tab-content .name {
    width: 20%;
    padding: 8px 2vw 8px 0;
    border-right: 1px solid #fff
  }

  .user-admin.notifications-page .tab-content .title {
    width: calc(100% - 20% - 40px);
    padding: 0 2vw
  }

  .user-admin.notifications-page .tab-content .date {
    padding: 8px 0 8px 2vw;
    border-left: 1px solid
  }

  .user-admin.notifications-page .tab-content .ms-message-detail-info {
    padding: 0 53px
  }

  .user-admin.flash-page .action-wrap .holder .flashcard {
    width: 124px
  }

  .user-admin.flash-page .action-wrap .holder .flashcard:before {
    top: 106px
  }

  .user-admin.flash-page .action-wrap .holder .flashcard[data-position="1"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="2"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="2"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="3"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="3"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="3"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="4"] span:nth-child(5),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:nth-child(5) {
    top: -45px;
    background: url(../image/flash/abacus-violet-active.png?234) center/100% auto no-repeat
  }

  .user-admin.flash-page .action-wrap .holder .flashcard[data-position="5"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:first-child,.user-admin.flash-page .action-wrap .holder .flashcard[data-position="9"] span:first-child {
    top: 58px;
    background: url(../image/flash/abacus-violet-active.png?234) center/100% auto no-repeat
  }

  .user-admin.flash-page .action-wrap .holder .flashcard[data-position="5"] span:nth-child(2),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="5"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="5"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="5"] span:nth-child(5),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:nth-child(3),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="6"] span:nth-child(5),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:nth-child(4),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:nth-child(5),.user-admin.flash-page .action-wrap .holder .flashcard[data-position="8"] span:nth-child(5) {
    top: 0
  }

  .user-admin.flash-page .action-wrap .holder .flashcard span {
    height: 48px
  }

  .user-admin.flash-page .action-wrap .holder .flashcard span:nth-child(2) {
    margin: 111px 0 0
  }

  .user-admin.flash-full .part.part-2 {
    width: 25%;
    padding: 0 3vw
  }

  .user-admin.flash-full .part.part-2 .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .user-admin.flash-full .part.part-2 .item .noUi-target {
    margin: 8px 0 0 22px
  }

  .user-admin.flash-full .part.part-2 .item label {
    text-align: right
  }

  .user-admin.flash-full .part.part-4 {
    width: 60%;
    max-width: 1040px;
    padding: 0 3vw
  }
}

.user-admin.vacation-page {
  background-image: url(../image/bg-pattern5.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto
}

.user-admin.vacation-page .content-holder {
  background: url(../image/bg/bg7-white.svg) calc(100% - 2vw) calc(102px + 3vh)/auto 70vh no-repeat,url(../image/bg/bg6.svg) 2vw calc(102px + 3vh)/auto 76vh no-repeat
}

.user-admin.vacation-page .vacation-wrap {
  position: relative;
  margin: 14vh 0;
  text-align: center;
  font-size: 16vw;
  text-transform: uppercase;
  font-family: MOVSKATE-Deck
}

.user-admin.vacation-page .elements .elem-1 {
  top: 0;
  width: 31vw;
  margin: 42vh 0 0 -1vw
}

.user-admin.vacation-page .elements .elem-2 {
  top: 0;
  width: 10vw;
  margin: 47vh 0 0 -35vw
}

.user-admin.vacation-page .elements .elem-5 {
  width: 5vw;
  margin: 11vh 0 0 36vw
}

.user-admin.vacation-page .elements .elem-6 {
  width: 3vw;
  margin: 28vh 0 0 -42vw
}

@media only screen and (min-width: 641px) {
  .user-admin.pass-page .content-wrap .shange-pass>div {
    display:-webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .user-admin.pass-page .content-wrap .shange-pass>div label {
    margin: 0 24px 0 0
  }

  .user-admin.vacation-page .vacation-wrap {
    font-size: 12vw
  }

  .user-admin.vacation-page .elements .elem-1 {
    width: 15vw;
    margin: 60vh 0 0 2vw
  }
}

.user-admin.disabled-page {
  background-image: url(../image/bg-pattern4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #7c6eb0
}

.user-admin.disabled-page .disabled-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 25vh 15px
}

.user-admin.disabled-page .disabled-wrap:after {
  z-index: 12;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url(../image/bg-pattern6-white.png) center -30px/100% auto
}

.user-admin.disabled-page .disabled-wrap .holder {
  max-width: 480px;
  color: #fff
}

.user-admin.disabled-page .disabled-wrap .holder p strong {
  display: block;
  margin: 0 0 20px;
  font-size: 34px;
  line-height: 100%;
  font-weight: 400
}

.blue-theme .sidebar:after {
  background: url(../image/sidebar/header-bg-bottom-blue.png) center top/auto 16px repeat-x,#fff
}

.blue-theme.colorful-theme .content-holder {
  background-color: #3aadc6;
  color: #fff
}

.blue-theme.colorful-theme .breadcrumbs ol li:after,.blue-theme.colorful-theme .content-wrap ol li:after,.blue-theme.colorful-theme .content-wrap ul li:after,.green-theme.colorful-theme .breadcrumbs ol li:after,.green-theme.colorful-theme .content-wrap ol li:after,.green-theme.colorful-theme .content-wrap ul li:after,.orange-theme.colorful-theme .breadcrumbs ol li:after,.orange-theme.colorful-theme .content-wrap ol li:after,.orange-theme.colorful-theme .content-wrap ul li:after,.pink-theme.colorful-theme .breadcrumbs ol li:after,.pink-theme.colorful-theme .content-wrap ol li:after,.pink-theme.colorful-theme .content-wrap ul li:after,.violet-theme.colorful-theme .breadcrumbs ol li:after,.violet-theme.colorful-theme .content-wrap ol li:after,.violet-theme.colorful-theme .content-wrap ul li:after {
  background: url(../image/li-point-white.svg) center no-repeat
}

.green-theme .sidebar:after {
  background: url(../image/sidebar/header-bg-bottom-green.png) center top/auto 16px repeat-x,#fff
}

.green-theme.colorful-theme .content-holder {
  background-color: #95b421;
  color: #fff
}

.orange-theme .sidebar:after {
  background: url(../image/sidebar/header-bg-bottom-orange.png) center top/auto 16px repeat-x,#fff
}

.orange-theme.colorful-theme .content-holder {
  background-color: #f9b000;
  color: #fff
}

.pink-theme .sidebar:after {
  background: url(../image/sidebar/header-bg-bottom-pink.png) center top/auto 16px repeat-x,#fff
}

.pink-theme.colorful-theme .content-holder {
  background-color: #e84272;
  color: #fff
}

.violet-theme .sidebar:after {
  background: url(../image/sidebar/header-bg-bottom-violet.png) center top/auto 16px repeat-x,#fff
}

.violet-theme .breadcrumbs ol li a,.violet-theme .breadcrumbs ol li span,.violet-theme .content-wrap h1,.violet-theme .content-wrap h2,.violet-theme .exponentiation-squareroot-theme .example-wrap,.violet-theme .sidebar .langs-wrap .langs-box li a,.violet-theme .sidebar .menu .submenu li a,.violet-theme .sidebar .user-info .text-wrap .user-menu li a,.violet-theme table tbody {
  color: #7c6eb0
}

.violet-theme.colorful-theme .content-holder {
  background-color: #7c6eb0;
  color: #fff
}

@-webkit-keyframes loader {
  0%,100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  15% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }

  30% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
  }

  40% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }

  55% {
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg)
  }

  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  90% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
  }
}

@keyframes loader {
  0%,100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  15% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }

  30% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
  }

  40% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }

  55% {
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg)
  }

  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  90% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
  }
}

@-webkit-keyframes error {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  15% {
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
  }

  30% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
  }

  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }

  55%,90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
  }

  75% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
  }
}

@keyframes error {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  15% {
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
  }

  30% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
  }

  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
  }

  55%,90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
  }

  75% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
  }
}

.app-modal-user_agreement {
  border-radius: 8px 12px 0 0;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  color: #7c6eb0;
  overflow: hidden;
  padding: 25px 15px 15px!important;
  max-width: 900px
}

.app-modal-user_agreement>* {
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.app-modal-user_agreement .modal-body {
  padding: 0 6vw 30px
}

.app-modal-user_agreement .modal-body a {
  text-decoration: none;
  color: #7c6eb0
}

.app-modal-user_agreement .modal-footer .float-left,.filter-grid-table .filter-grid-table-border-position {
  float: right
}

.user-admin.task-full.blue-theme .app-modal-send-message .scroll-holder {
  background: url(../image/bg/bg8-blue.svg) 1vw 30px/53px auto no-repeat,url(../image/bg/bg9-blue.svg) calc(100% - 200px - 1vw) 100px/70px auto no-repeat
}

.user-admin.task-full.pink-theme .app-modal-send-message .scroll-holder {
  background: url(../image/bg/bg8-pink.svg) 1vw 30px/53px auto no-repeat,url(../image/bg/bg9-pink.svg) calc(100% - 200px - 1vw) 100px/70px auto no-repeat
}

.user-admin .app-modal-user_agreement .modal-footer {
  margin-top: 40px
}

@media only screen and (min-width: 854px) {
  .user-admin .app-modal-send-message,.user-admin .app-modal-user_agreement {
    width:60%
  }

  .user-admin.flash-full .parts-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .user-admin.flash-full .part {
    margin: 0
  }

  .user-admin.flash-full .part .part-2 {
    width: 100%
  }

  .user-admin.vacation-page .vacation-wrap {
    font-size: 8vw
  }

  .user-admin.vacation-page .elements .elem-2 {
    width: 6vw;
    margin: 54vh 0 0 -25vw
  }
}

.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="1"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(3),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(3),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(4),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(3),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(4),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(5),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="5"] span:first-child,.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="6"] span:first-child,.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="6"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="7"] span:first-child,.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(3),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="8"] span:first-child,.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(3),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(4),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="9"] span:first-child,.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(2),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(3),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(4),.user-admin.flash-page.blue-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-blue-active.png?234) center/100% auto no-repeat
}

.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="1"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(3),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(3),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(4),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(3),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(4),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(5),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="5"] span:first-child,.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="6"] span:first-child,.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="6"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="7"] span:first-child,.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(3),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="8"] span:first-child,.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(3),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(4),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="9"] span:first-child,.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(2),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(3),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(4),.user-admin.flash-page.pink-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-pink-active.png?234) center/100% auto no-repeat
}

.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="1"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(3),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(3),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(4),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(3),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(4),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(5),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="5"] span:first-child,.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="6"] span:first-child,.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="6"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="7"] span:first-child,.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(3),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="8"] span:first-child,.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(3),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(4),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="9"] span:first-child,.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(2),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(3),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(4),.user-admin.flash-page.orange-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-orange-active.png?234) center/100% auto no-repeat
}

.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="1"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="2"] span:nth-child(3),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(3),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="3"] span:nth-child(4),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(3),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(4),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="4"] span:nth-child(5),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="5"] span:first-child,.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="6"] span:first-child,.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="6"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="7"] span:first-child,.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="7"] span:nth-child(3),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="8"] span:first-child,.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(3),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="8"] span:nth-child(4),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="9"] span:first-child,.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(2),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(3),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(4),.user-admin.flash-page.green-theme .action-wrap .holder .flashcard[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-green-active.png?234) center/100% auto no-repeat
}

@media only screen and (max-width: 500px) {
  .user-admin.flash-page .action-wrap .holder {
    width:360px!important
  }

  .user-admin.flash-page .action-wrap .holder .flashcard:before {
    top: 64px
  }

  .user-admin.flash-page .action-wrap .holder .flashcard span {
    height: 34px
  }
}

@media only screen and (max-width: 350px) {
  .user-admin.flash-page .action-wrap .holder {
    width:320px!important
  }

  .user-admin.flash-page .action-wrap .holder .flashcard span {
    height: 31px
  }
}

.parts-wrap .part.part-3 .item.sample-count {
  flex-wrap: nowrap
}

.parts-wrap .part.part-3 .item.sample-count .input-style {
  width: 90px
}

.parts-wrap .part.part-3 .item.sample-groups {
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-end
}

.user-admin.task-full.training-full .parts-wrap .part.part-3 .item.sample-groups .handle-label {
  width: 100%;
  padding: 0 0 10px 10px;
  text-align: left
}

@media screen and (max-width: 853px) {
  .user-admin.task-full.multiplication-full .part.part-2.left-align .item {
    -webkit-box-pack:start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .user-admin.task-full.multiplication-full .part.part-2.left-align .rules-wrap,.user-admin.task-full.multiplication-full .part.part-2.left-align label {
    text-align: left
  }

  .user-admin.task-full.training-full .parts-wrap .part.part-3 .item.sample-groups .handle-label {
    text-align: right
  }
}

.parts-wrap .part.part-3 .item.sample-groups .select-style {
  width: 100%;
  max-width: 300px
}

.parts-wrap .part.part-3 .item.sample-groups .select-style select {
  width: 100%;
  max-width: none
}

.simple-settings .settings-holder .item.simple-item .anzan-level {
  margin-top: 15px
}

.simple-settings .anzan-level .noUi-horizontal {
  float: right;
  margin-right: 60px
}

.abacoins-box span.beta,.abacoins-box-mobile span.beta,.user-admin .sidebar .menu>ul>li>span.sub-button.beta span, span.beta {
  background: #000;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 3px;
  position: relative;
  top: -2px;
  margin: 0 0 0 5px;
  text-transform: none
}

.abacoins-box,.abacoins-box-mobile {
  color: #fff;
  font-size: 24px;
  width: 100px;
  margin-right: 50px
}

.abacoins-box a,.abacoins-box-mobile a {
  padding: 0;
  margin: 0;
  display: contents;
  color: #fff
}

.abacoins-box img {
  height: 46px;
  margin-right: 10px
}

@media screen and (max-width: 1260px) {
  .user-admin.task-full.multiplication-full .part.part-2.game-left-align .item {
    -webkit-box-pack:start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .user-admin.task-full.multiplication-full .part.part-2.game-left-align .rules-wrap,.user-admin.task-full.multiplication-full .part.part-2.game-left-align label {
    text-align: left
  }

  .abacoins-box {
    display: none
  }
}

.abacoin-passed-sample {
  margin-top: 30px
}

.abacoin-passed-sample .sum-abacoins {
  font-size: 36px;
  text-align: center;
  margin-top: 10px
}

.table-archive-tasks {
  max-width: 1240px
}

@media screen and (min-width: 1260px) {
  .abacoins-box-mobile {
    display:none
  }
}

.abacoins-box-mobile {
  z-index: 1000;
  width: 180px
}

.abacoins-box-mobile img {
  display: block;
  float: left;
  margin-right: 10px
}

.abacoins-box-mobile div {
  margin-top: 7px
}

@media only screen and (min-width: 860px) and (max-width:1260px) {
  .abacoins-box-mobile {
    width:220px;
    margin-right: 0
  }
}

.ui-jqgrid tr.ui-row-ltr td {
  border: 0
}

.filter-grid-table .filter-grid-table-period,.filter-grid-table .filter-grid-table-rating {
  float: right;
  margin-left: 20px
}

.filter-grid-table {
  height: 60px;
  padding: 0 15px
}

#jqGrid .ui-state-highlight {
  background-color: #fff243
}

.enter-result .ms-task-game-block {
  overflow-y: hidden
}

.number-cube {
  font-size: 14px;
  margin-top: -50px;
  font-weight: 700
}

.exponentiation-squareroot-theme .example-wrap {
  font-size: 32vh;
  font-family: 'Libre Franklin',sans-serif
}

.result-wrap small {
  font-size: 35%;
  font-weight: 700
}

.user-admin.task-full .part.part-3 .progress-wrap label.handle-label {
  margin-left: -20px
}

.progress-wrap label.handle-label {
  width: 200px
}

.user-admin.task-full.training-full .part.part-2 .progress-wrap label.handle-label {
  width: 120px
}

.user-admin.game-page .abacus-flashcard-game .holder {
  width: 800px;
  height: 358px
}

.user-admin.abacus-flashcard-game .action-wrap .btn-null {
  margin-right: 30px
}

.user-admin.abacus-flashcard-game .action-wrap .holder .one-column span {
  background: url(../image/flash/abacus-yellow.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .one-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .one-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-yellow-active.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .two-column span {
  background: url(../image/flash/abacus-gray.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .two-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .two-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-gray-active.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .three-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .three-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-green-active.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .four-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .four-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-blue-active.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .five-column span {
  background: url(../image/flash/abacus-violet.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .five-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-violet-active.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .six-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .six-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-pink-active.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column span {
  background: url(../image/flash/abacus-orange.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-orange-active.png?456) center/100% auto no-repeat
}



.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column  span {
  background: url(../image/flash/abacus-yellow.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column  span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eight-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-yellow-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column span {
  background: url(../image/flash/abacus-gray.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .nine-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-gray-active.png?34) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column span {
  background: url(../image/flash/abacus-green.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .tenth-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-green-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column span {
  background: url(../image/flash/abacus-blue.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .eleven-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-blue-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column span {
  background: url(../image/flash/abacus-violet.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .twelfth-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-violet-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column span {
  background: url(../image/flash/abacus-pink.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .thirteen-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-pink-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column span {
  background: url(../image/flash/abacus-orange.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-orange-active.png?456) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column span {
  background: url(../image/flash/abacus-orange.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fourteenth-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-orange-active.png?456) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column span {
  background: url(../image/flash/abacus-yellow.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .fifteenth-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-yellow-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column span {
  background: url(../image/flash/abacus-gray.png?34) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .sixteenth-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-gray-active.png?34) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .seventeen-column span {
  background: url(../image/flash/abacus-violet.png) center/100% auto no-repeat
}

.user-admin.abacus-flashcard-game .action-wrap .holder .seventeen-column span.active,.user-admin.abacus-flashcard-game .action-wrap .holder .seventeen-column span:hover,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="1"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="2"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="2"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="3"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="3"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="3"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="4"] span:nth-child(5),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="5"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="6"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="6"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="7"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="7"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="7"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="8"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .five-column[data-position="9"] span:nth-child(5) {
  background: url(../image/flash/abacus-violet-active.png) center/100% auto no-repeat !important
}

.user-admin.abacus-flashcard-game .action-wrap .holder .flashcard {
  border: 4px solid #7c6eb0;
  border-radius: 5px;
  height: 358px;
  width: 105.25px
}

.user-admin.abacus-flashcard-game .action-wrap .holder .flashcard span {
  height: 48px;
  width: 96px
}

.user-admin.abacus-flashcard-game .action-wrap .back-logo {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  margin: 3vw 4vw 0 0;
  cursor: pointer
}

@media only screen and (max-width: 1400px) {
  .user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] flashcard:first-child,.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] flashcard:nth-child(2),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] flashcard:nth-child(3),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] flashcard:nth-child(4),.user-admin.abacus-flashcard-game .action-wrap .holder .seven-column[data-position="9"] flashcard:nth-child(5) {
    background:url(../image/flash/abacus-orange-active.png?456) center/100% auto no-repeat
  }

  .back-logo {
    display: none
  }
}

@media only screen and (max-width: 1000px) {
  .user-admin.game-page .abacus-flashcard-game .holder {
    width:800px;
    height: 282px
  }

  .user-admin.abacus-flashcard-game .action-wrap .holder .flashcard:before {
    top: 66px
  }

  .user-admin.abacus-flashcard-game .action-wrap .holder .flashcard span:nth-child(2) {
    margin: 52px 0 0
  }

  .user-admin.abacus-flashcard-game .action-wrap .holder .flashcard {
    height: 282px
  }
}

.training_abacus {
  bottom: 0;
  position: absolute;
  margin: 10px 0
}

.training_abacus-column {
  top: 100px;
  position: absolute
}

.user-admin.flash-full .part.part-4 {
  width: 60%
}

@media only screen and (max-width: 1240px) {
  .form-task-columns,.ms-training-flashcards-options,.ms-training-options {
    margin-bottom:100px
  }

  .training_abacus {
    margin: 30px
  }
}

.progress-box {
  padding: 30px;
  top: 0;
  left: 15px;
  position: absolute
}

#show-param-progress {
  margin-top: 15px;
  margin-left: 10px
}

.progress-box .progress-info {
  padding: 8px;
  font-size: 16px;
  margin-top: 20px;
  width: 200px;
  display: none;
  border: 3px solid #ccc;
  border-radius: 20px
}

.progress-box .progress-info h4 {
  padding: 0;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 500
}

.control-columns-progress-box .progress-box {
  position: relative;
  padding: 0;
  margin-top: 15px;
  margin-left: -15px;
  text-align: center
}

.control-columns-progress-box .progress-box #show-param-progress {
  margin-top: 15px;
  margin-left: 40px
}

.control-columns-progress-box .progress-box .handle-label {
  font-size: 14px;
  text-align: center
}

.control-columns-progress-box .progress-box .progress-info {
  padding: 15px;
  font-size: 13px;
  margin-top: 20px;
  width: 145px;
  display: none;
  background: #fff;
  color: #7c6eb0;
  border: 1px solid #7c6eb0;
  border-radius: 20px
}

@media only screen and (max-width: 1540px) {
  .control-columns-progress-box .training_abacus-column {
    top:60px
  }

  .control-columns-progress-box .training_abacus-column .button {
    padding: 5px 19px;
    font-size: 16px
  }

  .control-columns-progress-box .progress-box .progress-info {
    padding: 10px;
    margin-top: 10px
  }
}

.ms-count-new-notification {
  border-radius: 15px;
  width: 25px;
  list-style-type: none;
  display: block;
  font-weight: 700;
  font-size: 12px;
  padding: 3px 8px;
  color: #fff;
  background-color: red;
  float: right;
  margin-top: -40px;
  border: 2px solid red;
  margin-left: -25px;
  position: absolute
}

.sample-count .beginner-fonts .sample {
  font-family: Edu TAS Beginner!important;
  padding: 10px
}

.result-show-all-numbers {
  padding: 100px;
  font-size: 64px
}

@media only screen and (max-width: 1260px) {
  .training_abacus {
    display:none
  }

  .ms-count-new-notification {
    margin-top: -15px
  }

  .result-show-all-numbers {
    font-size: 32px
  }
}

.user-admin.game-page .abacus-flashcard-game {
  display: block
}

.wrapper-progress-examples {
  padding: 50px 70px;
  width: 260px;
  position: absolute;
}

.wrapper-progress-examples .progress-examples > span {
  display: block;
  margin: 0 0 16px;
}

.wrapper-progress-examples .progress-examples > span.done {
  position: relative;
  color: #fff;
}

.wrapper-progress-examples .progress-examples > span.done:after {
  content: '';
  position: absolute;
  top: 0;
  right: calc(100% + 5px);
  width: 16px;
  height: 16px;
  background: url(../image/check2-white.svg) center no-repeat;
}

@media only screen and (max-width: 640px) {
  .wrapper-progress-tile {
    margin: 0 100px !important;
  }
}

.wrapper-progress-tile {
  margin: 50px;
  position: absolute;
  background-color: #fff;
  color: #7c6eb0;
  text-align: center;
  padding: 25px;
  border: 5px solid #7c6eb0;
  border-radius: 35px
}

.wrapper-progress-tile h3 {
  margin: 10px
}

.violet-theme .action-wrap .holder .flashcard {
  border-color: #7c6eb0!important
}

.blue-theme .action-wrap .holder .flashcard {
  border-color: #3aadc6!important
}

.green-theme .action-wrap .holder .flashcard {
  border-color: #95b421!important
}

.orange-theme .action-wrap .holder .flashcard {
  border-color: #f9b000!important
}

.pink-theme .action-wrap .holder .flashcard {
  border-color: #e84272!important
}

.violet-theme .action-wrap .holder .flashcard:after,.violet-theme .action-wrap .holder .flashcard:before {
  background: #150165!important
}

.blue-theme .action-wrap .holder .flashcard:after,.blue-theme .action-wrap .holder .flashcard:before {
  background: #3aadc6!important
}

.green-theme .action-wrap .holder .flashcard:after,.green-theme .action-wrap .holder .flashcard:before {
  background: #95b421!important
}

.orange-theme .action-wrap .holder .flashcard:after,.orange-theme .action-wrap .holder .flashcard:before {
  background: #f9b000!important
}

.pink-theme .action-wrap .holder .flashcard:after,.pink-theme .action-wrap .holder .flashcard:before {
  background: #e84272!important
}

.ms-training-multi-options .error {
  color: red
}

.ms-training-multi-options .success {
  color: green
}

.wrap-input-result {
  position: relative;
  display: inline-block
}

.ms-training-multi-options .response-result {
  font-size: 22px;
  padding: 0px;
  height: 30px;
  margin-top: -20px
}

.user-admin.flash-page .action-wrap .holder-lefthander,.user-admin.game-page .action-wrap .holder-lefthander {
  -webkit-transform: matrix(-1,0,0,1,0,0);
  -moz-transform: matrix(-1,0,0,1,0,0);
  -o-transform: matrix(-1,0,0,1,0,0);
  transform: matrix(-1,0,0,1,0,0)
}

.user-admin.task-full .description-wrap .description {
  margin-bottom: 50px;
}


.user-admin.game-page .abacus-flashcard-game .holder-thirteen-flashcard{
  width: 1320px;
  min-height: 400px;
}
.user-admin.game-page .abacus-flashcard-game .holder-seventeen-flashcard{
  width: 1320px;
  min-height: 320px;
}



.user-admin.abacus-flashcard-game .action-wrap .holder-seventeen-flashcard .flashcard span {
  height: 34px;
  width: 68px;
}


.user-admin.abacus-flashcard-game .action-wrap .holder-seventeen-flashcard .flashcard {
  border: 4px solid #7c6eb0;
  border-radius: 5px;
  height: 288px;
  width: 105.25px;
}

@media only screen and (min-width: 1025px) {
  .user-admin.flash-page .action-wrap .holder-seventeen-flashcard .flashcard span:nth-child(2) {
    margin: 132px 0 0;
  }
}

@media only screen and (min-width: 1025px) {
  .user-admin.flash-page .action-wrap .holder-seventeen-flashcard .flashcard[data-position="5"] span:first-child, .user-admin.flash-page .action-wrap .holder-seventeen-flashcard .flashcard[data-position="6"] span:first-child, .user-admin.flash-page .action-wrap .holder .flashcard[data-position="7"] span:first-child, .user-admin.flash-page .action-wrap .holder-seventeen-flashcard .flashcard[data-position="8"] span:first-child, .user-admin.flash-page .action-wrap .holder-seventeen-flashcard .flashcard[data-position="9"] span:first-child {
    top: 70px;
  }
}

@media only screen and (min-width: 1025px) {
  .user-admin.flash-page .action-wrap .holder-thirteen-flashcard .flashcard span:nth-child(2) {
    margin: 122px 0 0;
  }
}

@media only screen and (min-width: 1025px) {
  .user-admin.flash-page .action-wrap .holder-thirteen-flashcard .flashcard:before {
    top: 110px;
  }
}

.info-about-debt{
  position: relative;
  padding: 15px;
  background-color: red;
  color: #fff;
  text-align: center;
  border: 1px solid #f5c6cb;
  border-radius: 5px;
  margin: 20px;
  font-family: Arial, sans-serif;
}

.info-about-debt .close-btn {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 32px;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
}
.info-about-debt .close-btn:hover {
  color: #000;
}
.stars-box canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}

.login-page .content-holder:after{
  background: none !important;
}