/*
* 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;
    pointer-events: auto !important;
}

body[data-select2-id] {
    overflow-x: hidden;
}

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

.color-blue {
    color: rgb(6, 161, 207) !important;
}

.color-pink {
    color: #ED1364 !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;

    padding: 0;
}

.container.container-max-width {
    width: calc(100% - 200px);
    margin: 0 auto;
    padding: 0 !important;
}

.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);
}

.fs-30 {
    font-size: 30px !important;
}

.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.pink {
    border-color: #ED1364;
    color: #ED1364;
}

.add-btn[disabled="disabled"] {
    color: #989898 !important;
    border-color: #989898 !important;
    cursor: not-allowed;
}

.add-btn.edit-settings-btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

.add-btn.edit-settings-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 1.5px);
    width: 3px;
    background-color: #06A1CF;
}

.add-btn-with-text .text {
    font-weight: bold;
    color: #06A1CF;
}

.header-edit-btn {
    font-size: 14px;
}

.header-edit-btn.color-grey:hover {
    color: #06A1CF !important;
}

.add-custom-permission-btn .text {
    font-weight: 600;
    color: #06A1CF;
}


.add-btn:focus,
.add-btn.edit-settings-btn:focus {
    color: #06A1CF;
    border: 3px solid #06A1CF;
}

.add-btn.edit-settings-btn:focus:before {
    background: #06A1CF;
}

.add-btn:hover,
.add-btn.edit-settings-btn:hover,
.add-btn.edit-settings-btn:hover:before {
    border-color: #000;
    color: #000;
}

.add-btn.edit-settings-btn:hover:before {
    background: #000;
}

.add-custom-permission-btn:focus,
.add-custom-permission-btn:focus .text {
    color: #06A1CF;
}

.add-custom-permission-btn:focus .add-btn {
    color: #06A1CF;
    border: 3px solid #06A1CF;
}

.add-custom-permission-btn:hover,
.add-custom-permission-btn:hover .text {
    color: #000;
}

.add-custom-permission-btn:hover .add-btn {
    border-color: #000;
    color: #000;
}

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

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

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

.m-b-30 {
    margin: 0 0 30px !important;
}

.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;
    white-space: nowrap;
}

.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;
}

.actions-wr .glyphicon.disabled {
    color: #DDD !important;
    cursor: not-allowed;
}

.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;
    margin-left: auto;
    margin-right: auto;
}

.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: 97px; /*98*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px; /*23*/
    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;
    color: #FFF;
}

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

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

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

/* 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:not(#businessnote-title),
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 hr {
    border: 0;
    height: 1px;
    background: #FFFFFF90;
    margin: 10px 0;
}

.navigation .logo {
    width: 50px;
    height: 50px;
}

.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[href="#"] {
    cursor: default;
}

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

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

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

.navigation nav a.menu-statistic.disabled {
    background-image: url("/images/menu/2-disabled.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-recruiting {
    background-image: url("/images/menu/5.svg");
}

.navigation nav a.menu-recruiting.disabled {
    background-image: url("/images/menu/5-disabled.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-product.disabled {
    background-image: url("/images/menu/play-disabled.svg");
}

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

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

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

.navigation nav a.menu-bookmark-lesson.disabled {
    background-image: url("/images/menu/favourites-disabled.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-overview {
    background-image: url("/images/menu/overview.svg");
}

.navigation nav a.menu-overview.disabled {
    background-image: url("/images/menu/overview-disabled.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/envelope-send.svg");
}

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

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

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

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

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

.navigation nav a.disabled .title {
    color: #737373;
}

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

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

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

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

.navigation nav div.has-submenu {
    position: relative;
}

.navigation nav div.has-submenu a {
    position: relative;
    z-index: 9;
}

.navigation nav div.has-submenu .title {
    cursor: default;
}

.navigation nav .submenu-wr {
    z-index: 0;
    position: absolute;
    width: auto;
    left: 0px;
    padding-top: 50px;
    padding-left: 80px;
    top: 0;
    display: none;
}

.navigation nav .submenu-wr .submenu-inner-wr {
    background-color: #111E3D;
    padding: 5px 0;
}

.navigation nav .submenu-wr a {
    margin: 5px 0;
    padding: 0 15px;
    width: auto;
    height: auto;
    white-space: nowrap;
    color: #FFF;
}

.navigation nav .submenu-wr a[href="#"],
.navigation nav .submenu-wr a[href="#"]:hover {
    color: #737373;
    cursor: default;
}

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


.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;
    position: relative;
}

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 ul.submenu-wr {
    margin-top: 10px;
    padding-left: 20px;
}

header .main-navigation li .submenu-arrow {
    position: absolute;
    top: 3px;
    right: -22px;
}

header .main-navigation li a.opened .submenu-arrow {
    transform: rotate(180deg);
    top: -1px;
}

header .main-navigation li a.opened + ul.submenu-wr {
    display: block !important;
}

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;
    font-weight: bold;
}

.btn-pink.btn-pink-disabled:disabled {
    background: #D9D9D9;
}

.btn-uppercase {
    text-transform: uppercase;
}

.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-green, .btn-green:focus {
    background: #5cb85c;
    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-green.hover,
.btn-green:hover {
    color: #FFF;
    background: #111E3D;
}

.btn-grey, .btn-grey:focus {
    background: #B1B1B1;
    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-grey.hover,
.btn-grey: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;
}

.btn-small.btn-many-lines {
    line-height: 22px;
    padding: 4px 13px;
}

.btn-100 {
    width: 100%;
}

.btn-34 {
    line-height: 32px;
}

.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: fit-content;
    background: #28A745AF;
    align-items: center;
    border: 2px solid #1cc943;
    border-radius: .5rem;
}

.swal2-modal.error-msg {
    max-width: fit-content;
    background: rgba(167, 40, 40, 0.69);
    align-items: center;
    border: 2px solid #c91c1c;
    border-radius: .5rem;
}

.swal2-modal .success-icon, .swal2-modal .error-icon {
    font-size: .5rem;
    margin: 0;
    overflow: hidden;
}

.swal2-modal .success-header, .swal2-modal .error-header {
    display: grid;
    grid: 1fr / minmax(0, max-content) 1fr;
    gap: 1rem;
}

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

.swal2-modal.swal2-popup {
    padding: 0.5rem 1rem;
}

.modal-warning-msg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, .9);
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
}

.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 {
    width: 100% !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;
    white-space: pre-line;
}

#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: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C4C4C4;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer;
    border: none;
    outline: none;
}

#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: 65%;
}

.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% - 106px);
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.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;

    .text {
        white-space: pre-line;
    }
}

.task-list {
    white-space: pre-line;
}

.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-card-wr {
    border-radius: 4px;
    padding: 20px;
    margin: 0 0 0;
    /*background-color: #F8F8F8;*/
    margin-bottom: 15px;
    border: 2px solid #DDD;
}

.stat-tasks-wr .task-card-wr.done {
    opacity: .5;
}

.stat-tasks-wr .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.stat-tasks-wr .top > div {
    width: 25%;
    padding: 0 5px;
}

.stat-tasks-wr .files a, a.file-link {
    font-style: italic;
}


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

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

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

.stat-tasks-wr .date {
    text-align: center;
}

.stat-tasks-wr .status {
    padding-right: 0;
    text-align: right;
}


.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 .select2,
.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: rgb(6, 161, 207) !important;
}

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

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

.question-answer-wr.w-100 {
    width: 100%;
}

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

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

.accordion-wr .panel,
.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;
    background-size: cover;
}

.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 a.read-only {
    color: grey;
}

.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);
}

.loading.loading-preload:before {
    background-color: rgba(255, 255, 255, 1);
}

/* :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;
    cursor: wait;
}

.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-center {
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

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


.left-form-wr.left-form-wr-250 .field-label {
    width: 250px;
}

.left-form-wr .field-label.label-to-top {
    padding-top: 4px;
    align-items: flex-start;
}

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

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

.left-form-wr .field.field-hide-label label {
    display: none;
}

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

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

.field-wr-multiple-1-1 .field .form-group:nth-child(1) {
    width: 50%;
    margin-right: 7.5px;
}

.field-wr-multiple-1-1 .field .form-group:nth-child(2) {
    width: 50%;
    margin-left: 7.5px;
}

.field-wr-multiple-1-2 .field .form-group:first-of-type {
    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-of-type {
    width: 66.66%;
    margin-right: 15px;
}

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

.field-wr-multiple-1-1.field-wr-multiple-var-1-1 .field {
    display: block;
}

.field-wr-multiple-1-1.field-wr-multiple-var-1-1 .field .multiple-elem-wr {
    display: flex;
    position: relative;
}

.profile-avatar-wr .btn {
    width: 350px;
    margin-bottom: 10px;
}

.add-dash .field .form-group:first-child {
    position: relative;
}

.add-dash .field .form-group:first-child:after {
    content: '';
    position: absolute;
    right: -12px;
    top: 16px;
    width: 9px;
    background: #CCC;
    height: 1px;
}

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

.multiple-elements-wr {
    margin-bottom: 10px;
}

.multiple-elements-wr .multiple-elem-wr {
    position: relative;
}

.multiple-elements-wr .multiple-elem-wr label {
    display: none;
}

.multiple-elements-wr .multiple-elem-wr .elem-delete {
    right: -30px;
    top: 0;
    font-weight: bold;
}

.multiple-elements-wr .multiple-elem-wr .elem-delete:hover {
    color: red;
}

.multiple-elements-wr .multiple-elem-wr .elem-delete:active {
    box-shadow: none;
}

.multiple-elements-wr .add-btn-wr {
    text-align: right;
}

.multiple-elements-wr .add-btn-wr .btn {
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 5px;
}

/* 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%;*/
    min-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 .elem-wr .block-icon {
    width: 40px;
    height: 33px;
    line-height: 25px;
    color: #ED1364;
    text-align: center;
}

.prof-grade-wr .elem-wr .block-icon span {
    font-size: 20px;
    padding-top: 6px;
    padding-left: 2px;
}

.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-with-history-wr {
    position: relative;
    overflow: hidden;
}

.report-with-history-wr .report-view-wr {

}

.report-with-history-wr .report-history-wr {
    position: absolute;
    overflow: hidden;
    right: -282px;
    width: 300px;
    z-index: 9;
    top: 30px;
    bottom: 30px;
    background-color: #FFF;
    box-shadow: -4px 0px 7px rgba(0, 0, 0, 0.3);
    padding: 15px 15px 15px 33px;
}

.report-with-history-wr .report-history-wr.open {
    right: 0px;
}

.report-with-history-wr .report-history-wr .slide-header {
    background: #111E3D;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    text-orientation: upright;
    writing-mode: vertical-rl;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: .5s all;
}

.report-with-history-wr .report-history-wr .slide-header:hover,
.report-with-history-wr .report-history-wr.open .slide-header {
    background: #029ECB;
}

.report-with-history-wr .report-history-elem {
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #D8D8D8;
}

.report-with-history-wr .inner-header {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 8px;
}

.report-with-history-wr .report-history-elem .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F8F8F8;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.report-with-history-wr .report-history-elem .info {
    width: calc(100% - 50px);
}

.report-with-history-wr .report-history-elem .date {
    font-style: italic;
    font-size: 12px;
}

.report-with-history-wr .report-history-elem-wr {
    overflow: auto;
    height: 100%;
}

.report-with-history-wr .report-view-wr {
    padding-right: 60px;
}

.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: 5px;
}

.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;
    align-items: end;
}

.report-wrapper .sign {
    margin: 0 15px 0;
    max-width: 270px;
    text-align: center;
    width: calc(25% - 30px);
}

.report-wrapper .sign .sign-top {
    min-height: 50px;
    font-style: italic;
    font-weight: 600;
    padding-top: 5px;
}

.report-wrapper .sign .sign-bottom {
    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 {
    .comment-form {
        &:focus, &:focus-within {
            z-index: 3;
        }
    }

    &.report-view {
        .active {
            cursor: pointer;
        }
    }
}

.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;
}

.report-attachments {
    margin: 0 0 30px;
}

.list-of-attachments {
    margin: 30px 0;
}

.list-of-attachments > div {
    margin-bottom: 5px;
}

.list-of-attachments > div a,
.list-of-attachments > div i {
    font-weight: bold;
    color: #111E3D;
}

.list-of-attachments > div i {
    margin-left: 5px;
    cursor: pointer;
}

.list-of-attachments > div a:hover,
.list-of-attachments > div i:hover {
    color: #ED1364;
}

.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;
}

.reports-table-business {
    position: relative;
}

.reports-table-business .edit-settings-btn {
    position: absolute;
    top: 2px;
    left: 224px;
    z-index: 99;
    background: #FFF;
}

.reports-table-business .edit-settings-btn.edit-settings-btn-no-position {
    position: relative;
    left: auto;
    top: auto;
}


.reports-table-business #user-reports-table_filter {
    display: none;
}

#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;
    white-space: nowrap;
}

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

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

#user-reports-table_wrapper .report-status-3 {
    background-color: #ED1164;
}

#user-reports-table_wrapper .report-status-4 {
    background-color: #FFBD59;
}

#user-reports-table_wrapper .report-status-5 {
    background-color: #0FC3CB;
}


.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_scroll .icheckbox_square-blue {
    margin-right: 0 !important;
}

.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;
    flex-wrap: wrap;
}

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

.statuses > div[style="background-color: #FFFFFF"] {
    color: #000;
}

.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;
}

.change-password-btn {
    margin-top: 10px;
}

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

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

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

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

.tabs-content .white-pretty-background.white-pretty-background-h2 h2 {
    font-size: 22px;
}

.tabs-content .block-wr {
    padding: 30px;
    background-color: #F8F8F8;
}

.tabs-content .user-plan .block-wr {
    background-color: #FFF;
}

.tabs-content .block-wr > form > .row {
    margin: 0 -20px;
}


.tabs-content .block-wr > form > .row > .col-md-6 {
    padding: 0 20px;
}

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

.horizontal-tabs-wr.to-left > ul {
    justify-content: flex-start;
}

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

.horizontal-tabs-wr > ul li a {
    color: #111E3D;
    display: block;
    padding: 7px 18px 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;
}

#users-table_wrapper .dataTables_scroll table {
    margin-left: -1px !important;
}

.documents-wr {
    display: flex;
    flex-wrap: wrap;
    background-color: #FFF;
    margin-top: 20px;
    padding-top: 10px;
}

.documents-wr:first-child {
    margin-bottom: 20px;
}

.documents-wr a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 145px;
    margin: 20px;
    transition: .5s all;
    font-size: 12px;
}

.documents-wr a span {
    display: block;
    text-align: center;
    word-break: break-word;
}

.documents-wr a span:first-child {
    height: 145px;
    width: 145px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110px;
}

.documents-wr a:hover {
    transform: scale(0.9);
}

.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;
}

.modal-body.relative {
    position: relative !important;
}

.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: #333;
}

.modal-body .upload-form-wr h2 {
    font-weight: bold;
    color: #333 !important;
    margin: 0 0 7px !important;
    font-size: 14px;
    line-height: 16px;
}

.modal-body .upload-form-wr h3 {
    font-weight: bold;
    color: #333 !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;
}

.upload-form-wr .profile-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 .profile-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;
}

#history-table_wrapper .dataTables_scrollBody {
    overflow: hidden !important;
}

.plan-index-page {
    margin-top: 50px;
    margin-bottom: 50px;
}

.plan-index-page .horizontal-tabs-wr > ul li a {
    font-size: 25px;
}

.plan-table-wr {
    margin-top: 50px;
}

td.plan-learning-station {
    width: 220px;
}

/* Multiple input */
.multiple-input-outer-wrapper .col-sm-2,
.multiple-input-outer-wrapper .col-sm-3,
.multiple-input-outer-wrapper .col-sm-6 {
    float: none !important;
}

.multiple-input-outer-wrapper > label {
    width: 100% !important;
}

.multiple-input-outer-wrapper-plan-item .list-cell__id {
    display: none;
}

.multiple-input-outer-wrapper-plan-item .list-cell__skill {
    width: 100% !important;
}

.multiple-input-outer-wrapper-plan-item .list-cell__drag {
    width: 56px !important;
}

.multiple-input-outer-wrapper-plan-item .list-cell__button {
    width: 17px !important;
}

.multiple-input-outer-wrapper-plan-item .glyphicon-menu-hamburger {
    position: relative;
    z-index: 9;
    padding-top: 6px;
}

.multiple-input {
    width: 100%;
}

.multiple-input-list__btn {
    width: 50px;
}

.list-cell__button {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: left !important;
    float: none !important;
}

.multiple-input-list__item {
    width: 100% !important;
    display: flex;
    margin: 10px 0 !important;
}

.multiple-input-list__item .form-group {
    width: calc(50% - 30px);
    position: relative;
    margin: 0;
}

.multiple-input-list__item .form-group .col-sm-3 {
    width: 35%;
}

.multiple-input-list__item .form-group .col-sm-6 {
    padding-top: 1px;
    width: 65%;
    padding-right: 0;
}

.multiple-input-list__item .form-group:first-child {
    padding-left: 60px;
}

.multiple-input-list__item .list-cell__button {
    position: absolute;
    left: 15px;
    width: 50px !important;

}

.multiple-input-with-file-outer-wrapper .multiple-input-list__item label {
    display: none;
}

.multiple-input-with-file-outer-wrapper .col-sm-6 {
    width: 100% !important;
    margin: 0;
    padding-left: 40px;
}

.multiple-input-with-file-outer-wrapper .list-cell__attachment_file,
.multiple-input-with-file-outer-wrapper .list-cell__attachment_reward_file {
    width: calc(70%);
}

.multiple-input-with-file-outer-wrapper .list-cell__name {
    width: calc(30%);
}

.multiple-input-with-file-outer-wrapper .list-cell__name .col-sm-6 {
    padding-left: 15px;
}

.multiple-input-list__btn {
    border: 3px solid #06A1CF;
    border-radius: 4px;
    width: 24.5px;
    height: 25px;
    color: #06A1CF;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: none;
    padding: 2px 3px;
    position: relative;
}

.multiple-input-list__btn i {
    position: absolute;
    top: 2px;
    left: 3.5px;
    font-size: 14px;
}

.multiple-input-list__btn:active,
.multiple-input-list__btn:focus,
.multiple-input-list__btn:focus:active,
.multiple-input-list__btn:hover {
    background: none !important;
    color: #000 !important;
    border-color: #000 !important;
}

.field-planitem-skills .multiple-input-list__btn.js-input-remove {
    background: none;
    border: none;
    margin-top: -4px;
    margin-bottom: 0;
    margin-left: -15px;
    color: #333;
}

.multiple-input-list__btn.js-input-remove:hover {
    color: red !important;
}

.multiple-input-list__btn.js-input-remove i {
    top: 5px;
    left: 5.5px;
}


.drag-handle {
    position: absolute !important;
    left: -18px;
    top: -2px;
}

#learning-stations {
    width: 500px;
}

#learning-stations .btn-danger {
    background: none;
    border: none;
    color: #333;
    margin-left: -15px;
}

#learning-stations .btn-danger:hover {
    color: red !important;
}

#learning-stations .btn-danger i {
    top: 10px;
}

#learning-stations .list-cell__id {
    width: 60px;
}

#learning-stations .list-cell__date_from {
    position: relative;
    margin-left: -40px;
}

#learning-stations .list-cell__date_from:after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background-color: #CCC;
    position: absolute;
    right: -27px;
    top: 18px;
}

.add-slash .form-group {
    position: relative;
}

.add-slash .form-group:after {
    display: block;
    content: '';
    width: 10px;
    height: 1px;
    background-color: #D2D6DE;
    position: absolute;
    top: 42px;
    right: -20px;
}

#users-plan-table-wr .icheckbox_square-blue {
    margin-right: 0 !important;
}

#users-plan-table-wr td {
    vertical-align: middle;
}

tr.user-plan {
    background: #F8F8F8;
}

.first-checkbox .checkbox-th,
.first-checkbox td:first-child {
    width: 23px !important;
}

.v-middle th,
.v-middle td {
    vertical-align: middle !important;
}

.flex-middle .form-group label {
    display: flex;
    align-items: center;
}

.flex-middle .icheckbox_square-blue {
    margin-right: 15px !important;
}

#users-with-plan-table_wrapper #users-with-plan-table_filter {
    display: none;
}

.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;
}

/* Settings page */
.settings-wr .personal-data .like-label,
.settings-wr .personal-data .field-label {
    font-weight: 500;
}

.permissions-wr {

}

.permissions-wr .permission-header,
.competences-wr .competence-header {
    color: rgb(6, 161, 207);
    cursor: pointer;
    font-weight: 600;
    margin-top: 10px;
}

.permissions-wr .permission-header.active,
.permissions-wr .permission-header:hover,
.competences-wr .competence-header.active,
.competences-wr .competence-header:hover {
    color: #ED1364;
}

.permissions-wr .permission-header.active .glyphicon-menu-down,
.competences-wr .competence-header.active .glyphicon-menu-down {
    transform: rotate(180deg);
}

.permissions-wr .permission-content,
.competences-wr .competence-content {
    height: 0;
    overflow: hidden;
}

.competences-wr .competence-content > .form-group:first-child {
    margin-top: 5px;
}

.competences-wr .permission-content {
    display: flex;
}

.new-permission-target-wr.permissions-wr .permission-content {
    height: auto;
}

.permissions-wr .permission-content .first-row {
    width: 225px;
    font-weight: 400;
    padding-top: 11px;
}

.permissions-wr .permission-content .first-row.with-delete {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.permissions-wr .custom-role-delete {
    color: #ED1364;
}

.permissions-wr .custom-role-delete:hover {
    color: #111E3D;
}

.permissions-wr .permission-content .form-row {
    width: calc(100% - 225px);
}

.permissions-wr .permission-content .form-row .form-group {
    display: flex;
    align-items: center;
    padding-top: 4px;
    flex-wrap: wrap;
}

.permissions-wr .permission-content .form-row .form-group .control-label {
    width: 210px;
    font-weight: 400;
    margin: 0;
}

.permissions-wr .permission-content .form-row .form-group .form-control {
    width: calc(100% - 210px);
}

.permissions-wr .permission-content .form-row .form-group .help-block {
    margin: 0;
    width: 100%;
}

.permissions-wr .permission-content .form-row .form-group.has-error .help-block {
    margin: 5px 0 10px;
}

.custom-permissions-switch-wr {
    display: flex;
    align-items: center;
}

.custom-permissions-switch-wr .control-label {
    width: 225px;
    font-weight: 400;
    align-items: center;
    margin: 0;
}

.custom-permissions-switch-wr .form-control {
    width: calc(100% - 225px);
}

.add-custom-permission-btn {
    display: block;
    margin-top: 20px;
}

.new-permission-target-wr .custom-permission-elem {
    padding-top: 30px;
}

.logo-upload-wr {
    display: flex;
}

.logo-upload-wr > div {
    width: 50%;
}

.logo-upload-wr #logo-upload-btn {
    width: 285px;
}

.logo-upload-info {
    display: flex;
    max-width: 300px;
    align-items: center;
}

.logo-upload-info .symbol-wr {
    margin-right: 20px;
}

.logo-upload-info .symbol-wr .symbol {
    background: rgb(6, 161, 207);
    color: #FFF;
    font-size: 35px;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.competence-question-wr {
    margin: 30px 0 30px;
}

.competence-question-wr .control-label {
    font-weight: normal;
}

.competence-question-wr > .form-group:first-child .control-label {
    font-weight: bold;
}


.block-icheck-check-wr label {
    display: flex;
    height: 34px;
    align-items: center;
    width: 100%;
}

.block-icheck-check-wr.block-icheck-check-wr-33 > div > div,
.block-icheck-check-wr.block-icheck-check-wr-50 > div > div {
    display: flex;
    flex-wrap: wrap;
}

.block-icheck-check-wr.block-icheck-check-wr-50 label {
    width: 50%;
}

.block-icheck-check-wr.block-icheck-check-wr-33 label {
    width: 33.33%;
}

.inline-icheck-radio-wr [role="radiogroup"] {
    display: flex;
    height: 34px;
    align-items: center;
}

.block-icheck-check-wr label,
.inline-icheck-check-wr label {
    display: flex;
    height: 34px;
    align-items: center;
}

.inline-icheck-radio-wr [role="radiogroup"] label {
    display: flex;
    width: auto;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 0;
}

.inline-icheck-radio-wr [role="radiogroup"] label:after {
    content: '';
}

.block-icheck-check-wr .icheckbox_square-blue,
.inline-icheck-check-wr .icheckbox_square-blue,
.inline-icheck-radio-wr [role="radiogroup"] .iradio_square-blue {
    margin-right: 10px;
}

.icheckbox_square-blue.checked.disabled {
    background-position: -48px 0;
}

.color-pick-wr {
    display: flex;
    margin-top: -15px;
}

.color-pick-wr .defined-colors-wr {
    display: flex;
    flex-wrap: wrap;
    max-width: 495px;
    margin: -5px -5px 10px;
}

.color-pick-wr .defined-colors-wr .defined-color {
    margin: 5px;
    width: 30px;
    height: 30px;
    border: 2px solid transparent;
    cursor: pointer;
}

.color-pick-wr .defined-colors-wr .defined-color:hover,
.color-pick-wr .defined-colors-wr .defined-color.active {
    border: 2px solid #111E3D;
    border-radius: 5px;
}

.color-pick-wr .manual-color-picker {
    position: relative;
    cursor: pointer;
}

.color-pick-wr .manual-color-picker:hover .manual-color-picker-input,
.color-pick-wr .manual-color-picker.active .manual-color-picker-input {
    border-color: #111E3D;
}

.color-pick-wr .manual-color-picker .manual-color-picker-input {
    width: 70px;
    height: 70px;
    border: 3px solid #CCC;
    border-radius: 5px;
    cursor: pointer;
}

.color-pick-wr .manual-color-picker .manual-color-picker-desc {
    color: #FFF;
    position: absolute;
    top: 28px;
    left: 14.5px;
    font-size: 12px;
    cursor: pointer;
}

.field-businessusertag-color .form-control,
.field-businessusertag-color .help-block {
    display: none;
}

.tag-example {
    cursor: pointer;
}

.toggle-menu {
    cursor: pointer;
}

.toggle-menu.active .glyphicon {
    transform: rotate(180deg);
}

.back-to-top-btn {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 27px;
    bottom: 80px;
    width: 35px;
    height: 34px;
    border: 3px solid #06A1CF;
    color: #06A1CF;
    font-size: 22px;
    cursor: pointer;
    background: #FFF;
    opacity: 0;
}

.custom-accordion-wr {

}

.custom-accordion-wr .custom-accordion-elem {
    margin-bottom: 10px;
}

.custom-accordion-wr .custom-accordion-header {
    font-weight: bold;
    cursor: pointer;
}

.custom-accordion-wr .custom-accordion-header:hover {
    color: rgb(6, 161, 207);
}

.custom-accordion-wr .custom-accordion-elem.active .glyphicon-menu-down {
    transform: rotate(180deg);
}

.custom-accordion-wr .custom-accordion-content {
    display: none;
    margin-top: 10px;
}

.update-plan-group-btn {
    font-size: 16px;
    padding-left: 7px;
}

.plan-item-validation-status {
    display: flex;
}

.plan-item-validation-status .valid-status-wr {
    font-size: 20px;
    width: 30px;
    height: 23px;
    display: flex;
    justify-content: center;
    position: relative;
}

.plan-item-validation-status .valid-status-wr .glyphicon {
    position: absolute;
    top: -1px;
    display: none;
}

.plan-item-validation-status .valid-status-wr .valid {
    color: #4FBF7A;
}

.plan-item-validation-status .valid-status-wr .not-valid {
    color: #E61919;
}

.plan-item-validation-status .valid-status-wr.status-valid .valid {
    display: block;
}

.plan-item-validation-status .valid-status-wr.status-not-valid .not-valid {
    display: block;
}

.plan-item-validation-status .validation-descripton {
    width: calc(100% - 40px);
    font-style: italic;
}

.m-r-15 {
    margin-right: 15px;
}

#user-settings .ui-sortable-handle {
    padding: 0 4px;
    background: #FAFAFA;
    border: 1px solid #E5E5E5;
    cursor: grab;
    margin-bottom: 8px;
}

#user-settings .ui-sortable-handle .icheckbox_square-blue {
    background-color: #FFF;
}

/* Tag ends */
.field-in-label {
    display: flex;
    align-items: center;
}

.field-in-label > div > label {
    margin: 0;

}

.field-in-label > div:first-child,
.field-in-label > div:last-child {
    height: 34px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}


.field-in-label > div:first-child {
    margin-right: 10px;

}

.field-in-label > div:last-child {
    margin-left: 10px;
}

.field-in-label .has-error .help-block {
    height: 15px;
    margin-bottom: -15px;
    font-size: 12px;
}

.field-in-label > div:nth-child(2) {
    max-width: 100px;
}

.field-in-label > .form-group {
    height: 34px;
}

.field-in-label > .form-group > .control-label {
    display: none;
}

.ls-color {
    width: 109px;
    height: 20px;
}

.header-with-checkbox .icheckbox_square-blue {
    margin-right: 5px;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 4px;
}

.plan-table-nav-wr {
    margin-bottom: 10px !important;
}

.plan-table-nav-wr .edit-mode-btn {
    height: auto !important;
    position: static !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.plan-wr-outer .update-plan-btn,
.plan-wr-outer .update-plan-group-btn,
.plan-wr-outer .update-plan-item-btn,
.plan-wr-outer .delete-plan-item-btn {
    display: none;
}

.plan-wr-outer.editable .update-plan-btn,
.plan-wr-outer.editable .update-plan-group-btn,
.plan-wr-outer.editable .update-plan-item-btn,
.plan-wr-outer.editable .delete-plan-item-btn {
    display: inline-block;
}

.field-planassign-manual_assign_to_user .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    width: fit-content;
}

.field-planassign-manual_assign_to_user .select2-selection__rendered,
.field-planassign-manual_assign_to_user .select2-selection {
    display: flex !important;
}

.field-planassign-manual_assign_to_user .select2-selection__rendered {
    margin-bottom: 6px;
}

.select2-user-item-wr {
    display: flex;
    align-items: center;
}

.assigned-to-plan {
    color: #111E3D85;
    margin: 0 5px 0 10px;
}

.scheduled-in-plan {
    color: #111E3D85;
    margin: 0 10px 0 5px;
}

.assigned-to-plan-yes,
.scheduled-in-plan-yes {
    color: #111E3D;
}

.assigment-warning-wr {

}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap;
    margin: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex !important;
    width: fit-content !important;
    margin-bottom: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    display: flex !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 3.75em;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    padding: 0 !important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    display: flex !important;
    flex-wrap: wrap !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    display: flex;
    flex-wrap: wrap;
}

.select2-container--default .select2-selection--multiple {
    display: flex !important;
    flex-wrap: wrap;
}


td.month_attachment {
    text-align: center;
    color: #06A1CF;
    font-size: 16px;
}

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


.dataTables_scroll ::-webkit-scrollbar {
    width: 15px !important;
    height: 12px !important;
    background: #f5f6f7 !important;
    border: 1px solid #bababc !important;
    border-width: 0 1px !important;
}

.dataTables_scroll ::-webkit-scrollbar:horizontal {
    border: 1px solid #bababc !important;
    border-width: 1px 0 !important;
}

.dataTables_scroll ::-webkit-scrollbar:hover {
    /*background :  #bababc!important;*/
}

.dataTables_scroll ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .10) !important;
    border: 1px solid #bababc !important;
}

.dataTables_scroll ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .50) !important;
}

.dataTables_scroll ::-webkit-scrollbar-corner {
    background: #f5f6f7 !important;
}

.personal-data.card {
    border-radius: 15px;
    border: #eee 1px solid;
    box-shadow: 1px 1px 1px #ddd;
    padding: 12px;
    margin-bottom: 12px;
}

label.required::after {
    content: '*';
}


/* Container that holds all previews */
.dz-previews {
    display: flex; /* Make the previews line up in a row */
    flex-wrap: wrap; /* Allow them to wrap to a new line */
    gap: 20px; /* Spacing between cards */
    margin-top: 15px; /* Some top margin above the previews */
}

/* Each file preview card */
.dropzone-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: fit-content;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Image thumbnail area */
.dropzone-card .dz-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* File details (size, name) */
.dropzone-card .dz-details {
    margin-bottom: 10px;
    font-size: 0.9rem;
    color: #555;
}

.dropzone-card .dz-size {
    font-weight: 500;
}

.dropzone-card .dz-filename {
    word-break: break-all; /* prevent super-long filenames from overflowing */
}

/* Custom fields: rename file, select category */
.dropzone-card .dz-custom-fields {
    width: 100%;
    margin-bottom: 10px;
}

.dropzone-card .dz-label {
    font-size: 0.85rem;
    font-weight: 500;
    color: #666;
    margin-bottom: 3px;
}

.dropzone-card .dz-file-name-input,
.dropzone-card .dz-file-category-select {
    font-size: 0.85rem;
    padding: 4px 6px;
}

/* Progress bar container */
.dropzone-card .dz-progress-container {
    width: 100%;
    margin-bottom: 10px;
}

.dropzone-card .dz-progress .progress {
    height: 8px;
}

.dropzone-card .dz-progress .progress-bar {
    background-color: #029ECB; /* Adjust as desired */
}

/* Error message styling */
.dropzone-card .dz-error-message {
    color: #d9534f;
    font-size: 0.85rem;
    margin-bottom: 10px;
}

/* Remove button area */
.dropzone-card .dz-remove-wrapper {
    text-align: center;
    margin-top: auto; /* push it down if needed */
}

.dropzone-card .dz-remove {
    font-size: 0.85rem;
    margin-top: 5px;
}

.welcome-msg {
    font-size: 1.5rem;
    margin: 1rem 0;
}

.calendar-wr .calendar-layer .r-info-outer-wr .r-user-info .text-wr .name,
.calendar-wr .calendar-layer .r-info-outer-wr .r-user-info .text-wr .profession {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-left {
    word-wrap: break-word;
    max-width: 100%;
}