.text-primary {
    color: #027be3 ;
  }
  .bg-primary {
    background: #027be3 ;
  }
  .text-secondary {
    color: #26a69a ;
  }
  .bg-secondary {
    background: #26a69a ;
  }
  .text-tertiary {
    color: #555 ;
  }
  .bg-tertiary {
    background: #555 ;
  }
  .text-faded {
    color: #777 ;
  }
  .bg-faded {
    background: #777 ;
  }
  .text-positive {
    color: #21ba45 ;
  }
  .bg-positive {
    background: #21ba45 ;
  }
  .text-negative {
    color: #db2828 ;
  }
  .bg-negative {
    background: #db2828 ;
  }
  .text-info {
    color: #31ccec ;
  }
  .bg-info {
    background: #31ccec ;
  }
  .text-warning {
    color: #f2c037 ;
  }
  .bg-warning {
    background: #f2c037 ;
  }
  .text-white {
    color: #fff ;
  }
  .bg-white {
    background: #fff ;
  }
  .text-black {
    color: #000 ;
  }
  .bg-black {
    background: #000 ;
  }
  .text-light {
    color: #f4f4f4 ;
  }
  .bg-light {
    background: #f4f4f4 ;
  }
  .text-dark {
    color: #333 ;
  }
  .bg-dark {
    background: #333 ;
  }
  .text-red {
    color: #f44336 ;
  }
  .text-red-1 {
    color: #ffebee ;
  }
  .text-red-2 {
    color: #ffcdd2 ;
  }
  .text-red-3 {
    color: #ef9a9a ;
  }
  .text-red-4 {
    color: #e57373 ;
  }
  .text-red-5 {
    color: #ef5350 ;
  }
  .text-red-6 {
    color: #f44336 ;
  }
  .text-red-7 {
    color: #e53935 ;
  }
  .text-red-8 {
    color: #d32f2f ;
  }
  .text-red-9 {
    color: #c62828 ;
  }
  .text-red-10 {
    color: #b71c1c ;
  }
  .text-red-11 {
    color: #ff8a80 ;
  }
  .text-red-12 {
    color: #ff5252 ;
  }
  .text-red-13 {
    color: #ff1744 ;
  }
  .text-red-14 {
    color: #d50000 ;
  }
  .text-pink {
    color: #e91e63 ;
  }
  .text-pink-1 {
    color: #fce4ec ;
  }
  .text-pink-2 {
    color: #f8bbd0 ;
  }
  .text-pink-3 {
    color: #f48fb1 ;
  }
  .text-pink-4 {
    color: #f06292 ;
  }
  .text-pink-5 {
    color: #ec407a ;
  }
  .text-pink-6 {
    color: #e91e63 ;
  }
  .text-pink-7 {
    color: #d81b60 ;
  }
  .text-pink-8 {
    color: #c2185b ;
  }
  .text-pink-9 {
    color: #ad1457 ;
  }
  .text-pink-10 {
    color: #880e4f ;
  }
  .text-pink-11 {
    color: #ff80ab ;
  }
  .text-pink-12 {
    color: #ff4081 ;
  }
  .text-pink-13 {
    color: #f50057 ;
  }
  .text-pink-14 {
    color: #c51162 ;
  }
  .text-purple {
    color: #9c27b0 ;
  }
  .text-purple-1 {
    color: #f3e5f5 ;
  }
  .text-purple-2 {
    color: #e1bee7 ;
  }
  .text-purple-3 {
    color: #ce93d8 ;
  }
  .text-purple-4 {
    color: #ba68c8 ;
  }
  .text-purple-5 {
    color: #ab47bc ;
  }
  .text-purple-6 {
    color: #9c27b0 ;
  }
  .text-purple-7 {
    color: #8e24aa ;
  }
  .text-purple-8 {
    color: #7b1fa2 ;
  }
  .text-purple-9 {
    color: #6a1b9a ;
  }
  .text-purple-10 {
    color: #4a148c ;
  }
  .text-purple-11 {
    color: #ea80fc ;
  }
  .text-purple-12 {
    color: #e040fb ;
  }
  .text-purple-13 {
    color: #d500f9 ;
  }
  .text-purple-14 {
    color: #a0f ;
  }
  .text-deep-purple {
    color: #673ab7 ;
  }
  .text-deep-purple-1 {
    color: #ede7f6 ;
  }
  .text-deep-purple-2 {
    color: #d1c4e9 ;
  }
  .text-deep-purple-3 {
    color: #b39ddb ;
  }
  .text-deep-purple-4 {
    color: #9575cd ;
  }
  .text-deep-purple-5 {
    color: #7e57c2 ;
  }
  .text-deep-purple-6 {
    color: #673ab7 ;
  }
  .text-deep-purple-7 {
    color: #5e35b1 ;
  }
  .text-deep-purple-8 {
    color: #512da8 ;
  }
  .text-deep-purple-9 {
    color: #4527a0 ;
  }
  .text-deep-purple-10 {
    color: #311b92 ;
  }
  .text-deep-purple-11 {
    color: #b388ff ;
  }
  .text-deep-purple-12 {
    color: #7c4dff ;
  }
  .text-deep-purple-13 {
    color: #651fff ;
  }
  .text-deep-purple-14 {
    color: #6200ea ;
  }
  .text-indigo {
    color: #3f51b5 ;
  }
  .text-indigo-1 {
    color: #e8eaf6 ;
  }
  .text-indigo-2 {
    color: #c5cae9 ;
  }
  .text-indigo-3 {
    color: #9fa8da ;
  }
  .text-indigo-4 {
    color: #7986cb ;
  }
  .text-indigo-5 {
    color: #5c6bc0 ;
  }
  .text-indigo-6 {
    color: #3f51b5 ;
  }
  .text-indigo-7 {
    color: #3949ab ;
  }
  .text-indigo-8 {
    color: #303f9f ;
  }
  .text-indigo-9 {
    color: #283593 ;
  }
  .text-indigo-10 {
    color: #1a237e ;
  }
  .text-indigo-11 {
    color: #8c9eff ;
  }
  .text-indigo-12 {
    color: #536dfe ;
  }
  .text-indigo-13 {
    color: #3d5afe ;
  }
  .text-indigo-14 {
    color: #304ffe ;
  }
  .text-blue {
    color: #2196f3 ;
  }
  .text-blue-1 {
    color: #e3f2fd ;
  }
  .text-blue-2 {
    color: #bbdefb ;
  }
  .text-blue-3 {
    color: #90caf9 ;
  }
  .text-blue-4 {
    color: #64b5f6 ;
  }
  .text-blue-5 {
    color: #42a5f5 ;
  }
  .text-blue-6 {
    color: #2196f3 ;
  }
  .text-blue-7 {
    color: #1e88e5 ;
  }
  .text-blue-8 {
    color: #1976d2 ;
  }
  .text-blue-9 {
    color: #1565c0 ;
  }
  .text-blue-10 {
    color: #0d47a1 ;
  }
  .text-blue-11 {
    color: #82b1ff ;
  }
  .text-blue-12 {
    color: #448aff ;
  }
  .text-blue-13 {
    color: #2979ff ;
  }
  .text-blue-14 {
    color: #2962ff ;
  }
  .text-light-blue {
    color: #03a9f4 ;
  }
  .text-light-blue-1 {
    color: #e1f5fe ;
  }
  .text-light-blue-2 {
    color: #b3e5fc ;
  }
  .text-light-blue-3 {
    color: #81d4fa ;
  }
  .text-light-blue-4 {
    color: #4fc3f7 ;
  }
  .text-light-blue-5 {
    color: #29b6f6 ;
  }
  .text-light-blue-6 {
    color: #03a9f4 ;
  }
  .text-light-blue-7 {
    color: #039be5 ;
  }
  .text-light-blue-8 {
    color: #0288d1 ;
  }
  .text-light-blue-9 {
    color: #0277bd ;
  }
  .text-light-blue-10 {
    color: #01579b ;
  }
  .text-light-blue-11 {
    color: #80d8ff ;
  }
  .text-light-blue-12 {
    color: #40c4ff ;
  }
  .text-light-blue-13 {
    color: #00b0ff ;
  }
  .text-light-blue-14 {
    color: #0091ea ;
  }
  .text-cyan {
    color: #00bcd4 ;
  }
  .text-cyan-1 {
    color: #e0f7fa ;
  }
  .text-cyan-2 {
    color: #b2ebf2 ;
  }
  .text-cyan-3 {
    color: #80deea ;
  }
  .text-cyan-4 {
    color: #4dd0e1 ;
  }
  .text-cyan-5 {
    color: #26c6da ;
  }
  .text-cyan-6 {
    color: #00bcd4 ;
  }
  .text-cyan-7 {
    color: #00acc1 ;
  }
  .text-cyan-8 {
    color: #0097a7 ;
  }
  .text-cyan-9 {
    color: #00838f ;
  }
  .text-cyan-10 {
    color: #006064 ;
  }
  .text-cyan-11 {
    color: #84ffff ;
  }
  .text-cyan-12 {
    color: #18ffff ;
  }
  .text-cyan-13 {
    color: #00e5ff ;
  }
  .text-cyan-14 {
    color: #00b8d4 ;
  }
  .text-teal {
    color: #009688 ;
  }
  .text-teal-1 {
    color: #e0f2f1 ;
  }
  .text-teal-2 {
    color: #b2dfdb ;
  }
  .text-teal-3 {
    color: #80cbc4 ;
  }
  .text-teal-4 {
    color: #4db6ac ;
  }
  .text-teal-5 {
    color: #26a69a ;
  }
  .text-teal-6 {
    color: #009688 ;
  }
  .text-teal-7 {
    color: #00897b ;
  }
  .text-teal-8 {
    color: #00796b ;
  }
  .text-teal-9 {
    color: #00695c ;
  }
  .text-teal-10 {
    color: #004d40 ;
  }
  .text-teal-11 {
    color: #a7ffeb ;
  }
  .text-teal-12 {
    color: #64ffda ;
  }
  .text-teal-13 {
    color: #1de9b6 ;
  }
  .text-teal-14 {
    color: #00bfa5 ;
  }
  .text-green {
    color: #4caf50 ;
  }
  .text-green-1 {
    color: #e8f5e9 ;
  }
  .text-green-2 {
    color: #c8e6c9 ;
  }
  .text-green-3 {
    color: #a5d6a7 ;
  }
  .text-green-4 {
    color: #81c784 ;
  }
  .text-green-5 {
    color: #66bb6a ;
  }
  .text-green-6 {
    color: #4caf50 ;
  }
  .text-green-7 {
    color: #43a047 ;
  }
  .text-green-8 {
    color: #388e3c ;
  }
  .text-green-9 {
    color: #2e7d32 ;
  }
  .text-green-10 {
    color: #1b5e20 ;
  }
  .text-green-11 {
    color: #b9f6ca ;
  }
  .text-green-12 {
    color: #69f0ae ;
  }
  .text-green-13 {
    color: #00e676 ;
  }
  .text-green-14 {
    color: #00c853 ;
  }
  .text-light-green {
    color: #8bc34a ;
  }
  .text-light-green-1 {
    color: #f1f8e9 ;
  }
  .text-light-green-2 {
    color: #dcedc8 ;
  }
  .text-light-green-3 {
    color: #c5e1a5 ;
  }
  .text-light-green-4 {
    color: #aed581 ;
  }
  .text-light-green-5 {
    color: #9ccc65 ;
  }
  .text-light-green-6 {
    color: #8bc34a ;
  }
  .text-light-green-7 {
    color: #7cb342 ;
  }
  .text-light-green-8 {
    color: #689f38 ;
  }
  .text-light-green-9 {
    color: #558b2f ;
  }
  .text-light-green-10 {
    color: #33691e ;
  }
  .text-light-green-11 {
    color: #ccff90 ;
  }
  .text-light-green-12 {
    color: #b2ff59 ;
  }
  .text-light-green-13 {
    color: #76ff03 ;
  }
  .text-light-green-14 {
    color: #64dd17 ;
  }
  .text-lime {
    color: #cddc39 ;
  }
  .text-lime-1 {
    color: #f9fbe7 ;
  }
  .text-lime-2 {
    color: #f0f4c3 ;
  }
  .text-lime-3 {
    color: #e6ee9c ;
  }
  .text-lime-4 {
    color: #dce775 ;
  }
  .text-lime-5 {
    color: #d4e157 ;
  }
  .text-lime-6 {
    color: #cddc39 ;
  }
  .text-lime-7 {
    color: #c0ca33 ;
  }
  .text-lime-8 {
    color: #afb42b ;
  }
  .text-lime-9 {
    color: #9e9d24 ;
  }
  .text-lime-10 {
    color: #827717 ;
  }
  .text-lime-11 {
    color: #f4ff81 ;
  }
  .text-lime-12 {
    color: #eeff41 ;
  }
  .text-lime-13 {
    color: #c6ff00 ;
  }
  .text-lime-14 {
    color: #aeea00 ;
  }
  .text-yellow {
    color: #ffeb3b ;
  }
  .text-yellow-1 {
    color: #fffde7 ;
  }
  .text-yellow-2 {
    color: #fff9c4 ;
  }
  .text-yellow-3 {
    color: #fff59d ;
  }
  .text-yellow-4 {
    color: #fff176 ;
  }
  .text-yellow-5 {
    color: #ffee58 ;
  }
  .text-yellow-6 {
    color: #ffeb3b ;
  }
  .text-yellow-7 {
    color: #fdd835 ;
  }
  .text-yellow-8 {
    color: #fbc02d ;
  }
  .text-yellow-9 {
    color: #f9a825 ;
  }
  .text-yellow-10 {
    color: #f57f17 ;
  }
  .text-yellow-11 {
    color: #ffff8d ;
  }
  .text-yellow-12 {
    color: #ff0 ;
  }
  .text-yellow-13 {
    color: #ffea00 ;
  }
  .text-yellow-14 {
    color: #ffd600 ;
  }
  .text-amber {
    color: #ffc107 ;
  }
  .text-amber-1 {
    color: #fff8e1 ;
  }
  .text-amber-2 {
    color: #ffecb3 ;
  }
  .text-amber-3 {
    color: #ffe082 ;
  }
  .text-amber-4 {
    color: #ffd54f ;
  }
  .text-amber-5 {
    color: #ffca28 ;
  }
  .text-amber-6 {
    color: #ffc107 ;
  }
  .text-amber-7 {
    color: #ffb300 ;
  }
  .text-amber-8 {
    color: #ffa000 ;
  }
  .text-amber-9 {
    color: #ff8f00 ;
  }
  .text-amber-10 {
    color: #ff6f00 ;
  }
  .text-amber-11 {
    color: #ffe57f ;
  }
  .text-amber-12 {
    color: #ffd740 ;
  }
  .text-amber-13 {
    color: #ffc400 ;
  }
  .text-amber-14 {
    color: #ffab00 ;
  }
  .text-orange {
    color: #ff9800 ;
  }
  .text-orange-1 {
    color: #fff3e0 ;
  }
  .text-orange-2 {
    color: #ffe0b2 ;
  }
  .text-orange-3 {
    color: #ffcc80 ;
  }
  .text-orange-4 {
    color: #ffb74d ;
  }
  .text-orange-5 {
    color: #ffa726 ;
  }
  .text-orange-6 {
    color: #ff9800 ;
  }
  .text-orange-7 {
    color: #fb8c00 ;
  }
  .text-orange-8 {
    color: #f57c00 ;
  }
  .text-orange-9 {
    color: #ef6c00 ;
  }
  .text-orange-10 {
    color: #e65100 ;
  }
  .text-orange-11 {
    color: #ffd180 ;
  }
  .text-orange-12 {
    color: #ffab40 ;
  }
  .text-orange-13 {
    color: #ff9100 ;
  }
  .text-orange-14 {
    color: #ff6d00 ;
  }
  .text-deep-orange {
    color: #ff5722 ;
  }
  .text-deep-orange-1 {
    color: #fbe9e7 ;
  }
  .text-deep-orange-2 {
    color: #ffccbc ;
  }
  .text-deep-orange-3 {
    color: #ffab91 ;
  }
  .text-deep-orange-4 {
    color: #ff8a65 ;
  }
  .text-deep-orange-5 {
    color: #ff7043 ;
  }
  .text-deep-orange-6 {
    color: #ff5722 ;
  }
  .text-deep-orange-7 {
    color: #f4511e ;
  }
  .text-deep-orange-8 {
    color: #e64a19 ;
  }
  .text-deep-orange-9 {
    color: #d84315 ;
  }
  .text-deep-orange-10 {
    color: #bf360c ;
  }
  .text-deep-orange-11 {
    color: #ff9e80 ;
  }
  .text-deep-orange-12 {
    color: #ff6e40 ;
  }
  .text-deep-orange-13 {
    color: #ff3d00 ;
  }
  .text-deep-orange-14 {
    color: #dd2c00 ;
  }
  .text-brown {
    color: #795548 ;
  }
  .text-brown-1 {
    color: #efebe9 ;
  }
  .text-brown-2 {
    color: #d7ccc8 ;
  }
  .text-brown-3 {
    color: #bcaaa4 ;
  }
  .text-brown-4 {
    color: #a1887f ;
  }
  .text-brown-5 {
    color: #8d6e63 ;
  }
  .text-brown-6 {
    color: #795548 ;
  }
  .text-brown-7 {
    color: #6d4c41 ;
  }
  .text-brown-8 {
    color: #5d4037 ;
  }
  .text-brown-9 {
    color: #4e342e ;
  }
  .text-brown-10 {
    color: #3e2723 ;
  }
  .text-brown-11 {
    color: #d7ccc8 ;
  }
  .text-brown-12 {
    color: #bcaaa4 ;
  }
  .text-brown-13 {
    color: #8d6e63 ;
  }
  .text-brown-14 {
    color: #5d4037 ;
  }
  .text-grey {
    color: #9e9e9e ;
  }
  .text-grey-1 {
    color: #fafafa ;
  }
  .text-grey-2 {
    color: #f5f5f5 ;
  }
  .text-grey-3 {
    color: #eee ;
  }
  .text-grey-4 {
    color: #e0e0e0 ;
  }
  .text-grey-5 {
    color: #bdbdbd ;
  }
  .text-grey-6 {
    color: #9e9e9e ;
  }
  .text-grey-7 {
    color: #757575 ;
  }
  .text-grey-8 {
    color: #616161 ;
  }
  .text-grey-9 {
    color: #424242 ;
  }
  .text-grey-10 {
    color: #212121 ;
  }
  .text-grey-11 {
    color: #f5f5f5 ;
  }
  .text-grey-12 {
    color: #eee ;
  }
  .text-grey-13 {
    color: #bdbdbd ;
  }
  .text-grey-14 {
    color: #616161 ;
  }
  .text-blue-grey {
    color: #607d8b ;
  }
  .text-blue-grey-1 {
    color: #eceff1 ;
  }
  .text-blue-grey-2 {
    color: #cfd8dc ;
  }
  .text-blue-grey-3 {
    color: #b0bec5 ;
  }
  .text-blue-grey-4 {
    color: #90a4ae ;
  }
  .text-blue-grey-5 {
    color: #78909c ;
  }
  .text-blue-grey-6 {
    color: #607d8b ;
  }
  .text-blue-grey-7 {
    color: #546e7a ;
  }
  .text-blue-grey-8 {
    color: #455a64 ;
  }
  .text-blue-grey-9 {
    color: #37474f ;
  }
  .text-blue-grey-10 {
    color: #263238 ;
  }
  .text-blue-grey-11 {
    color: #cfd8dc ;
  }
  .text-blue-grey-12 {
    color: #b0bec5 ;
  }
  .text-blue-grey-13 {
    color: #78909c ;
  }
  .text-blue-grey-14 {
    color: #455a64 ;
  }
  .bg-red {
    background: #f44336 ;
  }
  .bg-red-1 {
    background: #ffebee ;
  }
  .bg-red-2 {
    background: #ffcdd2 ;
  }
  .bg-red-3 {
    background: #ef9a9a ;
  }
  .bg-red-4 {
    background: #e57373 ;
  }
  .bg-red-5 {
    background: #ef5350 ;
  }
  .bg-red-6 {
    background: #f44336 ;
  }
  .bg-red-7 {
    background: #e53935 ;
  }
  .bg-red-8 {
    background: #d32f2f ;
  }
  .bg-red-9 {
    background: #c62828 ;
  }
  .bg-red-10 {
    background: #b71c1c ;
  }
  .bg-red-11 {
    background: #ff8a80 ;
  }
  .bg-red-12 {
    background: #ff5252 ;
  }
  .bg-red-13 {
    background: #ff1744 ;
  }
  .bg-red-14 {
    background: #d50000 ;
  }
  .bg-pink {
    background: #e91e63 ;
  }
  .bg-pink-1 {
    background: #fce4ec ;
  }
  .bg-pink-2 {
    background: #f8bbd0 ;
  }
  .bg-pink-3 {
    background: #f48fb1 ;
  }
  .bg-pink-4 {
    background: #f06292 ;
  }
  .bg-pink-5 {
    background: #ec407a ;
  }
  .bg-pink-6 {
    background: #e91e63 ;
  }
  .bg-pink-7 {
    background: #d81b60 ;
  }
  .bg-pink-8 {
    background: #c2185b ;
  }
  .bg-pink-9 {
    background: #ad1457 ;
  }
  .bg-pink-10 {
    background: #880e4f ;
  }
  .bg-pink-11 {
    background: #ff80ab ;
  }
  .bg-pink-12 {
    background: #ff4081 ;
  }
  .bg-pink-13 {
    background: #f50057 ;
  }
  .bg-pink-14 {
    background: #c51162 ;
  }
  .bg-purple {
    background: #9c27b0 ;
  }
  .bg-purple-1 {
    background: #f3e5f5 ;
  }
  .bg-purple-2 {
    background: #e1bee7 ;
  }
  .bg-purple-3 {
    background: #ce93d8 ;
  }
  .bg-purple-4 {
    background: #ba68c8 ;
  }
  .bg-purple-5 {
    background: #ab47bc ;
  }
  .bg-purple-6 {
    background: #9c27b0 ;
  }
  .bg-purple-7 {
    background: #8e24aa ;
  }
  .bg-purple-8 {
    background: #7b1fa2 ;
  }
  .bg-purple-9 {
    background: #6a1b9a ;
  }
  .bg-purple-10 {
    background: #4a148c ;
  }
  .bg-purple-11 {
    background: #ea80fc ;
  }
  .bg-purple-12 {
    background: #e040fb ;
  }
  .bg-purple-13 {
    background: #d500f9 ;
  }
  .bg-purple-14 {
    background: #a0f ;
  }
  .bg-deep-purple {
    background: #673ab7 ;
  }
  .bg-deep-purple-1 {
    background: #ede7f6 ;
  }
  .bg-deep-purple-2 {
    background: #d1c4e9 ;
  }
  .bg-deep-purple-3 {
    background: #b39ddb ;
  }
  .bg-deep-purple-4 {
    background: #9575cd ;
  }
  .bg-deep-purple-5 {
    background: #7e57c2 ;
  }
  .bg-deep-purple-6 {
    background: #673ab7 ;
  }
  .bg-deep-purple-7 {
    background: #5e35b1 ;
  }
  .bg-deep-purple-8 {
    background: #512da8 ;
  }
  .bg-deep-purple-9 {
    background: #4527a0 ;
  }
  .bg-deep-purple-10 {
    background: #311b92 ;
  }
  .bg-deep-purple-11 {
    background: #b388ff ;
  }
  .bg-deep-purple-12 {
    background: #7c4dff ;
  }
  .bg-deep-purple-13 {
    background: #651fff ;
  }
  .bg-deep-purple-14 {
    background: #6200ea ;
  }
  .bg-indigo {
    background: #3f51b5 ;
  }
  .bg-indigo-1 {
    background: #e8eaf6 ;
  }
  .bg-indigo-2 {
    background: #c5cae9 ;
  }
  .bg-indigo-3 {
    background: #9fa8da ;
  }
  .bg-indigo-4 {
    background: #7986cb ;
  }
  .bg-indigo-5 {
    background: #5c6bc0 ;
  }
  .bg-indigo-6 {
    background: #3f51b5 ;
  }
  .bg-indigo-7 {
    background: #3949ab ;
  }
  .bg-indigo-8 {
    background: #303f9f ;
  }
  .bg-indigo-9 {
    background: #283593 ;
  }
  .bg-indigo-10 {
    background: #1a237e ;
  }
  .bg-indigo-11 {
    background: #8c9eff ;
  }
  .bg-indigo-12 {
    background: #536dfe ;
  }
  .bg-indigo-13 {
    background: #3d5afe ;
  }
  .bg-indigo-14 {
    background: #304ffe ;
  }
  .bg-blue {
    background: #2196f3 ;
  }
  .bg-blue-1 {
    background: #e3f2fd ;
  }
  .bg-blue-2 {
    background: #bbdefb ;
  }
  .bg-blue-3 {
    background: #90caf9 ;
  }
  .bg-blue-4 {
    background: #64b5f6 ;
  }
  .bg-blue-5 {
    background: #42a5f5 ;
  }
  .bg-blue-6 {
    background: #2196f3 ;
  }
  .bg-blue-7 {
    background: #1e88e5 ;
  }
  .bg-blue-8 {
    background: #1976d2 ;
  }
  .bg-blue-9 {
    background: #1565c0 ;
  }
  .bg-blue-10 {
    background: #0d47a1 ;
  }
  .bg-blue-11 {
    background: #82b1ff ;
  }
  .bg-blue-12 {
    background: #448aff ;
  }
  .bg-blue-13 {
    background: #2979ff ;
  }
  .bg-blue-14 {
    background: #2962ff ;
  }
  .bg-light-blue {
    background: #03a9f4 ;
  }
  .bg-light-blue-1 {
    background: #e1f5fe ;
  }
  .bg-light-blue-2 {
    background: #b3e5fc ;
  }
  .bg-light-blue-3 {
    background: #81d4fa ;
  }
  .bg-light-blue-4 {
    background: #4fc3f7 ;
  }
  .bg-light-blue-5 {
    background: #29b6f6 ;
  }
  .bg-light-blue-6 {
    background: #03a9f4 ;
  }
  .bg-light-blue-7 {
    background: #039be5 ;
  }
  .bg-light-blue-8 {
    background: #0288d1 ;
  }
  .bg-light-blue-9 {
    background: #0277bd ;
  }
  .bg-light-blue-10 {
    background: #01579b ;
  }
  .bg-light-blue-11 {
    background: #80d8ff ;
  }
  .bg-light-blue-12 {
    background: #40c4ff ;
  }
  .bg-light-blue-13 {
    background: #00b0ff ;
  }
  .bg-light-blue-14 {
    background: #0091ea ;
  }
  .bg-cyan {
    background: #00bcd4 ;
  }
  .bg-cyan-1 {
    background: #e0f7fa ;
  }
  .bg-cyan-2 {
    background: #b2ebf2 ;
  }
  .bg-cyan-3 {
    background: #80deea ;
  }
  .bg-cyan-4 {
    background: #4dd0e1 ;
  }
  .bg-cyan-5 {
    background: #26c6da ;
  }
  .bg-cyan-6 {
    background: #00bcd4 ;
  }
  .bg-cyan-7 {
    background: #00acc1 ;
  }
  .bg-cyan-8 {
    background: #0097a7 ;
  }
  .bg-cyan-9 {
    background: #00838f ;
  }
  .bg-cyan-10 {
    background: #006064 ;
  }
  .bg-cyan-11 {
    background: #84ffff ;
  }
  .bg-cyan-12 {
    background: #18ffff ;
  }
  .bg-cyan-13 {
    background: #00e5ff ;
  }
  .bg-cyan-14 {
    background: #00b8d4 ;
  }
  .bg-teal {
    background: #009688 ;
  }
  .bg-teal-1 {
    background: #e0f2f1 ;
  }
  .bg-teal-2 {
    background: #b2dfdb ;
  }
  .bg-teal-3 {
    background: #80cbc4 ;
  }
  .bg-teal-4 {
    background: #4db6ac ;
  }
  .bg-teal-5 {
    background: #26a69a ;
  }
  .bg-teal-6 {
    background: #009688 ;
  }
  .bg-teal-7 {
    background: #00897b ;
  }
  .bg-teal-8 {
    background: #00796b ;
  }
  .bg-teal-9 {
    background: #00695c ;
  }
  .bg-teal-10 {
    background: #004d40 ;
  }
  .bg-teal-11 {
    background: #a7ffeb ;
  }
  .bg-teal-12 {
    background: #64ffda ;
  }
  .bg-teal-13 {
    background: #1de9b6 ;
  }
  .bg-teal-14 {
    background: #00bfa5 ;
  }
  .bg-green {
    background: #4caf50 ;
  }
  .bg-green-1 {
    background: #e8f5e9 ;
  }
  .bg-green-2 {
    background: #c8e6c9 ;
  }
  .bg-green-3 {
    background: #a5d6a7 ;
  }
  .bg-green-4 {
    background: #81c784 ;
  }
  .bg-green-5 {
    background: #66bb6a ;
  }
  .bg-green-6 {
    background: #4caf50 ;
  }
  .bg-green-7 {
    background: #43a047 ;
  }
  .bg-green-8 {
    background: #388e3c ;
  }
  .bg-green-9 {
    background: #2e7d32 ;
  }
  .bg-green-10 {
    background: #1b5e20 ;
  }
  .bg-green-11 {
    background: #b9f6ca ;
  }
  .bg-green-12 {
    background: #69f0ae ;
  }
  .bg-green-13 {
    background: #00e676 ;
  }
  .bg-green-14 {
    background: #00c853 ;
  }
  .bg-light-green {
    background: #8bc34a ;
  }
  .bg-light-green-1 {
    background: #f1f8e9 ;
  }
  .bg-light-green-2 {
    background: #dcedc8 ;
  }
  .bg-light-green-3 {
    background: #c5e1a5 ;
  }
  .bg-light-green-4 {
    background: #aed581 ;
  }
  .bg-light-green-5 {
    background: #9ccc65 ;
  }
  .bg-light-green-6 {
    background: #8bc34a ;
  }
  .bg-light-green-7 {
    background: #7cb342 ;
  }
  .bg-light-green-8 {
    background: #689f38 ;
  }
  .bg-light-green-9 {
    background: #558b2f ;
  }
  .bg-light-green-10 {
    background: #33691e ;
  }
  .bg-light-green-11 {
    background: #ccff90 ;
  }
  .bg-light-green-12 {
    background: #b2ff59 ;
  }
  .bg-light-green-13 {
    background: #76ff03 ;
  }
  .bg-light-green-14 {
    background: #64dd17 ;
  }
  .bg-lime {
    background: #cddc39 ;
  }
  .bg-lime-1 {
    background: #f9fbe7 ;
  }
  .bg-lime-2 {
    background: #f0f4c3 ;
  }
  .bg-lime-3 {
    background: #e6ee9c ;
  }
  .bg-lime-4 {
    background: #dce775 ;
  }
  .bg-lime-5 {
    background: #d4e157 ;
  }
  .bg-lime-6 {
    background: #cddc39 ;
  }
  .bg-lime-7 {
    background: #c0ca33 ;
  }
  .bg-lime-8 {
    background: #afb42b ;
  }
  .bg-lime-9 {
    background: #9e9d24 ;
  }
  .bg-lime-10 {
    background: #827717 ;
  }
  .bg-lime-11 {
    background: #f4ff81 ;
  }
  .bg-lime-12 {
    background: #eeff41 ;
  }
  .bg-lime-13 {
    background: #c6ff00 ;
  }
  .bg-lime-14 {
    background: #aeea00 ;
  }
  .bg-yellow {
    background: #ffeb3b ;
  }
  .bg-yellow-1 {
    background: #fffde7 ;
  }
  .bg-yellow-2 {
    background: #fff9c4 ;
  }
  .bg-yellow-3 {
    background: #fff59d ;
  }
  .bg-yellow-4 {
    background: #fff176 ;
  }
  .bg-yellow-5 {
    background: #ffee58 ;
  }
  .bg-yellow-6 {
    background: #ffeb3b ;
  }
  .bg-yellow-7 {
    background: #fdd835 ;
  }
  .bg-yellow-8 {
    background: #fbc02d ;
  }
  .bg-yellow-9 {
    background: #f9a825 ;
  }
  .bg-yellow-10 {
    background: #f57f17 ;
  }
  .bg-yellow-11 {
    background: #ffff8d ;
  }
  .bg-yellow-12 {
    background: #ff0 ;
  }
  .bg-yellow-13 {
    background: #ffea00 ;
  }
  .bg-yellow-14 {
    background: #ffd600 ;
  }
  .bg-amber {
    background: #ffc107 ;
  }
  .bg-amber-1 {
    background: #fff8e1 ;
  }
  .bg-amber-2 {
    background: #ffecb3 ;
  }
  .bg-amber-3 {
    background: #ffe082 ;
  }
  .bg-amber-4 {
    background: #ffd54f ;
  }
  .bg-amber-5 {
    background: #ffca28 ;
  }
  .bg-amber-6 {
    background: #ffc107 ;
  }
  .bg-amber-7 {
    background: #ffb300 ;
  }
  .bg-amber-8 {
    background: #ffa000 ;
  }
  .bg-amber-9 {
    background: #ff8f00 ;
  }
  .bg-amber-10 {
    background: #ff6f00 ;
  }
  .bg-amber-11 {
    background: #ffe57f ;
  }
  .bg-amber-12 {
    background: #ffd740 ;
  }
  .bg-amber-13 {
    background: #ffc400 ;
  }
  .bg-amber-14 {
    background: #ffab00 ;
  }
  .bg-orange {
    background: #ff9800 ;
  }
  .bg-orange-1 {
    background: #fff3e0 ;
  }
  .bg-orange-2 {
    background: #ffe0b2 ;
  }
  .bg-orange-3 {
    background: #ffcc80 ;
  }
  .bg-orange-4 {
    background: #ffb74d ;
  }
  .bg-orange-5 {
    background: #ffa726 ;
  }
  .bg-orange-6 {
    background: #ff9800 ;
  }
  .bg-orange-7 {
    background: #fb8c00 ;
  }
  .bg-orange-8 {
    background: #f57c00 ;
  }
  .bg-orange-9 {
    background: #ef6c00 ;
  }
  .bg-orange-10 {
    background: #e65100 ;
  }
  .bg-orange-11 {
    background: #ffd180 ;
  }
  .bg-orange-12 {
    background: #ffab40 ;
  }
  .bg-orange-13 {
    background: #ff9100 ;
  }
  .bg-orange-14 {
    background: #ff6d00 ;
  }
  .bg-deep-orange {
    background: #ff5722 ;
  }
  .bg-deep-orange-1 {
    background: #fbe9e7 ;
  }
  .bg-deep-orange-2 {
    background: #ffccbc ;
  }
  .bg-deep-orange-3 {
    background: #ffab91 ;
  }
  .bg-deep-orange-4 {
    background: #ff8a65 ;
  }
  .bg-deep-orange-5 {
    background: #ff7043 ;
  }
  .bg-deep-orange-6 {
    background: #ff5722 ;
  }
  .bg-deep-orange-7 {
    background: #f4511e ;
  }
  .bg-deep-orange-8 {
    background: #e64a19 ;
  }
  .bg-deep-orange-9 {
    background: #d84315 ;
  }
  .bg-deep-orange-10 {
    background: #bf360c ;
  }
  .bg-deep-orange-11 {
    background: #ff9e80 ;
  }
  .bg-deep-orange-12 {
    background: #ff6e40 ;
  }
  .bg-deep-orange-13 {
    background: #ff3d00 ;
  }
  .bg-deep-orange-14 {
    background: #dd2c00 ;
  }
  .bg-brown {
    background: #795548 ;
  }
  .bg-brown-1 {
    background: #efebe9 ;
  }
  .bg-brown-2 {
    background: #d7ccc8 ;
  }
  .bg-brown-3 {
    background: #bcaaa4 ;
  }
  .bg-brown-4 {
    background: #a1887f ;
  }
  .bg-brown-5 {
    background: #8d6e63 ;
  }
  .bg-brown-6 {
    background: #795548 ;
  }
  .bg-brown-7 {
    background: #6d4c41 ;
  }
  .bg-brown-8 {
    background: #5d4037 ;
  }
  .bg-brown-9 {
    background: #4e342e ;
  }
  .bg-brown-10 {
    background: #3e2723 ;
  }
  .bg-brown-11 {
    background: #d7ccc8 ;
  }
  .bg-brown-12 {
    background: #bcaaa4 ;
  }
  .bg-brown-13 {
    background: #8d6e63 ;
  }
  .bg-brown-14 {
    background: #5d4037 ;
  }
  .bg-grey {
    background: #9e9e9e ;
  }
  .bg-grey-1 {
    background: #fafafa ;
  }
  .bg-grey-2 {
    background: #f5f5f5 ;
  }
  .bg-grey-3 {
    background: #eee ;
  }
  .bg-grey-4 {
    background: #e0e0e0 ;
  }
  .bg-grey-5 {
    background: #bdbdbd ;
  }
  .bg-grey-6 {
    background: #9e9e9e ;
  }
  .bg-grey-7 {
    background: #757575 ;
  }
  .bg-grey-8 {
    background: #616161 ;
  }
  .bg-grey-9 {
    background: #424242 ;
  }
  .bg-grey-10 {
    background: #212121 ;
  }
  .bg-grey-11 {
    background: #f5f5f5 ;
  }
  .bg-grey-12 {
    background: #eee ;
  }
  .bg-grey-13 {
    background: #bdbdbd ;
  }
  .bg-grey-14 {
    background: #616161 ;
  }
  .bg-blue-grey {
    background: #607d8b ;
  }
  .bg-blue-grey-1 {
    background: #eceff1 ;
  }
  .bg-blue-grey-2 {
    background: #cfd8dc ;
  }
  .bg-blue-grey-3 {
    background: #b0bec5 ;
  }
  .bg-blue-grey-4 {
    background: #90a4ae ;
  }
  .bg-blue-grey-5 {
    background: #78909c ;
  }
  .bg-blue-grey-6 {
    background: #607d8b ;
  }
  .bg-blue-grey-7 {
    background: #546e7a ;
  }
  .bg-blue-grey-8 {
    background: #455a64 ;
  }
  .bg-blue-grey-9 {
    background: #37474f ;
  }
  .bg-blue-grey-10 {
    background: #263238 ;
  }
  .bg-blue-grey-11 {
    background: #cfd8dc ;
  }
  .bg-blue-grey-12 {
    background: #b0bec5 ;
  }
  .bg-blue-grey-13 {
    background: #78909c ;
  }
  .bg-blue-grey-14 {
    background: #455a64 ;
  }


  .shadow-transition {
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) ;
  }
  .shadow-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  }
  .shadow-up-1 {
    box-shadow: 0 -1px 3px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.14), 0 -2px 1px -1px rgba(0,0,0,0.12);
  }
  .shadow-2 {
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
  }
  .shadow-up-2 {
    box-shadow: 0 -1px 5px rgba(0,0,0,0.2), 0 -2px 2px rgba(0,0,0,0.14), 0 -3px 1px -2px rgba(0,0,0,0.12);
  }
  .shadow-3 {
    box-shadow: 0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12);
  }
  .shadow-up-3 {
    box-shadow: 0 -1px 8px rgba(0,0,0,0.2), 0 -3px 4px rgba(0,0,0,0.14), 0 -3px 3px -2px rgba(0,0,0,0.12);
  }
  .shadow-4 {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
  }
  .shadow-up-4 {
    box-shadow: 0 -2px 4px -1px rgba(0,0,0,0.2), 0 -4px 5px rgba(0,0,0,0.14), 0 -1px 10px rgba(0,0,0,0.12);
  }
  .shadow-5 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 5px 8px rgba(0,0,0,0.14), 0 1px 14px rgba(0,0,0,0.12);
  }
  .shadow-up-5 {
    box-shadow: 0 -3px 5px -1px rgba(0,0,0,0.2), 0 -5px 8px rgba(0,0,0,0.14), 0 -1px 14px rgba(0,0,0,0.12);
  }
  .shadow-6 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12);
  }
  .shadow-up-6 {
    box-shadow: 0 -3px 5px -1px rgba(0,0,0,0.2), 0 -6px 10px rgba(0,0,0,0.14), 0 -1px 18px rgba(0,0,0,0.12);
  }
  .shadow-7 {
    box-shadow: 0 4px 5px -2px rgba(0,0,0,0.2), 0 7px 10px 1px rgba(0,0,0,0.14), 0 2px 16px 1px rgba(0,0,0,0.12);
  }
  .shadow-up-7 {
    box-shadow: 0 -4px 5px -2px rgba(0,0,0,0.2), 0 -7px 10px 1px rgba(0,0,0,0.14), 0 -2px 16px 1px rgba(0,0,0,0.12);
  }
  .shadow-8 {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
  }
  .shadow-up-8 {
    box-shadow: 0 -5px 5px -3px rgba(0,0,0,0.2), 0 -8px 10px 1px rgba(0,0,0,0.14), 0 -3px 14px 2px rgba(0,0,0,0.12);
  }
  .shadow-9 {
    box-shadow: 0 5px 6px -3px rgba(0,0,0,0.2), 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12);
  }
  .shadow-up-9 {
    box-shadow: 0 -5px 6px -3px rgba(0,0,0,0.2), 0 -9px 12px 1px rgba(0,0,0,0.14), 0 -3px 16px 2px rgba(0,0,0,0.12);
  }
  .shadow-10 {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,0.2), 0 10px 14px 1px rgba(0,0,0,0.14), 0 4px 18px 3px rgba(0,0,0,0.12);
  }
  .shadow-up-10 {
    box-shadow: 0 -6px 6px -3px rgba(0,0,0,0.2), 0 -10px 14px 1px rgba(0,0,0,0.14), 0 -4px 18px 3px rgba(0,0,0,0.12);
  }
  .shadow-11 {
    box-shadow: 0 6px 7px -4px rgba(0,0,0,0.2), 0 11px 15px 1px rgba(0,0,0,0.14), 0 4px 20px 3px rgba(0,0,0,0.12);
  }
  .shadow-up-11 {
    box-shadow: 0 -6px 7px -4px rgba(0,0,0,0.2), 0 -11px 15px 1px rgba(0,0,0,0.14), 0 -4px 20px 3px rgba(0,0,0,0.12);
  }
  .shadow-12 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12);
  }
  .shadow-up-12 {
    box-shadow: 0 -7px 8px -4px rgba(0,0,0,0.2), 0 -12px 17px 2px rgba(0,0,0,0.14), 0 -5px 22px 4px rgba(0,0,0,0.12);
  }
  .shadow-13 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12);
  }
  .shadow-up-13 {
    box-shadow: 0 -7px 8px -4px rgba(0,0,0,0.2), 0 -13px 19px 2px rgba(0,0,0,0.14), 0 -5px 24px 4px rgba(0,0,0,0.12);
  }
  .shadow-14 {
    box-shadow: 0 7px 9px -4px rgba(0,0,0,0.2), 0 14px 21px 2px rgba(0,0,0,0.14), 0 5px 26px 4px rgba(0,0,0,0.12);
  }
  .shadow-up-14 {
    box-shadow: 0 -7px 9px -4px rgba(0,0,0,0.2), 0 -14px 21px 2px rgba(0,0,0,0.14), 0 -5px 26px 4px rgba(0,0,0,0.12);
  }
  .shadow-15 {
    box-shadow: 0 8px 9px -5px rgba(0,0,0,0.2), 0 15px 22px 2px rgba(0,0,0,0.14), 0 6px 28px 5px rgba(0,0,0,0.12);
  }
  .shadow-up-15 {
    box-shadow: 0 -8px 9px -5px rgba(0,0,0,0.2), 0 -15px 22px 2px rgba(0,0,0,0.14), 0 -6px 28px 5px rgba(0,0,0,0.12);
  }
  .shadow-16 {
    box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
  }
  .shadow-up-16 {
    box-shadow: 0 -8px 10px -5px rgba(0,0,0,0.2), 0 -16px 24px 2px rgba(0,0,0,0.14), 0 -6px 30px 5px rgba(0,0,0,0.12);
  }
  .shadow-17 {
    box-shadow: 0 8px 11px -5px rgba(0,0,0,0.2), 0 17px 26px 2px rgba(0,0,0,0.14), 0 6px 32px 5px rgba(0,0,0,0.12);
  }
  .shadow-up-17 {
    box-shadow: 0 -8px 11px -5px rgba(0,0,0,0.2), 0 -17px 26px 2px rgba(0,0,0,0.14), 0 -6px 32px 5px rgba(0,0,0,0.12);
  }
  .shadow-18 {
    box-shadow: 0 9px 11px -5px rgba(0,0,0,0.2), 0 18px 28px 2px rgba(0,0,0,0.14), 0 7px 34px 6px rgba(0,0,0,0.12);
  }
  .shadow-up-18 {
    box-shadow: 0 -9px 11px -5px rgba(0,0,0,0.2), 0 -18px 28px 2px rgba(0,0,0,0.14), 0 -7px 34px 6px rgba(0,0,0,0.12);
  }
  .shadow-19 {
    box-shadow: 0 9px 12px -6px rgba(0,0,0,0.2), 0 19px 29px 2px rgba(0,0,0,0.14), 0 7px 36px 6px rgba(0,0,0,0.12);
  }
  .shadow-up-19 {
    box-shadow: 0 -9px 12px -6px rgba(0,0,0,0.2), 0 -19px 29px 2px rgba(0,0,0,0.14), 0 -7px 36px 6px rgba(0,0,0,0.12);
  }
  .shadow-20 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2), 0 20px 31px 3px rgba(0,0,0,0.14), 0 8px 38px 7px rgba(0,0,0,0.12);
  }
  .shadow-up-20 {
    box-shadow: 0 -10px 13px -6px rgba(0,0,0,0.2), 0 -20px 31px 3px rgba(0,0,0,0.14), 0 -8px 38px 7px rgba(0,0,0,0.12);
  }
  .shadow-21 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2), 0 21px 33px 3px rgba(0,0,0,0.14), 0 8px 40px 7px rgba(0,0,0,0.12);
  }
  .shadow-up-21 {
    box-shadow: 0 -10px 13px -6px rgba(0,0,0,0.2), 0 -21px 33px 3px rgba(0,0,0,0.14), 0 -8px 40px 7px rgba(0,0,0,0.12);
  }
  .shadow-22 {
    box-shadow: 0 10px 14px -6px rgba(0,0,0,0.2), 0 22px 35px 3px rgba(0,0,0,0.14), 0 8px 42px 7px rgba(0,0,0,0.12);
  }
  .shadow-up-22 {
    box-shadow: 0 -10px 14px -6px rgba(0,0,0,0.2), 0 -22px 35px 3px rgba(0,0,0,0.14), 0 -8px 42px 7px rgba(0,0,0,0.12);
  }
  .shadow-23 {
    box-shadow: 0 11px 14px -7px rgba(0,0,0,0.2), 0 23px 36px 3px rgba(0,0,0,0.14), 0 9px 44px 8px rgba(0,0,0,0.12);
  }
  .shadow-up-23 {
    box-shadow: 0 -11px 14px -7px rgba(0,0,0,0.2), 0 -23px 36px 3px rgba(0,0,0,0.14), 0 -9px 44px 8px rgba(0,0,0,0.12);
  }
  .shadow-24 {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12);
  }
  .shadow-up-24 {
    box-shadow: 0 -11px 15px -7px rgba(0,0,0,0.2), 0 -24px 38px 3px rgba(0,0,0,0.14), 0 -9px 46px 8px rgba(0,0,0,0.12);
  }
  .no-shadow,
  .shadow-0 {
    box-shadow: none ;
  }
  .inset-shadow {
    box-shadow: 0 7px 9px -7px rgba(0,0,0,0.7) inset ;
  }