/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.labor_cost_sheet_price div.dataTables_filter input{
	margin-left:0px !important;
}
/*--jquery-data-table--*/
#datatable-employee_wrapper .dt-buttons.btn-group,
#datatable-dealer_wrapper .dt-buttons.btn-group,
#datatable-pending-dealer_wrapper .dt-buttons.btn-group,
#datatable-inquiry-dealer_wrapper .dt-buttons.btn-group,
#datatable-deactivated-dealer_wrapper .dt-buttons.btn-group,
#datatable-dealer-staff_wrapper .dt-buttons.btn-group,
#datatable-deactivated-staff_wrapper .dt-buttons.btn-group,
#datatable-deactivated_customer_wrapper .dt-buttons.btn-group, 
#datatable-dealer-location-report-view_wrapper .dt-buttons.btn-group {
	float: right;
}

#datatable-employee_wrapper .dataTables_filter label,
#datatable-dealer_wrapper .dataTables_filter label,
#datatable-pending-dealer_wrapper  .dataTables_filter label,
#datatable-inquiry-dealer_wrapper .dataTables_filter label,
#datatable-deactivated-dealer_wrapper .dataTables_filter label,
#datatable-dealer-staff_wrapper .dataTables_filter label,
#datatable-deactivated-staff_wrapper .dataTables_filter label,
#datatable-deactivated_customer_wrapper .dataTables_filter label
#datatable-dealer-location-report-view_wrapper .dataTables_filter label
{
	width: 30%;
}

#datatable-employee_length,
#datatable-employee_filter,
#datatable-dealer_length,
#datatable-dealer_filter,
#datatable-pending-dealer_length,
#datatable-pending-dealer_filter,
#datatable-inquiry-dealer_length,
#datatable-inquiry-dealer_filter,
#datatable-deactivated-dealer_length,
#datatable-deactivated-dealer_filter,
#datatable-dealer-staff_length,
#datatable-dealer-staff_filter,
#datatable-deactivated-staff_length,
#datatable-deactivated-staff_filter,
#datatable-deactivated_customer_length,
#datatable-deactivated_customer_filter,
#datatable-dealer-location-report-view_length,
#datatable-dealer-location-report-view_filter{
	display: inline;
}
#datatable-employee_filter label,
#datatable-dealer_filter label,
#datatable-pending-dealer_filter label,
#datatable-inquiry-dealer_filter label,
#datatable-deactivated-dealer_filter label,
#datatable-dealer-staff_filter label,
#datatable-deactivated-staff_filter label,
#datatable-deactivated_customer_filter label,
#datatable-dealer-location-report-view_filter label{
	float:right;
	margin-right: 15px;
}
.select_roller_screen {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
}
.select_roller_screen .justify-content-end{
	margin-right: 15px;
}
.select_glass_door_screen {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
}
.select_glass_door_screen .justify-content-end{
	margin-right: 15px;
}
.cancelled_projects_view{
	display: block;
}
/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: none;
}

select.form-control.width-20 {
	width: 15%;
}

/* Custome Pointer */
.breadcrumbs a {
	cursor: pointer;
}

.form-wizard select.form-control.width-20 {
	width: 35%;
}

#phone_ext,
#additional_phone_number_ext,
#secondary_phone_ext,
#secondary_additional_phone_ext,
#alternate_number_ext {
	width: 35%;
	margin-left: 5px;
	/* border-radius: 25px !important; */
}

body {
	/* font-family: Helvetica, sans-serif; */
	color: #222;
}

.phone_alert{
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #dc3545;
}
.readnotify_list{
	height: 10px;
	width: 10px;
	background-color: #EA4335;
	border-radius: 50%;
	display: inline-block;
}
.border-invalid
{
	border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
h2.card-title {
	color: #2f6a8f;
	font-size: 24px;
	font-weight: 400;
	line-height: 20px;
	font-weight: 600;
	/* text-transform: uppercase; */
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
.select2-selection,
select.form-control.width-20,
.form-control,
.custom-file-label,
.input-group > .custom-file {
	border-radius: 10px !important;
}

.card-footer .pager li.next a,
.card-footer .pager li.finish a {
	background-color: #2f6a8f !important;
	color: #fff;
}

.card-footer .pager li a {
	border-radius: 10px;
	cursor: pointer;
}

label {
	vertical-align: middle;
	padding: 0px auto !important;
}

.row-flex .col-md-6 .card {
	height: 100%;
	transition: 0.5s ease ease-in-out;
}

label.error {
	margin-top: 5px;
	margin-left: 5px;
}

.card-action-toggle,
.card-action-toggle:hover {
	color: #b4b4b4;
	text-decoration: none;
}

input.phone_ext {
	width: 35%;
	margin-left: 5px;
}

#datatable-default-1_info {
	font-size: 13px;
}

.form-control-sm {
	font-size: 0.85rem;
	line-height: 1.85;
	min-height: 2.4rem;
}

table .thead-light th {
	background-color: #2f6a8f !important;
	color: white !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.radio_filter_select {
	visibility: hidden;
}

.radio_project_filter_select {
	visibility: hidden;
}

.bg-orange {
	background-color: orange;
}

.select2-container--bootstrap .select2-results__option {
	padding: 2px 12px !important;
}

/* .patio-wizard  */
.select2-container--bootstrap .select2-results > .select2-results__options {
	/* max-height: 100% !important; */
	max-height: 280px !important;
}

.bg-secondary-new {
	background-color: #b4b4b4 !important;
	/* background-color:antiquewhite !important; */
}

.selections_display_patio {
	height: 15px;
	width: 15px;
	border-radius: 2px;
}

.table thead th {
	vertical-align: middle;
}

#step-form-patio .table-responsive table td input[type='text'],
#step-form-patio .table-responsive table td input[type='number'] {
	min-width: 100px;
}
#step-form-patio1 .col-sm-12.col-md-12.row{
	margin: 0px;
	padding:0px;
}
div.datepicker-dropdown {
	z-index: 1000000 !important;
}
#append-dropdown .dataTables_wrapper{
	margin-left:15px;
	margin-right:15px;
}
/* Common condition for tabs step form */
@media screen and (max-width: 1400px) {
	/* #step-form-patio #w4 a .badge-name {
		display: none;
	} */

	.wizard-tabs ul {
		flex-wrap: wrap;
		display: flex;
	}
	.nav-item {
		flex: 1 0 14%;
	  }

	
}

/* Screens more than normal desktop */
@media screen and (min-width: 1401px) {
	#step-form-patio #w4 .wizard-steps li {
		max-width: 90px;
		min-width: 90px;
	}
	#step-form-patio #w4 .wizard-steps li a {
		height: 80px;
	}
	
}

/* Screens tab and small laptop */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.append-dropdown .dataTables_wrapper .dataTables_filter label{
		width: 100% !important;
	}
	#step-form-patio #w4 .wizard-steps li a {
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		min-height: 80px;
		margin-right: 2px;
	}
	#step-form-patio1 .page-header {
		padding-right: 0px;
		height: auto;
	}
	.col-md-12{
    /* padding-right: 0px !important; */
    /* padding-left: 0px !important; */
	}
	.custom_padding{
		padding-right: 0px !important;
		padding-left: 0px !important;
		}
	.custom{
		padding-right: 4px !important;
		padding-left:4px !important;
	}
	.row {
		margin-right:-10px !important;
		/* margin-left: 2px !important; */
	}
	/* #append-dropdown .row{
		display: block;
	} */
	#append-dropdown .project_status{
		margin-bottom:10px;
	}
	#step-form-patio .page-header {
		padding-right: 0px;
		height: auto;
	}
	#step-form-patio .page-header h2,
	h2.card-title {
		/* border-bottom-color: black; */
		font-size: 18px;
	}
	#step-form-patio h3 {
		font-size: 16px;
		margin-top: 10px;
	}
	table th,
	.table td {
		padding: 10px 10px 20px;
		font-size: 12px;
		line-height: 18px;
	}
	#step-form-patio .h5 {
		font-size: 18px;
	}

	#step-form-patio .table-responsive table thead tr th.w-50 {
		min-width: 400px !important;
	}
}

/* Screens more than small desktop */
@media screen and (min-width: 1024px) {
	#step-form-patio #w4 a .badge {
		text-align: center;
		margin: 0px;
	}
	#w4-step-13 #step_13_wrapper {
		margin-left: 20px;
	}
	#step-form-patio .tab-content.patio-wizard {
		margin: 0px;
		padding: 0px;
	}
	.page-header {
		padding-right: 0px;
		/* padding-right: 80px; */
	}
	#step-form-patio #w4 .wizard-steps li a {
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 02px;
	}
}

/* For tablet */
@media only screen and (max-width: 768px) {
	.append-dropdown .dataTables_wrapper .dataTables_filter input {
		width: 90% !important;
	}
	.append-dropdown .dataTables_filter{
		width:100% !important;
	}
	#append-dropdown .project_status{
		margin-bottom:10px;
	}
	#step_1_empty_field {
		display: none;
	}
	span, th, td,.h6, button{
		font-size: 13px;
	}
	.blank_field{
		display: none;
	}
	.select2-selection.select2-selection--single{
		min-width: 60px;
	}
	.select2-selection.select2-selection--single option{
		width: 100%;
	}
	.tab-content.patio-wizard{
		padding: 0px;
	}
	#step-form-patio th.w-25{
		min-width: 200px !important;
	}
	#step-form-patio .table-responsive table thead tr th.w-50 {
		min-width: 400px !important;
	}
	/* .page-header .breadcrumbs {
		display: none;
	} */

}

/* For mobile */
@media only screen and (max-width: 465px) {
	#step-form-patio .page-header {
		padding-right: 0px;
		height: auto;
	}
	.card-mobile-view{
		width: 100% !important;
	}
	.header-mobile-view{
		display: inline-flex !important;
		width: 100% !important;
		justify-content: space-around;
		/* margin-top: -10% !important; */
	}
	.header-mobile-view .notifications{
		margin-left: auto;
	}
	.version-mobile-view{		
		margin-top:6% !important;
		padding-right: 5%;
		padding-left: 4%;
		display: inline-flex;
	}
	.notification-mobile-view{
		padding-right: 5.5%;
	}
	.text-mobile-view{
		text-align: left !important;
	}
	.button-mobile-view{
		margin-top: 10px;
	}
	.title-mobile-view{
		margin-top: -15%;
	}
	.from-mobile-view{
		width: 100% !important;
	}
	.from-to-mobile-view{
		margin-bottom: 10px;		
	}
	.submit-mobile-view{
		justify-content: center !important;
	}
	.searchBy_tag{
		width: 100% !important;		
		display: inline-block !important;
	}
	.btn-radio-change{
		min-width: 50% !important;
		height: 20%;
		margin: 10px;
		padding: 20px;
		display: inline-flex;
	}
	.dataTables_paginate .paging_simple_numbers{
		min-width: 100%;
		display: inline-block !important;
		overflow: hidden;
	}
	#datatable-default-1_paginate{
		max-width: 100%;
	}

}

.select-error {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

/* This css code writtern by sneha */
.align-of-colon{
	margin-top:-3px !important;
}
.align-of-title{
	margin-top:-10px !important;
}
.align-of-values{
	margin-top:-2px !important;
}

.labor-cost-icon-color{
	background-color: #880ED4;
	color:  #FFF !important;
}
.labor-cost-icon-color:hover {
	background-color: #880ED4;
	color:  #FFF;
}
.labor-cost-icon-color:active {
	background-color: #880ED4;
	color:  #FFF;
}

.checkout-step-icon-color{
	background-color: #AA1945;
	color:  #FFF;
}
.checkout-step-icon-color:hover {
	background-color: #AA1945;
	color:  #FFF;
}
.checkout-step-icon-color:active {
	background-color: #AA1945;
	color:  #FFF;
}

.shipping-step-icon-color{
	background-color: #20c997;
	color:  #FFF;
}
.shipping-step-icon-color:hover {
	background-color: #20c997;
	color:  #FFF;
}
.shipping-step-icon-color:active {
	background-color: #20c997;
	color:  #FFF;
}

.compose-mail-icon-color{
	background-color: #FFA500;
	color:  #FFF;
}
.compose-mail-icon-color:hover {
	background-color: #FFA500;
	color:  #FFF;
}
.compose-mail-icon-color:active {
	background-color: #FFA500;
	color:  #FFF;
}

.finance-link-btn{
	background-color: #E75480;
	color:  #FFF;
}
.finance-link-btn:hover {
	background-color: #E75480;
	color:  #FFF;
}
.finance-link-btn:active {
	background-color: #E75480;
	color:  #FFF;
}

.cash-link-btn{
	background-color: #ffc107;
	color:  #FFF;
}
.cash-link-btn:hover {
	background-color: #ffc107;
	color:  #FFF;
}
.cash-link-btn:active {
	background-color: #ffc107;
	color:  #FFF;
}

/* written by pragati */
@media only screen and (max-width: 1025px) {
	/* for dashboard space between all divs*/
	.md-space-div {
		padding-top: 15px !important;
	}
}

@media only screen and (width: 820px) {
	.padding-ipad-remove {
    padding-left: 0 !important;
    padding-right: 0 !important;
	}
}

/* for ipad mini */
@media only screen and (width: 768px) {
	.col-md-ipad {
		width: 100% !important;
		padding-top: 15px !important;
		}	
	}

	@media only screen and (width: 768px) {
		.padding-ipad-remove {
		padding-left: 0 !important;
		padding-right: 0 !important;
		}
	}

	/* spacing for select input */
	@media screen and (max-width: 769px) {
		.form-control.sm-padding {
			padding: 0px !important;
		}
	}
	/* spacing for phone number input */
	@media only screen and (max-width: 1025px) {
		.form-control.md-padding {
			padding: 0px !important;
		}
	}
	
	/* written by pragati */
@media screen and (max-width:992px) {
		.md-spacing-left {
			padding-left: 20px !important;
		}
		.md-spacing-right{
			padding-left: 20px !important;
		}
		.md-block {
			display: block !important;
		}
		.sm-w-100 {
			width: 100% !important;
		}
		.sm-faq{
			margin-left: 3px!important;
		}
		.md-d-block {
			display: block !important;
		}
	html.dark .wizard-progress .wizard-steps li.completed {
		margin-left: 0%;
	}
	.dataTables_wrapper .select2-container{
		width: 50% !important;
	}
	}
	/* for sales review date in right hand side mobile view */
	@media screen and (max-width:576px) {
	.sm-right-spacing{
		margin-left: 50px !important;
	}
}
	/*To all views displaying pagination in small-screen i.e. 320 only */
@media screen and (width:320px) {
	div.dataTables_wrapper div.dataTables_paginate .page-link {
		padding: 0.3rem 0.5rem;
	}
}
@media screen and (max-width:576px) {
	.sm-space-div {
		padding-top: 20px !important;
	}
}
/* 
@media screen and (min-width: 1400px) {
	.dataTables_wrapper .select2-container{
		width: 95% !important;
	}
} */
@media screen and (max-width: 1024px) {
	.table-responsive {
		display: block !important;
	}
}

@media screen and (min-width: 1750px) {
	.breadcrumbs-high-view-responsive {
		margin-top: -100px !important;
	}
	.sidebar-high-view-responsive {
		margin-top: -100px !important;
	}
}

#listExactPartSizeStep5 .form-group,
#pop_beam_form_step_7 .form-group {
	margin-bottom: 12px;
}

#listExactPartSizeStep5 .form-group label,
#pop_beam_form_step_7 .form-group label{
	margin-bottom: 0px;
}

.w-48{
	width: 48%;
}
.w-4{
	width: 4%;
}

.button-click:focus,
.button-click:active {
    outline: none;
    border-color: transparent;
}

.increament-label.increament-label-partsheet {
    display: inline-block;
    padding: 12px 15px;
    color: #fff;
    border-radius: 50%;
    background: #2f6a8f;
}

.button-click:hover {
    cursor: pointer;
}

.increament-label {
    display: inline-block;
    padding: 12px 15px;
    color: #fff;
    border-radius: 50%;
    background: #2f6a8f;
}
.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
	width: auto ;
	min-width: 295px; /* Sets a minimum width of 200px */
}