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;  
}

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

.downloadPdfAnimation {    
    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;   
}

.ADpdf2 {
    position: absolute;
    margin-left: 454px;
    width: 336px;
    height: 280px;
    margin-top: 300px;    
}

.ADpdf3 {
    position: absolute;
    margin-left: 62px;
    width: 728px;
    height: 90px;
    margin-top: 700px;
}

.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 {
    
}

.CalculatorsPanelClass {   
    margin-top:0;
    margin-left:0px;
    width:auto;
    height:125px;    
}

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

.divButtonsTest {
   position:center;
    margin:auto;
    margin-top:70px;  
    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 {   
    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 {    
    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;
}


.buttons {
    width:50px;
    height:30px;
    text-align:center;
    font-size:20px;
    background-color:burlywood;
    position:center;
    margin:auto;
    margin-top:69px;    
    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;   
}

.labelPlus2 {
    position:absolute;    
    font-size:30px;
    text-align:center;
    vertical-align: middle;   
    width:40px;
    height:25px;    
}


.labelMinus {
    float: right;
    font-size: 30px;
    text-align: center;
    padding-bottom: 0px;
    padding-top: 5px;
    vertical-align: middle;
    margin-left: 1px; 
    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:rgb(248,248,248);
}

.divSmallMainCont {
    height:auto;
    width:50%;    
    float:right;
}

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

.divSmall {
    height:31.5px;
    width:294.5px;
    float:left;   
}

.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 {   
    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;
}



.divLevelButton1 {
   
}

.divLevelButton2 {
 
}

.divLevelButton3 {
 
}

.divLevelButton4 {
 
}

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


.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;   
}

    .TextBoxZmultClass:focus {
         outline:none;
    }

.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;
}


.SummandsClass {   
    top: 10px;
    font-size: 20px;
    width: 400px;
    text-align: left;   
    border-style: solid;    
    border-radius: 10px;
    padding: 10px;
    display: inline-block;    
}

.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';
}


.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;
}

.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(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);
}


.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;
}

.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: 4.1px;
    vertical-align: middle;    
    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;
}

.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;
}

.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;    
    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;   
}

.calculDivClass {
    display: block !important;
}

.calculDivClass2 {
    display: none !important;
}

.textBoxesClassCalc {
    width: 100px;
    height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 10px;
}

@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;
    }
    
}


@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;
    }
    
}


@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;
    }
}


@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;
    }
    
}


@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: -213px;
    }

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

    .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: none;
        transform-origin: unset;
        cursor: pointer;
    }
}

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