﻿
/*TextArea*/
.txtAreaDefault{
    color: teal;
    height: 100px;
    width:200px;
}
.SimplexConstraint {
    color: teal;
    height: 200px;
    width: 500px;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/*TextBox*/
.txtvalue {
    width: auto;
    border: 2px palevioletred solid;
    background-color:white ;
    color: dodgerblue;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

/*Counting*/
.txtvalueA {
    width: auto;
    border: 2px palevioletred solid;
    background-color: antiquewhite;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueB {
    width: auto;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
/*TextToNumber*/
.txtvalueN {
    width: 200px;
    border: 2px palevioletred solid;
    background-color: bisque;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueN1 {
    width: 200px;
    border: 2px palevioletred solid;
    background-color: azure;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalue6 {
    width: 600px;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalue6A {
    width: 500px;
    border: 2px palevioletred solid;
    background-color: white;
    color: black;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueT {
    width: 800px;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueP {
    width: 600px;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalue6B {
    width: 600px;
    border: 2px palevioletred solid;
    background-color: bisque;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueA4 {
    width: 400px;
    border: 2px palevioletred solid;
    background-color: paleturquoise;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

.txtvalueB4 {
    width: 400px;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

/*Addition Subtraction*/
.AnswerCell {
    width: 50px;
    height: 50px;
    border: solid #554b4b;
    color: peru;
    text-align: center;
    background-color: cornflowerblue;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
}

.CarryOver {
    width: 50px;
    height: 50px;
    border: solid #554b4b;
    color: #7d4747;
    text-align: center;
    background-color: bisque;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
}
/*Fraction*/
.txtvalueF {
    width: 200px;
    border: 2px palevioletred solid;
    background-color: floralwhite;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

.txtvalueK {
    width: 200px;
    border: 2px palevioletred solid;
    background-color: burlywood;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.EquivalentCell {
    width: 100px;
    height: 40px;
    border: solid #554b4b;
    color: forestgreen;
    text-align: center;
    background-color: antiquewhite;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
}
/*LCM HCF*/
.txtvalueHCFA {
    width: 100px;
    border: 2px palevioletred solid;
    background-color: cadetblue;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueHCFB {
    width: 200px;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueHCSolA {
    width: 100px;
    border: 2px palevioletred solid;
    background-color: lavenderblush;
    color: teal;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

.txtvalueHCFSolB
{
    width: 200px;
    border: 2px palevioletred solid;
    background-color: lavenderblush;
    color: teal;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

/*Multipll*/
.AnswerCell {
    width: 50px;
    height: 50px;
    border: solid #554b4b;
    color: peru;
    text-align: center;
    background-color: lavender;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
}
.FinalAnswerCell 
{
    width: 50px;
    height: 50px;
    border-top: solid darkmagenta 5px;
    border-bottom: solid darkmagenta 5px;
    color: aqua;
    text-align: center;
    background-color: orange;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
}
/*Division Square Root*/
.txtAnswerText {
    height: 50px;
    width: 50px;
    color: lightseagreen;
    border: solid black 2px;
    font-family: 'Times New Roman', Times, serif;
    white-space: nowrap;
    font-size: 40px;
    text-align: right;
    background-color: beige;
}
.txtAnswerTextMinus {
    height: 50px;
    width: 50px;
    color: lightseagreen;
    border: solid black 2px;    
    border-bottom: 3px solid magenta;
    font-family: 'Times New Roman', Times, serif;
    white-space: nowrap;
    font-size: 40px;
    text-align: right;
    background-color: beige;
}

.txtDivisionLeft {
    width: 100px;
    height: 50px;
    border: solid black 2px;
    border-right: 5px solid #0094ff;
    border-bottom: 5px solid #0094ff;
    color: darkmagenta;
    font-family: 'Times New Roman', Times, serif;
    white-space: nowrap;
    font-size: 40px;
    text-align: right;
}
.txtSquareRootLeft {
    width: 100px;
    height: 50px;
    border: solid black 2px;
    border-right: 5px solid #0094ff;
    color: darkmagenta;
    font-family: 'Times New Roman', Times, serif;
    white-space: nowrap;
    font-size: 25px;
    text-align: right;
}
/*Matrix*/
.txtMatrixvalue {
    width: 90%;
    height: 98%;
    border: solid #554b4b;
    color: lightseagreen;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    text-align: center;
}
.SolMatrixvalue {
    width: 100px;
    height: 50px;
    text-align: center;
    border: 4px solid #808080;
    color: cornflowerblue;
    font-family: 'Franklin Gothic';
    font-size: 40px;
}
.MatrixSelected {
    width: 90%;
    height: 98%;
    border: 5px solid magenta;
    color: darkorange;
    background-color: aquamarine;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-align: center;
}
/*Numerical*/
.txtvalueA3 {
    width: 300px;
    border: 2px palevioletred solid;
    background-color: paleturquoise;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtvalueB3 {
    width: 300px;
    border: 2px palevioletred solid;
    background-color: beige;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

.txtvalueC3 {
    width: 300px;
    border: 2px palevioletred solid;
    background-color: khaki;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtDivisionNTD {
    width: 200px;
    border: 1px palevioletred solid;
    border-bottom: 3px blue solid;
    background-color: aliceblue;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
.txtDivisionDTD {
    width: 200px;
    border: 1px palevioletred solid;
    background-color: aliceblue;
    color: indigo;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
/*Transport*/

.txtTransportCost {
    width: 100px;
    border: 2px palevioletred solid;
    background-color: aquamarine;
    color: teal;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}

.txtTransportDS{
    width: 100px;
    border: 2px palevioletred solid;
    background-color: lavenderblush;
    color: teal;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
}
/**Trignometric Ratios**/


.InputRightAngleAt {
    text-transform: uppercase;
    font-size: 20px;
    color: blueviolet;
    background-color: antiquewhite;
    width: 100px;
}

.InputRatioAngle {
    text-transform: uppercase;
    font-size: 20px;
    color: crimson;
    background-color: antiquewhite;
    width:100px;
}

.InputTextTriangle {
    text-transform: uppercase;
    font-size: 20px;
    background-color: antiquewhite;
    color: orangered;
    width: 100px;
}
.TestSolution {
    text-transform: uppercase;
    font-size: 15px;
    color: blueviolet;
    background-color: antiquewhite;
    width: 75px;
    text-align: center;
}

.InputTopStatementA {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    background-color: burlywood;
    color: darkred;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    font-size: 25px;
}

.InputTopStatementB {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    background-color: darkgrey;
    color: darkred;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    font-size: 25px;
}
