@import url("colors.css");

a {
	white-space: nowrap !important;
}

#container-dashboard {
	min-height: 100vh;
}

@media only screen and (max-width: 1024px) {

	.login-section {
		margin-top: 5rem;
		margin-bottom: 3rem;
	}
	.wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}


}

@media only screen and (min-width: 1024px) {
	.screen-height {
		min-height: 100vh !important;
		padding-top: 1rem;
		padding-bottom: 2.5rem;
	}

	.login-section {
		max-width: 475px;
	}

	.login-section {
		margin-top: 0rem;
	}

	.footer {
		position: absolute;
		bottom: 0;
	}

	.container {
		height: 100vh;
	}
}

@media only screen and (min-width: 980px) {
	.body-login {
		background-image:  url( '/images/bg-login-desktop.png' );
		background-size: cover;
		background-position: center;
	}
}

@media only screen and (max-width: 980px) {
	.body-login {
		background-image: url( '/images/bg-login-mob.png' );
		background-size: cover;
		background-position: center;
	}

	.jobs-complete svg {
		path {
			opacity: 0;
		}
		foreignObject {
			x: 0;
			y: 0;
			p {
				font-size: 1.5em !important;
			}
			h2 {
				font-size: 3em;
			}
			h4 {
				font-size: 2.5em;
			}
			h6 {
				font-size: 2em;
			}
		}
	}
}


sup.supTM { font-size: 0.5em; }

.clean-img {
	padding-left: 10px;
	padding-right: 10px;
}

.btn-icon:hover img {
	filter: brightness(0) invert(1);
}

.theme2 .theme2.accordion-button {
	font-size: inherit;
	padding: 2px 10px 0 0 !important;
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.theme2 ul.accordion-body {
	line-height: 1rem !important;
}

.theme2 .accordion-body li a {
	width: auto !important;
}

.theme2 .accordion {
	--bs-accordion-border-color: none;
}

.on .accordion-button span {
	color: white !important;
	font-weight: normal;
}

.nav-option {
	background-color: var(--bs-orange);
	border-radius: 5px;
	width: 14rem;
}


.theme2 ul#nav li.on.nav-option a, ul#navOfia li.on.nav-option a, ul#navMyCust li.on.nav-option a {
	color: white !important;
	background: none !important;
}

.theme2 ul#nav li a, ul#navOfia li a, ul#navMyCust li a {
	font-size: 100% !important;
	color: var( --bs-black ) !important;
	width: 14rem;
}

.theme2 ul#nav li a:hover, ul#navOfia li a:hover, ul#navMyCust li a:hover {
	border-radius: 5px;
	background: none !important;
	color: white !important;
	background-color: var(--bs-secondary) !important;
}

.theme2 a.submenu:hover {
	background-color: red !important;
}

.theme2 ul#nav button, ul#navOfia button, ul#navMyCust button {
	text-align: start;
}

.theme2 ul#nav li ul li ul li, ul#navOfia li ul li ul li, ul#navMyCust li ul li ul li {
	font-family: inherit !important;
}

.theme2 .btn-logout {
	text-align: end;
	width: 14rem;
}

.theme2 .btn-logout svg:hover path {
	fill: var(--orange-80);
}

.main-tab-installhub:hover {
	background: var(--red-80) !important;
	a {
		color: var(--white) !important;
	}
}

.main-tab-customer:hover {
	background: var(--blue-80) !important;
	a {
		color: var(--white) !important;
	}
}

.theme2 .off.main-tab-customer {
	background: #CCE7F8 !important;
}

.main-tab-classic:hover {
	background: var(--orange-80) !important;
	a {
		color: var(--white) !important;
	}
}

#termsModal .modal-body {
	font-size: 16px;
}

.close-theme2 {

	font-size: large;
	height: fit-content;

	.btn-close {
		margin: 0;
		opacity: 1;
		filter: var(--filter-color-secondary);
	}

	.btn-close:hover {
		filter: brightness(0) invert(1);
	}
	.close:hover {
		background-color: var(--bs-secondary);
	}

}

.theme2 table.treetable {
	border: 0;
	thead tr th {
		border: 0;
	}
}

.theme2 #table-wrapper .dt-layout-row.dt-layout-table {
	overflow-x: scroll;
	max-height: 80vh;
	border-radius: 0.5rem !important;
}

.theme2 div.dt-container, .theme2 div.dt-layout-cell{
	 padding: 0 !important;
}

.theme2 .close-modal {

	font-size: large;
	height: fit-content;

	.btn-close {
		margin: 0;
		opacity: 1;
		filter: var(--filter-color-secondary);
	}

	.btn-close:hover {
		filter: brightness(0) invert(1);
	}

}

.theme2 .close-modal:hover {
	background-color: var(--bs-orange);
}

.close-theme2:hover {
	background-color: var(--bs-secondary);
}

.tabs-theme2 {
	.nav-link.active {
		border-color: var(--bs-secondary);
		background-color:  var(--bs-secondary);
		color: var(--white) !important;
	}

	.nav-link {
		border-color: var(--bs-secondary-subtle);
		background-color:  var(--bs-secondary-subtle);
		color: var(--bs-secondary) !important;
	}
}

.theme2 {
	table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
	table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
	table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
	table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
	table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
	table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
	table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
	table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
		right: 0 !important;
	}
}

.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.datepicker-container {
    position: relative !important;
    display: inline-block !important;

    input {
        padding-right: 35px !important; /* Adjust space for the calendar icon */
    }

    button {
        position: absolute !important;
        top: 50% !important;
        right: 10px !important;
        transform: translateY(-50%) !important;

        img {
            padding: 5px 10px;
            background: white !important;
            content: url('/images/calendar3.svg');
        }
    }
}

.z-top {
	z-index: 1056 !important;
}

.pdf-icon {
	img{
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.001" height="21.846" viewBox="0 0 20.001 21.846"><path id="Path_170" data-name="Path 170" d="M2.859,2.877l12.57-1.795a.5.5,0,0,1,.571.5V22.423a.5.5,0,0,1-.57.495l-12.572-1.8A1,1,0,0,1,2,20.133V3.867a1,1,0,0,1,.859-.99ZM17,3h4a1,1,0,0,1,1,1V20a1,1,0,0,1-1,1H17Zm-6.8,9L13,8H10.6L9,10.286,7.4,8H5l2.8,4L5,16H7.4L9,13.714,10.6,16H13Z" transform="translate(-1.999 -1.077)" fill="%23F7941D"/></svg>');
	}
}

.pdf-icon:hover {
    img {
        filter: brightness(0) invert(1);
    }
}

.ck .ck-powered-by {
	display: none;
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
	height: 300px;
	overflow-y: auto;
}



.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next, .carousel-control-next:hover,
.carousel-control-prev, .carousel-control-prev:hover {
	opacity: 1 !important;
}

.carousel-indicators button.thumbnail {
	width: 70px !important;
	height: 60px !important;
}
.carousel-indicators button.thumbnail:not(.active) {
	opacity: 0.7 !important;
}
.carousel-indicators {
	position: static !important;
	button.active div {
		border: solid 4px #F77E23;
	}
}

.note-editing-area {
	background-color: white;
}


.note-dropdown-menu li {
	list-style-type: none !important;
}

form {
	margin-bottom: 1em;
}

.tinymce-text {
	p {
		padding-bottom: 20pt !important;
	}

	th,
	td {
	border-width: 1px;
	}
}

.icon-chat { mask-image: url( "/images/ico-chat.svg" ); }
.icon-share { mask-image: url( "/images/ico-share.svg" ); }
.icon-spinner {
	mask-image: url( "/images/ico-spinner.svg" );
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}