.app-content{

    background-color: transparent;

    border: 0px;

    padding-top: 0px;

}

.card .card-header{

    padding: 0 1rem;

    min-height: auto;

}

.card .card-body {

    padding: 2rem 1rem;

}

.menu-item .menu-link{

    padding: .65rem 1rem .65rem 0rem;

}

.datatable thead th{

    padding: 5px 0px !important;

}

.datatable, .datatableSearchable, .datatable_pag{

    font-size: 12px !important;

}

.datatable .btn-dark{

    padding: 2px 0px !important;

}

.datatable tbody tr:hover{

    cursor: pointer;

}

.datatableSearchable tbody td,.datatable_pag tbody td{

	padding-top: 0.25rem !important;

    padding-bottom: 0.25rem !important;

}

.datatableSearchable .btn-light,.datatable_pag .btn-light{

    padding: 2px 0px !important;

}

.nav-line-tabs .nav-item .nav-link{

    font-weight:bold;

}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link{

    border-bottom-width: 4px;

    color: var(--bs-primary);

}

.verticle-border-right-1{

    border-right:1px solid #c7c7c7;

}

.height-100{

	height:100px !important;

}

.text-right{

	text-align: right !important;

}

.btn-round{

	border-radius: 25px;

    padding: 4px 15px !important;

}

.mr-4{

	margin-right:10px;

}

.form-check-label {

    color: #000000;

}

.alert-dismissible {

    padding-right: 0px;

}

.alert-dismissible .btn.btn-icon{

    height: auto;

}

.alert-dismissible .errors ul{

	margin-bottom: 0px;

	list-style: none;

}

.table .active{

	box-shadow: inset 0 0 0 9999px rgb(23 113 241 / 20%);

}

.table:not(.table-bordered) td:first-child{

	padding-left: 5px;

}

/*search button*/

.button {

	display: inline-block;

	margin: 4px 2px;

	background-color: #444;

	font-size: 14px;

	padding-left: 32px;

	padding-right: 32px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	color: white;

	text-decoration: none;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



.button:hover {

	transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	background-color: white;

	color: black;

}

.search-container {

	position: relative;

	display: inline-block;

	/* margin: 4px 2px; */

	height: 35px;

	width: 35px;

	vertical-align: bottom;

}



.mglass {

	display: inline-block;

	pointer-events: none;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

}



.searchbutton {

	position: absolute;

	font-size: 22px;

	width: 100%;

	margin: 0;

	padding: 0;

}



.search:focus + .searchbutton {

	transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	background-color: #f9f9f9;

	color: black;

}



.search {

	position: absolute;

	left: 34px; 

	background-color: #f9f9f9;

	outline: none;

	border: none;

	padding: 0;

	width: 0;

	height: 100%;

	z-index: 10;

	transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

}



.search:focus {

	width: 290px; 

	padding: 0 16px 0 0;

}



.expandright {

	left: auto;

	right: 49px; 

}



.expandright:focus {

	padding: 0 0 0 16px;

}

a.menu-link {

    padding: 0px !important;

}

.custom-field{

	border: 0px;

    border-bottom: 1px solid var(--bs-gray-300);

    border-radius: 0px;

    padding: 0px;

    min-height: 10px;

}

.draggble_tr .up-down-arrow .ki-up-down:hover{

	cursor:move;

	color: green;

}

.draggble_tr .up-down-arrow .ki-trash:hover{

	cursor:pointer;

	color: red;

}



.draggble_tr td{

	padding:0px;

}

.draggble_tr .up-down-arrow{

	vertical-align: middle;

	text-align: center;

}

.form-switch.form-check-solid .form-check-input:not(:checked) {

    background-color: #b0b0b0;

}



.popup-bg{

	background-color: var(--bs-app-bg-color);

}

.transactions_popup .modal-footer{

	padding:0px;

}

.transactions_popup .input-group-text {

    padding: .5rem 0.2rem;

    border-radius: .35rem;

}

.transactions_popup #discount_per_span{

	font-size: 10px;

    font-weight: 900;

}

.transactions_popup .file-input {

	display: none;

}

.bl-1{

	border-left: 1px solid #ececec;

}

.table-responsive .menu-item .menu-link {

    padding: .65rem 1rem .65rem 1rem !important;

}

.select2-close-mask{

    z-index: 2099;

}

.select2-dropdown{

    z-index: 3051;

}

/* .select2-container{

    z-index:100000;

} */

.fixed_bottom{

	position: fixed;

    bottom: 0px;

    width: 100%;

}

.fixed_top{

	position: fixed;

    top: 0px;

    width: 100%;

	z-index: 9999999;

}

#fileInput,#fileInput2 ,#fileInput3{

	display:none;

}

#discount_per_span{

	font-size: .95rem;

    border-top-right-radius: .35rem;

    padding: 6px;

    border-bottom-right-radius: .35rem;

}

#party_transactions_wrapper th{

	padding-top: 0.25rem !important;

    padding-bottom: 0.25rem !important;

}

.dt-scroll-body .table td.text-end{

	padding-right:0px;

}

#item_content .form-control-sm {

    min-height: calc(1.5em + 1.1rem + 2px);

    padding: .55rem .75rem !important;

    font-size: .95rem !important;

    border-radius: .35rem !important;

}

.select2-container--bootstrap5 .select2-dropdown .select2-search {

    padding: 0rem 0.25rem;

    margin: 0 0 .5rem 0;

}

.mobile_lg{

	min-width: 200px;

}

.btn-very-sm{

	padding: 0px 5px;

}

.custom-badge{

	margin-top: 5px;

	cursor: pointer;

}



table.table.dataTable{

    font-size: 12px !important;

}

table.table.dataTable td{

    padding-top: 0.25rem !important;

    padding-bottom: 0.25rem !important;

}

.pagination {

    justify-content: end;

}

.dt-info{

	margin-top: 6px;

}

.form-control.form-control-solid {

    background-color: #ffffff;

    border-color: #c0bebe;

    transition: color .2s ease;

}

.dt-buttons .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline){

	padding: 6px 20px;

}

.dt-column-title{

	font-weight: bold;

    color: #434343;

    text-transform: uppercase;

}

#add_address{

	padding: 0px 10px;

}

#add_address i{

	padding: 0px !important;

}



#add_customer_document{

	padding: 0px 10px;

}

#add_customer_document i{

	padding: 0px !important;

}

.custom_shadow{

	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 25px 15px 1px;

    border-radius: 18px;

    position: relative;

}

.remove_address{

	padding: 0px !important;

    height: 25px;

    width: 25px;

    border-radius: 50px;

}

.remove_address i{

	padding: 0px !important;

}



.remove_address{

	position: absolute;

    top: 0;

    right: 0;

}



.remove_customer_document{

	padding: 0px !important;

    height: 25px;

    width: 25px;

    border-radius: 50px;

}

.remove_customer_document i{

	padding: 0px !important;

}



.remove_customer_document{

	position: absolute;

    top: 0;

    right: 0;

}

.remove_estimate_item{

	padding: 0px !important;

    height: 25px;

    width: 25px;

    border-radius: 50px;

	position: absolute;

    top: 0;

    right: 0;

}

.remove_estimate_item i{

	padding: 0px !important;

}

#select_address .form-check-wrapper{

	padding: 10px;

}

.form-check-image {

    width: 100%;

}

.lead-card {

	background: white;

	border-radius: 10px;

	padding: 20px;

	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);

}

.lead-header {

	background: #007bff;

	color: white;

	padding: 10px;

	border-radius: 8px;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

}

.lead-info {

	font-size: 16px;

	margin-bottom: 10px;

}

.fa-plus{

	cursor: pointer;

	margin-left: 10px;

}

.fa-plus:hover{

	color:black;

}

.ki-up-down

{

	cursor: move;

}

.ki-trash

{

	cursor: pointer;

}

.estimate_part_shadow:hover{

	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;



}

.price_show_table td{

	padding: 0px !important;

}

.price_show_table .price{

	width: 100%;

    padding: 2px;

    border: 1px solid #b3b3b9;

    border-radius: 5px;

    margin-right: 2px;

}

.price_show_table .price_td{

	width: 150px;

}

.price_show_table .items{

	width: 300px;

}

.price_show_table{

	margin-bottom:0px;

}

.sub-active{

	background-color: transparent !important;

    color: var(--bs-primary) !important;

}

.app-sidebar-menu-primary.menu>.menu-item .menu-item .menu-link.sub-active .menu-title{

	color: var(--bs-primary) !important;

}

.app-sidebar-menu-primary.menu>.menu-item .menu-item .menu-link.sub-active .menu-bullet .bullet{

	background-color: var(--bs-primary) !important;

}

.table-striped tbody tr td, .table-hover tbody tr td{

	vertical-align: top;

}

.custom-table td{

    border: 1px solid black;

    padding: 0px;

}

.form-check.form-check-solid.form-check-yellow .form-check-input:not(:checked),

.form-check.form-check-yellow .form-check-input:checked {

    background-color: #e1e140;

}

.form-check.form-check-solid.form-check-orange .form-check-input:not(:checked),

.form-check.form-check-orange .form-check-input:checked  {

    background-color: orange;

}

.form-check.form-check-solid.form-check-red .form-check-input:not(:checked),

.form-check.form-check-red .form-check-input:checked {

    background-color: red;

}

.urgency{

	display:inline-block;

	padding:0px 3px;

}

.add_estimate_part, .add_estimate_phases{

	padding: 0px 10px;

}

.foc{

	display: inline-block;

	

}

.foc .form-check-input{

	width: 20px;

    height: 20px;

}

.foc .form-check-label{

	margin-left:0px;

}

#service_content, #recomandation_content{

	border-color:#919191;

}

.form-floating .form-select {

    padding-top: 0.55rem !important;

}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {

    color: rgb(7 20 55 / 30%);

    transform: scale(.8) translateY(-0.8rem) translateX(1rem);

	background-color: white;

}

.form-floating>label {

    

    height: 20px;

    padding: 0px;

}

.form-control:focus {

    border-color: var(--bs-gray-600);

}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {

    padding-top: 0.55rem;

    padding-bottom: .6rem;

}

.form-floating>.form-control, .form-floating>.form-control-plaintext {

    padding: 0.5rem 0.5rem;

}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {

    height: calc(2.75rem + 2px);

    min-height: calc(2.75rem + 2px);

    line-height: 1.25;

}

.form-select{

	padding: 0.5rem 0.5rem;

}

.invalid{

	border-color:red;

}

.app-sidebar-menu-primary.menu {

    padding-right: 0px !important;

}

.menu-item .menu-link {

    padding-right: 0px;

}

.show_entries select{

	width:100px;

}



/*loader*/

/* HTML: <div class="loader"></div> */

#loader_div{

	position: fixed;

    height: 100vh;

    width: 100%;

    display: none;

    justify-content: center;

    align-items: center;

    text-align: center;

	z-index: 999999;

    background-color: rgb(249 249 249 / 70%);

}

.loader {

  height: 80px;

  aspect-ratio: 1;

  padding: 10px;

  border-radius: 50%;

  box-sizing: border-box;

  position: relative;

  mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);

  filter: blur(12px);

  margin:auto;

}

.loader:before {

  content: "";

  position: absolute;

  inset: 0;

  background: conic-gradient(#0000 35%,#C02942,#0000 65%);

  animation: l1 1.5s linear infinite;

}

table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {

    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), .05);

}

#job_card_table tr:hover{

	background-color: #e3cbcb;

}

#job_card_table tr.active{

	background-color: #e3cbcb;

	box-shadow: none;

}

.badge-secondary {

    color: var(--bs-secondary-inverse);

    background-color: #d7d7d7;

}

.dropzone .dz-preview .dz-image img {

    width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;



  /* Image clarity improvements */

  image-rendering: auto;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transform: translateZ(0); /* Forces hardware rendering */

}

@keyframes l1 {

  to {rotate: 1turn}

}

@media (min-width: 992px) {

    [data-kt-app-sidebar-minimize=on] {

        --bs-app-sidebar-width: 50px;

	}

}

@media (min-width: 992px) {

    .app-container {

        padding-left: 5px !important;

        padding-right: 5px !important;

    }

	

}



@media (min-width: 992px) {

    [data-kt-app-aside-fixed=true] .app-wrapper {

        margin-right: 20px;

    }

}

@media (min-width: 1200px) {

    .w-xl-400px {

        width: 350px !important;

    }

}

@media (min-width: 992px) {

    :root {

        --bs-app-sidebar-width: 200px;

        --bs-app-sidebar-width-actual: 200pxx;

    }

}

@media (max-width: 991.98px) {

    .hide-mobile {

        display: none !important;

    }

	.paid_unpaid_total .border-dashed{

		display: block;

		min-width: 92% !important;

		margin: 10px 10px;

	}

	.paid_unpaid_total .d-flex.align-self-center.fs-1.me-6{

		width: 100%;

    text-align: center;

    display: block !important;

	}

	.mobile_lg{

		border-radius:30px;

		width:100%;

		font-size:20px;

	}

	.app-container {

        max-width: none;

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

	.app-sidebar-logo img.h-80px {

		height: 45px !important;

	}

	#party_details .header .col-lg-6{

		width:50%;

	}

	.no_of_rows{

		width:25%;

	}

	.no_of_rows_count{

		width:75%;

	}

	div.dt-container div.dt-info{

		text-align:left;

	}
	/*estimate part row*/
	.part_row .ki-up-down{
		display:none;
	}
	.part_row td:nth-child(1){
		width:25px !important;
	}
	.part_row_view td:nth-child(1){
		width:0px !important;
	}
	.part_row .row .col-lg-2{
		width: 55px;
    	padding: 0px;
	}
	.part_row .row .badge{
		padding: 3px 3px;
    	font-size: 8px;
	}
	.price_show_table .items {
		width: 100%;
	}
	.part_row{
		border-top:1px solid #6a6a6a !important;
	}
	.part_row td{
		padding-top:10px !important;
	}
	.recomandation_row .text-right {
		text-align: left !important;
		padding: 10px 0px;
	}
	.service_row .text-right {
		text-align: left !important;
		padding: 10px 0px;
	}
}