.box{
    max-width:900px;
    margin:auto;
    background:white;
    padding:25px 35px;
    border-radius:12px;
    box-shadow:
    0 0 15px rgba(0,0,0,0.15);
}

.form label{
    display:block;
    margin-top:15px;
    margin-bottom:5px;
    font-weight:bold;

}



input,
select,
button{


    width:100%;

    padding:12px;

    font-size:16px;

    border-radius:5px;

    border:1px solid #bbb;

}



input:focus,
select:focus{

    outline:none;

    border-color:#4facfe;

}




button{


    margin-top:25px;

    background:#4facfe;

    color:white;

    border:none;

    cursor:pointer;

    font-size:18px;

}



button:hover{

    background:#008cff;

}





.result{
font-size: 16px;
    margin-top:30px;

    padding:10px;

    background:#fafafa;

    border-left:5px solid #4facfe;

    border-radius:5px;

}





/*
    Таблица подробного решения
*/


.solutionTable{


    width:100%;

    border-collapse:collapse;

    margin:20px 0;


}



.solutionTable th{


    background:#1976d2;

    color:black;

    padding:10px;

}



.solutionTable td{


    border:1px solid #ccc;

    padding:10px;

    text-align:center;

    vertical-align:middle;


}




.solutionTable tr:nth-child(even){

    background:#f5f5f5;

}




/*
    Таблица деления как на calculatori.ru
*/


.divisionTable{


    border-collapse:collapse;

    margin:25px auto;

    font-size:18px;


}



.divisionTable td{


    min-width:45px;

    height:38px;

    text-align:center;

    padding:5px;


}




.divisionTable .numberCell{


    border-right:2px solid #555;

}




.divisionTable .divider{


    border-bottom:2px solid #555;

    font-weight:bold;

}



.divisionTable .quotient{


    border-bottom:2px solid #555;

}



.divisionTable .remainder{


    color:red;

    font-weight:bold;

    font-size:20px;

}



.empty{


    border:none;

}





.direction{


    text-align:center;

    font-size:16px;

    margin-top:15px;

    color:#555;

}



.arrow{


    font-size:30px;

    text-align:center;

}




.finalAnswer{


    margin:20px;

    text-align:center;

    font-size:28px;

    font-weight:bold;

    color:#1976d2;

}




.error{


    color:red;

    font-weight:bold;

    text-align:center;

    padding:20px;

}




.infoBlock{


    background:#eef6ff;

    border:1px solid #b3d7ff;

    padding:15px;

    border-radius:5px;

    margin:15px 0;

}



sup{

    font-size:12px;

}


sub{

    font-size:14px;

}