@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');

* { margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box; }
html, body {
  margin: 0;
  padding:0;
  position:absolute;
  bottom:0;
  top:0;
  right:0;
  left:0;
}
																												/* ----------------- */
																												/*       BASIC       */
																												/* ----------------- */

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: left;
}
::selection {
  background: #ff7e5d; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ff7e5d; /* Gecko Browsers */
}
html.grabbing {
	cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
body {
  font-family: 'Roboto', sans-serif;
  font: 12px/1 'Roboto', sans-serif;
  color: #333;
  background-color: #222d32;
  overflow-x: hidden;
}
a {
  transition: .3s all ease;
}
a:hover {
  color: #1985ca;
}
.success {
  background-color: #00A65B!important;
}
.button.success:hover {
	background: #333!important;
}
.success-text {
  color: #00A65B!important;
}
.warning {
  background-color: #f39c12!important;
}
.warning-text {
  color: #f39c12!important
}
.danger {
  background-color: #dd4b39!important;
}
.button.danger:hover {
	background: #333!important;
}
.danger-text {
  color: #dd4b39!important;
}
.blue {
  background: #00c0ef!important;
}
.blue-text {
  color: #00c0ef!important;
}
.left {
  float: left!important;
}
.right {
  float: right!important;
}
.center {
  text-align: center;
}
.left-align {
  text-align: left;
}
.right-align {
  text-align: right;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button {
  margin: 0;
	background: #1985ca;
  border: 0;
  font-size: 14px;
	padding: 11px 13px;
	line-height: 14px;
	border-radius: 0;
}
.button:hover {
  background:#222d32;
}
.button:focus {
	background:#222d32;
	outline: 0;
}
.button-transp {
	border: 2px solid #8a8a8a;
	color: #8a8a8a;
	background: transparent;
}
.button-transp:hover {
	background: #8a8a8a;
}
.button-transp.active {
	background: #8a8a8a;
	color: #fff;
}
.button.disabled:hover, .button.disabled:focus {
	background: #2c3b41;
}
.no-max {
	max-width: 100%;
}
.pagination .disabled {
	padding: 0;
	cursor: default;
}
.pagination .active span {
	background: #2c3b41;
	color: #fff;
}
.pagination a:hover {
	background: #888888;
	color: #fff;
}
.context-menu-list {
	min-width: 100px;
	max-width: auto;
	padding: 0;
}
.context-menu-item span {
	white-space: nowrap;
}
.context-menu-item {
	text-align: center;
	padding: 7px 10px;
	font-size: 14px;
}
.context-menu-item.context-menu-hover {
	background: #8a8a8a;
}
.context-menu-active {
	background: #8a8a8a!important;
	color: #fff;
}
.context-menu-active .button-input label {
	border-color: #fff!important;
	color: #fff!important;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.relative {
  position: relative;
}

.search.active {
  display: block;
}
body .hidden {
	display: none;
}
body .active.hidden {
	display: none;
}
input[disabled] {
  cursor: not-allowed;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9e9e9e; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9e9e9e; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9e9e9e; }

input::placeholder,
textarea::placeholder {
  color: #9e9e9e; }

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	margin:2px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
	background: #989898;
	border: 0px none #ffffff;
	transition: .3s all ease;
}
::-webkit-scrollbar-thumb:hover {
	background: #f39c12;
}
::-webkit-scrollbar-thumb:active {
	background: #f39c12;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
	background: #222d32;
	border: 0px none #ffffff;
}
::-webkit-scrollbar-track:hover {
	background: #222d32;
}
::-webkit-scrollbar-track:active {
	background: #222d32;
}
::-webkit-scrollbar-corner {
	background: transparent;
}
.google-info {
	font-size: 12px;
  color: #8a8a8a;
}
.content label {
	font-weight: 600;
}
																												/* ------------------ */
																												/*       CANVAS       */
																												/* ------------------ */
.wrapper {
  min-height: 100%;
  position: relative;
}
.left-sidebar {
  position: absolute;
  width: 220px;
  padding-top: 50px;
  min-height: 100%;
  background-color: #fff;
	max-height: calc(100vh - 50px);
	overflow: auto;
}
.sidebar-logo {
	display: block;
	margin-bottom: 15px;
	visibility: hidden;
	opacity: 0;
	margin: auto;
	transition: .4s all ease;
	width: 100%;
	height: 0;
	padding: 10px;
	max-height: 100px;
	object-fit: contain;
}
.sidebar-logo.active {
	visibility: visible;
	opacity: 1;
	height: auto;
}
.canvas-content {
  background-color: #fff;
  margin-left: 50px;
  position: relative;
  transition: .3s all ease;
	max-height: calc(100vh - 50px);
	overflow: auto;
}
.canvas-content.isOpen {
  margin-left: 220px;
}

.sidebar-title {
  color: #fff;
  overflow: hidden;
  padding: 10px 0;
}
.search {
  margin: 10px;
  overflow: hidden;
  width: 90%;
  display: none;
}
.search .input-group input {
  color: #fff;
  background-color: #374850;
  height: 35px;
  transition: .3s all ease;
  font-size: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  max-width: 162px;
  border: 0;
  outline: 0;
}
.search .input-group input:active, .search .input-group input:focus {
	color: #000;
}
.search .input-group button {
  color: #999;
  background-color: #374850;
  height: 35px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  padding: 0 12px;
  transition: .3s all ease;
	margin-left: -1px;
}
.search .input-group button i{
  line-height: 35px;
}
.search .input-group input:focus + button {
  background-color: #fff;
  color: #666;
}
.search input:focus {
  background-color:#fff;
  box-shadow: none;
}
.user-info {
  padding: 8px 10px;
  line-height: 0;
  position: absolute;
  width: 100%;
  padding-left: 60px;
  text-align: left;
}
.user-info p {
  margin-bottom: 0px;
  font-size: 14px;
}
.left-nav {
  margin: 0;
}
.left-nav li a {
  position: relative;
  display: block;
  padding: 10px 13px 10px 0px;
  font-size: 12px;
  color: #424242;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left-nav li a:before {
  font: 14px fontawesome;
  position: absolute;
  top: 14px;
  left: 20px;
}
.left-nav li > a {
  transition: .3s all ease;
}
.left-nav li i{
  width: 50px;
  text-align: center;
  font-size: 14px;
}
.left-nav li:hover > a {
  background: #dedede;
}
.left-nav li > a:hover {
  background: #dedede;
}
.left-nav li > form > a:hover {
  background: #dedede;
}
.left-nav li:hover a {
  z-index: 6;
}
.left-nav li:hover > .inner > li a {
  z-index: 6;
  background: #c5c5c5;
}
.left-nav li > .inner > li a.active {
	background: #5a5a5a;
}
.inner > li:hover > a {
  color: #000;
}

.inner > li > a i{
  width: 50px;
}
.left-nav li > a.active {
  color: #ffffff;
  background: #1985ca;
}
/*.inner.show {
	display: block;
}*/
.left-nav li a.disabled {
  background: #181f23;
  cursor: default;
  color: #b8c7ce;
}
.left-nav > li > .inner > li > .inner {
  margin-left: 0px;
}
.left-nav > li > .inner > li > .inner a {
  padding: 10px 15px 10px 12px;
  height: 40px;
}
.left-canvas-button-box {
  width: 50px;
  height: 50px;
  transition: .3s all ease;
  float: left;
	position: absolute;
	z-index: 10;
	background: #1985ca;
}
.left-canvas-button-box.lcbActive {
  width: 220px;
}
@media screen and (max-width:500px) {
	.left-canvas-button-box {

	}
}
#left-canvas-button i{
  width: 50px;
  text-align: center;
  font-size: 22px;
	line-height: 50px;
}
#left-canvas-button {
  color: #fff;
  height: 50px;
  overflow: hidden;
  display: block;
  transition: .3s all ease;
  background: rgba(0, 0, 0, 0.1);
}
#left-canvas-button:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #f6f6f6;
}
#left-canvas-button span {
  vertical-align: top;
  font-size: 1.4em;
	line-height: 50px;
	height: 50px;
	display: inline-block;
}
.right-angle {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
}
.left-nav li > ul {
  display: none;
  margin: 0;
  background: #c5c5c5;
}
.left-nav-hover {
  width: 4px;
  background: #1985ca;
  position: absolute;
  top: -50px;
  left: 0;
  transition: all 0.4s ease;
  transition-property: top, height;
  height: 45px;
  display: block;
  z-index: 100;
}

.right-sidebar {
  width: 220px;
  position: absolute;
  right: -220px;
  padding-top: 50px;
  min-height: 100%;
  background: #222d32;
  z-index: 1;
  transition: .3s all ease;
}
.right-sidebar.rightActive {
  right: 0;
}
.right-nav {
  margin: 0;
  position: relative;
}
.right-nav-content {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  color: #b8c7ce;
  display: none;
}
.right-nav li {
  list-style-type: none;
  display: inline-block;
  width: 33.3%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
}
.right-nav li:nth-child(1) div {
  display: block;
}
.right-nav li a {
  border-color: #141a1d;
  background: #181f23;
  color: #b8c7ce;
  display: block;
}
.right-nav li a.active {
  background: #222d32;
  color: #fff;
  cursor: default;
}
.right-nav li a.active:hover {
  background: #222d32;
}
.right-nav li a:hover {
  background: #1c2529;
  color: #fff;
}

.left-nav .li-divider {
	height: 26px;
}
.left-nav p {
	font-size: 10px;
	margin: 0;
	color: #dcdcdc;
	margin: 0;
	transition: .3s all ease;
	margin-bottom: 6px;
	padding: 0 12px;
	text-transform: uppercase;
}
.left-nav hr {
	margin: 0 12px;
	margin-bottom: 6px;
  border-bottom: 1px solid #1985ca;
}


																												/* ----------------- */
																												/*        TOP        */
																												/* ----------------- */

.top-nav {
  margin: 0;
  float: right;
	height: 50px;
	margin-right: 5px;
	display: flex;
	align-items: center;
}
/* .top-nav li {
  list-style-type: none;
  display: inline-block;
  position: relative;
	vertical-align: top;
}
.top-nav li > a {
  min-width: 48px;
  text-align: center;
  display: block;
  color: #fff;
  transition: .3s all ease;
  padding: 15px 10px;
	height: 50px;
}
.top-nav a {
  text-align: center;
  display: block;
  color: #fff;
  transition: .3s all ease;
  padding: 0 10px;
  line-height: 20px;
}
.top-nav a.with-picture {
  padding: 0 10px;
}
.top-nav a:hover {
  background: #f4f4f4;
}
.top-nav li > a:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
@media screen and (max-width:500px) {
	.top-nav li > a {
		max-width: 70px;
		overflow: hidden;
	}
}
.top-nav i{
  font-size: 1.2em;
} */

.dropdown-ul {
  line-height: 50px;
}
.dropdown-ul li {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
}
.dropdown-ul li > a {
  color: #fff;
  padding: 0 15px;
  display: block;
  position: relative;
  line-height: normal;
}
.dropdown-ul > li > a:after {
  content: "";
  transition: .3s all ease;
  display: block;
  width: 42px;
  height: 42px;
  background: #fff;
  opacity: 0.5;
  position: absolute;
  top: 11px;
  bottom: 11px;
  right: 0;
  margin: auto;
  z-index: -1;
  left: 0;
  transition: .3s all ease;
  transform: scale(0);
  border-radius: 100%;
}
.dropdown-ul li > a:hover:after {
  transform: scale(1);
}
.dropdown-ul .dropdown li {
  display: block;
}
.dropdown-ul .dropdown a {
  color: #757575;
  padding: 4px 15px;
  white-space: nowrap;
  width: 100%;
  display: block;
	font-size: 15px;
	line-height: 22px;
}
.dropdown-ul > li > a > i {
	font-size: 26px;
	line-height: 50px;
}
.dropdown-ul .dropdown a .fa {
  margin-right: 10px;
}
.dropdown-ul .dropdown a:hover {
  background-color: #e0e0e0;
}
.dropdown-ul img {
  border-radius: 100%;
  height: 43px;
  width: 43px;
  object-fit: cover;
}
.dropdown-ul .dropdown {
  opacity: 0;
  visibility: hidden;
  transition: .4s all ease;
  right: 0;
  top: 55px;
  padding: 5px 0;
  position: absolute;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  transform-origin: 100% 0;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  transform: scale(0);
}
.dropdown-ul .dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}



.circle img {
  height: 50px;
  width: 50px;
  padding: 6px;
  border-radius: 100%;
}
.info-numbers {
  position: absolute;
  top: 5px;
  left: 28px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
	padding: 0 4px;
  line-height: 15px;
  border-radius: .25em;
  color: #fff;
  white-space: nowrap;
}
.info-numbers-2 {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  padding: .22em .5em .22em .34em;
  border-radius: .25em;
  color: #fff;
  white-space: nowrap;
}

.custom-a {
	color: #fff;
	background: #222d32;
  font-size: 14px;
}
.custom-a:hover {
	background: #415258;
	color: #fff;
}
.custom-a i {
	margin-right: 10px;
}

																												/* ------------------ */
																												/*       HEADER       */
																												/* ------------------ */

header {
  background:#1985ca;
  height: 50px;
  position: relative;
  z-index: 3;
}
#tasks-content, #notifications-content, #mails-content, #changelog-content {
  position: absolute;
  display: none;
  top: 50px;
  z-index: 6;
  text-align: center;
  width: 280px;
  right: 0;
  background: #fff;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mini-window-header {
  padding: 10px;
	background: #8a8a8a;
  color: #fff;
  border-bottom: 1px solid #000000;
}
.mini-window-header p {
  margin: 0;
}
.mini-window-content {
  max-height: 200px;
  overflow: auto;
	padding: 0 5px;
}
.mini-window-footer {
	border-top: 1px solid #cacaca;
}
.mini-window-content > .tasks-task {
  padding: 10px;
  display: block;
  border-bottom: 1px solid #f4f4f4;
}
.mini-window-content h4 {
	font-size: 18px;
}
.mini-window-content pre {
	text-overflow: ellipsis;
}
.tasks-task {
  overflow: hidden;
  text-align: left;
  line-height: 20px;
}
.tasks-task span {
  display: inline-block;
  overflow: hidden;
  line-height: 20px;
  vertical-align: top;
}
.tasks-task .ellipsis {
  max-width: 90%;
}
.meter {
  height: 100%;
  display: block;
  border-radius: 3px;
}
.progress {
  height: 8px;
  border-radius: 3px;
  margin: 0;
}
a.notification {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
  text-align: left;
}
a.notification i{
  margin-right: 5px;
}
a.notification:hover {
  color: #000;
}
a.message-task {
  padding: 10px;
}
.message-task img {
  width: 40px;
  height: 40px;
  padding: 0;
}
.message-task h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-task small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.message-task p {
  margin: 0 0 0 45px;
  font-size: 12px;
	text-align: left;
  color: #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tasks-content .mini-window-footer a, #notifications-content .mini-window-footer a, #mails-content .mini-window-footer a, #changelog-content .mini-window-footer a {
  line-height: 30px;
  color: #000;
	transition: .3s all ease;
}
#tasks-content .mini-window-footer a:hover, #notifications-content .mini-window-footer a:hover, #mails-content .mini-window-footer a:hover, #changelog-content .mini-window-footer a:hover {
	color: #fff;
  background:#8a8a8a;
}


#user-info-content {
  position: absolute;
  display: none;
  top: 50px;
  right:0px;
  z-index: 6;
  width: 280px;
  background: #8a8a8a;
  text-align: center;
  border: 1px solid #000;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#user-info-content img {
  border-radius: 100%;
  max-height: 100px;
  border:3px solid;
  border-color: rgba(255, 255, 255, 0.2);
}
#user-info-content p {
  color: rgba(255, 255, 255, 0.8);
}
.user-content {
  padding: 10px;
}
.user-footer {
  background-color: #f9f9f9;
  padding: 10px;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.user-footer .button {
  background-color: #f4f4f4;
  color: #666;
  border-color: #ddd;
  margin: 0;
  transition: .3s all ease;
  line-height: 35px;
}
.user-footer .button:hover {
  background-color: #e7e7e7;
  border-color: #adadad;
  color: #666;
}

																												/* ------------------ */
																												/*       PROFIL       */
																												/* ------------------ */

.profile-picture-box {
  overflow: hidden;
}
.profile-picture {
  border: 1px dashed #b8b8b8;
  width: 202px;
  height: 202px;
  position: relative;
  cursor: pointer;
}
.profile-picture-wrapper {
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-picture img {
  max-width: 100%;
  max-height: 100%;
}
.profile-picture label {
  cursor: pointer;
}
.profile-picture span {
  display: none;
  width: 202px;
  background: rgba(0,0,0,0.7);
  transition: all 200ms ease;
  color: #fff;
  position: absolute;
  bottom: -1px;
  left: -1px;
  line-height: 32px;
  text-align: center;
}
.profile-picture:hover span {
  display: block;
}

																												/* ------------------- */
																												/*       CONTENT       */
																												/* ------------------- */

.max-img {
	max-height: 400px;
	object-fit: cover;
}
.margin-40 {
	margin: 40px auto;
}
.margin-10-40 {
  margin:auto;
  margin-top: 10px;
  margin-bottom: 40px;
}
.content {
  padding: 20px;
  min-height: calc(100vh - 55px);
	box-shadow: inset 0px 0px 7px 2px rgba(0,0,0,0.7);
}
.content-wrap {
  background: #ffffff;
  padding: 10px;
}
.content-wrap-header {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.content-wrap-header select {
  max-width: 100px;
  display: inline-block;
  float: right;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  height: auto;
}
.content-wrap-header span {
  font-size: 16px;
  line-height: 34px;
  margin: 0 5px;
}
.content-wrap-header input {
  margin: 0;
}
.content-wrap-body {
  padding: 10px;
}
.content-wrap-footer {
  overflow: hidden;
}
.show-student p::before {
	content: "-";
	margin-left: -8px;
  margin-right: 8px;
}
.show-student label {
	font-size: 16px;
}

.page-number {
	display: inline-block;
  float: right;
}
.page-number span {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 110px;
  text-align: center;
  float: right;
}

.question-help {
	position: relative;
  color: #000;
  font-size: 20px;
  margin-left: -22px;
  margin-bottom: -28px;
  width: 20px;
  display: block;
}
.help-box {
	position: absolute;
	top: -16px;
	margin-left: 13px;
	left: 100%;
	width: 190px;
	background: #000;
	color: #fff;
	min-height: 50px;
	font-size: 13px;
	border-radius: 8px;
	text-align: center;
	padding: 12px 12px;
	opacity: 0;
	transition: .3s all ease;
	z-index: -1;
}
.help-box:after {
	content: "";
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #000;
	position: absolute;
	left: -10px;
	top: 16px;
}
.help-box:before {
	content: "";
	width: 13px;
	bottom: 0;
	top: 0;
	position: absolute;
	left: -14px;
}
.help-box:hover {
	opacity: 1;
	z-index: 1;
}
.question-help:hover .help-box{
	opacity: 1;
	z-index: 1;
}
.textarea-box{
	max-height: 0;
	overflow: hidden;
	transition: .8s all ease;
}
.textarea-box.active {
	max-height: 600px;
}
.two-buttons {
  display: flex;
	margin-bottom: 10px;
}
.two-buttons input {
  margin: 0!important;
  height: 40px;
}
.two-buttons .button {
  width: 43px;
  margin: 0;
  height: 40px;
  padding: 0px 8px;
}
.questions .question-box {
	overflow: hidden;
	padding-bottom: 10px;
}
.consent-span {
	margin-right: 4px;
}
.legend span {
	position: relative;
}
.legend span:before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: text-top;
  margin-right: 7px;
	margin-left: 15px;
}
.legend span:first-child:before {
	background: green;
}
.legend span:nth-child(2):before {
	background: orange;
}
.legend span:last-child:before {
	background: red;
}


.instructors-list, .examiners-list, .classrooms-ul {
	margin: 0;
	list-style: none;
}
.instructors-list .button, .examiners-list .button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.instructors-list li, .examiners-list li, .classrooms-ul li {
	background: #fff;
	line-height: 31px;
	padding-left: 7px;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #2c3b41;
	position: relative;
	padding-right: 37px;
	margin-bottom: 4px;
}
.classrooms-ul li {
	padding-right: 0;
}
.classrooms-ul .button {
	float: right;
}
@media screen and (max-width:1024px) {
	.show-for-large-up {
		display: none!important;
	}
}

.notice-block, .question-block {
	border: 1px solid #333;
	padding: 10px;
	padding-right: 50px;
	position: relative;
	margin-top: 15px;
	min-height: 74px;
	overflow: hidden;
}
.notice-block p {
	font-size: 15px;
	margin: 0;
}
.notice-block .notice-del {
	top: 0;
}
.notice-block .notice-edit {
  top: 0;
  right: 38px;
  width: 36px;
  white-space: nowrap;
}
.notice-block .button {
	position: absolute;
	width: 135px;
  right: -97px;
	transition: .3s all ease;

}
.notice-block .button:hover {
	right: 0;
}
.notice-block .button i, .question-block .button i {
	float: left;
	margin-right: 10px;
}


.question-block {
  padding: 0;
  min-height: 38px;
  display: flex;
  justify-content: space-between;
}
.question-block .button {
  white-space: nowrap;
  width: auto;
  float: right;
  position: relative;
  top: 0;
  right: 0;
}
.question-block .question-name {
  padding: 4px 10px;
  font-size: 14px;
}
.question-name label {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
}


.fade-effect.fade-hide {
	opacity: 0;
}
.fade-effect {
	opacity: 1;
	transition: .3s all ease;
}

.group-points {
	cursor: pointer;
	position: relative;
}
.group-points-box {
	position: absolute;
  z-index: 2;
  background: #ffffff;
  padding: 10px;
  color: #fff;
  top: 0;
  max-width: 270px;
  left: 0;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
  overflow: hidden;
	-moz-user-select     : none;
	-khtml-user-select   : none;
	-webkit-user-select  : none;
	-o-user-select       : none;
	user-select          : none;
}
.group-points-box ul {
	list-style: none;
	margin: 0;
	white-space: normal;
}
.group-points-box li {
	display: inline-block;
}

.mail-receivers {
	position: relative;
}
.mail-receivers .input-menu {
	left: 0;
	right: 0;
}
.mail-receivers .button {
	margin-bottom:12px;
}
.receivers-list {
	display: flex;
	flex-wrap: wrap;
	max-height: 180px;
	overflow: auto;
  justify-content: flex-start;
}
.receivers-list input {
	line-height: 25px;
	height: 25px;
	border: 1px solid #fff;
  border-bottom: 1px solid #222d32;
	padding-right: 22px;
	background: transparent!important;
	box-shadow: none!important
}
.receive-mail {
	position: relative;
  width: 24%;
  margin: 0 0.5%;
}
.remove-receiver {
	position: absolute;
	right: 0;
  width: 22px;
  top: 0;
  text-align: center;
}

.email-template {
	text-align: center;
  border: 1px solid #222d32;
  margin-bottom: 20px;
}
.email-template-header {
	display: block;
	background: #1985ca;
	color: #fff;
	padding: 9px;
	position: relative;
}
.email-template-header a {
	color: #fff;
}
.remove-template, .edit-template {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 38px;
	text-align: center;
	line-height: 34px;
}
.edit-template {
  right: 38px;
}
.remove-template:hover, .edit-template:hover {
	background: #222d32;
}
.email-template-body {
  padding: 12px 18px;
  max-height: 220px;
  overflow: auto;
  text-align: left;
  position: relative;
}
/* .email-template-body > div {
	transform: scale(.7);
	transform-origin: top left;
} */

.textarea-card {
	border-top: 3px solid #222d32;
	padding: 8px 12px;
	border-radius: 3px;
  background: #f5f5f5;
	box-shadow: 0 0 2px #999;
	margin-bottom: 22px;
}
.textarea-card label {
  padding: 2px 0;
}
.textarea-card textarea {
	resize: vertical;
	margin: 0;
}
.textarea-card-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.mail-toolbar {
  border-bottom: 1px solid #ddd;
}
.mail-toolbar label {
  margin-right: 20px;
}
.mail-body-container {
  padding: 15px;
}

.sender-emails-list {
  display: flex;
  flex-wrap: wrap;
}
.sender-emails-list .sender-email-block {
  display: inline-block;
  padding: 5px 18px;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin: 0 10px;
  position: relative;
  line-height: 32px;
  margin-bottom: 20px;
}
.sender-email-block .button {
  opacity: 0;
  visibility: hidden;
  transition: .3s all ease;
  padding: 7px 9px;
  font-size: 12px;
  right: -10px;
  top: -10px;
  position: absolute;
  border-radius: 4px;
}
.sender-email-block .edit-sender-email {
  right: 20px;
  padding: 7px;
}
.sender-email-block:hover .button {
  opacity: 1;
  visibility: visible;
}
.legend-box {
  display: flex;
  float: right;
  margin: 5px;
}
.legend-box label {
  margin-right: 15px;
}
.legend-element {
  line-height: 20px;
  margin-right: 20px;
}
.legend-element .color {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  vertical-align: middle;
}

.client-card-name {
  margin-left: 12px;
  color: #1985ca;
}
.client-card-mail {
  font-size: 20px;
  margin-left: 12px;
  color: #777;
}


																												/* ------------------ */
																												/*       TABLES       */
																												/* ------------------ */

.table-scroll {
	width: 100%;
  border-top: 3px solid #222d32;
  border-radius: 3px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 2px #999;
}
.table-scroll-overlay {
	width: 100%;
  border-radius: 3px;
	padding: 10px;
	overflow: auto;
}
.table-scroll-overlay table {
	width: 99%;
	margin: auto;
}
.table-scroll-table {
	margin-top: 10px;
}
.table-scroll table {
	width: 99%;
	margin: auto;
}
td.cost-td {
	min-width: 80px;
}
.table-scroll table .promotion-cost {
	font-size: 18px;
	color: #dd4b39;
	margin: 0;
}
.table-scroll table .old-cost {
	margin: 0;
}
.table-scroll table .promotion-cost + .old-cost {
	text-decoration: line-through;
}
td.permissions-td {
	min-width: 275px;
}
.table-scroll.recruitment {
	padding-bottom: 40px;
}
.recruitment table tr td:first-child .fa-check {
	color: #00A65B;
}
.recruitment table tr td:first-child .fa-times {
	color: #dd4b39;
}
.recruitment table tr td:first-child .fa-question {
	color: #00c0ef;
}
.recruitment table tr td:first-child .fa-user {
	color: #8a8a8a;
}
.recruitment table tr td:first-child {
	padding: 0;
}
.table-scroll-table table th:last-child .button {
	white-space: nowrap;
}
.table-scroll-table table th:last-child {
	width: 175px;
}
table tbody td, table thead th {
  border: 1px solid #f4f4f4;
  padding: 8px;
  font-size: 12px;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
}
table thead {
	background: transparent;
	border: 0;
}
table thead tr {
	background: #f8f8f8;
	border: 0;
}
table tbody {
	border: 0;
}
table tbody td {
	border: 1px solid #ddd;
}

.table-scroll table tbody tr {
	transition: .3s all ease;
}
table thead tr th {
	border: 1px solid #ddd;
}
table.comments tbody td, table.comments thead th {
  width: 100%;
}
table.comments tbody td:nth-child(2) {
  max-width: 1000px;
}
.no-tr-bg {
	background: transparent;
	border: 0;
}
.no-tr-bg th {
	border: 0;
}

@media screen and (max-width:1600px) {
  table.comments tbody td:nth-child(2) {
    max-width: 800px;
  }
}
@media screen and (max-width:1390px){
  table.comments tbody td:nth-child(2) {
    max-width: 600px;
  }
}

table thead th {
  border-bottom-width: 2px;
}
table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
table.blog {
	min-width: 950px;
  width: 100%;
}
table th {
	text-align: center;
	border: 1px solid #000;

}
table td {
	border: 1px solid #ddd;
  padding: 8px;
}
table.blog img {
  max-height: 50px;
}
input.sort {
  display: none;
}
input.sort + label {
  color: #ddd;
  margin: 0 5px;
  width: 50px;
}

tbody.menu ul {
	list-style: none;
	margin: 0;
	text-align: left;
}
tbody.menu li {
	position: relative;
}
tbody.menu .button {
	margin: 3px;
	padding: 5px 7px;
}
.menu.context-menu-active .button {
	color: #fff;
}
.mini-button {
	margin: 4px;
	padding: 6px 9px;
}

.arrow-grid .mini-button {
	display: block;
	margin: 3px auto;
}
.arrow-grid .mini-button:last-child {
	margin-top: 0;
}

table.traders img {
	max-height: 80px;
	max-width: 500px;
}

.table-form-type td {
	border: 0;
	width: 80px;
}
table tr:nth-child(even) .table-form-type tr {
	background: #f9f9f9;
}
.table-form-type tr:nth-child(even) {
	background: transparent
}

.specific-th-box {
	background:#222d32;
	z-index: 100;
	color: #fff;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
.show-specific-th {
  padding: 12px 14px;
}
.specific-th-box .checkbox-label.specific-checkbox span:before {
	width: 17px;
	height: 17px;
  line-height: 18px;
}
.specific-th-box .checkbox-label.main-specific-checkbox {
	margin: 6px 0;
  display: block;
  text-align: left;
}
.specific-th-box .checkbox-label {
  display: block;
  text-align: left;
}
.specific-th-box .checkbox-label span:before  {
	border-color: #fff;
	color: #fff;
}
.specific-th-box label span {
	color: #fff;
}
.specific-th-box .checkbox-label.specific-checkbox {
	color: #fff;
	margin: 4px 6px;
}
.specific-th-box .checkbox-label.specific-checkbox span {
	font-size: 14px;
}
.popup-content .specific-th-box label span {
  color: #333;
}
.popup-content .specific-th-box .checkbox-label.specific-checkbox {
	color: #333;
}
.popup-content .specific-th-box .checkbox-label span:before  {
	border-color: #333;
	color: #fff;
}
.popup-content .specific-th-box .checkbox-label input:checked + span:before  {
	color: #333;
}
.popup-content .specific-th-box {
  background: #fff;
  color: #333;
}
.show-visible {
	font-size: 11px;
	white-space: nowrap;
	margin-top: 4px;
}
.specific-content td {
	padding: 2px;
	min-width: 60px;
}
.specific-content .input-text, .specific-content .textarea, .specific-content .input-date {
	cursor: pointer;
}
.specific-content .input-text div, .specific-content .textarea div, .specific-content .input-date div {
	min-width: 100px;
}

.specific-content textarea, .specific-content input {
	font-size: 12px;
	box-shadow: none;
	outline: 0;
	margin: 0;
  min-height: unset;
	min-width: 100px;
	padding: 2px 4px;
	height: 30px;
	line-height: normal;
}
.specific-content select {
	margin: 0;
	font-size: 12px;
	height: 28px;
	box-shadow: none;
	outline: 0;
	min-width: 60px;
	padding-left: 3px;
	padding-right: 15px;
}
.specific-content div {
	padding: 1px;
	max-height: 80px;
	overflow: auto;
	line-height: normal;
  white-space: normal;
}
.special-condition-one {
	min-width: 135px!important;
}
.special-condition-two {
	min-width: 100px!important;
}



.big-data-table {
	max-height: 67vh;
	overflow: auto;
}
.big-data-table .form-list {
	border-collapse: separate;
	border-spacing: 0;
	border:0;
}

.big-data-table > table > thead th {
	padding: 3px!important;
}
.big-data-table .specific-content select {
	width: auto;
	margin: auto;
}

.table-fixed-div {
	max-height: 67vh;
	overflow: auto;
}
.table-fixed-div > table {
	border-collapse: separate;
	border-spacing: 0;
	border:0;
}
.table-fixed-div > table > thead th {
	background: #222d32;
	color: #fff;
  padding: 12px;
	z-index: 2;
  white-space: normal;
}

.select-td {
	padding: 0;
}
.select-td select {
	margin: 0;
	font-size: 12px;
	box-shadow: none;
	outline: 0;
	min-width: 60px;
	padding-left: 3px;
}


.table-scroll-top-bar {
  width: 99%;
  overflow: auto;
}
.table-scroll-top-bar div {
	height:1px;
}

th[data-sort] {
	cursor: pointer;
}

.table-scroll .form-list {
	width: auto;
	max-width: 99%;
	margin: auto 0;
}

th.sort-up:after {
	content: "\f0de";
	font-family: Font Awesome\ 5 Free;
  font-weight: 900;
	margin: 0 10px;
	vertical-align: middle;
	display: inline-block;
}
th.sort-down:after {
	content: "\f0dd";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	margin: 0 10px;
	vertical-align: middle;
	display: inline-block;
}

.form-list td:first-child, .table-header-fixed th:first-child {
  max-width: 38px;
  width: 38px;
  min-width: 38px;
  padding: 0;
	text-align: center;
}
.form-list td:nth-child(2), .table-header-fixed th:nth-child(2) {
  max-width: 50px;
	width: 50px;
	min-width: 50px;
	padding: 5px 2px;
	text-align: center;
}

.form-list td:first-child div {
	padding: 1px;
	min-width:unset;
}

.click-td td {
	cursor: pointer;
}
.popup-card-buttons .button.open-card {
	display: inline-block;
	margin: 0 5px;
}
.popup-card-buttons .button.open-card.active {
	background: #1583cc;
}

.hidden-tr {
	background: rgba(0, 0, 0, 0.25)!important;
	opacity: .65;
}

.vip-customer, table tbody tr:nth-child(even).vip-customer {
  background: rgba(255, 217, 1, 0.45);
}

.fast-search {
  cursor: pointer;
  padding: 9px 8px;
  cursor: pointer;
  display: inline-block;
}
.fast-search:hover {
  text-decoration: underline;
}

.mail-tr {
  cursor: pointer;
}
.mail-tr:hover {
  background: #1985ca;
  color: #fff;
}
.lang-tile {
  text-align: center;
  padding: 0px 4px;
  line-height: 15px;
  border-radius: .25em;
  color: #fff;
  display: inline-block;
}

.img-partner-list {
  max-height: 60px;
}

																												/* -------------------- */
																												/*   TABS & ACCORDION   */
																												/* -------------------- */

.accordion {
	background: transparent;
}
.accordion h3 {
  background: #222d32;
  position: relative;
  padding: 0 10px;
  font-size: 18px;
  overflow: hidden;
  font-weight: 400;
  color: #fff;
  text-align: left;
  text-overflow: ellipsis;
  transition: all .3s ease;
  cursor: pointer;
  line-height: 48px;

}
.accordion h3:after {
  content: "\f067";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  font-size: 24px;
}
.accordion h3.accordion-current:after {
  content: "\f068";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
}
.accordion h3:hover {
  background: #8a8a8a;
  color: #fff;
}
.accordion .button {
  position: relative;
  padding-right: 50px;
}
.accordion .user-panel-klient {
  overflow: hidden;
  padding-bottom: 10px;
}
.accordion .button:after {
  content: "\f067";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  font-size: 18px;
}

.accordion h3.accordion-current {
  background: #8a8a8a;
  color: #fff;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
h3.user-panel-header {
  width: 23%;
  border-bottom: 2px solid #1b90da;
  font-size: 2.5em;
}
.user-panel-content {
  border: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom:10px;
}
.user-panel-klient input, .texteditor input {
  margin: 0;
}
.user-panel-klient, .texteditor {
  display: block;
  margin-bottom: 10px;
}
.user-panel-content ul {
  list-style-type: none;
  margin-left: 1.25rem;
  font-size: 1rem;
}
.texteditor {
	padding: 0;
	overflow: hidden;
	max-height: 0;
	transition: .4s all ease;
}
.one-tab.active .texteditor {
	padding-bottom: 10px;
	max-height: 1500px;
}
.question-box .question-title {
  background: transparent;
  border: 1px solid #3e3f43;
  position: relative;
	padding: 6px 50px 6px 10px;
  font-size: 14px;
  overflow: hidden;
  font-weight: 400;
  color: #3e3f43;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  cursor: pointer;
  margin-bottom: 10px;
}
.question-title label {
	display: inline-block;
  position: absolute;
	top: 11px;
  font-size: 14px;
  left: 18px;
}
.question-title input {
  display: inline-block;
  margin: 0;
  padding-left: 110px;
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
	font-size: 14px;
}
.question-content {
  line-height: 1.4;
	display: none;
	padding-bottom: 15px;
}
.question-content textarea {
	margin-bottom: 10px;
}
.question-box .question-title:after {
  content: "\f105";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  font-size: 28px;
  color: #3e3f43;
}
.question-box.question-current .question-title:after {
  content: "\f107";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  color: #3e3f43;
}
.question-box .question-title:hover {
  background: #dddddd;
}

.question-box.question-current .question-title {
  background: #dddddd;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.tab-buttons .button.active {
	background: #222d32;
}

.code-info {
	position: relative;
	background: #ddd;
  padding: 10px;
}
pre.code-info .copy-pre {
	position: absolute;
	  right: 0;
	  top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .3s all ease;
}
pre.code-info:hover .copy-pre {
	opacity: 1;
	visibility: visible;
}

.popup-card-buttons {
	text-align: left;
	font-size: 0;
}
.popup-card-buttons .button.open-card {
	margin: 0;
  border-radius: 0;
	color: #333;
  background: #c7c7c7;
	box-shadow: inset 1px 1px 4px #333;
}
.popup-card-buttons .button.open-card.active {
	box-shadow: none;
	color: #fff;
}
.popup-card-menu {
  border: 1px solid #333;
	padding: 16px 6px;
}
.popup-card-training {
	max-height: 65vh;
  overflow: auto;
}
.popup-card-training > .row {
  margin: 0;
}

.popup-card-tabs {
	border-bottom: 1px solid #333;
	margin: 0 -6px;
	margin-bottom: 12px;
	font-size: 0;
  text-align: center;
}


																												/* ------------------- */
																												/*         PDF         */
																												/* ------------------- */

.pdf {
	background:#3f4c52;
}

.pdf-confirm {
  position: fixed;
  right: 30px;
  top: 10%;
  z-index: 2;
}
.pdf-confirm a, .pdf-confirm button {
  display: block;
  width: 100%;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
.edit-confirm {
	position: fixed;
  right: 30px;
  top: 7.5%;
  z-index: 2;
}
.edit-confirm a, .edit-confirm button {
  display: block;
  width: 100%;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}

.pdf table tbody {
  border: 0;
}
.pdf table td {
	border: 0;
	font-size: 16px;
	text-align: left;
}
.pdf table tbody tr:nth-child(even) {
    background-color:#fff;
}
.pdf hr {
  margin:5px;
  margin-top: 15px;
}
.pdf input {
  display: inline-block;
  width: 200px;
  border: 2px solid transparent;
  box-shadow: none;
  border-bottom: 2px solid #f00;
  margin: 0;
  padding: 2px 10px;
  margin-bottom: 5px!important;
}
.pdf input:focus {
  border: 2px solid #f00;
}
.pdf input.long {
  width: 350px;
}
.pdf input.name {
  width: 250px;
}
.pdf-cennik input {
  background: transparent;
  padding: 2px 2px;
}
.pdf-cennik input:focus {
  background: transparent;
}
.pdf-cennik input.date {
  width: 165px;
}
.pdf-cennik input.price {
  width: 80px;
}
.pdf-cennik input.price-text {
  width: 240px;
}
.pdf-cennik tr td:first-child {
  white-space: nowrap;
}
.pdf input.full-name {
  width: 250px;
}
.under {
  text-decoration: underline;
}
.bold {
  font-weight: bold;
}
table.oswiadczenie tr td {border-bottom: 1px solid #000;border-collapse: collapse;}
table.oswiadczenie tr td:nth-child(2) {border-left:1px solid #000;}
table.oswiadczenie {border-collapse: collapse;}

.header-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
}

																												/* ------------------- */
																												/*        FORMS        */
																												/* ------------------- */

table input {
	margin: 0!important;
}
.search-input {
	max-width: 300px;
}
.trainer-table .person-row label {
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}
.trainer-table .person-row label input {
	margin-left: 3px!important;
}
.button-group {
	position: relative;
	padding-right: 80px;
}
.button-group input {
	display: inline-block;
	margin: 0;
}
.button-group button {
	display: inline-block;
	position: absolute;
	right: 0;
	height: 39px;
}
.input-group {
  border-collapse: collapse;
  width: 100%;
  margin: auto;
  text-align: center;
	display: table;
	border-collapse: collapse;
}
.input-group input, .input-group textarea {
  display: inline-block;
  vertical-align: middle;
  max-width: 180px;
  height: 35px;
  font-size: 14px;

	display: table-cell;
	float: left;
	width: 99%;
	border-collapse: collapse;
	max-width: 100%;
}
.input-group button {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  line-height: 35px;
  padding: 0 10px;
  border: 0;
	font-size: 0.8rem;
	height: 35px;
	width: 35px;
}
.input-group span {
	display: table-cell;
	float: right;
	width: 1%;
	font-size: 0;
  white-space: nowrap;
	border-collapse: collapse;
}

.ul-select-box {
	position: relative;
	width: 110px;
	margin: auto;
}
.ul-select{
	display: none;
  position: absolute;
  background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  margin: 0;
	list-style: none;
	right: 0;
	z-index: 2;
	min-width: 100px;
}
.ul-select li {
	white-space: nowrap;
	display: block!important;
	float: none!important;
	text-align: center;
}
.ul-select button {
	padding: 6px 12px;
	line-height: 20px;
	width: 100%;
	margin: auto;
	font-weight: normal;
}
.ul-select button:hover {
	background: #8a8a8a;
	color: #fff;
}
.ul-select-click {
	color: #000;
	text-align: center;
	display: block;
}
.ul-select-click:hover {
	color: #8a8a8a;
	background: transparent!important;
}
.ul-select-click i{
	display: block;
  font-size: 30px;
}
.ul-select-click span {
	display: block;
}

input.custom-input {
  display: none;
}
input.custom-input + label {
  background: transparent;
  color: #000;
  border:0;
  padding: 0;
}
input.custom-input + label:before {
  content: "\f10c";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  font-size:30px;
  margin:10px 0;
  display: inline-block;
  line-height: 20px;
  color:#8a8a8a;
  position: relative;
  vertical-align: -30%;
  background: transparent;
  margin-right: 10px;
}
input.custom-input:checked + label:before {
  content: "\f05d";
  font-size:30px;
  color:#888888;
  margin:10px 0;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
}
label ~ .button-input {
  margin: 0 5px;
	 margin-bottom: 5px;
}
.button-input {
	display: inline-block;
	margin: 5px;
}
.button-input input {
	display: none!important;
}
.button-input input + label {
	border-radius: 5px;
	font-weight: normal;
  color:#888888;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
	background-color: transparent;
	border: 2px solid #888888;
  transition: .3s all ease;
	padding: 6px 12px;
	margin: 0;
}
.button-input input:checked + label {
  background-color: #888888;
	color: #fff;
}
.button-input input:checked + label:after {
  font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  content: '\f00c';
  color: #fff;
  margin-left:10px;
}
.button-input input + label:after {
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  content: '\f00d';
  color: #888888;
  margin-left:10px;
}
.button-input.no-text input + label:after {
	margin-left: 0;
}

.button-input.button-permission input + label {
	border: 0;
	color: #ecf0f5;
	background: #dd4b39;
	height: 30px;
	width: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.button-input.button-permission input + label:after {
  content: none;
}
.button-input.button-permission input:checked + label:after {
  content: none;
}
.button-input.button-permission input:checked + label {
  background: #00A65B;
}
.button-input.button-permission-disabled input + label {
	background: #a0a0a0!important;
	cursor: default;
}
.button-input.button-permission-admin input + label {
	background: #8a8a8a!important;
	cursor: default;
}
.table-scroll .button-input label {
	background-color: #2c3b41;
	border: 2px solid #2c3b41;
}
.button-permission {
	position: relative;
	margin: 1px;
}
.permission-info {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	transition: .3s all ease;
	margin-bottom: 3px;
	bottom: 100%;
  background: #000;
  color: #fff;
  padding: 5px;
  border-radius: 10px;
  left: -47px;
  width: 120px;
	font-size: 14px;
  text-align: center;
}
.button-permission label:hover + .permission-info {
	opacity: 1;
	visibility: visible;
}
.permissions tr td:last-child {
	white-space: nowrap;
}
.permissions tr td:last-child .button-input:last-of-type:not(:first-of-type) span {
	left: auto;
	right: -25px;
}
.sort-permissions {
	padding-top: 0;
	padding-left: 30px;
}
.sort-permissions .button-input.button-permission input + label {
	background: #222d32;
}
.sort-permissions .button-input.button-permission input:checked + label {
	background: #888888;

}

.input-label {
  position: relative;
  margin-top: 12px;
  margin-bottom:28px;
  display: block;
}
.input-label input {
  height: auto;
  font-size: 16px;
  margin: 0;
	border: 1px solid #cacaca;
}
.input-label input:focus {
  border-color: #8a8a8a;
  border-bottom: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 0 5px #cacaca;
}
.input-label label {
  top: 0;
  color: rgba(0,0,0,.4);
  font-size: 16px;
  left: 0;
  right: 0;
	line-height: 37px;
  padding-left: 10px;
	font-weight: normal;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  transition: .3s all ease;
}
.input-label input:disabled + label {
  background: rgba(0, 0, 0, 0.07);
  z-index: -1;
  color: #676767;
}
.input-label input:disabled {
  background: transparent;
}
.input-label label:after {
  background-color: #222e32;
  bottom: 0;
  content: '';
  height: 2px;
  left: 45%;
  position: absolute;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  visibility: hidden;
  width: 10px;
}
.input-label input:focus + label:after {
  width: 100%;
  left:0;
  visibility: visible;
}
.input-label.active label {
  font-size: 13px;
  top: -18px;
	line-height: 16px;
	padding-left: 5px;
	color: #333;
}
.input-label select {
  border: none;
  border-bottom: 1px solid rgba(0,0,0,.12);
  display: inline-block;
  outline: none;
  height: 31px;
  padding: 4px 4px;
  padding-right: 18px;
  margin: 0;
  background-position: right -11px center;
}
.input-label select + label {
  font-size: 12px;
  top: -16px;
}
.input-label.active select + label:after {
  width: 100%;
  left:0;
  visibility: visible;
}

.input-menu {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
  margin-top: 5px;
  overflow: auto;
  max-height: 150px;
  max-width: 550px;
  display: none;
	position: absolute;
	z-index: 100;
	background: #fff;
}
.input-menu p {
  margin-bottom: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: .3s all ease;
  padding: 4px 10px;
}
.input-menu p:hover {
  background: #ddd;
}
.input-menu p span {
  display: inline-block;
  margin-right: 4px;
}
.input-menu p span:after {
  content: "|";
  margin-left: 4px;
}

.training-points .checkbox-label {
	margin: 0;
	white-space: nowrap;
}

.checkbox-label span {
  font-size: 12px;
}
.checkbox-label span:before {
  width: 15px;
  height: 15px;
  line-height: 15px;
}

.g-box {
	margin-left: 40px;
}
.g-box p.bold {
	font-size: 18px;
	margin: 0;
}

.mini-checkbox .checkbox-label span {
	font-size: 14px;
	line-height: 20px;
}
.mini-checkbox .checkbox-label span:before {
	width: 18px;
	height: 18px;
	font-size: 14px;
	line-height: 14px;
}

.change-select {
	display: inline-block;
  width: 90px;
  font-size: 14px;
  margin: 0;
  height: 30px;
  padding-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 6px;
}
.two-buttons {
  display: flex;
	margin-bottom: 10px;
}
.two-buttons input {
  margin: 0;
  height: 40px;
}
.two-buttons .button {
  width: 43px;
  margin: 0;
  height: 40px;
  padding: 0px 8px;
}

.general-answer.not {
	background: #fd5151;
}
.general-answer.yes {
	background: #1ab938;
}

.generated-link-box {
	float: right;
	font-size: 0;
}
.generated-link-box p {
	display: inline-block;
	font-size: 14px;
	margin: 0;
	line-height: 37px;
	vertical-align: middle;
	background: #fff;
  border: 1px solid #cac9ca;
  border-radius: 100px 0 0 100px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.generated-link-box .button {
	margin-bottom: 10px;
	float: right;
}
.generated-link-box strong {
	margin-right: 10px;
}
.generated-link-box span {
	margin-right: 10px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	font-size: 12px;
	height: 35px;
	padding: 0px 12px;
	line-height: 35px;
}
textarea {
	height: auto;
}
select {
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
  min-width: 60px;
  padding-right: 4px;
}
.flex-specific-checkbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.flex-specific-checkbox > .checkbox-label {
  width: 20%;
  margin: 5px 0;
}
.checkbox-label span:before {
  border: 2px solid rgba(0,0,0,.54);
}
.checkbox-label input:checked+span:before {
  border: 2px solid rgba(0,0,0,.54);
  background: transparent;
  color: #333;
}
.checkbox-label-white span:before {
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.checkbox-label-white input:checked+span:before {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.cities-checkbox label {
  display:inline-block;
  min-width:15%;
}
.main-specific-checkbox input:checked+span:before, .specific-checkbox input:checked+span:before {
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: #222d32;
}

.live-select-search {
  text-align: left;
  max-width: 300px;
  margin: auto;
  margin-bottom: 12px;
}
.live-select-search > input {
  margin: 0;
}
.live-select-search .custom-select {
  border: 1px solid #dadada;
  padding: 6px 2px;
  max-height: 210px;
  overflow: auto;
}


																												/* ------------------ */
																												/*       FOOTER       */
																												/* ------------------ */

footer.login {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 10px;
  text-align: center;
  font-size: 14px;
}
footer.login p {
  margin: 10px auto;
  transition: 0.8s all ease;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 12px #000, 1px 1px 12px #000;
}


																												/* ----------------- */
																												/*       LOGIN       */
																												/* ----------------- */

.login-overlay {
	position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 1000;
	height: 100%;
		display: block;
	background-color: #222d32;
}
.login-overlay.active {
	display: block;
}
.body-overflow {
	overflow: hidden;
}
.login-overlay-bg {
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.login-overlay-content img {
	border-radius: 100%;
	max-height: 180px;
	max-width: 180px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.login-overlay-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	height: 30%;
	max-width: 400px;
	text-align: center;
	transition: .3s all ease;
}
@media screen and (max-width:750px) {
	.login-overlay-content {
		height: 50%;
	}
}
@media screen and (max-width:550px) {
	.login-overlay-content {
		width: 60%;
	}
}
@media screen and (max-width:400px) {
	.login-overlay-content {
		width: 70%;
	}
}
.login-overlay-content .danger-text {
	padding: 5px;
	display: block;
}
.login-overlay-footer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	width: 100%;
	height: 40px;
	color: #fff;
}
.login-overlay-top span {
	display: block;
	text-align: center;
	text-shadow: 1px 1px 12px #000, 1px 1px 12px #000;
	font-size: 14px;
	text-transform: uppercase;
}
.login-overlay-content .input-group:first-of-type {
	margin-bottom: 10px;
}
.login-overlay-content .button-group {
	padding-right: 76px;
	margin-bottom: 10px;
}
.login-overlay-content .button-group:last-of-type {
	margin: 0;
}
.login-overlay-content input, .login-overlay-content .button-group button {
	height: 35px;
	font-size: 14px;
}
.login-overlay-content .button-group button {
	padding: 10px 14px;
}
.reset-password-box {
	height: 0;
	transition: .3s all ease;
	overflow: hidden;
}
.reset-password-box.active-pass {
	height: 35px;
}
.login-links {
	overflow: hidden;
	clear: both;
}
.login-overlay .password-input {
	padding-right: 40px;
}
.password-reset label {
	color: #fff;
}
.login-overlay a {
	font-size: 16px;
	-webkit-transition: text-shadow 1s;
	transition: text-shadow 1s;
	padding: 10px;
	margin-top: 10px;
	display: inline-block;
	color: #fff;
}
.login-overlay a:hover {
    text-shadow: 0px 0px 12px #FFFFFF, 0px 0px 12px #FFFFFF;
}
.login-overlay > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.login-overlay-content .button-group input {
	margin: 0;
}
a.login-link {
	color: #fff;
	padding: 8px 10px;
	display: block;
	margin: 0;
	font-size: 14px;
	text-align: left;
}
.login-overlay-logo{
	position: absolute;
	top: 10px;
	left: 20px;
}
.login-overlay-logo img {
	max-height: 50px;
}
.login-overlay-content img:first-of-type {
	max-width: 178px;
	max-height: 178px;
}
.login-overlay-content img:last-of-type {
	position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.login-logo {
  max-width: 600px;
  margin: auto;
  color: #fff;
  text-align: center;
}
.login-logo h1, .login-logo h5 {
  color: white;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  margin: 0;
  text-shadow: 1px 1px 12px #000, 1px 1px 12px #000;
}
.login-logo h1 {
  font-size: 64px;
  text-transform: uppercase;
}
.login-logo h5 {
  margin-top: -20px;
  font-style: italic;
}
.login-box img {
  max-width: 400px;
  margin: auto;
  display: block;
}
.login-box {
  max-width: 600px;
  margin: 50px auto;
  background: #fff;
  border: 1px solid #dddddd;
  padding: 20px;
  box-shadow: 0px 0px 40px 8px #000;
}
.login-input {
  position: relative;
}
.login-input span.icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-size: 18px;
  pointer-events: none;
}
.login-footer {
  margin-top: 10px;
  font-size: 16px;
  overflow: hidden;
}
.login-footer a {
  color: #605ca8;
  display: block;
  padding: 6px 10px;
  transition: .4s all ease;
}
.login-footer a:first-child:hover {
  color: #333;
  padding-left: 40px;
}
.login-footer a:last-child:hover {
  color: #333;
  padding-right: 40px;
}

.input-init-disabled {
  background: #b1b1b1;
  color: #000;
	padding: 8px 6px!important;
	cursor: not-allowed;
	line-height: 20px;
	list-style: none;
	display: block;
	margin: 0;
	margin-bottom: 10px;
	font-size: 12px;
}



																												/* ------------------- */
																												/*        MEDIA        */
																												/* ------------------- */

.media ul {
  list-style: none;
  margin: 0;
	text-align: center;
	max-height: 480px;
  overflow: auto;
  margin-right: 10px;
  padding: 10px;
	padding-bottom: 100px;
}
.media li {
  display: inline-block;
  border: 2px solid #888;
  padding: 4px;
  position: relative;
  transition: .3s all ease;
  margin: 7px;
}

.media li:after {
  content: "\f00c";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  position: absolute;
  color: #8a8a8a;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #8a8a8a;
  box-shadow: inset 0 0 0 1px #8a8a8a;
  opacity: 0;
  transition: .3s all ease;
}
.media li:hover:after {
  opacity: 1;
}
.media li:hover {
  box-shadow: inset 0 0 0 5px #8a8a8a;
  border: 2px solid #8a8a8a;
}
.media li img:hover {
  border-color: #8a8a8a;
}
.media li img {
  border: 1px solid #888;
  transition: .3s all ease;
  width: 150px;
  height: 150px;
  object-fit: cover;
}
.media li.active:after {
  opacity: 1;
  background: #8a8a8a;
  color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}
.media li.active {
  box-shadow: inset 0 0 0 5px #8a8a8a;
  border: 2px solid #8a8a8a;
}
.media li.active img {
  border-color: #8a8a8a;
}
#scrollEvent {
	padding: 5px;
	display: block;
	margin: auto;
}
.media-info {
  width: 300px;
  box-shadow: 0 0 2px #000;
  padding: 10px;
  border-radius: 3px;
  float: right;
	min-width: 300px;
	overflow: auto;
  max-height: 590px;
}
.media-content {
  display: flex;
  justify-content: space-between;
}
.media-select-info {
  display: none;
}
.media-info-element table tbody td {
  border: 0;
  background: #fff;
  padding: 3px 5px;
}
.chars-length {
  position: absolute;
  top: 2px;
  right: 8px;
}
.media-info-element .relative {
  padding-top: 20px;
}
.media-info-element .progress {
  margin-bottom: 10px;
}
.media-info-element textarea {
  resize: vertical;
}

.button {
  position: relative;
  overflow: hidden;
}
.ripple {
  width: 0;
  height: 0;
  border-radius: 100%;
  background:#00c0ef;
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
    animation: rippleDrop .6s linear;
}

@keyframes rippleDrop {
  100% {
    transform: scale(3);
    opacity: 0;
  }
}

.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex-center-align {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-space-between {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}
.flex-no-wrap {
	display: flex;
	flex-wrap: nowrap;
}

.gallery-buttons .button.active {
  background: #888888;
  color: #000;
}

.four-box-edit {
	margin: 20px auto;
	width: 25%;
	float: left;
}
.four-box-edit-with-flex {
	justify-content: center;
}
.four-box-edit-with-flex .four-box-edit {
	margin: 20px 0;
}
.four-box-edit img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}
.four-box-buttons {
	display: flex;
  flex-wrap: wrap;
}
.four-box-buttons .button {
	width: 33.3%;
	float: left;
	padding: 8px 8px;
	background: #8a8a8a;
}
.four-box-buttons .button:hover {
	background: #333!important;
}
.four-box-edit .number {
	font-size: 24px;
	font-weight: bold;
	left: 0;
	top: 20px;

	z-index: 1;
	color: #dd4b39;
	display: inline-block;
}
.four-box-order-list {
	text-align: center;
}
.four-box-edit .columns {
	position: relative;
}
.four-box-edit .four-box-order-list a {
	color: #000;
	font-size: 20px;
}
.four-box-edit a.left {
	margin-left: 10px;
}
.four-box-edit a.left span {
	float: left;
}
.four-box-edit a.left i{
	float: left;
}
.four-box-edit .four-box-order-list a span {
	display: block;
	height: 10px;
	line-height: 18px;
}
.four-box-edit a.right {
	margin-right: 10px;
}
.four-box-edit a.right span {
	float: right;
}
.four-box-edit a.right i{
	float: right;
}
@media screen and (max-width:1130px) {
	.four-box-edit {
		width: 50%;
	}
	.four-box-buttons .button {
		padding: 12px 8px;
	}
}
@media screen and (max-width:720px) {
	.four-box-edit {
		width: 100%;
	}
}

.main-editor-box a.main-img {
	display: block;
	text-align: left;
}
.main-editor-box .button {

}
.main-editor-box img {
	max-height: 200px;
}



																											/* -------------------- */
																											/*     ARTICLE EDIT     */
																											/* -------------------- */

.textarea-edit p {
	margin: 0;
}
.textarea-edit td:not(:first-of-type) {
	cursor: pointer;
	max-width: 400px;
}
.textarea-editor-box {
	position: relative;
	cursor: pointer;
}
.textarea-edit td:not(:first-of-type) > div {
	opacity: 1;
	visibility: visible;
	transition: .3s all ease;
}
.textarea-edit td:not(:first-of-type).transition > div {
	opacity: 0;
	visibility: hidden;
}
/*.textarea-editor-buttons {
	display: block;
	height: 38px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: #f0f0f0;
}*/
.textarea-editor-box .save-editor {
	float: right;
  position: relative;
}
.textarea-editor-box .close-editor {
	/*padding: 11px 1em;*/
	position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
}
/*.textarea-editor-box .mce-toolbar {
	padding-right: 40px;
}
.textarea-editor-box .mce-menubar .mce-menubtn {
	line-height: 30px;
}*/

.social-edit-icon i{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	border: 1px solid #fff;
	margin: 10px auto;
}
.max-height-img img {
	max-height: 500px;
	margin: auto;
}
.replaceFromTitleLink {
	margin-left: 20px;
  color: #fff;
	padding: 2px 10px;
  background: #8a8a8a;
  border-radius: 4px;
}
.replaceFromTitleLink:hover {
	color: #fff;
	background: #333
}
#replaceFromTitle {
	margin-left: 20px;
  color: #fff;
	padding: 2px 10px;
  background: #8a8a8a;
  border-radius: 4px;
}
.google-view {
	background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
	max-width: 640px;
	padding: 0 20px 15px;
}
.google-view h3 {
	font-size: 14px;
	margin: 0 -20px 15px;
  padding: 8px 20px;
  color: #555;
  font-family: "Open Sans",sans-serif;
}
.google-mobile .google-box {
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin: 0 0 10px;
	padding: 13px 0;
	border-bottom: 1px hidden #fff;
	border-radius: 2px;
}
.google-mobile .google-title {
	font-size: 16px;
}
.google-mobile .google-top {
	margin-bottom: 13px;
	padding: 0 16px 11px;
	border-bottom: 1px solid #ebebeb;
}
.google-mobile .google-desc {
	padding: 0 16px;
}
.google-box	{
	width: 600px;
	background: #fff;
}
#link-label {
	white-space: normal;
}
.google-box label {
	display: inline;
	color: inherit;
	line-height: inherit;
	font-size: inherit;
	cursor: pointer;
	white-space: nowrap;
}
.google-mobile label {
	white-space: normal;
}
.google-title {
	font-family: Arial,Helvetica,sans-serif;
	color: #1e0fbe;
	font-size: 18px;
	line-height: 1.2;

	text-overflow: ellipsis;
  overflow: hidden;
}
.google-link {
	font-family: Arial,Helvetica,sans-serif;
	color: #006621;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;

	text-overflow: ellipsis;
  overflow: hidden;
}
.google-desc {
	color: #777;
	font-size: 13px;
	line-height: 1.4;

	text-overflow: ellipsis;
  overflow: hidden;
}
.google-view .button {
	padding: 1px 6px;
	float: left;
	padding-top: 5px;
	font-size: 20px;
  transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;
	width: 31px;
	height: 31px;
	border: none;
	border-bottom: 4px solid transparent;
	outline: 0;
	background-color: transparent;
	color: #555;
}
.google-view .button.active {
	border-color: #555;
}
.google-view .button:hover {
	border-color: #1074a8;
	color: #1074a8;
}
.outline-inputs input:focus {
	outline-offset: -2px;
	outline: -webkit-focus-ring-color auto 5px;
}
.outline-inputs .chars-length {
	top: -15px;
}
.outline-inputs textarea:focus {
	outline-offset: -2px;
	outline: -webkit-focus-ring-color auto 5px;
}
.google-view-buttons {
	display: inline-block;
	margin-top: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	background-color: #f7f7f7;
}
.library-modal .modal-container {
	max-width:1200px;
	max-height: 750px;
}
.article-img {
	position: relative;
	padding: 0 10px;
}
.article-img img{
	width: 16.6%;
	padding: 5px;
	height: 140px;
	object-fit: cover;
}
.load-more-prev {
	position: absolute;
	top: 40%;
	left: -10px;
	color: #000;
	font-size: 22px;
}
.load-more-next {
	position: absolute;
	top: 40%;
	right: -10px;
	color: #000;
	font-size: 22px;
}
.article-img-search input {
	margin: 0;
	margin-bottom: 10px;
}
.delete-term-box .button {
	width: 100%;
}
																												/* ---------------------- */
																												/*  ARTICLE & PAGINATION  */
																												/* ---------------------- */

.articles input {
	margin: 0;
	margin-top: 5px;
}
.article {
	margin: auto;
}
.input-box {
	height: 48px;
	display: flex;
}
input.input-file  {
	display: none;
}
.input-box .input-file + label {
  width: 100%;
  color: #000;
  font-size: 1.6em;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  line-height: 48px;
}
.input-box .input-file + label:before {
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  content: '\f15b';
  color: #000;
  margin-right: 10px;
}
.article-images .article-img {
	width: 115px;
	display: inline-block;
	border: 1px solid #ddd;
	margin: 5px;
}
.article-images .article-img img {
	width: 100%;
	padding: 5px;
}
.article-images .article-img span {
	font-size: 1.4em;
}
.article-images .article-img .button {
  padding: 8px;
	width: 100%;
}

table th .pagination {
	margin: 0;
}
.pagination {
  margin: 10px;
	font-weight: normal;
	display: inline-block;
}
.pagination li > a, .pagination li > span, .pagination li > button {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
		height: 34px;
		font-size: 14px;
}
.pagination li {
  float: left;
}
.pagination li a, .pagination li button {
	transition: 0.2s ease;
  border-right: 0;
}
.pagination li:last-child a, .pagination li:last-child button {
  border: 1px solid #ddd;
  border-radius: 0 5px 5px 0;
}
.pagination li:first-child a, .pagination li:first-child button {
  border-radius: 5px 0 0 5px;
}
.pagination .current {
	background: #2c3b41;
	cursor: pointer;
  padding: 6px 12px;
}
.pagination .current:hover {
	background: #888888;
}
.pagination button.disabled {
	background: #fff;
	padding: 6px 12px;
	color: #888888;
}
.pagination button.disabled:hover {
	background: #fff;
	padding: 6px 12px;
	color:#888888;
}
.with-breadcrumbs {
  display: inline-block;
}
.breadcrumbs {
  margin: 10px 0;
  float: right;
  display: inline-block;
}
.breadcrumbs li:not(:last-child):after {
  content: '>';
  top: 0;
  color: #000;
  margin: 0 10px;
}


                                                        /* ------------------ */
                                                        /*     PAGINATION     */
                                                        /* ------------------ */

.pagination {
	float:right;
}
.pagination a, .pagination button {
  color: #000;
  display: inline-block;
  padding: inherit;
  border-radius: 2px;
  height: 30px;
	line-height: 30px;
  font-size: 12px;
  padding: 0 16px;
  outline: none;
  transition: .3s all ease;
}
.pagination a:hover, .pagination button:hover {
  background-color: #222d32;
}
.pagination a.disabled {
	padding: 0 16px;
	cursor: not-allowed;
}
.pagination a.disabled:hover {
  background: transparent;
	color: #cacaca
}
.pagination a.current, .pagination button.current {
  background: #1985ca!important;
	padding: 0 16px;
  color: #fff;
  border: 0;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}



																												/* -------------------- */
																												/*      STATISTICS      */
																												/* -------------------- */

.statistics-container {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.statistics-overlay {
	background: rgba(0,0,0, 0.7);
	width: 100%;
	position: relative;
	height:auto;
	margin-bottom: -15px;
	padding-bottom: 15px;
	min-height: 96vh;
}
.statistics-inner {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 20px;
}
.statistics-inner h4 {
	padding: 0 5px;
}
.statistics-inner .read-more {
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.statistics-inner .time {
	position: absolute;
	top: 10px;
	right: 10px;
}
.statistics-overlay h3 {
	color: #fff;
}
.statistics-container img {
	height: 100%;
  width: 100%;
  object-fit: cover;
	position: fixed;
	top: 0;
}
.statistics p {
	font-size: 14px;
}
.statistics a {
	color: #fff;
	font-size: 14px;
}
.statistics a:hover {
	color: #000;
}
.statistics {
	width: 500px;
	margin: 35px auto;
	margin-top: 0;
}
@media screen and (max-width:550px) {
	.statistics {
		width: auto;
	}
}
.statistics-overlay .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.statistics-overlay .owl-item {
	min-height: 200px;
	display: block;
	width: 100%;
}
.statistics:last-of-type {
	margin-bottom: 0;
}
.statistics-overlay .owl-item .item {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	transition: .3s all ease;
	opacity: 0.6;
}
.statistics-overlay .owl-item.active .item {
	padding: 0;
	opacity: 1;
}
.statistics-overlay .owl-item .statistics-box {
  background: #8a8a8a;
	height: 100%;
	padding: 20px;
	color: #fff;
	transition: .3s all ease;
	overflow: hidden;
}
.statistics-overlay .owl-item.active .statistics-box {
	padding: 40px;;
}
.statistics-box .button:hover {
	color: #fff;
}
.statistics-box .button.big {
	margin: auto;
	display: block;
	height: 100%;
	position: relative;
}
.statistics-box .button.big h4 {
	position: absolute;
	top: 30%;
	left:0;
	right: 0;
	margin: auto;
}

																												/* -------------------- */
																												/*       CALENDAR       */
																												/* -------------------- */

#ui-datepicker-div {
	z-index: 1000000000!important;
}



																												/* ------------------- */
																												/*      MODAL-BOX      */
																												/* ------------------- */

.md-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	display: flex;
	align-items: center;
	height: auto;
	z-index: 400;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.md-bigger .md-content{
	max-width: 710px;
}
.higher-z-index .md-modal {
	z-index: 420;
}
.higher-z-index .md-overlay {
	z-index: 410;
}
#popup-loading {
	z-index: 10000000;
}
#popup-loading .popup-content {
  background: transparent;
}
.md-modal.menu-popup {
	width: 70%;
	max-width: 900px;
}
.md-content .promotion-add-box {
	background: #2c3b41;
	padding: 10px;
	display: none;
}
.md-content .promotion-add-box p {
	padding: 0;
}
.md-modal.menu-popup .md-content > div {
	padding: 0;
}
.md-modal.menu-popup .table-scroll {
	border: 0;
}
.md-modal.dish-popup .md-content > div {
	padding: 15px 40px 30px;
}
.host-name {
	display: inline-block;
	position: absolute;
	top: 0;
	margin-left: 50px;
	transition: .3s all ease;
}
.host-name a {
	color: #000;
}
.host-name a:hover {
	color: #fff;
}
.lcbActive .host-name {
	margin-left: 230px;
}
.host-name p {
	min-width: 48px;
  text-align: center;
  margin: 0;
  display: block;
  color: #fff;
  transition: .3s all ease;
  padding: 15px 10px;
  height: 50px;
	white-space: nowrap;
}

.md-show {
	visibility: visible;
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 350;
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
.md-content {
	color: #fff;
	background: #222d32;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	max-width: 900px;
	min-width: 360px;
}
.md-content table {
	color: #000;
}
.md-content label {
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.md-content .input-label label {
	color: #fff;
	text-align: left;
}
.md-content input {
	color: #000;
	margin: auto;
	display: block;
	padding: 5px 10px;
}
.md-content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  background: rgba(0,0,0,0.1);
  border-radius: 3px 3px 0 0;
}
.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 16px;
}
.md-content > div p {
	margin: 0;
	padding: 10px 0;
}
.md-content button {
	display: block;
	margin: 0 auto;
}
.md-content .button.success:hover {
	background: #2c3b41!important;
	color: #fefefe!important;
}
.md-content .button.danger:hover {
	background: #2c3b41!important;
	color: #fefefe!important;
}
.md-buttons {
  text-align: center;
	overflow: hidden;
	display: flex;
}
.md-buttons .button {
	display: inline-block;
	background: #888888;
	min-width: 65px;
	color: #000;
}
.md-buttons .button:hover {
	background: #2c3b41!important;
	color: #fefefe!important;
}
.md-buttons .button.success {
	color: #fefefe;
}
.md-buttons .button.danger {
	color: #fefefe;
}

.loading-box {
	background:rgba(255,255,255,0.8);
	margin:auto;
	text-align:center;
	min-width:330px;
	border-radius:10px;
  padding: 20px;
}

.button-times {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
}
.md-content {
	max-height: 700px;
	overflow: auto;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


																											/* -------------------- */
																											/*        POPUPS        */
																											/* -------------------- */

.popup-box {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  transition: .3s all ease;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-box.active {
  opacity: 1;
  visibility: visible;
}
.popup-box .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.popup-box .popup-content {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 16px 24px;
  transform: scale(0.5);
  transition: .3s all ease;
  z-index: 100;
  min-width: 340px;
  max-height: 95vh;
  max-width: 95vw;
  overflow: auto;
}
.popup-box .popup-inner-content {
  max-height: 80vh;
  overflow: auto;
}
.popup-buttons {
  justify-content: space-around;
  display: flex;
}
.popup-box .close-popup {
  position: absolute;
  top: 0;
  right: 0;
}
.popup-box.active .popup-content {
  transform: scale(1);
}
.popup-box .popup-buttons .close-popup {
  position: relative;
  padding: 0 12px;
}
#modal-card .popup-content {
  width: 90vw;
  height: 90vh;
}
.popup-custom-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}


																												/* ------------------- */
																												/*        LOADER       */
																												/* ------------------- */

.cookieinfo {
	display: none;
}
#loader {
  text-align: center;
  display: none;
  z-index: 1000;
  width: 100%;
  position: fixed;
  background: #222d32;
  height: 100%;
}
.loader-overlay {
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
	position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
}
#loader img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.logo-loader {
  position: relative;
  max-width:600px;
  margin:auto;
  margin-top:160px;
}
.logo-loader img {
  z-index: 1;
}
.logo-loader div {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background:#222d32;

  opacity: 0;
  top: 0;

  transition: .3s all ease;
  /*-webkit-animation: logo-loader2 1.3s ease-in-out both;
  animation: logo-loader2 1.3s ease-in-out both;*/
}
@keyframes logo-loader {
  0% {
    left: 0;
    width: 0%;
  } 50% {
    width: 100%;
  } 100% {
    right: 0;
    width: 0%;
  }
}
@keyframes logo-loader2 {
  0% {
    height: 100%;
    bottom: 0;
  } 100% {
    height:0;
    bottom: 0;
  }
}

.type-animation {
  max-width: 300px;
  margin: auto;
  margin-top: 100px;
}
.type-animation h5{
  animation: blink 2.2s infinite;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  font-family: 'Prime Regular';
}
@keyframes blink{
  0% {opacity: .0;}
  50% {opacity: 1;}
  100% {opacity: .0;}
}

.loader {
  position: relative;
  padding-top: 20px;
  width: 140px;
  margin: auto;
  text-align: center;
}
.loader .circle {
  position: absolute;
  width: 88px;
  height: 88px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 6s;
  left: 0;
  right: 0;
  margin: auto;
}
.loader .circle:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
}
.loader .circle:nth-child(2) {
  animation-delay: 240ms;
}
.loader .circle:nth-child(3) {
  animation-delay: 480ms;
}
.loader .circle:nth-child(4) {
  animation-delay: 720ms;
}
.loader .circle:nth-child(5) {
  animation-delay: 960ms;
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}

																												/* -------------------- */
																												/*        DROPBOX       */
																												/* -------------------- */

.drop-box-buttons .button {
	vertical-align: top;
	margin: 0;
	margin-bottom: 10px;
}
#drop-box {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
	text-align: center;
	overflow: auto;
}
#drop-box.flex {
	display: flex;
	flex-wrap: wrap;
	overflow: auto;
	align-items: center;
}
#drop-box > div {
  margin: 0 3px 3px 3px;
	vertical-align: middle;
  font-size: 1.4em;
	width: 115px;
	display: inline-block;
	position: relative;
	float: left;
	max-height: 100px;
	overflow: hidden;
	object-fit: cover;
}
#drop-box > div:first-of-type {
	width: 200px;
	border: 3px solid #f39c12;
	border-radius: 5px;
	max-height: 160px;
}
#drop-box .button-input {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 6;
	margin: 0;
	background: #fff;
}
#drop-box .button-input label {
	padding: 0 6px;
}
#drop-box img {
	padding: 5px;
	height:100%;
	width:100%;
	object-fit: cover;
}
#drop-box .button {
	width: 100%;
}
#drop-box li span {
  display: none;
}
.upload-box {
	background:#8a8a8a;
	padding: 130px 0;
	color: #fff;
	text-align: center;
	position: relative;
	transition: .3s all ease;
}
.upload-box p {
	margin: 0;
	font-size: 16px;
	transition: .5s all ease;
	position: absolute;
	left: 0;
	right: 0;
}
.upload-box p.after-drag {
	opacity: 0;
}
.upload-box.dragover p {
	opacity: 0;
}
.upload-box.dragover p.after-drag {
	opacity: 1;
	transition-delay: 0.5s;
	transition:1s all ease;
}
.upload-box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 30px;
	border: 3px solid #ddd;
	transition: .3s all ease;
}
.upload-box.dragover {
	background: #222d32;
}
.upload-box.dragover:after {
	border-radius: 10px;
	border: 3px dashed #ddd;
}
/*.upload-click-box {
  height: 0;
	overflow: hidden;
	transition: .3s all ease;
}
.upload-click-box.active {
	height: 260px;
}*/
.upload-click {
  margin-bottom: 10px;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0
}

.tags {
	margin-top: 10px;
	padding: 0 5px;
	margin-bottom: 15px;
}
.tag {
	box-shadow: 0 0 2px #999;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
  border-top: 3px solid #8a8a8a;
	display: inline-block;
}

.user-panel-klient .owl-carousel .owl-item img {
	height: 200px;
	object-fit: cover;
}

.mini-gallery-slider .owl-nav .owl-next {
	top: 45%;
	right: -20px;
	font-size: 22px;
}
.mini-gallery-slider .owl-nav .owl-prev {
	top: 45%;
	left: -20px;
	font-size: 22px;
}

.user-panel-klient label {
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
}
.changelog h4:not(:first-child) {
	text-align: center;
	margin-top: 25px;
}
pre {
	overflow: hidden;
	line-height: 14px;
	text-align: left;
}
.changelog pre strong {
	font-size: 20px;
	font-weight: normal;
}
#changelog-status {
	display: none;
}
.help-info {
	font-weight: normal;
	text-align: left;
	margin: 0;
	font-size: 12px;
	position: absolute;
}
a.help-link {
	color: #fff;
	padding: 8px 10px;
	display: block;
	margin: 0;
	font-size: 14px;
}
a.help-link:hover {
    text-shadow: 0px 0px 12px #FFFFFF, 0px 0px 12px #FFFFFF;
}
.dishes td:first-child {
	width: 20%!important;
	min-width: 190px;
}
.table .context-menu-active .button {
	border-color: #fff;
	color: #fff;
}
.error404 {
	color: #fff;
}
.error404 h1 {
	text-transform: uppercase;
	color: white;
	font-size: 46px;
	padding: 10px 0;
	text-align: center;
	margin: 0;
	text-shadow: 1px 1px 12px #000, 1px 1px 12px #000;
}
.fa-gear.faa-spin {
	-webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.error-content {
	max-width: 100%;
	width: 100%;
	height: 20%;
}

																												/* -------------------- */
																												/*      MORE LOADER     */
																												/* -------------------- */

.more-loader {
  margin: 20px auto;
  width: 80px;
  text-align: center;
	display: inline-block;
	margin-bottom: 150px;
}
.more-loader .ml-child {
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: more-loader 1.4s ease-in-out 0s infinite both;
  animation: more-loader 1.4s ease-in-out 0s infinite both;
}
.more-loader .ml-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.more-loader .ml-bounce2 {
	-webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes more-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes more-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); }
}

.fade-enter-active, .fade-leave-active {
	transition: all .5s;
}

.fade-enter, .fade-leave-active {
	opacity: 0;
}
.fade-enter {
	transform: translateX(31px);
}
.fade-leave-active {
	transform: translateX(-31px);
}



																												/* -------------------- */
																												/*       NEW MODAL      */
																												/* -------------------- */

.modal-mask {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
	max-width: 630px;
  min-width: 320px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
	color: #000;
	position: relative;
	overflow: auto;
}
.modal-close {
	color: #000;
	border-radius: 0 0 0 5px;
}

.modal-header h3 {
  margin-top: 0;
  color: #8a8a8a;
}

.modal-body {
  margin: 20px 0;
}

.modal-default-button {
  float: right;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.library-modal {
	opacity: 0;
	transition: .3s all ease;
	z-index: -1!important;
}
.library-modal.active {
	opacity: 1;
	z-index: 500!important;
}

																												/* -------------------- */
																												/*      LOADING PNG     */
																												/* -------------------- */


.preloader-1 {
margin: 80px auto 80px;
font-size: 60px;
width: 1em;
height: 1em;
border-radius: 50%;
animation: animation 2s infinite ease;
}

@keyframes animation {
0% {
transform: rotate(0deg);
box-shadow: 0 -0.83em 0 -0.4em #79ac2b, 0 -0.83em 0 -0.42em #79ac2b, 0 -0.83em 0 -0.44em #79ac2b, 0 -0.83em 0 -0.46em #79ac2b, 0 -0.83em 0 -0.477em #888888;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em #79ac2b, 0 -0.83em 0 -0.42em #79ac2b, 0 -0.83em 0 -0.44em #79ac2b, 0 -0.83em 0 -0.46em #79ac2b, 0 -0.83em 0 -0.477em #888888;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em #79ac2b, -0.087em -0.825em 0 -0.42em #79ac2b, -0.173em -0.812em 0 -0.44em #79ac2b, -0.256em -0.789em 0 -0.46em #79ac2b, -0.297em -0.775em 0 -0.477em #888888;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em #79ac2b, -0.338em -0.758em 0 -0.42em #79ac2b, -0.555em -0.617em 0 -0.44em #79ac2b, -0.671em -0.488em 0 -0.46em #79ac2b, -0.749em -0.34em 0 -0.477em #888888;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em #79ac2b, -0.377em -0.74em 0 -0.42em #79ac2b, -0.645em -0.522em 0 -0.44em #79ac2b, -0.775em -0.297em 0 -0.46em #79ac2b, -0.82em -0.09em 0 -0.477em #888888;
}
100% {
transform: rotate(360deg);
box-shadow: 0 -0.83em 0 -0.4em #79ac2b, 0 -0.83em 0 -0.42em #79ac2b, 0 -0.83em 0 -0.44em #79ac2b, 0 -0.83em 0 -0.46em #79ac2b, 0 -0.83em 0 -0.477em #888888;
}
}

.tags-box .button {
	margin: 6px;
}





                                                      /* -------------------- */
                                                      /*     CONTEXT-MENU     */
                                                      /* -------------------- */



@charset "UTF-8";
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.6.3
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2018 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2018-01-26T13:57:13.077Z
 */
@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}

.context-menu-active {
	background: rgba(0, 156, 37, 0.7)!important;
}
.context-menu-active td {
	background: transparent!important;
}

.context-menu-icon-add:before {
  content: "\f067";
}
.context-menu-icon-accept:before {
  content: "\f00c";
}
.context-menu-icon-copy:before {
  content: "\f0c5";
}
.context-menu-icon-cut:before {
  content: "\f0c4";
}
.context-menu-icon-delete:before {
  content: "\f1f8";
}
.context-menu-icon-edit:before {
  content: "\f044";
}
.context-menu-icon-loading:before {
  content: "\f110";
}
.context-menu-icon-paste:before {
  content: "\f0ea";
}
.context-menu-icon-quit:before {
  content: "\f00d";
}
.context-menu-icon-answer:before {
  content: "\f086";
}
.context-menu-icon-off:before {
  content: "\f011";
}
.context-menu-icon-hide:before {
  content: "\f070";
}
.context-menu-icon-pencil:before {
  content: "\f040";
}
.context-menu-icon-pdf:before {
  content: "\f1c1";
}
.context-menu-icon-personal:before {
  content: "\f2b9";
}
.context-menu-icon-briefcase:before {
  content: "\f0b1";
}
.context-menu-icon-list:before {
  content: "\f022";
}
.context-menu-icon-clipboard-check:before {
  content: "\f46c";
}
.context-menu-icon-download:before {
  content: "\f019";
}
.context-menu-icon-upload:before {
  content: "\f093";
}
.context-menu-icon-send:before {
  content: "\f1d8";
}
.context-menu-icon-note:before {
  content: "\f249";
}


.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em;
  font-size: 1em;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  line-height: 1;
  color: #3f50b5;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
    transition: .3s all ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon-loading:before {
  -webkit-animation: cm-spin 2s infinite;
       -o-animation: cm-spin 2s infinite;
          animation: cm-spin 2s infinite;
}
.context-menu-icon.context-menu-icon--fa5 {
  display: list-item;
  font-family: inherit;
  text-align: left;
}
.context-menu-icon.context-menu-icon--fa5 i {
	color: #3f50b5;
	position: absolute;
	top: 7px;
	transition: .3s all ease;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover i {
	color: #fff;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em;
  font-size: 1em;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
  line-height: 1;
  color: #3f50b5;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}
.context-menu-list {
  position: absolute;
  display: inline-block;
  min-width: 120px;
  max-width: 220px;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.context-menu-item {
  transition: .3s all ease;
  position: relative;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  padding: .2em 2em;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  white-space: nowrap;
	    text-align: left;
  line-height: normal!important;
}
.context-menu-item span {
  white-space: nowrap;
	font-weight: 400;
}
.context-menu-separator {
  padding: 0;
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer;
  background-color: #3f50b5;
}
.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default;
  background-color: #fff;
}
.context-menu-input.context-menu-hover {
  color: #333;
  cursor: default;
}
.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1;
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}
.context-menu-input > label > * {
  vertical-align: top;
}
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em;
  margin-right: .4em;
}
.context-menu-input > label {
  margin: 0;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.context-menu-input > label > textarea {
  height: 7em;
}
.context-menu-item > .context-menu-list {
  top: .3em;
  right: -.3em;
  display: none;
  min-width: 180px;
}
.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}
.context-menu-accesskey {
  text-decoration: underline;
}


/* --------------------- */
/*       pr-circle       */
/* --------------------- */
.pr-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.pr-circle .pr-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.pr-circle .pr-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #1985ca;
border-radius: 100%;
-webkit-animation: pr-circleBounceDelay 1.2s infinite ease-in-out both;
animation: pr-circleBounceDelay 1.2s infinite ease-in-out both; }
.pr-circle .pr-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.pr-circle .pr-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.pr-circle .pr-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.pr-circle .pr-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.pr-circle .pr-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.pr-circle .pr-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.pr-circle .pr-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.pr-circle .pr-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.pr-circle .pr-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.pr-circle .pr-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.pr-circle .pr-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.pr-circle .pr-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.pr-circle .pr-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.pr-circle .pr-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.pr-circle .pr-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.pr-circle .pr-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.pr-circle .pr-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.pr-circle .pr-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.pr-circle .pr-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.pr-circle .pr-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.pr-circle .pr-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.pr-circle .pr-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }

@-webkit-keyframes pr-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }

@keyframes pr-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }