   .lh-n {
       line-height: normal
   }

   .warning {
       color: #a73809
   }

   .minput {
       position: relative
   }

   #keypad {
       display: none;
       position: absolute;
       top: -28px;
       left: 0;
       font-size: small;
       width: 100%;
       height: 24px;
       background: #eee;
       padding: 2px;
       border-top-left-radius: 4px;
       border-top-right-radius: 4px;
       box-shadow: 0 0 3px #000
   }

   #keypad a {
       color: #eee;
       padding: 1px 8px;
       background: #333;
       margin: 2px;
       vertical-align: middle;
       border-radius: 3px;
       width: 20px;
       height: 20px;
       overflow: hidden
   }

   #keypad.active {
       display: block
   }

   .pl-sm {
       padding: 0
   }

   .label-sm {
       font-size: 12px !important;
       white-space: nowrap
   }

   .load-ex {
       border-radius: 2px 4px;
       font-size: 10px;
       float: right;
       cursor: pointer
   }

   @media(max-width: 576px) {

       [data-tooltip]:hover:after,
       [data-tooltip]:hover:before {
           display: none
       }

       .pl-sm {
           padding: 0 15px
       }

       #keypad a {
           padding: 1px 6px
       }
   }

   .answer {
       text-align: center;
       color: #214a5b;
       font-size: large;
       margin: 20px auto;
       overflow: overlay;
       background: #ececea
   }

   [data-tooltip]:after {
       text-shadow: none;
       font-weight: 400
   }

   .load-ex-box {
       position: relative;
       float: right;
   }

   .ans {
       word-break: break-all;
       font-size: 34px;
       font-family: "KaTaX_Math";
   }

   #ans {
       min-width: 100px;
       padding: 2px;
   }

   #steps h3 {
       font-weight: 600;
       text-align: left;
       font-size: 19px
   }

   #steps h4 {
       text-align: left;
       font-size: 18px;
       font-style: italic;
       margin: 10px 0px;
       text-decoration: underline;
   }

   .random_examples {
       border: 1px solid #979595;
       color: #000;
       cursor: pointer;
       font-size: 11px !important;
       height: 20px !important;
       margin-bottom: -1px;
       border-radius: 3px;
   }

   [data-tooltip]:hover:after,
   [data-tooltip]:hover:before {
       opacity: 1;
       font-weight: 100;
   }

   .text-orange {
       color: #16a085;
   }

   .calculator-section .form-control {
       height: 35px;
   }
