/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.hide {
	display: none !important;
}

.fw-bolder {
	font-weight: 600 !important;
}

.me-25 {
	margin-right: 0.25rem !important;
}

.title-icon {
	color: #ff781a !important;
	background: rgb(55, 66, 123) !important;
}

.button-icon {
	color: #37427b !important;
	background-color: #fff !important;

}

.nav-pills .fc-button-primary {
	border-radius: 0 !important;
}

.nav-pills .nav-item:first-child .nav-link.fc-button-primary {
	border-radius: .358rem 0 0 .358rem !important;
}

.nav-pills .nav-item:last-child .nav-link.fc-button-primary {
	border-radius: 0 .358rem .358rem 0 !important;
}

.nav-pills .nav-item:only-child .nav-link.fc-button-primary {
	border-radius: .358rem !important;
}

.map-btn-group {
	position: absolute;
	z-index: 10;
	right: 0px;
}


.nav-pills .nav-link.fc-button-primary.active {
	/* color: rgb(55, 66, 123)!important;
	background: #ff781a!important;
	border-color: #37427b !important; */
	background-color: rgba(115, 103, 240, 0.2) !important;
	border-color: #37427b !important;
	color: #37427b !important;
}

.nav-pills .nav-link.fc-button-primary {
	color: rgb(55, 66, 123) !important;
	background: #fff !important;
	border-color: #37427b !important;
}

.nav-pills .nav-link.active {
	color: #fff !important;
	background: rgb(55, 66, 123) !important;
}

.nav-pills .nav-link.active a.button-icon {
	color: #fff !important;
}

ickr-calendar .flatpickr-day.today {
	border-color: #37427b !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
	border-color: #37427b !important;
	background: #e65e00 !important;
}

table.padding-small td {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.matched-height>[class*='col'] {
	display: flex !important;
	flex-flow: column !important;
}

.matched-height>[class*='col']>.card {
	flex: 1 1 auto !important;
}

.modal-slide-in .modal-dialog.sidebar-lg {
	min-width: 35rem !important;
}

.apexcharts-toolbar {
	display: flex !important;
}

.avatar-group .avatar .avatar-content {
	background-color: transparent !important;
}

.nav-pills .nav-link .avatar svg {
	margin-right: 0px !important;
}

.nav-tabs .nav-link.active:after {
	background-color: #37427b !important;
}

@media only screen and (max-width: 600px) {
	.nav-pills .with-icon {
		font-size: 0px !important;
	}

	.btn.with-icon {
		font-size: 0px !important;
	}

	.nav-pills .nav-link i,
	.nav-pills .nav-link svg,
	.nav-tabs .nav-link i,
	.nav-tabs .nav-link svg {
		margin-right: 0px !important;
	}

	.modal-slide-in .modal-dialog.sidebar-lg {
		min-width: 100% !important;
	}

	.select2-dropdown {
		width: 100% !important;
	}

	.select2-container {
		width: 80% !important
	}

	.picker__input.form-control {
		width: fit-content;
	}

	.display-4 {
		font-size: 2.5rem;
	}

	.apexcharts-toolbar {
		display: none !important;
	}

	.swal2-modal {
		width: 100% !important;
	}

	.lead-header {
		display: block !important;
		text-align: center !important;
	}

	.modal-dialog {
		max-width: 100% !important;
	}

	.leaflet-popup-content {
		width: 220px !important;
	}

	.swal2-html-container {
		word-wrap: unset !important;
		word-break: unset !important;
	}
}


@media (min-width: 576px) {
	.nav-pills .with-icon {
		font-size: 0px !important;
	}

	.btn.with-icon {
		font-size: 0px !important;
	}

	.nav-pills .nav-link i,
	.nav-pills .nav-link svg,
	.nav-tabs .nav-link i,
	.nav-tabs .nav-link svg {
		margin-right: 0px !important;
	}

	.modal-dialog {
		max-width: 100% !important;
	}

	.leaflet-popup-content {
		width: 220px !important;
	}

	.swal2-html-container {
		word-wrap: unset !important;
		word-break: unset !important;
	}

	.swal2-modal {
		width: 100% !important;
	}
}

@media (min-width: 768px) {
	.nav-pills .with-icon {
		font-size: 0px !important;
	}

	.btn.with-icon {
		font-size: 0px !important;
	}

	.nav-pills .nav-link i,
	.nav-pills .nav-link svg,
	.nav-tabs .nav-link i,
	.nav-tabs .nav-link svg {
		margin-right: 0px !important;
	}

	.leaflet-popup-content {
		width: 220px !important;
	}

	.swal2-html-container {
		word-wrap: unset !important;
		word-break: unset !important;
	}

	.swal2-modal {
		width: 100% !important;
	}

}

@media (min-width: 992px) {
	.nav-pills .with-icon {
		font-size: 1rem !important;
	}

	.btn.with-icon {
		font-size: 1rem !important;
	}

	.nav-pills .nav-link i,
	.nav-pills .nav-link svg,
	.nav-tabs .nav-link i,
	.nav-tabs .nav-link svg {
		margin-right: 0.5rem !important;
	}

	.modal-dialog {
		max-width: 100% !important;
	}

	.leaflet-popup-content {
		width: 240px !important;
	}

	.swal2-html-container {
		word-wrap: unset !important;
		word-break: unset !important;
	}

	.swal2-modal {
		width: 50% !important;
	}
}

@media (min-width: 1200px) {
	.nav-pills .with-icon {
		font-size: 1rem !important;
	}

	.btn.with-icon {
		font-size: 1rem !important;
	}

	.nav-pills .nav-link i,
	.nav-pills .nav-link svg,
	.nav-tabs .nav-link i,
	.nav-tabs .nav-link svg {
		margin-right: 0.5rem !important;
	}

	.leaflet-popup-content {
		width: 270px !important;
	}

	.swal2-modal {
		width: 40% !important;
	}
}

@media (min-width: 1440px) {
	.nav-pills .with-icon {
		font-size: 1rem !important;
	}

	.btn.with-icon {
		font-size: 1rem !important;
	}

	.nav-pills .nav-link i,
	.nav-pills .nav-link svg,
	.nav-tabs .nav-link i,
	.nav-tabs .nav-link svg {
		margin-right: 0.5rem !important;
	}

	.leaflet-popup-content {
		width: 275px !important;
	}

	.swal2-modal {
		width: 30% !important;
	}
}

.select2-selection__clear {
	font-size: 25px;
}

.scroll-top {
	position: fixed !important;
	bottom: 5% !important;
	right: 8px !important;
	z-index: 99 !important;
}

.select2-container--classic .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ffb480 !important;
	color: #fff !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #37427b !important;
	border-color: #37427b !important;
	color: #FFF !important;
}

.select2-container--classic .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted {
	background-color: #cacfe7 !important;
	color: #37427b !important;
}



.avatar.bg-light-primary {
	color: rgb(255, 150, 77) !important;
}

.alert-primary,
.bg-light-primary {
	background: #37427b !important;
	color: rgb(255, 150, 77) !important;
}

a {
	color: #e65e00 !important;
}


.alerts-border {
	border: 3px #28C76F solid;

	animation: blink 1s;
	animation-iteration-count: infinite;
}



.collapse-costing th {
	background-color: rgb(255, 210, 179) !important;
}

.collapse-button {
	background-color: rgb(255, 210, 179) !important;
}

.text-cq-blue {
	color: #37427b !important;
}

.text-cq-orange {
	color: #e65e00 !important;
}

table.costing-table tbody td {
	background-color: rgb(255, 240, 229) !important;
}

table thead td {
	background-color: rgb(55, 66, 123) !important;
	/* color: rgb(255, 150, 77); */
	color: #FFF !important;
}

table.gdfTable thead th {
	background-color: #EEEEEE !important;
	color: #555 !important;
}

table thead th {
	background-color: rgb(55, 66, 123) !important;
	color: #fff !important;
}

.fc-timeline-slot-cushion {
	color: #fff !important;
}


.bg-light-blue td {
	background-color: rgb(202, 207, 231) !important;
}

.swal2-styled.swal2-confirm {
	color: #37427b !important;
	background: rgb(255, 255, 255) !important;
	-webkit-box-shadow: 0 1px 1.5px 1px rgb(0 0 0 / 12%);
	box-shadow: 0 1px 1.5px 1px rgb(0 0 0 / 12%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.swal2-styled.swal2-cancel {
	color: #37427b !important;
	background: rgb(255, 255, 255) !important;
	-webkit-box-shadow: 0 1px 1.5px 1px rgb(0 0 0 / 12%);
	box-shadow: 0 1px 1.5px 1px rgb(0 0 0 / 12%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.chat-application .sidebar-content .chat-user-list-wrapper li.active {
	background-image: none !important;
	background-repeat: none !important;
	background-color: #848fc8 !important;
}

.chat-app-window .chats .chat-body .chat-content {
	background-image: none !important;
	background-repeat: none !important;
	background-color: #47559e !important;
}

.chat-app-window .chats .chat-left .chat-body .chat-content {
	background-color: #fff !important;
}

.dropdown-item.active,
.dropdown-item:active {
	background: #37427b !important;
}

.form-control:focus {
	border-color: #37427b !important;
}

.custom-switch-warning .custom-control-input:checked~.custom-control-label::before {
	color: #37427b !important;
	background: #ff781a !important;
	transition: all 0.2s ease-out;
}

.page-item.active .page-link {
	color: #ff781a !important;
	background: rgb(55, 66, 123) !important;
}


.main-menu .navbar-header .navbar-brand .brand-text {
	color: #FFF !important;
}


.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
	background-color: rgba(115, 103, 240, 0.2) !important;
	border-color: #37427b !important;
	color: #37427b !important;

}

.fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button,
.fc .fc-toolbar .fc-button-group .fc-timeGridWeek-button,
.fc .fc-toolbar .fc-button-group .fc-timeGridDay-button,
.fc .fc-toolbar .fc-button-group .fc-listMonth-button {
	padding: 0.2rem 0.5rem !important;
}

.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
	background-color: transparent;
	border-color: #37427b;
	color: #37427b;

}


time.icon {
	font-size: 1em;
	/* change icon size */
	display: block;
	position: relative;
	width: 3em;
	height: 3em;
	background-color: #fff;
	border-radius: 0.3em;
	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	overflow: hidden;
}

time.icon * {
	display: block;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}


time.icon strong {
	position: absolute;
	top: 0;
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #fff;
	background-color: #37427b;
	border-bottom: 1px dashed #37427b;
}

time.icon em {
	position: absolute !important;
	bottom: 0.15em !important;
	color: #fd9f1b !important;
}


time.icon span {
	font-size: 2.8em;
	letter-spacing: -0.05em;
	padding-top: 0.8em;
	color: #2f2f2f;
}

.header-low {
	border-left: 10px solid rgba(130, 134, 139, .12) !important;
}

.header-medium {
	border-left: 10px solid #7367F0 !important;
}

.header-high {
	border-left: 10px solid #EA5455 !important;
}

.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i,
.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active svg {
	color: #ff781a !important;
}

.border-cq {
	border-color: #37427b !important;
}

.alerts-arrow {
	border-color: #28C76F !important;
	animation: arrowblink 1s;
	animation-iteration-count: infinite;
}

.order-0 {
	animation: order 1s;
	animation-iteration-count: infinite;
}

.navbar-dark {
	background: #10163a !important;
}

.swiper-centered-slides .swiper-button-next:after,
.swiper-centered-slides .swiper-button-prev:after {
	background-color: #ff781a !important;
}

.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active {
	border: 2px solid #37427b !important;
}

.nav-pill-cq .nav-item .nav-link.active {
	box-shadow: none !important;
	background-color: #37427b !important;
	color: rgb(255, 150, 77) !important;
	border: 0 solid #fff !important;
}


.nav-pills .categoty-filter {
	color: rgb(255, 150, 77) !important;
}


.main-menu.menu-dark .navigation li a span {
	color: #fff !important;
}

.main-menu.menu-dark .navigation>li .active>a {
	background-color: #47559e !important;
}

.main-menu.menu-dark .navigation>li ul .active {
	background-color: #47559e !important;
	background: #47559e !important;
	box-shadow: none !important;
	color: #FFF !important;
	font-weight: 400;
}

.main-menu.menu-dark .navigation>li.active {
	background-color: #47559e !important;
}

.main-menu.menu-dark .navigation>li.active>a {
	background-color: #47559e !important;
	background: #47559e !important;
	box-shadow: none !important;
	color: #FFF !important;
	font-weight: 400;
}

.main-menu.menu-dark .navigation li a {
	line-height: 1.7 !important;

}

.navigation li:not(:last-child) {
	border-bottom: 0.5px solid #282f58;
}

.header-navbar {
	min-height: 5rem !important;
}

.fc .fc-col-header-cell-cushion {
	color: #fff !important;
}

.ganttButtonBar {
	position: relative;
	z-index: 2;
	background-color: #37427b !important;
	border-bottom: 1px solid #959595;
	padding: 5px 0 5px 10px;
}

.ganttButtonSeparator {
	border-left: 2px solid rgb(255, 150, 77) !important;
}

.teamworkIcon {
	color: #fff !important;
}

.fc .fc-day-today {
	background-color: #cacfe7 !important;

}

.fc th.fc-day-today a.fc-col-header-cell-cushion {
	color: #37427b !important;

}

.main-menu .shadow-bottom {
	background: none !important;
}

.btn.btn-sm.btn-icon.waves-float {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.select2-dropdown {
	z-index: 2 !important;
}

.modal-close {
	color: #37427b !important;
}

.h-20m {
	min-height: 20em;
}

.h-10m {
	min-height: 10em;
}

.h-15m {
	min-height: 15em;
}

.m-h20em {
	max-height: 20em;
}

.draw-control {
	cursor: crosshair !important;
	/* fallback if grab cursor is unsupported */
	cursor: crosshair !important;
	cursor: -moz-crosshair !important;
	cursor: -webkit-crosshair !important;
}

.leaflet-popup-close-button {
	color: #37427b !important;
}

.leaflet-bar a {
	color: #37427b !important;
}

.leaflet-marker-icon b {
	font: 11px/1.5 'Montserrat', Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	margin: 10px 7px auto !important;
}

.leaflet-marker-icon.marker-cluster span {
	font: 11px/1.5 'Montserrat', Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 30px !important;
}

.select2-container--open {
	z-index: 1060 !important;
}

.swal2-input[type=number] {
	max-width: 100% !important;
	overflow-x: auto !important;
}

.swal-wide {
	width: 80% !important;
	overflow-x: auto !important;
}

.swal-wide-60 {
	width: 60% !important;
	overflow-x: auto !important;
}

.swal-wide-100 {
	width: 100% !important;
}

.flatpickr-calendar.animate.open {
	z-index: 9999;
}

.v-align-text-center {
	vertical-align: middle;
}

#calendar_timeline_check {
	height: 100% !important;
}

.fc .fc-daygrid-event-harness .fc-event {
	overflow: hidden;
	text-overflow: ellipsis;
}

.avatar [class*=avatar-status-].avatar-status-lg,
.avatar [class*=avatar-status-].avatar-status-xxl {
	width: 20px;
	height: 20px;
	border-width: 0px;
}

@media only screen and (max-width: 600px) {
	.swal-wide {
		width: 100% !important;
		overflow-x: auto !important;
	}

	.swal-wide-60 {
		width: 100% !important;
		overflow-x: auto !important;
	}
}

@keyframes blink {
	50% {
		border-color: #fff;
	}
}

@keyframes order {
	50% {
		background-color: #e2742a;
	}
}

@keyframes arrowblink {
	50% {
		color: #37427b;
	}
}

.apexcharts-menu {
	text-align: left !important;
}

#contactTable table thead th {
	padding: 0.72rem 0.8rem !important;
}

#clientTable table thead th {
	padding: 0.72rem 0.9rem !important;
}


#assets-table table thead th {
	padding: 0.72rem 0.9rem !important;
}

#client-table table thead th {
	padding: 0.72rem 0.9rem !important;
}

#team-table table thead th {
	padding: 0.72rem 0.9rem !important;
}

#product-list-table table thead th {
	padding: 0.72rem 0.9rem !important;
}

.pl-05 {
	padding-left: 5px;
}

.card-no-border {
	display: none;
}

.cursor-default {
	cursor: default;
}

.gray-text {
	color: #6E6B7B !important;
}

.fs-12 {
	font-size: 14px !important;
	color: #000 !important
}

.editable-date {
	border: 3px #1d1d1d solid !important;
}

#calendar_timeline_check .fc-view-harness {
	min-height: 0% !important;
}

/* 
svg:hover {
	transform: scale(1.2);
} */

#heading-costing-title {
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.m-25 {
		margin: 0.1rem !important;
	}
}

/* mobile css codes here */
@media (max-width: 768px) {
	body {
		font-size: 10px !important;
	}



	.col-X {
		padding: 0 !important;
	}

	.col-X-1 {
		padding: 5px !important
	}

	.select2 {
		width: 100% !important;
	}

	.m-text {
		display: none !important;
	}

	.pagination {
		display: flex;
		flex-wrap: wrap;
	}

	.page-item {
		margin-bottom: 5px;
	}

	.page-link {
		padding: 5px 10px;
		font-size: 14px;
	}

	.modal-address {
		margin-top: 10px;
	}

	/* for calendar module page */
	.fc-sidebarToggle-button {
		display: none !important;
	}

	.fc-button-group {
		margin-left: 5px !important;
	}



	.fc-daygrid-event-dot {
		display: none;
	}

	.fc-daygrid-day {
		padding: 0px !important;
	}

	.fc-event {
		padding: 0px !important;
		color: #000 !important;
		font-size: 8px !important;
	}

	.fc-event-title {
		overflow: unset !important;
		white-space: normal !important;
	}

	.fc-event-time {
		display: none !important;
	}

	.fc-event {
		white-space: normal !important;
	}


	/* responsive in modal of costing */
	#costing-main-menu {
		display: -webkit-box;
	}

	.pl-16 {
		padding-left: 16px;
	}

	.mt-15 {
		margin-top: 15px;
	}

	.costing-product-table>table {
		width: 100%;
		border-collapse: collapse;
	}

	.costing-product-table>table>tbody>tr>td:not(:first-child) {
		display: none;
	}

	.costing-product-table>table>thead,
	.product-address-table>table>thead {
		display: none;
	}

	.card-no-border {
		display: block;
		box-shadow: none !important;
		background-color: transparent !important;
	}

	.calculate_product,
	.duplicate-form,
	.add-costing {
		background-color: transparent !important;
	}

	#heading-costing-title {
		display: none;
	}

	.p-01 {
		padding: 5px;
	}



}