@import url('https://fonts.googleapis.com/css2?family=Inter&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

#fin * {
    font-family: 'Gilroy';
}

#fin {
    position: relative;
    z-index: 50;
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 50px;
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    grid-template-areas: 'vozrast vozrast''date karta ''shema karta ''shema dopcifri ''opisanie opisanie''pay pay';
    grid-gap: 15px;
}

.date {
    grid-area: date;
}

.vozrast {
    grid-area: vozrast;
}

.shema {
    grid-area: shema;
}

.karta {
    grid-area: karta;
}

.dopcifri {
    grid-area: dopcifri;
}

.opisanie {
    grid-area: opisanie;
}

.pay {
    grid-area: pay;
}

#fin .pay,
#fin .pdf{
    justify-self: center;
    width: 100%;
}

.tabl td {
    padding: 10px 5px;
}

.round {
    background: #FFFFFF;
    border: 2px #000000 solid;
    border-radius: 50%;
    padding: 5px;
    width: 33px;
    text-align: center;
    font-weight: bold;
}

#pdfDownloadContents * {
    word-break: break-all;
    font-family: FiraSans;
    break-inside: avoid;
    page-break-inside: avoid;
}

#pdfDownloadContents .blockRazbor {
    break-inside: avoid;
    page-break-inside: avoid;
}

#matricaPDF{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#matricaPDF .glav-knopka-date{
    display: block;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}

.pdf,
.pay,
#pdfDownloadContents{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.pdf a,
.pdf button,
.pdf input[type="submit"],
.pay a,
.pay button,
.pay input[type="submit"],
#pdfDownloadContents a,
#pdfDownloadContents button,
#pdfDownloadContents input[type="submit"]{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (min-width: 601px) {
    .pdf a.glav-knopka-date,
    .pay a.glav-knopka-date,
    #pdfDownloadContents a.glav-knopka-date,
    .pdf input.glav-knopka-date,
    .pay input.glav-knopka-date,
    #pdfDownloadContents input.glav-knopka-date{
        width: fit-content !important;
        min-width: 420px;
    }

    .pdf a.glav-knopka-date,
    .pay a.glav-knopka-date,
    #pdfDownloadContents a.glav-knopka-date,
    .pdf input.glav-knopka-date,
    .pay input.glav-knopka-date,
    #pdfDownloadContents input.glav-knopka-date{
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    input.kn-pdf{
        margin-left: 60px !important;
    }
}

.pdfMatrica {
    display: grid;
    grid-template-columns: 0.2fr 1fr 1fr 0.6fr;
    grid-template-areas: 'date date date date''shemashema shema shema''karta karta dopcifri dopcifri''opisanie opisanie opisanie opisanie';
    grid-gap: 0px;
    justify-items: center;
    align-items: center;
}

.pdfMatrica .karta * {
    font-size: 12px;
}

.pdfMatrica .shema {
    width: 600px;
}

.pdfMatrica .date {
    margin-bottom: 15px;
}

.pdfMatrica .blockRazbor {
    padding: 15px;
    margin-top: 15px;
    border: 1px #029986 solid;
}

@media screen and (max-width: 600px) {
    #fin {
        max-width: 600px;
        width: 100%;
        margin: 0px auto;
        padding: 0px 20px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: 'vozrast''date''shema''karta''dopcifri''opisanie''pdf''pay';
        grid-gap: 15px;
    }

    .inputi1671159861 {}
}

@media screen and (max-width: 600px) {
    .inputi1671159861 {}

    .section111 {
        height: 30px;
    }

    .inputi20221202065514 {
        left: -180px;
        top: -145px;
        width: 554px;
        height: 498px;
        display: grid;
        z-index: 14;
    }

    .inputi20221202065521 {
        left: -248px;
        top: 3061px;
        width: 530px;
        height: 576px;
        display: grid;
        z-index: 14;
    }
}

@media screen and (max-width: 600px) {
    .section111 {
        height: 30px;
    }
}

/*#matrica * {*/
/*    font-family: 'Gilroy';*/
/*}*/

#matrica {
    position: relative;
    z-index: 50;
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 50px;
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    grid-template-areas: 'vozrast vozrast''date karta ''shema karta ''shema dopcifri ''opisanie opisanie''pay pay''addservices addservices';
    grid-gap: 15px;
}

.addservices {
    grid-area: addservices;
}

.inputi1669875065 {}

.inputi1669875211 {
    font-family: Gilroy;
}

.inputi1670016496 {
    font-size: 35px;
}

.inputi1670020959 {
    text-align: center;
}

.inputi1670020991 {
    font-size: 32px;
}

.inputi1670021023 {
    font-family: Gilroy;
}

.inputi1670021088 {
    font-family: FiraSans;
}

.inputi1670021127 {
    font-family: Gilroy;
}

.inputi1670021129 {
    font-family: Gilroy;
}

.inputi1670021205 {
    font-family: Gilroy;
}

.inputi1670480613 {
    font-size: 18px;
    font-family: Gilroy;
    font-weight: 600;
    color: #0068d8;
}

.inputi1670480784 {
    font-family: Gilroy;
    text-align: left;
    line-height: 24px;
}

.inputi1670480788 {
    font-family: Gilroy;
    text-align: left;
    line-height: 24px;
}

.inputi1670481044 {
    font-size: 18px;
    font-family: Gilroy;
    font-weight: 600;
    color: #0068d8;
}

.inputi1670481095 {
    font-size: 18px;
    font-family: Gilroy;
    font-weight: 600;
    color: #0068d8;
}

.inputi1670481126 {
    font-family: Gilroy;
    text-align: left;
    line-height: 24px;
}

.inputi1670481183 {
    font-family: Gilroy;
    text-align: left;
    line-height: 24px;
}


@media screen and (max-width: 600px) {
    #matrica {
        max-width: 600px;
        width: 100%;
        margin: 0px auto;
        padding: 0px 20px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: 'vozrast''date''shema''karta''dopcifri''opisanie''pdf''pay''addservices';
        grid-gap: 15px;
    }
}

.open-comb {
    padding-left: 20px;
}