@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap";

:root {
    /* Base colors */
    --blue-gray: #405070;
    --lime: #F3FFAF;
    --dark-green: #405040;
    --tan: #E9E6E0;
    --brown: #504030;
    --dark-gray: #505050;
    --light-gray: #D0D0D0;
    --black: #000000;
    --white: #FFFFFF;

    /* Variations of dark-gray */
    --dark-gray-50: #EDEDED;
    --dark-gray-100: #DBDBDB;
    --dark-gray-200: #BABABA;
    --dark-gray-300: #969696;
    --dark-gray-400: #737373;
    --dark-gray-500: #505050; /*base*/
    --dark-gray-600: #404040;
    --dark-gray-700: #303030;
    --dark-gray-800: #212121;
    --dark-gray-900: #0F0F0F;
    --dark-gray-950: #080808;

    --afry-text-color: var(--dark-gray-600);
}

.app-header-container .header .header-title .custom-logo-link .brand-name  {
    color: var(--afry-text-color) !important;
    font-size: 1.5rem !important;
    font-weight: 400  !important;
}

.app-header-container .ticket-support {
    font-family: Montserrat !important;
    color: var(--afry-text-color) !important;
    letter-spacing: .025em !important;
    font-weight: 400  !important;
}

.e-btn.e-primary, .e-css.e-btn.e-primary {
    background: none !important;
    border: solid 1px !important;
    font-family: Montserrat !important;
    letter-spacing: .025em !important;
    font-weight: 400  !important;
    padding: 0 !important;
    font: inherit !important;
    cursor: pointer !important;
    outline: inherit !important;
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
    line-height: 2rem !important;
    font-weight: 500 !important;
    border-radius: .25rem !important;
    color: rgb(0 0 0) !important;
    background-color: rgb(243 255 175) !important;
    border-color: rgb(0 0 0) !important;

}
    .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
        border-color: rgb(207 211 207) !important;
    }

.card-count-text {
    font-family: Montserrat !important;
    color: var(--afry-text-color) !important;
    letter-spacing: .025em !important;
    font-weight: 500  !important;
}

.card-count-element {
    font-family: Montserrat !important;
    color: var(--dark-gray-400) !important;
    letter-spacing: .025em !important;
    font-weight: 300  !important;
}

#searchbox {
    font-family: Montserrat !important;
    color: var(--afry-text-color) !important;
    letter-spacing: .025em !important;
    font-weight: 400  !important;
}
.app-header-container .search-ticket.e-input-group{
    border-radius: .25rem !important;
}