@font-face {
    font-family: azoRegular;
    src: url(/fonts/AzoSans-Regular.ttf);
}

@font-face {
    font-family: manropeBold;
    src: url(/fonts/Manrope-Bold.ttf);
}
@font-face {
    font-family: manropeExtraBold;
    src: url(/fonts/Manrope-ExtraBold.ttf);
}
@font-face {
    font-family: manropeRegular;
    src: url(/fonts/Manrope-Regular.ttf);
}
@font-face {
    font-family: manropeSemiBold;
    src: url(/fonts/Manrope-SemiBold.ttf);
}
@font-face {
    font-family: salmondBold;
    src: url(/fonts/Salmond-Bold.otf);
}
@font-face {
    font-family: salmondMedium;
    src: url(/fonts/Salmond-Medium.otf);
}
@font-face {
    font-family: salmondRegular;
    src: url(/fonts/Salmond-Regular.otf);
}

.azo-regular {
    font-family: "azoRegular";
    font-weight: 400;
    font-style: normal;
}

.manrope-bold {
    font-family: "manropeBold";
    font-weight: 400;
    font-style: normal;
}

.manrope-extra-bold {
    font-family: "manropeExtraBold";
    font-weight: 400;
    font-style: normal;
}

.manrope-regular {
    font-family: "manropeRegular";
    font-weight: 400;
    font-style: normal;
}

.manrope-semi-bold {
    font-family: "manropeSemiBold";
    font-weight: 400;
    font-style: normal;
}

.salmond-bold {
    font-family: "salmondBold";
    font-weight: 400;
    font-style: normal;
}

.salmond-medium {
    font-family: "salmondMedium";
    font-weight: 400;
    font-style: normal;
}

.salmond-regular {
    font-family: "salmondRegular";
    font-weight: 400;
    font-style: normal;
}

.azo-thin {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.azo-thin-italic {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.azo-light {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.azo-light-italic {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.azo-regular-italic {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.azo-medium {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.azo-medium-italic {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.azo-bold {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.azo-bold-italic {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.azo-black {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.azo-black-italic {
    font-family: "azo-sans-web", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.azo-uber {
    font-family: "azo-sans-uber", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.futura-book {
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.futura-book-oblique {
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.futura-heavy {
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.futura-heavy-oblique {
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.futura-bold {
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.futura-bold-oblique {
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.active div {
    color: white!important;
    background-color: #2D2D2D!important;
}

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

textarea {
    resize: none;
    width: calc(100% - 40px) !important;
    height: calc(100% - 70px) !important;
    background-color: #F9F9F9;
    color: #606060;
    min-height: 22px;
    border-radius: 14px;
    border: none;
    margin-top: 8px;
    padding: 20px;
}

.lock-button{
    display:none!important;
}