* {
    border-radius: 0 !important;
    text-decoration: none !important;
}


@media screen and (min-width: 730px) {
    .wide {
        display: block;
    }

    .slim {
        display: none;
    }
}

@media screen and (max-width: 729px) {
    .wide {
        display: none;
    }

    .slim {
        display: block;
    }
}

@media (min-width: 765px) {
    .row-cols-md-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }
}

@media (min-width: 992px) {
    .row-cols-lg-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }
}

.grid {
    display: grid !important;
    gap: 0.5rem !important;
    grid-template-columns: repeat(auto-fill, minmax(0, 1fr)) !important;
}

@media (max-width: 576px) {
    .grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 992px) and (max-width: 1114px) {
    .grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (min-width: 1114px) and (max-width: 1226px) {
    .grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

@media (min-width: 1226px) and (max-width: 1348px) {
    .grid {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

@media (min-width: 1348px) {
    .grid {
        grid-template-columns: repeat(7, 1fr) !important;
    }
}

@font-face {
    font-family: 'NeuePlakText-Regular';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Regular/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-SemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-SemiBold/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-Bold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Bold/font.woff');
}

@font-face {
    font-family: 'NeuePlakText-Italic';
    src: url('../fonts/NeuePlakWebFonts/NeuePlakText-Italic/font.woff');
}

@font-face {
    font-family: 'NeuePlak-Regular';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-Regular/font.woff');
}

@font-face {
    font-family: 'NeuePlak-SemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-SemiBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-Bold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-Bold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-WideRegular';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-WideRegular/font.woff');
}

@font-face {
    font-family: 'NeuePlak-WideSemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-WideSemiBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-WideBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-WideBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-CondBlack';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-CondBlack/font.woff');
}

@font-face {
    font-family: 'NeuePlak-CondBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-CondBold/font.woff');
}

@font-face {
    font-family: 'NeuePlak-CondSemiBold';
    src: url('../fonts/NeuePlakWebFonts/NeuePlak-CondSemiBold/font.woff');
}

.frame-main-button {
    border-width: 1px;
    border-style: solid;
    font-family: "NeuePlakText-Bold", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 16px;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
}

.frame-form-control {
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5;
    background-color: #f5f5f5;
    padding: 10px;
    font-size: 14px;
    color: #888;
    font-family: 'NeuePlakText-Regular';
    margin-bottom: 15px !important;
}

.frame-form-control:focus,
.frame-control:active {
    border-width: 1px;
    border-style: solid;
    border-color: #e44dfc;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
    outline: none;
}

.frame-text-small-header {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    font-family: 'NeuePlakText-Regular';
    font-weight: 600;
}

.alert {
    font-family: 'NeuePlakText-Regular';
    font-size: 14px;
}

pre {
    white-space: pre-wrap;
    overflow-x: auto;
    max-width: 100%;
    word-break: normal;
    overflow-wrap: normal;
    font-family: 'NeuePlakText-Regular';
    font-size: 16px;
}

.main-content {
    padding-right: 15px;
    overflow-y: auto;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 80px;
    width: 100%;
    height: 80%;
    z-index: 9999;
    background: url('../../img/loading_icon.gif') center no-repeat #fff;
}

.frame-loader-icon {
    position: fixed;
    left: 0px;
    top: 80px;
    width: 100%;
    height: 80%;
    z-index: 9999;
    background: url('../../img/frame_loading_icon.gif') center no-repeat #fff;
}

.dropdown-toggle::after {
    display: none;
}

.custom-action-button {
    font-family: "NeuePlakText-Bold", sans-serif;
    padding-top: 15px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 16px;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
}

.custom-header-xs,
.custom-header-sm,
.custom-header-md,
.custom-header-lg,
.custom-header-xl {
    font-family: 'NeuePlak-CondSemiBold', sans-serif;
    font-weight: 400;
    margin-bottom: 4px;
    text-align: center;
}

.custom-header-xs {
    font-size: 0.9rem;
}

.custom-header-sm {
    font-size: 2rem;
}

.custom-header-md {
    font-size: 1.1rem;
}

.custom-header-lg {
    font-size: 1.2rem;
}

.custom-header-xl {
    font-size: 1.3rem;
}

.custom-alert-xs {
    font-size: 10px;
    padding: 10px;
}
.custom-alert-sm {
    font-size: 12px;
    padding: 12px;
}

.custom-alert-md {
    font-size: 14px;
    padding: 14px;
}

.custom-alert-lg {
    font-size: 16px;
    padding: 16px;
}

.custom-alert-xl {
    font-size: 18px;
    padding: 18px;
}

.custom-button-xs,
.custom-button-sm,
.custom-button-md,
.custom-button-lg,
.custom-button-xl,
.custom-text-xs,
.custom-text-sm,
.custom-text-md,
.custom-text-lg,
.custom-text-xl {
    font-family: 'NeuePlakText-Regular', sans-serif;
    font-weight: 400;
    margin-bottom: 4px;
}

.custom-banner,
.custom-caption {
    transform: uppercase;
}

.custom-banner,
.custom-title,
.custom-subtitle {
    font-family: "neueplaktext-semiBold", sans-serif;
}

.custom-caption,
.custom-text,
.custom-subtext {
    font-family: "neueplaktext-regular", sans-serif;
    font-weight: 400;
}

.custom-subtext,
.custom-subtitle {
    color: #888;
}

.custom-text,
.custom-title {
    color: #000;
}

.custom-button-xs {
    padding: 3px;
}

.custom-button-sm {
    padding: 4px;
}

.custom-button-md {
    padding: 5px;
}

.custom-button-lg {
    padding: 6px;
}

.custom-button-xl {
    padding: 7px;
}

.custom-alert-xxs,
.custom-button-xxs,
.custom-text-xxs {
    font-size: 0.8rem;
}

.custom-alert-xs,
.custom-button-xs,
.custom-text-xs {
    font-size: 0.9rem;
}

.custom-alert-sm,
.custom-button-sm,
.custom-text-sm {
    font-size: 1rem;
}

.custom-alert-md,
.custom-button-md,
.custom-text-md {
    font-size: 1.1rem;
}

.custom-alert-lg,
.custom-button-lg,
.custom-text-lg {
    font-size: 1.2rem;
}

.custom-alert-xl,
.custom-button-xl,
.custom-text-xl {
    font-size: 1.3rem;
}

.custom-alert-xxl,
.custom-button-xxl,
.custom-text-xxl {
    font-size: 1.4rem;
}

.custom-header-h6 {
    font-family: 'NeuePlakText-SemiBold', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
}

.custom-header-h5 {
    font-family: 'NeuePlakText-SemiBold', sans-serif;
    font-weight: 400;
    font-size: 2rem;
}

.custom-header-h4 {
    font-family: 'NeuePlakText-SemiBold', sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
}

.custom-header-h3 {
    font-family: 'NeuePlakText-SemiBold', sans-serif;
    font-weight: 400;
    font-size: 3rem;
} 

.custom-header-h2 {
    font-family: 'NeuePlakText-SemiBold', sans-serif;
    font-weight: 400;
    font-size: 3.5rem;
} 

.custom-header-h1 {
    font-family: 'NeuePlakText-SemiBold', sans-serif;
    font-weight: 400;
    font-size: 4rem;
} 

.card {
    margin-bottom: 4px;
}

.card-header {
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 4px !important;
}

.card-body {
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 4px !important;
}

.custom-dropdown-item:hover {
    background-color: #dfdfdf !important;
    color: #0f0f0f !important;
}

.custom-alert-primary,
.custom-button-primary,
.custom-button-primary:visited,
.custom-card-primary {
    background-color: #e44dfc;
    color: #ffffff !important;
}

.custom-alert-primary,
.custom-button-primary,
.custom-button-primary:visited {
    border: 1px solid #e44dfc !important;
}

.custom-button-primary:hover,
.custom-button-primary:active,
.custom-button-primary:focus {
    background-color: #ffffff !important;
    color: #e44dfc !important;
}

.custom-alert-secondary,
.custom-button-secondary,
.custom-button-secondary:visited,
.custom-card-secondary {
    background-color: #00ffff !important;
    color: #000000 !important;
}

.custom-alert-secondary,
.custom-button-secondary,
.custom-button-secondary:visited {
    border: 1px solid #00ffff !important;
}

.custom-button-secondary:hover,
.custom-button-secondary:active,
.custom-button-secondary:focus {
    background-color: #000000 !important;
    color: #00ffff !important;
}

.custom-alert-white,
.custom-button-white,
.custom-button-white:visited,
.custom-card-white {
    background-color: #ffffff !important;
    color: #1f1f1f !important;
}

.custom-alert-white,
.custom-button-white,
.custom-button-white:visited {
    border: 1px solid #1f1f1f !important;
}

.custom-button-white:hover,
.custom-button-white:active,
.custom-button-white:focus {
    background-color: #1f1f1f !important;
    color: #ffffff !important;
}

.custom-alert-black,
.custom-button-black,
.custom-button-black:visited,
.custom-card-black {
    background-color: #0f0f0f !important;
    color: #efefef !important;
}

.custom-alert-black,
.custom-button-black,
.custom-button-black:visited {
    border: 1px solid #1f1f1f !important;
}

.custom-button-black:hover,
.custom-button-black:active,
.custom-button-black:focus {
    background-color: #efefef !important;
    color: #0f0f0f !important;
}

.custom-alert-bright,
.custom-button-bright,
.custom-button-bright:visited,
.custom-card-bright {
    background-color: #efefef !important;
    color: #0f0f0f !important;
}

.custom-alert-bright,
.custom-button-bright,
.custom-button-bright:visited {
    border: 1px solid #bfbfbf !important;
}

.custom-button-bright:hover,
.custom-button-bright:active,
.custom-button-bright:focus {
    background-color: #0f0f0f !important;
    color: #efefef !important;
}

.custom-alert-dark,
.custom-button-dark,
.custom-button-dark:visited,
.custom-card-dark {
    background-color: #3f3f3f !important;
    color: #ffffff !important;
}

.custom-alert-dark,
.custom-button-dark,
.custom-button-dark:visited {
    border: 1px solid #2f2f2f !important;
}

.custom-button-dark:hover,
.custom-button-dark:active,
.custom-button-dark:focus {
    background-color: #ffffff !important;
    color: #3f3f3f !important;
}

.custom-alert-danger,
.custom-button-danger,
.custom-button-danger:visited,
.custom-card-danger {
    background-color: #ffdfdf !important;
    color: #5f3f3f !important;
}

.custom-alert-danger,
.custom-button-danger,
.custom-button-danger:visited {
    border: 1px solid #dfbfbf !important;
}

.custom-button-danger:hover,
.custom-button-danger:active,
.custom-button-danger:focus {
    background-color: #4f3f3f !important;
    color: #ffdfdf !important;
}

.custom-alert-info,
.custom-button-info,
.custom-button-info:visited,
.custom-card-info {
    background-color: #dfdfff !important;
    color: #3f3f5f !important;
}

.custom-alert-info,
.custom-button-info,
.custom-button-info:visited {
    border: 1px solid #bfbfdf !important;
}

.custom-button-info:hover,
.custom-button-info:active,
.custom-button-info:focus {
    background-color: #3f3f4f !important;
    color: #dfdfff !important;
}

.custom-alert-success,
.custom-button-success,
.custom-button-success:visited,
.custom-card-success {
    background-color: #dfffdf !important;
    color: #3f5f3f !important;
}

.custom-alert-success,
.custom-button-success,
.custom-button-success:visited {
    border: 1px solid #bfdfbf !important;
}

.custom-button-success:hover,
.custom-button-success:active,
.custom-button-success:focus {
    background-color: #3f4f3f !important;
    color: #dfffdf !important;
}

.custom-alert-warning,
.custom-button-warning,
.custom-button-warning:visited,
.custom-card-warning {
    background-color: #ffffdf !important;
    color: #5f5f3f !important;
}

.custom-alert-warning,
.custom-button-warning,
.custom-button-warning:visited {
    border: 1px solid #dfdfbf !important;
}

.custom-button-warning:hover,
.custom-button-warning:active,
.custom-button-warning:focus {
    background-color: #4f4f3f !important;
    color: #ffffdf !important;
}

.custom-form-control-primary{
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    color: #888;
}

.custom-form-control-primary:focus,
.custom-form-control-primary:active {
    border: 1px solid #e44dfc;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
    outline: none;
}

.custom-form-control-sm {
    padding: 10px;
    font-size: 12px;
    font-family: 'NeuePlakText-Regular';
    width: 100%;
    margin-bottom: 15px !important;
}

.custom-form-control-md {
    padding: 12px;
    font-size: 14px;
    font-family: 'NeuePlakText-Regular';
    width: 100%;
    margin-bottom: 15px !important;
}

.custom-form-label-sm {
    padding-top: 10px !important;
    font-family: 'NeuePlakText-Regular';
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.custom-form-label-md {
    padding-top: 10px !important;
    font-family: 'NeuePlakText-Regular';
    font-size: 14px;
    line-height: 14px;
    color: #000000;
}