body{
	background: url('/assets/images/hospital_bg.jpg') no-repeat fixed center / cover;
}

div.main-layout { min-height: auto !important; }

.image_in_list{
    height: 30px;
}

canvas.WebGLRenderer {
	position: fixed;
	bottom: 0;
	left: 0;
}

div.modalShield {
	position: fixed;
	width:100%;
	height:100%;
	z-index:1;
	top: 0;
	background: black;
}

div.user-profile div.info div.user-session-remaining-time {
	text-align: right; color: #a2acbf; font-weight: normal;
}
div.user-profile div.info div.user-session-remaining-time.ample-time {
	color: #a2acbf; font-weight: normal;
}
div.user-profile div.info div.user-session-remaining-time.mins4 {
	color: white; font-weight: bold;
}
div.user-profile div.info div.user-session-remaining-time.mins3 {
	color: #fcc; font-weight: bold;
}
div.user-profile div.info div.user-session-remaining-time.mins2 {
	color: #f88; font-weight: bold;
}
div.user-profile div.info div.user-session-remaining-time.mins1 {
	color: #f44; font-weight: bold;
}
div.user-profile div.info div.user-session-remaining-time.mins0 {
	color: red; font-weight: bold;
}
div.user-profile-content.modalShield { position: fixed !important; top: 0 !important; background-color: black !important; opacity: 0.6 !important; animation: none !important; border-radius: 0 !important; }
div.user-profile-content a:hover { color: black; }

div.progressBar {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 3%;
	min-height: 17px;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10000;
	border: 1px solid white;
}

div.progressBar div:first-child {
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid white;
	background-color: #1c1e2b;
	z-index: 10001;
	text-align: right;
	height: 100%; /* width is set by JavaScript as per progress */
	vertical-align: middle;
}
div.progressBar div:nth-child(2) {
	position: absolute;
	top: 3px;
	left: 0;
	border-right: none;
	z-index: 10002;
	text-align: center;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #ffffff;
	font-family: Roboto, sans-serif;
	font-size:13px;
	font-weight: 300;
}

.ui-dialog .ui-dialog-titlebar.type_success { background-color: limegreen; }
.ui-dialog .ui-dialog-titlebar.type_error { background-color: red; }

button.renderer-close {
	z-index: 10002;
	position: fixed;
	/* top: 10px; set from JavaScript custom.js */
	right: 10px;
}

table.form-table {
	width: 100%;
	border-collapse: collapse;
}
table.form-table td, table.form-table td * {
	vertical-align: baseline;
}
table.form-table:not(.no-padding) td, table.form-table:not(.no-padding) td * {
	padding: 5px 2px;
}
table.form-table:not(.left-align) td:first-child {
	text-align: right;
}
table.form-table.left-align td { text-align: left; }
.flag{
	width:25px;
}
/* Dropdown Button */
.language-dropdown{
	float:right;
}
.dropbtn {
	background-color: #3b7ae2;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	background-color: #1e60cc;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.item-deleted { color: #c0c0c0; text-decoration: line-through; }

.mdi-animated-icon:before {
    -webkit-animation:spin .7s ease-in infinite;
    -moz-animation:spin .7s ease-in infinite;
    animation:spin .7s ease-in infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#diagnoses_table tbody tr td{
    vertical-align:top;
}
#diagnoses_table tbody tr td:last-child {
    width:50%;
}

table.places-list td { vertical-align: middle; }
table.places-list td.paid.overdue { background: hotpink; color: black; font-weight: bold; }
table.places-list td:not(.paid).overdue { background: yellow; color: black; font-weight: bold; }
table.places-list th.serial { width: 30px; }
table.places-list th.status { width: 30px; }
table.places-list th.country { width: 30px; }
table.places-list th.name { width: 352px; }
table.places-list th.operations { width: 151px; }
table.places-list td.status-icon i { font-size: 20px; }
table.places-list td.country img.hci_list_country_flag { width: 30px; border: 1px solid grey; }
table.places-list tr.closed td.status-icon i { color: red; }
table.places-list tr.open   td.status-icon i { color: limegreen; }
table.places-list tr.test   td.status-icon i { color: deepskyblue; }
table.places-list tr.deleted * { color: #c0c0c0 !important; text-decoration: line-through; }
table.places-list td.operations { white-space: nowrap; }

table.places-list.show_type_private tbody tr:not(.private) { display: none; }
table.places-list.show_type_public tbody tr:not(.public) { display: none; }
table.places-list.show_status_open tbody tr:not(.open) { display: none; }
table.places-list.show_status_test tbody tr:not(.test) { display: none; }
table.places-list.show_status_suspended tbody tr:not(.suspended) { display: none; }
table.places-list.show_status_closed tbody tr:not(.closed) { display: none; }

.hidden { display: none !important; }

table.inputform tr { line-height: 0; height: 40px; }
table.inputform tr.hidden { display: none; }
table.inputform th, table.inputform td { line-height: 1.2em; }
table.inputform th { text-align: right; padding-right: 5px; }
table.inputform th.heading { font-size: 20px; text-align: center; background: linear-gradient(#ccc, #ccc) no-repeat center /100% 2px; padding: 25px 0; }
table.inputform th.heading span { background: white; padding: 0 10px; }
table.inputform td { vertical-align: middle; }
table.inputform td label { display: inline-block; padding-left: 20px; padding-right: 5px; vertical-align: text-top; }
table.inputform td input[type='checkbox'] { width: calc(1.4rem + 2px); height: calc(1.4rem + 2px); display:inline-block; }
/* div.ct_scans_lesions table.inputform tbody tr:first-child button.ct_scans_remove_lesion { display: none; } */
table.inputform.mainform { width: 100%; }
table.inputform.mainform tbody.ui-tabs-panel { display: table-row-group; padding: 20px; }
table.inputform.mainform th { width: 200px; line-height: normal; }
table.inputform.mainform input.form-control-sm { border-width: 1px; border-style: solid; padding: 0; }
table.county_zip_codes { width: 95%; margin: 7px; background-color:aliceblue; }
table.county_zip_codes tr th { text-align: left; }
table.county_zip_codes tr { height: auto; }
table.county_zip_codes tr td { line-height: normal; font-size: 11px; }
table.inputform.mainform td img { max-width: 100%; }

table.places_schedule { width: 100%; max-width:800px; margin: 20px auto; border-collapse: collapse; border: 1px solid grey; }
table.places_schedule th { text-align: center; }
table.places_schedule th.weekday { }
table.places_schedule th.weekend { color: red; }
table.places_schedule tbody tr { height: 19px; }
table.places_schedule tbody tr:hover { background-color: aliceblue; }
table.places_schedule tbody td { text-align: center; }
table.places_schedule tbody td input { line-height: 1; border:none; width:35%;height:auto; text-align: center; background:transparent; }
table.places_schedule tbody td.has_pending input { width: 35%; }

table.places_schedule tbody tr:not(:hover) td.outside_office_hours:not(.has_item) { background-color: #eee; }
/* table.places_schedule tbody td.has_item:not(.has_pending) { background-color: blue; border-radius: 5px; }
table.places_schedule tbody td.has_pending:not(.has_item) { background-color: darkred; border-radius: 5px; }
table.places_schedule tbody td.has_pending.has_item {
	background: linear-gradient(to right, darkred 0%, darkred 50%, blue 50%, blue 100%); } */
table.places_schedule tbody td.has_item input { color: white; font-weight: bold; background: blue; }
table.places_schedule span.separator { display: none; }
table.places_schedule td.has_item.has_pending span.separator { display:initial; }
table.places_schedule span.dash { display: none; }
table.places_schedule tbody td:not(:hover):not(.has_item):not(.has_pending) span.dash { display: block; }
table.places_schedule tbody td:not(:hover):not(.has_item):not(.has_pending) input { display: none; }
table.places_schedule tbody td.has_pending span.pending_case_count { color: white; background-color: darkred; width:30%;
	display: inline-block; line-height: 17px; height: 17px; }

/*fieldset[disabled] table.places_schedule tbody td:not(.has_item).has_pending { background-color: #f77; }
fieldset[disabled] table.places_schedule tbody td.has_item:not(.has_pending) { background-color: #55f; }
fieldset[disabled] table.places_schedule tbody td.has_item.has_pending {
	background: linear-gradient(to right, #f77 0%, #f77 50%, #55f 50%, #55f 100%);
}*/
fieldset[disabled] table.places_schedule tbody td.has_item input { font-weight: normal; background-color: #55f; }
fieldset[disabled] table.places_schedule td,
	fieldset[disabled] table.places_schedule th { color: grey; }
fieldset[disabled] table.places_schedule th.weekend { color: lightpink; }

table.calendar-months-table { max-width: 800px; margin: 20px auto; }
table.calendar-table { width: 100%; border-collapse: collapse; border: 1px solid grey; }
table.calendar-table tr.navigation th:first-child { text-align: left; padding-left: 10px; }
table.calendar-table tr.navigation th.disabled { visibility: hidden; }
table.calendar-table tr.navigation th[data-local-operation] { cursor: pointer; }
table.calendar-table tr.navigation th[data-local-operation]:hover { color: black; }
table.calendar-table tr.navigation th:nth-child(2) { text-align: center; }
table.calendar-table tr.navigation th:last-child { text-align: right; padding-right: 7px; }
table.calendar-table tr.weekdays_header th { text-align: center; }
table.calendar-table th.weekday { }
fieldset[disabled] table.calendar-table tr.weekdays_header th { color: grey; }
table.calendar-table tr.weekdays_header th.weekend { color: red; }
fieldset[disabled] table.calendar-table tr.weekdays_header th.weekend { color: lightpink; }
table.calendar-table tbody.days td.other_month { visibility:hidden; border:none; }
table.calendar-table tbody.days td:not(.other_month):hover { background-color: aliceblue !important; }
table.calendar-table colgroup col { width: 14.28571428571429%; }
table.calendar-table tbody.days tr { height: 90px; }
table.calendar-table tbody td { text-align: center; border: 1px solid grey; position: relative; font-size: 12px; }
table.calendar-table tbody td span.date { position: absolute; top: 4px; left: 3px; font-weight: bold; font-size: 14px; }
table.calendar-table tbody td.holiday span.date { color: red; }
fieldset[disabled] table.calendar-table tbody td.holiday span.date { color: lightpink; }
table.calendar-table tbody td span.holiday_name { position: absolute; top: 5px; right: 7px; max-width: 80%; }
table.calendar-table tbody td.holiday span.holiday_name { color: red; }
fieldset[disabled] table.calendar-table tbody td.holiday span.holiday_name { color: lightpink; }

table.calendar-table tbody td span.items { position: relative; top: 7px; }
table.calendar-table tbody td span.schedule_item { text-align: right; display: block; line-height:1.2em; }
fieldset:not([disabled]) table.calendar-table tbody td span.schedule_item span.overridden:hover {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='0' x2='100' y2='100' stroke='red' stroke-width='3' vector-effect='non-scaling-stroke'/><line x1='0' y1='100' x2='100' y2='0' stroke='red' stroke-width='3' vector-effect='non-scaling-stroke'/></svg>") no-repeat center center;
	background-size: 100% 100%, auto;
	cursor:pointer;
}
fieldset:not([disabled]) table.calendar-table tbody td span.schedule_item.deleted span.overridden,
	fieldset:not([disabled]) table.calendar-table tbody td span.schedule_item.deleted input.scheduled.overridden:not(:focus) {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='0' x2='100' y2='100' stroke='darkred' stroke-width='1' vector-effect='non-scaling-stroke'/><line x1='0' y1='100' x2='100' y2='0' stroke='darkred' stroke-width='1' vector-effect='non-scaling-stroke'/></svg>") no-repeat center center transparent;
	background-size: 100% 100%, auto;
	cursor:pointer;
}
table.calendar-table tbody td span.schedule_item span.completed { background-color: darkgreen; color: white; padding: 1px 2px; }
fieldset[disabled] table.calendar-table tbody td span.schedule_item span.completed { background-color: #6a6; }
table.calendar-table tbody td span.schedule_item span.accepted { background-color: darkred; color: white; padding: 1px 2px; }
fieldset[disabled] table.calendar-table tbody td span.schedule_item span.accepted { background-color: #f77; }
table.calendar-table tbody td span.schedule_item span.pending { background-color: darkred; color: white; padding: 1px 2px; }
fieldset[disabled] table.calendar-table tbody td span.schedule_item span.pending { background-color: #f77; }
table.calendar-table tbody td span.schedule_item span.scheduled { background-color: blue; color: white; padding: 1px 2px; }
fieldset[disabled] table.calendar-table tbody td span.schedule_item span.scheduled { background-color: #55f; }
table.calendar-table tbody.days td.weekend:not(.replacement_work_day):not(.holiday),
	table.calendar-table tbody.days td.rest_day { background-color: #eee; }
table.calendar-table tbody td.holiday { background-color: #fee; }

table.calendar-table tbody td span.schedule_item input.scheduled.overridden { line-height: 1; border:3px solid orange; width:3em;height:auto; text-align: center; background:#55f; color: white; }
table.calendar-table tbody td span.schedule_item input.scheduled.overridden[value="0"] { background-color: transparent; color: grey; }
table.calendar-table tbody td span.schedule_item input.scheduled.overridden[type=number] { -moz-appearance:textfield; }
table.calendar-table tbody td span.schedule_item input.scheduled.overridden::-webkit-outer-spin-button,
table.calendar-table tbody td span.schedule_item input.scheduled.overridden::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

table.calendar-table tbody td:not(:hover) span.add_schedule_override,
	fieldset[disabled] table.calendar-table tbody td span.add_schedule_override{ display: none; }
fieldset:not([disabled]) table.calendar-table tbody td span.add_schedule_override { font-weight: bold; color: darkgreen; position:absolute;
	bottom: 10px; left: 50%; transform:translateX(-50%); font-size:2em; }
fieldset:not([disabled]) table.calendar-table tbody td span.add_schedule_override:hover { color: green; cursor:pointer; }
fieldset:not([disabled]) table.calendar-table tbody td span.add_schedule_override.placeholder { display:block;
	position:static;visibility:hidden;line-height:1em;bottom:0;left:0;transform:none;}

table.inputform.mainform button.image-delete-button {
	position: absolute;
	top: 0;
	transform: translate( calc( -100% - 5px ), 5px );
}
table.inputform.mainform div.display_image_container {
	position: relative;
	display: inline-block;
}
table.inputform.mainform div.display_image_container.to_be_deleted+button.image-delete-button {
	display: none;
}
table.inputform.mainform div.display_image_container.to_be_deleted img {
	opacity: 0.3;
	filter: grayscale( 1 );
}
table.inputform.mainform div.display_image_container.to_be_deleted:before {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='2'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='2'/></svg>");
    position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 20001;
}

form#EditPlace button.form-submit, form#EditPlace button.form-cancel, form#EditPlace a.other-operation-right { margin: 20px; }
form#EditPlace button.form-submit, form#EditPlace a.other-operation-right { float:right; }
form#EditPlace button.form-cancel { float:left; }

form#EditPlace table.place-admins-list, form#EditPlace table.table.examinations { margin: 20px auto; max-width:600px; }
form#EditPlace table.place-admins-list thead tr th, form#EditPlace table.table.examinations thead tr th { text-align: left; }

img.view-edit-hci-country-flag {
	height: 50px;
	position: absolute;
	right: 10px;
	border: 1px solid grey;
}

table.examinations { width: 100%;  }
table.examinations td.price { text-align: right; }
table.examinations tr.disabled * { color: #c0c0c0 !important; text-decoration: line-through; }

table.examination.inputform th { vertical-align: middle; font-weight: bold; }

table.place-contract-conditions { width: auto; margin: auto; }
table.place-contract-conditions td:not(:last-child):not(:first-child):not(.price),
	table.place-contract-conditions th:not(:last-child):not(:first-child):not(.price) { text-align: center; }
table.place-contract-conditions td:first-child:not(.price),
	table.place-contract-conditions th:first-child:not(.price) { text-align: left; }
table.place-contract-conditions td:last-child,
	table.place-contract-conditions th:last-child,
	table.place-contract-conditions th.price,
	table.place-contract-conditions td.price { text-align: right; }
table.place-contract-conditions tr.historic * { color: #c0c0c0 !important; }

div.dragdropoverlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	z-index: 10000; visibility: hidden; }
div.dragdropoverlay div { position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px;
	border: 10px dashed lightgray; border-radius: 40px; color: lightgray; vertical-align: middle; text-align: center;
	font-size: 50px; font-weight: 900; display: none; }
div.dragdropoverlay.draginprogress { background: white; opacity: 0.8; visibility: visible; }
div.dragdropoverlay.draginprogress div { display: block; }

div.ctviewercontainer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height:100%; width: 100%; z-index: 10000; background-color: black; visibility: hidden; }
div.ctviewercontainer.show { visibility: visible; }
div#ct_viewer_overlay { position: absolute; z-index: 10000; left: 0; top: 0; width: calc( 100% - 300px ); height: 100%; }
div#my-gui-container { position: absolute; top: 0; right: 0; z-index: 10010; height:100%; width: 300px; background-color: grey; border-left: 3px double white; }
div#my-gui-container .slice_slider { position: absolute; top: 0; right: 10px; z-index: 10020; height: 100%; width: 10px; }
div#my-gui-container .help { position: absolute; bottom: 0; right: 30px; width: 270px; color: black; text-align: right; }
div#my-gui-container .lesions { position: absolute; top: 40px; right: 30px; width: 270px; z-index: 10015; padding: 5px; }
div#my-gui-container button.close_ct_viewer { position: absolute; top: 5px; right: 35px; z-index: 10020; }
div#my-gui-container .lesions table.inputform { font-size: 10px; padding: 0; margin: 0; }
div#my-gui-container .lesions table.inputform input { padding: 1px 0 !important; margin: 0 !important; width: 4em !important; font-size: 10px !important; line-height: 1 !important; height: auto !important; text-align: center !important; color: black !important; }
div#my-gui-container .lesions table.inputform select { padding: 0 !important; margin: 0 !important; width: 10em !important; font-size: 10px !important; line-height: 1 !important; height: auto !important; color: black !important; }
/* div#my-gui-container .lesions table.inputform tbody tr:first-child button.ct_scans_remove_lesion { display: none; } */


span.max_cases_per_day_display span:not(.max_cases_regulator_not_full_yet) span.max_cases_not_full_yet,
span.max_cases_per_day_display span:not(.max_cases_regulator_full) span.max_cases_full,
span.max_cases_per_day_display span:not(.max_cases_regulator_overflown) span.max_cases_overflown,
span.max_cases_per_day_display span:not(.max_cases_regulator_not_limited) span.max_cases_not_limited { display:none; }

table.teledermatology.diagnostic tr > *:first-child { max-width: 50%; }

/* table.teledermatology.cases.table tr { border-bottom: 1px solid black; } */
table.teledermatology.cases.table tr:nth-child(even) { background-color: #f0f0f0; }
table.teledermatology.cases.table tr.urgent { background-color: #ffc0c0; }

table.teledermatology.cases.table th, table.teledermatology.cases.table td {
	padding-right: 0.25rem; padding-left: 0.25rem; border-bottom: none;
}

/* waiting for additional photos cases in list */
table.teledermatology.cases.table tr.waiting_for_additional_photos {
	background-color: rgba( 0, 0, 0, 0.5 ); color: black;
}
table.teledermatology.cases.table tr.waiting_for_additional_photos td:not(.images) {
	opacity: 1;
}

table.teledermatology.cases.table tr.waiting_for_additional_photos td.images,
table.teledermatology.cases.table tr.waiting_for_answers_to_questions td.symptoms {
	position: relative;
}

table.teledermatology.cases.table tr.waiting_for_additional_photos td.images img {
	opacity: 0.7;
}
table.teledermatology.cases.table tr.waiting_for_additional_photos td.images div.overlay,
table.teledermatology.cases.table tr.waiting_for_answers_to_questions td.symptoms div.overlay {
	position: absolute; right:0; left: 0; z-index: 20000;
	font-size: 2rem; line-height: 1; font-weight: bold; text-align: center;
	color: white;
	pointer-events: none;
}

table.teledermatology.cases.table th.diagnosis_deadline_header_row {
	text-align: center; font-weight: bold; font-size: 2rem;
	padding-top:30px; padding-bottom: 30px;
}
table.teledermatology.cases.table th.case_serial, table.teledermatology.cases.table td.case_serial {
	width: 50px;
}
table.teledermatology.cases.table th.images, table.teledermatology.cases.table td.images {
	width: 380px;
}
table.teledermatology.cases.table td.images {
	display: flex;flex-flow: row wrap;
}
table.teledermatology.cases.table th.symptoms, table.teledermatology.cases.table td.symptoms  {
	white-space: pre-wrap;
}
table.teledermatology.cases.table td.patients_description {
	width: 300px; overflow-wrap:anywhere;
}
table.teledermatology.cases.table th.operation_buttons, table.teledermatology.cases.table td.operation_buttons {
	width: 120px; white-space: nowrap;
}

table.header-with-borders thead.thead-dark th {
	border-left: 1px solid white;
}
.frozen-first-column thead tr:nth-child(1) th:nth-child(1),
.frozen-first-column thead tr:nth-child(1) td:nth-child(1),
.frozen-first-column thead tr:nth-child(3) th:nth-child(1),
.frozen-first-column thead tr:nth-child(3) td:nth-child(1),
.frozen-first-column tbody th:nth-child(1),
.frozen-first-column tbody td:nth-child(1)
{
	position: sticky;
	left: 0;
	z-index: 1;
}

.frozen-first-column tbody th:nth-child(1),
.frozen-first-column tbody td:nth-child(1) {
	background-color: white;
}

table.telemedicine.doctors.table tr:nth-child(even) { background-color: #f0f0f0; }
table.telemedicine.doctors.table tr.admin { color: #000; }
table.telemedicine.doctors.table tr.deleted td { color: #c0c0c0; text-decoration: line-through; }

/* pdf icon */
img.detailed_diagnosis_indicator, img.invoice_indicator {
	height: 64px;
	vertical-align: baseline;
	cursor: pointer;
}
td.findings_pdf_file_cell:not(.has_pdf_file) .only_show_if_there_is_pdf_file {
	display: none;
}
td.findings_pdf_file_cell.has_pdf_file .only_show_if_there_is_no_pdf_file {
	display: none;
}

table.photo_quality_issues { border-collapse: collapse; width:100%; }
table.photo_quality_issues td { padding: 0 !important; vertical-align: middle !important; margin: 0 !important; }
table.photo_quality_issues td label { padding: 0; margin: 0; }
table.photo_quality_issues td input[type='checkbox'] { width: 16px; }

table.testornot tr.being_processed { pointer-events: none; }
table.testornot tr.being_processed td { opacity: 0.3; }
table.testornot tr.being_processed:after {
	content: '↻';
	position:absolute;
	display: block;
	top:100px;
	left:0;
	right:0;
	padding-bottom:8px;
	text-align: center;
	vertical-align: middle;
	font-size: 122px;
	animation:spin 1s linear infinite;
}
div.ui-widget-overlay {
	background: black !important;
	opacity: 0.7 !important;
}

div.ui-widget.error > div.ui-widget-header { background-color: pink; }
div.ui-widget.success > div.ui-widget-header { background-color: lime; }

.copyMarkedElementTextToClipboard { color: black; }
.copyMarkedElementTextToClipboard:hover { color: white; }
.copyMarkedElementTextToClipboard:active { color: red; }

/* Second look */

table.table.secondlook-cases td.reviewed { color: limegreen; }
table.table.secondlook-cases td.yes { color: limegreen; }
table.table.secondlook-cases td.no_but_fixable { color: #cc0; }
table.table.secondlook-cases td.no_and_not_fixable { color: red; }

.small_checkbox_grid input[type="checkbox"] { width:auto;display:inline-block;vertical-align: middle; }
.small_checkbox_grid input[type="checkbox"]+label { display: inline; }
.small_checkbox_grid input[type="checkbox"]:checked+label { font-weight: bold; }
.small_selects_grid label { padding: 0; margin-bottom: 0; white-space: nowrap; }
.small_selects_grid select { width:100px;display:inline;padding:0; }
.small_selects_grid label:not(.irrelevant) { font-weight: bold; }
.small_selects_grid label.possibly_useful, .small_selects_grid label.definitely_useful_but_not_necessary { color: #7d8bad; }
.small_selects_grid label.harmful { color: red; }

#EditSecondlook .error { background-color: pink; }

li.animate, td.animate {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
li.animate { color: lime; }
td.animate { color: green; font-weight: bold; }
li.animate * { color: lime !important; }

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

div.changelog h4 { padding: 10px; }
div.changelog div.card-body > ol > li { margin-top: 15px; list-style-type: decimal-leading-zero; }
div.changelog div.card-body ul > li { margin-top: 5px; list-style-type: disc; }
div.changelog div.card-body ul > li::marker { color: black; }

 .bankAccountStatementUploadFile {
	 width: 0.1px;
	 height: 0.1px;
	 opacity: 0;
	 overflow: hidden;
	 position: absolute;
	 z-index: -1;
 }

.bankAccountStatementUploadFile + label {
	/*font-size: 1.25em;
    font-weight: 700;
    background-color: black;*/
	display: inline-block;
}

.bankAccountStatementUploadFile:focus + label {
	cursor: pointer;
}

/*
.bankAccountStatementUploadFile + label:hover {
	background-color: green;
	color: white;
	cursor: pointer;
}
*/