/* =============================================================================
   FSN G7 Theft Check - Styles
   ============================================================================= */

 @font-face {
    font-family: Gilroy-Bold;
    src: url("https://dexcom.a.bigcontent.io/v1/static/Gilroy-Bold") format("woff"),
    url("https://dexcom.a.bigcontent.io/v1/static/Gilroy-Bold") format("truetype");
}
@font-face {
    font-family: Gilroy;
    src: url("https://dexcom.a.bigcontent.io/v1/static/Gilroy-Medium") format("woff"),
    url("https://dexcom.a.bigcontent.io/v1/static/Gilroy-Medium") format("truetype");
}

.responsive-logo {
    display: block;
    margin: auto;
    max-width: 20%;
}

@media (max-width: 1200px) {
    .responsive-logo {
        max-width: 250px;
        min-width: 250px;
    }
}

        body {
            font-family: Gilroy, sans-serif;
            margin: 30px;
        }
        strong {
            font-family: Gilroy-Bold, sans-serif;
            font-weight: normal;
        }

        h1, h2 {
            font-weight: normal;
        }


        a {
            color: #137d00;
            text-decoration: none;
            font-weight: 500;
        }

        a:hover,
        a:focus {
            text-decoration: underline;
            color: #025F1D;
        }


.cta-button {
    background-color : white !important;
    color : #147d01 !important;
    font-family : Gilroy-Bold, Arial;
    font-size: 16px;
    border : 2px solid #147d01 !important;
    padding: 16px 32px;
    border-radius: 30px;
}

.cta-button:hover,
.cta-button:focus {
            text-decoration: underline;
            color: #025F1D;
        }

        .container {
            padding: 30px 0;
            margin-bottom: 10px;
        }
        .title {
            font-size: 16pt;
            font-weight: bold;
        }
        .input-field {
            margin-bottom: 10px;
        }
        .input-field label {
            display: block;
            margin-bottom: 5px;
        }
        .input-field input {
            width: 100%;
            padding: 12px;
            font-size: 14px;
            box-sizing: border-box;
            font-family: Gilroy, sans-serif;
        }

        .accordion {
            color: #137d00;
            cursor: pointer;
            font-family: Gilroy, sans-serif;
            font-size: 16px;
            transition: background-color 0.3s ease;
        }

        .panel {
            padding: 0 15px;
            display: none;
            background-color: white;
            overflow: hidden;
        }

        .panel img {
            margin-top: 10px;
        }

        #footer-label {
            text-align: right;
            font-size: 12px;
        }
        img{
            max-width: 100%;
        }
.grey-background{
    background-color: lightgrey;
        padding: 20px;
}

#serialNumberError{
   display: none;
}

.error-message{
     color: red; 
}