@import "../../../styles.sass"

#claims
    float: right
    width: 49%
    height: 140px
    margin: 22px 0 0
    padding-top: 10px
    border-radius: 5px
    background-color: $white
    border: solid 1px $borderLightGray
    font-family: $openSansSemiBold
    .heading
        padding: 15px 0 10px 24px
        font-size: 14px
        color: $lightBlack
        font-family: $openSansSemiBold
    ul
        list-style: none
        width: 100%
        li
            display: inline-block
            width: 19%
            text-align: center
            h5
                font-size: 20px
                color: $green
                font-family: $openSansBold
            span
                color: $bodyTxtColor
                font-size: 14px
                font-family: $openSansRegular
    .no-claims-wrapper
        width: 100%
        height: 65%
        text-align: center
        font-size: 16px
        .no-claims
            background: url(#{$dashboardClaimsAssetPath}/noclaims-illustration.svg) no-repeat
            width: 48px
            height: 53px
            position: relative
            left: 50%
            transform: translateX(-50%)

@media only screen and (max-width: 1082px)
    #claims
        width: 100%
        margin-bottom: 20px