/*Media Query*/

/**
 * -Solved by Mukesh [Bug list row number: 702]
 * -Set Table size with responsive of Job Card\ List Of Jobcard \ ViewInvoice [Table responsive]
 *
 **/
.color-danger{
	color: #a94442;
}

@media (min-width: 311px) and (max-width: 320px)
{
	.setTableSizeForSmallDevices {
		font-size: 6px;
	}
}
@media (min-width: 321px) and (max-width: 340px)
{
	.setTableSizeForSmallDevices {
		font-size: 7px;
	}
}
@media (min-width: 341px) and (max-width: 360px)
{
	.setTableSizeForSmallDevices {
		font-size: 8px;
	}
}
@media (min-width: 361px) and (max-width: 390px)
{
	.setTableSizeForSmallDevices {
		font-size: 9px;
	}
}
@media (min-width: 391px) and (max-width: 410px)
{
	.setTableSizeForSmallDevices {
		font-size: 10px;
	}
}
@media (min-width: 411px) and (max-width: 430px)
{
	.setTableSizeForSmallDevices {
		font-size: 11px;
	}
}
@media (min-width: 431px) and (max-width: 450px)
{
	.setTableSizeForSmallDevices {
		font-size: 12px;
	}
}
@media (min-width: 451px) and (max-width: 475px)
{
	.setTableSizeForSmallDevices {
		font-size: 13px;
	}
}




@media (min-width: 311px) and (max-width: 321px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 710]
	 * -Set margin of Job Card\ Tabs [List of Jobcard, Add Jobcard (list)]
	 *
	 **/
	.setMarginForAddJobcardForSmallDevices {
		margin-top: 3px !important;
	}

}

@media (min-width: 311px) and (max-width: 390px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 709]
	 * -Set margin of Tabs [Vehiclebrand\list]
	 **/
	.setMarginForAddVehicleBrandForSmallDevices {
		margin-top: 3px !important;
	}

	ul.bar_tabs>li.active.setMarginForAddVehicleBrandForSmallDevices {
		margin-top: 3px !important;
	}
}

@media (min-width: 311px) and (max-width: 359px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 679]
	 * -Set size of tabs on Complience Management (List of Rto Taxes, Add Rto Taxes) [Complience Management\add, list]
	 *
	 **/
	.setTabAddRtoTaxOnSmallDevice {
		margin-top: 3px !important;
	}

	/**
	 * -Solved by Mukesh [Bug list row number: 708]
	 * -Set margin of Accountant&Tax Rates /Account Tax [List Account Tax, Add Account Tax Tabs (list, add, edit)]
	 **/
	.setMarginForAddAccountTaxForSmallDevices {
		margin-top: 3px !important;
	}
	ul.bar_tabs>li.active.setMarginForAddAccountTaxForSmallDevices {
		margin-top: 3px !important;
	}
}


@media (min-width: 311px) and (max-width: 375px)
{

	/**
	 * -Solved by Mukesh [Bug list row number: 703]
	 * -Set margin of Reports Tab[Vehicle Sale, Service, Product Stock, Product List, Emp Services (list, product_uses)]
	 **/
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceService {
		margin-top: -15px !important;
	}
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceProductStock {
		margin-top: 3px !important;
	}
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceProductUsage {
		margin-top: 5px !important;
	}
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceServiceByEmployee {
		margin-top: 3px !important;
	}

	.setMarginForReportOnSmallDeviceProductStock {
		margin-top: 3px !important;
	}
	.setMarginForReportOnSmallDeviceProductUsage{
		margin-top: 3px !important;
	}
	.setMarginForReportOnSmallDeviceServiceByEmployee {
		margin-top: 3px !important;
	}

}

@media (min-width: 376px) and (max-width: 526px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 703]
	 * -Set margin of Reports Tab[Vehicle Sale, Service, Product Stock, Product List, Emp Services (list, product_uses)]
	 **/
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceProductStock {
		margin-top: -15px !important;
	}
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceProductUsage {
		margin-top: 3px !important;
	}
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceServiceByEmployee {
		margin-top: 3px !important;
	}

	.setMarginForReportOnSmallDeviceProductUsage{
		margin-top: 3px !important;
	}
	.setMarginForReportOnSmallDeviceServiceByEmployee {
		margin-top: 3px !important;
	}

}

@media (min-width: 527px) and (max-width: 660px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 703]
	 * -Set margin of Reports Tab[Vehicle Sale, Service, Product Stock, Product List, Emp Services (list, product_uses)]
	 **/
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceProductUsage {
		margin-top: -15px !important;
	}
	ul.bar_tabs>li.active.setMarginForReportOnSmallDeviceServiceByEmployee {
		margin-top: 3px !important;
	}

	.setMarginForReportOnSmallDeviceServiceByEmployee {
		margin-top: 3px !important;
	}

}
@media (min-width: 311px) and (max-width: 414px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 668]
	 * -Alert dialogbox show in mobile full size now set both side (left-right) 25px gape
	 *
	 **/
	.showSweetAlert {
		margin-left: 25px;
    	margin-right: 25px;
	}

	.rightSideDay {
		float: right !important;
	}
	/**
	 * -Solved by Mukesh [Bug list row number: 669]
	 * -Delete take in one line with edit button [Product\Addproduct]
	 *
	 **/
	#deleteBtnCss {
		margin-left: 7px !important;
	}


	/**
	 * -Solved by Mukesh [Bug list row number: 682]
	 * -Set textbox, label and delete button set [expense\add.blade.php]
	 *
	 **/
	.SetSizeAddExpenseEntryTextBox {
		width: 104% !important;
	}
	.SetSizeAddExpenseLabelTextBox {
		width: 108% !important;
		margin-left: -10px;
	}
	.givePaddingToDiv .addmoredelete{
		margin-left: -10px;
	}
	.expenseLabel {
		padding-left: 0px !important;
	}
	.deleteButton {
		margin-left: 2px;
	}

	/**
	 * -Solved by Mukesh [Bug list row number: 679]
	 * -Set size of tabs on Income (Income List, Add Income, Monthly Income Report) [Income list, add, month_income]
	 *
	 **/
	.setSizeForMonthlyIncomeReportForSmallDevice {
		margin-top: 3px !important;
	}

	ul.bar_tabs > li.active.setSizeForMonthlyIncomeReportForSmallDevice {
    	margin-top: 3px !important;
	}

	ul.bar_tabs > li.active.setSizeForAddIncomeForSmallDevice {
		margin-top: -15px !important;
	}

	/**
	 * -Solved by Mukesh [Bug list row number: 679]
	 * -Set size of tabs on Expense [Expense list, add expense, monthly expense report]
	 **/
	.setSizeForMonthlyExpenseReportForSmallDevice {
		margin-top: 3px !important;
	}

	ul.bar_tabs > li.active.setSizeForMonthlyExpenseReportForSmallDevice {
		margin-top: 3px !important;
	}

	ul.bar_tabs > li.active.setSizeForAddExpenseReportForSmallDevice {
		margin-top: -15px !important;
	}

	/**
	 * -Solved by Mukesh [Bug list row number: 679]
	 * -Set size of tabs on Invoice (Income List, Add Income, Monthly Income Report) [Income list, add, month_income]
	 **/
	.setMarginForXpanelDivOnSmallDevice {
		margin-top: 47px;
	}

	.setMarginForAddSalePartInvoiceOnSmallDevice {
		margin-top: 3px !important;
	}

}


@media (min-width: 311px) and (max-width: 360px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: ]
	 * -Set size of tabs on Support Staff (SupportStaff List, Add SupportStaff) [Supportstaff\add, list]
	 **/
	.setTabAddSupportStaffOnSmallDevice {
		margin-top: 3px !important;
	}

	ul.bar_tabs>li.active.setTabAddSupportStaffOnSmallDevice {
		margin-top: 3px !important;
	}

	/**
	 * -Solved by Mukesh [Bug list row number: 679]
	 * -Set margin of Tabs Custom Field [List Custom Field/ Add Custom Field ]
	 **/
	.setSizeForAddCustomFieldForSmallDevice {
		margin-top: 3px !important;
	}

	ul.bar_tabs > li.active.setSizeForAddCustomFieldForSmallDevice {
		margin-top: 3px !important;
	}


	/**
	 * -Solved by Mukesh [Bug list row number: 688]
	 * -Set margin of Paywithcard, Print, Pdf and Close Nutton [Invoice\sales_partinvoicemodel.blade.php]
	 **/
	.mpPayWithCardButtonForSmallDevices {
		margin-left: -14px;
	}

	.mpPrintPdfCloseButtonForSmallDevices {
		float: right !important;
		margin-right: -17px;
	}

	.mpPrintPdfCloseButtonForSmallDevices .printbtn {
		margin-left: 19px !important;
	}

	.mpPrintPdfCloseButtonForSmallDevices .pdfButton {
		margin-left: -4px !important;
	}

	.mpPrintPdfCloseButtonForSmallDevices .closeButton {
		margin-left: -3px !important;
	}

}


@media (min-width: 311px) and (max-width: 410px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 707]
	 * -Set margin of Accountant&Tax Rates /List payment Method[Payment Method List, Add Payment Method Tabs (list, add, edit)]
	 **/
	.setMarginForAddPaymentMethodForSmallDevices {
		margin-top: 3px !important;
	}

	ul.bar_tabs > li.active.setMarginForAddPaymentMethodForSmallDevices {
		margin-top: 3px !important;
	}

}


@media (min-width: 361px) and (max-width: 575px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 688]
	 * -Set margin of Paywithcard, Print, Pdf and Close Nutton [Invoice\sales_partinvoicemodel.blade.php]
	 *
	 **/
	.mpPayWithCardButtonForSmallDevices {
		margin: 0px !important;
		padding: 0px !important;
	}

	.mpPrintPdfCloseButtonForSmallDevices {
		text-align: right !important;
    	margin: 0px !important;
    	padding: 0px !important;
	}
}


@media (min-width: 367px) and (max-width: 414px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 682]
	 * -Set margin of Dlete Button [observation\list.blade.php]
	 *
	 **/
	#setMarginOfDeleteBtn {
		margin-top: 0px !important;
	}

}


@media (min-width: 367px) and (max-width: 775px)
{
	/**
	 * -Solved by Mukesh [Bug list row number: 702]
	 * -Set margin of Dlete Button [product, supplier, purchase, vehicle\list.blade.php]
	 *
	 **/
	.buttonOfAtag .btn-danger {
		margin-left: 3px !important;
	}
}

/*For display proper Date error message*/
@media (min-width: 279px) and (max-width: 309px)
{
	#date_of_birth-error {
		margin-left: 5%;
		margin-top: 76px;
	}

	#join_date-error{
		margin-left: 5%;
		margin-top: 76px;
	}

	#p_date-error {
		margin-left: 4%;
	}

	.categoryMainDiv{
		margin-top: 25px;
	}

	#pur_date-error {
		margin-left: 3%;
	}

	.mobileNumberDivPurchasePage {
		margin-top: 20px;
	}

	#sales_date-error {
		float: left;
    	margin-left: 17.5%;
	}

	#sales_date-error {
    	margin-left: 4%;
	}

	#bus_date-error {
    	margin-left: 5%;
	}

	#start_date-error {
		margin-left: 4%;
	}
	#end_date-error {
		margin-left: 4%;
	}

	#income_date-error {
		margin-left: 5%;
		margin-top: 38px;
	}

	/*.div_salesmanname_error {
		margin-top: 40%;
	}*/

	#salesDate-error {
		float: left !important;
		margin-left: 4%;
	}

}

@media (min-width: 310px) and (max-width: 354px)
{
	#outdate_gatepass-error{
		margin-left: 4%;
	}
	#bus_date-error {
    	margin-left: 4%;
	}

	#start_date-error {
		margin-left: 3%;
	}
	#end_date-error {
		margin-left: 3%;
	}

	#income_date-error {
		margin-left: 4%;
		margin-top: 38px;
	}

	/*.div_salesmanname_error {
		margin-top: 38%;
	}*/

	#salesDate-error {
		float: left !important;
		margin-left: 4%;
	}
}

@media (min-width: 354px) and (max-width: 420px)
{
	#start_date-error {
		margin-left: 3%;
	}
	#end_date-error {
		margin-left: 3%;
	}

	#income_date-error {
		margin-left: 3%;
		margin-top: 38px;
	}

	/*.div_salesmanname_error {
		margin-top: 28%;
	}*/

	#salesDate-error {
		float: left !important;
		margin-left: 3%;
	}
}

@media (min-width: 480px) and (max-width: 545px)
{
	#start_date-error {
		margin-left: 2%;
	}
	#end_date-error {
		margin-left: 2%;
	}

	#income_date-error {
		margin-left: 2%;
		margin-top: 38px;
	}
}

@media (min-width: 546px) and (max-width: 610px)
{
	#start_date-error {
		margin-left: 2%;
	}
	#end_date-error {
		margin-left: 2%;
	}

	#income_date-error {
		margin-left: 2%;
		margin-top: 38px;
	}
}

@media (min-width: 355px) and (max-width: 590px)
{
	#outdate_gatepass-error{
		margin-left: 2%;
	}

	#sales_date-error {
    	margin-left: 3%;
	}

	#bus_date-error {
    	margin-left: 3%;
	}
}

@media (min-width: 591px) and (max-width: 767px)
{
	#outdate_gatepass-error{
		margin-left: 1%;
	}
	#bus_date-error {
    	margin-left: 1%;
	}
}

/*For display proper Date error message*/
@media (min-width: 310px) and (max-width: 767px)
{
	#date_of_birth-error {
		margin-left: 3%;
		margin-top: 76px;
	}

	#join_date-error{
		margin-left: 3%;
		margin-top: 76px;
	}

	#p_date-error {
		margin-left: 3%;
	}

	.categoryMainDiv{
		margin-top: 25px;
	}

	#pur_date-error {
		margin-left: 2%;
	}

	.mobileNumberDivPurchasePage {
		margin-top: 20px;
	}

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

@media (min-width: 768px) and (max-width: 769px)
{
	#p_date-error {
		float: right;
    	margin-right: 11%;
	}

	.mobileNumberDivPurchasePage {
		margin-top: 20px;
	}

	#income_date-error {
		margin-left: 28%;
		margin-top: 38px;
	}
}

@media (max-width: 767px)
{
	.outstandingMainDiv {
		margin-top: 7%;
	}

	.div_salesmanname_error {
		margin-top: 40%;
	}
}

@media (min-width: 770px)
{
	#date_of_birth-error {
		margin-left: 35%;
		margin-top: 38px;
	}

	#join_date-error{
		margin-left: 35%;
		margin-top: 38px;
	}

	#p_date-error {
		float: right;
		margin-right: 19%;
	}

	#pur_date-error {
		float: right;
		margin-right: 18%;
	}

	.mobileNumberDivPurchasePage {
		margin-top: 20px;
	}

	#outdate_gatepass-error{
		margin-left: 26.60%;
	}

	#sales_date-error {
		float: left;
    	margin-left: 17.5%;
	}

	#bus_date-error {
		position: absolute;
		left: 26.4%;
		top: 84%;
	}

	.businessTitleMainDiv {
		margin-top: 20px;
	}
	.businessDescriptionMainDiv {
		margin-top: 15px;
	}

	#income_date-error {
		margin-left: 27%;
		margin-top: 38px;
	}
}


#customer_select_box-error {
	position: absolute;
	top: 90%;
}

#supplier_select-error {
	position: absolute;
	top: 92%;
}

#sup_id-error{
	position: absolute;
    top: 92%;
}

#vehicle_names-error {
	position: absolute;
	top: 90%;
}

#selUser-error {
	position: absolute;
	top: 90%;
}

#salesDate-error {
	float: right;
	margin-right: 23.4%;
}