input, span, textarea ::before {
    line-height: normal;
}

.divExceptionClass {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: gray;
    text-align: center;
    color: white;
    align-content: center;
    font-size: larger;
    padding-top: 10%;
}

.contMainDivClass {
    position: absolute;
    margin-top: 0px;
    width: 800px;
    height: 1200px;
    background-color: white;
}

.contMainDivClassPdf {
    position: absolute;
    margin-top: 0px;
    width: 800px;
    height: 1200px;
    background-color: white;
    /* background-color: rgb(248,248,248);*/
    /*background-color: rgb(255, 126, 15);*/
    /*border: 1px;
    border-style: solid;*/
}

.downloadPdfButton {
    height: 32px;
    width: 200px;
    background-color: lightgray;
    align-content: center;
    font-family: 'ComfortaaLight';
    font-size: 15px;
    text-align: center;
    padding-top: 5px;
}

.downloadPdfAnimation {
    /*font-weight: bold;
    padding-top: 20px;
    font-size: 21px;
    color: transparent;
padding:5px; 
    background-color:aqua;*/
    height: 100px;
    padding: 5px;
}





.pdfLabelFont {
    font-family: 'ComfortaaLight';
    font-size: 16px;
    padding: 5px;
    margin: 0px;
}

.pdfLabelFont2 {
    font-family: 'ComfortaaBold';
    font-size: 16px;
    color: black;
}

.pdfLabelFont3 {
    font-family: 'ComfortaaBold';
    font-size: 14px;
    color: #d7d4d4;
}

.pdfLabelFont td {
    padding: 1px;
    border: none;
}

.ADpdf {
    position: absolute;
    margin-left: 454px;
    width: 336px;
    height: 280px;
    margin-top: 10px;
    /*border: 1px;
    border-style: solid;
    border-color: black;*/
}

.ADpdf2 {
    position: absolute;
    margin-left: 454px;
    width: 336px;
    height: 280px;
    margin-top: 300px;
    /*border: 1px;
    border-style: solid;
    border-color: black;*/
}

.ADpdf3 {
    position: absolute;
    margin-left: 62px;
    width: 728px;
    height: 90px;
    margin-top: 700px;
    /*border: 1px;
    border-style: solid;
    border-color: black;*/
}

.pdfTable {
}

    .pdfTable label {
        display: inline-block !important;
        padding-left: 8px !important;
        margin: 0px !important;
        line-height: normal !important;
    }



.warning {
    position: absolute;
    margin-left: 454px;
    width: 318px;
    height: 90px;
    margin-top: 587px;
    border: 1px;
    border-style: solid;
    border-color: rgb(255, 126, 15);
    font-size: 12px;
    padding: 9px;
}

.divMainStyle {
    /*position:center;
    margin:auto;
    margin-top:100px;*/
    /*position:absolute;
    margin-top:100px;
    margin-left:0px;
    width:800px;
    height:900px;
    border:2px;
    border-style:solid;
    border-color:lightgray;
    border-left:none;
    border-right:none;
    border-bottom:none;
    background-color:white;*/
}

.CalculatorsPanelClass {
    /*position:absolute;*/
    margin-top: 0;
    margin-left: 0px;
    width: auto;
    height: 125px;
    /*border:2px;
    border-style:solid;
    border-color:cadetblue;*/
}

.divMainStyle2 {
    position: center;
    margin: auto;
    margin-top: 100px;
    /*top:auto;
    left:auto;
    right:auto;*/
    width: 800px;
    height: 600px;
    border: 3px;
    border-style: solid;
    border-color: cadetblue;
}

.divButtonsTest {
    position: center;
    margin: auto;
    margin-top: 70px;
    /*top:auto;
    left:auto;
    right:auto;*/
    width: 400px;
    height: 30px;
    border: 3px;
    border-style: solid;
    border-color: chartreuse;
}



.DivResultClass {
    position: absolute;
    top: 99px;
    bottom: 0;
    height: 32px;
    width: 500px;
    left: 0px;
    background-color: transparent;
    align-content: center;
}

.LabelResultClass {
    /*position:absolute;*/
    top: 0px;
    bottom: 0;
    height: 32px;
    width: 125px;
    font-family: 'ComfortaaLight';
    font-size: 15px;
    margin-top: 10px;
    text-transform: uppercase;
}

.rowClassLine {
    border: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: lightgray;
    border-right-color: lightgray;
    border-bottom-color: lightgray;
    border-left-color: lightgray;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.LabelResultClass1 {
    left: 0;
    text-align: right;
    color: black;
    background-color: transparent;
}

.LabelResultClass2 {
    left: 125px;
    text-align: left;
    color: green;
    background-color: transparent;
    font-weight: bold;
}

.LabelResultClass3 {
    left: 250px;
    text-align: right;
    color: black;
    background-color: transparent;
}

.LabelResultClass4 {
    left: 375px;
    text-align: left;
    color: orangered;
    background-color: transparent;
    font-weight: bold;
}



.divInsideLast {
    /* position: absolute; */
    bottom: 0;
    height: 32px;
    width: 200px;
    left: 600px;
    background-color: lightgray;
    align-content: center;
    font-family: 'ComfortaaLight';
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 2px;
    border-radius: 9px;
    cursor: pointer;
}

/*.buttonNext {
    float:right;
    width:100px;
    height:30px;
    text-align:center;
    font-size:20px;
}*/


.buttons {
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 20px;
    background-color: burlywood;
    position: center;
    margin: auto;
    margin-top: 69px;
    /*top:auto;
    left:auto;
    right:auto;*/

    border: 1px;
    border-style: solid;
    border-color: cadetblue;
}



.labelPlus {
    position: absolute;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    margin-top: 18px;
    width: 40px;
    height: 25px;
    /*border:0.5px;
    border-style:solid;
    border-color:gray;*/
}

.labelPlus2 {
    position: absolute;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    height: 25px;
    /*border:0.5px;
    border-style:solid;
    border-color:gray;*/
}


.labelMinus {
    float: right;
    font-size: 30px;
    text-align: center;
    padding-bottom: 0px;
    padding-top: 5px;
    vertical-align: middle;
    margin-left: 1px;
    /*width: 40px;*/
    width: 19px;
    height: 25px;
    border: 0.5px;
    border-style: solid;
    border-color: transparent;
    font-family: 'ComfortaaLight';
}




.divInside2 {
    height: 33px;
    width: 790px;
    margin-left: 1px;
    margin-bottom: 2px;
}

/*******************************************Деление*************************************************/
/*Имеем два маленьких дива справа и большие дивы по левой стороне*/
.divBigMainCont {
    height: auto;
    width: 50%;
    float: right;
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;
}

    .divBigMainCont div {
        height: auto;
        width: fit-content;        
        display: flex;
        flex-direction: row-reverse;
        align-content: center;
        /*padding-right: 0 !important;*/
    }

.stolb_cont {
    transform: scale(0.85);
}

@media (min-width: 200px) {
    .stolb_cont {
        transform: scale(0.5);
    }
}

@media (min-width: 400px) {
    .stolb_cont {
        transform: scale(0.6);
    }
}
@media (min-width: 500px) {
    .stolb_cont {
        transform: scale(0.7);
    }
}
@media (min-width: 600px) {
    .stolb_cont {
        transform: scale(0.8);
    }
}
@media (min-width: 700px) {
    .stolb_cont {
        transform: scale(0.9);
    }
}
@media (min-width: 800px) {
    .stolb_cont {
        transform:none;
    }
}

    .divBigMainCont span {
        background-color: white !important;
    }

    .divSmallMainCont {
        height: auto;
        width: 50%;
        float: right;
        display: flex;
        flex-direction: column;
        /* margin-top: 17px;*/
    }

    .divBig {
        height: 32px;
        width: 500px;
        float: right;
        margin-bottom: 2px;
    }

    .divSmall {
        height: 31.5px;
        width: 294.5px;
        float: left;
        /*clear:both;*/
        /*  margin-left:5px;*/
        /*border:0.5px;
    border-style:solid;
    border-color:gray;*/
    }

    .divSlash1 {
        float: left;
        background-color: black;
    }

    .divSlash2 {
        padding-left: 1px;
        padding-top: 2px;
        padding-bottom: 2px;
        height: 3px;
        width: 290px;
        clear: both;
    }

    .labelMini {
        float: left;
        font-size: 30px;
        text-align: center;
        padding-top: 2px;
        vertical-align: middle;
        margin-top: 0px;
        width: 40px;
        height: 1px;
        border: 2px;
        border-style: solid;
        border-color: black;
        border-bottom: none;
        border-right: none;
        border-left: none;
    }

    .labelSlash1 {
        float: left;
        font-size: 30px;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        border-bottom: none;
        border-top: none;
        border-left: none;
    }

    .divLevelClass {
        height: 39.7px;
        background-color: white;
        margin-top: 0px;
        margin-left: 0px;
    }

    .divLevelButton {
        width: 25px;
        height: 25px;
        border: 1px;
        border-style: solid;
        border-color: gray;
        background-color: white;
        color: black;
        text-align: center;
        margin-top: 10px;
        display: inline-block;
        border-radius: 20px;
        font-weight: bolder;
        cursor: pointer;
    }

    .divLevelButtonCurrent {
        /*position:absolute;*/
        width: 25px;
        height: 25px;
        border: 1px;
        border-style: solid;
        border-color: gray;
        background-color: black;
        color: white;
        text-align: center;
        margin-top: 10px;
        display: inline-block;
        border-radius: 20px;
        font-weight: bolder;
        cursor: pointer;
    }

    .divLevelButton p:hover {
        font-family: 'ComfortaaLight';
        font-size: 22px;
        cursor: pointer;
    }

    .divLevelButtonCurrent p:hover {
        font-family: 'ComfortaaLight';
        font-size: 22px;
        cursor: pointer;
    }

    .divLevelButton p {
        font-family: 'ComfortaaLight';
        font-size: 18px;
    }

    /*.divLevelButtonCurrent p {
    background-color: black;
    color: white;
}*/

    .divLevelButton1 {
        /*border-left:solid;
   margin-left:0px;*/
    }

    .divLevelButton2 {
        /*margin-left:200px;*/
    }

    .divLevelButton3 {
        /*margin-left:400px;*/
    }

    .divLevelButton4 {
        /*margin-left:600px;*/
    }

    /***************************multiplicationTable****************************/


    .labelXmultClass {
        left: 29px;
        text-align: left;
    }

    /*.LabelS1multClass {
    left:135px;
}

.labelYmultClass {
    left:235px;
     text-align:left;
}

.LabelS2multClass {
    left:335px;
    width:25px;
}*/

    .TextBoxZmultClass {
        height: unset !important;
        padding: unset !important;
        background-color: none !important;
        border: none !important;
        border-radius: unset !important;
        box-shadow: none !important;
        box-sizing: unset !important;
        margin-bottom: unset !important;
        line-height: unset !important;
        width: 200px !important;
        text-align: left !important;
        top: 15px !important;
        border: 1px !important;
        border-color: rgb(255, 126, 15) !important;
        border-radius: 5px !important;
        border-style: groove !important;
        height: 45px !important;
        padding-top: 5px !important;
        padding-left: 3px !important;
        display: inline-block;
        /*margin-top:9px;*/
    }

        .TextBoxZmultClass:focus {
            outline: none;
        }

    /******************************Calculators*****************************************/



    .CalculatorsElementsClass {
        position: absolute;
        width: 200px;
        height: 40px;
        border: 0.5px;
        border-style: solid;
        border-color: #a7c2d0;
        margin-top: 80px;
        font-family: 'ComfortaaLight';
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 10px;
    }

        .CalculatorsElementsClass:focus {
            outline: none;
        }

    .CalculatorsXClass {
        left: 15px;
    }

    .CalculatorsXClass2 {
        left: 15px;
        width: 400px;
    }

    /*.divContSummandsClass {
    position: absolute;
    width:800px;
    
}*/

    .SummandsClass {
        /* position: absolute; */
        top: 10px;
        font-size: 20px;
        width: 400px;
        text-align: left;
        /* left: 400px; */
        /* border: 1px; */
        border-style: solid;
        /* border-color: black; */
        /* border-right: none; */
        border-radius: 10px;
        padding: 10px;
        display: inline-block;
        /* box-shadow: 17px -7px 20px 0px black; */
    }

    .SummandsClass2 {
        position: absolute;
        font-size: 20px;
        width: 380px;
        text-align: right;
        align-content: center;
        font-weight: bold;
    }



    .CalculatorsSClass {
        width: 70px;
        left: 230px;
        text-align: center;
        border: none;
        padding: 0px;
    }

    .CalculatorsYClass {
        left: 305px;
    }

    .CalculatorsButtonDoneClass {
        text-align: center;
        left: 600px;
        height: 45px;
        background-color: lightgray;
        border-radius: 3px;
        border: none;
    }

    .CalculatorstestClass {
        left: 15px;
        margin-top: 25px;
        width: 700px;
        border: none;
        color: gray;
        font-size: 20px;
        font-family: 'ComfortaaLight';
    }

    /*******************div small*****************************/

    .labelBQsmall {
        float: left;
        font-size: 30px;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 20px;
        height: 10px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelMinussmall {
        float: right;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-right: 6px;
        margin-top: 6px;
        width: 20px;
        height: 10px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .divBigsmall {
        height: 12px;
        width: 500px;
        float: right;
        margin-bottom: 15px;
        padding-left: 5px;
    }

    .divSmallsmall {
        height: 11.5px;
        width: 294.5px;
        float: left;
        margin-bottom: 10px;
    }

    .divSlash2small {
        padding-left: 1px;
        padding-top: 6px;
        padding-bottom: 2px;
        height: 1px;
        width: 290px;
        clear: both;
    }

    .labelMinismall {
        float: left;
        font-size: 15px;
        text-align: center;
        padding-top: 0px;
        vertical-align: middle;
        margin-top: 0px;
        width: 20px;
        height: 1px;
        border: 1px;
        border-style: solid;
        border-color: black;
        border-bottom: none;
        border-right: none;
        border-left: none;
    }

    /*******************************************/



    .divInside2small {
        height: 13px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 16px;
    }

    .labelPlussmall {
        position: absolute;
        text-align: center;
        vertical-align: middle;
        margin-top: 18px;
        width: 20px;
        height: 10px;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }



    .texBoxHidsmall {
        float: right;
        font-size: 30px;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 20px;
        height: 10px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        color: transparent;
    }

    /**************************************Изменяемые классы***********************************************/

    /********************************************************Chrom*/
    .divInsidesmall {
        height: 12px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 13px;
    }

    .divInsidesmallFirefox {
        height: 15px;
        width: 790px;
        margin-right: 20px;
        margin-bottom: 15px;
    }

    .divInside {
        height: 32px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 2px;
    }

    .texBoxHid {
        float: right;
        font-size: 30px;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        color: transparent;
    }

    .label {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 1px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .labelFirefoxDivisin {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 0px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .labelFirefox {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 3px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .label:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        /*border-color: rgb(130, 204, 107);*/
        border-color: rgb(255, 126, 15);
        width: 38px;
        height: 23px;
    }

    .label2 {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-bottom: 1px;
        padding-top: 4px;
        vertical-align: middle;
        margin-left: 1px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: lightgray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }


    .labelsmall {
        float: right;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 2px;
        width: 20px;
        height: 10px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmall2 {
        float: right;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 1px;
        width: 20px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmall2Firefox {
        float: right;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-left: 1px;
        width: 20px;
        height: 22px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmall2Firefox2 {
        float: right;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-left: -1px;
        width: 20px;
        height: 22px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmall2Firefox3 {
        float: right;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-left: -0.3px;
        width: 20px;
        height: 22px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmallChrome {
        float: right;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 2.5px;
        width: 20px;
        height: 10px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelBQ {
        float: left;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 1px;
        width: 40px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .label2:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        border-color: rgb(255, 126, 15);
    }


    /********************************************************InternetExplorer*/
    .labelsmall2InternetExplorer {
        float: right;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 8px;
        vertical-align: middle;
        margin-left: 0px;
        width: 20px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .divInsidesmallInternetExplorer {
        height: 12px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 13px;
        padding-left: 5px;
    }

    .divInsidesmallInternetExplorer2 {
        height: 12px;
        width: 790px;
        margin-left: -4px;
        margin-bottom: 13px;
        padding-left: 0px;
    }

    .labelInternetExplorer {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        padding-left: 2px;
        vertical-align: middle;
        margin-left: 1px;
        width: 37px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .label2InternetExplorer {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-bottom: 3px;
        padding-top: 4px;
        padding-left: 3.5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 36px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: lightgray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .divInsideInternetExplorer {
        height: 32px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 2px;
    }

    .divInsideInternetExplorer2 {
        height: 32px;
        width: 790px;
        margin-left: -14px;
        margin-bottom: 2px;
    }

    /********************************************************Safari*/
    .labelsmall2Safari {
        float: right;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 11px;
        padding-right: 2px;
        vertical-align: middle;
        margin-left: 0px;
        width: 20px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmall2SafariZ {
        float: right;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 11px;
        padding-right: 2.5px;
        vertical-align: middle;
        margin-left: 0px;
        width: 18px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .labelsmall2Safari2 {
        float: right;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 5px;
        padding-right: 0px;
        vertical-align: middle;
        margin-left: 0px;
        width: 20px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .divInsideInternetSafariCalc {
        height: 12px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 13px;
        padding-left: 5px;
    }

    .divInsideInternetSafariCalc2 {
        height: 12px;
        width: 790px;
        margin-left: 0px;
        margin-bottom: 13px;
        padding-left: 0px;
    }

    .divInsidesmallSafari {
        height: 12px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 13px;
        padding-left: 5px;
    }

    .divInsidesmallSafari2 {
        height: 12px;
        width: 790px;
        margin-left: 0px;
        margin-bottom: 13px;
        padding-left: 0px;
    }

    /*.labelSafari {
    float: right;
    font-size: 25px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left:2px;
    vertical-align: middle;
    margin-left: 1px;
    width: 37px;
    height: 25px;
    border: 0.5px;
    border-style: solid;
    border-color: gray;
    font-family: 'ComfortaaLight';
    border-radius: 8px;
}*/

    .labelSafari {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        padding-left: 4.1px;
        vertical-align: middle;
        /* margin-left: 3.2px; */
        width: 37px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .label2Safari {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-bottom: 3px;
        padding-top: 4px;
        padding-left: 3.5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 36px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: lightgray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .labelSafari:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        border-color: rgb(255, 126, 15);
        width: 35px;
        height: 23px;
    }

    .labelSafari:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        border-color: rgb(255, 126, 15);
        width: 34px;
        height: 23px;
    }

    .divInsideSafari {
        height: 32px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 2px;
    }

    .divInsideSafari {
        height: 32px;
        width: 790px;
        margin-left: -14px;
        margin-bottom: 2px;
    }
    /********************************************************Edge*/
    .labelsmall2Edge {
        float: right;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 8px;
        vertical-align: middle;
        margin-left: 0px;
        width: 20px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 25px;
        font-family: 'ComfortaaLight';
    }

    .divInsidesmallEdge {
        height: 12px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 13px;
        padding-left: 5px;
    }

    .divInsidesmallEdge {
        height: 12px;
        width: 790px;
        margin-left: -4px;
        margin-bottom: 13px;
        padding-left: 0px;
    }

    .labelEdge {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        padding-left: 2px;
        vertical-align: middle;
        margin-left: 1px;
        width: 37px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .label2Edge {
        float: right;
        font-size: 25px;
        text-align: center;
        padding-bottom: 3px;
        padding-top: 4px;
        padding-left: 3.5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 36px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: lightgray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .divInsideEdge {
        height: 32px;
        width: 790px;
        margin-right: 10px;
        margin-bottom: 2px;
    }

    .divInsideEdge {
        height: 32px;
        width: 790px;
        margin-left: -14px;
        margin-bottom: 2px;
    }
    /********************************************************Mobile*/


    .labelMobile {
        float: right;
        font-size: 15px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 1px;
        width: 25px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

        .labelMobile:focus {
            outline: none;
            border: 2px;
            border-style: solid;
            border-color: rgb(255, 126, 15);
            width: 23px;
            height: 23px;
        }

    .label2Mobile:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        border-color: rgb(255, 126, 15);
    }

    .labelBQ:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        border-color: rgb(255, 126, 15);
    }

    .labelBQMobile:focus {
        outline: none;
        border: 2px;
        border-style: solid;
        border-color: rgb(255, 126, 15);
    }


    .labelBQMobile {
        float: left;
        font-size: 15px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 1px;
        width: 25px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: gray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .label2Mobile {
        float: right;
        font-size: 15px;
        text-align: center;
        padding-bottom: 1px;
        padding-top: 4px;
        vertical-align: middle;
        margin-left: 1px;
        width: 25px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: lightgray;
        font-family: 'ComfortaaLight';
        border-radius: 8px;
    }

    .texBoxHidMobile {
        float: right;
        font-size: 10px;
        text-align: center;
        padding-bottom: 5px;
        vertical-align: middle;
        margin-left: 1px;
        width: 26px;
        height: 25px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        color: transparent;
        padding-right: 9px;
    }

    .labelsmall2Mobile {
        float: right;
        text-align: right;
        padding-top: 6px;
        padding-bottom: 0px;
        padding-left: 0px;
        vertical-align: middle;
        margin-left: 0px;
        width: 12px;
        height: 21px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 23px;
        font-family: 'ComfortaaLight';
    }

    .texBoxHidsmallMobile {
        float: right;
        text-align: right;
        padding-top: 6px;
        padding-bottom: 0px;
        padding-left: 0px;
        vertical-align: middle;
        margin-left: 0px;
        width: 12px;
        height: 21px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 23px;
        font-family: 'ComfortaaLight';
    }

    .divInside2smallMobile {
        height: 15px;
        width: 790px;
        margin-left: 12px;
        margin-bottom: 15px;
    }

    .divInsidesmallMobile {
        height: 15px;
        width: 790px;
        margin-right: 7px;
        margin-left: 9px;
        margin-bottom: 15px;
    }

    .labelsmall2Mobile2 {
        float: right;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 1px;
        vertical-align: middle;
        margin-left: 1px;
        width: 23px;
        height: 15px;
        border: 0.5px;
        border-style: solid;
        border-color: transparent;
        font-size: 23px;
        font-family: 'ComfortaaLight';
    }

    .tableCalc {
        border-style: none !important;
        /*border: none !important;*/
        padding: 0 !important;
        border-spacing: 0 !important;
        margin: 0 !important;
        border-collapse: unset !important;
        font-family: 'Courier New' !important;
        line-height: unset !important;
        font-weight: bold;
        font-size: 15px;
        display: inline-block;
    }

    .tdClassCalc {
        padding: 0px !important;
        line-height: normal !important;
        text-align: center;
        border-bottom: solid !important;
        border-width: 0.5px !important;
        border-color: black !important;
        vertical-align: central !important;
    }

    .rowscale {
        transform: none;
        transform-origin: unset;
    }

    .multiplicationTableClass {
        display: inline-block;
        width: 100px;
        height: 50px;
        top: 20px;
        border-style: none;
        font-family: 'ComfortaaLight';
        font-size: 45px;
        font-weight: bold;
        text-align: center;
        transform: none;
        transform-origin: unset;
    }

    .labelContZoom {
        display: flex;
    }

    .contCalcTren {
        box-shadow: 0 0 4px rgba(0,0,0,0.5);
        padding: 20px;
        border-radius: 13px;
        margin-top: 14px;
        /*box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 63px;
    border-top-left-radius: 63px;
    border-top-right-radius: 63px;
    margin-top: 14px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;*/
    }

    .calculDivClass {
        display: block !important;
    }

    .calculDivClass2 {
        display: none !important;
    }

    .textBoxesClassCalc {
        width: 100px;
        height: 24px;
        margin-bottom: 15px;
        margin-top: 15px;
        border-radius: 10px;
    }
    /*---------------------------------------media-------------------------------------------*/
    @media (min-width: 300px) {
        .MainDivMargCorrect {
            margin-left: -73px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.4);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast { /*button next*/
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            cursor: pointer;
            transform: scale(0.6);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }



    @media (min-width: 330px) {
        .MainDivMargCorrect {
            margin-left: -57px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.41);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.6);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }



    /* Larger than mobile */
    @media (min-width: 400px) {
        .MainDivMargCorrect {
            margin-left: -80px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.5);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.6);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }

    /* Larger than phablet (also point when grid becomes active) */
    @media (min-width: 500px) {
        .MainDivMargCorrect {
            margin-left: -50px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.63);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.7);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }

    @media (min-width: 600px) {
        .MainDivMargCorrect {
            margin-left: -24px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.7);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.7);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }

    @media (min-width: 700px) {
        .MainDivMargCorrect {
            margin-left: -11px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.8);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.7);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }

    /* Larger than tablet */
    @media (min-width: 750px) {
        .MainDivMargCorrect {
            margin-left: 0px;
        }

        body {
            overflow-x: hidden;
        }



        .rowscale {
            transform: scale(0.85);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.7);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }

    /* Larger than desktop */
    @media (min-width: 800px) {
        .MainDivMargCorrect {
            margin-left: 0px;
        }

        body {
            overflow-x: hidden;
        }

        .rowscale {
            transform: scale(0.9);
            transform-origin: 0% 0% 0px;
            display: inline-block;
        }

        .divInsideLast {
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: scale(0.6);
            transform-origin: 0% 0% 0px;
            cursor: pointer;
        }
    }

    @media (min-width: 1000px) {
        .MainDivMargCorrect {
            /*margin-left: 0px;*/
            margin-left: -213px;
        }

        .rowscale {
            transform: none;
            transform-origin: unset;
            margin-bottom: unset;
        }

        .divInsideLast {
            /* position: absolute; */
            bottom: 0;
            height: 32px;
            width: 200px;
            left: 600px;
            background-color: lightgray;
            align-content: center;
            font-family: 'ComfortaaLight';
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            padding-top: 2px;
            border-radius: 9px;
            transform: none;
            transform-origin: unset;
            cursor: pointer;
        }
    }

    @media (min-width: 1200px) {
        .MainDivMargCorrect {
            /*margin-left: 0px;*/
            margin-left: -67px;
        }
    }