/*------------------------------------
  Width
------------------------------------*/
.width-16 {
    width: 1rem;
}

.width-30 {
    width: 1.875rem;
}

.width-38 {
    width: 2.375rem;
}

.width-48 {
    width: 3rem;
}

.width-59 {
    width: 3.688rem;
}

.width-70 {
    width: 4.375rem;
}

.width-80 {
    width: 5rem;
}

.width-110 {
    width: 6.875rem;
}

.width-120 {
    width: 7.5rem;
}

.width-175 {
    width: 10.938rem;
}

.min-width-380 {
    @include media-breakpoint-up (md) {
        min-width: 18.75rem !important; //300px;
    }

    @include media-breakpoint-up(xl) {
        min-width: 12.5rem !important; //200px
    }

    @include media-breakpoint-up(wd) {
        min-width: 23.75rem !important; //380px;
    }
}

.min-width-400-d-lg {
    @include media-breakpoint-down(lg) {
        min-width: 25rem;
    }
}

.w-r-100 {
    width: 100%;

    @include media-breakpoint-up(md) {
        width: auto;
    }
}

.m-w-200-lg-down {
    @include media-breakpoint-down(lg) {
        min-width: 12.5rem;
    }
}

.min-width-250 {
    min-width: 15.625rem;
}

.max-width-120 {
    max-width: 7.5rem;
}

.max-width-130 {
    max-width: 8.125rem;
}

.max-width-180 {
    max-width: 11.25rem;
}

.max-width-234 {
    max-width: 14.625rem;
}

.width-250 {
    width: 15.625rem;
}

.max-width-770 {
    max-width: 48.125rem;
}

.width-100 {
    width: 6.25rem;
}

.width-140 {
    width: 8.75rem;
}

.width-150 {
    width: 9.375rem;
}

.width-185 {
    width: 11.563rem;
}

.width-lg-390 {
    @include media-breakpoint-up(lg) {
        width: 24.375rem;
    }
}

.max-width-80 {
    max-width: 5rem;
}

.max-width-890 {
    max-width: 55.625rem;
}

.max-width-940 {
    max-width: 56.25rem;
}

.max-width-565 {
    max-width: 35.3125rem;
}

.max-width-410 {
    max-width: 25.625rem;
}

/*------------------------------------
  Height
------------------------------------*/
.height-7 {
    height: 0.437rem;
}

.height-16 {
    height: 1rem;
}


.h-fixed-80 {
    height: 80px;
}

.height-100 {
    height: 6.25rem;
}

.height-38 {
    height: 2.375rem;
}

.min-height-440 {
    min-height: 27.5rem; //440px
}

.height-4 {
    &.form-control,
    &.custom-select {
        height: calc( 1.5em + ( 1rem * 1.5 ) + 2px );
    }
}

.height-5 {
    &.form-control,
    &.custom-select {
        height: calc( 1.5em + ( 1rem * 1.5 ) + 5px );
    }
}

.min-height-300 {
    min-height: 18.75rem;
}

.min-height-350 {
    min-height: 21.875rem;
}

.min-height-380 {
    min-height: 23.75rem;
}

.min-height-450 {
    min-height: 28.125rem;
}

.min-height-500 {
    min-height: 31.25rem;
}

.min-height-530 {
    min-height: 33.125rem; //530px
}

.min-height-588 {
    min-height: 36.75rem; //588px
}



.min-height-600 {
    min-height: 37.5rem; //600px
}

.height-50 {
    height: 3.125rem;
}

.height-60 {
    height: 3.75rem;
}

.height-80 {
    height: 5rem;
}

.height-120 {
    height: 7.5rem;
}

.height-150 {
    height: 9.375rem;
}

.height-400 {
    height: 25rem;
}

.height-400-md-down {
    @include media-breakpoint-down(md) {
        height: 25rem;
    }
}

.height-100vh-main {
    @include media-breakpoint-up(lg) {
        height: calc(100vh - 448px);
    }

    @include media-breakpoint-up(xl) {
        height: calc(100vh - 485px);
    }
}

.mt-n-one {
    margin-top: -1px;
}

.height-md-250 {
    @include media-breakpoint-up(md) {
        height: 15.625rem;
    }
}

.height-48 {
    height: 3rem;
}

.height-300 {
    height: 18.75rem;
}

.height-373 {
    height: 23.313rem;
}

.height-md-300 {
    @include media-breakpoint-up(md) {
        height: 18.75rem;
    }
}

.height-500 {
    height: 31.25rem;
}

.height-md-350 {
   @include media-breakpoint-up(md) {
        height: 21.875rem;
    }
}

.height-md-470 {
   @include media-breakpoint-up(md) {
        height: 29.375rem;
    }
}

.min-height-150 {
    min-height: 9.375rem;
}

.h-wd-60 {
    @include media-breakpoint-up(wd) {
        height: 60% !important;
    }
}
