/* You can add global styles to this file, and also import other style files */

@media only screen and (max-width: 991px) {
	.tab-theme {
		margin-bottom: 20px;
	}
	.col-thrice .clr-input-wrapper {
		padding-left: 12px;
	}
	.col-full .clr-input-wrapper {
		padding-left: 12px;
	}
	.tracking-number-detail .top-header .title,
	.tracking-number-detail .top-header .right-section {
		width: 100%
	}
	.tracking-number-detail .right-section {
		padding-top: 0;
	}
	.tracking-number-detail .right-section .form-data {
		min-height: inherit;
	}
	.filter-form .form-group {
		margin-bottom: 20px;
	}
	.bulk-shippment-page .filter-form .action-button {
		margin-top: 10px;
	}
	.bulk-shippment-steps .clr-timeline {} .bulk-shippment-steps .clr-timeline li.clr-timeline-step {
		position: relative;
		min-width: auto;
	}
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step:before {
		content: "";
		width: calc(100% - 18px);
		height: 2px;
		background: #b3b3b3;
		position: absolute;
		left: calc(50% - -14px);
		top: 18px;
	}
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step:last-child:before {
		display: none;
	}
	.bulk-shippment-steps .clr-timeline .clr-timeline-step:not(:last-of-type) .clr-timeline-step-body::before {
		display: none;
	}
	.bulk-shippment-steps .table-title {
		padding: 0;
	}
	.main-container .content-container .admin-shipment-report-page .datagrid-group #mainGrid, .datagrid-group #PackageGrid, .datagrid-group #AddressGrid, .table-theme #BulkGrid, .bulk-shippment-steps #bulkshippment2Grid, .bulk-shippment-steps .allrecordGrid {
		height: auto !important;
	}
}
@media only screen and (max-width: 767px) {
	.form-data .form-group .clr-control-label {
		line-height: 16px;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.form-data .form-group .clr-control-label.label-p0 {
		padding-right: .5rem;
		padding-left: .5rem;
	}
	.tracking-number-detail .right-section .top-action ul li .btn {
		letter-spacing: 0;
	}
	.form-group .clr-form-control label {
		padding-right: .5rem;
		padding-left: .5rem;
	}
	.col-full .clr-input-wrapper {
		padding-left: .5rem;
	}
	.col-thrice .clr-input-wrapper {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.form-data .form-group .input-data.margin-bottom {
		margin-bottom: 20px;
	}
	.filter-form .action-button .btn-group {
		margin-left: 5px;
		margin-bottom: 5px;
	}
	.datagrid-footer .pagination-size {
		width: 100% !important;
		text-align: center !important;
	}
	.datagrid-footer .pagination-size + .pagination-description {
		margin: 0 !important;
		width: 100%;
		text-align: center;
	}
	.datagrid-footer .pagination-list {
		margin: 0 !important;
		width: 100%;
	}
	.col-two .form-group .clr-input-wrapper {
		padding-left: .5rem;
	}
	.bulk-shippment-steps.bulk-shippment-step3 .top-tab-action {
		position: relative;
		right: inherit;
		top: inherit;
		width: 100%;
		margin-bottom: 10px;
	}
	.store-location-group {
		padding-left: 0;
		height: auto;
	}
	.store-location-group .store-search {
		width: 100%;
		margin-left: 0;
		padding: 0 0 30px;
		height: 350px;
	}
	.store-location-group .store-map-group {
		min-height: 300px;
	}
	.bulk-shippment-steps .selected-file {
		width: 100%;
	}
	.bulk-shippment-steps.bulk-shippment-step1 .action-button {
		width: 100%;
	}
	.filter-form .form-group .clr-control-container .clr-checkbox-wrapper input[type=checkbox] {
		position: absolute;
		top: 4px;
	}
}
@media only screen and (max-width: 575px) {
	body {
		overflow: hidden;
	}
	.bulk-shippment-steps .nav .nav-item {
		height: 22px;
	}
	.header-theme .branding {
		width: 170px;
		padding: 0 10px;
	}
	.header-theme .branding a.nav-link img {
		width: 100%;
		height: auto;
	}
	.header-theme .header-actions button {
		padding: 0 10px !important;
	}
	.accordion-theme .clr-accordion-inner-content .btn-primary {
		margin-left: 10px;
	}
	.accordion-theme .clr-accordion-inner-content .clr-row .address-book {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.content-area {
		min-width: 270px;
		padding: 10px !important;
		padding-left: 58px !important;
	}
	.content-area.side-menu-remove {
		padding-left: 10px !important;
	}
	.card-block,
	.card-header {
		padding: 10px !important;
	}
	.accordion-theme .clr-accordion-inner-content {
		padding: 14px 0 !important;
	}
	.create-shipment .card-block {
		padding: 0 !important;
	}
	.tracking-number-detail .tracking-table-theme .clr-accordion .clr-accordion-header .clr-accordion-header-button .clr-accordion-title {
		width: auto;
	}
	.customercode-section {
		padding: 0px 10px;
	}
	.page-main {
		padding: 10px 10px;
	}
	.tracking-number-detail .top-action ul {
		/*width: 100%;*/
	}
	.tracking-number-detail .top-action ul li {
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.tracking-number-detail .top-action ul li .btn {
		letter-spacing: 0 !important;
		text-transform: capitalize;
		padding: 0 2px !important;
	}
	.tracking-number-detail .top-action ul li .btn .btn-icon {
		margin-right: 2px;
	}
	.filter-form .action-button .btn-group .btn,
	.btn-group .btn,
	.btn {
		padding: 0 5px !important;
		letter-spacing: 0 !important;
		font-size: 10px !important;
		min-width: auto !important;
		height: 30px !important;
		line-height: 30px !important;
	}
	.address-book-filter {
		padding-right: 65px;
	}
	.address-book-filter .btn-group {
		margin-top: 20px;
		width: 65px;
		margin-right: -65px;
	}
	.terms-condition .terms-condition-list li {
		font-size: 11px;
		line-height: 20px;
	}
	.terms-condition clr-checkbox-wrapper label {
		font-size: 11px;
		line-height: 20px;
	}
	.clr-vertical-nav {
		position: absolute;
		z-index: 999;
		left: 0;
		top: 80px;
	}
	.date-range {
		position: relative;
	}
	.header-theme .header-actions > .dropdown .dropdown-toggle.nav-text span {
		max-width: 132px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
		line-height: 20px;
		padding-right: 5px;
	}
	.date-range .md-drppicker {
		left: 0 !important;
		top: 62px !important;
		margin-bottom: 10px !important;
	}
	.step-loader .loader-msg {
		padding: 10px;
	}
	.modal-body.modal-form .form-data {
		padding: 30px 0px;
	}
	.modal-dialog .modal-content {
		padding: 1rem 10px !important;
	}
	.form-group .clr-input-wrapper.invalid .tooltip .tooltip-content {
		width: 230px;
		white-space: normal;
	}
	.form-group .clr-input-wrapper.invalid.address-book-field .tooltip .tooltip-content {
		width: 200px;
	}
	.maximum-number {
		padding-left: 110px;
	}
	.maximum-number p {
		padding: 0;
		line-height: 20px;
	}
	.modal-body.modal-form .form-data .form-group .clr-input-wrapper.invalid .tooltip .tooltip-content {
		width: 240px;
		white-space: normal;
	}
	.store-location-group {
		padding: 0 15px;
	}
	.store-location-group .store-search {
		padding-bottom: 15px;
	}
	.timeline-steps .clr-timeline .clr-timeline-step:not(:last-of-type) .clr-timeline-step-body::before {
		left: 62%;
	}
	.clr-col-md-1 {
		flex: 0 0 8.3333333333%;
		min-width: 7.333333%;
	}
}
@media only screen and (max-width: 480px) {
	.header-theme .branding {
		width: 110px;
		padding: 0 !important;
	}
	.signature .signature-body .signature-image .signature-show {
		width: 120px;
	}
	.btn-group .btn {
		padding: 0 5px !important;
		min-width: auto;
	}
	/* .tracking-number-detail .top-action ul {
		text-align: center;   
	} */
	.country-phone-code .country-validation,
	.error {
		font-size: 9px !important;
	}
	.address-book clr-checkbox-wrapper {
		padding: 0 10px;
	}
	.accordion-theme .clr-accordion-inner-content .btn-primary {
		margin-left: 10px;
	}
	.accordion-theme .clr-accordion-inner-content clr-datagrid {
		padding: 0 10px;
	}
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step .clr-timeline-step-title {
		font-size: 11px;
	}
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step cds-icon[shape=dot-circle],
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step cds-icon,
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step cds-icon[shape=success-standard][shape=circle],
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step clr-spinner {
		height: 1rem;
		width: 1rem;
		min-height: 1rem;
		min-width: 1rem;
		margin-left: calc(50% - 14px);
	}
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step:before {
		width: calc(100% - 15px);
		left: calc(50% - -7px);
		top: 11px;
		height: 1px;
	}
	.bulk-shippment-steps .clr-timeline li.clr-timeline-step {
		margin-left: 5px;
	}
	.bulk-shippment-steps.bulk-shippment-step1 .dummy-file {
		font-size: 13px;
	}
}
@media only screen and (max-width: 380px) {
	.filter-form .action-button {
		text-align: right;
	}
	.maximum-number {
		padding-left: 0;
		text-align: center;
	}
	.maximum-number p {
		padding-top: 5px;
		line-height: 20px;
	}
	.maximum-number .btn-primary {
		position: relative;
	}
	.header-theme .header-actions > .dropdown .dropdown-toggle.nav-text span {
		max-width: 90px;
	}
}