/* Standards */
body { background-color: #C4C6C7; margin:50px 40px 40px 40px !important; }

#header_bar { position: fixed; z-index: 1000; top: 0px; left:0px; width: 100%; background-color: #bbbbbb; height: 30px; }
	#header_inner { position: absolute; top: 0px; left: 40px; right: 40px; }
		#header_user { position: absolute; height: 30px; top: 0px; left: 0px; right: 60px; overflow: hidden; }
		#header_user * { color: #FFFFFF; }
		#header_user i { position: relative !important; top: 3px !important; width: 22px; height: 22px; }

#warning_header_bar { position: fixed; z-index: 1000; top: 30px; left:0px; width: 100%; background-color: lightsalmon; height: 30px; }
	#warning_header_inner { position: absolute; top: 3px; left: 40px; right: 40px; }
		#warning_header_text { position: absolute; height: 30px; top: 0px; left: 0px; right: 60px; overflow: hidden; color: #000000; }
		#warning_header_text * { color: #000000; }
		#warning_header_text i { position: relative !important; top: 3px !important; width: 22px; height: 22px; }

/* Standard tables */
.table { border: 1px solid #000000; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
.table td { border: 1px solid #000000; padding: 4px; }

.main_menu { color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: .875rem; line-height: 1.5; border-radius: 0.2rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.menu { margin:20px 0px 20px 0px; display: block;  }
	.menu a { margin-right:20px; }
.submenu { margin:0px; display: block; }
	.submenu a { margin-right:20px; }
	.submenu_selected, .submenu_selected * { color: #000; }
.new { margin:0px 0px 20px 0px; display: inline-block; }
.back { margin:0px 0px 20px 0px; display: inline-block; }
.completion_menu { margin-top: 0px; }
.completion_menu a,
.completion_menu a:hover { color: #E70000; }

label { color: #999999; }
textarea { width:300px; }

/* Align Search form in datatables to the right side */
#table_filter label { width: 100%; text-align: right }

.white_font { color:#ffffff !important; }

.button_with_margin_bottom { margin-bottom:3px !important }

fieldset {
	border: 1px solid #ccc!important;
	padding: 20px !important;
	padding-bottom: 30px !important;
	margin: 0 0 1.5em 0 !important;
}


legend {
	width:auto !important;
	position: relative !important;
	top:0px !important;
	padding: 0px 10px !important;
	border-bottom:none !important;
}

.no-gutter {
	padding-left:0 !important;
	padding-right:0 !important;
}
.no-gutter-left {
	padding-left:0 !important;
}
.no-gutter-right {
	padding-right:0 !important;
}


.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}
input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.not_published { color:#d9534f; font-weight:bold; }
.published { color:#5cb85c; font-weight:bold; }


.table-bordered thead td, .table-bordered thead th {
		border-bottom-width: 1px !important;
}

.table thead th {
		border-top: 0px !important;
		border-bottom: 0px !important;
}

.radiolabel, .checkboxlabel {
	color: #495057 !important;
}

.inline-block {
	display: inline-block !important;
}

#clear_search {
	position: relative;
	top: -1px;
	width: 31px;
	height: 31px;
	padding: 3px;
	border-radius: 0px;
}

#table_filter label,
#table_detail_filter label {
	display: inline;
}

#table_detail_filter select {
	display: inline-block;
		margin-left: 0.5em;
}

/*
#table_detail_filter > div {
	margin-bottom: 16px;
}
*/

.radio_below {
	height: 6px;
}


.saved {
	animation: bgchange 1.3s; /* animation-name followed by duration in seconds*/
		 /* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: bgchange 1.3s; /* Chrome and Safari */
}

.saved a {
	animation: colorchange 20s; /* animation-name followed by duration in seconds*/
		 /* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: colorchange 20s; /* Chrome and Safari */
}

@keyframes bgchange
{
	0%   {background: green;}
	100% {background: white;}
}
@-webkit-keyframes bgchange /* Safari and Chrome - necessary duplicate */
{
	0%   {background: green;}
	100% {background: white;}
}

@keyframes colorchange
{
	0%   {color: green;}
	100% {color: #007bff;}
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
	0%   {color: green;}
	100% {color: #007bff;}
}


.error {
	animation: bgchange_error 1.3s; /* animation-name followed by duration in seconds*/
		 /* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: bgchange_error 1.3s; /* Chrome and Safari */
}

.error a {
	animation: colorchange_error 20s; /* animation-name followed by duration in seconds*/
		 /* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: colorchange_error 20s; /* Chrome and Safari */
}

@keyframes bgchange_error
{
	0%   {background: red;}
	100% {background: white;}
}
@-webkit-keyframes bgchange_error /* Safari and Chrome - necessary duplicate */
{
	0%   {background: red;}
	100% {background: white;}
}

@keyframes colorchange_error
{
	0%   {color: red;}
	100% {color: #007bff;}
}
@-webkit-keyframes colorchange_error /* Safari and Chrome - necessary duplicate */
{
	0%   {color: red;}
	100% {color: #007bff;}
}


.login {
	animation: bgchangel 1.3s; /* animation-name followed by duration in seconds*/
		 /* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: bgchangel 1.3s; /* Chrome and Safari */
}
@keyframes bgchangel
{
	0%   {background: #D00027;}
	100% {background: white;}
}
@-webkit-keyframes bgchangel /* Safari and Chrome - necessary duplicate */
{
	0%   {background: #D00027;}
	100% {background: white;}
}

.material-icons {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-size: 18px;
	top: 2px !important;
	position: relative !important;
	font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 48;
	margin-right: 4px !important;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	display: inline-block;
	display: none;
}


.datepicker {
	transform: translate(0, 2.0em);
}

.tocheck h1 {
	color: #FFA82E;
}
.tocheck fieldset legend nobr {
	color: #FFA82E;
}
.tocheck fieldset {
	border: 1px solid #FFA82E !important;
}
.tocheck #datearea input,
.tocheck #datearea select {
	border: 1px solid #FFA82E !important;
}
.tocheck .dataTable {
	border: 1px solid #FFA82E !important;
}

.patient_date_type {
	font-weight: bold;
}



.web_registered {
	color: #0DB800;
}
.web h1 {
	color: #0DB800;
}
.web fieldset legend nobr {
	color: #0DB800;
}
.web fieldset {
	border: 1px solid #0DB800 !important;
}
.web .dataTable {
	border: 1px solid #0DB800 !important;
}

.error_wrong_questionnaire_code {
	color: #D00027;
}

.error_output {
	padding: 5px 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: red;
	color: #FFFFFF;
}

.import_problem {
	color: #FFA82E;
}

#datearea select {
	padding-left: 9px; padding-right: 9px;
}

.permit_number_date_invalid {
	border: 1px solid #D00027 !important;
	color: #D00027 !important;
	background-color: #FFF6F6 !important;
}

.call,
.mailto {
	margin-top: 32px;
}

.dt-buttons {
	margin-top: 18px;
}

.dt-buttons button {
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius:4px !important;
}


#language_selector {
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}


.checkbox {
	position: relative;
}

.checkbox input {
	position: absolute;
	left: 0px;
	top: 5px;
}

.checkbox label {
	margin-left: 25px;
}


.show_only_xs { display: none; }



/***********************************************************************
 
	xxs
 
************************************************************************/
@media (max-width: 575px){
	.show_map,
	.call,
	.mailto {
		margin-top: 0px;
		margin-bottom: 20px;
	}
}



/***********************************************************************
 
	xs
 
************************************************************************/
.xs_show { display: none; }
@media (max-width: 767px){
	body { margin: 45px 15px 15px 15px !important; }
	.h1, h1 {
			font-size: 1.6rem !important;
			margin-bottom: 15px !important;
	}
	.h4, h4 {
			font-size: 1.2rem !important;
	}
	legend {
			font-size: 1.2rem !important;
	}
	.h5, h5 {
			font-size: 1.2rem !important;
	}
	#header_inner { left: 15px; right: 15px; }
	.xs-no-gutter {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.xs-no-gutter-left  {
		padding-left:0 !important;
	}
	.xs-no-gutter-right  {
		padding-right:0 !important;
	}
	.xs_hide { display: none; }
	.xs_show { display: block; }
	#table_length { float: left }

	.show_only_xs { display: block; }

/*
	#language_selector {
		display: none;
	}
*/
}
/***********************************************************************
 
	sm
 
************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
	body { margin: 50px 20px 20px 20px !important; }
	.container-fluid > .row > div:nth-child(even) {
		border-left: 1px solid #EEE;
		padding-left: 30px;
	}
	.container-fluid > .row > div:nth-child(odd) {
		padding-right: 30px;
	}
	.sm-no-gutter {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.sm-no-gutter-left  {
		padding-left:0 !important;
	}
	.sm-no-gutter-right  {
		padding-right:0 !important;
	}
	#language_selector {
		margin: 0px;
	}
	h1 {
		padding-right: 130px;
		margin-bottom: 15px !important;
	}
	#header_inner { left: 15px; right: 15px; }
	#table_length label { margin-left: 20px; }

}
/***********************************************************************
 
	md
 
************************************************************************/
@media (min-width: 992px) and (max-width: 1499px) {
	.container-fluid > .row > div:nth-child(even) {
		border-left: 1px solid #EEE;
		padding-left: 30px;
	}
	.container-fluid > .row > div:nth-child(odd) {
		padding-right: 30px;
	}
	.md-no-gutter {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.md-no-gutter-left  {
		padding-left:0 !important;
	}
	.md-no-gutter-right  {
		padding-right:0 !important;
	}
	h1 {
		padding-right: 130px;
		margin-bottom: 15px !important;
	}
	#table_length label { margin-left: 20px; }
}
/***********************************************************************
 
	lg
 
************************************************************************/
@media (min-width: 1500px) {
	.container-fluid > .row > div:nth-child(even) {
		border-left: 1px solid #EEE;
		padding-left: 30px;
	}
	.container-fluid > .row > div:nth-child(odd) {
		padding-right: 30px;
	}
	.lg-no-gutter {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.lg-no-gutter-left  {
		padding-left:0 !important;
	}
	.lg-no-gutter-right  {
		padding-right:0 !important;
	}
	h1 {
		padding-right: 130px;
		margin-bottom: 15px !important;
	}
	#table_length label { margin-left: 20px; }
}

.dataTables_filter {
	float: left !important;
	margin-bottom: 16px;
}


#date_search {
	margin-bottom: 16px;
}
#date_search label {
		display: inline;
		width: 100%;
		text-align: right;
		font-weight: normal;
		white-space: nowrap;
}
#date_search input {
	display: inline-block;
		width: 170px;
		margin-left: 0.5em;
		display: inline-block;
		width: auto;
}
div.dataTables_wrapper div.dataTables_filter label {
		font-weight: normal;
		white-space: nowrap;
		text-align: left;
}


#clear_date_search {
		position: relative;
		top: -1px;
		width: 31px;
		height: 31px;
		padding: 3px;
		border-radius: 0px;
}

.hidden {
	display:none !important;
}

#table_sort_row select { font-size: 6px; }

.jump_to {
	color: #007bff;
	cursor: pointer;
}

.dropdown_separator {
	font-size: 6pt;
}


.menu_dropdown .dropdown-toggle {
	margin: 20px 0px 20px 0px;
	color: #495057 !important;
	background-color: #fff !important;
	border: 1px solid #ced4da !important;
	height: 32px;
	line-height: 16px;
	padding: 0px 12px 3px;
	border-radius: 0.2rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	box-sizing: border-box;
	box-shadow: none !important;
}
.menu_dropdown .dropdown-toggle i {
	position: relative;
	top: 3px;
	margin-right: 5px;
	font-size: 20px;
	line-height: 16px;
}


.menu_dropdown .dropdown-menu {
	margin-top: 0px;
	max-height: 358px;
	overflow-y: auto;
	border-radius: 0px;
	border: 1px solid #767676;
}


.menu_dropdown .dropdown-item {
	padding: 3px 12px;
	color: #495057;
}
.menu_dropdown .dropdown-item i {
	position: relative;
	top: 4px;
	margin-right: 5px;
	font-size: 20px;
	line-height: 16px;
}
.menu_dropdown .dropdown-item:hover,
.menu_dropdown .dropdown-item:active {
	color: #fff !important;
	background-color: #007bff;
}


.fields_completed,
.fields_completed:hover {
	color: green !important;
}

/*
.placeholder {
	width: 100%; height: 100px; background-color: #eeeeee; text-align: center; padding-top: 40px; margin-bottom: 20px;
}
*/

.placeholder
{
		position: relative;
}
.placeholder::after
{
		position: absolute;
		left: 14px;
		top: 7px;
		content: attr(data-placeholder);
		pointer-events: none;
		opacity: 0.5;
		width: 100%;
}
#insurance_health_insurance_number,
#registration_insurance_health_insurance_number
{
	padding-left: 67px;
}

#insurance_ivg_number,
#registration_insurance_ivg_number,
#insurance_mvg_insurance_number,
#registration_insurance_mvg_insurance_number
{
	padding-left: 44px;
}

.edit_user_add_customer {
	margin-left: 26px;
}

.indent1 {
	margin-left: 25px;
}

.btn-default {
	background-color: buttonface !important;
}
.btn-default:hover {
	background-color: #f3f3f3 !important;
}

.button_section .btn {
	margin-bottom: 15px;
}

.alert_text {
	color: #E70000;
}

.is_disabled {
	cursor: not-allowed;
	opacity: 0.6;
}
.is_disabled > a {
	color: currentColor;
	display: inline-block;  /* For IE11/ MS Edge bug */
	pointer-events: none;
	text-decoration: none;
}
.disabled_text {
	color: #999999;
}

/* Duplication action */
.duplicate_fade_out {
	color: green;
}
/*
.fade_out {
	display: block;
	animation: fade_out ease 10s;
	animation-fill-mode: forwards;
	-webkit-animation: fade_out ease 10s;
	-webkit-animation-fill-mode: forwards;
}
@keyframes fade_out {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-webkit-keyframes fade_out {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
*/

.no_password_set {
	color: #CC0000;
}

.initial_password_set {
	color: #007bff;
}

.no_margin_bottom { margin-bottom: 0px !important; }

.form_group_bottom_space { height: 0px; font: 0px; line-height: 0px; margin-bottom: 1rem; }



/* Multiselection */ 

.multiselection_searchhits,
.autocomplete_searchhits { position: absolute; background-color: #FFF; border: 1px solid #ced4da; border-top: none; z-index: 2; padding: 5px 0px; display: none; width: 100%; max-height: 282px; overflow-y: scroll ; }

.multiselection_searchhits .multiselection_item_remove { display: none; }
.multiselection_searchhits .multiselection_item_link { display: none; }

.multiselection_item, .autocomplete_item { padding: 5px 10px; }
.multiselection_item.selected, .autocomplete_item.selected { background-color: #EEE; }
.item_already_selected { color: #AAA; }

.multiselection_item_remove,
.multiselection_item_link,
.multiselection_searchhits .multiselection_item,
.autocomplete_searchhits .autocomplete_item { cursor: pointer; }
.autocomplete_searchhits .autocomplete_item:hover,
.multiselection_searchhits .multiselection_item:hover { background-color: #EEE; }

.multiselection_searchfield:focus,
.autocomplete_field:focus { box-shadow: 0 0 0 0rem !important; }

.multiselection_item_link,
.multiselection_item_remove { display: inline-block; margin-left: 6px; border: 1px solid red; padding: 0px 8px; border-radius: 14px; color: red; }

.multiselection_item_link { color: blue; padding: 0px 10px; border: 1px solid blue; margin-left: 10px; }

.checkbox_link_text {
	display: inline-block;
	margin-left: 25px;
	margin-bottom: 0.5rem;
}

.warning { color: red; }

.delete_link a,
.delete_link a *,
.delete_link a:hover { color: red !important; }

.wait { cursor: wait }

.no_checkbox_listpoint { padding-left: 25px; padding-bottom: 7px; }

.duty { color: red; }

#process_patient_information label {
	margin-bottom: 0px;
}

/* Unused yet, can be used to format legend table */
.list_legend {}

.mail_error_warning,
.mail_error_warning * {
	animation: mail_error_warning_color_change 4s;
	animation-iteration-count: 3;
}

@keyframes mail_error_warning_color_change {
	0% { color: white; }
	25% { color: #EE0000; }
	50% { color: white; }
	100% { color: white; }
}

.warning_header {
	margin-top: 80px !important;
}


/* Table background markings */
.mark_red { background-color: LightSalmon; }
.mark_orange { background-color: #FBCE5D; }
.mark_green { background-color: #ABDC36; }
.mark_brown { background-color: #C48635; }
.mark_blue { background-color: #44C7D1; }
.mark_lightgreen { background-color: #E3FF9F; }
.mark_transparent { background-color: transparent; }

.text_link { color: #007bff; }

#registration_operation_appointment_type_wrap > div {
	margin-bottom: 6px;
}

.inactive { color: #999999 !important; }

.hr_warning {
	border-top: 1px solid red;
}

.dataTables_processing { display: none !important; }

/* adds icon in front of the element */
.attachment_icon,
.table_first_row_download tr td:first-child:before,
.table_second_row_download tr td:nth-child(2):before,
.table_third_row_download tr td:nth-child(3):before,
.table_fourth_row_download tr td:nth-child(4):before,
.table_fifth_row_download tr td:nth-child(5):before,
.table_sixt_row_download tr td:nth-child(6):before
{
	/* https://github.com/google/material-design-icons/blob/master/iconfont/codepoints */
	content: "\E226"; 
	font-family: "Material Symbols Outlined";
	font-style: normal;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	top: 2px !important;
	position: relative !important;
	display: inline-block;
	line-height: 0;
	margin-right: 4px !important;
	font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 48;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}

.table_row_align_right_1 tr td:nth-child(1) {
	text-align: right;
}
.table_row_align_right_2 tr td:nth-child(2) {
	text-align: right;
}
.table_row_align_right_3 tr td:nth-child(3) {
	text-align: right;
}
.table_row_align_right_4 tr td:nth-child(4) {
	text-align: right;
}
.table_row_align_right_5 tr td:nth-child(5) {
	text-align: right;
}
.table_row_align_right_6 tr td:nth-child(6) {
	text-align: right;
}
.table_row_align_right_7 tr td:nth-child(7) {
	text-align: right;
}
.table_row_align_right_8 tr td:nth-child(8) {
	text-align: right;
}
.table_row_align_right_9 tr td:nth-child(9) {
	text-align: right;
}
.table_row_align_right_10 tr td:nth-child(10) {
	text-align: right;
}
.table_row_align_right_11 tr td:nth-child(11) {
	text-align: right;
}
.table_row_align_right_12 tr td:nth-child(12) {
	text-align: right;
}