﻿/* theme-turquoise.css
   Teal palette for ClinicCare.
	#0A3D38
	#39686D
	#29A29B
	#50C1BB
	#7D99A3
	#E4F2F5
	#EFFCFE
	#FFFFFF
*/

body {
	background: linear-gradient(to bottom, #EFFCFE, #FFFFFF);
	color: #0A3D38;
}

div.main div.top {
	background-color: #39686D;
}

	div.main div.top div.topmenu li a {
		color: #0A3D38;
	}

div.stdgrid table tr.top td {
	color: #0A3D38;
}

div.stdform div.tabs ul {
	border-bottom: 2px solid #39686D;
}

	div.stdform div.tabs ul li a {
		color: #0A3D38 !important;
	}

	div.stdform div.tabs ul li.active a {
		background-color: #39686D;
	}

	div.stdform div.tabs ul li.rtsLI:has(> a.rtsSelected) {
		background-color: #39686D;
	}

	div.stdform div.tabs ul li:not(.active) a:not(.rtsSelected):hover {
		background-color: #E4F2F5;
	}

	div.stdform div.tabs ul li a.rtsSelected {
		background-color: #39686D;
	}

div.stdform table tr.top td {
	color: #0A3D38;
}

div.stdform div.txt input {
	color: #0A3D38;
}

div.stdform div.txt textarea {
	color: #0A3D38;
}

div.stdformsmall table td {
	color: #39686D !important;
}

div.stdform div.bottom a {
	color: #0A3D38;
}

.lbltitle {
	color: #0A3D38;
}

.RadScheduler .inline-label {
	color: #0A3D38;
}

div.topform table td {
	color: #39686D;
}

div.topform table table td {
	color: #0A3D38;
}

div .topform table td span div:not(.btn-template):not(.img-btn-template) {
	color: #39686D;
}

div.inlineform {
	color: #39686D;
	background-color: #EFFCFE;
}

/* Calendar styles */
.RadScheduler_Silk .rsAptSimple {
	background-color: #50C1BB;
}

.RadScheduler_Silk .rsHeader ul .rsSelected em, .RadCalendar_Silk .rcMain .rcRow .rcSelected a {
	border: none !important;
	background-color: #50C1BB !important
}

.RadScheduler_Silk .rsHeader ul a:hover, .rsApt:hover, .RadScheduler_Silk .rcRow .rcHover a {
	background-image: none !important;
	background-color: #BCEFF8 !important;
	border-color: #BCEFF8 !important;
	color: #6C6C6C !important;
}

.RadScheduler .rsAptSimple .rsAptIn, .RadScheduler .rsAptSimple .rsAptMid, .RadScheduler .rsAptSimple .rsAptContent {
	color: #000000 !important;
}

.text-info {
	color: #29A29B !important;
}

.lblmsg {
	color: #29A29B !important;
}

.RadTreeView_Default .rtHover .rtIn {
	background-color: #E4F2F5 !important;
}

.RadTreeView_Default .rtSelected .rtIn {
	background-color: #39686D !important;
}

.background-color-light-teal {
	background-color: #E4F2F5 !important;
}

.background-color-dark-teal {
	background-color: #39686D;
}

.color-light-teal {
	color: #E4F2F5;
}

.color-dark-teal {
	color: #39686D;
}

.a-ClinicCare {
	color: #39686D !important;
}

	.a-ClinicCare:hover {
		color: #0A3D38 !important;
	}

.RadGrid .rgEditPopup .rgHeader {
	background-color: #39686D !important;
	color: #FFFFFF !important;
}

.RadWindow_Vista table.rwTitlebarControls em {
	color: #FFFFFF !important;
}

.RadWindow_Vista.rwTransparentWindow table .rwTitlebar,
.RadWindow_Vista.rwTransparentWindow table .rwTopResize,
.RadWindow_Vista.rwTransparentWindow table .rwTopLeft,
.RadWindow_Vista.rwTransparentWindow table .rwTopRight,
.RadWindow_Vista.rwTransparentWindow table .rwFooterLeft,
.RadWindow_Vista.rwTransparentWindow table .rwFooterRight,
.RadWindow_Vista.rwTransparentWindow table .rwFooterCenter,
.RadWindow_Vista.rwTransparentWindow table .rwBodyLeft,
.RadWindow_Vista.rwTransparentWindow table .rwBodyRight {
	background-color: #39686D !important;
}

div.main div.menu {
	background: linear-gradient(to bottom, #EFFCFE, #FFFFFF);
}

.RadTreeView_Default .rtIn {
	color: #0A3D38;
}

/* Support related */
.remote-support-button:hover {
	background: #39686D;
}

.btn-topmenu-manual:hover {
	background: #29A29B;
}

.sasha-widget-button:hover {
	background: #39686D;
}

.sasha-widget-button-icon {
	color: #EFFCFE;
}

.sasha-widget-tooltip {
	color: #EFFCFE;
}

.btnsaveclose,
.btnsave,
.btnprint,
.btnselect,
.btncancel,
.btnsend,
.btnpay,
.btnbill,
.btndelete,
.btnnew,
.btnaction,
.btnexport {
	color: #0A3D38;
}

.btndefault {
	color: #0A3D38;
}

.btn-topmenu {
	color: #0A3D38;
}

.btn-topmenu-mobile {
	color: #0A3D38;
}

div.btn-old input {
	color: #0A3D38;
}

.btn-login-page, .btn-2fa-page {
	color: #FFFFFF;
	background-color: #50C1BB;
}

	.btn-login-page:hover, .btn-2fa-page:hover {
		background: #39686D;
		cursor: pointer;
	}

.btnsaveclose:hover,
.btnsave:hover,
.btnprint:hover,
.btnselect:hover,
.btncancel:hover,
.btndefault:hover,
.btnsend:hover,
.btnpay:hover,
.btnbill:hover,
.btndelete:hover,
.btnnew:hover,
.btnaction:hover,
.btnexport:hover,
.btn-old:hover,
.btn-topmenu:hover,
.btn-topmenu-mobile:hover,
.custom-btn:hover,
.btnspell input:hover {
	background-color: #C2C2C2 !important;
	cursor: pointer;
}

.custom-btn {
	color: #0A3D38 !important;
}

	.custom-btn.rbDisabled > .btn-template i {
		color: #0A3D38 !important;
	}

.btn-template,
.btn-template-hover {
	color: #0A3D38;
}

	.btn-template.blue i,
	.btn-template-hover.blue i {
		color: #39686D;
	}

input[type="submit"]:disabled {
	background-color: #EFFCFE !important;
}

	input[type="submit"]:disabled:hover {
		background-color: #EFFCFE !important;
	}

tr > td > a {
	color: #39686D !important;
}

	tr > td > a:hover {
		color: #0A3D38 !important;
	}

.RadWindow .rwPopupButton {
	color: #0A3D38 !important;
}

	.RadWindow .rwPopupButton span {
		color: #0A3D38 !important;
	}

#image-annotate-edit-form a {
	color: #0A3D38;
}

.audit-log-date {
	color: #0A3D38;
}

.audit-log-user {
	color: #39686D;
}

.audit-log-empty {
	color: #39686D;
}

.audit-log-pager-info {
	color: #0A3D38;
}

.clear-filter-btn:hover .custom-info-icon {
	color: #39686D;
}

.edit-window h3 {
	background: #E4F2F5;
}

.preview-header {
	background: #E4F2F5;
}

.rtsSelected {
	background-color: #39686D !important;
}

	.rtsSelected:hover,
	.rtsSelected a:hover,
	.rtsSelected .btndefault:hover {
		background-color: #39686D !important;
	}

.calendar-form .form-section {
	background: #E4F2F5;
}

	.calendar-form .form-section h3 {
		color: #0A3D38;
	}

.calendar-form .form-row label {
	color: #39686D;
}

.calendar-form input[type="text"],
.calendar-form textarea,
.calendar-form select {
	color: #0A3D38;
}

	.calendar-form input[type="text"]:not(:disabled):focus,
	.calendar-form textarea:not(:disabled):focus,
	.calendar-form select:not(:disabled):focus {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

	.calendar-form input[type="text"]:not(:disabled):hover,
	.calendar-form textarea:not(:disabled):hover,
	.calendar-form select:not(:disabled):hover {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

.clinic-form .form-section {
	background: #E4F2F5;
}

.clinic-form .form-row label {
	color: #39686D;
}

.clinic-form .checkbox-group .checkbox-item {
	color: #39686D;
}

.clinic-form input[type="text"],
.clinic-form textarea,
.clinic-form select {
	color: #0A3D38;
}

	.clinic-form input[type="text"]:not(:disabled):focus,
	.clinic-form textarea:not(:disabled):focus,
	.clinic-form select:not(:disabled):focus {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

	.clinic-form input[type="text"]:not(:disabled):hover,
	.clinic-form textarea:not(:disabled):hover,
	.clinic-form select:not(:disabled):hover {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

.message-profile-form .form-section {
	background: #E4F2F5;
}

	.message-profile-form .form-section h3 {
		color: #0A3D38;
	}

.message-profile-form .form-row label {
	color: #39686D;
}

.message-profile-form input[type="text"],
.message-profile-form textarea,
.message-profile-form select {
	color: #0A3D38;
}

	.message-profile-form input[type="text"]:not(:disabled):focus,
	.message-profile-form textarea:not(:disabled):focus,
	.message-profile-form select:not(:disabled):focus {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

	.message-profile-form input[type="text"]:not(:disabled):hover,
	.message-profile-form textarea:not(:disabled):hover,
	.message-profile-form select:not(:disabled):hover {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

form > .popup-form {
	border-radius: 6px;
	border: 0 !important;
}

.popup-form {
	background-color: #E4F2F5;
}

	.popup-form .form-row label,
	.popup-form .form-row-pair .form-cell label,
	.popup-form .days-grid .day-pair label {
		color: #39686D;
	}

	.popup-form .checkbox-group .checkbox-item {
		color: #39686D;
	}

	.popup-form input[type="text"],
	.popup-form textarea,
	.popup-form select {
		color: #0A3D38;
	}

		.popup-form input[type="text"]:not(:disabled):focus,
		.popup-form textarea:not(:disabled):focus,
		.popup-form select:not(:disabled):focus {
			outline: 1px solid #39686D;
			outline-offset: -1px;
		}

		.popup-form input[type="text"]:not(:disabled):hover,
		.popup-form textarea:not(:disabled):hover,
		.popup-form select:not(:disabled):hover {
			outline: 1px solid #39686D;
			outline-offset: -1px;
		}

.user-form .form-section {
	background: #E4F2F5;
}

	.user-form .form-section h3 {
		color: #0A3D38;
	}

.user-form .form-row label {
	color: #39686D;
}

.user-form input[type="text"],
.user-form input[type="password"],
.user-form textarea,
.user-form select {
	color: #0A3D38;
}

	.user-form input[type="text"]:not(:disabled):focus,
	.user-form input[type="password"]:not(:disabled):focus,
	.user-form textarea:not(:disabled):focus,
	.user-form select:not(:disabled):focus {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

	.user-form input[type="text"]:not(:disabled):hover,
	.user-form input[type="password"]:not(:disabled):hover,
	.user-form textarea:not(:disabled):hover,
	.user-form select:not(:disabled):hover {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

.user-form .RadPicker .riTextBox {
	color: #0A3D38 !important;
}

	.user-form .RadPicker .riTextBox:not(:disabled):hover {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

	.user-form .RadPicker .riTextBox:not(:disabled):focus {
		outline: 1px solid #39686D;
		outline-offset: -1px;
	}

.cal-day-selected {
	background-color: #39686D !important;
}

.grid-header,
.grid-row {
	color: #0A3D38;
}

.menu.mobile-collapsed {
	background: #EFFCFE;
}

/* ===========================================================================
   Extended theming (secondary tones not in the 5 lead colors)
   =========================================================================== */

/* Hover-darken on brand (was #4A7A99) */
.highlight-on-hover:hover {
	color: #0A3D38 !important;
}

.btn-template-hover:hover {
	color: #0A3D38 !important;
}

	.btn-template-hover:hover i {
		color: #0A3D38;
	}

.btn-template-hover.blue:hover {
	color: #0A3D38 !important;
}

	.btn-template-hover.blue:hover i {
		color: #0A3D38;
	}

.clinic-form .form-section .adgang-summary:hover {
	color: #0A3D38 !important;
}

.user-form .form-section summary:hover {
	color: #0A3D38 !important;
}

	.user-form .form-section summary:hover h3 {
		color: #0A3D38 !important;
	}

/* Menu icon + hover/border tones */
.RadTreeView_Default .rtIn::before {
	color: #39686D;
}

.RadTreeView_Default .rtHover .rtIn {
	border-color: #39686D;
}

.RadTreeView_Default .rtSelected .rtIn {
	border-color: #0A3D38 !important;
}

.RadTreeView_Default .rtUL .rtUL {
	border-left: 2px solid #E4F2F5;
}

/* Login containers */
.edit-window,
.preview-window,
.login-info-window {
	background: #E4F2F5;
}

	.edit-window h3,
	.preview-header {
		color: #0A3D38;
	}

/* Support related */
.remote-support-button, .btn-topmenu-manual {
	color: #FFFFFF;
	background: #50C1BB;
}

.sasha-widget-button {
	background: #50C1BB;
}

.sasha-widget-tooltip {
	background: #50C1BB;
}

	.sasha-widget-tooltip::after {
		border-top: 8px solid #50C1BB;
	}

/* ===========================================================================
   Form inputs
   =========================================================================== */
.calendar-form input[type="text"],
.calendar-form textarea,
.calendar-form select,
.clinic-form input[type="text"],
.clinic-form textarea,
.clinic-form select,
.message-profile-form input[type="text"],
.message-profile-form textarea,
.message-profile-form select,
.user-form input[type="text"],
.user-form input[type="password"],
.user-form textarea,
.user-form select,
.popup-form input[type="text"],
.popup-form textarea,
.popup-form select {
	background-color: #FFFFFF;
}

	.calendar-form input[type="text"]:disabled,
	.calendar-form input[type="password"]:disabled,
	.calendar-form textarea:disabled,
	.calendar-form select:disabled,
	.clinic-form input[type="text"]:disabled,
	.clinic-form input[type="password"]:disabled,
	.clinic-form textarea:disabled,
	.clinic-form select:disabled,
	.user-form input[type="text"]:disabled,
	.user-form input[type="password"]:disabled,
	.user-form textarea:disabled,
	.user-form select:disabled,
	.popup-form input[type="text"]:disabled,
	.popup-form input[type="password"]:disabled,
	.popup-form textarea:disabled,
	.popup-form select:disabled {
		background-color: #EFFCFE;
		color: #39686D;
		opacity: 0.75;
	}

.user-form .RadPicker .riTextBox {
	background-color: #FFFFFF !important;
}

.clinic-form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237D99A3'/%3E%3C/svg%3E");
}

.messageBox {
	background: #E4F2F5;
}

.messageBoxButton {
	color: #0A3D38 !important;
	background-color: #E0E0E0 !important;
}

	.messageBoxButton:hover {
		background-color: #C2C2C2 !important
	}

.support-content {
	background: #E4F2F5;
}

.node-external-link {
	color: #0A3D38;
}

.audit-log-item {
	border-color: #29A29B !important;
	background-color: #FFFFFF;
}