@import 'Default.css';
@import './res/fonts/Fonts.css';

/* App */
.check
{
    width: 320px;
    height: 100%;
    background: rgba(253,253,253);
    padding: 0 15px;
    margin: auto;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    border-radius: 15px;
}
    .check__company
    {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }   
        /* Картинка логотипа компании */
        .check__company__logo
        {
            width: 60px;
            height: 60px;
            background: url(./res/icons/themes/fridge.svg) no-repeat center;
            background-size: 70%;
        }
        .check__company__logo.washer
        {
            background-image: url(./res/icons/themes/washer.svg);
        }
        .check__company__logo.dishwasher
        {
            background-image: url(./res/icons/themes/dishwasher.svg);
        }
        .check__company__logo.oven
        {
            background-image: url(./res/icons/themes/oven.svg);
        }
        .check__company__logo.stove
        {
            background-image: url(./res/icons/themes/stove.svg);
        }
        .check__company__logo.boiler
        {
            background-image: url(./res/icons/themes/boiler.svg);
        }
        .check__company__logo.gasboiler
        {
            background-image: url(./res/icons/themes/gasboiler.svg);
        }
        .check__company__logo.sewing
        {
            background-image: url(./res/icons/themes/sewing.svg);
        }
        .check__company__logo.coffee
        {
            background-image: url(./res/icons/themes/coffee.svg);
        }
        .check__company__logo.septik
        {
            background-image: url(./res/icons/themes/septik.png);
        }

        /* Название компании*/
        .check__company__name
        {
            text-align: center;
            font-family: 'Rupster';
            line-height: 120%;
        }

    /* Пункты чека */
    .check__items
    {
        width: 90%;
        margin: auto;
        border-top: 1px dashed rgba(0,0,0,.1);
        border-bottom: 1px dashed rgba(0,0,0,.1);
        padding-bottom: 10px;
    }
        .check__items__success_repair
        {
            text-align: center;
            font-weight: 700;
            font-size: 80%;
            padding: 15px 0;
        }
        .check__items__header
        {
            display: flex;
            font-size: 80%;
            font-weight: 700;
            padding: 10px 0 25px;
        }
            .check__items__header__number
            {
                width: 30px;
                text-align: center;
            }
            .check__items__header__sum
            {
                width: 90px;
                text-align: right;
            }
            .check__items__header__title
            {
                width: 100%;
                padding-left: 15px;
            }
        
        .check__items__list__item
        {
            display: flex;
            margin-bottom: 15px;
        }
            .check__items__list__item__number
            {
                width: 30px;
                text-align: center;
            }
            .check__items__list__item__sum
            {
                width: 90px;
                font-weight: 700;
                text-align: right;
            }
            .check__items__list__item__title
            {
                width: 100%;
                padding-left: 15px;
                font-weight: 400;
            }

        .check__total
        {
            display: flex;
            justify-content: space-between;
            font-size: 24px;
            font-weight: 700;
            padding: 0 15px;
            height: 50px;
            line-height: 50px;
            margin-top: 15px;
        }
        .check__date_issue
        {
            display: flex;
            justify-content: space-between;
            font-weight: 400;
            padding: 0 15px;
            margin-bottom: 6px;
        }
        .check__time_issue
        {
            display: flex;
            justify-content: space-between;
            font-weight: 400;
            padding: 0 15px;
        }
        
        .check__warranty
        {
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-weight: 400;
            font-size: 16px;
        }
            .check__warranty span
            {
                font-weight: 700;
            }
        .check__contacts
        {
            font-weight: 400;
            text-align: center;
            font-size: 80%;
            line-height: 150%;
        }