@charset "UTF-8";
@font-face {
	font-family: Montserrat;
	font-display: swap;
	font-weight: 400;
	font-style: normal;
	src: url(bc/css/Montserrat.ttf)
}

@font-face {
	font-family: Montserrat;
	font-display: swap;
	font-weight: 700;
	font-style: normal;
	src: url(bc/css/Montserrat-Bold.ttf)
}

@font-face {
	font-family: Montserrat;
	font-display: swap;
	font-weight: 900;
	font-style: normal;
	src: url(bc/css/Montserrat-ExtraBold.ttf)
}

:root {
	--color-white: #ffffff;
	--color-dark-white: #f4f4f4;
		--color-black: #464855;
		--color-sec-black: #6b6f80;
	
		--color-gray: #607d8b; /* gray */
		--color-lightgray: #cfd8dc;
	
		--color-main-blue: #6967ce;
		--color-sec-blue: #82b1ff;
		--color-main-yellow: #fdb901;
		--color-light-blue: #2196f3;
	
		--color-main-red: #fa626b; /* red */
		--color-sec-red: #fff1f1;
		--color-light-red: #fff1f1;
	
		--color-main-green: #5ed84f; /* green */
		--color-sec-green: #eeffee;
		--color-light-green: #d6f5d2;
	
		--color-gold: #ffeb3b;
	--color-bordo: #950000;
		--color-purple: #6f42c1;
		--color-hot-pink: #e83e8c;
	
	--color-main-ice: #94fffb;
	--color-sec-ice: #e6fffe;
	
		--color-main-orange: #fdb901;
		--color-sec-orange: #fffbf6;
		
	--color-gradient: linear-gradient(to right, #9671f2, #32c8fd);
}
::placeholder {
	color: #b5b5b5;
}
body {
	background: var(--color-dark-white);
}
.clear {
    clear: both;
    float: none;
}
.center {
	text-align: center;
}
body,
html,
p {
	font-family: Montserrat;
	margin: 0;
	padding: 0;
	color: var(--color-black);
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-main-blue) var(--color-dark-white);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: var(--color-dark-white);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color-main-blue);
}

b {
	font-weight: 700;
}
a {
	text-decoration: none;
	/* color: #258308; */
	color: var(--color-main-blue);
}
a.active {
    color: var(--color-main-blue);
}
img {
	vertical-align: middle;
	width: 100%;
}
::after,
 ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix::after,
.clearfix::before,
.nav::after,
.nav::before,
.row::after,
.row::before,
.container::after,
.container::before {
	display: table;
	content: " ";
	clear: both;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 400;
	line-height: 1.1;
	color: inherit;
	margin: 0;
}
h3 {
    /* background: var(--color-main-blue); */
    background: #9671f2;
    font-size: 20px;
    text-transform: uppercase;
    /* color: var(--color-main-yellow); */
    color: var(--color-white);
    padding: 10px;
	border-radius: 5px;
}
h3 span a {
	display: inline-block;
	padding: 0 5px;
	margin: 0 5px;
	/* color: var(--color-main-yellow); */
	color: var(--color-white);
	transition: all .2s linear;
	font-size: 12px;
}
h3 span a i {
	font-size: 20px;
}
h3 span a:hover,
h3 span a.active {
	/* color: var(--color-white); */
	color: var(--color-main-yellow);
	transition: all .3s linear;
}
h3.page-title {
	border-radius: 0;
	min-height: 45px;
	background: var(--color-gradient);
}
h4 {
	margin: 10px 0 0;
	font-weight: bold;
	padding: 5px;
}
h4.styled {
	margin: 10px 0 0;
	font-weight: bold;
	background: var(--color-main-yellow);
	padding: 5px;
	border: 2px solid var(--color-main-blue);
	color: var(--color-main-blue);
	border-radius: 4px;
}
.table-items pre {
	white-space: pre-wrap;
	margin: 0;
	font-size: 12px;
	max-width: 400px;
	word-break: break-word;
}
pre {
	display: inline-block;
	font-size: 11px;
	color: #212529;
	border: 1px solid;
	margin: 2px;
	border-radius: 3px;
	padding: 2px;
	vertical-align: top;
}
.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.container-full {
	width: 100%;
	max-width: none;
	margin: 0px auto;
	padding: 0;
}
.container-s {
	max-width: 600px;
}
.padding-lr-30 {
	/* padding-left: 30px; */
	/* padding-right: 30px; */
	padding: 30px;
}
#page > .padding-lr-30 {
	padding: 30px;
}
.hidden {
	display: none;
}
#menu li small {
    font-size: 10px;
    margin-left: 5px;
    top: -3px;
    color: var(--color-main-green);
	position: relative;
}
.fl-25 {
	float: left;
	width: 25%;
}
.fl-40 {
	float: left;
	width: 40%;
}
.fl-50 {
	float: left;
	width: 50%;
}
.fl-60 {
	float: left;
	width: 60%;
}
.fl-75 {
	float: left;
	width: 75%;
}
.fl-150p {
	float: left;
	width: 150px;
}
.fl-24p {
	float: left;
	width: 24px;
}
.fl--24p {
	float: left;
	width: calc(100% - 24px);
}
.fl-160p {
	float: left;
	width: 160px;
}
.fl--160p {
	float: left;
	width: calc(100% - 160px);
}
.fl-200p {
	float: left;
	width: 200px;
}
.fl--200p {
	float: left;
	width: calc(100% - 200px);
}
.fl-130p {
	float: left;
	width: 130px;
}
.fl--130p {
	float: left;
	width: calc(100% - 130px);
}
.fl-140p {
	float: left;
	width: 140px;
}
.fl--140p {
	float: left;
	width: calc(100% - 140px);
}
.fl-210p {
	float: left;
	width: 210px;
}
.fl--210p {
	float: left;
	width: calc(100% - 210px);
}
.fl-260p {
	float: left;
	width: 260px;
}
.fl--260p {
	float: left;
	width: calc(100% - 260px);
}
.fl-300p {
	float: left;
	width: 300px;
}
.fl--300p {
	float: left;
	width: calc(100% - 300px);
}
.fl-400p {
	float: left;
	width: 400px;
}
.fl--400p {
	float: left;
	width: calc(100% - 400px);
}
.fl-500p {
	float: left;
	width: 500px;
}
.fl--500p {
	float: left;
	width: calc(100% - 500px);
}
.fl-660p {
	float: left;
	width: 660px;
}
.fl--660p {
	float: left;
	width: calc(100% - 660px);
}
.fl-1440p {
	float: left;
	width: 1440px;
}
.fl--1440p {
	float: left;
	width: calc(100% - 1440px);
}
.fr {
	float: right;
}
.inline {
	display: inline-block;
	vertical-align: top;
}
.filter {
	list-style: none;
	margin: 0;
	padding: 0;
	/* background: var(--color-white); */
	
	overflow-y: auto;
	max-height: calc(-42px + 100vh);
	-webkit-box-shadow: 1px 0 30px rgba(0,0,0,.1);
	box-shadow: 1px 0 30px rgba(0,0,0,.1);
}
.filter li {
	display: block;
	/* text-transform: uppercase; */
	color: var(--color-gray);
	border-bottom: 1px solid var(--color-dark-white);
	position: relative;
}
.filter li > a {
    padding: 6px 12px;
    display: inline-block;
    color: var(--color-gray);
	width: calc(100% - 30px);
}
.filter li > a:hover {
    color: var(--color-main-blue);
	text-decoration: underline;
}
.filter li.fav-container {
	background: var(--color-gold);
	height: 3px;
}
.filter li .add-menu-to-fav {
	display: none;
	width: 20px;
	color: var(--color-main-blue);
	cursor: pointer;
}
.filter li .add-menu-to-fav.gold {
	color: var(--color-gold);
	cursor: default;
}
.filter li .add-menu-to-fav.remove-fav {
	color: var(--color-main-red);
}
.filter li:hover .add-menu-to-fav {
	display: inline-block;
}
.filter li .add-menu-to-fav:hover i {
	font-weight: 900;
}
#login-form select, #login-form input {
    font-size: 11px;
    font-weight: bold;
}
#login-form {
	width: 320px;
	margin: 0 auto;
}
#login-form input {
	display: block;
	width: 100%;
	font-size: 20px;
	margin: 4px 0;
	box-sizing: border-box;
	padding: 5px 10px;
	max-width: none;
}
#password-div {
	text-align: left;
	position: relative;
}
#login-form input#password-field {
	width: 100%;
	display: inline-block;
	margin-right: 0;
	border: 1px solid var(--color-black);
	height: 40px;
	vertical-align: middle;
	padding-right: 60px;
}
#login-form h1 {
    text-transform: capitalize;
}
#pass-meter {
    overflow: hidden;
    margin: 0 0 10px;
}
#show-pass {
	width: 50px;
	font-size: 23px;
	background: var(--color-main-yellow);
	color: var(--color-gray);
	display: inline-block;
	border: 1px solid var(--color-black);
	height: 40px;
	text-align: center;
	line-height: 35px;
	border-left: none;
	margin: 0 0 0 -4px;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 4px;
}
#show-pass:hover {
    color: var(--color-sec-green);
}
#show-pass i {
	vertical-align: middle;
	text-align: center;
}
#show-pass i.far.fa-eye {
	display: inline-block;
}
#show-pass i.far.fa-eye-slash {
	display: none;
}
#show-pass.showed i.far.fa-eye {
	display: none;
}
#show-pass.showed i.far.fa-eye-slash {
	display: inline-block;
}
.item-show {
	cursor: pointer;
}
.item-block {
	background: var(--color-white);
	color: var(--color-black);
	border-radius: 5px;
}
.item-block.thin-item-block {
	padding: 0;
	margin: 20px 0;
}
.new-item, .mini {
	background: var(--color-white);
	color: var(--color-black);
}
.new-item {
	margin: 0 0 20px 0px;
	border-radius: 0;
	border: none;
	padding: 0 30px 0px;
	background: var(--color-gradient);
	color: var(--color-white);
	min-height: 45px;
}
.item-header {
	font-weight: 600;
	font-size: 20px;
	color: var(--color-black);
	background: white;
	padding: 10px;
	position: relative;
	top: 15px;
	border-radius: 5px;
}
.item-box {
	padding-top: 30px;
	background: var(--color-white);
	color: var(--color-black);
	padding-bottom: 1px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.item-content {
	padding-bottom: 3px;
}
.item-block h4.styled {
	margin-top: 0;
	border-radius: 5px;
}
.item-block.thin-item-block .item-content {
	margin-top: 10px;
	margin-left: 10px;
}
body.item-box { 
	padding: 0;
	margin: 0;
}
input,
textarea,
select {
    margin-left: 10px;
    padding: 5px;
    font-size: 15px;
    min-width: 300px;
	font-family: Montserrat;
	border-radius: 5px;
	border: 1px solid var(--color-lightgray);
	background: var(--color-white);
}
button.green-button,
.button-green {
    background: var(--color-main-green);
    border: none;
    min-width: auto;
    padding: 10px 20px;
    border: none;
	border-radius: 5px;
    color: var(--color-white);
    cursor: pointer;
	display: inline-block;
	font-family: Montserrat;
	font-size: 15px;
	transition: all .3s linear;
}
span.button-green {
	padding: 2px 5px;
	float: right;
	border-radius: 3px;
	border: none;
}
input[type="submit"],
button.button-blue,
.button-blue {
	background: var(--color-main-blue);
	border: none;
	min-width: auto;
	padding: 10px 20px;
	color: var(--color-white);
	cursor: pointer;
	display: inline-block;
	font-family: Montserrat;
	font-size: 15px;
	border-radius: 5px;
}
input[type="submit"]:hover, 
button.button-blue:hover,
.button-blue:hover,
.button-blue.active {
	background: var(--color-sec-blue);
	transition: all .3s linear;
}
button.green-button:hover,
.button-green:hover,
.button-green.active {
	background: var(--color-sec-green);
	color: var(--color-main-green);
	transition: all .3s linear;
}
input[type="button"],
.button-red {
    background: var(--color-main-red);
    border: none;
    min-width: auto;
    padding: 10px 20px;
    /* border: 2px solid var(--color-sec-red); */
	border: none;
    color: var(--color-white);
    cursor: pointer;
	display: inline-block;
	border-radius: 5px;
	transition: all .3s linear;
}
input[type="button"]:hover,
.button-red:hover {
	background: var(--color-sec-red);
	color: var(--color-main-red);
	transition: all .3s linear;
}
input[type="file"] {
    min-width: auto;
    max-width: 100%;
	margin-left: 5px;
}
button[disabled] {
	background: var(--color-lightgray);
	color: var(--color-gray);
	border-color: var(--color-gray);
	cursor: no-drop;
}
.item-box label {
    width: 100%;
    display: block;
    margin: 10px 0;
    font-size: 20px;
}
.item-box table {
	width: 100%;
}
body.mini.item-box {
	background: var(--color-sec-orange);
}
.box {
    float: left;
    width: 290px;
	min-height: 70px;
    padding: 10px;
    border: none;
	border-radius: 5px;
    margin: 10px 10px 0 0;
    font-size: 20px;
    background: var(--color-white);
	color: var(--color-black);
	position: relative;
}
/* .box.doctors-box { */
	/* min-height: 230px; */
	/* padding-top: 26px; */
/* } */
.box.doctors-box {
	min-height: 200px;
	/* padding-top: 26px; */
	/* padding-bottom: 50px; */
}
.box.doctors-box .title {
	margin-top: 26px;
}
.box.doctors-box .action {
	margin-bottom: 50px;
}
.box.doctors-box .action.action-small {
	margin-bottom: 0;
}

.box.box-web {
	position: relative;
}
.box.box-web .action {
    position: absolute;
    bottom: 5px;
	text-align: center;
	width: calc(100% - 20px);
}
.box.not-paid {
	border: 2px solid var(--color-main-red);
}
.box.is-paid {
	border: 2px solid var(--color-main-green);
}
.course-box {
	min-height: 160px;
}
.box.small-box {
	width: 126px;
}
.box input, .box select, .box textarea {
    width: 100%;
    min-width: 100%;
    margin: 5px 0;
}
.box table {
    width: 100%;
}
.box img {
    max-height: 200px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

table .user-status-0 .fa-bookmark,
table .user-status-2 .fa-bookmark {
	color: var(--color-main-orange);
	font-size: 16px;
	margin-left: 3px;
}
table .user-status-1 .fa-bookmark {
	color: var(--color-white);
	font-size: 16px;
	margin-left: 3px;
}
table .user-status-0 a .fa-bookmark,
table .user-status-2 a .fa-bookmark {
	color: var(--color-white);
}
.proudct-edit input[type="text"] {
	min-width: auto;
	width: 200px;
}
.proudct-edit input[type="number"] {
	min-width: auto;
	width: 118px;
}
select option:disabled {
	/* color: var(--color-main-green); */
	/* font-weight: bold; */
	/* background: var(--color-sec-green); */
	
	color: var(--color-hot-pink);
	font-weight: bold;
	background: var(--color-dark-white);
}
.full-box {
    float: none;
    width: calc(100% - 14px);
	height: auto !important;
}
.items {
	clear: both;
	overflow: hidden;
	padding-bottom: 7px;
}
.action {
	margin: 3px 0;
}
.action a {
	display: inline-block;
	margin: 5px;
	padding: 5px;
	min-width: 40px;
	min-height: 40px;
	text-align: center;
	background: var(--color-main-blue);
	color: var(--color-white);
	vertical-align: middle;
	transition: all .2s linear;
	border-radius: 5px;
}
.action.action-small a {
	font-size: 18px;
	min-width: 30px;
	min-height: 30px;
	background: var(--color-main-blue);
	margin: 7px 0px 7px 1px;
	display: inline-block;
}
.action a i {
	vertical-align: middle;
}
.action a.green {
    background: var(--color-main-green);
}
.action a.blue {
    background: var(--color-main-blue);
}
.action a.add {
	background: var(--color-sec-green);
	color: var(--color-white);
}
.action a.red,
.action a.delete {
	background: var(--color-main-red);
	color: var(--color-white);
}
.action a:hover {
	background: var(--color-sec-blue);
	transition: all .2s linear;
}
.box .action.action-small a:hover {
	background: var(--color-white);
	color: var(--color-main-blue);
	transition: all .3s linear;
	border-radius: 50%;
}
.action a.green:hover {
	background: var(--color-sec-green);
	color: var(--color-main-green);
}
.action a.add:hover {
	background: var(--color-main-green);
}
.action a.red:hover,
.action a.delete:hover {
	background: var(--color-sec-red);
	color: var(--color-main-red);
}
.action a.hidden {
	display: none;
}
.small {
    font-size: 90%;
}
.box-child {
    background: var(--color-sec-ice);
}
.box-parent {
    background: var(--color-main-ice);
	clear: both;
}
.absright {
	position: absolute;
	right: 4px;
	bottom: 4px;
}
.ttip-box {
	position: relative;
}
.ttip {
	position: absolute;
	border: 1px solid var(--color-black);
	display: block;
	background: var(--color-white);
	color: var(--color-black);
	padding: 2px;
	font-size: 15px;
	width: 160px;
	line-height: 15px;
	font-weight: 600;
	left: 0;
	display: none;
}
.ttip-box:hover .ttip {
	display: block;
	transition: all 1s linear;
}
.error-msg {
	margin: 20px 0;
	border: 2px solid var(--color-main-red);
	padding: 10px 20px 10px 50px;
	color: var(--color-main-red);
	background: var(--color-light-red);
	text-align: left;
	position: relative;
	font-size: 15px;
	border-radius: 5px;
}
.confirm-msg {
	color: var(--color-main-green);
	margin: 20px 0;
	border: 2px solid var(--color-main-green);
	padding: 10px 20px 10px 50px;
	background: var(--color-light-green);
	text-align: left;
	position: relative;
	font-size: 15px;
	border-radius: 5px;
	
}
.info-msg {
	color: var(--color-main-blue);
	margin: 20px 0;
	border: 2px solid var(--color-main-blue);
	padding: 10px 20px 10px 50px;
	background: var(--color-sec-ice);
	text-align: left;
	position: relative;
	font-size: 15px;
	border-radius: 5px;
}
.warning-msg {
	color: var(--color-black);
	margin: 20px 0;
	border: 1px solid blue;
	padding: 10px 20px 10px 50px;
	background: var(--color-sec-orange);
	text-align: left;
	position: relative;
	font-size: 15px;
	border-radius: 5px;
}
.error-msg:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00d";
	color: var(--color-main-red);
	font-size: 30px;
	position: absolute;
	left: 10px;
	top: calc(50% - 17px);
	width: 30px;
	text-align: center;
}
.confirm-msg:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	color: var(--color-main-green);
	font-size: 30px;
	position: absolute;
	left: 10px;
	top: calc(50% - 17px);
	width: 30px;
	text-align: center;
}
.info-msg:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f129";
	color: var(--color-main-blue);
	font-size: 30px;
	position: absolute;
	left: 10px;
	top: calc(50% - 17px);
	width: 30px;
	text-align: center;
}
.warning-msg:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f071";
	color: var(--color-black);
	font-size: 25px;
	position: absolute;
	left: 10px;
	top: calc(50% - 14px);
	width: 30px;
	text-align: center;
	
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-animation-name: buzz-out-on-hover;
	animation-name: buzz-out-on-hover;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 111;
}
.confirm-msg a,
.error-msg a,
.warning-msg a,
.info-msg a {
	text-decoration: underline;
	font-weight: 600
}
.fa-comments[data-doctorid] {
	cursor: pointer;
}



@-webkit-keyframes buzz-out-on-hover {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes buzz-out-on-hover {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.borica-invoice::after {
	content: '';
	position: absolute;
	right: 4px;
	top: 4px;
	width: 20px;
	height: 20px;
	background: url('/image/borika-logo.png');
	background-size: contain;
}
.paypal-invoice::after {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f1ed";
	color: var(--color-sec-black);
	font-size: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.video-invoice::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c8";
	color: var(--color-hot-pink);
	font-size: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.custom-invoice::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f15c";
	color: var(--color-main-blue);
	font-size: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.pdf-invoice::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f1c1";
	color: var(--color-main-blue);
	font-size: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}




.hex-box {
	width: 50px;
	height: 50px;
	border: 1px solid var(--color-black);
}
.hex {
	height: 48px;
	width: 48px;
}
.hex_1, .hex_2 {
	height: 24px;
	width: 48px;
}
.mini-hex-box {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-black);
	margin: 5px;
}
.mini-hex-box .hex {
	height: 38px;
	width: 38px;
}
.mini-hex-box .hex_1, .mini-hex-box .hex_2 {
	height: 19px;
	width: 38px;
}
#product-fields .hex-box {
	height: 28px;
	width: 27px;
}
#product-fields .hex {
    height: 26px;
    width: 25px;
}
#product-fields .hex_1, #product-fields .hex_2 {
	height: 13px;
	width: 25px;
}
.item-box .color-label {
	display: inline-block;
	width: auto;
	margin: 5px 0 5px 10px;
	cursor: pointer;
	position: relative;
}
.item-box .color-label small {
    display: block;
    font-size: 13px;
    line-height: 14px;
}
.item-box input[type="radio"],
.item-box input[type="checkbox"] {
	display: none;
	min-width: auto;
}
.item-box input.sign-checkbox {
    display: block;
}
.item-box input[type="radio"]:checked+label {
	border-color: var(--color-main-green);
}
.item-box input[type="radio"]:checked + label::after {
    content: '✔';
    position: absolute;
    top: 0px;
    left: 10px;
    display: block;
    color: var(--color-sec-green);
    font-weight: 700;
    font-size: 30px;
}
.item-box #product-fields input[type="radio"]:checked + label::after {
    top: -8px;
    left: 0px;
}
.item-box .red-call-switch input[type="radio"] {
	display: inline-block;
	appearance: radio;
}
.item-box .red-call-switch label {
	font-size: 12px;
	display: inline;
}

.filter label {
    font-size: 15px;
    position: relative;
    text-transform: initial;
    padding: 0 5px;
    margin: 5px 0;
    cursor: pointer;
}
.filter input[type="checkbox"]:checked+label {
	border-color: var(--color-main-green);
	background: var(--color-sec-green);
	color: var(--color-main-green);
}
.stamp {
    /* color: #9c263b; */
    color: var(--color-main-red);
    border: 1px dashed var(--color-main-red);
    padding: 2px 5px;
    display: inline-block;
}
table tr {
    vertical-align: top;
}
.box table tr:hover,
.newsletter-row.active td,
table tr:hover {
    background: var(--color-sec-ice);
	color: var(--color-black);
}

table tr:hover .green {
    /* color: var(--color-main-blue); */
}
.box table tr:hover .green,
.newsletter-row.active td .green,
table tr:hover .green:hover {
    color: var(--color-sec-blue);
}
table tr:hover .history-note .green {
    color: var(--color-main-green);
}
table td {
	padding: 3px 10px;
	font-size: 14px;
}
a.w3-bar-item {
    display: block;
    margin-top: 5px;
    padding: 3px;
    background: var(--color-lightgray);
	width: 33%;
	float: left;
	border-bottom: 2px solid var(--color-lightgray);
}
a.w3-active {
    background: var(--color-light-green);
    border: 2px solid var(--color-main-green);
    border-bottom: none;
    position: relative;
    z-index: 1;
}
.item-tab {
    border: 2px solid var(--color-main-green);
    padding: 5px;
    /* margin-left: -6px; */
    position: relative;
    z-index: 0;
    background: var(--color-light-green);
}
.item-tab-bar {
    margin-left: 6px;
}
label.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin: 2px 10px;
	vertical-align: middle;
}
label.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-lightgray);
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: var(--color-white);
	-webkit-transition: .4s;
	transition: .4s;
}
.right {
	text-align: right;
}
input:checked + .slider {
	background-color: var(--color-main-green);
}
input:focus + .slider {
	box-shadow: 0 0 1px var(--color-light-blue);
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.slider.round {
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}
.title {
	font-size: 18px;
	font-weight: bold;
	overflow-wrap: break-word;
	border: 1px dashed var(--color-black);
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 7px;
}
.title a {
    display: inline-block;
    margin: 10px;
    text-decoration: underline;
}
.title a.show-on-hover {
	margin: 0 0 0 3px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity .3s linear;
}
.title:hover a.show-on-hover {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity .3s linear;
}
.episode-label {
	color: var(--color-white);
	background: var(--color-light-blue);
	padding: 0 4px;
	border-radius: 5px;
}
.episode-label-red {
	color: var(--color-white);
	background: var(--color-main-red);
	padding: 0 4px;
	border-radius: 5px;
}
.episode-label-yellow {
	color: var(--color-black);
	background: var(--color-main-yellow);
	padding: 0 4px;
	border-radius: 5px;
}
.episode-label-green {
	color: var(--color-white);
	background: var(--color-main-green);
	padding: 0 4px;
	border-radius: 5px;
}
.episode-label-white {
	color: var(--color-black);
	background: var(--color-white);
	padding: 0 4px;
	border-radius: 5px;
}
small {
    font-weight: 400;
    display: block;
	font-size: 75%;
}
.red-border {
    border: 1px solid var(--color-main-red);
}
.sub-menu {
    padding-left: 20px;
    font-size: 13px;
}
.sub-sub-menu {
    padding-left: 40px;
    font-size: 13px;
}
.active-menu {
    font-weight: 700;
}
.item-box .promo-radios {
    display: inline-block;
}
.item-box .promo-radios input[type="radio"] + label {
	background: var(--color-main-red);
	padding: 3px 10px;
	display: inline-block;
	margin: 2px;
	border-radius: 30px;
	width: auto;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 700;
}
.item-box .promo-radios input[type="radio"]:checked + label:after {
	content: none;
}
.item-box .promo-radios input[type="radio"]:checked + label:before {
	content: '';
	width: 15px;
	height: 15px;
	background: var(--color-white);
	display: inline-block;
	margin: -5px 5px 0 -5px;
	vertical-align: middle;
	border-radius: 30px;
}
.item-box .promo-radios input[type="radio"]:checked + label {
    background: var(--color-main-green);
	position: relative;
}
.score-table .item-box .promo-radios input[type="radio"] + label {
	font-size: 22px;
	min-width: 34px;
	margin: 5px 10px;
}
.score-table tr td:first-child {
	vertical-align: middle;
	font-weight: 700;
}
.score-table thead td {
	font-size: 20px;
}
.score-table img {
	max-height: 200px;
	width: auto;
	display: block;
	margin: 5px auto;
}
.fl-33 {
    float: left;
	width: calc(33% - 5px);
	margin-right: 5px;
}
.fl-67 {
    float: left;
	width: calc(67% - 5px);
	margin-right: 5px;
}
.fl-33:nth-child(3n+1) {
	clear: both;
}
.fl-33 input {
    margin: 0;
}
.loading {
	-webkit-animation: loading-ani 1s infinite; /* Safari 4+ */
	-moz-animation:    loading-ani 1s infinite; /* Fx 5+ */
	-o-animation:      loading-ani 1s infinite; /* Opera 12+ */
	animation:         loading-ani 1s infinite; /* IE 10+, Fx 29+ */
}
i.m-0,
.table-items i.m-0,
.m-0 {
	margin: 0;
}

.show-hide-status {
	border: 1px dotted var(--color-gray);
	padding: 0px 3px;
	border-radius: 4px;
}
.show-hide {
	cursor: pointer;
	position: relative;
	margin: 0;
	line-height: 25px;
	padding-left: 0;
	padding-right: 0;
}
.show-hide:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0d7";
	color: var(--color-sec-black);
	font-size: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.show-hide-active .show-hide:after {
	transform: scaleY(-1);
}
.show-hide-content {
	display: none;
}
.show-hide-active .show-hide-content {
	display: block;
	margin-bottom: 3px;
}


@keyframes border-dance {
	0% {
		background-position: 0 0, 100% 100%, 0 100%, 100% 0;
	}
	100% {
		background-position: 100% 0, 0 100%, 0 0, 100% 100%;
	}
}

@-webkit-keyframes loading-ani {
	0%, 9% {
		background-color: #009900;
	}
	10%, 19% {
		background-color: #009933;
	}
	20%, 29% {
		background-color: #009966;
	}
	30%, 39% {
		background-color: #009999;
	}
	40%, 49% {
		background-color: #0099CC;
	}
	50%, 59% {
		background-color: #0099FF;
	}
	60%, 69% {
		background-color: #3399FF;
	}
	70%, 79% {
		background-color: #3399CC;
	}
	80%, 89% {
		background-color: #339999;
	}
	90%, 100% {
		background-color: #339966;
	}
}
.table-items td {
    vertical-align: middle;
    padding: 8px;
}
.table-items i {
	font-size: 20px;
	margin-right: 10px;
}
.table-items small i {
	font-size: 15px;
	margin-right: 10px;
}
.table-items i.flag {
	font-size: 16px;
	margin-left: 5px;
	/* margin-right: 0; */
}
.table-items thead td,
.table-items thead td tr:hover,
.table-items tfoot td,
.table-items tfoot td tr:hover {
    background: var(--color-gray) !important;
	color: var(--color-white) !important;
}
.table-items tbody td {
    background: #e9e9e9;
	vertical-align: top;
}
.table-items tfoot td {
    background: #b0b0b0;
}
.table-items tbody .odd td {
    /* background: #d7d7d7; */
    background: var(--color-white);
}
.table-items tr:hover td,
.table-items tr.odd:hover td {
    background: #c5c5c5;
}
.table-items tbody .pink-row td {
	background: pink;
}
.table-items tbody .gray-row td {
	background: var(--color-gray);
	color: var(--color-white);
}
.table-items tbody .light-blue-row td {
	background: #94e5ff;
}
.table-items tbody .light-green-row td {
	background: #b1ffb1;
}
.table-items tbody .light-yellow-row td {
	background: #ffff8e;
}
.table-items tbody .light-red-row td {
	background: #ffced5;
}

.table-items tbody .light-blue-row td .table-items tbody .light-blue-row td {
	background: #c9f2ff;
}
.table-items tbody .light-green-row td .table-items tbody .light-green-row td {
	background: #d5ffd5;;
}
.table-items tbody .light-yellow-row td .table-items tbody .light-yellow-row td {
	background: #ffffcc;
}
.table-items tbody .light-red-row td .table-items tbody .light-red-row td {
	background: #fde3e7;
}

.table-items tr.newsletter-row.active:hover td {
    background: var(--color-sec-green);
}
.table-items tr.user-status-0:hover td {
	background: #b3b3b3;
}
.table-items tr.user-status-1:hover td {
	background: #ffabc6;
}
.table-items tr.user-status-2:hover td {
	background: #fafafa;
}
.table-items tr.user-status-3:hover td {
	background: #dfb15d;
}
.table-items tr.user-status-4:hover td {
	background: #FFFFF0;
}
.table-items tr.user-status-5:hover td {
	background: #98d3ff;
}
.table-items tbody .past-consultation td {
	background: #c1c1c1;
}
.table-items tbody .past-consultation:hover td {
	background: #9d9d9d;
}
.table-items {
    width: 100%;
}
.table-items thead {
    text-align: center;
}
.table-items .price-cell {
	text-align: right;
}
.table-items select,
.table-items input {
	margin-left: 0;
}
.table-items input[type="number"] {
	min-width: auto;
	width: 100px;
}
.btn {
	background: var(--color-sec-green);
	font-size: 18px;
	height: 32px;
	color: var(--color-main-green);
	vertical-align: top;
	border: none;
	cursor: pointer;
}
.button {
	background: var(--color-main-blue);
	color: var(--color-white);
	padding: 5px;
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}
#paging {
    margin: 10px 0;
}
#paging .page {
    border: 1px solid var(--color-lightgray);
    display: inline-block;
    padding: 2px 10px;
    background: var(--color-white);
}
#paging .page.active {
	font-weight: 700;
}
#paging .page:first-child {
	border-radius: 4px 0 0 4px;
}
#paging .page:last-child {
	border-radius: 0 4px 4px 0;
}
.white {
    color: var(--color-white);
}
.bordo {
    color: var(--color-bordo);
}
.gray {
	color: var(--color-gray);
}
.blue {
	color: var(--color-main-blue);
}
.dark-blue {
	color: var(--color-sec-black);
}
.red {
    color: var(--color-main-red);
}
.green {
	color: var(--color-main-green);
}
.orange {
	color: var(--color-main-orange);
}
.purple {
	color: var(--color-purple);
}
.darkpink {
	color: var(--color-light-red);
}
.bg-red {
    background: var(--color-main-red);
}
.bg-green {
	background: var(--color-main-green);
}
.bg-orange {
	background: var(--color-main-orange);
}
a.green-button {
    background: var(--color-main-green);
}
a.green-button:hover {
	background: var(--color-sec-green);
	color: var(--color-main-green);
}
a.red-button {
    background: var(--color-main-red);
}
a.red-button:hover {
	background: var(--color-sec-red);
	color: var(--color-main-red);
}
a.orange-button {
    background: var(--color-main-orange);
}
a.orange-button:hover {
	background:  var(--color-sec-orange);
	color: var(--color-main-orange);
}
.page {
    float: left;
    background: var(--color-white);
    padding: 5px 10px;
    border: 1px solid var(--color-main-blue);
    border-right: none;
	color: var(--color-main-blue);
}
.page a {
	color: var(--color-main-blue);
}
.page:last-child {
    border-right: 1px solid var(--color-main-blue);
}
.page.current {
    font-weight: 600;
}
.inline-block {
	display: inline-block;
}
.course-box {
	display: none;
}
.course-box.vis {
	display: block;
}
.more-videos-box {
	display: none;
}
.more-videos-box.vis {
	display: block;
}

.tip {
	cursor: pointer;
}
.tipr_content {
	font-size: 12px;
	color: var(--color-main-yellow);
	font-weight: 600;
	background-color: var(--color-main-blue);
	padding: 5px 9px 6px 9px;
	border-radius: 3px
}

.tipr_container_above,
.tipr_container_below {
	display: none;
	position: absolute;
	z-index: 1000
}

.tipr_point_above,
.tipr_point_below {
	position: relative;
	background: var(--color-main-blue);
	border: 1px solid var(--color-main-blue);
	border-radius: 3px
}

.tipr_point_above:after,
.tipr_point_below:after {
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	border-width: 7px;
	left: 50%;
	margin-left: -7px
}

.tipr_point_above:after {
	top: 100%;
	border-top-color: var(--color-main-blue)
}

.tipr_point_below:after {
	bottom: 100%;
	border-bottom-color: var(--color-main-blue)
}
.styled-table {
    width: 100%;
}
.item {
    background: var(--color-white);
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--color-gray);
}
.indent {
	padding-left: 30px;
}
.indent2 {
	padding-left: 50px;
}
.memo {
	border: 1px dashed var(--color-main-red);
	margin: 5px 0;
	padding: 5px;
	font-size: 14px;
	line-height: 15px;
	border-radius: 5px;
}
.grayscale-box {
	filter: grayscale(1);
	opacity: 0.85;
}
.grayscale-box .title {
	color: var(--color-gray);
}
.title.doctor-title {
	margin-right: 70px;
}
.info-icons {
	position: absolute;
	right: 3px;
	top: 0px;
}
.fl-x {
	float: left;
}
.info-icons i {
	vertical-align: top;
	margin: 2px;
	z-index: 1;
	position: relative;
}
.info-icons .fab.fa-paypal {
	background: var(--color-sec-black);
	color: var(--color-white);
	width: 20px;
	border-radius: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
}
.info-icons .fab.fa-paypal.red {
	background: var(--color-main-red);
}
.invoice-count {
	color: var(--color-white);
	font-weight: bold;
	background: var(--color-sec-black);
	width: 30px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	border-radius: 0 20px 20px 0;
	z-index: 0;
	position: relative;
	font-size: 15px;
	vertical-align: top;
	margin: 2px 2px 2px -10px;
}
.invoice-count.red {
	background: var(--color-main-red);
}
.info-icons img {
	display: inline-block;
	position: relative;
	background: var(--color-sec-black);
	color: var(--color-white);
	width: 20px;
	border-radius: 20px;
	height: 20px;
	line-height: 20px;
	padding: 2px;
	vertical-align: top;
	margin: 2px;
	z-index: 1;
}
.info-icons img.red {
	background: var(--color-main-red);
}
#newsletter-board img {
	width: auto;
}
.newsletter-row td {
	font-size: 12px;
	padding: 4px;
}
.asistent-box {
	background: var(--color-white);
	display: inline-block;
	width: 230px;
	text-align: left;
	vertical-align: top;
	border-radius: 5px;
}
.asistent-box select {
	min-width: auto;
	width: calc(100% - 30px);
	margin-left: 0;
	vertical-align: top;
}
.pad-15 {
	padding: 15px;
}
.asistent-box button.green-button {
	padding: 5px;
	display: inline-block;
	width: 30px;
	height: 31px;
}
.task {
	font-size: 13px;
	/* border: 1px solid var(--color-main-green); */
	margin-bottom: 5px;
	padding: 3px;
	border-radius: 3px;
}
.asistent-box h4:first-child {
	min-height: 36px;
}
.team-member {
	background: var(--color-dark-white);
}
.task.easy-task {
	background: var(--color-sec-ice);
}
.task.hard-task {
	background: var(--color-light-red);
}
#newsletter-board p {
	font-family: inherit;
	padding: 3px 0;
}
.table-items .action2 i {
	margin: 5px;
}
.fas.fa-mobile-alt {
	color: var(--color-purple);
	position: relative;
}
.fas.fa-mobile-alt.green {
	color: var(--color-main-green);
}
.fas.fa-mobile-alt.red {
	color: var(--color-main-red);
}
.fa-mobile-alt::before {
	z-index: 1;
	position: relative;
}
.fas.fa-mobile-alt::after {
	content: '';
	background: var(--color-white);
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	display: block;
	position: absolute;
	z-index: 0;
}
.fab.fa-skype {
	color: var(--color-light-blue);
	position: relative;
}
.fa-skype::before {
	z-index: 1;
	position: relative;
}
.fab.fa-skype::after {
	content: ;
	content: '';
	background: var(--color-white);
	position: absolute;
	top: 4px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	z-index: 0;
	border-radius: 20px;
}
.fab.fa-facebook-messenger {
	color: var(--color-light-blue);
	position: relative;
}
.fa-facebook-messenger::before {
	z-index: 1;
	position: relative;
}
.fab.fa-facebook-messenger::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 1px;
	bottom: 2px;
	background: var(--color-white);
	border-radius: 20px;
	z-index: 0;
}
.fab.fa-viber {
	color: var(--color-white);
	display: inline;
	padding: 1px;
	position: relative;
}
.fa-viber::before {
	z-index: 1;
	position: relative;
}
.fab.fa-viber::after {
	content: '';
	background: #754d94;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 4px;
	z-index: 0;
	display: block;
	border-radius: 20px;
}
.gold {
	color: var(--color-gold);
}
.brown {
	color: brown;
}
option {
	font-family: Calibri;
}
.box.mini-box {
	width: 220px;
	min-height: auto;
}
.box.mini-box::first-letter {
	text-transform: uppercase;
}
.bold {
	font-weight: bold;
}
.fl-16 {
	float: left;
	width: calc(100% / 6);
}
.pad-5 {
	padding: 5px;
}
.table-items i.small-icon {
	font-size: 15px;
	margin: 0;
}
table thead a,
table tfoot a {
	color: var(--color-main-green);
}
#menu {
	position: sticky;
	max-width: 300px;
	transition: all .3s linear;
	top: 0;
	background: url('menu-background.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#menu h3 {
	min-height: 45px;
	border-radius: 0;
	background: none;
	color: var(--color-gray);
	font-weight: 700;
	text-transform: capitalize;
}
#menu_button {
	color: var(--color-main-blue);
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 25px;
	cursor: pointer;
	z-index: 10;
}
#menu.closed #menu_button {
	transform: rotate(180deg);
	background: var(--color-white);
	padding: 3px 5px 3px 6px;
	left: 0;
	top: 30px;
	right: auto;
	border-radius: 20px 0 0 20px;
	color: var(--color-main-blue);
}
#menu.closed {
	max-width: 0px;
	overflow: hidden;
	transition: all .3s linear;
	position: initial;
}
#menu.closed .dolly {
	display: none;
}
#page {
	/* min-height: 100vh; */
	/* position: relative; */
	/* padding-bottom: 120px; */
	
	border-left: 4px solid #9671f2;
}
#page .page-container {
	min-height: calc(100vh - 174px);
}
#page.closed {
	width: 100%;
}
#page.closed > .padding-lr-30 {
	padding-right: 0;
}
input[type="checkbox"] {
	min-width: 20px;
}
.checkbox-group {
	border: 1px solid var(--color-lightgray);
	margin: 5px 0;
	padding: 5px;
}
.checkbox-group label {
	display: block;
}
.checkbox-group table td {
	padding: 3px 10px;
	font-size: 20px;
}
.history-note {
	background: var(--color-white);
	padding: 2px 5px;
	border: 1px dashed var(--color-black);
	margin-bottom: 5px;
	transition: all .2s linear;
	border-radius: 5px;
}
.history-note.mail-note {
	background: var(--color-dark-white);
}
.history-note:hover {
	border-style: solid;
	z-index: 1;
	position: relative;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	transition: all .2s linear;
}
.history-note.important-note {
	background: var(--color-light-red);
}
.history-note p {
	font-size: 14px;
}
.history-date,
.history-admin {
	font-weight: bold;
	margin-top: 5px;
	display: inline-block;
}
.history-admin .comment-img {
	width: 20px;
	height: 20px;
}
.history-course {
	border-bottom: 1px dashed;
	margin-bottom: 5px;
	color: var(--color-main-blue);
}
.history-date {
	color: var(--color-gray);
}
.history-note form {
	display: inline-block;
}
.history-note form button {
	background: transparent;
	border: none;
	cursor: pointer;
}
.history-note p i {
	font-size: 15px;
	margin-right: 0px;
}
.history-author {
	float: left;
	font-size: 14px;
}
.history-actions {
	float: right;
}
.fl-full {
	width: 100%;
	float: none;
}
.history-tabs {
	display: flex;
	margin-bottom: 10px;
}
.history-tab {
	flex: 1;
	text-align: center;
	background: var(--color-sec-ice);
	border: 2px solid var(--color-sec-blue);
	padding: 2px;
	cursor: pointer;
	color: var(--color-black);
}
.history-tab:hover,
.history-tab.active {
	background: var(--color-sec-blue);
	color: var(--color-white);
}
.loading {
	/* filter: grayscale(1); */
	/* opacity: 0.2; */
	animation: goGray .5s infinite alternate;
}

@keyframes goGray{
	0%{
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		opacity: 0.8;
	}
	100%{
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		opacity: 0.2;
	}
}

.copy_link {
	color: var(--color-main-yellow);
	display: inline-block;
	cursor: pointer;
}
.help_pages {
	position: fixed;
	top: 2px;
	right: 2px;
	width: 22px;
}
.help_page {
	width: 18px;
	height: 18px;
	margin: 2px;
	background: var(--color-main-orange);
	color: var(--color-black);
	font-size: 12px;
	border-radius: 10px;
	border: 2px solid var(--color-black);
	display: inline-block;
	text-align: center;
	line-height: 14px;
	cursor: pointer;
}
.food-button i {
	margin: 5px 0 0 0;
}
.food-button.no-food .green {
	display: none;
}
.food-button.food .red {
	display: none;
}
.declined {
	text-decoration: line-through;
}
.hours-boxes label,
.hours-boxes input[type="checkbox"] + label {
	display: inline-block;
	border: 2px solid var(--color-lightgray);
	margin: 3px 1px;
	padding: 5px;
	border-radius: 5px;
	color: var(--color-lightgray);
	width: auto;
	transition: all .2s ease-in-out;
	cursor: pointer;
}
.hours-boxes input[type="checkbox"]:checked + label {
	color: var(--color-main-green);
	border-color: var(--color-main-green);
}
.hours-boxes label.red {
	border-color: var(--color-main-red);
	color: var(--color-main-red);
	cursor: no-drop;
}
.hours-boxes label.pink {
	border-color: pink;
	color: pink;
	cursor: no-drop;
}
.highlight {
	background: var(--color-light-red);
}
#hide-errors .show-word {
	display: none;
}
#hide-errors.hidden-error .show-word {
	display: inline;
}
#hide-errors.hidden-error .hide-word {
	display: none;
}
.login-data div {
	margin: 3px 0;
	font-weight: 700;
}
.login-data small {
	font-weight: 400;
	display: inline-block;
}
.history-note.sub-note {
	margin-top: -7px;
	margin-left: 30px;
	margin-right: -3px;
	border-radius: 0 0 5px 5px;
}
.jconfirm-content .history-note.sub-note {
	margin-right: 0;
}
.small-bubble {
	background: var(--color-gray);
	color: var(--color-white);
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	margin: 2px;
	text-align: center;
	border-radius: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
}
.gray-bg,
.past-bubble {
	background: var(--color-lightgray);
}
table.table-items-small-text tbody td {
	font-size: 12px;
}
.history-note.today-note {
	border: 2px dashed var(--color-main-green);
}
.history-note.today-note:hover {
	border-style: solid;
}


.history-note.missed-note {
	border: 2px dashed var(--color-main-red);
}
.bottom-buttons.right {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.title-img {
	max-width: 50px;
	float: left;
	margin-right: 5px;
}
.title-img a {
	margin: 0;
}
.shadowed-box {
	box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
}
/* .shadowed-box:hover { */
	/* -webkit-box-shadow: 0px 0px 20px 0px var(--color-main-blue); */
	/* -moz-box-shadow: 0px 0px 20px 0px var(--color-main-blue); */
	/* box-shadow: 0px 0px 20px 0px var(--color-main-blue); */
/* } */
.highlight-box {
	left: 10px;
	top: -5px;
	box-shadow: -10px 10px 0px 0px var(--color-black) !important;
}
.highlight-box:hover {
	left: 10px;
	top: -5px;
	box-shadow: -10px 10px 0px 0px var(--color-main-blue) !important;
}
.no-meat {
	position: relative;
	display: inline-block;
}
/* .no-meat::before { */
	/* font-family: "Font Awesome 5 Free"; */
	/* font-weight: 900; */
	/* content: "\f00d"; */
	/* color: #ff0000; */
	/* font-size: 26px; */
	/* position: absolute; */
	/* left: -4px; */
	/* top: -11px; */
	/* width: 30px; */
	/* text-align: center; */
/* } */
.no-meat::before,
.no-meat::after {
	content: '';
	position: absolute;
	width: 26px;
	height: 3px;
	background-color: var(--color-main-red);
	border-radius: 2px;
	top: 8px;
	left: -2px;
	box-shadow: 0 0 2px 0 var(--color-lightgray);
}

.no-meat::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.no-meat::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.nowrap {
	white-space: nowrap;
}
.table-title {
	border-top: 2px solid darkgray;
}
.text-right {
	text-align: right;
}
.bubble {
	display: inline-block;
	color: var(--color-white);
	background: var(--color-main-red);
	border-radius: 50%;
	min-width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	top: -10px;
	position: relative;
	padding: 0 2px;
}
.favourite_video {
	box-shadow: var(--color-gold);
	box-shadow: 0px 0px 10px 0px rgba(255, 227, 0, 1);
}
.button-border {
	--x: 50%;
	--y: 50%;
	
	position: relative;
	appearance: none;
	padding: 20px 30px;
	color: var(--color-white);
	cursor: pointer;
	outline: none;
	border-radius: 100px;
	

	border: 2px solid transparent;
	background: linear-gradient(var(--color-black), var(--color-black)) padding-box, radial-gradient(farthest-corner at var(--x) var(--y), #00C9A7, #845EC2) border-box;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
.doctors-circle {
	border: 2px solid var(--color-gray);
	padding: 3px;
	margin-right: 5px;
	border-radius: 15px;
	font-weight: bold;
	color: var(--color-gray);
	display: inline-block;
	text-align: center;
	font-size: 12px;
	min-width: 23px;
	min-height: 23px;
	vertical-align: middle;
}
.box .action-small {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	margin-bottom: 0;
	left: 0px;
	right: 0px;
	background: var(--color-main-blue);
	border-radius: 0 0 5px 5px;
	text-align: center;
}
.date-bubble {
	background: var(--color-gray);
	color: var(--color-white);
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	margin: 2px;
	text-align: center;
	border-radius: 10px;
	line-height: 15px;
	padding: 2px 4px;
	cursor: pointer;
}
.date-bubble.orange {
	background: var(--color-main-orange);
}
.table-items tbody .user-status-3 td .orange {
	color: var(--color-hot-pink);
}
#newsletter-board > :not(form) a {
	outline: 2px dashed lime;
}
#newsletter-board a.highlight-link {
	outline: 2px solid var(--color-main-red);
}
.filter li.consultations-submenu-item,
.filter li.markers-submenu-item,
.filter li.contacts-submenu-item,
.filter li.courses-submenu-item,
.filter li.doctors-submenu-item,
.filter li.video-submenu-item,
.filter li.templates-submenu-item,
.filter li.borica-submenu-item,
.filter li.ads-submenu-item {
	display: none;
}
.filter li.consultations-submenu-item.open,
.filter li.markers-submenu-item.open,
.filter li.contacts-submenu-item.open,
.filter li.courses-submenu-item.open,
.filter li.doctors-submenu-item.open,
.filter li.video-submenu-item.open,
.filter li.templates-submenu-item.open,
.filter li.borica-submenu-item.open,
.filter li.ads-submenu-item.open {
	display: block;
}
.small-form input, 
.small-form textarea, 
.small-form select {
	min-width: auto;
	width: 100%;
	margin-left: 0;
}
.fa-caret-down {
	transition: all .3s linear;
}
.hide-carret .fa-caret-down {
	transform: scaleY(-1);
	transition: all .3s linear;
}
input.error {
	border: 2px solid var(--color-main-red);
}
#total_sum_total {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
.jconfirm-box-container {
	width: calc(100% - 20px);
	max-width: 480px;
	margin: 0 auto;
}
.jconfirm-box-container.view-incoive-block {
	max-width: 780px;
}
.jconfirm-box-container.view-admin_log-block {
	max-width: calc(100% - 20px);
}
.jc-bs3-container.container {
	max-width: none;
}
.course_sum_field {
	display: none;
}
/* CALENDAR START */
.course-box-title-angle {
	font-weight: 900;
	position: absolute;
	right: 10px;
	/* top: calc(50% - 10px); */
	top: 40px;
	display: block;
	font-size: 30px;
	color: var(--color-light-blue);
}
.course-box-title-date {
	color: var(--color-light-blue);
	line-height: 16px;
	width: 80px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
.course-box-day.short-format {
	font-size: 25px;
}
.course-box-title-href {
	width: calc(100% - 80px);
	margin-left: 10px;
	float: left;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	
	/* height: 80px; */
	/* overflow: hidden; */
}
.course-box-month {
	font-size: 20px;
	line-height: 27px;
}
.course-box-year {
	font-size: 20px;
	line-height: 22px;
}
#calendar2 {
	background: var(--color-white);
}
#calendar2 h2 {
	font-size: 40px;
	padding: 10px;
}
#calendar2 a {
	color: var(--color-white);
	text-decoration: underline;
}
#calendar2 h2 a {
	color: var(--color-gray);
	text-decoration: none;
	font-size: 80%;
	vertical-align: top;
	line-height: 44px;
}
.cal_month {
	float: left;
	width: calc(25% - 10px);
	border: 5px solid var(--color-white);
	position: relative;
}
.cal_month:nth-child(4n+1) {
	clear: both;
}
.cal_day {
	float: left;
	width: calc(100% / 7);
	height: 50px;
	border: 1px solid var(--color-white);
	position: relative;
	transition: all .3s linear;
}
.cal_day_body {
	clear: both;
	overflow: hidden;
}
.cal_day_body:nth-child(2n) .cal_day {
	background: #f2f2f2;
}
.cal_day_body:nth-child(2n+1) .cal_day {
	background: #dfdfdf;
}
.cal_day_head {
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}
.cal_day_num {
	font-size: 12px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 2;
	/* font-weight: bold; */
}
.cal_day_num.calendar-other-event.shown-event {
	color: var(--color-white);
	background: var(--color-main-red);
	padding: 0 2px;
	font-weight: bold;
	z-index: 9;
	cursor: pointer;
	
}
.cal_day_num.calendar-other-event.shown-event:hover {
	color: #fb0000;
	background: pink;
	transition: all .3s linear;
}
.cal_day.no_day {
	background: var(--color-white) !important;
}
.cal_day_head .cal_day {
	height: 25px;
	line-height: 25px;
}
.cal_day.end_day {
	background: #dfdfdf;
	background: linear-gradient(to bottom left,#0000 49%,#dfdfdf ,#0000 51%) !important;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.cal_month h3 {
	margin: 10px 0;
	background: none;
	font-size: 25px;
	color: var(--color-black);
}
.cal_month.cal_month_today h3 {
	color: var(--color-main-red);
	font-weight: bold;
}
.cal_day_event_time {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 10px;
	text-align: center;
	/* font-weight: bold; */
}
.cal_day_event_items {
	position: absolute;
	bottom: -5px;
	right: -5px;
	font-size: 12px;
	color: var(--color-white);
	background: #0034ff;
	padding: 2px 4px;
	border-radius: 20px;
	text-align: center;
	font-weight: bold;
	min-width: 20px;
}

.full-consultations,
.full-consultations .cal_day_content .course-box-title-date {
	color: #b9b9b9;
}
.full-consultations small {
	color: var(--color-white);
}
.gray-white-event {
	background: #555555;
	color: var(--color-white);
	border: 1px solid #555555;
}
.gray-gold-event {
	background: var(--color-white);
	color: #d4af37;
	border: 1px solid #555555;
}
.cal_day_event {
	line-height: 50px;
	text-align: center;
	/* width: 45px; */
	width: auto;
	display: block;
	/* font-weight: bold; */
	font-size: 18px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
}
.cal_day_event.cal_day_event-2 {
	line-height: 25px;
	font-size: 15px;
}
.cal_day_event.cal_day_event-3 {
	line-height: 17px;
	font-size: 14px;
}
.cal_day_event.cal_day_event-4 {
	float: left;
	width: 50%;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
}
.cal_day.event-finish {
	border-left-color: transparent;
	cursor: pointer;
}
.cal_day.event-continue {
	border-left-color: transparent;
	border-right-color: transparent;
	cursor: pointer;
}
.cal_day.event-start {
	border-right-color: transparent;
	cursor: pointer;
}
.cal_day_body .cal_day.cal_day_today.opened ,
.cal_day.opened {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	z-index: 10;
	cursor: default;
}
.cal_day.closed {
	inset: unset !important;
	top: 0 !important;
}
.cal_day.opened .cal_day_num,
.cal_day.opened .cal_day_event_time,
.cal_day.opened .cal_day_event {
	display: none;
}
.cal_day_content {
	display: none;
	/* padding: 17px; */
	
	overflow-y: auto;
	height: 100%;
}
.cal_day_content .course-box-title-date {
	color: var(--color-white);
}
#calendar2 .calendar-event-color-white a,
.calendar-event-color-white .cal_day_content .course-box-title-date {
	color: var(--color-black);
}
.cal_day_content img {
	height: 70px;
	width: auto;
	margin: 20px 0 0;
	border-radius: 10px;
}
.cal_day_content a:hover {
	text-decoration: underline;
}
#calendar-legend {
	margin-top: 40px;
	text-align: center;
}
#calendar-legend > div {
	display: inline-block;
}
#calendar-legend > div > div {
	padding: 5px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	display: inline-block;
}
#calendar-legend > div > div:first-child {
	border-radius: 15px 0 0 15px;
}
#calendar-legend > div > div:last-child {
	border-radius: 0 15px 15px 0;
}
.not-active,
.not-active .cal_day_content .course-box-title-date {
	color: #ff7171;
}
.add_new_event {
	cursor: pointer;
	opacity: 0;
	transition: all .1s linear;
}
.add_new_event:hover {
	opacity: 1;
	transition: all .2s linear;
}
.calendar-event .cal_day_content {
	padding: 0;
}
.cal_day_content_part,
.calendar-event .cal_day_content_part { 
	padding: 17px;
	position: relative;
}
#calendar2 .top-left {
	position: absolute;
	top: 2px;
	left: 4px;
	cursor: pointer;
}
#calendar2 .top-right {
	position: absolute;
	top: 2px;
	right: 10px;
	cursor: pointer;
	z-index: 3;
}
#calendar2 .bottom-right {
	position: absolute;
	bottom: 2px;
	right: 10px;
	cursor: pointer;
	z-index: 3;
}
#calendar2 .bottom-left {
	position: absolute;
	bottom: 2px;
	left: 4px;
	cursor: pointer;
}
.jconfirm-buttons {
	width: 100%;
}
.btn.float-left {
	float: left;
}
.btn.float-right {
	float: right;
}
#add_note {
	display: inline-block;
	cursor: pointer;
}
#cal_note {
	max-height: 0px;
	padding: 0;
	border: none;
}
#cal_note.shown {
	max-height: 200px;
	height: 100px;
	padding: 5px;
	border: 1px solid var(--color-black);
	transition: all .3s linear;
}
.not-found {
	display: none;
}
.ui-widget.ui-widget-content.ui-autocomplete {
	font-family: inherit;
	font-size: 12px;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 500px;
}
.clear-icon-button {
	background: none;
	border: none;
	cursor: pointer;
}
.clear-icon-button i {
	font-size: 20px;
	vertical-align: middle;
}
.raters-table { display: table; } 
.raters-table > * { display: table-row; }
.raters-table > * > * { display: table-cell; padding: 3px 10px; font-size: 14px;} 

input[readonly] {
	background: var(--color-dark-white);
	border: 1px solid #8f8f9d;
	border-radius: 5px;
}
#patient_field {
	min-width: auto;
}
#patients_list {
	display: none;
	position: absolute;
	background: var(--color-white);
	z-index: 1;
	width: auto;
	border: 1px solid;
	left: 0px;
	max-height: 790px;
	overflow: scroll;
}
.patient_box {
	border-bottom: 2px dashed;
	min-height: 30px;
	line-height: 30px;
}
.filter li .patient_box a {
	padding: 0 3px;
	font-size: 12px;
}
.patient_box.active {
	background: #e4ffea;
}
.patinet_img {
	display: inline-block;
	width: 30px;
	margin-right: 3px;
}
.user_status {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 2px solid;
	border-radius: 20px;
	vertical-align: middle;
	margin: 2px;
}
.cal_day_image img {
	margin: 0;
	border-radius: 5px;
	cursor: zoom-in;
}
.cal_day_image {
	display: inline-block;
	vertical-align: text-top;
}
.red-dashed-border {
	border: 2px dashed var(--color-main-red);
}






.cal_day_body .cal_day.cal_day_today {
	border: 2px solid var(--color-main-red) !important;
	height: 48px;
	width: calc(100% / 7 - 2px);
	margin: 1px;
}
.cal_day_body .cal_day.practical-group-1 {
	background: #74225d;
	color: var(--color-white);
}
.cal_day_body .cal_day.practical-group-2 {
	background: #503ca9;
	color: var(--color-white);
}
.cal_day_body .cal_day.practical-group-3 {
	background: #812889;
	color: var(--color-white);
}
.cal_day_body .cal_day.consultation-event {
	background: #c23f9d;
	color: var(--color-white);
	border: 1px solid #c23f9d;
}
.cal_day_body .cal_day.theoretical-event {
	background: #026677;
	color: var(--color-white);
	border: 1px solid #026677;
}
.cal_day_body .cal_day.webinar-event {
	background: #02adc3;
	color: var(--color-white);
	border: 1px solid #02adc3;
}
.cal_day_body .cal_day.vacation-event {
	background: #28a745;
	color: var(--color-white);
	border: 1px solid #28a745;
}

.cal_day_body .cal_day.automatic-event {
	background: #008fe6;
	color: var(--color-white);
	border: 2px solid lime;
}
.cal_day_body .cal_day.automatic-event.no-automatic-border {
	border-color: #ffa9b1;
}
.cal_day_body .cal_day.automatic-event.cal_day_today {
	border: 2px solid var(--color-main-red);
}
.cal_day_body .cal_day.practical-group-1.automatic-event {
	background: #008fe6;
	color: var(--color-white);
}
.cal_day_body .cal_day.practical-group-2.automatic-event {
	background: #008fe6;
	color: var(--color-white);
}
.cal_day_body .cal_day.practical-group-3.automatic-event {
	background: #008fe6;
	color: var(--color-white);
}
.cal_day_body .cal_day.consultation-event.automatic-event {
	background: #008fe6;
	color: var(--color-white);
}
.cal_day_body .cal_day.theoretical-event.automatic-event {
	background: #008fe6;
	color: var(--color-white);
}
.cal_day_body .cal_day.not-active.automatic-event .cal_day_content .course-box-title-date {
	color: var(--color-white);
}
.cal_day_body .cal_day.automatic-event.no-automatic-border {
	border-color: transparent;
	background: var(--color-lightgray);
	color: var(--color-black);
}
.calendar-event-color-blue,
.cal_day_body .cal_day.calendar-event-color-blue {
	background: #007bff;
	color: var(--color-white);
}
.calendar-event-color-purple,
.cal_day_body .cal_day.calendar-event-color-purple {
	background: #6f42c1;
	color: var(--color-white);
}
.calendar-event-color-pink,
.cal_day_body .cal_day.calendar-event-color-pink {
	background: #e83e8c;
	color: var(--color-white);
}
.calendar-event-color-darkpink,
.cal_day_body .cal_day.calendar-event-color-darkpink {
	background: #c23f9d;
	color: var(--color-white);
}
.calendar-event-color-seablue,
.cal_day_body .cal_day.calendar-event-color-seablue {
	background: #02adc3;
	color: var(--color-white);
}
.calendar-event-color-red,
.cal_day_body .cal_day.calendar-event-color-red {
	background: #dc3545;
	color: var(--color-white);
}
.calendar-event-color-orange,
.cal_day_body .cal_day.calendar-event-color-orange {
	background: #f88c00;
	color: var(--color-white);
}
.calendar-event-color-yellow,
.cal_day_body .cal_day.calendar-event-color-yellow {
	background: var(--color-main-yellow);
	color: var(--color-white);
}
.calendar-event-color-green,
.cal_day_body .cal_day.calendar-event-color-green {
	background: #28a745;
	color: var(--color-white);
}
.calendar-event-color-cyan,
.cal_day_body .cal_day.calendar-event-color-cyan {
	background: #17a2b8;
	color: var(--color-white);
}
.calendar-event-color-brown,
.cal_day_body .cal_day.calendar-event-color-brown {
	background: #932a2a;
	color: var(--color-white);
}
.calendar-event-color-white,
.cal_day_body .cal_day.calendar-event-color-white {
	background: var(--color-white);
	color: var(--color-black);
}
.calendar-event-color-gray,
.cal_day_body .cal_day.calendar-event-color-gray {
	background: #6c757d;
	color: var(--color-white);
}
.cal_day_body:nth-child(2n) .cal_day .calendar-event-color-lightgray,
.cal_day_body:nth-child(2n) .cal_day .cal_day_body .cal_day.calendar-event-color-lightgray {
	background: #f2f2f2;
	color: var(--color-black);
}
.cal_day_body:nth-child(2n+1) .cal_day .calendar-event-color-lightgray,
.cal_day_body:nth-child(2n+1) .cal_day .cal_day_body .cal_day.calendar-event-color-lightgray {
	background: #dfdfdf;
	color: var(--color-black);
}
.calendar-event-color-black,
.cal_day_body .cal_day.calendar-event-color-black {
	background: #343a40;
	color: var(--color-white);
}

.calendar-event-shape-1 {
	background-image: url('heart.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.calendar-event-shape-2 {
	background-image: url('star.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}




@media only screen and (max-width:1250px) {
	.cal_month {
		width: calc(50% - 10px);
	}
}
@media only screen and (max-width:620px) {
	.cal_month {
		width: 100%;
	}
}
/* CALENDAR END */

.help-ticket {
	margin: 5px 0 25px;
	background: var(--color-white);
	position: relative;
	border-radius: 10px;
}
.help-ticket img {
	width: auto;
}
.help-content {
	padding: 5px;
	background: var(--color-white);
}
.help-keywords {
	padding: 5px;
	border-top: 2px solid var(--color-main-blue);
	font-size: 12px;
}
.help-content h3 {
	background: var(--color-light-blue);
	margin: 20px 0 10px;
}
#newsletter-board table td {
	padding: 0;
}
.select-doctor {
	display: inline-block;
	width: 30px;
	position: relative;
}
.select-doctor .send_mail_checkbox {
	display: none;
}
.select-doctor i {
	color: var(--color-main-green);
}
.select-doctor .send_mail_checkbox:checked + i::after {
	content: '\2713';
	display: inline-block;
	color: #ff7b7b;
	position: absolute;
	left: 5px;
	font-size: 33px;
	top: -6px;
	font-weight: bold;
	text-shadow: 3px 2px 3px rgb(45, 45, 45);
}
.dolly {
	background: url('../dolly.png');
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: cover;
	vertical-align: middle;
	
	position: absolute;
	top: 6px;
	left: 6px;
}
.dolly-16 {
	background: url('../dolly.png');
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: cover;
	vertical-align: middle;
}
.statistics {
	background: var(--color-gradient);
	position: relative;
	font-size: 12px;
	padding: 15px 5px;
	color: var(--color-white);
}
.statistics::after {
	position: absolute;
	content: 'Dolly';
	top: 3px;
	font-size: 12px;
	font-weight: bold;
	color: var(--color-main-ice);
	background-image: url('../dolly.png');
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	right: 0;
	left: calc(100% - 130px);
	background-position: right, top;
}

.container-full:after,
#main::after {
	content: ' ';
	display: block;
	float: none;
	clear: both;
}
.big-icons i {
	font-size: 25px;
	line-height: 33px;
}
#main {
	/* background: url('../dolly/bg.jpg') no-repeat; */
	background: #f4f5fa;
	/* background-size: cover; */
	/* background-attachment: fixed; */
	min-height: calc(100vh - 90px);
}
.table-items {
	background: var(--color-dark-white);
	color: var(--color-black);
}
.table-items ul {
	margin: 0;
	padding-left: 10px;
}
form {
	/* background: #fdfdfd; */
	margin-bottom: 20px;
}
.history-actions form {
	margin-bottom: 2px;
}
.solid-bg {
	margin-left: 15px;
	background: var(--color-dark-white);
	margin-bottom: 15px;
}
.webpushr-notification-img {
	width: auto;
	height: auto;
}
.table-with-actions tr.visible {
	display: table-row;
}
.table-with-actions tbody tr {
	display: none;
}
.google-data-row,
.dolly-data-row {
	display: none;
}
.google-data-row.shown,
.dolly-data-row.shown {
	display: table-row;
}
.title-row td {
	background: var(--color-gray) !important;
	color: var(--color-white) !important;
}
.title-row .green {
	color: var(--color-sec-green);
}

.category-template {
	display: none;
}
.category-template.showed {
	display: inline-block;
}

.history_notes_button {
	cursor: pointer;
}
.history_notes_button i {
	margin-left: 7px;
	margin-right: 3px;
	font-size: 15px;
	vertical-align: middle;
}
.history_notes_button .doctors-circle {
	font-size: 10px;
	padding: 1px;
	min-width: 18px;
	min-height: 18px;
	vertical-align: middle;
}

.next-course-box {
	width: calc(100% - 25px);
	margin-left: 10px;
}
.next-course-box .title {
	font-size: 14px;
	padding-top: 5px;
}
.filter li .next-course-box a {
	display: inline-block;
	color: var(--color-white);
	padding: 4px;
	min-width: 30px;
	min-height: 30px;
}

/* DOCTORS CONTEXT MENU */
.custom-context-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid var(--color-lightgray);
    background: var(--color-white);
    border-radius: 5px;
    padding: 0;
}
.custom-context-menu li {
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}
.custom-context-menu li:hover {
    background-color: var(--color-sec-ice);
}
.custom-context-menu a > i {
	width: 22px;
	margin-right: 10px;
	text-align: center;
	display: inline-block !important;
}
.custom-context-menu li a {
	display: inline-block;
	padding: 8px 12px;
	color: var(--color-gray);
	width: calc(100% - 44px);
}
.custom-context-menu li a.in-new-tab {
	width: 40px;
	display: none;
}
.custom-context-menu li:hover a {
	color: var(--color-main-blue);
	text-decoration: underline;
	display: inline-block;
}
.custom-context-menu ul {
	margin: 0;
	padding: 0;
	float: left;
	min-width: 230px;
}
.custom-context-menu-title {
	font-size: 16px;
	text-align: center;
	padding: 5px;
	background: var(--color-main-blue);
	color: var(--color-white);
}
.custom-context-menu > div > div {
	float: left;
	max-width: 200px;
	font-size: 12px;
	line-height: 17px;
}
.custom-context-menu .title-img {
	max-width: 100%;
	margin: 0 0 10px 0;
}

/* END DOCTORS CONTEXT MENU */

/* FLEX */
.fx {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	width: 100%;
}

.fx .fl-12 {
	--columns: 1;
}
.fx .fl-11 {
	--columns: calc(12/11);
}
.fx .fl-10 {
	--columns: 1.2;
}
.fx .fl-9 {
	--columns: calc(12/9);
}
.fx .fl-8 {
	--columns: 1.5;
}
.fx .fl-7 {
	--columns: calc(12/7);
}
.fx .fl-6 {
	--columns: 2;
}
.fx .fl-5 {
	--columns: 2.4;
}
.fx .fl-4 {
	--columns: 3;
}
.fx .fl-3 {
	--columns: 4;
}
.fx .fl-2 {
	--columns: 6;
}
.fx .fl-1 {
	--columns: 12;
}
.fx [class^='fl-'],
.fx [class*=' fl-'] {
	flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap)/var(--columns)));
	max-width: calc((100% / var(--columns)) - var(--gap) + (var(--gap)/var(--columns)));
}

.fx.fx-middle {
	align-items: center;
	height: 100%;
}
.fx.fx-center {
	justify-content: center;
}
.fx .fx-bottom {
	align-self: flex-end;
}
.fx-reverse {
	flex-direction: row-reverse;
}
/* FLEX END */

.page-100vh {
	height: calc(100vh - 175px);
	overflow: scroll;
	position: relative;
}
#menu.closed h3 {
	display: none;
}

.payment_sums i {
	line-height: 39px;
	vertical-align: inherit;
}
.payment_sums button i {
	line-height: inherit;
}
.payment_sums input[type="submit"] {
	min-width: auto;
	width: auto;
}
.payment_sums input[type="number"] {
	behavior: auto;
	-webkit-appearance: textfield;
}
.payment_sums form {
	margin: 0;
}
.box:has(.bottom) {
	padding-bottom: 40px;
}
.box .bottom {
	position: absolute;
	bottom: 0px;
	right: 5px;
	left: 5px;
	height: 40px;
}
.orange-date {
	background: var(--color-main-orange);
	color: white;
	font-weight: bold;
}
.red-date {
	background: var(--color-main-red);
	color: white;
	font-weight: bold;
}
.pb-40 {
	padding-bottom: 40px;
}
.view_admin_log {
	float: right;
	color: #7b88f5;
}
#npi {
	max-width: calc(100% - 10px);
}
body.no-scroll {
	height: 100vh;
	overflow-y: hidden;
}

@media print {
	h3 {
		color: var(--color-black);
	}
	.new-page {
		page-break-before: always;
		break-before: always;
		page-break-after: always;
		break-after: always;
		clear: both;
	}
	/* .new-page:first-child { */
		/* page-break-before: avoid; */
		/* break-before: avoid; */
	/* } */
    .no-print, .no-print * {
        display: none !important;
    }
	input, select, textarea, button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
	}
	table, td {
		border: 1pt solid var(--color-lightgray);
		border-collapse: separate;
		border-spacing: 0;
	}
	.table-items td {
		font-size: 11px;
	}
	.fl-33,
	.fl-50,
	.fl--300p,
	.fl-300p {
		width: 100%;
	}
}
@media only screen and (max-width:900px) {
	
}
@media only screen and (max-width:668px) {
	.fl-210p, .fl--210p, .fl-200p, .fl--200p, .fl-300p, .fl--300p, .fl-16, .fl-40, .fl-50, .fl-60, .fl-500p, .fl--500p, .fl-25, .fl-33, .new-comment {
		width: 100%;
	}
	.container-full {
		margin: 0;
		width: 100%;
	}
	#menu {
		max-width: 670px;
		position: relative;
	}
	#page {
		margin-top: 50px;
	}
	.padding-lr-30,
	#page.closed > .padding-lr-30 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.box {
		width: calc(100% - 10px);
		height: auto !important;
	}
	.box.mini-box {
		width: calc(50% - 10px);
		min-height: auto;
	}
	input, textarea, select {
		margin-left: 10px;
		padding: 5px;
		font-size: 15px;
		min-width: 190px;
		font-family: Montserrat;
		max-width: 190px;
		border-radius: 0;
		background: var(--color-white);
	}
	h3 span a {
		width: calc(33% - 14px);
		font-size: 11px;
		margin-bottom: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	input {
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type="checkbox"] {
		min-width: 20px;
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox;
		appearance: checkbox;
		height: 20px;
	}
	.on-desktop {
		display: none;
	}
	table td {
		font-size: 12px;
	}
	.items {
		overflow: scroll;
	}
	.table-items.history-table thead tr,
	.table-items.calls-table thead tr,
	.table-items.serbian-payment-table thead tr,
	.table-items.video-payment-table thead tr,
	.table-items.webinar-payment-table thead tr,
	.table-items.invoices-table thead tr,
	.table-items.constation-table thead tr {
		background: #b0b0b0;
	}
	table.history-table tr,
	table.constation-table tr {
		display: block;
		overflow: hidden;
		border: 1px solid var(--color-gray);
		background: #e9e9e9;
	}
	table.constation-table tr.past-consultation {
		background: #c1c1c1;
	}
	.history-table.table-items td,
	.calls-table.table-items td,
	.serbian-payment-table.table-items td,
	.video-payment-table.table-items td,
	.webinar-payment-table.table-items td,
	.invoices-table.table-items td,
	.constation-table.table-items td {
		float: left;
	}
	.constation-table.table-items td:nth-child(1), .constation-table.table-items td:nth-child(2), .constation-table.table-items td:nth-child(3) {
		background: #a9a9ff;
		width: calc(100% / 3) !important;
		text-align: center;
	}
	.constation-table.table-items td:nth-child(4) {
		clear: both;
		width: 100% !important;
		text-align: center;
	}
	.constation-table.table-items td:nth-child(5), .constation-table.table-items td:nth-child(6), .constation-table.table-items td:nth-child(7), .constation-table.table-items td:nth-child(8), .constation-table.table-items td:nth-child(9), .constation-table.table-items td:nth-child(10) {
		width: 33% !important;
	}
	.constation-table.table-items td:nth-child(5), .constation-table.table-items td:nth-child(8) {
		clear: both;
	}
	.asistenst-table {
		width: 100%;
	}
	.asistenst-table td {
		display: block;
		text-align: center;
	}
	.asistent-box {
		float: left;
		width: 50%;
	}
	.asistent-box:nth-child(2n+1) {
		clear: both;
	}
	.asistent-box .pad-15 {
		padding: 6px;
	}
	.task {
		font-size: 11px;
	}
	.box.box-web .action {
		position: relative;
	}

	.history-table.table-items td:nth-child(1) {
		width: 30px;
	}
	.history-table.table-items td:nth-child(2) {
		width: calc(100% - 30px);
	}
	.history-table.table-items td:nth-child(3),
	.history-table.table-items td:nth-child(4),
	.history-table.table-items td:nth-child(5) {
		width: 100% !important;
	}
	.history-table.table-items td:nth-child(5),
	.calls-table.table-items td:nth-child(5) {
		text-align: right;
	}
	.history-table input[type="checkbox"] {
		min-width: 20px;
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox;
		appearance: checkbox;
		width: 10px;
		height: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	#note {
		width: 100%;
		max-width: none;
	}
	.calls-table.table-items td:nth-child(1) {
		width: 100% !important;
	}
	.calls-table.table-items td:nth-child(2) {
		width: calc(100% - 80px);
	}
	.calls-table.table-items td:nth-child(3) {
		width: 80px;
	}
	.calls-table.table-items td:nth-child(4),
	.calls-table.table-items td:nth-child(5) {
		width: 100% !important;
	}
	.calls-table .email {
		display: none;
	}
	
	.invoices-table.table-items td:nth-child(1),
	.invoices-table.table-items td:nth-child(2),
	.invoices-table.table-items td:nth-child(5) {
		width: 50%;
	}
	.invoices-table.table-items td:nth-child(3),
	.invoices-table.table-items td:nth-child(4) {
		width: 100% !important;
	}
	.invoices-table.table-items td:nth-child(6),
	.invoices-table.table-items td:nth-child(7) {
		width: 25% !important;
		min-height: 45px;
	}
	.invoices-table.table-items td:nth-child(5) {
		min-height: 45px;
	}
	.invoices-table .action {
		margin: 0;
	}
	.invoices-table .action a {
		margin: 0;
		min-width: auto;
		min-height: auto;
		width: 25px;
		padding: 2px;
	}
	
	.serbian-payment-table.table-items td:nth-child(1) {
		width: 60px;
	}
	.serbian-payment-table.table-items td:nth-child(2) {
		width: calc(100% - 60px) !important;
	}
	.serbian-payment-table.table-items td:nth-child(3),
	.serbian-payment-table.table-items td:nth-child(4),
	.serbian-payment-table.table-items td:nth-child(5) {
		width: 100% !important;
	}
	.serbian-payment-table.table-items td:nth-child(6),
	.serbian-payment-table.table-items td:nth-child(7) {
		width: 50% !important;
	}
	.serbian-payment-table.table-items td:nth-child(8),
	.serbian-payment-table.table-items td:nth-child(9) {
		width: calc((100% - 80px) / 2);
	}
	.serbian-payment-table.table-items td:nth-child(10) {
		width: 80px;
	}
	
	.video-payment-table.table-items td:nth-child(1) {
		width: 60px;
	}
	.video-payment-table.table-items td:nth-child(2) {
		width: calc(100% - 60px) !important;
	}
	.video-payment-table.table-items td:nth-child(3) {
		width: 100% !important;
	}
	.video-payment-table.table-items td:nth-child(4),
	.video-payment-table.table-items td:nth-child(5) {
		width: 50% !important;
	}
	.video-payment-table.table-items td:nth-child(6),
	.video-payment-table.table-items td:nth-child(7) {
		width: calc((100% - 80px) / 2);
	}
	.video-payment-table.table-items td:nth-child(8) {
		width: 80px;
	}
	
	.webinar-payment-table.table-items td:nth-child(1) {
		width: 60px;
	}
	.webinar-payment-table.table-items td:nth-child(2) {
		width: calc(100% - 60px) !important;
	}
	.webinar-payment-table.table-items td:nth-child(3),
	.webinar-payment-table.table-items td:nth-child(4),
	.webinar-payment-table.table-items td:nth-child(5),
	.webinar-payment-table.table-items td:nth-child(6) {
		width: 25% !important;
	}
	.webinar-payment-table.table-items td:nth-child(7),
	.webinar-payment-table.table-items td:nth-child(8) {
		width: calc((100% - 80px) / 2);
	}
	.webinar-payment-table.table-items td:nth-child(9) {
		width: 80px;
	}
	
	.subcomments {
		margin-left: 5px;
		margin-right: 5px;
	}
	.comment-content {
		padding-right: 0px;
	}
	.commnet-bottom {
		font-size: 11px;
	}
	
	 /* FLEX */
	:root {
		--gap: 12px;
	}
	.fx .m-fl-12 {
		--columns: 1;
	}
	.fx .m-fl-11 {
		--columns: calc(12/11);
	}
	.fx .m-fl-10 {
		--columns: 1.2;
	}
	.fx .m-fl-9 {
		--columns: calc(12/9);
	}
	.fx .m-fl-8 {
		--columns: 1.5;
	}
	.fx .m-fl-7 {
		--columns: calc(12/7);
	}
	.fx .m-fl-6 {
		--columns: 2;
	}
	.fx .m-fl-5 {
		--columns: 2.4;
	}
	.fx .m-fl-4 {
		--columns: 3;
	}
	.fx .m-fl-3 {
		--columns: 4;
	}
	.fx .m-fl-2 {
		--columns: 6;
	}
	.fx .m-fl-1 {
		--columns: 12;
	}
	/* FLEX END */
}