/* #version=0.0.0-0#1 EL 2024-03-12T23:33:55 AFC349D5B4E730CA */
:root {
    --bs-body-font-size: 14px;
}

html, body, #app {
    font-size: 14px !important;
}
td, tr, thead {
    font-family: "Inter", sans-serif;
}

p, td, tr, thead, table, span, a, ul, li {
    text-transform: capitalize;
}

input, textarea, select {
    text-transform: none !important;
}

.el-sub-menu__title *, .el-menu-item *, .el-sub-menu .el-menu-item {
    text-transform: capitalize !important;
}

.card-title {
    border-left: 3px solid #049d60;
}

.text-transform-none {
    text-transform: none !important
}

.fs-40 {
    font-size: 40px;
}
.fs-12 {
    font-size: 14px !important;
}

/*
*:focus {
    outline: none !important;
    box-shadow: none !important;
}
*/

.p-paginator .p-dropdown {
    height: 41px;
}

.email {
    text-transform: lowercase !important;
}

input, .p-dropdown .p-dropdown-label {
    font-weight: bold !important;
    color: #000 !important;
}

.p-dropdown {
    background-color: #F9F9F9 !important;
    border-radius: 5px;
    padding: 3px;
}

.p-dropdown:hover {
    border: 1px solid #E1E3EA !important;
}

.p-dropdown:focus, .p-dropdown:not(.p-disabled).p-focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #E1E3EA !important;
}

:deep(.p-panel .p-panel-header) {
    background-color: #049d60;
    border-color: #049d60;
    color: #ffffff;
}

:deep(.p-panel .p-panel-content) {
    border-color: var(--teal-500);
}

.p-selectbutton .p-button.p-highlight {
    background-color: #049d60 !important;
    border-color: #049d60 !important;
}
        

input, select, textarea {
    border-color: rgb(204, 206, 206);
}

.form-control.form-control-solid{
    border-color: rgb(204, 206, 206);
}
.pull-right {
    float: right;
}

.aside {
    background-color: #fff;
}
#kt_header {
    box-shadow: none !important;
    border-bottom: 0px !important;
    background-color: #f9f9f9 !important;
}

.tableSearch {
    border: 1px solid #DDD !important;
    position: relative;
    border-radius: 5px;
    border: none;
    background: none !important;
    background-color: rgba(47, 128, 237, 0.1) !important;
    width: 100%;
    font-family: 'Inter';
    font-weight: 300;
    height: 43px !important;
}

.tableSearch:focus, .p-dropdown:focus {
    outline: none;
    box-shadow: none !important;
}

.p-datatable .p-datatable-thead > tr > th {
    background-color: #fff !important;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background-color: #049d60;
    color: #fff;
}

.p-dialog-header {
    padding: 1rem 2rem !important;
}

.p-dialog .p-dialog-content {
    padding: 2rem 2rem 0rem 2rem !important;
}

.p-invalid {
    border: 1px solid #e24c4c  !important;
}

.btn-check:checked+.btn.btn-outline.btn-outline-dashed {
    border-color: #049d60 !important;
}

.vti__input {
    box-shadow: none !important;
    outline: none;
    height: 41px;
    border-radius: 5px;
    background: #f9f9f9;
}

.vti__dropdown:hover {
    background-color: #049d60;
} 

.vti__dropdown:focus, .vti__input:focus  {
    outline: none !important;
    box-shadow: none !important;
}

.vue-tel-input {
    border: 1px solid #E1E3EA;
    border-radius: 5px;
}

.vue-tel-input:focus-within {
    outline: none !important;
    box-shadow:none !important;
    border: 1px solid #E1E3EA;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #eeebeb;
  margin-bottom: 8px;
}

.flex-1 {
    flex: 1;
}

.pt-150 {
    padding-top: 20px;
}

.p-dialog .p-dialog-header {
    border-radius: 0px !important;
    background: #e9ecef !important;
}

.p-dialog {
    border-radius: 0px !important;
}

.p-dialog .p-dialog-footer {
    border-radius:  0px !important;
}

.new-table-active {
    background: #acf1bf4a !important;
    color: #049d60 !important;
}

.new-table-active i {
    color: #049d60 !important;
}


.p-datatable .p-datatable-thead > tr > th {
    background-color: #e9ecef !important;
}

.new-table-active td:first-child, .p-datatable .p-datatable-thead > tr > th:first-child {  
    border-radius: 5px 0px 0px 5px !important;
}

.new-table-active td:last-child, .p-datatable .p-datatable-thead > tr > th:last-child {  
    border-radius: 0px 5px 5px 0px !important;
}

.active-period {
  background: #017cca;
  padding: 7px;
  border-radius: 5px;
  color: #ffffff !important;
}

.p-datatable .p-datatable-thead > tr > th {
    color: #a1a5b7 !important;
}

.el-loading-spinner svg {
    height: 100px !important;
    width: 100px !important;
}

.el-loading-mask {
    background-color: rgba(173, 155, 155, .3) !important;
}

.header-tab {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}

.animating {
    transition: left 0.3s ease;
}

.el-menu {
    background: #fff;
}

.el-menu-item, .el-sub-menu__title {
    height: 40px;
    font-weight: 500;
}
.el-sub-menu .el-menu-item {
    height: 40px !important;
    left: 15px !important;
}

.svg-icon.svg-icon-2x svg {
    height: 1.6rem !important;
    width: 1.6rem !important;
}

.el-sub-menu__title:hover {
    background-color: #fff;
}

.el-menu-item:hover {
    background-color: #fff;
}

.header .header-brand {
    background-color: #049d60;
}

.el-menu {
    border-right: 2px solid #fff;
}

.aside .aside-toolbar .aside-search .search-input {
    background-color: #fff;
    color: #fff;
}
.aside .aside-toolbar .aside-user, .aside .aside-toolbar .aside-search {
    border: 0px;
}

#kt_aside {
    height: 100vh;
    overflow: auto;
    padding-bottom: 200px;
}

.d-flex-1 {
    flex: 1;
}

.p-datatable .p-datatable-thead > tr > th {
    border-bottom: 0px !important;
}

.bg-light {
    background-color:  #e9ecef !important;
}

.h {
    background-image: url(https://preview.keenthemes.com/metronic8/demo2/assets/media/patterns/header-bg.jpg);
    background-color: var(--bs-page-bg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 500px;
}

.hori-timeline .events {
   /* border-top: 3px solid #e9ecef; */
}
.hori-timeline .events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0;
    height: 100px;
}
.hori-timeline .events .event-list:before {
    content: "";
    position: absolute;
    height: 24px;
    border-right: 2px dashed #049d60;
    top: 0;
}

.timeline-button {
    display: table;margin: 0 auto;border-radius: 20px;border-radius: 20px;padding: 5px 20px;
}
.event-date {
    border-radius: 40px !important;
}

.hori-timeline .events .event-list .event-date {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    width: 125px;
    margin: 0 auto;
    border-radius: 0px;
    color: #fff;
    border: 2px solid #DDD;
}
@media (min-width: 1140px) {
    .hori-timeline .events .event-list {
        display: inline-block;
        width: 33%;
        padding-top: 25px;
    }
    .hori-timeline .events .event-list .event-date {
    top: -12px;
    }
}
.bg-soft-primary {
    background-color: rgba(64,144,203,1)!important;
}
.bg-soft-success {
    background-color: rgba(71,189,154,1)!important;
}
.bg-soft-danger {
    background-color: rgba(231,76,94,1)!important;
}
.bg-soft-warning {
    background-color: rgba(249,213,112,1)!important;
}

.form-control.form-control-solid {
    height: 44px !important;
}

.svg-icon.svg-icon-1-5hx svg
{
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.svg-icon.svg-icon-1-2hx svg
{
    height: 1.2rem !important;
    width: 1.2rem !important;
}

.small-dropdown {
    height: 40px;
}

.small-dropdown .p-dropdown-label .p-inputtext {
    padding-top: 8px;
}

.p-selectbutton, .p-buttonset .p-button {
    height: 39px;
}

.custom-tooltip {
    width: 500px !important;
    border-radius: 20px;
}

.custom-tooltip .p-tooltip-text {
    background-color: #049d60;
    color: rgb(255, 255, 255);
}
.custom-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: var(--pink-800);
}

.custom-tooltip p {
    margin: 0;
}

.no-border-dropdown {
    border: 0px !important;
}

#overlay_menu {
    width: 300px !important;
}

.customInput {
    width: 100px;
    border: 1px solid #DDD;
    padding: 5px;
    border-radius: 5px;
    box-shadow: none !important;
    outline: none !important;
}
.customInput:focus {
    box-shadow: none !important;
    outline: none !important;
}
.card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.absolute {
    position: absolute;
}

.el-message-box {
    border: 0px !important;
}
.el-message-box__btns button {
    background-color: #f1416c !important;
    border: 0px;
    margin-bottom: 20px;
}

.el-message-box__message {
    font-weight: bold;
}

.el-message-box__content {
    padding: 30px !important;
}

.el-message-box{
    max-width: 450px !important;
}

.el-message-box__btns{
    margin-right: 20px;
    margin-left: 50px;
    border-radius: 0px !important;
}

@media screen and (max-width: 600px) {
    #admissionsidelayout {
      display: none !important;
    }

    #admissionright {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.fc .fc-daygrid-dot-event {
    background-color: #acf1bf4a;
    color: #049d60;
}

.fc-button-group {
    border: 1px solid #DDD;
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
    background: #fff;
    border: 1px solid #000;
    color: #495057;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active
{
    background: #049d60;
    border: 1px solid #049d60;
}

.fc-button-active {
    background: #049d60 !important;
    border: 1px solid #049d60 !important;  
    color: #fff !important;
}
.fc-button-active:hover {
    background: #049d60;
    border-color: #049d60;
    color: #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
    background: #049d60;
    border-color: #049d60;
    color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
    background: #049d60;
    color: #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
    background: #049d60;
    border-color: #049d60;
    color: #ffffff;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
    margin-bottom: 30px;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token {
    background-color: #acf1bf4a !important;
    color: #049d60 !important;
}
.p-multiselect {
    padding: 3px;
    background: #f9f9f9;
}
.p-multiselect .p-multiselect-label.p-placeholder {
    color: #000000;
    font-weight: 700 !important;
}

.apexcharts-bar {
    border-radius: 10px; /* Adjust the radius as needed */
}

.logo-size {
    height: 190px;
    min-height: 120px;
    max-height: 1000px;
    width: auto;
}
.custom-button-1 {
    border-radius: 5px 0px 0px 5px !important;
    height: 40px !important;
    padding: 10px !important;
    font-size: 14px !important;
    margin-top: -5px !important;
    border: 1px solid #0095e7 !important;
}

.custom-button-2 {
    border-radius: 0px 5px 5px 0px !important;
    height: 40px !important;
    padding: 10px !important;
    font-size: 14px !important;
    margin-top: -5px !important;
}

.custom-button-3 {
    border-radius: 5px 0px 0px 5px !important;
    height: 40px !important;
    padding: 10px !important;
    font-size: 14px !important;
    margin-top: -5px !important;
    border: 1px solid #049d60 !important;
}

.custom-dropdown-1 {
    border-radius: 0px 5px 5px 0px;
    border-left: 0px;
    height: 40px;
}

.multiselect__tags {
    min-height: 44px !important;
    border: 1px solid #cccece !important;
    border: 1px solid #cccece !important; 
    font-weight: bold !important;
    background: #f9f9f9 !important;
}


.staff_div {
    height: 700px;
}
.el-steps--simple {
    padding: 10px 2%;
    background: #eaecef !important;
}
.el-step.is-simple .el-step__title {
    font-size: 12px !important;
    font-weight: bold;
}

.text-danger .el-step__head {
    color: #f1416c !important;
    border-color: #f1416c !important;
}
.text-danger .el-step__title {
    color: #f1416c !important;
}
.text-danger .el-step__arrow::before {
    background-color: #f1416c !important;
}
.text-danger .el-step__arrow::after {
    background-color: #f1416c !important;
}


.text-success .el-step__head {
    color: #049d60 !important;
    border-color: #049d60 !important;
}
.text-success .el-step__title {
    color: #049d60 !important;
}
.text-success .el-step__arrow::before {
    background-color: #049d60 !important;
}
.text-success .el-step__arrow::after {
    background-color: #049d60 !important;
}

.text-warning .el-step__head {
    color: #ffc700 !important;
    border-color: #ffc700 !important;
}
.text-warning .el-step__title {
    color: #ffc700 !important;
}
.text-warning .el-step__arrow::before {
    background-color: #ffc700 !important;
}
.text-warning .el-step__arrow::after {
    background-color: #ffc700 !important;
}
@media (max-width: 768px) {
    .header-profile-cont {
        margin-right: 0px !important;
        width: 100% !important;
    }
    .header-profile {
        text-align: center;       
        width: 100% !important;
    }
    .header-profile-p {
        width: 100% !important;
    }
    .amount-card-cont {
        padding-right: 0px !important;
    }
    .amount-card {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .app-menu-items .nav-link {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .student-info-name {
        flex-direction: column;
    }
}

.form-check-label {
    color: #181c32 !important;
}

/* Shared responsive shell. Wide data sets stay usable with touch scrolling while
   the application chrome and forms fit small screens. */
html, body, #app {
    max-width: 100%;
    min-width: 0;
}

body {
    overflow-x: hidden;
}

img, svg, video, canvas {
    max-width: 100%;
}

#kt_wrapper,
#kt_content,
#kt_content_container,
.post,
.content {
    min-width: 0;
    max-width: 100%;
}

#kt_content_container {
    width: 100%;
}

.p-datatable-wrapper,
.el-table__body-wrapper,
.table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.p-datatable-table,
.el-table__body,
.el-table__header {
    min-width: 640px;
}

.el-dialog,
.p-dialog {
    max-width: calc(100vw - 24px);
}

@media (max-width: 991.98px) {
    #kt_aside {
        display: block !important;
        position: fixed !important;
        z-index: 1100 !important;
        top: 0;
        bottom: 0;
        left: 0;
        width: min(86vw, 320px) !important;
        height: 100dvh !important;
        max-height: 100dvh;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 12px 0 30px rgba(0, 0, 0, .14);
    }

    #kt_aside.mobile-aside-open {
        transform: translateX(0);
    }

    .mobile-aside-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1090;
        background: rgba(15, 23, 42, .42);
    }

    body.mobile-aside-open {
        overflow: hidden;
    }

    #kt_wrapper {
        width: 100%;
        flex: 1 1 100%;
    }

    #kt_header {
        min-height: 64px;
    }

    #kt_header .header-brand {
        width: auto;
        min-width: 112px;
        padding: 0 10px;
    }

    #kt_header .header-brand > a {
        min-width: 0;
    }

    #kt_header .header-brand img {
        width: auto;
        max-width: 100px;
        height: auto !important;
        max-height: 34px;
    }

    #kt_header .aside-minimize {
        display: none !important;
    }

    #kt_header .toolbar {
        min-width: 0;
        flex: 1 1 auto;
    }

    #kt_header .toolbar > .container-fluid {
        padding: 0 12px;
    }

    #kt_header .toolbar > .container-fluid > div,
    #kt_header .toolbar .d-flex.align-items-stretch.overflow-auto {
        min-width: 0;
    }

    #kt_header .page-title {
        min-width: 0;
        margin-right: 8px !important;
    }

    #kt_header .page-heading {
        max-width: 38vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem !important;
    }

    #kt_header .breadcrumb {
        display: none;
    }

    #kt_header .toolbar .badge {
        display: block;
        max-width: 34vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #kt_content_container {
        padding: 0 12px 24px !important;
    }

    .card-body {
        min-width: 0;
    }

    .row {
        --bs-gutter-x: 1rem;
    }

    .form-control,
    .form-select,
    .p-inputtext,
    .p-dropdown,
    .p-multiselect,
    .multiselect,
    .el-input,
    .el-select {
        max-width: 100%;
    }

    .el-dialog,
    .p-dialog {
        width: calc(100vw - 24px) !important;
        margin: 12px auto !important;
    }

    .el-dialog__body,
    .el-dialog__footer,
    .p-dialog .p-dialog-content,
    .p-dialog .p-dialog-footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .p-dialog .p-dialog-header,
    .el-dialog__header {
        padding: 14px 16px !important;
    }

    .p-button,
    .el-button {
        max-width: 100%;
    }

    .card-header,
    .card-footer {
        flex-wrap: wrap;
        gap: 8px;
    }

    .table {
        font-size: 12px;
    }

    .card-body > table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .card-body > table > * {
        min-width: 640px;
    }

    .el-steps--simple {
        overflow-x: auto;
        white-space: nowrap;
    }

    .el-step.is-simple {
        min-width: 150px;
    }

    .app-shell .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 575.98px) {
    #kt_header .header-brand {
        min-width: 98px;
        padding-left: 8px;
        padding-right: 8px;
    }

    #kt_header .header-brand img {
        max-width: 86px;
    }

    #kt_header .page-heading {
        max-width: 32vw;
    }

    #kt_header .toolbar .badge {
        max-width: 30vw;
        font-size: 10px;
    }

    .px-7,
    .px-6,
    .px-5 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .py-9,
    .pt-9 {
        padding-top: 16px !important;
    }

    .el-form-item {
        display: block;
    }

    .el-form-item__label {
        display: block;
        width: 100% !important;
        text-align: left;
    }
}

@media (max-width: 991.98px) {
    .student-shell .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .student-shell .hori-timeline .events {
        border-top: 0;
    }

    .student-shell .hori-timeline .events .event-list {
        min-height: 120px;
    }

    .student-shell .nav {
        max-width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .student-shell .nav .nav-link {
        white-space: nowrap;
        margin-right: 0 !important;
        padding: 12px 14px !important;
    }

    .student-shell .d-flex.flex-wrap.flex-sm-nowrap {
        display: block !important;
    }

    .student-shell .symbol.symbol-lg-160px {
        margin-left: auto;
        margin-right: auto;
    }

    .student-shell .student-info-name {
        align-items: flex-start !important;
    }

    .student-shell .card-body > .row > [class*="col-"] {
        min-width: 0;
    }
}
.student-id-link:hover {
    text-decoration: underline !important;
}
@media (max-width: 991.98px) {
    /* Keep the primary student action available while secondary columns scroll. */
    .p-datatable .p-datatable-thead > tr > th:first-child,
    .p-datatable .p-datatable-tbody > tr > td:first-child {
        position: sticky;
        left: 0;
        z-index: 3;
        min-width: 178px;
        width: 178px;
        background: #fff !important;
        box-shadow: 4px 0 8px rgba(15, 23, 42, .08);
    }

    .p-datatable .p-datatable-thead > tr > th:first-child {
        z-index: 4;
        background: #e9ecef !important;
    }
}
.subjects-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.subjects-table-scroll table {
    min-width: 640px;
}

@media (max-width: 991.98px) {

    .subjects-toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 8px;
    }

    .subjects-toolbar .subjects-semester-select {
        flex: 1 1 100%;
        min-width: 0;
    }

    .subjects-toolbar .subjects-print-button {
        flex: 1 1 calc(50% - 4px);
        margin: 0 !important;
        padding: 11px 8px !important;
        text-align: center;
        white-space: nowrap;
    }

    .subjects-table-scroll {
        margin-left: -4px;
        margin-right: -4px;
    }
}
.fee-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.fee-actions .btn-group {
    margin-top: 0 !important;
}

.fee-actions > .btn,
.fee-actions > .btn-group {
    margin-left: 0 !important;
}

.fee-schemes-table {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.fee-schemes-table > table {
    min-width: 780px;
}

.fee-scheme-detail-table {
    min-width: 640px;
}

@media (max-width: 991.98px) {
    .fee-actions {
        float: none !important;
        width: 100%;
        justify-content: stretch;
        gap: 8px;
    }

    .fee-actions .btn-group {
        display: flex;
        flex: 1 1 100%;
        min-width: 0;
    }

    .fee-actions .btn-group .btn {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fee-actions > .btn {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
        margin: 0 !important;
        white-space: nowrap;
    }

    .fee-schemes-table {
        margin-left: -4px;
        margin-right: -4px;
    }

    .fee-scheme-detail-table th,
    .fee-scheme-detail-table td {
        white-space: nowrap;
    }
}
.visa-application-filters {
    min-width: 0;
}

@media (max-width: 991.98px) {
    .visa-application-filters .pull-right {
        float: none !important;
        width: 100%;
    }

    .visa-application-filters > .d-flex {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 8px;
    }

    .visa-application-filters > .d-flex > .fv-row {
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-right: 0 !important;
    }

    .visa-application-filters > .d-flex .p-dropdown,
    .visa-application-filters > .d-flex .p-multiselect,
    .visa-application-filters > .d-flex .form-control {
        width: 100% !important;
        max-width: 100%;
    }

    .visa-application-filters .p-multiselect-label {
        min-width: 0;
        overflow: hidden;
    }
}