body{
  font-family: 'Montserrat', 'Roboto', 'Arial', sans-serif;
}
div.ncalc-container{
  width:85%;
}
.headerpart-bg{
  background-color:#031f55;
  border-radius: 1rem;
}
.nav-logo{
  font-size:1.5rem;
}
.nav-logo:hover{
  text-decoration: none;
}
.login-terms-text{
  font-size: 0.75rem;
  color: #aaaaaa;
}
table.formula-table{
  display: inline-block;
  width:100%;
  overflow: auto;
}
.formula-image{
  height:15rem;
  width:17rem;
}
.formula-geometry{
  width:22rem;
  min-height: 5rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.prime-factor-table{
  height:32.5rem;
  overflow-y: hidden;
}
table.currency-conv-table{
  font-size: 1.25rem;
  overflow: auto;
  width:100%;
}
table.currency-conv-table tr, table.currency-conv-table td,table.currency-conv-table th{
  border: 1px solid black;
  padding: 0.8rem;
}
.currency-conversion-table{
  text-align: center;
  height:44rem;
  overflow-y: hidden;
}
.load-more-btn{
  margin-left: 2rem;
  width:35rem;
}
span.binary-digit, span.binary-digit-color{
  display: inline-block;
  min-width:2.5rem;
  text-align: center;
}
span.binary-digit-color{
  color:red;
}
table.complement-table{
  width:38rem;
  overflow-x: auto;
}
.complement-table td{
  padding: 1rem;
}
td.com-border{
  border-bottom: 2px solid black;
}
table.formula-table th, table.formula-table td{
  border: 1px solid black;
  padding: 0.5rem;
}
.formula-div{
  width:100%;
  overflow:auto;
  margin-bottom:1.5rem;
}
.worksheet-div h1{
  font-size: 1.8rem;
  padding: 0.5rem;
}
.worksheet {
  padding-left: 5rem;
}
.gp-formula, .content-image-large{
  height:18rem;
}
/*.worksheet-first{
  display: flex;
}*/
.worksheet h1 {
  font-size: 1.8rem;
}
.first-division-worksheet{
  width:60%;
  float: left;
  min-height: 29rem;
  overflow-y: hidden;
}
/* .first-division-worksheet img{
  width: 100%;
} */
.first-division ul.pagination{
  padding: 0rem;
  padding-left: 0.5rem;
  margin-bottom: 0rem;
}
.first-division ul.pagination li a{
  font-size:1rem;
}
.second-division-worksheet{
  width:35%;
  float: left;
  padding-left:1rem;
  margin-top:1rem
}
div.worksheet-related-links,div.ws-realated-links{
  padding: 1rem;
  font-size:1.25rem;
  display: inline-block;
  width:100%;
}
.ws-realated-links{
  height: 22rem;
  overflow-y: auto;
}
div.worksheet-related-links a,div.ws-realated-links a{
  color:#031f55;
}
div.ws-realated-links li{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.worksheet-list li{
  font-size: 1.25rem;
  width:25%;
  padding-right: 1rem;
  float: left;
}
.worksheet-test{
  width:65%;
}
.content-list{
  text-decoration: underline;
  padding-left: 2rem;
}
/* ul.more-chart{
  padding-left: 1rem;
} */
div.currency-table{
  width:45%;
  display: inline-block;
}
ul.more-chart li{
  list-style :none;
  width:47%;
  display : inline-block;
}
ul.mutiplication-table li{
  list-style :none;
  width:16%;
  display : inline-block;
}
ul.fraction-chart-list{
  width : 45%;
  display: inline-block;
  padding: 0rem;
  padding-left: 1rem;
  /* white-space: nowrap; */
}
ul.currency-list{
  display: inline-block;
  padding: 0rem;
  padding-left: 1rem;
}
ul.currency-list li{
  padding-left: 1rem;
  width : 25%;
  display: inline-block;
}
.image-url li{
	float:left;
  padding-right:1rem;
	padding-left:0.5rem;
	width:25%;
	padding-top:0.25rem;
}
.image-url li img{
	max-width: 100%;
	height:10rem;
	display: block;
}
.image-url li a{
	color:#031f55;
	display: block;
}
ul.fraction-chart-list li, ul.currency-list li{
  list-style :none;
}
ul.fraction-chart-list li{
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.currency-list a{
  color: #363535cf;
}
ul.fraction-chart-list li a{
  color: #031e55;
}
ul.currency-list span{
  padding-top: 1rem;
}
ul.more-chart img{
  width: 27rem;
}
ul.mutiplication-table img{
  width: 10rem;
}
ul.more-chart span{
  display: block;
}
.table th{
  border-top: none !important;
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th{
  border-color: #ece8e8;
}
.table-info, .table-info>td, .table-info>th{
  border-color: #ece8e8;
}
.table-warning, .table-warning>td, .table-warning>th{
  border-color: #ece8e8;
}
ul.unstyled{
  list-style: none;
}
.table-info td, .table-success td ,.table-warning td{
  text-align: left;
}
span.heading{
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: underline;
}
div.logo-div{
  display: table;
  width: 100%;
}
.worksheet-related-links li{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.logo-div span.inner-logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div.category-div h1{
  font-size: 1.4rem;
  font-weight: 600;
}
.navbar-toggler:focus{
  outline: none;
}
.btn:focus, .btn:active {
    outline: none !important;
    border-color: #031e55;
    box-shadow: none;
}
.custom-select:focus{
  border-color: #031e55;
  box-shadow:1px 1px 0px 0.2rem rgba(3, 30, 85, 0.1);
}
div.login-page{
  min-width: 297px;
  max-width: 320px !important;
  height: 90vh;
  overflow: hidden;
}
div.login-section{
  border: 2px solid #031f55;
  border-radius : 1rem;
  margin-top: 1rem;
}
div.login-header{
  background-color: #031f55;
  color: #fff;
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.text-area:active{
  outline: none !important;
}
textarea:active{
  outline:none;
  -webkit-appearance:none;
}
.dropdown-list{
  padding: 1rem;
  width:100%;
  background-color: #fa67b8b0;
}
.alert-box{
  padding:0.5rem;
  background:#f5c6cb;
  color:#721c24;
  border-color:#f5c6cb;
  border-radius: 1rem;
  display: inline-block;
}
.no-space{
  margin-left: -30px;
  margin-right: -30px;
}
.no-padding{
  padding-left: 0;
  padding-right: 0;
}
.no-border{
  border:none !important;
}
.sticky-start{
  position: absolute;
}
.sticky-start-bottom{
  top:unset !important;
  bottom:0
}
.sticky-start-fixed{
  position: fixed !important;
}
.disclaimer-box{
  min-height:38.9rem
}
div.navigation-height{
  max-height:25rem;
  overflow: auto;
}
div.main-width{
  max-width: 100%;
  flex: 0 0 100%;
  position: relative;
  width:100%;
}
.chart-input{
    border-radius: 0.5rem;
    border-style:groove;
    outline: none;
    width: 10%;
    text-align: center;
}
div.search-result{
  min-height:400px;
}
span.result-disp{
  background-color: #031f55;
  display: inline-block;
  color:#fff;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 1.25rem;
}
#search_btn{
  cursor: pointer;
  padding: 1rem 0.5rem 1rem 0.5rem;
}
.content-table-div{
  overflow-y: auto;
  height: 28rem;
}
.content-table{
  width:100%;
}
div.dropdown-float{
  margin-left: -8rem;
}
span.unit-display{
  float: right;
  margin-top: -2.5rem;
}
.search-icon{
  font-size: 150%;
  float:right;
  cursor: pointer;
}
.search-text{
  width:100%;
  min-height:25%;
  outline: none;
}
div.nc-card-deck{
  margin-left: 5rem;
  margin-right: -15px;
  display: flex;
  flex-flow: row wrap;
}
div.nc-card-deck .nc-card{
  width:25%;
  min-height: 10rem;
}
.nc-card{
  display: flex;
  align-items: center;
  background-color:#031f55;
  position: relative;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 2.5rem;
}
div.nc-card-body{
  flex:1 1 auto;
  padding: 1.25rem;
}
span.category-text{
  font-size: 1.5rem;
  font-weight: 500;
  color:#fff;
  text-align: center;
}
div.search-calc{
  width:100%;
  min-height: 3rem;
  display: flex;
  margin-bottom: 0;
  align-items: flex-end;
}
.homepage-text{
  font-size: 150%;
}
.homepage-text-category{
  margin-left:7%;
}
.content-div h2{
  text-decoration: underline;
}
.category-content h1, .content-div h2{
  font-size:1.5rem;
}
table.number-conversion-table th, td{
  text-align: center;
}
div.sub-header{
  width:85%;
  position: relative;
  display: flex;
  align-items: center;
  border:3px solid #031f55;
  border-radius: 1rem;
  background: #fff;
}
.sub-header-search{
  font-size: 1.5rem;
  width:100%;
  padding: 1rem 0.5rem 1rem 0.5rem;
  font-weight: 400;
  color:#495057;
  border-style: none;
  outline: none;
}
.form-control:focus{
  border-color: #031f55;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control select:focus{
  border-color: #031f55;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.icon{
  font-size: 200%;
  opacity:0.5
}
.nc-card-body a{
  color: #fff;
}
.navbar-collapse .collapse .show{
  outline: none;
  border: none;
}
.btngroup-btns{
  border-radius: 0;
  background-color: #031f55;
  color:#fff;
}
.date-span{
  width: 13rem;
  font-size: 1.25rem;
  border: 2px solid #031f55;
  border-radius: 1rem;
  outline: none;
}
div.main-div-category{
  margin-left: 8%;
}
.first-division{
  border:3px solid #031f55;
  border-radius: 1rem;
}
.power-box{
  margin-top: -2rem;
}
.section1{
  width:70%;
  padding-left: 1.5rem;
  padding-right: 1.2rem;
  position: relative;
}
.bottom-section1{
  width:70%;
  max-width: calc(100% - 300px);
  padding-left: 1.5rem;
  padding-right: 1.2rem;
}
.section2{
  width:30%;
  min-width: 348px;
  position: absolute;
  bottom:0;
  right: 0;
  background-color: #ecedf2;
}
.bottom-section2{
  width:30%;
  min-width:300px;
}
div.category-div{
  width:100%;
  display: flex;
  flex-direction: row;
}
div.calc-btn{
  width:12rem;
  height:6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #031f55;
  border-radius: 1rem;
  outline: none;
}
div.calc-btn-mobile{
  width:55rem;
  height:4rem;
  display: flex;
  align-items: center;
  background-color: #031f55;
  border-radius: 1rem;
  outline: none;
  justify-content: center;
}
ul.formula-list{
  padding-left:1rem;
  list-style:none;
}
ul.formula-list span.formula-title{
  text-decoration: underline;
  font-size: 1.25rem;
}

div.calculation-div{
  display: flex;
  justify-content: center;
}
.calc-workout-btn:hover, .btngroup-btns:hover, .calc-workout-btn-mob:hover{
  color:#fff;
  outline: none !important;
}
img.fraction-img{
  height: 5rem;
}
img.tips-fraction-img{
  height: 8rem;
  width:45%;
}
img.tips-multiplication-img{
  width: 50%;
  height: 20rem;;
}
img.tips-subtraction-img{
  width: 100%;
  overflow: auto;
}
.calc-workout-btn{
  color:#fff;
  font-size: 1.35rem;
  cursor: pointer;
}
div.ncalc-first-section{
  border:3px solid #031f55;
  border-radius: 1rem;
  border-top-left-radius: 0;
  min-height: 440px;
}
div.enable-border{
  border-top-left-radius : 1rem !important;
}
.chart-h1{
  font-size: 1.6rem;
}
span.chart-span{
  font-size:1.2rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.interest-table-heading{
  margin-left: 1rem;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
div.statistics{
  height: 30rem;
  overflow-x: hidden;
  overflow-y: scroll;
}
div.ncalc-second-section{
  width:330px;
  height:477px;
  border:3px solid #031f55;
  border-radius: 1rem;
}
div.ncalc-second-section-statis{
  /*height:422px;*/
}
.selcet-div{
  width:100%;
}
.second-division{
  width:300px;
  height:600px;
  border:3px solid #031f55;
  border-radius: 1rem;
}
.page-item.disabled .page-link, .page-item.disabled .page-link:hover, .first-division ul.pagination li a, .first-division ul.pagination li a:hover{
  text-decoration: none;
}
.first-division ul{
  padding-top:1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.multiplication-table ul{
  width: 33%;
  display: inline-block;
}

.first-division ul li, .multiplication-table ul li{
  margin-bottom: 1rem;
}
.first-division ul li a, .multiplication-table ul li a{
  font-size: 1.5rem;
  color: #363535cf;
  font-weight: 700;
  text-decoration: underline;
}
.first-division ul li a{
  text-decoration: none;
}
.first-division ul li a:hover{
  text-decoration: underline;
}
.multiplication-table ul li a{
  font-size: 1.2rem;
  color: #031f55;
}
ul.fraction li a{
  font-size: 1.1rem;
  color: #363535cf;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 0.2rem 1.1rem;
  border-radius: 1.1rem;
}
ul.fraction li{
  margin-bottom: 1rem;
  padding-right: 0.5rem !important;
}
.content-div a{
  font-size: 1.25rem;
  color: #031e55;
  /*font-weight: 700;
  text-decoration: underline;*/
}
.center{
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.first-division ul li span.calc-content{
  display: flex;
  justify-content: flex-start !important;
  font-size: 1.25rem;
  color: #3c3c3cf0;
}
div.search-result .calc-content{
  display:block !important;
}
div.search-desc{
  width:100%;
}
div.search-desc span.search-thumbnail img{
  width:auto;
  height:auto;
  max-width: 100%;
}
div.search-desc span.search-thumbnail{
  width:20%;
  float:left;
  max-width: 20%;
}
div.search-desc span.search-desc{
  width:80%;
  float:left;
  padding-left:0.25rem;
}
a.search-result-link{
  font-size:1.2rem;
  text-decoration: underline;
}
ul.unit-conversion{
  list-style :none;
  display: inline-block;
}
.calc-related-links{
  background: #031e5514;
}
.calc-related-links a{
  color:#031e55 !important;
}
ul.unit-conversion li{
  display: inline-block;
  float: left;
  background-color: #01579B;
  padding: 0.5rem;
  margin-right:1rem;
  margin-bottom:1rem;
  border-radius: 0.5rem;
}
ul.unit-conversion li a{
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
}
ul.unit-conversion li a:hover{
  text-decoration: underline;
}
span.related-links{
  text-decoration: underline;
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.worksheet-digit{
  padding-top: 10px;
  height: 100%;
  width: 100%;
  text-align: right;
  float: right;
}
.worksheet-digit-symbol{
  text-align: center;
}
span.calc-content::before{
  margin-left: 1rem;
  width:5%;
  content: '  ';
}
span.calc-content{
  display: block;
  font-size: 125%;
  color: #3c3c3cf0;
}
div.category-box{
  border:3px solid #031f55;
  border-radius: 1rem;
}
div.category-title{
  border: 3px solid #031f55;
  border-radius: 1rem;
  padding: 0.6rem 0rem 0rem 0.5rem;
  background-color:#fff;
}
.category-select, .sub-category-select, .unit-option-select{
  border-radius: 0.8rem;
  font-size: 1.5rem;
  border: 3px solid #031f55;
}
.unit-option-select{
  border: 2px solid #031f55;
}
.sub-category-select{
  padding-top: 3px;
}
.category-select{
  border-top: none;
  border-left:none;
  border-right: none;
}
select:active{
  outline: none;
}
.inputbox, .inputbox-small,.inputbox-large, .inputbox-small-radical {
  width:7rem;
  font-size: 1.5rem;
  border: 2px solid #031f55;
  border-radius: 1rem;
  outline: none;
  padding: .375rem .15rem;
}
.inputbox-small, .inputbox-small-radical{
  width:4.5rem;
  padding: 0;
  margin-bottom: 0.5rem;
}
.inputbox-small{
  padding: 0.375rem 0.15rem;
}
.inputbox-large{
  width:10rem;
  padding: 0;
}
.output-text{
  text-align: center;
}
.input-text{
  padding-left: 4rem;
}
.input-text-statits,.input-text,.output-text, .input-geometry{
  font-size: 1.5rem;
  font-weight: 500;
  /*color:grey !important;*/
}
.input-div{
  display: flex;
  align-items: center;
}
.formula{
  font-size: 150%;
  text-align: center;
}
div.env-formula{
  width: 30rem;
}
div.env-formula img,img.finance-chart-img{
  width:100%;
  height:auto;
}
.ansbox{
  border: 2px solid #031f55;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
}
.outputbox, .outputbox-fact, .outputbox-large, .outputbox-stats, .matrix-outputbox{
  width:27rem;
  border: 2px solid #031f55;
  border-radius: 1rem;
  padding: 0.5rem 0rem 0.5rem 0rem;
  margin-left: 1rem;
}
.outputbox-large{
  width:35rem;
}
.outputbox-stats{
  width:33rem;
}
.outputbox-fact{
  width:55%;
}
.output-div{
  display: flex;
  align-items: center;
}
div.bottom-div{
  width:900px;
  height:90px;
  border: 2px solid #031f55;
  border-radius: 1rem;
}
.embd-btn{
  cursor: pointer;
  float: right;
  padding-right: 1rem;
  display: none;
}
.statistics-dataset{
  font-size:1.35rem;
  background-color:#031f55;
  display: inline-block;
  border-top-left-radius: 0.8rem;
  border-top-right-radius:0.8rem;
  padding-left: 0.8rem;
  padding-right: 2rem;
  color: #fff;
}
.text-area{
  border: 2px solid #031f55;
  border-radius: 1rem;
  border-top-left-radius: 0rem;
}
.statistics-label{
  float:right;
}
button.settings-btn{
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius:0;
}
button.notes-btn{
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0;
}
.btn-topleftradius{
border-top-right-radius: 0.8rem;
}
#notes_alert{
  display:none;
}
.currency-btn{
  cursor: crosshair !important;
}
.swap{
  cursor: pointer;
  color: #031f55;
}
.image-class{
  width:12rem;
}
.image-class img{
  width:100%;
  height:100%;
}
.midpoint-image1, .content-image{
  height:15rem;
}
.midpoint-image2{
  height:6rem;
}
.slope-image{
  width:20rem;
  height:12rem;
}
.ncalc-border-box{
  border: 2px solid #031f55;
  border-radius: 1rem;
}
.steps-div, .content-div{
  font-size: 1.25rem;
  padding: 0.8rem;
}
.footer-section{
  padding: 1rem;
  background-color: #031f55;
  color:#fff;
  font-size: 1rem;
}
.footer-section a{
  color:#fff;
}
div.subcategory-section{
  width:100%;
}
div.first-sub-section{
  width:70%;
  float: left;
}
div.sub-section{
  margin-top: 1rem
}
div.second-sub-section{
  margin-top: 1rem;
  padding-left: 2.8rem;
}
div.sub-section h2, div.second-sub-section h2, div.second-sub-section h3, div.second-sub-section h4 {
  font-size: 1.5rem;
  text-decoration: underline;
  font-weight: 600;
}
.bottom-stuff {
  position: relative;
}
.bottom{
  position: absolute;
  bottom: 0px;
}
.xbar{
  border-top: 2px solid black;
  padding-top: 4px;
}
.small-symbol{
  font-size: 175%;
}
.text{
  font-size: 1.5rem;
}
.radical-text{
  display: flex;
  align-items: center;
}
.root-symbol{
  font-size: 300%;
}
.braket{
font-size: 200%;
}
.squareroot-top,.algebra-squareroot-top{
  margin-top: 0;
  padding-top: 8px;
  border-top:2px solid black;
}
.algebra-squareroot-top{
  margin-left: -6px;
}
.radical-set{
  display:inline-flex;
  margin-top:10px;
}
span.output-unit{
  padding-left: 0.5rem;
  font-size: 1.1rem;
  /*color: gray;*/
}
table.fraction-decimal{
  font-size: 1.2rem;
}
/* Steps */
.step-text{
  text-decoration: underline;
  font-weight:bold;
}
.fraction-division, .fraction-top, .fraction-bottom {
    padding: 0.5rem 0;
}
.fraction-division {
    display: inline-block;
    text-align: center;
		margin-top:7px;
}
.fraction-bottom{
    border-top: 2px solid #031f55;
    display: block;
}
table.binary-table{
  text-align: center;
  width:25rem;
}
table.binary-table td:first-child{
  font-size: 1.25rem;
  margin-top: 3px;
  text-align: right;
  border: none !important;
  border-right: 2px solid #031f55 !important;
  width: 4rem;
}
table.binary-table td:last-child{
  text-align: left;
  border: none !important;
}
table.binary-table td:first-child+td{
  margin-top: 3px;
  border: none !important;
  border-bottom: 2px solid #031f55 !important;
  border-right: 2px solid #031f55 !important;
}
table.binary-table tr:last-child td:first-child+td{
  border-bottom: none !important;
}
table.interest-table{
  font-size: 1.25rem;
  margin-left: 2rem;
  display: inline-block;
  overflow: auto;
}
.stats-steps-tbl{
  overflow: auto;
  margin-right: 1rem;
}
.interest-margin{
  margin-right: 1rem;
  max-height: 250px;
  overflow: auto;
}
table.interest-table td,table.interest-table th,table.mortgage-table td,table.mortgage-table th{
  border: 1px solid #031f55;
  padding: 0.5rem 0.5rem;
}
table.mortgage-table{
  display: inline-block;
  overflow: auto;
  width:32rem;
}
.decimal{
  width:auto;
}
.binary{
  width:20rem;
}
.wholenum{
  display: block;
  float: left;
  margin-top: 4rem;
  margin-right: 1rem;
}
.image-formula{
  width:15rem;
}
.numerator, .denominator {
    padding: 0 5px;
}
.root-symbol{
  font-size: 301%;
}
.squareroot-top{
  margin-top: 0;
  padding-top: 9px;
  border-top: 2px solid #000;
  display: inline-block;
}
.x-bar{
	border-top:#000 1px solid;
	font-size: 20px;
  display: inline-block;
}
.sup{
  display: block;
  float: left;
}
.fraction{
  display: inline-block;
}
.numerator,.denominator{
  display: block;
  text-align: center;
}
.denominator{
  border-top: 2px solid black;
  display: block;
}
.symbol-center, .symbol-bracket {
  margin-top:-35px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px;
  font-size:1.25rem;
}
.symbol-bracket{
  font-size:3rem;
}
div.vector-box{
  width:6rem;
}
span.vector-unit{
  font-size: 1.35rem
}
div.main-div-padding{
  padding-left: 4rem;
}
div.absolute-class{
  position: absolute;
  bottom: 1rem;
}
.ncad-llb, .ncad-mr, .ncad-lr, .ncad-vb, .ncad-mb, .ncad-lu, .ncad-resp, .ncad-resp-leader{
  padding:5px;
  text-align:center;
  margin:auto;
}
.ncad-llb{
  width:980px;
  height:100px;
}
.ncad-hb{
  height:260px;
}
.ncad-resp{
  max-height: 350px;
  min-height: 0;
  min-width:320px;
}
.ncad-resp-leader{
  min-height: 0;
  max-height:120px;
  max-width: calc(100% - 10px);
}
.ncad-mr{
  width:310px;
  height:260px;
}
.ncad-lr{
  width:346px;
  height:290px;
}
.ncad-vb{
  width:310px;
  height:610px;
}
.ncad-mb{
  width:330px;
  max-height:110px;
}
.ncad-lu{
  display:block;
  width: 100%;
  height:55px;
}
.nc-topright{
  text-align:center
}
.nc-topright .loginBtn{
  margin:0.2rem;line-height:2.2rem;
}
.no-pading-margin{
  padding:0;
  margin:0;
}
.inputDropDown,  .input-val, .settings-input-val,.settings-inputDropDown{
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 2px;
  border: 2px solid #031f55;
  text-align: left;
  cursor: pointer;
}
.input-val,.settings-input-val{
  border-radius: 0.5rem;
  width: 50%;
}
.li-selector,.settings-li-selector{
  max-height: 20rem;
  overflow: auto;
  list-style-type : none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.currency-search-box,.settings-search-box{
  display:none;
  position: absolute;
  z-index: 10;
}
.li-selector .flag-text,.settings-li-selector .settings-flag-text{
  display:none;
}
.input-area .flag-text,.settings-input-area .settings-flag-text{
    color: #031f55;
    text-align: center;
}
.input-area .flag-text:after,.settings-input-area .settings-flag-text:after{
  /* float:right; */
  margin-left: .255em;
  vertical-align: .200em;
  margin-top: 1rem;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  /* text-align: right; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

table.chart-table td{
  text-align: left !important;
}
.inputDropDown{
  margin-bottom:0px;
  font-size:1.2rem;
}
span.unit-text{
  font-size:1.2rem
}
.li-selector .flag-text-toggle{
  display: block;
  padding-top: 4px;
  font-size: 1.8rem;
  margin-top:-57px;
}
.li-selector li,.settings-li-selector li{
  border: 1px solid #140082e8;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding:3px 3px 0px 3px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 1rem; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
  text-align:left;
}
.settings-input{
  border : 2px solid #031f55 !important;
}
.settings-button{
  background: #031f55;
  border: #031f55;
  color: #fff;
}
.settings-button:hover{
  color: #fff;
  outline: none;
}
#alert,#history{
  display: none;
}
.history-input{
  display: inline-block;
  width: auto;
}
#modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 1;
}
.worksheet-tag{
  list-style: none;
}
.breadcrumb,.worksheet-tag{
  padding: .25rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size:1rem !important;
  background: none;
}
.breadcrumb a,.worksheet-tag a{
  color: #031f55 !important;
  font-size:1rem;
  border: 2px solid #031f55;
  padding: 0.3rem 0.5rem;
  border-radius: 0.8rem;
}
.worksheet-tag li{
  display: inline-block;
}
.breadcrumb a:hover,.worksheet-tag a:hover{
  text-decoration: none;
  background: #031f55;
  color: #fff !important;
}
.feedback-input{
  width:100% !important;
  text-align:left !important;
  padding-left:10px;
}
textarea.feedback-input{
  height:15rem;
}
#social {
  padding: 0px 10px;
  border: none;
  color:#fff;
  position: fixed;
  bottom: 6px;
  right: 12px;
  display: block;
    font-size:2.5rem;
    border-radius:1rem;
    cursor: pointer;
}
#social div{
  cursor: pointer;
}

.social_reddit{
  color:#e9403366;
}
.social_facebook{
  color: #4267b280;
}
.social_pinterest{
  color: #e60023;
}
.social_pinterest:hover{
  color:#ad081b;
}
.social_reddit:hover{
  color:#e94033;
}
.social_facebook:hover{
  color: #4267b2;
}
#to_top {
  position: fixed;
  bottom: 6px;
  right: 12px;
    display: none;
    font-weight: bold;
    font-size:2rem;
    border-radius:1rem;
    cursor: pointer;
}
div#to_top div{cursor:pointer;position:relative;margin:0 auto;height:60px;width:60px;border:3px solid #FFF;border-radius:1rem;background-color:#031e55}
div#to_top div:before,div#to_top div:after {content:'';position:absolute;top:24px;width:18px;border:2px solid #FFF;transition:all 0.3s;-webkit-transition:all 0.3s;}
div#to_top div:before {transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);left:9px;}
div#to_top div:after {transform:rotateZ(-45deg);-webkit-transform:rotateZ(45deg);left:22px;}

.calculation-area{
  margin:0.5rem 1rem;
  font-size: 1.1rem;
  border: 1px solid #031e55;
  border-radius: 1.25rem;
  padding:0.5rem 0;
}
.history-action{
  position: absolute;
  right:17px;
  top:-8px;
  font-size: 0.8rem;
}
.calc-name-history{
  position: relative;
  font-size: 1.5rem;
  text-decoration: underline;
  padding-bottom: 0.5rem;
}
.history-action .timestamp{
  padding:0.25rem;
  font-size: 0.8rem;
}
.history-action .open-incalc, .history-action .delete-notes{
  font-size: 1.1rem;
  color:#031e55;
  cursor: pointer;
  padding-left:0.2rem;
}
.undo_notes{
  text-align:right;
  padding-right:10px;
  display: none;
}
.undo_notes span{
  display:inline-block;background-color:#031e55;border: 2px solid #fff;color:#fff;padding:0 1.2rem;border-radius:1.2rem;cursor:pointer
}
.input-history, .output-history{
  margin-left: auto;
  vertical-align: middle;
}
.output-history div{
  width: 100%;
  padding-left:2rem;
  min-height: 3rem;
}
.output-history{
  padding-left:0;
}
.output-history div span{
  font-size:1.1rem;
  width:45%;
  display: block;
  float:left;
  text-align: center;
  padding:0.5rem 0rem;
  border:1px solid #000;
  border-radius: 1.25rem;
  margin-bottom: 0.5rem;
  margin-left: 5%;
}
.output-history div span:first-child{
  border:none;
  text-align: left;
  margin-left: 0;
  width: 50%;
}
.output-history div span.nofield-output{
  width: 95%;
  border:1px solid #000;
  margin-left: 5%;
  text-align: center;
}
.input-history div{
  display: block;
  width: 100%;
}
.input-history div span{
  font-size:1.1rem;
  text-decoration: underline;
  margin-bottom: 0.5rem;
  padding-left:1rem;
}
.input-history div span:first-child{
  border:none;
  margin-left: 0;
  text-decoration: none;
  padding-left:0;
}
.input-history div span:nth-child(2){
  /*display: inline-block;*/
}
.calculation-area .error-info{
  padding:1.25rem;
  min-height: 10rem;
}
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #031f55;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 24px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
span.settings-alert{
  padding: 1rem;
  border : 1px solid blue;
  background: yellow;
}
#login-popup .animate, #settings-popup .animate,#setting_login .modal-content {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0) translate(-50%, -50%);}
  to {-webkit-transform: scale(1) translate(-50%, -50%);}
}
@keyframes animatezoom {
  from {transform: scale(0) translate(-50%, -50%)}
  to {transform: scale(1) translate(-50%, -50%)}
}
/* Login buttons */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  padding: 0 10px 0 40px;
  border: none;
  line-height: 3rem;
  white-space: nowrap;
  border-radius: 1.25rem;
  font-size: 1.1rem;
  color: #FFF;
  cursor: pointer;
  margin-bottom:1rem;
  width:17rem;
  text-align: center;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  text-shadow: 0 -1px 0 #354C8C;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('../icons/icon_facebook.png') 7px 0.6rem no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}
/* Google */
.loginBtn--google {
  background: #488ef1;
  box-shadow: 0 2px 4px 0 rgba(0,0,0);
  font-family: Roboto,arial,sans-serif;
  border: 1px solid #488ef1;
  margin-bottom: 2.5rem;
}
.login-logo{
  margin-top: 2rem;
}
.loginBtn--google:before {
  background: url(../icons/icon_google.svg) 7px 0.6rem no-repeat;
  background-color: #fff;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  background-position: center;
  width: 46px;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #1a6de2;
}
.pdf-symbol{
  display: flex;
  float: right;
  cursor: pointer;
}
/**/
#login-popup, #settings-popup,#setting_login {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color:rgba(28, 29, 31, 0.9);
}
#setting_login{
  display: block;
}
#success_btn{
  display: none;
}
#settings-popup{
  display: block;
}
#login-popup .modal-content ,#settings-popup .modal-content,#setting_login .modal-content{
  max-height: 95vh;
  overflow-x: auto;
}
#login-popup .modal-content,#settings-popup .modal-content,#setting_login .modal-content {
    background-color: #fefefe;
    margin: 5% auto 5% auto;
    border: 1px solid #888;
    max-width: 320px;
    border-radius: 1.3rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
#settings-popup .register-caption{
  font-size: 1.4rem;
  font-weight: 600;
}
#settings-popup .modal-content {
  max-width: unset;
  overflow-x: hidden;
}
div.home-link ul li{
  list-style: none;
  font-size: 1.4rem;
}
div.home-link ul li a{
  color: #031f55;
}
div.times-table{
  width:32%;
  display: inline-block;
  padding-left: 2rem;
}
.twin-table{
  border: 2px solid #031f55;
  width: 19rem;
  border-radius: 1.25rem;
  font-size:1.5rem;
  padding-right:1rem;
}
div.single-times-table{
  width: 49%;
  display: inline-block;
  padding-left: 1rem;
}
table.times-tables,table.single-times-tables{
  border:2px solid #031f55;
  width:19rem;
  border-radius:1.25rem;
  border-collapse: collapse;
  display:block;
  text-align:center;
  font-size:1.5rem;
}
table.single-times-tables{
  width:15rem;
}
table.times-tables th,table.single-times-tables th{
  border-top-left-radius:1.8rem;
  border-top-right-radius: 1.8rem;
}
table.times-tables td,table.times-tables th{
  padding: 1rem 0rem 1rem 0rem;
}
table.single-times-tables td, table.single-times-tables th{
  padding: 0.5rem 0rem 0.5rem 0rem;
}
table.times-tables tr:last-child,table.single-times-tables tr:last-child{
  border-bottom: none;
}
table.times-tables td:last-child,table.single-times-tables td:last-child{
  width: 9rem;
}
table.times-tables td:first-child,table.single-times-tables td:first-child{
  width: 4rem;
}
table.times-tables td:first-child+td+td,table.single-times-tables td:first-child+td+td{
  width: 4rem;
}
div.google-classroom{
  float:right;
  padding-right:2px;
  position: absolute;
  right: 20px;
  opacity: 0.9;
}
div.google-classroom:hover{
  opacity: 1;
}
div.download-calculation{
  float:right; width:36px;height: 36px;cursor:pointer;margin-top: -1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23031f55' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-4.65 4.65c-.2.2-.51.2-.71 0L7 13h3V9h4v4h3z'/%3E%3C/svg%3E");
}
div.download-calculation:hover{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23031f55' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zm-5.55-8h-2.9v3H8l4 4 4-4h-2.55z'/%3E%3C/svg%3E");
}
div.calc-name{
  float:left;
  width:calc(100%);
}
.canvas-logo{
  text-align: right;
  padding: 0.25rem;
  display:none;
}
#canvas_img{
  max-height: 85vh;
  overflow: auto;
  background-color: #fff;
}
#download_calculatorimg .container{
  width: auto;
  background-color: #fff;
  padding: 0;
  border-radius: 1.25rem;
  margin-top: 2vh;
  height: calc(85vh + 52px);
}
#download_calculatorimg .action-btn{
  position: absolute;
  bottom: 50px;
  margin: auto;
}
#download_calculatorimg .modal-content{
  background-color: inherit;
}
#download_calculatorimg .img-action{
  color: #fff;
    background-color: #031d55;
    padding: 0rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.25rem;
}
#download_calculatorimg .img-action:hover{
  text-decoration: none;
}
.ncalc-first-section{
  background-color: #fff;
}
/*div.times-table table{
  font-size: 1.5rem;
}
div.times-table table th, td{
  text-align: center;
}
div.times-table table tr{
  border: none;
}
div.times-table table td.border-less{
  border-bottom:1px solid #dee2e6 !important;
}
div.times-table table thead{
  background-color: #48c5af;
  text-align: center;
  color: #fff;
}*/
/* Matrix */
.matrix-span{
  display: inline-block;
  padding-left: 0.5rem;
  border-left: 2px solid #031f55;
  border-right: 2px solid #031f55;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
}
span.span1, span.span2, span.span3, span.span4{
  position: absolute;
  width: 1rem;
  border-top: 2px solid #031f55;
}
span.span1{
  top : 0;
  left :0;
}
span.span2{
  left : 0;
  bottom:0;
}
span.span3{
  right : 0;
  bottom:0;
}
span.span4{
  right : 0;
  top:0;
}
.matrix-box{
  margin-bottom: 0.25rem;
  width:5rem;
  padding: .375rem .75rem;
  font-size: 1.2rem;
  border: 1px solid #031f5547;
  border-radius: 1rem;
  outline: none;
  text-align: center;
}
input[type="text"][disabled]{
  background-color:#fff;
}
.matrix-outputbox{
  padding: 1rem 0.5rem;
  width:40rem;
}
.generate-btn{
  background-color: #031f55;
  color: #fff;
}
.generate-btn:hover{
  color: #fff;
}
span.mob-times-link a{
  padding:1rem 1rem;
  border:2px solid #031f55;
  color: #031f55;
  margin-right: 0.5rem;
  border-radius: 1.25rem;
  font-size: 1.2rem;
}
span.mob-times-link a:hover{
  background-color: #031f55;
  color:#fff;
  text-decoration: none;
}
.table-suggestions{
  width:100%;
  font-size:0.9rem;
  margin-top:-2px;
}
.table-suggestions span{
  color:#007bff;
  padding-right:0.5rem;
  cursor: pointer;
}
.table-suggestions span:hover{
  text-decoration: underline;
}
.table-suggestions span:before{
  content:'#';
  color:#031f55;
  text-decoration: none;
}
#share_gclassroom{
  background-color:#031f55;
  color:#fff;
  border-radius: 1.25rem;
  padding: 0.5rem;
  width:70%;
  min-width:300px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}
span.binary-inp-step{
  min-width: 3.5rem;
  display: inline-block;
  text-align: center;
}
#consent{
  position: fixed;
  bottom: 0;
  padding-top: 3px;
  background-color: #c9d6ef;
  display: block;
  width: 100%;
  z-index: 1;
  box-shadow: inset 0px 5px 2px 0px rgba(226, 230, 236, 0.3);
}
.menu-disp{
  margin-top:10px;margin-right:15px;width:730px;float:right;min-height:100px;
}

/* End */
@media screen and (max-width: 1200px) {
  .input-text{
    padding-left: 2rem;
  }
  .inputbox{
    width:6rem;
  }
  .outputbox,.outputbox-stats{
    width:23rem;
  }
  .image-class{
    width: 10rem;
    float: right;
  }
  .outputbox-large{
    width:30rem;
  }
  .matrix-outputbox{
    width:33rem;
  }
  div.times-table{
    padding-left: 1rem;
  }
  table.times-tables{
    width:15rem;
  }
}
@media screen and (max-width:1024px) {
  div.ncalc-container{
    width:100%;
    max-width: 100vw;
  }
  .headerpart-bg{
    border-radius: 0;
  }
  div.category-div h1{
    font-size: 1.3rem;
  }
  .category-select, .sub-category-select, .input-text-statits, .input-text, .output-text, .input-geometry{
    font-size: 1.35rem;
  }
  .calc-workout-btn{
    font-size: 1.3rem;
  }
  div.second-sub-section{
    margin-top: 2rem;
    padding-left: 1.5rem;
  }
  .section1{
    width:67%;
    padding-left: 0;
  }
  .statistics-dataset{
    font-size: 1.25rem;
  }
  .inputbox{
    width:6rem;
  }
  .image-class{
    float: none;
  }
  div.solution{
    max-width: 1024px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .matrix-outputbox{
    width:38rem;
  }
  div.times-table{
    padding-left: 1rem;
  }
  table.times-tables{
    width:17rem;
  }
}
@media screen and (max-width:992px) {
  .ncad-mb{
    width:100%;
    text-align: center !important;
  }
  .section1{
    width:100%;
    padding-right: 0;
  }
  .bottom-section1{
    width:100%;
    padding: 0;
  }
  .section1, .bottom-section1{
    max-width:100% !important;
  }
  .second-division-worksheet{
    padding-left:0;
  }
  div.ncalc-first-section{
    min-height: auto;
  }
  div.second-sub-section{
    margin-top: 0.5rem;
  }
  .second-division-worksheet, .first-division-worksheet{
    width:100%;
  }
  .section2, .bottom-section2{
    display: none;
  }
  .calc-workout-btn-mob{
    cursor: pointer;
    color:#fff;
    font-size: 1.25rem;
  }
  div.solution{
    max-width: 992px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  div.times-table{
    padding-left: 0.5rem;
  }
  table.times-tables{
    width:15rem;
  }
  div.search-desc span.search-thumbnail{
    width:100%;
    float:left;
    max-height: 5rem;
  }
  div.search-desc span.search-desc{
    width:100%;
    float:left;
    padding-left:0.25rem;
  }
  .ncad-lu{
    height:95px;
  }
}
@media screen and (max-width:768px) {
  .mob-split{
    display:block;
  }
  div.ncalc-first-section{
    min-height:auto;
  }
  div.category-div h1{
    font-size: 1.2rem;
  }
  table.single-times-tables{
    width: 15rem;
  }
  .multiplication-table ul{
    width: 47%;
  }
  ul.more-chart{
    padding-left: 0.5rem;
  }
  ul.more-chart img{
    width: 18rem;
  }
  .category-select, .sub-category-select, .input-text-statits, .input-text, .output-text{
    font-size: 1.35rem;
  }
  .input-text{
    padding-left: 3rem;
  }
  .nav-logo{
    font-size: 1.2rem;
  }
  .statistics-dataset{
    font-size: 1.2rem;
    border-top-left-radius:0.5rem;
    border-top-right-radius:0.5rem;
  }
  div.nc-card-body{
    padding: 1rem;
  }
  div.main-div-padding{
    padding-left: 3rem;
  }
  button.notes-btn{
    border-top-right-radius:0.5rem;
  }
  button.settings-btn{
    border-top-left-radius:0.5rem;
  }
  div.bottom-div{
    width:700px;
  }
  .first-division{
    width:100%;
  }
  .section1{
    padding-right: 0;
  }
  .second-division{
    display: none;
  }
  div.nc-card-deck{
    margin-left: 0rem;
  }
  span.category-text{
    font-size: 1.25rem;
  }
  div.nc-card-deck .nc-card{
    width:25%;
    min-height:7rem;
  }
  .nc-card{
    border-radius:2rem;
  }
  div.second-sub-section{
    margin-top: 1rem;
  }
  .calc-workout-btn-mob{
    font-size: 1.15rem;
  }
  .inputbox, .inputbox-large{
    font-size: 1.35rem;
    border-radius: 0.8rem;
  }
  .inputbox-small, .inputbox-small-radical{
    font-size: 1.35rem;
  }
  div.solution{
    max-width: 768px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  img.chart-img{
    width: 70%;
  }
  .matrix-outputbox{
    width:33rem;
  }
  ul.currency-list li{
    width:45%;
  }
  .worksheet-test{
    width:100%;
  }
  ul.worksheet-list li{
    width:33%;
  }
  .worksheet{
    padding-left: 2rem;
  }
  div.times-table{
    width:49%;
    padding-left: 1rem;
  }
  .sticky-start{
    position: relative;
  }
  .sticky-start-bottom{
    top:unset !important;
    bottom:0
  }
  .sticky-start-fixed{
    position: relative !important;
  }
}
@media screen and (max-width:576px) {
  div.category-div h1{
    font-size:1.2rem;
  }

  img.chart-img,img.tips-multiplication-img,.multiplication-table ul{
    width: 100%;
  }
  ul.fraction-chart-list{
    padding: 0;
    width: 100%;
  }
  .table th{
    padding: 0rem;
  }
  ul.more-chart li{
    width:100%;
  }
  ul.more-chart img{
    width: 20rem;
  }
  span.heading{
    font-size: 1.2rem;
  }
  .category-select, .sub-category-select, .input-text-statits, .input-text, .output-text, .input-geometry{
    font-size: 1.15rem;
  }
  .first-division ul li a,.multiplication-table ul li a{
    font-size: 1.2rem;
  }
  .multiplication-table li{
    width: 100%;
  }
  .first-division ul li span.calc-content{
    font-size: 1.1rem;
  }
  button:active {
    outline: none;
  }
  .zero-bd-radius{
    border-radius: 0;
  }
  div.nc-card-deck .nc-card{
    width:35%;
    min-height:7rem;
  }
  .first-division{
    width:100%;
  }
  span.calc-content{
    font-size: 100%;
  }
  .second-division{
    display: none;
  }
  .steps-div, .content-div{
    font-size: 1.15rem;
  }
  .inputbox{
    width:5rem;
  }
  .outputbox,.outputbox-stats{
    width:21rem;
    margin-left: 1.2rem;
  }
  .outputbox-large{
    width:23rem;
  }
  .input-text{
    padding-left: 1rem;
  }
  div.absolute-class{
    position: inherit;
  }
  div.main-div-padding{
    padding-left: 2rem;
  }
  span.output-unit{
    padding-left: 0.2rem;
  }
  div.solution{
    max-width: 576px;
  }
  .matrix-box{
    width:4.5rem;
    font-size: 1.25rem;
    padding: 0.375rem 0.15rem;
  }
  .matrix-outputbox{
    margin-left: 0.25rem;
    width:24rem;
  }
  .inputbox-small{
    width:4rem;
  }
  div.currency-table{
    width:100%;
    display: inline-block;
  }
  .worksheet{
    padding-left: 0;
  }
  .second-division-worksheet{
    width:100%;
    padding-left:0;
  }
  ul.mutiplication-table li{
    width:30%;
  }
  ul.mutiplication-table li img{
    width:6rem;
  }
  ul.worksheet-list li, .image-url li{
    width:50%;
  }
  div.times-table{
    width:48%;
    padding-left: 0.5rem;
  }
  table.times-tables{
    width:11.5rem;
    font-size: 1.25rem;
  }
  div.single-times-table{
    width: 100%;
  }
  .formula-image{
    width:14rem;
    height:12rem;
  }
}
@media screen and (max-width:425px) {
  .first-division ul{
    padding-left: 2%;
  }
  table.single-times-tables{
    width: calc(100% - 10px);
    font-size: 1.3rem;
  }
  .breadcrumb-item {
    margin-bottom: 1rem;
  }
  .breadcrumb-item + .breadcrumb-item{
    padding-left: .2rem;
  }
  .breadcrumb-item + .breadcrumb-item::before{
    padding-right: .2rem;
  }
  table.interest-table td,table.interest-table th{
    font-size: 1rem;
  }
  .category-div h1{
    font-size: 1rem;
  }
  .homepage-text-category{
    font-size: 125%;
    margin-left: 3%;
  }
  .btngroup-btns{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
  }
  ul.more-chart{
    padding: 1rem;
  }
  ul.more-chart img{
    width: 15rem;
  }
  .text-area{
    height:inherit;
    height:5rem;
  }
  div.ncalc-second-section{
    display: none;
  }
  .ncalc-second-section-statis{
    border:none
    border-radius: 0;
  }
  .outputbox{
    width:17rem;
    margin-left: 0.5rem
  }
  .outputbox-stats{
    width:15rem;
  }
  div.nc-card-deck{
    margin-left: 0.5rem;
    margin-right: 0;
  }
  div.nc-card-deck .nc-card{
    min-height: 4rem;
    width:80%;
  }
  .nc-card{
    border-radius: 1.25rem;
  }
  span.category-text{
    font-size: 1.15rem;
  }
  div.nc-card-body{
    padding: 0.75rem;
  }
  div.sub-header{
    width:90%;
  }
  .homepage-text{
    font-size: 120%;
  }
  .icon{
    font-size: 125%;
  }
  .sub-header-search{
    font-size: 1.25rem;
    padding: 0.5rem;
    padding-left: 0.1rem;
    padding-right: 0;
  }
  div.second-sub-section{
    padding-left: 1rem;
  }
  div.search-calc{
    min-height:3rem;
  }
  div.main-div-category{
    margin-left: 0;
  }
  .calc-workout-btn-mob{
    font-size: 1rem;
  }
  .image-formula{
    width:12rem;
  }
  .inputbox{
    width:5rem;
    font-size: 1.15rem;
  }
  .inputbox-large{
    font-size: 1.15rem;
  }
  .inputbox-small-radical{
    width:3rem;
    font-size: 1.15rem;
  }
  span.vector-unit{
    font-size: 1rem;
  }
  div.vector-box{
    width:3.5rem;
  }
  .outputbox-large{
    width:18rem;
    margin-left: 0.5rem;
  }
  table.fraction-decimal{
    font-size: 1rem;
  }
  .midpoint-image1, .content-image{
    height: 10rem;
  }
  img.tips-fraction-img{
    height: 4rem;
  }
  .midpoint-image2{
    height: 5rem;
  }
  div.solution{
    max-width: 425px;
  }
  .slope-image{
    width:20rem;
    height:12rem;
  }
  .decimal{
    width:20rem;
  }
  .binary{
    width:12rem;
  }
  table.binary-table{
    width:17rem;
  }
  .inputbox-large{
    width:5rem;
  }
  div.env-formula{
    width:18rem;
  }
  .li-selector li{
    font-size: 16px;
  }
  .matrix-span{
    padding: 0.5rem 0.25rem;
    margin-left: 1rem;
    margin-top: 1rem;
  }
  span.span1, span.span2, span.span3, span.span4{
    width: 1rem;
  }
  .matrix-box{
    width:4.3rem;
    font-size: 1.25rem;
    border-radius: 0.8rem;
  }
  .matrix-outputbox{
    width:21rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
  }
  div.times-table{
    width:100%;
    padding-left: 1rem;
  }
  .load-more-btn{
    margin-left: 1.5rem;
    width:21rem;
  }
}
@media screen and (max-width:375px) {
  .matrix-box{
    width:3.8rem;
    padding: 0.375rem 0.15rem;
    font-size: 1.15rem;
    border-radius: 0.8rem;
  }
  .matrix-outputbox{
    width:19.5rem;
  }
  .inputbox-small{
    border-radius: 0.8rem;
    width:3.2rem;
    font-size: 1.15rem;
  }
  div.times-table{
    width:100%;
    padding-left: 0.5rem;
  }
  table.times-tables{
    width:17rem;
    font-size: 1.25rem;
  }
  .load-more-btn{
    width:18rem;
  }
}
@media screen and (max-width:350px) {
  .outputbox-large{
    width:16rem;
  }
  .loginBtn{
    width: 16rem;
    font-size: 1rem;
  }
  #login-popup .modal-content, #settings-popup .modal-content, #setting_login .modal-content{
    max-width: 90%;
  }
  .footer-section{
    padding-bottom: 3.5rem;
  }
  .input-area .flag-text:after, .settings-input-area .settings-flag-text:after{
    margin-top: 0.6rem;
  }
  .interest-date-span{
    width: 11rem;
  }
  .input-val,.settings-input-val{
    width: 80%;
    margin-left: 0.5rem;
  }
  div.zero-padding{
    padding-left: 1rem;
  }
  div.solution{
    max-width: 350px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .slope-image{
    width:17rem;
    height:12rem;
  }
  .decimal{
    width:17rem;
  }
  .binary{
    width:12rem;
  }
  .root-symbol{
    font-size: 200%;
  }
  .text{
    font-size: 1.25rem;
  }
  .squareroot-top{
    padding-top: 2px;
  }
  .root-symbol{
    font-size: 250%;
  }
  .radical-set{
    margin-top: 0;
  }
  .matrix-span{
    padding: 0.5rem 0.25rem;
    margin-left: 0.35rem;
    margin-top: 1rem;
  }
  span.span1, span.span2, span.span3, span.span4{
    width: 1rem;
  }
  .matrix-box{
    width:3.5rem;
    padding: 0.375rem 0.15rem;
    font-size: 1.15rem;
    border-radius: 0.8rem;
  }
  .matrix-outputbox{
    width:17.5rem;
  }
  ul.mutiplication-table li{
    width:45%;
  }
  ul.mutiplication-table li img{
    width:7rem;
  }
  table.times-tables{
    width:15rem;
  }
}
@media screen and (max-width:320px) {
  .load-more-btn{
    width:14rem;
  }
  .outputbox-large{
    width:15rem;
  }
  div.solution{
    max-width: 320px;
  }
  .decimal{
    width:15rem;
  }
  table.binary-table{
    width:15rem;
  }
  div.env-formula{
    width:15rem;
  }
  .inputbox-small{
    width:2.5rem;
    font-size: 1.15rem;
  }
  ul.currency-list li, ul.worksheet-list li{
    width:100%;
  }
  div.times-table{
    width:100%;
    padding-left: 0;
  }
  table.times-tables{
    width:15rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1280px) {
  .none-1k{
    display:none;
  }
  .section1{
    max-width:calc(100% - 346px);
  }
}
@media screen and (min-width: 1080px) {
  #login-popup .modal-content, #settings-popup .modal-content ,#setting_login .modal-content{
      background-color: #fefefe;
      border: 1px solid #888;
      width: 58%;
  }
  #settings-popup .modal-content {
    width: 60%;
  }
}
@media screen and (max-width: 1080px) {
  .ncad-llb{
    display:none;
  }
}
@media screen and (max-width: 780px) {
  .breadcrumb a{
    font-size:0.8rem !important;
  }
}
@media screen and (max-width: 346px) {
  .ncad-lr{
    display:none;
  }
  .ncad-mb{
    padding-left:0;
    padding-right:0;
  }
  .breadcrumb a{
    font-size:0.75rem  !important;
  }
}
kbd{
  display: inline-block;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}