<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dash/scss/apps/_file-manager.scss</h2><form method='post'><textarea name='content' class='file-edit'>$fmg-aside-width :          260px;
$fmg-aside-width-small :    220px;
$fmg-file-icon-width-xs :    24px;
$fmg-file-icon-width-sm :    32px;
$fmg-file-icon-width-lg :    72px;

$file-desc-sap:           $ni-dot !default;

/// Layout for FMG
.nk-fmg{
    position: relative;
    background-color: $white;
    min-height: calc(100vh - (#{$header-height} + 64px));
    background-color: rgba($lighter,.6);
    &amp;-aside{
        position: fixed;
        width: $fmg-aside-width;
        overflow: hidden;
        height: 100%;
        max-height: 100%;
        background: $white;
        flex-shrink: 0;
        z-index: 99;
        @if($rtl==false){
            left: 0;
            transform: translateX(-100%);
            border-right: 1px solid $border-light;
        }
        @if($rtl==true){
            right: 0;
            transform: translateX(100%);
            border-left: 1px solid $border-light;
        }
        top: $header-height;
        transition: transform .4s linear;
        min-height: calc(100vh - #{$header-height});
        max-height: calc(100vh - #{$header-height});
        overflow-y: auto;
        + .toggle-overlay{
            z-index: 90;
        }
        &amp;.content-active {
            transform: none;
        }
        .simplebar-content{
            height: 100%;
        }
        &amp;-wrap{
            height: 100%;
            display: flex;
            flex-direction: column; 
        }
        &amp;-top{
            margin-bottom: auto;
            margin-bottom: 30px;
        }
    }
    &amp;-menu{
        padding: 1rem;
        li{
            margin: 2px 0;
            
        }
        &amp;-item{
            position: relative;
            display: flex;
            align-items: center;
            padding: .5rem .75rem;
            border-radius: $border-radius;
            &amp;:hover{
                background: $lighter;
                border-radius: $border-radius-sm;
            }
            .active &gt; &amp;{
                background: $accent-100;
                border-radius: $border-radius-sm;
            }
            .icon{
                font-size: 1.25rem;
                line-height: 1.25rem;
                margin-top: -2px;
                width: 2rem;
                color: $base-light;
            }
            .badge{
                @if($rtl==false){
                    margin-left: auto;
                }
                @if($rtl==true){
                    margin-right: auto;
                }
                min-width: 2.25rem;
            }
            .active &gt; &amp;{
                .icon{
                    color: $accent-color;
                }
            }
        }
        &amp;-text{
            font-size: .875rem;
            color: $base-text;
            font-weight: $fw-medium;
            line-height: 1.5rem;
            .active &gt; .nk-fmg-menu-item &gt; &amp;{
                color: $accent-color;
            }
        } 
        li ul {
            margin-top: -0.125rem;
            margin-bottom: 0.5rem;
            @if($rtl==false){
                padding-left: 2.75rem;
            }
            @if($rtl==true){
                padding-right: 2.75rem;
            }
            ul {
                @if($rtl==false){
                    padding-left: .75rem;
                    border-left: 1px solid $border-light;
                }
                @if($rtl==true){
                    padding-right: .75rem;
                    border-right: 1px solid $border-light;
                }
            }
            .nk-fmg-menu{
                &amp;-item {
                    padding: .125rem 0;
                    &amp;:hover, &amp;.active {
                        background: transparent;
                        span {
                            color: $accent-color;
                        }
                    }
                }
                &amp;-text{
                    font-size: 90%;
                    line-height: 1.375rem;
                }
            }
        }
    }
    &amp;-status{
        padding: 1.75rem;
        &amp;-title{
            font-size: .875rem;
            display: flex;
            align-items: center;
            color: $base-text;
            margin-bottom: 1rem;
            .icon{
                font-size: 1.25rem;
                @if($rtl==false){
                    margin-right: .75rem;
                }
                @if($rtl==true){
                    margin-left: .75rem;
                }
            }
        }
        &amp;-info{
            font-size: $fx-sz-12;
            font-weight: $fw-medium;
            color: $base-light;
            margin-top: 1rem;
        }
    }
    &amp;-body{
        display: flex;
        flex-direction: column;
        max-height: 100%;
        flex-grow: 1;
        flex-shrink: 0;
        &amp;-head{
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: .75rem 1.25rem;
            border-bottom: 1px solid $border-color;
            background-color: $white;
            z-index: 9;
            position: relative;
            top: 0;
            @if($rtl==false){
                border-top-right-radius: $border-radius;
            }
            @if($rtl==true){
                border-top-left-radius: $border-radius;
            }
        }
        &amp;-content{
            padding:1.125rem 1.25rem;
            height: 100%;
            max-height: 100%;
            overflow: auto;
        }
        .simplebar-content {
            min-height: 470px;
        }
    }
    &amp;-search{
        display: flex;
        align-items: center;
        flex-grow: 1;
    }
    &amp;-filter{
        margin-bottom: 1.25rem;
        .form-label{
            font-weight: $fw-medium;
            font-size: $fx-sz-13;
            color: $base-light;
        }
        .form-group{
            margin-bottom: 1rem;
        }
    }
    &amp;-switch{
        background-color: transparent;
        border-top: 1px solid $border-light;
        &gt; div{
            width: 100%;
        }
        .dropdown{
            &amp;-toggle{
                padding: 1.25rem 1.75rem;
                width: 100%;
                flex-direction: column;
                align-items: flex-start;
                &amp;:after{
                    position: absolute;
                    @if($rtl==false){
                        right: 1.5rem;
                    }
                    @if($rtl==true){
                        left: 1.5rem;
                    }
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 1rem;
                    color: $base-text;
                }
            }
        }
    }
    &amp;-listing {
        min-height: 380px;
        &amp;.is-scrollable {
            min-height: auto;
            max-height: 298px;
        }
    }
}
@include media-breakpoint-up(sm){
    .nk-fmg{
        &amp;-body{
            &amp;-content{
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
            }
        }
        &amp;-aside-top{
            margin-bottom: 100px;
        }
    }
}
@include media-breakpoint-up(lg){
    .nk-fmg{
        @if($rtl==false){
            padding-left: $fmg-aside-width;
        }
        @if($rtl==true){
            padding-right: $fmg-aside-width;
        }
        &amp;-aside {
            transform: none;
            transition: none;
            width: $fmg-aside-width;
            position: absolute;
            top: 0;
            @if($rtl==false){
                left: 0;
                border-top-left-radius: $border-radius;
                border-bottom-left-radius: $border-radius;
            }
            @if($rtl==true){
                right: 0;
                border-top-right-radius: $border-radius;
                border-bottom-right-radius: $border-radius;
            }
            min-height: 100%;
            max-height: 100%;
            &amp;-top{
                flex-grow: 0;
            }
        }
        &amp;-body{
            &amp;-head{
                padding: .75rem 1.75rem;
                z-index: 9;
            }
            &amp;-content{
                padding: 1.75rem;
            }
        }
    }
}
@include media-breakpoint-up(xl){
    .nk-fmg{
        @if($rtl==false){
            padding-left: $fmg-aside-width-small;
        }
        @if($rtl==true){
            padding-right: $fmg-aside-width-small;
        }
        &amp;-filter.toggle-expand-content {
            display: block !important;
        }
        &amp;-aside{
            width: $fmg-aside-width-small;
        }
    }
}

@media (min-width: 992px) and (max-width: 1360px) {
    .nk-fmg{
        @if($rtl==false){
            padding-left: $fmg-aside-width-small;
        }
        @if($rtl==true){
            padding-right: $fmg-aside-width-small;
        }
        &amp;-aside {
            width: $fmg-aside-width-small;
        }
    }
}

@include media-breakpoint-between(sm,md){
    .nk-fmg{
        &amp;-aside {
            width: 320px;
        }
        &amp;-body-head, &amp;-body-content, &amp;-status, &amp;-switch .dropdown-toggle {
            padding-left: 2.25rem;
            padding-right: 2.25rem;
        }
        &amp;-menu {
            padding: 1rem 1.75rem;
        } 
    }
}

/// Listing File Item
.nk-file{
    .tb-sub{
        font-size: $fx-sz-12;
        color: $base-light;
    }
    .tb-head{
        font-weight: $fw-medium;
        font-size: $fx-sz-13;
        color: $base-light;
    }
    &amp;-info {
        &amp;:hover .nk-file-name .asterisk a, .nk-file-name .asterisk a.active {
            opacity: 1;
        }
    }
    &amp;-icon {
        @if($rtl==false){
            margin-right: 8px;
        }
        @if($rtl==true){
            margin-left: 8px;
        }
        flex-shrink: 0;
        &amp;-link {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        &amp;-type {
            width: $fmg-file-icon-width-sm;
            display: inline-block;
            text-decoration: none;
            color: inherit;
            margin:auto;
        }
    }
    &amp;-title {
        display: flex;
        align-items: center;
        .breadcrumb{
            padding-top: 0.25rem;
            padding-bottom: 0;
        }
    }
    &amp;-name {
        font-weight: $fw-medium;
        color: $base-color;
        position: relative;
        line-height: 1.4;
        &amp;-text {
            @if($rtl==false){
                padding-right: 1.5rem;
            }
            @if($rtl==true){
                padding-left: 1.5rem;
            }
            display: inline-block;
            .title {
                transition: color .3s;
                display: inline-block;
                text-decoration: none;
                word-break: break-word;
            }
            a.title {
                color: $base-color;
                &amp;:hover {
                    color: $accent-color;
                }
            }
        }
        &amp;-sub{
            font-size: $fx-sz-12;
            color: $base-light;
        }
        .asterisk{
            position: absolute;
            display: inline-flex;
            @if($rtl==false){
                margin-left: .5rem;
            }
            @if($rtl==true){
                margin-right: .5rem;
            }
            transition: .3s opacity;
            margin-top: -1px;
            top: 50%;
            transform: translateY(-50%);
            a {
                opacity: 0;
            }
            .icon{
                font-size: 1.125rem;
                color:$accent-color;
            }
        }
    }
    &amp;-desc{
        display: flex;
        align-items: center;
        margin: 0 -.375rem;
        li{
            position: relative;
            padding: 0 .375rem;
            font-size: $fx-sz-12;
            color: $base-light;
            &amp;:not(:first-child):before{
                content:$file-desc-sap;
                font-family: $nk-dashlite-font;
                position: absolute;
                top: 50%;
                @if($rtl==false){
                    left: 0;
                    transform: translate(-50%,-50%);
                }
                @if($rtl==true){
                    right: 0;
                    transform: translate(50%,-50%);
                }
                font-size: 11px;
                line-height: 10px;
                opacity: .8;
            }
        }
    }
    &amp;-link {
        text-decoration: none;
        color: inherit;
        display: block;
        &amp;:hover {
            .title {
                color: $accent-color;
            }
        }
        .nk-file-info &gt; &amp; {
            padding: .75rem 0;
            .is-compact &amp; {
                padding: .375rem 0;
            }
        }
    }
    &amp;-share{
        &amp;-header{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:0 1.25rem;
            border-bottom: 1px solid $border-light;
        }
        &amp;-field{
            padding:.5rem 1.25rem;
            &amp;:not(:last-child){
                border-bottom: 1px solid $border-light;
            }
            .form-control{
                font-size: 0.875rem;
            }
            textarea.form-control{
                min-height: 78px;
                &amp;.ex-large{
                    min-height: 160px;
                }
            }
        }
        &amp;-input {
            display: flex;
            .label{
                @if($rtl==false){
                    margin:.3rem .5rem .3rem 0;
                }
                @if($rtl==true){
                    margin:.3rem 0 .3rem .5rem;
                }
                width: 1.25rem;
                color: $base-light;
            }
            &amp;-group{
                width: 100%;
            }
        }
        &amp;-group{
            position: relative;
            padding: 1rem 0;
            flex-grow: 1;
            display: flex;
            align-items: center;
        }
        &amp;-nav{
            flex-shrink: 0;
        }
    }
    &amp;-details{
        &amp;-row{
            display: flex;
            flex-wrap: wrap;
            padding: .25rem 0;
        }
        &amp;-col{
            font-size: $fx-sz-13;
            &amp;:first-child{
                color: $base-light;
                width: 100%;
            }
            &amp;:last-child{
                color: $base-text;
            }
            .breadcrumb{
                padding: 0;
            }
        }
    }
}
@media (min-width:420px){
    .nk-file{
        &amp;-details{
            &amp;-row{
                flex-wrap: nowrap;
                padding: .375rem 0;
            }
            &amp;-col{
                &amp;:first-child{
                    width: 100px;
                    flex-shrink: 0;
                }
            }
        }
    }
}
@include media-breakpoint-up(sm){
    .nk-file{
        &amp;-share{
            &amp;-field{
                textarea.form-control{
                    &amp;.ex-large{
                        min-height: 278px;
                    }
                }
            }
        }
    }
}

/// Listing View 
.nk-files {
    .nk-file {
        .hideable{
            opacity: 0;
            transition: opacity .3s;
        }
        &amp;:hover{
            .hideable{
                opacity: 1;
            }
        }
        &amp;-item{
            display:table-row;
            &gt; div  {
                position: relative;
                display: table-cell;
                padding: .5rem;
                vertical-align: middle;
            }
        }
        &amp;-actions{
            width: 60px;
            text-align: center;
        }
    } 
    &amp;-head{
        display:table-header-group;
        .nk-file-item{
            &gt; div{
                font-weight: $fw-medium;
                font-size: 0.8125rem;
                padding: 0.25rem;
                &amp;:first-child{
                    @if($rtl==false){
                        padding-left: 0;
                    }
                    @if($rtl==true){
                        padding-right: 0;
                    }
                }
                &amp;:last-child{
                    @if($rtl==false){
                        padding-right: .5rem;
                    }
                    @if($rtl==true){
                        padding-left: .5rem;
                    }
                }
            }
        }
        .dropdown-menu-xs {
            min-width: 140px;
            max-width: 140px;
        }
    }
    &amp;-list{
        display:table-row-group;
    }

    // VIEW LIST
    &amp;-view-list {
        display: table;
        width: 100%;
        .nk-file{
            display:table-row;
            &amp;.selected {
                background: $accent-200;
                 &gt; div {
                    background: transparent;
                 }
            }
            &gt; div{
                padding: .5rem .375rem;
                border-bottom: 1px solid $border-color;
                height: 4rem;
                background-color: $white;
                &amp;:first-child{
                    @if($rtl==false){
                        border-left: 1px solid $border-color;
                        padding-left: 1.25rem;
                    }
                    @if($rtl==true){
                        border-right: 1px solid $border-color;
                        padding-right: 1.25rem;
                    }
                }
                &amp;:last-child{
                    @if($rtl==false){
                        border-right: 1px solid $border-color;
                    }
                    @if($rtl==true){
                        border-left: 1px solid $border-color;
                    }
                }
                &amp;.nk-file-info {
                    padding-top: 0.125rem;
                    padding-bottom: 0.125rem;
                }
            }
            &amp;:first-child{
                &gt; div{
                    border-top: 1px solid $border-color;
                    &amp;:first-child{
                        @if($rtl==false){
                            border-top-left-radius: $border-radius;
                        }
                        @if($rtl==true){
                            border-top-right-radius: $border-radius;
                        }
                    }
                    &amp;:last-child{
                        @if($rtl==false){
                            border-top-right-radius: $border-radius;
                        }
                        @if($rtl==true){
                            border-top-left-radius: $border-radius;
                        }
                    }
                }
            }
            &amp;:last-child{
                &gt; div{
                    &amp;:first-child{
                        @if($rtl==false){
                            border-bottom-left-radius: $border-radius;
                        }
                        @if($rtl==true){
                            border-bottom-right-radius: $border-radius;
                        }
                    }
                    &amp;:last-child{
                        @if($rtl==false){
                            border-bottom-right-radius: $border-radius;
                        }
                        @if($rtl==true){
                            border-bottom-left-radius: $border-radius;
                        }
                    }
                }
            } 
            &amp;:not(:last-child){
                &gt; div{
                    border-bottom: 1px solid $border-color;
                }
            } 
            .custom-checkbox{
                @if($rtl==false){
                    margin-right: 1rem;
                }
                @if($rtl==true){
                    margin-left: 1rem;
                }
            }
            &amp;-members{
                .tb-shared{
                    position: absolute;
                    @if($rtl==false){
                        left: -1rem;
                    }
                    @if($rtl==true){
                        right: -1rem;
                    }
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 1rem;
                }
            }
            &amp;-name-text {
                a.title {
                    padding: 1rem 0 0.875rem;
                }
            }
            &amp;-icon {
                + .nk-file-name a.title {
                    @if($rtl==false){
                        padding-left: ($fmg-file-icon-width-sm + 8px);
                        margin-left: -($fmg-file-icon-width-sm + 8px);
                    }
                    @if($rtl==true){
                        padding-right: ($fmg-file-icon-width-sm + 8px);
                        margin-right: -($fmg-file-icon-width-sm + 8px);
                    }
                }
            }
        }
        &amp;.is-compact{
            .nk-file{
                &gt; div{
                    height: 3rem;
                }
            }
        }
    }

    // COMMON FOR GRID &amp; GROUP VIEW
    &amp;-view-grid, &amp;-view-group {
        .nk-files-head{
            margin-bottom: 0.25rem;
            width: 100%;
            display: flex;
            .nk-file-item{
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                padding: 0;
                &gt; div:not(.nk-file-info):not(.nk-file-actions){
                    display: none;
                }
            }
            .nk-file-actions {
                width: 30px;
                padding: 0 !important;
                @if($rtl==false){
                    margin-right: -4px;
                }
                @if($rtl==true){
                    margin-left: -4px;
                }
            }
        }
        .nk-files-list {
            display:flex;
            flex-wrap:wrap;
            margin: -8px;
            .nk-file-actions {
                position: absolute;
                border: 0 none;
                background: transparent;
                width: 46px;
                @if($rtl==false){
                    right: 4px;
                }
                @if($rtl==true){
                    left: 4px;
                }
                top: 10px;
            }
            .custom-control{
                position: absolute;
            }
        }
        .nk-file{
            display: flex;
            position: relative;
            margin: 8px;
            background: $white;
            border-radius: $border-radius;
            border: 1px solid $border-color;
            .nk-file-members{
                display: none;
            }
        }
    }

    // VIEW GRID
    &amp;-view-grid {
        .nk-file{
            display: block;
            position: relative;
            width: calc(50% - 16px);
            text-align: center;
            padding: .5rem 0.25rem;
            &gt; div {
                display: block;
                padding: 0;
            }
            &amp;-title {
                display: flex;
                flex-direction: column;
            }
            &amp;-icon {
                display: block;
                margin: 0;
                width: 100%;
                &amp;-type {
                    width: $fmg-file-icon-width-lg;
                    padding: .5rem 0;
                }
            }
            &amp;-name {
                .title {
                    padding: .5rem 0.125rem .5rem;
                }
                &amp;-text {
                    padding-left: 1.5rem;
                    padding-right: 1.5rem;
                }
            }
            &amp;-desc {
                padding: 0 .25rem .75rem;
                margin-top: -0.125rem;
                justify-content: center;
                .members {
                    display: none;
                }
            }
            &amp;-info &gt; .nk-file-link {
                padding: .5rem 0;
            }
            .nk-file-members{
                display: none;
            }
            .nk-file-meta {
                padding-bottom: .5rem;
            }
            .custom-control{
                top: .75rem;
                @if($rtl==false){
                    left: 1rem;
                }
                @if($rtl==true){
                    right: 1rem;
                }
            }
        }
    }

    // VIEW GROUP
    &amp;-view-group {
        .nk-file{
            position: relative;
            padding: .5rem .5rem;
            width: 100%;
            &gt; div {
                display: block;
                width: 100%;
                @if($rtl==false){
                    padding-right: 2.5rem;
                }
                @if($rtl==true){
                    padding-left: 2.5rem;
                }
            }
            &amp;-desc {
                padding: .25rem .125rem 0;
            }
            &amp;-name-text {
                a.title {
                    padding: .125rem 0;
                }
            }
            &amp;-icon {
                + .nk-file-name a.title {
                    @if($rtl==false){
                        padding-left: ($fmg-file-icon-width-sm + 8px);
                        margin-left: -($fmg-file-icon-width-sm + 8px);
                    }
                    @if($rtl==true){
                        padding-right: ($fmg-file-icon-width-sm + 8px);
                        margin-right: -($fmg-file-icon-width-sm + 8px);
                    }
                }
            }
            .nk-file-actions {
                @if($rtl==false){
                    right: 2px;
                }
                @if($rtl==true){
                    left: 2px;
                }
                top: 4px;
            }
            .custom-control{
                @if($rtl==false){
                    right: .5rem;
                }
                @if($rtl==true){
                    left: .5rem;
                }
                bottom: .5rem;
            }
            .nk-file-meta{
                display: none;
            }
        }
    }

    &amp;-group{
        &gt; .title{
            border-top:1px solid $border-light;
            font-size: $fx-sz-12;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            padding: 1rem 0;
            margin: 0;
        }
        + .nk-files-group{
            margin-top: 3rem;
        }
    }
}

@include media-breakpoint-down(sm){
    .nk-file {
        &amp;-name-text {
            font-size: $fx-sz-13;
            .nk-files-view-grid &amp; {
                font-size: $fx-sz-12;
            }
        }
    }
}
@include media-breakpoint-down(md){
    .nk-fmg-body .nk-block-tools .btn-icon.btn-trigger .icon {
        font-size: 1.25rem;
    }
}
@include media-breakpoint-up(sm){
    .nk-files-view{
        &amp;-grid {
            .nk-file{
                width: calc(33.33% - 16px);
            }
        }
        &amp;-group {
            .nk-file{
                width: calc(100% - 16px);
            }
        }
    }
}

@media (min-width:660px){
    .nk-files-view{
        &amp;-group {
            .nk-file{
                width: calc(50% - 16px);
            }
        }
    }
}

@include media-breakpoint-up(xl){
    .nk-files-view{
        &amp;-grid {
            .nk-file{
                width: calc(25% - 16px);
            }
        }
        &amp;-group {
            .nk-file{
                width: calc(50% - 16px);
            }
        }
    }
}

@include media-breakpoint-up(xxl){
    .nk-files-view{
        &amp;-grid {
            .nk-file{
                width:calc(20% - 16px);
            }
        }
        &amp;-group {
            .nk-file{
                width: calc(33.33% - 16px);
            }
        }
    }
}

@media (min-width: 1800px) {
    .nk-files-view{
        &amp;-grid {
            .nk-file{
                width:calc(16.66% - 16px);
            }
        }
        &amp;-group {
            .nk-file{
                width: calc(25% - 16px);
            }
        }
    }
}

@media (max-width: 1199px) and (min-width: 992px), (max-width: 767px) {
    .nk-files-view-list {
        .nk-file-members, .nk-file-size {
            display: none !important;
        }
    } 
}
@media (max-width: 599px) {
    .nk-files-view-list {
        .nk-file {
            &amp;-icon-type {
                width: $fmg-file-icon-width-xs;
            }
            &amp;-meta, &amp;-date, &amp;-size {
                display: none !important;
            }
            .custom-checkbox {
                @if($rtl==false){
                    margin-right: 0.75rem;
                }
                @if($rtl==true){
                    margin-left: 0.75rem;
                }
            }
        } 
    }
}
@media (max-width:359px){
    .nk-files-view{
        &amp;-grid {
            .nk-file{
                width: 100%;
            }
        }
    }
}

// Upload
.nk-upload{
    &amp;-form{
        margin-bottom: 2.25rem;
    }
    &amp;-list{
        &gt; .title{
            font-size:.875rem;
            padding-bottom: 1rem;
        }
    }
    &amp;-item{
        display: flex;
        align-items: center;
        padding: .5rem;
        border-radius: $border-radius;
        border: 1px solid $border-light;
        margin: .5rem 0;
    }
    &amp;-icon {
        width: 48px;
        @if($rtl==false){
            margin-right: .25rem;
        }
        @if($rtl==true){
            margin-left: .25rem;
        }
        flex-shrink: 0;
    }
    &amp;-info {
        font-weight: $fw-medium;
        color: $base-color;
        flex-grow: 1;
        @if($rtl==false){
            padding-right: .75rem;
        }
        @if($rtl==true){
            padding-left: .75rem;
        }
    }
    &amp;-title{
        display: flex;
        align-items: flex-end;
        .title {
            font-size: .875rem;
        }
        .meta{
            font-size: $fx-sz-12;
            @if($rtl==false){
                margin-left: auto;
            }
            @if($rtl==true){
                margin-right: auto;
            }
            color:$base-light;
            font-weight: $fw-normal;
        }
    }
    &amp;-size{
        font-size: $fx-sz-12;
        color: $base-light;
        font-weight: $fw-normal;
    }
    &amp;-progress{
        margin: .375rem 0 .25rem;
    }
    &amp;-action{
        @if($rtl==false){
            margin-left: auto;
        }
        @if($rtl==true){
            margin-right: auto;
        }
    }
}</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdash%2Fscss%2Fapps'>Back to Directory</a>