﻿@media screen and (max-width: 575px) {
    .dcs-component .mobile-hide {
        display: none;
    }
}

.margin-bottom {
    margin-bottom: 20px;
}

.dcs-component .note a {
    text-decoration: underline;
}

    .dcs-component .note a:hover {
        text-decoration: none;
    }

.dcs-component .hidden {
    display: none;
}

.dcs-component .dcs-frame-content a {
    color: #0d649a;
}

.dcs-component .tabs {
    margin: 0px auto 20px auto;
    padding-top: 10px;
}

    .dcs-component .tabs a {
        color: #001;
    }

        .dcs-component .tabs a li {
            display: inline;
            padding: 19px;
            background: #eee;
            font-size: .7em;
        }

            .dcs-component .tabs a li.active {
                background: #0d649a;
                color: #FFF;
            }

.dcs-component .labels {
    font-weight: 500;
}

.dcs-component .introduction {
    padding: 15px 25px 30px 0px;
    line-height: 24px;
}

.dcs-component .breadcrumb {
    text-transform: uppercase;
    font-size: .6875rem;
}

.dcs-component .separator::before {
    color: #999;
    content: ' / ';
}

.dcs-component .email-row {
    background: #e1effa;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    line-height: 18px;
}

    .dcs-component .email-row a {
        color: #0d649a;
    }

.dcs-component #dcs-wrapper {
    z-index: 5;
}

    .dcs-component #dcs-wrapper #initial-form .button-container .btn-processing {
        background-color: #008cba !important;
    }

    .dcs-component #dcs-wrapper #initial-form {
        padding: 33px 20px;
        margin-top: 17px;
        border: 1px solid #0d649a;
    }

    .dcs-component #dcs-wrapper ol {
        color: #666;
    }

    .dcs-component #dcs-wrapper .scrollnote {
        display: none;
        text-align: center;
        font-weight: bold;
        color: #666;
        position: relative;
    }

    .dcs-component #dcs-wrapper #submitted-form {
        border: 1px solid #0d649a;
        margin-top: 17px;
        /*
            Swipe View
            @media screen and (max-width: 825px) {
                display: flex;
                overflow: auto;
                background: #f1f1f1;
                .title,
                .line-item {
                    display: block;
                }
                .mobile-spacer {
                    display: block;
                    min-width: 163px;
                }
                .title {
                    min-width: 163px;
                    position: absolute;
                    div {
                        border-bottom: 1px solid #0b507a;
                    }
                    div:nth-child(1) {
                        border-right: 1px solid #0b507a;
                    }
                }
                .line-item {
                    min-width: 220px;
                    div {
                        background: #fff;
                        border-bottom: 1px solid #eee;
                        border-right: 1px solid #eee;
                    }
                    div:nth-child(1) {
                        background: #0d649a;
                        color: #fff;
                        font-weight: bold;
                    }
                    div:nth-last-child(1) {
                        border-bottom: none;
                        text-align: left;
                    }
                }
            }
            */
    }

        .dcs-component #dcs-wrapper #submitted-form .title,
        .dcs-component #dcs-wrapper #submitted-form .line-item {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(150px, 1fr) minmax(180px, 1.5fr) minmax(170px, 1fr) minmax(160px, 1fr) minmax(100px, 0.8fr);
            grid-template-columns: minmax(150px, 1fr) minmax(180px, 1.5fr) minmax(170px, 1fr) minmax(160px, 1fr) minmax(100px, 0.8fr);
            font-size: .8em;
            line-height: 1.5em;
        }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .dcs-component #dcs-wrapper #submitted-form .title,
    .dcs-component #dcs-wrapper #submitted-form .line-item {
        display: -webkit-box;
        display: flex;
        overflow: auto;
        background: #f1f1f1;
    }

        .dcs-component #dcs-wrapper #submitted-form .title div,
        .dcs-component #dcs-wrapper #submitted-form .line-item div {
            -webkit-box-flex: 1;
            flex: 1;
        }

        .dcs-component #dcs-wrapper #submitted-form .title .mobile-spacer,
        .dcs-component #dcs-wrapper #submitted-form .line-item .mobile-spacer {
            display: block;
            min-width: 163px;
        }

        .dcs-component #dcs-wrapper #submitted-form .title .title,
        .dcs-component #dcs-wrapper #submitted-form .line-item .title {
            min-width: 163px;
            position: absolute;
        }

            .dcs-component #dcs-wrapper #submitted-form .title .title div,
            .dcs-component #dcs-wrapper #submitted-form .line-item .title div {
                border-bottom: 1px solid #0b507a;
            }

                .dcs-component #dcs-wrapper #submitted-form .title .title div:nth-child(1),
                .dcs-component #dcs-wrapper #submitted-form .line-item .title div:nth-child(1) {
                    border-right: 1px solid #0b507a;
                }

        .dcs-component #dcs-wrapper #submitted-form .title .line-item,
        .dcs-component #dcs-wrapper #submitted-form .line-item .line-item {
            min-width: 220px;
        }

            .dcs-component #dcs-wrapper #submitted-form .title .line-item div,
            .dcs-component #dcs-wrapper #submitted-form .line-item .line-item div {
                background: #fff;
                border-bottom: 1px solid #eee;
                border-right: 1px solid #eee;
            }

                .dcs-component #dcs-wrapper #submitted-form .title .line-item div:nth-child(1),
                .dcs-component #dcs-wrapper #submitted-form .line-item .line-item div:nth-child(1) {
                    background: #0d649a;
                    color: #fff;
                    font-weight: bold;
                }

                .dcs-component #dcs-wrapper #submitted-form .title .line-item div:nth-last-child(1),
                .dcs-component #dcs-wrapper #submitted-form .line-item .line-item div:nth-last-child(1) {
                    border-bottom: none;
                    text-align: left;
                }
}

.dcs-component #dcs-wrapper #submitted-form .title {
    background: #0d649a;
    color: #fff;
    font-weight: bold;
}

    .dcs-component #dcs-wrapper #submitted-form .title div {
        padding: 10px 15px;
    }

.dcs-component #dcs-wrapper #submitted-form .line-item {
    border-bottom: 1px solid #eee;
}

    .dcs-component #dcs-wrapper #submitted-form .line-item div {
        padding: 10px 15px;
    }

        .dcs-component #dcs-wrapper #submitted-form .line-item div a {
            background: #ff9000;
            color: #fff;
            font-weight: bold;
            padding: 5px 15px;
            border-radius: 3px;
            font-size: .72em;
            text-transform: uppercase;
        }

        .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-last-child(1) {
            text-align: right;
        }

.dcs-component #dcs-wrapper #submitted-form .mobile-spacer {
    display: none;
}

@media screen and (max-width: 850px) {
    .dcs-component #dcs-wrapper #submitted-form .title {
        display: none;
    }

    .dcs-component #dcs-wrapper #submitted-form .line-item {
        display: block;
        position: relative;
        padding: 15px 0px;
    }

        .dcs-component #dcs-wrapper #submitted-form .line-item div {
            padding: 3px 15px;
        }

            .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-last-child(1) {
                right: 0;
                top: 50%;
                -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
                position: absolute;
            }
}

@media screen and (max-width: 850px) and (max-width: 460px) {
    .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-last-child(1) {
        position: relative;
        text-align: left;
        margin-top: 20px;
    }
}

@media screen and (max-width: 850px) {
    .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-child(1) {
        font-weight: bold;
    }

    .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-last-child(4)::before {
        content: 'Case Number: ';
    }

    .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-last-child(3)::before {
        content: 'Submitted: ';
    }

    .dcs-component #dcs-wrapper #submitted-form .line-item div:nth-last-child(2)::before {
        content: 'Last Updated: ';
    }

    .dcs-component #dcs-wrapper #submitted-form .line-item:nth-child(even) {
        background: #daebf5;
    }
}

.dcs-component #dcs-wrapper .forms {
    border: 1px solid #0d649a;
}

    .dcs-component #dcs-wrapper .forms .title {
        background: #0d649a;
        color: #fff;
        padding: 10px 0px 10px 40px;
        font-size: 1.35em;
        margin: 0;
    }

    .dcs-component #dcs-wrapper .forms .form-wrapper {
        padding: 40px 40px 0 40px;
    }

        .dcs-component #dcs-wrapper .forms .form-wrapper h4 {
            font-size: 1.1em;
            font-weight: bold;
        }

        .dcs-component #dcs-wrapper .forms .form-wrapper .case-row {
            background: #e8e8e8;
            width: 100%;
            display: none;
            margin: 45px auto 0px auto;
            padding: 55px 12px 12px 12px;
        }

            .dcs-component #dcs-wrapper .forms .form-wrapper .case-row .small-12 {
                padding: 10px 15px;
            }

        .dcs-component #dcs-wrapper .forms .form-wrapper .additional-comments {
            padding: 15px 28px;
            background: #e8e8e8;
            display: none;
        }

            .dcs-component #dcs-wrapper .forms .form-wrapper .additional-comments .comments {
                padding: 15px 0px;
            }

        .dcs-component #dcs-wrapper .forms .form-wrapper .file-uploaded {
            padding: 15px 0px;
        }

        .dcs-component #dcs-wrapper .forms .form-wrapper .receipt-buttons {
            margin-top: 35px;
            display: none;
        }

        .dcs-component #dcs-wrapper .forms .form-wrapper .dcs-confirmation-disclosure {
            display: none;
        }

    .dcs-component #dcs-wrapper .forms .field {
        padding: 5px 0px;
    }

    .dcs-component #dcs-wrapper .forms .uploaded-content {
        display: -ms-grid;
        display: grid;
        padding: 10px;
        background: #e1effa;
        -ms-grid-columns: 1fr 10%;
        grid-template-columns: 1fr 10%;
        opacity: 1;
        -webkit-box-align: center;
        align-items: center;
    }

        .dcs-component #dcs-wrapper .forms .uploaded-content .clear-file {
            font-size: .75em;
            text-align: right;
            padding-right: 5px;
            text-decoration: underline;
        }

            .dcs-component #dcs-wrapper .forms .uploaded-content .clear-file:hover {
                cursor: pointer;
            }

        .dcs-component #dcs-wrapper .forms .uploaded-content .file-name {
            font-size: 12px;
            line-height: 1.2;
        }

        .dcs-component #dcs-wrapper .forms .uploaded-content .clear-file {
            -ms-grid-row-align: center;
        }

    .dcs-component #dcs-wrapper .forms .error {
        border-color: #c60f13;
        background-color: rgba(198, 15, 19, 0.1);
    }

    .dcs-component #dcs-wrapper .forms .error-message,
    .dcs-component #dcs-wrapper .forms .upload-warning {
        color: red;
        /*display: none;*/
    }

    .dcs-component #dcs-wrapper .forms .textbox {
        min-height: 50px;
    }

.dcs-component #dcs-wrapper #verification {
    /*display: none;*/
    margin-bottom: 40px;
    position: relative;
}

    .dcs-component #dcs-wrapper #verification .content {
        position: relative;
    }

        .dcs-component #dcs-wrapper #verification .content .print-friendly {
            top: -33px;
            right: 0px;
            /*display: none;*/
        }

    .dcs-component #dcs-wrapper #verification .verification-buttons,
    .dcs-component #dcs-wrapper #verification .receipt-buttons {
        margin-top: 65px;
    }

.dcs-component #dcs-wrapper .verification-gray-box {
    background: rgb(232, 232, 232);
}

.dcs-component #dcs-wrapper .verification-row {
    font-size: 1rem;
    padding: 25px 20px;
    margin-top: 45px;
}

    .dcs-component #dcs-wrapper .verification-row .row {
        padding: 15px;
        line-height: 23px;
    }

    .dcs-component #dcs-wrapper .verification-row .row.red {
        color: #c60f13;
    }

.dcs-component #dcs-wrapper .verification-row .right {
    margin-top: 15px;
}

    .dcs-component #dcs-wrapper .verification-row .capitalize {
        text-transform: capitalize;
    }

    .dcs-component #dcs-wrapper .verification-row .hidden-class {
        display: none;
    }

    .dcs-component #dcs-wrapper .verification-row .first-row {
        padding-top: 20px;
        margin-top: 20px;
    }

    .dcs-component #dcs-wrapper .verification-row .row-title {
        font-weight: 600;
    }

.dcs-component #dcs-wrapper .dcs-receipt {
    content: "";
    /*display: none;*/
    height: 15px;
    background: -webkit-linear-gradient(45deg, transparent 33.333%, #e8e8e8 33.333%, #e8e8e8 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #e8e8e8 33.333%, #e8e8e8 66.667%, transparent 66.667%);
    background: linear-gradient(45deg, transparent 33.333%, #e8e8e8 33.333%, #e8e8e8 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #e8e8e8 33.333%, #e8e8e8 66.667%, transparent 66.667%);
    background-size: 20px 50px;
    background-position: 0 -35px;
}

.dcs-component #dcs-wrapper .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 50px;
    stroke-miterlimit: 10;
    stroke: #00BE38;
    fill: none;
    -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.dcs-component #dcs-wrapper .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    /*display: none;*/
    stroke-width: 6px;
    stroke: #fff;
    stroke-miterlimit: 10;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    box-shadow: inset 0px 0px 0px #00BE38;
    z-index: 4;
    -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.dcs-component #dcs-wrapper .checkmark__check {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.dcs-component #dcs-wrapper .checkmark__circle_print {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    /*display: none;*/
    /*stroke-width: 6px;*/
    stroke: #00BE38 !important;
    /*stroke-miterlimit: 10;*/
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    /*box-shadow: inset 0px 0px 0px #00BE38;*/
    z-index: 10;
    fill: #00BE38 !important;
}


.dcs-component #dcs-wrapper #add-information-form .print-friendly {
    top: 42px;
    right: -1px;
    display: none;
}

.dcs-component #dcs-wrapper #add-information-form #verification {
    margin: 0px 35px;
}

    .dcs-component #dcs-wrapper #add-information-form #verification .form-wrapper {
        padding: 40px 5px 0px 5px;
    }

    .dcs-component #dcs-wrapper #add-information-form #verification .dcs-receipt {
        margin-bottom: 20px;
    }

    .dcs-component #dcs-wrapper #add-information-form #verification h4 {
        font-size: 17px;
        font-weight: bold;
        color: #555;
    }

    .dcs-component #dcs-wrapper #add-information-form #verification .verification-row {
        position: relative;
        background: #e8e8e8;
    }

        .dcs-component #dcs-wrapper #add-information-form #verification .verification-row .checkmark {
            top: -30px;
            z-index: 10;
        }

        .dcs-component #dcs-wrapper #add-information-form #verification .verification-row .row {
            color: #424242;
            font-size: .9em;
            padding: 15px;
        }

.dcs-component #dcs-wrapper #other-inquiries-requests-form .sub-category {
    display: none;
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes scale {
    0%, 100% {
        -webkit-transform: none;
        transform: none;
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes scale {
    0%, 100% {
        -webkit-transform: none;
        transform: none;
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@-webkit-keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
/*# sourceMappingURL=digital-customer-service.css.map */
