/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/reset.css ***!
  \*********************************************************************/
@charset "utf-8";

/*
 * @ ЕГЭ Центр
 * @section reset
 * @date 07/01/2013
 * @lastmodified 07/01/2013
 * @version 1.0
 * 
 * @author Anton Abramov
 * @email AntonAbramov1990@gmail.com
 */

/* =====  CSS reset  ===== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

blockquote, q {
	quotes: none;
}

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! padding: 9px 17px 9px 17px; */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	resize: none;
}

input, textarea {
	border: none;
}

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

img {
	border: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.relative {
	position: relative;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{
	border: 0;
	padding: 0;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

a.button::-moz-focus-inner /*Remove button padding in FF*/
{
	border: 0;
	padding: 0;
}

/* ==========================================================================
Forms
========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */

}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	vertical-align: middle;
	border-radius: 4px;
}

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover {
	box-shadow: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
	outline: thin dotted  \9;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px  \9;
	*margin-top: 0;
	line-height: normal;
}


/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/layouts.css ***!
  \***********************************************************************/
.container {
	padding: 0 40px 85px;
	background: #fff;
}

.container__header {
	width: 100%;
}

.container__title {
	display: inline-block;
	line-height: 38px;
}

.container__header-buttons {
	float: right;
}

.wrapper {
	width: 100%;
	margin: 0 0 20px;
	border-radius: 4px;
	background-color: #e9ecee;
}

.wrapper__head {
	padding: 35px 40px;
	position: relative;
}

.wrapper__head:after {
	content: "";
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.wrapper__body {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 20px;
	overflow: hidden;
}

.wrapper__column {
	width: 50%;
	margin: 0 20px 0 0;
}

.wrapper__column:last-child {
	margin: 0;
}

.wrapper__block-wrap {
	width: 100%;
	margin: 0 0 27px;
}

.wrapper__block-wrap:last-child {
	margin: 0;
}

.wrapper__heading {
	padding: 0 0 15px 19px;
}

.wrapper__block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 25px 30px;
	margin: 0 0 3px;
	background: #fff;
	border-radius: 4px;
}

.wrapper__block--vertical {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.wrapper__row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 5px 0 5px;
}

.wrapper__row:last-child {
	margin: 0;
}

.wrapper__row--30 {
	margin: 0 0 30px;
}

.wrapper__row .input-field {
	width: 70%;
}

/* table */

.table {
	width: 100%;
	border-top: 3px solid #e9ecee;
	border-bottom: 3px solid #e9ecee;
}

.table__header-cell {
	padding: 17px 20px;
	background: #fff;
	text-align: left;
}

.table__sort-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.table__row:nth-child(odd) {
	background: #f4f6f7;
}

.table__cell {
	padding: 16px 20px;
}

.table__cell.low-balance {
	color: #e56966;
}

.table .js-sort {
	cursor: pointer;
}

/* popups */

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0, 0, 0, 0.75);
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 4px;
	box-shadow: 2px 4px 25px 0px rgba(0, 0, 0, 0.25);
}

.popup__main {
	max-height: 75vh;
	overflow-y: auto;
}

.popup__header {
	padding: 35px 40px;
	background: #d9e0e4;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	position: relative;
}

.popup__header .title {
	color: #536069;
}

.popup__close {
	width: 12px;
	height: 12px;
	background: url(/assets/img/icon-close.png) 50% 50% no-repeat;
	cursor: pointer;
	pointer-events: all;
	position: absolute;
	right: 30px;
	top: 30px;
}

.popup__white-block {
	padding: 40px 40px 30px;
	background: #fff;
}

.popup__dark-block {
	padding: 30px 40px;
	background: #d9e0e4;
}

.popup__row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 0 0 10px;
	position: relative;
}

.popup__row:last-child {
	margin: 0;
}

.popup__row--bday {
	margin: 0 0 30px;
}

.popup__bday-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup__input-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup__content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px;
}

.popup__column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.popup__btns {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	margin: 20px 0 0;
}

.popup__btns .btn--green {
	margin: 0 20px 0 0;
}

/* Filter & properties */

.filter {
	width: 100%;
	padding: 20px;
	margin: 30px 0 0;
	background: #e9ecee;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #fff;
}

.filter__row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin: 0;
}

.filter__row--align-center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.filter__row:last-child {
	margin: 0;
}

.filter__row .input-field {
	width: 23%;
}

.filter__row .checkbox-input {
	margin: 0 40px 0 0;
}

.filter__row .checkbox-input:last-child {
	margin: 0;
}

.filter__row .checkbox-input--23 {
	width: 23%;
}

.filter__row input[type=checkbox]:checked ~ * {
	color: #222d35;
}

.filter__wrap-50 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
}

.filter__wrap-50 .input-field {
	width: 50%;
	margin: 0 5% 0 0;
}

.filter__wrap-50 .input-field:last-child {
	margin: 0;
}

.filter__clear {
	padding: 0 20px 0 0;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin: 6px 0 0;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

.filter__row--align-center .filter__clear {
	margin: 0;
	padding-left: 10px;
	white-space: nowrap;
	transform: translateY(8px);
}

.filter__clear:after {
	content: "";
	position: absolute;
	right: 0;
	top: 16%;
	width: 12px;
	height: 12px;
	background: url(/assets/img/icon-cross.png) 50% 50% no-repeat;
}

.filter__column-wrap-50 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	margin: 0 1% 0 0;
}

.filter__column-wrap-50:last-child {
	margin: 0;
}

.filter__column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}

.filter__column .input-field {
	width: 100%;
	margin: 0 0 10px;
}

.filter__column div:last-child .input-field {
	margin: 0;
}

.filter__column--25 {
	width: 25%;
	margin: 0 1% 0 0;
}

.filter__column--25:last-child {
	margin: 0;
}

.filter__column--50 {
	width: 50%;
	margin: 0 1% 0 0;
}

.filter__column--50:last-child {
	margin: 0;
}

.filter__time-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.filter__time-input.select-box.input-field {
	width: 49%;
	margin: 0;
}

/* search */

.search {
	width: 100%;
	padding: 20px;
	background: #c7d0d6;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}

.search:before {
	width: 15px;
	height: 15px;
	content: "";
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/assets/img/icon-search.png) 50% 50% no-repeat;
}

.search .input-field {
	width: 100%;
	padding: 11px 18px 11px 30px;
}

.search .search-suggestions {
	max-width: 500px;
}

.search .search-suggestions li {
	list-style: none;
	margin: 0 0 5px;
}


/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/typo.css ***!
  \********************************************************************/
.label {
	display: inline-block;
	color: #222d35;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}

.title {
	color: #222d35;
	font-size: 18px;
	font-weight: 400;
}

.title--main {
	margin: 0 0 26px;
}

.msg-error {
	color: #f00;
	font-size: 18px;
	font-weight: 400;
}

.msg-success {
	color: #1c9349;
	font-size: 18px;
	font-weight: 400;
}

.title-sm {
	font-size: 13px;
	font-weight: 400;
}

.title-xs {
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
}

.title-popup {
	color: #536069;
	font-size: 18px;
	font-weight: 400;
}

.link-lg {
	color: #207aae;
	font-size: 18px;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: all;
}

.link-lg:hover {
	color: #1d9dd2;
}

.link {
	color: #207aae;
	font-size: 13px;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: all;
}

.link:hover {
	color: #1d9dd2;
}

.link-sm {
	color: #207aae;
	font-size: 11px;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: all;
}

.link-sm:hover {
	color: #1d9dd2;
}

.link-grey {
	color: #73818a;
	font-size: 13px;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: all;
}

.link-grey-sm {
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: all;
}

.link-grey-plain {
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
	line-height: 20px;
	cursor: pointer;
	pointer-events: all;
}

.link-grey-italic {
	color: #9aa8af;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
	cursor: pointer;
	pointer-events: all;
}

.link-dark {
	color: #222d35;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	pointer-events: all;
}

.link-dark:hover {
	color: #207aae;
	text-decoration: underline;
}

.link-light {
	color: #73818a;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	pointer-events: all;
}

.link-light:hover {
	color: #207aae;
	text-decoration: underline;
}

.link-light-sm {
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	pointer-events: all;
}

.link-light-sm:hover {
	color: #207aae;
	text-decoration: underline;
}

.link-light-sm:hover .icon-sort-light {
	border-color: transparent transparent #207aae transparent;
}

.link-light-sm:hover .icon-sort-light.desc {
	border-color: #207aae transparent transparent transparent;
}

.link-dark-sm {
	color: #222d35;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	pointer-events: all;
}

.link-dark-sm:hover {
	color: #207aae;
	text-decoration: underline;
}

.link-dark-sm:hover .icon-sort {
	border-color: transparent transparent #207aae transparent;
}

.link-dark-sm:hover .icon-sort.desc {
	border-color: #207aae transparent transparent transparent;
}

.link-red {
	color: #e56966;
	font-size: 13px;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: all;
}

.link-red:hover {
	color: #e56966;
}

.link-disabled {
	color: #9aa8af;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	cursor: default;
	cursor: pointer;
	pointer-events: all;
}

.link-disabled:hover {
	color: #9aa8af;
}

.text {
	color: #222d35;
	font-size: 13px;
	font-weight: 400;
}

.text-sm {
	color: #222d35;
	font-size: 11px;
	font-weight: 400;
}

.text-light {
	color: #73818a;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
}

.text-light-sm {
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
}

.text-lighter {
	color: #536069;
	font-size: 13px;
	font-weight: 400;
}

.text-lighter-sm {
	color: #536069;
	font-size: 11px;
	font-weight: 400;
}

.text-disabled {
	color: #9aa8af;
	font-size: 13px;
	font-weight: 400;
}


/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/nav_header.css ***!
  \**************************************************************************/
.main-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 137px;
	width: 100%;
	padding: 30px 40px 40px;
	margin: 0 0 25px;
}

.main-header .main-nav {
	width: 865px;
	margin: 0 40px 0 0;
}

.main-header .main-nav__list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
}

.main-header .main-nav__link {
	display: block;
	height: 70px;
	color: #fff;
	font-size: 12px;
	min-width: 40px;
	position: relative;
}

.main-header .main-nav__link:hover {
	color: #fff;
}

.main-header .main-nav__link:after {
	display: block;
	content: "";
	position: absolute;
	bottom: -29px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent transparent transparent;
}

.main-header .main-nav__link.today .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -52px -99px;
}

.main-header .main-nav__link.createRecord .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -3px -52px;
}

.main-header .main-nav__link.browseRecords .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -49px -5px;
}

.main-header .main-nav__link.schedule .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -92px -5px;
}

.main-header .main-nav__link.journal .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -5px -5px;
}

.main-header .main-nav__link.teachers .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -3px -99px;
}

.main-header .main-nav__link.classesAndGroups .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -47px -52px;
}

.main-header .main-nav__link.settings .main-nav__img {
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -94px -51px;
}

.main-header .main-nav__img {
	height: 40px;
	opacity: .5;
}

.main-header .main-nav__img:hover {
	opacity: 1;
}

.main-header .main-nav__name {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-decoration: underline;
}

.main-header .actions {
	width: 230px;
}

.main-header .main-search__form {
	position: relative;
}

.main-header .main-search__form .ui-autocomplete {
    font-size: 14px;
}

.main-header .main-search__input {
	width: 230px;
	height: 30px;
	padding: 0 25px 0 10px;
	background: rgba(255, 255, 255, 0.25);
	color: #feffff;
	font-size: 13px;
	font-style: normal;
	box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.15);
}

.main-header .main-search ::-webkit-input-placeholder {
	color: #feffff;
	font-size: 13px;
	font-style: italic;
}

.main-header .main-search__button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -101px -125px;
	width: 14px;
	height: 14px;
	border: none;
	z-index: 2;
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

.main-header .main-actions {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
}

.main-header .main-actions__link {
	padding: 0 15px 0 20px;
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	position: relative;
	cursor: pointer;
}

.main-header .main-actions__link:after {
	content: "";
	position: absolute;
	right: 0;
	top: 60%;
	height: 6px;
	width: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -125px -130px;
}

.main-header .main-actions__link:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-header .main-actions__link--user:before {
	height: 14px;
	width: 14px;
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -118px -101px;
}

.main-header .main-actions__link--location:before {
	height: 16px;
	width: 12px;
	background: url(/assets/img/spritesheet.png) no-repeat;
	background-position: -100px -102px;
}

.main-header .main-actions__user-popup {
	display: none;
}

.main-header .main-location {
	position: relative;
}

.main-header .main-location ul {
	list-style: none;
}

.main-header .main-location li {
	margin: 0 0 10px;
}

.main-header .main-location li:last-child {
	margin: 0;
}

.main-header .main-location .link.active {
	padding: 0 0 0 20px;
	color: #536069;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
	position: relative;
}

.main-header .main-location .link.active:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 12px;
	height: 9px;
	background: url(/assets/img/tick.png) 50% 50% no-repeat;
}

.main-header__popup {
	display: none;
	min-width: 200px;
	padding: 25px;
	background: #fff7cc;
	position: absolute;
	right: 0;
	top: 30px;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	z-index: 30;
}

.main-header__popup:before {
	display: block;
	content: "";
	position: absolute;
	top: -7px;
	right: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff7cc transparent;
}

.main-header__popup .title {
	margin: 0 0 15px;
}

.main-header__popup--user.show {
	display: block;
}

.main-header__popup--location.show {
	display: block;
}

.main-header.today {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 0;
}

.main-header.today .main-nav__link.today:after {
	border-color: transparent transparent #f3dbad transparent;
}

.main-header.today .main-nav__link.today .main-nav__img {
	opacity: 1;
}

.main-header.today .main-nav__link.today .main-nav__name {
	text-decoration: none;
}

.main-header.createRecord {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -138px;
}

.main-header.createRecord .main-nav__link.createRecord:after {
	border-color: transparent transparent #d1a0b7 transparent;
}

.main-header.createRecord .main-nav__link.createRecord .main-nav__img {
	opacity: 1;
}

.main-header.createRecord .main-nav__link.today .main-nav__name {
	text-decoration: none;
}

.main-header.browseRecords {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -276px;
}

.main-header.browseRecords .main-nav__link.browseRecords:after {
	border-color: transparent transparent #87cbe2 transparent;
}

.main-header.browseRecords .main-nav__link.browseRecords .main-nav__img {
	opacity: 1;
}

.main-header.browseRecords .main-nav__link.browseRecords .main-nav__name {
	text-decoration: none;
}

.main-header.schedule {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -414px;
}

.main-header.schedule .main-nav__link.schedule:after {
	border-color: transparent transparent #ffd3af transparent;
}

.main-header.schedule .main-nav__link.schedule .main-nav__img {
	opacity: 1;
}

.main-header.schedule .main-nav__link.schedule .main-nav__name {
	text-decoration: none;
}

.main-header.journal {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -552px;
}

.main-header.journal .main-nav__link.journal:after {
	border-color: transparent transparent #e5c39e transparent;
}

.main-header.journal .main-nav__link.journal .main-nav__img {
	opacity: 1;
}

.main-header.journal .main-nav__link.journal .main-nav__name {
	text-decoration: none;
}

.main-header.teachers {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -690px;
}

.main-header.teachers .main-nav__link.teachers:after {
	border-color: transparent transparent #bce8a4 transparent;
}

.main-header.teachers .main-nav__link.teachers .main-nav__img {
	opacity: 1;
}

.main-header.teachers .main-nav__link.teachers .main-nav__name {
	text-decoration: none;
}

.main-header.classesAndGroups {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -828px;
}

.main-header.classesAndGroups .main-nav__link.classesAndGroups:after {
	border-color: transparent transparent #abc0c9 transparent;
}

.main-header.classesAndGroups .main-nav__link.classesAndGroups .main-nav__img {
	opacity: 1;
}

.main-header.classesAndGroups .main-nav__link.classesAndGroups .main-nav__name {
	text-decoration: none;
}

.main-header.settings {
	background: url(/assets/img/header-bkg.jpg) repeat-x;
	background-position: 0 -966px;
}

.main-header.settings .main-nav__link.settings:after {
	border-color: transparent transparent #babfc2 transparent;
}

.main-header.settings .main-nav__link.settings .main-nav__img {
	opacity: 1;
}

.main-header.settings .main-nav__link.settings .main-nav__name {
	text-decoration: none;
}

@media (max-width: 1280px) {

.main-header .main-nav {
	max-width: 865px;
	width: 100%;
}

}


/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/new_record.css ***!
  \**************************************************************************/
.row-on {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.row-off {
	display: none;
}

.block-on {
	display: block !important;
}

.block-off {
	display: none;
}

/* createRecord */

.pupil ::-webkit-input-placeholder {
	color: #9aa8af;
	font-size: 13px;
	font-style: italic;
}

.pupil__input-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 70%;
}

.pupil__input-wrap--passport .input-field:first-child {
	width: 28%;
}

.pupil__input-wrap--passport .input-field:last-child {
	width: 70%;
}

.pupil__input-wrap--50 .input-field {
	width: 49%;
}

.pupil__input-wrap--30 .input-field {
	width: 32%;
}

.pupil__select {
	width: 70%;
}

.pupil .btn {
	width: 255px;
	margin: 0 20px 0 0;
}

.pupil .contact-date {
	width: auto;
	box-shadow: none;
	border: none;
}

.pupil .contact-date input {
	position: relative;
	z-index: 2;
	background: transparent;
}

.pupil__buttons {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 30%;
}

/* Comments */

.comments {
	width: 100%;
}

.comments .wrapper__block {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comments__contact-date {
	margin: 0 0 20px;
	color: #e56966;
	font-size: 13px;
}

.comments__textarea {
	width: 100%;
	min-height: 70px;
	margin: 0 0 15px;
}

.comments__textarea.comment-error::-webkit-input-placeholder {
	color: #f00;
}

.comments__date-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.comments__date.select-box {
	width: 247px;
}

.comments__date.select-box .input-field {
	width: 100%;
	cursor: pointer;
}

.comments__container {
	margin: 0 0 17px;
}

.comments__row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 10px;
}

.comments__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 90%;
}

.comments__item .input-field {
	width: 100%;
}

.comments__controls span {
	margin: 0 10px 0 0;
}

.comments__controls span:last-child {
	margin: 0;
}

.comments .select-box {
	margin: 0 10px 0 0;
}

.comments .select-box:after {
	display: none;
}

.courses {
	width: 100%;
}

.courses__left {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	padding: 0 30px 0 0;
	position: relative;
}

.courses__left_flex-between {
    align-items: center;
    justify-content: space-between;
}

.courses__lesson-type {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 0 20px 0;
    position: relative;
}

.courses__rate {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 36px 0 0;
    position: relative;
    align-items: center;
}

.courses__left:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 1000px;
	background: #e9ecee;
	right: 0;
	top: -30px;
}

.courses__right {
	width: 70%;
	padding: 0 0 0 30px;
}

.courses .icon-remove {
	margin: 8px 0 0 16px;
}

.courses__heading {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 0 15px 19px;
	position: static;
}

.courses__heading.courses__right {
	padding-left: 35px;
}

.courses .disabled {
	display: none;
}

.courses .icon-remove {
	display: block;
}

.courses__checkboxes {
}

.courses-schedule {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
}

.courses-schedule__subject {
	display: flex;
	flex-direction: column;
}

.courses-schedule__subject--link {
	display: block;
}

.courses__checkboxes--column-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.courses__checkboxes li {
	display: block;
	vertical-align: text-top;
    line-height: 1.5em;
}

/*  profile */

.edit-pupil__back {
	margin: 0 0 20px;
}

.edit-pupil__heading {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: -1px;
	overflow: hidden;
}

.edit-pupil__heading_no-overflow {
    overflow: visible;
}

.edit-pupil .title--main span {
	margin: 0 0 0 20px;
}

.edit-pupil .wrapper__block-wrap {
	margin: 0;
}

.edit-pupil__address {
	display: none;
	padding: 0 0 0 30px;
	position: relative;
}

.edit-pupil__address:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 21px;
	background: url(/assets/img/icon-address.png) 50% 50% no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.edit-pupil__right-column {
	width: 70%;
}

.edit-pupil__btns button {
	margin: 0 20px 0 0;
}

.edit-pupil__btns button:last-child {
	margin: 0;
}

.edit-pupil__journal-btns {
	margin: 0 0 60px;
}

.edit-pupil__btns-center {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
}

.correct.active .data-disabled {
	background: none;
	border: 1px solid transparent;
	box-shadow: none !important;
	position: relative;
	cursor: default;
	padding: 0;
}

.correct.active .data-hidden {
	display: none;
}

.correct.active .edit-pupil__address {
	display: block;
}

.correct.active .courses__checkboxes li {
	margin: 0 50px 15px 0;
}

.correct.active .courses__checkboxes li:last-child {
	margin: 0;
}

.correct.active .wrapper__row {
	height: 25px;
}


/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/settings.css ***!
  \************************************************************************/
.setup {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: -25px 0 0;
}

.setup__nav {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 20%;
	min-height: 100vh;
	padding: 50px 84px 0 0;
	background: #e9ecee;
	position: relative;
	z-index: 0;
}

.setup__nav:after {
	position: absolute;
	height: 5000px;
	width: 5000px;
	right: 0;
	top: 0;
	content: "";
	background: #e9ecee;
	z-index: -1;
}

.setup__nav .link-lg {
	display: block;
	margin: 0 0 20px;
}

.setup__nav .link-lg:last-child {
	margin: 0;
}

.setup__nav .link-lg.active {
	color: #536069;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
}

.setup__content {
	width: 80%;
	padding: 15px 0 0 40px;
}

.setup__head {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px 0 15px;
}

.setup__head .btn {
	padding: 0 19px 0 47px;
	position: relative;
}

.setup__head .btn:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 16px;
	height: 21px;
	background: url(/assets/img/icon-add.png) 50% 50% no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.setup .table__header-cell {
	text-align: center;
}

.setup .table__header-cell:first-child {
	text-align: left;
}

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

.setup .table__cell:first-child {
	text-align: left;
}

.setup__ctrls {
	width: 10%;
}

.setup-popup {
	width: 460px;
}

.setup-popup .popup__content {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.setup-popup .popup__content .input-field {
	width: 100%;
	margin: 0 0 20px;
}

.setup-popup .popup__row .input-field {
	width: 246px;
	margin: 0;
}

.setup-popup .popup__input-wrap {
	width: 246px;
}

.setup-popup .popup__input-wrap .input-field {
	width: 80px;
}

.setup-popup .link-grey {
	margin: 0 20px 0 0;
}

.setup-popup .checkbox-input {
	margin: 10px 0;
}

.setup-popup--teachers {
	width: 600px;
}

.setup-popup--teachers .popup__bday-wrap {
	width: 397px;
}

.setup-popup--teachers .popup__bday-wrap .input-field:first-child {
	width: 84px;
}

.setup-popup--teachers .popup__bday-wrap .input-field:nth-child(2) {
	width: 151px;
}

.setup-popup--teachers .popup__bday-wrap .input-field:last-child {
	width: 136px;
}

.setup-popup--teachers .popup__input-wrap {
	width: 397px;
}

.setup-popup--teachers .popup__row .input-field {
	width: 397px;
}

.setup-popup--teachers .popup__btns {
	margin: 0;
}

.setup-popup--teachers .popup__dark-block .input-field:first-child {
	width: 234px;
}

.setup-popup--teachers .popup__dark-block .input-field:nth-child(2) {
	width: 151px;
}


/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/payment.css ***!
  \***********************************************************************/
li.payment-dependent {
	display: list-item !important;
}

div.payment-dependent {
	display: block !important;
}

th.payment-dependent,
td.payment-dependent {
	display: table-cell !important;
}

label.payment-dependent {
	display: inline !important;
}

label.payment-dependent.checkbox-input {
	display: block !important;
}

/* new code */

.balance {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: relative;
}

.balance__wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.balance__info {
	display: inline-block;
}

.balance__active {
	margin: 5px 0 8px;
}

.balance__amount {
	margin: 0 0 8px;
	color: #d95467;
	font-size: 36px;
}

.balance__next {
	color: #536069;
	font-size: 18px;
}

.balance__next--info {
	color: #222d35;
}

.balance__more {
	margin: 15px 23px 0 0;
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
	line-height: 14px;
	text-decoration: underline;
	text-align: center;
}

.balance__paid {
	margin: 15px 0 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.balance-chart {
	display: inline-block;
	width: 40px;
	height: 108px;
	margin: 5px 29px 5px 5px;
	background: #fff;
	border: 1px solid #d9e0e4;
	position: relative;
}

.balance-chart:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 48px;
	height: 116px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #d9e0e4;
	box-shadow: 1px 3px 8px 0 rgba(0, 0, 0, 0.25);
	z-index: 1;
}

.balance-chart:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 108px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #d9e0e4;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	z-index: 2;
}

.balance-chart__wrap {
	display: none;
	position: absolute;
	width: 42px;
	height: 110px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
	border-radius: 6px;
}

.balance-chart__wrap:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 6px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
	z-index: 5;
}

.balance-chart__meter {
	display: none;
	content: "";
	width: 100%;
	height: 20%;
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	z-index: 3;
}

.balance-chart__meter:first-child {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.balance-chart__meter:nth-child(2) {
	bottom: 20%;
}

.balance-chart__meter:nth-child(3) {
	bottom: 40%;
}

.balance-chart__meter:nth-child(4) {
	bottom: 60%;
}

.balance-chart__meter:nth-child(5) {
	bottom: 80%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: none;
}

/* Payment */

.payment .btn {
	width: 200px;
	margin: 0 40px 0 20px;
}

.payment__block {
	padding: 20px;
	border-bottom: 1px solid #fff;
}

/* Payment-table */

.payment-table {
	width: 100%;
}

.payment-table__head {
	padding: 0 0 10px 30px;
	color: #73818a;
	font-size: 11px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
}

.payment-table__head:first-child {
	padding: 0 0 10px 20px;
}

.payment-table__row {
	border-bottom: 3px solid #e9ecee;
	border-radius: 5px;
}

.payment-table__row:last-child {
	border: none;
}

.payment-table__cell {
	padding: 15px;
	background: #fff;
	vertical-align: middle;
	border-right: 1px solid #e9ecee;
}

.payment-table__cell--md {
	min-width: 418px;
	padding-left: 30px;
	position: relative;
}

.payment-table__cell:first-child {
	min-width: 325px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.payment-table__cell:last-child {
	min-width: 201px;
	padding-left: 25px;
	padding-right: 30px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: relative;
	border-right: none;
}

.payment-table__cell:last-child:hover {
	cursor: pointer;
}

.payment-table__cell:last-child:hover .payment-table__btn--change {
	display: block;
}

.payment-table__subjects {
	margin: 12px 0 0 0;
}

.payment-table__subjects .text-lighter-sm {
	margin: 0 0 8px;
}

.payment-table__subjects .text-lighter-sm:last-child {
	margin: 0;
}

.payment-table__subjects .payment__text {
	margin: 0 0 3px;
}

.payment-table__subjects .payment__text:last-child {
	margin: 0;
}

.payment-table__btm {
	position: absolute;
	bottom: 0;
	padding-bottom: 15px;
}

.payment-table__btm .text-lighter-sm {
	line-height: 20px;
}

.payment-table__price {
	display: block;
	margin-bottom: 5px;
}

.payment-table .title {
	margin: 0 0 3px;
}

.payment-table__box {
	display: inline-block;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #e56966;
}

.payment-table__discount {
	background: none!important;
	color: #222d35;
	font-size: 18px;
	font-weight: 400;
	border: none;
	padding: 0!important;
	cursor: pointer;
	box-shadow: none;
}

.payment-table__input {
	width: 90px;
	padding: 11px 5px;
	margin: -5px 0 0;
	text-align: center;
}

.payment-table__btn {
	background: none!important;
	border: none;
	padding: 0!important;
	font: inherit;
	cursor: pointer;
	color: #5487bb;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	text-decoration: underline;
	text-align: left;
	box-shadow: none;
}

.payment-table__btn--change {
	display: none;
	float: right;
}

.payment-table__btn-wrap {
	float: right!important;
}

.payment-table__more {
	padding: 15px 20px;
	background: #c7d0d6;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: relative;
}

.payment-table__more td:first-child {
	min-width: 100px;
}

.payment-table__more td:nth-child(2) {
	min-width: 238px;
}

.checkout {
	padding: 25px 20px;
}

.checkout__data {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: end;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.checkout__header {
	padding-left: 15px;
	margin: 0 0 10px;
}

.checkout__input {
	min-width: 200px;
}

.checkout__input--comment {
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	min-width: 441px;
	margin-left: 10px;
}

.payment-log {
	display: -webkit-block;
	display: -ms-flexbox;
	display: block;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin: 0 0 20px;
}

.payment-log__header {
	margin: 0 75px 0 0;
}

.payment-log__dropdown {
	margin: 0 20px 0 0;
}

/* color */

.positive .balance-chart__wrap {
	display: block;
}

.negative .balance-chart__wrap {
	display: block;
}

.positive .balance-chart__meter {
	display: block;
	background: #55c282;
	border-top: 1px solid #80d1a1;
}

.negative .balance-chart__meter {
	display: block;
	background: #e56966;
	border-top: 1px solid #ec8f8c;
}

.positive .balance__amount {
	color: #09a148;
}

.negative .balance__amount {
	color: #d95467;
}

/* boxes */

.P_NOMONEY {
	background: #e56966;
	border: 2px solid #e56966;
}

.N_NOMONEY {
	background: transparent;
	border: 2px solid #e56966;
}

.N_OK {
	background: transparent;
	border: 2px solid #55c282;
}

.P_OK {
	background: #55c282;
	border: 2px solid #55c282;
}

/* detailed view */

.detailed-show {
	display: none;
}

.detailed .detailed-show {
	display: block;
}

.detailed .payment-table__more:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #c7d0d6;
	top: -20px;
}

.detailed .payment-table__cell--md {
	vertical-align: top;
}

.detailed .payment-table__cell:last-child {
	vertical-align: top;
}

.detailed .detailed-hide {
	display: none;
}

/* Discount controls */

.discount.active .trigger {
	display: inline-block;
	vertical-align: text-top;
}

.discount.active .trigger2,
.discount .trigger {
	display: none;
}

/* --- */

.refund.btn,
.deposit.btn,
.payout.btn {
	position: relative;
}

.payment__block > .checkout__data .select-box {
	width: 25%;
}
/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/journal.css ***!
  \***********************************************************************/
li.journal-dependent {
  display: list-item !important;
}
a.journal-dependent {
  display: inline-block !important;
}
th.journal-dependent,
td.journal-dependent {
  display: table-cell !important;
}
/* journal */
.journal-container {
  background: #fff;
}
.journal-wrap {
  padding: 0 0 50px;
  background: #fff;
}
.journal-wrap__heading {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 18px;
}
.journal-wrap__heading-top {
    justify-content: space-between;
    padding: 10px 0 5px;
    margin-bottom: -20px;
}
.journal-wrap__head-item {
  display: inline-block;
  margin: 0 25px 0 0;
}
.journal-wrap__head-item:last-child {
  margin: 0;
}
.journal-wrap__head-item--comments {
  position: relative;
  width: 16px;
  height: 15px;
}
.journal-wrap__head-item--comments .icon-comments {
  position: absolute;
  top: 40%;
  left: 0;
}
.journal-wrap__edit {
  padding: 0 0 0 17px;
  position: relative;
}
.journal-wrap__edit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: url(/assets/img/icon-edit.png) 50% 50% no-repeat;
}
.journal-wrap .table {
  table-layout: fixed;
  border-bottom: none;
}
.journal-table .thead {
  padding: 18px 35px;
  border-top: 3px solid #e9ecee;
  border-bottom: 3px solid #e9ecee;
}
.journal-table .j-current-day.tick:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 9px;
  background: url(/assets/img/tick.png) 50% 50% no-repeat;
  content: "";
  z-index: 10;
}
.journal-table .j-current-day {
  border-bottom: none !important;
  position: relative;
}
.journal-table .j-current-day:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #fff;
  content: "";
  z-index: 5;
}
.journal-table .today-block-attendance {
  text-align: center;
}
.journal-table .today-block-attendance .radio-input .icon {
  margin: 0;
}
.journal-table th {
  height: 46px;
}
.journal-table .td {
  background: #fff;
  border-bottom: 1px solid #e9ecee;
  vertical-align: middle;
}
.journal-table .td:first-child {
  width: 5%;
  text-align: center;
}
.journal-table .td:nth-child(2) {
  width: 33%;
  text-align: left;
  position: relative;
}
.journal-table .td:last-child {
  width: 17%;
  position: relative;
}
.journal-table .td.attendance {
  height: 46px;
  position: relative;
}
.journal-table .td.attendance.active {
  cursor: pointer;
}
.journal-table .td.attendance .attendanceOpen {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  height: 42px;
  width: 96%;
}
.journal-table .td.attendance .attendanceOpen form {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.journal-table .td.attendance .attendanceOpen form .radio-input {
  margin: 0;
}
.journal-table .td.attendance.j-payed .attendanceOpen {
  background: #fef3b9;
}
.journal-table .td.attendance.j-not-payed .attendanceOpen {
  background: #e9ecee;
}
.journal-table .td.attendance.j-credit .attendanceOpen {
  background: #ffebea;
}
.journal-table .td.attendance.j-test .attendanceOpen {
  background: #d4ebc4;
}
.journal-table .td.attendance.j-canceled .attendanceOpen {
  background: #e9ecee;
}
.journal-table .td.attendance.j-invalid .attendanceOpen {
  background: #e9ecee;
  cursor: default;
}
.journal-table .td.attendance.j-outdated .attendanceOpen {
  background: #e9ecee;
  cursor: default;
}
.journal-table .tr:hover .td {
  background: #e7f5f9!important;
}
.journal-table .tr .td.attendance:hover {
  background: #fff!important;
}
.journal-table col.hover {
  background-color: #e7f5f9;
}
.journal-table .td:hover {
  background: #fff!important;
}
.journal-table .attendance {
  padding: 10px;
  position: relative;
  background: transparent;
}
.journal-table .attendance.active {
  cursor: pointer;
}
.journal-table .j-current-day.dayHeader {
  color: #222d35;
}
.journal-table__date {
  position: relative;
}
.journal-table__date .icon-comments {
  width: 11px;
  height: 10px;
  position: absolute;
  top: -45%;
  right: -45%;
}
.journal-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 15px;
}
.journal-nav__list {
  position: relative;
  overflow: hidden;
}
.journal-nav__item {
  display: inline-table;
  margin: 0 30px 10px 0;
  position: relative;
}
.journal-nav__item:after {
  position: absolute;
  content: "";
  right: -20px;
  top: 65%;
  background: #9aa8af;
  width: 10px;
  height: 1px;
  transform: translateY(-50%);
}
.journal-nav__item:last-child {
  position: static;
}
.journal-nav__link {
  color: #207aae;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
}
.journal-nav__link:hover {
  color: #207aae;
}
.journal-nav__link.active {
  color: #222d35;
  text-decoration: none;
  cursor: default;
}
.journal-nav__link.active:hover {
  color: #222d35;
}
.j-prev,
.j-next,
.j-start,
.j-end {
  display: inline-block;
  border: 0;
  text-shadow: none;
  color: transparent;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.j-prev, .j-next {
    width: 10px;
}

.j-start, .j-end {
    width: 16px;
}

.j-prev {
    right: 20px;
    background: url(/assets/img/icon-arrow-left.png) 50% 50% no-repeat;
}

.j-start {
    right: 40px;
    background: url(/assets/img/icon-arrow-left-double.png) 50% 50% no-repeat;
}

.j-next {
    left: 20px;
    background: url(/assets/img/icon-arrow-right.png) 50% 50% no-repeat;
}

.j-end {
    left: 40px;
    background: url(/assets/img/icon-arrow-right-double.png) 50% 50% no-repeat;
}
.todayHeader .j-absent,
.todayHeader .j-present {
  display: inline-block;
  height: 12px;
  width: 15px;
  left: 5px;
  margin-right: 5px;
}
.j-absent,
.j-present {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.j-absent {
  width: 12px;
  height: 12px;
  background: url(/assets/img/icon-cross2.png) 50% 50% no-repeat;
}
.j-present {
  width: 12px;
  height: 9px;
  background: url(/assets/img/tick.png) 50% 50% no-repeat;
}
/* Legend */
.lgnd {
  width: 100%;
  padding: 20px 0 20px;
  background: #fff;
}
.lgnd__item {
  display: inline-block;
  padding: 0 0 0 53px;
  margin: 0 64px 0 0;
  position: relative;
}
.lgnd__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border: 1px solid #d9e0e4;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
}
.lgnd__item:first-child:before {
  background: #fef3b9;
}
.lgnd__item:nth-child(2):before {
  background: #d4ebc4;
}
.lgnd__item:nth-child(3):before {
  background: #ffebea;
}
.lgnd__item:last-child {
  margin: 0;
}
.lgnd__item:last-child:before {
  background: #e9ecee;
}
li.journal-dependent {
  display: list-item !important;
}
td.journal-dependent {
  display: table-cell !important;
}
/* comments popup */
.journalCommentsPopup {
  position: relative;
  height: 0px;
}
.j-comments-popup {
  width: 280px;
  padding: 27px;
  margin-left: -146px;
  background: #fff7cc;
  text-align: left;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: 100;
}
.j-comments-popup:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 136px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff7cc transparent;
}
.j-comments-popup .title {
  margin: 0 0 7px;
}
.j-comments-popup .text {
  margin: 7px 0 10px;
}
.j-comments-popup .text:last-child {
  margin: 7px 0 0;
}
/* attendance popup */
.j-popup {
  display: none;
  width: 230px;
  position: absolute;
  top: 20px;
  right: -50%;
  z-index: 100;
  text-align: left;
  background: #fff7cc;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.j-popup:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 79%;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff7cc transparent;
}
.j-popup__block {
  padding: 18px;
  border-bottom: 1px solid #fff;
}
.j-popup .icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.j-popup .radio-input {
  margin: 0 29px 0 0;
}
.j-popup .radio-input:last-child {
  margin: 0;
}
.j-popup .checkbox-input {
  display: block;
  margin: 0 0 20px 0;
}
.j-popup .checkbox-input:last-child {
  margin: 0;
}
.j-popup .link-red {
  background: none;
  border: none;
}
.attendancePopup .reset-attendance span {
  background-position: -485px -52px;
  margin-right: 10px;
}
.attendancePopup .reset-attendance span {
  /*background-image: url("../assets/img/sprite.png");*/
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  transition: all 0.3s ease-in-out 0s;
  width: 15px;
}
.j-comments-popup .popup-head {
  background: none repeat scroll 0 0 #F1F4F5;
  border-radius: 12px 12px 0 0;
  margin: -15px -15px 5px;
  padding: 10px 15px;
}
.j-comments-popup .popup-head span {
  color: #5487bb;
  font-size: 1.2em;
  font-weight: bold;
}
.j-comments-popup span.comment-user {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.j-comments-popup .comment-line {
  color: #000;
  font-size: 1em;
  font-weight: normal;
}
.j-comments-popup span.comment-date {
  color: #808080;
  font-size: 11px;
}
.journal-open,
.journal-correct {
  border: none;
  background: none;
}
.journal-open span,
.journal-correct span {
  /*background-image: url(../assets/img/sprite.png);*/
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.journal-open:hover span,
.journal-correct:hover span {
  transform: rotate(360deg);
}
.journal-open span {
  background-position: -485px -52px;
  margin-right: 10px;
}
.journal-close,
.journal-correct {
  border: none;
  background: none;
}
.journal-close span,
.journal-correct span {
  /*background-image: url(../assets/img/sprite.png);*/
  background-repeat: no-repeat;
  width: 16px;
  height: 15px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.journal-close:hover span,
.journal-correct:hover span {
  transform: rotate(360deg);
}
.journal-close span {
  background-position: -450.1px -80px;
  margin-right: 10px;
}
.journal-correct span {
  background-position: -450px -278px;
  margin-right: 6px;
  position: relative;
  top: 3px;
}
.journal-table-header {
  margin: 0 0 15px;
  font-size: 14px;
  padding-left: 15px;
}
.journal-table-header .class-subject {
  display: none;
}
.pupil-journal-tab .journal-table-header .class-subject {
  display: inline;
}
.today.journal-table-header span.top-image {
  /*background: url("../assets/img/sprite.png") no-repeat scroll -421px -100px transparent;*/
  content: "";
  height: 13px;
  left: -15px;
  display: inline-block;
  top: 2px;
  width: 12px;
}
.today.journal-table-header span.top {
  float: right;
  padding-right: 10px;
  cursor: pointer;
}
.today.journal-table-header a.top-text {
  border-bottom: 1px dashed;
  text-decoration: none;
  color: #000;
}
.today.journal-table-header a:hover {
  border-bottom: none;
  text-decoration: none;
  color: #000;
}
.attendanceDisplay {
  overflow: hidden;
  height: 100%;
}
.attendanceDisplay > div {
  margin-top: 50%;
}
.attendancePopup {
  position: relative;
}
.opened .j-popup {
  display: block;
}
.was-mark,
.absent-mark {
  height: 14px;
  line-height: 14px;
  position: relative;
  padding-left: 30px;
}
.was-mark {
  margin: 0 0 5px;
}
.absent-mark {
  margin: 0 0 10px;
}
.was-mark:after,
.absent-mark:after {
  content: "";
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  position: absolute;
}
.was-mark:after {
  /*background: url(../assets/img/sprite.png) no-repeat -485px -87px;*/
}
.absent-mark:after {
  /*background: url(../assets/img/sprite.png) no-repeat -484px -106px;*/
}
.group-closed,
.group-opened {
  height: 16px;
  line-height: 16px;
  padding-left: 33px;
  position: relative;
  margin: 5px 0 10px;
}
.group-closed:after,
.group-opened:after {
  content: "";
  width: 16px;
  height: 16px;
  /*background-image: url(../assets/img/sprite.png);*/
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.group-closed:after {
  background-position: -450px -79px;
}
.group-opened:after {
  background-position: -485px -52px;
}
.activeDay {
  box-shadow: 0 0 0 2px #f3a63c inset;
}
.deleted_student {
  color: #9896A1;
}
.deleted_student a {
  color: #9896A1;
}
.deleted_student a:hover {
  color: #8D8AA0;
}
.journal-fixed .navbar {
  position: fixed;
  width: 100%;
  z-index: 1002;
}
.journal-fixed .container {
  margin-top: 150px;
}

.journal-today-container {
    padding-top: 170px;
}

.journal-fixed__menu {
  position: fixed;
  z-index: 1000;
  width: 100%;
  background: #fff;
  padding: 0 40px;
  left: 0;
}

.journal-fixed__menu:after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 1000px;
  background: #fff;
  left: 0;
  bottom: 0;
}
.journal-fixed .fixed.journal_filter {
  margin: 15px 0 0;
}

/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/statistics.css ***!
  \**************************************************************************/
.statistics {
	border: 1px solid #C5D3DC;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 30px;
	padding: 15px;
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.statistic_block .stat_header {
	font-size: 1.167em;
	font-weight: bold;
	padding:0 15px 10px;
	margin:0 -15px 10px;
	border-bottom:1px solid #e9e9e9;

}

.statistic_block .stat_list {
	display: block;
}

.statistic_block .stat_list .value {
	display: block;
	padding-right: 30px;
}



.statistic_block .stat_list .count {
	position: absolute;
	right: 0;
	top: 0;
	color:#6699cc;
}
.stat_att, .statistic_block .stat_att .count {
	color: red;
}

.statistic_block .stat_list li {
	font-size: 1em;
	list-style-type: none;
	position: relative;
	margin-bottom: 2px;
}

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/schedule.css ***!
  \************************************************************************/
.schdl-head {
	margin: 10px 0 34px;
}

.schdl-head--journal {
	margin: 10px 0 -31px;
}

.schdl-head__btns {
	width: 340px;
	position: absolute;
	right: 41px;
	top: 163px;
	z-index: 1;
}

.schdl-head__btns .btn {
	margin: 0 10px 0 0;
}

.schdl-head__btns .btn:last-child {
	margin: 0;
}

.schdl-head__head {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.schdl-head .title {
	margin: 20px 0 0;
}

.schdl-head__nav-item {
	display: inline-table;
	margin: 0 30px 0 0;
	position: relative;
}

.schdl-head .schdl-head__wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.schdl-head .schdl-head__wrapper .schdl-head__nav-item:last-child:after {
    content: none;
}

.schdl-head__nav-item.picker {
    background: url(/assets/img/calendar_blue.png) 50% 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.schdl-head__nav-item.picker:after {
    content: none;
}

.schdl-head__nav-item:after {
	position: absolute;
	content: "";
	right: -20px;
	top: 65%;
	background: #9aa8af;
	width: 10px;
	height: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*.schdl-head__nav-item:nth-child(3) {*/
	/*position: static;*/
/*}*/

.schdl {
	table-layout: fixed;
	width: 100%;
	margin: -35px 0 20px;
}

.schdl.schdl_margin_zero {
    margin: 0;
}

.schdl td:last-child {
	width: 18px !important;
}

.schdl .empty {
	width: 18px;
	background: #e9ecee;
}

.schdl .empty-row {
	height: 20px;
	background: #e9ecee;
}

.schdl .empty-row .empty {
	background: #e9ecee;
}

.schdl .empty-row .empty:first-child {
	border-top-left-radius: unset;
	border-bottom-left-radius: 4px;
}

.schdl .empty-row .empty:last-child {
	border-top-right-radius: unset;
	border-bottom-right-radius: 4px;
}

.schdl__dates .empty {
	background: #fff;
}

.schdl__date {
	padding: 20px 0 20px;
	position: relative;
	-webkit-transform: translatex(-18px);
	transform: translatex(-18px);
}

.schdl .rooms {
	background: #e9ecee;
}

.schdl .rooms .empty {
	position: relative;
	width: 18px;
	background: #e9ecee;
}

.schdl .rooms .empty:first-child {
	border-top-left-radius: 4px;
}

.schdl .rooms .empty:last-child {
	border-top-right-radius: 4px;
}

.schdl .rooms__item {
	padding: 15px 0;
	text-align: center;
	position: relative;
	color: #536069;
	font-size: 13px;
}

.schdl .rooms__item:after {
	content: "";
	height: 40%;
	width: 2px;
	background: #fff;
	position: absolute;
	left: 100%;
	bottom: 0;
}

.schdl .rooms__item:first-child {
	border-top-left-radius: 4px;
}

.schdl .rooms__item:last-child {
	border-top-right-radius: 4px;
}

.schdl .rooms__item:last-child:after {
	width: 0;
}

.schdl .lesson {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #fff;
	position: relative;
}

.schdl .lesson:hover .link {
	visibility: visible;
}

.schdl .lesson__link {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: #ddf6ff;
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100px;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 30px 0;
	visibility: hidden;
}

.schdl .lesson__link:hover {
	visibility: visible;
}

.schdl .lesson__link:after {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "";
	background: url(/assets/img/icon-add-blue.png) 50% 50% no-repeat;
}

.schdl .lesson__wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 100px;
	padding: 13px 10px 13px 15px;
	position: relative;
	overflow: hidden;
	border: 1px solid #fff;
}

.schdl .lesson__wrap:hover {
	text-decoration: none;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
}

.schdl .lesson__wrap:hover .lesson__subj,
.schdl .lesson__wrap:hover .lesson__pupil {
	color: #207aae;
	text-decoration: underline;
}

.schdl .lesson__wrap:hover .lesson__course,
.schdl .lesson__wrap:hover .lesson__text {
	color: #222d35;
}

.schdl .lesson__wrap:hover .lesson__status,
.schdl .lesson__wrap:hover .lesson__level {
	opacity: 1;
}

.schdl .lesson__wrap:before {
	content: "";
	height: 100%;
	width: 5px;
	position: absolute;
	left: 0;
	top: 0;
	background: #666;
}

.schdl .lesson__wrap.oneTime {
	background: #fef3b9;
}

.schdl .lesson__wrap.oneTime:hover {
	border-color: #fef3b9;
	outline: 1px solid #fef3b9;
}

.schdl .lesson__wrap.passedLogClosed,
.schdl .lesson__wrap.passedLogNotClosed,
.schdl .lesson__wrap.onGroupSchedule {
	background: #fff;
	border-bottom: 1px solid #dbe3e8;
}

.schdl .lesson__wrap.passedLogClosed:hover,
.schdl .lesson__wrap.passedLogNotClosed:hover,
.schdl .lesson__wrap.onGroupSchedule:hover {
	border-color: #dbe3e8;
	outline: 1px solid #dbe3e8;
}

.schdl .lesson__wrap.cancel2,
.schdl .lesson__wrap.cancel {
	background: #fde4e5;
}

.schdl .lesson__wrap.cancel2:hover,
.schdl .lesson__wrap.cancel:hover {
	border-color: #fde4e5;
	outline: 1px solid #fde4e5;
}

.schdl .lesson__wrap.future {
    background-image: repeating-linear-gradient(-45deg, #f5f1f1, #f5f1f1 5px, #ffffff 5px, #ffffff 10px);
}

.schdl .lesson__wrap.future:hover {
	border-color: #dbe3e8;
	outline: 1px solid #dbe3e8;
}

.calendar--lesson.STR .calendar__lesson__level,
.schdl .lesson__wrap.STR .lesson__level {
	display: block;
	background: url(/assets/img/icon-level-up.png) 50% 50% no-repeat;
}

.calendar--lesson.LOW .calendar__lesson__level,
.schdl .lesson__wrap.LOW .lesson__level {
	display: block;
	background: url(/assets/img/icon-level-down.png) 50% 50% no-repeat;
}

.calendar--lesson.CLOSED .calendar__lesson__status,
.schdl .lesson__wrap.CLOSED .lesson__status {
	display: block;
	background: url(/assets/img/icon-cross-sm.png) 50% 50% no-repeat;
}

.schdl .lesson__wrap.type-1:before {
	background: #ef9a9a;
}

.schdl .lesson__wrap.type-2:before {
	background: #ce93d8;
}

.schdl .lesson__wrap.type-3:before {
	background: #b39ddb;
}

.schdl .lesson__wrap.type-4:before {
	background: #90caf9;
}

.schdl .lesson__wrap.type-5:before {
	background: #81d4fa;
}

.schdl .lesson__wrap.type-6:before {
	background: #80cbc4;
}

.schdl .lesson__wrap.type-7:before {
	background: #a5d6a7;
}

.schdl .lesson__wrap.type-8:before {
	background: #e6ee9c;
}

.schdl .lesson__wrap.type-9:before {
	background: #fff59d;
}

.schdl .lesson__wrap.type-10:before {
	background: #ffcc80;
}

.schdl .lesson__wrap.type-11:before {
	background: #ffab91;
}

.schdl .lesson__wrap.type-12:before {
	background: #bcaaa4;
}

.schdl .lesson__wrap.type-13:before {
	background: #b0bec5;
}

.lesson__comment,
.schdl .lesson__comment {
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	background: url(/assets/img/note.png) 50% 50% no-repeat;
	position: absolute;
	right: 0;
}

.schdl .lesson__course {
	display: block;
	color: #536069;
	font-size: 11px;
}

.schdl .lesson__subj {
	display: block;
	color: #222d35;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.schdl .lesson__btm {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.schdl .lesson__text {
	display: block;
	color: #536069;
	font-size: 13px;
}

.schdl .lesson__text--100 {
	width: 100%;
}

.schdl .lesson__icons {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

.schdl .lesson__status,
.schdl .lesson__level {
	display: none;
	width: 10px;
	height: 10px;
	margin: 3px 6px 0 3px;
	opacity: .5;
}

.schdl .lesson__level {
	margin: 3px 0;
}

.schdl .lesson__pupil {
	display: block;
	color: #222d35;
	font-size: 13px;
	text-decoration: none;
}

/* legend */

.legend {
	padding: 20px 0 0;
}

.legend .text-light-sm {
	margin: 0 0 0 15px;
}

.legend__container {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.legend__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 20px;
}

.legend__icon {
	width: 32px;
	height: 32px;
	border: 1px solid #d9e0e4;
}

.legend__grad--white,
.legend__icon--white {
	background: #fff;
}

.legend__icon--green {
	background: #d4ebc4;
}

.legend__grad--yellow,
.legend__icon--yellow {
	background: #fef3b9;
}

.legend__icon--linered {
	background: url(/assets/img/linered.png) 50% 50% no-repeat;
}

.legend__grad--red,
.legend__icon--red {
	background: #ffebea;
}

.legend__grad--gray,
.legend__icon--gray {
	background: #e9ecee;
}
.legend__grad--linegray {
    background: repeating-linear-gradient(-45deg, #f5f1f1, #f5f1f1 5px, #ffffff 5px, #ffffff 10px);
}

.legend__icon--linegray {
	background: url(/assets/img/linegray.png) 50% 50% no-repeat;
}

/* New lesson */

.class-title {
	margin: 20px 0 20px;
}

.class__head {
	position: relative;
}

.class__head-btns {
	position: absolute;
	right: 0;
	top: -30px;
}

.class .btn {
	margin-right: 20px;
}

.class .btn:last-child {
	margin-right: 0;
}

.class .btn--green {
	margin-top: 10px;
}

.class__comments-block {
	width: 100%;
	padding: 20px;
	margin: 0 0 20px;
	background: #e9ecee;
	border-top: 1px solid #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.class__comments-block .title-xs {
	margin: 0 0 13px;
}

.class__comments-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 20px;
	background: #fff;
	border-radius: 4px;
}

.class__textarea {
	width: 100%;
	height: 70px;
}

.class__btns {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block;
}

.class__date-input {
	width: 100% !important;
}

.class__rate-input label,
.class__duration-input label,
.class__tag-input label{
    line-height: 40px;
    color: gray;
}

.class__rate-input label {
    padding-left: 7px;
}

.class__duration-input label {
    padding-left: 19px;
}

.class__rate-input input,
.class__tag-input input {
    width: 60% !important;
}

.class__duration-input input {
    width: 58% !important;
}

.class .table td:first-child {
	width: 2%;
	text-align: center;
}

.class .filter .radio-input {
	margin: 0 25px 0 0;
}

.class .filter .radio-input:last-child {
	margin: 0;
}

.class__waiting-list-head {
	padding: 30px 20px;
}

/* --- */

.added-plus {
	display: inline-block;
	width: 13px;
	height: 12px;
	/*background: url(../assets/img/sprite.png) no-repeat -467px -20px;*/
	cursor: pointer;
	position: relative;
	top: 2px;
	margin-left: 5px;
}

.search-suggested-pupil {
	color: #4D87C7;
	cursor: pointer;
	transition: color 0.3s ease-in-out;
}

.search-suggested-pupil:hover {
	text-decoration: underline;
	color: #182E7A;
}

.group-properties {
	padding-bottom: 10px;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 -20px 10px;
	padding-left: 40px;
	padding-right: 15px;
	position: relative;
}

.group-properties:last-child {
	margin-bottom: 0;
	border: none;
}

.group-properties label {
	display: block;
	font-size: 13px;
	margin: 0 0 5px;
	padding-left: 0px;
}

.group-properties-edit .subject {
	padding-left: 0px;
}

.group-properties-edit label {
	display: block;
	font-size: 1.14em;
	margin: 0 0 5px;
}

.group-properties-edit.type label {
	display: block;
	font-size: 1.14em;
	margin: 0 0 5px;
	padding-left: 0px;
}

.group-properties-edit.buttons {
	padding-top: 10px;
	margin: 0 -17px;
	text-align: center;
}

.group-properties-edit.buttons .btn-medium {
	padding: 0 13px;
}

.schedule.page {
	border: 1px solid #b7c6d1;
	display: inline-block;
	height: 26px;
	text-align: center;
	width: 26px;
	background: #fff;
	background: linear-gradient(to bottom, #fff 23%, #fff 23%, #dcdcdc 99%);
	border-radius: 3px;
	color: #333;
}

.schedule.page:active {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc 1%, #fff 77%, #fff 77%);
}

.schedule.next,
.schedule.previous {
	border: 1px solid #b7c6d1;
	display: inline-block;
	height: 26px;
	text-align: center;
	width: 35px;
	background: #fff;
	background: linear-gradient(to bottom, #fff 23%, #fff 23%, #dcdcdc 99%);
	border-radius: 3px;
	color: #333;
}

.schedule.next:hover,
.schedule.previous:hover {
	border: 1px solid #7fb4d6;
	color: #3e9ece;
}

.schedule.page:hover {
	cursor: pointer;
	border: 1px solid #7fb4d6;
	color: #3e9ece;
}

.schedule.page.active {
	cursor: pointer;
	background: #75afd3;
	border: 1px solid #3399cc;
	color: #fff;
}

div.schedule.pages {
	margin-bottom: 25px;
	text-align: right;
	width: 100%;
}

.js-groupClassesTab {
	background: none repeat scroll 0 0 #fff;
	left: 59%;
	margin-left: -400px;
	position: absolute;
	top: 145px;
	z-index: 15;
}

.js-groupClassesTab .dark-container {
	background: #e9edf5;
	padding: 20px 10px 15px;
	border-radius: 5px;
	margin: 0 0 20px 0;
}

.js-groupClassesTab .dark-container .table .tr {
	background: none repeat scroll 0 0 #fff;
}

.js-groupClassesTab .activeDay {
	box-shadow: 0 0 0 2px #f3a63c inset;
}

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

.schedule-week {
	font-size: 15px;
}

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

.auditorium-nav button {
    position: absolute;
    width: 30px;
    border: none;
}

.auditorium-nav .left {
    background: #eee url(/assets/img/icon-arrow-left.png) 50% 50% no-repeat;
}

.auditorium-nav .right {
    background: #eee url(/assets/img/icon-arrow-right.png) 50% 50% no-repeat;
}

.day-calendar__wrapper {
    background-color: #e9ecee;
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
}



.day-calendar__grid {
    display: flex;
    flex-direction: column;
}
.day-calendar__grid__header {
    display: flex;
}
.day-calendar__grid__header .grid__header__empty {
    display: flex;
    flex: 1 1 0%;
    max-width: 40px;
}
.day-calendar__grid__header .grid__header__row {
    display: flex;
    flex: 1 1 auto;
}
.day-calendar__grid__header .grid__header__row__column {
    display: flex;
    flex: 1 1 0%;
    justify-content: center;
    font-size: 13px;
    line-height: 21px;
    color: #536069;
    max-width: calc(100% / 9);
    margin: 0 1%;
}
.day-calendar__grid__main {
    display: flex;
    padding: 20px 0;
    position: relative;
}
.day-calendar__grid__main .grid__main__time {
    max-width: 40px;
    flex: 1;
}
.day-calendar__grid__main .grid__main__time__row {
    height: 30px;
    min-height: 30px;
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #9aa8af;
}
.day-calendar__grid__main .grid__main__time__row._has-item {
    height: 100px;
}
.day-calendar__grid__main .grid__main__time__row ._time {
    font-size: 11px;
    line-height: 21px;
    color: #9aa8af;
    transform: translateY(-100%);
}
.day-calendar__grid__main .grid__main__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.day-calendar__grid__main .grid__main__content__row {
    display: flex;
    flex: 1 1 auto;
    min-height: 30px;
}
.day-calendar__grid__main .grid__main__content__row._has-item {
    height: 100px;
}
.day-calendar__grid__main .grid__main__content__row._has-item:hover ._link ._link--icon {
    display: block;
}
.day-calendar__grid__main .grid__main__content__cell {
    display: flex;
    justify-content: center;
    flex: 1 1;
    margin: 0 1%;
    position: relative;
    max-width: calc(100% / 9);
}
.day-calendar__grid__main .grid__main__content__cell ._link {
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    color: #207aae;
    display: none;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}
.day-calendar__grid__main .grid__main__content__cell ._link__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.day-calendar__grid__main .grid__main__content__cell ._link--icon {
    display: none;
    width: 24px;
    height: 24px;
    background-image: url(/assets/img/blue_plus_sign.png);
    background-position: 50%;
    background-size: cover;
}
.day-calendar__grid__main .grid__main__content__cell._has-more .calendar-item__toggle {
    display: block;
}
.day-calendar__grid__main .grid__main__content__cell:hover ._link {
    display: flex;
}
.day-calendar__grid__main .grid__main__content__cell--divider {
    border-top: 1px solid #9aa8af;
    width: 100%;
}
.day-calendar__grid__main .grid__main__content__cell--toggle {
    display: none;
}
.day-calendar__grid__main .grid__main__content__cell._has-more .grid__main__content__cell--toggle {
    display: flex;
    width: 34px;
    height: 14px;
    transform: translateY(-99%);
    background-color: red;
    z-index: 100;
    position: absolute;
    right: 0;
    top: 0;
}
.day-calendar__grid__main__timer {
    position: absolute;
    width: 100%;
}
.day-calendar__grid__main__timer--time {
    font-size: 11px;
    line-height: 21px;
    color: #00a2ff;
}
.day-calendar__grid__main__timer--line {
    height: 2px;
    background-color: #00a1ff;
    margin-right: 20px;
}
.day-calendar__grid .calendar-item {
    display: flex;
    width: 100%;
    position: absolute;
    z-index: 20;
    top: 0;
}
.day-calendar__grid .calendar-item:hover {
    z-index: 100;
}
.day-calendar__grid .calendar-item.expandable:hover {
    height: auto !important;
}
.day-calendar__grid .calendar-item__toggle {
    right: 0;
    position: absolute;
    width: 12px;
    height: 32px;
    background-color: inherit;
    margin-right: -11px;
    top: -1px;
    border: 1px solid #cbcdcf;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none;
    display: none;
    cursor: pointer;
}
.day-calendar__grid .calendar-item.future, .day-calendar__grid .calendar-item.cancel {
    z-index: 10;
}
.day-calendar__grid .calendar-item.active {
    z-index: 50;
}
.day-calendar__grid .calendar-item__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 11px;
    line-height: 18px;
    color: #536069;
    border: 1px solid #cbcdcf;
    background-color: #ffffff;
    border-radius: 5px;
    position: relative;
}
.day-calendar__grid .calendar-item__wrapper__content {
    overflow: hidden;
}
.day-calendar__grid .calendar-item__wrapper__content a {
    text-decoration: none;
}
.day-calendar__grid .calendar-item--subject {
    font-size: 12px;
    color: #222d35;
    font-weight: bold;
}
.day-calendar__grid .calendar-item--subject:hover {
    color: #207aae;
    text-decoration: underline;
}
.day-calendar__grid .calendar-item--title {
    display: flex;
    align-items: center;
}
.day-calendar__grid .calendar-item--teacher {
    color: inherit;
}
.day-calendar__grid .calendar-item--teacher:hover {
    color: #207aae;
    text-decoration: underline;
}
.day-calendar__grid .calendar-item--duration {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.day-calendar__grid .calendar-item--duration .calendar__lesson__level,
.day-calendar__grid .calendar-item--duration .calendar__lesson__status {
    width: 10px;
    height: 10px;
}
.day-calendar__grid .calendar-item .calendar__item__icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.day-calendar__grid .calendar-item .calendar__item__icons > * {
    margin-right: 10px;
}
.day-calendar__grid .calendar--lesson {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 10px;
}
.day-calendar__grid .calendar--lesson.oneTime {
    background-color: #fef3b9;
}
.day-calendar__grid .calendar--lesson.future {
    background: repeating-linear-gradient(-45deg, #f5f1f1, #f5f1f1 5px, #ffffff 5px, #ffffff 10px);
}
.day-calendar__grid .calendar--lesson.cancel2, .day-calendar__grid .calendar--lesson.cancel {
    background-color: #fde4e5;
}
.day-calendar__grid .calendar--lesson.onGroupSchedule {
    background-color: #ffffff;
}

@media (max-width: 1024px) {

.schdl-head__btns {
	right: auto;
	left: 625px;
}

}


/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/style.css ***!
  \*********************************************************************/
.clearfix:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.payment-dependent,
.journal-dependent {
	display: none;
}

.disabled {
	opacity: .5;
	cursor: default !important;
	pointer-events: none;
}

.invisible {
	visibility: hidden !important;
}

.hidden {
	display: none !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.hidden-text {
	border: 0;
	text-shadow: none;
	color: transparent;
}

/* General styles */

#page {
	min-width: 1024px;
	min-height: 100%;
	overflow: hidden;
}

html,
body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #222d35;
	font-family: Tahoma;
}

footer {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

.navbar {
	position: relative;
	z-index: 10;
}

/* icons */

.icon-remove {
	display: inline-block;
	width: 22px;
	height: 22px;
	padding: 5px;
	background: url(/assets/img/icon-cross.png) 50% 50% no-repeat;
	cursor: pointer;
}

.icon-comments {
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(/assets/img/icon-comments.png) 50% 50% no-repeat;
	cursor: pointer;
}

.icon-prev {
	display: inline-block;
	width: 10px;
	height: 16px;
	background: url(/assets/img/icon-arrow-left.png) 50% 50% no-repeat;
	cursor: pointer;
	border: 0;
	text-shadow: none;
	color: transparent;
}

.icon-next {
	display: inline-block;
	width: 10px;
	height: 16px;
	background: url(/assets/img/icon-arrow-right.png) 50% 50% no-repeat;
	cursor: pointer;
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

.icon-close {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(/assets/img/icon-close.png) 50% 50% no-repeat;
	cursor: pointer;
}

.icon-edit {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/assets/img/icon-edit.png) 50% 50% no-repeat;
	cursor: pointer;
}

.icon-delete {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/assets/img/icon-cross.png) 50% 50% no-repeat;
	cursor: pointer;
}

.icon-add-pupil {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/assets/img/icon-add.png) 50% 50% no-repeat;
	cursor: pointer;
}

.icon-add {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/assets/img/icon-add-blue.png) 50% 50% no-repeat;
	cursor: pointer;
}

/* sorting */

.icon-sort-light {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 5px;
	border-style: solid;
	border-width: 0 5.5px 6px 5.5px;
	border-color: transparent transparent #9aa8af transparent;
}

.icon-sort-light.desc {
	border-width: 6px 5.5px 0 5.5px;
	border-color: #9aa8af transparent transparent transparent;
}

.icon-sort {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 5px;
	border-style: solid;
	border-width: 0 5.5px 6px 5.5px;
	border-color: transparent transparent #222d35 transparent;
}

.icon-sort.desc {
	border-width: 6px 5.5px 0 5.5px;
	border-color: #222d35 transparent transparent transparent;
}

/* btns */

.btn {
	display: inline-block;
	height: 38px;
	color: #fff;
	font-size: 13px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	border: none;
}

.btn--green {
	background: linear-gradient(#25ae60, #1c9349);
	border-top: 2px solid #25ae60;
	border-bottom: 2px solid #00775a;
}

.btn--green:hover {
	background: linear-gradient(#2ec278, #23ae5b);
	border-top: 2px solid #2ec278;
}

.btn--green:active {
	background: #20a054;
	border-bottom: 2px solid #20a054;
	border-top: 2px solid #18763e;
	box-shadow: none;
}

.btn--blue {
	background: linear-gradient(#258cba, #1c69a3);
	border-top: 2px solid #258cba;
	border-bottom: 2px solid #07538c;
}

.btn--blue:hover {
	background: linear-gradient(#2ea9cb, #2383ba);
	border-top: 2px solid #2ea9cb;
}

.btn--blue:active {
	background: #207aae;
	border-bottom: 2px solid #207aae;
	border-top: 2px solid #07538c;
	box-shadow: none;
}

.btn--orange {
	background: linear-gradient(#bf6930, #aa4f24);
	border-top: 2px solid #bf6930;
	border-bottom: 2px solid #933000;
}

.btn--orange:hover {
	background: linear-gradient(#cf823c, #bf632d);
	border-top: 2px solid #cf823c;
}

.btn--orange:active {
	background: #b45b2a;
	border-bottom: 2px solid #b45b2a;
	border-top: 2px solid #85431f;
	box-shadow: none;
}

.btn--peach {
	padding: 0 19px 3px 47px;
	position: relative;
	color: #536069;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
	background: linear-gradient(#ffd3af, #ffcda4);
	border-top: 2px solid #ffd3af;
	border-bottom: 2px solid #e6b58e;
}

.btn--peach:hover {
	background: linear-gradient(#ffbb85, #ffb174);
	border-top: 2px solid #ffbb85;
}

.btn--peach:active {
	padding: 0 19px 3px 47px;
	color: #222d35;
	background: #ffbb85;
	border-bottom: 2px solid #ffbb85;
	border-top: 2px solid #bc8a62;
	box-shadow: none;
}

.btn--peach:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 16px;
	height: 21px;
	background: url(/assets/img/icon-add.png) 50% 50% no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn--add {
	position: relative;
	padding: 0 19px 3px 47px;
}

.btn--add:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 16px;
	height: 21px;
	background: url(/assets/img/icon-add.png) 50% 50% no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn.disabled {
	color: #73818a;
	background: linear-gradient(#e4e4e4, #dbdbdb);
	border-top: none;
	border-bottom: 2px solid #c7d0d6;
	text-shadow: none;
	cursor: default;
	pointer-events: none;
	opacity: 1;
}

.btn--120 {
	width: 120px;
}

.btn--177 {
	width: 177px;
}

.btn--200 {
	width: 200px;
}

.btn--255 {
	width: 255px;
}

/* inputs */
.input-field[disabled] {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.input-field {
	padding: 11px 18px;
	background: #fff;
	color: #222d35;
	font-size: 13px;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

.input-field:hover {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2) !important;
}

.input-field:active {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

.input-field:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

.input-field--static {
	padding: 0;
	background: none;
	border: 1px solid transparent;
	box-shadow: none;
	position: relative;
}

.input-field--grow {
	flex-grow: 1;
}

.input-field--ml-20 {
	margin-left: 20px;
}

.input-field--label-inner {
	padding: 11px 55px 11px 18px;
}

.input-field.error {
	box-shadow: 0 0 0 1px #f00;
}

.input-field--date {
	background: url(/assets/img/icon-calendar.png) 220px 50% no-repeat;
}

::-webkit-input-placeholder {
	color: #73818a;
	font-size: 13px;
	font-style: oblique;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	background: #fff;
}

.label-inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 18px;
}

.label-inner--teacher {
	right: 48px;
}

.select-box {
	position: relative;
	display: inline-block;
	height: 40px;
	width: 100%;
	cursor: pointer;
}

.select-box:hover {
	box-shadow: none;
}

.select-box:hover .select-box__value {
	color: #222d35;
}

.select-box:hover:after {
	opacity: 1;
}

.select-box.disabled:after {
	background: url(/assets/img/icon-arrow-grey.png) 50% 50% no-repeat;
}

.select-box:after {
	width: 12px;
	height: 7px;
	content: "";
	background: url(/assets/img/icon-arrow.png) 50% 50% no-repeat;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	opacity: .7;
}

.select-box select {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	margin: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;
}

.select-box option {
	color: #222d35;
}

.select-box option[value=""] {
	color: #73818a;
}

.select-box__value {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 11px 18px;
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.select-box__value--default {
	color: #73818a;
}

.select-box--date:after {
	height: 10px;
	background: url(/assets/img/icon-calendar.png) 50% 50% no-repeat;
}

.select-box--date.disabled:after {
	background: none;
}

.checkbox-input {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.checkbox-input:last-child {
	margin: 0;
}

.checkbox-input.disabled {
	cursor: default;
	opacity: .5;
}

.checkbox-input input {
	visibility: hidden;
	position: absolute;
	top: -50px;
}

.checkbox-input .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 15px 0 0;
	background: url(/assets/img/icon-checkbox.png) 50% 50% no-repeat;
}

.checkbox-input input:checked + .icon {
	background: url(/assets/img/icon-checked.png) 50% 50% no-repeat;
}

.checkbox-input input ~ * {
	color: #536069;
}

.checkbox-input input:checked ~ * {
	color: #222d35;
}

.checkbox-input input:hover ~ * {
	color: #222d35;
}

.radio-input {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.radio-input.disabled {
	cursor: default;
	opacity: .5;
}

.radio-input input {
	position: absolute;
	top: -50px;
}

.radio-input .icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 15px 0 0;
	background: url(/assets/img/icon-radio.png) 50% 50% no-repeat;
}

.radio-input input:checked + .icon {
	background: url(/assets/img/icon-radio-checked.png) 50% 50% no-repeat;
}

.radio-input input ~ * {
	color: #536069;
}

.radio-input input:checked ~ * {
	color: #222d35;
}

.radio-input input:hover ~ * {
	color: #222d35;
}

/* error */

.error label {
	color: #f00;
}

.error input[type='radio'] {
	box-shadow: none;
}

.error input,
textarea.error,
select.error,
input.error,
.error ul,
.error span {
	box-shadow: 0 0 0 1px #f00 !important;
}

.error input:hover,
textarea.error:hover,
select.error:hover,
input.error:hover,
.error ul:hover,
.error span:hover {
	box-shadow: 0 0 0 1px #f00 !important;
}

input.mobile-incorrect {
	box-shadow: 0 0 0 1px #f00 !important;
}

input.mobile-incorrect:hover {
	box-shadow: 0 0 0 1px #f00 !important;
}

input.mobile-correct {
	box-shadow: 0 0 0 1px #0f0 !important;
}

input.mobile-correct:hover {
	box-shadow: 0 0 0 1px #0f0 !important;
}

/* ---- */

.stats-block {
	position: relative;
	text-align: center;
	border: 1px solid #bbc9d4;
	border-radius: 5px;
}

.stats-cell {
	float: left;
	position: relative;
	text-align: center;
	width: 20%;
	border-left: 1px solid #bbc9d4;
	padding: 10px;
}

.stats-cell:first-child {
	border-left: none;
}

.stats-cell .title {
	font-size: 15px;
	margin: 0 0 5px;
}

.stats-cell .amount {
	font-weight: bold;
	font-size: 18px;
}

.percent-field .amount {
	color: #3786b7;
}

.stats-cell .up {
	border: 5px solid;
	border-color: transparent transparent #4cd9c0 transparent;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 3px;
	left: -5px;
}

.stats-cell .down {
	border: 5px solid;
	border-color: #ff9666 transparent transparent transparent;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -5px;
}

.choose-report > .white-shadow-block {
	width: 94%;
	left: 3%;
}

.choose-report h2 {
	margin-left: 3%;
}

.choose-report-cell {
	background-color: #f1f5f7;
	margin: 10px;
	width: 350px;
	height: 88px;
}

.choose-report-cell div {
	display: inline-block;
}

.choose-report-cell > .report-link {
	width: 230px;
	position: absolute;
	margin-top: 35px;
}

.choose-report-cell > .report-link a h2 {
	color: #81b3d2;
}

.choose-report-cell > .report-link a {
	text-decoration: none;
}

.choose-report-cell > .report-link a:hover h2 {
	color: #ff0000;
}

.report-icon {
	width: 60px;
	height: 60px;
}

.report-icon {
	border-radius: 50%;
	margin: 14px;
}

.report-icon.conversion {
	background: url(/assets/img/sprite.png) no-repeat -292px -351px #81b3d2;
}

.report-icon.occupancy {
	background: url(/assets/img/sprite.png) no-repeat -290px -290px #81b3d2;
}

.select-box.horizontal {
	display: inline-block;
}

.occupancy-head .head-cell {
	float: left;
	width: 33.33332%;
}

.occupancy-head .title {
	font-weight: bold;
	color: #689acc;
	font-size: 14px;
}

.occupancy-head .color-blue {
	color: #689acc;
}

.btn.ico-document,
.btn.ico-declaration,
.btn.ico-print {
	padding: 0 10px 0 27px;
	position: relative;
	font-size: 11px;
}

.ico-document:after {
	content: "";
	position: absolute;
	width: 17px;
	height: 19px;
	top: 4px;
	left: 15px;
	background: url(/assets/img/sprite.png) no-repeat 0 -250px;
}

.ico-declaration:after {
	content: "";
	position: absolute;
	width: 21px;
	height: 16px;
	top: 5px;
	left: 13px;
	background: url(/assets/img/sprite.png) no-repeat 0 -300px;
}

.ico-minus,
.ico-plus {
	position: relative;
	text-align: center;
	width: 150px;
	padding-left: 30px!important;
}

.deactivation {
	font-size: 11px!important;
}

.ico-print:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 6px;
	width: 17px;
	height: 15px;
	background: url(/assets/img/sprite.png) no-repeat 0 -350px;
}

.ico-plus:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 9px;
	width: 17px;
	height: 17px;
	background: url(/assets/img/sprite.png) no-repeat -550px -200px;
}

.ico-minus:after {
	content: "";
	position: absolute;
	top: 9px;
	left: 9px;
	width: 15px;
	height: 15px;
	/*background: url(../assets/img/sprite.png) no-repeat -550px -222px;*/
}

.sideBar-correct-scheduled .validated {
	position: relative;
}

.sideBar-correct-scheduled-group .select-box {
	width: 46%;
}

.sideBar-correct-scheduled-group .select-box:first-child {
	float: left;
}

.sideBar-correct-scheduled-group .select-box:last-child {
	float: right;
}

.zonTop {
	top: 20px;
	left: 0;
	position: absolute;
	width: auto;
	height: 100%;
	z-index: 20;
}

.container-confirm {
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	margin-top: -100px;
	background-color: #eff4f6;
	width: 400px;
	height: 200px;
	z-index: 15;
	padding: 3px;
	border-radius: 10px;
}

.confirm.message {
	display: block;
	top: -5px;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #ffffff;
}

.confirm.question {
	/*background: url(../assets/img/sprite.png) no-repeat -200px -300px;*/
	height: 45px;
	width: 45px;
	margin: 20px;
	position: absolute;
}

.confirm.buttons {
	padding: 15px;
	text-align: right;
}

h3.confirm {
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 5px;
	padding: 18px 30px 44px 90px;
	text-align: left;
}

.container-exception {
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	margin-top: -100px;
	background-color: #eff4f6;
	width: 400px;
	min-height: 200px;
	z-index: 15;
	padding: 3px;
	border-radius: 10px;
	overflow: hidden;
}

.exception.message {
	display: block;
	top: -5px;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #ffffff;
}

.exception.question {
	/*background: url(../assets/img/sprite.png) no-repeat -200px -300px;*/
	height: 45px;
	width: 45px;
	margin: 20px;
	position: absolute;
}

.exception.buttons {
	padding: 15px;
	text-align: right;
}

h3.exception {
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 5px;
	padding: 50px 30px 50px 90px;
	text-align: left;
}

.container-confirm.sms-notification {
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #ccc;
	height: auto;
	z-index: 101;
}

.sms-notification .heading {
	background: #fff;
	padding: 10px 20px;
}

.sms-notification .heading .title {
	font-size: 20px;
	margin: 0 0 20px;
	padding-top: 10px;
}

.sms-notification .heading textarea {
	width: 100%;
	min-height: 70px;
	margin: 0 0 3px;
}

.sms-notification .total-students {
	text-align: right;
}

.sms-notification .phones {
	padding: 0 20px 20px;
	background: #fff;
}

.sms-notification .phones-container {
	padding: 5px 5px 5px 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	overflow: auto;
	max-height: 150px;
}

.sms-notification .fio {
	float: left;
	width: 60%;
}

.sms-notification .fio span {
	color: #2f7eaf;
	text-decoration: none;
}

.sms-notification .fio span:hover {
	text-decoration: none;
}

.sms-notification .phone {
	float: left;
	width: 40%;
}

.sms-notification .phone label {
	display: inline-block;
}

.sms-notification .phone input {
	margin-right: 10px;
}

.sms-notification .btn--green {
	width: 120px;
	margin: 0 20px 0 0;
}

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

.individual .individual__box {
	margin: 0 5px 0 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.report.date-container {
	height: 40px;
}

input.dayDate.report {
	border: 1px solid gray;
	float: right;
	height: 40px;
	margin-right: 5px;
	margin-left: 20px;
	width: 120px;
}

.report.date-container {
	height: 40px;
	display: inline-block;
}

.report.date-container label {
	margin-top: 10px;
	height: 40px;
	display: inline-block
}

.report-date {
	display: inline;
}

.stats-block {
	padding-top: 25px;
	width: 600px;
	margin: 0 auto;
}

.stats-cell {
	display: inline-block;
	border: thin solid #c9c7f9;
	text-align: center;
	width: 150px;
	margin-left: -5px;
}

.stats-cell h2, .stats-cell h4 {
	margin: 0;
	padding: 5px;
}

.stats-cell h2 {
	display: inline-block;
}

.stats-cell.percent-field h2, .stats-cell.percent-field h4 {
	color: blue;
}

.stats-cell div.up {
	width: 17px;
	height: 17px;
	display: inline-block;
}

.stats-cell div.down {
	width: 17px;
	height: 17px;
	display: inline-block;
}

.white-shadow-block {
	background: #fff;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	position: relative;
	border: 1px solid #c5d3dc;
	padding:10px 20px;
	margin: 0 0 20px;
}

.report-filter>div {
	width: 380px;
}

.report-filter .select-box {
	position:relative;
	display: block;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
	height: 30px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
	vertical-align: middle;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.report-filter .select-box__value{
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	padding: 4px 15px 4px 6px;
	line-height: 22px;
	font-size: 16px;
	z-index: 1;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.create-report {
	padding: 5px 20px;
	margin-top: 10px;
	background: #c7d0d6;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}
.page-spinner {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow-y: auto;
	z-index: 100;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
}

.page-spinner img{
	position: absolute;
	left: 50%;
	top: calc(50% - 100px);
	width: 40px;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

.birthday-input {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.multi-select__items {
	display: none;
	position: absolute;
	top: 100%;
	background-color: #ffffff;
	width: 100%;
	left: 0;
	z-index: 10;
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
	max-height: 350px;
	overflow: auto;
}
.multi-select_opened .multi-select__items {
	display: block;
}
.multi-select__item {
	padding: 4px 10px;
}

.multi-select .select-box__value {
	text-overflow: ellipsis;
	display: inline-block;
	padding-right: 30px;
	white-space: nowrap;
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg); /* IE 9 */
		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg); /* IE 9 */
		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	}
}


@media (min-width: 1200px) {

	.btn.ico-document,
	.btn.ico-declaration,
	.btn.ico-print {
		padding: 0 20px 0 35px;
		font-size: 12px;
	}

	.ico-print:after {
		left: 13px;
	}

	.main-navigation li {
		margin: 0 15px;
	}

}
@media (max-width: 1024px) {
	.js-contract {
		display: none;
	}
}
.tab-nav-section__wrapper {
	display: flex;
}

.js-contract {
	display: flex;
	position: relative;
	top: -15px;
}
.pupil-contract__actions {
	min-width: 250px;
	padding-right: 15px;
}

.pupil-contract__actions-label {
	text-align: center;
	line-height: 16px;
	margin-bottom: 5px;
}
.pupil-contract__actions-buttons:first-child {
	margin-right: 15px;
}

.filter__row--align_right {
	display: inline;
}

.payment.date-container {
	height: 40px;
}

input.dayDate.payment {
	border: 1px solid gray;
	float: right;
	height: 40px;
	margin-right: 5px;
	margin-left: 20px;
	width: 120px;
}

.payment.date-container {
	height: 40px;
	display: inline-block;
}

.payment.date-container label {
	margin-top: 10px;
	height: 40px;
	display: inline-block
}

.payment-date {
	display: inline;
	margin-left: 10px;
}

.time-conflict {
	display: flex;
	flex-direction: column;
}

.time-conflict__description {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: larger;
}

.time-conflict__description--nowrap {
	white-space: nowrap;
}

.time-conflict__tips {
	margin-left: 18px;
}

.time-conflict__tip {
	margin-bottom: 7px;
}

.time-conflict__tip::marker {
	content: "›› ";
	color: #1c9349;
}

/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/authentication/authorization.css ***!
  \********************************************************************************************/
.login {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
}

.login__container {
	width: 300px;
}

.login__wrap {
	text-align: center;
}

.login__form {
	text-align: center;
}

.login__input {
	width: 100%;
	margin: 0 0 15px;
}

.login__input:last-child {
	margin: 0 0 20px;
}

.login__msg {
	margin: 0 0 20px;
	color: #1c9349;
	font-size: 18px;
	font-weight: 400;
}

.login__msg--error {
	color: #f00;
}

.login .btn {
	width: 110px;
	margin: 0 auto 16px;
	text-align: center;
}

.login__btns-wrap {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.login__btns-wrap .btn {
	margin: 0;
}

.login__cancel {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.login .title {
	margin: 0 0 20px;
	text-align: center;
}

.login .link-grey-sm {
	color: #9aa8af;
}

.login .link-grey-sm {
	display: block;
}




/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/authentication/profile.css ***!
  \**************************************************************************************/
.profile {
	width: 600px;
}

.profile .input-field.no-edit {
	font-size: 18px;
	font-weight: 400;
}

.profile .input-field.no-edit ::-webkit-input-placeholder {
	font-size: 18px;
	font-weight: 400;
}

.profile .btn--blue {
	width: 200px;
}

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

.profile__avatar {
	max-width: 200px;
	max-height: 200px;
}

.profile .link {
	margin: 17px 0 0;
}

.profile .input-field {
	width: 227px;
	margin: 0 0 10px;
	color: #222d35;
}

.profile .input-field:last-child {
	margin: 0;
}

.profile .title-sm {
	margin: 0 0 13px;
}

.profile .link-grey {
	margin: 0 19px 0 0;
}

.profile .btn--green {
	width: 120px;
}

.profile__btns {
	text-align: right;
}

.profile .personal {
	margin: 0 0 50px;
}

.profile .personal__name.input-field--static {
	font-size: 18px;
	margin: 0;
}

.profile .personal__email.input-field--static {
	margin: 25px 0 0;
	font-size: 13px;
}

.profile .popup__content {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.profile .msg-success {
	padding: 0 0 20px;
}


/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/jquery-ui-theme/jquery-ui.css ***!
  \*****************************************************************************************/
/*! jQuery UI - v1.11.4 - 2016-06-07
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(/assets/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/assets/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #1e90ff;
	background: #1e90ff;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/assets/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(/assets/img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/assets/img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/img/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/img/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/assets/img/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/assets/img/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/assets/img/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/assets/img/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/img/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}


.ui-menu-item {
    display: block;
    width: 100%;
}
.ui-menu-item:hover {
    background: #1e90ff;
}

/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/tabs.css ***!
  \********************************************************************/
.tabs-nav {
    display: flex;
}

.tabs-nav .active .link-lg {
    color: #222d35;
    text-decoration: none;
    cursor: default;
	pointer-events: none;
}

.tabs-nav__item {
    padding: 25px 27px;
}

.tabs-nav__item:first-child {
    border-top-left-radius: 4px;
}

.tabs-nav__item:last-child {
    border-top-right-radius: 4px;
}

.tabs-nav__item {
    background: #f4f5f6;
    position: relative;
}

.tabs-nav__item.active {
    background: #e9ecee;
}

.tabs-nav__item.journal-dependent.active {
     margin-bottom: 5px;
}

.tabs-nav__item.journal-dependent.active:after {
     position: absolute;
     top: 100%;
     right: 0;
     width: 100vw;
     height: 5px;
     content: "";
     background: #e9ecee;
}
/*!***************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/core.import.css ***!
  \***************************************************************************/