/* C U S T O M   F O R M A T S
-------------------------------------------------- */
body {
    /* Margin bottom by footer height */
    margin-bottom: 0px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.scrollx {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    padding: 0px;
}

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

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.bkghigh {
    background-color: #ffe536;    
}

.content {
    padding-top: 1.1rem;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.nav-link-custom:hover {
    color: orange;    
}

.g-form-label {
    font-weight: 600;
}

.g-pull-right {
    float: right;
}

.g-pull-left {
    float: left;
}

.g-link-crumb {
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
}

.g-link-crumb:hover {
    color: #60dbc5;
    text-decoration:underline;
}

.g-link-custom {
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
}

    .g-link-custom:hover {
        color: #60dbc5;
        font-weight: 400;
        text-decoration: none;
    }

.g-footer {
    background-color: #585858;
}

.g-copyrightfooter {
    background-color: #202020;
}

.g-color-loading1 {
    color: #99ff99;
}

.g-color-loading2 {
    color: #00e600;
}

.g-folderlink {
    color: bisque;
}

.g-folderlink:hover {
    color: white;
}
.g-color-folder {
    color: bisque;
}

.g-color-aqua {
    color: aqua;
}

.g-color-black {
    color: black;
}

.g-color-green {
    color: green;
}

.g-link-green {
    font-size: 1.5em;
    color: green;    
}

    .g-link-green:hover {
        color: green;
        font-size: 1.5em;
        text-decoration: none;
    }

.g-color-blue {
    color: red;
}

.g-color-red {
    color: red;
}

.g-color-white {
    color: white;
}

.g-color-orange {
    color: orange;
}

.g-color-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.g-color-white-opacity-0_8--child * {
    color: rgba(255, 255, 255, 0.8) !important;
}

.g-bg-home {
    background-color: #191919;
}

.g-bg-teambar {
    background-color: #191919;
}

.g-bg-black {
    background-color: black;
}

.g-bg-white {
    background-color: white;
}

.g-bg-shadow {
    background-color: #66B032;
}

.g-bg-producer {
    background-color: #26c6da;
}

.g-hr-white {
    color: #fff;
    height: 2px
}

.g-color-shadow {
    color: #1B3409;
}

.g-bg-team {
    background-color: #448D76;
}

.g-color-team {
    color: #093426;
}

.g-brd-white {
    border-color: #fff !important;
}

.g-brd-home {
    border: #191919;
    border-width: 10px;
    border-style: solid;
}

.g-brd-price {
    border: #1b6ec2;
    border-width: 2px;
    border-style: solid;
}

.g-bg-red {
    background-color: #f00 !important;
}

.g-addcalendar-hover {
    color: #236AB9 !important;
}

    .g-addcalendar-hover:hover {
        color: #8601AF !important;
    }

.g-color-white--hover:hover {
    color: white !important;
}

.g-bg-black-opacity-0_2--hover:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_2 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.g-bg-black-opacity-0_2--hover:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_6 {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.g-bg-black-opacity-0_6--hover:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_6--after::after {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.g-bg-black-opacity-0_9 {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-black-opacity-0_9--after::after {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-black-opacity-0_9--hover:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-gray-dark-v1 {
    background-color: #333 !important;
}

.g-bg-gray-dark-v1--hover:hover {
    background-color: #333 !important;
}

.g-bg-aqua {
    background-color: aqua;
}

.g-color-gray-light {
    color: #eee !important;
}

.g-color-facebook {
    color: #3b5998;
}

    .g-color-facebook:hover {
        color: #344e86;
    }

.g-color-facebook--hover:hover {
    color: #3b5998 !important;
}

.g-color-twitter {
    color: #00acee;
}

    .g-color-twitter:hover {
        color: #009ad5;
    }

.g-color-twitter--hover:hover {
    color: #00acee !important;
}

.g-color-pinterest {
    color: #c8232c;
}

    .g-color-pinterest:hover {
        color: #b21f27;
    }

.g-color-pinterest--hover:hover {
    color: #c8232c !important;
}

.g-color-youtube {
    color: #c4302b;
}

    .g-color-youtube:hover {
        color: #af2b26;
    }

.g-color-youtube--hover:hover {
    color: #c4302b !important;
}

.g-color-linkedin {
    color: #0e76a8;
}

    .g-color-linkedin:hover {
        color: #0c6590;
    }

.g-color-linkedin--hover:hover {
    color: #0e76a8 !important;
}

.g-color-linkedinco {
    color: #731c3a;
}

    .g-color-linkedinco:hover {
        color: #0c6590;
    }

.g-color-linkedinco--hover:hover {
    color: #731c3a !important;
}

.g-color-instagram {
    color: #3f729b;
}

    .g-color-instagram:hover {
        color: #386589;
    }

.g-color-instagram--hover:hover {
    color: #3f729b !important;
}

.g-color-download {
    color: #133863 !important;
}

/* transitions */
.g-transition-0_3 {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.g-transition--ease-in {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

    .g-transition--ease-in::before, .g-transition--ease-in::after {
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

/* headings */
.g-h1-large {
    color: black;
    margin-bottom: 0.75rem;
    font: 700 3.00rem/4.375rem "Montserrat", sans-serif;
    margin-bottom: 1rem;
}

.g-h1-med {
    color: black;
    margin-bottom: 0.50rem;
    font: 700 2.10rem/3.0rem "Montserrat", sans-serif;    
}

.g-appstore-large {
    font: 700 1.50rem/2.16rem "Montserrat", sans-serif;
    margin-bottom: 1rem;
}

.g-h1-smallwhite {
    color: white;
    margin-bottom: 0.50rem;
    font: 500 1.50rem/4.375rem "Montserrat", sans-serif;
}

.g-h1-smalldimgray {
    color: dimgrey;
    margin-bottom: 0.50rem;
    font: 500 1.50rem/4.375rem "Montserrat", sans-serif;
}

.g-appstore-smalldimgray {
    color: dimgrey;
    font: 500 1.5rem "Montserrat", sans-serif;
}

.g-h2-mediumwhite {
    color: white;
    margin-bottom: 0.50rem;
    font: 400 1.50rem/2rem "Montserrat", sans-serif;
    text-align: left;
}

/* padding */
.g-pa-5 {
    padding: 5px;
}

.g-pa-25 {
    padding: 25px;
}

.g-pa-40 {
    padding: 40px;
}

.g-pa-50 {
    padding: 50px;
}

.g-pt-5 {
    padding-top: 5px;
}

.g-pt-25 {
    padding-top: 25px;
}

.g-pt-100 {
    padding-top: 100px;
}

.g-pb-50 {
    padding-bottom: 50px;
}

.g-pl-5 {
    padding-left: 5px;
}

.g-pl-15 {
    padding-left: 15px;
}

.g-pl-25 {
    padding-left: 25px;
}

.g-pl-50 {
    padding-left: 50px;
}

.g-pr-5 {
    padding-right: 5px;
}
.g-pr-20 {
    padding-right: 20px;
}
.g-pr-25 {
    padding-right: 25px;
}
.g-pr-100 {
    padding-right: 100px;
}
.g-pr-150 {
    padding-right: 150px;    
}

/* margins */
.g-mt-15 {
    margin-top: 15px;
}

.g-mt-50 {
    margin-top: 50px;
}

.g-mb-0 {
    margin-bottom: 0px;
}

.g-mb-15 {
    margin-bottom: 15px;
}

.g-mb-25 {
    margin-bottom: 25px;
}

.g-mb-50 {
    margin-bottom: 50px;
}

.g-mb-100 {
    margin-bottom: 100px;
}

.g-ml-15 {
    margin-left: 15px;
}

.g-ml-25 {
    margin-left: 25px;
}

.g-ml-50 {
    margin-left: 50px;
}

.g-ml-100 {
    margin-left: 100px;
}

.g-mr-3 {
    margin-right: 3px;
}

.g-mr-15 {
    margin-right: 15px;
}

.g-mr-25 {
    margin-right: 25px;
}

.g-mr-50 {
    margin-right: 50px;
}
.g-mr-100 {
    margin-right: 100px;
}
/* font weights */
.g-font-weight-400 {
    font-weight: 400;
}
.g-font-weight-600 {
    font-weight: 600;
}

/* font sizes */
.g-font-size-tiny {
    font-weight: 300;
    font-size: 10px;
}
.g-font-size-tiny500 {
    font-weight: 500;
    font-size: 10px;
}

.g-font-size-tiny700 {
    font-weight: 700;
    font-size: 12px;
}

.g-font-size-75x {
    font-weight: 600;
    font-size: 0.75em;    
}

.g-font-size-1-5x {
    font: 500 1.50rem/3.375rem;
}

.g-font-size-2x {
    font: 700 2.00rem/3.375rem;
}

.g-font-size-2-5x {
    font: 900 2.50rem/3.375rem;
}

/* Special Gutter size */
/*.gutter-4.row {
    margin-right: -2px;
    margin-left: -2px;
}

.gutter-4 > [class^="col-"], .gutter-4 > [class^=" col-"] {
    padding-right: 2px;
    padding-left: 2px;
}*/

/* Positions */
.g-pos-rel {
    position: relative !important;
}

.g-pos-abs {
    position: absolute !important;
}

.g-top-0 {
    top: 0 !important;
}

.g-top-0--hover:hover {
    top: 0 !important;
}

.g-top-25 {
    top: 25px !important;
}

.g-top-25--hover:hover {
    top: 25px !important;
}

.g-left-0 {
    left: 0;
}

.g-left-0--hover:hover {
    left: 0;
}

.g-left-25 {
    left: 25px;
}

.g-left-25--hover:hover {
    left: 25px;
}

.g-bottom-0 {
    bottom: 0;
}

.g-right-0 {
    right: 0 !important;
}

.g-u-label {
    display: inline-block;
    padding: .35rem .58rem;
    font-size: .6rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

.g-hover-border-gold:hover {
    background-color: orange;
}

/* section headings */
.g-section-heading-v6__title {
    display: inline-block;
    position: relative;
}

.g-section-heading-v6-1 .g-section-heading-v6__title::after, .g-section-heading-v6-1.text-center .g-section-heading-v6__title::before, .g-section-heading-v6-1.text-right .g-section-heading-v6__title::before, .g-section-heading-v6-2 .g-section-heading-v6__title::after, .g-section-heading-v6-2.text-center .g-section-heading-v6__title::before, .g-section-heading-v6-2.text-right .g-section-heading-v6__title::before {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 5rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: inherit;
}

.g-section-heading-v6-1 .g-section-heading-v6__title,
.g-section-heading-v6-1 .g-section-heading-v6__subtitle {
    padding-right: 6.42857rem;
}

.g-section-heading-v6-1.text-center .g-section-heading-v6__title,
.g-section-heading-v6-1.text-right .g-section-heading-v6__title,
.g-section-heading-v6-1.text-center .g-section-heading-v6__subtitle,
.g-section-heading-v6-1.text-right .g-section-heading-v6__subtitle {
    padding-left: 6.42857rem;
}

.g-section-heading-v6-1.text-right .g-section-heading-v6__title,
.g-section-heading-v6-1.text-right .g-section-heading-v6__subtitle {
    padding-right: 0;
}

.g-section-heading-v6-1 .g-section-heading-v6__title::after {
    right: 0;
}

.g-section-heading-v6-1.text-center .g-section-heading-v6__title::before {
    left: 0;
}

.g-section-heading-v6-1.text-right .g-section-heading-v6__title::before {
    left: 0;
}

.g-section-heading-v6-1.text-right .g-section-heading-v6__title::after {
    display: none;
}

.g-bottom-filler {
    min-height: 1080px;
    background-color: black;
    width: 100%;
}

.g-bottom-filler-transparent {
    min-height: 1080px;
    width: 100%;

}

.g-open-label {
    display: inline-block;
    padding: .35rem .58rem;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    background-color: none !important;
}

.g-new-label {
    display: inline-block;
    padding: .35rem .58rem;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

.g-menu-label {
    display: inline-block;
    padding: .35rem .58rem;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.g-new-icon {
    position: absolute !important;
    display: inline-block;
    padding: .35rem .58rem;
    font-size: .6rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    top: 6px !important;
    left: 0 !important;
    background-color: #f00 !important;
    margin-left: 10px;
}

.g-set-icon {
    position: absolute !important;
    display: inline-block;
    padding: .35rem .58rem;
    font-size: .6rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    top: 6px !important;
    left: 0 !important;
    background-color: #ffffff !important;
    margin-left: 100px;
}

.g-selectrow {
    border: solid 2px transparent !important;
    border-color: #000000 !important;
    background-color: transparent;
}

    .g-selectrow:hover {
        border: solid 2px !important;
        border-color: #ffffff !important;
        background-color: transparent;
    }

.g-mediabox {
    border-bottom: solid 40px transparent !important;
}

.g-border-bottom-2x {
    border-bottom: solid 2px #091D34 !important;
}

.g-mediafooter {
    border-top: solid 2px !important;
    border-color: #091D34 !important;
    background-color: #E1ECF9;
}

.g-mediaadminfooter {
    border-left: solid 2px !important;
    border-right: solid 2px !important;
    border-color: #000000 !important;
    background-color: white;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

/* forms */
.g-formPanelTitle {
    border-bottom: solid 4px transparent !important;
    border-color: #42A5F5 !important;
    background-color: #1565CD;
}

.g-formPanel {
    border: solid 1px transparent !important;
    border-radius: 4px !important;
    border-color: #bbb !important;
    padding: 20px;
    background-color: #dae0e5;
}

.g-label-blue {
    color: #2962FF;
    font-weight: 500;
    font-size: 1.0em;
}

/* overrides for Blazor */
.valid {
    border-color: green !important;
}

.invalid {
    border-color: red !important;
}

/*------------------------------------
  Icons Styles
------------------------------------*/
.u-icon-v2 {
    position: relative;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .u-icon-v2:hover {
        text-decoration: none;
    }

    .u-icon-v2::before {
        display: block;
    }

    .u-icon-v2 > i span > i {
        position: relative;
        top: 50%;
        display: block;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

[class*="u-icon-v"] .u-line-icon-pro {
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
}

.u-icon-v2, .u-icon-v2 .u-icon__elem-regular,
.u-icon-v2 .u-icon__elem-hover {
    width: 2.85714rem;
    height: 2.85714rem;
    font-size: 1.8rem;
}

    .u-icon-v2.u-icon-size--sm,
    .u-icon-v2.u-icon-size--sm .u-icon__elem-regular,
    .u-icon-v2.u-icon-size--sm .u-icon__elem-hover {
        width: 2.85714rem;
        height: 2.85714rem;
        font-size: 1.8rem;
    }

        .u-icon-v2.u-icon-size--1
         {
            width: 1.85714rem;
            height: 1.4rem;
            font-size: 0.8rem;
        }

.u-icon-v2 {
    border-width: 2px;
    border-style: solid;
    border-color: gray;
    background-color: white;
}

.g-iconlist {
    font-size: 1.5rem;
    line-height: 2;
    padding-right: 15px;
}

.g-iconlist1 {
    font-size: 1rem;
    line-height: 1;
    padding-right: 5px;
}

.g-iconlistx1 {
    font-size: 1.25rem;
    line-height: 1.25;
    padding-right: 5px;
}

.g-iconlistx3 {
    font-size: 3rem;
    line-height: 3;
    padding-right: 25px;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.clearfix::after,
.calendar ol::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
*
* ==========================================
* Calendar Styling Classes
* ==========================================
*
*/
.calendar {
    border-radius: 10px;
}

.month {
    font-size: 2rem;
}

@media (min-width: 992px) {
    .month {
        font-size: 3.5rem;
    }
}

.calendar ol li {
    float: left;
    width: 14.28571%;
}

.calendar .day-names {
    border-bottom: 1px solid #eee;
}

    .calendar .day-names li {
        text-transform: uppercase;
        margin-bottom: 0.5rem;
    }

.calendar .days li .leftday {
    border-left: 1px solid #eee;
    min-height: 8rem;
}

.calendar .days li {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    min-height: 8rem;
}

    .calendar .days li.bg-inactive-hover:hover {
        background-color: #E4F1F6;
    }

    .calendar .days li.bg-active-hover:hover {
        background-color: #347B98;
    }

    .calendar .days li .date {
        font-size: 1.5rem;
        font-weight: bold;
        margin-left: 0.5rem;
    }

    .calendar .days li .icon {
        font-size: 0.75rem;
        font-weight: bold;
        margin-left: 0.5rem;
    }

    .calendar .days li .event {
        font-size: 1rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 1px;
    }

        .calendar .days li .event.span-2 {
            width: 200%;
        }

        .calendar .days li .event.begin {
            border-radius: 1rem 0 0 1rem;
        }

        .calendar .days li .event.end {
            border-radius: 0 1rem 1rem 0;
        }

        .calendar .days li .event.clear {
            background: none;
        }

    .calendar .days li.outside .date {
        color: #ddd;
    }

.g-cursor-pointer {
    cursor: pointer;
}

.g-bg-gray-light-v5--focus:focus {
    background-color: #f7f7f7 !important;
}

.g-pl-40--md {
    padding-left: 2.85714rem !important;
}

.g-pos-rel {
    position: relative !important;
}

/*------------------------------------
  Time Lines
------------------------------------*/
[class*="u-timeline-v1-wrap"],
[class*="u-timeline-v2-wrap"],
[class*="u-timeline-v3-wrap"] {
    position: relative;
}

    [class*="u-timeline-v1-wrap"]::before,
    [class*="u-timeline-v2-wrap"]::before,
    [class*="u-timeline-v3-wrap"]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
    }

/*------------------------------------
  Time Lines v1
------------------------------------*/
.u-timeline-v1 {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
}

.u-timeline-v1-wrap::before {
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #f7f7f7;
    margin-left: 20px;
}

.u-timeline-v1__icon {
    position: absolute;
    top: 30px;
    font-size: 20px;
    z-index: 3;
}

.g-orientation-bottom .u-timeline-v1__icon,
.g-orientation-right .u-timeline-v1__icon,
.g-orientation-left .u-timeline-v1__icon {
    left: 0;
}

@media (min-width: 768px) {
    .u-timeline-v1-wrap:not([class*="--horizontal"])::before {
        left: 50%;
        margin-left: -2px;
    }

    .u-timeline-v1-wrap--horizontal::before {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;
        margin-left: 0;
        margin-top: -2px;
    }

    .g-orientation-bottom .u-timeline-v1__icon {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .g-orientation-left .u-timeline-v1__icon {
        right: 100%;
        left: auto;
    }

    .g-orientation-right .u-timeline-v1__icon {
        right: auto;
        left: 100%;
    }
}

/*------------------------------------
  Time Lines v2
------------------------------------*/
@media (min-width: 768px) {
    .u-timeline-v2-wrap::before {
        left: 25%;
        width: 3px;
        height: 100%;
        margin-left: -1px;
        background-color: #f7f7f7;
    }

    .u-timeline-v2__icon {
        font-size: 16px;
        position: absolute;
    }

    .g-orientation-right .u-timeline-v2__icon {
        left: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .g-orientation-left .u-timeline-v2__icon {
        right: 100%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    .g-orientation-bottom .u-timeline-v2__icon {
        top: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*------------------------------------
  Time Lines v3
------------------------------------*/
.u-timeline-v3-wrap::before {
    left: 21%;
    width: 1px;
    height: 100%;
    display: none;
    background-color: #eee;
}

.u-timeline-v3 {
    position: relative;
}

.u-timeline-v3__icon {
    left: 21%;
}

@media (min-width: 768px) {
    .u-timeline-v3-wrap::before {
        display: block;
    }
}

@media (min-width: 992px) {
    .u-timeline-v3-wrap::before {
        left: 18%;
    }

    .u-timeline-v3__icon {
        left: 18%;
    }
}

.u-triangle-inclusive-v1--right {
    left: -14px;
}

.u-triangle-inclusive-v1--right__front {
    position: absolute;
    top: 1px;
    right: 0;
}

.u-triangle-inclusive-v1--right__front {
    border-width: 14px 14px 14px 0;
    border-style: solid;
    border-color: transparent;
}

.u-triangle-inclusive-v1--right__back {
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent;
}

.u-triangle-inclusive-v1--top {
    top: -14px;
}

.u-triangle-inclusive-v1--top__front {
    position: absolute;
    left: 1px;
    bottom: 0;
}

.noticeBox {
    display: none;
    position: absolute;
    width: 300px;
    font-size: 12px;
    font-weight: 500;
    top: 1px;
    left: 1px;
    border: 2px solid black;
    z-index: 10;
}