User Interface

assets/css/material-design/material_style.css

@@ -0,0 +1,141 @@
+.badges .ml-card-holder .demo-badge-3[data-badge]:after {
+    background-color: #9c27b0;
+}
+
+.mdl-badge .demo-badge-3[data-badge]:after{
+	 background-color: #9c27b0;
+}
+.mdl-cell.mdl-cell--3-col.mdl-cell--4-col-tablet {
+    padding: 15px 10px 15px 20px;
+}
+.mdl-cell.mdl-cell--3-col.mdl-cell--4-col-tablet:hover {
+    background: rgba(0,0,0,.05);
+    -webkit-transform: scale(1.05);
+    transform: scale(1.05);
+}
+ .menuBackground {
+   background: white;
+   height: 148px;
+   width: 100%;
+}
+
+.menuBar {
+   box-sizing: border-box;
+   background: #0080c0;
+   color: white;
+   width: 100%;
+   height: 64px;
+   padding: 16px;
+}
+
+.wrapper {
+   box-sizing: border-box;
+   position: absolute;
+   right: 16px;
+}
+
+.mdl-tabs__tab {
+    text-decoration: none !important;
+}
+.mdl-textfield__label:after{
+	bottom: 13px !important;
+}
+
+.ml-table-striped>tbody>tr:nth-of-type(even) {
+    background-color: #f9f9f9;
+}
+.mdl-data-table thead {
+    background: #FAFAFA;
+}
+.mdl-data-table{
+	width: 100% !important;
+}
+.ml-table-bordered>tbody>tr>td, .ml-table-bordered>thead>tr>td {
+    border: 1px solid #F0F0F0;
+}
+/* .mdl-grid{
+  background: #d3d3d3;
+} 
+.mdl-cell{
+  height: 100px; 
+   background: grey;
+  color: white; 
+  padding: 5px;
+}*/
+
+.mdl-gridcell{
+	background: #bdbdbd;
+  padding: 30px 0;
+  text-align: center;
+  color: #424242;
+  font-weight: bold;
+  margin: 8px;
+}
+.mdl-foo{
+  background:black;
+  padding: 5px;
+}
+.txt-width{
+	width: 100% !important;
+	max-width: 500px !important;
+}
+.full-width{
+	width: 100% !important;
+}
+.select-width{
+	width: 100% !important;
+	max-width: 300px !important;
+}
+.getmdl-select .mdl-icon-toggle__label {
+    float: right;
+    margin-top: -30px;
+    color: rgba(0,0,0,0.4);
+}
+.mdl-button--fab:focus {
+    outline: none !important;
+}
+.mdl-button--icon:focus {
+    outline: none !important;
+}
+.mdl-textfield__label {
+    color: #999 !important;
+    font-size: 13px !important;
+}
+.mdl-textfield__input{
+	color: #999 !important;
+    font-size: 13px !important;
+}
+.tab-left-side{
+	justify-content: flex-start !important;
+}
+.tab-right-side{
+	justify-content: flex-end !important;
+}
+.page-header.navbar .page-logo{
+	line-height: 1.7 !important;
+}
+.txt-full-width {
+    width: 100% !important;
+}
+/* .mdl-button .material-icons{
+	color : gray;
+} */
+.menuBar .mdl-button .material-icons {
+    color: #ffffff;;
+}
+.mdl-js-button {
+	right: 10px;
+}
+.mdl-menu__item{
+	font-size: 12px;
+}
+.mdl-menu__item .material-icons{
+	padding-right: 10px;
+    vertical-align: middle;
+}
+.mdl-cell {
+    float: left;
+}
+#headerSettingButton {
+    color: #ffffff;
+}