appscms-calculator.css in appscms-tools-theme-3.9.4

- old
+ new

@@ -1,30 +1,27 @@
 body {
   background-color: #f9f9f9 !important;
 }
 
 .appscms-h1 {
-  margin-top: 1px;
+  margin-top: 30px;
   padding-top: 2px;
   font-weight: 600;
   font-size: 40px;
   color: #453a38;
 }
 
 #calculate_btn {
-  background: #f94f00;
+  background: var(--primary-color);
 }
 
 .appscms-h2 {
   font-size: 17px;
   padding-top: 0px;
   font-weight: 400;
   color: rgb(118, 118, 118);
 }
-.appscms-toolbar {
-  background: #f85408;
-}
 
 #safeui-alert {
   display: none;
 }
 .list-item-dropdown li .toolbar-link {
@@ -53,17 +50,17 @@
 .submit-button {
   border: none;
   border-radius: 4px;
   padding: 10px 22px;
   color: #fff;
-  background-color: #e7510b;
+  background-color: var(--primary-color);
   margin-left: auto;
   font-weight: 600;
 }
 
 .list-item-dropdown li .toolbar-link:hover {
-  color: #ff4000;
+  color: var(--primary-color);
 }
 .calculator-inputs {
   display: flex;
   gap: 10px;
 }
@@ -84,15 +81,15 @@
 .calculator-tooltip .fa-info-circle {
   margin-bottom: 0px;
 }
 
 .form-control {
-  border-bottom: 3px solid #ff6003;
+  border-bottom: 3px solid var(--primary-color);
   height: calc(2em + 0.75rem + 2px);
 }
 .form-control:focus {
   border: 1.5px solid rgb(210, 210, 210);
-  border-bottom: 4px solid #ff6003;
+  border-bottom: 4px solid var(--primary-color);
   height: calc(1.9em + 0.75rem + 2px);
 }
 
 .toaster {
   display: none;