@media (max-width: 480px) {
    .btn-xs-block {
        width: 100%;
        display: block;
    }
}

@media (max-width: 768px) {
    .btn-sm-block {
        width: 100%;
        display: block;
    }
}

@media (max-width: 991px) {
    .btn-md-block {
        width: 100%;
        display: block;
    }
}

@media (max-width: 1400px) {
    .btn-lg-block {
        width: 100%;
        display: block;
    }
}

.pgn-wrapper {
    z-index: 9999;
}

.card-title-sm {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.06em;
    font-size: 10.5px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0px;
    filter: alpha(opacity=40);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.vue-fine-uploader-gallery-file-footer {
    position: relative !important;
    bottom: -8% !important;
}

.vue-fine-uploader-gallery-thumbnail {
    vertical-align: top !important;
    margin-top: 10px;
    top: 1% !important;
    transform: translateY(1%) !important;
}

.colon-after:after {
    content: ':';
    float: right;
}

/* .custom-brand {
    margin-left: 60px;
    width: 100% !important;
} */

.input-required:after {
    content: '*';
    color: #ff0000;
}

body .pgn-wrapper {
    z-index: 9999 !important;
}

.min-h-70vh {
    min-height: 70vh !important;
}

.fs-8 {
    font-size: 8px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.mt--1 {
    margin-top: -1rem !important;
}

.page-sidebar .sidebar-menu .menu-items > li > a {
    padding-left: 16px !important;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
    padding-right: 0px !important;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    width: 85% !important;
}

.page-sidebar .sidebar-menu .menu-items li > a {
    width: 74% !important;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    line-height: 2 !important;
    white-space: normal !important;
}

.sidebar-header .sidebar-header-controls {
    width: 67% !important;
}

/* .sidebar-header .sidebar-header-controls button.btn-icon-link {
    float: right;
    text-align: end;
} */

.nav {
    padding-bottom: 0.5rem !important;
}

.btn,
.card,
.border,
.nav-item,
.page-link,
.form-group,
.form-control,
.dropdown-menu,
.select2-selection,
.select2-dropdown,
.select2-results__option--highlighted {
    border-radius: 0.5rem !important;
}

.select2-search__field {
    padding: 0.1rem 0.5rem 0rem 0.5rem !important;
    border-radius: 0.5rem !important;
}

@media (max-width: 767px) {
    .sm-plr-10 {
        padding: 0px 10px 0px 10px !important;
    }
}

.content-overflow-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: -webkit-fill-available;
    padding-bottom: 70px;
}

.vh-90 {
    height: 90vh !important;
}

.required:after {
    content: '*';
    color: #ff0000;
}

.footer {
    position: absolute !important;
}

/* Left Menu */
.sidebar-header-controls { float: right; }
.sidebar-visible .sidebar-header-controls { margin-right: 74px; }
.menu-pin .sidebar-header-controls { margin-right: 37px; }

.menu-pin  .container-fluid.container-fixed-lg,
.jumbotron .container-fluid.container-fixed-lg { width: 100% !important }

.menu-pin .brand.custom-brand {
    transform: translate(200px, 0);
}
.brand.custom-brand {
   padding-left: 15px;
}

.menu-pin .footer {
    left: 0 !important;
    padding-left: 275px;
}