@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
}

app {
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
}

.navbar.header-navbar {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3.5rem;
    min-height: 3.5rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    align-self: stretch;
}

.header-navbar .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 2rem;
    width: 2rem;
}

.main {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    overflow: auto;
}

.sidebar {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    max-height: calc(100vh - 3.5rem);
    overflow: auto;
}

.content {
    max-width: 1100px;
    padding: 1.1rem 2rem 0 2rem;
    flex: 1 1 auto;
}

.sidebar.collapse {
    display: none;
}

.sidebar.expand {
    display: block;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.title {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.app-sidebar > .nav-pills > .nav-item:first-of-type {
    padding-top: 1rem;
}

.app-sidebar > .nav-pills > .nav-item:last-of-type {
    padding-bottom: 1rem;
}

.app-sidebar .nav-pills > .nav-item a {
    border-radius: 0px;
    display: flex;
    align-items: center;
}

.app-sidebar > .nav-pills > .nav-item > a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: .25rem 1rem .25rem .125rem;
}

.fit-width {
    max-width: 100%;
}

@media (max-width: 1199.98px) {
    .main {
        min-width: 100vw;
        display: flex;
        flex-flow: column nowrap;
    }

    .sidebar {
        display: none;
    }

    .sidebar.expand {
        position: fixed;
        top: 3.5rem;
        left: 0;
        min-width: 100vw; 
        background-color: #fff;
        z-index: 1050;
    }

    .app-sidebar > .nav-pills > .nav-item:last-of-type {
        padding-bottom: 0;
    }
}

@media (max-width: 350px) {
    .title {
        font-size: inherit;
    }
}

.ant-image-preview-mask{
    z-index: 9101;
}
.ant-image-preview-wrap {
    z-index: 9201;
}

/****************************
    Mobile view - XS
*****************************/
@media(min-width:0) and (max-width: 599px) {

    .order-xs-0 {order: 0 !important;}
    .order-xs-1 {order: 1 !important;}
    .order-xs-2 {order: 2 !important;}
    .order-xs-3 {order: 3 !important;}
    .order-xs-4 {order: 4 !important;}
    .order-xs-5 {order: 5 !important;}
    .order-xs-6 {order: 6 !important;}
    .order-xs-7 {order: 7 !important;}
    .order-xs-8 {order: 8 !important;}
    .order-xs-9 {order: 9 !important;}
    .order-xs-10 {order: 10 !important;}
    .order-xs-11 {order: 11 !important;}
    .order-xs-12 {order: 12 !important;}


    /* MudBlazor fix for .ma-xs-* .pa-xs-* */
    .mt-xs-0, .my-xs-0 {
        margin-top: 0 !important;
    }

    .mr-xs-0, .mx-xs-0 {
        margin-right: 0 !important;
    }

    .ml-xs-0, .mx-xs-0 {
        margin-left: 0 !important;
    }

    .mb-xs-0, .my-xs-0 {
        margin-bottom: 0 !important;
    }

    .ms-xs-0 {
        margin-inline-start: 0 !important;
    }

    .me-xs-0 {
        margin-inline-end: 0 !important;
    }

    .ma-xs-0 {
        margin: 0 !important;
    }

    .mt-xs-1, .my-xs-1 {
        margin-top: 4px !important;
    }

    .mr-xs-1, .mx-xs-1 {
        margin-right: 4px !important;
    }

    .ml-xs-1, .mx-xs-1 {
        margin-left: 4px !important;
    }

    .mb-xs-1, .my-xs-1 {
        margin-bottom: 4px !important;
    }

    .ms-xs-1 {
        margin-inline-start: 4px !important;
    }

    .me-xs-1 {
        margin-inline-end: 4px !important;
    }

    .ma-xs-1 {
        margin: 4px !important;
    }

    .mt-xs-2, .my-xs-2 {
        margin-top: 8px !important;
    }

    .mr-xs-2, .mx-xs-2 {
        margin-right: 8px !important;
    }

    .ml-xs-2, .mx-xs-2 {
        margin-left: 8px !important;
    }

    .mb-xs-2, .my-xs-2 {
        margin-bottom: 8px !important;
    }

    .ms-xs-2 {
        margin-inline-start: 8px !important;
    }

    .me-xs-2 {
        margin-inline-end: 8px !important;
    }

    .ma-xs-2 {
        margin: 8px !important;
    }

    .mt-xs-3, .my-xs-3 {
        margin-top: 12px !important;
    }

    .mr-xs-3, .mx-xs-3 {
        margin-right: 12px !important;
    }

    .ml-xs-3, .mx-xs-3 {
        margin-left: 12px !important;
    }

    .mb-xs-3, .my-xs-3 {
        margin-bottom: 12px !important;
    }

    .ms-xs-3 {
        margin-inline-start: 12px !important;
    }

    .me-xs-3 {
        margin-inline-end: 12px !important;
    }

    .ma-xs-3 {
        margin: 12px !important;
    }

    .mt-xs-4, .my-xs-4 {
        margin-top: 16px !important;
    }

    .mr-xs-4, .mx-xs-4 {
        margin-right: 16px !important;
    }

    .ml-xs-4, .mx-xs-4 {
        margin-left: 16px !important;
    }

    .mb-xs-4, .my-xs-4 {
        margin-bottom: 16px !important;
    }

    .ms-xs-4 {
        margin-inline-start: 16px !important;
    }

    .me-xs-4 {
        margin-inline-end: 16px !important;
    }

    .ma-xs-4 {
        margin: 16px !important;
    }

    .mt-xs-5, .my-xs-5 {
        margin-top: 20px !important;
    }

    .mr-xs-5, .mx-xs-5 {
        margin-right: 20px !important;
    }

    .ml-xs-5, .mx-xs-5 {
        margin-left: 20px !important;
    }

    .mb-xs-5, .my-xs-5 {
        margin-bottom: 20px !important;
    }

    .ms-xs-5 {
        margin-inline-start: 20px !important;
    }

    .me-xs-5 {
        margin-inline-end: 20px !important;
    }

    .ma-xs-5 {
        margin: 20px !important;
    }

    .mt-xs-6, .my-xs-6 {
        margin-top: 24px !important;
    }

    .mr-xs-6, .mx-xs-6 {
        margin-right: 24px !important;
    }

    .ml-xs-6, .mx-xs-6 {
        margin-left: 24px !important;
    }

    .mb-xs-6, .my-xs-6 {
        margin-bottom: 24px !important;
    }

    .ms-xs-6 {
        margin-inline-start: 24px !important;
    }

    .me-xs-6 {
        margin-inline-end: 24px !important;
    }

    .ma-xs-6 {
        margin: 24px !important;
    }

    .mt-xs-7, .my-xs-7 {
        margin-top: 28px !important;
    }

    .mr-xs-7, .mx-xs-7 {
        margin-right: 28px !important;
    }

    .ml-xs-7, .mx-xs-7 {
        margin-left: 28px !important;
    }

    .mb-xs-7, .my-xs-7 {
        margin-bottom: 28px !important;
    }

    .ms-xs-7 {
        margin-inline-start: 28px !important;
    }

    .me-xs-7 {
        margin-inline-end: 28px !important;
    }

    .ma-xs-7 {
        margin: 28px !important;
    }

    .mt-xs-8, .my-xs-8 {
        margin-top: 32px !important;
    }

    .mr-xs-8, .mx-xs-8 {
        margin-right: 32px !important;
    }

    .ml-xs-8, .mx-xs-8 {
        margin-left: 32px !important;
    }

    .mb-xs-8, .my-xs-8 {
        margin-bottom: 32px !important;
    }

    .ms-xs-8 {
        margin-inline-start: 32px !important;
    }

    .me-xs-8 {
        margin-inline-end: 32px !important;
    }

    .ma-xs-8 {
        margin: 32px !important;
    }

    .mt-xs-9, .my-xs-9 {
        margin-top: 36px !important;
    }

    .mr-xs-9, .mx-xs-9 {
        margin-right: 36px !important;
    }

    .ml-xs-9, .mx-xs-9 {
        margin-left: 36px !important;
    }

    .mb-xs-9, .my-xs-9 {
        margin-bottom: 36px !important;
    }

    .ms-xs-9 {
        margin-inline-start: 36px !important;
    }

    .me-xs-9 {
        margin-inline-end: 36px !important;
    }

    .ma-xs-9 {
        margin: 36px !important;
    }

    .mt-xs-10, .my-xs-10 {
        margin-top: 40px !important;
    }

    .mr-xs-10, .mx-xs-10 {
        margin-right: 40px !important;
    }

    .ml-xs-10, .mx-xs-10 {
        margin-left: 40px !important;
    }

    .mb-xs-10, .my-xs-10 {
        margin-bottom: 40px !important;
    }

    .ms-xs-10 {
        margin-inline-start: 40px !important;
    }

    .me-xs-10 {
        margin-inline-end: 40px !important;
    }

    .ma-xs-10 {
        margin: 40px !important;
    }

    .mt-xs-11, .my-xs-11 {
        margin-top: 44px !important;
    }

    .mr-xs-11, .mx-xs-11 {
        margin-right: 44px !important;
    }

    .ml-xs-11, .mx-xs-11 {
        margin-left: 44px !important;
    }

    .mb-xs-11, .my-xs-11 {
        margin-bottom: 44px !important;
    }

    .ms-xs-11 {
        margin-inline-start: 44px !important;
    }

    .me-xs-11 {
        margin-inline-end: 44px !important;
    }

    .ma-xs-11 {
        margin: 44px !important;
    }

    .mt-xs-12, .my-xs-12 {
        margin-top: 48px !important;
    }

    .mr-xs-12, .mx-xs-12 {
        margin-right: 48px !important;
    }

    .ml-xs-12, .mx-xs-12 {
        margin-left: 48px !important;
    }

    .mb-xs-12, .my-xs-12 {
        margin-bottom: 48px !important;
    }

    .ms-xs-12 {
        margin-inline-start: 48px !important;
    }

    .me-xs-12 {
        margin-inline-end: 48px !important;
    }

    .ma-xs-12 {
        margin: 48px !important;
    }

    .mt-xs-13, .my-xs-13 {
        margin-top: 52px !important;
    }

    .mr-xs-13, .mx-xs-13 {
        margin-right: 52px !important;
    }

    .ml-xs-13, .mx-xs-13 {
        margin-left: 52px !important;
    }

    .mb-xs-13, .my-xs-13 {
        margin-bottom: 52px !important;
    }

    .ms-xs-13 {
        margin-inline-start: 52px !important;
    }

    .me-xs-13 {
        margin-inline-end: 52px !important;
    }

    .ma-xs-13 {
        margin: 52px !important;
    }

    .mt-xs-14, .my-xs-14 {
        margin-top: 56px !important;
    }

    .mr-xs-14, .mx-xs-14 {
        margin-right: 56px !important;
    }

    .ml-xs-14, .mx-xs-14 {
        margin-left: 56px !important;
    }

    .mb-xs-14, .my-xs-14 {
        margin-bottom: 56px !important;
    }

    .ms-xs-14 {
        margin-inline-start: 56px !important;
    }

    .me-xs-14 {
        margin-inline-end: 56px !important;
    }

    .ma-xs-14 {
        margin: 56px !important;
    }

    .mt-xs-15, .my-xs-15 {
        margin-top: 60px !important;
    }

    .mr-xs-15, .mx-xs-15 {
        margin-right: 60px !important;
    }

    .ml-xs-15, .mx-xs-15 {
        margin-left: 60px !important;
    }

    .mb-xs-15, .my-xs-15 {
        margin-bottom: 60px !important;
    }

    .ms-xs-15 {
        margin-inline-start: 60px !important;
    }

    .me-xs-15 {
        margin-inline-end: 60px !important;
    }

    .ma-xs-15 {
        margin: 60px !important;
    }

    .mt-xs-16, .my-xs-16 {
        margin-top: 64px !important;
    }

    .mr-xs-16, .mx-xs-16 {
        margin-right: 64px !important;
    }

    .ml-xs-16, .mx-xs-16 {
        margin-left: 64px !important;
    }

    .mb-xs-16, .my-xs-16 {
        margin-bottom: 64px !important;
    }

    .ms-xs-16 {
        margin-inline-start: 64px !important;
    }

    .me-xs-16 {
        margin-inline-end: 64px !important;
    }

    .ma-xs-16 {
        margin: 64px !important;
    }

    .mt-xs-auto, .my-xs-auto {
        margin-top: auto !important;
    }

    .mr-xs-auto, .mx-xs-auto {
        margin-right: auto !important;
    }

    .ml-xs-auto, .mx-xs-auto {
        margin-left: auto !important;
    }

    .mb-xs-auto, .my-xs-auto {
        margin-bottom: auto !important;
    }

    .ms-xs-auto {
        margin-inline-start: auto !important;
    }

    .me-xs-auto {
        margin-inline-end: auto !important;
    }

    .ma-xs-auto {
        margin: auto !important;
    }

    .pt-xs-0, .py-xs-0 {
        padding-top: 0 !important;
    }

    .pr-xs-0, .px-xs-0 {
        padding-right: 0 !important;
    }

    .pl-xs-0, .px-xs-0 {
        padding-left: 0 !important;
    }

    .pb-xs-0, .py-xs-0 {
        padding-bottom: 0 !important;
    }

    .ps-xs-0 {
        padding-inline-start: 0 !important;
    }

    .pe-xs-0 {
        padding-inline-end: 0 !important;
    }

    .pa-xs-0 {
        padding: 0 !important;
    }

    .pt-xs-1, .py-xs-1 {
        padding-top: 4px !important;
    }

    .pr-xs-1, .px-xs-1 {
        padding-right: 4px !important;
    }

    .pl-xs-1, .px-xs-1 {
        padding-left: 4px !important;
    }

    .pb-xs-1, .py-xs-1 {
        padding-bottom: 4px !important;
    }

    .ps-xs-1 {
        padding-inline-start: 4px !important;
    }

    .pe-xs-1 {
        padding-inline-end: 4px !important;
    }

    .pa-xs-1 {
        padding: 4px !important;
    }

    .pt-xs-2, .py-xs-2 {
        padding-top: 8px !important;
    }

    .pr-xs-2, .px-xs-2 {
        padding-right: 8px !important;
    }

    .pl-xs-2, .px-xs-2 {
        padding-left: 8px !important;
    }

    .pb-xs-2, .py-xs-2 {
        padding-bottom: 8px !important;
    }

    .ps-xs-2 {
        padding-inline-start: 8px !important;
    }

    .pe-xs-2 {
        padding-inline-end: 8px !important;
    }

    .pa-xs-2 {
        padding: 8px !important;
    }

    .pt-xs-3, .py-xs-3 {
        padding-top: 12px !important;
    }

    .pr-xs-3, .px-xs-3 {
        padding-right: 12px !important;
    }

    .pl-xs-3, .px-xs-3 {
        padding-left: 12px !important;
    }

    .pb-xs-3, .py-xs-3 {
        padding-bottom: 12px !important;
    }

    .ps-xs-3 {
        padding-inline-start: 12px !important;
    }

    .pe-xs-3 {
        padding-inline-end: 12px !important;
    }

    .pa-xs-3 {
        padding: 12px !important;
    }

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

    .pr-xs-4, .px-xs-4 {
        padding-right: 16px !important;
    }

    .pl-xs-4, .px-xs-4 {
        padding-left: 16px !important;
    }

    .pb-xs-4, .py-xs-4 {
        padding-bottom: 16px !important;
    }

    .ps-xs-4 {
        padding-inline-start: 16px !important;
    }

    .pe-xs-4 {
        padding-inline-end: 16px !important;
    }

    .pa-xs-4 {
        padding: 16px !important;
    }

    .pt-xs-5, .py-xs-5 {
        padding-top: 20px !important;
    }

    .pr-xs-5, .px-xs-5 {
        padding-right: 20px !important;
    }

    .pl-xs-5, .px-xs-5 {
        padding-left: 20px !important;
    }

    .pb-xs-5, .py-xs-5 {
        padding-bottom: 20px !important;
    }

    .ps-xs-5 {
        padding-inline-start: 20px !important;
    }

    .pe-xs-5 {
        padding-inline-end: 20px !important;
    }

    .pa-xs-5 {
        padding: 20px !important;
    }

    .pt-xs-6, .py-xs-6 {
        padding-top: 24px !important;
    }

    .pr-xs-6, .px-xs-6 {
        padding-right: 24px !important;
    }

    .pl-xs-6, .px-xs-6 {
        padding-left: 24px !important;
    }

    .pb-xs-6, .py-xs-6 {
        padding-bottom: 24px !important;
    }

    .ps-xs-6 {
        padding-inline-start: 24px !important;
    }

    .pe-xs-6 {
        padding-inline-end: 24px !important;
    }

    .pa-xs-6 {
        padding: 24px !important;
    }

    .pt-xs-7, .py-xs-7 {
        padding-top: 28px !important;
    }

    .pr-xs-7, .px-xs-7 {
        padding-right: 28px !important;
    }

    .pl-xs-7, .px-xs-7 {
        padding-left: 28px !important;
    }

    .pb-xs-7, .py-xs-7 {
        padding-bottom: 28px !important;
    }

    .ps-xs-7 {
        padding-inline-start: 28px !important;
    }

    .pe-xs-7 {
        padding-inline-end: 28px !important;
    }

    .pa-xs-7 {
        padding: 28px !important;
    }

    .pt-xs-8, .py-xs-8 {
        padding-top: 32px !important;
    }

    .pr-xs-8, .px-xs-8 {
        padding-right: 32px !important;
    }

    .pl-xs-8, .px-xs-8 {
        padding-left: 32px !important;
    }

    .pb-xs-8, .py-xs-8 {
        padding-bottom: 32px !important;
    }

    .ps-xs-8 {
        padding-inline-start: 32px !important;
    }

    .pe-xs-8 {
        padding-inline-end: 32px !important;
    }

    .pa-xs-8 {
        padding: 32px !important;
    }

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

    .pr-xs-9, .px-xs-9 {
        padding-right: 36px !important;
    }

    .pl-xs-9, .px-xs-9 {
        padding-left: 36px !important;
    }

    .pb-xs-9, .py-xs-9 {
        padding-bottom: 36px !important;
    }

    .ps-xs-9 {
        padding-inline-start: 36px !important;
    }

    .pe-xs-9 {
        padding-inline-end: 36px !important;
    }

    .pa-xs-9 {
        padding: 36px !important;
    }

    .pt-xs-10, .py-xs-10 {
        padding-top: 40px !important;
    }

    .pr-xs-10, .px-xs-10 {
        padding-right: 40px !important;
    }

    .pl-xs-10, .px-xs-10 {
        padding-left: 40px !important;
    }

    .pb-xs-10, .py-xs-10 {
        padding-bottom: 40px !important;
    }

    .ps-xs-10 {
        padding-inline-start: 40px !important;
    }

    .pe-xs-10 {
        padding-inline-end: 40px !important;
    }

    .pa-xs-10 {
        padding: 40px !important;
    }

    .pt-xs-11, .py-xs-11 {
        padding-top: 44px !important;
    }

    .pr-xs-11, .px-xs-11 {
        padding-right: 44px !important;
    }

    .pl-xs-11, .px-xs-11 {
        padding-left: 44px !important;
    }

    .pb-xs-11, .py-xs-11 {
        padding-bottom: 44px !important;
    }

    .ps-xs-11 {
        padding-inline-start: 44px !important;
    }

    .pe-xs-11 {
        padding-inline-end: 44px !important;
    }

    .pa-xs-11 {
        padding: 44px !important;
    }

    .pt-xs-12, .py-xs-12 {
        padding-top: 48px !important;
    }

    .pr-xs-12, .px-xs-12 {
        padding-right: 48px !important;
    }

    .pl-xs-12, .px-xs-12 {
        padding-left: 48px !important;
    }

    .pb-xs-12, .py-xs-12 {
        padding-bottom: 48px !important;
    }

    .ps-xs-12 {
        padding-inline-start: 48px !important;
    }

    .pe-xs-12 {
        padding-inline-end: 48px !important;
    }

    .pa-xs-12 {
        padding: 48px !important;
    }

    .pt-xs-13, .py-xs-13 {
        padding-top: 52px !important;
    }

    .pr-xs-13, .px-xs-13 {
        padding-right: 52px !important;
    }

    .pl-xs-13, .px-xs-13 {
        padding-left: 52px !important;
    }

    .pb-xs-13, .py-xs-13 {
        padding-bottom: 52px !important;
    }

    .ps-xs-13 {
        padding-inline-start: 52px !important;
    }

    .pe-xs-13 {
        padding-inline-end: 52px !important;
    }

    .pa-xs-13 {
        padding: 52px !important;
    }

    .pt-xs-14, .py-xs-14 {
        padding-top: 56px !important;
    }

    .pr-xs-14, .px-xs-14 {
        padding-right: 56px !important;
    }

    .pl-xs-14, .px-xs-14 {
        padding-left: 56px !important;
    }

    .pb-xs-14, .py-xs-14 {
        padding-bottom: 56px !important;
    }

    .ps-xs-14 {
        padding-inline-start: 56px !important;
    }

    .pe-xs-14 {
        padding-inline-end: 56px !important;
    }

    .pa-xs-14 {
        padding: 56px !important;
    }

    .pt-xs-15, .py-xs-15 {
        padding-top: 60px !important;
    }

    .pr-xs-15, .px-xs-15 {
        padding-right: 60px !important;
    }

    .pl-xs-15, .px-xs-15 {
        padding-left: 60px !important;
    }

    .pb-xs-15, .py-xs-15 {
        padding-bottom: 60px !important;
    }

    .ps-xs-15 {
        padding-inline-start: 60px !important;
    }

    .pe-xs-15 {
        padding-inline-end: 60px !important;
    }

    .pa-xs-15 {
        padding: 60px !important;
    }

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

    .pr-xs-16, .px-xs-16 {
        padding-right: 64px !important;
    }

    .pl-xs-16, .px-xs-16 {
        padding-left: 64px !important;
    }

    .pb-xs-16, .py-xs-16 {
        padding-bottom: 64px !important;
    }

    .ps-xs-16 {
        padding-inline-start: 64px !important;
    }

    .pe-xs-16 {
        padding-inline-end: 64px !important;
    }

    .pa-xs-16 {
        padding: 64px !important;
    }

    .pt-xs-auto, .py-xs-auto {
        padding-top: auto !important;
    }

    .pr-xs-auto, .px-xs-auto {
        padding-right: auto !important;
    }

    .pl-xs-auto, .px-xs-auto {
        padding-left: auto !important;
    }

    .pb-xs-auto, .py-xs-auto {
        padding-bottom: auto !important;
    }

    .ps-xs-auto {
        padding-inline-start: auto !important;
    }

    .pe-xs-auto {
        padding-inline-end: auto !important;
    }

    .pa-xs-auto {
        padding: auto !important;
    }

    .mt-xs-n1, .my-xs-n1 {
        margin-top: -4px !important;
    }

    .mr-xs-n1, .mx-xs-n1 {
        margin-right: -4px !important;
    }

    .ml-xs-n1, .mx-xs-n1 {
        margin-left: -4px !important;
    }

    .mb-xs-n1, .my-xs-n1 {
        margin-bottom: -4px !important;
    }

    .ms-xs-n1 {
        margin-inline-start: -4px !important;
    }

    .me-xs-n1 {
        margin-inline-end: -4px !important;
    }

    .ma-xs-n1 {
        margin: -4px !important;
    }

    .mt-xs-n2, .my-xs-n2 {
        margin-top: -8px !important;
    }

    .mr-xs-n2, .mx-xs-n2 {
        margin-right: -8px !important;
    }

    .ml-xs-n2, .mx-xs-n2 {
        margin-left: -8px !important;
    }

    .mb-xs-n2, .my-xs-n2 {
        margin-bottom: -8px !important;
    }

    .ms-xs-n2 {
        margin-inline-start: -8px !important;
    }

    .me-xs-n2 {
        margin-inline-end: -8px !important;
    }

    .ma-xs-n2 {
        margin: -8px !important;
    }

    .mt-xs-n3, .my-xs-n3 {
        margin-top: -12px !important;
    }

    .mr-xs-n3, .mx-xs-n3 {
        margin-right: -12px !important;
    }

    .ml-xs-n3, .mx-xs-n3 {
        margin-left: -12px !important;
    }

    .mb-xs-n3, .my-xs-n3 {
        margin-bottom: -12px !important;
    }

    .ms-xs-n3 {
        margin-inline-start: -12px !important;
    }

    .me-xs-n3 {
        margin-inline-end: -12px !important;
    }

    .ma-xs-n3 {
        margin: -12px !important;
    }

    .mt-xs-n4, .my-xs-n4 {
        margin-top: -16px !important;
    }

    .mr-xs-n4, .mx-xs-n4 {
        margin-right: -16px !important;
    }

    .ml-xs-n4, .mx-xs-n4 {
        margin-left: -16px !important;
    }

    .mb-xs-n4, .my-xs-n4 {
        margin-bottom: -16px !important;
    }

    .ms-xs-n4 {
        margin-inline-start: -16px !important;
    }

    .me-xs-n4 {
        margin-inline-end: -16px !important;
    }

    .ma-xs-n4 {
        margin: -16px !important;
    }

    .mt-xs-n5, .my-xs-n5 {
        margin-top: -20px !important;
    }

    .mr-xs-n5, .mx-xs-n5 {
        margin-right: -20px !important;
    }

    .ml-xs-n5, .mx-xs-n5 {
        margin-left: -20px !important;
    }

    .mb-xs-n5, .my-xs-n5 {
        margin-bottom: -20px !important;
    }

    .ms-xs-n5 {
        margin-inline-start: -20px !important;
    }

    .me-xs-n5 {
        margin-inline-end: -20px !important;
    }

    .ma-xs-n5 {
        margin: -20px !important;
    }

    .mt-xs-n6, .my-xs-n6 {
        margin-top: -24px !important;
    }

    .mr-xs-n6, .mx-xs-n6 {
        margin-right: -24px !important;
    }

    .ml-xs-n6, .mx-xs-n6 {
        margin-left: -24px !important;
    }

    .mb-xs-n6, .my-xs-n6 {
        margin-bottom: -24px !important;
    }

    .ms-xs-n6 {
        margin-inline-start: -24px !important;
    }

    .me-xs-n6 {
        margin-inline-end: -24px !important;
    }

    .ma-xs-n6 {
        margin: -24px !important;
    }

    .mt-xs-n7, .my-xs-n7 {
        margin-top: -28px !important;
    }

    .mr-xs-n7, .mx-xs-n7 {
        margin-right: -28px !important;
    }

    .ml-xs-n7, .mx-xs-n7 {
        margin-left: -28px !important;
    }

    .mb-xs-n7, .my-xs-n7 {
        margin-bottom: -28px !important;
    }

    .ms-xs-n7 {
        margin-inline-start: -28px !important;
    }

    .me-xs-n7 {
        margin-inline-end: -28px !important;
    }

    .ma-xs-n7 {
        margin: -28px !important;
    }

    .mt-xs-n8, .my-xs-n8 {
        margin-top: -32px !important;
    }

    .mr-xs-n8, .mx-xs-n8 {
        margin-right: -32px !important;
    }

    .ml-xs-n8, .mx-xs-n8 {
        margin-left: -32px !important;
    }

    .mb-xs-n8, .my-xs-n8 {
        margin-bottom: -32px !important;
    }

    .ms-xs-n8 {
        margin-inline-start: -32px !important;
    }

    .me-xs-n8 {
        margin-inline-end: -32px !important;
    }

    .ma-xs-n8 {
        margin: -32px !important;
    }

    .mt-xs-n9, .my-xs-n9 {
        margin-top: -36px !important;
    }

    .mr-xs-n9, .mx-xs-n9 {
        margin-right: -36px !important;
    }

    .ml-xs-n9, .mx-xs-n9 {
        margin-left: -36px !important;
    }

    .mb-xs-n9, .my-xs-n9 {
        margin-bottom: -36px !important;
    }

    .ms-xs-n9 {
        margin-inline-start: -36px !important;
    }

    .me-xs-n9 {
        margin-inline-end: -36px !important;
    }

    .ma-xs-n9 {
        margin: -36px !important;
    }

    .mt-xs-n10, .my-xs-n10 {
        margin-top: -40px !important;
    }

    .mr-xs-n10, .mx-xs-n10 {
        margin-right: -40px !important;
    }

    .ml-xs-n10, .mx-xs-n10 {
        margin-left: -40px !important;
    }

    .mb-xs-n10, .my-xs-n10 {
        margin-bottom: -40px !important;
    }

    .ms-xs-n10 {
        margin-inline-start: -40px !important;
    }

    .me-xs-n10 {
        margin-inline-end: -40px !important;
    }

    .ma-xs-n10 {
        margin: -40px !important;
    }

    .mt-xs-n11, .my-xs-n11 {
        margin-top: -44px !important;
    }

    .mr-xs-n11, .mx-xs-n11 {
        margin-right: -44px !important;
    }

    .ml-xs-n11, .mx-xs-n11 {
        margin-left: -44px !important;
    }

    .mb-xs-n11, .my-xs-n11 {
        margin-bottom: -44px !important;
    }

    .ms-xs-n11 {
        margin-inline-start: -44px !important;
    }

    .me-xs-n11 {
        margin-inline-end: -44px !important;
    }

    .ma-xs-n11 {
        margin: -44px !important;
    }

    .mt-xs-n12, .my-xs-n12 {
        margin-top: -48px !important;
    }

    .mr-xs-n12, .mx-xs-n12 {
        margin-right: -48px !important;
    }

    .ml-xs-n12, .mx-xs-n12 {
        margin-left: -48px !important;
    }

    .mb-xs-n12, .my-xs-n12 {
        margin-bottom: -48px !important;
    }

    .ms-xs-n12 {
        margin-inline-start: -48px !important;
    }

    .me-xs-n12 {
        margin-inline-end: -48px !important;
    }

    .ma-xs-n12 {
        margin: -48px !important;
    }

    .mt-xs-n13, .my-xs-n13 {
        margin-top: -52px !important;
    }

    .mr-xs-n13, .mx-xs-n13 {
        margin-right: -52px !important;
    }

    .ml-xs-n13, .mx-xs-n13 {
        margin-left: -52px !important;
    }

    .mb-xs-n13, .my-xs-n13 {
        margin-bottom: -52px !important;
    }

    .ms-xs-n13 {
        margin-inline-start: -52px !important;
    }

    .me-xs-n13 {
        margin-inline-end: -52px !important;
    }

    .ma-xs-n13 {
        margin: -52px !important;
    }

    .mt-xs-n14, .my-xs-n14 {
        margin-top: -56px !important;
    }

    .mr-xs-n14, .mx-xs-n14 {
        margin-right: -56px !important;
    }

    .ml-xs-n14, .mx-xs-n14 {
        margin-left: -56px !important;
    }

    .mb-xs-n14, .my-xs-n14 {
        margin-bottom: -56px !important;
    }

    .ms-xs-n14 {
        margin-inline-start: -56px !important;
    }

    .me-xs-n14 {
        margin-inline-end: -56px !important;
    }

    .ma-xs-n14 {
        margin: -56px !important;
    }

    .mt-xs-n15, .my-xs-n15 {
        margin-top: -60px !important;
    }

    .mr-xs-n15, .mx-xs-n15 {
        margin-right: -60px !important;
    }

    .ml-xs-n15, .mx-xs-n15 {
        margin-left: -60px !important;
    }

    .mb-xs-n15, .my-xs-n15 {
        margin-bottom: -60px !important;
    }

    .ms-xs-n15 {
        margin-inline-start: -60px !important;
    }

    .me-xs-n15 {
        margin-inline-end: -60px !important;
    }

    .ma-xs-n15 {
        margin: -60px !important;
    }

    .mt-xs-n16, .my-xs-n16 {
        margin-top: -64px !important;
    }

    .mr-xs-n16, .mx-xs-n16 {
        margin-right: -64px !important;
    }

    .ml-xs-n16, .mx-xs-n16 {
        margin-left: -64px !important;
    }

    .mb-xs-n16, .my-xs-n16 {
        margin-bottom: -64px !important;
    }

    .ms-xs-n16 {
        margin-inline-start: -64px !important;
    }

    .me-xs-n16 {
        margin-inline-end: -64px !important;
    }

    .ma-xs-n16 {
        margin: -64px !important;
    }

}

/*Откочение растягивания изображения по ширине*/
.ant-carousel .slick-slide img.ant-image-img {
/*    margin: 0 auto;*/
    width: auto;
}
div.ant-image-preview-img-wrapper::before {
    width: auto;
}


/* Для мобильной версии сайта */
@media (max-width:768px){
    .mud-main-content {
        padding-top: 6px;
    }
    .main-header__phone {
        padding: 0 10px;
    }
        .main-header__phone p {
            margin-bottom: 2px;
            font-size: 0.9em;
        }
            .main-header__phone p:last-child {
                margin-right: 0;
            }

    h1, h2, h3, h4, h5, h6 {
        margin-top: 0.5em;
        margin-bottom: 0.3em;
    }

    .no-top-sm {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .room-card__body{
        padding: 8px 8px 0 8px;
    }
}



/* 

    Страница с описанием объекта

*/

.single-room__content ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 2em;
}

.self-center {
    align-self: center;
}