@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");

.fs-14 {
    font-size: 14px;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

    .flex.ai-center {
        align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
    }

    .flex.fw-wrap {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .flex.jc-space-between {
        justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .flex.jc-center {
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
    }

    .flex.fd-column {
        flex-direction: column;
    }

.grow {
    flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-flex-grow: 2;
}

.fb-33 {
    flex-basis: 33%;
    -ms-flex-basis: 33%;
    -webkit-flex-basis: 33%;
}

.fb-50 {
    flex-basis: 50%;
    -ms-flex-basis: 50%;
    -webkit-flex-basis: 50%;
}

.m-t-8 {
    margin-top: 8px;
}

.m-t-14 {
    margin-top: 14px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-l-4 {
    margin-left: 4px;
}

.m-l-8 {
    margin-left: 8px;
}

.m-l-12 {
    margin-left: 12px;
}

.m-l-16 {
    margin-left: 16px;
}

.m-l-24 {
    margin-left: 24px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-8 {
    margin-bottom: 8px;
}

.m-b-16 {
    margin-bottom: 16px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-24 {
    margin-bottom: 24px !important;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-56 {
    margin-bottom: 56px;
}

.m-r-6 {
    margin-right: 6px;
}

.m-r-8 {
    margin-right: 8px;
}

.m-r-16 {
    margin-right: 16px;
}

.m-r-12 {
    margin-right: 12px;
}

.m-r-24 {
    margin-right: 24px;
}

label {
    display: flex;
    display: -webkit-flex;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    color: #1f1f1f;
    padding: 0 0 4px 0;
}

h1,
h2,
h3,
h4,
h5 {
    align-self: center;
    -ms-align-self: center;
    -webkit-align-self: center;
    font-family: "DM Sans", sans-serif;
    margin: 0;
    color: #1f1f1f;
    font-weight: 700;
    line-height: 120%;
    min-height: 40px;
}

h1 {
    font-size: 39px;
}

h2 {
    font-size: 31px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 13px;
}

.text--grey {
    color: #8B8B8B;
}

a {
    color: #92C36A;
    text-decoration: none;
    cursor: pointer;
    transition: 0.15s ease-in-out;
}

    a:hover, a:visited {
        color: #78B662;
        transition: 0.15s ease-in-out;
    }

    a.dark {
        color: #313131;
    }

        a.dark:hover {
            color: #1f1f1f;
            text-decoration: underline;
            transition: 0.15s ease-in-out;
        }

@font-face {
    font-family: "pixelz-icons-x";
    src: url("/Content/ClientApp/fonts/pixelz-icons-x.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^=picon-], [class*=" picon-"] {
    display: flex;
    display: -webkit-flex;
    font-family: "pixelz-icons-x" ;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    width: 22px;
    height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    [class^=picon-]:before, [class*=" picon-"]:before {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        font-size: 16px;
        width: 22px;
        height: 22px;
    }

.picon--eye-off:before {
    content: "\e936";
}

.picon--eye:before {
    content: "\e937";
}

.picon--draw:before {
    content: "\e938";
}

.picon--paperclip:before {
    content: "\e939";
}

.picon--shopping-bag:before {
    content: "\e93a";
}

.picon--user:before {
    content: "\e93b";
}

.picon--server:before {
    content: "\e93c";
}

.picon--copy:before {
    content: "\e93d";
}

.picon--shopping-cart:before {
    content: "\e900";
}

.picon--dots-vertical:before {
    content: "\e901";
}

.picon--sliders-horizontal:before {
    content: "\e902";
}

.picon--report:before {
    content: "\e903";
}

.picon--shield-check:before {
    content: "\e91a";
}

.picon--image:before {
    content: "\e91b";
}

.picon--film:before {
    content: "\e91c";
}

.picon--smile:before {
    content: "\e91d";
}

.picon--tool:before {
    content: "\e91e";
}

.picon--arrow-right:before {
    content: "\e91f";
}

.picon--arrow-left:before {
    content: "\e920";
}

.picon--calendar-date:before {
    content: "\e921";
}

.picon--envelope:before {
    content: "\e922";
}

.picon--sort:before {
    content: "\e923";
}

.picon--log-out:before {
    content: "\e924";
}

.picon--check-circle:before {
    content: "\e925";
}

.picon--clock:before {
    content: "\e926";
}

.picon--dashboard:before {
    content: "\e927";
}

.picon--calendar:before {
    content: "\e928";
}

.picon--chevron-up:before {
    content: "\e929";
}

.picon--chevron-right:before {
    content: "\e92a";
}

.picon--chevron-left:before {
    content: "\e92b";
}

.picon--chevron-down:before {
    content: "\e92c";
}

.picon--comment:before {
    content: "\e92d";
}

.picon--columns:before {
    content: "\e92e";
}

.picon--settings:before {
    content: "\e92f";
}

.picon--close-circle:before {
    content: "\e930";
}

.picon--magnifier:before {
    content: "\e931";
}

.picon--dots-horizontal:before {
    content: "\e932";
}

.picon--paper-plane:before {
    content: "\e933";
}

.picon--arrow-corner-up-right:before {
    content: "\e934";
}

.picon--arrow-corner-up-left:before {
    content: "\e935";
}

.picon--search:before {
    content: "a";
}

.picon--plus:before {
    content: "b";
}

.picon--arrow-down-circle:before {
    content: "c";
}

.picon--arrow-up-circle:before {
    content: "d";
}

.picon--check:before {
    content: "\e904";
}

.picon--more-horizontal:before {
    content: "\e905";
}

.picon--trash:before {
    content: "\e906";
}

.picon--pencil:before {
    content: "\e907";
}

.picon--eyedropper:before {
    content: "\e908";
}

.picon--corner-up-right:before {
    content: "\e909";
}

.picon--plane:before {
    content: "\e90a";
}

.picon--corner-up-left:before {
    content: "\e90b";
}

.picon--eraser:before {
    content: "\e90c";
}

.picon--rocket:before {
    content: "\e90d";
}

.picon--hand:before {
    content: "\e90e";
}

.picon--sort-desc:before {
    content: "\e90f";
}

.picon--sort-asc:before {
    content: "\e910";
}

.picon--vector-line:before {
    content: "\e911";
}

.picon--pointer-move:before {
    content: "\e912";
}

.picon--filter:before {
    content: "\e913";
}

.picon--shortcuts:before {
    content: "\e914";
}

.picon--close:before {
    content: "\e915";
}

.picon--minimize:before {
    content: "\e916";
}

.picon--maximize:before {
    content: "\e917";
}

.picon--zoom-out:before {
    content: "\e918";
}

.picon--zoom-in:before {
    content: "\e919";
}

*:where(:not(html, iframe, canvas, img, svg, video, input[type=checkbox]):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    position: relative;
    font-family: "DM Sans", sans-serif;
    background-color: #FFFFFF;
    color: #1f1f1f;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

p {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
}

.hidden {
    display: none !important;
}

ul,
ol {
    padding: 0 0 0 32px;
}

    ul li,
    ol li {
        margin-bottom: 12px;
    }

        ul li:last-child,
        ol li:last-child {
            margin-bottom: 0;
        }

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

.medium {
    font-size: 11px;
    line-height: 120%;
}

.medium--500 {
    font-weight: 500;
}

.medium--600 {
    font-weight: 700;
}

.dropdown-group .list {
    opacity: 0;
    height: 0;
    transition: 0.15s ease-in-out;
    pointer-events: none;
}

.dropdown-group--active .list {
    opacity: 1;
    height: initial;
    transition: 0.15s ease-in-out;
    pointer-events: initial;
}

.wrapper {
    display: flex;
    display: -webkit-flex;
    height: 100%;
}

.header {
    background-color: #1f1f1f;
    color: white;
    padding: 12px;
}

.sidebar {
    padding: 12px;
    background-color: #1f1f1f;
    color: white;
    width: 250px;
}

.container {
    flex-grow: 2;
    -ms-flex-grow: 2;
    -webkit-flex-grow: 2;
}

.board {
    flex-shrink: 1;
    -ms-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    width: 100%;
    max-width: 100%;
    padding: 32px;
}

    .board .page-title {
        display: flex;
        display: -webkit-flex;
        padding-bottom: 24px;
        border-bottom: 1px solid #DFDFDF;
    }

        .board .page-title h1 {
            margin-left: 24px;
        }

    .board .page-content {
        display: flex;
        display: -webkit-flex;
    }

    .board .page-content__sidebar {
        padding-right: 24px;
        min-width: 250px;
    }

    .board .page-content__sidebar__section h5 {
        border-bottom: 1px solid #DFDFDF;
        margin: 0;
        padding: 12px;
        min-height: initial;
    }

    .board .page-content__sidebar__section .section__items {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        padding: 4px 0;
    }

    .board .page-content__sidebar__section .section__items__item {
        padding: 4px 12px;
        border-radius: 2px;
        cursor: pointer;
        text-decoration: none;
        color: #1f1f1f;
    }

        .board .page-content__sidebar__section .section__items__item:hover {
            background-color: rgba(31, 31, 31, 0.05);
        }

    .board .page-content__sidebar__section .section__items__item--active {
        background-color: rgba(31, 31, 31, 0.1);
    }

    .board .page-content__sidebar__section + .page-content__sidebar__section {
        margin-top: 8px;
    }

    .board .page-content__container {
        flex-grow: 2;
        -ms-flex-grow: 2;
        -webkit-flex-grow: 2;
    }

        .board .page-content__container .form {
            max-width: 580px;
        }

        .board .page-content__container .form__section {
            margin-bottom: 8px;
        }

        .board .page-content__container .container__content .input-group {
            flex-grow: 2;
            -ms-flex-grow: 2;
            -webkit-flex-grow: 2;
        }

.nbe-icon {
    width: 48px;
    height: 48px;
}

.nbe-icon--account-settings {
    background-image: url("/Content/ClientApp/asserts/images/svg/icon-account-settings.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.board--login {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding: 0;
}

    .board--login .login__image {
        background-image: url("/Content/images/login-bg2.jpg");
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 100%;
        width: 40%;
        border-radius: 0 80px 0 0;
    }

    .board--login .login__form {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        background-color: white;
        width: 60%;
        padding: 40px;
    }

@media (max-width: 830px) {
    .board--login .login__form {
        width: 100%;
    }
}

.board--login .login__form__contents {
    padding: 80px 0 0 0;
    width: 420px;
}

    .board--login .login__form__contents h1 {
        margin-bottom: 32px;
    }

    .board--login .login__form__contents .login__form__logo {
        background-image: url("/Content/images/logo-dark.svg");
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        width: 150px;
        height: 40.15px;
        margin-bottom: 40px;
    }

    .board--login .login__form__contents .login__form__fields {
        padding: 16px 0 0 0;
    }

    .board--login .login__form__contents .fields__link {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        margin: 0 0 24px 0;
    }

    .board--login .login__form__contents .fields__buttons {
        display: flex;
        display: -webkit-flex;
        margin: 0 0 16px 0;
    }

        .board--login .login__form__contents .fields__buttons:last-child {
            margin-bottom: 10px;
        }

    .board--login .login__form__contents p {
        text-transform: uppercase;
        color: #5C5C5C;
        padding: 24px 0;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: 0.08em;
    }

        .board--login .login__form__contents p a {
            margin-left: 4px;
        }

.button--secondary,
a.button--secondary, .button,
a.button {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    padding: 8px 32px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #1f1f1f;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    border: none;
}

    .button--secondary:hover, .button:hover {
        box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
    }

    .button--secondary:active, .button:active, .button--secondary:focus, .button:focus {
        box-shadow: none;
    }

    .button--secondary:disabled, .button:disabled {
        opacity: 0.3;
        pointer-events: none;
    }

.button--big.button--secondary, .button--big.button {
    font-weight: 500;
    font-size: 16px;
    min-height: 48px;
    padding: 0 32px;
}

.button,
a.button {
    color: white;
    transition: 0.15s ease-in-out;
    font-weight: 400;
}

    .button:hover,
    a.button:hover {
        transition: 0.15s ease-in-out;
    }

.button--secondary,
a.button--secondary {
    background-color: #5C5C5C;
    transition: 0.15s ease-in-out;
}

    .button--secondary:hover,
    a.button--secondary:hover {
        transition: 0.15s ease-in-out;
    }

.button--primary,
a.button--primary {
    background-color: #92C36A;
}

    .button--primary:hover,
    a.button--primary:hover {
        box-shadow: none;
        background-color: #78B662;
    }

.button--outline,
a.button--outline {
    display: flex;
    display: -webkit-flex;
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    color: #757575;
    min-height: 40px;
    font-weight: 400;
}

    .button--outline:hover,
    a.button--outline:hover {
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    }

    .button--outline.button--google i,
    a.button--outline.button--google i {
        background-image: url("/Content/images/g.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        margin-right: 8px;
    }

.button-icon,
a.button-icon {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    border-radius: 32px;
    transition: 0.15s ease-in-out;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

    .button-icon i:before,
    a.button-icon i:before {
        color: #757575;
        transition: 0.15s ease-in-out;
    }

    .button-icon:hover,
    a.button-icon:hover {
        background-color: rgba(31, 31, 31, 0.05);
        transition: 0.15s ease-in-out;
    }

        .button-icon:hover i:before,
        a.button-icon:hover i:before {
            color: #1f1f1f;
            transition: 0.15s ease-in-out;
        }

*[data-tooltip] {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

    *[data-tooltip]:before {
        position: absolute;
        bottom: 100%;
        left: 50%;
        display: flex;
        display: -webkit-flex;
        opacity: 0;
        transform: translate(-50%, -50%);
        content: attr(data-tooltip);
        padding: 4px 8px;
        border-radius: 4px;
        font-weight: 400;
        background-color: #1f1f1f;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        white-space: nowrap;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 18px;
        transition: all 0.15s ease-in-out;
        pointer-events: none;
        z-index: 10000;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    }

*.show-tooltip:before, *.show-tooltip:after {
    transition: all 0.15s ease-in-out;
    opacity: 1;
}

.input-group,
.dropdown-group {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    margin-bottom: 12px;
    min-height: 76px;
}

.input-group--required label:after,
.dropdown-group--required label:after {
    padding-left: 2px;
    color: #C1453D;
    content: "*";
}

.input-group .input,
.dropdown-group .input {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    box-sizing: border-box;
    padding: 8px 12px;
    background: #FCFCFC;
    border: 1px solid #CACACA;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 4px 0;
    transition: 0.15s ease-in-out;
    min-height: 40px;
    box-shadow: none;
}

    .input-group .input:hover,
    .dropdown-group .input:hover {
        border-color: #8B8B8B;
        transition: 0.15s ease-in-out;
    }

    .input-group .input:focus,
    .dropdown-group .input:focus {
        border-color: #1f1f1f;
        transition: 0.15s ease-in-out;
    }

.input-group__footer,
.dropdown-group__footer {
    font-size: 11px;
    line-height: 120%;
    color: #A9A9A9;
}

.input-group--error label,
.dropdown-group--error label {
    color: #D56143;
}

.input-group--error .input,
.dropdown-group--error .input {
    border-color: #D56143;
}

.input-group--error .input-group__footer,
.dropdown-group--error .input-group__footer {
    color: #D56143;
}

.input-group--gtheme,
.dropdown-group--gtheme {
    margin: 0 0 16px 0;
}

    .input-group--gtheme .input-group__wrapper,
    .dropdown-group--gtheme .input-group__wrapper {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 8px 12px;
        background: #FFFFFF;
        border: 1px solid #CACACA;
        border-radius: 4px;
        font-weight: 400;
        transition: 0.15s ease-in-out;
        min-height: 40px;
        margin: 0 0 8px 0;
    }

        .input-group--gtheme .input-group__wrapper label,
        .dropdown-group--gtheme .input-group__wrapper label {
            color: #8B8B8B;
            font-weight: 400;
        }

        .input-group--gtheme .input-group__wrapper .input,
        .dropdown-group--gtheme .input-group__wrapper .input {
            border: none;
            padding: 0;
            background-color: #FFFFFF;
            padding: 0;
            min-height: 30px;
            margin: 0;
            font-size: 16px;
            font-weight: 500;
        }

    .input-group--gtheme .input-group__footer,
    .dropdown-group--gtheme .input-group__footer {
        font-size: 14px;
    }

    .input-group--gtheme:hover,
    .dropdown-group--gtheme:hover {
        border-color: #A9A9A9;
        transition: 0.15s ease-in-out;
    }

    .input-group--gtheme.input-group--error .input-group__wrapper,
    .dropdown-group--gtheme.input-group--error .input-group__wrapper {
        border-color: #D56143;
    }

        .input-group--gtheme.input-group--error .input-group__wrapper label,
        .dropdown-group--gtheme.input-group--error .input-group__wrapper label {
            color: #D56143;
        }

.input-group--button .input-group__wrapper,
.dropdown-group--button .input-group__wrapper {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 2px;
    font-weight: 400;
    transition: 0.15s ease-in-out;
    min-height: 40px;
    background: #F4F4F4;
    padding: 0 8px 0 12px;
}

    .input-group--button .input-group__wrapper label,
    .dropdown-group--button .input-group__wrapper label {
        color: #8B8B8B;
        font-weight: 400;
    }

    .input-group--button .input-group__wrapper .input,
    .dropdown-group--button .input-group__wrapper .input {
        flex-grow: 2;
        -ms-flex-grow: 2;
        -webkit-flex-grow: 2;
        border: none;
        padding: 0;
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        background-color: transparent;
    }

.input-group--button .input-group__footer,
.dropdown-group--button .input-group__footer {
    font-size: 12px;
    margin-top: 4px;
}

.input-group--button:hover,
.dropdown-group--button:hover {
    border-color: #A9A9A9;
    transition: 0.15s ease-in-out;
}

.input-group--button.input-group--error .input-group__wrapper,
.dropdown-group--button.input-group--error .input-group__wrapper {
    border-color: #D56143;
}

    .input-group--button.input-group--error .input-group__wrapper label,
    .dropdown-group--button.input-group--error .input-group__wrapper label {
        color: #D56143;
    }

.input-group .input:-moz-read-only {
    background-color: #F4F4F4;
    border-color: #DFDFDF;
    color: #1f1f1f;
}

.input-group .input:read-only {
    background-color: #F4F4F4;
    border-color: #DFDFDF;
    color: #1f1f1f;
}

.list {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 4px;
}

.list__option {
    color: #313131;
    padding: 8px 12px;
    cursor: pointer;
    transition: 0.15s ease-in-out;
}

    .list__option:hover {
        background-color: rgba(31, 31, 31, 0.1);
        transition: 0.15s ease-in-out;
    }

.dropdown-group {
    position: relative;
    min-height: 64px;
    max-width: 264px;
}

    .dropdown-group:hover {
        cursor: pointer;
    }

    .dropdown-group .input {
        position: relative;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        color: #A9A9A9;
        padding: 8px 8px 8px 12px;
    }

        .dropdown-group .input i {
            color: #5C5C5C;
            transition: 0.15s ease-in-out;
        }

.dropdown-group--selected .input {
    color: #1f1f1f;
}

.dropdown-group--active .input i {
    transform: rotate(180deg);
    transition: 0.15s ease-in-out;
}

.attachment-box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    padding: 6px 6px 6px 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 264px;
    background: rgba(31, 31, 31, 0.05);
    border-radius: 4px;
}

    .attachment-box p {
        color: #78B662;
    }

    .attachment-box i {
        color: #8B8B8B;
        cursor: pointer;
    }

        .attachment-box i:before {
            font-size: 12px;
        }
/*# sourceMappingURL=main.css.map */