/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
html,
body {
	height: 100%;
	font-size: 14px;
	font-family: 'Gordita', 'sans-serif';
	position: relative;
}

.color-grey {
	color: #989898 !important;
}

a, p, h1, h2, h3, li {
	font-family: 'Gordita', 'sans-serif';
}

h1, h2, h3 {
	color: #111E3D !important;
}

.container > h1 {
	color: rgb(6, 161, 207) !important;
	margin-top: 60px;
}

.container > h1:not(:first-child) {
	margin-top: 0;
}

.container > h1.with-btns, .with-btns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.with-btns .text {
	font-size: 18px;
	color: #989898;
}

a {
	-webkit-transition: color 0.3s linear 0s;
	-o-transition: color 0.3s linear 0s;
	transition: color 0.3s linear 0s;
}

a:focus {
	text-decoration: unset;
	outline: none;
	color: inherit;
}

.container {
	width: 1420px;
	margin: 0 auto;
	padding: 0;
}

.content {
	min-height: calc(100vh - 50px);
	background: #F8F8F8;
	overflow: hidden;
}

.white-background {
	background: #FFF;
}

.white-pretty-background {
	background: #FFF;
	padding: 20px;
	border-radius: 4px;
}

.row .white-pretty-background {
	height: 100%;
}

.table {
	margin-bottom: 0;
}

.white-pretty-background h2 {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 15px;
}

.white-pretty-background h2 span {
	color: #ED1364;
}

.relative {
	position: relative;
}

.relative td:last-child {
	width: 50px;
}

.sort-desc,
.sort-asc {
	position: absolute;
	top: 23px;
	right: 38px;
	cursor: pointer;
}

.sort-desc {
	transform: rotate(90deg);
}

.sort-asc {
	transform: rotate(-90deg);
}

.add-btn {
	border: 3px solid #06A1CF;
	border-radius: 4px;
	width: 24.5px;
	height: 25px;
	color: #06A1CF;
	font-size: 14px;
	padding: 1px 2px;
	cursor: pointer;
	margin-bottom: 10px;
	transition: none;
	padding: 2px 3px;
}
.add-btn:focus{
	color: #06A1CF;
	border: 3px solid #06A1CF;
}
.add-btn:hover {
	border-color: #000;
	color: #000;
}

.delete-spacing .white-pretty-background {
	margin-bottom: 30px;
}

.m-60 {
	margin: 60px 0;
}

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

.mw-50 {
	max-width: 50%;
}

a:hover {
	text-decoration: none;
}

.h1-wr {
	display: flex;
}

td.number {
	width: 45px;
}

td.avatar {
	width: 45px;
}

.table-v-centered td {
	vertical-align: middle !important;
}

.actions-wr {
	text-align: right !important;
}

.actions-wr a {
	cursor: pointer;
}

.actions-wr a:first-child {
	margin-right: 7px;
}
.actions-wr a:nth-child(2){
	margin-right: 7px;
}
.actions-wr a:nth-child(3){
	margin-right: 7px;
}
.actions-wr a:nth-child(4){
	margin-right: 7px;
}
.actions-wr a:last-child {
	margin-right: 0 !important;
}

.actions-wr .glyphicon-ok {
	color: #00AA14;
}

.actions-wr .glyphicon-pencil {
	color: #06A1CF;
}

.actions-wr .glyphicon-trash {
	color: #D60404;
}

.actions-wr .glyphicon:hover {
	color: #000;
}

.circle-value {
	position: relative;
}

.circle-value .numeric-value {
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
}

.circle-value[data-value="1"].pink svg path:nth-child(1) {
	fill: #ED1364 !important;
}

.circle-value[data-value="2"].pink svg path:nth-child(1),
.circle-value[data-value="2"].pink svg path:nth-child(2) {
	fill: #ED1364 !important;
}

.circle-value[data-value="3"].pink svg path:nth-child(1),
.circle-value[data-value="3"].pink svg path:nth-child(2),
.circle-value[data-value="3"].pink svg path:nth-child(3) {
	fill: #ED1364 !important;
}

.circle-value[data-value="4"].pink svg path:nth-child(1),
.circle-value[data-value="4"].pink svg path:nth-child(2),
.circle-value[data-value="4"].pink svg path:nth-child(3),
.circle-value[data-value="4"].pink svg path:nth-child(4) {
	fill: #ED1364 !important;
}

.circle-value[data-value="5"].pink svg path:nth-child(1),
.circle-value[data-value="5"].pink svg path:nth-child(2),
.circle-value[data-value="5"].pink svg path:nth-child(3),
.circle-value[data-value="5"].pink svg path:nth-child(4),
.circle-value[data-value="5"].pink svg path:nth-child(5) {
	fill: #ED1364 !important;
}

.circle-value[data-value="6"].pink svg path:nth-child(1),
.circle-value[data-value="6"].pink svg path:nth-child(2),
.circle-value[data-value="6"].pink svg path:nth-child(3),
.circle-value[data-value="6"].pink svg path:nth-child(4),
.circle-value[data-value="6"].pink svg path:nth-child(5),
.circle-value[data-value="6"].pink svg path:nth-child(6) {
	fill: #ED1364 !important;
}

.circle-value[data-value="7"].pink svg path:nth-child(1),
.circle-value[data-value="7"].pink svg path:nth-child(2),
.circle-value[data-value="7"].pink svg path:nth-child(3),
.circle-value[data-value="7"].pink svg path:nth-child(4),
.circle-value[data-value="7"].pink svg path:nth-child(5),
.circle-value[data-value="7"].pink svg path:nth-child(6),
.circle-value[data-value="7"].pink svg path:nth-child(7) {
	fill: #ED1364 !important;
}

.circle-value[data-value="8"].pink svg path:nth-child(1),
.circle-value[data-value="8"].pink svg path:nth-child(2),
.circle-value[data-value="8"].pink svg path:nth-child(3),
.circle-value[data-value="8"].pink svg path:nth-child(4),
.circle-value[data-value="8"].pink svg path:nth-child(5),
.circle-value[data-value="8"].pink svg path:nth-child(6),
.circle-value[data-value="8"].pink svg path:nth-child(7),
.circle-value[data-value="8"].pink svg path:nth-child(8) {
	fill: #ED1364 !important;
}

.circle-value[data-value="9"].pink svg path:nth-child(1),
.circle-value[data-value="9"].pink svg path:nth-child(2),
.circle-value[data-value="9"].pink svg path:nth-child(3),
.circle-value[data-value="9"].pink svg path:nth-child(4),
.circle-value[data-value="9"].pink svg path:nth-child(5),
.circle-value[data-value="9"].pink svg path:nth-child(6),
.circle-value[data-value="9"].pink svg path:nth-child(7),
.circle-value[data-value="9"].pink svg path:nth-child(8),
.circle-value[data-value="9"].pink svg path:nth-child(9) {
	fill: #ED1364 !important;
}

.circle-value[data-value="10"].pink svg path:nth-child(1),
.circle-value[data-value="10"].pink svg path:nth-child(2),
.circle-value[data-value="10"].pink svg path:nth-child(3),
.circle-value[data-value="10"].pink svg path:nth-child(4),
.circle-value[data-value="10"].pink svg path:nth-child(5),
.circle-value[data-value="10"].pink svg path:nth-child(6),
.circle-value[data-value="10"].pink svg path:nth-child(7),
.circle-value[data-value="10"].pink svg path:nth-child(8),
.circle-value[data-value="10"].pink svg path:nth-child(9),
.circle-value[data-value="10"].pink svg path:nth-child(10) {
	fill: #ED1364 !important;
}

.circle-value[data-value="1"].blue svg path:nth-child(1) {
	fill: #029ECB !important;
}

.circle-value[data-value="2"].blue svg path:nth-child(1),
.circle-value[data-value="2"].blue svg path:nth-child(2) {
	fill: #029ECB !important;
}

.circle-value[data-value="3"].blue svg path:nth-child(1),
.circle-value[data-value="3"].blue svg path:nth-child(2),
.circle-value[data-value="3"].blue svg path:nth-child(3) {
	fill: #029ECB !important;
}

.circle-value[data-value="4"].blue svg path:nth-child(1),
.circle-value[data-value="4"].blue svg path:nth-child(2),
.circle-value[data-value="4"].blue svg path:nth-child(3),
.circle-value[data-value="4"].blue svg path:nth-child(4) {
	fill: #029ECB !important;
}

.circle-value[data-value="5"].blue svg path:nth-child(1),
.circle-value[data-value="5"].blue svg path:nth-child(2),
.circle-value[data-value="5"].blue svg path:nth-child(3),
.circle-value[data-value="5"].blue svg path:nth-child(4),
.circle-value[data-value="5"].blue svg path:nth-child(5) {
	fill: #029ECB !important;
}

.circle-value[data-value="6"].blue svg path:nth-child(1),
.circle-value[data-value="6"].blue svg path:nth-child(2),
.circle-value[data-value="6"].blue svg path:nth-child(3),
.circle-value[data-value="6"].blue svg path:nth-child(4),
.circle-value[data-value="6"].blue svg path:nth-child(5),
.circle-value[data-value="6"].blue svg path:nth-child(6) {
	fill: #029ECB !important;
}

.circle-value[data-value="7"].blue svg path:nth-child(1),
.circle-value[data-value="7"].blue svg path:nth-child(2),
.circle-value[data-value="7"].blue svg path:nth-child(3),
.circle-value[data-value="7"].blue svg path:nth-child(4),
.circle-value[data-value="7"].blue svg path:nth-child(5),
.circle-value[data-value="7"].blue svg path:nth-child(6),
.circle-value[data-value="7"].blue svg path:nth-child(7) {
	fill: #029ECB !important;
}

.circle-value[data-value="8"].blue svg path:nth-child(1),
.circle-value[data-value="8"].blue svg path:nth-child(2),
.circle-value[data-value="8"].blue svg path:nth-child(3),
.circle-value[data-value="8"].blue svg path:nth-child(4),
.circle-value[data-value="8"].blue svg path:nth-child(5),
.circle-value[data-value="8"].blue svg path:nth-child(6),
.circle-value[data-value="8"].blue svg path:nth-child(7),
.circle-value[data-value="8"].blue svg path:nth-child(8) {
	fill: #029ECB !important;
}

.circle-value[data-value="9"].blue svg path:nth-child(1),
.circle-value[data-value="9"].blue svg path:nth-child(2),
.circle-value[data-value="9"].blue svg path:nth-child(3),
.circle-value[data-value="9"].blue svg path:nth-child(4),
.circle-value[data-value="9"].blue svg path:nth-child(5),
.circle-value[data-value="9"].blue svg path:nth-child(6),
.circle-value[data-value="9"].blue svg path:nth-child(7),
.circle-value[data-value="9"].blue svg path:nth-child(8),
.circle-value[data-value="9"].blue svg path:nth-child(9) {
	fill: #029ECB !important;
}

.circle-value[data-value="10"].blue svg path:nth-child(1),
.circle-value[data-value="10"].blue svg path:nth-child(2),
.circle-value[data-value="10"].blue svg path:nth-child(3),
.circle-value[data-value="10"].blue svg path:nth-child(4),
.circle-value[data-value="10"].blue svg path:nth-child(5),
.circle-value[data-value="10"].blue svg path:nth-child(6),
.circle-value[data-value="10"].blue svg path:nth-child(7),
.circle-value[data-value="10"].blue svg path:nth-child(8),
.circle-value[data-value="10"].blue svg path:nth-child(9),
.circle-value[data-value="10"].blue svg path:nth-child(10) {
	fill: #029ECB !important;
}

.circle-value {
	overflow: hidden;
	width: 95px;
	height: 95px;
	margin-top: 10px;
}

table .circle-value {
	width: 34px;
	height: 34px;
	margin-top: 0;
}

.circle-value svg {
	height: 100%;
	width: 100%;
}

table .circle-value .numeric-value {
	/*width: 33.5px;
	height: 36.8px;*/
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 7px;
	font-weight: 700;

	line-height: 6px;
	width: 34px;
	height: 34px;
	padding: 2px 9px 0px 10px;
}

.statistic-elem .circle-value .numeric-value {
	width: 95px;
	height: 98px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	font-weight: 700;
}

.back-btn-wr {
	margin: 30px 0 25px;
}

.back-btn-wr a {
	color: #111E3D;
}

.back-btn-wr a:hover {
	color: #337AB7;
}

.back-btn-wr .glyphicon-play {
	transform: rotate(180deg);
}

.priority-wr {
	border-radius: 15px;
	padding: 2px 10px;
	text-align: center;
}

.priority-wr[data-value="1"] {
	background-color: #D6FFD9;
}

.priority-wr[data-value="2"] {
	background-color: #FFF7D6;
}

.priority-wr[data-value="3"] {
	background-color: #ED136469;
}

/* LAYOUT */
body.blue-background {
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
}

header {
	height: 125px;
	padding: calc((125px - 80px) / 2) 0;
	background: #FFF;
}

.header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}


.prev-button-header {
	display: none;
}

.form-control {
	padding: 5px 12px !important;
}
select.form-control {
	padding: 5px 8px !important;
}

.users-search-form {
	margin-bottom: -20px;
}

.users-search-form input[type="text"],
.users-search-form select {
	background: #E5E5E5;
}
.users-search-form .search-form-btns-wr{
	display: flex;
	justify-content: space-between;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder {
	color: #555;
}

input[type="file"] {
	padding: 5px 13px 3px !important;
}

h2.blue {
	color: rgb(6, 161, 207) !important;
	margin-bottom: 15px;
}

/*
.prev-button-header {
	display: none;
}

.mobile-menu-toggle-btn {
	display: none;
}

.close-menu {
	display: none;
}

.main-navigation ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	list-style: none;
	margin: 0;
	display: flex;
}

.main-navigation ul li {
	position: relative;
}

.main-navigation li a {
	font-size: 18px;
	color: #585858;
	margin: 0 15px;
	!*font-size: 25px;*!
	font-weight: 400;
}

.main-navigation li.has-sub-pages > a {
	cursor: default;
}

.main-navigation li a.active,
.main-navigation li a:hover {
	color: #61A9D8;
}

.main-navigation .logout-btn {
	display: none;
}

.main-navigation li ul {
	display: none;
}

.main-navigation li:hover > a {
	color: #61A9D8;
}

.main-navigation li:hover ul.menu-subpage {
	display: block;
	left: 0;
	top: 25px;
	background: #FFF;
	position: absolute;
	padding: 0 20px 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.main-navigation ul.menu-subpage li a {
	margin: 20px 0 0;
	display: block;
	white-space: nowrap;
}*/

/*.profile-wrapper {
	position: absolute;
	right: 0;
}

.logout-btn {
	font-size: 18px;
}*/
.navigation {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background: #111E3D;
	padding: 15px;
	display: flex;
	flex-direction: column;
	z-index: 999;
}

.navigation .logo {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}

.navigation .logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("/images/mini-logo.png") no-repeat;
	background-size: cover;
}

.navigation nav a {
	display: block;
	width: 50px;
	height: 50px;
	background-size: calc(100% - 10px);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 5px;
	border-radius: 50%;
	padding: 10px;

	position: relative;
}

.navigation nav .title {
	display: none;
	position: absolute;
	top: 7.5px;
	left: 80px;
	background: #111E3D;
	line-height: 35px;
	padding: 0 15px;
	color: #FFF;
	white-space: nowrap;
	z-index: 9;
}

.navigation nav a.menu-profile {
	background-image: url("/images/menu/1.svg");
}

.navigation nav a.menu-statistic {
	background-image: url("/images/menu/2.svg");
}

.navigation nav a.menu-favourites {
	background-image: url("/images/menu/3.svg");
}

.navigation nav a.menu-challenge {
	background-image: url("/images/menu/4.svg");
}

.navigation nav a.menu-report {
	background-image: url("/images/menu/4.svg");
}
.navigation nav a.menu-report.disabled{
	background-image: url("/images/menu/check-list-disabled.svg");
}

.navigation nav a.menu-product {
	background-image: url("/images/menu/5.svg");
}

.navigation nav a.menu-settings {
	background-image: url("/images/menu/6.svg");
}

.navigation nav a.menu-business-users {
	background-image: url("/images/menu/7.svg");
}

.navigation nav a.menu-faq {
	background-image: url("/images/menu/9.svg");
}


.navigation nav a.menu-product {
	background-image: url("/images/menu/play.svg");
}

.navigation nav a.menu-challenge {
	background-image: url("/images/menu/challenge.svg");
}

.navigation nav a.menu-bookmark-lesson {
	background-image: url("/images/menu/favourites.svg");
}

.navigation nav a.menu-statistic {
	background-image: url("/images/menu/statistic.svg");
}

.navigation nav a.menu-user-search {
	background-image: url("/images/menu/user-search.svg");
}

.navigation nav a.menu-check-list {
	background-image: url("/images/menu/check-list.svg");
}
.navigation nav a.menu-check-list.disabled {
	background-image: url("/images/menu/check-list-disabled.svg");
}

.navigation nav a.menu-users {
	background-image: url("/images/menu/users.svg");
}

.navigation nav a.menu-speedometer {
	background-position: 50% -2px;
	background-image: url("/images/menu/speedometer.svg");
}

.navigation nav a.menu-settings {
	background-image: url("/images/menu/settings.svg");
}

.navigation nav a.menu-faq {
	background-image: url("/images/menu/faq.svg");
}
.navigation nav a.menu-logout {
	background-image: url("/images/menu/logout.svg");
	background-size: calc(100% - 22px);
}
.navigation nav a.menu-documents {
	background-image: url("/images/menu/documents.svg");
	background-size: calc(100% - 22px);
}


.navigation nav.bottom a {
	margin-top: 10px;
	margin-bottom: 0;
}

.navigation nav a:hover,
.navigation nav a.active {
	background-color: rgb(6, 161, 207);
}

.navigation nav a.disabled {

}

.navigation nav.bottom {
	margin: auto auto 0;
}

header {
	display: none;
	height: 125px;
	padding: calc((125px - 80px) / 2) 0;
	background: #FFF;
}

header .header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

header .logo {
	width: 50px;
	height: 50px;
	margin-right: 35px;
}

header .logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("/images/mini-logo.png") no-repeat;
	background-size: cover;
}

header .prev-button-header {

}

header .mobile-menu-toggle-btn {

}

header .close-menu {

}

header .main-navigation ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	list-style: none;
	margin: 0;
	display: flex;
}

header .main-navigation ul li {
	position: relative;
}

header .main-navigation li a {
	font-size: 18px;
	color: #FFF;
	margin: 0 15px;
	/*font-size: 25px;*/
	font-weight: 400;
}

header .main-navigation li a.disabled {
	color: #585858;
}

header .main-navigation li.has-sub-pages > a {
	cursor: default;
}

header .main-navigation li a.active,
header .main-navigation li a:hover {
	color: #61A9D8;
}

header .main-navigation .logout-btn {
	color: #FFF;
	margin: 10px 15px 10px;
}

header .main-navigation li ul {
	display: none;
}

header .main-navigation li:hover > a {
	color: #61A9D8;
}

header .main-navigation li:hover ul.menu-subpage {
	display: block;
	left: 0;
	top: 25px;
	background: #FFF;
	position: absolute;
	padding: 0 20px 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

header .main-navigation ul.menu-subpage li a {
	margin: 20px 0 0;
	display: block;
	white-space: nowrap;
}

footer {
	background: #111E3D;
	padding: 15px 0;
	font-size: 14px;
}

footer .container {
	display: flex;
	justify-content: space-between;
}

footer a, footer a:focus {
	color: #FFF;
}

footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

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

footer li {
	margin-left: 25px;
}

footer .left {
	margin: 0 auto 0 0;
}

footer .right {
	margin: 0 0 0 auto;
}

.ajax-image-wrapper.avatar-wrapper .images-wrapper {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	margin: 0 auto 15px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	background-image: url(/images/avatar-default.png);
}

/*.profile-wrapper .profile-image {
	cursor: pointer;
	width: 48px;
	height: 48px;
	background: url("/images/avatar.png") no-repeat;
	background-size: cover;
	border-radius: 50%;
}

.profile-wrapper .profile-menu {
	display: none;
	position: absolute;
	right: 60px;
	background: #FFF;
	border-radius: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 123px;
	top: 10px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}

.profile-wrapper .profile-menu.active {
	display: block;
}

.profile-wrapper .profile-menu li:not(:last-child) {
	border-bottom: 1px solid #EFEFEF;
}

.profile-wrapper .profile-menu li a {
	line-height: 37px;
	padding: 0 15px;
	display: block;
	color: #111E3D;
}

.profile-wrapper .profile-menu li a:hover {
	color: #61A9D8;
}*/

.banner {
	/*height: 200px;*/
	min-height: 70px;
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 17px 0;
}

.banner.white-banner {
	background: #FFF;
}

.banner .container {
	color: #FFF;
	/*font-size: 39px;
	font-weight: 700;*/
	font-size: 25px;
	font-weight: 400;

}

.banner .add-text {
	font-size: 17px;
	font-weight: 400;
	margin-top: 10px;
}

.btn-file {
	cursor: pointer;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	border-color: rgb(6, 161, 207);
}

.btn-file:hover {
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	border-color: rgb(6, 161, 207);
}

.btn-blue-on-hover,
.btn-blue {
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	color: #FFF;
	border-radius: 10px;
	padding: 6px 25px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	-webkit-transition: background 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;
}

.btn-dark-blue, .btn-dark-blue:focus {
	background: #111E3D;
	color: #FFF;
	border-radius: 10px;
	padding: 6px 25px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	-webkit-transition: background 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;
}

.btn-dark-blue.hover,
.btn-dark-blue:hover {
	color: #ED1364;
}

.btn-pink, .btn-pink:focus {
	background: #ED1364;
	color: #FFF;
	border-radius: 10px;
	padding: 6px 25px;
	font-weight: 400;
	font-size: 18px;
	-webkit-transition: background 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;
}

.btn-pink.hover,
.btn-pink:hover {
	color: #FFF;
	background: #111E3D;
}

.btn-blue-light {
	background: #029ECB;
	color: #FFF;
	border-radius: 10px;
	padding: 6px 25px;
	font-weight: 400;
	font-size: 18px;
	-webkit-transition: background 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s;
	transition: background 0.3s linear 0s;
}

.btn-blue-light.hover,
.btn-blue-light:hover {
	color: #FFF;
	background: #111E3D;
}

.btn-small, .btn-small:focus {
	/*padding: 5px 13px 3px;*/
	font-size: 14px;
	border-radius: 5px;
	text-transform: none;

	line-height: 29px;
	padding: 0 13px;
}

.swal2-styled.swal2-confirm {
	background: rgb(6, 161, 207) !important;
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1))) !important;
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%) !important;
	color: #FFF;
	border-radius: 50px !important;
	padding: 6px 25px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	outline: none !important;
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:active,
.swal2-styled.swal2-confirm:focus {
	outline: none !important;
	color: #FFF !important;
	background: rgb(6, 161, 207) !important;
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1))) !important;
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%) !important;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.swal2-modal.success-msg {
	max-width: 340px;
	background: #28A745;
}

.swal2-modal.success-msg {
	max-width: 450px;
	background: #ED1364;
}

.swal2-modal.success-msg h2 {
	margin-bottom: 0;
	color: #FFF !important;
}

.btn-blue-on-hover {
	opacity: .5;
}

.btn-blue:active,
.btn-blue:focus {
	outline: none;
	color: #FFF;
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	color: #FFF;
}

.btn-blue:hover {
	color: #FFF;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.btn-blue.btn-blue-on-hover:hover {
	opacity: 1;
}

.btn-blue.full-width {
	width: 100%;
}

th.group-checkbox-wr,
td.group-checkbox-wr {
	width: 22px !important;
}

.group-checkbox-wr .icheckbox_square-blue {
	margin: 0;
}

.btn-blue.disabled:hover {
	color: #FFF;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-success .form-control,
.has-error .form-control {
	border: 1px solid #CCC;
}

.form-control:focus,
.has-success .form-control:focus,
.has-error .form-control:focus {
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label,
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: #111E3D;
}

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

.select2-selection {
	padding: 0 !important;
}

.select2-selection .select2-search__field {
	padding: 6px 12px !important;
	margin: 0 !important;
}

.select2-container--default .select2-results__option--selected {
	display: none !important;
}

.select2-dropdown button {
	background: #E6E6E6;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	color: #FFF;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #CCC !important;
}

.select2-dropdown {
	border-color: #CCC !important;
}

/*
 * Tooltip.js styles
 */

#tooltip {
	position: absolute;
	background: #E8E8E8;
	color: #000;
	padding: 8px 12px;
	border-radius: 5px;
	font-weight: 400;
	font-size: 14px;
	z-index: 9999;
}

#tooltip.alt-tooltip {
	background: #E8E8E8;
}

/* LOGIN */
.login-box {
	max-width: 550px;
	margin: 50px auto 0;
	border-radius: 10px;
	padding: 70px 50px;
	-webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.15);
	background: #FFF;
}

.login-box.register-box {
	max-width: 1200px;
}

.login-box .btn-blue {
	width: 100%;
}

.login-box .forgot-password-link {
	margin-top: 25px;
	margin-bottom: -35px;
	display: flex;
	justify-content: space-between;
}
.login-box .forgot-password-link.no-b-margin{
	margin-bottom: 0;
}
.login-box .register-link{
	display: flex;
	justify-content: space-between;

	margin-top: 25px;
	margin-bottom: -25px;
}

.show-hide-password-wrapper {
	position: relative;
}

.show-hide-password-input {
	display: inline;
	vertical-align: middle;
}

.show-hide-password-button {
	width: 35px;
	display: inline-block;
	border-left: 0;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	border: 0;
}

.login-box p {
	font-weight: 700;
}

.login-box .required .control-label:after {
	content: '*';
}

.user-register-btn {
	margin-top: 26px;
	padding: 4px 50px;
}

/* MODULES */
.hello-link-wrapper {
	margin: 60px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hello-link-wrapper .text-wrapper {
	color: #111E3D;
	font-size: 18px;
	width: 70%;
}

.hello-link-wrapper .search-form-wrapper {
	width: 20%;
	padding-top: 6px;
}

.hello-link-wrapper .search-form-wrapper input {
	display: inline-block;
	width: 100%;
	border: 3px solid #C4C4C4;
	border-radius: 30px;
	padding: 4px 36px 4px 10px;
	text-align: center;
}

.hello-link-wrapper .search-form-wrapper input:focus {
	outline: none;
}

#search-form {
	position: relative;
}

#search-form .search-btn-wrapper {
	position: absolute;
	right: 7px;
	top: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #C4C4C4;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
	cursor: pointer;
}

#search-form .search-btn-wrapper.disabled {
	cursor: not-allowed;
	opacity: 0.3;
}

#search-form .search-btn-wrapper:hover {
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
}

.modules-wr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
	margin-bottom: 70px;
}

.module-wr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(33.33% - 20px);
	margin: 0 10px 20px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.module-wr:hover {
	/*transform: scale(1.01);*/
	-webkit-box-shadow: 0px 10px 20px 0px rgba(62, 181, 241, 0.55);
	box-shadow: 0px 10px 20px 0px rgba(62, 181, 241, 0.55);
}

.module-wr a {
	display: block;
}

.module-wr a > span {
	display: block;
}

.module-image-wr {
	display: block;
	padding-bottom: 59.125%;
	position: relative;
	overflow: hidden;
}

.module-image-wr .module-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.module-image-wr .free-label {
	position: absolute;
	text-align: center;
	color: #FFF;
	background-color: #3EB5F1;
	width: 100%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	line-height: 3.75em;;
	font-weight: 700;
	bottom: 11%;
	right: -37%;
}

.top-title {
	background-color: #112049;
	text-align: center;
	color: #FFF;
	padding: 14px 25px;
	font-weight: 400;
}

.bottom-title {
	color: #011C61;
	font-weight: 700;
	text-align: center;
	margin: 24px 25px;
	font-size: 18px;
}

.bottom-info-wr {
	padding: 0 25px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.complete-percentage-wr {
	width: 40px;
}

.complete-level-wr {
	width: calc(100% - 60px);
}

.complete-level-outer {
	overflow: hidden;
	border-radius: 10px;
	height: 21px;
	position: relative;
}

.complete-level {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 21px;
	border: 1px dashed #C4C4C4;
	border-radius: 10px;
}

.complete-level-progress {
	background-color: #00AE5D;
	height: 21px;
	position: absolute;
	top: 0;
	left: 0;
}

.bookmark-wr {
	width: 30px;
}

.bookmark {
	display: block;
	width: 26px;
	height: 26px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/images/bookmark_dark_blue.png");
	cursor: pointer;
}

.lesson-wr .bookmark {
	background-image: url("/images/bookmark_dark_blue_min.png");
}

.bookmark.disabled {
	opacity: .5;
	cursor: wait;
}

.bookmark.active,
.bookmark:not(.bookmark-status):hover {
	background-image: url("/images/bookmark-full_dark_blue.png");
}

.lesson-wr .bookmark.active,
.lesson-wr .bookmark:not(.bookmark-status):hover {
	background-image: url("/images/bookmark-full_dark_blue_min.png");
}

.top-padding {
	padding: 60px 0;
}

/* Module page */
.module-page-wr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.module-page-wr .module-information {
	width: 575px;
}

.module-page-wr .module-lessons {
	width: calc(100% - 575px - 140px);
}

.module-information .module-wr {
	margin: 0;
	width: 100%;
}

.module-information .bottom-info-wr {
	padding: 30px;
}

.module-information .module-description {
	color: #111E3D;
	padding: 0 30px 50px;
	font-size: 18px;
}

.module-information .complete-level-wr {
	width: calc(100% - 80px);
	margin-right: 5px;
}

.module-information .module-wr:hover {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
}

.module-lessons h2 {
	font-weight: 700;
	line-height: 1em;
	margin-top: -3px;
	margin-bottom: 35px;
}

.lesson-group-outer-wr {
	border-radius: 10px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	color: #111E3D;
	overflow: hidden;
	margin-bottom: 25px;
}

.lessons-outer-wr {
	border-top: 1px solid #D0D0D0;
}

.lesson-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px 25px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	padding-right: 45px;
}

.lesson-wr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 14px 25px;
	border-bottom: 1px solid #F0F0F0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-right: 60px;
}

.lesson-group .bookmark {
	width: 26px;
	height: 26px;
}

.lesson-group .lesson-group-title {
	margin-left: 20px;
	font-size: 18px;
	font-weight: 700;
}

.lesson-wr.current {
	background-color: #EBF3F9;
	font-weight: 700;
}

.lesson-wr .bookmark {
	width: 18px;
	height: 18px;
}

.lesson-wr .lesson-title {
	margin-left: 20px;
	width: calc(100% - 50px);
}

.lesson-wr .lesson-title a {
	color: #111E3D;
}

.lesson-wr .lesson-title a:hover {
	color: #61A9D8;
}

.lesson-wr .lesson-progress {
	position: absolute;
	right: 25px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #E8E8E8;
}

.lesson-wr .lesson-progress-grey {
	background-color: #E8E8E8;
}

.lesson-wr .lesson-progress-green {
	background-color: #52AC62;
}

.lesson-wr .lesson-progress-yellow {
	background-color: #ED263E;
}

.reward-link.reward-link-mini {
	position: absolute;
	right: 42px;
	font-size: 1.2em;
	top: calc(50% - 15px);
	cursor: pointer;
	color: #0D9CC8;
}

.reward-link.reward-link-mini:hover {
	color: #585858;
}

td .reward-link {
	color: #0D9CC8;
	font-size: 20px;
	line-height: 20px;
	cursor: pointer;
}

td .reward-link:hover {
	color: #585858;
}

.lesson-group-arrow {
	position: absolute;
	right: 25px;

	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;

	border-bottom: 6px solid #92BDD9;
}

.lesson-group-outer-wr.folded .lesson-group-arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Lesson details page */

.lesson-page-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.lesson-page-wrapper h2 {
	font-weight: 700;
	font-size: 25px;
	color: #0D1A3A;
	margin: 0 0 9px;
}

.lesson-page-wrapper p {
	color: #111E3D;
}

.lesson-page-wrapper .lesson-page-left-side {
	width: calc(62%);
}

.lesson-page-wrapper .lesson-page-right-side {
	width: calc(32%);
}

.lesson-video-wrapper {
	margin-top: 33px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.lesson-bookmark-rate-wrapper {
	margin-top: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.lesson-bookmark-rate-wrapper .bookmark-wr,
.lesson-bookmark-rate-wrapper .lesson-rate-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.lesson-bookmark-rate-wrapper .bookmark-wr {
	width: 160px;
}

.lesson-bookmark-rate-wrapper .bookmark {
	width: 23px;
	height: 23px;
}

.lesson-bookmark-rate-wrapper .lesson-rate-wrapper {
	width: 380px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.lesson-bookmark-rate-wrapper .rating {
	margin-top: 0 !important;
}

.lesson-bookmark-rate-wrapper p {
	margin: 0 10px 0 0;
	font-size: 15px;
}

.lesson-video-wrapper video,
.lesson-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lesson-bottom-description {
	margin-top: 20px;
}

.lesson-bookmark-quiz-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.lesson-notes-wrapper {
	margin-top: 50px;
}

.lesson-notes-wrapper h2 {
	margin-bottom: 31px;
}

.lesson-note {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

.lesson-note-text-wr {
	padding: 25px 35px;
	background-color: #EBF3F9;
	border-radius: 50px;
	color: #111E3D;
	width: calc(100% - 39px);
}

.lesson-note-text-wr .lesson-note-date {
	margin-top: 14px;
}

.lesson-note-delete {
	width: 25px;
	height: 29px;
	background: url('/images/bin.png') no-repeat;
	background-size: contain;
	margin-left: 14px;
	cursor: pointer;
}

.lesson-note-delete:hover {
	opacity: .7;
}

.lesson-new-note-wrapper h2 {
	margin-top: 35px;
	margin-bottom: 36px;
}

#lesson-new-note {
	display: block;
	width: 100%;
	height: 380px;
	resize: vertical;
	border-color: #D0D0D0;
}

#lesson-new-note-btn {
	margin-top: 30px;
}

.lesson-attachments-wrapper h2 {
	margin-top: 45px;
	margin-bottom: 20px;
}

.lesson-attachments-inner-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.lesson-attachment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: url('/images/download.png') no-repeat top left;
	background-size: contain;
	height: 45px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 53px;
	padding-right: 10px;
	color: #111E3D;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 15px;
}

.lesson-attachment:hover {
	color: #69AEDB;
}

.rating-stars {
	width: 125px;
	height: 23px;
	clear: both;
}

.rating-stars > div {
	width: 25px;
	height: 23px;
	background: url("/images/star.png") no-repeat center;
	background-size: cover;
	float: left;
	cursor: pointer;
}

.rating-stars > div.rated {
	background-image: url("/images/star-full.png");
}

.rating-stars > div.hovered {
	background-image: url("/images/star-full.png") !important;
}

.rating-stars > div.not-hovered {
	background-image: url("/images/star.png") !important;
}

.rating {
	font-size: 30px !important;
	color: #64CBEC;
	cursor: pointer !important;
	margin-top: 8px;
	width: 126px !important;
	min-width: 126px;
	font-family: Arial, sans-serif;
}

.rating span {
	display: inline-block;
	height: 100%;
	line-height: 42px;
	font-size: 30px !important;

	display: block;
	float: left;
}

.rating .rate-hover-layer,
.rating .rate-select-layer {
	color: #00B6F4;
}

.rating .rate-hover-layer,
.rating .rate-select-layer,
.rating .rate-base-layer {
	height: 23px !important;
	margin-top: -1px;
}

.rating .rate-base-layer {

}

.rating .rate-base-layer span {
	width: 25px;
	height: 23px;
	background: url("/images/star.png") no-repeat center;
	background-size: cover;
	text-indent: -99999px;
}

.rating .rate-hover-layer,
.rating .rate-select-layer {

}

.rating .rate-hover-layer span,
.rating .rate-select-layer span {
	width: 25px;
	height: 23px;
	background: url("/images/star-full.png") no-repeat center;
	background-size: cover;
	text-indent: -99999px;
}

/* QUIZ */
.questions-outer-wrapper {

}

/*.questions-inner-wrapper .question-wr:not(:first-child){
	display: none;
}*/
.questions-inner-wrapper {
	/*max-width: 1220px;*/
	margin: 0 auto;
	margin-bottom: 20px;
	opacity: 0;
}

h1.questions-inner-wrapper {
	padding: 0 20px;
}

.question-wr {
	margin: 20px;
	color: #111E3D;
}

.question-wr:focus {
	outline: none !important;
}

.question-inner-wr {
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
}

.question-count {
	text-align: center;
	line-height: 55px;
	font-weight: 400;
}

.question-text {
	background-color: #EBF3F9;
	border-bottom: 1px solid #F0F0F0;
	font-weight: 700;
	padding: 30px 35px;
	font-size: 18px;
}

.question-hint {
	margin-top: 23px;
}

.question-answer-field > label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 35px;
	min-height: 50px;
	font-weight: 400;
	margin: 0;

	border-bottom: 1px solid #F0F0F0;
}

.question-answer-field > label > div {
	min-width: 22px !important;
}

p.correct-answer {
	border-bottom: 1px solid #F0F0F0;
	margin: 0;
	min-height: 50px;
	padding: 10px 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.question-answer-field > label.correct,
.question-answer-field > input[type="text"].correct,
.question-answer-field > textarea.correct,
p.correct-answer {
	background-color: #C7FFC7;
}

.question-answer-field > label.incorrect,
.question-answer-field > input[type="text"].incorrect,
.question-answer-field > textarea.incorrect {
	background-color: #FAE9E8;
}

.question-answer-field > label > input {
	margin: 0 25px 0 0;
}

.question-answer-field > input[type="text"] {
	display: block;
	border: none;
	min-height: 49px;
	padding: 10px 35px;
	border-bottom: 1px solid #F0F0F0;
	width: 100%;
}

.question-answer-field > textarea {
	display: block;
	border: none;
	min-height: 98px;
	padding: 10px 35px;
	border-bottom: 1px solid #F0F0F0;
	width: 100%;
	resize: vertical;
}

.question-answer-field > input[type="text"]:focus {
	outline: none;
}

.question-answer-field > textarea:focus {
	outline: none;
}

.quiz-self-popup-answer {
	display: flex;
	margin: 0 -15px;
}

.quiz-self-popup-answer > div {
	width: 50%;
	text-align: left;
	margin-top: 40px;
	padding: 0 15px;
}

.quiz-self-popup-answer > div b {
	display: block;
	margin-bottom: 10px;
}

.quiz-self-popup-answer > div > div {
	margin-top: 60px;
	text-align: center;
}

/*.quiz-popup .swal2-actions{
	display: none;
}*/
.quiz-popup .swal2-actions {
	margin-top: 60px;
}

.quiz-popup .swal2-actions .swal2-styled.swal2-confirm {
	order: 2;
	margin-left: 30px;
}

.quiz-popup .swal2-deny {
	background: rgb(6, 161, 207) !important;
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1))) !important;
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%) !important;
	color: #FFF;
	border-radius: 50px !important;
	padding: 6px 25px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	outline: none !important;
}

.quiz-popup {
	width: 800px !important;
}

.swal2-close:focus,
.swal2-close {
	outline: none !important;
	box-shadow: none !important;
}

.question-bts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 85px;
	padding: 0 35px;
}

.question-bts span {

}

.question-bts .next-btn,
.question-bts .prev-btn {
	color: #66B0E0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	cursor: pointer;
}

.question-bts .next-btn:hover,
.question-bts .prev-btn:hover {
	color: #111E3D;
}

.question-bts .next-btn[data-id=""],
.question-bts .prev-btn[data-id=""],
.question-bts .next-btn[data-id=""]:hover,
.question-bts .prev-btn[data-id=""]:hover {
	color: #9F9F9F;
	cursor: default;
}

.questions-outer-wrapper .button-btns-wrapper {
	padding: 0 35px;
	margin: 45px auto 50px;
	max-width: 1180px;
}

.black-link,
.questions-outer-wrapper .button-btns-wrapper a {
	color: #111E3D;
}

.black-link:hover,
.questions-outer-wrapper .button-btns-wrapper a:hover {
	color: #66B0E0;
}

.final-results-wrapper {
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 30px 35px;
	margin: 20px;
	background: #FBFBFC;
}

.final-results-wrapper h2 {
	text-align: center;
	margin: 40px 0;
	font-weight: 700;
}

.final-results-wrapper p {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}

.final-results-wrapper .link-wrapper {
	margin-top: 100px;
	text-align: right;
}

.final-results-wrapper .link-wrapper a {
	font-size: 16px;
}


/* STAT */
.stat-wrapper {
	/*max-width: 1220px;*/
	margin: 0 auto;
}

.statistic-bubbles-wr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -25px;
}

.statistic-bubble {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	color: #FFF;
	border-radius: 20px;
	padding: 20px 30px;
	font-weight: 700;
	margin: 0 25px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	width: calc(25% - 50px);
}

.statistic-bubble > div {
	text-align: center;
}

.statistic-bubble .val {
	font-size: 3em;
}

.two-columns-statistic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 50px -25px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.column-stat {
	width: calc(50% - 50px);
	margin: 0 25px;
}

.stat-elem {
	font-weight: 700;
	background: #FFF;
	color: #585858;
	border-radius: 20px;
	padding: 20px 30px;
	margin: 0 0 0;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
}

.stat-elem .val {
	font-weight: 400;
}

.stat-elem .text {

}

.stat-tasks-wr {
	background: #FFF;
	padding: 20px;
	border-radius: 4px;
}

.super-quiz-statistic, .chart-wr {
	background: #FFF;
	color: #585858;
	border-radius: 20px;
	padding: 20px 30px;
	font-weight: 400;
	margin: 0 0 25px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
}


.chart-wr, .stat-tasks-wr {
	margin-top: 50px;
}

.chart-outer-wr {
	overflow-x: auto;
}

.chart-inner-wr {
	min-width: 650px;
}

.super-quiz-statistic {
	margin-top: 50px;
	margin-bottom: -50px;
}

.stat-tasks-wr h2,
.super-quiz-statistic h2 {
	color: #0D9CC8;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.super-quiz-statistic .dataTables_scroll {
	margin-bottom: 10px;
}

.super-quiz-statistic .form-inline .form-control {
	vertical-align: initial;
}

.chart-wr h2 {
	color: #0D9CC8;
	font-weight: bold;
	margin: 0 0 15px;
}

.super-quiz-st-wr {
	margin: 20px 0;
}

.super-quiz-st-wr:not(:last-child):after {
	content: '';
	display: block;
	width: 80%;
	margin: 20px auto 0;
	height: 2px;
	border-bottom: 2px solid #0D9CC8;
}

.super-quiz-st-wr.reward-link {
	cursor: pointer;
	color: #0D9CC8;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.super-quiz-st-wr.reward-link:hover {
	color: #585858;
}

p.empty-result {
	text-align: center;
	margin: 20px 0 0;
}

.stat-tasks-wr:not(:last-child) {
	margin-bottom: 30px;
}
.stat-tasks-wr.with-out-m-p {
	margin: 0 0 -15px;
	padding: 0;
}

.stat-tasks-wr .task-cart-wr {
	border-radius: 4px;
	padding: 20px;
	margin: 0 0 0;
	/*background-color: #F8F8F8;*/
	margin-bottom: 15px;
	border: 2px solid #DDD;
}

.stat-tasks-wr .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}
.stat-tasks-wr .files a, a.file-link{
	font-style: italic;
}


.stat-tasks-wr .avatar-wr-m {
	display: flex;
	align-items: center;
}

.stat-tasks-wr .avatar-wr-m .avatar-preview {
	background-color: #F8F8F8;
}

.stat-tasks-wr .avatar-wr-m .name {
	margin-left: 10px;
}



.stat-tasks-wr {

}

/* SUPER-QUIZ */
.super-quiz-page:not(h1) {
	/*max-width: 1220px;*/
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* overflow: hidden; */
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	padding: 30px;
	margin: 60px auto;
}

h1.super-quiz-page {
	/*max-width: 1220px;*/
	margin: 60px auto;
}

.has-error .help-block {
	color: red !important;
}

.has-error .control-label {
	color: red !important;
}

.has-error input[type="text"],
.has-error select,
.has-error .multi-wrapper {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 0, 0, 0.25);
	box-shadow: 0px 0px 15px 0px rgba(255, 0, 0, 0.25);
}

.challenge-final-results-wrapper {
	font-weight: 700;
	margin-top: 20px;
}

.challenge-final-results-wrapper .blue-result {
	font-size: 50px;
	color: rgb(6, 161, 207);
	line-height: 50px;
}

.challenge-final-results-wrapper b {
	color: rgb(6, 161, 207);
}

.challenge-final-results-wrapper .col-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.challenge-final-results-wrapper .col-flex .col-40,
.challenge-final-results-wrapper .col-flex .col-60 {
	padding: 0 15px;
}

.challenge-final-results-wrapper .col-flex .col-40 {
	width: 40%;
}

.challenge-final-results-wrapper .col-flex .col-60 {
	width: 60%;
}

.challenge-final-results-wrapper .text {
	margin: 40px 0 20px;
}

.challenge-final-results-wrapper .text-blue {
	margin-bottom: 40px;
	color: rgb(6, 161, 207);
}

.challenge-final-results-wrapper .link-wrapper {
	padding: 0 15px;
}

.challenge-final-results-wrapper .link-wrapper a {
	text-transform: none;
	font-weight: 500;
}

.challenge-final-results-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

/* PROFILE */
.profile, .users-register-form {
	max-width: 1220px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* overflow: hidden; */
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	padding: 30px;
	margin: 60px auto;
}

.password-change {
	font-size: 1.5em;
	margin-bottom: 15px;
}

.control-label[for="userform-logo"]:after {
	content: 'Bildgröße 200x80px';
	display: block;
	font-size: .8em;
	font-weight: 400;
}

/* USERS */
#user-statistic-data_wrapper .row:last-child {
	margin-top: 20px;
}

#user-statistic-data_wrapper th,
#user-statistic-data_wrapper td {
	font-size: 15px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: rgb(6, 161, 207);
	background: -webkit-gradient(linear, left top, right top, from(rgba(26, 177, 227, 1)), to(rgba(0, 155, 200, 1)));
	background: -o-linear-gradient(left, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	background: linear-gradient(90deg, rgba(26, 177, 227, 1) 0%, rgba(0, 155, 200, 1) 100%);
	border-color: rgb(6, 161, 207);
}

.like-dislike-btn {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 21px;
	height: 22px;
	opacity: .3;
	cursor: pointer;
	margin: 0 auto;
}

.like-dislike-btn:hover {
	opacity: 1;
}

.like-dislike-btn.active {
	opacity: 1;
}

.like-btn {
	background-image: url('/images/like.gif');
	margin-bottom: 8px;
}

.dislike-btn {
	background-image: url('/images/dislike.gif');
}

.delete-user {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/images/delete.gif');
	cursor: pointer;
	opacity: .3;
}

.delete-user:hover {
	opacity: 1;
}

.v-center {
	vertical-align: middle !important;
}

.user-mark {
	position: absolute;
	top: 23px;
	right: 178px;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.user-mark.user-mark-like {
	background-image: url("/images/like100.gif");
}

.user-mark.user-mark-dislike {
	background-image: url("/images/dislike100.gif");
}

.swal2-title {
	color: #585858 !important;
}

.reward-popup .swal2-header {
	padding: 0 !important;
}

.reward-popup .swal2-image {
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.reward-popup .swal2-title {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin: 0 0 .7em !important;
}

.reward-popup #swal2-content {
	display: block;
	margin: 20px 0 15px;
}

.reward-popup #swal2-content a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: url(/images/download.png) no-repeat top left;
	background-size: contain;
	height: 45px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 53px;
	padding-right: 10px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 20px;
}

.reward-popup .swal2-title {
	display: none;
}

/* SEARCH */
.search-results-page-wr .site-count {
	text-align: right;
	margin-bottom: 30px;
}

.search-results-page-wr .lessons-wrapper .lesson-wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.search-results-page-wr .lessons-wrapper .lesson-video {
	width: 30%;
}

.search-results-page-wr .lessons-wrapper .lesson-video .lesson-video-wrapper {
	margin-top: 0;
}

.search-results-page-wr .lessons-wrapper .lesson-desc {
	width: 68%;
	position: relative;
	padding-bottom: 50px;
}

.search-results-page-wr .lessons-wrapper .lesson-desc-text {
	max-height: 131px;
	overflow: hidden;
}

.search-results-page-wr .lessons-wrapper h2 {
	margin-top: 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 1em;
	margin-bottom: 30px;
}

.search-results-page-wr .lessons-wrapper h2 a {
	color: #111E3D;
}

.search-results-page-wr .lesson-desc-bottom-wr {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.search-results-page-wr .lesson-desc-link {
	margin-right: 40px;

}

.search-results-page-wr .lesson-desc-link a {
	text-transform: none;
}

.search-results-page-wr .hello-link-wrapper {
	margin-top: 0;
	margin-bottom: 30px;
}

.search-results-page-wr .pagination-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.search-results-page-wr .mobile-lesson-header {
	display: none;
}

.search-results-page-wr .empty-results {
	font-size: 20px;
	line-height: 1em;
	font-weight: 500;
	text-align: center;
	margin-top: 50px;
}

.field-userform-rules_accept {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.field-userform-rules_accept .icheckbox_square-blue {
	position: relative;
	margin-right: 8px;
}

.field-userform-rules_accept .checkbox-label {
	width: calc(100% - 30px);
}

.field-userform-rules_accept .help-block {
	width: 100%;
}

.faq-wrapper {
	display: flex;
}

.faq-wrapper h1 {
	margin-top: 0;
	margin-bottom: 30px;
	color: #61A9D8 !important;
}

.question-answer-wr,
.contact-from-wr {
}

.question-answer-wr {
	width: 60%;
	margin-right: 15px;
}
.question-answer-wr.w-100{
	width: 100%;
}

.question-answer-wr .accordion {
	display: block;
	width: 100%;
	cursor: pointer;
	transition: all 0.4s;
	padding: 10px 0;
	font-size: 18px;
	font-weight: 700;
}

.question-answer-wr .accordion.active span {
	transform: rotate(90deg);
}

.question-answer-wr .panel {
	display: none;
	overflow: hidden;
	border: 0 !important;
	box-shadow: none !important;
}

.contact-from-wr {
	width: 40%;
	margin-left: 15px;
}

.contact-from-wr form {
	padding-top: 10px;
}

.contact-from-wr textarea {
	resize: vertical;
	min-height: 200px;
}

.contact-from-wr button {
	margin-top: 15px;
}

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

.form-group.required label:after {
	content: '*';
}

.feedback-index table td:first-child, .feedback-index table th:first-child {
	min-width: 100px;
}

/* Profile */
.profile-wrapper {

}

.profile-wrapper .user-avatar-wr {
	display: flex;
	align-items: flex-start;

}

.profile-wrapper .avatar-wr {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.profile-wrapper .avatar-wr .form-group {
	margin: 0;
}

.user-avatar-wr .images-wrapper {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	margin: 0 auto 15px;
	background-image: url('/images/avatar-default.png');
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

.images-wrapper .image-wrapper {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	position: relative;
}

.user-avatar-wr .avatar-text {
	padding-left: 30px;
}

.user-avatar-wr .avatar-text h2 {
	font-weight: 700;
	margin-top: -5px;
}

.avatar-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.images-wrapper .image-tools {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
}

.images-wrapper .image-wrapper:hover .image-tools {
	display: block;
}

.images-wrapper .image-delete {
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 12px);
	color: #FFF;
	cursor: pointer;
	font-size: 26px;
}

.images-wrapper .image-delete:hover {
	color: red;
}

#avatar-upload-btn {
	color: #ED1364
}

#avatar-upload-btn.hover {
	color: #FFF;
}

.content-wr {
	display: flex;
	margin: 30px 0;
}

.content-wr .menu {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 230px;
}

.content-wr .menu li {
	display: block;
	padding: 0 10px;
	color: #111E3D;
	margin-bottom: 7px;
}

.content-wr .menu > li ul {
	margin-top: 7px;
	padding-left: 20px;
}

.content-wr .menu > li > ul {
	display: none;
}

.content-wr .menu > li .submenu {
	cursor: pointer;
}

.content-wr .menu li.cat-name {
	background-color: #D9D9D9;
}

.content-wr .menu li.current > div,
.content-wr .menu li.current > a,
.content-wr .menu li > div:hover,
.content-wr .menu li a:hover {
	font-weight: 700;
}

.content-wr .menu li a {
	color: #111E3D;
}

.content-wr .menu li .not-active {
	color: grey;
	cursor: text;
}

.content-wr .content {
	width: calc(100% - 230px);
	padding-left: 60px;
	min-height: auto;
	padding-bottom: 5px;
}

.content-wr.user-profile-wr {
	padding: 30px 15px;
	position: relative;
}

/*.content-wr .content>div{
	display: none;
}*/
.user-profile-page-outer-wr.export-pdf {
	background: #F8F8F8;
	padding: 30px 30px 30px 10px;
	width: 1420px !important;
}

.user-profile-page-outer-wr.export-pdf [type="submit"],
.user-profile-page-outer-wr.export-pdf .btns-wr,
.user-profile-page-outer-wr.export-pdf .add-note-btn,
.user-profile-page-outer-wr.export-pdf a.btn-dark-blue,
.user-profile-page-outer-wr.export-pdf .note-wr .bottom,
.user-profile-page-outer-wr.export-pdf .add-tag-btn {
	display: none;
}

.user-profile-page-outer-wr.export-pdf .statistic-elem .circle-value .numeric-value {
	margin-top: -5px;
}

.user-profile-page-outer-wr.export-pdf .progress-outer-wr .number {
	margin-top: -3px;
}

.user-profile-page-outer-wr.export-pdf .col-md-6 {
	display: block;
	float: none;
	width: 100%;
}

.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini td div {
	text-align: center;
}

.user-profile-page-outer-wr.export-pdf .note-wr .top .glyphicon {
	top: 4px;
}

.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini th,
.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini td {
}

.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini th,
.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini td {
	line-height: 22px;
}

.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini th span,
.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini td span {
	display: block;
	width: 100%;
}

.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini th.padding-left span{
	padding-left: 10px !important;
}

.user-profile-page-outer-wr.export-pdf .user-profile-page table.table-mini td span .empty {
	display: none !important;
}

.user-profile-page-outer-wr.export-pdf .ignore.btn {
	display: none !important;
}

.user-profile-page-outer-wr.export-pdf #user-reports-table_wrapper .report-status {
	padding-bottom: 4px;
}

.user-profile-page-outer-wr.export-pdf a {
	color: rgb(17, 30, 61) !important;
}

.user-profile-page-outer-wr.export-pdf .horizontal-tabs-wr > ul li a {
	color: rgb(17, 30, 61) !important;
}

.user-profile-page-outer-wr.export-pdf .horizontal-tabs-wr > ul li a.active {
	color: rgb(237, 19, 100) !important;
}
.user-profile-page-outer-wr.export-pdf .statistic-elem{
	margin: 0 15px;
}
.user-profile-page-outer-wr.export-pdf .statistic-block{
	width: 675px;
}
.user-profile-page-outer-wr.export-pdf .new-chart-wr{
	display: block !important;
}

.user-profile-page-outer-wr.export-pdf .social-skills-horizontal-tabs-wr{
	display: none;
}
	 /* Animation */
/* LOADING */
/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 9999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* ----- /. Loading ----- */

.export-loading-wr{
	background-color: #111E3D;
	width: 100vw;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.export-loading{
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 40px);
	color: #fff;
	font-size: 50px;
}

/* New form */
.left-form-wr .field-wr {
	display: flex;
}

.left-form-wr .field-label {
	width: 180px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
}

.left-form-wr .field {
	width: calc(100% - 180px);
}

.left-form-wr .form-group {
	margin-bottom: 0;
}

.field-wr-multiple-1-2 .field,
.field-wr-multiple-2-1 .field {
	display: flex;
}

.field-wr-multiple-1-2 .field .form-group:first-child {
	width: 33.33%;
	margin-right: 15px;
}

.field-wr-multiple-1-2 .field .form-group:last-of-type {
	width: 66.66%;
}

.field-wr-multiple-2-1 .field .form-group:first-child {
	width: 66.66%;
	margin-right: 15px;
}

.field-wr-multiple-2-1 .field .form-group:last-of-type {
	width: 33.33%;
}

.form-max-w {
	max-width: 500px;
}

/* Self-control form */
.self-grades-tabs-navigation {
	list-style: none;
	padding: 0;
	margin: 0 -10px;
	display: flex;
	justify-content: space-between;
}

.self-grades-tabs-navigation li {
	margin: 0 10px;
}

.self-grades-tabs-navigation a {
	color: #111E3D;
	font-size: 18px;
	text-align: center;
	display: flex;
}

.self-grades-tabs-navigation a.current {
	font-weight: 700;
}

.self-grades-forms-wrapper {
	margin-top: 30px;
}

.self-grades-category {

}

.self-grades-category:not(:first-child) {
	display: none;
}

.self-grades-subcategory {
	border-radius: 20px;
	border: 13px solid #D9D9D9;
	padding: 20px;
	margin: 0 0 20px;
}

.self-grades-subcategory .iradio_square-blue {
	display: block;
	margin: 0 auto 10px;
}

.self-grades-subcategory [role="radiogroup"] {
	display: flex;
	justify-content: space-between;
	margin: 35px -10px 0;
}

.self-grades-subcategory [role="radiogroup"] label {
	margin: 0 10px;
	font-weight: 400;
}

.self-grades-subcategory [role="radiogroup"] label:after {
	content: '';
}

.subcat-name {
	font-weight: 700;
	margin-bottom: 10px;
}

.subcat-text {
	margin-bottom: 10px;
}

.prof-grade-wr,
.prof-grade-wr .two-columns {
	height: 100%;
}

.prof-grade-wr #profile-form {
	height: calc(100% - 60px);
}

.prof-grade-wr h2 {
	margin-top: 0;
	margin-bottom: 25px;
}

.prof-grade-wr .field-label {
	width: 290px;
}

.prof-grade-wr .field {
	width: 70px;
}

.prof-grade-wr .two-columns {
	display: flex;
	margin: 0 -30px;
}

.prof-grade-wr .two-columns > div {
	padding: 0 30px;
}

.prof-grade-wr .two-columns > div:first-child {
	border-right: 8px solid #D9D9D9;
	width: calc(50%);
}

.prof-grade-wr .two-columns > div:last-child {
	width: calc(50%);
}

.prof-grade-wr .btn-wr {
	margin-top: 30px;
	width: 100%;
	text-align: center;
}

.prof-grade-wr .elem-wr {
	display: flex;
}

.prof-grade-wr .elem-wr .form-group:first-child {
	width: calc(100% - 120px);
}

.prof-grade-wr .elem-wr .form-group:nth-child(2) {
	width: 80px;
	padding: 0 5px;
}

.prof-grade-wr .elem-wr .glyphicon-remove {
	width: 40px;
	height: 33px;
	line-height: 25px;
}

.prof-grade-wr .infinite-fields .glyphicon-plus {
	/*width: 40px;*/
	/*height: 33px;*/
	/*line-height: 25px;*/
	margin-bottom: 20px;

	line-height: 30px;
	padding: 0 10px 0 12px;
}

.prof-grade-wr .infinite-fields .example {
	display: none;
}

/* Report */
.report-wrapper {
	border: 8px solid #111E3D;
	position: relative;
}

.report-wrapper.report-view {
	max-width: 70%;
}

.report-wrapper .report-content .form-group {
	border-bottom: 8px solid #111E3D;
	margin-bottom: 0;
}

.report-wrapper .report-header {
	display: flex;

}

.report-wrapper .logo-wr {
	width: 285px;
	height: 145px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center;
}

.report-wrapper .text-wr {
	width: calc(100% - 285px);
	padding: 15px 25px;
}

.report-wrapper .text-wr p {
	margin-bottom: 0;
}

.report-wrapper .text-wr p:not(:first-child) b {
	width: 200px;
	display: inline-block;
}

.report-wrapper .text-wr p:first-child {
	font-size: 18px;
	margin-bottom: 10px;
}

.report-wrapper .control-label {
	display: block;
	font-weight: 700;
	padding: 8px 18px;
}

.report-wrapper .sign-wr {
	display: flex;
	justify-content: space-around;
	padding-bottom: 18px;
}

.report-wrapper .sign {
	margin: 50px 15px 0;
	max-width: 250px;
	text-align: center;
	border-top: 2px solid #111E3D;
}

.report-wrapper .content-wr {
	display: block;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.report-content .content-wr > div,
.report-content .content-wr h1,
.report-content .content-wr h2,
.report-content .content-wr h3,
.report-content .content-wr h4,
.report-content .content-wr h5,
.report-content .content-wr h6,
.report-content .content-wr pre,
.report-content .content-wr p {
	padding-left: 15px;
	padding-right: 15px;
}

.report-content .content-wr ol,
.report-content .content-wr ul {
	padding-left: 55px;
	padding-right: 15px;
}

.report-content .content-wr > div,
.report-content .content-wr p,
.report-content .content-wr ol,
.report-content .content-wr ul,
.report-content .content-wr h1,
.report-content .content-wr h2,
.report-content .content-wr h3,
.report-content .content-wr h4,
.report-content .content-wr h5,
.report-content .content-wr h6,
.report-content .content-wr blockquote,
.report-content .content-wr pre {
	position: relative;
	overflow: visible;
}

.report-content .content-wr > div,
.report-content .content-wr > pre {
	margin-left: 15px;
	margin-right: 15px;
	font-family: 'Gordita', 'sans-serif';
	font-size: 16px;
}

.report-content.can-be-commented .content-wr > div.hovered,
.report-content.can-be-commented .content-wr p.hovered,
.report-content.can-be-commented .content-wr ol.hovered,
.report-content.can-be-commented .content-wr ul.hovered,
.report-content.can-be-commented .content-wr h1.hovered,
.report-content.can-be-commented .content-wr h2.hovered,
.report-content.can-be-commented .content-wr h3.hovered,
.report-content.can-be-commented .content-wr h4.hovered,
.report-content.can-be-commented .content-wr h5.hovered,
.report-content.can-be-commented .content-wr h6.hovered,
.report-content.can-be-commented .content-wr pre.hovered,
.report-content.can-be-commented .content-wr blockquote.hovered,
.report-content.can-be-commented .content-wr > div.active,
.report-content.can-be-commented .content-wr p.active,
.report-content.can-be-commented .content-wr ol.active,
.report-content.can-be-commented .content-wr h1.active,
.report-content.can-be-commented .content-wr h2.active,
.report-content.can-be-commented .content-wr h3.active,
.report-content.can-be-commented .content-wr h4.active,
.report-content.can-be-commented .content-wr h5.active,
.report-content.can-be-commented .content-wr h6.active,
.report-content.can-be-commented .content-wr pre.active,
.report-content.can-be-commented .content-wr ul.active,
.report-content.can-be-commented .content-wr blockquote.active {
	cursor: pointer;
	background-color: #029ECB24 !important;
}

.report-content .content-wr pre.active,
.report-content .content-wr > div.active {
	margin: 70px 0;
	background-color: #029ECB24 !important;
	word-break: break-word !important;
	white-space: break-spaces !important;
}

.report-content .content-wr > div.active,
.report-content .content-wr h1.active,
.report-content .content-wr h2.active,
.report-content .content-wr h3.active,
.report-content .content-wr h4.active,
.report-content .content-wr h5.active,
.report-content .content-wr h6.active,
.report-content .content-wr p.active,
.report-content .content-wr blockquote.active,
.report-content .content-wr ol.active,
.report-content .content-wr ul.active {
	/*margin-top: 70px;
	margin-bottom: 70px*/;
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #029ECB24 !important;
}

.report-wrapper .help-block {
	margin: 0;
}

.report-wrapper .comment-form {
	position: absolute;
	right: -440px;
	top: calc(50% - 61.5px);
	width: 390px;
	min-height: 122px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 4px;
	background-color: #FFF;

}

.report-wrapper .comment-form .line {
	position: absolute;
	top: calc(50% - 1px);
	width: 50px;
	background: #029ECB24;
	left: -50px;
	height: 2px;
}

.report-wrapper .comment-form .top-wr {
	display: flex;
	justify-content: center;
}

.report-wrapper .comment-form .user-info {
	display: flex;
	align-items: center;
	padding: 8px;
	width: 37%;
}

.report-wrapper .comment-form .user-info .avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #F8F8F8;
	margin-right: 10px;
	background-size: cover;
	background-repeat: no-repeat;
}

.report-wrapper .comment-form .user-info .name {
	font-size: 13px;
	width: calc(100% - 40px);
}

.report-wrapper .comment-form .comment-content {
	padding: 0 8px 4px;
}

.report-wrapper .comment-form .comment-content textarea {
	width: 100%;

	border-radius: 4px;
	border: 1px solid #029ECB;
	resize: none;
	min-height: 68px;
	padding: 2px 4px;
	font-size: 13px;
}

.report-wrapper .comment-form .btns-wr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
	width: 63%;
}

.report-wrapper .comment-form .btns-wr .btn-small {
	font-size: 12px;
}

.report-wrapper .comment-form .btn {
	width: 49%;
}

.report-wrapper #cke_27,
.report-wrapper #cke_32,
.report-wrapper #cke_34,
.report-wrapper #cke_35,
.report-wrapper #cke_40 {
	display: none !important;
}

.report-submenu {
	display: flex;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

.report-submenu li {
	margin: 15px;
}

.report-submenu li:last-child {
	margin-right: 0;
}

.report-submenu li a {
	font-size: 20px;
	font-weight: 700;
	color: rgb(6, 161, 207);
}

.report-submenu li.current a {
	color: #111E3D;
}

.report-submenu li:not(.current) a:hover {
	color: #111E3D;
}

.content-wr {
	padding: 0 15px 10px;
}

/* Reports index page */
.statistic-block {
	display: flex;
	margin: 0 -15px 20px;
}

.statistic-elem {
	margin: 0 15px;
	border: 6px solid #D9D9D9;
	border-radius: 10px;
	width: 140px;
	min-height: 140px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	position: relative;
}
.statistic-elem.statistic-elem-top{
	align-items: flex-start;
}
.statistic-elem a{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.statistic-elem a.item{
	position: static;
	color: #111E3D;
}
.statistic-elem.statistic-by-year{
	min-width: 121px;
}
.statistic-elem.statistic-elem-aw {
	width: auto;
	padding: 10px 15px 12px;
}

.statistic-elem.statistic-elem-thin {
	border-width: 2px;
}

.statistic-elem.statistic-elem-top {
	justify-content: flex-start;
}

.statistic-elem .description {
	text-align: center;
	color: #989898;
	margin-bottom: 5px;
}

.statistic-elem .description.color-dark {
	color: #333;
	font-weight: 700;
	padding-top: 7px;
	min-height: 47px;
	display: flex;
	align-items: center;
}

.statistic-elem .value {
	font-size: 70px;
	color: rgb(6, 161, 207);
	font-weight: 700;
	text-align: center;
	margin-top: 5px;
}

.statistic-elem.disabled .value {
	color: #989898;
}

.statistic-elem .value.dark-blue-color {
	color: #111E3D;
}

.statistic-elem td:last-child {
	padding-left: 20px;
	font-weight: 700;
}
#users-table_filter{
	display: none;
}
.statistic-elem.disabled svg,
.statistic-elem.disabled .numeric-value,
.disabled svg,
.disabled .numeric-value{
	filter: grayscale(100%);
	opacity: 0.5 !important;
}
.statistic-elem.disabled .value{
	color: #989898;
}

.reports-table:not(.show-search) #user-reports-table_wrapper .row:first-child {
	display: none !important;
}

#user-reports-table_wrapper .row:last-child {
	padding-top: 20px !important;
}

#user-reports-table_wrapper .report-status {
	padding: 2px 10px;
	border-radius: 15px;
	display: inline-block;
	coloR: #FFF;
}

#user-reports-table_wrapper .report-status-1,
#user-reports-table_wrapper .report-status-3,
#user-reports-table_wrapper .report-status-4 {
	background-color: #039ECA;
}

#user-reports-table_wrapper .report-status-2 {
	background-color: #55C15E;
}

.logo-wr {
	width: 400px;
}

.images-wrapper[data-image="logo"] {
	width: 285px;
	height: 145px;
	margin: 0 0 15px;
	background-color: #111E3D;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

/* Business - user-list */
.avatar-preview {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: #FFF;*/
}

.div-number-btn-wr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.div-number-btn-wr .numbers {
	font-weight: 900;
	font-size: 58px;
	color: #111E3D;
}

/* Users */
.dataTables_length label {
	display: flex;
	align-items: center;
}

.dataTables_length label select {
	margin-right: 10px;
}

.dataTables_scrollHeadInner, .dataTables_scrollHeadInner .table {
	min-width: 100%;
}

.dataTables_scrollBody .table {
	min-width: 100%;
}


.dataTables_wrapper .row:last-child {
	margin-top: 20px;
}

.three-btns-wr {
	display: flex;
}

.three-btns-wr a {
	margin: 3px;
}

/* USER PAGE */
.user-profile-page {

}

.user-profile-page .profile-information {
	display: flex;
	align-items: center;
}

.user-profile-page .profile-information .avatar-logo-wr {
	width: 155px;
	margin-right: 20px;
}

.user-profile-page .profile-information .avatar-logo {
	width: 155px;
	height: 155px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.user-profile-page .profile-information .profile-details {

}

.user-profile-page .profile-information .profile-details .btn {
	width: 100%;
	text-align: center;
}

.user-profile-page .profile-information {

}

.user-profile-page .report-index th,
.user-profile-page .report-index td {
	width: calc(100% / 6) !important;
}

.statuses {
	display: flex;
	margin: 7px 0 9px;
}

.statuses > div {
	border-radius: 7px;
	padding: 0 10px;
	line-height: 19px;
	color: #FFF;
	margin-right: 3px;
	font-size: 12px;
	white-space: nowrap;
}

.statuses > div > span {
	margin-left: 10px;
	cursor: pointer;
}

.notes-wr {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.note-wr {
	min-height: 300px;
	width: calc(25% - 30px);
	margin: 15px;
	background: #F8F8F8;
	padding: 15px 15px 45px;
	position: relative;
}

.note-wr .top {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 15px;
}

.note-wr .top .glyphicon {
	color: #029ECB;
}

.note-wr .note-content > div {
	font-size: 18px;
	margin-bottom: 5px;
}

.note-wr .bottom {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
}

.note-wr .edit-note,
.note-wr .delete-note {
	cursor: pointer;
}

.note-wr .edit-note:hover {
	color: #029ECB;
}

.note-wr .edit-note .glyphicon {
	color: #029ECB;
	font-size: 13px;
}

.note-wr .delete-note:hover {
	color: #D60404;
}

.note-wr .delete-note .glyphicon {
	color: #D60404;
	font-size: 13px;
}

.user-profile-page h2 {
	font-size: 22px;
}

.user-profile-page .table-wr {
	background: #F8F8F8;
	padding: 25px;
}

.user-profile-page .table-wr h2 {
	font-size: 18px;
}

.user-profile-page table.table-mini {
	margin: 0;
}

.user-profile-page table.table-mini tr {
	border: none !important;
}
.user-profile-page table.table-mini th,
.user-profile-page table.table-mini td {
	font-size: 12px;
	background: #FFF;
	border: none !important;
	border-right: 1px solid #000 !important;
	padding: 5px 0 0 !important;
}
.user-profile-page table.table-mini tr:first-child th:first-child{
	width: 300px;
}
.user-profile-page table.table-mini tr:first-child th:not(:first-child){
	text-align: center;
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
}
.user-profile-page table.table-mini tr:nth-child(2) th:not(:first-child){
	text-align: center;
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
}
.user-profile-page table.table-mini tr:last-child td:not(:first-child){
	border-bottom: 1px solid #000 !important;
}
.user-profile-page table.table-mini tr:first-child td {
	padding-top: 0 !important;
}

.user-profile-page table.table-mini th span,
.user-profile-page table.table-mini td span {
	display: block;
	padding: 2px 5px;
	min-height: 22px;
	line-height: 18px;
	background: #FFF;
}

.user-profile-section .content-wr {
	padding: 0;
	margin-bottom: 15px;
}

.add-tag-btn {
	margin-bottom: 10px;
}

.green-bknd {
	background: #D6FFD9 !important;
}

.yellow-bknd {
	background: #FFF7D6 !important;
}

.red-bknd {
	background: #FFD6D6 !important;
}

.tabs-content .white-pretty-background {
	padding: 50px;
}

.horizontal-tabs-wr > ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
}

.horizontal-tabs-wr > ul li {
	font-size: 16px;
}

.horizontal-tabs-wr > ul li a {
	color: #111E3D;
	display: block;
	padding: 7px 25px 5px;
	font-weight: 700;
}

.horizontal-tabs-wr > ul li a.active,
.horizontal-tabs-wr > ul li a:hover {
	background: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #ED1364;
}

.vertical-tabs-wr {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vertical-tabs-wr > ul {
	width: 330px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.vertical-tabs-wr > ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.vertical-tabs-wr > ul li a[href^='#'] {
	display: block;
	padding: 10px 15px;
	background-color: #F8F8F8;
}

.vertical-tabs-wr > ul li a[href^='#']:first-child {
	border-top-left-radius: 4px;
}

.vertical-tabs-wr > ul li a[href^='#']:last-child {
	border-bottom-left-radius: 4px;
}

.vertical-tabs-wr > ul li a[href^='#']:hover,
.vertical-tabs-wr > ul li a[href^='#'].active {
	background-color: #EFF9FC;
}

.vertical-tabs-wr > ul li a.btn {
	width: calc(100% - 20px);
	margin-top: 20px;
}

.vertical-tabs-wr .vertical-tabs-content {
	width: calc(100% - 330px);
}

.progress-outer-wr .progress-label {
	font-size: 12px;
	color: #989898;
}

.progress-outer-wr .progress-inner-wr {
	border-radius: 4px;
	overflow: hidden;
	background: #F8F8F8;
	height: 21px;
	margin-top: 7px;
	margin-bottom: 20px;
}

.progress-outer-wr .progress-line {
	border-radius: 4px;
	height: 100%;
	padding: 0 10px;
	min-width: 47px;
	position: relative;
}

.progress-outer-wr .progress-line.blue {
	background: #029ECB;
}

.progress-outer-wr .progress-line.dark-blue {
	background: #111E3D;
}

.progress-outer-wr .number {
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	padding-top: 1.5px;
	line-height: 21px;
	position: absolute;
	right: 10px;
}

.new-chart-wr {
	display: none;
	background-color: #EFF9FC;
	padding: 30px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.new-chart-wr h2 {
	margin-bottom: 30px;
}
.social-skills-horizontal-tabs-wr{
	margin-top: -30px;
	margin-bottom: 20px;
}
.social-skills-horizontal-tabs-wr ul{
	margin: 0 0 0 330px;
	padding: 0;
	list-style: none;
	display: flex;
}
.social-skills-horizontal-tabs-wr ul li{
	margin: 0 5px;
}
.social-skills-horizontal-tabs-wr ul li a{
	display: block;
	border-radius: 4px;
	background: #029ECB;
	padding: 4px 13px 2px;
	color: #fff;
}
.social-skills-horizontal-tabs-wr ul li a.current,
.social-skills-horizontal-tabs-wr ul li a:hover{
	background: #111E3D;
}
.social-skills-horizontal-tabs-wr ul li a.disabled{
	opacity: 0.3;
	cursor: not-allowed;
}
.social-skills-charts {
	margin-left: -30px;
	margin-right: -30px;
}
.profile-grades-wr{
	margin-left: -30px;
	margin-right: -30px;
}
.profile-grades-wr .content-wr{
	padding: 0;
	margin-top: 50px;
}
.small-ok-symb{
	font-size: 11px;
	margin-left: 5px;
	color: #029ECB;
}
.profile-grades-wr .content-wr .submenu-wr{
	padding-left: 0;
}
.profile-grades-wr #add-grades{
	width: 100%;
}
.table-of-tasks-wr {
	position: relative;
}

.table-of-tasks-wr th:last-child,
.table-of-tasks-wr td:last-child {
	width: 95px;
}
.table-of-tasks-wr th:nth-child(6),
.table-of-tasks-wr td:nth-child(6){
	width: 95px;
}
.table-of-tasks-wr #table-of-tasks_filter {
	display: none;
}
.table-of-tasks-wr .status-with-comment{
	cursor: pointer;
}
.table-of-tasks-wr table {
	width: 100% !important;
}

.table-of-tasks-wr .status-filter-wr {
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
}

.table-of-tasks-wr #status-filter {
	width: 130px;
	margin-left: 10px;
}

#users-table_wrapper .row:last-child,
.reports-table .row:last-child,
.table-of-tasks-wr .row:last-child {
	margin-top: 30px;
	font-size: 12px;
}

.dataTables_filter label {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background: #F8F8F8;
}

.menu-open-link {
	display: none;
	background: #111E3D;
	color: #FFF;
	padding: 0 4px 0;
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	align-items: center;
	box-shadow: rgb(0 0 0 / 25%) 8px 0px 12px 0px;
	z-index: 1;
}

.flex-checkbox{
	display: flex;
	font-weight: normal;
	align-items: center;
	font-size: 11px;
}
.flex-checkbox .icheckbox_square-blue{
	margin-right: 10px;
}
.delete-checkbox-wr{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.delete-checkbox-wr>div:first-child{
	margin-right: 20px;
}

.fill-company-dialog{
	width: 100% !important;
	max-width: 650px !important;
	padding: 30px !important;
}
.fill-company-dialog #swal2-content{
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}
.fill-company-dialog .swal2-actions .swal2-confirm{
	order: 2;
}
.fill-company-dialog .swal2-actions .swal2-deny{
	order: 1;
	margin-right: 20px;
}
.fill-company-dialog .swal2-actions .swal2-deny:hover{
	color: #ED1364 !important;
}
.fill-company-dialog #user-company{
	margin-right: 0 !important;
	max-width: none;
}
.fill-company-dialog #user-company-form .text-right{
	text-align: center !important;
	margin-top: 20px;
}
.fill-company-dialog .has-error .help-block{
	text-align: left;
	font-size: 0.8em;
}

.upload-form-wr .elem-wr{
	margin-top: 30px;
}
.upload-form-wr .elem-wr.fl{
	display: flex;
}
.upload-form-wr .elem-label{
	font-weight: bold;
	width: 245px;
	margin-right: 30px;
}
.upload-form-wr .has-error .elem-label,
.upload-form-wr .has-error .filter-elem-label{
	color: red;
}
.upload-form-wr .has-error svg path{
	fill: red !important;
}
.upload-form-wr .elem-field{
	width: calc(100% - 275px);
}
.upload-form-wr textarea{
	border: 0;
	background: #F8F8F8;
	border-radius: 4px;
	width: 100%;
	resize: vertical;
	min-height: 100px;
	padding: 15px;
}
.upload-form-wr textarea:focus{
	outline: none !important;

}
.upload-form-wr figure svg path{
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.upload-form-wr figure svg:hover path{
	fill: rgb(6, 161, 207) !important;
}
.upload-form-wr label{
	padding: 0;
}
.upload-form-wr input:focus,
.upload-form-wr input:focus-visible,
.upload-form-wr label,
.upload-form-wr label:focus,
.upload-form-wr label:focus-visible,
.upload-form-wr figure:focus,
.upload-form-wr figure:focus-visible,
.upload-form-wr svg:focus-visible,
.upload-form-wr svg:focus{
	outline: none !important;
}
.upload-form-wr label span{
	font-size: 14px;
}
.upload-form-wr input[type="file"]{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.upload-form-wr .user-select{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.modal-body .user-select, .modal-body .instructor-select{
	display: block;
}
.upload-form-wr .filter-elem{
	width: 49%;
	margin-bottom: 15px;
}
.upload-form-wr .filter-elem:first-child{
	width: 100%;
}
.upload-form-wr .filter-elem:nth-child(6),
.upload-form-wr .filter-elem:nth-child(7){
	width: 100%;
}
.upload-form-wr .filter-elem-label{
	font-weight: bold;
	color: rgb(6, 161, 207);
}
.modal-body .filter-elem-label{
	color: #333333;
}
.modal-body .upload-form-wr h2{
	font-weight: bold;
	color: #333333 !important;
	margin: 0 0 7px !important;
	font-size: 14px;
	line-height: 16px;
}
.modal-body .upload-form-wr h3{
	font-weight: bold;
	color: #333333 !important;
	margin: 0 0 7px !important;
	font-size: 14px;
	line-height: 16px;
}
.upload-form-wr .instructor-select{
	margin-top: 30px;
}
.upload-form-wr .instructor-select{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.modal-body .instructor-select{
	display: block;
}
.upload-form-wr .instructor-select .filter-elem{
	width: 49%;
}
.upload-form-wr .instructor-select .filter-elem:first-child{
	width: 100%;
}

.user-files-wr{

}
.user-files-wr .empty{
	text-align: center;
	margin: 30px 0 0 !important;
}
.user-files-wr .user-file{
	padding: 10px 0;
}
.user-files-wr .user-file:not(:last-child){
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.user-files-wr .user-file-date-wr{
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
.user-files-wr .user-file-date{
	width: 50%;
	font-style: italic;
}
.user-files-wr .user-file-delete{
	width: 50%;
	text-align: right;
}
.user-files-wr .user-file-delete a{
	color: red;
}
.user-files-wr .user-file-delete a:hover{
	color: #000;
}
.user-files-wr .user-file-description{
	margin-bottom: 10px;
}
.user-files-wr .user-files div{
	margin-bottom: 5px;
	font-style: italic;
}
.user-files-wr .user-file-avatar{
	display: flex;
	align-items: center;
	margin: 0 0 0 auto;
}
.user-files-wr .avatar-preview{
	margin-right: 5px;
}

.field-businesstask-file [type="file"]{
	padding-left: 0 !important;
}
.p-15{
	padding: 0 15px;
}
.user-upload-btn{
	margin-top: -40px;
}

.lti-deep-linking-wr{
}
.lti-deep-linking-wr h1{
	margin-bottom: 20px;
	color: #06A1CF !important;
	padding-left: 19px;
}
.lti-deep-linking-wr li{
	margin-bottom: 10px;
}
.lti-deep-linking-wr a{
	color: #000;
}
.lti-deep-linking-wr a:hover{
	color: #06A1CF !important;
}

.back-btn {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	color: rgb(6, 161, 207);
	margin-top: 20px;
}

.back-btn.back-btn-bottom {
	margin-top: 0px;
	margin-bottom: 30px;
}

.back-btn:hover {
	color: #111E3D;
}