/* set CSS styles Devices with minimum width of 768 px and maximum width of 1440px */
@media (max-width: 1440px) and (min-width: 768px) {
	body .main {
		margin-left: 180px;
	}
}

/* set CSS styles for Devices with maximum width of 1670 px */
@media screen and (max-width: 1670px) {
	.mixed-type-container .non-custom-ingredient .row .input-mixed-threshold {
		padding-left: 0;
		padding-right: 0;
	}
	.mixed-type-container .non-custom-ingredient .row .input-mixed-threshold input {
		/* padding-left: 5px; */
		padding-right: 5px;
	}
	body .main {
		margin-left: 212px;
	}
}

/* set CSS styles for Devices with maximum width of 1460 px */
@media screen and (max-width: 1460px) {
	.pagination > li > a, .pagination > li > span {
		padding: 5px 10px;
	}
	.widget .panel-user-widget .panel-body {
		overflow-y: auto;
	}
}

/* set CSS styles for Devices with maximum width of 1380 px */
@media screen and (max-width: 1380px) {
	ul.nav-header .active > a {
		padding-left: 32px;
	}
	.side-form {
		height: 100%;
		padding: 0;
		position: fixed;
		right: 0;
		width: 28%;
	}
	body.manage-roles .formEnabled.main .well {
		width: 86%;
	}
	.table-container .widget-incident-data,
	.table-container .widget-component-error-data,
	.table-container .widget-component-health-data,
	.table-container .widget-camera-data{
		font-size:12px;
	}
	body.manage-roles .formEnabled.main .well {
		width: 100%;
	}
	body.inventory .threshold-holder .sec-holder .threshold-text {
		padding: 14px 2px !important;
	}
}

/* set CSS styles for Devices with maximum width of 1280 px */
@media screen and (max-width: 1280px) {
	body .main {
		margin-left: 203px;
	}
	.dataTables_filter {
		width: 50%;
	}
	ul.nav-header .active > a {
		padding-left: 30px;
	}
	.btn-return {
		left: 0;
		position: absolute;
		z-index: 10;
	}
	body.order form.recurring-form .row > .col-md-3 {
		width: 50%;
	}
	body.manage-roles .formEnabled.main .well {
		/*width: 88%;*/
	}

	/* report page */
	.report-form .daterangepicker-container{
		width:400px;
	}

	/* purchased order */
	#purchase .repeat-order,#purchase .starting-on,#purchase .and-ending{width:100%;}
}

/* set CSS styles for Devices with maximum width of 1024 px */
@media screen and (max-width: 1024px) {
	.side-form{width:250px;}
    .side-form-btn-group.btn-group > .btn{min-width:auto;width:100%;}
    .side-form .form-header,.side-form .form-content,.side-form .form-footer{padding-left:25px !important;padding-right:25px !important;}
    .sidebar{width:18%;}
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
    #inactive .btn-archive{left:35px;}
	body .main {
		margin-left: 188px;
	}
	body.settings .tab-content.col-md-6 {
		width: 60%;
	}
	.pull-right.report-action-icon {
		display: block;
		float: none;
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}
	.pull-right.report-action-icon > ul {
		padding: 0;
	}
	body.order .recurring-form .row > .col-md-2, body.order .recurring-form .row > .col-md-1 {
		display: inline-block;
		float: none;
		height: 50px;
		margin-right: 50px;
		vertical-align: top;
		width: 30%;
	}
	body.manage-roles .formEnabled.main .well {
		width: 85%;
	}
	body.order .recurring-form .row > div:nth-child(2), body.order .recurring-form .row > div:nth-child(4), body.order .recurring-form .row > div:nth-child(6) {
		width: 54%;
	}
	body.support ul li i.fa {
		padding-right: 5px;
	}
	body.account-setting .col-md-2.margin-top-20 {
		width: 100%;
	}
	body.account-setting .main ul.nav li {
		display: inline-block;
	}
	body.account-setting .col-md-10 {
		width: 100%;
	}
	body.account-setting .main {
		width: 86%;
	}
	/* report page */
	.report-form .daterangepicker-container,.save-report-form .daterangepicker-container{
		width:100%;
		padding: 10px 0 0 84px;
	}
	.email-form-container{left:40%;}

	/* purchased order */
	.recurring-option-container{margin-bottom:10px;}
	#purchase .starting-on-container{width:100% !important}
	#purchase .repeat-order,#purchase .starting-on,#purchase .and-ending{width:50%;}
}