/* 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-two .form-group .clr-input-wrapper {
		padding-left: 12px;
	}
	.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 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;
	}
	.datagrid-group #transportGrid, .datagrid-group #BulkGrid, .datagrid-group #commodityGrid {
		height: auto !important;
	}
  .form-data .form-textarea .clr-input-wrapper.popup-commodity-description {
    padding-left: .6rem;
  }
}
@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: .6rem;
		padding-left: .6rem;
	}
	.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%;
	}
	.add-shipping-transport-page .title {
		margin-bottom: 20px !important;
	}
	.form-group .clr-input-wrapper.invalid .tooltip {
		bottom: 0;
		top: inherit;
	}
  .decleration-file-name {
    float: none;
  }
  .modal-body.modal-form.commodity-item-popup-body .form-data {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@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: 200px;
		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;
	}
	.header-theme .header-actions > .dropdown .dropdown-toggle.nav-text span {
		max-width: 90px;
	}
}
@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;
	}
}
/* Responsive fix for small screens */
@media (max-width: 600px) {
  clr-signpost-content {
    max-width: 90vw !important; /* Don't exceed 90% of screen */
    width: auto !important;
    box-sizing: border-box !important;
    left: 5vw !important;
    right: 5vw !important;
  }
}