@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

/* FONTS */
@font-face {
	font-family: "Siemens Sans Roman";
	src: url('/webfonts/siemenssans-prof-roman.ttf') format('truetype');
}

@font-face {
	font-family: "Siemens Sans Bold";
	src: url('/webfonts/siemenssans-prof-bold.ttf') format('truetype');
}

@font-face {
	font-family: "Siemens Sans Black";
	src: url('/webfonts/siemenssans_prof_black.ttf') format('truetype');
}

@font-face {
	font-family: "Siemens Sans";
	src: url('/webfonts/siemenssans-prof-roman.ttf') format('truetype');
}

@font-face {
	font-family: "Siemens Sans";
	font-weight: bold;
	font-style: normal;
	src: url('/webfonts/siemenssans-prof-bold.ttf') format('truetype');
}

/* VARIABLES */
:root {
	--wfs-font-family-default: "Siemens Sans", Helvetica, sans-serif;
	--wfs-font-family-normal: "Siemens Sans Roman", Helvetica, sans-serif;
	--wfs-font-family-bold: "Siemens Sans Bold", Helvetica, sans-serif;
	--wfs-font-family-black: "Siemens Sans Black", Helvetica, sans-serif;

	--wfs-font-weight-normal: 400;
	--wfs-font-weight-bold: 600;

	--wfs-color-blue: #23233C;
	--wfs-color-dark-blue: #000028;
	--wfs-color-light-blue: #007993;
	--wfs-color-darker-blue: #196269;
	--wfs-color-navy: #000128;
	--wfs-color-teal: #0098A6;
	--wfs-color-green: #00FFB9;
	--wfs-color-dark-green: #00D7A0;
	--wfs-color-white: #FFFFFF;
	--wfs-color-dark-white: #F3F3F0;
	--wfs-color-gray: #cccccc;
	--wfs-color-dark-gray: #9e9e9e;
	--wfs-color-darker-gray: #6f6f6f;
	--wfs-color-light-gray: #E5E5E9;
	--wfs-color-light-silver: #F1F2F4;
	--wfs-color-dropdown-blue: #EBF7F8;
	--wfs-color-dropdown-gray: #CCCCD4;
	--wfs-color-dropdown-green: #D1FFF2;
	--wfs-color-statuses-gray: #D9D9D9;
	--wfs-color-danger: #EF0137;
	--wfs-color-danger-semi: #EF013809;
	--wfs-color-semi: rgba(255, 255, 255, 0.2);
	--wfs-color-green-filter: brightness(0) saturate(100%) invert(100%) sepia(92%) saturate(7479%) hue-rotate(82deg) brightness(98%) contrast(107%);
	--wfs-size-sidebar-collapsed-width: 70px;
	--wfs-size-sidebar-uncollapsed-width: 260px;
	--wfs-size-topbar-height: 38px;
	--wfs-size-footer-padding-height: 80px;
	--wfs-main-content-desktop-padding: 90px;
	--wfs-main-content-mobile-padding: 10px;
}

/* Common Items  */
body {
	font-family: var(--wfs-font-family-normal);
	outline: none;
}

#privateModeText {
	display: none;
}

.hide {
	display: none;
}

b, .text-bold {
	font-family: var(--wfs-font-family-bold);
}

/* Scroll Bar */
::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-clip: content-box;
	border: 3px solid transparent;
	background: var(--wfs-color-light-gray);
}

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

/* Buttons */
a.btn span.fa,
a.btn span.fas,
a.btn span.far {
	margin-right: 4px;
}

.btn {
	font-size: 14px;
	line-height: 20px;
	border-radius: 0px;
	padding: 8px 16px;
	font-family: var(--wfs-font-family-bold);
	font-weight: var(--wfs-font-weight-bold);
}

.btn-sm {
	padding: 6px 12px;
}

.btn-md {
	padding: 12px 24px;
}

.btn-primary,
.btn-primary:focus {
	border: 1px solid var(--wfs-color-light-blue);
	background-color: var(--wfs-color-light-blue);
}

.btn-primary[disabled] {
	cursor: not-allowed;
	background-color: var(--wfs-color-dark-gray);
	border-color: var(--wfs-color-dark-gray);
	color: var(--wfs-color-white)
}

.btn-primary:hover,
.btn-primary:active {
	background-color: var(--wfs-color-darker-blue) !important;
	border: 1px solid var(--wfs-color-darker-blue) !important;
}

.btn-default,
.btn-secondary,
.btn-default:focus,
.btn-secondary:focus {
	color: var(--wfs-color-light-blue);
	border: 1px solid var(--wfs-color-light-blue);
	background: var(--wfs-color-white);
}

.btn-default:hover,
.btn-default:active,
.btn-secondary:hover,
.btn-secondary:active {
	color: var(--wfs-color-light-blue) !important;
	background-color: var(--wfs-color-dropdown-green) !important;
	border: 1px solid var(--wfs-color-light-blue);
}

.btn-danger,
.btn-danger:focus {
	color: var(--wfs-color-white);
	background-color: var(--wfs-color-danger);
	border: 1px solid var(--wfs-color-danger);
}

.btn-danger-outlined {
	color: var(--wfs-color-danger);
	background-color: var(--wfs-color-white);
	border: 1px solid var(--wfs-color-danger);
}

.btn-danger-outlined:active,
.btn-danger-outlined:hover {
	color: var(--wfs-color-danger) !important;
	background-color: var(--wfs-color-danger-semi) !important;
	border: 1px solid var(--wfs-color-danger) !important;
}

/* Service Task Creation IFrame On Booking Details Page */
form[action*="servicetask"] #EntityFormPanel .field-label {
	font-size: 15px;
	font-family: var(--wfs-font-family-default);
	font-weight: var(--wfs-font-weight-bold);
}

form[action*="servicetask"] #EntityFormPanel textarea {
	border-radius: 0;
}

form[action*="servicetask"] #EntityFormPanel .form-custom-actions {
	text-align: right;
	margin-top: 10px;
    margin-bottom: 0;
}

form[action*="servicetask"] #EntityFormPanel .tab-title {
	display: none;
}

form[action*="servicetask"] #EntityFormPanel fieldset tr:nth-child(4) {
	display: none;
}

form[action*="servicetask"] #EntityFormPanel .validation-header {
	font-size: 16px;
	margin: 0 0 5px 0;
}

form[action*="servicetask"] #EntityFormPanel .validation-summary a {
	text-decoration: none;
	color: #842029 !important;
	font-size: 15px;
}

form[action*="servicetask"] #EntityFormPanel textarea.readonly,
form[action*="servicetask"] #EntityFormPanel input.readonly {
	border: var(--bs-border-width) solid var(--bs-border-color);
	padding: .375rem .75rem;
	border-radius: 0;
}

form[action*="servicetask"] #EntityFormPanel textarea.readonly:focus,
form[action*="servicetask"] #EntityFormPanel input.readonly:focus {
	outline: none;
}