/* Minification failed. Returning unminified contents.
(15374,102): run-time error CSS1030: Expected identifier, found ';'
(16279,45338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16280,44057): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
html, body {
    height: 100%;
}
.statistics-teacher-page * {
    box-sizing: border-box;
}

.slim-control {
    display: block;
    background: url(/Content/images/t1-input-bg.png) no-repeat left top;
    height: 30px;
    width: 276px;
    border: none;
    color: #B6B6B6;
    font-family: OpenSans;
    font-size: 14px;
    line-height: 28px;
}

.slim-control label {
    float: left;
    color: #7b7b7b;
    font-family: OpenSans;
    font-size: 14px;
    line-height: 28px;
    padding: 0 8px;
}

.slim-control input {
    clear: left;
    float: right;
    color: #3B3B3B;
    border: none;
    width: 260px;
    font-size: 14px;
    padding: 0 8px;
    line-height: 28px;
}

body .slim-control {
    position: relative;
    height: 30px;
}

body .slim-control label,
body .slim-control input {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    margin: 0;
    border: 0;
    z-index: 2;
}

body .slim-control label.error {
    display: none;
    position: absolute;
    top: 33px;
    color: red;
    display: block;
    width: 242px;
    font-size: 11px;
    font-family: OpenSansSemibold;
    line-height: 11px;
}

body .slim-control input {
    background-color: transparent;
    z-index: 2001;
}

body .slim-control input.non-empty {
    background: url('/Content/images/t1-input-bg.png') no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.tableSettings {
    width: 560px;
}

.tableSettings th {
    width: 180px;
    vertical-align: middle;
    color: #CACACA;
    text-align: left;
    font-family: OpenSansSemibold;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 18px;
}

.tableSettings th.thScreen {
    vertical-align: top;
}

.tableSettings td {
    padding-bottom: 18px;
}

.admin .popupCont .tableSettings th {
    color: #3B3B3B;
}

.wrapperShadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 150;
}

.popupRegister {
    width: 811px;
    background: url('/Content/images/popup-register-bottom.gif') no-repeat left bottom;
    padding-bottom: 10px;
    z-index: 200;
}

.popupRegister .popupTop {
    background: url('/Content/images/popup-register-top.gif') no-repeat left top;
    padding-top: 10px;
}

.popupRegister .popupCont {
    background: url('/Content/images/popup-register-bg.gif') repeat left top;
    padding: 10px 27px;
}

.popupRegister h2 {
    font-size: 26px;
    font-family: OpenSansBold;
    color: #000;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 20px;
}

.popupRegister p.note {
    font-size: 14px;
    margin-bottom: 20px;
}

.popupRegister .slim-control {
    width: 750px !important;
    background: url(/Content/images/popup-input-register.png) no-repeat left top;
    height: 34px;
}

.popupRegister .slim-control input#name {
    width: 734px !important;
    height: 34px;
    line-height: 34px;
}

.popupRegister .slim-control label {
    height: 34px;
    line-height: 34px;
}

.listStudents {
    display: block;
    width: 748px;
    height: 181px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #D6D6D6;
    padding: 15px 0;
    margin-bottom: 20px;
    list-style: none;
    position: relative;
}

.listStudents li {
    display: block;
    float: left;
    list-style: none;
    width: 230px;
    height: 60px;
    padding: 0 0 10px 10px;
}

.listStudents li input {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 18px 10px 0 0;
}

.listStudents a.avatar {
    margin-right: 10px;
}

.listStudents a.avatar span {
    background: url(/Content/images/register-avatar.png) no-repeat left top;
}

.listStudents li .fL {
    display: block;
    width: 140px;
    padding-top: 10px;
}

.listStudents li .fL a {
    color: #333333;
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
}

.listStudents li .fL a.linkGrey {
    font-size: 12px;
    color: #6A6A6A;
}

.invitesEmail {
    width: 748px;
    margin-bottom: 30px;
}

.popupRegister .slim-control-register {
    padding-bottom: 8px;
    width: 358px;
    float: left;
}

body .popupRegister .slim-control-register input {
    background-color: transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/Content/images/register-invite-friend.gif);
    color: #454545;
    display: block;
    float: none;
    font-family: OpenSansSemibold;
    font-size: 16px;
    line-height: 18px;
    padding-left: 24px;
    width: 358px;
    position: relative;
    z-index: 200;
}

body .popupRegister .slim-control-register .field-validation-error {
    background: url("/Content/images/bg-error-inv.gif") no-repeat scroll left top transparent;
    display: block;
    height: 35px;
    left: 260px !important;
    padding-left: 9px;
    position: absolute !important;
    top: -12px !important;
    z-index: 400;
}

.popupRegister .btnBiggest,
.popupRegister .btnBiggest:hover {
    width: 200px;
    margin: 0 auto 15px auto;
    float: none;
    text-decoration: none !important;
}

.popupRegister a.close,
.popupRegister a.close:visited,
.popupRegister a.close:hover {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/images/ico-remove-hover.gif) no-repeat left top;
    text-decoration: none;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 1px;
    border: none;
    padding: 0;
}

.popupAddUsers .slim-control {
    float: left;
    background: #FFFFFF;
    border: 1px solid #C3C3C3;
    display: block;
    height: 28px;
    margin-right: 9px;
    padding-bottom: 0;
}

.popupAddUsers .slim-control input {
    width: 89%;
    z-index: 9999;
    margin-top: -1px;
    margin-left: -1px;
}

.dropdown {
    float: left;
    margin-right: 8px;
}

.dropdown-toggle {
    background: url("/Content/images/dropdown-bg.gif") no-repeat scroll right -96px;
    display: block;
    float: left;
    height: 34px;
    margin-bottom: 3px;
    padding-left: 3px;
    text-decoration: none !important;
    padding-right: 27px;
}

.dropdown-toggle span {
    background: url("/Content/images/dropdown-bg.gif") no-repeat scroll left -64px;
    color: #5A5A5A;
    cursor: pointer;
    display: block;
    float: left;
    font-family: OpenSans;
    height: 34px;
    padding: 0 3px 0 9px;
    text-decoration: none !important;
    font-family: 'OpenSans';
    font-size: 13px;
    font-weight: normal;
    line-height: 32px;
}

.open .dropdown-toggle {
    background: url("/Content/images/dropdown-bg.gif") no-repeat scroll right -32px;
}

.open .dropdown-toggle span {
    background: url("/Content/images/dropdown-bg.gif") no-repeat scroll left top;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu a,
.dropdown-menu li a {
    display: block;
    padding: 3px 12px;
    clear: both;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    background-color: #0081c2;
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
    color: #999999;
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}

.open {
    *z-index: 1000;
}

.open > .dropdown-menu {
    display: block;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}


.dropup,
.dropdown {
    position: relative;
    cursor: default;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0;
}

.user-statistic-actions {
    height: 42px;
    border-radius: 4px;
    font-size: 17px;
    box-sizing: border-box;
}

.user-statistic-actions .dropdown-toggle {
    height: 100%;
}

div.user-statistic-actions span.actions-span {
    height: 100%;
    line-height: 42px;
    padding: 0 35px 0 20px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.print-test-popup .popupAddUsers {
    width: 100%;
}

#choice-popup .popupAddUsers {
    width: 100%;
}

#choice-popup .popupCont {
    padding: 30px;
    background-color: white;
}

#choice-popup .btnBiggest + .btnBiggest {
    margin-left: 0;
}

#choice-popup .btnBiggest {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    font-family: 'OpenSansBold';
    text-shadow: none;
}

#choice-popup h3 {
    text-align: center;
    color: black;
    margin-bottom: 35px;
    font-weight: 100;
    font-family: 'OpenSansSemibold';
    text-transform: none;
    line-height: 24px;
    font-size: 18px;
}

.popupAddUsers {
    background: #F6F6F6;
    height: 100%;
    right: 0;
    top: 0;
    width: 670px;
    z-index: 10000;
}

.popupCont {
    padding: 10px 30px;
}

a.btnEscGrey {
    background: url(/Content/images/btn-Esc-grey.gif) no-repeat left top;
    display: block;
    float: left;
    margin-right: 9px;
    width: 34px;
    height: 22px;
    margin-bottom: 35px;
}

a.closePopupStudents {
    display: block;
    float: left;
    line-height: 22px;
    margin-bottom: 35px;
}

.blackHeaders h1,
.popupCont h1 {
    display: block;
    clear: both;
    margin: 0 0 35px 0;
    color: #000;
    font-size: 24px;
    line-height: 24px;
    text-shadow: none;
}


.rowNewUsers .slim-control .field-validation-error {
    display: block;
    position: absolute !important;
    left: 166px !important;
    top: -6px !important;
    height: 41px;
    background: url(/Content/images/bg-error.gif) no-repeat left top;
    padding-left: 10px;
    z-index: 10000;
}

.rowNewUsers .slim-control .field-validation-error span {
    display: block;
    height: 41px;
    background: url(/Content/images/bg-error.gif) no-repeat right bottom;
    padding: 0 10px 0 8px;
    font-size: 13px;
    color: #92630E;
    line-height: 40px;
    white-space: nowrap;
}

.rowNewUsers div.numRow {
    float: left;
    margin-bottom: 10px;
    width: 24px;
    line-height: 30px;
}

.rowNewUsers a.del {
    float: right;
    margin-top: 9px;
}

.popupImportUsers {
    left: 30%;
    top: 30px;
    width: 620px;
    z-index: 10000;
}

.popupCont {
    padding: 10px 20px;
}

.popupImportUsers h2 {
    display: block;
    clear: both;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    text-shadow: none;
}

.popupImportUsers input.file {
    float: left;
    background: #FFFFFF;
    border: 1px solid #C3C3C3;
    display: block;
    height: 31px;
    padding-bottom: 0;
    width: 467px;
    margin-bottom: 5px;
}

.popupImportUsers .wrapGrid {
    margin: 0 30px 30px 10px;
}

.popupImportUsers .grid th {
    border-right: 1px solid #fff;
    background: none;
}

.popupImportUsers .grid td {
    border-bottom: none;
}

.popupWindow input.file {
    float: left;
    background: #FFFFFF;
    border: 1px solid #C3C3C3;
    display: block;
    height: 31px;
    padding: 0 10px;
    margin-right: 9px;
    padding-bottom: 0;
    width: 450px;
    margin-bottom: 5px;
}

.panelOptions {
    height: 31px;
    background: url(/Content/images/users-options.png) repeat-x left top;
    padding: 8px 10px;
}

.panelOptions select {
    width: 133px;
    display: block;
    float: left;
    margin-right: 8px;
}

.panelOptions .btnGrey {
    margin-right: 8px;
}

.panelOptions .fR {
    margin-right: 0;
}


/*Preview styles*/

.popup {
    width: 897px;
    position: relative;
    background: url(/Content/images/popup-bot.gif) no-repeat left bottom;
    padding-bottom: 28px;
    z-index: 100;
}

.popup .popupTop {
    background: url(/Content/images/popup-top.gif) no-repeat left top;
    padding-top: 25px;
}

.popup .popupCont {
    background: url(/Content/images/popup-bg.gif) repeat-y left top;
    padding: 0 16px 0 15px;
}

.popup .popupContent {
    background: url(/Content/images/popup-grad.png) repeat-x left center;
    padding: 30px 35px 47px 35px;
}

.popupContent p {
    color: #FFF;
    font-size: 35px;
    font-family: OpenSansBold;
    line-height: 56px;
    overflow: hidden;
    clear: both;
}

.popupContent p span {
    display: block;
    float: left;
    height: 56px;
    line-height: 56px;
    margin-right: 20px;
    padding: 0 5px;
}

.popupContent .popupModuleContent {
    overflow: auto;
    height: 370px;
}

.popupContent p span.active {
    background: url(/Content/images/span-active.gif) repeat-x left top;
}

a.esc {
    display: block;
    position: absolute;
    top: 26px;
    right: 67px;
    background: url(/Content/images/btn-Esc.gif) no-repeat left top;
    width: 25px;
    height: 20px;
    text-decoration: none !important;
}

a.close {
    display: block;
    position: absolute;
    top: 26px;
    right: 30px;
    font-size: 12px;
    border-bottom: 1px dotted #fff;
    color: #fff !important;
    padding-top: 3px;
}

.popupOptions {
    position: absolute;
    bottom: 47px;
    padding-top: 10px;
    color: #fff;
    font-size: 12px;
}

.popupOptions span {
    display: block;
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding-right: 20px;
}

.popupOptions a {
    display: block;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.space {
    background: url(/Content/images/btn-space.gif) no-repeat left top;
    width: 49px;
    text-decoration: none !important;
}

.F1 {
    background: url(/Content/images/btn-F1.gif) no-repeat left top;
    width: 19px;
}

.F2 {
    background: url(/Content/images/btn-F2.gif) no-repeat left top;
    width: 19px;
}

.F4 {
    background: url(/Content/images/btn-F4.gif) no-repeat left top;
    width: 19px;
}

.print {
    background: url(/Content/images/ico-print.gif) no-repeat left top;
    width: 19px;
    margin-right: 5px !important;
}

.fLSpace span {
    padding-right: 40px;
}

/*End of Preview styles*/

.big-letter {
    text-transform: uppercase;
}

.user-name {
    font-size: 30px;
    font-weight: 600;
}


/*=========================Filters Area===============================*/

.viewTabs#statistic-switch-view {
    width: 360px;
    height: 42px;
    float: none;
}

.class-statistic-opened {
    left: 0 !important;
}

.statistics-teacher-page .main-statistic-view-switcher {
    position: relative;
}

.statistics-teacher-page .chooseLevel {
    position: relative;
    margin-bottom: 20px;
}

.viewTabs#statistic-switch-view a {
    line-height: 42px;
    font-size: 17px;
    height: 42px;
}

.statistics-teacher-page .chooseLevel .ui-selectmenu-button span.ui-selectmenu-text {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Conv_ProximaNova-Regular';
}

.statistics-teacher-page .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before {
    border-top-color: #a0a0a0;
}

.statistics-teacher-page .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default {
    background: #3f3f3f !important;
    height: 34px;
    border-radius: 3px;
}

.statistics-teacher-page #subjects-button {
    min-width: 255px;
    max-width: 255px;
    margin-right: 10px;
    float: left;
}

.statistics-teacher-page #levels-button {
    min-width: 290px;
    max-width: 290px;
}

.statistics-teacher-page #users-button {
    min-width: 225px;
    max-width: 225px;
}

.statistics-teacher-page .class-stats #classes-button {
    min-width: 225px;
    max-width: 225px;
    float: left;
    margin-right: 10px;
}

.statistics-teacher-page .filters-container {
    width: 1050px;
}

.statistics-teacher-page .chooseLevel label {
    padding-top: 0;
}

.statistics-teacher-page .searhContainer {
    width: 225px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.statistics-teacher-page .searhContainer li.student-container {
    padding: 16px 20px 18px 75px;
    position: relative;
    list-style-type: none;
    height: 60px;
}

.statistics-teacher-page .filtered-list {
    width: 260px;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px 0;
    display: none;
    background-color: #3f3f3f;
    position: absolute;
    top: 38px;
    z-index: 10;
}

.statistics-teacher-page #searchStudents {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Conv_ProximaNova-Regular';
    border-radius: 3px;
    border: none;
    margin-top: 0;
}

.statistics-teacher-page .student-container,
.statistics-teacher-page .filtered-list,
.statistics-teacher-page .filtered-list li {
    border: none;
}

.statistics-teacher-page .student-container .student-img {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    margin: 0;
}


.statistics-teacher-page .student-container div.student-name {
    font-size: 17px;
    font-weight: normal;
}

.statistics-teacher-page .student-container div.student-email {
    min-height: 10px;
    min-width: 10px;
    font-size: 12px;
    color: #b4b4b4;
    overflow: hidden;
}

#pageUsers .ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    margin: 0;
    border: none;
}

#pageUsers.ui-selectmenu-menu .ui-widget-content .ui-menu-item:hover,
#pageUsers .ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus {
    border: none;
    margin: 0;
}

#pageUsers.ui-selectmenu-menu .ui-widget-content .ui-menu-item:first-child,
#pageUsers.ui-selectmenu-menu .ui-widget-content .ui-menu-item:first-child:hover,
#pageUsers .ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus:first-child {
    border-top: none;
}


#pageUsers .ui-selectmenu-menu .slimScrollDiv .ui-widget-content {
    padding: 5px 0 !important;
}

/*========================================================*/

/*==========================graph section=================*/

.statistics-teacher-page .graph .line li.attention span.line {
    background-color: #f7a900;
}

.popupPrintStat .graph .line li.high span.line,
.statistics-teacher-page .graph .line li.high span.line {
    background-color: #88c744;
}

.statistics-teacher-page li.norm:before,
.statistics-teacher-page .graph .line li.normal span.line {
    background-color: #c9ee73;
}

.statistics-teacher-page .graph .line li span.line,
.statistics-teacher-page .graph .line li,
.statistics-teacher-page .graph .line li span.line span,
.statistics-teacher-page .graph .line li.normal span.line {
    width: 23px;
}

.statistics-teacher-page .graph.graphState ul.line {
    opacity: 0.9;
}

.statistics-teacher-page .score-legend {
    position: absolute;
    top: -35px;
    left: 0;
    font-size: 12px;
}

.statistics-teacher-page .modules-legend {
    position: absolute;
    bottom: -50px;
    left: 734px;
    font-size: 12px;
}

.statistics-teacher-page .graphBot .legends {
    margin-left: 0;
}

.statistics-teacher-page .wraper_line {
    min-width: 810px;
}

.statistics-teacher-page .wraper_line ul.line {
    margin-left: 35px;
}

.statistics-teacher-page .graph .scale {
    width: 790px;
}

.statistics-teacher-page .wrapGrid .module-tooltip {
    display: none;
}

.statistics-teacher-page .wrapGrid tr:hover .module-tooltip {
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    background-color: #0A0A0A;
    width: max-content;
    z-index: 1;
    font-size: 15px;
    border-radius: 4px;
    padding: 6px 12px;
    color: #f0f0f0;
    font-weight: normal;
}

/*========================================================*/



/*=========================NewTable===============================*/

.statistics-teacher-page table * {
    box-sizing: border-box;
}

.statistics-teacher-page tbody tr th {
    border: none;
    padding: 0 20px;
    font-size: 13px !important;
}

.statistics-teacher-page table.grid tbody tr {
    border: none;
}

.statistics-teacher-page td.tdPercentage,
.statistics-teacher-page th.tdPercentage {
    max-width: 90px;
    width: 90px;
}

.statistics-teacher-page table.grid td.tdPercentage {
    border-radius: 0 0 10px 0;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.statistics-teacher-page table.grid td.tdTime {
    color: #88c744;
}

.statistics-teacher-page table.grid td.tdDate {
    color: #b4b4b4;
}

.statistics-teacher-page table.grid td.text-left {
    text-align: left;
}

.statistics-teacher-page table.grid td.tdPassSign {
    padding: 4px;
}

.statistics-teacher-page table.grid td.tdModule {
    font-size: 18px;
    font-weight: bold;
}

.popupPrintStat table.grid .tdPassSign:not(.replayed-module)::after,
.statistics-teacher-page table.grid .tdPassSign:not(.replayed-module)::after {
    content: "";
    right: 11px;
    top: 14px;
    position: absolute;
    transform: rotate(45deg);
    height: 14px;
    width: 6px;
    border-bottom: 3px solid;
    border-right: 3px solid;
}

.popupPrintStat table.grid .tdPassSign.replayed-module::after,
.statistics-teacher-page table.grid .tdPassSign.replayed-module::after {
    content: "";
    width: 18px;
    height: 20px;
    position: absolute;
    right: 7px;
    top: 16px;
    background-repeat: no-repeat;
    background-image: url('/Content/images/svg/Statistics/replayed.svg');
}

.statistics-teacher-page table.grid .tdPassSign.high::after {
    border-color: #88c744;
}

.statistics-teacher-page table.grid .tdPassSign.norm::after {
    border-color: #88c744;
}

.statistics-teacher-page table.grid .tdPassSign.attent::after {
    border-color: #f7a900;
}

.statistics-teacher-page table.grid tbody .tdPercentage.attent {
    background: #f7a900 !important;
}

.statistics-teacher-page table.grid tbody .tdPercentage.high {
    background: #88c744 !important;
}

.statistics-teacher-page table.grid tbody .tdPercentage.norm {
    background: #88c744 !important;
}

.statistics-teacher-page table.grid tbody .attentFont {
    color: #f7a900 !important;
}

.statistics-teacher-page table.grid tbody .highFont {
    color: #88c744 !important;
}

.statistics-teacher-page table.grid tbody .normFont {
    color: #88c744 !important;
}

.statistics-teacher-page .class-stats table.grid tbody tr td.tdName {
    padding: 0 15px;
    max-width: 280px;
    text-align: left;
}

.statistics-teacher-page .class-stats table.grid tbody tr td.tdName > div {
    line-height: 15px;
}

.statistics-teacher-page .class-stats table.grid tbody tr td.tdProgress {
    padding: 10px 14px;
    text-align: left;
}

.statistics-teacher-page .class-stats .tdName .user-name-line {
    font-size: 12px;
}

.statistics-teacher-page .class-stats tbody tr th {
    padding: 0 14px;
    font-size: 12px !important;
    max-height: 30px;
    height: 30px;
}

.statistics-teacher-page .class-stats .grid tbody tr td {
    max-height: 60px;
    height: 60px;
}

/*========================================================*/


.class-stats {
    display: none;
}


.ui-selectmenu-button span.ui-icon {
    background-image: none !important;
}

.statistics-teacher-page .gg-progress {
    margin-bottom: 10px;
}

.statistics-teacher-page .ui-selectmenu-button .ui-icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    border: 6px solid transparent;
    border-top-color: #a0a0a0;
}

.statistics-teacher-page .date-range-picker-custom {
    width: 290px;
    min-width: 290px;
    position: relative;
    top: -5px;
    display: none;
}

.statistics-teacher-page #date-range-picker-general {
    border: none;
    height: 34px;
    border-radius: 4px;
    color: #f0f0f0;
    padding: 8px 20px 8px 16px;
    font-size: 15px;
    width: 100%;
}

.statistics-teacher-page .date-range-picker-custom:after {
    content: '';
    position: absolute;
    top: 11px;
    right: 10px;
    width: 18px;
    height: 19px;
    background: url(/Content/images/svg/Statistics/calendar-icon.svg) no-repeat;
}

.statistics-teacher-page .daterangepicker {
    background-color: #2c2c2c;
    color: #f0f0f0;
    border: none;
}

@media only screen and (max-width: 991px) {
    .statistics-teacher-page .main-statistic-view-switcher {
        left: 0;
    }

    .statistics-teacher-page .wrapGraph {
        padding-left: 30px;
        white-space: normal !important;
        overflow: inherit !important;
    }
}

@media only screen and (max-width: 1010px) {
    .statistics-teacher-page div#switch-view.viewTabs {
        width: 250px;
        border: none !important;
        float: none;
    }
}

@media (max-width: 820px) {
    .statistics-teacher-page {
        padding: 0 22px 0 !important;
    }

    .statistics-teacher-page .wrapGraph {
        padding-left: 0;
    }
}

/*====================print popup=========================*/
.statistics-print-button-container {
    line-height: 42px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-top: 6px;
    background: url(/Content/images/svg/icons/iconset-actions-36.svg) no-repeat;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.statistics-print-button-container img {
    width: 27px;
    height: 27px;
    cursor: pointer;
    vertical-align: middle;
}

.popupPrintStat.swal2-popup {
    background-color: #323232;
    left: auto;
    width: 800px;
}

.print-stats-buttons-area {
    width: 100%;
}

.popupPrintStat #swal2-content {
    background-color: #F6F6F6;
    padding: 0 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.popupPrintStat #swal2-content * {
    color: #000;
}

.popupPrintStat .swal2-footer {
    border-top: none;
}

.popupPrintStat .modules-legend,
.popupPrintStat .score-legend {
    display: none;
}

.popupPrintStat .graph.graphState ul.line {
    width: calc(100% - 33px);
}

.popupPrintStat .tableScore span {
    background-color: transparent;
    color: #000;
}

.popupPrintStat .tableScore span {
    background-color: transparent;
    color: #000;
}

.popupPrintStat #swal2-content .no-print {
    display: none;
}

.popupPrintStat .grid tbody tr:nth-child(odd) td {
    background-color: transparent;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.textContainer {
    position: relative;
}

#loading-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */
    z-index: 10001;
}

#loading {
    position: absolute;
    margin: auto;
    width: 166px;
    height: 34px;
    margin-top: -50px;
    margin-left: -83px;
    z-index: 101;
    top: 50%;
    left: 50%;
}

#loading-animation {
    background-image: url("/Content/images/keyboard/loading.gif");
    height: 32px;
    width: 32px;
    float: left;
}

#loading-text {
    height: 32px;
    width: 120px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 22px;
    font-family: sans-serif;
    padding-top: 6px;
    margin-left: 44px;
}

#result-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */
    z-index: 100;
    display: none;
}

#results {
    position: absolute;
    margin: auto;
    width: 504px;
    height: 336px;
    margin-top: -168px;
    margin-left: -252px;
    z-index: 102;
    top: 50%;
    left: 50%;
    background-image: url("/Content/images/keyboard/final-bg.png");
}

#result-scale-wrapper {
    width: 200px;
    float: left;
}

#result-scale {
    width: 93px;
    height: 233px;
    margin-top: 40px;
    margin-left: 58px;
    background-image: url("/Content/images/keyboard/final-scale.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}

#result-scale-balloon {
    width: 20px;
    height: 18px;
    background-image: url("/Content/images/keyboard/final-score-balloon.png");
    margin-left: 55px;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-size: 10px;
    text-align: center;
    color: white;
}

#result-scale-balloon div {
    padding-top: 2px;
}

#result-scale-value {
    background-image: url("/Content/images/keyboard/final-score.png");
    width: 20px;
    height: 209px;
    margin-left: 55px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#result-score-wrapper {
    width: 300px;
    float: right;
    color: #626262;
    font-family: sans-serif;
    text-align: center;
}

#result-score-value {
    font-size: 70px;
    font-weight: bold;
    margin-top: 90px;
}

#result-proceed {
    margin-top: 20px;
}

.validation-summary-errors ul {
    list-style: none;
}

fieldset {
    clear: both;
}

.noTitleStuff .ui-dialog-titlebar,
.pausePopup .ui-dialog-titlebar {
    display: none;
}

.pausePopup {
    text-align: center;
}

.pausePopup.ui-dialog .popup.ui-dialog-content {
    padding: 1em 3em;
}

.pausePopup .popup-title {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 15px;
}

.pausePopup .submit-buttons {
    padding-top: 20px;
    width: 100%;
}

.pausePopup .submit-buttons .cancel {
    float: left;
}

.pausePopup .submit-buttons .ok {
    float: right;
    margin-right: 0;
}

.noTitleStuff {
    background: none !important;
    border: none !important;
}


.loading-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */
    z-index: 101;
}

.loading {
    position: absolute;
    margin: auto;
    width: 166px;
    height: 34px;
    margin-top: -50px;
    margin-left: -83px;
    z-index: 101;
    top: 50%;
    left: 50%;
}

.loading-text {
    height: 32px;
    width: 120px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 22px;
    font-family: sans-serif;
    padding-top: 6px;
    margin-left: 44px;
}

#printMode {
    display: none;
}


.tablePayment {
    width: 560px;
}

.tablePayment th {
    width: 180px;
    vertical-align: middle;
    text-align: left;
    font-family: OpenSansSemibold;
    font-size: 14px;
    padding-bottom: 18px;
}

.tablePayment th.thScreen {
    vertical-align: top;
    padding-top: 25px;
}

.sorting {
    cursor: pointer;
}

.overflowGrid {
    overflow: auto;
    height: 400px;
}

.ui-datepicker {
    z-index: 99999 !important;
}

.contentTitle {
    background: url(/Content/images/admin/admin-title-bg.gif) repeat-x left top;
    height: 47px;
    padding: 1px 10px;
}

.btnYellow,
.btnYellow:visited,
.btnYellow:hover {
    cursor: pointer;
    display: block !important;
    float: right;
    margin: 8px 0 8px 5px;
    border: 1px solid #D3C275 !important;
    height: 30px !important;
    padding: 0 20px !important;
    color: #927637 !important;
    font-size: 13px !important;
    line-height: 30px !important;
    background: url(/Content/images/admin/admin-btn-bg.gif) repeat-x left top !important;
    text-decoration: none;
}

.btnYellowLeft,
.btnYellowLeft:visited,
.btnYellowLeft:hover {
    float: left;
    margin: 8px 10px 8px 10px;
}

.titleGrid {
    font-size: 19px;
    line-height: 46px;
    float: left;
    color: #A0843C;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
}

.helpBallon {
    top: 25px !important;
    background: url(/Content/images/hint3.png) no-repeat top left !important;
    left: 80px !important;
    color: #7D590B !important;
    height: 125px;
    width: 341px;
    z-index: 9999;
    position: absolute;
    line-height: 20px;
    display: block;
    padding-top: 25px;
}

.helpBallon span {
    
    background-color: #FFE58D !important;
    padding-left: 10px;
    color: #7D590B !important;
    height: 125px;
    width: 331px;
    display: block;
}

.require {
    color: Red;
}

#ChangePaymentInfo .require {
    color: #80A808;
    padding-right: 4px;
}

th span.require {
    float: right;
}
@font-face {
    font-family: 'Conv_ProximaNova-Sbold';
    src: local('ProximaNova-Sbold'), url(../fonts/ProximaNova-Sbold.eot) format('eot'), url(../fonts/ProximaNova-Sbold.woff) format('woff'), url(../fonts/ProximaNova-Sbold.ttf) format('truetype'), url(../fonts/ProximaNova-Sbold.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Conv_ProximaNova-Regular';
    src: local('ProximaNova-Regular'), url(../fonts/ProximaNova-Regular.eot) format('eot'), url(../fonts/ProximaNova-Regular.woff) format('woff'), url(../fonts/ProximaNova-Regular.ttf) format('truetype'), url(../fonts/ProximaNova-Regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
form,
fieldset,
select,
input,
ul,
ol,
li,
table,
td,
th,
img {
    padding: 0;
    margin: 0;
}

.clearfix:after,
.li-block:after,
.row:after,
.settingCont dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
.li-block,
.row,
.settingCont dl {
    display: inline-block;
    display: block;
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
}

* html .li-block {
    height: 1px;
}

* html /*,.accordion*/ {
    height: 1px;
}

* html .row {
    height: 1px;
}

* html .settingCont dl {
    height: 1px;
}

fieldset,
select,
input {
    font-family: 'Conv_ProximaNova-Sbold';
}

.tLeft {
    text-align: left !important;
}

.tCenter {
    text-align: center !important;
    width: auto;
    margin: 0 auto;
}

.tRight {
    text-align: right !important;
}

.tJustify {
    text-align: justify !important;
}

.fL {
    float: left !important;
}

.fR {
    float: right !important;
}

.clear {
    clear: both;
    height: 1px;
    font-size: 1px;
    padding: 0;
    margin: 0;
}

img {
    border: none;
}

:focus {
    outline: 0;
}


a,
a:visited {
    color: #88c744;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/************************************************************/


body {
    font: normal 14px 'Conv_ProximaNova-Regular';
    color: #f0f0f0;
    position: relative;
    width: 100%;
}

body #divAlertConfirmContainer {
    display: none;
}

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

.wrapBody {
    width: 100%;
    height: 100%;
    background: url(/Content/images/body-black-bg.gif) repeat-y center 0;
    position: fixed;
    top: 0;
    z-index: 50;
}

html .wrapBody {
    position: absolute;
}

.wrapper {
    margin: 0 auto;
    max-width: 1050px;
    min-height: 100%;
}

html .wrapper {
    height: 100%;
}

.panelRole {
    position: fixed;
    left: 0;
    top: 0;
    height: 30px;
    width: 100%;
    background: #000;
    z-index: 1000;
}

.panelRole span {
    display: block;
    width: 910px;
    margin: 0 auto;
    text-align: right;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}

h1 {
    font: normal 30px 'Conv_ProximaNova-Sbold';
    padding: 20px 20px 25px 20px;
}

h1.title {
    font: normal 30px 'Conv_ProximaNova-Sbold';
    padding: 25px 0;
}

div.title {
    font: normal 24px 'Conv_ProximaNova-Sbold';
    padding: 30px 0 12px 0;
}

.title > span {
    font: 24px 'Conv_ProximaNova-Regular';
    color: #b4b4b4;
    padding-left: 16px;
}

.back + .btn.pull-right {
    margin-top: 23px;
}

.title + .viewTabs.pull-right {
    margin-top: -57px;
}

.main .viewTabs.pull-right:first-child {
    margin-top: 30px;
}

span.typeAccount {
    display: block;
    position: absolute;
    right: 50px;
    top: 25px;
    font: normal 36px/38px 'Conv_ProximaNova-Sbold';
    padding-bottom: 25px;
}

h3 {
    font-weight: normal;
    font-size: 24px;
    padding-bottom: 15px;
}

h2 {
    font: normal 40px/42px 'Conv_ProximaNova-Sbold';
    padding-bottom: 5px;
}

h2.title {
    font-size: 30px;
}

.sidebar h2 {
    font-size: 22px;
    padding-bottom: 10px;
}

h4 {
    font: normal 18px/20px 'Conv_ProximaNova-Sbold';
    text-transform: uppercase;
    padding-bottom: 15px;
}

h5 {
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0;
}

h6 {
    font: normal 14px/18px 'Conv_ProximaNova-Sbold';
    text-transform: uppercase;
    padding-bottom: 10px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    padding-bottom: 5px;
}

a.linkBig {
    display: block;
    color: #88c744;
    margin-bottom: 10px;
    font: 21px 'Conv_ProximaNova-Sbold';
    text-decoration: none;
}

.wrap-svg {
    width: 40px;
    height: 40px;
}

.navigation-menu > li a:hover .svg-color,
.navigation-menu > li.active a .svg-color {
    fill: #88C744;
}

/*** Elements of Form ***************************************/

fieldset {
    border: none;
    padding: 0;
    background: none;
}

.half-sized .slim-control input {
    width: 115px !important;
}

.t1Check {
    display: block;
    float: left;
    margin-right: 5px;
    width: 13px;
    height: 13px;
}

label {
    float: left;
}

.btn,
.stripe-button-el {
    display: block;
    margin: 0 auto;
    height: 42px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.btn > span,
.stripe-button-el > span {
    display: block;
    float: left;
    background: #88c744;
    height: 42px;
    cursor: pointer;
    padding: 0 20px;
    text-align: center;
    font: 15px/42px 'Conv_ProximaNova-Sbold';
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-transform: translateZ(0);
    color: #fff;
    white-space: nowrap;
    text-decoration: none !important;
}

.gg-btn.gg-btn-border,
.btn.btn-border > span,
.stripe-button-el > span {
    background: none;
    border: 1px solid #88c744;
    color: #88c744;
    font-size: 17px;
}

.gg-btn.gg-btn-border > span {
    color: #88c744;
}

.btn.btn-small {
    display: inline-block;
    vertical-align: top;
    margin-bottom: -17px;
}

.btn.btn-small span {
    height: 30px;
    line-height: 30px;
    font-size: 13px !important;
}

button.btnM {
    display: block;
    margin: 0;
    height: 42px;
    padding: 0;
    background: transparent;
    border: none;
}

button.btnM span {
    display: block;
    float: left;
    background-image: url(/Content/images/btn-40.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 7px;
    height: 42px;
    cursor: pointer;
}

button.btnM span span {
    background-position: left top;
    padding: 0 13px 0 20px;
    font-family: 'OpenSansBold';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    line-height: 39px;
    color: #fff;
    -moz-text-shadow: 1px 1px #A5C24C, -1px -1px #3A7300;
    -webkit-text-shadow: 1px 1px #A5C24C, -1px -1px #3A7300;
    text-shadow: 1px 1px #A5C24C, -1px -1px #3A7300;
    white-space: nowrap;
    text-decoration: none !important;
}

.check input[type="checkbox"] {
    display: none;
}

.check-user-menu input[type="checkbox"] {
    display: none;
}

/* SQUARED ONE */

.check label {
    position: relative;
    padding-left: 25px;
}

.check label:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    cursor: pointer;
}

.show-score-check label {
    display: flex;
}

.check-user-menu label {
    position: relative;
    padding-left: 25px;
}

.check-user-menu label:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    cursor: pointer;
}


/*** End Elements of Form ***********************************/

/*** Login page *********************************************/

.forgot {
    margin-top: 80px;
}

.twitter {
    display: inline-block;
    vertical-align: middle;
    width: 600px;
    margin-top: 20px; /*margin-top: 140px;*/
    background: #454545;
    padding: 0 15px 0 15px;
    height: 430px;
}

.env-narrow .header .profile .p-name,
.env-narrow .timeline-header .byline,
.env-narrow .timeline-header .list-description,
.env-narrow .e-entry-title,
.env-narrow .cards-base h3 {
    color: red !important;
}

.navigation ul li a:hover {
    color: #fff;
    text-decoration: none;
    background-position: -59px 10px;
}

.navigation ul li.active a {
    background-color: #474747;
    color: #fff;
    background-position: -127px 10px;
}

.navigation ul li a.setting:hover {
    background-position: -59px 5px !important;
}

.navigation ul li.active a.setting {
    background-position: -127px 5px !important;
}

.navigation ul li a.subjects {
    background-position: -62px 7px !important;
}

.navigation ul li a.subjects:hover {
    background-position: -134px 7px !important;
}

.navigation ul li.active a.subjects {
    background-position: 9px 7px !important;
}

.main {
    padding: 10px 125px 30px 125px;
    position: relative;
}

.content {
    float: left;
    width: 553px;
}

.sidebar {
    float: right;
    width: 270px;
    padding-top: 10px;
    color: #D9D9D9;
}

.blockMiddle {
    background: url(/Content/images/block-grey-550-bot.png) no-repeat left bottom;
    padding-bottom: 18px;
    width: 553px;
}

.blockMiddle .wrap {
    background: url(/Content/images/block-grey-550-top.png) no-repeat left top;
    padding-top: 14px;
}

.blockMiddle .cont {
    background: url(/Content/images/block-grey-550-bg.png) repeat-y left top;
    padding: 4px 25px 10px 25px;
}

.tableUsers {
    width: 503px;
}

.tableUsers th {
    border-bottom: 1px solid #B5B5B5;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #6A6A6A;
    padding-bottom: 10px;
}

.tableUsers td {
    border-bottom: 1px solid #B5B5B5;
    border-top: 1px solid #fff;
    padding: 10px 0;
    vertical-align: top;
}

.tableUsers .trLast td {
    border-bottom: none;
}

.tdUser {
    width: 250px;
}

.tdProgress {
    width: 105px;
    font-size: 18px;
    padding-top: 4px;
}

a.avatar {
    display: block;
    float: left;
    width: 52px;
    height: 52px;
    position: relative;
    margin-right: 18px;
}

a.avatar img {
    display: block;
    width: 52px;
    height: 52px;
    position: relative;
}

a.avatar span {
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/Content/images/frame-avatar.png) no-repeat left top;
}

.tdUser p {
    color: #9A9A9A;
    width: 170px;
}

.tdUser a,
.tdUser a:visited {
    color: #5A5A5A;
}

.score {
    clear: both;
    padding-bottom: 40px;
}

.tableScore {
    font-size: 15px;
    padding-bottom: 20px;
    line-height: 13px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    vertical-align: top;
}


.tableScore .tr {
    display: block;
    padding-top: 12px;
    border-bottom: 1px dotted #787878;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
}

.inline-block {
    display: inline-block;
    margin-right: 15px;
}

.sidebar p {
    margin-bottom: 20px;
}

.sidebar fieldset {
    padding-bottom: 8px;
}

.slim-control-register .input {
    display: block;
    background-color: transparent;
    background-image: url(/Content/images/inp-invitation-active.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 242px;
    padding-left: 24px;
    height: 23px;
    margin-bottom: 12px;
    border: none;
    font-size: 16px;
    font-family: 'Conv_ProximaNova-Sbold';
    line-height: 23px;
    color: #fff;
}

.inpInvEmpty {
    background-image: url(/Content/images/inp-invitation.png);
}

.slim-control-register {
    display: block;
    border: none;
    padding-bottom: 15px;
    width: 266px;
    height: 23px;
}

.slim-control-register input {
    clear: left;
    float: right;
    color: #3B3B3B;
    border: none;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    width: 242px;
    padding-left: 24px;
    height: 23px;
    font-size: 16px;
    font-family: 'Conv_ProximaNova-Sbold';
    line-height: 23px;
    color: #fff;
}

.slim-control-register label.error {
    position: absolute;
    top: 25px;
    color: red;
    display: block;
    width: 242px;
    font-size: 11px;
    font-family: 'Conv_ProximaNova-Sbold';
    line-height: 11px;
    display: none;
}

body .slim-control-register {
    position: relative;
    height: 23px;
}

body .slim-control-register input {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    margin: 0;
    border: 0;
    z-index: 2;
}

body .slim-control-register input {
    background-image: url(/Content/images/inp-invitation.png);
    z-index: 3;
}

body .slim-control-register input.non-empty {
    background-image: url(/Content/images/inp-invitation-active.png);
}

.slim-control.small,
.slim-control input.small {
    width: 50px !important;
    padding: 0 0 0 10px !important;
}


.footer {
    clear: both;
    padding: 15px 20px 25px 20px;
    margin: 0 auto;
    font-size: 14px;
}

.copyright {
    display: inline-block;
}

.footer div,
.footer a,
.footer a:visited {
    color: #b4b4b4;
}

/*** End Users page *****************************************/

.slim-control .field-validation-error {
    display: block;
    position: absolute !important;
    left: 266px !important;
    top: -6px !important;
    height: 41px;
    background: url(/Content/images/bg-error.gif) no-repeat left top;
    padding-left: 10px;
    z-index: 4;
}

.slim-control .field-validation-error span {
    display: block;
    height: 41px;
    background: url(/Content/images/bg-error.gif) no-repeat right bottom;
    padding: 0 10px 0 8px;
    font-size: 13px;
    color: #92630E;
    line-height: 40px;
    white-space: nowrap;
}

.slim-control-register .field-validation-error {
    display: block;
    position: absolute !important;
    left: 232px !important;
    top: -12px !important;
    height: 35px;
    background: url(/Content/images/bg-error-inv.gif) no-repeat left top;
    padding-left: 9px;
}

.slim-control-register .field-validation-error span {
    display: block;
    height: 35px;
    background: url(/Content/images/bg-error-inv.gif) no-repeat right bottom;
    padding: 0 10px 0 8px;
    font-size: 13px;
    color: #92630E;
    line-height: 34px;
    white-space: nowrap;
}

/****************************************************************************/

/*** Stats ******************************************************************/

a.back {
    display: block;
    width: 23px;
    height: 43px;
    position: absolute;
    left: 48px;
    cursor: pointer;
}

a.back span {
    display: none;
}

a.btnGrey,
a.btnGrey:visited,
a.btnGrey:hover {
    display: block;
    float: left;
    background: url(/Content/images/btn-grey.png) no-repeat left top;
    padding-left: 3px;
    height: 34px;
    margin-bottom: 3px;
    text-decoration: none !important;
}

a.btnGrey span,
a.btnGrey:visited span,
a.btnGrey:hover span {
    display: block;
    float: left;
    background: url(/Content/images/btn-grey.png) no-repeat right bottom;
    padding: 0 12px 0 9px;
    height: 34px;
    font-family: OpenSans;
    font-size: 14px;
    line-height: 32px;
    color: #5A5A5A;
    text-decoration: none !important;
    cursor: pointer;
}


#educationLicenceFees .block {
    background: url(/Content/images/block-billing-grey-bottom.gif) no-repeat left bottom;
    padding-bottom: 10px;
}

#educationLicenceFees .block .cont {
    background: url(/Content/images/block-billing-grey-bg.gif) repeat-y left top;
    color: white;
}

.main.gg {
    top: 105px;
    padding-bottom: 110px;
}

.userInfo {
    background: none;
    padding: 18px 0;
}

.userInfo h2 {
    padding: 16px 0 2px 0;
}

.description .btn.pull-right {
    margin-top: 29px;
}

.tabsContainer {
    padding-top: 26px;
}

a.avatarBig,
a.avatarSmall {
    display: block;
    float: left;
    position: relative;
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

a.avatarBig img {
    display: block;
    width: 100px;
    height: 100px;
    position: relative;
}

a.avatarSmall img {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
}



.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.info {
    clear: both;
    padding: 10px 0;
}

.info .tableScore th {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
}

.info .tableScore td {
    text-align: left;
    padding-right: 0;
    white-space: nowrap;
    font-size: 18px;
    padding-bottom: 0;
    width: 80px;
}

.info .check {
    display: block;
    float: left;
    padding: 9px 0 0 15px;
}

.info .check input {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.info .check label {
    display: block;
    float: left;
    font-size: 14px;
    color: #5A5A5A;
    white-space: nowrap;
}

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

.advanced-block p {
    padding: 0;
}

.block-level {
    clear: both;
    margin-bottom: 49px;
}

.block-level.pull-left,
.block-level.pull-right {
    width: 46%;
    clear: none;
}

.advanced-block .date-progress {
    font: 50px/58px 'Conv_ProximaNova-Sbold';
}

.advanced-block .progressBar {
    height: 11px;
    margin: 1px 0 3px 0;
}

.advanced-block .progressBar span {
    height: 11px;
}

.advanced-block .text-right {
    font-size: 14px;
    text-align: right;
}

.baseGreenLight {
    color: #b9e261;
}

.baseGreenLight .progressBar span {
    background: #b9e261;
}

.baseGreen .progressBar span,
.progressBar.baseGreen span {
    background: #88c744;
}

.baseOrange .progressBar span {
    background: #ffc106;
}

.bar-wrap {
    padding: 20px 0 23px 0;
    font-size: 15px;
}

.bar-wrap .progressBar {
    height: 11px;
    margin-top: 5px;
}

.bar-wrap .progressBar span {
    height: 11px;
}

.listsInfo > li {
    list-style: none;
    font-size: 27px;
    padding: 10px 3%;
    margin-bottom: 39px;
    float: left;
    min-height: 150px;
    width: 40%;
    color: #fff;
    background: #404040;
    -webkit-border-radius: 3px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius: 3px;
    -moz-border-radius-bottomright: 25px;
    border-radius: 3px;
    border-bottom-right-radius: 25px;
}

.listsInfo > li:nth-child(2n) {
    float: right;
    clear: right;
}

.listsInfo .progressBar {
    height: 11px;
    background: rgba(255, 255, 255, 0.5);
}

.listsInfo .progressBar span {
    height: 11px;
    background: #fff;
}

.listsInfo .baseOrange {
    background: #ffc106;
}

.listsInfo .baseGreen {
    background: #90c029;
}

.listsInfo > li .big {
    font-size: 60px;
    display: block;
}

.listsInfo .baseOrange .big {
    font-size: 70px;
}

.listsInfo ul li {
    list-style: none;
    position: relative;
    padding: 8px 0 8px 50px;
}

.correctly-words li:before,
.incorrectly-words li:before {
    content: '';
    display: block;
    width: 32px;
    height: 23px;
    position: absolute;
    top: 12px;
    left: 0;
}

.incorrectly-words li:before {
    background-position: 0 -24px;
    height: 32px;
    top: 7px;
}

.keyboard_container2 {
    margin: 13px auto 42px auto;
    height: 283px;
    width: 100%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.keyboard_container2 .incorrect-letter {
    position: absolute;
    margin: 0;
}

.keyboard_container2 .q-letter {
    left: 72px;
    top: 85px;
}

.keyboard_container2 .w-letter {
    left: 120px;
    top: 85px;
}

.keyboard_container2 .e-letter {
    left: 169px;
    top: 85px;
}

.keyboard_container2 .r-letter {
    left: 218px;
    top: 85px;
}

.keyboard_container2 .t-letter {
    left: 267px;
    top: 85px;
}

.keyboard_container2 .y-letter {
    left: 316px;
    top: 85px;
}

.keyboard_container2 .u-letter {
    left: 365px;
    top: 85px;
}

.keyboard_container2 .i-letter {
    left: 414px;
    top: 85px;
}

.keyboard_container2 .o-letter {
    left: 463px;
    top: 85px;
}

.keyboard_container2 .p-letter {
    left: 512px;
    top: 85px;
}

.keyboard_container2 .a-letter {
    left: 88px;
    top: 134px;
}

.keyboard_container2 .s-letter {
    left: 136px;
    top: 134px;
}

.keyboard_container2 .d-letter {
    left: 185px;
    top: 134px;
}

.keyboard_container2 .f-letter {
    left: 234px;
    top: 134px;
}

.keyboard_container2 .g-letter {
    left: 283px;
    top: 134px;
}

.keyboard_container2 .h-letter {
    left: 332px;
    top: 134px;
}

.keyboard_container2 .j-letter {
    left: 381px;
    top: 134px;
}

.keyboard_container2 .k-letter {
    left: 430px;
    top: 134px;
}

.keyboard_container2 .l-letter {
    left: 479px;
    top: 134px;
}

.keyboard_container2 .z-letter {
    left: 113px;
    top: 182px;
}

.keyboard_container2 .x-letter {
    left: 162px;
    top: 182px;
}

.keyboard_container2 .c-letter {
    left: 211px;
    top: 182px;
}

.keyboard_container2 .v-letter {
    left: 260px;
    top: 182px;
}

.keyboard_container2 .b-letter {
    left: 309px;
    top: 182px;
}

.keyboard_container2 .n-letter {
    left: 358px;
    top: 182px;
}

.keyboard_container2 .m-letter {
    left: 407px;
    top: 182px;
}

.incorrect-letter {
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 41px;
    margin: 0 10px;
    background: #ff9600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font: 12px/40px 'Conv_ProximaNova-Sbold';
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.incorrect-letter.red {
    background: #f03333;
}

.number-info {
    border: 1px solid #90c029;
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0 68px 0;
    overflow: hidden;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.number-info .col-sm-4 {
    position: relative;
    height: 90px;
}

.number-info .col-sm-4 p {
    padding: 10px 95px 10px 17px;
}

.number-info .pull-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 90px;
    text-align: center;
    background: #90c029;
    font-size: 45px;
    line-height: 90px;
}

.col-sm-4 {
    width: 33.333333333%;
    float: left;
}

.moduleView {
    position: absolute;
    top: 109px;
    right: 46px;
}

.moduleView .grid-view {
    display: block;
    height: 35px;
    width: 35px;
    position: relative;
    margin-bottom: 23px;
    cursor: pointer;
    background: url(/Content/images/svg/icons/iconset-actions-36.svg) no-repeat;
}

.moduleView .line-view {
    display: block;
    width: 36px;
    height: 36px;
    background: url(/Content/images/svg/icons/iconset-actions-36.svg) no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}

.moduleView .line-view:before,
.moduleView .line-view:after {
    content: '';
    position: absolute;
    left: 0;
}

.moduleView .line-view:before {
    top: 11px;
}

.moduleView .line-view:after {
    top: 22px;
}

.moduleView span {
    cursor: pointer;
}

.moduleView span.current {
    cursor: default;
}

.moduleView .user-view {
    display: block;
    width: 36px;
    height: 36px;
    margin-bottom: 25px;
}

.filter + .moduleView,
.panelOptions + .moduleView {
    top: 35px;
}


/*--- accordion view ---*/

.list-view {
    width: 20px;
    height: 10px;
    display: block;
    border: 2px solid #b4b4b4;
    border-width: 2px 0;
    position: relative;
    cursor: pointer;
}

.list-view:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    border-top: 2px solid #b4b4b4;
}

.fa-info {
    display: inline-block;
    position: relative;
    border: 1px solid #1cacec;
    height: 18px;
    width: 18px;
    font: bold 14px/18px Georgia;
    font-style: italic;
    color: #1cacec;
    text-align: center;
    vertical-align: top;
    margin: 2px 0 0 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.fa-info:hover .tooltip,
.faq-ico:hover .tooltip {
    display: block;
}

.tooltip {
    display: none;
    width: 440px;
    z-index: 100;
    position: absolute;
    font: 16px 'Conv_ProximaNova-Regular';
    text-align: left;
    color: #f0f0f0;
    background: rgba(0, 0, 0, 0.95);
    padding: 15px 10px 15px 15px;
    top: 36px;
    left: -40px;
}

.tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 40px;
    border: 10px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.95);
}

/*--- /accordion view ---*/

/*--- subjects ---*/

.subjects {
    padding: 10px 0;
}

.subjects .subject-item {
    font-size: 20px;
    display: block;
    color: #f0f0f0;
    padding: 17px 170px 17px 22px;
    margin-bottom: 15px;
    position: relative;
    border: 2px solid #b4b4b4;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}

.subjects .subject-item .text {
    float: left;
}

.subjects .subject-item.flagged {
    padding-right: 70px;
}

.subjects .subject-item .flag {
    text-align: right;
}

.subjects .subject-item:hover {
    text-decoration: none;
    background: #545454;
}

.subjects .subject-item span {
    color: #b4b4b4;
    font-size: 16px;
    position: absolute;
    top: 18px;
    right: 10px;
}

/*--- /subjects ---*/

.font20 {
    font-size: 20px;
}

.chooseLevel {
    float: left;
    width: 600px;
}

.chooseLevel label {
    float: left;
    padding-right: 20px;
    line-height: 32px;
    font-weight: normal;
}

.chooseLevel select {
    width: 100px;
}

.chooseLevel select.selectAverage {
    width: 207px;
}

.viewTabs {
    width: 250px;
    height: 27px;
    margin: 0 auto 20px auto;
    cursor: pointer;
    border: 1px solid #88c744;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.viewTabs a {
    display: block;
    float: left;
    width: 50%;
    height: 27px;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 27px;
}

.viewTabs a:hover {
    text-decoration: none;
    background: #4e4e4e;
}

.viewTabs a.active {
    color: #fff;
    background: #88c744;
}

.view3Tabs {
    width: auto;
    display: inline-block;
}

.view3Tabs a {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #88c744;
}

.view3Tabs a:first-child {
    border: none;
}

.wrapGraph {
    clear: both;
    padding: 40px 0 40px 33px;
}

.wrapGraph .label {
    float: left;
    width: 50px;
    font-size: 12px;
    position: relative;
    top: -35px;
    left: -33px;
}

.wrapGraph .pull-right .check {
    position: relative;
    font-size: 12px;
    top: -35px;
    z-index: 99;
}

.level-progress {
    padding-bottom: 14px;
}

.level-progress li {
    float: left;
    list-style: none;
    width: 4.1666%;
}

.level-progress li span {
    display: inline-block;
    background: #3a3a3a;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #c8c8c8;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.level-progress li .baseGreen {
    background: #88c744;
    color: #fff;
}

.level-progress li .baseOrange {
    background: #f7a900;
    color: #fff;
}

.level-progress li .baseBlue {
    background: #00aeef;
    color: #fff;
}

.graph {
    width: 100%;
    height: 210px;
    position: relative;
    margin-bottom: 20px;
}

.graph .scale {
    display: block;
    width: 750px;
    height: 210px;
    list-style: none;
}

.graph .scale li {
    display: block;
    width: 100%;
    list-style: none;
    border-top: 1px solid rgba(200, 200, 200, 0.3);
    height: 20px;
    position: relative;
}

.graph .scale li span {
    display: block;
    position: absolute;
    left: -35px;
    top: -8px;
    width: 20px;
    text-align: right;
    font-size: 12px;
}

.graph .scale li strong {
    display: block;
    position: absolute;
    left: -35px;
    top: -8px;
    width: 20px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

.graph ul.line {
    display: block;
    position: absolute;
    list-style: none;
    height: 210px;
    width: 100%;
    left: 0;
    top: 0;
    z-index:0;
}

.graph .line li {
    display: block;
    float: left;
    width: 40px;
    height: 210px;
    position: relative;
    left: 0;
    top: 0;
}

.graph .line li span.line {
    display: block;
    width: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.graph .line li strong {
    display: block;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=21);
    transform-origin: 50% 50%;
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    height: 20px;
    width: 100px;
    text-align: left;
    white-space: nowrap;
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    left: -40px;
    bottom: 45px;
    z-index: 20;
}

.graph .line li span.line span {
    display: block;
    width: 20px;
    position: absolute;
    top: -18px;
    left: 8px;
    z-index: 10;
    background: url(/Content/images/info.png) no-repeat left top;
    width: 20px;
    height: 18px;
    font-size: 11px;
    text-align: center;
    line-height: 13px;
    color: #fff;
}

.graph .line li.normal span.line {
    background: #88c744;
    -webkit-print-color-adjust: exact;
}

.graph .line li.attention span.line {
    background: #f7a900;
    -webkit-print-color-adjust: exact;
}

.graph .line li.alarm span.line {
    background: #00aeef;
    -webkit-print-color-adjust: exact;
}

.graphBot {
    clear: both;
    font-size: 12px;
    line-height: 15px;
}

.graphBot .legends {
    float: left;
}

.graphBot .legends li {
    display: inline-block;
    list-style: none;
    background-position: left top;
    background-repeat: no-repeat;
    height: 15px;
    margin-right: 27px;
}

li.attent {
    position: relative;
}

li.attent:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #f7a900;
    -webkit-print-color-adjust: exact;
}

li.attent::before,
li.high::before,
li.norm::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    -webkit-print-color-adjust: exact;
    margin-right: 10px;
}

li.attent::before {
    background: #f7a900;
}

li.high::before {
    background: #88c744;
}

li.norm::before {
    background: #88c744;
}

.graph-footer{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.wrapGrid {
    background: #fff url(/Content/images/grid-th.gif) repeat-x left top;
}

.wrapGrid .graphBot .legends {
    background: #fff;
    padding: 20px 25px;
}


.baseGreen {
    color: #88c744;
}

.baseOrange {
    color: #f7a900;
}

/*--- Classes ---*/

.userClasses {
    padding: 7px 0;
}

.userClasses li {
    list-style: none;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 16px 175px 16px 167px;
    margin-bottom: 15px;
    min-height: 90px;
    border: none;
}

.userClasses li .check {
    position: absolute;
    top: 50px;
    left: 20px;
}

.className {
    font-size: 25px;
    padding: 17px 0 4px 0;
}

.user-class {
    width: 92px;
    height: 90px;
}

.user-class-stat-container {
    display: flex;
    flex-direction: row;
}

.class-code-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}

.class-code-caption {
    font-family: 'Conv_ProximaNova-Regular';
    font-size: 15px;
    white-space: nowrap;
    padding: 0 25px 0 30px;
}

.class-code-copy-image {
    position: absolute;
    border-radius: 4px;
    background-image: url("/Content/images/svg/ico-copy.svg");
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 11px;
    right: 10px;
}

.class-code-textbox {
    border: none;
    width: 155px;
    height: 42px;
    -ms-border-radius: 15px;
    border-radius: 4px;
    font-size: 18px;
    padding: 0 0 0 25px;
}

.class-code-input-container {
    position: relative;
    border-radius: 4px;
}

#class-code-copy {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 100%;
    background-color: transparent;
    color: #b4b4b4;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    border-left: 1px solid;
    z-index: 3;
}

.userClasses .user-class {
    position: absolute;
    top: 16px;
    left: 60px;
}

.userClasses .pull-right {
    font-size: 16px;
    position: absolute;
    top: 38px;
    right: 48px;
    text-align: right;
}

.userClasses .pull-right p {
    white-space: nowrap;
}

.userClasses .pull-right p span {
    display: inline-block;
    min-width: 27px;
}

.userClasses .arr {
    display: block;
    width: 28px;
    height: 43px;
    position: absolute;
    top: 40px;
    right: 4px;
}

.user-class.baseBlue {
    background-color: #6689d5;
}

.user-class.baseYellow {
    background-color: #ffd42a;
}

.user-class.baseOrange {
    background-color: #ee6500;
}

.user-class.baseLilac {
    background-color: #aa66cc;
}

.view-more {
    font-size: 16px;
    color: #b4b4b4;
    border-bottom: 1px solid #9d9d9d;
}

.view-more:hover {
    border-color: transparent;
    text-decoration: none;
}

.hintPopup {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    color: #b4b4b4;
    z-index: 1100;
    display: none;
}

.hintPopup:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}

.hintWrap {
    max-width: 850px;
    margin: 135px auto 0 auto;
    position: relative;
    z-index: 1111;
}

.hintContent {
    background: #000;
    padding: 20px;
    margin-right: 360px;
}

.btn.show-hint {
    position: relative;
    z-index: 2000;
}

.hintPopup .title {
    font-size: 22px;
    padding: 5px 0 18px 0;
}

.hintPopup .btn-small {
    margin-top: 2px;
}

.hintPopup .btn-small span {
    font-size: 13px;
}

.hintPopup p {
    padding-bottom: 18px;
}

/*--- /Classes ---*/

.tdDate {
    text-align: left;
    width: 220px;
}

.tdModule {
    text-align: center;
    color: #000;
    width: 70px;
}

.tdPercent {
    width: 142px;
}

.tdPercent span {
    display: block;
    color: #000;
    padding-left: 115px;
    background-position: left center;
    background-repeat: no-repeat;
}

.tdPercent .norm {
    background-image: url(/Content/images/percent-norm.gif);
    -webkit-print-color-adjust: exact;
}

.tdPercent .attent {
    background-image: url(/Content/images/percent-attent.gif);
    -webkit-print-color-adjust: exact;
}

.tdWPN {
    text-align: center;
    color: #000;
    width: 50px;
}

.tdTime {
    text-align: center;
    color: #000;
    width: 50px;
}

.tdTotal {
    text-align: center;
    color: #000;
    width: 60px;
}

.tdNH {
    text-align: center;
    color: #000;
}

/*** End Stats **************************************************************/

/*** Levels *****************************************************************/

div.e:hover {
    background-color: #FF0000;
}

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

.arrowKeys a {
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 2px;
}

.arrDown {
    background: url(/Content/images/arr-down.png) no-repeat left top;
}

.arrUp {
    background: url(/Content/images/arr-up.png) no-repeat left top;
}

.arrowKeys span {
    display: block;
    float: left;
    padding-left: 8px;
    font-size: 12px;
    line-height: 19px;
    color: #2F2F2F;
}

.arrowKeys .useV {
    display: block;
    float: left;
    padding-left: 60px;
    font-size: 12px;
    line-height: 19px;
    color: #2F2F2F;
    background: url(/Content/images/arr-V.png) no-repeat 35px top;
}

.arrowKeys .trainingMode {
    display: block;
    float: left;
    padding-left: 50px;
    font-size: 12px;
    line-height: 19px;
    color: #2F2F2F;
    background: url(/Content/images/modeTGrey.gif) no-repeat 35px 4px;
}

.arrowKeys .dictationMode {
    display: block;
    float: left;
    padding-left: 60px;
    font-size: 12px;
    line-height: 19px;
    color: #2F2F2F;
    background: url(/Content/images/mod-voice.gif) no-repeat 35px top;
}



.statusModules {
    position: relative;
    height: 39px;
    float: right;
    display: block;
}

ul.lmodules li a,
ul.lmodules li a:visited {
    background: none;
    padding: 0 7px;
}

/*** End Levels *************************************************************/

/*** Settings ***************************************************************/

.containerSetting {
    width: 840px;
    background: url(/Content/images/settings-bot.png) no-repeat left bottom;
    padding-bottom: 9px;
}

.containerSettingTop {
    background: url(/Content/images/settings-top.png) no-repeat left top;
    padding-top: 9px;
}

.containerSettingCont {
    background: url(/Content/images/settings-bg.png) repeat-y left top;
    padding: 35px 30px;
    position: relative;
}

.setting .setLeft {
    width: 560px;
}

.setBg,
.setBg:visited {
    display: block;
    float: left;
    width: 54px;
    height: 63px;
    background: url(/Content/images/setting-bord-white.gif) no-repeat left top;
    margin: 0 10px 5px 0;
    padding: 4px 4px 0 4px;
}

.setBg span {
    display: block;
    width: 54px;
    height: 54px;
    background-repeat: repeat-x;
    background-position: left top;
    cursor: pointer;
}

.setBg:hover,
.setBg.current {
    background: url(/Content/images/setting-bord-yellow.gif) no-repeat left top;
}

.bgTable1 {
    background-image: url(/Content/images/table-texture-1.gif);
}

.bgTable2 {
    background-image: url(/Content/images/table-texture-2.gif);
}

.bgTable3 {
    background-image: url(/Content/images/table-texture-3.gif);
}

.bgTable4 {
    background-image: url(/Content/images/table-texture-4.gif);
}

.bgScreen1 {
    background-image: url(/Content/images/screen-bg-1.gif);
}

.bgScreen1 .topText {
    color: #FFFFFF;
}

.bgScreen1 .bottomText {
    color: #FFFFFF;
    opacity: 0.8;
}

.bgScreen2 {
    background-image: url(/Content/images/screen-bg-2.gif);
    color: #FFFFFF;
}

.bgScreen2 .topText {
    color: #FFFFFF;
}

.bgScreen2 .bottomText {
    color: #FFFFFF;
    opacity: 0.8;
}

.bgScreen3 {
    background-image: url(/Content/images/screen-bg-3.gif);
}

.bgScreen3 .topText {
    color: #FFFFFF;
}

.bgScreen3 .bottomText {
    color: #FFFFFF;
    opacity: 0.8;
}

.bgScreen4 {
    background-image: url(/Content/images/screen-bg-4.gif);
}

.bgScreen4 .topText {
    color: #FFFFFF;
}

.bgScreen4 .bottomText {
    color: #FFFFFF;
    opacity: 0.8;
}

.bgScreen5 {
    background-image: url(/Content/images/screen-bg-5.gif);
    color: #000000;
}

.bgScreen5 .topText {
    color: #7497c6;
}

.bgScreen5 .bottomText {
    color: #5680b3;
}

.bgScreen6 {
    background-image: url(/Content/images/screen-bg-6.gif);
    color: #000000;
}

.bgScreen6 .topText {
    color: #74b569;
}

.bgScreen6 .bottomText {
    color: #74b569;
}

.bgScreen7 {
    background-image: url(/Content/images/screen-bg-7.gif);
    color: #000000;
}

.bgScreen7 .topText {
    color: #b57f6b;
}

.bgScreen7 .bottomText {
    color: #a04a1f;
}

.bgScreen8 {
    background-image: url(/Content/images/screen-bg-8.gif);
    color: #000000;
}

.bgScreen8 .topText {
    color: #b57f6b;
}

.bgScreen8 .bottomText {
    color: #a04a1f;
}

.settingOptions {
    float: left;
    height: 34px;
    white-space: normal;
}

.settingOptions a,
.settingOptions a:visited {
    display: block;
    float: left;
    height: 32px;
    background-image: url(/Content/images/settings-panel.gif);
    background-repeat: no-repeat;
    padding: 0 20px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-position: center top;
    border-left: 1px solid #737373;
    border-right: 1px solid #4C4C4C;
    text-decoration: none !important;
}

.settingOptions a:hover,
.settingOptions a.current,
.settingOptions a.current:visited {
    background-position: center -34px;
    text-decoration: none;
}

.settingOptions a.btnL,
.settingOptions a.btnL:visited {
    background-position: left top;
    border-left: none;
}

.settingOptions a.btnR,
.settingOptions a.btnR:visited {
    background-position: right top;
    border-right: none;
    font-size: 13px;
}

.settingOptions a.btnL:hover,
.settingOptions a.btnL.current,
.settingOptions a.btnL.current:visited {
    background-position: left -34px;
    text-decoration: none !important;
}

.settingOptions a.btnR:hover,
.settingOptions a.btnR.current,
.settingOptions a.btnR.current:visited {
    background-position: right -34px;
    text-decoration: none !important;
}

.setting .setRight {
    position: absolute;
    right: 10px;
    top: 37px;
    color: #CACACA;
    text-align: left;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
}

.currentValue {
    color: #fff;
}

.setting .slim-control {
    display: block;
    background: url(/Content/images/set-input.gif) no-repeat left top;
    height: 30px;
    width: 298px;
    border: none;
    padding-bottom: 2px;
    color: #B6B6B6;
    font-family: OpenSans;
    font-size: 14px;
    line-height: 30px;
}

.setting .slim-control label {
    color: #7b7b7b;
    line-height: 32px;
}

.setting .slim-control input {
    color: #fff;
    width: 272px;
    line-height: 30px;
}

body .setting .slim-control label,
body .setting .slim-control input {
    height: 30px;
}

.setting .slim-control .field-validation-error {
    display: block;
    position: absolute !important;
    left: 288px !important;
    top: -6px !important;
    height: 41px;
    background: url(/Content/images/bg-error.gif) no-repeat left top;
    padding-left: 10px;
    z-index: 4;
}

.setting .slim-control input.non-empty {
    background: url(/Content/images/set-input.gif) no-repeat left top;
}

.setting .field-validation {
    background: url(/Content/images/allow.gif) no-repeat left center;
    line-height: 34px;
    padding-left: 42px;
    color: #fff;
    left: 310px !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 4;
    white-space: nowrap;
}

.setting input[type='checkbox'] {
    display: block;
    float: left;
    margin: 10px 5px 0 25px;
    height: 13px;
    width: 13px;
}

#scoreLabel {
    color: #fff;
    line-height: 13px;
    margin-top: 10px;
}

button.btnSetting {
    display: block;
    margin: 0;
    height: 33px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

button.btnSetting span {
    display: block;
    float: left;
    background-image: url(/Content/images/btn-set.gif);
    background-position: right -34px;
    background-repeat: no-repeat;
    padding-right: 5px;
    height: 33px;
    cursor: pointer;
}

button.btnSetting span span {
    background-position: left top;
    padding: 0 14px 0 19px;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
}

.uploadAvatarWrap {
    text-align: center;
}

.uploadAvatarWrap button.btnSetting {
    height: 32px;
    width: 87px;
}

.uploadAvatarWrap button.btnSetting span {
    height: 32px;
}

.uploadAvatarWrap button.btnSetting span span {
    line-height: 32px;
    height: 32px;
    width: 50px;
    text-decoration: none !important;
}


.setRight.hasaccess.default.administrator {
    margin-top: 207px;
}

.setRight.hasaccess.default.administrator .blockPreview {
    top: -50px;
}


.prevTable {
    width: 300px;
    height: 200px;
    padding-top: 20px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background-position: left top;
    background-repeat: repeat;
}

.wrapScreen {
    width: 270px;
    height: 87px;
    margin: 0 auto;
    position: relative;
    background: #0093fa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.screen {
    height: 75px;
    position: relative;
    font-weight: bold;
    font-size: 17px;
    border: 1px solid #fff;
    padding: 10px 0 0 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrapScreenFull {
    width: 283px;
    height: 160px;
    position: relative;
    top: 9px;
    background: url(/Content/images/preview-screen-bg-full.png) no-repeat left top;
}

.wrapScreenFull .screen {
    width: 249px;
    height: 135px;
    position: relative;
    top: 4px;
    left: 11px;
    background-position: left top;
    background-repeat: repeat-x;
    padding: 8px 0 0 12px;
}

.wrapScreenFull .bgScreen1 {
    background-image: url(/Content/images/screen-full-bg-1.gif);
    color: #FFFFFF;
}

.wrapScreenFull .bgScreen2 {
    background-image: url(/Content/images/screen-full-bg-2.gif);
    color: #FFFFFF;
}

.wrapScreenFull .bgScreen3 {
    background-image: url(/Content/images/screen-full-bg-3.gif);
    color: #FFFFFF;
}

.wrapScreenFull .bgScreen4 {
    background-image: url(/Content/images/screen-full-bg-4.gif);
    color: #FFFFFF;
}

.wrapScreenFull .bgScreen5 {
    background-image: url(/Content/images/screen-full-bg-5.gif);
    color: #000000;
}

.wrapScreenFull .bgScreen6 {
    background-image: url(/Content/images/screen-full-bg-6.gif);
    color: #000000;
}

.wrapScreenFull .bgScreen7 {
    background-image: url(/Content/images/screen-full-bg-7.gif);
    color: #000000;
}

.wrapScreenFull .bgScreen8 {
    background-image: url(/Content/images/screen-full-bg-8.gif);
    color: #000000;
}

.screen a {
    position: absolute;
    right: 6px;
    top: 7px;
    width: 13px;
    height: 13px;
    background: url(/Content/images/preview-screen-ico.png) no-repeat left top;
}

.keyboard {
    position: relative;
    margin: 0 auto;
    top: 13px;
    width: 249px;
    height: 96px;
    background-position: left top;
    background-repeat: no-repeat;
}

.keyboardLight {
    background-image: url(/Content/images/preview-keyboard-light.png);
}

.keyboardDark {
    background-image: url(/Content/images/preview-keyboard-dark.png);
}

.keyboardLightEmpty {
    background-image: url(/Content/images/preview-keyboard-light-empty.png);
}

.keyboardDarkEmpty {
    background-image: url(/Content/images/preview-keyboard-dark-empty.png);
}

.keyboardLightKey {
    background-image: url(/Content/images/preview-keyboard-light-empty1.png);
}

.keyboardDarkKey {
    background-image: url(/Content/images/preview-keyboard-dark-empty1.png);
}

.hands {
    position: absolute;
    bottom: 4px;
    left: 52px;
    width: 160px;
    height: 50px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.hands .handLeft,
.hands .handRight {
    display: block;
    width: 80px;
    height: 50px;
}

.hands .handLeft {
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
}

.hands .handRight {
    background-position: right bottom;
    background-repeat: no-repeat;
    float: right;
}

.handsLight.orangecolor .handLeft,
.handsLight.orangecolor .handRight {
    background-image: url(/Content/images/preview-hands-light.png);
}

.handsDark.orangecolor .handLeft,
.handsDark.orangecolor .handRight {
    background-image: url(/Content/images/preview-hands-dark.png);
}

.handsLight.bluecolor .handLeft,
.handsLight.bluecolor .handRight {
    background-image: url(/Content/images/preview-hands-blue-light.png);
}

.handsDark.bluecolor .handLeft,
.handsDark.bluecolor .handRight {
    background-image: url(/Content/images/preview-hands-blue-dark.png);
}

.handsLight.lightbluecolor .handLeft,
.handsLight.lightbluecolor .handRight {
    background-image: url(/Content/images/preview-hands-light-blue-light.png);
}

.handsDark.lightbluecolor .handLeft,
.handsDark.lightbluecolor .handRight {
    background-image: url(/Content/images/preview-hands-light-blue-dark.png);
}

.handsLight.redcolor .handLeft,
.handsLight.redcolor .handRight {
    background-image: url(/Content/images/preview-hands-red-light.png);
}

.handsDark.redcolor .handLeft,
.handsDark.redcolor .handRight {
    background-image: url(/Content/images/preview-hands-red-dark.png);
}


.handsLight.megalightbluecolor .handLeft,
.handsLight.megalightbluecolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-blue-light.png);
}

.handsDark.megalightbluecolor .handLeft,
.handsDark.megalightbluecolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-blue-dark.png);
}

.handsLight.megalightgreencolor .handLeft,
.handsLight.megalightgreencolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-green-light.png);
}

.handsDark.megalightgreencolor .handLeft,
.handsDark.megalightgreencolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-green-dark.png);
}

.handsLight.megalightpingcolor .handLeft,
.handsLight.megalightpingcolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-ping-light.png);
}

.handsDark.megalightpingcolor .handLeft,
.handsDark.megalightpingcolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-ping-dark.png);
}

.handsLight.megalightorangecolor .handLeft,
.handsLight.megalightorangecolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-orange-light.png);
}

.handsDark.megalightorangecolor .handLeft,
.handsDark.megalightorangecolor .handRight {
    background-image: url(/Content/images/preview-hands-megalight-orange-dark.png);
}

.notVisible {
    display: none;
}

.setting td.blockTitle {
    padding-top: 45px;
}

.settingTabs {
    position: absolute;
    height: 32px;
    white-space: normal;
    left: 240px;
    top: -30px;
}

.settingTabs a,
.settingTabs a:visited {
    display: block;
    float: left;
    height: 32px;
    background-image: url(/Content/images/settingsTabs.png);
    background-repeat: no-repeat;
    padding: 0 15px;
    font-size: 13px;
    line-height: 32px;
    color: #fff;
    background-position: center top;
    border-left: 1px solid #737373;
    border-right: 1px solid #4C4C4C;
    text-transform: uppercase;
}

.settingTabs a:hover,
.settingTabs a.current,
.settingTabs a.current:visited {
    background-position: center -32px;
    text-decoration: none;
    text-decoration: none !important;
}

.settingTabs a.btnL,
.settingTabs a.btnL:visited {
    background-position: left top;
    border-left: none;
    text-decoration: none !important;
}

.settingTabs a.btnR,
.settingTabs a.btnR:visited {
    background-position: right top;
    border-right: none;
    text-decoration: none !important;
}

.settingTabs a.btnL:hover,
.settingTabs a.btnL.current,
.settingTabs a.btnL.current:visited {
    background-position: left -32px;
    text-decoration: none !important;
}

.settingTabs a.btnR:hover,
.settingTabs a.btnR.current,
.settingTabs a.btnR.current:visited {
    background-position: right -32px;
    text-decoration: none !important;
}

.topButton {
    position: absolute;
    right: 40px;
    top: 30px;
    width: 181px;
    height: 38px;
    background: url(/Content/images/settings-black-top-tab.png) no-repeat left;
    padding: 10px 10px 10px 11px;
}


/*** End Setting ************************************************************/

/*** Dashboard **************************************************************/

#dashboard a.avatar {
    display: block;
    float: left;
    width: 56px;
    height: 58px;
    position: relative;
    margin: 0 5px;
}

#dashboard a.avatar:hover {
    text-decoration: none;
}

#dashboard a.avatar img {
    display: block;
    width: 56px;
    height: 56px;
    position: relative;
}

#dashboard a.avatar span {
    display: block;
    width: 56px;
    height: 58px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/Content/images/user-dash.png) no-repeat left top;
}

#dashboard a.avatarCurrent span,
#dashboard a.avatar:hover span {
    background: url(/Content/images/user-dash-current.png) no-repeat left top;
}

#dashboard a.avatar span.babble {
    display: none;
}

#dashboard a.avatar:hover span.babble {
    display: block;
    height: 30px;
    width: auto;
    position: absolute;
    left: -20px;
    top: -50px;
    background: url(/Content/images/bable.png) no-repeat left top;
    white-space: nowrap;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    text-decoration: none;
}

#dashboard a.avatar span.babble span {
    display: inline;
    position: static;
    background: none;
    white-space: nowrap;
    text-transform: none;
    color: #9D9D9D;
    text-decoration: none;
}

.yourClass,
.yourClass:visited,
.yourClass:hover {
    display: block;
    float: left;
    width: 56px;
    height: 58px;
    position: relative;
    margin: 0 5px;
    background: url(/Content/images/user-dash-ball.png) no-repeat left top;
    font-size: 18px;
    font-family: OpenSans;
    line-height: 56px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

#dashboard h1 {
    line-height: 56px;
    padding-bottom: 15px;
    background: #5a5a5a;
}

.blockMiddleLightTop .wrap {
    background: url(/Content/images/block-Middle-White.png) no-repeat scroll left top transparent;
    padding-top: 20px;
}

.blockMiddleLightTop .top {
    height: 69px;
    padding: 0 25px;
}

.blockMiddleLightTop .top p {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 48px;
    padding-left: 20px;
}

a.btnBiggest,
a.btnBiggest:visited,
a.btnBiggest:hover,
button.btnBiggest {
    display: block;
    float: left;
    height: 48px;
    cursor: pointer;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none !important;
}

a.btnBiggest span,
a.btnBiggest:visited span,
a.btnBiggest:hover span,
button.btnBiggest span {
    display: block;
    float: left;
    height: 48px;
    background-image: url(/Content/images/btn-biggest.png);
    background-repeat: no-repeat;
    background-position: right -48px;
    padding-right: 4px;
    text-decoration: none;
    text-decoration: none !important;
}

a.btnBiggest span span,
a.btnBiggest:visited span span,
a.btnBiggest:hover span span,
button.btnBiggest span span {
    background-image: url(/Content/images/btn-biggest.png);
    background-position: left top;
    padding: 0 21px 0 25px;
    color: #fff;
    font-family: 'OpenSansBold';
    font-size: 16px;
    line-height: 48px;
    padding: 0 13px 0 20px;
    text-shadow: 1px 1px #A5C24C, -1px -1px #3A7300;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none !important;
}

.blockMiddleLightTop .cont {
    padding-top: 20px;
}

a.linkSee,
a.linkSee:visited {
    float: right;
    padding-top: 3px;
    color: #1785CA;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}


.graphLevelsList {
    display: block;
    height: 22px;
    list-style: none;
    width: 100%;
    margin-top: -13px;
}

.graphLevelsList li {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #88c744;
    text-align: center;
}

.graphLevelsList li.last {
    border-right: none;
}

.totalStat {
    width: 100%;
}

.totalStat th,
.totalStat td {
    width: 32%;
    text-align: center;
    background: url(/Content/images/total-deliver.gif) repeat-y right top;
}

.totalStat th {
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
}

.totalStat td {
    font-size: 40px;
    font-weight: bold;
    line-height: 75px;
    color: #6A6A6A;
}

.totalStat th.last,
.totalStat td.last {
    width: 36%;
    text-align: center;
    background: none;
}

#dashboard .sidebar {
    padding-top: 40px;
}

#billing .sidebar {
    width: 258px;
    padding-top: 20px;
}

.trailPeriod {
    margin-bottom: 30px;
}

.daysLeft {
    display: block;
    background: url(/Content/images/period-dot.gif) repeat-x left 15px;
    overflow: hidden;
}

.daysLeft .tdL {
    display: block;
    text-align: left;
    background: none;
    line-height: 22px;
    float: left;
    width: auto;
    background: url(/Content/images/body-bg.gif) repeat 0 0;
    padding-right: 5px;
}

.daysLeft .tdR {
    display: block;
    float: right;
    text-align: right;
    width: auto;
    background: none;
    height: 22px;
    background: url(/Content/images/body-bg.gif) repeat 0 0;
    padding-left: 5px;
    color: #fff;
    line-height: 30px;
}

#billing .daysLeft .tdR {
    line-height: 22px;
}

.quoteDay {
    display: block;
    background: url(/Content/images/days.png) no-repeat left top;
    height: 27px;
    width: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    margin: 0 0 0 auto;
}

.btnDarkGrey {
    display: block;
    float: left;
    background-image: url(/Content/images/btn-grey-dash.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 5px;
    height: 27px;
    cursor: pointer;
    margin-top: 5px;
}

.btnDarkGrey span {
    display: block;
    float: left;
    background-image: url(/Content/images/btn-grey-dash.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 7px 0 12px;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 12px;
    line-height: 27px;
    color: #fff;
    white-space: nowrap;
    margin-bottom: 15px;
    text-decoration: none !important;
}

.blockSidebar {
    background: url(/Content/images/sidebar-block-deliver.gif) repeat-x left top;
    clear: both;
    padding-top: 10px;
    margin-bottom: 20px;
}

.usersBlock {
    clear: both;
}

a.view,
a.view:visited {
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 27px;
    margin-right: 10px;
}

a.news {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    text-align: justify;
    margin-bottom: 10px;
}

a.news span {
    color: #BEBEBE;
    font-style: italic;
}

/*** End Dashboard **********************************************************/

/*** Billing ****************************************************************/

.blockMiddleBillingGrid .wrap {
    background: url(/Content/images/billing-grid-top.png) no-repeat left top;
    padding-top: 52px;
    width: 553px;
}

.blockMiddleBillingGrid .cont {
    padding: 0 6px 10px 6px;
}

.gridBilling {
    position: relative;
    top: -54px;
    width: 541px;
    border-bottom: 1px solid #fff;
}

.trTitleGrid th {
    height: 54px;
    vertical-align: middle;
    text-align: left;
    padding: 0 15px;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: bold;
    white-space: nowrap;
}

.gridBilling td {
    text-align: left;
    padding: 10px 15px;
    vertical-align: middle;
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #fff;
    font-size: 14px;
}

.gridBilling .tdInvoice {
    width: 60px;
    color: #1785CA;
}

.gridBilling .tdDate {
    width: 80px;
    color: #1785CA;
}

.gridBilling .tdAmount {
    width: 60px;
    color: #000;
}

.gridBilling .tdStatus {
    width: 70px;
    color: #6A8C05;
}

.gridBilling .notPaid .tdStatus {
    width: 60px;
    color: #E43B00;
}

.gridBilling td.tdAction {
    width: 108px;
    padding: 5px 15px;
}

a.btnMake,
a.btnMake:visited,
a.btnMake:hover {
    display: block;
    background: url(/Content/images/btn-grid-green.gif) no-repeat left top;
    height: 26px;
    width: 108px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    -moz-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    -webkit-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    line-height: 26px;
    text-decoration: none !important;
    cursor: pointer;
}

a.btnView,
a.btnView:visited,
a.btnView:hover {
    display: block;
    background: url(/Content/images/btn-grid-black.gif) no-repeat left top;
    height: 26px;
    width: 108px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    -moz-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    -webkit-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    line-height: 26px;
    text-decoration: none !important;
    cursor: pointer;
}

.blockAlert {
    background: url(/Content/images/block-alert-bottom.gif) no-repeat left bottom;
    width: 258px;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.blockAlert .cont {
    background: url(/Content/images/block-alert-top.gif) no-repeat left top;
    padding-top: 7px;
}

.blockAlert .cont div {
    background: #FFEB7F url(/Content/images/ico-alert.gif) no-repeat center 14px;
    padding: 73px 20px 0 20px;
    overflow: hidden;
    color: #8A560B;
    text-align: center;
    font-size: 14px;
}

.blockConfirm {
    background: url(/Content/images/block-confirm-bottom.gif) no-repeat left bottom;
    width: 258px;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.blockConfirm .cont {
    background: url(/Content/images/block-confirm-top.gif) no-repeat left top;
    padding-top: 7px;
}

.blockConfirm .cont div {
    background: #CFF5B4 url(/Content/images/ico-confirm.gif) no-repeat center 14px;
    padding: 73px 20px 0 20px;
    overflow: hidden;
    color: #457A1D;
    text-align: center;
    font-size: 14px;
}


.wrapBillingLicense {
    min-height: 607px;
}

.blockBillingGrey {
    background: url(/Content/images/block-billing-grey-bottom.gif) no-repeat left bottom;
    padding-bottom: 10px;
    width: 810px;
}

.blockBillingGrey .wrap {
    background: url(/Content/images/block-billing-grey-top.gif) no-repeat left top;
    padding-top: 10px;
}

.blockBillingGrey .cont {
    background: url(/Content/images/billing-grey-bg.gif) repeat left top;
    padding: 30px 40px;
}

.blockBillingGrey .cont1 {
    background: url(/Content/images/billing-grey-bg.gif) repeat left top;
    padding: 17px 80px 30px 80px;
}

.blockBillingGrey .confirm {
    background: url(/Content/images/billing-confirm.gif) no-repeat center top;
    padding-top: 140px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
}

.licenseData {
    display: block;
    background: url(/Content/images/period-dot.gif) repeat-x left 18px;
    overflow: hidden;
    width: 320px;
    margin: 0 auto;
    height: 30px;
}

.updatedThanksPage .licenseData {
    background: none;
    margin: 0;
    width: initial;
}

.updatedThanksPage .licenseData span {
    float: left;
}

.updatedThanksPage .licenseData span:first-child {
    width: 200px;
}

.updatedThanksPage .licenseData span:first-child,
.updatedThanksPage .confirm {
    font-weight: bolder;
    color: #808080;
}

.updatedThanksPage .confirm b {
    color: #000;
}

.updatedThanksPage .licenseData span:not(:first-child) {
    font-weight: bold;
    color: #000000;
}

.licenseData .tdL {
    display: block;
    text-align: left;
    background: none;
    font-size: 18px;
    line-height: 24px;
    float: left;
    width: auto;
    color: #CFCFCF;
    background: url(/Content/images/billing-grey-bg.gif) repeat 0 0;
    padding-right: 5px;
}

.licenseData .tdR {
    display: block;
    float: right;
    text-align: right;
    width: auto;
    background: none;
    font-size: 18px;
    height: 24px;
    background: url(/Content/images/billing-grey-bg.gif) repeat 0 0;
    padding-left: 5px;
    color: #fff;
    line-height: 24px;
}

.blockBillingGrey h2 {
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
}

.blockBillingGrey p.note {
    color: #BABABA;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}

input.btnCode,
.slim-control input.btnCode {
    display: block;
    background: url(/Content/images/btn-code.gif) no-repeat left top;
    width: 150px;
    height: 35px;
    margin: 0 auto 30px auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: 'Conv_ProximaNova-Sbold';
    -moz-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    -webkit-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    line-height: 35px;
    text-decoration: none !important;
    cursor: pointer;
    border: none;
}

form .licenseData {
    width: 490px;
    overflow: hidden;
    height: 38px;
}

.blockBillingGrey button.btnBiggest {
    float: none;
    width: 240px;
    margin: 30px auto 0 auto;
}

.blockBillingGrey button.btnBiggest span span {
    font-size: 18px;
    line-height: 48px;
    text-decoration: none !important;
}

.invoice h2 {
    color: #5A5A5A;
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    font-family: OpenSansBold;
    margin-bottom: 25px;
}

.wrapInvoiceBtn {
    border: 1px solid #C2C2C2;
    background: url(/Content/images/invoice-btn.gif) repeat-x left top;
    width: 260px;
    float: right;
    height: 30px;
}

.wrapInvoiceBtn a,
.wrapInvoiceBtn a:visited {
    display: block;
    float: left;
    width: 120px;
    height: 30px;
    text-align: center;
    font-family: OpenSans;
    font-size: 13px;
    line-height: 30px;
    color: #6A6A6A;
}

.wrapInvoiceBtn a.left {
    border-right: 1px solid #DCDCDC;
    width: 139px;
}

.wrapInvoiceBtn a:hover {
    text-decoration: underline;
}

.invoiceInfo {
    font-size: 14px;
    font-family: OpenSans;
    margin-bottom: 40px;
}

.invoiceInfo th {
    text-align: left;
    padding-right: 30px;
    padding-bottom: 10px;
    font-weight: normal;
    color: #888888;
}

.invoiceInfo td {
    text-align: left;
    color: #000;
}

.paymentMethod button.btnBiggest span span {
    font-size: 18px;
    line-height: 48px;
    text-decoration: none !important;
}

.paymentMethod fieldset {
    margin-bottom: 10px;
}

.paymentMethod fieldset.radio input[type="radio"] {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 0 10px 0 0;
}

.paymentMethod fieldset.radio label {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 14px;
    color: #2E2E2E;
}

.paymentMethod fieldset.textarea {
    padding-top: 10px;
}

.paymentMethod fieldset.textarea textarea {
    padding: 10px;
    width: 480px;
    height: 70px;
    font-family: 'OpenSans';
    font-size: 14px;
    resize: none;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #D0D0D0;
}

#billing .viewTabs {
    float: left;
    clear: right;
    margin-top: 10px;
}

#billing .contentFull .cont {
    padding: 35px 35px;
    background-image: none;
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

#billing .btnBiggest {
    margin-bottom: 10px;
}

.gridRegistration {
    width: 790px;
}

#billing .grid td {
    color: #000;
    height: auto;
    padding: 10px;
    vertical-align: top;
}

#billing .grid .tdName {
    width: 260px;
}

#billing .grid .tdName a {
    color: #1785CA;
    font-family: 'Conv_ProximaNova-Sbold';
}

#billing .grid .tdStudents {
    width: 60px;
}

#billing .grid .tdType {
    width: 100px;
}

#billing .grid td.tdPrice {
    width: 100px;
    text-align: right;
    padding-right: 20px;
}

#billing .grid th.last {
    width: 110px;
    background: none;
}

#billing h4 {
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 18px;
    color: #959595;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 20px;
    text-transform: none;
}

#billing h3 {
    padding-top: 10px;
}

#billing .btnGrey span {
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    text-decoration: none !important;
}

#billing .btnGrey {
    margin-bottom: 10px;
}

.deliverBilling {
    border-top: 1px solid #B5B5B5;
    background: #fff;
    height: 1px;
    font-size: 1px;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.gridStudents {
    margin-bottom: 10px;
}

.gridStudents td {
    vertical-align: middle !important;
}

.gridStudents .tdName {
    width: 170px;
}

.gridStudents .tdStatus {
    width: 80px;
}

.gridStudents .tdWk {
    width: 120px;
}

.gridStudents .tdSessions {
    width: 85px;
}

.gridStudents td.tdLesson {
    width: 100px;
}

.gridStudents .tdOwed {
    width: 65px;
    text-align: right;
}

.gridStudents td.tdPaid {
    padding: 5px 10px !important;
}

a.btnPaid,
a.btnPaid:visited,
a.btnPaid:hover {
    display: block;
    height: 23px;
    width: 40px;
    background: url(/Content/images/btn-paid.gif) no-repeat left top;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: 'Conv_ProximaNova-Sbold';
    line-height: 23px;
    text-decoration: none !important;
    cursor: pointer;
}

#billing .gridStudents th.last,
.gridStudents td.tdAct {
    width: 12px !important;
}

.gridStudents td.tdAct {
    padding-top: 15px !important;
    width: 14px !important;
}

.gridStudents .tdAct a.remove,
.gridStudents .tdAct a.remove:visited {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/images/ico-remove.gif) no-repeat left top;
}

.gridStudents .tdAct a.remove:hover {
    background: url(/Content/images/ico-remove-hover.gif) no-repeat left top;
    text-decoration: none !important;
}

.gridStudents .trInvite td {
    color: #797979 !important;
}

.gridStudents .trInvite td.tdLesson a {
    color: #797979 !important;
    display: block;
    float: left;
    border-bottom: 1px dotted #797979 !important;
}

.tableTotal {
    width: 680px;
}

.tableTotal th,
.tableTotal td {
    font-size: 18px;
    line-height: 36px;
    padding: 0 10px;
}

.tableTotal th {
    color: #6A6A6A;
    text-align: left;
}

.tableTotal td {
    text-align: right;
    color: #000;
}


.setting .slim-control-sm {
    background: url(/Content/images/reg-input.png) no-repeat left top;
    width: 100px;
    float: left;
    margin-right: 10px;
}

.slim-control-sm .field-validation-error {
    left: 78px !important;
}

#PaymentSectionContainer h2 {
    color: #000;
}

#PaymentSectionContainer .deliver,
#BillingSectionContainer .deliver {
    background: url(/Content/images/deliver.png) repeat-x left 10px;
    height: 2px;
    margin-bottom: 20px;
    padding-top: 10px;
}

#PaymentSectionContainer .tablePayment th {
    padding-left: 20px;
}

.tablePayment th label {
    font-weight: normal;
    color: #000;
}

.invoiceForm .licenseData {
    width: 400px;
    overflow: hidden;
    height: 28px;
}

.invoiceForm .licenseData span {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.blockBillingGrey .invoiceForm p {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: left;
}

.blockBillingGrey .invoiceForm p.note {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: left;
}

.blockBillingGrey .confirmNotActive {
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 25px;
    padding-top: 140px;
    text-align: center;
    background: url(/Content/images/billing-notactive.gif) no-repeat center top;
}

.slim-control-btnCode {
    background: url(/Content/images/btn-code.gif) no-repeat left top;
    width: 150px;
    height: 35px;
    margin: 0 auto 30px auto;
}

.slim-control-btnCode input.btnCode {
    display: block;
    width: 132px;
    height: 35px;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: 'Conv_ProximaNova-Sbold';
    -moz-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    -webkit-text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    text-shadow: 1px 1px #555555, -1px -1px #B8B8B8;
    line-height: 35px;
    text-decoration: none !important;
    cursor: pointer;
    border: none;
}

.slim-control-btnCode .field-validation-error {
    background: url(/Content/images/bg-error.gif) no-repeat scroll left top transparent;
    display: block;
    height: 41px;
    left: 145px !important;
    padding-left: 10px;
    position: absolute !important;
    top: -6px !important;
    z-index: 4;
}

/*** End Billing ************************************************************/

.popupRegister .slim-control input {
    z-index: 99999 !important;
}

.popupRegister .slim-control input.non-empty {
    background: url(/Content/images/register-search-input.png) no-repeat left top;
}

.setting .field-validation {
    background: url(/Content/images/allow.gif) no-repeat left center;
    line-height: 34px;
    padding-left: 42px;
    color: #fff;
    left: 310px !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 4;
    white-space: nowrap;
}

a.parentBallon,
a.parentBallon:visited,
a.parentBallon:hover {
    position: relative;
    display: block;
    color: #CACACA;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    float: left;
}

.parentBallon .ballon {
    display: none;
}

.parentBallon:hover .ballon {
    background: url(/Content/images/bg-error.gif) no-repeat scroll left top transparent;
    display: block;
    height: 41px;
    left: 102%;
    padding-left: 10px;
    position: absolute !important;
    top: -9px !important;
    z-index: 4;
}

.parentBallon:hover .ballon span {
    background: url(/Content/images/bg-error.gif) no-repeat scroll right bottom transparent;
    color: #92630E;
    display: block;
    font-size: 13px;
    height: 41px;
    line-height: 40px;
    padding: 0 10px 0 8px;
    white-space: nowrap;
}

.moduleList a.parentBallon,
.moduleList a.parentBallon:visited,
.moduleList a.parentBallon:hover,
.levelList a.parentBallon,
.levelList a.parentBallon:visited,
.levelList a.parentBallon:hover {
    position: relative;
    display: block;
    color: #787878;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    float: left;
}

.moduleList .parentBallon:hover span.ballon {
    top: -37px !important;
    background: url(/Content/images/hint1.gif) no-repeat top center !important;
    left: 36% !important;
    height: 50px;
    line-height: 20px;
    display: block;
    padding-left: 0;
}

.levelList .parentBallon:hover span.ballon {
    top: -37px !important;
    background: url(/Content/images/hint1.gif) no-repeat top center !important;
    left: 10% !important;
    height: 50px;
    line-height: 20px;
    display: block;
    padding-left: 0;
}

.moduleList .parentBallon:hover span.ballon span,
.levelList .parentBallon:hover span.ballon span {
    color: #92630E;
    background: none !important;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 8px;
    white-space: nowrap;
    border-left: 1px solid #E4B862;
    border-right: 1px solid #E4B862;
}


.statistic a.parentBallon,
.statistic a.parentBallon:visited,
.statistic a.parentBallon:hover {
    position: relative;
    display: block;
    color: #5A5A5A;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    float: left;
}

.statistic .parentBallon:hover span.ballon {
    top: -50px !important;
    background: url(/Content/images/hint2.gif) no-repeat top center !important;
    left: -50% !important;
    height: 50px;
    line-height: 20px;
    display: block;
    padding-left: 0;
}

.statistic .parentBallon:hover span.ballon span {
    color: #92630E;
    background: none !important;
    display: block;
    font-size: 13px;
    height: 41px;
    line-height: 40px;
    padding: 0 10px 0 8px;
    white-space: nowrap;
}

/*** Students ***************************************************************/

h1 span.total {
    font-size: 18px;
    font-weight: normal;
    color: #CFCFCF;
    font-family: 'OpenSans';
    text-shadow: none;
}

#studentsView .filter .search {
    width: 278px;
}

.filter {
    padding: 3px 0 11px 0;
    clear: both;
}

.filter .search {
    border: none;
    height: 34px;
    width: 278px;
    text-indent: 15px;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
}

span.del {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/images/ico-remove-hover.gif) no-repeat left top;
}

a.del,
a.del:visited {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/images/ico-remove.gif) no-repeat left top;
    cursor: pointer;
}

a.del:hover {
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/images/ico-remove-hover.gif) no-repeat left top;
}

#gridStudents .grid th {
    border-right: 1px solid #fff;
    background: none;
}

#gridStudents .grid td {
    font-size: 13px;
    color: #333;
    border-bottom: none;
}

#gridStudents .grid td.light {
    color: #555;
}

.pager {
    display: block;
    float: left;
    list-style: none;
    height: 24px;
    margin: 25px 10px 15px 10px;
    border: 1px solid #C2C2C2;
    border-right: none;
}

.pager li {
    display: block;
    float: left;
    list-style: none;
    height: 24px;
}

.pager li a,
.pager li a:visited {
    display: block;
    float: left;
    height: 24px;
    width: 31px;
    text-align: center;
    color: #555;
    line-height: 24px;
    border-right: 1px solid #C2C2C2;
}

.pager li a.active,
.pager li a.active:visited {
    background: url(/Content/images/pager-active.png) no-repeat center center;
    width: 32px;
    border-right: none;
    color: #C0C0C0;
}

.pager li a:hover {
    background: url(/Content/images/pager-hover.png) no-repeat center center;
    border-right: none;
    text-decoration: none;
    color: #fff;
}

.shadow {
    background: #000000;
    height: 100%;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5000;
}


.whiteHeaders h1 {
    color: white !important;
}

.rowNewUsers {
    margin-bottom: 5px;
}

.only-monthly:not(span),
.only-monthly h3 {
    color: #FFFFFF !important;
    text-align: center;
}

.only-monthly h3 {
    padding-top: 10px;
    text-transform: none !important;
}

.middled {
    width: 100%;
    text-align: center;
}

.white {
    color: white;
}

.table-center {
    margin: 0 auto;
    text-align: center;
}

.table-center td {
    width: 250px;
}

.table-plans {
    min-height: 50px;
    margin: 0 auto;
    width: 738px;
    margin-right: 30px !important;
}

.table-plans tr {
    height: 50px;
}

.table-plans tr.even {
    background: #424242;
}

.table-plans tr.odd {
    background: #686868;
}


a.btnBlue,
a.btnBlue:visited,
a.btnBlue:hover {
    background: url(/Content/images/btn-blue.png) no-repeat left top;
    display: block;
    float: left;
    padding-left: 3px;
    height: 34px;
    margin: 5px 0;
    text-decoration: none !important;
}

a.btnBlue span,
a.btnBlue:visited span,
a.btnBlue:hover span {
    display: block;
    float: left;
    background: url(/Content/images/btn-blue.png) no-repeat right bottom;
    padding: 0 15px 0 12px;
    height: 34px;
    font-family: OpenSans;
    font-size: 14px;
    line-height: 32px;
    color: #FFF;
    text-decoration: none !important;
    cursor: pointer;
}

.progressBar {
    clear: both;
    margin-bottom: 5px;
    position: relative;
    height: 23px;
}

.progressBar span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 23px;
    font: 15px/23px 'Conv_ProximaNova-Sbold';
    color: #fff;
    background: #00aeef;
}

.progressBar span i {
    font-style: normal;
    padding: 0 12px;
    display: inline-block;
}

.popupPrintStat {
    background: #F6F6F6;
    top: 30px;
    z-index: 10000;
}

.popupPrintStat h2 {
    display: block;
    clear: both;
    margin: 0 0 10px 0;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    text-shadow: none;
}

.popupPrintStat .grid th {
    border-right: 1px solid #fff;
    background: none;
}

.popupPrintStat .grid td {
    border-bottom: none;
}

.popupPrintStat .userInfo {
    background: none;
}

.popupPrintStat .graph .line li span.line,
.graph .line li {
    width: 18px;
}

.popupPrintStat .graph .line li strong,
.popupPrintStat strong,
.popupPrintStat .graph .scale li span {
    color: black !important;
    width: 18px;
}

.popupPrintStat .graph .line li span.line span {
    width: 18px;
    -ms-background-size: 18px 18px;
    background-size: 18px 18px;
}

.popupPrintStat,
.popupPrintStat .grid th,
.popupPrintStat .grid td {
    font-family: 'Conv_ProximaNova-Sbold';
    color: #000 !important;
}
.popupPrintStat,
.popupPrintStat .grid th,
.popupPrintStat .grid td {
    background: #fff !important;
}
.popupPrintStat label {
    color: #000 !important;
}

.ui-widget-content .popupPrintStat {
    font-family: 'Conv_ProximaNova-Sbold';
    color: #000;
}

.ui-widget-content .popupPrintStat .grid th,
.ui-widget-content .popupPrintStat .grid th a {
    color: #000;
}


/*** End Students ***********************************************************/

/*** Register-POPup *********************************************************/

body#registerForm {
    background: url(/Content/images/body-bg-login.gif) repeat scroll 0 0 transparent;
    font-family: OpenSans;
}

#registerForm .wrapper {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0 auto;
    padding-top: 35px;
    width: 650px;
}

.registerForm {
    background: url(/Content/images/registerForm-bottom.png) no-repeat scroll left bottom transparent;
    margin: 0 auto 8px;
    padding-bottom: 24px;
    width: 650px;
}

.registerForm .top {
    background: url(/Content/images/registerForm-top.png) no-repeat scroll left top transparent;
    height: 100px;
}

.registerForm .cont {
    background: url(/Content/images/registerForm-bg.png) repeat-y scroll left top transparent;
    padding: 10px 45px;
}

.registerForm h1 {
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    text-shadow: none;
    text-transform: uppercase;
}


.registerForm table {
    width: 100%;
}

.registerForm table th {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 8px;
}

.registerForm table td {
    padding-left: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    vertical-align: top;
    padding-bottom: 10px;
}

.registerForm table tr.full td {
    width: 370px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

.registerForm .slim-control {
    background: url(/Content/images/registration-input.png) no-repeat scroll left top transparent;
    border: none;
    border-right: 1px solid #D0D0D0;
    color: #B6B6B6;
    display: block;
    font-family: OpenSans;
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 0;
    width: 175px;
}

body#registerForm .slim-control label,
body#registerForm .slim-control input {
    border: 0 none;
    height: 30px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 160px;
}

.registerForm tr.full .slim-control {
    width: 370px;
}

body#registerForm tr.full .slim-control label,
body#registerForm tr.full .slim-control input {
    width: 355px;
}

body#registerForm .slim-control .field-validation-error {
    background: url(/Content/images/bg-error.gif) no-repeat scroll left top transparent;
    display: block;
    height: 39px;
    left: 170px !important;
    padding-left: 10px;
    position: absolute !important;
    top: -6px !important;
    z-index: 50;
}

body#registerForm tr.full .slim-control .field-validation-error {
    left: 365px !important;
}


tr.last td {
    padding-bottom: 40px;
}

.registerForm tr.full .slim-control-sm {
    width: 85px;
    float: left;
    margin-right: 20px;
}

body#registerForm tr.full .slim-control-sm label,
body#registerForm tr.full .slim-control-sm input {
    width: 69px;
}

.registerForm tr.full .slim-control-m {
    width: 170px;
    float: left;
}

body#registerForm tr.full .slim-control-m label,
body#registerForm tr.full .slim-control-m input {
    width: 153px;
}

body#registerForm tr.full .slim-control-sm .field-validation-error {
    left: 70px !important;
}

body#registerForm tr.full .slim-control-m .field-validation-error {
    left: 155px !important;
}

#registerForm .copyright {
    color: #6E6E6E;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 12px;
    padding-left: 30px;
    text-align: left;
}

/*** End Register-POPup *****************************************************/


a#printUsers span,
a#printUsers:visited span,
a#printUsers:hover span,
a#deleteUsers span,
a#deleteUsers:visited span,
a#deleteUsers:hover span,
a#printUsers span,
a#printUsers:visited span,
a#printUsers:hover span,
a#assignToClass span,
a#assignToClass:visited span,
a#assignToClass:hover span,
a#resetPasswords span,
a#resetPasswords:visited span,
a#resetPasswords:hover span {
    font-size: 13px;
    line-height: 32px;
}

.searchUsers .slim-control label {
    font-size: 13px;
    line-height: 28px;
    padding: 0 8px;
}

/*** Setting page ***********************************************/

.support .slim-control {
    float: right;
    background: url(/Content/images/set-input.gif) no-repeat scroll left top transparent;
    border: medium none;
    color: #B6B6B6;
    display: block;
    font-family: OpenSans;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-bottom: 2px;
    width: 298px;
    margin-right: 10px;
}

.support .slim-control label {
    color: #7B7B7B !important;
    line-height: 32px;
}

.support .slim-control input {
    color: #FFFFFF;
    line-height: 30px;
    width: 272px;
}

body .support .slim-control label,
body .support .slim-control input {
    height: 30px;
}

.support .slim-control .field-validation-error {
    display: block;
    position: absolute !important;
    left: 288px !important;
    top: -6px !important;
    height: 41px;
    background: url(/Content/images/bg-error.gif) no-repeat left top;
    padding-left: 10px;
    z-index: 4;
}

body .support .slim-control input.non-empty {
    background: url(/Content/images/set-input.gif) no-repeat left top;
}

.support .slim-control .field-validation {
    background: url(/Content/images/allow.gif) no-repeat left center;
    line-height: 34px;
    padding-left: 42px;
    color: #fff;
    left: 310px !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 4;
    white-space: nowrap;
}

h3.question {
    cursor: pointer;
    overflow: hidden;
    text-transform: none;
    font-weight: normal;
}

.question span {
    float: left;
    display: block;
    font-family: OpenSansBold;
    font-size: 18px;
    color: #105ead;
    padding-top: 8px;
    line-height: 18px;
    border-bottom: 1px dotted #105ead;
}

.question span.num {
    width: 35px;
    height: 34px;
    text-align: center;
    background: url(/Content/images/mark-support.gif) no-repeat left top;
    color: #FFF;
    font-family: OpenSansBold;
    font-size: 18px;
    line-height: 34px;
    margin-right: 10px;
    border-bottom: none;
    padding: 0;
}

.answer {
    margin: 0 34px 0 44px;
    overflow: hidden;
}

.answer p {
    padding: 0;
    margin: 0 0 20px 0;
    color: #000;
    font-size: 14px;
    font-family: OpenSans;
}

.answer img {
    margin-bottom: 20px;
}

.answer iframe {
    margin: 0 20px 20px 0;
    float: left;
}

/*** End Setting page *******************************************/

/*** Edication **************************************************/

.eduBlock {
    float: left;
    margin-bottom: 25px;
    padding: 5px 0 0 0;
    width: 312px;
    background: url(/Content/images/billing_student-block-top.gif) no-repeat left top;
}

.eduBlock .wrap {
    padding: 0 0 5px 0;
    background: url(/Content/images/billing_student-block-bot.gif) no-repeat left bottom;
}

.eduBlock .cont {
    height: 155px;
    background: url(/Content/images/billing_student-block-bg.gif) repeat-y left top;
    padding: 20px 0 15px 0;
}

.eduBlock .cont p {
    text-align: center;
    font-family: OpenSans;
    font-size: 18px;
    font-weight: normal;
    color: #c1c1c1;
    margin-bottom: 20px;
}

.eduBlock h6 {
    font-family: OpenSansBold;
    font-size: 28px;
    font-weight: normal;
    color: #FFF;
    line-height: 1.2;
    margin-bottom: 10px;
    text-shadow: none;
    text-transform: none;
    text-align: center;
}


a.btnM,
a.btnM:visited,
a.btnM:hover,
button.btnM {
    display: block;
    float: left;
    height: 35px;
    cursor: pointer;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none !important;
}

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

a.btnM span,
a.btnM:visited span,
a.btnM:hover span,
button.btnM span {
    display: block;
    float: left;
    height: 35px;
    background-image: url(/Content/images/btn-middle.png);
    background-repeat: no-repeat;
    background-position: right -35px;
    padding-right: 3px;
    text-decoration: none;
    text-decoration: none !important;
}

a.btnM span span,
a.btnM:visited span span,
a.btnM:hover span span,
button.btnM span span {
    background-image: url(/Content/images/btn-middle.png);
    background-position: left top;
    padding: 0 21px 0 25px;
    color: #fff;
    font-family: 'OpenSansBold';
    font-size: 14px;
    line-height: 35px;
    padding: 0 27px 0 30px;
    text-shadow: 1px 1px #A5C24C, -1px -1px #3A7300;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none !important;
}

.eduBlock .btnM {
    width: 115px;
    float: none;
    margin: 0 auto;
}

.LicenceWholeSchool {
    position: relative;
}

.LicenceWholeSchool .licenseData {
    height: 38px;
    overflow: visible;
    width: 380px;
    clear: both;
    padding: 0;
}

.LicenceWholeSchool .licenseData .tdR {
    width: 64px;
    padding-left: 10px;
    text-align: center;
}

.LicenceWholeSchool .slim-control-btnCode {
    background: url(/Content/images/billing-grey-bg.gif) repeat scroll 0 0;
    margin: 0;
    width: 74px;
    float: right;
}

.LicenceWholeSchool input.btnCode,
.LicenceWholeSchool .slim-control input.btnCode {
    background: url(/Content/images/btn-code-1.gif) no-repeat scroll left top;
    margin: 0 auto;
    width: 48px;
    left: 10px;
}

.licenseDataTotal {
    background: url(/Content/images/billing-whole-school-line.gif) no-repeat center top;
    padding-top: 25px;
    margin-top: 10px;
}

.licenseDataTotal .licenseData .tdL,
.licenseDataTotal .licenseData .tdR {
    color: #fff !important;
}

a.btnBillBack,
a.btnBillBack:visited,
a.btnBillBack:hover {
    display: block;
    height: 38px;
    width: 74px;
    background: url(/Content/images/btn-back1.png) no-repeat left top;
    color: #FFFFFF;
    font-family: 'OpenSansBold';
    font-size: 14px;
    padding: 0;
    text-align: center;
    line-height: 36px;
    text-decoration: none !important;
    text-shadow: 1px 1px #838383, -1px -1px #545454;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}

.LicenceWholeSchool a.btnBillBack {
    position: absolute;
    left: 30px;
    bottom: 40px;
    float: left;
}

.blockBillingGrey .cont2 {
    background: url(/Content/images/billing-grey-bg.gif) repeat left top;
    padding: 17px 30px 30px 30px;
}

.billingGrid {
    width: 100%;
    margin-bottom: 10px;
}

.billingGrid th {
    color: #B2B2B2;
    padding: 5px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.billingGrid td {
    color: #FFFFFF;
    padding: 5px 20px;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    vertical-align: middle;
}

.billingGrid tr.odd td {
    background: url(/Content/images/odd.png) repeat left top;
}

.billingGrid tr.even td {
    background: url(/Content/images/even.png) repeat left top;
}

/*** End Education **********************************************/

/*** Links for FAQ **********************************************/

.licon {
    margin: 0 -20px 20px -20px;
    background: url(/Content/images/deliver.png) repeat-x left bottom;
    padding: 0 20px;
}

.licon a {
    display: block;
    float: left;
    height: 32px;
    padding: 0 45px 0 39px;
    color: #0F5EAD;
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 32px;
    margin-bottom: 25px;
}

.userManual {
    background-image: url(/Content/images/ico-userManual.png);
}

.techPoint {
    background-image: url(/Content/images/ico-techPoint.png);
}

.checkList {
    background-image: url(/Content/images/ico-clickList.png);
}

.dictManual {
    background-image: url(/Content/images/ico-dictManual.png);
}

h2.sup {
    font-size: 18px;
    margin-bottom: 25px;
}

/*** End Links for FAQ ******************************************/

/*** Row functionality*****************************************/

.hideRow {
    position: absolute;
    right: 25px;
    top: 22px;
    height: 16px;
    line-height: 16px;
    color: #7d590b;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    -webkit-text-shadow: 1px 1px 0 #fff;
    -moz-text-shadow: 1px 1px 0 #fff;
    -o-text-shadow: 1px 1px 0 #fff;
    text-shadow: 1px 1px 0 #fff;
    border-bottom: 1px dotted #7d590b;
}

.container {
    margin: 0 auto;
    max-width: 960px;
}

.header-nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 85px;
    width: 100%;
    background: #323232;
    z-index: 1000;
}

.navigation-menu {
    float: left;
    height: 85px;
}

.navigation-menu > li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0 10px;
    position: relative;
    color: #b4b4b4;
}

.navigation-menu > li a {
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.navigation-menu > li a:hover,
.navigation-menu > li.active a {
    color: #88c744 !important;
    text-decoration: none;
}

.navigation-menu > li .fa {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 8px auto;
}

.navigation-menu > li .ico-course {
    background-position: 0 0;
}

.navigation-menu > li .ico-user {
    background-position: -41px 0;
}

.navigation-menu > li .ico-messages {
    background-position: -78px 0;
}

.navigation-menu > li.active .ico-user,
.navigation-menu > li a:hover .ico-user {
    background-position: -41px -39px;
}

.navigation-menu > li.active .ico-messages,
.navigation-menu > li a:hover .ico-messages {
    background-position: -78px -39px;
}

.navigation-menu > li .ico-users {
    background-position: -117px 0;
}

.navigation-menu > li.active .ico-users,
.navigation-menu > li a:hover .ico-users {
    background-position: -117px -39px;
}

.navigation-menu > li .ico-admins {
    background-position: -156px 0;
}

.navigation-menu > li.active .ico-admins,
.navigation-menu > li a:hover .ico-admins {
    background-position: -156px -39px;
}

.navigation-menu > li .ico-settings {
    background-position: -196px 0;
}

.navigation-menu > li.active .ico-settings,
.navigation-menu > li a:hover .ico-settings {
    background-position: -196px -39px;
}


        .navigation-menu > li a {
            color: #b4b4b4;
            display: block;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

            .navigation-menu > li a:hover,
            .navigation-menu > li.active a {
                color: #88c744;
                text-decoration: none;
            }

        .navigation-menu > li .fa {
            display: block;
            width: 30px;
            height: 30px;
            margin: 0 auto 8px auto;
        }

        .navigation-menu > li .ico-course {
            background-position: 0px 0px;
        }

        .navigation-menu > li .ico-user {
            background-position: -41px 0px;
        }

        .navigation-menu > li .ico-messages {
            background-position: -78px 0px;
        }

        .navigation-menu > li.active .ico-course,
        .navigation-menu > li a:hover .ico-course {
            background-position: 0px bottom;
        }

        .navigation-menu > li.active .ico-user,
        .navigation-menu > li a:hover .ico-user {
            background-position: -41px -39px;
        }

        .navigation-menu > li.active .ico-messages,
        .navigation-menu > li a:hover .ico-messages {
            background-position: -78px -39px;
        }

        .navigation-menu > li .ico-users {
            background-position: -117px 0px;
        }

        .navigation-menu > li.active .ico-users,
        .navigation-menu > li a:hover .ico-users {
            background-position: -117px -39px;
        }

        .navigation-menu > li .ico-admins {
            background-position: -156px 0px;
        }

        .navigation-menu > li.active .ico-admins,
        .navigation-menu > li a:hover .ico-admins {
            background-position: -156px -39px;
        }

        .navigation-menu > li .ico-settings {
            background-position: -196px 0px;
        }

        .navigation-menu > li.active .ico-settings,
        .navigation-menu > li a:hover .ico-settings {
            background-position: -196px -39px;
        }

        .navigation-menu > li .ico-feed {
            background-position: -236px 0px;
            width: 41px;
        }

        .navigation-menu > li.active .ico-feed,
        .navigation-menu > li a:hover .ico-feed {
            background-position: -236px -39px;
        }

        .navigation-menu > li a .count {
            position: absolute;
            top: -5px;
            right: 9px;
            color: #fff;
            background: #db1119;
            height: 21px;
            line-height: 21px;
            padding: 0 9px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

.faq-ico {
    position: absolute;
    top: 15px;
    font-size: 13px;
    left: 0;
    color: #88c744;
    border: 1px solid #88c744;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.faq-ico .tooltip {
    left: auto;
    right: -25px;
    width: 250px;
}

.faq-ico .tooltip:before {
    right: 23px;
    left: auto;
}

.profile-img {
    float: right;
    padding: 17px 20px 0 33px;
    position: relative;
    cursor: pointer;
}

.profile-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 42px;
    right: 0;
    border: 5px solid transparent;
    border-top-color: #b4b4b4;
}

.profile-img .ava {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.profile-img .ava img {
    display: block;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}

.profile-img ul {
    display: none;
    position: absolute;
    top: 87px;
    right: 10px;
    width: 242px;
    background: #323232;
    list-style: none;
    font-size: 17px;
    -webkit-box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
}

.profile-img ul li:first-child a {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.profile-img ul li:last-child a {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}


.profile-img ul li a:hover {
    text-decoration: none;
    background: #2d2d2d;
    background: -moz-linear-gradient(top, #323232 0, #262626 100%);
    background: -webkit-linear-gradient(top, #323232 0, #262626 100%);
    background: linear-gradient(to bottom, #323232 0, #262626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#262626', GradientType=0);
}

.profile-img ul:before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    right: 27px;
    border: 12px solid transparent;
}

.profile-img.show-menu ul {
    display: block;
}

.open-menu-button .menu {
    display: none;
    position: absolute;
}

#NotificationView #notification-list {
    top: 87px;
    right: 10px;
    width: 450px;
    list-style: none;
    font-size: 17px;
    -webkit-box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 15px 5px rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.notification-row{
    display:flex;
    padding:1rem 1.5rem;
    align-items:center;
}

.notification-description{
    width:100%;
}

.notification-row .feed-avatar {
    position: relative;
    margin-right: 1.5rem;
}

.notification-row .feed-level-completed {
    top:0px;
}

.notification-row .feed-level-completed span {
    background-position: center;
}

.notification-row .feed-writing-completed {
    top: 0px;
}

.notification-row .feed-writing-completed span {
    background-position: center;
}

.notification-row .notification-like {
    top: 0px;
}

.notification-row .notification-like span {
    background-position: center;
}

.notification-row .tool {
    margin-top: 0.75rem;
}

#notification-list .wrap-all-notification {
    padding: 0.75rem 1rem;
}

.notification-row .notification-action {
    font-size: 15px;
    line-height: 1.33;
}

#notification-list .wrap-all-notification .btn-all-notification {
    width: 100%;
}

#notification-list .wrap-all-notification .btn-all-notification span {
    font-size: 15px;
}

    .notification-row .tool * {
        font-size: 14px;
    }

.notification-action {
    text-align: start;
    font-size: 15px;
}


.notification-row .tool {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#NotificationView .menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    right: 27px;
    border: 12px solid transparent;
}



.open-menu-button.show-menu .menu {
    display: block;
}


.licence-info {
    z-index: 999;
    background: #ffefb0;
    height: 93px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 15px;
    color: #815a17;
    display: none;
}

.licence-info.show-info {
    display: block;
}

.licence-info .container {
    position: relative;
    padding: 28px 50px 20px 110px;
    max-width: 800px;
}

.licence-info .close-btn {
    display: block;
    width: 17px;
    height: 17px;
    background: url('/Content/images/svg/message-close.svg') 0 0 no-repeat;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}

.licence-info .container:before {
    content: '';
    display: block;
    width: 75px;
    height: 75px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffe47b url('/Content/images/svg/message-card.svg') center center no-repeat;
    position: absolute;
    top: 9px;
    left: 0;
}

.licence-info.show-info + .header-nav {
    top: 93px;
}

.trial-header-wrapper + .header-nav {
    top: 60px;
}

.licence-info.show-info + .header-nav + .main {
    margin-top: 198px !important;
}

.trial-header-wrapper + .header-nav + .main {
    top: 145px!important;
}

/*** End row functionality*****************************************/

.submit-buttons {
    display: inline-block;
    padding: 10px 0 0 0;
}

.submit-buttons .btnBiggest {
    margin-bottom: 0 !important;
    margin-right: 10px;
}

input[type="radio"] ~ .green-current-plan {
    background-color: #78B835;
    margin-left: 30px;
    padding: 4px;
    color: #ffffff;
}

#invoicesList tr.even {
    background-color: #F2F2F2;
}

.row-title {
    width: 130px;
    text-align: left;
}

.row-content {
    width: 120px;
    text-align: right;
}

.links-table,
.links-table td {
    float: right;
}

table.payment-method-editor input[type="radio"] {
    margin-right: 5px;
}

.green-check-img {
    float: left;
    width: 32px;
    height: 32px;
}

.empty-check-img {
    float: left;
    width: 32px;
    height: 32px;
}

.order-column {
    width: 90px;
}

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

.number-column {
    padding-left: 15px;
}

#btn-back {
    background: url(/Content/images/btn-back1.png);
    color: #EDEDED;
    text-transform: uppercase;
    outline: none !important;
}

button.segmented-button,
a.segmented-button {
    outline: none !important;
    display: inline-block !important;
    color: #C9C9C9 !important;
    height: 35px !important;
    width: 100px !important;
    border: 1px solid #0a3c59;
    background: #6b6b6b;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 0 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 0 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 0 0;
    text-shadow: none;
    color: #fafafa;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
}

button.segmented-button.btn:active,
a.segmented-button.btn:active {
    background: #6b6b6b;
}

button.segmented-button.selected,
button.segmented-button.selected:active,
a.segmented-button.selected,
a.segmented-button.selected:active {
    border: 1px solid #0a3c59;
    background: #212121;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 0 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 0 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 0 0;
    color: #ebebeb;
    text-decoration: none;
    vertical-align: middle;
}

a.segmented-button:hover,
button.segmented-button:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    background-position: 0;
}

.change-pay-info table {
    text-align: left;
}

.change-pay-info table th {
    width: 150px;
    padding-top: 8px;
    vertical-align: top;
}

.change-pay-info table tr:last-child {
    margin-bottom: 100px;
}

.button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.btnBiggest {
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px #cccccc solid;
    font-weight: bold;
}

.btnBiggest + .btnBiggest {
    margin-left: 20px;
}

.button.btn-white {
    color: #676767; /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FDFDFD 0, #EFEFEF 100%); /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FDFDFD 0, #EFEFEF 100%);
    background-image: -o-linear-gradient(top, #FDFDFD 0, #EFEFEF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD), color-stop(1, #EFEFEF));
    background-image: -webkit-linear-gradient(top, #FDFDFD 0, #EFEFEF 100%);
    background-image: linear-gradient(to bottom, #FDFDFD 0, #EFEFEF 100%);
}

.button.btn-green {
    color: #ffffff;
    text-shadow: 1px 1px #A5C24C, -1px -1px #3A7300;
    background-image: -ms-linear-gradient(top, #B0DB2D 0, #729701 100%);
    background-image: -moz-linear-gradient(top, #B0DB2D 0, #729701 100%);
    background-image: -o-linear-gradient(top, #B0DB2D 0, #729701 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B0DB2D), color-stop(1, #729701));
    background-image: -webkit-linear-gradient(top, #B0DB2D 0, #729701 100%);
    background-image: linear-gradient(to bottom, #B0DB2D 0, #729701 100%);
}


/*--- switch 0n/Off ---*/

.onoffswitch {
    position: relative;
    width: 54px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #5a5a5a;
    border-radius: 16px;
    float: none;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in;
    transition: margin 0.3s ease-in;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #88C744;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 26px;
    height: 26px;
    margin: 1px;
    background: #FFFFFF;
    position: absolute;
    bottom: 1px;
    right: 23px;
    border-radius: 16px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border: 1px solid transparent;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 1px;
}

.switch-row {
    padding: 6px 0;
    font-size: 15px;
}

.switch-row .onoffswitch {
    display: inline-block;
    vertical-align: top;
}

.switch-row .switch-label {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
}

/*--- /switch 0n/Off ---*/

/*--- tabs ---*/

.viewTabs.ui-widget-header {
    background: none;
    border: 1px solid #88c744;
    width: 160px;
}

.ui-tabs .viewTabs.ui-tabs-nav {
    padding: 0;
}

.ui-tabs .viewTabs.ui-tabs-nav li {
    width: 50%;
    border: none;
    background: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-tabs .viewTabs.ui-tabs-nav li a {
    text-align: center;
    color: #88c744;
    display: block;
    float: none;
    width: 100%;
}

.ui-tabs .viewTabs.ui-tabs-nav li.ui-tabs-active {
    padding: 0;
    margin: 0;
    background: #88c744;
}

.ui-tabs .viewTabs.ui-tabs-nav li.ui-tabs-active a {
    color: #fff;
}

.ui-tabs .viewTabs.ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
    background: none;
}

body .ui-widget-content.tabsContainer {
    background: none;
    border: none;
    padding: 0;
    font: normal 14px 'Conv_ProximaNova-Regular';
    color: #f0f0f0;
}

.tabsContainer.ui-tabs .ui-tabs-panel {
    background: none;
    color: #f0f0f0;
    padding: 0;
}

/*--- /tabs ---*/

hr {
    background: none;
    border: 1px solid #b4b4b4;
    border-width: 1px 0 0 0;
    opacity: 0.3;
    padding: 0;
    margin: 23px 0;
}

.col-sm-6 {
    float: left;
    width: 50%;
}

.row .col-sm-6:nth-child(odd) {
    width: 47%;
    padding-right: 3%;
}

.row .col-sm-6:nth-child(even) {
    width: 47%;
    padding-left: 3%;
    float: right;
}


/*--- settings ---*/

.settingCont.tabsContainer {
    padding-top: 2px;
}

.settingCont {
    font-size: 15px;
    color: #f0f0f0;
}

.settingCont h3 {
    font-size: 25px;
    padding-bottom: 28px;
}

.settingCont br + dl {
    padding-top: 11px;
}

.settingCont dl {
    padding: 0;
    margin: 0;
}

.settingCont dt {
    float: left;
    width: 48%;
    padding: 11px 0;
}

.settingCont dd {
    float: left;
    margin: 0;
    display: inline-block;
    width: 52%;
    padding: 11px 0;
    color: #fff;
}

    
.colorSelector {
    position: relative;
    padding-right: 15px;
    cursor: pointer;
    /*max-width: 175px;*/
}

.colorSelector:after {
    content: '';
    display: block;
    border: 6px solid transparent;
    border-top-color: #b4b4b4;
    position: absolute;
    top: 6px;
    right: 0;
}

.settingCont div .ui-selectmenu-button {
    background: none;
    border: none;
    display: block;
    width: auto !important;
}

.settingCont div .ui-selectmenu-button .ui-selectmenu-text {
    color: #fff;
    padding: 0 15px 0 0;
    font-size: 14px;
}

.settingCont div .ui-state-default .ui-icon {
    background: none;
    right: 0;
}

.settingCont div .ui-state-default .ui-icon:after {
    content: '';
    display: block;
    border: 6px solid transparent;
    border-top-color: #b4b4b4;
    position: absolute;
    top: 6px;
    right: 0;
}

.ui-selectmenu-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    right: 15px;
    border: 12px solid transparent;
}

.ui-selectmenu-menu .ui-widget-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    border: 1px solid #666;
    border-width: 1px 0 0 0;
    padding: 12px 15px;
    margin: 0;
}

.ui-selectmenu-menu .ui-widget-content .ui-menu-item:hover,
.ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus {
    margin: 0;
}

.ui-selectmenu-menu .ui-widget-content .ui-menu-item:first-child,
.ui-selectmenu-menu .ui-widget-content .ui-menu-item:first-child:hover,
.ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus:first-child {
    border-top: none;
}

.same-settings {
    position: relative;
    opacity: 0.5;
}

.same-settings:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 110;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tableTexture .ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    border: none !important;
    padding: 0;
    background: #b4b4b4;
    margin: 0 10px 10px 0;
    overflow: hidden;
    text-indent: -999px;
    width: 60px;
    height: 60px;
    float: left;
    -webkit-background-size: cover;
    background-size: cover;
}

.tableTexture .ui-selectmenu-menu .ui-widget-content .ui-menu-item:nth-child(1) {
    background: url('/Content/images/table-texture-1.gif') 0 0 repeat;
}

.tableTexture .ui-selectmenu-menu .ui-widget-content .ui-menu-item:nth-child(2) {
    background: url('/Content/images/table-texture-2.gif') 0 0 repeat;
}

.tableTexture .ui-selectmenu-menu .ui-widget-content .ui-menu-item:nth-child(3) {
    background: url('/Content/images/table-texture-3.gif') 0 0 repeat;
}

.tableTexture .ui-selectmenu-menu .ui-widget-content .ui-menu-item:nth-child(4) {
    background: url('/Content/images/table-texture-4.gif') 0 0 repeat;
}

.tableTexture {
    position: relative;
}

.tableTexture .ui-selectmenu-menu .ui-menu {
    max-width: 140px;
    padding: 9px 0 0 9px;
}

.tableTexture .ui-selectmenu-menu {
    left: auto !important;
    right: -15px;
    top: 35px !important;
}

.tableTexture .ui-selectmenu-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    right: 10px;
    border: 12px solid transparent;
    border-bottom-color: #323232;
}

/*--- /settings ---*/

.greenSelect + .ui-selectmenu-button {
    background: #88c744;
    border-color: #88c744;
    width: auto !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.greenSelect + .ui-selectmenu-button .ui-selectmenu-text {
    color: #fff;
    height: 40px;
    padding: 0 40px 0 20px;
    font: 15px/40px "Conv_ProximaNova-Sbold";
}

.greenSelect + .ui-selectmenu-button .ui-icon {
    background: none;
}

.greenSelect + .ui-selectmenu-button .ui-icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    border: 6px solid transparent;
    border-top-color: #fff;
}

.title + .panelOptions {
    float: right;
    margin-top: -62px;
}

.panelOptions .btn {
    float: right;
}

.panelOptions .greenSelect,
.panelOptions .ui-selectmenu-button {
    float: right;
    margin-left: 10px;
}

.panelOptions .btn span,
.greenSelect + .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 17px;
}

.payable-amount + .submit-buttons {
    padding-top: 40px;
}

.payment-plan tr,
.payable-amount tr {
    height: 25px;
}

.payable-amount td {
    font-size: 17px;
    height: 25px;
}

.payable-amount .total {
    color: #6BB121;
    font-size: 24px;
}

.payment-plan th,
#price-per-user {
    width: 150px;
    text-align: left;
    color: #808080;
}

.payment-plan select {
    width: 7em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: -ms-linear-gradient(top, #FFFFFF 0, #EFEFEF 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0, #EFEFEF 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0, #EFEFEF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0, #EFEFEF 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0, #EFEFEF 100%);
}

.payment-plan td {
    color: #000000;
}

.payment-plan input[type="radio"] {
    margin-right: 7px;
    width: 15px;
    height: 15px;
}

.payment-method-editor .slim-control.small input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-right: #a9a9a9 1px solid;
    padding-left: 10px !important;
}

.change-pay-info:not(.use-billing) .hide-not-credit-card {
    display: none;
}

.change-pay-info:not(.use-credit) .hide-info {
    display: none;
}

.change-pay-info:not(.use-cheque) .hide-cheque {
    display: none;
}

.button-container {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 15px;
}

.slim-control select {
    line-height: 26px;
    padding: 6px 0;
}

.slim-control .field-validation-error span {
    width: 100%;
}

.registerForm .education-subsctipt p {
    line-height: 20px;
}

.under-table-hint {
    color: white;
    text-align: center;
    font-size: 13px;
    margin-top: -10px;
}

#btn-monthly {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#btn-annually {
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.statusPaused {
    padding: 25px 15px;
    margin-bottom: 20px;
    color: #694E00;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #FFEA82 url(/Content/images/warning-ico.png) center 15px no-repeat;
}

.statusPaused .btn {
    width: 150px !important;
    height: 1em !important;
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 3px;
}

.statusPaused .notify-text {
    padding-bottom: 15px;
    padding-top: 60px;
}

.leftPart {
    float: left;
    width: 50%;
    padding-top: 20px;
}

.rightPart {
    float: right;
    padding: 20px 35px;
    background: #eee;
}

#billing .contentFull h1 {
    font-size: 19px;
}

.under-submit-hint.withChangePlan .not-change-plan,
.under-submit-hint:not(.withChangePlan) .change-plan {
    display: none;
}

.above-submit-hint {
    color: #000000;
    padding: 65px 0 15px;
}

.success-change-plan {
    width: 330px;
    margin: 0 auto 30px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.success-cheque {
    width: 410px !important;
}

.success-change-plan h1 {
    text-align: center;
}

.success-plan-page .submit-buttons {
    width: 100%;
    display: inline-block;
}

.success-plan-page .submit-buttons a {
    position: relative;
    left: 46%;
    display: inline-block;
}

.success-plan-page .submit-buttons a button {
    border: 1px solid #0a3c59;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    text-shadow: #7ea4bd 0 1px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


#periodTypeSelectBoxItOptions [data-val="Quarterly"],
#periodTypeSelectBoxItOptions [data-val="HalfYearly"] {
    display: none;
}

#periodTypeSelectBoxItOptions.extended [data-val="Quarterly"],
#periodTypeSelectBoxItOptions.extended [data-val="HalfYearly"] {
    display: block;
}

.cp-alt-target {
    width: 50px;
    height: 50px;
    border: 3px solid white;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.cp-alt-target.jscolor {
    width: 50px;
    height: 50px;
    color: transparent !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.leftPart .payable-amount {
    width: 350px;
}

#CouponCode {
    line-height: 1.5em;
    width: 6em;
    font-size: 20px;
    padding-left: 10px;
}

.invalid-coupon {
    border-color: red;
}

.coupon-apply-btn {
    width: 150px;
    display: inline-block;
    height: 30px;
    float: right;
}

.coupon-apply-btn * {
    width: 100%;
    height: 100%;
}

.coupon-status {
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 170px;
}

.payment-method-editor .coupon-status {
    margin-left: 50px;
}

.vat-status.invalid-coupon,
.coupon-status.invalid-coupon {
    background: url(/Content/images/billing-notactive.gif);
}

.vat-status.valid-coupon,
.coupon-status.valid-coupon {
    background: url(/Content/images/billing-confirm.gif);
}

.print-text {
    display: none;
}

.print-test-popup label {
    float: none;
}

.print-test-popup input[type="number"] {
    width: 3em;
}

.print-test-popup .radio-block {
    padding-bottom: 25px;
}

.print-test-popup .radio-block .radio-row {
    padding-top: 2px;
    padding-bottom: 3px;
}

.print-test-popup .radio-block.hint {
    color: rgb(142, 142, 142);
}

.print-test-popup .radio-block label,
.print-test-popup .radio-block {
    font-weight: bold;
    font-family: OpenSans;
    font-size: 1em;
}

.print-test-popup .popupCont {
    padding: 20px 40px 40px;
}

@media print {
    html,
    body {
        height: 99%;
        page-break-after: avoid;
    }

    .print-text {
        display: block;
    }

    .print-text div {
        width: 32%;
        display: inline-block;
    }

    .ui-dialog.print-test-popup,
    #livechat-compact-container,
    iframe,
    .printHide {
        display: none !important;
    }

    .ui-dialog {
        top: 0;
    }
}

.popupCloseBtn .close {
    width: 22px;
    height: 18px;
    background: url(/Content/images/close-popup-btn.png) no-repeat;
}


.footer .reciteme,
.panelRole .reciteme {
    cursor: pointer;
    z-index: 10;
    width: 120px;
    height: 20px;
    text-indent: -9999px;
    background: url('/Content/images/svg/accessibility-logo.svg') no-repeat;
    background-size: contain;
}

.footer .reciteme:hover,
.panelRole .reciteme:hover {
    background: url('/Content/images/svg/accessibility-logo-hover.svg') no-repeat;
}

.expired-warning {
    background: url(/Content/images/warning-ico.png) no-repeat;
    background-size: contain;
}

.panelRole .reciteme {
    top: 1px;
    position: fixed;
    right: 336px;
    cursor: pointer;
    content: "";
}

.check_l div {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.check_l input {
    float: left;
}

.check_l label {
    padding-left: 10px;
}

.wraper_line {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

.wraper_line ul.line {
    white-space: nowrap;
    overflow-x: auto;
    height: 115%;
    bottom: -17px;
    top: inherit;
    -webkit-print-color-adjust: exact;
}

.wraper_line ul.line li {
    float: none;
    bottom: -36px;
    display: inline-block;
    top: inherit;
}

.containerSettingCont a.current {
    font-size: 16px;
}

.containerSettingCont a:visited {
    font-size: 16px;
}

.viewTabs_st {
    position: absolute;
}

span.mark_s {
    height: 39px;
    display: block;
    float: right;
    width: 25px;
    background: url(/Content/images/mark-level.gif) no-repeat right center;
    cursor: pointer;
}

div.typed {
    display: inline-block;
    margin-right: 10px;
    text-align: left;
}

#result-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */
    z-index: 10000 !important;
    display: none;
}

.st_result {
    position: absolute;
    margin: auto;
    width: 635px;
    height: auto;
    margin-top: -226px;
    margin-left: -415px;
    z-index: 10002;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 30px;
    padding: 14px 14px 0 14px;
    font-weight: bold;
    font-family: 'OpenSans';
}

.st_header.st_title {
    font-size: 24px;
    text-align: left;
    margin: 15px 0 25px 10px;
    font-family: 'OpenSansBold';
    color: black;
}

.st_header li {
    list-style-type: none;
    display: inline-block;
    background-color: #98c01c;
    -ms-border-radius: 6px 6px 33px 6px;
    border-radius: 6px 6px 33px 6px;
    width: 23%;
    height: 93px;
    top: 0;
    color: white;
    text-align: center;
    overflow: hidden;
    margin-left: 5px;
    border: solid;
    border-color: #C7C7C7;
    border-width: 1px;
    font-family: 'Conv_ProximaNova-Sbold';
}

.st_header li .st_h_top {
    font-size: 30px;
    margin-top: 18px;
}

.st_header li .st_h_bot {
    margin-top: 8px;
    color: white;
    font-size: 16px;
}

.st_header {
    text-align: center;
}

.st_words li {
    list-style-type: none;
    width: 31%;
    float: left;
    margin-top: 10px;
}

.st_words li:nth-child(3n + 1) {
    clear: both;
}

div.st_li_d {
    padding-top: 25px;
    font-size: 17px;
    line-height: 16px;
}

.st_btn_block {
    margin-bottom: 40px;
    text-align: center;
}

.st_btn_block a {
    display: inline-block !important;
    float: inherit !important;
}

.st_btn_block {
    text-align: center !important;
}

.st_btn_block .btn_exit:after {
    content: url(/Content/images/keyboard-exit.png);
    position: relative;
    left: 0;
    top: 1px;
    cursor: pointer;
}

.st_words {
    text-align: center;
}

li.st_white_li {
    background-color: white;
    color: black;
}

.st_header li.st_white_li .st_h_bot {
    color: #807B7B;
}

.wrapTest {
    height: 379px;
}

.st_li_d li span,
div.typed,
div.correct {
    float: left;
}

.st_li_block {
    margin-left: 13px;
}

.freshwidget-button {
    z-index: 1000 !important;
}

.embedded-wrapper {
    overflow: auto;
}

/*--- dialog ---*/

body .ui-dialog {
    z-index: 1002;
}

body .ui-widget-overlay {
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
}

body .ui-widget-content {
    background: #323232;
    border-color: #323232;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    background: none;
    border: none;
    font-size: 24px;
    font-weight: normal;
}

body .ui-dialog .ui-dialog-content {
    overflow: visible;
    padding: 10px 40px 54px 40px;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.popupContent p {
    font-size: 33px;
    overflow: hidden;
    clear: both;
    padding-bottom: 12px;
}

.popupContent p span {
    display: block;
    float: left;
    height: 38px;
    line-height: 30px;
    margin-right: 15px;
    padding: 0 5px;
    font-family: ProximaNova;
}

.popupContent div.line {
    font-size: 33px;
    overflow: hidden;
    clear: both;
}

.popupContent .popupModuleContent {
    overflow: auto;
    height: 270px;
    padding: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.popupModule .popup-module-descriptor {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.33;
}

.popupContent p span.active {
    background: #f7a900;
    border-radius: 2px;
    color: #FFF;
}

.popupOptions {
    padding-top: 23px;
    color: #b4b4b4;
    font-size: 15px;
}

.popupOptions span {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 20px;
    padding-right: 20px;
}

.popupOptions a {
    display: block;
    float: left;
    margin-right: 10px;
}

.popupOptions .space {
    background: #f0f0f0;
    width: 40px;
    height: 12px;
    text-decoration: none !important;
    margin-top: 4px;
}

.ui-dialog-content .print {
    display: block;
    position: absolute;
    top: -34px;
    right: 40px;
    font-size: 15px;
    z-index: 10;
}

.fLSpace span {
    padding-right: 40px;
}

.popupOptions .F1,
.popupOptions .F2,
.popupOptions .F4 {
    width: 25px;
    height: 25px;
    color: #fff;
    line-height: 23px;
    font-size: 13px;
    text-align: center;
}

/*-- /dialog --*/
@media screen and (max-width: 768px) {
    .twitter {
        display: none;
    }

    .main {
        padding-left: 60px;
        padding-right: 60px;
    }

    a.back {
        top: 30px;
        left: 15px;
    }

    .moduleView {
        right: 10px;
    }

    .login {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #pageLogin .wrapper {
        max-width: 550px;
        padding: 0 20px;
    }


    .ui-dialog {
        width: auto !important;
    }

    body .ui-dialog .ui-dialog-titlebar-close {
        display: block;
        background: none;
        border-color: transparent;
    }

    body .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
        width: 20px;
        height: 20px;
        border-color: transparent;
    }

    .filter + .moduleView,
    .panelOptions + .moduleView {
        top: 12px;
    }

    .user-class {
        width: 60px;
        height: 60px;
    }

    .className {
        padding-top: 4px;
    }

    .userClasses li .check {
        top: 38px;
    }

    .userClasses .pull-right {
        top: 28px;
    }

    .userClasses .arr {
        top: 28px;
    }
}

@media screen and (max-width: 640px) {
    .main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navigation-menu > li {
        padding: 0;
        float: left;
        width: 50px;
    }

    .navigation-menu > li a {
        display: block;
        height: 40px;
        overflow: hidden;
    }

    .faq-ico {
        display: none;
    }

    a.back {
        top: 5px;
        left: 5px;
        -moz-background-size: 23px 41px;
        -o-background-size: 23px 41px;
        -webkit-background-size: 23px 41px;
        background-size: 23px 41px;
    }
    

    .title span {
        display: block;
        padding-left: 0;
    }

    .keyboardBg {
        margin-right: -20px;
        margin-left: -20px;
    }

    .title {
        font-size: 25px;
    }

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

    .number-info {
        border-top: none;
        font-size: 18px;
        line-height: 22px;
    }

    .number-info .col-sm-4 {
        float: none;
        width: auto;
        border-top: 1px solid #90c029;
        height: 60px;
    }

    .number-info .pull-right {
        line-height: 60px;
        width: 60px;
        font-size: 30px;
    }

    .copyright {
        display: block;
        padding-bottom: 10px;
    }

    .footer a,
    .footer a:visited {
        margin-left: 0;
        margin-right: 20px;
    }

    .moduleView {
        width: 120px;
        right: 20px;
    }

    .moduleView span {
        float: right;
        margin: 0 0 0 10px;
    }

    .moduleView .line-view {
        margin-top: 3px;
    }

    .userClasses .pull-right {
        position: relative;
        top: auto;
        right: auto;
        float: none;
        text-align: left;
    }

    .hintContent {
        margin-right: 0;
    }

    .hintWrap {
        margin-top: 215px;
    }

    .title + .panelOptions {
        float: none;
        margin-top: 0;
    }
}

@media (max-width: 1000px) {
    .profile-img .ava img {
        width: 40px;
        height: 40px;
    }

    .profile-img {
        margin-right: 0;
        padding: 5px 20px 0 33px;
    }

    .profile-img {
        padding-left: 0;
    }
}

#top-panel-username {
    font: normal 21px 'Conv_ProximaNova-Regular';
    margin-left: 10px;
    margin-right: -15px;
    width: auto;
}

.st_white_li.orange-li {
    background-color: #f7a900;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.pleft15 {
    padding-left: 15px;
}

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

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

/*****tables start******/

th {
    font-weight: normal !important;
}

/*--- grid ---*/

.grid {
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}

.grid th {
    height: 53px;
    background: #3a3a3a;
    padding: 0 10px;
    text-align: center;
    font-weight: normal;
}

.grid th a {
    color: #fff;
}

.grid td {
    padding: 10px 5px;
    text-align: center;
}

.test_container .grid .test-row{
    cursor:pointer;
}

.grid.th-none th {
    background: none;
    border-bottom: 2px solid #7e7e7e;
}

.grid .bar-wrap {
    padding: 0;
    text-align: left;
}

.grid .bar-wrap .progressBar,
.grid .bar-wrap .progressBar span {
    height: 6px;
}

.grid h2 {
    font: 18px/20px 'Conv_ProximaNova-Regular';
    padding: 2px 0 0 0;
}

.grid .align-left {
    text-align: left;
}

.grid .avatarSmall {
    margin-right: 5px;
}

.grid .user-info h2 {
    white-space: nowrap;
}

.grid .user-info a {
    float: left;
    color: #a2a2a2;
}

.grid .check label::after {
    top: -9px;
}

.grid tr th:first-child .check {
    margin-left: 2px;
}

.grid tr td:first-child .check {
    margin-left: 7px;
}

/*--- /grid ---*/

.grid a.parentBallon,
.grid a.parentBallon:visited,
.grid a.parentBallon:hover {
    position: relative;
    display: block;
    color: #787878;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    float: left;
}

.grid .parentBallon:hover span.ballon {
    top: -50px;
    background: url(/Content/images/hint1.gif) no-repeat top center;
    left: -50%;
    height: 50px;
    line-height: 20px;
    display: block;
    padding-left: 0;
}

.grid .parentBallon:hover span.ballon span {
    color: #92630E;
    background: none !important;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 8px;
    white-space: nowrap;
    border-left: 1px solid #E4B862;
    border-right: 1px solid #E4B862;
}

/*** Sort *******************************************************************/

.grid th.sort {
    background: url(/Content/images/sort-bg.gif) repeat-x left center !important;
    border-right: 1px solid #FAFAFA;
}

.grid th.sort span .grid th.sort a.parentBallon,
.grid th.sort a.parentBallon:visited,
.grid th.sort a.parentBallon:hover {
    background: url(/Content/images/sort-bg.gif) repeat-x left center;
    color: #fff !important;
    padding-right: 15px !important;
    cursor: pointer;
}

.grid th.sort span.up,
.grid th.sort a.up,
.grid th.sort a.up:visited,
.grid th.sort a.up:hover {
    padding-right: 15px !important;
    position: relative;
}

.grid th.sort span.down,
.grid th.sort a.down,
.grid th.sort a.down:visited,
.grid th.sort a.down:hover {
    padding-right: 15px !important;
    position: relative;
}

.grid th.sort span.up:after {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    width: 15px;
    height: 15px;
    background: url(/Content/images/svg/icons/iconset-icons-small.svg) no-repeat;
}

.grid th.sort span.down:after {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    width: 15px;
    height: 15px;
    background: url(/Content/images/svg/icons/iconset-icons-small.svg) no-repeat;
}
/*** End Sort ***************************************************************/
table.grid th,
table.grid th.sort {
    background: none !important;
    border-bottom: 2px solid #969696;
    text-align: left;
    padding: 0 5px;
}

.grid tr th:first-child .check {
    margin-left: 6px;
}

.grid tbody tr:nth-child(even) td {
    background: none;
}

.grid tbody .tdDate,
.grid tbody .tdNH,
.grid tbody .text-field {
    text-align: left;
}

.grid tbody .tdModule,
.grid tbody .tdPercent,
.grid tbody .tdWPN,
.grid tbody .tdTotal,
.grid tbody .tdTime,
.grid tbody .digit-field {
    text-align: right;
}

.grid tbody .ico-field {
    text-align: center;
}

.grid tbody .digit-field a.parentBallon,
.grid tbody .ico-field a.parentBallon {
    float: none;
}

.grid th.sort {
    height: 53px;
    background: #3a3a3a !important;
    border-right: none;
    padding: 0 10px;
    text-align: center;
    color: #f0f0f0;
    font-weight: normal;
}

.discount-banner {
    width: 850px;
    height: 128px;
    -webkit-object-fit: contain;
    object-fit: contain;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
}

.stripe {
    width: 803px;
    height: 88px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: -22px;
}

.Get-30-OFF {
    width: 189px;
    height: 37px;
    font-family: ProximaNova;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 12px;
    position: absolute;
    margin-left: 28px;
    margin-top: 28px;
}

.Purchase-your-TTRS-S {
    width: 283px;
    height: 36px;
    font-family: ProximaNova;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    position: absolute;
    margin-top: 60px;
    margin-left: 272px;
}

.discountBannerBtn {
    width: 150px;
    height: 40px;
    border-radius: 4px;
    background-color: #ffffff;
    position: absolute;
    margin-top: 56px;
    margin-left: 572px;
}



.discountPurchase {
    width: 71px;
    height: 20px;
    font-family: ProximaNova;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #088cca;
    position: absolute;
    margin-top: 10px;
    margin-left: 40px;
}

.Add-new-users {
    width: 71px;
    height: 20px;
    font-family: ProximaNova;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #088cca;
}

.Rectangle {
    width: 267px;
    height: 54px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(149deg, #1fc0fc, #02a1dc);
}

.discount-banner-rectangle {
    width: 753px;
    height: 128px;
    background-color: rgb(50, 50, 50);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.discount-banner-close {
    width: 26px;
    height: 26px;
    -webkit-object-fit: contain;
    object-fit: contain;
    opacity: 0.5;
    margin-left: 707px;
    margin-top: 15px;
    cursor: pointer;
    position: absolute;
}

/*****tables end******/

.british-dyslexia-label {
    width: 100px;
    height: 46px;
    display: inline-block;
    margin-right: 10px;
}

.login-footer-text {
    max-width: 350px;
    display: inline-block;
}

#content-area div.bottom.login-footer {
    max-width: 500px;
    width: 100%;
    display: flex;
}

.login-footer-text > div:first-child {
    margin-bottom: 6px;
}

.login-footer-text > * {
    display: inline-block;
}

.more-users-link {
    color: #88c744;
}

.viewTabsBilling {
    width: 250px;
    height: 27px;
    margin: 0 auto 0px auto;
    cursor: pointer;
    background-color: rgba(0,0,0,.3);
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.viewTabsBilling a {
    display: block;
    float: left;
    list-style: none;
    width: 4.1666%;
    width: 50%;
    height: 27px;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 27px;
}

.viewTabsBilling a:hover {
    text-decoration: none;
    background: #4e4e4e;
}

.viewTabsBilling a.active {
    color: #fff;
    background: #88c744;
}

.icon-check-green {
    background: url('/Content/images/svg/icons/icon-check-green.svg') no-repeat;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 20px;
    object-fit: contain;
}

.line-with-check {
   display: flex;
   flex-direction: row;
}

.line-with-check:after {
    content: "";
    display: block;
    background: url('/Content/images/svg/icons/icon-check-green.svg') no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 5px 0 20px;
    object-fit: contain;
}

.teacher-permission {
    display: none;
}




html .pageWrap .wrapper#wrapper {
    min-width: 510px;
    height: auto !important;
    min-height: auto;
}

.pageUsers,
.pageWrap,
.wrapGraph {
    height: 100% !important;
}

.header-nav {
    z-index: 100;
}

.main {
    padding: 10px 100px 30px 100px;
}

body {
    color: #f0f0f0;
}

fieldset,
select,
input {
    font-family: 'Conv_ProximaNova-Regular';
}

.copyright {
    float: left;
    color: #b4b4b4;
    padding-top: 0 !important;
}

.profile-img {
    padding-right: 25px;
    color: #88c744;
    text-align: center;
}

.profile-img:after {
    right: 10px;
}

.navigation-menu > li {
    text-align: center;
    width: 86px;
    padding: 15px 5px;
    height: 55px;
}

.navigation-menu > li .fa {
    width: 30px;
    margin-bottom: 8px;
}

.navigation-menu > li a {
    text-align: center;
}

.navigation-menu > li span {
    margin: 0 auto;
    display: block;
}

#ChatView .red-dot span {
    width: 25px;
}


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

.level-progress span {
    margin-bottom: 5px;
    width: 4.1666%;
}

.level-progress span span {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    cursor: default;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -ms-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.level-progress span span.current:after {
    content: '';
    display: block;
    position: relative;
    top: -7px;
    border: 13px solid transparent;
}

.level-progress span .baseBlue {
    background: #00aeef !important;
    color: #fff !important;
}

.level-progress span .baseGreen {
    background: #88c744 !important;
    color: #fff !important;
}

.level-progress span .baseOrange {
    background: #f7a900 !important;
    color: #fff !important;
}

.check input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    display: block;
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg );
    z-index: 1;
}

.check-user-menu input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    display: block;
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg );
    z-index: 1;
}

.radio-block .radio {
    margin-bottom: 5px;
}

#ShowPasswordCheck {
    display: none;
}

.footer {
    display: flex;
    justify-content:center;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px 0px;
    width: 100%;
    z-index: 2;
}

.footer.key-board .reciteme {
    bottom: 17px;
}


.footer a {
    color: #b4b4b4;
    margin-left: 20px;
}

.footer a:hover {
    color: #f0f0f0;
    text-decoration: none;
}

.auth-footer {
    width: 100% !important;
    margin: 0 0 20px 82px !important;
}

.twitter {
    width: 416px;
    margin: -149px -76px 0 -4px;
    background: none;
    padding: 160px 0 0 0;
}

.graph {
    margin-top: 10px;
}

.graph.graphState ul.line {
    overflow: visible;
}

.graph .line li span.line,
.graph .line li {
    width: 19px;
}

.graph .line li strong {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    bottom: -20px;
    left: 0;
    top: inherit;
    width: 22px;
    text-align: center;
}

.graph .line li span.line,
.graph .line li {
    width: 22px;
    -ms-opacity: 1;
    opacity: 1;
}

.level-graph .line li span.line,
.level-graph .line li {
    width: 95%;
}

.graph .line li.latest span.line {
    background: #00aeef;
    -webkit-print-color-adjust: exact;
}

.graph .line li span.line span {
    left: 0;
    width: 22px;
    -ms-background-size: 22px 18px;
    background-size: 22px 18px;
}

.graph .line li span.line div {
    overflow: visible !important;
}

.graph .scale li {
    width: auto;
    margin-left: 33px;
    height: 21px;
}

.graph .scale li:last-child {
    border: none;
}

.wrapGraph .label {
    left: 0;
    display: none;
}

.wraper_line ul.line {
    margin-left: 33px;
    bottom: 0;
    height: 100%;
    overflow-x: inherit;
}

.wraper_line ul.line li {
    bottom: 0;
    float: left;
    margin-left: 1px;
}

.slim-control .field-validation-error {
    left: 276px !important;
}

a.back {
    background: url('/Content/images/svg/icons/iconset-icons-small.svg') no-repeat;
    top: 33px;
}

#studentsView a.back {
    top: 60px;
    left: -20px;
}

#studentsView.home .filter {
    display: none;
}

#studentsView.home div.panelOptions.addUsersBlock {
    margin-top: -67px;
}

.moduleList .parentBallon:hover span.ballon {
    top: -137px !important;
}

.levelList .parentBallon:hover span.ballon {
    top: -55px !important;
    left: -257px !important;
}

a.parentBallon,
a.parentBallon:visited,
a.parentBallon:hover {
    color: #f0f0f0;
    font-family: 'Conv_ProximaNova-Regular' !important;
    font-size: 15px !important;
}

.parentBallon:hover span.ballon {
    height: 29px !important;
    background: #000000 !important;
    border: none !important;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    top: -35px !important;
}

.parentBallon:hover span.ballon span {
    color: #b4b4b4 !important;
    border: none !important;
    font: 13px/29px 'Conv_ProximaNova-Regular' !important;
    background: none;
}

.tabsStudents a.parentBallon:hover span.ballon {
    color: #FFF;
    left: -25%;
    padding: 0 10px !important;
    line-height: 29px !important;
}

.tabsStudents a.parentBallon:hover span.ballon.bottomBallon {
    top: 35px !important;
}

.progressBar span.progressTitle {
    background: none;
}

.licence-info .close-btn {
    background: url('/Content/images/svg/message-close.svg') 0 0 no-repeat;
}

.licence-info .container:before {
    background: #ffe47b url('/Content/images/svg/message-card.svg') center center no-repeat;
}

.latest .fa-lock {
    background: url('/Content/greengreyImages/ico-level.png') -102px 0 no-repeat;
}

.btn,
.stripe-button-el {
    height: 47px;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.stripe-button-el:active,
.stripe-button-el:hover {
    background: none !important;
}

.btn > span {
    color: #ffffff;
    padding: 0 20px;
    float: none;
    font-size: 18px;
    height: 40px;
    line-height: 41px;
    -moz-min-width: 80px;
    -ms-min-width: 80px;
    -o-min-width: 80px;
    -webkit-min-width: 80px;
    min-width: 72px;
    background-image: none;
}

.stripe-button-el > span {
    background: none !important;
    color: #ffffff !important;
    padding: 0 10px !important;
    float: none !important;
    font-size: 18px;
    height: 45px !important;
    line-height: 45px !important;
    min-width: 80px !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font: 17px/45px 'Conv_ProximaNova-Sbold' !important;
    border-radius: 7px !important;
    color: #88c744 !important;
}

.btn:hover > span,
.stripe-button-el:hover > span {
    background: #94d84b /*!important*/; /*TTRS-2525 [TRELLO]: End of Level screen START*/
}

.btn.btn-border:hover > span,
.btn.btn-border.btn-grey:hover > span {
    color: #ffffff;
}

.stripe-button-el:hover > span {
    color: #ffffff !important;
}

.btn:active > span {
    background: #94d84b;
    -webkit-box-shadow: inset 0 0 14px 3px #769f1f;
    -moz-box-shadow: inset 0 0 14px 3px #769f1f;
    -ms-box-shadow: inset 0 0 14px 3px #769f1f;
    box-shadow: inset 0 0 14px 3px #769f1f;
    color: #ffffff;
}

.stripe-button-el:active > span {
    background: #94d84b !important;
    -webkit-box-shadow: inset 0 0 14px 3px #769f1f !important;
    -moz-box-shadow: inset 0 0 14px 3px #769f1f !important;
    -ms-box-shadow: inset 0 0 14px 3px #769f1f !important;
    box-shadow: inset 0 0 14px 3px #769f1f !important;
    color: #ffffff !important;
}

.btn:active > span > span {
    background: none;
}

.onoffswitch-inner:before {
    background-color: #f7a900;
}

.settingTitle {
    display: none;
}

.settingTabs {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 20px auto;
}

.viewTabs {
    display: inline-flex;
    height: 32px;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.viewTabs.view3Tabs {
    width: auto;
    margin: 0 auto 40px 0;
}

.viewTabs a {
    line-height: 32px;
    height: 32px;
    font-size: 13px;
    border: none;
    background: none;
    padding: 0;
    text-transform: none;
    color: #88c744;
    padding: 0 14px;
}

.viewTabs a:hover {
    background: none;
}

.viewTabs a.current,
.viewTabs a.active:hover {
    color: #ffffff !important;
    background: #88c744;
}

.viewTabs a.tabMiddle {
    border-left: #88c744 solid 1px;
    border-right: #88c744 solid 1px;
}

.viewTabs a.tabRight {
    border-left: none;
    border-right: none;
}

.viewTabs.settingTabs {
    margin: 0;
}

#switch-view-st {
    border: none;
    border-radius: 6px;
}

#switch-view-st > * {
    font-size: 15px;
    font-weight: 500;
}

.setting input[type='checkbox'].onoffswitch-checkbox {
    display: none;
}

.containerSetting,
#resultPersonalInfoSaving,
#resultChangePasssword {
    margin-left: -30px;
    width: 820px;
}

.settingCaption {
    font-size: 25px;
    margin-bottom: 30px;
}

.showOnDefault,
.hideOnDefault {
    font-family: Conv_ProximaNova-Sbold;
}

td.showOnDefault,
td.hideOnDefault {
    font-family: Conv_ProximaNova-Regular;
}

.userName {
    text-align: left;
    font-size: 11px;
}

.title + div.panelOptions {
    padding: 0;
}

div.panelOptions .dropdown {
    margin: 0 0 0 8px;
}

div.panelOptions div.dropdown.addUsers {
    position: absolute;
    right: 205px;
    padding-top: 7px;
}

div.panelOptions div.dropdown.actions {
    padding-top: 7px;
}

.containerSettingTop,
.containerSettingCont,
.containerSetting,
a.setBg,
a.setBg:visited,
a.setBg:hover,
a.setBg.current {
    background: none;
    padding: 4px 0 0 0;
}

a.setBg span,
a.setBg:visited span {
    border: 3px solid white;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

a.setBg.current span,
a.setBg:hover span {
    border: 3px solid yellow;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.containerSettingCont {
    padding: 0;
}


body .ui-widget-content {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.setLeft table.tableSettings,
.setLeft table.tableSettings tr {
    width: 100%;
}

.tableSettings th {
    font-family: 'Conv_ProximaNova-Regular' !important;
    font-size: 15px !important;
}

.setLeft table.tableSettings tr td.selectBox {
    width: 305px;
}

.setLeft .btn {
    margin: 20px auto;
}

.switcher {
    width: 55px;
}

.setting .setRight {
    top: 152px;
    right: 0;
}

.setting .setLeft {
    width: 100%;
}

.setting .setRight.ava {
    position: relative;
    top: 47px;
    right: 85px;
}

.graphBot div {
    float: left;
}


.wrapGrid {
    background: none;
    padding-top: 10px;
}

.wrapGrid .graphBot .legends {
    background: none;
}

.graphBot .legends {
    margin-left: 33px;
}

.wrapGraph .pull-right .check {
    top: 0;
}

.tdModule,
.tdPercent span,
.tdWPN,
.tdTime,
.tdTotal,
.tdNH {
    color: inherit;
}

.info {
    clear: none;
}

.info .score {
    float: right;
    width: 210px;
}

.overflowGrid li.attent:before,
.overflowGrid li.norm:before {
    background: none;
}

.tabsContainer {
    padding-top: 0;
    text-align: center;
}

.tableScore {
    padding-bottom: 0;
    line-height: 15px;
}

.tableScore span {
    display: block;
    float: left;
    margin-bottom: -1px;
    padding: 0 5px 0;
}

.tableScore .tr {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.userInfo .description .latest {
    padding: 5px 0;
}

.userInfo .description .buttonBlock {
    float: left;
    width: 100%;
    padding: 20px 0;
}


.userInfo .description .userButtonBlock {
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
    padding: 20px 0;
}

.userButtonBlock .access-btn,
.userButtonBlock .lock-levels,
.userButtonBlock .level-modules {
    display: flex;
    align-items: center;
}

.wrapGraph {
    background: none;
    padding-left: 0;
}

.topResult .btn {
    width: 150px;
}

.st_words li {
    color: black;
}

.footer .reciteme,
.panelRole .reciteme {
    float: right;
}

.licence-info .container.role::before {
    content: none;
}

.licence-info .container.role .close-btn {
    z-index: 50;
    border-bottom: none;
}

.fixed {
    position: fixed;
}

.panelRow {
    position: fixed;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    background: #000;
    z-index: 1000;
}

.panelRow .row {
    display: block;
    height: 93px;
    background: #ffefb0;
}

.panelRow .row .wraprow {
    display: block;
    height: 93px;
    margin: 0 auto;
    width: 990px;
}

.panelRow .row .wraprow ul {
    display: block;
    height: 60px;
    float: left;
    margin-top: 15px;
    margin-left: 50px;
}

.panelRow .row .wraprow ul li {
    display: block;
    height: 60px;
    float: left;
    color: #7d590b;
    font-family: 'Conv_ProximaNova-Regular';
    font-size: 14px;
    -webkit-text-shadow: 1px 1px 0 #f0f0f0;
    -moz-text-shadow: 1px 1px 0 #f0f0f0;
    -o-text-shadow: 1px 1px 0 #f0f0f0;
    text-shadow: 1px 1px 0 #f0f0f0;
    padding: 0 0 0 52px;
    line-height: 60px;
    background: url(/Content/images/row-bg.png) repeat-x left top;
    position: relative;
}

.panelRow .row .wraprow ul li strong {
    display: block;
    float: left;
    background: url(/Content/images/mark-step.png) no-repeat left top;
    height: 22px;
    width: 22px;
    margin: 19px 15px 0 0;
    line-height: 22px;
    color: #f0f0f0;
    text-align: center;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    font-weight: bold;
}

.panelRow .row .wraprow ul li.second {
    padding: 0 0 0 20px;
}

.panelRow .row .wraprow ul li.done {
    background: url(/Content/images/row-bg-active.png) repeat-x left top;
}

.panelRow .row .wraprow ul li.done span {
    background: url(/Content/images/row-active-corn.png) no-repeat right top;
}

.panelRow .row .wraprow ul li.done strong {
    background: url(/Content/images/mark-done.png) no-repeat left top;
}

.panelRow .row .wraprow ul li span {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    background: url(/Content/images/row-corn.png) no-repeat right top;
    top: 0;
    right: -32px;
    padding: 0 52px 0 0;
    margin-left: -32px;
    position: relative;
}

.panelRow .row .wraprow ul li.first {
    background: none;
    padding: 0 20px;
}

.tdPercent .attent,
.tdTime .attent {
    color: #f7a900;
    width: 40px;
}

.tdPercent .norm,
.tdTime .norm {
    color: #88c744;
    width: 40px;
}

.overflowGrid .grid tr:nth-child(odd) td {
    background: none;
}

.popupPrintStat a.btnEscGrey {
    background: none;
}

.popupPrintStat a.closePopupStudents {
    display: none;
}

.overflowGrid .wrapGraph {
    padding: 20px 0 0 33px;
}

.btnEscGrey.closeEvent span {
    display: block !important;
}

#results .resultContainer {
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 40px 30px 30px 30px;
}

a#result-exit-link span {
    background-image: none;
    -ms-text-shadow: none;
    text-shadow: none;
    font: 18px/45px 'Conv_ProximaNova-Sbold';
    text-transform: none;
    padding: 0;
}

#results #result-scale-wrapper {
    padding: 30px;
}

#results .wrapGraph {
    padding: 0;
}

#results .wrapGraph .label,
#results .wrapGraph .check {
    top: -10px;
}

#results .wraper_line {
    height: 180px;
    bottom: 20px;
}

#results .graphBot .legends li {
    background: none;
    margin-left: 0;
    margin-right: 30px;
    padding-left: 0;
}

#results .graph {
    height: 210px;
    margin-top: 0;
    border: none;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 30px;
}

#results .graph .line li {
    height: 180px;
    top: unset;
    bottom: 0;
}

#results .graph .scale li {

    height: 18px;
}

#results .graph .scale {
    height: 180px;
}


#results #result-scale-wrapper * {
    box-sizing: border-box;
}

#results li.lat::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    -webkit-print-color-adjust: exact;
    margin-right: 10px;
    background: #00aeef;
}

#results .graphBot {
    width: 100%;
}

#results .graphBot .legends {
    margin-left: 7px;
}

#result-scale-wrapper .wraper_line ul.line li {
    bottom: 0;
}

#results .st_header li#wpmBlock {
    background-color: #f7a900;
}

.borderLine {
    border-bottom: 1px solid #8c8c8c;
    width: 100%;
}

.result-progress {
    margin: 0 20px;
    background: #b7dd8e;
    height: 12px;
}

#wpmBlock .result-progress {
    background: #facb66;
}


.result-progress span {
    background: white;
    display: block;
    height: 12px;
}

#result-proceed {
    margin: 9px auto 6px auto;
    width: 140px;
}


#results #result-repeat-link {
    height: 44px;
    margin-left: 10px;
    padding: 0 11px !important;
}

#results #result-repeat-link span {
    background: transparent url(/Content/images/svg/icons/iconset-icons-small.svg) no-repeat;
    -moz-min-width: 16px;
    -ms-min-width: 16px;
    -o-min-width: 16px;
    -webkit-min-width: 16px;
    min-width: 26px;
    width: 26px;
    height: 20px;
    display: block;
}

.spelling-lvl {
    margin-left: 15px;
    margin-top: -5px;
}

span.mark_s {
    background: url(/Content/greengreyImages/ico-mark.png) no-repeat right center;
    -ms-background-size: 31px;
    background-size: 31px;
    background-position: -8px -5px;
    height: 20px;
}

.latest .fa-lock {
    background: url(/Content/images/svg/lock-square-view.svg) -3px 0 no-repeat;
    background-size: 18px;
}

.popup {
    width: auto !important;
    padding-bottom: 60px !important;
}

.popup .popupContent p {
    font-family: Verdana, Arial, sans-serif;
}

.popup .popupOptions {
    padding-top: 15px;
    color: #b4b4b4;
    font-size: 15px;
    bottom: 0 !important;
    width: auto !important;
    position: relative;
    border-bottom: none;
}

.popup .popupContent a.close {
    border: none !important;
}

.popup .popupContent > a.close {
    width: 30px;
    height: 30px;
    top: -60px;
    right: 0;
    background: url(/Content/images/esc.png) no-repeat;
    background-size: 30px 30px;
}

.popup a.close:hover,
.popup a.close:visited {
    text-decoration: none;
}

.popup .popupContent > a.close span {
    color: #5a5a5a;
    top: 31px;
    position: absolute;
    width: 100%;
    text-align: center;
}

.popup .popupContent > a.close:hover {
    background-image: url(/Content/images/esc-light.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.popup .popupContent > a.close:hover span {
    color: #b4b4b4;
}

.popup .popupOptions > div {
    margin-top: 10px;
}

.popup .popupOptions > a {
    margin-top: 11px;
}

#popup {
    border-color: #323232;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0;
}

#popup .popup,
#popup .popup .popupTop,
#popup .popup .popupCont,
#popup .popup .popupContent {
    background: none !important;
    padding: 0;
}

.popupOptions .F1,
.popupOptions .F2,
.popupOptions .F4 {
    color: #f0f0f0 !important;
    height: 23px;
}

.popupOptions span {
    font-size: 15px;
    color: #636363;
}

.popupContent .popupOptions .print {
    position: static;
    background-size: 30px;
    height: 30px;
    padding-right: 19px;
}

.popupContent .popupOptions .fR span {
    padding-right: 0;
}

.popupCloseBtn a.close {
    top: -30px;
    right: 30px;
    border-bottom: none;
    z-index: 10;
}

.popupModule .popupModuleHeader {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
}


.previousModule,
.nextModule {
    display: inline-block;
}

.previousModule a,
.nextModule a {
    border-radius: 60px;
    height: 36px;
    width: 36px;
    font-size: 12px;
    color: #5a5a5a;
    display: inline-block;
    margin: 0 30px;
}

.previousModule a i,
.nextModule a i {
    font-size: 30px;
}

.previousModule a[disabled],
.nextModule a[disabled] {
    cursor: default;
}

.previousModule a:hover:not([disabled]),
.nextModule a:hover:not([disabled]) {
    color: #b4b4b4;
}


.arrow-container {
    background-size: 15px 15px;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin: 7px 7px 0 7px;
}

.previousModule .arrow-container {
    background: url('/Content/images/svg/icons/iconset-actions-36.svg');
    padding: 0;
    margin: 0;
}

.nextModule .arrow-container {
    background: url('/Content/images/svg/icons/iconset-actions-36.svg');
    padding: 0;
    margin: 0;
}

div .close {
    display: inline-block;
    float: right;
}

div.close i {
    font-size: 30px;
    display: block;
    color: #5a5a5a;
}


div.close a:hover span,
div.close a:hover i {
    color: #b4b4b4;
}

div.close a span {
    color: #5a5a5a;
}

div.close a p {
    display: block;
    float: none;
    width: 36px;
    height: 36px;
    background: url(/Content/images/svg/icons/iconset-actions-36.svg);
}

a,
a:visited,
a:hover {
    text-decoration: none;
}

body .ui-dialog {
    -moz-min-width: 450px;
    -ms-min-width: 450px;
    -o-min-width: 450px;
    -webkit-min-width: 450px;
    min-width: 450px;
    padding: 0;
}

body .ui-dialog .ui-dialog-content {
    padding: 30px;
    font: normal 15px 'Conv_ProximaNova-Regular';
    text-align: left;
}

#choice-popup .popupCont,
.popupAddUsers,
.popup-window {
    background: none !important;
    border-radius: 10px;
}

.popupAddUsers > .popupCont,
.popup-window > .popupCont {
    padding: 0 !important;
}

.popupAddUsers,
.popup-window {
    background: none !important;
    width: auto !important;
    height: auto;
}

.popupAddUsers h1,
.blackHeaders h1,
.popup-window h1 {
    background: none;
    padding: 0;
    margin: 0 0 25px 0;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
}

.blackHeaders h1 {
    color: #000;
}

#choice-popup .popupCont h3 {
    font: normal 15px 'Conv_ProximaNova-Regular';
    margin: 0;
    text-align: left;
}

.ui-dialog-content.ui-widget-content {
    padding: 0 10px 0 10px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 30px 0 0 0 !important;
    font: normal 24px 'Conv_ProximaNova-Sbold';
    width: 100%;
    text-align: center;
}

.ui-dialog .ui-dialog-title {
    float: none !important;
    margin: 0 !important;
    font-family: 'Conv_ProximaNova-Sbold';
    font-size: 22px;
}

.print-test-popup .popupCont {
    padding: 30px;
}

.print-test-popup .radio-block label,
.print-test-popup .radio-block {
    font: normal 18px 'Conv_ProximaNova-Regular';
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.print-test-popup {
    width: 400px !important;
}

.print-button-group {
    margin: 20px 0 0 0;
}

.print-button-group.dashboard-user {
    margin-bottom: 50px;
}

.print-button-group.dashboard-user .btn {
    margin-right: 8px;
}


.ui-dialog.ui-widget.noTitleStuff {
    background: #323232 !important;
    width: auto !important;
}

.popupContent a.esc {
    display: none;
}

#usersSelectBoxItContainer #usersSelectBoxIt span#usersSelectBoxItText {
    max-width: 130px !important;
    font: 17px/42px 'Conv_ProximaNova-Sbold';
    padding-left: 0;
}

#usersSelectBoxItContainer #usersSelectBoxIt,
#usersSelectBoxItContainer #usersSelectBoxItOptions {
    width: auto;
}

#usersSelectBoxItContainer #usersSelectBoxIt {
    height: 42px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #88c744;
    border: none;
    color: #f0f0f0;
}

#usersSelectBoxItContainer #usersSelectBoxItOptions {
    background: #323232;
    color: #88c744;
    border: none;
}

#usersSelectBoxItContainer #usersSelectBoxItOptions li,
#usersSelectBoxItContainer #usersSelectBoxItOptions .optgroupHeader {
    line-height: 30px;
    background: none !important;
    font-weight: normal !important;
    border: none !important;
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 1.1em;
}

.subjects .subject-item {
    border: 2px solid #88c744;
}

.switch-row {
    padding: 0;
}

.form-input,
body .slim-control input.form-input {
    border: none;
    height: 36px;
    width: 274px;
    text-indent: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    font-size: 15px;
}

input[type=number].form-input {
    height: 20px;
    -ms-border-radius: 0;
    border-radius: 0;
}

#AddUsersForm div.rowNewUsers div,
.popup-window div.rowNewUsers div {
    float: left;
    margin-right: 10px;
}

#AddUsersForm .lastName.form-input,
#AddUsersForm .firstName.form-input,
.popup-window .form-input {
    width: 150px;
}

#AddUsersForm a,
.popup-window a {
    color: #88c744;
}

#AddUsersForm a:hover,
.popup-window a:hover {
    color: #94d84b;
}

.rowNewUsers {
    overflow: hidden;
}

.userTitle {
    font: normal 30px 'Conv_ProximaNova-Sbold';
    padding: 8px 0 25px 0;
}

.userTitle span.total {
    font-family: 'Conv_ProximaNova-Regular';
}

.userTitle .user-class {
    float: left;
    margin-right: 25px;
    height: 120px;
    width: 120px;
    background-size: 75px;
}

.userTitle .users-caption {
    margin-left: 10px;
    float: none;
}

.userTitle .score {
    font: normal 14px 'Conv_ProximaNova-Regular';
    clear: none;
    padding-bottom: 0;
    float: none;
}

.userTitle .tableScore {
    font-size: 14px;
    line-height: 14px;
}

.userTitle .score .tr {
    border: none;
}


.userTitle .last-active {
    font: normal 15px 'Conv_ProximaNova-Regular';
    color: #f0f0f0;
}

.users-students-screen #switch-status {
    min-width: 229px;
}

.users-students-screen #switch-status a {
    width: 33.3% !important;
}

.archived-icon {
    -webkit-mask: url('/Content/images/svg/ico-archived.svg') no-repeat center;
    mask: url('/Content/images/svg/ico-archived.svg') no-repeat center;
    background-size: cover;
    width: 19px;
    height: 18px;
}

h1.title span.total,
h1.title span.total span {
    font-family: 'Conv_ProximaNova-Sbold';
    padding-left: 0;
}

h1.title span.total span {
    font-size: 30px;
}

.classNameTitle:hover {
    cursor: pointer;
    cursor: hand;
}

div.panelOptions {
    background: none;
    float: right;
    margin-top: -80px;
    padding: 0;
}

#classesView div.panelOptions {
    margin-top: -57px;
    height: 47px;
}

div.panelOptions.addUsersBlock {
    margin-top: -135px;
}

div.panelOptions .dropdown-toggle {
    background: none;
    padding: 0;
    height: 47px;
}

div.panelOptions .dropdown-toggle span {
    font: 13px/32px 'Conv_ProximaNova-Sbold';
    height: 30px;
    padding: 0 30px 0 20px;
    -moz-min-width: 50px !important;
    -ms-min-width: 50px !important;
    -o-min-width: 50px !important;
    -webkit-min-width: 50px !important;
    min-width: 50px !important;
}

div.panelOptions .dropdown-toggle.disabled span {
    background: #71914f none repeat scroll 0 0;
    color: #b4c5a2;
}

div.panelOptions .dropdown-toggle.disabled:hover span {
    background: #71914f none repeat scroll 0 0;
    color: #b4c5a2;
}

div.panelOptions .dropdown-toggle.disabled:active span {
    background: #71914f none repeat scroll 0 0;
    color: #b4c5a2;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

div.panelOptions ul.disabledAction li.disabledAction {
    display: none;
    border: none;
}

div.panelOptions ul.disabledAction li.disabledAction + li {
    border-top: none;
}

div.panelOptions .dropdown-toggle:hover span {
    background: #94d84b;
}

div.panelOptions .dropdown-toggle span:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    border: 6px solid transparent;
    border-top-color: #ffffff;
}

div.panelOptions .dropdown-toggle.btn-border span:before {
    border-top-color: #94d84b;
}

div.panelOptions .dropdown-toggle:active span:before,
div.panelOptions .dropdown-toggle:hover span:before,
div.panelOptions .open .dropdown-toggle.btn-border span:before {
    border-top-color: #ffffff;
}

div.panelOptions .dropdown-toggle.disabled span:before {
    border-top-color: #b4c5a2;
}

.flat-block div.panelOptions {
    margin-top: -70px;
}

.flat-block div.panelOptions div.dropdown.actions {
    padding-top: 0;
}

div.panelOptions.users-class {
    float: left;
    margin: 25px 0;
    width: 100%;
    height: 47px;
}

div.panelOptions.users-class .dropdown {
    margin: 0 8px 0 0;
}

div.panelOptions.users-class div.dropdown.addUsers {
    position: relative;
    right: 0;
}

div.panelOptions.users-class .filter {
    float: right;
    clear: none;
    padding: 8px 0;
}

.open .dropdown-toggle span {
    background: #88c744;
}

.open .dropdown-toggle.btn-border span {
    background: #88c744;
    color: #ffffff;
}

.btnYellowLeft,
.btnYellowLeft:visited,
.btnYellowLeft:hover {
    margin: 8px 10px 8px 10px;
}

a#printUsers span,
a#printUsers:hover span,
a#deleteUsers span,
a#deleteUsers:hover span {
    font: 15px/42px 'Conv_ProximaNova-Sbold';
}

a#deleteUsers {
    margin-right: 8px;
}

ul.dropdown-menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    top: 48px !important;
    left: inherit;
    position: absolute;
    right: 0;
}

ul.dropdown-menu li {
    padding: 5px;
}

ul.dropdown-menu li:hover {
    border-width: 1px 0 0 0;
}

ul.dropdown-menu li:first-child {
    border-top: none;
}

ul.dropdown-menu li a {
    padding: 0 10px;
    clear: none;
    font: 17px/36px 'Conv_ProximaNova-Regular';
}

ul.dropdown-menu li:hover a {
    background: none;
    color: #88c744;
}

ul.dropdown-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    right: 10px;
    border: 12px solid transparent;
}

.grid .user-info a {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 2px;
}

.grid .user-info h2 {
    overflow: hidden;
    text-overflow: ellipsis;
}


.grid .user-info h2 {
    font: 18px/20px 'Conv_ProximaNova-Regular';
    margin-left: 0;
}

.pager {
    border: none;
}

.pager li {
    background: none;
}

.pager li a {
    color: #88c744;
    border-right: 1px solid #88c744;
}

.pager li a:hover {
    background: #94d84b !important;
    color: #f0f0f0 !important;
}

.pager li a.active {
    background: #88c744 !important;
    color: #f0f0f0 !important;
}

.pager li:first-child a {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-top-left-radius: 7px;
    -webkit-bottom-left-radius: 7px;
    -moz-top-left-radius: 7px;
    -moz-bottom-left-radius: 7px;
}

.pager li:last-child a {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-top-right-radius: 7px;
    -webkit-bottom-right-radius: 7px;
    -moz-top-right-radius: 7px;
    -moz-bottom-right-radius: 7px;
    border-right: none !important;
}

div.tabsStudents.moduleView {
    position: absolute !important;
    top: 20px;
    right: 25px;
}

.tabsStudents.moduleView a {
    color: transparent;
    float: none;
}

.userClasses .arr {
    background: url('/Content/images/svg/icons/iconset-icons-small.svg') no-repeat;
}

.user-class {
    background-image: url('/Content/images/svg/icons/user-class.png');
    left: 60px !important;
    background-repeat: no-repeat;
    background-position: center;
}

.userClasses li:nth-child(5n + 1) .user-class {
    background-color: #6689d5;
}

.userClasses li:nth-child(5n + 2) .user-class {
    background-color: #88c744;
}

.userClasses li:nth-child(5n + 3) .user-class {
    background-color: #ffd42a;
}

.userClasses li:nth-child(5n + 4) .user-class {
    background-color: #ee6500;
}

.userClasses li:nth-child(5n + 5) .user-class {
    background-color: #aa66cc;
}

.flat-block > ul > li {
    cursor: pointer;
    padding: 16px 32px 16px 58px;
    min-height: 144px;
    list-style: none;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    color: #b4b4b4;
}

.flat-block > ul > li.empty {
    background-color: #484848;
}

.select-all-checkbox-container {
    margin-bottom: 10px;
    margin-left: 18px;
}

.flat-block > ul > li .check {
    position: absolute;
    top: 50px;
    left: 20px;
}

.flat-block .className {
    padding-top: 5px;
    padding-right: 195px;
}

.flat-block > ul > li > .pull-right {
    font-size: 16px;
    position: absolute;
    top: 13px;
    right: 33px;
    text-align: right;
}

.flat-block > ul > li > .pull-right p {
    white-space: nowrap;
}

.flat-block > ul > li > .pull-right p span {
    color: #fff;
    display: inline-block;
    -moz-min-width: 27px;
    -ms-min-width: 27px;
    -o-min-width: 27px;
    -webkit-min-width: 27px;
    min-width: 27px;
}

.flat-block .bar-wrap {
    font-size: 14px;
    padding: 10px 0 0 0;
    clear: both;
}

.flat-block .bar-wrap .progressBar,
.flat-block .bar-wrap .progressBar span {
    height: 6px;
}

.flat-block .bar-wrap p {
    padding-bottom: 0;
}

.no-activity .user-info {
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.flat-block .latest .fa-lock {
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.latest .fa-lock {
    width: 12px;
    height: 16px;
    display: inline-block;
    margin: 0 4px 0 0;
    vertical-align: top;
    background: url('/Content/greengreyImages/ico-level.png') -102px 0 no-repeat;
}

.flat-block .userUpgrade {
    padding: 10px 40px;
    margin: 30px auto 0 auto;
    width: 370px;
    font-size: 16px;
    border: 1px solid #b4b4b4;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.btn-container {
    margin-top: 20px;
    text-align: center;
    height: 47px;
}

.btn-container a {
    float: right;
}

.btn-container a:first-child {
    float: left;
}

.btn-container a:only-child {
    float: none;
}

.btn-container-mobile {
    display: none;
}

.pull-right {
    float: right !important;
}

.popupPrintStat .check label:after {
    background: none;
}

.popupPrintStat .graph .line li {
    width: 18px;
}

.popupPrintStat a.parentBallon {
    color: #000000 !important;
}

.popupPrintStat .overflowGrid li.attent:before {
    background: #f7a900;
}

.popupPrintStat .overflowGrid li.norm:before {
    background: #88c744;
}

.popupPrintStat .blackAndWhite .check,
.popupPrintStat .blackAndWhite .graphBot {
    display: none;
}

.check label {
    float: none;
}

.check label:after {
    top: 0 !important;
}

.check label:active:after {
    background: #363636;
    background: url(/Content/greengreyImages/check.png) no-repeat;
    background-size: 11px 10px;
    background-position: 3px 3px;
}

.check-user-menu label {
    float: none;
}

.check-user-menu label:after {
    top: 0 !important;
}

.check-user-menu label:active:after {
    background: #363636;
    background: url(/Content/greengreyImages/check.png) no-repeat;
    background-size: 11px 10px;
    background-position: 3px 3px;
}

.currentValue {
    color: #f0f0f0;
    font-size: 15px;
}

.wrapGraph .check {
    float: right;
    top: -35px;
    position: relative;
    z-index: 10;
}

.chooseLevel label {
    font-size: 18px;
    padding-top: 6px;
}

.title .chooseLevel label {
    font-size: 30px;
}

div.title {
    font: normal 30px 'Conv_ProximaNova-Sbold';
    padding: 25px 0;
}

.slimScrollDiv,
.slimScrollDiv .ui-menu {
    height: auto !important;
}


.ui-selectmenu-menu .ui-menu {
    max-height: 266px;
    min-width: 120px;
    padding: 0 !important;
    border: none !important;
}

span.ui-selectmenu-button.ui-widget.ui-state-default {
    width: 275px;
    height: 36px;
    cursor: pointer;
    font: normal 15px/36px 'Conv_ProximaNova-Regular';
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 3px;
    border: none;
}

span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon {
    background: none !important;
}

span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before {
    content: 'd';
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    border: 6px solid transparent;
    border-top-color: #b4b4b4;
}

body div.chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default {
    background: #88c744 !important;
    color: #ffffff !important;
    margin-right: 10px;
    font: 18px/47px 'Conv_ProximaNova-Sbold';
    height: 47px;
}

body div.chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before {
    border-top-color: #ffffff;
}

.chooseLevel .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0 35px 0 15px;
    line-height: 47px;
    min-width: 70px;
}

.ui-selectmenu-menu .ui-widget-content {
    color: #f0f0f0;
}

.ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    padding: 0;
    line-height: 36px;
    text-indent: 5px;
    background: none !important;
    font-weight: normal !important;
    border-color: #555555;
    font-family: 'Conv_ProximaNova-Regular';
    font-size: 18px;
}

.ui-selectmenu-menu .slimScrollDiv .ui-widget-content {
    min-width: 200px;
}

.ui-selectmenu-menu .slimScrollDiv .ui-menu-item {
    padding: 3px 10px;
}

.profile-img ul {
    font-size: 18px;
    text-align: left;
}

.profile-img ul li a {
    font: normal 17px 'Conv_ProximaNova-Regular';
    display: block;
    padding: 11px 15px 11px 20px;
}

.profile-img ul li a:hover {
    background: none;
    color: #88c744;
}

.show-in-newStyle {
    display: block;
    visibility: visible;
}

.popupImportUsers .grid th {
    border-right: none !important;
}

.popupImportUsers input.file {
    border-radius: 4px 0 0 4px;
    border: none !important;
    height: 40px !important;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-transform: translateZ(0);
}

.popupImportUsers input.file:focus {
    background: #363636 !important;
}

.popupWindow input.file {
    border-radius: 6px 0 0 6px;
    border: none !important;
    height: 45px !important;
}

.popupWindow input.file:focus {
    background: #363636 !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    -moz-min-width: 70px;
    -ms-min-width: 70px;
    -o-min-width: 70px;
    -webkit-min-width: 70px;
    min-width: 70px;
    -ms-border-radius: 4px;
    color: #88c744;
    border: none;
    background: none;
    border: 1px solid #88c744;
    margin: 0 !important;
    height: 42px;
    border-radius: 4px;
    font-family: Conv_ProximaNova-Sbold;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 17px;
    min-width: 110px;
    background: #88c744;
    color:#FFF;
}



/*.ui-dialog .ui-dialog-buttonpane button:first-child {
    float: left;
    border-color: #b4b4b4;
    color: #b4b4b4;
}*/

/*.ui-dialog .ui-dialog-buttonpane button:first-child:hover {
    background-color: #b4b4b4;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
    background: #88c744!important;
    color: #ffffff!important;
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button:last-child:hover {
    background: #8ccd46;
}

.ui-dialog .ui-dialog-buttonpane button:last-child:active {
    background: #82be40;
}

.ui-dialog .ui-dialog-buttonpane button:last-child:disabled {
    background-color: #b4b4b4;
}*/

/*Import Subject*/

.ui-dialog .create-subject-form-warning {
    color: #f1ea82;
    opacity: 0.6;
}

.add-subject-field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.form-input .add-subject-field {
    padding-left: 16px;
}

.add-subject-name-field {
    margin-bottom: 15px;
    height: 34px;
    line-height: 34px;
}

.add-subject-language-field {
    display: flex;
    margin-bottom: 15px;
    line-height: 34px;
    position: relative;
}
 
.switch-container {
    display: flex;
    flex-direction: column;
}

.subject-content-input-mode {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.subject-content-option {
    display: flex;
    flex-direction: row;
    justify-content: start;
    width: 135px;
}

.import-subject-description {
    display: flex;
}

.subject-content-option .radio label:after {
    top: 0px;
}

.subject-content-option .radio input[type="radio"]:checked + label:before {
    top: 5px;
}

.descInput {
    height: 90px;
    width: 286px;
    padding-top: 7px;
    resize: none;
    border-radius: 3px;
}

.add-new-subject-popup #AddNewSubject {
    padding-bottom: 3px;
}

.add-new-subject-popup .ui-selectmenu-menu:before {
    right: 5px !important;
}

.import-subject-description {
    padding: 25px 30px;
    flex-direction: column;
    text-align: center;
}

.subject-error-container {
    padding: 25px 30px;
    text-align: center;
}

.import-subject-decription-line {
    margin-bottom: 15px;
}

.import-file-subject {
    top: calc(50% - 85px) !important;
}

.file-editor-area {
    display: flex;
    height: 133px;
    width: 420px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    border: 1px dashed;
}


.drop-block,
.uploaded-file {
    display: none;
}

.import-blue-link {
    cursor: pointer;
}

.uploaded-file {
    justify-content: space-between;
    align-items: center;
}

.remove-file-icon {
    display: block;
    float: none;
    width: 26px;
    height: 26px;
    background: url(/Content/images/svg/icon-26-ico-clear.svg);
    margin-left: 5px;
    cursor: pointer;
}

.import-subject-description {
    display: flex;
    text-align: center;
}

.add-subject-field .add-subject-language-field {
    margin-bottom: 0;
}

.ui-dialog #Name {
    width: 290px;
    height: 34px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.add-subject-language-field #LanguageId {
    margin: 0 !important;
    width: 290px;
    border: none !important;
    height: 34px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding-left: 5px;
}

.add-subject-name-field > .float-left,
.add-subject-language-field > .float-left {
    float: left;
}

.add-subject-name-field > .float-right,
.add-subject-language-field > .float-right {
    float: right;
}


.add-subject-name-field > *,
.add-subject-language-field > * {
    display: inline-block;
}

/*Import Subject End*/

.ui-dialog .ui-dialog-buttonpane {
    padding: 20px 30px 30px 30px !important;
}

.ui-dialog-buttonset {
    float: none !important;
    text-align: center;
}

.ui-dialog-buttonset button:only-child {
    float: none !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background: #94d84b;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button:active {
    background: #94d84b;
    -webkit-box-shadow: inset 0 0 14px 3px #769f1f;
    -moz-box-shadow: inset 0 0 14px 3px #769f1f;
    -ms-box-shadow: inset 0 0 14px 3px #769f1f;
    box-shadow: inset 0 0 14px 3px #769f1f;
}

.popupImportUsers .wrapGrid {
    margin: 0 10px 30px 0 !important;
}

.popupImportUsers .overflowGrid tbody {
    font: normal 16px/11px 'Conv_ProximaNova-Sbold';
}

.validation-summary-errors,
.field-validation-error {
    font-size: 14px;
}

.slim-control .field-validation-error span span {
    margin: 0 5px;
}

.slim-control .field-validation-error span {
    padding: 0;
}

.popupRegister,
.popupRegister .popupTop,
.popupRegister .popupCont,
.listStudents {
    background: none !important;
    padding: 0 !important;
    margin: 0;
}

.listStudents {
    width: 100%;
    border: none;
    height: 200px;
}

.listStudents li {
    width: 255px;
    padding: 0 10px 10px 0;
}

.listStudents li .check {
    margin-top: 15px;
    float: left;
}

.listStudents li .fL {
    padding-top: 15px;
}

.listStudents a.avatar img {
    -ms-border-radius: 52px !important;
    border-radius: 52px !important;
}

.listStudents a.avatar span {
    background: none !important;
}

.modal-wrapper .modal-title {
    margin: 0 0 30px 0 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    text-align: center;
    background: none;
    padding: 0;
    font: normal 24px/24px 'Conv_ProximaNova-Sbold' !important;
}

.modal-wrapper p.note {
    padding-bottom: 15px;
}

.popupRegister .slim-control {
    width: 100% !important;
    background: none;
}

.popupRegister .slim-control input.form-input {
    width: 100% !important;
    padding: 0 !important;
}

.popupRegister .slimScrollDiv {
    margin: 15px 0;
}

.slim-control {
    background: none !important;
    border: none !important;
}

.modal-wrapper .tableSettings {
    width: auto !important;
}

#classForm .tableSettings th {
    width: 100px;
}

.dropdown-label {
    float: left;
    margin: 0;
    padding-top: 7px;
    padding-right: 5px;
    font-size: 15px;
}

#billing .sidebar {
    width: 100%;
    padding-top: 0;
}

.trailPeriod {
    width: 60%;
    float: left;
}

.daysLeft {
    background: none;
}

.daysLeft .tdL {
    background: none;
    color: #f0f0f0;
}

.daysLeft .tdL1 {
    width: 40%;
    float: left;
    background: none;
    color: #b4b4b4;
}

#billing .contentFull .cont {
    background-color: #323232;
}

#billing .contentFull h1 {
    font-size: 22px;
    color: #f0f0f0;
}

#billing .sidebar .btn-small {
    width: 180px;
    float: right;
}

#billing .panelOptions {
    float: none;
}


div.panelOptions .dropdown-toggle.btn-small span:before {
    top: 15px;
}

div.panelOptions .dropdown-toggle .btn-small span {
    height: 29px;
}

.payment-plan input[type="radio"] {
    display: none;
}

.payment-plan th,
#price-per-user {
    width: 150px;
    text-align: left;
    color: #b4b4b4;
}

.payment-plan td,
.above-submit-hint {
    color: #f0f0f0;
}

.payable-amount .row-title {
    color: #b4b4b4;
}

.payable-amount .total {
    color: #88c744;
}

.rightPart {
    background: #232323;
    border-radius: 10px;
    height: 100%;
}

.leftPart .payable-amount {
    width: 345px;
}

.userAmountSelect:before {
    border-bottom-color: #232323 !important;
}

.change-pay-info .slim-control input.form-input {
    height: 28px;
}

#billing .content {
    width: 100%;
    float: none;
}

#billing .blockMiddle {
    background: none;
    padding-bottom: 0;
    width: 100%;
}

#billing .blockMiddleBillingGrid .wrap {
    background: none;
    padding-top: 0;
    width: 100%;
}

#billing .blockMiddleBillingGrid .cont {
    padding: 0;
    background: none;
}

#billing .grid td {
    color: #f0f0f0;
    padding: 10px 5px;
    vertical-align: inherit;
}

#billing table.grid th,
#billing table.grid th.sort {
    border-bottom: none;
    background: #3a3a3a !important;
}

#top-panel {
    height: 60px!important;
    min-width: 900px;
    padding-top: 0;
    position: relative;
}

#top-panel .profile-img {
    padding-top: 10px;
    margin-left: 10px;
}

#top-panel .profile-img:after {
    content:none;
    top: 40px;
}

#top-panel #mainMenu {
    z-index: 10;
}

a#stop-training-link,
a#stop-training-link:visited,
a#stop-training-link:hover {
    background: none;
    color: #ffffff;
    margin-left: 20px;
    margin-right: 20px;
    font: normal 21px 'Conv_ProximaNova-Regular';
}

.keyboard {
    top: 0;
}

#stop-training {
    width: auto;
    margin-top: 18px !important;
}

#top-panel-module,
#top-panel-time,
#top-panel-level,
#top-panel-module,
#top-panel-time {
    font-size: 18px;
    font-weight: bold;
}

a.keyboard {
    background: url(/Content/images/svg/kbd-keyboard-inactive.svg) no-repeat left top;
    background-size: 48px;
    left: 13px;
}

a.keyboard.keyboardActive {
    background: url(/Content/images/svg/kbd-keyboard.svg) no-repeat left top;
    background-size: 48px;
}

a.soundActive {
    background: url(/Content/images/svg/kbd-audio.svg) no-repeat left top;
    position: relative;
    background-size: 50px;
}

#top-panel-time-icon {
    width: 32px;
    height: 32px;
    margin-top: 14px;
    margin-right: 60px;
    background-size: cover;
    float: right;
    display: none;
    cursor: pointer;
}

#top-panel-time-icon {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-timer.svg) no-repeat;
}
#top-panel-time-icon:hover {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-timer-hover.svg) no-repeat;
}
#top-panel-time-icon:active {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-timer-pressed.svg) no-repeat;
}
#top-panel-time-icon:disabled {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-timer-disabled.svg) no-repeat;
}

.btn_ref_repeat {
    -ms-background-size: 32px;
    background-size: 32px;
    margin-top: 14px;
}

.btn_ref_repeat {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-repeat.svg') no-repeat;
}

.btn_ref_repeat:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-repeat-hover.svg') no-repeat;
}

.btn_ref_repeat:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-repeat-pressed.svg') no-repeat;
}

.btn_ref_repeat:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-repeat-disabled.svg') no-repeat;
}

#keywordBack {
    height: 32px;
    width: 32px;
    -ms-background-size: 32px;
    background-size: 32px;
    margin-right: 10px;
}

#keywordBack {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-previous.svg') no-repeat;
}
#keywordBack:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-previous-hover.svg') no-repeat;
}
#keywordBack:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-previous-pressed.svg') no-repeat;
}
#keywordBack:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-previous-disabled.svg') no-repeat;
}

a.keywordStop {
    height: 32px;
    width: 32px;
    -ms-background-size: 32px;
    background-size: 32px;
    margin-right: 10px;
}
a.keywordStop {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-pause.svg') no-repeat;
}
a.keywordStop:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-pause-hover.svg') no-repeat;
}
a.keywordStop:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-pause-pressed.svg') no-repeat;
}
a.keywordStop:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-pause-disabled.svg') no-repeat;
}



a.keywordPlay {
    background: url('/Content/greengreyImages/keyboard-play.png') no-repeat;
    height: 32px;
    width: 32px;
    -ms-background-size: 32px;
    background-size: 32px;
    margin-right: 10px;
}

a.keywordPlay {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-play.svg') no-repeat;
}
a.keywordPlay:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-play-hover.svg') no-repeat;
}
a.keywordPlay:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-play-pressed.svg') no-repeat;
}
a.keywordPlay:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-play-disabled.svg') no-repeat;
}


#keywordReset {
    height: 32px;
    width: 32px;
    -ms-background-size: 32px;
    background-size: 32px;
}

#keywordReset {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-shuffle.svg') no-repeat;
}
#keywordReset:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-shuffle-hover.svg') no-repeat;
}
#keywordReset:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-shuffle-pressed.svg') no-repeat;
}
#keywordReset:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-shuffle-disabled.svg') no-repeat;
}

#btn_ref_show {
    -ms-background-size: 32px;
    background-size: 32px;
    cursor: pointer;
    margin-top: 14px;
}

#btn_ref_show {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-show-word.svg') no-repeat;
}

#btn_ref_show:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-show-word-hover.svg') no-repeat;
}

#btn_ref_show:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-show-word-pressed.svg') no-repeat;
}

#btn_ref_show:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-show-word-disabled.svg') no-repeat;
}

#top-panel-homographs,
#top-panel-homophones {
    -ms-background-size: 32px !important;
    background-size: 32px !important;
    margin-top: 14px !important;
    height: 32px;
    width: 32px;
    float: right;
    margin-right: 10px;
    margin-left: auto;
    position: relative;
}

#top-panel-homographs,
#top-panel-homophones {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-homophone.svg') no-repeat;
}

#top-panel-homographs:hover,
#top-panel-homophones:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-homophone-hover.svg') no-repeat;
}

#top-panel-homographs:active,
#top-panel-homophones:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-homophone-pressed.svg') no-repeat;
}

#top-panel-homographs:disabled,
#top-panel-homophones:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-homophone-disabled.svg') no-repeat;
}

.playOptions {
    padding-top: 14px !important;
}

#top-panel-time {
    margin-top: 19px !important;
}

@media screen and (max-width: 902px) {
    .wrapGraph {
        padding-left: 30px;
    }


    #printStatistics {
        height: 80px;
    }

    #printStatistics span {
        margin-top: 32px;
    }
}

#keyboard-wrapper .filter {
    clear: none;
}

#settigsBtn {
    float: right;
    width: auto;
    height: 100%;
    margin-right: 15px;
}

#settigsBtn a {
    cursor: pointer;
    margin-top: 14px;
    float: left;
    width: 32px;
    height: 32px;
    position: relative;
}

#settigsBtn a {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-settings.svg') no-repeat;
}

#settigsBtn a:hover {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-settings-hover.svg') no-repeat;
}

#settigsBtn a:active {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-settings-pressed.svg') no-repeat;
}

#settigsBtn a:disabled {
    background: url('/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-settings-disabled.svg') no-repeat;
}

.hint-ideas-help {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-hint.svg) no-repeat;
}
.hint-ideas-help:hover {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-hint-hover.svg) no-repeat;
}
.hint-ideas-help:active {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-hint-pressed.svg) no-repeat;
}
.hint-ideas-help:disabled {
    background: url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-hint-disabled.svg) no-repeat;
}

#top-panel a span.ballon,
div.ballonHolder span.ballon,
li.ballonHolder span.ballon {
    display: none;
}

#top-panel a:hover span.ballon,
div.ballonHolder:hover span.ballon,
li.ballonHolder:hover span.ballon {
    display: block;
    left: -20%;
    background: #000000 !important;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    top: 45px !important;
    position: absolute !important;
    color: #b4b4b4 !important;
    font: 13px/29px 'Conv_ProximaNova-Regular' !important;
    padding: 0 10px 0 8px;
    white-space: nowrap;
    z-index: 10;
}

div.ballonHolder:hover div.ballon {
    color: #b4b4b4 !important;
}

#top-middle-wrapper a:hover > span.ballon {
    top: 54px !important;
}

#top-middle-wrapper div.ballonHolder:hover > span.ballon {
    top: 38px !important;
}

div.ballonHolder:hover > .show-module-hint > span.ballon {
    top: -26px !important;
    left: -70px;
}

li.ballonHolder:hover > span.ballon {
    z-index: 100;
}

.blockBillingGrey,
.blockBillingGrey .cont2,
.blockBillingGrey .wrap {
    background: none;
}

.dictionary {
    display: none;
    height: auto;
    width: 300px;
    background: black;
    color: #ffffff;
    position: absolute;
    top: 300px;
    left: 300px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    font: normal 14px 'Conv_ProximaNova-Regular';
    z-index: 100;
}

.dictionary .phrase,
.dictionary .meaning {
    display: block;
    width: 100%;
}

.dictionary .phrase span.word {
    font: normal 17px 'Conv_ProximaNova-Sbold';
    line-height: 40px;
    padding-left: 20px;
}

.dictionary .meaning {
    margin-top: 10px;
}

.dictionary > .phrase > span.ui-selectmenu-button.ui-widget.ui-state-default {
    width: auto;
    height: 24px;
    line-height: 24px;
    float: right;
    font-size: 12px;
    background: black !important;
}

.dictionary > .phrase > .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0.1em 2.1em 0.1em 1em;
}

.dictionary > .phrase > .ui-selectmenu-button span.ui-icon {
    margin-top: -12px;
}

.dictionary > .phrase > span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before {
    border-top-color: #ffffff;
}

.dictionarySelect {
    width: 45px;
}

.dictionarySelect.ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    font: 12px/25px 'Conv_ProximaNova-Regular';
}

.dictionarySelect.ui-selectmenu-menu:before {
    border-bottom-color: #555555;
}

.dictionarySelect.ui-selectmenu-menu .ui-widget-content {
    background: black;
}

.dictionarySelect .slimScrollDiv {
    max-height: none;
}

.dictionarySelect .slimScrollBar {
    background: white !important;
}



.hintPopup {
    display: block;
}

.hintWrap {
    margin: 135px auto 0 auto;
}

.hintContent {
    margin: auto;
    width: 300px;
}

.hintPopup .btn-small {
    margin: 15px 0 0 0;
    height: 35px;
}

.radio label {
    position: relative;
    padding-left: 10px;
    min-height: 20px;
    width: 97%;
    cursor: pointer;
}

.radio label:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    top: 1px;
    left: -20px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


.radio input[type="radio"]:checked + label:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 6px;
    left: -15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

.radio input[type="radio"]:disabled + label:after {
    -ms-opacity: 0.5;
    opacity: 0.5;
}

#results-licence-not-active {
    background: #323232;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#loading-container {
    background: #000000;
    background: rgba(0, 0, 0, 0.9);
}

#text-licence-not-active {
    text-align: center;
}

#result-proceed a.btn,
#result-proceed a.btn:hover {
    background-image: none;
    height: 45px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

#result-proceed a.btn span {
    background-image: none;
    -ms-text-shadow: none;
    text-shadow: none;
    font: 18px/45px "Conv_ProximaNova-Sbold";
    text-transform: none;
    padding: 0;
}

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

.popupModule .print {
    width: 70px;
    right: 0;
    margin-right: 0 !important;
    background: none;
    top: -47px;
}

.popupModule .btn-container .close {
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
}

.popupModule .btn-container .close span {
    display: block;
}

.blockConfirm {
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    background: #CFF5B4;
}

.blockConfirm .cont {
    background: none;
}

a.segmented-button {
    background: none;
    border: none;
    width: auto !important;
    height: 47px !important;
}

.table-title {
    margin-bottom: 5px;
    display: block;
    color: #b4b4b4;
}

#feeds-container .wrapGraph {
    clear: both;
    padding: 15px 30px;
    margin: -1px 0 1px 0;
}

#feeds-container .graph {
    margin-bottom: 30px;
}


#feeds-container .printStat {
    display: none;
}

.feed-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: both;
    padding: 15px 25px;
    margin-bottom: 1px;
}

.feed-buttons-container {
    display: flex;
    flex-flow: row;
}

.feed-middle-container {
    display: flex;
    flex-flow: column;
}

.feed-left-part {
    display: flex;
    justify-content: flex-start;
}

.feed-avatar {
    width: 50px;
    float: left;
    margin-right: 10px;
}

.feed-avatar a img {
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.feed-description {
    font: normal 18px/30px 'Conv_ProximaNova-Sbold';
    height: 30px;
}

.feed-name {
    float: left;
    margin-left: 15px;
}

.feed-chat {
    float: left;
    margin-left: 15px;
    font-size: 15px;
}

.feed-action {
    float: left;
    margin-left: 10px;
    font: normal 15px/30px 'Conv_ProximaNova-Regular';
}

.feed-empty {
    text-align: center;
    align-items:center;
    margin: 67px 0px 100px 0;
}

.feed-empty-img {
    display: flex;
    justify-content: center;
    background-image: url("/Content/Images/svg/Statistics/illustration-activity.svg");
    background-repeat: no-repeat;
    background-size: auto;
    width: 78px;
    height: 90px;
    margin: 0 auto 24px auto;
}

.feed-empty h4 {
    text-transform: none;
    font-family: 'Conv_ProximaNova-Regular';
    margin-top: 10px;
}

.navigation-menu a.subjects {
    padding: 0;
}

span.level-name {
    font: normal 30px 'Conv_ProximaNova-Sbold';
    padding: 20px 0 0 0;
}

.moduleView {
    top: auto;
}

.level_container {
    clear: both;
}

.level-progress span span.level-bordered {
    border-color: #88c744;
    -webkit-box-shadow: inset 0 0 0 1px #88c744;
    -ms-box-shadow: inset 0 0 0 1px #88c744;
    box-shadow: inset 0 0 0 1px #88c744;
    color: #88c744;
}

.userStat {
    padding: 0 100px 0;
}

.uppercase {
    text-transform: uppercase;
}

.name-column-print-users {
    word-break: break-word;
    break-after: auto;
    line-height: 16px;
}

@media screen and (max-width: 1400px) {
    #top-panel-time {
        margin-top: 19px;
    }
}

@media screen and (max-width: 800px) {
    ul.listLevels li a span.num {
        height: 30px;
    }
}


@media screen and (max-width: 640px) {
    ul.listLevels li a span.num {
        height: 39px;
    }
}

@media print {
    .overflowGrid {
        position: absolute
    }
}



@media print {
    .popupImportUsers .grid td,
    .popupImportUsers .grid th {
        color: black;
    }

    .popupPrintStat .graph .line li span.line,
    .graph .line li {
        width: 17px;
    }

    .popupPrintStat .graph .line li span.line span {
        width: 17px;
        -ms-background-size: 17px 17px;
        background-size: 17px 17px;
    }


    .popupPrintStat .overflowGrid {
        overflow: hidden;
    }

    .popupPrintStat .check,
    #supporthero-button {
        display: none !important;
    }

    #popup,
    .userInfo,
    .contentFull,
    .overflowGrid,
    .popupPrintStat,
    .popupCont {
        padding: 0 !important;
    }

    .ui-dialog.ui-widget {
        top: 0 !important;
        -ms-border-radius: 0 !important;
        border-radius: 0 !important;
    }
}



.chat-container #discussion {
    list-style: none;
    word-break: break-all;
    max-height: -moz-calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: calc(100% - 100px);
    overflow: hidden;
    position: relative;
}

.chat-container .chat-left-part {
    width: 30%;
    display: block;
    float: left;
    height: 500px;
    margin-right: 10px;
    min-width: 400px;
}

.chat-container .chat-right-part {
    display: inline-block;
    width: 70%;
    position: relative;
    height: 500px;
}

.chat-container .chat-controls {
    padding: 0;
    position: absolute;
    height: 91px;
    width: calc(100% - 200px);
    display: flex;
    border-radius: 8px;
    left: 100px;
    bottom: 0;
}

.chat-controls-container {
    padding: 15px;
    position: relative;
    display: inherit;
    width: 100%;
}

.chat-container .chat-message-textbox {
    background-color: transparent;
    border: none;
    -ms-border-radius: 15px;
    border-radius: 8px;
    height: 66px;
    padding: 0;
    display: table-cell;
    width: 100%;
    font-size: 14px;
    resize: none;
    overflow: hidden;
}

.chat-container .chat-send-btn {
    background-color: #88c744;
    border: 1px solid #88c744;
    padding: 0 15px;
    border-radius: 8px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    height: 42px;
    display: table-cell;
    min-width: 77px;
    font-size: 18px;
}


.teacher-container {
    text-align: center;
    margin: auto;
    margin-top: 37px;
    vertical-align: middle;
}


.container.chat-container {
    display: flex;
    height: 500px;
    width: 100%;
    max-height: calc(100% - 30px);
}

.teacher-name {
    font-size: 19px;
    margin-bottom: 14px;
    margin-top: 15px;
}

.teacher-last-seen {
    margin-top: 11px;
    font-size: 14px;
    color: #a1a1a1;
}

.teacher-profile-pic {
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 84px;
    height: 84px;
}

.chat-msg-container {
    position: relative;
}

.chat-msg {
    padding: 15px 14px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -moz-word-break: break-word;
    -o-word-break: break-word;
    word-break: break-word;
}

.my-chat-msg {
    width: 100%;
    margin-top: 15px;
    color: #fff;
}

.guest-chat-msg {
    margin-left: 72px;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.my-msg-time {
    top: 12px;
    position: absolute;
    right: 20px;
    font-size: 12px;
    text-align: right;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    display: inline-block;
    position: absolute;
    top: 22px;
    margin-left: 63px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 124px;
}

.my-chat-msg-container {
    margin-left: 100px;
    padding-right: 162px;
}

.guest-chat-msg-container {
    padding-right: 161px;
    display: flex;
}

.guest-profile-img {
    display: inline-block;
    width: 46px;
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    top: 7px;
}

.guest-profile-img.student-msg {
    cursor: pointer;
}

.user-type-chat {
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.user-type-chat.avatar {
    left: 15px;
    position: absolute;
    margin-top: 34px;
}


.user-type-chat.teacher,
.user-type-chat.student,
.user-type-chat.admin {
    color: #fff;
}

.user-type-chat.disabled {
    background-color: darkgray !important;
}

.user-type-chat.teacher {
    background-color: #ffad00;
    left: 18px;
    margin-right: 6px;
}

.user-type-chat.student {
    background-color: #88c744;
    left: 18px;
    margin-right: 5px;
}

.user-type-chat.admin {
    background-color: #d43b3e;
    left: 18px;
    margin-right: 17px;
}

.student-list {
    list-style: none;
    height: 500px;
    position: relative;
}

.student-list li {
    padding: 15px 20px;
    min-height: 44px;
    position: relative;
}

.student-name {
    font-weight: bold;
    max-width: 200px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 15px;
}

.student-name.disabled {
    color: darkgray !important;
}

.last-msg {
    margin-top: 10px;
    font-size: 11px;
    padding-left: 64px;
}

.student-chat-time-ago {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    padding-left: 64px;
}

.student-container {
    cursor: pointer;
}

.chat-loading {
    width: 133px;
    margin: auto;
    display: block;
    margin-top: 125px;
}

.student-container.new {
    border-right: 4px solid #84c642;
}

.student-small-img {
    float: left;
    height: 50px;
    width: 50px;
    margin-top: -6px;
    margin-right: 14px;
    background-color: transparent !important;
    border-radius: 50%;
    background-size: cover !important;
    object-fit: cover;
    -ms-interpolation-mode: bicubic;
}

.TTRS-small-img {
    height: 50px;
    width: 50px;
    margin-right: 14px;
    background-color: transparent !important;
}

.student-small-img.circle-initials {
    text-align: center;
    background-color: #b5b5b5 !important;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
}


#discussion::-webkit-scrollbar-track,
.student-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 5px;
    background-color: #5a5a5a;
}

#discussion::-webkit-scrollbar,
.student-list::-webkit-scrollbar {
    width: 12px;
    background-color: #5a5a5a;
}

#discussion::-webkit-scrollbar-thumb,
.student-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(35, 33, 33, 0);
}





.student-img {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    position: relative;
    margin-top: -13px;
    float: left;
    margin-right: 5px;
}

.red-dot {
    width: 28px;
    height: 22px;
    background-color: #db1119;
    position: absolute;
    top: 12px;
    margin-left: 39px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 500;
    right: 23px;
}

.red-dot span {
    color: #fff;
    line-height: 22px;
    text-align: center;
}

.searhStudentsContainer {
    display: block;
    position: relative;
}

#searchStudents {
    border: none;
    border-radius: 3px;
    padding: 5px 13px;
    box-sizing: border-box;
    width: 100%;
    height: 31px;
    font-size: 14px;
    margin-top: 7px;
}

.filtered-student-list {
    position: absolute;
    z-index: 100;
    list-style: none;
    background-color: #2c2c2c;
    border-radius: 7px;
    display: none;
    width: calc(100% - 40px);
}

.filtered-student-list li:first-child,
.filtered-student-list li:last-child {
    -ms-border-radius: 20px;
    border-radius: 20px;
}

.filtered-student-list .load-more-students {
    text-align: center;
    padding: 0;
    min-height: 26px;
}

.student-email {
    font-size: 10px;
}

.student-container.small {
    padding: 18px 5px;
}

.student-container.small .student-name {
    font-size: 13px;
    display: inline;
}

.student-container.small img {
    width: 35px;
    height: 35px;
    margin-top: -4px;
}

.progress-bar {
    height: 10px;
    width: 100%;
}

.progress-bar > div {
    height: 10px;
    background-color: #88c744;
}

.progress-label,
.module-label {
    font-size: 16px;
}

.ui-tooltip,
.arrow:after {
    background: black;
    border: 2px solid #000;
    z-index: 99;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.ui-widget-content {
    opacity: 1 !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.ui-menu.ui-widget-content {
    opacity: 1 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}


.title div.title-description {
    padding-top: 15px;
    font: normal 15px 'Conv_ProximaNova-Regular';
    line-height: 20px;
}

.align-top {
    vertical-align: top;
}

span.level-name {
    padding-right: 15px;
}

div.close-tip {
    background: url(/Content/greengreyImages/ico-close-blue.png) center top no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    -ms-background-size: 15px;
    background-size: 15px;
    right: 14px;
    top: 15px;
    cursor: pointer;
}

.view-module-lines,
.ballonModalHolder .view-lines {
    width: 22px;
    height: 10px;
    display: block;
    border: 2px solid #b4b4b4;
    border-width: 2px 0;
    position: absolute;
    top: 2px;
    right: 0;
}

.view-module-lines:after,
.ballonModalHolder .view-lines:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    border-top: 2px solid #b4b4b4;
}

div.ballonModalHolder div.ballonModal {
    display: none;
    padding: 20px;
    background: #04abe9 !important; /*#343434 !important;*/
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    position: absolute !important;
    z-index: 10;
    margin-top: 5px;
    text-align: left;
}

div.ballonModalHolder div.ballonModal .ballonTitle {
    display: block;
    width: 100%;
    font: 22px/29px 'Conv_ProximaNova-Regular' !important;
    color: #f0f0f0 !important;
    padding: 0;
    white-space: nowrap;
}

div.ballonModalHolder div.ballonModal .ballonDescription {
    display: block;
    width: 100%;
    font: 15px/15px 'Conv_ProximaNova-Regular' !important;
    color: #f0f0f0 !important;
    padding: 10px 0 0 0;
    white-space: nowrap;
}

div.ballonModalHolder div.ballonModal::before {
    content: '';
    display: block;
    position: absolute;
    top: -11px;
    right: 9px;
    border: 11px solid transparent;
    border-bottom-color: #04abe9; /*#323232;*/
    border-top: none;
}

div.ballonModalHolder .btn {
    float: left;
    padding: 20px 0 0 0;
}

div.ballonModalHolder .btn span {
    font-size: 13px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    -moz-min-width: 45px;
    -ms-min-width: 45px;
    -o-min-width: 45px;
    -webkit-min-width: 45px;
    min-width: 45px;
}

div.ballonModalHolder .btn.btn-border span {
    color: #f0f0f0;
    border: 1px solid #f0f0f0;
}

div.ballonModalHolder .btn.btn-border:hover span {
    color: #04abe9;
    background: #f0f0f0 !important;
}

div.ballonModalHolder .btn.btn-border:active span {
    background: #04abe9;
    -webkit-box-shadow: inset 0 0 7px 3px #0499e9;
    -moz-box-shadow: inset 0 0 7px 3px #0499e9;
    -ms-box-shadow: inset 0 0 7px 3px #0499e9;
    box-shadow: inset 0 0 7px 3px #0499e9;
}

.hidden {
    display: none;
    visibility: hidden;
}

.show-module-hint {
    background: url(/Content/images/svg/icons/iconset-icons-small.svg) no-repeat;
    background-position-x: -803px;
    background-position-y: -259px;
    height: 30px;
    width: 24px;
    margin-left: 15px;
    position: relative;
    top: 2px;
    display: block;
    cursor: pointer;
}



#focus-out .focus-out-background {
    position: absolute;
    background-color: black;
    opacity: 0.7;
    -ms-opacity: 0.7;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    padding: 50px;
    z-index: 10;
}

#focus-out .focus-out-background > div {
    border: dashed 2px white;
    height: 100%;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

#focus-out .focus-out-title {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 11;
}

#focus-out .focus-out-title > span {
    position: relative;
    top: 45%;
    font-size: 45px;
    color: white;
}

.stat-btn {
    display: flex;
    float: right;
}

.stat-btn.button-list-element > a > span {
    background: none;
    border: 1px solid #88c744 !important;
    color: #88c744 !important;
    font-size: 17px;
    padding: 0 20px;
    float: none;
    height: 45px;
    line-height: 45px;
    min-width: 80px;
    margin: 0 1.5vh 2vh 0;
}

.stat-btn.button-list-element > .btn.btn-border:hover > span {
    background: #94d84b !important;
    color: #fff !important;
}

.stat-btn.button-list-element > .btn.btn-border:active > span {
    background: #94d84b;
    -webkit-box-shadow: inset 0 0 14px 3px #769f1f;
    -moz-box-shadow: inset 0 0 14px 3px #769f1f;
    -ms-box-shadow: inset 0 0 14px 3px #769f1f;
    box-shadow: inset 0 0 14px 3px #769f1f;
    color: #ffffff;
}

.stat-btn.button-list-element > a:last-child > span {
    margin: 0 0 2vh 0;
}

div.ballonModalHolder .button-list-element .btn {
    padding: 0;
}



a.avatarBig {
    margin-top: 5px;
}

.userInfo h2 {
    padding: 0;
}

.text-error,
.change-first-last-name-text-error {
    color: red;
}

.module-name {
    padding-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal 24px 'Conv_ProximaNova-Sbold';
    display: inline-block;
}

.disabled-li {
    pointer-events: none;
    opacity: 0.6;
}

.view-past-invoices .ui-dialog-titlebar {
    padding: 15px 0 0 0 !important;
}

.view-past-invoices .popupCont {
    background: #323232 !important;
}

#view-past-invoices-popup {
    width: auto;
    min-height: 90px;
    max-height: none;
    height: auto;
    padding: 15px 30px 30px 30px;
}



.padding-0 {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.back-link {
    font-size: 12px;
    line-height: 30px;
    text-shadow: none;
    float: right;
}

.btn-group {
    display: flex;
    width: 100%;
}

.btn-group > .btn {
    margin: 0;
    height: auto;
    width: 100%;
}

.btn-group > .btn .btn-title {
    display: block;
    cursor: pointer;
    text-align: center;
    font: 15px/40px 'Conv_ProximaNova-Regular';
    padding: 0 10px;
    -moz-min-width: 80px;
    -ms-min-width: 80px;
    -o-min-width: 80px;
    -webkit-min-width: 80px;
    min-width: 80px;
    width: 100%;
    border: 1px solid #88c744;
    margin: 0;
    padding: 0;
    border-right: none;
    height: 100%;
}

.btn-group > .btn .btn-title div {
    color: #88c744;
    font: 23px/23px 'Conv_ProximaNova-SBold';
}

.btn-group > .btn .btn-title text {
    font: 15px/23px 'Conv_ProximaNova-Regular';
}

.users-amount.btn-group > .btn .btn-title {
    font: 19px/40px 'Conv_ProximaNova-Sbold';
}

.btn-group > .btn:first-child .btn-title {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.btn-group > .btn:last-child .btn-title {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #88c744;
}

.btn-group > .btn:hover .btn-title,
.btn-group > .btn.active .btn-title {
    background: #94d84b !important;
    color: #fff;
}

.btn-group > .btn:hover .btn-title div,
.btn-group > .btn.active .btn-title div {
    color: #fff;
}

.btn-group > .btn:active .btn-title {
    -webkit-box-shadow: inset 0 0 14px 3px #769f1f;
    -moz-box-shadow: inset 0 0 14px 3px #769f1f;
    -ms-box-shadow: inset 0 0 14px 3px #769f1f;
    box-shadow: inset 0 0 14px 3px #769f1f;
}

.btn-group > .btn.disabled-div:hover > .btn-title,
.btn-group > .btn.disabled-div:active > .btn-title {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-group > .btn.disabled-div:hover > .btn-title div,
.btn-group > .btn.disabled-div:active > .btn-title div {
    color: #88c744 !important;
}

.main-container {
    margin: 15px -7px 50px -5px;
}

.main-container > .btn-group > .btn {
    margin: 25px 5px 0 5px;
}

.main-container .btn-group.tall-group .btn .btn-title {
    padding: 10px 0 5px 0;
}

.main-container .btn.btn-small {
    margin-top: 20px;
    margin-bottom: 0;
}

.main-container > .btn-group .btn-title,
.main-container .btn-group > .btn:first-child .btn-title,
.main-container .btn-group > .btn:last-child .btn-title {
    color: #cfcfcf;
    background: #323232;
    border: none;
    border-radius: 4px;
}

.main-container > .btn-group > .btn:hover .btn-title,
.main-container .btn-group > .btn.active .btn-title {
    background: #323232 !important;
    color: #cfcfcf;
    -webkit-box-shadow: inset 0 0 0 2px #88c744;
    -moz-box-shadow: inset 0 0 0 2px #88c744;
    -ms-box-shadow: inset 0 0 0 2px #88c744;
    box-shadow: inset 0 0 0 2px #88c744;
}

.main-container > .btn-group > .btn:hover .btn-title div,
.main-container > .btn-group > .btn.active .btn-title div {
    color: #ffffff;
}

.main-container > .btn-group > .btn:active .btn-title {
    -webkit-box-shadow: inset 0 0 0 2px #88c744;
    -moz-box-shadow: inset 0 0 0 2px #88c744;
    -ms-box-shadow: inset 0 0 0 2px #88c744;
    box-shadow: inset 0 0 0 2px #88c744;
}

#subscription-compare-dialog .ui-dialog .ui-dialog-buttonpane button:last-child {
    border: 1px solid #fff;
    color: #fff;
}

.btn-group.slim-group {
    height: 40px;
}


.btn-group.tall-group .btn .btn-title {
    padding: 5px 0;
}

.compare-dialog-title {
    font: normal 12px/27px 'Conv_ProximaNova-Sbold';
    color: #CFCFCF;
}

#subscription-compare-dialog .row {
    margin-bottom: 30px;
}

.subscription-title {
    font: normal 22px/22px 'Conv_ProximaNova-Sbold';
}

.title-with-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.yellow-plan-container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f1ea82;
    padding: 1px 8px;
    margin-left: 12px;
    font-size: 13px;
    border: solid 1px #f1ea82;
    height: 16px;
    text-transform: uppercase;
}

.not-choose-user-button {
    height: 160px!important;
}

.oval-warning {
    height: 32px;
    width: 32px;
    border: solid 2px #f7a900;
    border-radius: 32px;
}

.oval-warning span {
    display: block;
    font-weight: bold;
    color: #f7a900;
    font-size: 26px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.subscription-paused {
    margin-top: 20px;
    margin-bottom: 10px;
    height: 90px;
    border-radius: 4px;
    background-color: #323232;
}

.subscription-paused-discription {
    padding: 24px 30px;
    font-size: 15px;
    color: #CFCFCF;
}

.subscription-paused-discription p {
    padding-left: 24px;
}

.subscription-discription {
    font-size: 15px;
    margin-top: 7px;
    color: #CFCFCF;
}

.blue-color {
    font: normal 15px 'Conv_ProximaNova-Regular';
    vertical-align: text-top;
    cursor: pointer;
}

.subscription-button {
    line-height: 45px;
}

.btn.btn-border.btn-grey > span {
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
}

.btn.btn-border.btn-grey:hover > span,
.btn.btn-border.btn-grey:active > span {
    border: 1px solid #88c744;
}

.btn-title .btn {
    width: auto;
}

.btn-title .btn > span {
    width: auto;
    background: #323232;
}

.main-container > .btn-group > .btn > .btn-title {
    cursor: default;
}

.btn:disabled,
.btn:disabled > span {
    cursor: default !important;
}

.btn:disabled:hover > span,
.btn:disabled:active > span {
    border: 1px solid #b4b4b4 !important;
    background: none !important;
    color: #b4b4b4 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.subscription-page div.panelOptions {
    margin-top: 0;
}

.subscription-page ul.dropdown-menu {
    top: 50px !important;
}

.subscription-button .stripe-button-el,
.subscription-button .btn,
.subscription-page div.panelOptions .dropdown-toggle {
    height: 42px !important;
    width: 210px !important;
    padding-left: 10px;
}

.subscription-button .stripe-button-el > span,
.subscription-button .btn > span,
.subscription-page div.panelOptions .dropdown-toggle span {
    height: 40px !important;
    line-height: 40px !important;
    font: 17px/42px 'Conv_ProximaNova-Regular' !important;
    padding: 0 20px !important;
}

.subscription-page div.panelOptions .dropdown-toggle span {
    padding: 0 30px 0 20px !important;
}

.subscription-button div.panelOptions .dropdown-toggle span:before {
    right: 15px;
    top: 19px;
}

#subscription-compare {
    width: 180px;
}

.plans-container .btn > span {
    font-size: 15px !important;
    font: 16px/32px 'Conv_ProximaNova-Regular';
    height: 32px;
    width: 95px;
    min-width: 50px;
}

a.sound {
    background: url(/Content/images/svg/kbd-audio.svg) no-repeat center;
    background-size: 50px;
}

.inactive-licence {
    display: none;
    font-size: 15px;
    background: #323232;
    border-radius: 5px;
    padding: 25px;
    margin: 10px;
    color: #CFCFCF;
}

.inactive-licence .btn {
    margin: 25px 10px 10px 10px;
}

.ui-dialog-buttonset button.pull-right-important:only-child {
    float: right !important;
}

#billing-history .row.title {
    background: #3a3a3a !important;
    height: 53px;
}

#billing-history .row.title .value {
    font: normal 15px/27px ConvProximaNova-Regular;
}

.btn_show {
    margin-right: 15px;
}

.ui-selectmenu-open {
    z-index: 10000;
}

.dropdown-bordered .ui-widget-content {
    background: #3f3f3f !important;
}

.dropdown-bordered.ui-selectmenu-menu:before {
    border-bottom-color: #3f3f3f;
}

.empty-page {
    text-align: center;
    margin-top: 70px;
    font-family: ConvProximaNova-Regular;
}

.empty-page h2 {
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.empty-page .desc span {
    font: normal 15px 'Conv_ProximaNova-Regular';
    display: block;
    line-height: 1.33;
}

.empty-page .btn {
    float: none !important;
    height: 52px;
    margin-top: 25px;
    width: 204px;
}

.empty-page .btn span {
    height: 42px;
    font-size: 17px;
    border-radius: 4px;
    font-weight: 600;
}

.ui-dialog-buttonset button.wide {
    padding: 0 40px;
}

.empty-page .btn-group {
    width: 405px;
    margin: auto;
    justify-content: center;
}

.empty-page .btn-group .btn:nth-child(2) {
    margin-left: 15px;
}

#PaymentMethod_ExpMonth-button {
    width: 150px !important;
}

.level-module {
    font-size: 16px;
    display: block;
    float: left;
    width: 28%;
}

.latest-percent {
    width: 50px;
    height: 40px;
    background: #88c744;
    border-radius: 2px 2px 10px 2px;
    text-align: center;
}

.latest-wpm {
    width: 50px;
    height: 40px;
    background: #f7a900;
    border-radius: 2px 2px 10px 2px;
    text-align: center;
}

.persent-text {
    padding: 0 5px 0 5px;
    display: block;
    float: left;
    font-size: 22px;
    font-weight: bold;
}

.width-33 {
    display: block;
    width: 33.33% !important;
    float: left;
}

.width-36 {
    display: block;
    width: 36% !important;
    float: left;
}

.subscription-page div.panelOptions .dropdown-toggle {
    height: 42px;
}

#billing .subscription-button,
.subscription-page .subscription-button {
    height: 36px !important;
}

#subscription-view-invoice,
#subscription-view-action {
    width: 160px;
}

.billing-portal {
    width: 160px;
}

#chargebeePortal{
    padding:0px;
}

#billing .subscription-button .stripe-button-el > span,
.subscription-page .subscription-button .stripe-button-el > span {
    padding: 0 !important;
    float: left !important;
    border: none;
    color: #f0f0f0 !important;
    font: 17px/36px 'Conv_ProximaNova-Regular' !important;
    width: 100%;
    text-align: left;
}

#billing .subscription-button .stripe-button-el:hover > span,
#billing .subscription-button .stripe-button-el:active > span,
.subscription-page .subscription-button .stripe-button-el:hover > span,
.subscription-page .subscription-button .stripe-button-el:active > span {
    background: none !important;
    padding: 0 !important;
    float: left !important;
    border: none;
    color: #88c744 !important;
    font: 17px/36px 'Conv_ProximaNova-Regular' !important;
    width: 100%;
    text-align: left;
    box-shadow: none !important;
}

.subscription-header {
    font-size: 30px;
    font-weight: bold;
}

.subscription-page {
    margin-top: 30px;
}

#dialog-chaque-detail tr {
    height: 40px;
    text-align: left;
}

#dialog-chaque-detail tr .slim-control {
    height: 40px;
}

#dialog-chaque-detail tr .slim-control input {
    height: 36px;
    line-height: 36px;
}

.width100 {
    width: 100% !important;
}

.payment-plan fieldset {
    padding-left: 30px;
    width: 100%;
}

div.title.levels .pull-left {
    font-size: 30px;
}

div.title.levels {
    padding-top: 5px;
}

.manage-class-list {
    padding-bottom: 5px;
    padding-left: 120px;
}

.manageClasses .check {
    width: 50%;
    float: left;
}

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

.margin-vertical-5 {
    margin: 5px 0;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slider {
    vertical-align: middle;
}

.hide {
    display: none !important;
}

.slider-handle {
    position: absolute;
    background-color: #ffad00;
    margin-left: -20px;
    top: -11px;
    width: 25px;
    height: 25px;
    border: 8px solid #FFF;
    -webkit-box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.3);
    box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.3);
}

.slider-handle.round {
    border-radius: 50%;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    border-radius: 4px;
}

.slider.slider-horizontal {
    height: 20px;
    position: relative;
    display: inline-block;
    top: 14px;
    left: 0;
    width: 100%;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
    background-color: #ffad00;
}

.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
    margin-top: 30px;
    white-space: nowrap;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}

#order-licence-form input#edit-submitted-number-of-users-new {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 46px;
    line-height: 46px;
    padding-right: 18px;
    text-align: right;
    color: #FFF;
    background-color: #3f769f;
    border-radius: 5px;
    border: none;
}

.users-box {
    position: relative;
    margin-top: 32px;
}

.users-box label {
    display: block;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 16px;
    font-weight: 400;
    padding: 12px 0;
}

#number-of-users {
    margin-left: 60px;
    border-radius: 4px;
    height: 60px;
    width: 100px;
    text-align: right;
    font-size: 23px;
    -moz-appearance: textfield;
    padding-right: 7px;
    margin-top: 2px;
}

#number-of-users::-webkit-inner-spin-button,
#number-of-users::-webkit-outer-spin-button {
    -webkit-appearance: none;
}


.flex {
    display: flex;
}

.tick-green {
    background: url(/Content/images/svg/tick-green-line-view.svg) 0 0 no-repeat;
    background-size: 24px;
    margin-top: 8px;
    width: 52px;
}

/*TODO: REFACTOR THIS!!!*/

.ok-icon {
    background: url(/Content/images/svg/tick-green-line-view.svg) 0 0 no-repeat;
    background-size: 24px;
    margin-top: 8px;
    width: 30px;
    margin-left: 15px;
}

.stop-icon {
    background: url(/Content/images/svg/stop_icon.svg) 0 0 no-repeat;
    background-size: 24px;
    margin-top: 8px;
    width: 30px;
    margin-left: 15px;
}

.edit-icon {
    background: url(/Content/images/svg/edit_icon.svg) 0 0 no-repeat;
    background-size: 40px;
    margin-top: 8px;
    width: 60px;
    margin-left: 15px;
    cursor: pointer;
}

.save-icon {
    background: url(/Content/images/svg/save_icon.svg) 0 0 no-repeat;
    background-size: 25px;
    margin-top: 8px;
    width: 60px;
    margin-left: 15px;
    cursor: pointer;
}

button:disabled {
    opacity: 0.5;
    cursor: default !important;
}

#dialog-confirm-update .viewTabs {
    width: 100%;
    margin: 15px 0;
}

#dialog-confirm-update .viewTabs a {
    width: 50%;
}

#dialog-confirm-update.ui-widget-content {
    color: #B6B6B6 !important;
}

.purchase-cost {
    display: flex;
    justify-content: space-between;
}

.dotted-space {
    width: 100%;
    border-bottom: 1px dotted #787878;
    margin: 20px 8px;
}

.nowrap {
    white-space: nowrap;
}

.purchase-cost input {
    margin: 0 5px;
}

.save-hint {
    background-color: #f7d100;
    margin-top: -17px;
    text-align: center;
    height: 17px;
    border-radius: 4px 4px 0 0;
    font: normal 11px/18px 'Conv_ProximaNova-Regular';
}

.save-hint.dark {
    background-color: #ffad00;
}

.save-hint + .btn-title {
    border-radius: 0 0 4px 4px !important;
}


.sbold {
    font-family: 'Conv_ProximaNova-Sbold';
}


.current-price {
    font: normal 22px/22px 'Conv_ProximaNova-Regular';
    float: right;
    color: #CFCFCF;
}

.green-price {
    color: #88c744;
    font: normal 22px/33px 'Conv_ProximaNova-sBold';
}

.green {
    color: #88c744 !important;
}

.user-role {
    color: #ffffff;
    border-radius: 3px;
    font-size: 11px;
    padding: 2px 7px 1px 5px;
    bottom: 8px;
    position: relative;
    font-weight: bold;
}

.back-red {
    background: #d23c3c;
}

.back-orange {
    background: #ffad00 !important;
}

.back-green {
    background: #87c846;
}

#mainMenu .ava {
    padding: 11px 10px 11px 20px;
    cursor: default;
}

#mainMenu .ava img {
    float: left;
    margin-right: 10px;
}

#mainMenu .ava span {
    font-size: 14px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

.lower {
    text-transform: lowercase;
}

.latest-content {
    display: inline-flex;
    width: 40%;
}

.latest-content > span {
    width: 35%;
}

.allStatGrid .grid {
    font-size: 13px;
}

.btn-red {
    background: #d33b3e !important;
    border-color: #d33b3e !important;
}

.btn-red:active {
    box-shadow: inset 0 0 14px 3px #b16363 !important;
}

.switch-container {
    height: 40px;
    margin-bottom: 20px;
}

.switch-container .viewTabs {
    width: 160px;
    float: none;
}

.width-400px {
    width: 400px !important;
    float: left;
}

.width-100 {
    width: 100%;
    float: none;
    display: inline-block;
}

.width-50 {
    width: 50%;
    float: left;
    display: inline-block;
}

.width-25 {
    width: 25%;
    float: left;
    display: inline-block;
}

.width-150px {
    width: 150px;
    float: none;
    display: inline-block;
}

.form-control {
    margin: 0 5px;
}

.form-control .form-input {
    width: 100%;
}

#cardDetail {
    width: 100%;
    margin: 0 -5px;
}

.hidden-tab {
    display: none;
}

.active-tab {
    display: block;
}

.forgot-password-form #Email::-webkit-input-placeholder {
    color: transparent;
}

.forgot-password-form #Email:-moz-placeholder {
    color: transparent;
}

.forgot-password-form #Email::-moz-placeholder {
    color: transparent;
}

.forgot-password-form #Email:-ms-input-placeholder {
    color: transparent;
}

.forgot-password-form #Email::-webkit-input-placeholder {
    color: transparent;
}

.forgot-password-form .email-label {
    margin-bottom: 20px;
}

.forgot-password-form .no-email-warning {
    padding-top: 10px;
    color: #b4b4b4;
}



.switch-container .viewTabs.view3Tabs {
    width: 242px;
    display: block;
    margin: auto;
}

.fa-credit-card {
    background: url(/Content/greengreyImages/pay.svg);
    padding: 1px 11px;
    background-size: 29px;
    padding: 0 15px 5px;
    background-position: 0 -5px;
    cursor: pointer;
    margin-right: 10px;
}

.feed-level-completed {
    background: #87c846;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    margin-left: 23px;
    margin-top: 6px;
    position: absolute;
    line-height: 39px;
}

.feed-level-completed span {
    background: url(/Content/images/svg/tick-square-view.svg) 0 0 no-repeat;
    background-size: 24px;
    display: block;
    width: 39px;
    height: 39px;
    margin-left: 9px;
    margin-top: 8px;
}


.feed-writing-completed {
    border-radius: 50%;
    width: 39px;
    height: 39px;
    margin-left: 23px;
    margin-top: 6px;
    position: absolute;
    line-height: 39px;
}

.feed-writing-completed span {
    background: url(/Content/images/svg/pen-circle.svg) 0 0 no-repeat;
    background-size: 36px;
    display: block;
    width: 39px;
    height: 39px;
    margin-left: 9px;
    margin-top: 8px;
}


.notification-like {
    border-radius: 50%;
    width: 39px;
    height: 39px;
    margin-left: 23px;
    margin-top: 6px;
    position: absolute;
    line-height: 39px;
}

.notification-like span {
    background-image: url(/Content/images/svg/icons/ico-like-green.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px;
    display: block;
    width: 39px;
    height: 39px;
    margin-left: 9px;
    margin-top: 8px;
}




.feed-idle {
    background: #ffad00;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    margin-left: 23px;
    margin-top: 6px;
    font-size: 12px;
    position: absolute;
    text-align: center;
    line-height: 39px;
}


.trial-header-wrapper {
    background: #323232;
    width: 100%;
    height: 59px;
    display: block;
    z-index: 1000;
    position: fixed;
    border-bottom: solid 1px #5a5a5a;
    left: 0;
    top: 0;
}

.expired {
    background: #d33b3e;
    height: 60px;
    border: none;
}

.trial-header {
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
    min-height: 100%;
    position: relative;
    font: normal 15px/60px 'Conv_ProximaNova-Sbold';
}


.trial-header-message {
    display: inline-block !important;
}

.trial-header .btn {
    display: inline-block;
    margin-left: 20px;
    height: 34px;
}

.trial-header .btn > span {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
}

.expired .trial-header .btn > span {
    color: #d33b3e;
    background: #ffffff;
}

.trial-header .btn:hover > span {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
}

.expired .trial-header .btn:hover > span {
    color: #ffffff;
    background: #d33b3e !important;
    border: solid 1px #ffffff;
}

.trial-header .btn:active > span {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
}

.trial-header .close-btn {
    margin-left: 15px;
    margin-top: 17px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 28px;
    line-height: 22px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
    border: 2px solid white;
    width: 20px;
    height: 20px;
}

    .trial-header .close-btn:hover {
        color: black;
        border: 2px solid black;
    }


HTML

.expired .trial-header .btn:active > span {
    color: #ffffff;
    background: #d33b3e !important;
    box-shadow: inset 0 0 14px 3px #b32c2f;
    border: solid 1px #ffffff;
}

.proxima-regular {
    font-family: 'Conv_ProximaNova-Regular';
}

.vertical-middle {
    vertical-align: middle;
}

#dialog-choose-plan .caption {
    line-height: 42px;
}

#dialog-choose-plan #number-of-users {
    float: right;
    height: 42px;
    width: 80px;
    padding-right: 20px;
    margin: 0;
}

#dialog-choose-plan .plans-container .radio-block {
    width: auto;
    height: 54px;
    margin-left: 40px;
    line-height: 54px;
}

#dialog-choose-plan .slider.slider-horizontal {
    top: 30px;
}


#dialog-choose-plan .main-container {
    margin: 15px 0 0 0;
}

#dialog-choose-plan .radio-block .radio {
    width: 100%;
}

#dialog-choose-plan .radio-block {
    display: flex;
}

#dialog-choose-plan .plans-container > .row {
    border-radius: 4px;
    margin: 2px 0;
}

#dialog-choose-plan .plans-container > .row:hover {
    background: #252525;
    border-radius: 4px;
    margin: 2px 0;
    border: 1px solid #88c744;
}


#dialog-choose-plan .plans-container .radio label {
    padding-left: 15px;
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline;
}

#dialog-choose-plan .plans-container .radio label > span {
    display: inline-block;
    width: 27%;
    line-height: 54px;
    vertical-align: middle;
    max-height: 56px;
    overflow: hidden;
}

#dialog-choose-plan .plans-container .radio label > span.save {
    display: inline-block;
    background: #88c744;
    width: 69px;
    font: normal 26px/54px 'Conv_ProximaNova-Sbold';
    padding-left: 18px;
    border-radius: 0 4px 4px 0;
    height: 54px;
    float: right;
}

#dialog-choose-plan .plans-container .radio label:after {
    top: 18px;
}

#dialog-choose-plan .slider {
    margin-bottom: 52px !important;
}

#dialog-choose-plan .radio input[type="radio"]:checked + label:before {
    top: 31px;
}
/*THIS SECTION NEEDS TO BE REMOVE START*/
#menuToggle [type="checkbox"] {
    display: none !important;
}

.navigation-menu > li.empty-space-bellow-menu {
    display: none;
}

.close-menu-btn {
    display: none !important;
}

/*THIS SECTION NEEDS TO BE REMOVE END*/

.setRight.ava button {
    position: absolute;
    right: 20px;
    top: 180px;
    z-index: 2;
}

.setRight.ava #export {
    right: 0;
}

.tag-label {
    display: inline-block;
    margin-left: 4px;
    padding: 3px 7px 1px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
    line-height: 20px;
}

.subjects .subject-item span.new-subject {
    background: #88c744;
    color: #f0f0f0;
    font-size: 11px;
    position: inherit;
    margin-left: 10px;
    border-radius: 2px;
    padding: 2px 6px;
    vertical-align: super;
}

.noTitle .ui-dialog-titlebar,
.pausePopup .ui-dialog-titlebar {
    display: none;
}

.container.payment-container {
    background: #5a5a5a;
    color: #fff;
    display: flex;
    height: 500px;
    width: 100%;
}

.payment-container-part {
    width: 100%;
    display: block;
    float: left;
    height: 500px;
}

.payment-container-part .list {
    list-style: none;
    overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
    background-color: #3f3f3f;
    position: relative;
}

.payment-container-part .list .list-title,
.payment-container-part .details .list-title {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: #f0f0f0;
    padding: 24px 30px 27px;
}

.payment-container-part .item.selected {
    background-color: #2c2c2c;
}

.payment-container-part .item {
    display: flex;
    float: none;
    cursor: pointer;
    border-bottom: 1px solid #313131;
    background-color: #3f3f3f;
    padding: 10px 10px;
}

.payment-container-part .details {
    overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
    position: relative;
    background-color: #2c2c2c;
}


/*******************UNIVERSAL STYLES START*******************************/

.ico-delete {
    background: url('/Content/greengreyImages/admin/ico-delete.gif') no-repeat;
    display: inline-block;
    background-size: 30px;
    height: 30px;
    width: 30px;
    opacity: 0.7;
}

.ico-delete:hover {
    opacity: 1;
}

.universal .title {
    padding: 0;
    font-size: 22px;
}

.universal .title > div {
    color: #f0f0f0;
    padding: 20px 30px;
    display: block;
    float: none;
    line-height: 42px;
}

.universal .title > div .btn {
    margin: 0;
    float: right;
}

.universal .small-img {
    height: 50px;
    vertical-align: middle;
    padding-left: 50px;
}


.universal .slider.slider-horizontal {
    top: 30px;
}


.universal .main-container {
    margin: 15px 0 0 0;
}

.universal .radio-block .radio {
    width: 100%;
}

.universal .radio-block {
    display: flex;
    width: 100%;
}

.universal .row .delete-icon {
    position: absolute;
    right: 0;
    z-index: 2;
}

.universal .row .tag-label {
    position: absolute;
    right: 0;
}

.radio-block .radio input[type="radio"] {
    display: none;
}

.radio-block input[type="number"]::-webkit-inner-spin-button,
.radio-block input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.radio-block input[type="number"] {
    -moz-appearance: textfield;
}

.universal .container > .row {
    line-height: 80px;
    position: relative;
}

.universal .container > .row .tag-label {
    margin-top: 30px;
}

.universal .container .radio label {
    z-index: 1;
    display: inline;
}

.universal .container .radio .label {
    position: absolute;
    left: 25%;
}

.universal .container .radio label > span {
    display: inline-block;
}

.universal .container .radio label > span.save {
    display: inline-block;
    background: #88c744;
    width: 69px;
    font: normal 26px/54px 'Conv_ProximaNova-Sbold';
    padding-left: 18px;
    border-radius: 0 4px 4px 0;
    height: 54px;
    float: right;
}

.universal .container .form-control{
    margin:0px;
}

.universal .container .radio label:before {
    top: 35px !important;
    left: 25px !important;
}

.universal .container .radio label{
    margin-left: 10px;
}

.universal .container .radio label:after {
    top: 30px;
    left: 20px;
}

.universal .slider {
    margin-bottom: 52px !important;
}

/*******************UNIVERSAL STYLES END*******************************/

.height-120 {
    height: 120px;
}

.add-user-from-spredsheet-heder {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}

.add-user-from-spredsheet-heder-text {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
}

.add-user-from-spredsheet-heder-link {
    text-decoration: underline;
}

@media print {
    * {
        overflow: visible !important;
        color: #000;
    }

    th > span {
        font-size: 20px;
        font-weight: bold;
    }
}

#classForm #Name {
    border-radius: 7px;
}

.customSlimScrollWrapper {
    height: inherit !important;
}

.viewTabsBilling {
    margin: 0 auto 0 auto;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #222 inset;
    -webkit-text-fill-color: #fff !important;
}

.loading-animation {
    background-image: url("/Content/images/loader.svg");
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
    width: 30px;
    height: 32px;
}

#loading-animation {
    background-image: url("/Content/images/loader.svg");
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
    width: 30px;
    height: 32px;
    margin: 47px 21px 16px 108px;
    object-fit: contain;
}

@keyframes rot {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rot {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



body.light-theme #loading-container,
body.light-theme .loading-container {
    background: rgba(243, 243, 246, 0.88);
}

body.light-theme #loading-text,
body.light-theme .loading-container .text {
    width: 77px;
    height: 24px;
    margin: 16px 158px 25px 89px;
    font-family: ProximaNova;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #7b7b8f;
}

.loading-container-notification .text {
    font-family: ProximaNova;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #f0f0f0;
    margin-left: 1rem;
}

body.dark-theme #loading-container,
body.dark-theme .loading-container {
    opacity: 0.8;
    background-color: #000000;
}

body.dark-theme #loading-text,
body.dark-theme .loading-text {
    width: 77px;
    height: 24px;
    margin: 16px 158px 25px 89px;
    font-family: ProximaNova;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #f0f0f0;
}

body.dark-theme .share-subject-popup,
body.dark-theme .sharable-link-popup-text {
    color: #f0f0f0;
}

body.light-theme .avatar-container .profile-avatar.active {
    background-color: #ebebf0;
}

body.light-theme .avatar-camera-icon {
    background-image: url("/Content/images/svg/icons/camera-light.svg");
}

body.light-theme .ui-dialog .form-input {
    background-color: #e9e9ee!important;
}

body.light-theme .ui-dialog .form-input:focus {
    background-color: #e6e6eb!important;
}

body.light-theme .icon-big-arrow-right,
body.dark-theme .icon-big-arrow-right {
    background-position-x: 0px !important;
    background-position-y: 0px !important;
}


body.light-theme .icon-big-arrow-right {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward.svg) no-repeat;
}

body.light-theme .icon-big-arrow-right:hover {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward-hover.svg) no-repeat;
}

body.light-theme .icon-big-arrow-right:active {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward-pressed.svg) no-repeat;
}

body.light-theme .icon-big-arrow-right:disabled {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward-disabled.svg) no-repeat;
}

body.dark-theme .icon-big-arrow-right {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward.svg) no-repeat;
}

body.dark-theme .icon-big-arrow-right:hover {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward-hover.svg) no-repeat;
}

body.dark-theme .icon-big-arrow-right:active {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward-pressed.svg) no-repeat;
}

body.dark-theme .icon-big-arrow-right:disabled {
    width: 24px;
    height: 43px;
    background: url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward-disabled.svg) no-repeat!;
}


body.light-theme .persent {
    color: #afafbe;
}

body.light-theme .viewTabs.view3Tabs {
    background-color: #ffffff!important;
}

.init-print-lvl {
    width: 36px;
    height: 36px;
    float: right;
    cursor: pointer;
    margin: 5px 20px 0 0;
}


.modT{
    margin-right: 8px;
}

.accordion.listOfModules.gridView.newModuleCard li {
    width: 22%;
    height: 160px;
    float: left;
    margin: 0px 0px 20px 20px;
    border-bottom-right-radius: 25px;
}

.accordion.listOfModules.gridView.newModuleCard li .li-block .right-column {
    display: block;
    height: 110px;
    width: 100%;
    float: none;
}

.accordion.listOfModules.gridView.newModuleCard li .li-block .right-column .date {
    display: none;
}

.accordion.listOfModules.gridView.newModuleCard li .li-block .right-column .modCheck,
.accordion.listOfModules.gridView.newModuleCard li .li-block .right-column .modT {
    display: inline-block;
}

.accordion.listOfModules.gridView.newModuleCard li .li-block .right-column .modVoice {
    display: inline-block;
    margin-right: 11px;
}

.accordion.listOfModules.gridView.newModuleCard li .li-block .persent:after {
    content: "";
    background-repeat: no-repeat;
    width: 0px;
    height: 0px;
}

.accordion.listOfModules.gridView.newModuleCard li.locked .li-block {
    color: #767676;
}

.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block,
.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block,
.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block {
    border-left-width: 4px;
    border-left-style: solid;
}

.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block {
    border-left-color: #88c744;
}

.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block .persent:after {
    background-image: none;
    background-position-x: -470px;
    background-position-y: -196px;
}

.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block:hover {
    color: #fff;
}

.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block:hover .persent,
.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block:hover .nameModule,
.accordion.listOfModules.gridView.newModuleCard li .baseGreen .li-block:hover:before,
.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block:hover .persent,
.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block:hover .nameModule,
.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block:hover:before,
.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block:hover .persent,
.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block:hover .nameModule,
.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block:hover:before {
    color: #fff;
}

.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block {
    border-left-color: #00aeef;
}

.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block .persent:after {
    background-image: none;
    background-position-x: -567px;
    background-position-y: -242px;
}

.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block:hover {
    color: #fff!important;
}

.accordion.listOfModules.gridView.newModuleCard li .baseBlue .li-block:hover .persent:after {
    background-position-y: -288px;
}

.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block {
    border-left-color: #f8b21a;
}

.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block .persent:after {
    background-image: none;
    background-position-x: -470px;
    background-position-y: -242px;
}

.accordion.listOfModules.gridView.newModuleCard li .baseOrange .li-block:hover {
    color: #fff;
}

.slimRightColumn{
    height: 47px!important;
}

.bottomStarsRightColumn {
    margin-top: 70px;
    height: 43px!important;
    float:left;
    padding-left:80px;
    padding-top:9px;
}

.bottomStarsRightColumn .ttrs-course-stars-container{
    margin: 0px;
}

a.baseDefault:hover {
    border: 1px solid #a0e5ff;
}

body.light-theme .module-list-empty-check {
    background: url(/Content/greengreyImages/levelsModules/check-level-empty-light.svg) no-repeat;
}
body.dark-theme .module-list-empty-check {
    background: url(/Content/greengreyImages/levelsModules/check-level-empty-dark.svg) no-repeat;
}

body.light-theme #result-wrapper .dialog .item .block-title {
    color: #464655;
}

.feeds-container a:hover span.feed-icon-ballon,
div.feed-icon-ballon-holder:hover span.feed-icon-ballon,
li.feed-icon-ballon-holder:hover span.feed-icon-ballon {
    display: block;
    background: #000000 !important;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-top: 47px !important;
    margin-left: 15px !important;
    position: absolute !important;
    color: #b4b4b4 !important;
    font: 13px/29px 'Conv_ProximaNova-Regular' !important;
    padding: 0 10px 0 8px;
    white-space: nowrap;
    z-index: 10;
}

a span.feed-icon-ballon,
div.feed-icon-ballon-holder span.feed-icon-ballon,
li.feed-icon-ballon-holder span.feed-icon-ballon {
    display: none;
}

body.light-theme #wpm svg path,
body.light-theme #progress svg path,
body.light-theme #score svg path {
    fill: #ffffff;
}

#score-wrapper,
#wpm-wrapper{
    margin-top:15px;
}

.free-writing .ico-modules-blocks,
.free-writing .ico-modules-lines{
    display: none;
}

.fa-notification-chat {
    height: 50px;
    width: 50px;
    margin-right: 14px;
    background-color: green;
    -webkit-mask: url(/Content/images/svg/Logo/logo-symbol-color.svg) no-repeat center;
    mask: url(/Content/images/svg/Logo/logo-symbol-color.svg) no-repeat center;
    mask-size:contain;
    -webkit-mask-size: contain;
}

.chat-container{
    display:flex;
    align-items:center;
}




#results-small #result-scale-wrapper {
    padding: 30px;
}

#results-small .wraper_line {
    height: 180px;
    bottom: 20px;
}


#results-small #result-scale-wrapper * {
    box-sizing: border-box;
}

#results-small li.lat::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    -webkit-print-color-adjust: exact;
    margin-right: 10px;
    background: #00aeef;
}

#results-small.st_header li#wpmBlock {
    background-color: #f7a900;
}

#results-small #result-repeat-link {
    height: 44px;
    margin-left: 10px;
    padding: 0 11px !important;
}

#results-small #result-repeat-link span {
    background: transparent url(/Content/images/svg/icons/iconset-icons-small.svg) no-repeat;
    -moz-min-width: 16px;
    -ms-min-width: 16px;
    -o-min-width: 16px;
    -webkit-min-width: 16px;
    min-width: 26px;
    width: 26px;
    height: 20px;
    display: block;
}

a div.ballonForGraph,
div.ballonHolderForGraph div.ballonForGraph,
li.ballonHolderForGraph div.ballonForGraph {
    display: none;
}

.ballonForGraph {
    height: 120px;
    width: 116px;
    margin: 6px 7px;
    padding: 15px;
    opacity: 0.75;
    background-color: #323232;
}

.ballonForGraph::after {
    content: '';
    position: absolute;
    left: 48px;
    bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid #323232;
}

a:hover div.ballonForGraph,
div.ballonHolderForGraph:hover div.ballonForGraph,
li.ballonHolderForGraph:hover div.ballonForGraph {
    display: flex;
    flex-direction: column;
    left: -54px;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    position: absolute !important;
    color: #b4b4b4 !important;
    font: 13px/29px 'Conv_ProximaNova-Regular' !important;
    white-space: nowrap;
    z-index: 10;
}

li.ballonHolderForGraph:hover > div.ballonForGraph {
    z-index: 100;
}

.graph-retake-button {
    position: relative;
    width: 86px;
    height: 26px;
    margin: 7px 0 0;
    padding: 6px 24px;
    border-radius: 3px;
    border: solid 1px #ffffff;
    color: #ffffff;
    background-color: transparent;
    cursor: pointer;
}

.retake-score-text {
    position: relative!important;
    display: flex!important;
    color: #f0f0f0;
    font-size: 15px;
}

.retake-score-text .yellow {
    color: #f7a900;
}

.retake-score-text span {
    position: relative !important;
}

.average-wpm-percentage {
    position: absolute;
    right: 120px;
    top: 0;
    font-size: 12px;
    line-height: 15px;
}

.average-wpm-percentage span {
    font-size: 15px;
}

.average-wpm-percentage span.green {
    color: #88c744;
}

.average-wpm-percentage span.yellow {
    color: #f7a900;
}

.keyboard-result-wrapper[style*='display: block'] {
    display: flex !important;
    justify-content: center!important;
    align-items:center!important;
}

.footer-container{
    width: 1000px;
    display: flex;
    justify-content: flex-start;    
}

.right-footer {
    margin-left: auto!important;
}

.copyright-version-container{
    display: flex;
    justify-content: flex-start;  
}

.global-errors-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.billing-row {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.billing-row .billing-portal {
    width: auto;
}

.flex-row {
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-top: -15px;
}

.intercom-top-banner {
    top: 50px;
}

.continue-from-button-popup {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 90px;
    background-color: #00aeef;
    border-bottom-right-radius: 40px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin: 30px 0;
    padding: 19px 25px;
    cursor: pointer;
}

.continue-from-button-popup .first-line {
    font-size: 22px;
    font-family: 'Conv_ProximaNova-Sbold';
    white-space: nowrap;
    margin-bottom: 2px;
}

.continue-from-button-popup .second-line {
    font-size: 18px;
    font-family: 'Conv_ProximaNova-Regular';
    white-space: nowrap;
    text-decoration-line: underline;
}

.continue-from-button-popup .right-part {
    display: flex;
    align-items: center;
}

.continue-from-button-popup .right-part .white-play-button {
    background: url(/Content/images/svg/icons/icon-course-36-play-level-white.svg) no-repeat center;
    width: 32px;
    height: 24px;
}

.module-lines-btn-container {
    display: flex;
    align-items: center;
}

.module-lines-btn-container .start-lvl {
    margin-left: 10px;
    cursor: pointer;
}

.btn-container-lines {
    display: flex;
    align-items: center;
    justify-content: end;
}
body #content-area{clear:both;width:100%;padding:0;margin:0 auto;display:table;height:100%;background-color:#f6f6f6;min-height:600px;position:relative;}body #content-area .content-left{display:table-column;vertical-align:middle;width:400px;color:#000;padding-left:80px;height:100%;float:right;position:relative;right:-80px;}body #content-area .ttrs-sign{background:url('/Content/images/svg/Logo/logo-symbol-color.svg') 0 0 no-repeat;background-size:contain;height:50px;width:64px;margin-top:60px;margin-bottom:25px;}body #content-area h1{background-color:inherit;color:inherit;font-size:20px;font-weight:bold;padding:0;padding-bottom:5px;}body #content-area h4{font-size:15px;line-height:1.33;color:#5a5a5a;text-transform:none;padding-bottom:18px;}body #content-area p{font-size:15px;line-height:1.33;letter-spacing:normal;color:#000;}body #content-area ul.check-style li{list-style:none;float:left;width:50%;font-size:15px;line-height:1.33;}body #content-area ul.check-style li:before{content:'';background:url('/Content/images/laptop-blue/ico-check-orange.svg') 0 0 no-repeat;background-size:19px 15px;width:19px;height:15px;display:block;float:left;margin-right:12px;}body #content-area .inline-block.check{padding-left:30px;}body #content-area .reactiveHeader{margin-top:60%;}body #content-area .bottom{position:absolute;bottom:0;display:table-footer-group;color:#b4b4b4;vertical-align:bottom;}body #content-area .bottom a{color:#b4b4b4;}body #content-area .bottom a:hover{color:#88c744;}body #content-area .bottom ul li{list-style:none;float:left;font-size:13px;line-height:1.33;width:auto;}body #content-area .content-middle{display:table-cell;background-image:url('/Content/images/laptop-blue/laptop_blue_large.jpg');background-position-y:5px;background-repeat:no-repeat;background-size:cover;width:600px;}body #content-area .content-right{display:table-cell;vertical-align:middle;background-color:#323232;height:100%;padding-left:50px;padding-right:50px;}body #content-area .width-280px{width:280px;}body #content-area .new-users-message{display:flex;flex-direction:column;grid-gap:1rem;column-gap:1rem;width:285px;line-height:17px;color:#b4b4b4;padding-bottom:3rem;}body #content-area .twitter.hidden-xs.hidden-sm{display:none;}body .login-form{line-height:42px;font-size:14px;}body .login-form div{position:relative;}body .login-form h1{font-size:27px;font-weight:bold;line-height:1.19;padding:0;background:none;margin-bottom:35px;}body .login-form .error-area{height:30px;display:flex;align-items:flex-end;}body .login-form .form-input{width:100%;height:34px;border-radius:3px;}body .login-form a{color:#fff;}body .login-form a:hover{color:#88c744;}body .login-form a:visited:not(:hover){color:#fff;}body .login-form #private-policy{line-height:18px;margin:20px 0;color:#b4b4b4;font-size:13px;}body label.show-password{width:23px;z-index:10000;left:253px;height:32px;cursor:pointer;position:absolute;top:3px;}body label.show-password:hover:after,body label.show-password :active:after{background-image:url('/Content/images/laptop-blue/ico-show.svg');opacity:1;}body label.show-password:after{content:'';position:absolute;right:5px;background-image:url('/Content/images/laptop-blue/ico-show.svg');opacity:.4;background-size:21px 13px;display:inline-block;width:21px;height:13px;top:9px;}

@media (max-width: 991px) {
    body #content-area {
        min-height: 730px;
    }

        body #content-area .content-left .middle,
        body #content-area .content-left div.bottom.login-footer,
        body #content-area .content-middle {
            display: none;
        }

        body #content-area .content-left {
            width: unset;
            padding-left: 0;
            right: 0;
            position: unset;
        }

            body #content-area .content-left .top {
                position: absolute;
                left: calc(50% - 140px);
            }

                body #content-area .content-left .top .ttrs-sign {
                    background: url('/Content/images/svg/Logo/logo-hor-white-full.svg') 0 0 no-repeat;
                    background-size: contain;
                    height: 50px;
                    width: 165px;
                    margin-top: 20px;
                }
        body #content-area .content-right {
            padding: 0 20px 0px 20px;
        }
        body #content-area.login.forgot .content-right {
            display: block;
        }
            body #content-area .content-right,
            body #content-area .content-right > div {
                width: unset;
            }

                body #content-area .content-right > div .top {
                    padding-bottom: 10px;
                    position: relative;
                    left: calc(50% - 140px);
                    width: 280px;
                }

                    body #content-area .content-right > div .top .for-password > span {
                        position: relative;
                        top: -15px;
                    }


                body #content-area .content-right > div .bottom #twitterMessage {
                    word-break: break-word;
                }

    /* login form*/
            body #content-area .content-right > div .top .login-form h1 {
                font: normal 22px 'Conv_ProximaNova-Sbold';
            }

            body #content-area .content-right > div .top .login-form .row .inline-block.check {
                padding-left: 0;
                height: 22px;
                margin-bottom: 30px;
            }

                body #content-area .content-right > div .top .login-form .row .inline-block.check label {
                    top: -10px;
                }

            body #content-area .content-right > div .top .login-form .row button {
                width: 100%;
            }

                body #content-area .content-right > div .top .login-form .row button > span {
                    font: normal 17px/40px 'Conv_ProximaNova-Sbold';
                }

            body #content-area .content-right > div .top .login-form .form-input {
                box-sizing: border-box;
            }

            body #content-area .content-right .new-users-message {
                display: flex;
                align-items: center;
                flex-direction: column;
                grid-gap: 1rem;
                column-gap: 1rem;
                line-height: 17px;
                color: #b4b4b4;
                padding: 5rem;
            }

    /* login form*/

    /* forgot content */
    body #content-area.login.forgot {
        min-height: 500px;
    }

        body #content-area.login.forgot .content-right {
            padding-top: 120px !important;
        }

            body #content-area.login.forgot .content-right > div .bottom {
                position: absolute;
                margin-right: 20px;
            }
    /* forgot content */

    /* forgot form */
            body #content-area.login.forgot .content-right > div .top .forgot-password-form .mobile-title {
                display: inline-block;
            }
                body #content-area.login.forgot .content-right > div .top .forgot-password-form .mobile-title > a {
                    position: relative;
                    left: -5px;
                    width: 24px;
                    height: 24px;
                    float: left;
                    background: url(/Content/images/mobile/arrow-back.svg) 0 0 no-repeat;
                }
                body #content-area.login.forgot .content-right > div .top .forgot-password-form .mobile-title > h1 {
                    padding-bottom: 20px;
                    font-size: 22px;
                    float: right;
                }
            body #content-area.login.forgot .content-right > div .top .forgot-password-form .mobile-description {
                font-size: 15px;
                padding-bottom: 20px;
            }
                body #content-area.login.forgot .content-right > div .top .forgot-password-form label {
                    display: none;
                }

    body #content-area.login.forgot .content-right > div .top .forgot-password-form .form-input,
    body #content-area.login.forgot .content-right > div .top .forgot-password-form button {
        width: 280px;
    }

        body #content-area.login.forgot .content-right > div .top .forgot-password-form .form-input::placeholder {
            color: #b4b4b4;
            text-indent: 16px;
        }

        body #content-area.login.forgot .content-right > div .top .forgot-password-form .form-input:-ms-input-placeholder {
            color: #b4b4b4;
            text-indent: 16px;
        }

        body #content-area.login.forgot .content-right > div .top .forgot-password-form .form-input::-ms-input-placeholder {
            color: #b4b4b4;
            text-indent: 16px;
        }

            body #content-area.login.forgot fieldset {
                clear: unset;
            }
    /* forgot form */
}

body .ico{display:inline;}body .ico-arrow-right{background:url('/Content/images/laptop-blue/ico-arrow-green.svg') center center no-repeat;padding:0 15px;}body .ico-twitter{background:url('/Content/images/laptop-blue/ico-twitter-blue.svg') center center no-repeat;padding:0 10px 0 10px;}body .gg-btn{display:inline-block !important;padding:0 16px !important;margin-bottom:0 !important;text-align:center !important;vertical-align:middle !important;cursor:pointer !important;-webkit-border-radius:4px !important;-moz-border-radius:4px !important;border-radius:4px !important;zoom:1 !important;font-family:'Conv_ProximaNova-Regular' !important;}body .gg-btn.gg-dropdown-toggle{padding-right:12px !important;}body .gg-btn span{font-family:'Conv_ProximaNova-Regular' !important;}body .gg-btn-large{line-height:53px !important;font-size:22px !important;font-weight:bold !important;}body .gg-btn-medium{line-height:42px !important;font-size:17px !important;font-weight:600 !important;}body .gg-btn-small{line-height:32px !important;font-size:15px !important;font-weight:600 !important;}body .gg-btn-green{color:#fff !important;background-color:#88c744 !important;border:1px solid #88c744 !important;}body .gg-btn-green:hover{background-color:#8ccd46 !important;}body .gg-btn-green:active,body .gg-btn-green.active{background-color:#82be40 !important;}body .gg-btn-green.disabled,body .gg-btn-green[disabled]{opacity:.6 !important;background-color:#88c744 !important;cursor:default !important;}body .gg-btn-green-invert{color:#88c744 !important;background-color:transparent !important;border:1px solid #88c744 !important;}body .gg-btn-green-invert .gg-caret{border-top-color:#88c744 !important;}body .gg-btn-green-invert:hover,body .gg-btn-green-invert:active,body .gg-btn-green-invert.active{color:#fff !important;}body .gg-btn-green-invert:hover{background-color:#8ccd46 !important;}body .gg-btn-green-invert:hover .ico-arrow-right{background:url('/Content/images/laptop-blue/ico-arrow-white.svg') center center no-repeat !important;}body .gg-btn-green-invert:active,body .gg-btn-green-invert.active{background-color:#82be40 !important;-webkit-box-shadow:inset 0 0 14px 3px #82be40 !important;-moz-box-shadow:inset 0 0 14px 3px #82be40 !important;-ms-box-shadow:inset 0 0 14px 3px #82be40 !important;box-shadow:inset 0 0 14px 3px #82be40 !important;}body .gg-btn-green-invert:active .ico-arrow-right,body .gg-btn-green-invert.active .ico-arrow-right{background:url('/Content/images/laptop-blue/ico-arrow-white.svg') center center no-repeat !important;}body .gg-btn-green-invert.disabled,body .gg-btn-green-invert[disabled]{opacity:.6 !important;background-color:transparent !important;color:#88c744 !important;cursor:default !important;}body .gg-btn-gray{color:#b4b4b4 !important;background-color:transparent !important;border:1px solid #b4b4b4 !important;}body .gg-btn-gray span{color:#b4b4b4 !important;}body .gg-btn-gray:hover{color:#c3c3c3 !important;border-color:#c3c3c3 !important;}body .gg-btn-gray:active,body .gg-btn-gray.active{color:#aaa !important;border-color:#aaa !important;-webkit-box-shadow:inset 0 0 14px 3px transparent !important;-moz-box-shadow:inset 0 0 14px 3px transparent !important;-ms-box-shadow:inset 0 0 14px 3px transparent !important;box-shadow:inset 0 0 14px 3px transparent !important;}body .gg-btn-gray.disabled,body .gg-btn-gray[disabled]{opacity:.6 !important;border-color:#b4b4b4 !important;color:#b4b4b4 !important;cursor:default !important;}body .gg-btn-danger{color:#fff !important;background-color:#d33b3e !important;border:1px solid #d33b3e !important;}body .gg-btn-danger:hover{background-color:#da3e41 !important;}body .gg-btn-danger:active,body .gg-btn-danger.active{background-color:#c9373a !important;-webkit-box-shadow:inset 0 0 14px 3px #c9373a !important;-moz-box-shadow:inset 0 0 14px 3px #c9373a !important;-ms-box-shadow:inset 0 0 14px 3px #c9373a !important;box-shadow:inset 0 0 14px 3px #c9373a !important;}body .gg-btn-danger.disabled,body .gg-btn-danger[disabled]{opacity:.6 !important;background-color:#d33b3e !important;cursor:default !important;}body .gg-btn-group-separate{position:relative !important;*margin-left:.3em !important;white-space:nowrap !important;vertical-align:middle !important;}body .gg-btn-group-separate+.gg-btn-group-separate{margin-left:10px !important;}body .gg-btn-group-separate>.gg-btn{position:relative !important;}body .gg-btn-group-separate>.gg-btn+.gg-btn{margin-left:5px !important;}body .gg-btn-group-separate>.gg-btn:first-child{margin-left:0 !important;}body .gg-btn-group{position:relative !important;*margin-left:.3em !important;font-size:0 !important;white-space:nowrap !important;vertical-align:middle !important;}body .gg-btn-group:first-child{*margin-left:0 !important;}body .gg-btn-group>.gg-btn:last-child,body .gg-btn-group>.gg-dropdown-toggle{-webkit-border-top-right-radius:4px !important;border-top-right-radius:4px !important;-webkit-border-bottom-right-radius:4px !important;border-bottom-right-radius:4px !important;-moz-border-radius-topright:4px !important;-moz-border-radius-bottomright:4px !important;}body .gg-btn-group>.gg-btn:first-child{margin-left:0 !important;-webkit-border-bottom-left-radius:4px !important;border-bottom-left-radius:4px !important;-webkit-border-top-left-radius:4px !important;border-top-left-radius:4px !important;-moz-border-radius-bottomleft:4px !important;-moz-border-radius-topleft:4px !important;}body .gg-btn-group+.gg-btn-group{margin-left:5px !important;}body .gg-btn-group>.gg-btn{position:relative !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;padding:0 5px !important;}body .gg-btn-group>.gg-btn+.gg-dropdown-toggle{*padding-top:5px !important;padding-right:8px !important;*padding-bottom:5px !important;padding-left:8px !important;}body .gg-btn-group>.gg-btn+.gg-btn{margin-left:-1px !important;}body .gg-caret{display:inline-block !important;width:0 !important;height:0 !important;vertical-align:top !important;border-top:5px solid #fff !important;border-right:5px solid transparent !important;border-left:5px solid transparent !important;content:"" !important;}body .gg-btn .gg-caret{margin-top:18px !important;margin-left:18px !important;}body .gg-dropdown .gg-caret{margin-top:8px !important;margin-left:2px !important;}body .gg-dropdown-menu{position:absolute !important;top:calc(125%) !important;left:0 !important;z-index:1000 !important;display:none !important;float:left !important;min-width:160px !important;margin:2px 0 0 !important;list-style:none !important;background-color:#2c2c2c !important;border-radius:4px !important;font-size:17px !important;}body .gg-dropdown-menu:before{content:'' !important;display:block !important;position:absolute !important;top:-24px !important;left:27px !important;border:12px solid transparent !important;border-bottom-color:#2c2c2c !important;}body .gg-dropdown-menu li{padding:0 !important;}body .gg-dropdown-menu li a{color:inherit !important;padding:11px 10px 11px 15px !important;display:block !important;width:100% !important;height:100% !important;}body .gg-dropdown-menu li:hover{color:#8ccd46 !important;cursor:pointer !important;}body .gg-dropdown-toggle.show-menu+.gg-dropdown-menu{display:inline-block !important;}body .gg-btn-round{padding:0 !important;opacity:.5 !important;}body .gg-btn-round:hover{opacity:.75 !important;}body .gg-btn-round:active,body .gg-btn-round.active{opacity:1 !important;}body .gg-btn-round.disabled,body .gg-btn-round[disabled]{opacity:.25 !important;cursor:default !important;}body .gg-btn-prev{background:url('/Content/images/svg/Button/ico-previous-on.svg') 0 0 no-repeat !important;background-size:36px !important;width:36px !important;height:36px !important;}body .gg-btn-next{background:url('/Content/images/svg/Button/ico-next-on.svg') 0 0 no-repeat !important;background-size:36px !important;width:36px !important;height:36px !important;}body .gg-btn-close{background:url('/Content/images/ico-close-window.svg') 0 0 no-repeat !important;background-size:36px !important;width:36px !important;height:36px !important;}
@media(max-width:1000px){#menuToggle [type="checkbox"]{display:inline-block !important;}.navigation-menu>li.empty-space-bellow-menu{display:inline-block;}.close-menu-btn{display:inline-block;}.main{padding:0 !important;}.main.gg{top:79px;margin-bottom:90px;}html .pageWrap .wrapper#wrapper{min-width:100%;}body .ui-dialog{min-width:100%;}.footer{display:none;}.auth-footer{margin:0 !important;position:absolute;bottom:0;}.auth-footer .copyright{padding-bottom:10px;width:100%;color:#b4b4b4 !important;}.auth-footer a{color:#b4b4b4 !important;}.header-nav{height:60px;}#menuToggle{display:inline-block;position:relative;top:23px;left:23px;z-index:2;-webkit-user-select:none;user-select:none;cursor:pointer;}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(1px,5px);background:#fff;width:15px;}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2);}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(1px,-3px);}#menuToggle input:checked~ul{transform:none;}#menuToggle>span{display:block;width:20px;height:2px;margin-bottom:5px;position:relative;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;}#menuToggle>span:first-child{transform-origin:0% 0%;}#menuToggle>span:nth-last-child(2){transform-origin:0% 100%;}.navigation-menu{position:absolute;width:300px;margin:-115px 0 0 -50px;padding:0;padding-top:130px;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1);display:inline-table;padding-left:19px;}.navigation-menu li{padding:10px 0;font-size:22px;display:block;width:100%;text-align:left;height:36px;}.navigation-menu li.empty-space-bellow-menu{height:1000px;display:block;}.navigation-menu li .ico-subject{margin-right:4px;}.navigation-menu li a{text-align:left;padding:0 19px !important;font-size:16px;}.navigation-menu li a span{vertical-align:super;display:inline-block;}.navigation-menu li a i,.navigation-menu li .ico-subject{display:inline-block !important;min-width:38px !important;background-size:26px !important;vertical-align:middle;}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:none;background-color:rgba(50,50,50,.78);}#mainMenu{top:60px;width:100%;position:fixed;left:0;-ms-border-top-right-radius:0;border-top-right-radius:0;-ms-border-top-left-radius:0;border-top-left-radius:0;}#mainMenu .ava{border-top:1px solid #666;border-bottom:1px solid #666;border-radius:0;}.profile-img ul li:not(:first-child){border-top:0;}.profile-img:after,.profile-img ul:before{display:none;}.profile-img.show-menu ul{box-shadow:none;}.close-menu-btn{display:inline-block !important;background-image:url(/Content/images/mobile/dropdown-close.svg);background-repeat:no-repeat;background-position:center;display:block;position:absolute;width:20px;height:20px;top:12px;right:19px;}#mainMenu .ava img{width:50px;height:50px;}.title{padding:0 20px !important;}.title span{display:inline-block;padding-left:16px;}}@media(max-width:580px){.popupAddUsers,.popup-window .rowNewUsers div:not(.numRow){width:72% !important;}.popupAddUsers input,.popup-window .rowNewUsers div:not(.numRow) input{width:100%;margin-bottom:3px;}.title{font-size:24px !important;}.hide-mobile{display:none !important;}.auth-footer .footer a{text-align:left;width:45%;}.auth-footer .copyright{text-align:left;margin:0 20px;}}@media(max-width:1000px){.levels-screen .title span{padding-left:0;}.levels-screen .progressBar{margin:10px 20px;margin-bottom:0;}.levels-screen ul.listLevels li{width:calc(50% - 2px);display:inline-block;margin-bottom:4px;}.levels-screen ul.listLevels li a{margin:0 !important;border-radius:0;}.levels-screen ul.listLevels li a.active .current,.levels-screen ul.listLevels li span.lock,.levels-screen ul.listLevels li a .modCheck{top:19px;}}.red-dot{top:5px;margin-left:19px;}@media(max-width:1000px){.activity-feed-page .btn-group{width:95%;}.activity-feed-page .btn-group .btn-wide span{padding:0 0;}.activity-feed-page .contentFull{width:100% !important;}.activity-feed-page .contentFull .feed-row{padding:15px 10px;height:auto;}.activity-feed-page .contentFull .feed-row .feed-description .feed-name{display:block;width:calc(100% - 202px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.activity-feed-page .contentFull .mobile-feed-action.hidden-lg.hidden-md{margin-left:73px;font-size:15px;color:#b4b4b4;}}@media(max-width:515px){.activity-feed-page .empty-page .btn-group .btn-wide span{font-size:15px;}}@media(max-width:820px){.statistics-teacher-page .title{padding:0 !important;}}@media(max-width:662px){.statistics-teacher-page .chooseLevel #users{width:100% !important;display:block;float:initial;}.statistics-teacher-page .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default{display:block;margin-bottom:10px !important;float:initial !important;margin-right:0;}.statistics-teacher-page #switch-view.viewTabs{width:100%;border:1px solid transparent !important;}.statistics-teacher-page #switch-view.viewTabs .tabLeft,.statistics-teacher-page #switch-view.viewTabs .tabRight{width:50% !important;}.statistics-teacher-page #switch-view.viewTabs .tabLeft.active,.statistics-teacher-page #switch-view.viewTabs .tabRight.active{background:#88c744;}}@media(max-width:1000px){.teacher-modules-screen{padding:20px 0 0 !important;}.teacher-modules-screen .title.levels .welcome-title{display:block;}.teacher-modules-screen .title.levels .welcome-title .welcome-header{display:none;}.teacher-modules-screen .title.levels .welcome-title .welcome-header-mobile{display:block;font-size:22px;}.teacher-modules-screen .title.levels .title-header-description{text-align:unset;padding:0;color:#b4b4b4;}.teacher-modules-screen .title.levels .title-header-description b{font-weight:500;}.teacher-modules-screen .accordion.tableView a:active .li-block .modCheck,.teacher-modules-screen .accordion.tableView a:hover .li-block .modCheck,.teacher-modules-screen .accordion.tableView a:active .li-block .current,.teacher-modules-screen .accordion.tableView a:hover .li-block .current{background-size:16px;}.teacher-modules-screen .accordion.tableView .baseOrange:active .li-block .modCheck,.teacher-modules-screen .accordion.tableView .baseOrange:hover .li-block .modCheck{background-position:0 -13px;}.teacher-modules-screen .accordion.tableView .baseBlue:active .li-block .current,.teacher-modules-screen .accordion.tableView .baseBlue:hover .li-block .current{background-position:3px -26px;}.teacher-modules-screen .title div.title-description{padding-bottom:15px;font-size:13px;padding-top:0;}.teacher-modules-screen .title.levels{padding:0 22px !important;}.teacher-modules-screen .title.levels .chooseLevel{width:100% !important;padding-bottom:15px;}.teacher-modules-screen .title.levels .chooseLevel label{font-size:24px !important;float:left;display:inline-block;width:auto;}.teacher-modules-screen .title.levels .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default{float:left;width:145px !important;border-radius:4px;}.teacher-modules-screen .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default{margin-right:0;}.teacher-modules-screen .accordion.tableView.listOfModules li:last-child{margin-bottom:0;}.teacher-modules-screen .accordion.tableView.listOfModules li{box-sizing:border-box;margin-bottom:3px;height:70px;border-radius:0;}.teacher-modules-screen .accordion.tableView.listOfModules li a{display:inline-block;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:0;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block{box-shadow:none !important;padding:0;height:100%;border-radius:0;margin-bottom:0 !important;border:0;position:relative;min-width:0;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block::before{background:transparent;height:41px;margin:10px 10px 12px 15px;font-size:20px;width:22px;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .persent{margin-right:0;border-bottom-right-radius:0;min-width:68px;height:100%;padding:0;line-height:68px;padding-left:5px;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .ttrs-course-stars-container>div.module-list-empty-check:not(:first-child),.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .ttrs-course-stars-container>div.module-list-orange-check:not(:first-child),.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .ttrs-course-stars-container>div.module-list-green-check:not(:first-child),.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .ttrs-course-stars-container>div.module-list-blue-arrow:not(:first-child){display:none;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .nameModule-mobile{position:absolute;top:40px;left:15px;font-family:Conv_ProximaNova-Regular;font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;white-space:nowrap;width:225px;height:20px;overflow:hidden;text-overflow:ellipsis;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .nameModule{padding:0 20px;font-family:ProximaNova;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#f0f0f0;height:42px;position:relative;width:30px;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column{right:80px;width:100%;position:absolute;top:-17px;height:100%;padding-top:0;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .persent{float:initial;position:absolute;top:24px;right:-63px;font-size:25px;color:#fff;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .modVoice{right:15px !important;position:absolute !important;top:13px !important;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .modT{right:54px !important;position:absolute !important;top:13px !important;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .modCheck{height:13px;}.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .modCheck,.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .current,.teacher-modules-screen .accordion.tableView.listOfModules li a .li-block .right-column .lock{left:55px;position:absolute;top:11px;}}@media(max-width:500px){.teacher-modules-screen .title.levels .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default{float:right;}}@media(max-width:1000px){.subject-screen .title.levels{padding:0 10px !important;}.subject-screen .title.levels .chooseLevel{width:100% !important;}.subject-screen .title.levels .chooseLevel label{width:100%;display:block;margin-bottom:15px;font-size:24px !important;}.subject-screen .title.levels .chooseLevel span.ui-selectmenu-button.ui-widget.ui-state-default{display:block;margin-bottom:10px !important;float:initial !important;margin-right:0;width:100%;}.subject-screen .subjects .text{font-size:16px;}.subject-screen .subjects a{display:inline-block;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:0 !important;border-radius:0 !important;margin-bottom:2px;}}@media(max-width:500px){.subject-screen{padding:0 !important;}}.chat-container .chat-left-part{display:flex;}@media(min-width:1000px){#menuToggle [type="checkbox"]{display:none !important;}.navigation-menu>li.empty-space-bellow-menu{display:none;}.close-menu-btn{display:none;}}@media(max-width:1000px){body.dark-theme .persent{border-left:3px solid #5a5a5a;}body.light-theme .persent{border-left:3px solid #f3f3f6;}body.dark-theme .navigation-menu{background:#222;}body.dark-theme .navigation-menu li{background-color:#323232;}body.light-theme .navigation-menu{background:#f3f3f6;}body.light-theme .navigation-menu li{background-color:#fff;}body.dark-theme #menuToggle>span{background:#f0f0f0;}body.light-theme #menuToggle>span{background:#464655;}}
.student-registration-header {
    font-family: Conv_ProximaNova-Regular;
    font-size: 22px;
    font-weight: bold;
    color: #f0f0f0;
    margin-bottom: 30px;
}

.validation-error-text-area {
    margin-bottom: 45px;
}

.student-registration-body > input:not(:first-child) {
    margin-top: 20px;
}




@font-face {
    font-family: 'Conv_CoreSansA55Medium';
    src: local('CoreSansA55Medium'), url(../../fonts/CoreSansA55Medium.eot) format('eot'), url(../../fonts/CoreSansA55Medium.ttf) format('truetype'), url(../../fonts/CoreSansA55Medium.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_CoreSansA45Regular';
    src: local('CoreSansA45Regular'), url(../../fonts/CoreSansA45Regular.eot) format('eot'), url(../../fonts/CoreSansA45Regular.ttf) format('truetype'), url(../../fonts/CoreSansA45Regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

.parent-wrapper {
    width: 100%;
    min-height: 100%;
    background-color: #383838;
    position: relative;
}
    .parent-wrapper > .laptop-background {
        background-image: url(/Content/images/laptop-blue/laptop-blue-black@3x.png);
        background-repeat: no-repeat;
        background-position: right;
        position: absolute;
        background-size: contain;
        height: 100%;
        width: 100%;
        z-index: 0;
    }
    .parent-wrapper > .content-parent {
        margin-left: 80px;
        padding-top: 75px;
        margin-bottom: 45px;
        z-index: 1;
        position: relative;
    }

    .parent-wrapper .description {
        max-width: 400px;
    }

        .parent-wrapper .description:first-child {
            margin-bottom: 35px;
        }

        .parent-wrapper .description :last-child {
            margin-top: 20px;
        }

        .parent-wrapper .description > h2 {
            font-family: Conv_CoreSansA55Medium;
            color: #f0f0f0;
            font-size: 22px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.5px;
        }

        .parent-wrapper .description > span {
            font-family: Conv_CoreSansA45Regular;
            font-size: 14px;
            line-height: 19px;
            color: #b4b4b4;
        }

    .parent-wrapper .inputs-group {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        margin-bottom: 28px;
    }

        .parent-wrapper .inputs-group.second-group {
            margin-top: -5px;
        }
        .parent-wrapper .inputs-group.student-signIn {
            margin-bottom: 0;
        }

        .parent-wrapper .block {
            display: flex;
            flex-direction: column;
            width: 220px;
            margin-right: 15px;
        }

    .parent-wrapper input.parent, select.parent {
        margin-right: 10px;
        box-sizing: border-box;
    }

    .parent-wrapper .btn-submit {
        margin-top: 20px;
    }
        .parent-wrapper .btn-submit button {
            width: 220px;
        }
        .parent-wrapper label {
            position: absolute;
            top: 26px;
            color: #f1ea82;
        }

    .parent-wrapper .ui-selectmenu-menu.ui-front.ui-selectmenu-open, #parent-countries-menu {
        width: 200px;
    }

    .parent-wrapper .ui-menu-item {
        font-size: 15px;
        line-height: 30px;
    }

    .parent-wrapper .server-error > .error {
        color: #f1ea82;
        font-size: 16px;
    }

    .parent-wrapper .server-error > .success {
        color: #88c744;
        font-size: 16px;
    }

    .parent-wrapper .form-input.parent.error {
        border: 0.01px solid #f1ea82;
    }

    .parent-wrapper .server-error {
        margin-left: 5px;
    }

#parent-countries-menu li.ui-menu-item {
    line-height: 26px;
    font-size: 14px;
    text-indent: 0;
    padding: 3px 15px;
}

.parent-wrapper .content-wrapper {
    margin-left: 80px;
    height: calc(100vh - 400px);
    min-height: 520px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1 0 auto;
    padding-bottom: 100px;
    z-index: 1;
    position: relative;
}

.parent-wrapper .bottom {
    position: relative;
    bottom: 0;
    margin-left: 80px;
    color: #b4b4b4;
    flex: 0 0 auto;
}

    .parent-wrapper .bottom.parent-footer {
        max-width: 500px;
        display: flex;
        padding-bottom: 22px;
    }

    .parent-wrapper .bottom ul li {
        list-style: none;
        float: left;
        font-size: 13px;
        line-height: 1.33;
        width: auto;
    }

        .parent-wrapper .bottom ul li a {
            color: #b4b4b4;
        }

.parent-wrapper .login-footer-text {
    max-width: 385px;
}
/* mobile */
@media(max-width: 560px) {
    .parent-wrapper {
        background-image: none;
    }
        .parent-wrapper > .laptop-background {
            display: none;
        }
        .parent-wrapper .logo.content-parent {
            margin-left: 20px;
            padding-top: 20px;
            padding-bottom: 50px;
        }
            .parent-wrapper .logo.content-parent img {
                width: 150px;
            }

        .parent-wrapper .content-wrapper {
            margin-left: 20px;
        }
        .parent-wrapper .description {
            margin-right: 20px;
        }
        .parent-wrapper .description > h2 {
            padding-bottom: 0;
            margin-bottom: 15px;
        }

        .parent-wrapper .inputs-group {
            display: block;
        }
            .parent-wrapper .inputs-group .block {
                width: auto;
                padding-bottom: 15px;
                margin-right: 20px;
            }
            .parent-wrapper .inputs-group.second-group {
                margin-top: 0;
            }
        .parent-wrapper .login-form .form-input {
            margin-bottom: 0;
        }
        .parent-wrapper .btn-submit button {
            width: calc(100% - 20px);
        }
        .parent-wrapper .content-wrapper {
            padding-bottom: 40px;
            height: auto;
        }
        .parent-wrapper .bottom.parent-footer {
            padding-top: 20px;
            margin: 0 20px;
        }
            .parent-wrapper .bottom.parent-footer .login-footer-text {
                max-width: 500px;
            }
            .parent-wrapper .login-footer-text ul li {
                width: 50%;
                margin-bottom: 10px;
            }
        .parent-wrapper .login-footer-text > div:first-child {
            margin-bottom: 15px;
        }

        .parent-wrapper .inputs-group .block label {
            position: relative;
            top: 7px;
            line-height: 24px;
            color: #f1ea82;
        }
        .parent-wrapper .server-error {
            margin-right: 20px;
        }
            .parent-wrapper .server-error > span {
                line-height: 24px;
            }
}
body.light-theme{background:#f3f3f6;}body.light-theme .profile-img ul:before,body.light-theme #NotificationView .menu:before{border-bottom-color:#fff;}body.light-theme .header-nav,body.light-theme .feed-row,body.light-theme .menu,body.light-theme .profile-img ul{background:#fff;}body.light-theme .teachers-screen .viewTabs#switch-status a:not(:last-child),body.light-theme .subject-screen #switch-view-subjects a:not(:last-child),body.light-theme #switch-view-st>a:not(:last-child){border-right:1px solid #f3f3f6;}body.light-theme .trial-subscription-wrapper .slider-tick-label:not(:first-child):not(:last-child):after{background-color:#f3f3f6;}body.light-theme .footer{background-color:#fff;}body.light-theme .accordion.listOfModules li{background-color:#fff;}body.light-theme .class-code-caption{color:#7b7b8f;}body.light-theme table.newGG tr:nth-child(odd),body.light-theme .free-writing .block .item-content,body.light-theme .flat-block>ul>li,body.light-theme .subject-card,body.light-theme .image-editor-modal,body.light-theme .teachers-screen .teacher-card,body.light-theme .users-students-screen #studentsView .flat-block>ul>li,body.light-theme ul.listLevels li a,body.light-theme ul.listLevels li a:visited,body.light-theme .main-item-color{background-color:#fff;}body.light-theme .userClasses li,body.light-theme .users-students-screen #studentsView .flat-block>ul>li,body.light-theme .statistics-teacher-page .class-stats .tdName .user-name-line,body.light-theme .writing-text,body.light-theme .my-msg-time,body.light-theme .comment-name-and-date,body.light-theme .navigation-menu>li a,body.light-theme .userName span,body.light-theme .userTitle .score .tr,body.light-theme .userTitle .last-active,body.light-theme .flat-block .userUpgrade,body.light-theme .feed-action,body.light-theme .student-chat-time-ago,body.light-theme #mainMenu .ava span,body.light-theme .created-by span,body.light-theme .subject-card-modules-info,body.light-theme .level-progress,body.light-theme .available-voices-text,body.light-theme .gray-text,body.light-theme .tips-body,body.light-theme .teachers-screen .teacher-info-wrapper .info-last-activity,body.light-theme .teachers-screen .teachers-subtitle,body.light-theme .pending-teachers-wrapper .teacher-info-wrapper .info-name,body.light-theme .teachers-invite .popupInvite #user-linew-area .title,body.light-theme .users-students-screen #studentsView .flat-block .add-new .className a,body.light-theme .users-students-screen .empty-students-field,body.light-theme div.desc,body.light-theme .third-text-color{color:#7b7b8f;}body.light-theme .grey{color:#7b7b8f !important;}body.light-theme .userClasses li,body.light-theme #feeds-container .wrapGraph{background:#fff;}body.light-theme .popupImportUsers input.file,body.light-theme span.ui-selectmenu-button.ui-widget.ui-state-default{background:#e9e9ee !important;}body.light-theme span.ui-selectmenu-button.ui-widget.ui-state-default{color:#464655 !important;}body.light-theme .spelt-words-item .words,body.light-theme .empty-statistics-text,body.light-theme .keyboard-result-wrapper .finish-level-popup .complete-level-message>div,body.light-theme .dialog .dialog-header .dialog-subtitle,body.light-theme .graph .scale li strong,body.light-theme .graph .line li strong,body.light-theme .grid th,body.light-theme .grid th.sort span.up,body.light-theme .grid th.sort a.up,body.light-theme .grid th.sort a.up:visited,body.light-theme .grid th.sort a.up:hover,body.light-theme .graphBot .legends,body.light-theme .graph-footer,body.light-theme .guest-chat-msg,body.light-theme ul.listLevels li a .nameLevel{color:#7b7b8f;}body.light-theme span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before{border-top-color:#acacba;}body.light-theme .statistics-teacher-page #date-range-picker-general,body.light-theme .statistics-teacher-page .ui-selectmenu-button{background:#e9e9ee !important;}body.light-theme .statistics-teacher-page #date-range-picker-general,body.light-theme .statistics-teacher-page .ui-selectmenu-button,body.light-theme .settingCaption,body.light-theme .setting-title,body.light-theme .containerSettingCont,body.light-theme .header-settings-title,body.light-theme .statistics-teacher-page .class-stats table.grid tbody tr td.tdProgress,body.light-theme .dialog,body.light-theme #result-scale-wrapper,body.light-theme .filter .search,body.light-theme #searchStudents,body.light-theme #modal-send-message h1,body.light-theme .contentUserStat,body.light-theme .overall_achievements_container,body.light-theme #mainCourseStatisticsContainer,body.light-theme #levelDetailsContainer,body.light-theme #levelAssessmentsContainer,body.light-theme #subjectsContainer,body.light-theme #subjectDetailsContainer,body.light-theme #badgesContainer,body.light-theme .student-dashboard-screen .score,body.light-theme .statistics-header,body.light-theme .dashboard-subheader,body.light-theme .select-all-checkbox-container>label,body.light-theme .subject-module-item,body.light-theme .image-header,body.light-theme .terms-text,body.light-theme .writing-title,body.light-theme .writing-feedback-text,body.light-theme .previous-comments .comment,body.light-theme .student-dashboard-screen .progress-label,body.light-theme #free-writing-container .free-writing,body.light-theme .free-writing .block .item-content .title,body.light-theme .second-text-color a,body.light-theme .fw-module-name,body.light-theme .accordion.listOfModules li a,body.light-theme .accordion.listOfModules li a:focus,body.light-theme .accordion.listOfModules li a:visited,body.light-theme h2.title,body.light-theme .ui-dialog .ui-dialog-titlebar,body.light-theme .popupModule .popup-module-descriptor,body.light-theme #choice-popup .popupCont,body.light-theme .popupAddUsers,body.light-theme .popup-window,body.light-theme .popupAddUsers h1,body.light-theme .popup-window h1,body.light-theme #choice-popup .popupCont h3,body.light-theme .userTitle,body.light-theme .grid .user-info a,body.light-theme .flat-block .bar-wrap,body.light-theme .profile-img ul li a,body.light-theme .menu li a,body.light-theme .popupImportUsers .grid td,body.light-theme .feed-name a,body.light-theme #statisticsContainer,body.light-theme .progress-label,body.light-theme .module-label,body.light-theme .latest-content,body.light-theme .subject-score-row,body.light-theme .title.subject-name-text,body.light-theme .subject-editor-dropdown-ndame,body.light-theme .subjects-title,body.light-theme .subject-card-main-info-name,body.light-theme .title-header-description,body.light-theme .line-text,body.light-theme .module-header,body.light-theme .module-header-small,body.light-theme .module-subheader,body.light-theme .module-subheader-small,body.light-theme #result-scale-wrapper .complete-module-message>div,body.light-theme .profile-wrapper .profile-general-info,body.light-theme .user-name,body.light-theme .statistics-teacher-page .student-container div.student-name,body.light-theme .statistics-teacher-page .class-stats table.grid tbody tr td.tdName,body.light-theme .teacher-info-wrapper .info-name,body.light-theme #modal-certificate-generate .certificate-type-title,body.light-theme #modal-certificate-generate .teacher-comment .teacher-comment-title,body.light-theme #modal-certificate-generate .check label,body.light-theme #modal-certificate-generate h1,body.light-theme .sharable-link-popup #register-link-input,body.light-theme .sharable-link-popup-header,body.light-theme #register-code-input,body.light-theme .sharable-code-popup-header,body.light-theme .register-code-input-header,body.light-theme ul.listLevels li,body.light-theme .have-certificate-modal,body.light-theme .register-link-send-popup label,body.light-theme .popupImportUsers input.file,body.light-theme .users-students-screen #studentsView .flat-block .student-stats>p>span{color:#464655;}body.light-theme ul.gg-dropdown-menu:before{border-bottom-color:#fff !important;}body.light-theme .gg-dropdown-menu>li{background-color:#fff !important;}body.light-theme .gg-dropdown-menu li:not(:last-child){border-bottom:1px solid #f0f0f0;}body.light-theme .ui-selectmenu-menu:before,body.light-theme ul.dropdown-menu:before{border-bottom-color:#fff;}body.light-theme ul.dropdown-menu,body.light-theme .statistics-teacher-page .student-container,body.light-theme .statistics-teacher-page .filtered-list,body.light-theme .statistics-teacher-page .filtered-list li{background:#fff;}body.light-theme .ui-selectmenu-menu .ui-widget-content{background:#fff !important;}body.light-theme .teachers-screen .teacher-actions-mobile .gg-dropdown-menu:before{border:27.7px solid #fff !important;}body.light-theme .teachers-screen .classes-list-menu{background-color:#fff;}body.light-theme ul.gg-dropdown-menu li:hover{background-color:#f7f7f8 !important;}body.light-theme ul.gg-dropdown-menu li a{color:#7b7b8f !important;}body.light-theme .ui-selectmenu-menu .ui-widget-content .ui-menu-item,body.light-theme ul.dropdown-menu li a,body.light-theme .ui-state-hover,body.light-theme .ui-widget-content .ui-state-hover,body.light-theme .ui-widget-header .ui-state-hover,body.light-theme .ui-state-focus,body.light-theme .ui-widget-content .ui-state-focus,body.light-theme .ui-widget-header .ui-state-focus{color:#7b7b8f;}body.light-theme .gg-dropdown-menu li:not(:last-child){border-bottom:1px solid #f0f0f0 !important;}body.light-theme ul.dropdown-menu li,body.light-theme ul.dropdown-menu li:hover{border:1px solid #f0f0f0;border-width:1px 0 0 0;}body.light-theme .ui-selectmenu-menu .ui-widget-content .ui-menu-item:hover,body.light-theme .ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus,body.light-theme .statistics-teacher-page .filtered-list li:hover{background:#f7f7f8 !important;}body.light-theme ul.gg-dropdown-menu,body.light-theme ul.dropdown-menu,body.light-theme .teachers-screen .classes-list-menu,body.light-theme .filtered-student-list{box-shadow:0 3px 10px 0 rgba(0,0,0,.1);}body.light-theme .ui-selectmenu-open{box-shadow:0 3px 10px 0 rgba(0,0,0,.1) !important;}body.light-theme .popupImportUsers .grid th{background-color:#fff !important;}body.light-theme table.newGG tr:nth-child(even){background-color:#ededf2;}body.light-theme .statistics-teacher-page .class-stats .grid tbody tr td{background:#ededf2;}body.light-theme .student-statistics-table-header{background-color:#fff;}body.light-theme .student-statistics-table-line{background-color:#fff;}body.light-theme .choose-level-square{background-color:#fff;color:#acacba;}body.light-theme .statistics-benchmark{color:#7b7b8f;}body.light-theme .main-course-overview-progress{background-color:#fff;}body.light-theme .statistics-teacher-page .class-stats .progress-percentage,body.light-theme .statistics-teacher-page table.grid tbody tr,body.light-theme .free-writing-comment-input,body.light-theme .student-statistics-table,body.light-theme table.newGG{color:#464655;}body.light-theme .grid tbody tr:nth-child(odd) td,body.light-theme .statistics-teacher-page .class-stats .grid tbody tr:nth-child(odd) td{background:#f7f7f9;}body.light-theme .profile-img ul li:not(:first-child),body.light-theme .menu li:not(:last-child){border-top:1px solid #fff;}body.light-theme #notification-list>li:not(:first-child){border-top:0;border-bottom:1px solid #fff;}body.light-theme #register-link-copy,body.light-theme #class-code-copy,body.light-theme #register-link-send-email,body.light-theme .grid th,body.light-theme .grid td{border-right:1px solid #fff;}body.light-theme .gg-progress{background-color:#fff;}body.light-theme .gg-colour-progress{background-color:#fff;}body.light-theme .level-progress span span{background:#e6e6eb;color:#afafbe;}body.light-theme .viewTabs{background-color:#e6e6eb;}body.light-theme .viewTabs a,body.light-theme .slim-group.users-amount div{color:#7b7b8f;}body.light-theme .viewTabs a.active,body.light-theme .slim-group.users-amount div.active{color:#fff;}body.light-theme .level-progress span span.level-bordered{background:transparent;}body.light-theme .free-writing-preview-popup,body.light-theme .free-writing-feedback-popup,body.light-theme #modal-send-message,body.light-theme #modal-certificate-generate,body.light-theme .sharable-link-popup,body.light-theme .sharable-code-popup,body.light-theme #results-licence-not-active,body.light-theme .swal2-popup{background-color:#f3f3f6;}body.light-theme .ui-widget-content{background:#f3f3f6 !important;}body.light-theme #results,body.light-theme #results-small,body.light-theme .dialog,body.light-theme .dialog .review-large-circle,body.light-theme .dialog .badge-result-large-circle,body.light-theme .dialog-sign,body.light-theme .dialog-sign-small,body.light-theme .popupImportUsers{background:#f3f3f6;}body.light-theme #modal-certificate-generate .certificate-container{border:3px solid #f3f3f6;}body.light-theme .writing-text,body.light-theme .writing-header,body.light-theme .writing-feedback-text,body.light-theme .teacher-comments-field,body.light-theme .free-writing-comment-input-area,body.light-theme .dialog .background-black,body.light-theme #result-scale-wrapper,body.light-theme .keyboard-result-wrapper .finish-level-popup .dialog-body{background-color:#fff;}body.light-theme .writing-header{color:#7d7d91;}body.light-theme #class-code-input{color:#7b7b8f;}body.light-theme .popupContent .popupModuleContent{background:#fff;}body.light-theme .form-input,body.light-theme .slim-control input.form-input,body.light-theme .filter .search,body.light-theme .profile-wrapper .form-input{background:#e9e9ee;}body.light-theme .form-input,body.light-theme .slim-control input.form-input,body.light-theme .profile-wrapper .form-input,body.light-theme #popupAddUsers .popupAddUsers .rowNewUsers .form-input{color:#464655 !important;}body.light-theme .chat-container .chat-controls,body.light-theme #searchStudents,body.light-theme .moduleContent,body.light-theme #modal-send-message #send-message-to-all-text-box,body.light-theme .teachers-screen .filter.teachers .searchTeachers input,body.light-theme .register-link-textbox,body.light-theme .register-code-textbox,body.light-theme .class-code-textbox{background-color:#e9e9ee;}body.light-theme .register-code-input-header{color:#7b7b8f;}body.light-theme .sharable-code-popup-text,body.light-theme .teacher-info-container .teacher-name{color:#464655;}body.light-theme .custom-checkbox-container{background-color:#dcdce6;}body.light-theme .check input[type="checkbox"]:checked+label:before,body.light-theme input:checked~.custom-checkbox-checkmark:after{border-color:#464655;}body.light-theme .check-user-menu input[type="checkbox"]:checked+label:before,body.light-theme input:checked~.custom-checkbox-checkmark:after{border-color:#464655;}body.light-theme .dark-module-background,body.light-theme .light-module-background,body.light-theme .module-edit-form .moduleContent,body.light-theme .swal2-popup .form-input,body.light-theme .ui-dialog .form-input{background-color:#fff;}body.light-theme #modal-send-message #send-message-to-all-text-box,body.light-theme .chat-container .chat-message-textbox{color:#464655;}body.light-theme .form-input:focus,body.light-theme .slim-control input.form-input:focus{background:#e6e6eb;}body.light-theme .swal2-popup .form-input:focus,body.light-theme .ui-dialog .form-input:focus{background:#e6e6eb;}body.light-theme .cr-slider::-webkit-slider-thumb,body.light-theme .cr-slider::-ms-thumb,body.light-theme .cr-slider::-moz-range-thumb{background:#f5f5f8;border:6px solid #acacba;}body.light-theme .cr-slider::-moz-range-track,body.light-theme .cr-slider::-webkit-slider-runnable-track{background:#dcdce6;}body.light-theme .check label:after{background:#dcdce6;}body.light-theme .radio label:after{background:#dcdce6;border:1px solid transparent;}body.light-theme .radio input[type="radio"]:checked+label:before{background:#464655;}body.light-theme .student-list{background-color:#fff;}body.light-theme .student-container.selected{background-color:#ededf2;}body.light-theme .student-container,body.light-theme .searhStudentsContainer{border-bottom:1px solid #ececec;}body.light-theme .my-chat-msg{background-color:#088cca;}body.light-theme .guest-chat-msg{background-color:#e6e6eb;}body.light-theme .arrow-left{border-right:10px solid #e6e6eb;}body.light-theme .arrow-right{border-left:10px solid #088cca;}body.light-theme .trophy.small span.number.number-black{color:rgba(50,50,50,.4);}body.light-theme .contentUserStat{background:#ededf2;}body.light-theme .level-progress span span.current:after{border-bottom-color:#ededf2;}body.light-theme .empty-text-color,body.light-theme div.desc h1,body.light-theme div.desc h2,body.light-theme .profile-wrapper label{color:#464655;}body.light-theme .user-stat-screen tr th{background:#fff !important;}body.light-theme .user-stat-screen tr th a{color:#7b7b8f !important;}body.light-theme .fw-gg-progress{background-color:#fff;}body.light-theme .progress-bar{background-color:#fff;}body.light-theme .progressBar{background:#e6e6eb;}body.light-theme .popupOptions .F1,body.light-theme .popupOptions .F2,body.light-theme .popupOptions .F4{background:#acacba;}body.light-theme .subject-module-item{background-color:#fff;}body.light-theme .dialog .correct-word{color:#7d7d91;}body.light-theme .subject-module-date{color:#7d7d91;}body.light-theme .createModuleSidebar{background-color:#ededf2;}body.light-theme .image-editor-choosing-file{background-color:#ededf2;}body.light-theme .instructions-content{color:#7b7b8f;}body.light-theme h1.title,body.light-theme .className,body.light-theme .popupContent p,body.light-theme div.title,body.light-theme .container.chat-container,body.light-theme .free-writing-header,body.light-theme .users-count-switch .slider-tick-label,body.light-theme .main-text-color{color:#464655;}body.light-theme .listStudents li .fL a,body.light-theme .add-user-from-spredsheet-heder-link,body.light-theme .ui-widget-content{color:#464655 !important;}body.light-theme .second-text-color a:hover,body.light-theme .second-text-color,body.light-theme .tableSettings th,body.light-theme .modal-wrapper .modal-title{color:#464655 !important;}body.light-theme .leave-feedback,body.light-theme .ui-dialog-content .print,body.light-theme #result-scale-wrapper .complete-module-message a,body.light-theme .blue-color,body.light-theme #add-new-lineб #popupAddUsers .popupAddUsers #add-new-line,body.light-theme .users-students-screen #studentsView .flat-block .login-as,body.light-theme #add-new-line,body.light-theme .keyboard-result-wrapper .finish-level-popup .complete-level-message a{color:#088cca;}body.light-theme .archived-student,body.light-theme .archived-student .user-info a,body.light-theme .archived-student .userName span{color:#afafbe;}body.light-theme .archived-student .excellent,body.light-theme .archived-student .good,body.light-theme .archived-student .done,body.light-theme .archived-student .attention{background-color:#afafbe !important;}body.light-theme .archived-icon{background-color:#afafbe;}body.light-theme .feedback-given{color:#afafbe;}body.light-theme .blue-text-color-important{color:#088cca !important;}body.light-theme .free-writing .block .item-content .period,body.light-theme .accordion.listOfModules li .li-block .right-column .date,body.light-theme #modal-certificate-generate p,body.light-theme .blurred-text-color{color:#afafbe;}body.light-theme .userTitle span.total{color:#7b7b8f;}body.light-theme .teacher-info-wrapper .classes-list-menu span,body.light-theme #teacher-compact .classes-list-menu span{color:#7d7d91;}body.light-theme .graph .scale li span{color:#7b7b8f;}body.light-theme .pager.newPager,body.light-theme .pager li a{background-color:#e6e6eb;}body.light-theme .pager.newPager li a,body.light-theme .pager.newPager li a:visited{border-right:1px solid #fff;color:#7b7b8f;}body.light-theme .share-subject-popup .list-of-items{border-top:1px solid #fff;border-bottom:1px solid #fff;}body.light-theme .blockPreview{border:14px solid #fff;}body.light-theme .billing-trial-tabs.viewTabs>a:not(:last-child){border-right:#f3f3f6 solid 1px;}body.light-theme #class-code-copy{border-color:#fff;}body.light-theme .footer-clickable-item:hover{color:#464655;}body.light-theme .chart hr{border-width:1px 0 0 0;}body.light-theme .listLevels li.levelList.locked{opacity:.6;}body.light-theme .listLevels li.levelList.locked span{color:#afafbe !important;}body.light-theme .accordion.listOfModules li.locked .persent{color:#afafbe !important;}body.light-theme .accordion.listOfModules li.locked a,body.light-theme .accordion.listOfModules li.locked a:hover,body.light-theme .accordion.listOfModules li.locked a:visited{color:#afafbe !important;}body.light-theme .validation-summary-errors,body.light-theme .field-validation-error,body.light-theme .text-error,body.light-theme .register-email-error-message p{color:#d33b3e;}body.light-theme .form-input.input-validation-error,body.light-theme input.error{border:1px solid #d33b3e;}body.light-theme .pager li a{color:#7b7b8f;border-right:1px solid #f3f3f6;}body.light-theme .users-students-screen #studentsView .add-new>a{border:2px solid #b1b1bd;}body.light-theme .users-students-screen #studentsView .flat-block .add-new .plus{display:inline-block;background:linear-gradient(#b1b1bd,#b1b1bd),linear-gradient(#b1b1bd,#b1b1bd);background-position:center;background-size:30% 2px,2px 30%;background-repeat:no-repeat;}body.light-theme #dialog-choose-plan .plans-container>.row:hover,body.light-theme #dialog-choose-plan .plans-container>.row.active-plan,body.light-theme #dialog-manage-payment .container>.row:hover,body.light-theme #dialog-manage-payment .container>.row.active,body.light-theme .test_container .grid .test-row:hover{background-color:#fafafb;}body.light-theme #dialog-manage-payment .title{border-bottom:2px solid #fafafb;}body.light-theme #dialog-manage-payment .container>.row{border-bottom:2px solid #fafafb;}body.light-theme .onoffswitch-inner:after{background-color:#dcdce6;}body.light-theme .onoffswitch-label{border:1px solid #dcdce6;}body.light-theme .dark-input-background{background:#3a3a3a;color:#fff !important;}body.light-theme .dark-input-background:focus{background:#363636;}body.light-theme .doesnt-have-certificate-modal{color:#464655;}body.light-theme #modal-certificate-generate .no-email-field #email-certificate-input{color:#464655;background-color:#e9e9ee;}body.light-theme .no-email-field{color:#464655;}body.light-theme #email-certificate-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #e9e9ee inset;-webkit-text-fill-color:#464655 !important;}body.light-theme #modal-certificate-generate .teacher-comment .comment-teacher-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #e9e9ee inset;-webkit-text-fill-color:#464655 !important;}body.light-theme #modal-certificate-generate .no-email-field>div .error{color:#d33b3e;}body.light-theme #modal-certificate-generate .no-email-field #email-certificate-input.field-error-validation{border:1px solid #d33b3e;}body.light-theme #remember-repeat-btn{height:100%;}body.light-theme #remember-repeat-btn a{background:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;cursor:pointer;background-size:32px;float:left;width:32px;margin-top:14px;height:calc(86%);position:relative;}body.light-theme #remember-repeat-btn a:hover{background-color:#c3c3c3;-webkit-mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;}body.light-theme #remember-repeat-btn a:active{background-color:#aaa;-webkit-mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;}body.light-theme #remember-repeat-btn a:disabled{opacity:.5;}body.light-theme #remember-repeat-btn a span{left:-188px !important;}body.light-theme #wpm-title,body.light-theme #progress-title,body.light-theme #score-title{color:#fff;}body.light-theme .init-print-lvl{width:36px;height:36px;float:right;cursor:pointer;margin:5px 20px 0 0;}body.light-theme .comments-popup-header{margin:0 auto 29px auto;font-size:22px;font-weight:bold;}body.light-theme .free-writing .filter .ui-selectmenu-button.ui-widget.ui-state-default,body.light-theme .free-writing .filter span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before{color:#464655 !important;border-top-color:#464655 !important;}body.light-theme #loading-text{width:77px;height:24px;margin:16px 158px 25px 89px;font-family:ProximaNova;font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:center;}body.light-theme .icon-big-arrow-right{width:24px;height:43px;background-position-x:0;background-position-y:0;}body.light-theme .speed-block-text{color:#7b7b8f;}body.light-theme .speed-block-line{background-color:#acacba;}body.light-theme .accordion.listOfModules.gridView.newModuleCard li .li-block:before{margin:13px 0 0 20px;font-weight:bold;font-size:22px;}body.light-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .nameModule{width:140px;margin:0 20px;white-space:normal;line-height:2em;height:70px;overflow:hidden;text-overflow:ellipsis;}body.light-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .persent{padding:0;display:inline-block;font-weight:600;font-size:18px;height:29px;width:30px;float:left;background:none;padding-left:20px;margin-top:5px;}body.light-theme ::-webkit-scrollbar{width:10px;height:8px;background-color:transparent;}body.light-theme ::-webkit-scrollbar-thumb{background-color:#acacba;border-radius:5px;}body.light-theme html,body.light-theme body{scrollbar-color:#acacba transparent;scrollbar-width:thin;}body.light-theme .change-student-password-header{color:#464655;}body.light-theme .change-student-password-wrapper .password-field,body.light-theme .change-student-password-wrapper .conform-password-field{color:#7b7b8f !important;}body.light-theme .activity-filters-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:6px 8px;margin-left:-10px;}body.light-theme .activity-filters-container .dropdown-label{margin-left:5px;}body.light-theme .share-subject-popup .list-item{background-color:#fff;}body.light-theme .results-button-block{padding:30px;height:42px;display:block;}body.light-theme .results-button-block-small{display:block;padding:30px;height:42px;}body.light-theme .sign-container-outer-border{background-color:#f3f3f6;}body.light-theme .navigation-menu>li .ico-notification{background:#acacba;-webkit-mask:url(/Content/images/svg/icons/menu-icon-notifications.svg) no-repeat center;mask:url(/Content/images/svg/icons/menu-icon-notifications.svg) no-repeat center;}body.light-theme .navigation-menu>li a:hover .ico-notification{background:#88c744;}body.light-theme .notification-row .notification-action{color:#464655;}body.light-theme .feed-chat-icon{float:right;background-size:36px;height:36px;width:36px;margin:7px 10px 7px 0;cursor:pointer;}body.light-theme .feed-like-icon{float:right;background-size:36px;height:36px;width:36px;margin:7px 10px 7px 0;cursor:pointer;}body.light-theme .feed-chat-icon{background-color:#dcdce6;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;}body.light-theme .feed-chat-icon:hover{background-color:#d2d2dc;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;}body.light-theme .feed-chat-icon:active{background-color:#acacba;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;}body.light-theme .feed-chat-icon:disabled{background-color:#dcdce6;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;opacity:.6;}body.light-theme .feed-like-icon{background-color:#dcdce6;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.light-theme .feed-like-icon:hover{background-color:#d2d2dc;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.light-theme .feed-like-icon:active{background-color:#d2d2dc;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.light-theme .feed-like-icon:disabled{background-color:#dcdce6;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;opacity:.6;}body.light-theme #loading-text,body.light-theme .loading-container-notification .text{color:#464655;}body.light-theme .notification-row .tool .blue-color{color:#088cca;}body.light-theme .notification-row .tool .notification-date{color:#7b7b8f;}body.light-theme .liked{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.light-theme .liked:hover{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.light-theme .liked:active{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.light-theme .liked:disabled{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;opacity:.6;}body.light-theme .setting-popup .title{color:#464655;}body.light-theme .setting-popup .description{color:#464655;}body.light-theme .setting-left-part{background-color:#fff !important;color:#464655 !important;}body.light-theme .menu-item{background:#fff;color:#464655;border-bottom:1px solid #ececec;}body.light-theme .menu-item:hover{background:#ededf2;}body.light-theme .menu-item:active{background:#ededf2;}body.light-theme #settingMenu .current{background:#ededf2;}body.light-theme .settings-tab-container{border-bottom:1px solid #ececec;}body.light-theme .setting-changes-title{color:#7b7b8f;}body.light-theme .setting-changes-round{background:#acacba;color:#f0f0f0;}body.light-theme .filled-round-active{background:#088cca !important;color:#fff !important;}body.light-theme .empty-round-background{color:#088cca !important;}body.light-theme .congrat-popup{display:flex;}body.light-theme .container-setting-left{background-color:#fff !important;}body.light-theme .teacher-info-container{background-color:#fff;}body.light-theme .user-card.active{background-color:#acacba;}body.light-theme .user-card.active .user-card-name{color:#464655;}body.light-theme .switch-user-popup-header{color:#464655;}body.light-theme .table-setting-menu{background-color:#fff;}body.light-theme .table-setting-menu-header{color:#7d7d91;}body.light-theme .table-setting-menu-line-text{color:#464655;}body.light-theme .table-content-ballon,body.light-theme .score-ballon,body.light-theme .table-header-ballon{color:#464655;background:#acacba;}body.light-theme .subject-lines{color:#464655;}body.light-theme .drag-and-drop-text{color:#7d7d91;}body.light-theme .uploaded-file{color:#464655;}body.light-theme .file-editor-area{background-color:#e6e6eb;border-color:#f3f3f6;}body.light-theme .file-editor-active{border-color:#88c744;}body.light-theme .file-editor-active .drop-block{color:#88c744;}body.light-theme .ui-widget-content a{color:#088cca;}body.light-theme .import-blue-link{color:#088cca;}body.light-theme .add-subject-language-field #LanguageId{background-color:#fff !important;color:#464655 !important;}body.light-theme .add-subject-language-field #LanguageId>option{background-color:#e9e9ee !important;}body.light-theme .import-subject-description,body.light-theme .file-editor-area{color:#464655 !important;}body.light-theme .add-subject-language-field>span.ui-selectmenu-button.ui-widget.ui-state-default{background:#fff !important;}body.light-theme .add-subject-category-field #CategoryId{background-color:#fff !important;color:#464655 !important;}body.light-theme .add-subject-category-field #CategoryId>option{background-color:#e9e9ee !important;}body.light-theme .add-subject-category-field>span.ui-selectmenu-button.ui-widget.ui-state-default{background:#fff !important;}body.light-theme .standard-lite-final-message-title,body.light-theme .standard-lite-final-message-content{color:#464655;}body.light-theme ul.gg-dropdown-menu .line-with-check{color:#88c744!important;}body.light-theme .table-ico-setting{-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:url(/Content/images/svg/icons/icon-dark-26-ico-settings.svg);mask-image:url(/Content/images/svg/icons/icon-dark-26-ico-settings.svg);background-color:#acacba;width:26px;height:26px;object-fit:contain;cursor:pointer;}body.light-theme .action-text{color:#7b7b8f;}body.light-theme .category-badge{background-color:#fff;}body.light-theme .general-statistics-badge{background-color:#fff;}body.light-theme .disabled-menu{color:#7b7b8f !important;opacity:.7;cursor:default;}body.light-theme .disabled-menu:hover{color:#7b7b8f !important;opacity:.7;cursor:default;}body.light-theme .ico-subject-new{height:30px;width:30px;margin:0 28px 8px;background-color:#acacba;-webkit-mask:url(/Content/greengreyImages/menu-icon-subjects.svg) no-repeat center;mask:url(/Content/greengreyImages/menu-icon-subjects.svg) no-repeat center;}body.light-theme .ico-subject-new:hover{background-color:#7b7b8f;}body.light-theme .ico-subject-new:active{background-color:#7b7b8f;}body.light-theme .ico-subject-new:disabled{background-color:#7b7b8f;}body.light-theme .navigation-menu>li i{background:url('/Content/images/svg/icons/iconset-main-menu.svg') no-repeat;}body.light-theme .navigation-menu>li .ico-feed{background-position-x:-10px;}body.light-theme .navigation-menu>li .ico-course{background-position-x:-50px;}body.light-theme .navigation-menu>li .ico-messages{background-position-x:-130px;}body.light-theme .navigation-menu>li .ico-settings{background-position-x:-210px;}body.light-theme .navigation-menu>li .ico-users{background-position-x:-450px;}body.light-theme .navigation-menu>li .ico-teacher{background-position-x:-410px;}body.light-theme .navigation-menu>li .ico-subject{background-position-x:-370px;}body.light-theme .navigation-menu>li .ico-statistic{background-position-x:-290px;}body.light-theme .navigation-menu>li i{background-position-y:-50px;}body.light-theme .navigation-menu>li a:hover i{background-position-y:-90px;}body.light-theme .navigation-menu>li.active i{background-position-y:-130px;}body.light-theme .accordion.listOfModules li .li-block .right-column .modT{background-position-x:-287px;background-position-y:-232px;}body.light-theme .accordion.listOfModules li a:hover.baseBlue .modT,body.light-theme .accordion.listOfModules li a:hover.baseOrange .modT,body.light-theme .accordion.listOfModules li a:hover.baseGreen .modT{background-position-y:-278px;}body.light-theme .subject-dictation-module-gray,body.light-theme .accordion.listOfModules li a .modVoice{background-position-x:-378px;background-position-y:-186px;}body.light-theme .subject-dictation-module,body.light-theme .accordion.listOfModules li a .dictation-module{background-position-x:-378px;background-position-y:-278px;}body.light-theme .accordion.listOfModules li a:hover.baseBlue .modVoice,body.light-theme .accordion.listOfModules li a:hover.baseOrange .modVoice,body.light-theme .accordion.listOfModules li a:hover.baseGreen .modVoice{background-position-x:-425px;background-position-y:-278px;}body.light-theme .statistics-print-button-container{background-position-x:-516px;background-position-y:-105px;}body.light-theme .init-print-lvl{background:url(/Content/images/svg/icons/icon-light-36-ico-print.svg) no-repeat;}body.light-theme .init-print-lvl:hover{background:url(/Content/images/svg/icons/icon-light-36-ico-print-hover.svg) no-repeat;}body.light-theme .init-print-lvl active{background:url(/Content/images/svg/icons/icon-light-36-ico-print-pressed.svg) no-repeat;}body.light-theme .init-print-lvl:disabled{background:url(/Content/images/svg/icons/icon-light-36-ico-print-disabled.svg) no-repeat;}body.light-theme .moduleView .grid-view{background-position-x:-57px;background-position-y:-194px;}body.light-theme .moduleView .grid-view:hover,body.light-theme .moduleView .grid-view.current{background-position-x:-103px;background-position-y:-240px;}body.light-theme .moduleView .user-view{background:url('/Content/images/svg/icons/students/icon-light-36-ico-students-off.svg') no-repeat;}body.light-theme .moduleView .user-view:hover{background:url('/Content/images/svg/icons/students/icon-light-36-ico-students-off-hover.svg') no-repeat;}body.light-theme .moduleView .user-view:active{background:url('/Content/images/svg/icons/students/icon-light-36-ico-students-off-pressed.svg') no-repeat;}body.light-theme .moduleView .user-view.current{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-on.svg') no-repeat;}body.light-theme .moduleView .user-view.current:hover{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-on-hover.svg') no-repeat;}body.light-theme .moduleView .user-view.current:active{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-on-pressed.svg') no-repeat;}body.light-theme .moduleView .line-view{background:url('/Content/images/svg/icons/modules-lines/icon-light-36-ico-modules-lines-off.svg') no-repeat;}body.light-theme .moduleView .line-view:hover{background:url('/Content/images/svg/icons/modules-lines/icon-light-36-ico-modules-lines-off-hover.svg') no-repeat;}body.light-theme .moduleView .line-view:active{background:url('/Content/images/svg/icons/modules-lines/icon-light-36-ico-modules-lines-off-pressed.svg') no-repeat;}body.light-theme .moduleView .line-view.current{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-on.svg') no-repeat;}body.light-theme .moduleView .line-view.current:hover{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-on-hover.svg') no-repeat;}body.light-theme .moduleView .line-view.current:active{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-on-pressed.svg') no-repeat;}body.light-theme #main.main.gg>a.invoice-back,body.light-theme a.back{background-position-x:-46px;background-position-y:-298px;}body.light-theme #main.main.gg>a.invoice-back:hover,body.light-theme a.back:hover{background-position-y:-350px;}body.light-theme .module-list-empty-star{background-position-x:-191px;background-position-y:-299px;}body.light-theme .baseOrange .li-block:hover .module-list-empty-star,body.light-theme .baseGreen .li-block:hover .module-list-empty-star{background-position-x:-227px;}body.light-theme .userClasses .arr,body.light-theme .icon-big-arrow-right{background-position-x:-119px;background-position-y:-298px;}body.light-theme .eye{background-position-x:-264px;background-position-y:-160px;}body.light-theme .eye:hover{background-position-y:-196px;}body.light-theme div .deleteImage,body.light-theme .subject-delete-module-button{background-position-x:-623px;background-position-y:-158px;}body.light-theme div .deleteImage:hover,body.light-theme .subject-delete-module-button:hover{background-position-y:-194px;}body.light-theme .drag-n-drop-image{background-position-x:-413px;background-position-y:-159px;}body.light-theme .drag-n-drop-image:hover{background-position-y:-195px;}body.light-theme .feedback-button:hover{transform:scale(1.05);}body.light-theme .previousModule .arrow-container{background-position-x:-240px;background-position-y:-10px;}body.light-theme .nextModule .arrow-container{background-position-x:-148px;background-position-y:-10px;}body.light-theme .nextModule a:hover:not([disabled]) .arrow-container,body.light-theme .previousModule a:hover:not([disabled]) .arrow-container{background-position-y:-56px;}body.light-theme .nextModule a:disabled .arrow-container,body.light-theme .previousModule a:disabled .arrow-container{background-position-y:-148px;}body.light-theme div .close a p{background-position-x:-56px;background-position-y:-10px;}body.light-theme div .close a:hover p{background-position-y:-56px;}body.light-theme #add-new-line-icon{background-position-x:-766px;background-position-y:-154px;}body.light-theme .grid th.sort span.up:after{background-position-x:-122px;background-position-y:-160px;}body.light-theme .grid th.sort span.down:after{background-position-x:-50px;background-position-y:-160px;}body.light-theme ul.listLevels li.locked .modCheck{background-position-x:-561px;background-position-y:-196px;}body.light-theme .subject-name-text-area .subject-name-edit-button{background-position-x:-910px;background-position-y:-10px;}body.light-theme #results #result-repeat-link span{background-position-x:-318px;background-position-y:-333px;}body.light-theme #results-small #result-repeat-link span{background-position-x:-318px;background-position-y:-333px;}body.light-theme .ico-template{background-color:#dcdce6;-webkit-mask:url(/Content/images/svg/icons/ico-template.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-template.svg) no-repeat center;background-size:24px;display:initial;position:absolute;width:24px;height:24px;object-fit:contain;cursor:pointer;margin:0 0 0 -20px;}body.light-theme .ico-template:hover{background-color:#d2d2dc;}body.light-theme .ico-template:active{background-color:#acacba;}body.light-theme .ico-template:disabled{background-color:#dcdce6;opacity:.5;}body.light-theme .free-rating-comments-template{color:#7b7b8f;background-color:#fff;}body.light-theme .free-rating-comments-template:hover{color:#464655;background-color:#f7f7f8;}body.light-theme .free-rating-comments-template:active{color:#464655;background-color:#f7f7f8;}body.light-theme .free-rating-comments-template:disabled{color:#7b7b8f;background-color:#fff;opacity:.5;}body.light-theme .free-rating-comments-divider{background-color:#ececec;}body.light-theme #loading-container{background:rgba(243,243,246,.88);}body.light-theme #loading-text{color:#7b7b8f;}body.light-theme .avatar-container .profile-avatar.active{background-color:#ebebf0;}body.light-theme .avatar-camera-icon{background-image:url("/Content/images/svg/icons/camera-light.svg");}body.light-theme .ui-dialog .form-input{background-color:#e9e9ee !important;}body.light-theme .ui-dialog .form-input:focus{background-color:#e6e6eb !important;}body.light-theme .icon-big-arrow-right{background:url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward.svg) no-repeat;}body.light-theme .icon-big-arrow-right:hover{background:url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward-hover.svg) no-repeat;}body.light-theme .icon-big-arrow-right:active{background:url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward-pressed.svg) no-repeat;}body.light-theme .icon-big-arrow-right:disabled{background:url(/Content/images/svg/icons/icon-light-26-ico-arrow-forward-disabled.svg) no-repeat;}body.light-theme .persent{color:#afafbe;}body.light-theme .viewTabs.view3Tabs{background-color:#fff !important;}body.light-theme .init-print-lvl{background:url(/Content/images/svg/icons/icon-light-36-ico-print.svg) no-repeat;}body.light-theme .init-print-lvl:hover{background:url(/Content/images/svg/icons/icon-light-36-ico-print-hover.svg) no-repeat;}body.light-theme .init-print-lvl:active{background:url(/Content/images/svg/icons/icon-light-36-ico-print-pressed.svg) no-repeat;}body.light-theme .init-print-lvl:disabled{background:url(/Content/images/svg/icons/icon-light-36-ico-print-disabled.svg) no-repeat;}body.light-theme .module-list-empty-check{background:url(/Content/greengreyImages/levelsModules/check-level-empty-light.svg) no-repeat;}body.light-theme #result-wrapper .dialog .item .block-title{color:#464655;}body.light-theme .accordion.listOfModules.gridView.newModuleCard li .li-block:before{color:#464655;}body.light-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .nameModule{color:#464655;}body.light-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .persent{color:#464655;}body.light-theme #wpm svg path,body.light-theme #progress svg path,body.light-theme #score svg path,body.light-theme #wpm-f svg path,body.light-theme #progress-f svg path,body.light-theme #score-f svg path,body.light-theme #wpm-h svg path,body.light-theme #progress-h svg path,body.light-theme #score-h svg path{fill:#fff;}body.light-theme .comments-popup-header{color:#464655;}body.light-theme .feed-empty-img{background-image:url("/Content/Images/svg/illustration-activity-light.svg");}body.light-theme .container-setting-left{background-color:#fff !important;}body.light-theme .custom-element-background{background-color:#e9e9ee;}body.light-theme .subject-card .subjects-back-pie{--color:#e9e9ee;}body.light-theme .create-subject-form-warning{color:#d33b3e;}body.light-theme input.validation-error-orange{border:2px solid #d33b3e;}
body.dark-theme{background:#5a5a5a;}body.dark-theme .profile-img ul:before,body.dark-theme #NotificationView .menu:before{border-bottom-color:#323232;}body.dark-theme .header-nav,body.dark-theme .feed-row,body.dark-theme .menu,body.dark-theme .profile-img ul{background:#323232;}body.dark-theme .teachers-screen .viewTabs#switch-status a:not(:last-child),body.dark-theme .subject-screen #switch-view-subjects a:not(:last-child),body.dark-theme #switch-view-st>a:not(:last-child){border-right:1px solid #5a5a5a;}body.dark-theme .trial-subscription-wrapper .slider-tick-label:not(:first-child):not(:last-child):after{background-color:#5a5a5a;}body.dark-theme .footer{background-color:#5a5a5a;}body.dark-theme .accordion.listOfModules li{background-color:#3e3e3e;}body.dark-theme .class-code-caption{color:#b4b4b4;}body.dark-theme table.newGG tr:nth-child(odd),body.dark-theme .free-writing .block .item-content,body.dark-theme .flat-block>ul>li,body.dark-theme .subject-card,body.dark-theme .image-editor-modal,body.dark-theme .teachers-screen .teacher-card,body.dark-theme .users-students-screen #studentsView .flat-block>ul>li,body.dark-theme ul.listLevels li a,body.dark-theme ul.listLevels li a:visited,body.dark-theme .main-item-color{background-color:#323232;}body.dark-theme .userClasses li,body.dark-theme .users-students-screen #studentsView .flat-block>ul>li,body.dark-theme .statistics-teacher-page .class-stats .tdName .user-name-line,body.dark-theme .writing-text,body.dark-theme .my-msg-time,body.dark-theme .comment-name-and-date,body.dark-theme .navigation-menu>li a,body.dark-theme .userName span,body.dark-theme .userTitle .score .tr,body.dark-theme .userTitle .last-active,body.dark-theme .flat-block .userUpgrade,body.dark-theme .feed-action,body.dark-theme .student-chat-time-ago,body.dark-theme #mainMenu .ava span,body.dark-theme .created-by span,body.dark-theme .subject-card-modules-info,body.dark-theme .level-progress,body.dark-theme .available-voices-text,body.dark-theme .gray-text,body.dark-theme .tips-body,body.dark-theme .teachers-screen .teacher-info-wrapper .info-last-activity,body.dark-theme .teachers-screen .teachers-subtitle,body.dark-theme .pending-teachers-wrapper .teacher-info-wrapper .info-name,body.dark-theme .teachers-invite .popupInvite #user-linew-area .title,body.dark-theme .users-students-screen #studentsView .flat-block .add-new .className a,body.dark-theme .users-students-screen .empty-students-field,body.dark-theme div.desc,body.dark-theme .third-text-color{color:#b4b4b4;}body.dark-theme .grey{color:#b4b4b4 !important;}body.dark-theme .userClasses li,body.dark-theme #feeds-container .wrapGraph{background:#323232;}body.dark-theme .popupImportUsers input.file,body.dark-theme span.ui-selectmenu-button.ui-widget.ui-state-default{background:#3a3a3a !important;}body.dark-theme span.ui-selectmenu-button.ui-widget.ui-state-default{color:#fff !important;}body.dark-theme .spelt-words-item .words,body.dark-theme .empty-statistics-text,body.dark-theme .keyboard-result-wrapper .finish-level-popup .complete-level-message>div,body.dark-theme .dialog .dialog-header .dialog-subtitle,body.dark-theme .graph .scale li strong,body.dark-theme .graph .line li strong,body.dark-theme .grid th,body.dark-theme .grid th.sort span.up,body.dark-theme .grid th.sort a.up,body.dark-theme .grid th.sort a.up:visited,body.dark-theme .grid th.sort a.up:hover,body.dark-theme .graphBot .legends,body.dark-theme .graph-footer,body.dark-theme .guest-chat-msg,body.dark-theme ul.listLevels li a .nameLevel{color:#f0f0f0;}body.dark-theme span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before{border-top-color:#fff;}body.dark-theme .statistics-teacher-page #date-range-picker-general,body.dark-theme .statistics-teacher-page .ui-selectmenu-button{background:#3f3f3f !important;}body.dark-theme .statistics-teacher-page #date-range-picker-general,body.dark-theme .statistics-teacher-page .ui-selectmenu-button,body.dark-theme .settingCaption,body.dark-theme .setting-title,body.dark-theme .containerSettingCont,body.dark-theme .header-settings-title,body.dark-theme .statistics-teacher-page .class-stats table.grid tbody tr td.tdProgress,body.dark-theme .dialog,body.dark-theme #result-scale-wrapper,body.dark-theme .filter .search,body.dark-theme #searchStudents,body.dark-theme #modal-send-message h1,body.dark-theme .contentUserStat,body.dark-theme .overall_achievements_container,body.dark-theme #mainCourseStatisticsContainer,body.dark-theme #levelDetailsContainer,body.dark-theme #levelAssessmentsContainer,body.dark-theme #subjectsContainer,body.dark-theme #subjectDetailsContainer,body.dark-theme #badgesContainer,body.dark-theme .student-dashboard-screen .score,body.dark-theme .statistics-header,body.dark-theme .dashboard-subheader,body.dark-theme .select-all-checkbox-container>label,body.dark-theme .subject-module-item,body.dark-theme .image-header,body.dark-theme .terms-text,body.dark-theme .writing-title,body.dark-theme .writing-feedback-text,body.dark-theme .previous-comments .comment,body.dark-theme .student-dashboard-screen .progress-label,body.dark-theme #free-writing-container .free-writing,body.dark-theme .free-writing .block .item-content .title,body.dark-theme .second-text-color a,body.dark-theme .fw-module-name,body.dark-theme .accordion.listOfModules li a,body.dark-theme .accordion.listOfModules li a:focus,body.dark-theme .accordion.listOfModules li a:visited,body.dark-theme h2.title,body.dark-theme .ui-dialog .ui-dialog-titlebar,body.dark-theme .popupModule .popup-module-descriptor,body.dark-theme #choice-popup .popupCont,body.dark-theme .popupAddUsers,body.dark-theme .popup-window,body.dark-theme .popupAddUsers h1,body.dark-theme .popup-window h1,body.dark-theme #choice-popup .popupCont h3,body.dark-theme .userTitle,body.dark-theme .grid .user-info a,body.dark-theme .flat-block .bar-wrap,body.dark-theme .profile-img ul li a,body.dark-theme .menu li a,body.dark-theme .popupImportUsers .grid td,body.dark-theme .feed-name a,body.dark-theme #statisticsContainer,body.dark-theme .progress-label,body.dark-theme .module-label,body.dark-theme .latest-content,body.dark-theme .subject-score-row,body.dark-theme .title.subject-name-text,body.dark-theme .subject-editor-dropdown-ndame,body.dark-theme .subjects-title,body.dark-theme .subject-card-main-info-name,body.dark-theme .title-header-description,body.dark-theme .line-text,body.dark-theme .module-header,body.dark-theme .module-header-small,body.dark-theme .module-subheader,body.dark-theme .module-subheader-small,body.dark-theme #result-scale-wrapper .complete-module-message>div,body.dark-theme .profile-wrapper .profile-general-info,body.dark-theme .user-name,body.dark-theme .statistics-teacher-page .student-container div.student-name,body.dark-theme .statistics-teacher-page .class-stats table.grid tbody tr td.tdName,body.dark-theme .teacher-info-wrapper .info-name,body.dark-theme #modal-certificate-generate .certificate-type-title,body.dark-theme #modal-certificate-generate .teacher-comment .teacher-comment-title,body.dark-theme #modal-certificate-generate .check label,body.dark-theme #modal-certificate-generate h1,body.dark-theme .sharable-link-popup #register-link-input,body.dark-theme .sharable-link-popup-header,body.dark-theme #register-code-input,body.dark-theme .sharable-code-popup-header,body.dark-theme .register-code-input-header,body.dark-theme ul.listLevels li,body.dark-theme .have-certificate-modal,body.dark-theme .register-link-send-popup label,body.dark-theme .popupImportUsers input.file,body.dark-theme .users-students-screen #studentsView .flat-block .student-stats>p>span{color:#f0f0f0;}body.dark-theme ul.gg-dropdown-menu:before{border-bottom-color:#2c2c2c !important;}body.dark-theme .gg-dropdown-menu>li{background-color:#2c2c2c !important;}body.dark-theme .gg-dropdown-menu li:not(:last-child){border-bottom:1px solid #555;}body.dark-theme .ui-selectmenu-menu:before,body.dark-theme ul.dropdown-menu:before{border-bottom-color:#2c2c2c;}body.dark-theme ul.dropdown-menu,body.dark-theme .statistics-teacher-page .student-container,body.dark-theme .statistics-teacher-page .filtered-list,body.dark-theme .statistics-teacher-page .filtered-list li{background:#2c2c2c;}body.dark-theme .ui-selectmenu-menu .ui-widget-content{background:#2c2c2c !important;}body.dark-theme .teachers-screen .teacher-actions-mobile .gg-dropdown-menu:before{border:27.7px solid #2c2c2c !important;}body.dark-theme .teachers-screen .classes-list-menu{background-color:#2c2c2c;}body.dark-theme ul.gg-dropdown-menu li:hover{background-color:#1e1e1e !important;}body.dark-theme ul.gg-dropdown-menu li a{color:#f0f0f0 !important;}body.dark-theme .ui-selectmenu-menu .ui-widget-content .ui-menu-item,body.dark-theme ul.dropdown-menu li a,body.dark-theme .ui-state-hover,body.dark-theme .ui-widget-content .ui-state-hover,body.dark-theme .ui-widget-header .ui-state-hover,body.dark-theme .ui-state-focus,body.dark-theme .ui-widget-content .ui-state-focus,body.dark-theme .ui-widget-header .ui-state-focus{color:#f0f0f0;}body.dark-theme .gg-dropdown-menu li:not(:last-child){border-bottom:1px solid #555 !important;}body.dark-theme ul.dropdown-menu li,body.dark-theme ul.dropdown-menu li:hover{border:1px solid #555;border-width:1px 0 0 0;}body.dark-theme .ui-selectmenu-menu .ui-widget-content .ui-menu-item:hover,body.dark-theme .ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus,body.dark-theme .statistics-teacher-page .filtered-list li:hover{background:#1e1e1e !important;}body.dark-theme ul.gg-dropdown-menu,body.dark-theme ul.dropdown-menu,body.dark-theme .teachers-screen .classes-list-menu,body.dark-theme .filtered-student-list{box-shadow:0 3px 10px 0 transparent;}body.dark-theme .ui-selectmenu-open{box-shadow:0 3px 10px 0 transparent !important;}body.dark-theme .popupImportUsers .grid th{background-color:#3f3f3f !important;}body.dark-theme table.newGG tr:nth-child(even){background-color:#3e3e3e;}body.dark-theme .statistics-teacher-page .class-stats .grid tbody tr td{background:#3e3e3e;}body.dark-theme .student-statistics-table-header{background-color:rgba(0,0,0,.3);}body.dark-theme .student-statistics-table-line{background-color:#3e3e3e;}body.dark-theme .choose-level-square{background-color:#3e3e3e;color:#767676;}body.dark-theme .statistics-benchmark{color:#b4b4b4;}body.dark-theme .main-course-overview-progress{background-color:rgba(180,180,180,.4);}body.dark-theme .statistics-teacher-page .class-stats .progress-percentage,body.dark-theme .statistics-teacher-page table.grid tbody tr,body.dark-theme .free-writing-comment-input,body.dark-theme .student-statistics-table,body.dark-theme table.newGG{color:#f0f0f0;}body.dark-theme .grid tbody tr:nth-child(odd) td,body.dark-theme .statistics-teacher-page .class-stats .grid tbody tr:nth-child(odd) td{background:#4e4e4e;}body.dark-theme .profile-img ul li:not(:first-child),body.dark-theme .menu li:not(:last-child){border-top:1px solid #5a5a5a;}body.dark-theme #notification-list>li:not(:first-child){border-top:0;border-bottom:1px solid #5a5a5a;}body.dark-theme #register-link-copy,body.dark-theme #class-code-copy,body.dark-theme #register-link-send-email,body.dark-theme .grid th,body.dark-theme .grid td{border-right:1px solid #5a5a5a;}body.dark-theme .gg-progress{background-color:#282828;}body.dark-theme .gg-colour-progress{background-color:#282828;}body.dark-theme .level-progress span span{background:rgba(0,0,0,.3);color:#c8c8c8;}body.dark-theme .viewTabs{background-color:rgba(0,0,0,.3);}body.dark-theme .viewTabs a,body.dark-theme .slim-group.users-amount div{color:#dbdbdb;}body.dark-theme .viewTabs a.active,body.dark-theme .slim-group.users-amount div.active{color:#fff;}body.dark-theme .level-progress span span.level-bordered{background:#5a5a5a;}body.dark-theme .free-writing-preview-popup,body.dark-theme .free-writing-feedback-popup,body.dark-theme #modal-send-message,body.dark-theme #modal-certificate-generate,body.dark-theme .sharable-link-popup,body.dark-theme .sharable-code-popup,body.dark-theme #results-licence-not-active,body.dark-theme .swal2-popup{background-color:#323232;}body.dark-theme .ui-widget-content{background:#323232 !important;}body.dark-theme #results,body.dark-theme #results-small,body.dark-theme .dialog,body.dark-theme .dialog .review-large-circle,body.dark-theme .dialog .badge-result-large-circle,body.dark-theme .dialog-sign,body.dark-theme .dialog-sign-small,body.dark-theme .popupImportUsers{background:#323232;}body.dark-theme #modal-certificate-generate .certificate-container{border:3px solid #323232;}body.dark-theme .writing-text,body.dark-theme .writing-header,body.dark-theme .writing-feedback-text,body.dark-theme .teacher-comments-field,body.dark-theme .free-writing-comment-input-area,body.dark-theme .dialog .background-black,body.dark-theme #result-scale-wrapper,body.dark-theme .keyboard-result-wrapper .finish-level-popup .dialog-body{background-color:#222;}body.dark-theme .writing-header{color:#767676;}body.dark-theme #class-code-input{color:#b4b4b4;}body.dark-theme .popupContent .popupModuleContent{background:#222;}body.dark-theme .form-input,body.dark-theme .slim-control input.form-input,body.dark-theme .filter .search,body.dark-theme .profile-wrapper .form-input{background:#3a3a3a;}body.dark-theme .form-input,body.dark-theme .slim-control input.form-input,body.dark-theme .profile-wrapper .form-input,body.dark-theme #popupAddUsers .popupAddUsers .rowNewUsers .form-input{color:#fff !important;}body.dark-theme .chat-container .chat-controls,body.dark-theme #searchStudents,body.dark-theme .moduleContent,body.dark-theme #modal-send-message #send-message-to-all-text-box,body.dark-theme .teachers-screen .filter.teachers .searchTeachers input,body.dark-theme .register-link-textbox,body.dark-theme .register-code-textbox,body.dark-theme .class-code-textbox{background-color:#3a3a3a;}body.dark-theme .register-code-input-header{color:#b4b4b4;}body.dark-theme .sharable-code-popup-text,body.dark-theme .teacher-info-container .teacher-name{color:#f0f0f0;}body.dark-theme .custom-checkbox-container{background-color:#3f3f3f;}body.dark-theme .check input[type="checkbox"]:checked+label:before,body.dark-theme input:checked~.custom-checkbox-checkmark:after{border-color:#f7a900;}body.dark-theme .check-user-menu input[type="checkbox"]:checked+label:before,body.dark-theme input:checked~.custom-checkbox-checkmark:after{border-color:#f7a900;}body.dark-theme .dark-module-background,body.dark-theme .light-module-background,body.dark-theme .module-edit-form .moduleContent,body.dark-theme .swal2-popup .form-input,body.dark-theme .ui-dialog .form-input{background-color:rgba(0,0,0,.3);}body.dark-theme #modal-send-message #send-message-to-all-text-box,body.dark-theme .chat-container .chat-message-textbox{color:#fff;}body.dark-theme .form-input:focus,body.dark-theme .slim-control input.form-input:focus{background:#363636;}body.dark-theme .swal2-popup .form-input:focus,body.dark-theme .ui-dialog .form-input:focus{background:rgba(0,0,0,.4);}body.dark-theme .cr-slider::-webkit-slider-thumb,body.dark-theme .cr-slider::-ms-thumb,body.dark-theme .cr-slider::-moz-range-thumb{background:#f7a900;border:6px solid #fff;}body.dark-theme .cr-slider::-moz-range-track,body.dark-theme .cr-slider::-webkit-slider-runnable-track{background:rgba(0,0,0,.5);}body.dark-theme .check label:after{background:#3f3f3f;}body.dark-theme .radio label:after{background:#323232;border:1px solid #b4b4b4;}body.dark-theme .radio input[type="radio"]:checked+label:before{background:#f7a900;}body.dark-theme .student-list{background-color:#3f3f3f;}body.dark-theme .student-container.selected{background-color:#2c2c2c;}body.dark-theme .student-container,body.dark-theme .searhStudentsContainer{border-bottom:1px solid #313131;}body.dark-theme .my-chat-msg{background-color:#00adef;}body.dark-theme .guest-chat-msg{background-color:#3f3f3f;}body.dark-theme .arrow-left{border-right:10px solid #3f3f3f;}body.dark-theme .arrow-right{border-left:10px solid #00adef;}body.dark-theme .trophy.small span.number.number-black{color:#323232;}body.dark-theme .contentUserStat{background:linear-gradient(#323232,#5a5a5a);}body.dark-theme .level-progress span span.current:after{border-bottom-color:#323232;}body.dark-theme .empty-text-color,body.dark-theme div.desc h1,body.dark-theme div.desc h2,body.dark-theme .profile-wrapper label{color:#b4b4b4;}body.dark-theme .user-stat-screen tr th{background:transparent !important;}body.dark-theme .user-stat-screen tr th a{color:#f0f0f0 !important;}body.dark-theme .fw-gg-progress{background-color:rgba(180,180,180,.4);}body.dark-theme .progress-bar{background-color:#707070;}body.dark-theme .progressBar{background:#7e7e7e;}body.dark-theme .popupOptions .F1,body.dark-theme .popupOptions .F2,body.dark-theme .popupOptions .F4{background:#232323;}body.dark-theme .subject-module-item{background-color:rgba(0,0,0,.3);}body.dark-theme .dialog .correct-word{color:#b4b4b4;}body.dark-theme .subject-module-date{color:#b4b4b4;}body.dark-theme .createModuleSidebar{background-color:rgba(0,0,0,.3);}body.dark-theme .image-editor-choosing-file{background-color:rgba(0,0,0,.3);}body.dark-theme .instructions-content{color:#545454;}body.dark-theme h1.title,body.dark-theme .className,body.dark-theme .popupContent p,body.dark-theme div.title,body.dark-theme .container.chat-container,body.dark-theme .free-writing-header,body.dark-theme .users-count-switch .slider-tick-label,body.dark-theme .main-text-color{color:#fff;}body.dark-theme .listStudents li .fL a,body.dark-theme .add-user-from-spredsheet-heder-link,body.dark-theme .ui-widget-content{color:#fff !important;}body.dark-theme .second-text-color a:hover,body.dark-theme .second-text-color,body.dark-theme .tableSettings th,body.dark-theme .modal-wrapper .modal-title{color:#f0f0f0 !important;}body.dark-theme .leave-feedback,body.dark-theme .ui-dialog-content .print,body.dark-theme #result-scale-wrapper .complete-module-message a,body.dark-theme .blue-color,body.dark-theme #add-new-lineб #popupAddUsers .popupAddUsers #add-new-line,body.dark-theme .users-students-screen #studentsView .flat-block .login-as,body.dark-theme #add-new-line,body.dark-theme .keyboard-result-wrapper .finish-level-popup .complete-level-message a{color:#a0e5ff;}body.dark-theme .archived-student,body.dark-theme .archived-student .user-info a,body.dark-theme .archived-student .userName span{color:#767676;}body.dark-theme .archived-student .excellent,body.dark-theme .archived-student .good,body.dark-theme .archived-student .done,body.dark-theme .archived-student .attention{background-color:#767676 !important;}body.dark-theme .archived-icon{background-color:#767676;}body.dark-theme .feedback-given{color:#767676;}body.dark-theme .blue-text-color-important{color:#a0e5ff !important;}body.dark-theme .free-writing .block .item-content .period,body.dark-theme .accordion.listOfModules li .li-block .right-column .date,body.dark-theme #modal-certificate-generate p,body.dark-theme .blurred-text-color{color:#b4b4b4;}body.dark-theme .userTitle span.total{color:#f0f0f0;}body.dark-theme .teacher-info-wrapper .classes-list-menu span,body.dark-theme #teacher-compact .classes-list-menu span{color:#f0f0f0;}body.dark-theme .graph .scale li span{color:#afafaf;}body.dark-theme .pager.newPager,body.dark-theme .pager li a{background-color:rgba(0,0,0,.3);}body.dark-theme .pager.newPager li a,body.dark-theme .pager.newPager li a:visited{border-right:1px solid #5a5a5a;color:#b4b4b4;}body.dark-theme .share-subject-popup .list-of-items{border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a;}body.dark-theme .blockPreview{border:14px solid #323232;}body.dark-theme .billing-trial-tabs.viewTabs>a:not(:last-child){border-right:#5a5a5a solid 1px;}body.dark-theme #class-code-copy{border-color:#5a5a5a;}body.dark-theme .footer-clickable-item:hover{color:#f0f0f0;}body.dark-theme .chart hr{border-width:1px 0 0 0;}body.dark-theme .listLevels li.levelList.locked{opacity:.6;}body.dark-theme .listLevels li.levelList.locked span{color:#767676 !important;}body.dark-theme .accordion.listOfModules li.locked .persent{color:#767676 !important;}body.dark-theme .accordion.listOfModules li.locked a,body.dark-theme .accordion.listOfModules li.locked a:hover,body.dark-theme .accordion.listOfModules li.locked a:visited{color:#767676 !important;}body.dark-theme .validation-summary-errors,body.dark-theme .field-validation-error,body.dark-theme .text-error,body.dark-theme .register-email-error-message p{color:#f1ea82;}body.dark-theme .form-input.input-validation-error,body.dark-theme input.error{border:1px solid #f1ea82;}body.dark-theme .pager li a{color:#88c744;border-right:1px solid #88c744;}body.dark-theme .users-students-screen #studentsView .add-new>a{border:2px solid #707070;}body.dark-theme .users-students-screen #studentsView .flat-block .add-new .plus{display:inline-block;background:linear-gradient(#707070,#707070),linear-gradient(#707070,#707070);background-position:center;background-size:30% 2px,2px 30%;background-repeat:no-repeat;}body.dark-theme #dialog-choose-plan .plans-container>.row:hover,body.dark-theme #dialog-choose-plan .plans-container>.row.active-plan,body.dark-theme #dialog-manage-payment .container>.row:hover,body.dark-theme #dialog-manage-payment .container>.row.active,body.dark-theme .test_container .grid .test-row:hover{background-color:#252525;}body.dark-theme #dialog-manage-payment .title{border-bottom:2px solid #252525;}body.dark-theme #dialog-manage-payment .container>.row{border-bottom:2px solid #252525;}body.dark-theme .onoffswitch-inner:after{background-color:#3f3f3f;}body.dark-theme .onoffswitch-label{border:1px solid #3f3f3f;}body.dark-theme .dark-input-background{background:#3a3a3a;color:#fff !important;}body.dark-theme .dark-input-background:focus{background:#363636;}body.dark-theme .doesnt-have-certificate-modal{color:#fff;}body.dark-theme #modal-certificate-generate .no-email-field #email-certificate-input{color:#fff;background-color:#3a3a3a;}body.dark-theme .no-email-field{color:#fff;}body.dark-theme #email-certificate-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #3a3a3a inset;-webkit-text-fill-color:#fff !important;}body.dark-theme #modal-certificate-generate .teacher-comment .comment-teacher-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #3a3a3a inset;-webkit-text-fill-color:#fff !important;}body.dark-theme #modal-certificate-generate .no-email-field>div .error{color:#f1ea82;}body.dark-theme #modal-certificate-generate .no-email-field #email-certificate-input.field-error-validation{border:1px solid #f1ea82;}body.dark-theme #remember-repeat-btn{height:100%;}body.dark-theme #remember-repeat-btn a{background:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;cursor:pointer;background-size:32px;float:left;width:32px;margin-top:14px;height:calc(86%);position:relative;}body.dark-theme #remember-repeat-btn a:hover{background-color:#c3c3c3;-webkit-mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;}body.dark-theme #remember-repeat-btn a:active{background-color:#aaa;-webkit-mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;mask:url(/Content/greengreyImages/keyboard/keyboards_icons/keyboard-icons-ico-remember-repeat.svg) no-repeat !important;}body.dark-theme #remember-repeat-btn a:disabled{opacity:.5;}body.dark-theme #remember-repeat-btn a span{left:-188px !important;}body.dark-theme #wpm-title,body.dark-theme #progress-title,body.dark-theme #score-title{color:#fff;}body.dark-theme .init-print-lvl{width:36px;height:36px;float:right;cursor:pointer;margin:5px 20px 0 0;}body.dark-theme .comments-popup-header{margin:0 auto 29px auto;font-size:22px;font-weight:bold;}body.dark-theme .free-writing .filter .ui-selectmenu-button.ui-widget.ui-state-default,body.dark-theme .free-writing .filter span.ui-selectmenu-button.ui-widget.ui-state-default .ui-icon:before{color:#fff !important;border-top-color:#fff !important;}body.dark-theme #loading-text{width:77px;height:24px;margin:16px 158px 25px 89px;font-family:ProximaNova;font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:center;}body.dark-theme .icon-big-arrow-right{width:24px;height:43px;background-position-x:0;background-position-y:0;}body.dark-theme .speed-block-text{color:#b4b4b4;}body.dark-theme .speed-block-line{background-color:#b4b4b4;}body.dark-theme .accordion.listOfModules.gridView.newModuleCard li .li-block:before{margin:13px 0 0 20px;font-weight:bold;font-size:22px;}body.dark-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .nameModule{width:140px;margin:0 20px;white-space:normal;line-height:2em;height:70px;overflow:hidden;text-overflow:ellipsis;}body.dark-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .persent{padding:0;display:inline-block;font-weight:600;font-size:18px;height:29px;width:30px;float:left;background:none;padding-left:20px;margin-top:5px;}body.dark-theme ::-webkit-scrollbar{width:10px;height:8px;background-color:transparent;}body.dark-theme ::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px;}body.dark-theme html,body.dark-theme body{scrollbar-color:#000 transparent;scrollbar-width:thin;}body.dark-theme .change-student-password-header{color:#f0f0f0;}body.dark-theme .change-student-password-wrapper .password-field,body.dark-theme .change-student-password-wrapper .conform-password-field{color:#b4b4b4 !important;}body.dark-theme .activity-filters-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:6px 8px;margin-left:-10px;}body.dark-theme .activity-filters-container .dropdown-label{margin-left:5px;}body.dark-theme .share-subject-popup .list-item{background-color:rgba(0,0,0,.3);}body.dark-theme .results-button-block{padding:30px;height:42px;display:block;}body.dark-theme .results-button-block-small{display:block;padding:30px;height:42px;}body.dark-theme .sign-container-outer-border{background-color:#323232;}body.dark-theme .navigation-menu>li .ico-notification{background:#767676;-webkit-mask:url(/Content/images/svg/icons/menu-icon-notifications.svg) no-repeat center;mask:url(/Content/images/svg/icons/menu-icon-notifications.svg) no-repeat center;}body.dark-theme .navigation-menu>li a:hover .ico-notification{background:#88c744;}body.dark-theme .notification-row .notification-action{color:#f0f0f0;}body.dark-theme .feed-chat-icon{float:right;background-size:36px;height:36px;width:36px;margin:7px 10px 7px 0;cursor:pointer;}body.dark-theme .feed-like-icon{float:right;background-size:36px;height:36px;width:36px;margin:7px 10px 7px 0;cursor:pointer;}body.dark-theme .feed-chat-icon{background-color:#5a5a5a;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;}body.dark-theme .feed-chat-icon:hover{background-color:#767676;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;}body.dark-theme .feed-chat-icon:active{background-color:#7a7a7a;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;}body.dark-theme .feed-chat-icon:disabled{background-color:#5a5a5a;-webkit-mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-comment.svg) no-repeat center;opacity:.6;}body.dark-theme .feed-like-icon{background-color:#5a5a5a;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.dark-theme .feed-like-icon:hover{background-color:#767676;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.dark-theme .feed-like-icon:active{background-color:#767676;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.dark-theme .feed-like-icon:disabled{background-color:#5a5a5a;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;opacity:.6;}body.dark-theme #loading-text,body.dark-theme .loading-container-notification .text{color:#f0f0f0;}body.dark-theme .notification-row .tool .blue-color{color:#a0e5ff;}body.dark-theme .notification-row .tool .notification-date{color:#b4b4b4;}body.dark-theme .liked{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.dark-theme .liked:hover{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.dark-theme .liked:active{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;}body.dark-theme .liked:disabled{background-color:#88c744;-webkit-mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-like.svg) no-repeat center;opacity:.6;}body.dark-theme .setting-popup .title{color:#f0f0f0;}body.dark-theme .setting-popup .description{color:#f0f0f0;}body.dark-theme .setting-left-part{background-color:#3e3e3e !important;color:#fff !important;}body.dark-theme .menu-item{background:#3e3e3e;color:#fff;border-bottom:1px solid #313131;}body.dark-theme .menu-item:hover{background:#2c2c2c;}body.dark-theme .menu-item:active{background:#2c2c2c;}body.dark-theme #settingMenu .current{background:#2c2c2c;}body.dark-theme .settings-tab-container{border-bottom:1px solid #313131;}body.dark-theme .setting-changes-title{color:#b4b4b4;}body.dark-theme .setting-changes-round{background:#7a7a7a;color:#f0f0f0;}body.dark-theme .filled-round-active{background:#f7a900 !important;color:#000 !important;}body.dark-theme .empty-round-background{color:#f7a900 !important;}body.dark-theme .congrat-popup{display:flex;}body.dark-theme .container-setting-left{background-color:#3e3e3e !important;}body.dark-theme .teacher-info-container{background-color:#222;}body.dark-theme .user-card.active{background-color:#232323;}body.dark-theme .user-card.active .user-card-name{color:#f0f0f0;}body.dark-theme .switch-user-popup-header{color:#f0f0f0;}body.dark-theme .table-setting-menu{background-color:#323232;}body.dark-theme .table-setting-menu-header{color:#767676;}body.dark-theme .table-setting-menu-line-text{color:#f0f0f0;}body.dark-theme .table-content-ballon,body.dark-theme .score-ballon,body.dark-theme .table-header-ballon{color:#f0f0f0;background:#000;}body.dark-theme .subject-lines{color:#f0f0f0;}body.dark-theme .drag-and-drop-text{color:#767676;}body.dark-theme .uploaded-file{color:#f0f0f0;}body.dark-theme .file-editor-area{background-color:rgba(0,0,0,.3);border-color:#5a5a5a;}body.dark-theme .file-editor-active{border-color:#88c744;}body.dark-theme .file-editor-active .drop-block{color:#88c744;}body.dark-theme .ui-widget-content a{color:#a0e5ff;}body.dark-theme .import-blue-link{color:#a0e5ff;}body.dark-theme .add-subject-language-field #LanguageId{background-color:rgba(0,0,0,.3) !important;color:#f0f0f0 !important;}body.dark-theme .add-subject-language-field #LanguageId>option{background-color:#3f3f3f !important;}body.dark-theme .import-subject-description,body.dark-theme .file-editor-area{color:#f0f0f0 !important;}body.dark-theme .add-subject-language-field>span.ui-selectmenu-button.ui-widget.ui-state-default{background:rgba(0,0,0,.3) !important;}body.dark-theme .add-subject-category-field #CategoryId{background-color:rgba(0,0,0,.3) !important;color:#f0f0f0 !important;}body.dark-theme .add-subject-category-field #CategoryId>option{background-color:#3f3f3f !important;}body.dark-theme .add-subject-category-field>span.ui-selectmenu-button.ui-widget.ui-state-default{background:rgba(0,0,0,.3) !important;}body.dark-theme .standard-lite-final-message-title,body.dark-theme .standard-lite-final-message-content{color:#f0f0f0;}body.dark-theme ul.gg-dropdown-menu .line-with-check{color:#88c744!important;}body.dark-theme .table-ico-setting{-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:url(/Content/images/svg/icons/icon-dark-26-ico-settings.svg);mask-image:url(/Content/images/svg/icons/icon-dark-26-ico-settings.svg);background-color:#7a7a7a;width:26px;height:26px;object-fit:contain;cursor:pointer;}body.dark-theme .action-text{color:#a0e5ff;}body.dark-theme .category-badge{background-color:rgba(0,0,0,.2);}body.dark-theme .general-statistics-badge{background-color:rgba(0,0,0,.2);}body.dark-theme .disabled-menu{color:#b4b4b4 !important;opacity:.7;cursor:default;}body.dark-theme .disabled-menu:hover{color:#b4b4b4 !important;opacity:.7;cursor:default;}body.dark-theme .ico-subject-new{height:30px;width:30px;margin:0 28px 8px;background-color:#767676;-webkit-mask:url(/Content/greengreyImages/menu-icon-subjects.svg) no-repeat center;mask:url(/Content/greengreyImages/menu-icon-subjects.svg) no-repeat center;}body.dark-theme .ico-subject-new:hover{background-color:#b4b4b4;}body.dark-theme .ico-subject-new:active{background-color:#b4b4b4;}body.dark-theme .ico-subject-new:disabled{background-color:#b4b4b4;}body.dark-theme .navigation-menu>li i{background:url('/Content/images/svg/icons/iconset-main-menu.svg') no-repeat;}body.dark-theme .navigation-menu>li .ico-feed{background-position-x:-10px;}body.dark-theme .navigation-menu>li .ico-course{background-position-x:-50px;}body.dark-theme .navigation-menu>li .ico-messages{background-position-x:-130px;}body.dark-theme .navigation-menu>li .ico-settings{background-position-x:-210px;}body.dark-theme .navigation-menu>li .ico-users{background-position-x:-450px;}body.dark-theme .navigation-menu>li .ico-teacher{background-position-x:-410px;}body.dark-theme .navigation-menu>li .ico-subject{background-position-x:-370px;}body.dark-theme .navigation-menu>li .ico-statistic{background-position-x:-290px;}body.dark-theme .navigation-menu>li i{background-position-y:-10px;}body.dark-theme .navigation-menu>li a:hover i{background-position-y:-90px;}body.dark-theme .navigation-menu>li.active i{background-position-y:-130px;}body.dark-theme .accordion.listOfModules li .li-block .right-column .modT{background-position-x:-287px;background-position-y:-186px;}body.dark-theme .accordion.listOfModules li a:hover.baseBlue .modT,body.dark-theme .accordion.listOfModules li a:hover.baseOrange .modT,body.dark-theme .accordion.listOfModules li a:hover.baseGreen .modT{background-position-y:-278px;}body.dark-theme .subject-dictation-module-gray,body.dark-theme .accordion.listOfModules li a .modVoice{background-position-x:-333px;background-position-y:-186px;}body.dark-theme .subject-dictation-module,body.dark-theme .accordion.listOfModules li a .dictation-module{background-position-x:-333px;background-position-y:-278px;}body.dark-theme .accordion.listOfModules li a:hover.baseBlue .modVoice,body.dark-theme .accordion.listOfModules li a:hover.baseOrange .modVoice,body.dark-theme .accordion.listOfModules li a:hover.baseGreen .modVoice{background-position-x:-425px;background-position-y:-278px;}body.dark-theme .statistics-print-button-container{background-position-x:-470px;background-position-y:-105px;}body.dark-theme .init-print-lvl{background:url(/Content/images/svg/icons/icon-dark-36-ico-print.svg) no-repeat;}body.dark-theme .init-print-lvl:hover{background:url(/Content/images/svg/icons/icon-dark-36-ico-print-hover.svg) no-repeat;}body.dark-theme .init-print-lvl:active{background:url(/Content/images/svg/icons/icon-dark-36-ico-print-pressed.svg) no-repeat;}body.dark-theme .init-print-lvl:disabled{background:url(/Content/images/svg/icons/icon-dark-36-ico-print-disabled.svg) no-repeat;}body.dark-theme .moduleView .grid-view{background-position-x:-11px;background-position-y:-286px;}body.dark-theme .moduleView .grid-view:hover,body.dark-theme .moduleView .grid-view.current{background-position-x:-103px;background-position-y:-240px;}body.dark-theme .moduleView .user-view{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-off.svg') no-repeat;}body.dark-theme .moduleView .user-view:hover{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-off-hover.svg') no-repeat;}body.dark-theme .moduleView .user-view:active{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-off-pressed.svg') no-repeat;}body.dark-theme .moduleView .user-view.current{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-on.svg') no-repeat;}body.dark-theme .moduleView .user-view.current:hover{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-on-hover.svg') no-repeat;}body.dark-theme .moduleView .user-view.current:active{background:url('/Content/images/svg/icons/students/icon-dark-36-ico-students-on-pressed.svg') no-repeat;}body.dark-theme .moduleView .line-view{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-off.svg') no-repeat;}body.dark-theme .moduleView .line-view:hover{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-off-hover.svg') no-repeat;}body.dark-theme .moduleView .line-view:active{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-off-pressed.svg') no-repeat;}body.dark-theme .moduleView .line-view.current{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-on.svg') no-repeat;}body.dark-theme .moduleView .line-view.current:hover{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-on-hover.svg') no-repeat;}body.dark-theme .moduleView .line-view.current:active{background:url('/Content/images/svg/icons/modules-lines/icon-dark-36-ico-modules-lines-on-pressed.svg') no-repeat;}body.dark-theme #main.main.gg>a.invoice-back,body.dark-theme a.back{background-position-x:-10px;background-position-y:-298px;}body.dark-theme #main.main.gg>a.invoice-back:hover,body.dark-theme a.back:hover{background-position-y:-350px;}body.dark-theme .module-list-empty-star{background-position-x:-155px;background-position-y:-299px;}body.dark-theme .baseOrange .li-block:hover .module-list-empty-star,body.dark-theme .baseGreen .li-block:hover .module-list-empty-star{background-position-x:-227px;}body.dark-theme .userClasses .arr,body.dark-theme .icon-big-arrow-right{background-position-x:-83px;background-position-y:-298px;}body.dark-theme .eye{background-position-x:-228px;background-position-y:-160px;}body.dark-theme .eye:hover{background-position-y:-196px;}body.dark-theme div .deleteImage,body.dark-theme .subject-delete-module-button{background-position-x:-587px;background-position-y:-158px;}body.dark-theme div .deleteImage:hover,body.dark-theme .subject-delete-module-button:hover{background-position-y:-194px;}body.dark-theme .drag-n-drop-image{background-position-x:-377px;background-position-y:-159px;}body.dark-theme .drag-n-drop-image:hover{background-position-y:-195px;}body.dark-theme .feedback-button:hover{transform:scale(1.05);}body.dark-theme .previousModule .arrow-container{background-position-x:-194px;background-position-y:-10px;}body.dark-theme .nextModule .arrow-container{background-position-x:-102px;background-position-y:-10px;}body.dark-theme .nextModule a:hover:not([disabled]) .arrow-container,body.dark-theme .previousModule a:hover:not([disabled]) .arrow-container{background-position-y:-56px;}body.dark-theme .nextModule a:disabled .arrow-container,body.dark-theme .previousModule a:disabled .arrow-container{background-position-y:-148px;}body.dark-theme div .close a p{background-position-x:-10px;background-position-y:-10px;}body.dark-theme div .close a:hover p{background-position-y:-56px;}body.dark-theme #add-new-line-icon{background-position-x:-730px;background-position-y:-154px;}body.dark-theme .grid th.sort span.up:after{background-position-x:-86px;background-position-y:-160px;}body.dark-theme .grid th.sort span.down:after{background-position-x:-14px;background-position-y:-160px;}body.dark-theme ul.listLevels li.locked .modCheck{background-position-x:-516px;background-position-y:-196px;}body.dark-theme .subject-name-text-area .subject-name-edit-button{background-position-x:-874px;background-position-y:-10px;}body.dark-theme #results #result-repeat-link span{background-position-x:-318px;background-position-y:-333px;}body.dark-theme #results-small #result-repeat-link span{background-position-x:-318px;background-position-y:-333px;}body.dark-theme .ico-template{background-color:#b4b4b4;-webkit-mask:url(/Content/images/svg/icons/ico-template.svg) no-repeat center;mask:url(/Content/images/svg/icons/ico-template.svg) no-repeat center;background-size:24px;display:initial;position:absolute;width:24px;height:24px;object-fit:contain;cursor:pointer;margin:0 0 0 -20px;}body.dark-theme .ico-template:hover{background-color:#767676;}body.dark-theme .ico-template:active{background-color:#aaa;}body.dark-theme .ico-template:disabled{background-color:#b4b4b4;opacity:.5;}body.dark-theme .free-rating-comments-template{color:#b4b4b4;}body.dark-theme .free-rating-comments-template:hover{color:#f0f0f0;background-color:#000;}body.dark-theme .free-rating-comments-template:active{color:#f0f0f0;background-color:#000;}body.dark-theme .free-rating-comments-template:disabled{color:#b4b4b4;background-color:#2c2c2c;opacity:.5;}body.dark-theme .free-rating-comments-divider{background-color:#313131;}body.dark-theme #loading-container{opacity:.8;background-color:#000;}body.dark-theme #loading-text{color:#f0f0f0;}body.dark-theme .share-subject-popup,body.dark-theme .sharable-link-popup-text{color:#f0f0f0;}body.dark-theme .icon-big-arrow-right{background:url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward.svg) no-repeat;}body.dark-theme .icon-big-arrow-right:hover{background:url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward-hover.svg) no-repeat;}body.dark-theme .icon-big-arrow-right:active{background:url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward-pressed.svg) no-repeat;}body.dark-theme .icon-big-arrow-right:disabled{background:url(/Content/images/svg/icons/icon-dark-26-ico-arrow-forward-disabled.svg) no-repeat;}body.dark-theme .init-print-lvl{background:url(/Content/images/svg/icons/icon-dark-36-ico-print.svg) no-repeat;}body.dark-theme .init-print-lvl:hover{background:url(/Content/images/svg/icons/icon-dark-36-ico-print-hover.svg) no-repeat;}body.dark-theme .init-print-lvl:active{background:url(/Content/images/svg/icons/icon-dark-36-ico-print-pressed.svg) no-repeat;}body.dark-theme .init-print-lvl:disabled{background:url(/Content/images/svg/icons/icon-dark-36-ico-print-disabled.svg) no-repeat;}body.dark-theme .accordion.listOfModules.gridView.newModuleCard li .li-block:before{color:#f0f0f0;}body.dark-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .nameModule{color:#f0f0f0;}body.dark-theme .accordion.listOfModules.gridView.newModuleCard li .li-block .persent{color:#f0f0f0;}body.dark-theme .module-list-empty-check{background:url(/Content/greengreyImages/levelsModules/check-level-empty-dark.svg) no-repeat;}body.dark-theme .comments-popup-header{color:#f0f0f0;}body.dark-theme .feed-empty-img{background-image:url("/Content/Images/svg/illustration-activity-dark.svg");}body.dark-theme .container-setting-left{background-color:#3e3e3e !important;}body.dark-theme .subject-card .subjects-back-pie{--color:#232323;}body.dark-theme .create-subject-form-warning{color:#f1ea82;}body.dark-theme input.validation-error-orange{border:2px solid #f1ea82;}