/* 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;
	}
}
@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;
	}
  .create-shipment-form .clr-form .top-action {
    position: relative;
    top: 0;
    padding-bottom:10px;
  }
}
@media only screen and (max-width: 575px) {
	body {
		overflow: hidden;
	}
  .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;
  }
	.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: 10px 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;
	}
	.date-range .md-drppicker {
		  left: 0 !important;
		  top: 62px !important;
		  margin-bottom: 10px !important;
	}
	.date-range .md-drppicker .btn {
		padding: 0 10px !important;
	}
	.create-shipment-form .clr-form .top-action {
		top: -40px;
	}
}
@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;
	}
	
  .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;
}
}
@media only screen and (max-width: 380px) {
	.filter-form .action-button {
		text-align: right;
  }
  .header-theme .header-actions > .dropdown .dropdown-toggle.nav-text span {
    max-width: 90px;
}
}