/*
Theme Name: Twenty Sixteen Child
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Text Domain: twentysixteen-child
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,block-patterns
Version: 3.1.1708681402
Updated: 2024-02-23 10:43:22

*/

.select2-container.-acf {
	z-index: unset !important;
}

header {
	position: sticky;
}

.entry-title{
	text-align:center;
}

table {
	table-layout: auto;
}
table input {
	min-width: 50px;
}

.publish{
	width: 180px !important;
}

.search-form {
	margin: 0 auto;
	height: auto;
	padding: 20px;
	background-color: #f0f0f0;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
#upravitButton{
	margin-left: 225px;
}
/* Style for form elements */
.search-form label {
	display: block;
	margin-bottom: 8px;
}

.search-form input[type="text"],
.search-form button {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.search-form button {
	background-color: #4CAF50;
	color: white;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.search-form button:hover {
	background-color: #45a049;
}

#editLink {
	display: inline-block;
	margin: 10px;
	text-decoration: none;
}

.data_text_bold,
.field-title {
	font-weight: bold;
}
.col, .col-3{
text-align: center;
padding-top: 10px;
margin-bottom: 30px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
}

body { background: #fff; }
/* optional Container STYLES */
.chart { height: 90vh; margin: 5px; width: 100vw; }
.Treant > .node {  }
.Treant > p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; }
.node-name { font-weight: bold;}

.nodeExample1 {
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #000;
    width: 150px;
    font-family: Tahoma;
    font-size: 12px;
}

.node-blue {
    background-color: rgb(154, 154, 223);
}

.node-red {
    background-color: rgb(212, 128, 128);
}
.light-gray {
    background-color: #D3D3C7;
}

.pacients-table {
	max-width: 100%;
}

.chart {
    height: auto;
	width: 100%;
}


.site-inner {
	max-width: unset;
}

.site {
	margin: 0;
}

.site-header {
	padding: 0.25em 4.5455%;
	width: 100%;
	background: #eee;
	z-index: 999;
}
@media screen and (min-width: 61.5625em) {
	.site-header {
		position: fixed;
	}
}

.single-pacient .container .col-3 {
	margin-bottom: 2em;
}
.single-pacient .col,
.single-pacient h3 {
	text-align: left;
}

.divider {
    border-top: 3px solid #817474;
    margin: 20px 0;
}
.heading{
	font-size: 20px;
	text-align: center;
	padding-bottom: 50px;
}
.print_header{
	font-size: 16px;
	text-align: center;
	padding-bottom: 20px;
}

.readonly-field input {
    pointer-events: none;
    background-color: #f9f9f9;
}
.download-button {
    display: inline-block;
    padding: 10px 15px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.download-button:hover {
    background-color: #005177;
}

.upravitButton {
    border: none; /* Optional: remove border from button */
    background: none; /* Optional: remove background from button */
    color: inherit; /* Optional: inherit text color */
    cursor: pointer; /* Optional: change cursor on hover */
}

.media-router .media-menu-item {
    color: black;
}

body:not(.custom-background-image):before {
	height: 0;
}

/* login */
.xoo-el-sidebar {
	background-image: none;
	min-width: unset;
}

.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
	background-color: #666;
	color: #ffffff;
}

.pacient-wrapper table th:not(.acf-row-handle) {
	min-width: 4rem;
}

.site-main {
	max-width: 1100px;
	margin: 0 auto;
}
@media screen and (max-width: 1600px) {
	.site-main {
		margin: 0 0 0 auto;
	}
}
@media screen and (max-width: 1300px) {
	.site-main {
		margin: 0 100px 0 100px;
		width: 100%;
	}
}


.site-main > article {
	 margin-bottom: 4.0em;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    margin-top: 15px;
}


.site-info {
	width: 100%;
    text-align: center;
    padding: 10px 0; /* Optional: Adjust the padding for spacing */
    font-size: 14px; /* Optional: Adjust font size */
    position: relative; /* Relative to its normal position */
    margin-top: auto; /* Pushes it to the bottom of the page */
}
.site-footer {
	padding: 0;
}
.site-content {
	min-height: 730px;
	padding-top: 10em;
	word-wrap: unset;
}

.page-template-page-edit-profile form p {
	width: 50%;
	padding: 1rem;
	float: left;
}
.page-template-page-edit-profile form select {
	border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    background: #f7f7f7;
    padding: 9px;
    width: 100%;
}

@media screen and (max-width: 479px) {
	.page-template-page-edit-profile form p {
		width: 100%;
	}
}

@media print {
	.site-main > article {
		 margin-bottom: unset;
	}
	.site-content {
		padding: 2rem;
		padding-top: unset;
	}
	body {
		font-family: Arial, sans-serif;
		color: #000;
		background: none;
		margin: 0;
		padding: 0;
	}
	.pacient-wrapper .button-container {
		display: none;
	}
	.container {
		width: 100%;
		margin: 0 auto;
		page-break-inside: avoid;
	}
	.header {
		text-align: center;
		border-bottom: 1px solid #000;
		font-size: 12px;
		font-weight: bold;
	}
	.heading{
		font-size: 20px;
		text-align: center;
		padding-bottom: 0px;
	}
	.col {
		padding: 10px 0;
		page-break-inside: avoid;
		margin-bottom: 0px;

	}
	.col-3 {
		padding: 10px 0;
		page-break-inside: avoid;
		margin-bottom: 0px;
	}
	.data_text_bold,
	.field-title {
		display: inline-block;
		font-weight: bold;
		margin-right: 10px;
	}
	p {
		display: inline-block;
		margin: 0;
		font-size: 12px;
	}
	p.field-title {
		font-weight: unset;
		font-size: 1rem;
	}
	p.field-value {
		font-weight: bold;
		font-size: 1.1rem;
	}
	p.field-value a {
		color: unset !important;
	}
	.do-not-print {
		display: none;
	}
	.single-pacient .container .col-3 {
		margin-bottom: 0px;
	}
	.divider {
		border-top: 3px solid #817474;
		margin: 0px 0;
	}
}


.old-record{
	background-color: #c17e7ed7;
}
.after-treatment{
	background-color: #7ea6c1d7;
}

/* pacient forms */
/*.pacient-wrapper {
	display: grid;
	grid-template-columns: 16em 1fr;
}*/
@media screen and (min-width: 479px) {
	footer .main-navigation {
		padding-left: 16em;
	}
}

/*.sidebar-pacient {
	width: 22%;
	background-color: #f6f6f6;
	padding: 1em;
	padding-left: 2em;
	position: fixed;
	top: 8em;
	left: 0;
}*/

@media screen and (min-width: 480px) {
	.single-pacient header.entry-header {
		padding-left: 16em;
	}
}

.pacient-navigacia,
.mobile-menu {
	width: 14em;
	background-color: #f6f6f6;
	padding: 1em;
	padding-left: 2em;
	position: fixed;
	top: 14em;
	left: 0;
}
/*@media screen and (min-width: 983px) {
	.pacient-navigacia,
	.mobile-menu {
		top: 7em;
	}
}
@media screen and (min-width: 909px) and (max-width: 982px) {
	.pacient-navigacia,
	.mobile-menu {
		top: 12em;
	}
}
@media screen and (min-width: 301px) and (max-width: 908px) {
	.pacient-navigacia,
	.mobile-menu {
		top: 7em;
	}
}
@media screen and (min-width: 232px) and (max-width: 300px) {
	.pacient-navigacia,
	.mobile-menu {
		top: 11em;
	}
}
@media screen and (max-width: 231px) {
	.pacient-navigacia,
	.mobile-menu {
		top: 12em;
	}
}*/
@media screen and (max-width: 1400px) {
	.sidebar-pacient .mobile-menu {
		display: block !important;
		z-index: 999;
		width: unset;
	}
	.sidebar-pacient .pacient-navigacia {
		display: none;
		width: unset;
	}
}

body.page h1,
.pacient-navigacia h2,
.mobile-menu h2{
	margin: 1rem 0 1rem 0;
	font-size: 1.25rem;
	color: #1a1a1a;
}

.page-template-page-addpacient-php .acf-field-67a38326e6b08,
.page-template-page-editpacient-php .acf-field-67a38326e6b08 {
	display: none;
}

.edit-pacient-form {
	min-width: 0;   /* required so overflow works correctly */
	overflow: auto;
	position: relative;
}

.sidebar-pacient .mobile-menu,
.sidebar-pacient .mobile-menu li ol {
	display: none;
}
.sidebar-pacient .mobile-menu li.active ol {
	display: block;
}

.sidebar-pacient .mobile-menu li .nav-icon {
	background-color: #007acc;
    padding: 0.2em 0.75em;
    margin: -1em -1em -1em -0.5em;
    color: white;
    font-size: 1.5em;
    border-radius: 2px;
}
.sidebar-pacient .mobile-menu li:not(.active) .nav-text,
.sidebar-pacient .mobile-menu li.active .nav-icon {
	display: none;
}
.sidebar-pacient .mobile-menu li.active .nav-text,
.sidebar-pacient .mobile-menu li:not(.active) .nav-icon {
	display: inline-block;
}

.pacient-navigacia li,
.mobile-menu li {
/*	list-style: none;*/
	color: #007acc;
}

@media screen and (max-width: 1200px) {
	.acf-repeater.-table {
		width: 100%;
    	overflow-x: auto;
	}
	.acf-repeater.-table table {
		width: 100%;
		max-width: 100%;
		border-collapse: collapse;
		table-layout: auto;
	}
	.acf-repeater.-table td,
	.acf-repeater.-table th {
		white-space: normal;
	}
}
@media screen and (max-width: 767px) {
	.acf-fields .acf-field.threequarters-width,
	.acf-fields .acf-field.third-width,
	.acf-fields .acf-field.quarter-width,
	.acf-fields .acf-field.fifth-width,
	.acf-fields .acf-field.sixth-width {
		width: 50% !important;
	}
}
@media screen and (max-width: 479px) {
	.acf-fields .acf-field.full-width,
	.acf-fields .acf-field.threequarters-width,
	.acf-fields .acf-field.half-width,
	.acf-fields .acf-field.third-width,
	.acf-fields .acf-field.quarter-width,
	.acf-fields .acf-field.fifth-width,
	.acf-fields .acf-field.sixth-width {
		width: 100% !important;
	}
	.pacient-wrapper {
		grid-template-columns: auto;
	}
}