initial commit

app/webroot/cdn/css/expense.css

@@ -0,0 +1,131 @@
+@charset "utf-8";
+/* CSS Document */
+body {
+	font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+	font-size: .79rem;
+	background: #fff;
+}
+
+.ui-jqgrid .ui-jqgrid-view,
+.ui-jqgrid-bdiv,
+.ui-jqgrid-btable {
+	width: 100% !important;
+	overflow-x: hidden !important;
+}
+
+.ui-state-hover .ui-pg-div .ui-icon {
+	margin: -1px 0;
+	padding: 0;
+	height: 18px;
+}
+
+.ui-icon-closethick {
+	cursor: pointer;
+}
+
+#graphRight {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	margin: auto;
+	margin-top: 0px;
+	width: 425px;
+	height: 285px;
+
+	z-index: 0;
+
+}
+
+#graphRightInner {
+	position: relative;
+
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	margin: 5px 5px 5px 5px;
+	padding: 30px;
+	width: 425px;
+	height: 285px;
+	border: 1px solid black;
+	z-index: 1;
+
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+.ui-dialog-titlebar-close {
+	visibility: hidden;
+}
+
+label[for="ExpenseFromDate"] {
+	margin-right: 10px;
+}
+
+label[for="ExpenseToDate"] {
+	margin-right: 10px;
+}
+
+.switch-container {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	font-family: Arial, sans-serif;
+	margin-bottom: 20px;
+}
+
+.switch {
+	position: relative;
+	display: inline-block;
+	width: 50px;
+	height: 20px;
+}
+
+.switch input {
+	opacity: 0;
+	width: 0;
+	height: 0;
+}
+
+.slider {
+	position: absolute;
+	cursor: pointer;
+	background-color: #ccc;
+	border-radius: 34px;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	transition: .4s;
+}
+
+.slider:before {
+	position: absolute;
+	content: "";
+	height: 12px;
+	width: 12px;
+	left: 3px;
+	bottom: 3px;
+	background-color: white;
+	border-radius: 50%;
+	transition: .4s;
+}
+
+input:checked + .slider {
+	background: #70a6d2;
+	border: 1px solid #4697d8;
+}
+
+input:checked + .slider:before {
+	transform: translateX(24px);
+}
+
+fieldset {
+	padding: 0;
+	border: 0;
+	margin-top: 5px;
+}