@import url("calendar.css");

body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bolder;
	line-height: 1;
	padding-bottom: 70px;
}

#visitInUseBy {
	display: none;
	background-color: yellow;
	padding: 10px;
	margin: 5px;
	border-radius: 5px;
}

#customAlert {
	text-align: center;
	display: none;
}

#wrap-page {
	padding: 0 35px 0 35px;
}

#visitCalendar {
	font-size: 1rem;
}

a {
	color: #1942aa;
}

.nav-link {
	font-size: 1.2rem;
}

.customCol-7 {
	width: 14.2%;
	margin: auto;
}

.customCol-14 {
	width: 28.4%;
}

.titleCentered {
	text-align: center;
}

.titleRight {
	margin-top: 10px;
	text-align: right;
	padding-right: 40px;
}

.btn {
	padding: 0.7rem;
}

.btn-success {
	background-color: #05e500;
	border-color: #05e500;
}

.btn-warning {
	background-color: #fdff00;
	border-color: #fdff00;
}

.btn-info {
	background-color: #0099e9;
	border-color: #0099e9;
}

.btn-default {
	border-color: #ccc;
}

.newCustomerBtn {
	text-align: center;
}

/* .daterangepicker {
    top: 140px !important;
    left: 30px !important;
} */
.card hr {
	margin-bottom: 5px;
	margin-top: 5px;
	border-color: #999;
	height: 1px;
}

.card {
	zoom: 80%;
	max-height: 155px;
	min-height: 155px;
	overflow: hidden;
}

.user-dropdown {
	left: -70px;
}

.centered {
	text-align: center;
}

.comment {
	max-width: 500px;
}

.quilText {
	max-width: 500px;
}

table.dataTable thead .sorting:after {
	opacity: 0 !important;
	content: "" !important;
}

table.dataTable thead .sorting_asc:after {
	content: "" !important;
}

table.dataTable thead .sorting_desc:after {
	content: "" !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #05e500;
}

.table td,
.table th {
	padding: 0.3rem;
}

.table:not(#printingTable) > tbody > tr:hover {
	background-color: #0d3b66 !important;
	cursor: pointer;
	color: white;
}

.table > tbody > tr.active {
	background-color: #005cff !important;
	color: white;
}

.form-control {
	font-size: 0.9rem;
}

.ql-container {
	/* font-size: 1.2rem !important; */
	font-weight: normal !important;
}

.beforeWeek,
.afterWeek {
	display: none;
}

.weekDivision {
	flex-direction: row;
	width: 20%;
	border-right: 1px solid #009be1;
	border-left: 1px solid #009be1;
}

.weekDate {
	font-size: 0.8em;
	cursor: pointer;
}

.weekInsideCol {
	height: calc(100vh - 180px);
	overflow: scroll;
}

.customWidthButton {
	width: 45% !important;
}

.fullWidthButton {
	width: 100% !important;
	margin-top: 19px;
}

.fullWidthButton2 {
	width: 100% !important;
}

.printDay {
	float: right;
	cursor: pointer;
}

.weekTopCol {
	padding: 10px;
	border-bottom: 2px solid #009be1;
	border-top: 1px solid #009be1;
}

.visitItem {
	margin: 5px;
	/* padding: 5px; */
	border-bottom: 1px solid #ccc;
}

.visitItem:hover {
	background-color: rgba(23, 161, 184, 0.1) !important;
	cursor: pointer;
}

.visitItem.active {
	border: 1px solid #000;
	box-shadow: 2px 2px 5px black;
	cursor: pointer;
}

.visitItemSelect {
	border-bottom: 1px solid #ccc;
	border-radius: 0.25rem 0.25rem 0 0;
	/* margin-top: -5px;
    margin-left: -5px;
    margin-right: -5px; */
	/* min-height: 35px; */
	background-color: #0ac5ff;
	color: #000;
	/* cursor: copy;  */
}

.visitItemSelectCol {
	/* padding-bottom: 0.2rem;
    padding-top: 10px; */
}

.phaseArea {
	border-radius: 0 0.25rem 0 0;
}

.phaseTextArea {
	float: right;
}

.typeArea {
	/* text-align: center;
    padding-top: 10px; */
}

.retourArea {
	/* padding-right: 10px;
    top: -4px; */
	position: relative;
	color: red;
	font-size: 1.5em;
	float: left;
}

.visitMotif {
	max-height: 75px;
}

.visitMotif,
.visitCustomerAddress,
.visitCustomerName,
.visitCustomerInfo {
	overflow: hidden;
}

.visitMotif p {
	margin-bottom: 2px;
}

#visitCalendar {
	display: flex;
}

.visitCheckFirst {
	-padding: 1.25rem 0 0 1.25rem;
}

.visitCheck,
.form-check {
	padding: 0.5rem 0 0 1.25rem;
}

.visitCheck input,
.visitCheckFirst input,
.form-check input {
	position: inherit;
	zoom: 130%;
}

.prevArrow,
.nextArrow {
	cursor: pointer;
	color: #142384;
}

.spaceArrow {
	display: inline-block;
	width: 20px;
}

.visitArrow {
	/* text-align: center; */
	padding: 10px 0;
}

.ql-container,
.ql-editor {
	resize: vertical;
	overflow-y: scroll;
}

#comment {
	height: min-content;
	max-height: 200px;
	margin-bottom: 20px;
}

#motif,
#travaux {
	height: min-content;
	max-height: 500px;
	margin-bottom: 20px;
}

#motif_client,
#travaux_client {
	height: 30vh;
	max-height: 150px;
	margin-bottom: 20px;
	background-color: white;
}

.clientView {
	background-color: #ff7676;
	padding: 10px 10px;
	margin-bottom: 10px;
}

.adminTab {
	padding: 15px;
}

.adminTable {
	margin-top: 15px;
}

@media print {
	.groupActions {
		display: none !important;
	}
}

.unclickable {
	pointer-events: none;
}

.alwaysClickable {
	pointer-events: initial !important;
}

.customerName {
	font-size: 2em;
}

.visitCustomerName {
	text-align: center;
	font-size: 1.5em;
	color: black;
}

@media (min-width: 992px) {
	.modal-lg {
		max-width: 50% !important;
	}
}

input:hover {
	cursor: pointer;
}

@media (max-width: 768px) {
	#visitForm .form-group {
		text-align: left !important;
	}

	#wrap-page {
		padding: 0px !important;
	}

	#motif,
	#travaux,
	#comment {
		height: auto !important;
	}

	.workOrderButtons h2,
	.pink-text,
	.totalPrice {
		font-size: 13px !important;
	}

	.workOrderSteps .col-md-6.d-flex.justify-content-between.align-items-baseline {
		justify-content: flex-start !important;
		column-gap: 20px !important;
	}

	#supplies-responsive tfoot {
		display: none !important;
	}

	.observations-container {
		display: block !important;
	}

	.workOrderButtons h2.previous {
		display: flex !important;
		flex-direction: column-reverse !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		margin-top: 20px !important;
	}

	.workOrderButtons h2.next {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-end !important;
		align-items: flex-end !important;
		margin-top: 20px !important;
	}

	.exchangesRecap .children,
	.freonsRecap .children {
		max-height: 230px !important;
		height: inherit !important;
	}
}

.child {
	font-weight: 500 !important;
}

.w-100.text-right.checkboxes {
	display: flex;
	align-items: baseline;
	flex-direction: column;
	margin-bottom: 10px;
}

.visitCheck:hover > * {
	cursor: pointer;
}

.pink-text {
	color: #f08700;
}

input[type="text"] {
	cursor: text;
}

.form-check label {
	cursor: pointer;
	padding: 10px;
}

.exchanges .children,
.freons .children,
.exchangesRecap .children,
.freonsRecap .children {
	height: 260px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-left: 20px;
}

.children.disabled * {
	cursor: not-allowed;
	opacity: 0.6;
	transition: 0.2s;
	pointer-events: none;
}

.form-check-input {
	margin-top: 0px;
	margin-right: 3px;
}

.form-check-label {
	width: 100%;
	display: flex;
	align-items: center;
	align-self: baseline;
}

.workOrderButtons {
	margin-top: 20px;
}

.workOrderButtons .next {
	justify-content: end;
	flex-direction: initial;
	align-items: center;
	display: flex;
	width: 50%;
	column-gap: 10px;
	cursor: pointer;
}

.cursorPointer {
	cursor: pointer;
}

.workOrderButtons .previous {
	justify-content: start;
	flex-direction: initial;
	align-items: center;
	display: flex;
	width: 50%;
	column-gap: 10px;
	cursor: pointer;
}

.blueBtn {
	background-color: #0d3b66;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 10px 20px;
}

.bigGreenBtn {
	background-color: #73d951;
	color: black;
	border-radius: 20px;
	font-weight: bold;
	font-size: large;
	padding: 10px 20px;
}

.greyBtn {
	background-color: #0d3b66;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 10px 20px;
}

.greenBtn {
	background-color: #73d951;
	color: black;
	border-radius: 20px;
	font-weight: bold;
	padding: 10px 20px;
}

.redBtn {
	background-color: #e05263;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 10px 20px;
}

.redBtnSmall {
	background-color: #e05263;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 2px 6px;
}

.blueBtnSmall2 {
	background-color: #0d3b66;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 2px 6px;
}

.blueBtnSmall {
	background-color: #0d3b66;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 5px 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.greenBtnSmall {
	background-color: #73d951;
	color: black;
	border-radius: 20px;
	font-weight: bold;
	padding: 5px 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.greyBtnSmall {
	background-color: #616365;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	padding: 5px 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.step-circles {
	width: 200px;
	margin: 30px auto auto auto;
	display: flex;
	justify-content: space-between;
}

.step-circles .rounded-circle {
	cursor: pointer;
	background: #d2d2d2;
	height: 30px;
	width: 30px;
	transition: 0.2s;
}

.step-circles .rounded-circle.active {
	background: #fc03db;
	transition: 0.2s;
}

input::placeholder {
	color: grey !important;
	opacity: 0.4 !important;
}

textarea:not(.select2-search__field) {
	min-height: 50px;
	max-height: 500px;
}

input:disabled {
	cursor: not-allowed;
}

.opacity-0 {
	opacity: 0 !important;
	transition: 0.2s;
}

.opacity-100 {
	opacity: 100 !important;
	transition: 0.2s;
}

.adminView .workOrderButtons,
.adminView .step-3 .workOrderButtons .previous,
.adminView .step-4 .workOrderButtons .previous {
	display: none;
}

.adminView .step-3 .workOrderButtons,
.adminView .saveBtn {
	display: flex;
	justify-content: flex-end;
	margin-top: 3vw !important;
}

.adminView .step-3 .workOrderButtons span:not(.pink-text) {
	color: transparent;
}

.adminView .row.step-circles.main {
	display: none;
}

.adminView {
	display: flex;
	flex-direction: column;
	row-gap: 50px;
}

td.child {
	background: #d8d8d8;
}

.readOnlyWordOrder .workOrderSteps h2,
.readOnlyWordOrder .recapBanner svg {
	display: none;
}

.visitWorkOrdersSummary span {
	font-weight: normal !important;
}

.visitWorkOrdersSummary {
	font-size: 14px;
}

.input-group-prepend span {
	white-space: pre-wrap;
}

#comment .ql-editor {
	background: #e9ecef;
	cursor: not-allowed;
}
.hidden {
	display: none;
	opacity: 0;
}
#dataVisit-responsive td {
	vertical-align: baseline;
}
#dataVisit-responsive .quilText p {
	margin-bottom: 0px;
}
#dataVisit-responsive .quilText {
	width: 200px;
	display: -webkit-box;
	-webkit-line-clamp: 20;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#visitHistory {
	padding-left: 0px;
}
.btnWorkorder {
	padding: 3px 6px !important;
}
#dataVisit-responsive tbody td {
	padding: 5px 5px;
}
#dataVisit-responsive thead > tr > th.sorting {
	padding: 5px 20px 5px 5px;
	padding-right: 20px;
}
.ql-disabled {
	background-color: #e9ecef;
}

form#addEquipment .select2.select2-container {
	width: 100% !important;
}

.h-0 {
	height: 0;
}

.question-mark {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #ccc;
	text-align: center;
	cursor: pointer;
}

.question-mark:before {
	content: "?";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}

.popup {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	padding: 10px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	z-index: 999;
	display: none;
}

.question-mark:hover .popup {
	display: block;
}

.greenBg {
	background-color: #73d951;
}

.yellowBg {
	background-color: #f4f351;
	padding: 10px;
}
.sendRecapMailContainer {
	margin: auto;
	width: fit-content;
	font-size: 1.4em;
	color: gray;
	display: flex;
	text-align: center;
	gap: 3px;
	margin-top: 10px;
	margin-bottom: -10px;
}
.sendRecapMailContainer label {
	margin-bottom: 0px;
	cursor: pointer;
}
.sendRecapMailContainer input {
	transform: scale(1.4);
}
#sendRecapMail:checked + label[for="sendRecapMail"] {
	color: black !important;
}

#suggestions-type {
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
}
#suggestions-type .list-group-item {
	cursor: pointer;
}
#suggestions-type .list-group-item:hover {
	background-color: #f8f9fa;
}

#suggestions-brand {
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
}
#suggestions-brand .list-group-item {
	cursor: pointer;
}
#suggestions-brand .list-group-item:hover {
	background-color: #f8f9fa;
}

#suggestions-equipment {
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
}
#suggestions-equipment .list-group-item {
	cursor: pointer;
}
#suggestions-equipment .list-group-item:hover {
	background-color: #f8f9fa;
}
#select2-selectedEquipment-results .select2-results__options--nested .select2-results__option {
	padding-left: 20px !important;
}
#select2-selectedEquipment-results .select2-results__group {
	color: #888;
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 5px 10px;
	border-radius: 4px;
}