/*=======================
    Brand Colors
========================*/
/*=======================
    Font Sizes
========================*/
/******************************************
  Background Colors
******************************************/
.bg-red-50,
.bg-red-50-hover:hover,
.bg-red-50-after::after,
.bg-red-50-before::before,
.bg-red-50-focus:focus {
    background-color: #FFEBEE !important;
    color: #212121;
}

.bg-red-100,
.bg-red-100-hover:hover,
.bg-red-100-after::after,
.bg-red-100-before::before,
.bg-red-100-focus:focus {
    background-color: #FFCDD2 !important;
    color: #212121;
}

.bg-red-200,
.bg-red-200-hover:hover,
.bg-red-200-after::after,
.bg-red-200-before::before,
.bg-red-200-focus:focus {
    background-color: #EF9A9A !important;
    color: #212121;
}

.bg-red-300,
.bg-red-300-hover:hover,
.bg-red-300-after::after,
.bg-red-300-before::before,
.bg-red-300-focus:focus {
    background-color: #E57373 !important;
    color: #212121;
}

.bg-red-400,
.bg-red-400-hover:hover,
.bg-red-400-after::after,
.bg-red-400-before::before,
.bg-red-400-focus:focus {
    background-color: #EF5350 !important;
    color: #FAFAFA;
}

.bg-red-500,
.bg-red-500-hover:hover,
.bg-red-500-after::after,
.bg-red-500-before::before,
.bg-red-500-focus:focus {
    background-color: #F44336 !important;
    color: #FAFAFA;
}

.bg-red-600,
.bg-red-600-hover:hover,
.bg-red-600-after::after,
.bg-red-600-before::before,
.bg-red-600-focus:focus {
    background-color: #E53935 !important;
    color: #FAFAFA;
}

.bg-red-700,
.bg-red-700-hover:hover,
.bg-red-700-after::after,
.bg-red-700-before::before,
.bg-red-700-focus:focus {
    background-color: #D32F2F !important;
    color: #FAFAFA;
}

.bg-red-800,
.bg-red-800-hover:hover,
.bg-red-800-after::after,
.bg-red-800-before::before,
.bg-red-800-focus:focus {
    background-color: #C62828 !important;
    color: #FAFAFA;
}

.bg-red-900,
.bg-red-900-hover:hover,
.bg-red-900-after::after,
.bg-red-900-before::before,
.bg-red-900-focus:focus {
    background-color: #B71C1C !important;
    color: #FAFAFA;
}

.bg-red-A100,
.bg-red-A100-hover:hover,
.bg-red-A100-after::after,
.bg-red-A100-before::before,
.bg-red-A100-focus:focus {
    background-color: #FF8A80 !important;
    color: #212121;
}

.bg-red-A200,
.bg-red-A200-hover:hover,
.bg-red-A200-after::after,
.bg-red-A200-before::before,
.bg-red-A200-focus:focus {
    background-color: #FF5252 !important;
    color: #FAFAFA;
}

.bg-red-A400,
.bg-red-A400-hover:hover,
.bg-red-A400-after::after,
.bg-red-A400-before::before,
.bg-red-A400-focus:focus {
    background-color: #FF1744 !important;
    color: #FAFAFA;
}

.bg-red-A700,
.bg-red-A700-hover:hover,
.bg-red-A700-after::after,
.bg-red-A700-before::before,
.bg-red-A700-focus:focus {
    background-color: #D50000 !important;
    color: #FAFAFA;
}

.bg-pink-50,
.bg-pink-50-hover:hover,
.bg-pink-50-after::after,
.bg-pink-50-before::before,
.bg-pink-50-focus:focus {
    background-color: #FCE4EC !important;
    color: #212121;
}

.bg-pink-100,
.bg-pink-100-hover:hover,
.bg-pink-100-after::after,
.bg-pink-100-before::before,
.bg-pink-100-focus:focus {
    background-color: #F8BBD0 !important;
    color: #212121;
}

.bg-pink-200,
.bg-pink-200-hover:hover,
.bg-pink-200-after::after,
.bg-pink-200-before::before,
.bg-pink-200-focus:focus {
    background-color: #F48FB1 !important;
    color: #212121;
}

.bg-pink-300,
.bg-pink-300-hover:hover,
.bg-pink-300-after::after,
.bg-pink-300-before::before,
.bg-pink-300-focus:focus {
    background-color: #F06292 !important;
    color: #212121;
}

.bg-pink-400,
.bg-pink-400-hover:hover,
.bg-pink-400-after::after,
.bg-pink-400-before::before,
.bg-pink-400-focus:focus {
    background-color: #EC407A !important;
    color: #FAFAFA;
}

.bg-pink-500,
.bg-pink-500-hover:hover,
.bg-pink-500-after::after,
.bg-pink-500-before::before,
.bg-pink-500-focus:focus {
    background-color: #E91E63 !important;
    color: #FAFAFA;
}

.bg-pink-600,
.bg-pink-600-hover:hover,
.bg-pink-600-after::after,
.bg-pink-600-before::before,
.bg-pink-600-focus:focus {
    background-color: #D81B60 !important;
    color: #FAFAFA;
}

.bg-pink-700,
.bg-pink-700-hover:hover,
.bg-pink-700-after::after,
.bg-pink-700-before::before,
.bg-pink-700-focus:focus {
    background-color: #C2185B !important;
    color: #FAFAFA;
}

.bg-pink-800,
.bg-pink-800-hover:hover,
.bg-pink-800-after::after,
.bg-pink-800-before::before,
.bg-pink-800-focus:focus {
    background-color: #AD1457 !important;
    color: #FAFAFA;
}

.bg-pink-900,
.bg-pink-900-hover:hover,
.bg-pink-900-after::after,
.bg-pink-900-before::before,
.bg-pink-900-focus:focus {
    background-color: #880E4F !important;
    color: #FAFAFA;
}

.bg-pink-A100,
.bg-pink-A100-hover:hover,
.bg-pink-A100-after::after,
.bg-pink-A100-before::before,
.bg-pink-A100-focus:focus {
    background-color: #FF80AB !important;
    color: #212121;
}

.bg-pink-A200,
.bg-pink-A200-hover:hover,
.bg-pink-A200-after::after,
.bg-pink-A200-before::before,
.bg-pink-A200-focus:focus {
    background-color: #FF4081 !important;
    color: #FAFAFA;
}

.bg-pink-A400,
.bg-pink-A400-hover:hover,
.bg-pink-A400-after::after,
.bg-pink-A400-before::before,
.bg-pink-A400-focus:focus {
    background-color: #F50057 !important;
    color: #FAFAFA;
}

.bg-pink-A700,
.bg-pink-A700-hover:hover,
.bg-pink-A700-after::after,
.bg-pink-A700-before::before,
.bg-pink-A700-focus:focus {
    background-color: #C51162 !important;
    color: #FAFAFA;
}

.bg-purple-50,
.bg-purple-50-hover:hover,
.bg-purple-50-after::after,
.bg-purple-50-before::before {
    background-color: #F3E5F5 !important;
    color: #212121;
}

.bg-purple-100,
.bg-purple-100-hover:hover,
.bg-purple-100-after::after,
.bg-purple-100-before::before {
    background-color: #E1BEE7 !important;
    color: #212121;
}

.bg-purple-200,
.bg-purple-200-hover:hover,
.bg-purple-200-after::after,
.bg-purple-200-before::before {
    background-color: #CE93D8 !important;
    color: #212121;
}

.bg-purple-300,
.bg-purple-300-hover:hover,
.bg-purple-300-after::after,
.bg-purple-300-before::before {
    background-color: #BA68C8 !important;
    color: #FAFAFA;
}

.bg-purple-400,
.bg-purple-400-hover:hover,
.bg-purple-400-after::after,
.bg-purple-400-before::before {
    background-color: #AB47BC !important;
    color: #FAFAFA;
}

.bg-purple-500,
.bg-purple-500-hover:hover,
.bg-purple-500-after::after,
.bg-purple-500-before::before {
    background-color: #9C27B0 !important;
    color: #FAFAFA;
}

.bg-purple-600,
.bg-purple-600-hover:hover,
.bg-purple-600-after::after,
.bg-purple-600-before::before {
    background-color: #8E24AA !important;
    color: #FAFAFA;
}

.bg-purple-700,
.bg-purple-700-hover:hover,
.bg-purple-700-after::after,
.bg-purple-700-before::before {
    background-color: #7B1FA2 !important;
    color: #FAFAFA;
}

.bg-purple-800,
.bg-purple-800-hover:hover,
.bg-purple-800-after::after,
.bg-purple-800-before::before {
    background-color: #6A1B9A !important;
    color: #FAFAFA;
}

.bg-purple-900,
.bg-purple-900-hover:hover,
.bg-purple-900-after::after,
.bg-purple-900-before::before {
    background-color: #4A148C !important;
    color: #FAFAFA;
}

.bg-purple-A100,
.bg-purple-A100-hover:hover,
.bg-purple-A100-after::after,
.bg-purple-A100-before::before {
    background-color: #FF80AB !important;
    color: #212121;
}

.bg-purple-A200,
.bg-purple-A200-hover:hover,
.bg-purple-A200-after::after,
.bg-purple-A200-before::before {
    background-color: #E040FB !important;
    color: #FAFAFA;
}

.bg-purple-A400,
.bg-purple-A400-hover:hover,
.bg-purple-A400-after::after,
.bg-purple-A400-before::before {
    background-color: #D500F9 !important;
    color: #FAFAFA;
}

.bg-purple-A700,
.bg-purple-A700-hover:hover,
.bg-purple-A700-after::after,
.bg-purple-A700-before::before {
    background-color: #AA00FF !important;
    color: #FAFAFA;
}

.bg-deep-purple-50,
.bg-deep-purple-50-hover:hover,
.bg-deep-purple-50-after::after,
.bg-deep-purple-50-before::before {
    background-color: #EDE7F6 !important;
    color: #212121;
}

.bg-deep-purple-100,
.bg-deep-purple-100-hover:hover,
.bg-deep-purple-100-after::after,
.bg-deep-purple-100-before::before {
    background-color: #D1C4E9 !important;
    color: #212121;
}

.bg-deep-purple-200,
.bg-deep-purple-200-hover:hover,
.bg-deep-purple-200-after::after,
.bg-deep-purple-200-before::before {
    background-color: #B39DDB !important;
    color: #212121;
}

.bg-deep-purple-300,
.bg-deep-purple-300-hover:hover,
.bg-deep-purple-300-after::after,
.bg-deep-purple-300-before::before {
    background-color: #9575CD !important;
    color: #FAFAFA;
}

.bg-deep-purple-400,
.bg-deep-purple-400-hover:hover,
.bg-deep-purple-400-after::after,
.bg-deep-purple-400-before::before {
    background-color: #7E57C2 !important;
    color: #FAFAFA;
}

.bg-deep-purple-500,
.bg-deep-purple-500-hover:hover,
.bg-deep-purple-500-after::after,
.bg-deep-purple-500-before::before {
    background-color: #673AB7 !important;
    color: #FAFAFA;
}

.bg-deep-purple-600,
.bg-deep-purple-600-hover:hover,
.bg-deep-purple-600-after::after,
.bg-deep-purple-600-before::before {
    background-color: #5E35B1 !important;
    color: #FAFAFA;
}

.bg-deep-purple-700,
.bg-deep-purple-700-hover:hover,
.bg-deep-purple-700-after::after,
.bg-deep-purple-700-before::before {
    background-color: #512DA8 !important;
    color: #FAFAFA;
}

.bg-deep-purple-800,
.bg-deep-purple-800-hover:hover,
.bg-deep-purple-800-after::after,
.bg-deep-purple-800-before::before {
    background-color: #4527A0 !important;
    color: #FAFAFA;
}

.bg-deep-purple-900,
.bg-deep-purple-900-hover:hover,
.bg-deep-purple-900-after::after,
.bg-deep-purple-900-before::before {
    background-color: #311B92 !important;
    color: #FAFAFA;
}

.bg-deep-purple-A100,
.bg-deep-purple-A100-hover:hover,
.bg-deep-purple-A100-after::after,
.bg-deep-purple-A100-before::before {
    background-color: #B388FF !important;
    color: #212121;
}

.bg-deep-purple-A200,
.bg-deep-purple-A200-hover:hover,
.bg-deep-purple-A200-after::after,
.bg-deep-purple-A200-before::before {
    background-color: #7C4DFF !important;
    color: #FAFAFA;
}

.bg-deep-purple-A400,
.bg-deep-purple-A400-hover:hover,
.bg-deep-purple-A400-after::after,
.bg-deep-purple-A400-before::before {
    background-color: #651FFF !important;
    color: #FAFAFA;
}

.bg-deep-purple-A700,
.bg-deep-purple-A700-hover:hover,
.bg-deep-purple-A700-after::after,
.bg-deep-purple-A700-before::before {
    background-color: #6200EA !important;
    color: #FAFAFA;
}

.bg-indigo-50,
.bg-indigo-50-hover:hover,
.bg-indigo-50-after::after,
.bg-indigo-50-before::before {
    background-color: #E8EAF6 !important;
    color: #212121;
}

.bg-indigo-100,
.bg-indigo-100-hover:hover,
.bg-indigo-100-after::after,
.bg-indigo-100-before::before {
    background-color: #C5CAE9 !important;
    color: #212121;
}

.bg-indigo-200,
.bg-indigo-200-hover:hover,
.bg-indigo-200-after::after,
.bg-indigo-200-before::before {
    background-color: #9FA8DA !important;
    color: #212121;
}

.bg-indigo-300,
.bg-indigo-300-hover:hover,
.bg-indigo-300-after::after,
.bg-indigo-300-before::before {
    background-color: #7986CB !important;
    color: #FAFAFA;
}

.bg-indigo-400,
.bg-indigo-400-hover:hover,
.bg-indigo-400-after::after,
.bg-indigo-400-before::before {
    background-color: #5C6BC0 !important;
    color: #FAFAFA;
}

.bg-indigo-500,
.bg-indigo-500-hover:hover,
.bg-indigo-500-after::after,
.bg-indigo-500-before::before {
    background-color: #3F51B5 !important;
    color: #FAFAFA;
}

.bg-indigo-600,
.bg-indigo-600-hover:hover,
.bg-indigo-600-after::after,
.bg-indigo-600-before::before {
    background-color: #3949AB !important;
    color: #FAFAFA;
}

.bg-indigo-700,
.bg-indigo-700-hover:hover,
.bg-indigo-700-after::after,
.bg-indigo-700-before::before {
    background-color: #303F9F !important;
    color: #FAFAFA;
}

.bg-indigo-800,
.bg-indigo-800-hover:hover,
.bg-indigo-800-after::after,
.bg-indigo-800-before::before {
    background-color: #283593 !important;
    color: #FAFAFA;
}

.bg-indigo-900,
.bg-indigo-900-hover:hover,
.bg-indigo-900-after::after,
.bg-indigo-900-before::before {
    background-color: #1A237E !important;
    color: #FAFAFA;
}

.bg-indigo-A100,
.bg-indigo-A100-hover:hover,
.bg-indigo-A100-after::after,
.bg-indigo-A100-before::before {
    background-color: #8C9EFF !important;
    color: #212121;
}

.bg-indigo-A200,
.bg-indigo-A200-hover:hover,
.bg-indigo-A200-after::after,
.bg-indigo-A200-before::before {
    background-color: #536DFE !important;
    color: #FAFAFA;
}

.bg-indigo-A400,
.bg-indigo-A400-hover:hover,
.bg-indigo-A400-after::after,
.bg-indigo-A400-before::before {
    background-color: #3D5AFE !important;
    color: #FAFAFA;
}

.bg-indigo-A700,
.bg-indigo-A700-hover:hover,
.bg-indigo-A700-after::after,
.bg-indigo-A700-before::before {
    background-color: #304FFE !important;
    color: #FAFAFA;
}

.bg-blue-50,
.bg-blue-50-hover:hover,
.bg-blue-50-after::after,
.bg-blue-50-before::before {
    background-color: #E3F2FD !important;
    color: #212121;
}

.bg-blue-100,
.bg-blue-100-hover:hover,
.bg-blue-100-after::after,
.bg-blue-100-before::before {
    background-color: #BBDEFB !important;
    color: #212121;
}

.bg-blue-200,
.bg-blue-200-hover:hover,
.bg-blue-200-after::after,
.bg-blue-200-before::before {
    background-color: #90CAF9 !important;
    color: #212121;
}

.bg-blue-300,
.bg-blue-300-hover:hover,
.bg-blue-300-after::after,
.bg-blue-300-before::before {
    background-color: #64B5F6 !important;
    color: #212121;
}

.bg-blue-400,
.bg-blue-400-hover:hover,
.bg-blue-400-after::after,
.bg-blue-400-before::before {
    background-color: #42A5F5 !important;
    color: #212121;
}

.bg-blue-500,
.bg-blue-500-hover:hover,
.bg-blue-500-after::after,
.bg-blue-500-before::before {
    background-color: #2196F3 !important;
    color: #212121;
}

.bg-blue-600,
.bg-blue-600-hover:hover,
.bg-blue-600-after::after,
.bg-blue-600-before::before {
    background-color: #1E88E5 !important;
    color: #FAFAFA;
}

.bg-blue-700,
.bg-blue-700-hover:hover,
.bg-blue-700-after::after,
.bg-blue-700-before::before {
    background-color: #1976D2 !important;
    color: #FAFAFA;
}

.bg-blue-800,
.bg-blue-800-hover:hover,
.bg-blue-800-after::after,
.bg-blue-800-before::before {
    background-color: #1565C0 !important;
    color: #FAFAFA;
}

.bg-blue-900,
.bg-blue-900-hover:hover,
.bg-blue-900-after::after,
.bg-blue-900-before::before {
    background-color: #0D47A1 !important;
    color: #FAFAFA;
}

.bg-blue-A100,
.bg-blue-A100-hover:hover,
.bg-blue-A100-after::after,
.bg-blue-A100-before::before {
    background-color: #82B1FF !important;
    color: #212121;
}

.bg-blue-A200,
.bg-blue-A200-hover:hover,
.bg-blue-A200-after::after,
.bg-blue-A200-before::before {
    background-color: #448AFF !important;
    color: #FAFAFA;
}

.bg-blue-A400,
.bg-blue-A400-hover:hover,
.bg-blue-A400-after::after,
.bg-blue-A400-before::before {
    background-color: #2979FF !important;
    color: #FAFAFA;
}

.bg-blue-A700,
.bg-blue-A700-hover:hover,
.bg-blue-A700-after::after,
.bg-blue-A700-before::before {
    background-color: #2962FF !important;
    color: #FAFAFA;
}

.bg-light-blue-50,
.bg-light-blue-50-hover:hover,
.bg-light-blue-50-after::after,
.bg-light-blue-50-before::before {
    background-color: #E1F5FE !important;
    color: #212121;
}

.bg-light-blue-100,
.bg-light-blue-100-hover:hover,
.bg-light-blue-100-after::after,
.bg-light-blue-100-before::before {
    background-color: #B3E5FC !important;
    color: #212121;
}

.bg-light-blue-200,
.bg-light-blue-200-hover:hover,
.bg-light-blue-200-after::after,
.bg-light-blue-200-before::before {
    background-color: #81D4FA !important;
    color: #212121;
}

.bg-light-blue-300,
.bg-light-blue-300-hover:hover,
.bg-light-blue-300-after::after,
.bg-light-blue-300-before::before {
    background-color: #4FC3F7 !important;
    color: #212121;
}

.bg-light-blue-400,
.bg-light-blue-400-hover:hover,
.bg-light-blue-400-after::after,
.bg-light-blue-400-before::before {
    background-color: #29B6F6 !important;
    color: #212121;
}

.bg-light-blue-500,
.bg-light-blue-500-hover:hover,
.bg-light-blue-500-after::after,
.bg-light-blue-500-before::before {
    background-color: #03A9F4 !important;
    color: #212121;
}

.bg-light-blue-600,
.bg-light-blue-600-hover:hover,
.bg-light-blue-600-after::after,
.bg-light-blue-600-before::before {
    background-color: #039BE5 !important;
    color: #212121;
}

.bg-light-blue-700,
.bg-light-blue-700-hover:hover,
.bg-light-blue-700-after::after,
.bg-light-blue-700-before::before {
    background-color: #0288D1 !important;
    color: #FAFAFA;
}

.bg-light-blue-800,
.bg-light-blue-800-hover:hover,
.bg-light-blue-800-after::after,
.bg-light-blue-800-before::before {
    background-color: #0277BD !important;
    color: #FAFAFA;
}

.bg-light-blue-900,
.bg-light-blue-900-hover:hover,
.bg-light-blue-900-after::after,
.bg-light-blue-900-before::before {
    background-color: #01579B !important;
    color: #FAFAFA;
}

.bg-light-blue-A100,
.bg-light-blue-A100-hover:hover,
.bg-light-blue-A100-after::after,
.bg-light-blue-A100-before::before {
    background-color: #80D8FF !important;
    color: #212121;
}

.bg-light-blue-A200,
.bg-light-blue-A200-hover:hover,
.bg-light-blue-A200-after::after,
.bg-light-blue-A200-before::before {
    background-color: #40C4FF !important;
    color: #212121;
}

.bg-light-blue-A400,
.bg-light-blue-A400-hover:hover,
.bg-light-blue-A400-after::after,
.bg-light-blue-A400-before::before {
    background-color: #00B0FF !important;
    color: #212121;
}

.bg-light-blue-A700,
.bg-light-blue-A700-hover:hover,
.bg-light-blue-A700-after::after,
.bg-light-blue-A700-before::before {
    background-color: #0091EA !important;
    color: #FAFAFA;
}

.bg-cyan-50,
.bg-cyan-50-hover:hover,
.bg-cyan-50-after::after,
.bg-cyan-50-before::before {
    background-color: #E0F7FA !important;
    color: #212121;
}

.bg-cyan-100,
.bg-cyan-100-hover:hover,
.bg-cyan-100-after::after,
.bg-cyan-100-before::before {
    background-color: #B2EBF2 !important;
    color: #212121;
}

.bg-cyan-200,
.bg-cyan-200-hover:hover,
.bg-cyan-200-after::after,
.bg-cyan-200-before::before {
    background-color: #80DEEA !important;
    color: #212121;
}

.bg-cyan-300,
.bg-cyan-300-hover:hover,
.bg-cyan-300-after::after,
.bg-cyan-300-before::before {
    background-color: #4DD0E1 !important;
    color: #212121;
}

.bg-cyan-400,
.bg-cyan-400-hover:hover,
.bg-cyan-400-after::after,
.bg-cyan-400-before::before {
    background-color: #26C6DA !important;
    color: #212121;
}

.bg-cyan-500,
.bg-cyan-500-hover:hover,
.bg-cyan-500-after::after,
.bg-cyan-500-before::before {
    background-color: #00BCD4 !important;
    color: #212121;
}

.bg-cyan-600,
.bg-cyan-600-hover:hover,
.bg-cyan-600-after::after,
.bg-cyan-600-before::before {
    background-color: #00ACC1 !important;
    color: #212121;
}

.bg-cyan-700,
.bg-cyan-700-hover:hover,
.bg-cyan-700-after::after,
.bg-cyan-700-before::before {
    background-color: #0097A7 !important;
    color: #FAFAFA;
}

.bg-cyan-800,
.bg-cyan-800-hover:hover,
.bg-cyan-800-after::after,
.bg-cyan-800-before::before {
    background-color: #00838F !important;
    color: #FAFAFA;
}

.bg-cyan-900,
.bg-cyan-900-hover:hover,
.bg-cyan-900-after::after,
.bg-cyan-900-before::before {
    background-color: #006064 !important;
    color: #FAFAFA;
}

.bg-cyan-A100,
.bg-cyan-A100-hover:hover,
.bg-cyan-A100-after::after,
.bg-cyan-A100-before::before {
    background-color: #84FFFF !important;
    color: #212121;
}

.bg-cyan-A200,
.bg-cyan-A200-hover:hover,
.bg-cyan-A200-after::after,
.bg-cyan-A200-before::before {
    background-color: #18FFFF !important;
    color: #212121;
}

.bg-cyan-A400,
.bg-cyan-A400-hover:hover,
.bg-cyan-A400-after::after,
.bg-cyan-A400-before::before {
    background-color: #00E5FF !important;
    color: #212121;
}

.bg-cyan-A700,
.bg-cyan-A700-hover:hover,
.bg-cyan-A700-after::after,
.bg-cyan-A700-before::before {
    background-color: #00B8D4 !important;
    color: #212121;
}

.bg-teal-50,
.bg-teal-50-hover:hover,
.bg-teal-50-after::after,
.bg-teal-50-before::before {
    background-color: #E0F2F1 !important;
    color: #212121;
}

.bg-teal-100,
.bg-teal-100-hover:hover,
.bg-teal-100-after::after,
.bg-teal-100-before::before {
    background-color: #B2DFDB !important;
    color: #212121;
}

.bg-teal-200,
.bg-teal-200-hover:hover,
.bg-teal-200-after::after,
.bg-teal-200-before::before {
    background-color: #80CBC4 !important;
    color: #212121;
}

.bg-teal-300,
.bg-teal-300-hover:hover,
.bg-teal-300-after::after,
.bg-teal-300-before::before {
    background-color: #4DB6AC !important;
    color: #212121;
}

.bg-teal-400,
.bg-teal-400-hover:hover,
.bg-teal-400-after::after,
.bg-teal-400-before::before {
    background-color: #26A69A !important;
    color: #212121;
}

.bg-teal-500,
.bg-teal-500-hover:hover,
.bg-teal-500-after::after,
.bg-teal-500-before::before {
    background-color: #009688 !important;
    color: #FAFAFA;
}

.bg-teal-600,
.bg-teal-600-hover:hover,
.bg-teal-600-after::after,
.bg-teal-600-before::before {
    background-color: #00897B !important;
    color: #FAFAFA;
}

.bg-teal-700,
.bg-teal-700-hover:hover,
.bg-teal-700-after::after,
.bg-teal-700-before::before {
    background-color: #00796B !important;
    color: #FAFAFA;
}

.bg-teal-800,
.bg-teal-800-hover:hover,
.bg-teal-800-after::after,
.bg-teal-800-before::before {
    background-color: #00695C !important;
    color: #FAFAFA;
}

.bg-teal-900,
.bg-teal-900-hover:hover,
.bg-teal-900-after::after,
.bg-teal-900-before::before {
    background-color: #004D40 !important;
    color: #FAFAFA;
}

.bg-teal-A100,
.bg-teal-A100-hover:hover,
.bg-teal-A100-after::after,
.bg-teal-A100-before::before {
    background-color: #A7FFEB !important;
    color: #212121;
}

.bg-teal-A200,
.bg-teal-A200-hover:hover,
.bg-teal-A200-after::after,
.bg-teal-A200-before::before {
    background-color: #64FFDA !important;
    color: #212121;
}

.bg-teal-A400,
.bg-teal-A400-hover:hover,
.bg-teal-A400-after::after,
.bg-teal-A400-before::before {
    background-color: #1DE9B6 !important;
    color: #212121;
}

.bg-teal-A700,
.bg-teal-A700-hover:hover,
.bg-teal-A700-after::after,
.bg-teal-A700-before::before {
    background-color: #00BFA5 !important;
    color: #212121;
}

.bg-green-50,
.bg-green-50-hover:hover,
.bg-green-50-after::after,
.bg-green-50-before::before {
    background-color: #E8F5E9 !important;
    color: #212121;
}

.bg-green-100,
.bg-green-100-hover:hover,
.bg-green-100-after::after,
.bg-green-100-before::before {
    background-color: #C8E6C9 !important;
    color: #212121;
}

.bg-green-200,
.bg-green-200-hover:hover,
.bg-green-200-after::after,
.bg-green-200-before::before {
    background-color: #A5D6A7 !important;
    color: #212121;
}

.bg-green-300,
.bg-green-300-hover:hover,
.bg-green-300-after::after,
.bg-green-300-before::before {
    background-color: #81C784 !important;
    color: #212121;
}

.bg-green-400,
.bg-green-400-hover:hover,
.bg-green-400-after::after,
.bg-green-400-before::before {
    background-color: #66BB6A !important;
    color: #212121;
}

.bg-green-500,
.bg-green-500-hover:hover,
.bg-green-500-after::after,
.bg-green-500-before::before {
    background-color: #4CAF50 !important;
    color: #212121;
}

.bg-green-600,
.bg-green-600-hover:hover,
.bg-green-600-after::after,
.bg-green-600-before::before {
    background-color: #43A047 !important;
    color: #FAFAFA;
}

.bg-green-700,
.bg-green-700-hover:hover,
.bg-green-700-after::after,
.bg-green-700-before::before {
    background-color: #388E3C !important;
    color: #FAFAFA;
}

.bg-green-800,
.bg-green-800-hover:hover,
.bg-green-800-after::after,
.bg-green-800-before::before {
    background-color: #2E7D32 !important;
    color: #FAFAFA;
}

.bg-green-900,
.bg-green-900-hover:hover,
.bg-green-900-after::after,
.bg-green-900-before::before {
    background-color: #1B5E20 !important;
    color: #FAFAFA;
}

.bg-green-A100,
.bg-green-A100-hover:hover,
.bg-green-A100-after::after,
.bg-green-A100-before::before {
    background-color: #B9F6CA !important;
    color: #212121;
}

.bg-green-A200,
.bg-green-A200-hover:hover,
.bg-green-A200-after::after,
.bg-green-A200-before::before {
    background-color: #69F0AE !important;
    color: #212121;
}

.bg-green-A400,
.bg-green-A400-hover:hover,
.bg-green-A400-after::after,
.bg-green-A400-before::before {
    background-color: #00E676 !important;
    color: #212121;
}

.bg-green-A700,
.bg-green-A700-hover:hover,
.bg-green-A700-after::after,
.bg-green-A700-before::before {
    background-color: #00C853 !important;
    color: #212121;
}

.bg-light-green-50,
.bg-light-green-50-hover:hover,
.bg-light-green-50-after::after,
.bg-light-green-50-before::before {
    background-color: #F1F8E9 !important;
    color: #212121;
}

.bg-light-green-100,
.bg-light-green-100-hover:hover,
.bg-light-green-100-after::after,
.bg-light-green-100-before::before {
    background-color: #DCEDC8 !important;
    color: #212121;
}

.bg-light-green-200,
.bg-light-green-200-hover:hover,
.bg-light-green-200-after::after,
.bg-light-green-200-before::before {
    background-color: #C5E1A5 !important;
    color: #212121;
}

.bg-light-green-300,
.bg-light-green-300-hover:hover,
.bg-light-green-300-after::after,
.bg-light-green-300-before::before {
    background-color: #AED581 !important;
    color: #212121;
}

.bg-light-green-400,
.bg-light-green-400-hover:hover,
.bg-light-green-400-after::after,
.bg-light-green-400-before::before {
    background-color: #9CCC65 !important;
    color: #212121;
}

.bg-light-green-500,
.bg-light-green-500-hover:hover,
.bg-light-green-500-after::after,
.bg-light-green-500-before::before {
    background-color: #8BC34A !important;
    color: #212121;
}

.bg-light-green-600,
.bg-light-green-600-hover:hover,
.bg-light-green-600-after::after,
.bg-light-green-600-before::before {
    background-color: #7CB342 !important;
    color: #212121;
}

.bg-light-green-700,
.bg-light-green-700-hover:hover,
.bg-light-green-700-after::after,
.bg-light-green-700-before::before {
    background-color: #689F38 !important;
    color: #212121;
}

.bg-light-green-800,
.bg-light-green-800-hover:hover,
.bg-light-green-800-after::after,
.bg-light-green-800-before::before {
    background-color: #558B2F !important;
    color: #FAFAFA;
}

.bg-light-green-900,
.bg-light-green-900-hover:hover,
.bg-light-green-900-after::after,
.bg-light-green-900-before::before {
    background-color: #33691E !important;
    color: #FAFAFA;
}

.bg-light-green-A100,
.bg-light-green-A100-hover:hover,
.bg-light-green-A100-after::after,
.bg-light-green-A100-before::before {
    background-color: #CCFF90 !important;
    color: #212121;
}

.bg-light-green-A200,
.bg-light-green-A200-hover:hover,
.bg-light-green-A200-after::after,
.bg-light-green-A200-before::before {
    background-color: #B2FF59 !important;
    color: #212121;
}

.bg-light-green-A400,
.bg-light-green-A400-hover:hover,
.bg-light-green-A400-after::after,
.bg-light-green-A400-before::before {
    background-color: #76FF03 !important;
    color: #212121;
}

.bg-light-green-A700,
.bg-light-green-A700-hover:hover,
.bg-light-green-A700-after::after,
.bg-light-green-A700-before::before {
    background-color: #64DD17 !important;
    color: #212121;
}

.bg-lime-50,
.bg-lime-50-hover:hover,
.bg-lime-50-after::after,
.bg-lime-50-before::before {
    background-color: #F9FBE7 !important;
    color: #212121;
}

.bg-lime-100,
.bg-lime-100-hover:hover,
.bg-lime-100-after::after,
.bg-lime-100-before::before {
    background-color: #F0F4C3 !important;
    color: #212121;
}

.bg-lime-200,
.bg-lime-200-hover:hover,
.bg-lime-200-after::after,
.bg-lime-200-before::before {
    background-color: #E6EE9C !important;
    color: #212121;
}

.bg-lime-300,
.bg-lime-300-hover:hover,
.bg-lime-300-after::after,
.bg-lime-300-before::before {
    background-color: #DCE775 !important;
    color: #212121;
}

.bg-lime-400,
.bg-lime-400-hover:hover,
.bg-lime-400-after::after,
.bg-lime-400-before::before {
    background-color: #D4E157 !important;
    color: #212121;
}

.bg-lime-500,
.bg-lime-500-hover:hover,
.bg-lime-500-after::after,
.bg-lime-500-before::before {
    background-color: #CDDC39 !important;
    color: #212121;
}

.bg-lime-600,
.bg-lime-600-hover:hover,
.bg-lime-600-after::after,
.bg-lime-600-before::before {
    background-color: #C0CA33 !important;
    color: #212121;
}

.bg-lime-700,
.bg-lime-700-hover:hover,
.bg-lime-700-after::after,
.bg-lime-700-before::before {
    background-color: #AFB42B !important;
    color: #212121;
}

.bg-lime-800,
.bg-lime-800-hover:hover,
.bg-lime-800-after::after,
.bg-lime-800-before::before {
    background-color: #9E9D24 !important;
    color: #212121;
}

.bg-lime-900,
.bg-lime-900-hover:hover,
.bg-lime-900-after::after,
.bg-lime-900-before::before {
    background-color: #827717 !important;
    color: #FAFAFA;
}

.bg-lime-A100,
.bg-lime-A100-hover:hover,
.bg-lime-A100-after::after,
.bg-lime-A100-before::before {
    background-color: #F4FF81 !important;
    color: #212121;
}

.bg-lime-A200,
.bg-lime-A200-hover:hover,
.bg-lime-A200-after::after,
.bg-lime-A200-before::before {
    background-color: #EEFF41 !important;
    color: #212121;
}

.bg-lime-A400,
.bg-lime-A400-hover:hover,
.bg-lime-A400-after::after,
.bg-lime-A400-before::before {
    background-color: #C6FF00 !important;
    color: #212121;
}

.bg-lime-A700,
.bg-lime-A700-hover:hover,
.bg-lime-A700-after::after,
.bg-lime-A700-before::before {
    background-color: #AEEA00 !important;
    color: #212121;
}

.bg-yellow-50,
.bg-yellow-50-hover:hover,
.bg-yellow-50-after::after,
.bg-yellow-50-before::before {
    background-color: #FFFDE7 !important;
    color: #212121;
}

.bg-yellow-100,
.bg-yellow-100-hover:hover,
.bg-yellow-100-after::after,
.bg-yellow-100-before::before {
    background-color: #FFF9C4 !important;
    color: #212121;
}

.bg-yellow-200,
.bg-yellow-200-hover:hover,
.bg-yellow-200-after::after,
.bg-yellow-200-before::before {
    background-color: #FFF59D !important;
    color: #212121;
}

.bg-yellow-300,
.bg-yellow-300-hover:hover,
.bg-yellow-300-after::after,
.bg-yellow-300-before::before {
    background-color: #FFF176 !important;
    color: #212121;
}

.bg-yellow-400,
.bg-yellow-400-hover:hover,
.bg-yellow-400-after::after,
.bg-yellow-400-before::before {
    background-color: #FFEE58 !important;
    color: #212121;
}

.bg-yellow-500,
.bg-yellow-500-hover:hover,
.bg-yellow-500-after::after,
.bg-yellow-500-before::before {
    background-color: #FFEB3B !important;
    color: #212121;
}

.bg-yellow-600,
.bg-yellow-600-hover:hover,
.bg-yellow-600-after::after,
.bg-yellow-600-before::before {
    background-color: #FDD835 !important;
    color: #212121;
}

.bg-yellow-700,
.bg-yellow-700-hover:hover,
.bg-yellow-700-after::after,
.bg-yellow-700-before::before {
    background-color: #FBC02D !important;
    color: #212121;
}

.bg-yellow-800,
.bg-yellow-800-hover:hover,
.bg-yellow-800-after::after,
.bg-yellow-800-before::before {
    background-color: #F9A825 !important;
    color: #212121;
}

.bg-yellow-900,
.bg-yellow-900-hover:hover,
.bg-yellow-900-after::after,
.bg-yellow-900-before::before {
    background-color: #F57F17 !important;
    color: #212121;
}

.bg-yellow-A100,
.bg-yellow-A100-hover:hover,
.bg-yellow-A100-after::after,
.bg-yellow-A100-before::before {
    background-color: #FFFF8D !important;
    color: #212121;
}

.bg-yellow-A200,
.bg-yellow-A200-hover:hover,
.bg-yellow-A200-after::after,
.bg-yellow-A200-before::before {
    background-color: #FFFF00 !important;
    color: #212121;
}

.bg-yellow-A400,
.bg-yellow-A400-hover:hover,
.bg-yellow-A400-after::after,
.bg-yellow-A400-before::before {
    background-color: #FFEA00 !important;
    color: #212121;
}

.bg-yellow-A700,
.bg-yellow-A700-hover:hover,
.bg-yellow-A700-after::after,
.bg-yellow-A700-before::before {
    background-color: #FFD600 !important;
    color: #212121;
}

.bg-amber-50,
.bg-amber-50-hover:hover,
.bg-amber-50-after::after,
.bg-amber-50-before::before {
    background-color: #FFF8E1 !important;
    color: #212121;
}

.bg-amber-100,
.bg-amber-100-hover:hover,
.bg-amber-100-after::after,
.bg-amber-100-before::before {
    background-color: #FFECB3 !important;
    color: #212121;
}

.bg-amber-200,
.bg-amber-200-hover:hover,
.bg-amber-200-after::after,
.bg-amber-200-before::before {
    background-color: #FFE082 !important;
    color: #212121;
}

.bg-amber-300,
.bg-amber-300-hover:hover,
.bg-amber-300-after::after,
.bg-amber-300-before::before {
    background-color: #FFD54F !important;
    color: #212121;
}

.bg-amber-400,
.bg-amber-400-hover:hover,
.bg-amber-400-after::after,
.bg-amber-400-before::before {
    background-color: #FFCA28 !important;
    color: #212121;
}

.bg-amber-500,
.bg-amber-500-hover:hover,
.bg-amber-500-after::after,
.bg-amber-500-before::before {
    background-color: #FFC107 !important;
    color: #212121;
}

.bg-amber-600,
.bg-amber-600-hover:hover,
.bg-amber-600-after::after,
.bg-amber-600-before::before {
    background-color: #FFB300 !important;
    color: #212121;
}

.bg-amber-700,
.bg-amber-700-hover:hover,
.bg-amber-700-after::after,
.bg-amber-700-before::before {
    background-color: #FFA000 !important;
    color: #212121;
}

.bg-amber-800,
.bg-amber-800-hover:hover,
.bg-amber-800-after::after,
.bg-amber-800-before::before {
    background-color: #FF8F00 !important;
    color: #212121;
}

.bg-amber-900,
.bg-amber-900-hover:hover,
.bg-amber-900-after::after,
.bg-amber-900-before::before {
    background-color: #FF6F00 !important;
    color: #212121;
}

.bg-amber-A100,
.bg-amber-A100-hover:hover,
.bg-amber-A100-after::after,
.bg-amber-A100-before::before {
    background-color: #FFE57F !important;
    color: #212121;
}

.bg-amber-A200,
.bg-amber-A200-hover:hover,
.bg-amber-A200-after::after,
.bg-amber-A200-before::before {
    background-color: #FFD740 !important;
    color: #212121;
}

.bg-amber-A400,
.bg-amber-A400-hover:hover,
.bg-amber-A400-after::after,
.bg-amber-A400-before::before {
    background-color: #FFC400 !important;
    color: #212121;
}

.bg-amber-A700,
.bg-amber-A700-hover:hover,
.bg-amber-A700-after::after,
.bg-amber-A700-before::before {
    background-color: #FFAB00 !important;
    color: #212121;
}

.bg-orange-50,
.bg-orange-50-hover:hover,
.bg-orange-50-after::after,
.bg-orange-50-before::before {
    background-color: #FFF3E0 !important;
    color: #212121;
}

.bg-orange-100,
.bg-orange-100-hover:hover,
.bg-orange-100-after::after,
.bg-orange-100-before::before {
    background-color: #FFE0B2 !important;
    color: #212121;
}

.bg-orange-200,
.bg-orange-200-hover:hover,
.bg-orange-200-after::after,
.bg-orange-200-before::before {
    background-color: #FFCC80 !important;
    color: #212121;
}

.bg-orange-300,
.bg-orange-300-hover:hover,
.bg-orange-300-after::after,
.bg-orange-300-before::before {
    background-color: #FFB74D !important;
    color: #212121;
}

.bg-orange-400,
.bg-orange-400-hover:hover,
.bg-orange-400-after::after,
.bg-orange-400-before::before {
    background-color: #FFA726 !important;
    color: #212121;
}

.bg-orange-500,
.bg-orange-500-hover:hover,
.bg-orange-500-after::after,
.bg-orange-500-before::before {
    background-color: #FF9800 !important;
    color: #212121;
}

.bg-orange-600,
.bg-orange-600-hover:hover,
.bg-orange-600-after::after,
.bg-orange-600-before::before {
    background-color: #FB8C00 !important;
    color: #212121;
}

.bg-orange-700,
.bg-orange-700-hover:hover,
.bg-orange-700-after::after,
.bg-orange-700-before::before {
    background-color: #F57C00 !important;
    color: #212121;
}

.bg-orange-800,
.bg-orange-800-hover:hover,
.bg-orange-800-after::after,
.bg-orange-800-before::before {
    background-color: #EF6C00 !important;
    color: #212121;
}

.bg-orange-900,
.bg-orange-900-hover:hover,
.bg-orange-900-after::after,
.bg-orange-900-before::before {
    background-color: #E65100 !important;
    color: #FAFAFA;
}

.bg-orange-A100,
.bg-orange-A100-hover:hover,
.bg-orange-A100-after::after,
.bg-orange-A100-before::before {
    background-color: #FFD180 !important;
    color: #212121;
}

.bg-orange-A200,
.bg-orange-A200-hover:hover,
.bg-orange-A200-after::after,
.bg-orange-A200-before::before {
    background-color: #FFAB40 !important;
    color: #212121;
}

.bg-orange-A400,
.bg-orange-A400-hover:hover,
.bg-orange-A400-after::after,
.bg-orange-A400-before::before {
    background-color: #FF9100 !important;
    color: #212121;
}

.bg-orange-A700,
.bg-orange-A700-hover:hover,
.bg-orange-A700-after::after,
.bg-orange-A700-before::before {
    background-color: #FF6D00 !important;
    color: #212121;
}

.bg-deep-orange-50,
.bg-deep-orange-50-hover:hover,
.bg-deep-orange-50-after::after,
.bg-deep-orange-50-before::before {
    background-color: #FBE9E7 !important;
    color: #212121;
}

.bg-deep-orange-100,
.bg-deep-orange-100-hover:hover,
.bg-deep-orange-100-after::after,
.bg-deep-orange-100-before::before {
    background-color: #FFCCBC !important;
    color: #212121;
}

.bg-deep-orange-200,
.bg-deep-orange-200-hover:hover,
.bg-deep-orange-200-after::after,
.bg-deep-orange-200-before::before {
    background-color: #FFAB91 !important;
    color: #212121;
}

.bg-deep-orange-300,
.bg-deep-orange-300-hover:hover,
.bg-deep-orange-300-after::after,
.bg-deep-orange-300-before::before {
    background-color: #FF8A65 !important;
    color: #212121;
}

.bg-deep-orange-400,
.bg-deep-orange-400-hover:hover,
.bg-deep-orange-400-after::after,
.bg-deep-orange-400-before::before {
    background-color: #FF7043 !important;
    color: #212121;
}

.bg-deep-orange-500,
.bg-deep-orange-500-hover:hover,
.bg-deep-orange-500-after::after,
.bg-deep-orange-500-before::before {
    background-color: #FF5722 !important;
    color: #212121;
}

.bg-deep-orange-600,
.bg-deep-orange-600-hover:hover,
.bg-deep-orange-600-after::after,
.bg-deep-orange-600-before::before {
    background-color: #F4511E !important;
    color: #FAFAFA;
}

.bg-deep-orange-700,
.bg-deep-orange-700-hover:hover,
.bg-deep-orange-700-after::after,
.bg-deep-orange-700-before::before {
    background-color: #E64A19 !important;
    color: #FAFAFA;
}

.bg-deep-orange-800,
.bg-deep-orange-800-hover:hover,
.bg-deep-orange-800-after::after,
.bg-deep-orange-800-before::before {
    background-color: #D84315 !important;
    color: #FAFAFA;
}

.bg-deep-orange-900,
.bg-deep-orange-900-hover:hover,
.bg-deep-orange-900-after::after,
.bg-deep-orange-900-before::before {
    background-color: #BF360C !important;
    color: #FAFAFA;
}

.bg-deep-orange-A100,
.bg-deep-orange-A100-hover:hover,
.bg-deep-orange-A100-after::after,
.bg-deep-orange-A100-before::before {
    background-color: #FF9E80 !important;
    color: #212121;
}

.bg-deep-orange-A200,
.bg-deep-orange-A200-hover:hover,
.bg-deep-orange-A200-after::after,
.bg-deep-orange-A200-before::before {
    background-color: #FF6E40 !important;
    color: #212121;
}

.bg-deep-orange-A400,
.bg-deep-orange-A400-hover:hover,
.bg-deep-orange-A400-after::after,
.bg-deep-orange-A400-before::before {
    background-color: #FF3D00 !important;
    color: #FAFAFA;
}

.bg-deep-orange-A700,
.bg-deep-orange-A700-hover:hover,
.bg-deep-orange-A700-after::after,
.bg-deep-orange-A700-before::before {
    background-color: #DD2C00 !important;
    color: #FAFAFA;
}

.bg-brown-50,
.bg-brown-50-hover:hover,
.bg-brown-50-after::after,
.bg-brown-50-before::before {
    background-color: #EFEBE9 !important;
    color: #212121;
}

.bg-brown-100,
.bg-brown-100-hover:hover,
.bg-brown-100-after::after,
.bg-brown-100-before::before {
    background-color: #D7CCC8 !important;
    color: #212121;
}

.bg-brown-200,
.bg-brown-200-hover:hover,
.bg-brown-200-after::after,
.bg-brown-200-before::before {
    background-color: #BCAAA4 !important;
    color: #212121;
}

.bg-brown-300,
.bg-brown-300-hover:hover,
.bg-brown-300-after::after,
.bg-brown-300-before::before {
    background-color: #A1887F !important;
    color: #FAFAFA;
}

.bg-brown-400,
.bg-brown-400-hover:hover,
.bg-brown-400-after::after,
.bg-brown-400-before::before {
    background-color: #8D6E63 !important;
    color: #FAFAFA;
}

.bg-brown-500,
.bg-brown-500-hover:hover,
.bg-brown-500-after::after,
.bg-brown-500-before::before {
    background-color: #795548 !important;
    color: #FAFAFA;
}

.bg-brown-600,
.bg-brown-600-hover:hover,
.bg-brown-600-after::after,
.bg-brown-600-before::before {
    background-color: #6D4C41 !important;
    color: #FAFAFA;
}

.bg-brown-700,
.bg-brown-700-hover:hover,
.bg-brown-700-after::after,
.bg-brown-700-before::before {
    background-color: #5D4037 !important;
    color: #FAFAFA;
}

.bg-brown-800,
.bg-brown-800-hover:hover,
.bg-brown-800-after::after,
.bg-brown-800-before::before {
    background-color: #4E342E !important;
    color: #FAFAFA;
}

.bg-brown-900,
.bg-brown-900-hover:hover,
.bg-brown-900-after::after,
.bg-brown-900-before::before {
    background-color: #3E2723 !important;
    color: #FAFAFA;
}

.bg-grey-50,
.bg-grey-50-hover:hover,
.bg-grey-50-after::after,
.bg-grey-50-before::before {
    background-color: #FAFAFA !important;
    color: #212121;
}

.bg-grey-100,
.bg-grey-100-hover:hover,
.bg-grey-100-after::after,
.bg-grey-100-before::before {
    background-color: #F5F5F5 !important;
    color: #212121;
}

.bg-grey-200,
.bg-grey-200-hover:hover,
.bg-grey-200-after::after,
.bg-grey-200-before::before {
    background-color: #EEEEEE !important;
    color: #212121;
}

.bg-grey-300,
.bg-grey-300-hover:hover,
.bg-grey-300-after::after,
.bg-grey-300-before::before {
    background-color: #E0E0E0 !important;
    color: #212121;
}

.bg-grey-400,
.bg-grey-400-hover:hover,
.bg-grey-400-after::after,
.bg-grey-400-before::before {
    background-color: #BDBDBD !important;
    color: #212121;
}

.bg-grey-500,
.bg-grey-500-hover:hover,
.bg-grey-500-after::after,
.bg-grey-500-before::before {
    background-color: #9E9E9E !important;
    color: #212121;
}

.bg-grey-600,
.bg-grey-600-hover:hover,
.bg-grey-600-after::after,
.bg-grey-600-before::before {
    background-color: #757575 !important;
    color: #FAFAFA;
}

.bg-grey-700,
.bg-grey-700-hover:hover,
.bg-grey-700-after::after,
.bg-grey-700-before::before {
    background-color: #616161 !important;
    color: #FAFAFA;
}

.bg-grey-800,
.bg-grey-800-hover:hover,
.bg-grey-800-after::after,
.bg-grey-800-before::before {
    background-color: #424242 !important;
    color: #FAFAFA;
}

.bg-grey-900,
.bg-grey-900-hover:hover,
.bg-grey-900-after::after,
.bg-grey-900-before::before {
    background-color: #212121 !important;
    color: #FAFAFA;
}

.bg-blue-grey-50,
.bg-blue-grey-50-hover:hover,
.bg-blue-grey-50-after::after,
.bg-blue-grey-50-before::before {
    background-color: #ECEFF1 !important;
    color: #212121;
}

.bg-blue-grey-100,
.bg-blue-grey-100-hover:hover,
.bg-blue-grey-100-after::after,
.bg-blue-grey-100-before::before {
    background-color: #CFD8DC !important;
    color: #212121;
}

.bg-blue-grey-200,
.bg-blue-grey-200-hover:hover,
.bg-blue-grey-200-after::after,
.bg-blue-grey-200-before::before {
    background-color: #B0BEC5 !important;
    color: #212121;
}

.bg-blue-grey-300,
.bg-blue-grey-300-hover:hover,
.bg-blue-grey-300-after::after,
.bg-blue-grey-300-before::before {
    background-color: #90A4AE !important;
    color: #212121;
}

.bg-blue-grey-400,
.bg-blue-grey-400-hover:hover,
.bg-blue-grey-400-after::after,
.bg-blue-grey-400-before::before {
    background-color: #78909C !important;
    color: #FAFAFA;
}

.bg-blue-grey-500,
.bg-blue-grey-500-hover:hover,
.bg-blue-grey-500-after::after,
.bg-blue-grey-500-before::before {
    background-color: #607D8B !important;
    color: #FAFAFA;
}

.bg-blue-grey-600,
.bg-blue-grey-600-hover:hover,
.bg-blue-grey-600-after::after,
.bg-blue-grey-600-before::before {
    background-color: #546E7A !important;
    color: #FAFAFA;
}

.bg-blue-grey-700,
.bg-blue-grey-700-hover:hover,
.bg-blue-grey-700-after::after,
.bg-blue-grey-700-before::before {
    background-color: #455A64 !important;
    color: #FAFAFA;
}

.bg-blue-grey-800,
.bg-blue-grey-800-hover:hover,
.bg-blue-grey-800-after::after,
.bg-blue-grey-800-before::before {
    background-color: #37474F !important;
    color: #FAFAFA;
}

.bg-blue-grey-900,
.bg-blue-grey-900-hover:hover,
.bg-blue-grey-900-after::after,
.bg-blue-grey-900-before::before {
    background-color: #263238 !important;
    color: #FAFAFA;
}

.bg-black,
.bg-black-hover:hover,
.bg-black-after::after,
.bg-black-before::before {
    background-color: #000000 !important;
    color: #FAFAFA;
}

.bg-gold,
.bg-gold-hover:hover,
.bg-gold-after::after,
.bg-gold-before::before {
    background-color: #ffd700 !important;
    color: #212121;
}

.bg-light-golden-rod-yellow,
.bg-light-golden-rod-yellow-hover:hover,
.bg-light-golden-rod-yellow-after::after,
.bg-light-golden-rod-yellow-before::before {
    background-color: #fafad2 !important;
    color: #212121;
}

.bg-pale-golden-rod,
.bg-pale-golden-rod-hover:hover,
.bg-pale-golden-after::after,
.bg-pale-golden-rod-before::before {
    background-color: #eee8aa !important;
    color: #212121;
}

.bg-dark-golden-rod,
.bg-dark-golden-rod-hover:hover,
.bg-dark-golden-rod-after::after,
.bg-dark-golden-rod-before::before {
    background-color: #b8860b !important;
    color: #FAFAFA;
}

.bg-golden-rod,
.bg-golden-rod-hover:hover,
.bg-golden-rod-after::after,
.bg-golden-rod-before::before {
    background-color: #daa520 !important;
    color: #FAFAFA;
}

.bg-white,
.bg-white-hover:hover,
.bg-white-after::after,
.bg-white-before::before {
    background-color: #FFFFFF !important;
    color: #212121;
}

/********************************
  Brand Background Colors
********************************/
.bg-blogger,
.bg-blogger-hover:hover,
.bg-blogger-after::after,
.bg-blogger-before::before {
    background-color: #f57d00 !important;
}

.bg-facebook,
.bg-facebook-hover:hover,
.bg-facebook-after::after,
.bg-facebook-before::before {
    background-color: #3B5998 !important;
}

.bg-google,
.bg-google-hover:hover,
.bg-google-after::after,
.bg-google-before::before {
    background-color: #4285F4 !important;
}

.bg-googleplus,
.bg-google-plus-hover:hover,
.bg-google-plus-after::after,
.bg-google-plus-before::before {
    background-color: #DB4437 !important;
}

.bg-linkedin,
.bg-linkedin-hover:hover,
.bg-linkedin-after::after,
.bg-linkedin-before::before {
    background-color: #0077B5 !important;
}

.bg-pinterest,
.bg-pinterest-hover:hover,
.bg-pinterest-after::after,
.bg-pinterest-before::before {
    background-color: #BD081C !important;
}

.bg-reddit,
.bg-reddit-hover:hover,
.bg-reddit-after::after,
.bg-reddit-before::before {
    background-color: #ff4500 !important;
}

.bg-rss,
.bg-rss-hover:hover,
.bg-rss-after::after,
.bg-rss-before::before {
    background-color: #f26109 !important;
}

.bg-slideshare,
.bg-slideshare-hover:hover,
.bg-slideshare-after::after,
.bg-slideshare-before::before {
    background-color: #0077b5 !important;
}

.bg-twitter,
.bg-twitter-hover:hover,
.bg-twitter-after::after,
.bg-twitter-before::before {
    background-color: #1DA1F2 !important;
}

.bg-whatsapp,
.bg-whatsapp-hover:hover,
.bg-whatsapp-after::after,
.bg-whatsapp-before::before {
    background-color: #25D366 !important;
}

.bg-youtube,
.bg-youtube-hover:hover,
.bg-youtube-after::after,
.bg-youtube-before::before {
    background-color: #ff0000 !important;
}

/*=============
    Colors
===============*/
.a-red-50 a:link,
.a-red-50-hover a:link,
.red-50,
.red-50-hover:hover,
.red-50-after::after,
.red-50-before::before {
    color: #FFEBEE !important;
}

.a-red-100 a:link,
.a-red-100-hover a:link,
.red-100,
.red-100-hover:hover,
.red-100-after::after,
.red-100-before::before {
    color: #FFCDD2 !important;
}

.a-red-200 a:link,
.a-red-200-hover a:link,
.red-200,
.red-200-hover:hover,
.red-200-after::after,
.red-200-before::before {
    color: #EF9A9A !important;
}

.a-red-300 a,
.a-red-300-hover a,
.red-300,
.red-300-hover:hover,
.red-300-after::after,
.red-300-before::before {
    color: #E57373 !important;
}

.a-red-400 a,
.a-red-400-hover a,
.red-400,
.red-400-hover:hover,
.red-400-after::after,
.red-400-before::before {
    color: #EF5350 !important;
}

.a-red-500 a,
.a-red-500-hover a,
.red-500,
.red-500-hover:hover,
.red-500-after::after,
.red-500-before::before {
    color: #F44336 !important;
}

.a-red-600 a,
.a-red-600-hover a,
.red-600,
.red-600-hover:hover,
.red-600-after::after,
.red-600-before::before {
    color: #E53935 !important;
}

.a-red-700 a,
.a-red-700-hover a,
.red-700,
.red-700-hover:hover,
.red-700-after::after,
.red-700-before::before {
    color: #D32F2F !important;
}

.a-red-800 a,
.a-red-800-hover a,
.red-800,
.red-800-hover:hover,
.red-800-after::after,
.red-800-before::before {
    color: #C62828 !important;
}

.a-red-900 a,
.a-red-900-hover a,
.red-900,
.red-900-hover:hover,
.red-900-after::after,
.red-900-before::before {
    color: #B71C1C !important;
}

.a-red-A100 a,
.a-red-A100-hover a,
.red-A100,
.red-A100-hover:hover,
.red-A100-after::after,
.red-A100-before::before {
    color: #FF8A80 !important;
}

.a-red-A200 a,
.a-red-A200-hover a,
.red-A200,
.red-A200-hover:hover,
.red-A200-after::after,
.red-A200-before::before {
    color: #FF5252 !important;
}

.a-red-A400 a,
.a-red-A400-hover a,
.red-A400,
.red-A400-hover:hover,
.red-A400-after::after,
.red-A400-before::before {
    color: #FF1744 !important;
}

.a-red-A700 a,
.a-red-A700-hover a,
.red-A700,
.red-A700-hover:hover,
.red-A700-after::after,
.red-A700-before::before {
    color: #D50000 !important;
}

.a-pink-50 a,
.a-pink-50-hover a,
.pink-50,
.pink-50-hover:hover,
.pink-50-after::after,
.pink-50-before::before {
    color: #FCE4EC !important;
}

.a-pink-100,
.a-pink-100,
.pink-100,
.pink-100-hover:hover,
.pink-100-after::after,
.pink-100-before::before {
    color: #F8BBD0 !important;
}

.a-pink-200,
.a-pink-200,
.pink-200,
.pink-200-hover:hover,
.pink-200-after::after,
.pink-200-before::before {
    color: #F48FB1 !important;
}

.a-pink-300,
.a-pink-300,
.pink-300,
.pink-300-hover:hover,
.pink-300-after::after,
.pink-300-before::before {
    color: #F06292 !important;
}

.a-pink-400,
.a-pink-400,
.pink-400,
.pink-400-hover:hover,
.pink-400-after::after,
.pink-400-before::before {
    color: #EC407A !important;
}

.a-pink-500,
.a-pink-500,
.pink-500,
.pink-500-hover:hover,
.pink-500-after::after,
.pink-500-before::before {
    color: #E91E63 !important;
}

.a-pink-600,
.a-pink-600,
.pink-600,
.pink-600-hover:hover,
.pink-600-after::after,
.pink-600-before::before {
    color: #D81B60 !important;
}

.a-pink-700,
.a-pink-700,
.pink-700,
.pink-700-hover:hover,
.pink-700-after::after,
.pink-700-before::before {
    color: #C2185B !important;
}

.a-pink-800,
.a-pink-800,
.pink-800,
.pink-800-hover:hover,
.pink-800-after::after,
.pink-800-before::before {
    color: #AD1457 !important;
}

.a-pink-900,
.a-pink-900,
.pink-900,
.pink-900-hover:hover,
.pink-900-after::after,
.pink-900-before::before {
    color: #880E4F !important;
}

.pink-A100,
.pink-A100-hover:hover,
.pink-A100-after::after,
.pink-A100-before::before {
    color: #FF80AB !important;
}

.pink-A200,
.pink-A200-hover:hover,
.pink-A200-after::after,
.pink-A200-before::before {
    color: #FF4081 !important;
}

.pink-A400,
.pink-A400-hover:hover,
.pink-A400-after::after,
.pink-A400-before::before {
    color: #F50057 !important;
}

.pink-A700,
.pink-A700-hover:hover,
.pink-A700-after::after,
.pink-A700-before::before {
    color: #C51162 !important;
}

.purple-50,
.purple-50-hover:hover,
.purple-50-after::after,
.purple-50-before::before {
    color: #F3E5F5 !important;
}

.purple-100,
.purple-100-hover:hover,
.purple-100-after::after,
.purple-100-before::before {
    color: #E1BEE7 !important;
}

.purple-200,
.purple-200-hover:hover,
.purple-200-after::after,
.purple-200-before::before {
    color: #CE93D8 !important;
}

.purple-300,
.purple-300-hover:hover,
.purple-300-after::after,
.purple-300-before::before {
    color: #BA68C8 !important;
}

.purple-400,
.purple-400-hover:hover,
.purple-400-after::after,
.purple-400-before::before {
    color: #AB47BC !important;
}

.purple-500,
.purple-500-hover:hover,
.purple-500-after::after,
.purple-500-before::before {
    color: #9C27B0 !important;
}

.purple-600,
.purple-600-hover:hover,
.purple-600-after::after,
.purple-600-before::before {
    color: #8E24AA !important;
}

.purple-700,
.purple-700-hover:hover,
.purple-700-after::after,
.purple-700-before::before {
    color: #7B1FA2 !important;
}

.purple-800,
.purple-800-hover:hover,
.purple-800-after::after,
.purple-800-before::before {
    color: #6A1B9A !important;
}

.purple-900,
.purple-900-hover:hover,
.purple-900-after::after,
.purple-900-before::before {
    color: #4A148C !important;
}

.purple-A100,
.purple-A100-hover:hover,
.purple-A100-after::after,
.purple-A100-before::before {
    color: #FF80AB !important;
}

.purple-A200,
.purple-A200-hover:hover,
.purple-A200-after::after,
.purple-A200-before::before {
    color: #E040FB !important;
}

.purple-A400,
.purple-A400-hover:hover,
.purple-A400-after::after,
.purple-A400-before::before {
    color: #D500F9 !important;
}

.purple-A700,
.purple-A700-hover:hover,
.purple-A700-after::after,
.purple-A700-before::before {
    color: #AA00FF !important;
}

.deep-purple-50,
.deep-purple-50-hover:hover,
.deep-purple-50-after::after,
.deep-purple-50-before::before {
    color: #EDE7F6 !important;
}

.deep-purple-100,
.deep-purple-100-hover:hover,
.deep-purple-100-after::after,
.deep-purple-100-before::before {
    color: #D1C4E9 !important;
}

.deep-purple-200,
.deep-purple-200-hover:hover,
.deep-purple-200-after::after,
.deep-purple-200-before::before {
    color: #B39DDB !important;
}

.deep-purple-300,
.deep-purple-300-hover:hover,
.deep-purple-300-after::after,
.deep-purple-300-before::before {
    color: #9575CD !important;
}

.deep-purple-400,
.deep-purple-400-hover:hover,
.deep-purple-400-after::after,
.deep-purple-400-before::before {
    color: #7E57C2 !important;
}

.deep-purple-500,
.deep-purple-500-hover:hover,
.deep-purple-500-after::after,
.deep-purple-500-before::before {
    color: #673AB7 !important;
}

.deep-purple-600,
.deep-purple-600-hover:hover,
.deep-purple-600-after::after,
.deep-purple-600-before::before {
    color: #5E35B1 !important;
}

.deep-purple-700,
.deep-purple-700-hover:hover,
.deep-purple-700-after::after,
.deep-purple-700-before::before {
    color: #512DA8 !important;
}

.deep-purple-800,
.deep-purple-800-hover:hover,
.deep-purple-800-after::after,
.deep-purple-800-before::before {
    color: #4527A0 !important;
}

.deep-purple-900,
.deep-purple-900-hover:hover,
.deep-purple-900-after::after,
.deep-purple-900-before::before {
    color: #311B92 !important;
}

.deep-purple-A100,
.deep-purple-A100-hover:hover,
.deep-purple-A100-after::after,
.deep-purple-A100-before::before {
    color: #B388FF !important;
}

.deep-purple-A200,
.deep-purple-A200-hover:hover,
.deep-purple-A200-after::after,
.deep-purple-A200-before::before {
    color: #7C4DFF !important;
}

.deep-purple-A400,
.deep-purple-A400-hover:hover,
.deep-purple-A400-after::after,
.deep-purple-A400-before::before {
    color: #651FFF !important;
}

.deep-purple-A700,
.deep-purple-A700-hover:hover,
.deep-purple-A700-after::after,
.deep-purple-A700-before::before {
    color: #6200EA !important;
}

.indigo-50,
.indigo-50-hover:hover,
.indigo-50-after::after,
.indigo-50-before::before {
    color: #E8EAF6 !important;
}

.indigo-100,
.indigo-100-hover:hover,
.indigo-100-after::after,
.indigo-100-before::before {
    color: #C5CAE9 !important;
}

.indigo-200,
.indigo-200-hover:hover,
.indigo-200-after::after,
.indigo-200-before::before {
    color: #9FA8DA !important;
}

.indigo-300m,
.indigo-300-hover:hover,
.indigo-300-after::after,
.indigo-300-before::before {
    color: #7986CB !important;
}

.indigo-400,
.indigo-400-hover:hover,
.indigo-400-after::after,
.indigo-400-before::before {
    color: #5C6BC0 !important;
}

.indigo-500,
.indigo-500-hover:hover,
.indigo-500-after::after,
.indigo-500-before::before {
    color: #3F51B5 !important;
}

.indigo-600,
.indigo-600-hover:hover,
.indigo-600-after::after,
.indigo-600-before::before {
    color: #3949AB !important;
}

.indigo-700,
.indigo-700-hover:hover,
.indigo-700-after::after,
.indigo-700-before::before {
    color: #303F9F !important;
}

.indigo-800,
.indigo-800-hover:hover,
.indigo-800-after::after,
.indigo-800-before::before {
    color: #283593 !important;
}

.indigo-900,
.indigo-900-hover:hover,
.indigo-900-after::after,
.indigo-900-before::before {
    color: #1A237E !important;
}

.indigo-A100,
.indigo-A100-hover:hover,
.indigo-A100-after::after,
.indigo-A100-before::before {
    color: #8C9EFF !important;
}

.indigo-A200,
.indigo-A200-hover:hover,
.indigo-A200-after::after,
.indigo-A200-before::before {
    color: #536DFE !important;
}

.indigo-A400,
.indigo-A400-hover:hover,
.indigo-A400-after::after,
.indigo-A400-before::before {
    color: #3D5AFE !important;
}

.indigo-A700,
.indigo-A700-hover:hover,
.indigo-A700-after::after,
.indigo-A700-before::before {
    color: #304FFE !important;
}

.blue-50,
.blue-50-hover:hover,
.blue-50-after::after,
.blue-50-before::before {
    color: #E3F2FD !important;
}

.blue-100,
.blue-100-hover:hover,
.blue-100-after::after,
.blue-100-before::before {
    color: #BBDEFB !important;
}

.blue-200,
.blue-200-hover:hover,
.blue-200-after::after,
.blue-200-before::before {
    color: #90CAF9 !important;
}

.blue-300,
.blue-300-hover:hover,
.blue-300-after::after,
.blue-300-before::before {
    color: #64B5F6 !important;
}

.blue-400,
.blue-400-hover:hover,
.blue-400-after::after,
.blue-400-before::before {
    color: #42A5F5 !important;
}

.blue-500,
.blue-500-hover:hover,
.blue-500-after::after,
.blue-500-before::before {
    color: #2196F3 !important;
}

.blue-600,
.blue-600-hover:hover,
.blue-600-after::after,
.blue-600-before::before {
    color: #1E88E5 !important;
}

.blue-700,
.blue-700-hover:hover,
.blue-700-after::after,
.blue-700-before::before {
    color: #1976D2 !important;
}

.blue-800,
.blue-800-hover:hover,
.blue-800-after::after,
.blue-800-before::before {
    color: #1565C0 !important;
}

.blue-900,
.blue-900-hover:hover,
.blue-900-after::after,
.blue-900-before::before {
    color: #0D47A1 !important;
}

.blue-A100,
.blue-A100-hover:hover,
.blue-A100-after::after,
.blue-A100-before::before {
    color: #82B1FF !important;
}

.blue-A200,
.blue-A200-hover:hover,
.blue-A200-after::after,
.blue-A200-before::before {
    color: #448AFF !important;
}

.blue-A400,
.blue-A400-hover:hover,
.blue-A400-after::after,
.blue-A400-before::before {
    color: #2979FF !important;
}

.blue-A700,
.blue-A700-hover:hover,
.blue-A700-after::after,
.blue-A700-before::before {
    color: #2962FF !important;
}

.light-blue-50,
.light-blue-50-hover:hover,
.light-blue-50-after::after,
.light-blue-50-before::before {
    color: #E1F5FE !important;
}

.light-blue-100,
.light-blue-100-hover:hover,
.light-blue-100-after::after,
.light-blue-100-before::before {
    color: #B3E5FC !important;
}

.light-blue-200,
.light-blue-200-hover:hover,
.light-blue-200-after::after,
.light-blue-200-before::before {
    color: #81D4FA !important;
}

.light-blue-300,
.light-blue-300-hover:hover,
.light-blue-300-after::after,
.light-blue-300-before::before {
    color: #4FC3F7 !important;
}

.light-blue-400,
.light-blue-400-hover:hover,
.light-blue-400-after::after,
.light-blue-400-before::before {
    color: #29B6F6 !important;
}

.light-blue-500,
.light-blue-500-hover:hover,
.light-blue-500-after::after,
.light-blue-500-before::before {
    color: #03A9F4 !important;
}

.light-blue-600,
.light-blue-600-hover:hover,
.light-blue-600-after::after,
.light-blue-600-before::before {
    color: #039BE5 !important;
}

.light-blue-700,
.light-blue-700-hover:hover,
.light-blue-700-after::after,
.light-blue-700-before::before {
    color: #0288D1 !important;
}

.light-blue-800,
.light-blue-800-hover:hover,
.light-blue-800-after::after,
.light-blue-800-before::before {
    color: #0277BD !important;
}

.light-blue-900,
.light-blue-900-hover:hover,
.light-blue-900-after::after,
.light-blue-900-before::before {
    color: #01579B !important;
}

.light-blue-A100,
.light-blue-A100-hover:hover,
.light-blue-A100-after::after,
.light-blue-A100-before::before {
    color: #80D8FF !important;
}

.light-blue-A200,
.light-blue-A200-hover:hover,
.light-blue-A200-after::after,
.light-blue-A200-before::before {
    color: #40C4FF !important;
}

.light-blue-A400,
.light-blue-A400-hover:hover,
.light-blue-A400-after::after,
.light-blue-A400-before::before {
    color: #00B0FF !important;
}

.light-blue-A700,
.light-blue-A700-hover:hover,
.light-blue-A700-after::after,
.light-blue-A700-before::before {
    color: #0091EA !important;
}

.cyan-50,
.cyan-50-hover:hover,
.cyan-50-after::after,
.cyan-50-before::before {
    color: #E0F7FA !important;
}

.cyan-100,
.cyan-100-hover:hover,
.cyan-100-after::after,
.cyan-100-before::before {
    color: #B2EBF2 !important;
}

.cyan-200,
.cyan-200-hover:hover,
.cyan-200-after::after,
.cyan-200-before::before {
    color: #80DEEA !important;
}

.cyan-300,
.cyan-300-hover:hover,
.cyan-300-after::after,
.cyan-300-before::before {
    color: #4DD0E1 !important;
}

.cyan-400,
.cyan-400-hover:hover,
.cyan-400-after::after,
.cyan-400-before::before {
    color: #26C6DA !important;
}

.cyan-500,
.cyan-500-hover:hover,
.cyan-500-after::after,
.cyan-500-before::before {
    color: #00BCD4 !important;
}

.cyan-600,
.cyan-600-hover:hover,
.cyan-600-after::after,
.cyan-600-before::before {
    color: #00ACC1 !important;
}

.cyan-700,
.cyan-700-hover:hover,
.cyan-700-after::after,
.cyan-700-before::before {
    color: #0097A7 !important;
}

.cyan-800,
.cyan-800-hover:hover,
.cyan-800-after::after,
.cyan-800-before::before {
    color: #00838F !important;
}

.cyan-900,
.cyan-900-hover:hover,
.cyan-900-after::after,
.cyan-900-before::before {
    color: #006064 !important;
}

.cyan-A100,
.cyan-A100-hover:hover,
.cyan-A100-after::after,
.cyan-A100-before::before {
    color: #84FFFF !important;
}

.cyan-A200,
.cyan-A200-hover:hover,
.cyan-A200-after::after,
.cyan-A200-before::before {
    color: #18FFFF !important;
}

.cyan-A400,
.cyan-A400-hover:hover,
.cyan-A400-after::after,
.cyan-A400-before::before {
    color: #00E5FF !important;
}

.cyan-A700,
.cyan-A700-hover:hover,
.cyan-A700-after::after,
.cyan-A700-before::before {
    color: #00B8D4 !important;
}

.teal-50,
.teal-50-hover:hover,
.teal-50-after::after,
.teal-50-before::before {
    color: #E0F2F1 !important;
}

.teal-100,
.teal-100-hover:hover,
.teal-100-after::after,
.teal-100-before::before {
    color: #B2DFDB !important;
}

.teal-200,
.teal-200-hover:hover,
.teal-200-after::after,
.teal-200-before::before {
    color: #80CBC4 !important;
}

.teal-300,
.teal-300-hover:hover,
.teal-300-after::after,
.teal-300-before::before {
    color: #4DB6AC !important;
}

.teal-400,
.teal-400-hover:hover,
.teal-400-after::after,
.teal-400-before::before {
    color: #26A69A !important;
}

.teal-500,
.teal-500-hover:hover,
.teal-500-after::after,
.teal-500-before::before {
    color: #009688 !important;
}

.teal-600,
.teal-600-hover:hover,
.teal-600-after::after,
.teal-600-before::before {
    color: #00897B !important;
}

.teal-700,
.teal-700-hover:hover,
.teal-700-after::after,
.teal-700-before::before {
    color: #00796B !important;
}

.teal-800,
.teal-800-hover:hover,
.teal-800-after::after,
.teal-800-before::before {
    color: #00695C !important;
}

.teal-900,
.teal-900-hover:hover,
.teal-900-after::after,
.teal-900-before::before {
    color: #004D40 !important;
}

.teal-A100,
.teal-A100-hover:hover,
.teal-A100-after::after,
.teal-A100-before::before {
    color: #A7FFEB !important;
}

.teal-A200,
.teal-A200-hover:hover,
.teal-A200-after::after,
.teal-A200-before::before {
    color: #64FFDA !important;
}

.teal-A400,
.teal-A400-hover:hover,
.teal-A400-after::after,
.teal-A400-before::before {
    color: #1DE9B6 !important;
}

.teal-A700,
.teal-A700-hover:hover,
.teal-A700-after::after,
.teal-A700-before::before {
    color: #00BFA5 !important;
}

.green-50,
.green-50-hover:hover,
.green-50-after::after,
.green-50-before::before {
    color: #E8F5E9 !important;
}

.green-100,
.green-100-hover:hover,
.green-100-after::after,
.green-100-before::before {
    color: #C8E6C9 !important;
}

.green-200,
.green-200-hover:hover,
.green-200-after::after,
.green-200-before::before {
    color: #A5D6A7 !important;
}

.green-300,
.green-300-hover:hover,
.green-300-after::after,
.green-300-before::before {
    color: #81C784 !important;
}

.green-400,
.green-400-hover:hover,
.green-400-after::after,
.green-400-before::before {
    color: #66BB6A !important;
}

.green-500,
.green-500-hover:hover,
.green-500-after::after,
.green-500-before::before {
    color: #4CAF50 !important;
}

.green-600,
.green-600-hover:hover,
.green-600-after::after,
.green-600-before::before {
    color: #43A047 !important;
}

.green-700,
.green-700-hover:hover,
.green-700-after::after,
.green-700-before::before {
    color: #388E3C !important;
}

.green-800,
.green-800-hover:hover,
.green-800-after::after,
.green-800-before::before {
    color: #2E7D32 !important;
}

.green-900,
.green-900-hover:hover,
.green-900-after::after,
.green-900-before::before {
    color: #1B5E20 !important;
}

.green-A100,
.green-A100-hover:hover,
.green-A100-after::after,
.green-A100-before::before {
    color: #B9F6CA !important;
}

.green-A200,
.green-A200-hover:hover,
.green-A200-after::after,
.green-A200-before::before {
    color: #69F0AE !important;
}

.green-A400,
.green-A400-hover:hover,
.green-A400-after::after,
.green-A400-before::before {
    color: #00E676 !important;
}

.green-A700,
.green-A700-hover:hover,
.green-A700-after::after,
.green-A700-before::before {
    color: #00C853 !important;
}

.a-light-green-50 a,
.a-light-green-50-hover a:hover,
.light-green-50,
.light-green-50-hover:hover,
.light-green-50-after::after,
.light-green-50-before::before {
    color: #F1F8E9 !important;
}

.a-light-green-100 a,
.a-light-green-100-hover a:hover,
.light-green-100,
.light-green-100-hover:hover,
.light-green-100-after::after,
.light-green-100-before::before {
    color: #DCEDC8 !important;
}

.a-light-green-200 a,
.a-light-green-200-hover a:hover,
.light-green-200,
.light-green-200-hover:hover,
.light-green-200-after::after,
.light-green-200-before::before {
    color: #C5E1A5 !important;
}

.a-light-green-300 a,
.a-light-green-300-hover a:hover,
.light-green-300,
.light-green-300-hover:hover,
.light-green-300-after::after,
.light-green-300-before::before {
    color: #AED581 !important;
}

.a-light-green-400 a,
.a-light-green-400-hover a:hover,
.light-green-400,
.light-green-400-hover:hover,
.light-green-400-after::after,
.light-green-400-before::before {
    color: #9CCC65 !important;
}

.a-light-green-500 a,
.a-light-green-500-hover a:hover,
.light-green-500,
.light-green-500-hover:hover,
.light-green-500-after::after,
.light-green-500-before::before {
    color: #8BC34A !important;
}

.a-light-green-600 a,
.a-light-green-600-hover a:hover,
.light-green-600,
.light-green-600-hover:hover,
.light-green-600-after::after,
.light-green-600-before::before {
    color: #7CB342 !important;
}

.a-light-green-700 a,
.a-light-green-700-hover a:hover,
.light-green-700,
.light-green-700-hover:hover,
.light-green-700-after::after,
.light-green-700-before::before {
    color: #689F38 !important;
}

.a-light-green-800 a,
.a-light-green-800-hover a:hover,
.light-green-800,
.light-green-800-hover:hover,
.light-green-800-after::after,
.light-green-800-before::before {
    color: #558B2F !important;
}

.a-light-green-900 a,
.a-light-green-900-hover a:hover,
.light-green-900,
.light-green-900-hover:hover,
.light-green-900-after::after,
.light-green-900-before::before {
    color: #33691E !important;
}

.a-light-green-A100 a,
.a-light-green-A100-hover a:hover,
.light-green-A100,
.light-green-A100-hover:hover,
.light-green-A100-after::after,
.light-green-A100-before::before {
    color: #CCFF90 !important;
}

.a-light-green-A200 a,
.a-light-green-A200-hover a:hover,
.light-green-A200,
.light-green-A200-hover:hover,
.light-green-A200-after::after,
.light-green-A200-before::before {
    color: #B2FF59 !important;
}

.a-light-green-A400 a,
.a-light-green-A400-hover a:hover,
.light-green-A400,
.light-green-A400-hover:hover,
.light-green-A400-after::after,
.light-green-A400-before::before {
    color: #76FF03 !important;
}

.a-light-green-A700 a,
.a-light-green-A700-hover a:hover,
.light-green-A700,
.light-green-A700-hover:hover,
.light-green-A700-after::after,
.light-green-A700-before::before {
    color: #64DD17 !important;
}

.lime-50,
.lime-50-hover:hover,
.lime-50-after::after,
.lime-50-before::before {
    color: #F9FBE7 !important;
}

.lime-100,
.lime-100-hover:hover,
.lime-100-after::after,
.lime-100-before::before {
    color: #F0F4C3 !important;
}

.lime-200,
.lime-200-hover:hover,
.lime-200-after::after,
.lime-200-before::before {
    color: #E6EE9C !important;
}

.lime-300,
.lime-300-hover:hover,
.lime-300-after::after,
.lime-300-before::before {
    color: #DCE775 !important;
}

.lime-400,
.lime-400-hover:hover,
.lime-400-after::after,
.lime-400-before::before {
    color: #D4E157 !important;
}

.lime-500,
.lime-500-hover:hover,
.lime-500-after::after,
.lime-500-before::before {
    color: #CDDC39 !important;
}

.lime-600,
.lime-600-hover:hover,
.lime-600-after::after,
.lime-600-before::before {
    color: #C0CA33 !important;
}

.lime-700,
.lime-700-hover:hover,
.lime-700-after::after,
.lime-700-before::before {
    color: #AFB42B !important;
}

.lime-800,
.lime-800-hover:hover,
.lime-800-after::after,
.lime-800-before::before {
    color: #9E9D24 !important;
}

.lime-900,
.lime-900-hover:hover,
.lime-900-after::after,
.lime-900-before::before {
    color: #827717 !important;
}

.lime-A100,
.lime-A100-hover:hover,
.lime-A100-after::after,
.lime-A100-before::before {
    color: #F4FF81 !important;
}

.lime-A200,
.lime-A200-hover:hover,
.lime-A200-after::after,
.lime-A200-before::before {
    color: #EEFF41 !important;
}

.lime-A400,
.lime-A400-hover:hover,
.lime-A400-after::after,
.lime-A400-before::before {
    color: #C6FF00 !important;
}

.lime-A700,
.lime-A700-hover:hover,
.lime-A700-after::after,
.lime-A700-before::before {
    color: #AEEA00 !important;
}

.yellow-50,
.yellow-50-hover:hover,
.yellow-50-after::after,
.yellow-50-before::before {
    color: #FFFDE7 !important;
}

.yellow-100,
.yellow-100-hover:hover,
.yellow-100-after::after,
.yellow-100-before::before {
    color: #FFF9C4 !important;
}

.yellow-200,
.yellow-200-hover:hover,
.yellow-200-after::after,
.yellow-200-before::before {
    color: #FFF59D !important;
}

.yellow-300,
.yellow-300-hover:hover,
.yellow-300-after::after,
.yellow-300-before::before {
    color: #FFF176 !important;
}

.yellow-400,
.yellow-400-hover:hover,
.yellow-400-after::after,
.yellow-400-before::before {
    color: #FFEE58 !important;
}

.yellow-500,
.yellow-500-hover:hover,
.yellow-500-after::after,
.yellow-500-before::before {
    color: #FFEB3B !important;
}

.yellow-600,
.yellow-600-hover:hover,
.yellow-600-after::after,
.yellow-600-before::before {
    color: #FDD835 !important;
}

.yellow-700,
.yellow-700-hover:hover,
.yellow-700-after::after,
.yellow-700-before::before {
    color: #FBC02D !important;
}

.yellow-800,
.yellow-800-hover:hover,
.yellow-800-after::after,
.yellow-800-before::before {
    color: #F9A825 !important;
}

.yellow-900,
.yellow-900-hover:hover,
.yellow-900-after::after,
.yellow-900-before::before {
    color: #F57F17 !important;
}

.yellow-A100,
.yellow-A100-hover:hover,
.yellow-A100-after::after,
.yellow-A100-before::before {
    color: #FFFF8D !important;
}

.yellow-A200,
.yellow-A200-hover:hover,
.yellow-A200-after::after,
.yellow-A200-before::before {
    color: #FFFF00 !important;
}

.yellow-A400,
.yellow-A400-hover:hover,
.yellow-A400-after::after,
.yellow-A400-before::before {
    color: #FFEA00 !important;
}

.yellow-A700,
.yellow-A700-hover:hover,
.yellow-A700-after::after,
.yellow-A700-before::before {
    color: #FFD600 !important;
}

.amber-50,
.amber-50-hover:hover,
.amber-50-after::after,
.amber-50-before::before {
    color: #FFF8E1 !important;
}

.amber-100,
.amber-100-hover:hover,
.amber-100-after::after,
.amber-100-before::before {
    color: #FFECB3 !important;
}

.amber-200,
.amber-200-hover:hover,
.amber-200-after::after,
.amber-200-before::before {
    color: #FFE082 !important;
}

.amber-300,
.amber-300-hover:hover,
.amber-300-after::after,
.amber-300-before::before {
    color: #FFD54F !important;
}

.amber-400,
.amber-400-hover:hover,
.amber-400-after::after,
.amber-400-before::before {
    color: #FFCA28 !important;
}

.amber-500,
.amber-500-hover:hover,
.amber-500-after::after,
.amber-500-before::before {
    color: #FFC107 !important;
}

.amber-600,
.amber-600-hover:hover,
.amber-600-after::after,
.amber-600-before::before {
    color: #FFB300 !important;
}

.amber-700,
.amber-700-hover:hover,
.amber-700-after::after,
.amber-700-before::before {
    color: #FFA000 !important;
}

.amber-800,
.amber-800-hover:hover,
.amber-800-after::after,
.amber-800-before::before {
    color: #FF8F00 !important;
}

.amber-900,
.amber-900-hover:hover,
.amber-900-after::after,
.amber-900-before::before {
    color: #FF6F00 !important;
}

.amber-A100,
.amber-A100-hover:hover,
.amber-A100-after::after,
.amber-A100-before::before {
    color: #FFE57F !important;
}

.amber-A200,
.amber-A200-hover:hover,
.amber-A200-after::after,
.amber-A200-before::before {
    color: #FFD740 !important;
}

.amber-A400,
.amber-A400-hover:hover,
.amber-A400-after::after,
.amber-A400-before::before {
    color: #FFC400 !important;
}

.amber-A700,
.amber-A700-hover:hover,
.amber-A700-after::after,
.amber-A700-before::before {
    color: #FFAB00 !important;
}

.orange-50,
.orange-50-hover:hover,
.orange-50-after::after,
.orange-50-before::before {
    color: #FFF3E0 !important;
}

.orange-100,
.orange-100-hover:hover,
.orange-100-after::after,
.orange-100-before::before {
    color: #FFE0B2 !important;
}

.orange-200,
.orange-200-hover:hover,
.orange-200-after::after,
.orange-200-before::before {
    color: #FFCC80 !important;
}

.orange-300,
.orange-300-hover:hover,
.orange-300-after::after,
.orange-300-before::before {
    color: #FFB74D !important;
}

.orange-400,
.orange-400-hover:hover,
.orange-400-after::after,
.orange-400-before::before {
    color: #FFA726 !important;
}

.orange-500,
.orange-500-hover:hover,
.orange-500-after::after,
.orange-500-before::before {
    color: #FF9800 !important;
}

.orange-600,
.orange-600-hover:hover,
.orange-600-after::after,
.orange-600-before::before {
    color: #FB8C00 !important;
}

.orange-700,
.orange-700-hover:hover,
.orange-700-after::after,
.orange-700-before::before {
    color: #F57C00 !important;
}

.orange-800,
.orange-800-hover:hover,
.orange-800-after::after,
.orange-800-before::before {
    color: #EF6C00 !important;
}

.orange-900,
.orange-900-hover:hover,
.orange-900-after::after,
.orange-900-before::before {
    color: #E65100 !important;
}

.orange-A100,
.orange-A100-hover:hover,
.orange-A100-after::after,
.orange-A100-before::before {
    color: #FFD180 !important;
}

.orange-A200,
.orange-A200-hover:hover,
.orange-A200-after::after,
.orange-A200-before::before {
    color: #FFAB40 !important;
}

.orange-A400,
.orange-A400-hover:hover,
.orange-A400-after::after,
.orange-A400-before::before {
    color: #FF9100 !important;
}

.orange-A700,
.orange-A700-hover:hover,
.orange-A700-after::after,
.orange-A700-before::before {
    color: #FF6D00 !important;
}

.deep-orange-50,
.deep-orange-50-hover:hover,
.deep-orange-50-after::after,
.deep-orange-50-before::before {
    color: #FBE9E7 !important;
}

.deep-orange-100,
.deep-orange-100-hover:hover,
.deep-orange-100-after::after,
.deep-orange-100-before::before {
    color: #FFCCBC !important;
}

.deep-orange-200,
.deep-orange-200-hover:hover,
.deep-orange-200-after::after,
.deep-orange-200-before::before {
    color: #FFAB91 !important;
}

.deep-orange-300,
.deep-orange-300-hover:hover,
.deep-orange-300-after::after,
.deep-orange-300-before::before {
    color: #FF8A65 !important;
}

.deep-orange-400,
.deep-orange-400-hover:hover,
.deep-orange-400-after::after,
.deep-orange-400-before::before {
    color: #FF7043 !important;
}

.deep-orange-500,
.deep-orange-500-hover:hover,
.deep-orange-500-after::after,
.deep-orange-500-before::before {
    color: #FF5722 !important;
}

.deep-orange-600,
.deep-orange-600-hover:hover,
.deep-orange-600-after::after,
.deep-orange-600-before::before {
    color: #F4511E !important;
}

.deep-orange-700,
.deep-orange-700-hover:hover,
.deep-orange-700-after::after,
.deep-orange-700-before::before {
    color: #E64A19 !important;
}

.deep-orange-800,
.deep-orange-800-hover:hover,
.deep-orange-800-after::after,
.deep-orange-800-before::before {
    color: #D84315 !important;
}

.deep-orange-900,
.deep-orange-900-hover:hover,
.deep-orange-900-after::after,
.deep-orange-900-before::before {
    color: #BF360C !important;
}

.deep-orange-A100,
.deep-orange-A100-hover:hover,
.deep-orange-A100-after::after,
.deep-orange-A100-before::before {
    color: #FF9E80 !important;
}

.deep-orange-A200,
.deep-orange-A200-hover:hover,
.deep-orange-A200-after::after,
.deep-orange-A200-before::before {
    color: #FF6E40 !important;
}

.deep-orange-A400,
.deep-orange-A400-hover:hover,
.deep-orange-A400-after::after,
.deep-orange-A400-before::before {
    color: #FF3D00 !important;
}

.deep-orange-A700,
.deep-orange-A700-hover:hover,
.deep-orange-A700-after::after,
.deep-orange-A700-before::before {
    color: #DD2C00 !important;
}

.brown-50,
.brown-50-hover:hover,
.brown-50-after::after,
.brown-50-before::before {
    color: #EFEBE9 !important;
}

.brown-100,
.brown-100-hover:hover,
.brown-100-after::after,
.brown-100-before::before {
    color: #D7CCC8 !important;
}

.brown-200,
.brown-200-hover:hover,
.brown-200-after::after,
.brown-200-before::before {
    color: #BCAAA4 !important;
}

.brown-300,
.brown-300-hover:hover,
.brown-300-after::after,
.brown-300-before::before {
    color: #A1887F !important;
}

.brown-400,
.brown-400-hover:hover,
.brown-400-after::after,
.brown-400-before::before {
    color: #8D6E63 !important;
}

.brown-500,
.brown-500-hover:hover,
.brown-500-after::after,
.brown-500-before::before {
    color: #795548 !important;
}

.brown-600,
.brown-600-hover:hover,
.brown-600-after::after,
.brown-600-before::before {
    color: #6D4C41 !important;
}

.brown-700,
.brown-700-hover:hover,
.brown-700-after::after,
.brown-700-before::before {
    color: #5D4037 !important;
}

.brown-800,
.brown-800-hover:hover,
.brown-800-after::after,
.brown-800-before::before {
    color: #4E342E !important;
}

.brown-900,
.brown-900-hover:hover,
.brown-900-after::after,
.brown-900-before::before {
    color: #3E2723 !important;
}

.grey-50,
.grey-50-hover:hover,
.grey-50-after::after,
.grey-50-before::before {
    color: #FAFAFA !important;
}

.grey-100,
.grey-100-hover:hover,
.grey-100-after::after,
.grey-100-before::before {
    color: #F5F5F5 !important;
}

.grey-200,
.grey-200-hover:hover,
.grey-200-after::after,
.grey-200-before::before {
    color: #EEEEEE !important;
}

.grey-300,
.grey-300-hover:hover,
.grey-300-after::after,
.grey-300-before::before {
    color: #E0E0E0 !important;
}

.grey-400,
.grey-400-hover:hover,
.grey-400-after::after,
.grey-400-before::before {
    color: #BDBDBD !important;
}

.grey-500,
.grey-500-hover:hover,
.grey-500-after::after,
.grey-500-before::before {
    color: #9E9E9E !important;
}

.grey-600,
.grey-600-hover:hover,
.grey-600-after::after,
.grey-600-before::before {
    color: #757575 !important;
}

.grey-700,
.grey-700-hover:hover,
.grey-700-after::after,
.grey-700-before::before {
    color: #616161 !important;
}

.grey-800,
.grey-800-hover:hover,
.grey-800-after::after,
.grey-800-before::before {
    color: #424242 !important;
}

.grey-900,
.grey-900-hover:hover,
.grey-900-after::after,
.grey-900-before::before {
    color: #212121 !important;
}

.blue-grey-50,
.blue-grey-50-hover:hover,
.blue-grey-50-after::after,
.blue-grey-50-before::before {
    color: #ECEFF1 !important;
}

.blue-grey-100,
.blue-grey-100-hover:hover,
.blue-grey-100-after::after,
.blue-grey-100-before::before {
    color: #CFD8DC !important;
}

.blue-grey-200,
.blue-grey-200-hover:hover,
.blue-grey-200-after::after,
.blue-grey-200-before::before {
    color: #B0BEC5 !important;
}

.blue-grey-300,
.blue-grey-300-hover:hover,
.blue-grey-300-after::after,
.blue-grey-300-before::before {
    color: #90A4AE !important;
}

.blue-grey-400,
.blue-grey-400-hover:hover,
.blue-grey-400-after::after,
.blue-grey-400-before::before {
    color: #78909C !important;
}

.blue-grey-500,
.blue-grey-500-hover:hover,
.blue-grey-500-after::after,
.blue-grey-500-before::before {
    color: #607D8B !important;
}

.blue-grey-600,
.blue-grey-600-hover:hover,
.blue-grey-600-after::after,
.blue-grey-600-before::before {
    color: #546E7A !important;
}

.blue-grey-700,
.blue-grey-700-hover:hover,
.blue-grey-700-after::after,
.blue-grey-700-before::before {
    color: #455A64 !important;
}

.blue-grey-800,
.blue-grey-800-hover:hover,
.blue-grey-800-after::after,
.blue-grey-800-before::before {
    color: #37474F !important;
}

.blue-grey-900,
.blue-grey-900-hover:hover,
.blue-grey-900-after::after,
.blue-grey-900-before::before {
    color: #263238 !important;
}

.black,
.black-hover:hover,
.black-after::after,
.black-before::before {
    color: #000000 !important;
}

.white,
.white-hover:hover,
.white-after::after,
.white-before::before {
    color: #FFFFFF !important;
}

.gold,
.gold-hover:hover,
.gold-after::after,
.gold-before::before {
    color: #ffd700 !important;
}

.light-golden-rod-yellow,
.light-golden-rod-yellow-hover:hover,
.light-golden-rod-yellow-after::after,
.light-golden-rod-yellow-before::before {
    color: #fafad2 !important;
}

.pale-golden-rod,
.pale-golden-rod-hover:hover,
.pale-golden-after::after,
.pale-golden-rod-before::before {
    color: #eee8aa !important;
}

.dark-golden-rod,
.dark-golden-rod-hover:hover,
.dark-golden-rod-after::after,
.dark-golden-rod-before::before {
    color: #b8860b !important;
}

.golden-rod,
.golden-rod-hover:hover,
.golden-rod-after::after,
.golden-rod-before::before {
    color: #daa520 !important;
}

.blogger,
.blogger-hover:hover,
.blogger-after::after,
.blogger-before::before {
    color: #f57d00 !important;
}

.facebook,
.facebook-hover:hover,
.facebook-after::after,
.facebook-before::before {
    color: #3B5998 !important;
}

.bg-google,
.google-hover:hover,
.google-after::after,
.google-before::before {
    color: #4285F4 !important;
}

.google-plus,
.google-plus-hover:hover,
.google-plus-after::after,
.google-plus-before::before {
    color: #DB4437 !important;
}

.linkedin,
.linkedin-hover:hover,
.linkedin-after::after,
.linkedin-before::before {
    color: #0077B5 !important;
}

.pinterest,
.pinterest-hover:hover,
.pinterest-after::after,
.pinterest-before::before {
    color: #BD081C !important;
}

.reddit,
.reddit-hover:hover,
.reddit-after::after,
.reddit-before::before {
    color: #ff4500 !important;
}

.rss,
.rss-hover:hover,
.rss-after::after,
.rss-before::before {
    color: #f26109 !important;
}

.slideshare,
.slideshare-hover:hover,
.slideshare-after::after,
.slideshare-before::before {
    color: #0077b5 !important;
}

.twitter,
.twitter-hover:hover,
.twitter-after::after,
.twitter-before::before {
    color: #1DA1F2 !important;
}

.whatsapp,
.whatsapp-hover:hover,
.whatsapp-after::after,
.whatsapp-before::before {
    color: #25D366 !important;
}

.youtube,
.youtube-hover:hover,
.youtube-after::after,
.youtube-before::before {
    color: #ff0000 !important;
}

/*==============
  Borders
================*/
.border-0 {
    border: none !important;
}

.border-1 {
    border: 1px solid #BDBDBD !important;
}

.border-2 {
    border: 2px solid #BDBDBD !important;
}

.border-3 {
    border: 3px solid #BDBDBD !important;
}

.border-4 {
    border: 4px solid #BDBDBD !important;
}

.border-5 {
    border: 5px solid #BDBDBD !important;
}

.border-6 {
    border: 6px solid #BDBDBD !important;
}

.border-7 {
    border: 7px solid #BDBDBD !important;
}

.border-8 {
    border: 8px solid #BDBDBD !important;
}

.border-9 {
    border: 9px solid #BDBDBD !important;
}

.border-10 {
    border: 10px solid #BDBDBD !important;
}

.border-15 {
    border: 15px solid #BDBDBD !important;
}

.border-top-1 {
    border-top: 1px solid #BDBDBD !important;
}

.border-top-2 {
    border-top: 2px solid #BDBDBD !important;
}

.border-top-3 {
    border-top: 3px solid #BDBDBD !important;
}

.border-top-4 {
    border-top: 4px solid #BDBDBD !important;
}

.border-top-5 {
    border-top: 5px solid #BDBDBD !important;
}

.border-top-6 {
    border-top: 6px solid #BDBDBD !important;
}

.border-top-7 {
    border-top: 7px solid #BDBDBD !important;
}

.border-top-8 {
    border-top: 8px solid #BDBDBD !important;
}

.border-top-9 {
    border-top: 9px solid #BDBDBD !important;
}

.border-top-10 {
    border-top: 10px solid #BDBDBD !important;
}

.border-top-15 {
    border-top: 15px solid #BDBDBD !important;
}

.border-bottom-1 {
    border-bottom: 1px solid #BDBDBD !important;
}

.border-bottom-2 {
    border-bottom: 2px solid #BDBDBD !important;
}

.border-bottom-3 {
    border-bottom: 3px solid #BDBDBD !important;
}

.border-bottom-4 {
    border-bottom: 4px solid #BDBDBD !important;
}

.border-bottom-5 {
    border-bottom: 5px solid #BDBDBD !important;
}

.border-bottom-6 {
    border-bottom: 6px solid #BDBDBD !important;
}

.border-bottom-7 {
    border-bottom: 7px solid #BDBDBD !important;
}

.border-bottom-8 {
    border-bottom: 8px solid #BDBDBD !important;
}

.border-bottom-9 {
    border-bottom: 9px solid #BDBDBD !important;
}

.border-bottom-10 {
    border-bottom: 10px solid #BDBDBD !important;
}

.border-bottom-15 {
    border-bottom: 15px solid #BDBDBD !important;
}

.border-right-1 {
    border-right: 1px solid #BDBDBD !important;
}

.border-right-2 {
    border-right: 2px solid #BDBDBD !important;
}

.border-right-3 {
    border-right: 3px solid #BDBDBD !important;
}

.border-right-4 {
    border-right: 4px solid #BDBDBD !important;
}

.border-right-5 {
    border-right: 5px solid #BDBDBD !important;
}

.border-right-6 {
    border-right: 6px solid #BDBDBD !important;
}

.border-right-7 {
    border-right: 7px solid #BDBDBD !important;
}

.border-right-8 {
    border-right: 8px solid #BDBDBD !important;
}

.border-right-9 {
    border-right: 9px solid #BDBDBD !important;
}

.border-right-10 {
    border-right: 10px solid #BDBDBD !important;
}

.border-right-15 {
    border-right: 15px solid #BDBDBD !important;
}

.border-left-1 {
    border-left: 1px solid #BDBDBD !important;
}

.border-left-2 {
    border-left: 2px solid #BDBDBD !important;
}

.border-left-3 {
    border-left: 3px solid #BDBDBD !important;
}

.border-left-4 {
    border-left: 4px solid #BDBDBD !important;
}

.border-left-5 {
    border-left: 5px solid #BDBDBD !important;
}

.border-left-6 {
    border-left: 6px solid #BDBDBD !important;
}

.border-left-7 {
    border-left: 7px solid #BDBDBD !important;
}

.border-left-8 {
    border-left: 8px solid #BDBDBD !important;
}

.border-left-9 {
    border-left: 9px solid #BDBDBD !important;
}

.border-left-10 {
    border-left: 10px solid #BDBDBD !important;
}

.border-left-15 {
    border-left: 15px solid #BDBDBD !important;
}

.border-y-1 {
    border-top: 1px solid #BDBDBD !important;
    border-bottom: 1px solid #BDBDBD !important;
}

.border-y-2 {
    border-top: 2px solid #BDBDBD !important;
    border-bottom: 2px solid #BDBDBD !important;
}

.border-y-3 {
    border-top: 3px solid #BDBDBD !important;
    border-bottom: 3px solid #BDBDBD !important;
}

.border-y-4 {
    border-top: 4px solid #BDBDBD !important;
    border-bottom: 4px solid #BDBDBD !important;
}

.border-y-5 {
    border-top: 5px solid #BDBDBD !important;
    border-bottom: 5px solid #BDBDBD !important;
}

.border-y-6 {
    border-top: 6px solid #BDBDBD !important;
    border-bottom: 6px solid #BDBDBD !important;
}

.border-y-7 {
    border-top: 7px solid #BDBDBD !important;
    border-bottom: 7px solid #BDBDBD !important;
}

.border-y-8 {
    border-top: 8px solid #BDBDBD !important;
    border-bottom: 8px solid #BDBDBD !important;
}

.border-y-9 {
    border-top: 9px solid #BDBDBD !important;
    border-bottom: 9px solid #BDBDBD !important;
}

.border-y-10 {
    border-top: 10px solid #BDBDBD !important;
    border-bottom: 10px solid #BDBDBD !important;
}

.border-y-15 {
    border-top: 15px solid #BDBDBD !important;
    border-bottom: 15px solid #BDBDBD !important;
}

/*------------------------------------------------------------------
    [Border styles]
------------------------------------------------------------------*/
.border-dashed,
.border-dashed-after::after,
.border-dashed-before::before {
    border-style: dashed !important;
}

.border-dotted,
.border-dotted-after::after,
.border-dotted-before::before {
    border-style: dotted !important;
}

.border-double,
.border-double-after::after,
.border-double-before::before {
    border-style: double !important;
}

.border-groove,
.border-groove-after::after,
.border-groove-before::before {
    border-style: groove !important;
}

.border-hidden,
.border-hidden-after::after,
.border-hidden-before::before {
    border-style: hidden !important;
}

.border-inherit,
.border-inherit-after::after,
.border-inherit-before::before {
    border-style: inherit !important;
}

.border-inset,
.border-inset-after::after,
.border-inset-before::before {
    border-style: inset !important;
}

/*===================================================================
    Border Colors
=====================================================================*/
.border-red-50,
.border-red-50-hover:hover,
.border-red-50-after::after,
.border-red-50-before::before {
    border-color: #FFEBEE !important;
}

.border-red-100,
.border-red-100-hover:hover,
.border-red-100-after::after,
.border-red-100-before::before {
    border-color: #FFCDD2 !important;
}

.border-red-200,
.border-red-200-hover:hover,
.border-red-200-after::after,
.border-red-200-before::before {
    border-color: #EF9A9A !important;
}

.border-red-300,
.border-red-300-hover:hover,
.border-red-300-after::after,
.border-red-300-before::before {
    border-color: #E57373 !important;
}

.border-red-400,
.border-red-400-hover:hover,
.border-red-400-after::after,
.border-red-400-before::before {
    border-color: #EF5350 !important;
}

.border-red-500,
.border-red-500-hover:hover,
.border-red-500-after::after,
.border-red-500-before::before {
    border-color: #F44336 !important;
}

.border-red-600,
.border-red-600-hover:hover,
.border-red-600-after::after,
.border-red-600-before::before {
    border-color: #E53935 !important;
}

.border-red-700,
.border-red-700-hover:hover,
.border-red-700-after::after,
.border-red-700-before::before {
    border-color: #D32F2F !important;
}

.border-red-800,
.border-red-800-hover:hover,
.border-red-800-after::after,
.border-red-800-before::before {
    border-color: #C62828 !important;
}

.border-red-900,
.border-red-900-hover:hover,
.border-red-900-after::after,
.border-red-900-before::before {
    border-color: #B71C1C !important;
}

.border-red-A100,
.border-red-A100-hover:hover,
.border-red-A100-after::after,
.border-red-A100-before::before {
    border-color: #FF8A80 !important;
}

.border-red-A200,
.border-red-A200-hover:hover,
.border-red-A200-after::after,
.border-red-A200-before::before {
    border-color: #FF5252 !important;
}

.border-red-A400,
.border-red-A400-hover:hover,
.border-red-A400-after::after,
.border-red-A400-before::before {
    border-color: #FF1744 !important;
}

.border-red-A700,
.border-red-A700-hover:hover,
.border-red-A700-after::after,
.border-red-A700-before::before {
    border-color: #D50000 !important;
}

.border-pink-50,
.border-pink-50-hover:hover,
.border-pink-50-after::after,
.border-pink-50-before::before {
    border-color: #FCE4EC !important;
}

.border-pink-100,
.border-pink-100-hover:hover,
.border-pink-100-after::after,
.border-pink-100-before::before {
    border-color: #F8BBD0 !important;
}

.border-pink-200,
.border-pink-200-hover:hover,
.border-pink-200-after::after,
.border-pink-200-before::before {
    border-color: #F48FB1 !important;
}

.border-pink-300,
.border-pink-300-hover:hover,
.border-pink-300-after::after,
.border-pink-300-before::before {
    border-color: #F06292 !important;
}

.border-pink-400,
.border-pink-400-hover:hover,
.border-pink-400-after::after,
.border-pink-400-before::before {
    border-color: #EC407A !important;
}

.border-pink-500,
.border-pink-500-hover:hover,
.border-pink-500-after::after,
.border-pink-500-before::before {
    border-color: #E91E63 !important;
}

.border-pink-600,
.border-pink-600-hover:hover,
.border-pink-600-after::after,
.border-pink-600-before::before {
    border-color: #D81B60 !important;
}

.border-pink-700,
.border-pink-700-hover:hover,
.border-pink-700-after::after,
.border-pink-700-before::before {
    border-color: #C2185B !important;
}

.border-pink-800,
.border-pink-800-hover:hover,
.border-pink-800-after::after,
.border-pink-800-before::before {
    border-color: #AD1457 !important;
}

.border-pink-900,
.border-pink-900-hover:hover,
.border-pink-900-after::after,
.border-pink-900-before::before {
    border-color: #880E4F !important;
}

.border-pink-A100,
.border-pink-A100-hover:hover,
.border-pink-A100-after::after,
.border-pink-A100-before::before {
    border-color: #FF80AB !important;
}

.border-pink-A200,
.border-pink-A200-hover:hover,
.border-pink-A200-after::after,
.border-pink-A200-before::before {
    border-color: #FF4081 !important;
}

.border-pink-A400,
.border-pink-A400-hover:hover,
.border-pink-A400-after::after,
.border-pink-A400-before::before {
    border-color: #F50057 !important;
}

.border-pink-A700,
.border-pink-A700-hover:hover,
.border-pink-A700-after::after,
.border-pink-A700-before::before {
    border-color: #C51162 !important;
}

.border-purple-50,
.border-purple-50-hover:hover,
.border-purple-50-after::after,
.border-purple-50-before::before {
    border-color: #F3E5F5 !important;
}

.border-purple-100,
.border-purple-100-hover:hover,
.border-purple-100-after::after,
.border-purple-100-before::before {
    border-color: #E1BEE7 !important;
}

.border-purple-200,
.border-purple-200-hover:hover,
.border-purple-200-after::after,
.border-purple-200-before::before {
    border-color: #CE93D8 !important;
}

.border-purple-300,
.border-purple-300-hover:hover,
.border-purple-300-after::after,
.border-purple-300-before::before {
    border-color: #BA68C8 !important;
}

.border-purple-400,
.border-purple-400-hover:hover,
.border-purple-400-after::after,
.border-purple-400-before::before {
    border-color: #AB47BC !important;
}

.border-purple-500,
.border-purple-500-hover:hover,
.border-purple-500-after::after,
.border-purple-500-before::before {
    border-color: #9C27B0 !important;
}

.border-purple-600,
.border-purple-600-hover:hover,
.border-purple-600-after::after,
.border-purple-600-before::before {
    border-color: #8E24AA !important;
}

.border-purple-700,
.border-purple-700-hover:hover,
.border-purple-700-after::after,
.border-purple-700-before::before {
    border-color: #7B1FA2 !important;
}

.border-purple-800,
.border-purple-800-hover:hover,
.border-purple-800-after::after,
.border-purple-800-before::before {
    border-color: #6A1B9A !important;
}

.border-purple-900,
.border-purple-900-hover:hover,
.border-purple-900-after::after,
.border-purple-900-before::before {
    border-color: #4A148C !important;
}

.border-purple-A100,
.border-purple-A100-hover:hover,
.border-purple-A100-after::after,
.border-purple-A100-before::before {
    border-color: #FF80AB !important;
}

.border-purple-A200,
.border-purple-A200-hover:hover,
.border-purple-A200-after::after,
.border-purple-A200-before::before {
    border-color: #E040FB !important;
}

.border-purple-A400,
.border-purple-A400-hover:hover,
.border-purple-A400-after::after,
.border-purple-A400-before::before {
    border-color: #D500F9 !important;
}

.border-purple-A700,
.border-purple-A700-hover:hover,
.border-purple-A700-after::after,
.border-purple-A700-before::before {
    border-color: #AA00FF !important;
}

.border-deep-purple-50,
.border-deep-purple-50-hover:hover,
.border-deep-purple-50-after::after,
.border-deep-purple-50-before::before {
    border-color: #EDE7F6 !important;
}

.border-deep-purple-100,
.border-deep-purple-100-hover:hover,
.border-deep-purple-100-after::after,
.border-deep-purple-100-before::before {
    border-color: #D1C4E9 !important;
}

.border-deep-purple-200,
.border-deep-purple-200-hover:hover,
.border-deep-purple-200-after::after,
.border-deep-purple-200-before::before {
    border-color: #B39DDB !important;
}

.border-deep-purple-300,
.border-deep-purple-300-hover:hover,
.border-deep-purple-300-after::after,
.border-deep-purple-300-before::before {
    border-color: #9575CD !important;
}

.border-deep-purple-400,
.border-deep-purple-400-hover:hover,
.border-deep-purple-400-after::after,
.border-deep-purple-400-before::before {
    border-color: #7E57C2 !important;
}

.border-deep-purple-500,
.border-deep-purple-500-hover:hover,
.border-deep-purple-500-after::after,
.border-deep-purple-500-before::before {
    border-color: #673AB7 !important;
}

.border-deep-purple-600,
.border-deep-purple-600-hover:hover,
.border-deep-purple-600-after::after,
.border-deep-purple-600-before::before {
    border-color: #5E35B1 !important;
}

.border-deep-purple-700,
.border-deep-purple-700-hover:hover,
.border-deep-purple-700-after::after,
.border-deep-purple-700-before::before {
    border-color: #512DA8 !important;
}

.border-deep-purple-800,
.border-deep-purple-800-hover:hover,
.border-deep-purple-800-after::after,
.border-deep-purple-800-before::before {
    border-color: #4527A0 !important;
}

.border-deep-purple-900,
.border-deep-purple-900-hover:hover,
.border-deep-purple-900-after::after,
.border-deep-purple-900-before::before {
    border-color: #311B92 !important;
}

.border-deep-purple-A100,
.border-deep-purple-A100-hover:hover,
.border-deep-purple-A100-after::after,
.border-deep-purple-A100-before::before {
    border-color: #B388FF !important;
}

.border-deep-purple-A200,
.border-deep-purple-A200-hover:hover,
.border-deep-purple-A200-after::after,
.border-deep-purple-A200-before::before {
    border-color: #7C4DFF !important;
}

.border-deep-purple-A400,
.border-deep-purple-A400-hover:hover,
.border-deep-purple-A400-after::after,
.border-deep-purple-A400-before::before {
    border-color: #651FFF !important;
}

.border-deep-purple-A700,
.border-deep-purple-A700-hover:hover,
.border-deep-purple-A700-after::after,
.border-deep-purple-A700-before::before {
    border-color: #6200EA !important;
}

.border-indigo-50,
.border-indigo-50-hover:hover,
.border-indigo-50-after::after,
.border-indigo-50-before::before {
    border-color: #E8EAF6 !important;
}

.border-indigo-100,
.border-indigo-100-hover:hover,
.border-indigo-100-after::after,
.border-indigo-100-before::before {
    border-color: #C5CAE9 !important;
}

.border-indigo-200,
.border-indigo-200-hover:hover,
.border-indigo-200-after::after,
.border-indigo-200-before::before {
    border-color: #9FA8DA !important;
}

.border-indigo-300m,
.border-indigo-300-hover:hover,
.border-indigo-300-after::after,
.border-indigo-300-before::before {
    border-color: #7986CB !important;
}

.border-indigo-400,
.border-indigo-400-hover:hover,
.border-indigo-400-after::after,
.border-indigo-400-before::before {
    border-color: #5C6BC0 !important;
}

.border-indigo-500,
.border-indigo-500-hover:hover,
.border-indigo-500-after::after,
.border-indigo-500-before::before {
    border-color: #3F51B5 !important;
}

.border-indigo-600,
.border-indigo-600-hover:hover,
.border-indigo-600-after::after,
.border-indigo-600-before::before {
    border-color: #3949AB !important;
}

.border-indigo-700,
.border-indigo-700-hover:hover,
.border-indigo-700-after::after,
.border-indigo-700-before::before {
    border-color: #303F9F !important;
}

.border-indigo-800,
.border-indigo-800-hover:hover,
.border-indigo-800-after::after,
.border-indigo-800-before::before {
    border-color: #283593 !important;
}

.border-indigo-900,
.border-indigo-900-hover:hover,
.border-indigo-900-after::after,
.border-indigo-900-before::before {
    border-color: #1A237E !important;
}

.border-indigo-A100,
.border-indigo-A100-hover:hover,
.border-indigo-A100-after::after,
.border-indigo-A100-before::before {
    border-color: #8C9EFF !important;
}

.border-indigo-A200,
.border-indigo-A200-hover:hover,
.border-indigo-A200-after::after,
.border-indigo-A200-before::before {
    border-color: #536DFE !important;
}

.border-indigo-A400,
.border-indigo-A400-hover:hover,
.border-indigo-A400-after::after,
.border-indigo-A400-before::before {
    border-color: #3D5AFE !important;
}

.border-indigo-A700,
.border-indigo-A700-hover:hover,
.border-indigo-A700-after::after,
.border-indigo-A700-before::before {
    border-color: #304FFE !important;
}

.border-blue-50,
.border-blue-50-hover:hover,
.border-blue-50-after::after,
.border-blue-50-before::before {
    border-color: #E3F2FD !important;
}

.border-blue-100,
.border-blue-100-hover:hover,
.border-blue-100-after::after,
.border-blue-100-before::before {
    border-color: #BBDEFB !important;
}

.border-blue-200,
.border-blue-200-hover:hover,
.border-blue-200-after::after,
.border-blue-200-before::before {
    border-color: #90CAF9 !important;
}

.border-blue-300,
.border-blue-300-hover:hover,
.border-blue-300-after::after,
.border-blue-300-before::before {
    border-color: #64B5F6 !important;
}

.border-blue-400,
.border-blue-400-hover:hover,
.border-blue-400-after::after,
.border-blue-400-before::before {
    border-color: #42A5F5 !important;
}

.border-blue-500,
.border-blue-500-hover:hover,
.border-blue-500-after::after,
.border-blue-500-before::before {
    border-color: #2196F3 !important;
}

.border-blue-600,
.border-blue-600-hover:hover,
.border-blue-600-after::after,
.border-blue-600-before::before {
    border-color: #1E88E5 !important;
}

.border-blue-700,
.border-blue-700-hover:hover,
.border-blue-700-after::after,
.border-blue-700-before::before {
    border-color: #1976D2 !important;
}

.border-blue-800,
.border-blue-800-hover:hover,
.border-blue-800-after::after,
.border-blue-800-before::before {
    border-color: #1565C0 !important;
}

.border-blue-900,
.border-blue-900-hover:hover,
.border-blue-900-after::after,
.border-blue-900-before::before {
    border-color: #0D47A1 !important;
}

.border-blue-A100,
.border-blue-A100-hover:hover,
.border-blue-A100-after::after,
.border-blue-A100-before::before {
    border-color: #82B1FF !important;
}

.border-blue-A200,
.border-blue-A200-hover:hover,
.border-blue-A200-after::after,
.border-blue-A200-before::before {
    border-color: #448AFF !important;
}

.border-blue-A400,
.border-blue-A400-hover:hover,
.border-blue-A400-after::after,
.border-blue-A400-before::before {
    border-color: #2979FF !important;
}

.border-blue-A700,
.border-blue-A700-hover:hover,
.border-blue-A700-after::after,
.border-blue-A700-before::before {
    border-color: #2962FF !important;
}

.border-light-blue-50,
.border-light-blue-50-hover:hover,
.border-light-blue-50-after::after,
.border-light-blue-50-before::before {
    border-color: #E1F5FE !important;
}

.border-light-blue-100,
.border-light-blue-100-hover:hover,
.border-light-blue-100-after::after,
.border-light-blue-100-before::before {
    border-color: #B3E5FC !important;
}

.border-light-blue-200,
.border-light-blue-200-hover:hover,
.border-light-blue-200-after::after,
.border-light-blue-200-before::before {
    border-color: #81D4FA !important;
}

.border-light-blue-300,
.border-light-blue-300-hover:hover,
.border-light-blue-300-after::after,
.border-light-blue-300-before::before {
    border-color: #4FC3F7 !important;
}

.border-light-blue-400,
.border-light-blue-400-hover:hover,
.border-light-blue-400-after::after,
.border-light-blue-400-before::before {
    border-color: #29B6F6 !important;
}

.border-light-blue-500,
.border-light-blue-500-hover:hover,
.border-light-blue-500-after::after,
.border-light-blue-500-before::before {
    border-color: #03A9F4 !important;
}

.border-light-blue-600,
.border-light-blue-600-hover:hover,
.border-light-blue-600-after::after,
.border-light-blue-600-before::before {
    border-color: #039BE5 !important;
}

.border-light-blue-700,
.border-light-blue-700-hover:hover,
.border-light-blue-700-after::after,
.border-light-blue-700-before::before {
    border-color: #0288D1 !important;
}

.border-light-blue-800,
.border-light-blue-800-hover:hover,
.border-light-blue-800-after::after,
.border-light-blue-800-before::before {
    border-color: #0277BD !important;
}

.border-light-blue-900,
.border-light-blue-900-hover:hover,
.border-light-blue-900-after::after,
.border-light-blue-900-before::before {
    border-color: #01579B !important;
}

.border-light-blue-A100,
.border-light-blue-A100-hover:hover,
.border-light-blue-A100-after::after,
.border-light-blue-A100-before::before {
    border-color: #80D8FF !important;
}

.border-light-blue-A200,
.border-light-blue-A200-hover:hover,
.border-light-blue-A200-after::after,
.border-light-blue-A200-before::before {
    border-color: #40C4FF !important;
}

.border-light-blue-A400,
.border-light-blue-A400-hover:hover,
.border-light-blue-A400-after::after,
.border-light-blue-A400-before::before {
    border-color: #00B0FF !important;
}

.border-light-blue-A700,
.border-light-blue-A700-hover:hover,
.border-light-blue-A700-after::after,
.border-light-blue-A700-before::before {
    border-color: #0091EA !important;
}

.border-cyan-50,
.border-cyan-50-hover:hover,
.border-cyan-50-after::after,
.border-cyan-50-before::before {
    border-color: #E0F7FA !important;
}

.border-cyan-100,
.border-cyan-100-hover:hover,
.border-cyan-100-after::after,
.border-cyan-100-before::before {
    border-color: #B2EBF2 !important;
}

.border-cyan-200,
.border-cyan-200-hover:hover,
.border-cyan-200-after::after,
.border-cyan-200-before::before {
    border-color: #80DEEA !important;
}

.border-cyan-300,
.border-cyan-300-hover:hover,
.border-cyan-300-after::after,
.border-cyan-300-before::before {
    border-color: #4DD0E1 !important;
}

.border-cyan-400,
.border-cyan-400-hover:hover,
.border-cyan-400-after::after,
.border-cyan-400-before::before {
    border-color: #26C6DA !important;
}

.border-cyan-500,
.border-cyan-500-hover:hover,
.border-cyan-500-after::after,
.border-cyan-500-before::before {
    border-color: #00BCD4 !important;
}

.border-cyan-600,
.border-cyan-600-hover:hover,
.border-cyan-600-after::after,
.border-cyan-600-before::before {
    border-color: #00ACC1 !important;
}

.border-cyan-700,
.border-cyan-700-hover:hover,
.border-cyan-700-after::after,
.border-cyan-700-before::before {
    border-color: #0097A7 !important;
}

.border-cyan-800,
.border-cyan-800-hover:hover,
.border-cyan-800-after::after,
.border-cyan-800-before::before {
    border-color: #00838F !important;
}

.border-cyan-900,
.border-cyan-900-hover:hover,
.border-cyan-900-after::after,
.border-cyan-900-before::before {
    border-color: #006064 !important;
}

.border-cyan-A100,
.border-cyan-A100-hover:hover,
.border-cyan-A100-after::after,
.border-cyan-A100-before::before {
    border-color: #84FFFF !important;
}

.border-cyan-A200,
.border-cyan-A200-hover:hover,
.border-cyan-A200-after::after,
.border-cyan-A200-before::before {
    border-color: #18FFFF !important;
}

.border-cyan-A400,
.border-cyan-A400-hover:hover,
.border-cyan-A400-after::after,
.border-cyan-A400-before::before {
    border-color: #00E5FF !important;
}

.border-cyan-A700,
.border-cyan-A700-hover:hover,
.border-cyan-A700-after::after,
.border-cyan-A700-before::before {
    border-color: #00B8D4 !important;
}

.border-teal-50,
.border-teal-50-hover:hover,
.border-teal-50-after::after,
.border-teal-50-before::before {
    border-color: #E0F2F1 !important;
}

.border-teal-100,
.border-teal-100-hover:hover,
.border-teal-100-after::after,
.border-teal-100-before::before {
    border-color: #B2DFDB !important;
}

.border-teal-200,
.border-teal-200-hover:hover,
.border-teal-200-after::after,
.border-teal-200-before::before {
    border-color: #80CBC4 !important;
}

.border-teal-300,
.border-teal-300-hover:hover,
.border-teal-300-after::after,
.border-teal-300-before::before {
    border-color: #4DB6AC !important;
}

.border-teal-400,
.border-teal-400-hover:hover,
.border-teal-400-after::after,
.border-teal-400-before::before {
    border-color: #26A69A !important;
}

.border-teal-500,
.border-teal-500-hover:hover,
.border-teal-500-after::after,
.border-teal-500-before::before {
    border-color: #009688 !important;
}

.border-teal-600,
.border-teal-600-hover:hover,
.border-teal-600-after::after,
.border-teal-600-before::before {
    border-color: #00897B !important;
}

.border-teal-700,
.border-teal-700-hover:hover,
.border-teal-700-after::after,
.border-teal-700-before::before {
    border-color: #00796B !important;
}

.border-teal-800,
.border-teal-800-hover:hover,
.border-teal-800-after::after,
.border-teal-800-before::before {
    border-color: #00695C !important;
}

.border-teal-900,
.border-teal-900-hover:hover,
.border-teal-900-after::after,
.border-teal-900-before::before {
    border-color: #004D40 !important;
}

.border-teal-A100,
.border-teal-A100-hover:hover,
.border-teal-A100-after::after,
.border-teal-A100-before::before {
    border-color: #A7FFEB !important;
}

.border-teal-A200,
.border-teal-A200-hover:hover,
.border-teal-A200-after::after,
.border-teal-A200-before::before {
    border-color: #64FFDA !important;
}

.border-teal-A400,
.border-teal-A400-hover:hover,
.border-teal-A400-after::after,
.border-teal-A400-before::before {
    border-color: #1DE9B6 !important;
}

.border-teal-A700,
.border-teal-A700-hover:hover,
.border-teal-A700-after::after,
.border-teal-A700-before::before {
    border-color: #00BFA5 !important;
}

.border-green-50,
.border-green-50-hover:hover,
.border-green-50-after::after,
.border-green-50-before::before {
    border-color: #E8F5E9 !important;
}

.border-green-100,
.border-green-100-hover:hover,
.border-green-100-after::after,
.border-green-100-before::before {
    border-color: #C8E6C9 !important;
}

.border-green-200,
.border-green-200-hover:hover,
.border-green-200-after::after,
.border-green-200-before::before {
    border-color: #A5D6A7 !important;
}

.border-green-300,
.border-green-300-hover:hover,
.border-green-300-after::after,
.border-green-300-before::before {
    border-color: #81C784 !important;
}

.border-green-400,
.border-green-400-hover:hover,
.border-green-400-after::after,
.border-green-400-before::before {
    border-color: #66BB6A !important;
}

.border-green-500,
.border-green-500-hover:hover,
.border-green-500-after::after,
.border-green-500-before::before {
    border-color: #4CAF50 !important;
}

.border-green-600,
.border-green-600-hover:hover,
.border-green-600-after::after,
.border-green-600-before::before {
    border-color: #43A047 !important;
}

.border-green-700,
.border-green-700-hover:hover,
.border-green-700-after::after,
.border-green-700-before::before {
    border-color: #388E3C !important;
}

.border-green-800,
.border-green-800-hover:hover,
.border-green-800-after::after,
.border-green-800-before::before {
    border-color: #2E7D32 !important;
}

.border-green-900,
.border-green-900-hover:hover,
.border-green-900-after::after,
.border-green-900-before::before {
    border-color: #1B5E20 !important;
}

.border-green-A100,
.border-green-A100-hover:hover,
.border-green-A100-after::after,
.border-green-A100-before::before {
    border-color: #B9F6CA !important;
}

.border-green-A200,
.border-green-A200-hover:hover,
.border-green-A200-after::after,
.border-green-A200-before::before {
    border-color: #69F0AE !important;
}

.border-green-A400,
.border-green-A400-hover:hover,
.border-green-A400-after::after,
.border-green-A400-before::before {
    border-color: #00E676 !important;
}

.border-green-A700,
.border-green-A700-hover:hover,
.border-green-A700-after::after,
.border-green-A700-before::before {
    border-color: #00C853 !important;
}

.border-light-green-50,
.border-light-green-50-hover:hover,
.border-light-green-50-after::after,
.border-light-green-50-before::before {
    border-color: #F1F8E9 !important;
}

.border-light-green-100,
.border-light-green-100-hover:hover,
.border-light-green-100-after::after,
.border-light-green-100-before::before {
    border-color: #DCEDC8 !important;
}

.border-light-green-200,
.border-light-green-200-hover:hover,
.border-light-green-200-after::after,
.border-light-green-200-before::before {
    border-color: #C5E1A5 !important;
}

.border-light-green-300,
.border-light-green-300-hover:hover,
.border-light-green-300-after::after,
.border-light-green-300-before::before {
    border-color: #AED581 !important;
}

.border-light-green-400,
.border-light-green-400-hover:hover,
.border-light-green-400-after::after,
.border-light-green-400-before::before {
    border-color: #9CCC65 !important;
}

.border-light-green-500,
.border-light-green-500-hover:hover,
.border-light-green-500-after::after,
.border-light-green-500-before::before {
    border-color: #8BC34A !important;
}

.border-light-green-600,
.border-light-green-600-hover:hover,
.border-light-green-600-after::after,
.border-light-green-600-before::before {
    border-color: #7CB342 !important;
}

.border-light-green-700,
.border-light-green-700-hover:hover,
.border-light-green-700-after::after,
.border-light-green-700-before::before {
    border-color: #689F38 !important;
}

.border-light-green-800,
.border-light-green-800-hover:hover,
.border-light-green-800-after::after,
.border-light-green-800-before::before {
    border-color: #558B2F !important;
}

.border-light-green-900,
.border-light-green-900-hover:hover,
.border-light-green-900-after::after,
.border-light-green-900-before::before {
    border-color: #33691E !important;
}

.border-light-green-A100,
.border-light-green-A100-hover:hover,
.border-light-green-A100-after::after,
.border-light-green-A100-before::before {
    border-color: #CCFF90 !important;
}

.border-light-green-A200,
.border-light-green-A200-hover:hover,
.border-light-green-A200-after::after,
.border-light-green-A200-before::before {
    border-color: #B2FF59 !important;
}

.border-light-green-A400,
.border-light-green-A400-hover:hover,
.border-light-green-A400-after::after,
.border-light-green-A400-before::before {
    border-color: #76FF03 !important;
}

.border-light-green-A700,
.border-light-green-A700-hover:hover,
.border-light-green-A700-after::after,
.border-light-green-A700-before::before {
    border-color: #64DD17 !important;
}

.border-lime-50,
.border-lime-50-hover:hover,
.border-lime-50-after::after,
.border-lime-50-before::before {
    border-color: #F9FBE7 !important;
}

.border-lime-100,
.border-lime-100-hover:hover,
.border-lime-100-after::after,
.border-lime-100-before::before {
    border-color: #F0F4C3 !important;
}

.border-lime-200,
.border-lime-200-hover:hover,
.border-lime-200-after::after,
.border-lime-200-before::before {
    border-color: #E6EE9C !important;
}

.border-lime-300,
.border-lime-300-hover:hover,
.border-lime-300-after::after,
.border-lime-300-before::before {
    border-color: #DCE775 !important;
}

.border-lime-400,
.border-lime-400-hover:hover,
.border-lime-400-after::after,
.border-lime-400-before::before {
    border-color: #D4E157 !important;
}

.border-lime-500,
.border-lime-500-hover:hover,
.border-lime-500-after::after,
.border-lime-500-before::before {
    border-color: #CDDC39 !important;
}

.border-lime-600,
.border-lime-600-hover:hover,
.border-lime-600-after::after,
.border-lime-600-before::before {
    border-color: #C0CA33 !important;
}

.border-lime-700,
.border-lime-700-hover:hover,
.border-lime-700-after::after,
.border-lime-700-before::before {
    border-color: #AFB42B !important;
}

.border-lime-800,
.border-lime-800-hover:hover,
.border-lime-800-after::after,
.border-lime-800-before::before {
    border-color: #9E9D24 !important;
}

.border-lime-900,
.border-lime-900-hover:hover,
.border-lime-900-after::after,
.border-lime-900-before::before {
    border-color: #827717 !important;
}

.border-lime-A100,
.border-lime-A100-hover:hover,
.border-lime-A100-after::after,
.border-lime-A100-before::before {
    border-color: #F4FF81 !important;
}

.border-lime-A200,
.border-lime-A200-hover:hover,
.border-lime-A200-after::after,
.border-lime-A200-before::before {
    border-color: #EEFF41 !important;
}

.border-lime-A400,
.border-lime-A400-hover:hover,
.border-lime-A400-after::after,
.border-lime-A400-before::before {
    border-color: #C6FF00 !important;
}

.border-lime-A700,
.border-lime-A700-hover:hover,
.border-lime-A700-after::after,
.border-lime-A700-before::before {
    border-color: #AEEA00 !important;
}

.border-yellow-50,
.border-yellow-50-hover:hover,
.border-yellow-50-after::after,
.border-yellow-50-before::before {
    border-color: #FFFDE7 !important;
}

.border-yellow-100,
.border-yellow-100-hover:hover,
.border-yellow-100-after::after,
.border-yellow-100-before::before {
    border-color: #FFF9C4 !important;
}

.border-yellow-200,
.border-yellow-200-hover:hover,
.border-yellow-200-after::after,
.border-yellow-200-before::before {
    border-color: #FFF59D !important;
}

.border-yellow-300,
.border-yellow-300-hover:hover,
.border-yellow-300-after::after,
.border-yellow-300-before::before {
    border-color: #FFF176 !important;
}

.border-yellow-400,
.border-yellow-400-hover:hover,
.border-yellow-400-after::after,
.border-yellow-400-before::before {
    border-color: #FFEE58 !important;
}

.border-yellow-500,
.border-yellow-500-hover:hover,
.border-yellow-500-after::after,
.border-yellow-500-before::before {
    border-color: #FFEB3B !important;
}

.border-yellow-600,
.border-yellow-600-hover:hover,
.border-yellow-600-after::after,
.border-yellow-600-before::before {
    border-color: #FDD835 !important;
}

.border-yellow-700,
.border-yellow-700-hover:hover,
.border-yellow-700-after::after,
.border-yellow-700-before::before {
    border-color: #FBC02D !important;
}

.border-yellow-800,
.border-yellow-800-hover:hover,
.border-yellow-800-after::after,
.border-yellow-800-before::before {
    border-color: #F9A825 !important;
}

.border-yellow-900,
.border-yellow-900-hover:hover,
.border-yellow-900-after::after,
.border-yellow-900-before::before {
    border-color: #F57F17 !important;
}

.border-yellow-A100,
.border-yellow-A100-hover:hover,
.border-yellow-A100-after::after,
.border-yellow-A100-before::before {
    border-color: #FFFF8D !important;
}

.border-yellow-A200,
.border-yellow-A200-hover:hover,
.border-yellow-A200-after::after,
.border-yellow-A200-before::before {
    border-color: #FFFF00 !important;
}

.border-yellow-A400,
.border-yellow-A400-hover:hover,
.border-yellow-A400-after::after,
.border-yellow-A400-before::before {
    border-color: #FFEA00 !important;
}

.border-yellow-A700,
.border-yellow-A700-hover:hover,
.border-yellow-A700-after::after,
.border-yellow-A700-before::before {
    border-color: #FFD600 !important;
}

.border-amber-50,
.border-amber-50-hover:hover,
.border-amber-50-after::after,
.border-amber-50-before::before {
    border-color: #FFF8E1 !important;
}

.border-amber-100,
.border-amber-100-hover:hover,
.border-amber-100-after::after,
.border-amber-100-before::before {
    border-color: #FFECB3 !important;
}

.border-amber-200,
.border-amber-200-hover:hover,
.border-amber-200-after::after,
.border-amber-200-before::before {
    border-color: #FFE082 !important;
}

.border-amber-300,
.border-amber-300-hover:hover,
.border-amber-300-after::after,
.border-amber-300-before::before {
    border-color: #FFD54F !important;
}

.border-amber-400,
.border-amber-400-hover:hover,
.border-amber-400-after::after,
.border-amber-400-before::before {
    border-color: #FFCA28 !important;
}

.border-amber-500,
.border-amber-500-hover:hover,
.border-amber-500-after::after,
.border-amber-500-before::before {
    border-color: #FFC107 !important;
}

.border-amber-600,
.border-amber-600-hover:hover,
.border-amber-600-after::after,
.border-amber-600-before::before {
    border-color: #FFB300 !important;
}

.border-amber-700,
.border-amber-700-hover:hover,
.border-amber-700-after::after,
.border-amber-700-before::before {
    border-color: #FFA000 !important;
}

.border-amber-800,
.border-amber-800-hover:hover,
.border-amber-800-after::after,
.border-amber-800-before::before {
    border-color: #FF8F00 !important;
}

.border-amber-900,
.border-amber-900-hover:hover,
.border-amber-900-after::after,
.border-amber-900-before::before {
    border-color: #FF6F00 !important;
}

.border-amber-A100,
.border-amber-A100-hover:hover,
.border-amber-A100-after::after,
.border-amber-A100-before::before {
    border-color: #FFE57F !important;
}

.border-amber-A200,
.border-amber-A200-hover:hover,
.border-amber-A200-after::after,
.border-amber-A200-before::before {
    border-color: #FFD740 !important;
}

.border-amber-A400,
.border-amber-A400-hover:hover,
.border-amber-A400-after::after,
.border-amber-A400-before::before {
    border-color: #FFC400 !important;
}

.border-amber-A700,
.border-amber-A700-hover:hover,
.border-amber-A700-after::after,
.border-amber-A700-before::before {
    border-color: #FFAB00 !important;
}

.border-orange-50,
.border-orange-50-hover:hover,
.border-orange-50-after::after,
.border-orange-50-before::before {
    border-color: #FFF3E0 !important;
}

.border-orange-100,
.border-orange-100-hover:hover,
.border-orange-100-after::after,
.border-orange-100-before::before {
    border-color: #FFE0B2 !important;
}

.border-orange-200,
.border-orange-200-hover:hover,
.border-orange-200-after::after,
.border-orange-200-before::before {
    border-color: #FFCC80 !important;
}

.border-orange-300,
.border-orange-300-hover:hover,
.border-orange-300-after::after,
.border-orange-300-before::before {
    border-color: #FFB74D !important;
}

.border-orange-400,
.border-orange-400-hover:hover,
.border-orange-400-after::after,
.border-orange-400-before::before {
    border-color: #FFA726 !important;
}

.border-orange-500,
.border-orange-500-hover:hover,
.border-orange-500-after::after,
.border-orange-500-before::before {
    border-color: #FF9800 !important;
}

.border-orange-600,
.border-orange-600-hover:hover,
.border-orange-600-after::after,
.border-orange-600-before::before {
    border-color: #FB8C00 !important;
}

.border-orange-700,
.border-orange-700-hover:hover,
.border-orange-700-after::after,
.border-orange-700-before::before {
    border-color: #F57C00 !important;
}

.border-orange-800,
.border-orange-800-hover:hover,
.border-orange-800-after::after,
.border-orange-800-before::before {
    border-color: #EF6C00 !important;
}

.border-orange-900,
.border-orange-900-hover:hover,
.border-orange-900-after::after,
.border-orange-900-before::before {
    border-color: #E65100 !important;
}

.border-orange-A100,
.border-orange-A100-hover:hover,
.border-orange-A100-after::after,
.border-orange-A100-before::before {
    border-color: #FFD180 !important;
}

.border-orange-A200,
.border-orange-A200-hover:hover,
.border-orange-A200-after::after,
.border-orange-A200-before::before {
    border-color: #FFAB40 !important;
}

.border-orange-A400,
.border-orange-A400-hover:hover,
.border-orange-A400-after::after,
.border-orange-A400-before::before {
    border-color: #FF9100 !important;
}

.border-orange-A700,
.border-orange-A700-hover:hover,
.border-orange-A700-after::after,
.border-orange-A700-before::before {
    border-color: #FF6D00 !important;
}

.border-deep-orange-50,
.border-deep-orange-50-hover:hover,
.border-deep-orange-50-after::after,
.border-deep-orange-50-before::before {
    border-color: #FBE9E7 !important;
}

.border-deep-orange-100,
.border-deep-orange-100-hover:hover,
.border-deep-orange-100-after::after,
.border-deep-orange-100-before::before {
    border-color: #FFCCBC !important;
}

.border-deep-orange-200,
.border-deep-orange-200-hover:hover,
.border-deep-orange-200-after::after,
.border-deep-orange-200-before::before {
    border-color: #FFAB91 !important;
}

.border-deep-orange-300,
.border-deep-orange-300-hover:hover,
.border-deep-orange-300-after::after,
.border-deep-orange-300-before::before {
    border-color: #FF8A65 !important;
}

.border-deep-orange-400,
.border-deep-orange-400-hover:hover,
.border-deep-orange-400-after::after,
.border-deep-orange-400-before::before {
    border-color: #FF7043 !important;
}

.border-deep-orange-500,
.border-deep-orange-500-hover:hover,
.border-deep-orange-500-after::after,
.border-deep-orange-500-before::before {
    border-color: #FF5722 !important;
}

.border-deep-orange-600,
.border-deep-orange-600-hover:hover,
.border-deep-orange-600-after::after,
.border-deep-orange-600-before::before {
    border-color: #F4511E !important;
}

.border-deep-orange-700,
.border-deep-orange-700-hover:hover,
.border-deep-orange-700-after::after,
.border-deep-orange-700-before::before {
    border-color: #E64A19 !important;
}

.border-deep-orange-800,
.border-deep-orange-800-hover:hover,
.border-deep-orange-800-after::after,
.border-deep-orange-800-before::before {
    border-color: #D84315 !important;
}

.border-deep-orange-900,
.border-deep-orange-900-hover:hover,
.border-deep-orange-900-after::after,
.border-deep-orange-900-before::before {
    border-color: #BF360C !important;
}

.border-deep-orange-A100,
.border-deep-orange-A100-hover:hover,
.border-deep-orange-A100-after::after,
.border-deep-orange-A100-before::before {
    border-color: #FF9E80 !important;
}

.border-deep-orange-A200,
.border-deep-orange-A200-hover:hover,
.border-deep-orange-A200-after::after,
.border-deep-orange-A200-before::before {
    border-color: #FF6E40 !important;
}

.border-deep-orange-A400,
.border-deep-orange-A400-hover:hover,
.border-deep-orange-A400-after::after,
.border-deep-orange-A400-before::before {
    border-color: #FF3D00 !important;
}

.border-deep-orange-A700,
.border-deep-orange-A700-hover:hover,
.border-deep-orange-A700-after::after,
.border-deep-orange-A700-before::before {
    border-color: #DD2C00 !important;
}

.border-brown-50,
.border-brown-50-hover:hover,
.border-brown-50-after::after,
.border-brown-50-before::before {
    border-color: #EFEBE9 !important;
}

.border-brown-100,
.border-brown-100-hover:hover,
.border-brown-100-after::after,
.border-brown-100-before::before {
    border-color: #D7CCC8 !important;
}

.border-brown-200,
.border-brown-200-hover:hover,
.border-brown-200-after::after,
.border-brown-200-before::before {
    border-color: #BCAAA4 !important;
}

.border-brown-300,
.border-brown-300-hover:hover,
.border-brown-300-after::after,
.border-brown-300-before::before {
    border-color: #A1887F !important;
}

.border-brown-400,
.border-brown-400-hover:hover,
.border-brown-400-after::after,
.border-brown-400-before::before {
    border-color: #8D6E63 !important;
}

.border-brown-500,
.border-brown-500-hover:hover,
.border-brown-500-after::after,
.border-brown-500-before::before {
    border-color: #795548 !important;
}

.border-brown-600,
.border-brown-600-hover:hover,
.border-brown-600-after::after,
.border-brown-600-before::before {
    border-color: #6D4C41 !important;
}

.border-brown-700,
.border-brown-700-hover:hover,
.border-brown-700-after::after,
.border-brown-700-before::before {
    border-color: #5D4037 !important;
}

.border-brown-800,
.border-brown-800-hover:hover,
.border-brown-800-after::after,
.border-brown-800-before::before {
    border-color: #4E342E !important;
}

.border-brown-900,
.border-brown-900-hover:hover,
.border-brown-900-after::after,
.border-brown-900-before::before {
    border-color: #3E2723 !important;
}

.border-grey-50,
.border-grey-50-hover:hover,
.border-grey-50-after::after,
.border-grey-50-before::before {
    border-color: #FAFAFA !important;
}

.border-grey-100,
.border-grey-100-hover:hover,
.border-grey-100-after::after,
.border-grey-100-before::before {
    border-color: #F5F5F5 !important;
}

.border-grey-200,
.border-grey-200-hover:hover,
.border-grey-200-after::after,
.border-grey-200-before::before {
    border-color: #EEEEEE !important;
}

.border-grey-300,
.border-grey-300-hover:hover,
.border-grey-300-after::after,
.border-grey-300-before::before {
    border-color: #E0E0E0 !important;
}

.border-grey-400,
.border-grey-400-hover:hover,
.border-grey-400-after::after,
.border-grey-400-before::before {
    border-color: #BDBDBD !important;
}

.border-grey-500,
.border-grey-500-hover:hover,
.border-grey-500-after::after,
.border-grey-500-before::before {
    border-color: #9E9E9E !important;
}

.border-grey-600,
.border-grey-600-hover:hover,
.border-grey-600-after::after,
.border-grey-600-before::before {
    border-color: #757575 !important;
}

.border-grey-700,
.border-grey-700-hover:hover,
.border-grey-700-after::after,
.border-grey-700-before::before {
    border-color: #616161 !important;
}

.border-grey-800,
.border-grey-800-hover:hover,
.border-grey-800-after::after,
.border-grey-800-before::before {
    border-color: #424242 !important;
}

.border-grey-900,
.border-grey-900-hover:hover,
.border-grey-900-after::after,
.border-grey-900-before::before {
    border-color: #212121 !important;
}

.border-blue-grey-50,
.border-blue-grey-50-hover:hover,
.border-blue-grey-50-after::after,
.border-blue-grey-50-before::before {
    border-color: #ECEFF1 !important;
}

.border-blue-grey-100,
.border-blue-grey-100-hover:hover,
.border-blue-grey-100-after::after,
.border-blue-grey-100-before::before {
    border-color: #CFD8DC !important;
}

.border-blue-grey-200,
.border-blue-grey-200-hover:hover,
.border-blue-grey-200-after::after,
.border-blue-grey-200-before::before {
    border-color: #B0BEC5 !important;
}

.border-blue-grey-300,
.border-blue-grey-300-hover:hover,
.border-blue-grey-300-after::after,
.border-blue-grey-300-before::before {
    border-color: #90A4AE !important;
}

.border-blue-grey-400,
.border-blue-grey-400-hover:hover,
.border-blue-grey-400-after::after,
.border-blue-grey-400-before::before {
    border-color: #78909C !important;
}

.border-blue-grey-500,
.border-blue-grey-500-hover:hover,
.border-blue-grey-500-after::after,
.border-blue-grey-500-before::before {
    border-color: #607D8B !important;
}

.border-blue-grey-600,
.border-blue-grey-600-hover:hover,
.border-blue-grey-600-after::after,
.border-blue-grey-600-before::before {
    border-color: #546E7A !important;
}

.border-blue-grey-700,
.border-blue-grey-700-hover:hover,
.border-blue-grey-700-after::after,
.border-blue-grey-700-before::before {
    border-color: #455A64 !important;
}

.border-blue-grey-800,
.border-blue-grey-800-hover:hover,
.border-blue-grey-800-after::after,
.border-blue-grey-800-before::before {
    border-color: #37474F !important;
}

.border-blue-grey-900,
.border-blue-grey-900-hover:hover,
.border-blue-grey-900-after::after,
.border-blue-grey-900-before::before {
    border-color: #263238 !important;
}

.border-black,
.border-black-hover:hover,
.border-black-after::after,
.border-black-before::before {
    border-color: #000000 !important;
}

.border-white,
.border-white-hover:hover,
.border-white-after::after,
.border-white-before::before {
    border-color: #FFFFFF !important;
}

.border-gold,
.border-gold-hover:hover,
.border-gold-after::after,
.border-gold-before::before {
    border-color: #ffd700 !important;
}

.border-light-golden-rod-yellow,
.border-light-golden-rod-yellow-hover:hover,
.border-light-golden-rod-yellow-after::after,
.border-light-golden-rod-yellow-before::before {
    border-color: #fafad2 !important;
}

.border-pale-golden-rod,
.border-pale-golden-rod-hover:hover,
.border-gold-after::after,
.border-pale-golden-rod-before::before {
    border-color: #eee8aa !important;
}

.border-dark-golden-rod,
.border-dark-golden-rod-hover:hover,
.border-dark-golden-rod-after::after,
.border-dark-golden-rod-before::before {
    border-color: #b8860b !important;
}

.border-golden-rod,
.border-golden-rod-hover:hover,
.border-golden-rod-after::after,
.border-golden-rod-before::before {
    border-color: #daa520 !important;
}

/*--------------------------------------------------
    [Box Shadows]
----------------------------------------------------*/
[class*="shadow-"] {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shadow-1dp,
.shadow-1dp-hover:hover {
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.shadow-2dp,
.shadow-2dp-hover:hover {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.shadow-3dp,
.shadow-3dp-hover:hover {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.shadow-4dp,
.shadow-4dp-hover:hover {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.shadow-5dp,
.shadow-5dp-hover:hover {
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}

.shadow-6dp,
.shadow-6dp-hover:hover {
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.shadow-7dp,
.shadow-7dp-hover:hover {
    -webkit-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);
    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-8dp,
.shadow-8dp-hover:hover {
    -webkit-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);
    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-9dp,
.shadow-9dp-hover:hover {
    -webkit-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);
    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-10dp,
.shadow-10dp-hover:hover {
    -webkit-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);
    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-11dp,
.shadow-11dp-hover:hover {
    -webkit-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);
    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-12dp,
.shadow-12dp-hover:hover {
    -webkit-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);
    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-13dp,
.shadow-13dp-hover:hover {
    -webkit-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);
    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-14dp,
.shadow-14dp-hover:hover {
    -webkit-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);
    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-15dp,
.shadow-15dp-hover:hover {
    -webkit-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);
    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-16dp,
.shadow-16dp-hover:hover {
    -webkit-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);
    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-17dp,
.shadow-17dp-hover:hover {
    -webkit-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);
    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-18dp,
.shadow-18dp-hover:hover {
    -webkit-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);
    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-19dp,
.shadow-19dp-hover:hover {
    -webkit-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);
    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-20dp,
.shadow-20dp-hover:hover {
    -webkit-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);
    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-21dp,
.shadow-21dp-hover:hover {
    -webkit-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);
    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-22dp,
.shadow-22dp-hover:hover {
    -webkit-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);
    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-23dp,
.shadow-23dp-hover:hover {
    -webkit-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);
    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-24dp,
.shadow-24dp-hover:hover {
    -webkit-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);
    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);
}

/*--------------------------------------------------
    [Full Width Container]
----------------------------------------------------*/
.full-width-container {
    position: relative;
    padding: 0;
    margin: 0;
}

.full-width-container:before,
.full-width-container:after {
    content: " ";
    display: table;
}

.full-width-container:after {
    clear: both;
}

/*--------------------------------------------------
    [Container Extra Small]
----------------------------------------------------*/
.container-xs {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-xs:before,
.container-xs:after {
    content: " ";
    display: table;
}

.container-xs:after {
    clear: both;
}

/* Media Queries below 768px */
@media (min-width: 768px) {
    .container-xs {
        width: 750px;
    }
}

/*--------------------------------------------------
    [Container Small]
----------------------------------------------------*/
.container-sm {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-sm:before,
.container-sm:after {
    content: " ";
    display: table;
}

.container-sm:after {
    clear: both;
}

/* Media Queries below 768px */
@media (min-width: 768px) {
    .container-sm {
        width: 750px;
    }
}

/* Media Queries below 1200px */
@media (min-width: 1200px) {
    .container-sm {
        width: 970px;
    }
}

/*--------------------------------------------------
    [Position]
----------------------------------------------------*/
.position-r {
    position: relative;
}

.position-a {
    position: absolute;
}

.position-s {
    position: static;
}

.position-i {
    position: inherit;
}

/*--------------------------------------------------
    [Overflow]
----------------------------------------------------*/
.overflow-h {
    overflow: hidden !important;
}

.overflow-a {
    overflow: auto !important;
}

.overflow-i {
    overflow: inherit !important;
}

/*--------------------------------------------------
    [Height]
----------------------------------------------------*/
.mnh-5 {
    min-height: 5vh !important;
}

.mnh-10 {
    min-height: 10vh !important;
}

.mnh-25 {
    min-height: 25vh !important;
}

.mnh-35 {
    min-height: 35vh !important;
}

.mnh-50 {
    min-height: 50vh !important;
}

.mnh-75 {
    min-height: 75vh !important;
}

.mnh-100 {
    min-height: 100vh !important;
}

/*------------------------------------------------------------------
    [Height below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .mnh-md-5 {
        min-height: 5vh !important;
    }

    .mnh-md-10 {
        min-height: 10vh !important;
    }

    .mnh-md-25 {
        min-height: 25vh !important;
    }

    .mnh-md-35 {
        min-height: 35vh !important;
    }

    .mnh-md-50 {
        min-height: 50vh !important;
    }

    .mnh-md-75 {
        min-height: 75vh !important;
    }

    .mnh-md-100 {
        min-height: 100vh !important;
    }
}

/*------------------------------------------------------------------
    [Height below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .mnh-sm-5 {
        min-height: 5vh !important;
    }

    .mnh-sm-10 {
        min-height: 10vh !important;
    }

    .mnh-sm-25 {
        min-height: 25vh !important;
    }

    .mnh-sm-35 {
        min-height: 35vh !important;
    }

    .mnh-sm-50 {
        min-height: 50vh !important;
    }

    .mnh-sm-75 {
        min-height: 75vh !important;
    }

    .mnh-sm-100 {
        min-height: 100vh !important;
    }
}

/*------------------------------------------------------------------
    [Height below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .mnh-xs-5 {
        min-height: 5vh !important;
    }

    .mnh-xs-10 {
        min-height: 10vh !important;
    }

    .mnh-xs-25 {
        min-height: 25vh !important;
    }

    .mnh-xs-35 {
        min-height: 35vh !important;
    }

    .mnh-xs-50 {
        min-height: 50vh !important;
    }

    .mnh-xs-75 {
        min-height: 75vh !important;
    }

    .mnh-xs-100 {
        min-height: 100vh !important;
    }
}

.mxh-5 {
    max-height: 5vh !important;
}

.mxh-10 {
    max-height: 10vh !important;
}

.mxh-25 {
    max-height: 25vh !important;
}

.mxh-35 {
    max-height: 35vh !important;
}

.mxh-50 {
    max-height: 50vh !important;
}

.mxh-75 {
    max-height: 75vh !important;
}

.mxh-100 {
    max-height: 100vh !important;
}

/*------------------------------------------------------------------
    [Height below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .mxh-md-5 {
        max-height: 5vh !important;
    }

    .mxh-md-10 {
        max-height: 10vh !important;
    }

    .mxh-md-25 {
        max-height: 25vh !important;
    }

    .mxh-md-35 {
        max-height: 35vh !important;
    }

    .mxh-md-50 {
        max-height: 50vh !important;
    }

    .mxh-md-75 {
        max-height: 75vh !important;
    }

    .mxh-md-100 {
        max-height: 100vh !important;
    }
}

/*------------------------------------------------------------------
    [Height below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .mxh-sm-5 {
        max-height: 5vh !important;
    }

    .mxh-sm-10 {
        max-height: 10vh !important;
    }

    .mxh-sm-25 {
        max-height: 25vh !important;
    }

    .mxh-sm-35 {
        max-height: 35vh !important;
    }

    .mxh-sm-50 {
        max-height: 50vh !important;
    }

    .mxh-sm-75 {
        max-height: 75vh !important;
    }

    .mxh-sm-100 {
        max-height: 100vh !important;
    }
}

/*------------------------------------------------------------------
    [Height below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .mxh-xs-5 {
        max-height: 5vh !important;
    }

    .mxh-xs-10 {
        max-height: 10vh !important;
    }

    .mxh-xs-25 {
        max-height: 25vh !important;
    }

    .mxh-xs-35 {
        max-height: 35vh !important;
    }

    .mxh-xs-50 {
        max-height: 50vh !important;
    }

    .mxh-xs-75 {
        max-height: 75vh !important;
    }

    .mxh-xs-100 {
        max-height: 100vh !important;
    }
}

/*--------------------------------------------------
    [Sizing]
----------------------------------------------------*/
@media (max-width: 575.98px) {
    .w-xs-25 {
        width: 25% !important;
    }

    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-75 {
        width: 75% !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .w-xs-auto {
        width: auto !important;
    }
}

@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }
}

/*--------------------------------------------------
    [Spacing]
----------------------------------------------------*/
.m-o-1 {
    margin: -0.25rem !important;
}

.mt-o-1,
.my-o-1 {
    margin-top: -0.25rem !important;
}

.mr-o-1,
.mx-o-1 {
    margin-right: -0.25rem !important;
}

.mb-o-1,
.my-o-1 {
    margin-bottom: -0.25rem !important;
}

.ml-o-1,
.mx-o-1 {
    margin-left: -0.25rem !important;
}

.m-o-2 {
    margin: -0.5rem !important;
}

.mt-o-2,
.my-o-2 {
    margin-top: -0.5rem !important;
}

.mr-o-2,
.mx-o-2 {
    margin-right: -0.5rem !important;
}

.mb-o-2,
.my-o-2 {
    margin-bottom: -0.5rem !important;
}

.ml-o-2,
.mx-o-2 {
    margin-left: -0.5rem !important;
}

.m-o-3 {
    margin: -1rem !important;
}

.mt-o-3,
.my-o-3 {
    margin-top: -1rem !important;
}

.mr-o-3,
.mx-o-3 {
    margin-right: -1rem !important;
}

.mb-o-3,
.my-o-3 {
    margin-bottom: -1rem !important;
}

.ml-o-3,
.mx-o-3 {
    margin-left: -1rem !important;
}

.m-o-4 {
    margin: -1.5rem !important;
}

.mt-o-4,
.my-o-4 {
    margin-top: -1.5rem !important;
}

.mr-o-4,
.mx-o-4 {
    margin-right: -1.5rem !important;
}

.mb-o-4,
.my-o-4 {
    margin-bottom: -1.5rem !important;
}

.ml-o-4,
.mx-o-4 {
    margin-left: -1.5rem !important;
}

.m-o-5 {
    margin: -3rem !important;
}

.mt-o-5,
.my-o-5 {
    margin-top: -3rem !important;
}

.mr-o-5,
.mx-o-5 {
    margin-right: -3rem !important;
}

.mb-o-5,
.my-o-5 {
    margin-bottom: -3rem !important;
}

.ml-o-5,
.mx-o-5 {
    margin-left: -3rem !important;
}

@media (min-width: 576px) {
    .m-sm-o-1 {
        margin: -0.25rem !important;
    }

    .mt-o-sm-1,
    .my-o-sm-1 {
        margin-top: -0.25rem !important;
    }

    .mr-o-sm-1,
    .mx-o-sm-1 {
        margin-right: -0.25rem !important;
    }

    .mb-o-sm-1,
    .my-o-sm-1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-o-sm-1,
    .mx-o-sm-1 {
        margin-left: -0.25rem !important;
    }

    .m-o-sm-2 {
        margin: -0.5rem !important;
    }

    .mt-o-sm-2,
    .my-o-sm-2 {
        margin-top: -0.5rem !important;
    }

    .mr-o-sm-2,
    .mx-o-sm-2 {
        margin-right: -0.5rem !important;
    }

    .mb-o-sm-2,
    .my-o-sm-2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-o-sm-2,
    .mx-o-sm-2 {
        margin-left: -0.5rem !important;
    }

    .m-o-sm-3 {
        margin: -1rem !important;
    }

    .mt-o-sm-3,
    .my-o-sm-3 {
        margin-top: -1rem !important;
    }

    .mr-o-sm-3,
    .mx-o-sm-3 {
        margin-right: -1rem !important;
    }

    .mb-o-sm-3,
    .my-o-sm-3 {
        margin-bottom: -1rem !important;
    }

    .ml-o-sm-3,
    .mx-o-sm-3 {
        margin-left: -1rem !important;
    }

    .m-o-sm-4 {
        margin: -1.5rem !important;
    }

    .mt-o-sm-4,
    .my-o-sm-4 {
        margin-top: -1.5rem !important;
    }

    .mr-o-sm-4,
    .mx-o-sm-4 {
        margin-right: -1.5rem !important;
    }

    .mb-o-sm-4,
    .my-o-sm-4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-o-sm-4,
    .mx-o-sm-4 {
        margin-left: -1.5rem !important;
    }

    .m-o-sm-5 {
        margin: -3rem !important;
    }

    .mt-o-sm-5,
    .my-o-sm-5 {
        margin-top: -3rem !important;
    }

    .mr-o-sm-5,
    .mx-o-sm-5 {
        margin-right: -3rem !important;
    }

    .mb-o-sm-5,
    .my-o-sm-5 {
        margin-bottom: -3rem !important;
    }

    .ml-o-sm-5,
    .mx-o-sm-5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 768px) {
    .m-o-md-1 {
        margin: -0.25rem !important;
    }

    .mt-o-md-1,
    .my-o-md-1 {
        margin-top: -0.25rem !important;
    }

    .mr-o-md-1,
    .mx-o-md-1 {
        margin-right: -0.25rem !important;
    }

    .mb-o-md-1,
    .my-o-md-1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-o-md-1,
    .mx-o-md-1 {
        margin-left: -0.25rem !important;
    }

    .m-o-md-2 {
        margin: -0.5rem !important;
    }

    .mt-o-md-2,
    .my-o-md-2 {
        margin-top: -0.5rem !important;
    }

    .mr-o-md-2,
    .mx-o-md-2 {
        margin-right: -0.5rem !important;
    }

    .mb-o-md-2,
    .my-o-md-2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-o-md-2,
    .mx-o-md-2 {
        margin-left: -0.5rem !important;
    }

    .m-o-md-3 {
        margin: -1rem !important;
    }

    .mt-o-md-3,
    .my-o-md-3 {
        margin-top: -1rem !important;
    }

    .mr-o-md-3,
    .mx-o-md-3 {
        margin-right: -1rem !important;
    }

    .mb-o-md-3,
    .my-o-md-3 {
        margin-bottom: -1rem !important;
    }

    .ml-o-md-3,
    .mx-o-md-3 {
        margin-left: -1rem !important;
    }

    .m-o-md-4 {
        margin: -1.5rem !important;
    }

    .mt-o-md-4,
    .my-o-md-4 {
        margin-top: -1.5rem !important;
    }

    .mr-o-md-4,
    .mx-o-md-4 {
        margin-right: -1.5rem !important;
    }

    .mb-o-md-4,
    .my-o-md-4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-o-md-4,
    .mx-o-md-4 {
        margin-left: -1.5rem !important;
    }

    .m-o-md-5 {
        margin: -3rem !important;
    }

    .mt-o-md-5,
    .my-o-md-5 {
        margin-top: -3rem !important;
    }

    .mr-o-md-5,
    .mx-o-md-5 {
        margin-right: -3rem !important;
    }

    .mb-o-md-5,
    .my-o-md-5 {
        margin-bottom: -3rem !important;
    }

    .ml-o-md-5,
    .mx-o-md-5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 992px) {
    .m-o-lg-1 {
        margin: -0.25rem !important;
    }

    .mt-o-lg-1,
    .my-o-lg-1 {
        margin-top: -0.25rem !important;
    }

    .mr-o-lg-1,
    .mx-o-lg-1 {
        margin-right: -0.25rem !important;
    }

    .mb-o-lg-1,
    .my-o-lg-1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-o-lg-1,
    .mx-o-lg-1 {
        margin-left: -0.25rem !important;
    }

    .m-o-lg-2 {
        margin: -0.5rem !important;
    }

    .mt-o-lg-2,
    .my-o-lg-2 {
        margin-top: -0.5rem !important;
    }

    .mr-o-lg-2,
    .mx-o-lg-2 {
        margin-right: -0.5rem !important;
    }

    .mb-o-lg-2,
    .my-o-lg-2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-o-lg-2,
    .mx-o-lg-2 {
        margin-left: -0.5rem !important;
    }

    .m-o-lg-3 {
        margin: -1rem !important;
    }

    .mt-o-lg-3,
    .my-o-lg-3 {
        margin-top: -1rem !important;
    }

    .mr-o-lg-3,
    .mx-o-lg-3 {
        margin-right: -1rem !important;
    }

    .mb-o-lg-3,
    .my-o-lg-3 {
        margin-bottom: -1rem !important;
    }

    .ml-o-lg-3,
    .mx-o-lg-3 {
        margin-left: -1rem !important;
    }

    .m-o-lg-4 {
        margin: -1.5rem !important;
    }

    .mt-o-lg-4,
    .my-o-lg-4 {
        margin-top: -1.5rem !important;
    }

    .mr-o-lg-4,
    .mx-o-lg-4 {
        margin-right: -1.5rem !important;
    }

    .mb-o-lg-4,
    .my-o-lg-4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-o-lg-4,
    .mx-o-lg-4 {
        margin-left: -1.5rem !important;
    }

    .m-o-lg-5 {
        margin: -3rem !important;
    }

    .mt-o-lg-5,
    .my-o-lg-5 {
        margin-top: -3rem !important;
    }

    .mr-o-lg-5,
    .mx-o-lg-5 {
        margin-right: -3rem !important;
    }

    .mb-o-lg-5,
    .my-o-lg-5 {
        margin-bottom: -3rem !important;
    }

    .ml-o-lg-5,
    .mx-o-lg-5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 1200px) {
    .m-o-xl-1 {
        margin: -0.25rem !important;
    }

    .mt-o-xl-1,
    .my-o-xl-1 {
        margin-top: -0.25rem !important;
    }

    .mr-o-xl-1,
    .mx-o-xl-1 {
        margin-right: -0.25rem !important;
    }

    .mb-o-xl-1,
    .my-o-xl-1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-o-xl-1,
    .mx-o-xl-1 {
        margin-left: -0.25rem !important;
    }

    .m-o-xl-2 {
        margin: -0.5rem !important;
    }

    .mt-o-xl-2,
    .my-o-xl-2 {
        margin-top: -0.5rem !important;
    }

    .mr-o-xl-2,
    .mx-o-xl-2 {
        margin-right: -0.5rem !important;
    }

    .mb-o-xl-2,
    .my-o-xl-2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-o-xl-2,
    .mx-o-xl-2 {
        margin-left: -0.5rem !important;
    }

    .m-o-xl-3 {
        margin: -1rem !important;
    }

    .mt-o-xl-3,
    .my-o-xl-3 {
        margin-top: -1rem !important;
    }

    .mr-o-xl-3,
    .mx-o-xl-3 {
        margin-right: -1rem !important;
    }

    .mb-o-xl-3,
    .my-o-xl-3 {
        margin-bottom: -1rem !important;
    }

    .ml-o-xl-3,
    .mx-o-xl-3 {
        margin-left: -1rem !important;
    }

    .m-o-xl-4 {
        margin: -1.5rem !important;
    }

    .mt-o-xl-4,
    .my-o-xl-4 {
        margin-top: -1.5rem !important;
    }

    .mr-o-xl-4,
    .mx-o-xl-4 {
        margin-right: -1.5rem !important;
    }

    .mb-o-xl-4,
    .my-o-xl-4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-o-xl-4,
    .mx-o-xl-4 {
        margin-left: -1.5rem !important;
    }

    .m-o-xl-5 {
        margin: -3rem !important;
    }

    .mt-o-xl-5,
    .my-o-xl-5 {
        margin-top: -3rem !important;
    }

    .mr-o-xl-5,
    .mx-o-xl-5 {
        margin-right: -3rem !important;
    }

    .mb-o-xl-5,
    .my-o-xl-5 {
        margin-bottom: -3rem !important;
    }

    .ml-o-xl-5,
    .mx-o-xl-5 {
        margin-left: -3rem !important;
    }
}

/*--------------------------------------------------
    [Font Sizes]
----------------------------------------------------*/
.font-size-1 {
    font-size: 0.7rem !important;
}

.font-size-2 {
    font-size: 0.8rem !important;
}

.font-size-3 {
    font-size: 0.9rem !important;
}

.font-size-4 {
    font-size: 1rem !important;
}

.font-size-5 {
    font-size: 1.15rem !important;
}

.font-size-6 {
    font-size: 1.25rem !important;
}

.font-size-7 {
    font-size: 1.5rem !important;
}

.font-size-8 {
    font-size: 1.75rem !important;
}

.font-size-9 {
    font-size: 2rem !important;
}

.font-size-10 {
    font-size: 2.25rem !important;
}

.font-size-11 {
    font-size: 2.5rem !important;
}

.font-size-12 {
    font-size: 2.75rem !important;
}

.font-size-13 {
    font-size: 3rem !important;
}

.font-size-14 {
    font-size: 3.25rem !important;
}

.font-size-15 {
    font-size: 3.5rem !important;
}

.font-size-16 {
    font-size: 3.75rem !important;
}

.font-size-17 {
    font-size: 4rem !important;
}

.font-size-18 {
    font-size: 4.25rem !important;
}

.font-size-19 {
    font-size: 4.5rem !important;
}

.font-size-20 {
    font-size: 4.75rem !important;
}

.font-size-21 {
    font-size: 5rem !important;
}

/*------------------------------------------------------------------
    [Font Sizes under 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-font-size-1 {
        font-size: 0.7rem !important;
    }

    .md-font-size-2 {
        font-size: 0.8rem !important;
    }

    .md-font-size-3 {
        font-size: 0.9rem !important;
    }

    .md-font-size-4 {
        font-size: 1rem !important;
    }

    .md-font-size-5 {
        font-size: 1.15rem !important;
    }

    .md-font-size-6 {
        font-size: 1.25rem !important;
    }

    .md-font-size-7 {
        font-size: 1.5rem !important;
    }

    .md-font-size-8 {
        font-size: 1.75rem !important;
    }

    .md-font-size-9 {
        font-size: 2rem !important;
    }

    .md-font-size-10 {
        font-size: 2.25rem !important;
    }

    .md-font-size-11 {
        font-size: 2.5rem !important;
    }

    .md-font-size-12 {
        font-size: 2.75rem !important;
    }

    .md-font-size-13 {
        font-size: 3rem !important;
    }

    .md-font-size-14 {
        font-size: 3.25rem !important;
    }

    .md-font-size-15 {
        font-size: 3.5rem !important;
    }

    .md-font-size-16 {
        font-size: 3.75rem !important;
    }

    .md-font-size-17 {
        font-size: 4rem !important;
    }

    .md-font-size-18 {
        font-size: 4.25rem !important;
    }

    .md-font-size-19 {
        font-size: 4.5rem !important;
    }

    .md-font-size-20 {
        font-size: 4.75rem !important;
    }

    .md-font-size-21 {
        font-size: 5rem !important;
    }
}

/*------------------------------------------------------------------
    [Font Sizes under 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-font-size-1 {
        font-size: .7rem !important;
    }

    .sm-font-size-2 {
        font-size: .8rem !important;
    }

    .sm-font-size-3 {
        font-size: .9rem !important;
    }

    .sm-font-size-4 {
        font-size: 1rem !important;
    }

    .sm-font-size-5 {
        font-size: 1.25rem !important;
    }

    .sm-font-size-6 {
        font-size: 1.5rem !important;
    }

    .sm-font-size-7 {
        font-size: 1.75rem !important;
    }

    .sm-font-size-8 {
        font-size: 2rem !important;
    }

    .sm-font-size-9 {
        font-size: 2.25rem !important;
    }

    .sm-font-size-10 {
        font-size: 2.5rem !important;
    }

    .sm-font-size-11 {
        font-size: 2.75rem !important;
    }

    .sm-font-size-12 {
        font-size: 3rem !important;
    }

    .sm-font-size-13 {
        font-size: 3.25rem !important;
    }

    .sm-font-size-14 {
        font-size: 3.5rem !important;
    }

    .sm-font-size-15 {
        font-size: 3.75rem !important;
    }

    .sm-font-size-16 {
        font-size: 4rem !important;
    }

    .sm-font-size-17 {
        font-size: 4.25rem !important;
    }

    .sm-font-size-18 {
        font-size: 4.5rem !important;
    }

    .sm-font-size-19 {
        font-size: 4.75rem !important;
    }

    .sm-font-size-20 {
        font-size: 5rem !important;
    }
}

/*------------------------------------------------------------------
    [Font Sizes under 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-font-size-1 {
        font-size: .7rem !important;
    }

    .xs-font-size-2 {
        font-size: .8rem !important;
    }

    .xs-font-size-3 {
        font-size: .9rem !important;
    }

    .xs-font-size-4 {
        font-size: 1rem !important;
    }

    .xs-font-size-5 {
        font-size: 1.25rem !important;
    }

    .xs-font-size-6 {
        font-size: 1.5rem !important;
    }

    .xs-font-size-7 {
        font-size: 1.75rem !important;
    }

    .xs-font-size-8 {
        font-size: 2rem !important;
    }

    .xs-font-size-9 {
        font-size: 2.25rem !important;
    }

    .xs-font-size-10 {
        font-size: 2.5rem !important;
    }

    .xs-font-size-11 {
        font-size: 2.75rem !important;
    }

    .xs-font-size-12 {
        font-size: 3rem !important;
    }

    .xs-font-size-13 {
        font-size: 3.25rem !important;
    }

    .xs-font-size-14 {
        font-size: 3.5rem !important;
    }

    .xs-font-size-15 {
        font-size: 3.75rem !important;
    }

    .xs-font-size-16 {
        font-size: 4rem !important;
    }

    .xs-font-size-17 {
        font-size: 4.25rem !important;
    }

    .xs-font-size-18 {
        font-size: 4.5rem !important;
    }

    .xs-font-size-19 {
        font-size: 4.75rem !important;
    }

    .xs-font-size-20 {
        font-size: 5rem !important;
    }
}

/*--------------------------------------------------
    [Font Weight]
----------------------------------------------------*/
.fweight-200 {
    font-weight: 200 !important;
}

.fweight-300 {
    font-weight: 300 !important;
}

.fweight-400 {
    font-weight: 400 !important;
}

.fweight-500 {
    font-weight: 500 !important;
}

.fweight-600 {
    font-weight: 600 !important;
}

.fweight-700 {
    font-weight: 700 !important;
}

.fweight-900 {
    font-weight: 900 !important;
}

/*--------------------------------------------------
    [Border radius]
----------------------------------------------------*/
.rounded-0,
.rounded-0-before::before,
.rounded-0-after::after {
    border-radius: 0 !important;
}

.rounded-top-0,
.rounded-top-0-before::before,
.rounded-top-0-after::after {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-right-0,
.rounded-right-0-before::before,
.rounded-right-0-after::after {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-bottom-0,
.rounded-bottom-0-before::before,
.rounded-bottom-0-after::after {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-left-0,
.rounded-left-0-before::before,
.rounded-left-0-after::after {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-1,
.rounded-1-before::before,
.rounded-1-after::after {
    border-radius: .1rem !important;
}

.rounded-top-1,
.rounded-top-1-before::before,
.rounded-top-1-after::after {
    border-top-left-radius: .1rem !important;
    border-top-right-radius: .1rem !important;
}

.rounded-right-1,
.rounded-right-1-before::before,
.rounded-right-1-after::after {
    border-top-right-radius: .1rem !important;
    border-bottom-right-radius: .1rem !important;
}

.rounded-bottom-1,
.rounded-bottom-1-before::before,
.rounded-bottom-1-after::after {
    border-bottom-right-radius: .1rem !important;
    border-bottom-left-radius: .1rem !important;
}

.rounded-left-1,
.rounded-left-1-before::before,
.rounded-left-1-after::after {
    border-top-left-radius: .1rem !important;
    border-bottom-left-radius: .1rem !important;
}

.rounded-2,
.rounded-2-before::before,
.rounded-2-after::after {
    border-radius: .2rem !important;
}

.rounded-top-2,
.rounded-top-2-before::before,
.rounded-top-2-after::after {
    border-top-left-radius: .2rem !important;
    border-top-right-radius: .2rem !important;
}

.rounded-right-2,
.rounded-right-2-before::before,
.rounded-right-2-after::after {
    border-top-right-radius: .2rem !important;
    border-bottom-right-radius: .2rem !important;
}

.rounded-bottom-2,
.rounded-bottom-2-before::before,
.rounded-bottom-2-after::after {
    border-bottom-right-radius: .2rem !important;
    border-bottom-left-radius: .2rem !important;
}

.rounded-left-2,
.rounded-left-2-before::before,
.rounded-left-2-after::after {
    border-top-left-radius: .2rem !important;
    border-bottom-left-radius: .2rem !important;
}

.rounded-3,
.rounded-3-before::before,
.rounded-3-after::after {
    border-radius: .3rem !important;
}

.rounded-top-3,
.rounded-top-3-before::before,
.rounded-top-3-after::after {
    border-top-left-radius: .3rem !important;
    border-top-right-radius: .3rem !important;
}

.rounded-right-3,
.rounded-right-3-before::before,
.rounded-right-3-after::after {
    border-top-right-radius: .3rem !important;
    border-bottom-right-radius: .3rem !important;
}

.rounded-bottom-3,
.rounded-bottom-3-before::before,
.rounded-bottom-3-after::after {
    border-bottom-right-radius: .3rem !important;
    border-bottom-left-radius: .3rem !important;
}

.rounded-left-3,
.rounded-left-3-before::before,
.rounded-left-3-after::after {
    border-top-left-radius: .3rem !important;
    border-bottom-left-radius: .3rem !important;
}

.rounded-4,
.rounded-4-before::before,
.rounded-4-after::after {
    border-radius: .4rem !important;
}

.rounded-top-4,
.rounded-top-4-before::before,
.rounded-top-4-after::after {
    border-top-left-radius: .4rem !important;
    border-top-right-radius: .4rem !important;
}

.rounded-right-4,
.rounded-right-4-before::before,
.rounded-right-4-after::after {
    border-top-right-radius: .4rem !important;
    border-bottom-right-radius: .4rem !important;
}

.rounded-bottom-4,
.rounded-bottom-4-before::before,
.rounded-bottom-4-after::after {
    border-bottom-right-radius: .4rem !important;
    border-bottom-left-radius: .4rem !important;
}

.rounded-left-4,
.rounded-left-4-before::before,
.rounded-left-4-after::after {
    border-top-left-radius: .4rem !important;
    border-bottom-left-radius: .4rem !important;
}

.rounded-5,
.rounded-5-before::before,
.rounded-5-after::after {
    border-radius: .5rem !important;
}

.rounded-top-5,
.rounded-top-5-before::before,
.rounded-top-5-after::after {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
}

.rounded-right-5,
.rounded-right-5-before::before,
.rounded-right-5-after::after {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}

.rounded-bottom-5,
.rounded-bottom-5-before::before,
.rounded-bottom-5-after::after {
    border-bottom-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
}

.rounded-left-5,
.rounded-left-5-before::before,
.rounded-left-5-after::after {
    border-top-left-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
}

.rounded-6,
.rounded-6-before::before,
.rounded-6-after::after {
    border-radius: .6rem !important;
}

.rounded-top-6,
.rounded-top-6-before::before,
.rounded-top-6-after::after {
    border-top-left-radius: .6rem !important;
    border-top-right-radius: .6rem !important;
}

.rounded-right-6,
.rounded-right-6-before::before,
.rounded-right-6-after::after {
    border-top-right-radius: .6rem !important;
    border-bottom-right-radius: .6rem !important;
}

.rounded-bottom-6,
.rounded-bottom-6-before::before,
.rounded-bottom-6-after::after {
    border-bottom-right-radius: .6rem !important;
    border-bottom-left-radius: .6rem !important;
}

.rounded-left-6,
.rounded-left-6-before::before,
.rounded-left-6-after::after {
    border-top-left-radius: .6rem !important;
    border-bottom-left-radius: .6rem !important;
}

.rounded-7,
.rounded-7-before::before,
.rounded-7-after::after {
    border-radius: .7rem !important;
}

.rounded-top-7,
.rounded-top-7-before::before,
.rounded-top-7-after::after {
    border-top-left-radius: .7rem !important;
    border-top-right-radius: .7rem !important;
}

.rounded-right-7,
.rounded-right-7-before::before,
.rounded-right-7-after::after {
    border-top-right-radius: .7rem !important;
    border-bottom-right-radius: .7rem !important;
}

.rounded-bottom-7,
.rounded-bottom-7-before::before,
.rounded-bottom-7-after::after {
    border-bottom-right-radius: .7rem !important;
    border-bottom-left-radius: .7rem !important;
}

.rounded-left-7,
.rounded-left-7-before::before,
.rounded-left-7-after::after {
    border-top-left-radius: .7rem !important;
    border-bottom-left-radius: .7rem !important;
}

.rounded-8,
.rounded-8-before::before,
.rounded-8-after::after {
    border-radius: .8rem !important;
}

.rounded-top-8,
.rounded-top-8-before::before,
.rounded-top-8-after::after {
    border-top-left-radius: .8rem !important;
    border-top-right-radius: .8rem !important;
}

.rounded-right-8,
.rounded-right-8-before::before,
.rounded-right-8-after::after {
    border-top-right-radius: .8rem !important;
    border-bottom-right-radius: .8rem !important;
}

.rounded-bottom-8,
.rounded-bottom-8-before::before,
.rounded-bottom-8-after::after {
    border-bottom-right-radius: .8rem !important;
    border-bottom-left-radius: .8rem !important;
}

.rounded-left-8,
.rounded-left-8-before::before,
.rounded-left-8-after::after {
    border-top-left-radius: .8rem !important;
    border-bottom-left-radius: .8rem !important;
}

.rounded-9,
.rounded-9-before::before,
.rounded-9-after::after {
    border-radius: .9rem !important;
}

.rounded-top-9,
.rounded-top-9-before::before,
.rounded-top-9-after::after {
    border-top-left-radius: .9rem !important;
    border-top-right-radius: .9rem !important;
}

.rounded-right-9,
.rounded-right-9-before::before,
.rounded-right-9-after::after {
    border-top-right-radius: .9rem !important;
    border-bottom-right-radius: .9rem !important;
}

.rounded-bottom-9,
.rounded-bottom-9-before::before,
.rounded-bottom-9-after::after {
    border-bottom-right-radius: .9rem !important;
    border-bottom-left-radius: .9rem !important;
}

.rounded-left-9,
.rounded-left-9-before::before,
.rounded-left-9-after::after {
    border-top-left-radius: .9rem !important;
    border-bottom-left-radius: .9rem !important;
}

.rounded-10,
.rounded-10-before::before,
.rounded-10-after::after {
    border-radius: 1rem !important;
}

.rounded-top-10,
.rounded-top-10-before::before,
.rounded-top-10-after::after {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.rounded-right-10,
.rounded-right-10-before::before,
.rounded-right-10-after::after {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.rounded-bottom-10,
.rounded-bottom-10-before::before,
.rounded-bottom-10-after::after {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.rounded-left-10,
.rounded-left-10-before::before,
.rounded-left-10-after::after {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

/* Divider
 ========================================================================== */
/* Line
 ========================================================================== */
/*
 * Clip the child element
 */
.heading-line {
    overflow: hidden;
}

/*
 * Extra markup is needed to make it work with text align
 */
.heading-line>* {
    display: inline-block;
    position: relative;
}

/*
 * 1. Center vertically
 * 2. Make the element as large as possible. It's clipped by the container.
 * 3. Style
 */
.heading-line> :before,
.heading-line> :after {
    content: "";
    /* 1 */
    position: absolute;
    top: calc(50% - (1px / 2));
    /* 2 */
    width: 2000px;
    /* 3 */
    border-bottom: 1px solid #e5e5e5;
}

.heading-line> :before {
    right: 100%;
    margin-right: 0.6em;
}

.heading-line> :after {
    left: 100%;
    margin-left: 0.6em;
}

/* Circle
 ========================================================================== */
/*
 * Clip the child element
 */
.heading-circle {
    overflow: hidden;
}

/*
 * Extra markup is needed to make it work with text align
 */
.heading-circle>* {
    display: inline-block;
    position: relative;
}

/*
 * 1. Center vertically
 * 2. Make the element as large as possible. It's clipped by the container.
 * 3. Style
 */
.heading-circle>span:before,
.heading-circle>span:after {
    content: "";
    /* 1 */
    position: absolute;
    top: calc(50% - (1px / 2));
    /* 2 */
    width: 2000px;
    /* 3 */
    border-bottom: 1px solid #c0c0c0;
}

.heading-circle>span:before {
    right: 100%;
    margin-right: 1.3em;
}

.heading-circle>span:after {
    left: 100%;
    margin-left: 1.3em;
}

.heading-circle span>span:before,
.heading-circle span>span:after {
    content: "";
    /* 1 */
    position: absolute;
    top: calc(50% - (20px / 2));
    /* 2 */
    width: 20px;
    /* 3 */
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23c0c0c0%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.heading-circle span>span:before {
    right: 100%;
    margin-right: 0.6em;
}

.heading-circle span>span:after {
    left: 100%;
    margin-left: 0.6em;
}

/* Icon
 ========================================================================== */
.heading-icon {
    overflow: hidden;
}

.heading-icon>* {
    display: inline-block;
    position: relative;
}

.heading-icon>span:before,
.heading-icon>span:after {
    content: "";
    position: absolute;
    top: calc(50% - (1px / 2));
    width: 2000px;
    border-bottom: 1px solid #c0c0c0;
}

.heading-icon>span:before {
    right: 100%;
    margin-right: 0em;
}

.heading-icon>span:after {
    left: 100%;
    margin-left: 0em;
}

.heading-icon span>span:before,
.heading-icon span>span:after {
    color: #c0c0c0;
    content: "\f138";
    display: inline-block;
    top: calc(50% - (20px / 2));
    font-family: FontAwesome;
}

.heading-icon span>span:before {
    right: 100%;
    margin-right: 0.6em;
}

.heading-icon span>span:after {
    left: 100%;
    margin-left: 0.6em;
    filter: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ========================================================================
   Component: Divider
 ========================================================================== */
/*
 * 1. Reset default `hr`
 * 2. Set margin if a `div` is used for semantical reason
 */
[class*='uk-divider'] {
    /* 1 */
    border: none;
    /* 2 */
    margin-bottom: 20px;
}

/* Add margin if adjacent element */
*+[class*='uk-divider'] {
    margin-top: 20px;
}

/* Icon
 ========================================================================== */
.divider-icon {
    position: relative;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.divider-icon::before,
.divider-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    max-width: calc(50% - (50px / 2));
    border-bottom: 1px solid #e5e5e5;
}

.divider-icon::before {
    right: calc(50% + (50px / 2));
    width: 100%;
}

.divider-icon::after {
    left: calc(50% + (50px / 2));
    width: 100%;
}

/*----------------------
        Divided
-----------------------*/
.divided.grid:not([class*="vertically divided"])>[class*="col-"]:not(.row),
.divided.grid:not([class*="vertically divided"])>.row>[class*="col-"] {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Swap from padding to margin on columns to have dividers align */
[class*="vertically divided"].grid>[class*="col-"]:not(.row),
[class*="vertically divided"].grid>.row>[class*="col-"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

[class*="vertically divided"].grid>.row {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* No divider on first column on row */
.divided.grid:not([class*="vertically divided"])>[class*="col-"]:first-child,
.divided.grid:not([class*="vertically divided"])>.row>[class*="col-"]:first-child {
    box-shadow: none;
}

/* No space on top of first row */
[class*="vertically divided"].grid>.row:first-child>[class*="col-"] {
    margin-top: 0em;
}

/* Divided Row */
.grid>.divided.row>[class*="col-"] {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}

.grid>.divided.row>[class*="col-"]:first-child {
    box-shadow: none;
}

/* Vertically Divided */
[class*="vertically divided"].grid>.row {
    position: relative;
}

[class*="vertically divided"].grid>.row:before {
    position: absolute;
    content: "";
    top: 0em;
    left: 0px;
    width: calc(100% - 2rem);
    height: 1px;
    margin: 0% 1rem;
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Padded Horizontally Divided */
[class*="horizontally padded"].divided.grid,
.padded.divided.grid:not(.vertically):not(.horizontally) {
    width: 100%;
}

/* First Row Vertically Divided */
[class*="vertically divided"].grid>.row:first-child:before {
    box-shadow: none;
}

/* Inverted Divided */
.inverted.divided.grid:not([class*="vertically divided"])>[class*="col-"]:not(.row),
.inverted.divided.grid:not([class*="vertically divided"])>.row>[class*="col-"] {
    box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
}

.inverted.divided.grid:not([class*="vertically divided"])>[class*="col-"]:not(.row):first-child,
.inverted.divided.grid:not([class*="vertically divided"])>.row>[class*="col-"]:first-child {
    box-shadow: none;
}

.inverted[class*="vertically divided"].grid>.row:before {
    box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
}

/* Relaxed */
.relaxed[class*="vertically divided"].grid>.row:before {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: calc(100% - 3rem);
}

[class*="very relaxed"][class*="vertically divided"].grid>.row:before {
    margin-left: 5rem;
    margin-right: 5rem;
    width: calc(100% - 5rem);
}

/*----------------------
         Celled
-----------------------*/
.celled.grid {
    width: 100%;
    margin: 1em 0em;
    box-shadow: 0px 0px 0px 1px #D4D4D5;
}

.celled.grid>.row {
    width: 100% !important;
    margin: 0em;
    padding: 0em;
    box-shadow: 0px -1px 0px 0px #D4D4D5;
}

.celled.grid>[class*="col-"]:not(.row),
.celled.grid>.row>[class*="col-"] {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
}

.celled.grid>[class*="col-"]:first-child,
.celled.grid>.row>[class*="col-"]:first-child {
    box-shadow: none;
}

.celled.grid>[class*="col-"]:not(.row),
.celled.grid>.row>[class*="col-"] {
    padding: 1em;
}

.relaxed.celled.grid>[class*="col-"]:not(.row),
.relaxed.celled.grid>.row>[class*="col-"] {
    padding: 1.5em;
}

[class*="very relaxed"].celled.grid>[class*="col-"]:not(.row),
[class*="very relaxed"].celled.grid>.row>[class*="col-"] {
    padding: 2em;
}

/* Internally Celled */
[class*="internally celled"].grid {
    box-shadow: none;
    margin: 0em;
}

[class*="internally celled"].grid>.row:first-child {
    box-shadow: none;
}

[class*="internally celled"].grid>.row>[class*="col-"]:first-child {
    box-shadow: none;
}

/******************************
  Content Grid
*********************************/
.content-grid,
.subject-icons {
    overflow: hidden;
    position: relative;
}

.content-grid .content-grid-item::before {
    border-left: 1px solid #dadada;
    height: 100%;
    left: -1px;
    top: 0;
}

.content-grid .content-grid-item {
    -webkit-box-shadow: -1px 0 0 0 #d4d4d5;
    box-shadow: -1px 0 0 0 #d4d4d5;
    margin: 0;
    padding: 1.5rem;
    position: relative;
}

.content-grid .content-grid-item::after {
    border-bottom: 1px solid #dadada;
    bottom: -1px;
    height: 0;
    left: 0;
    top: auto;
    width: 100%;
}

.content-grid .content-grid-item::before,
.content-grid .content-grid-item::after {
    content: "";
    position: absolute;
}

.content-grid .content-grid-item img {
    border: 1px solid #e0e0e0;
}

/********************
  Social Links
********************/
/*.social-icons [class*="fab fa-"], .social-icons [class*="fal fa-"], .social-icons [class*="far fa-"], .social-icons [class*="fas fa-"] {
  background-color: #757575;
  border-radius: 30px;
  color: #fff !important;
  display: inline-block;
  line-height: 2rem;
  margin: auto 3px;
  padding: 0;
  text-align: center;
  width: 2rem;
}*/
.social-icons a {
    display: inline-block;
    line-height: 2rem;
    padding: 0;
    text-align: center;
    width: 2rem;
}

.social-icons a:hover {
    opacity: 0.7;
}

.social-icons-sm [class*="fab fa-"],
.social-icons-sm [class*="fal fa-"],
.social-icons-sm [class*="far fa-"],
.social-icons-sm [class*="fas fa-"] {
    font-size: .8rem;
    width: 1.5rem;
    line-height: 1.5rem;
}

/*
.social a.icon {
    background-color: #333;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    text-align: center;
}*/
/******************
 Icon List
******************/
.icon-list li,
.icon-list>a {
    position: relative;
    padding-left: 2em;
}

.icon-list>li>a {
    position: relative;
    padding-left: 0em;
}

.icon-list li::before,
.icon-list>a::before {
    left: 0em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.icon-list-angle-double-right li::before,
.icon-list-angle-double-right a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
}

.icon-list-angle-right li::before,
.icon-list-angle-right>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
}

.icon-list-arrow-right li::before,
.icon-list-arrow-right>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
}

.icon-list-caret-right li::before,
.icon-list-caret-right>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
}

.icon-list-chevron-circle-right li::before,
.icon-list-chevron-circle-right>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
}

.icon-list-chevron-right li::before,
.icon-list-chevron-right>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
}

.icon-list-long-arrow-alt-right li::before,
.icon-list-long-arrow-alt-right>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f30b";
}

.icon-list-check li::before,
.icon-list-check>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
}

/*****************
  btn-xs
*****************/
.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/******************************
  Divided List
*********************************/
.divided-list li,
.divided-list a {
    position: relative;
}

.divided-list li a:not(:last-child)::after,
.divided-list a:not(:last-child)::after {
    background: #BDBDBD none repeat scroll 0 0;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.divided.nav a {
    position: relative;
}

.divided.nav a:not(:last-child)::after {
    background: #025da4 none repeat scroll 0 0;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
    width: 1px;
}

/*=========================
    Nav Margin
===========================*/
.a-m-0 a {
    margin: 0 !important;
}

.a-mt-0 a,
.a-my-0 a {
    margin-top: 0 !important;
}

.a-mr-0 a,
.a-mx-0 a {
    margin-right: 0 !important;
}

.a-mb-0 a,
.a-my-0 a {
    margin-bottom: 0 !important;
}

.a-ml-0 a,
.a-mx-0 a {
    margin-left: 0 !important;
}

.a-m-1 a {
    margin: 0.25rem !important;
}

.a-mt-1 a,
.a-my-1 a {
    margin-top: 0.25rem !important;
}

.a-mr-1 a,
.a-mx-1 a {
    margin-right: 0.25rem !important;
}

.a-mb-1 a,
.a-my-1 a {
    margin-bottom: 0.25rem !important;
}

.a-ml-1 a,
.a-mx-1 a {
    margin-left: 0.25rem !important;
}

.a-m-2 a {
    margin: 0.5rem !important;
}

.a-mt-2 a,
.a-my-2 a {
    margin-top: 0.5rem !important;
}

.a-mr-2 a,
.a-mx-2 a {
    margin-right: 0.5rem !important;
}

.a-mb-2 a,
.a-my-2 a {
    margin-bottom: 0.5rem !important;
}

.a-ml-2 a,
.a-mx-2 a {
    margin-left: 0.5rem !important;
}

.a-m-3 a {
    margin: 1rem !important;
}

.a-mt-3 a,
.a-my-3 a {
    margin-top: 1rem !important;
}

.a-mr-3 a,
.a-mx-3 a {
    margin-right: 1rem !important;
}

.a-mb-3 a,
.a-my-3 a {
    margin-bottom: 1rem !important;
}

.a-ml-3 a,
.a-mx-3 a {
    margin-left: 1rem !important;
}

.a-m-4 a {
    margin: 1.5rem !important;
}

.a-mt-4 a,
.a-my-4 a {
    margin-top: 1.5rem !important;
}

.a-mr-4 a,
.a-mx-4 a {
    margin-right: 1.5rem !important;
}

.a-mb-4 a,
.a-my-4 a {
    margin-bottom: 1.5rem !important;
}

.a-ml-4 a,
.a-mx-4 a {
    margin-left: 1.5rem !important;
}

.a-m-5 a {
    margin: 3rem !important;
}

.a-mt-5 a,
.a-my-5 a {
    margin-top: 3rem !important;
}

.a-mr-5 a,
.a-mx-5 a {
    margin-right: 3rem !important;
}

.a-mb-5 a,
.a-my-5 a {
    margin-bottom: 3rem !important;
}

.a-ml-5 a,
.a-mx-5 a {
    margin-left: 3rem !important;
}

.a-m-auto a {
    margin: auto !important;
}

.a-mt-auto a,
.a-my-auto a {
    margin-top: auto !important;
}

.a-mr-auto a,
.a-mx-auto a {
    margin-right: auto !important;
}

.a-mb-auto a,
.a-my-auto a {
    margin-bottom: auto !important;
}

.a-ml-auto a,
.a-mx-auto a {
    margin-left: auto !important;
}

[class*="a-"] a:last-child {
    margin-right: 0 !important;
}

[class*="a-"] a:first-child {
    margin-left: 0 !important;
}

@media (min-width: 576px) {
    .a-m-sm-0 a {
        margin: 0 !important;
    }

    .a-mt-sm-0 a,
    .a-my-sm-0 a {
        margin-top: 0 !important;
    }

    .a-mr-sm-0 a,
    .a-mx-sm-0 a {
        margin-right: 0 !important;
    }

    .a-mb-sm-0 a,
    .a-my-sm-0 a {
        margin-bottom: 0 !important;
    }

    .a-ml-sm-0 a,
    .a-mx-sm-0 a {
        margin-left: 0 !important;
    }

    .a-m-sm-1 a {
        margin: 0.25rem !important;
    }

    .a-mt-sm-1 a,
    .a-my-sm-1 a {
        margin-top: 0.25rem !important;
    }

    .a-mr-sm-1 a,
    .a-mx-sm-1 a {
        margin-right: 0.25rem !important;
    }

    .a-mb-sm-1 a,
    .a-my-sm-1 a {
        margin-bottom: 0.25rem !important;
    }

    .a-ml-sm-1 a,
    .a-mx-sm-1 a {
        margin-left: 0.25rem !important;
    }

    .a-m-sm-2 a {
        margin: 0.5rem !important;
    }

    .a-mt-sm-2 a,
    .a-my-sm-2 a {
        margin-top: 0.5rem !important;
    }

    .a-mr-sm-2 a,
    .a-mx-sm-2 a {
        margin-right: 0.5rem !important;
    }

    .a-mb-sm-2 a,
    .a-my-sm-2 a {
        margin-bottom: 0.5rem !important;
    }

    .a-ml-sm-2 a,
    .a-mx-sm-2 a {
        margin-left: 0.5rem !important;
    }

    .a-m-sm-3 a {
        margin: 1rem !important;
    }

    .a-mt-sm-3 a,
    .a-my-sm-3 a {
        margin-top: 1rem !important;
    }

    .a-mr-sm-3 a,
    .a-mx-sm-3 a {
        margin-right: 1rem !important;
    }

    .a-mb-sm-3 a,
    .a-my-sm-3 a {
        margin-bottom: 1rem !important;
    }

    .a-ml-sm-3 a,
    .a-mx-sm-3 a {
        margin-left: 1rem !important;
    }

    .a-m-sm-4 a {
        margin: 1.5rem !important;
    }

    .a-mt-sm-4 a,
    .a-my-sm-4 a {
        margin-top: 1.5rem !important;
    }

    .a-mr-sm-4 a,
    .a-mx-sm-4 a {
        margin-right: 1.5rem !important;
    }

    .a-mb-sm-4 a,
    .a-my-sm-4 a {
        margin-bottom: 1.5rem !important;
    }

    .a-ml-sm-4 a,
    .a-mx-sm-4 a {
        margin-left: 1.5rem !important;
    }

    .a-m-sm-5 a {
        margin: 3rem !important;
    }

    .a-mt-sm-5 a,
    .a-my-sm-5 a {
        margin-top: 3rem !important;
    }

    .a-mr-sm-5 a,
    .a-mx-sm-5 a {
        margin-right: 3rem !important;
    }

    .a-mb-sm-5 a,
    .a-my-sm-5 a {
        margin-bottom: 3rem !important;
    }

    .a-ml-sm-5 a,
    .a-mx-sm-5 a {
        margin-left: 3rem !important;
    }

    .a-m-sm-auto a {
        margin: auto !important;
    }

    .a-mt-sm-auto a,
    .a-my-sm-auto a {
        margin-top: auto !important;
    }

    .a-mr-sm-auto a,
    .a-mx-sm-auto a {
        margin-right: auto !important;
    }

    .a-mb-sm-auto a,
    .a-my-sm-auto a {
        margin-bottom: auto !important;
    }

    .a-ml-sm-auto a,
    .a-mx-sm-auto a {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .a-m-md-0 a {
        margin: 0 !important;
    }

    .a-mt-md-0 a,
    .a-my-md-0 a {
        margin-top: 0 !important;
    }

    .a-mr-md-0 a,
    .a-mx-md-0 a {
        margin-right: 0 !important;
    }

    .a-mb-md-0 a,
    .a-my-md-0 a {
        margin-bottom: 0 !important;
    }

    .a-ml-md-0 a,
    .a-mx-md-0 a {
        margin-left: 0 !important;
    }

    .a-m-md-1 a {
        margin: 0.25rem !important;
    }

    .a-mt-md-1 a,
    .a-my-md-1 a {
        margin-top: 0.25rem !important;
    }

    .a-mr-md-1 a,
    .a-mx-md-1 a {
        margin-right: 0.25rem !important;
    }

    .a-mb-md-1 a,
    .a-my-md-1 a {
        margin-bottom: 0.25rem !important;
    }

    .a-ml-md-1 a,
    .a-mx-md-1 a {
        margin-left: 0.25rem !important;
    }

    .a-m-md-2 a {
        margin: 0.5rem !important;
    }

    .a-mt-md-2 a,
    .a-my-md-2 a {
        margin-top: 0.5rem !important;
    }

    .a-mr-md-2 a,
    .a-mx-md-2 a {
        margin-right: 0.5rem !important;
    }

    .a-mb-md-2 a,
    .a-my-md-2 a {
        margin-bottom: 0.5rem !important;
    }

    .a-ml-md-2 a,
    .a-mx-md-2 a {
        margin-left: 0.5rem !important;
    }

    .a-m-md-3 a {
        margin: 1rem !important;
    }

    .a-mt-md-3 a,
    .a-my-md-3 a {
        margin-top: 1rem !important;
    }

    .a-mr-md-3 a,
    .a-mx-md-3 a {
        margin-right: 1rem !important;
    }

    .a-mb-md-3 a,
    .a-my-md-3 a {
        margin-bottom: 1rem !important;
    }

    .a-ml-md-3 a,
    .a-mx-md-3 a {
        margin-left: 1rem !important;
    }

    .a-m-md-4 a {
        margin: 1.5rem !important;
    }

    .a-mt-md-4 a,
    .a-my-md-4 a {
        margin-top: 1.5rem !important;
    }

    .a-mr-md-4 a,
    .a-mx-md-4 a {
        margin-right: 1.5rem !important;
    }

    .a-mb-md-4 a,
    .a-my-md-4 a {
        margin-bottom: 1.5rem !important;
    }

    .a-ml-md-4 a,
    .a-mx-md-4 a {
        margin-left: 1.5rem !important;
    }

    .a-m-md-5 a {
        margin: 3rem !important;
    }

    .a-mt-md-5 a,
    .a-my-md-5 a {
        margin-top: 3rem !important;
    }

    .a-mr-md-5 a,
    .a-mx-md-5 a {
        margin-right: 3rem !important;
    }

    .a-mb-md-5 a,
    .a-my-md-5 a {
        margin-bottom: 3rem !important;
    }

    .a-ml-md-5 a,
    .a-mx-md-5 a {
        margin-left: 3rem !important;
    }

    .a-m-md-auto a {
        margin: auto !important;
    }

    .a-mt-md-auto a,
    .a-my-md-auto a {
        margin-top: auto !important;
    }

    .a-mr-md-auto a,
    .a-mx-md-auto a {
        margin-right: auto !important;
    }

    .a-mb-md-auto a,
    .a-my-md-auto a {
        margin-bottom: auto !important;
    }

    .a-ml-md-auto a,
    .a-mx-md-auto a {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .a-m-lg-0 a {
        margin: 0 !important;
    }

    .a-mt-lg-0 a,
    .a-my-lg-0 a {
        margin-top: 0 !important;
    }

    .a-mr-lg-0 a,
    .a-mx-lg-0 a {
        margin-right: 0 !important;
    }

    .a-mb-lg-0 a,
    .a-my-lg-0 a {
        margin-bottom: 0 !important;
    }

    .a-ml-lg-0 a,
    .a-mx-lg-0 a {
        margin-left: 0 !important;
    }

    .a-m-lg-1 a {
        margin: 0.25rem !important;
    }

    .a-mt-lg-1 a,
    .a-my-lg-1 a {
        margin-top: 0.25rem !important;
    }

    .a-mr-lg-1 a,
    .a-mx-lg-1 a {
        margin-right: 0.25rem !important;
    }

    .a-mb-lg-1 a,
    .a-my-lg-1 a {
        margin-bottom: 0.25rem !important;
    }

    .a-ml-lg-1 a,
    .a-mx-lg-1 a {
        margin-left: 0.25rem !important;
    }

    .a-m-lg-2 a {
        margin: 0.5rem !important;
    }

    .a-mt-lg-2 a,
    .a-my-lg-2 a {
        margin-top: 0.5rem !important;
    }

    .a-mr-lg-2 a,
    .a-mx-lg-2 a {
        margin-right: 0.5rem !important;
    }

    .a-mb-lg-2 a,
    .a-my-lg-2 a {
        margin-bottom: 0.5rem !important;
    }

    .a-ml-lg-2 a,
    .a-mx-lg-2 a {
        margin-left: 0.5rem !important;
    }

    .a-m-lg-3 a {
        margin: 1rem !important;
    }

    .a-mt-lg-3 a,
    .a-my-lg-3 a {
        margin-top: 1rem !important;
    }

    .a-mr-lg-3 a,
    .a-mx-lg-3 a {
        margin-right: 1rem !important;
    }

    .a-mb-lg-3 a,
    .a-my-lg-3 a {
        margin-bottom: 1rem !important;
    }

    .a-ml-lg-3 a,
    .a-mx-lg-3 a {
        margin-left: 1rem !important;
    }

    .a-m-lg-4 a {
        margin: 1.5rem !important;
    }

    .a-mt-lg-4 a,
    .a-my-lg-4 a {
        margin-top: 1.5rem !important;
    }

    .a-mr-lg-4 a,
    .a-mx-lg-4 a {
        margin-right: 1.5rem !important;
    }

    .a-mb-lg-4 a,
    .a-my-lg-4 a {
        margin-bottom: 1.5rem !important;
    }

    .a-ml-lg-4 a,
    .a-mx-lg-4 a {
        margin-left: 1.5rem !important;
    }

    .a-m-lg-5 a {
        margin: 3rem !important;
    }

    .a-mt-lg-5 a,
    .a-my-lg-5 a {
        margin-top: 3rem !important;
    }

    .a-mr-lg-5 a,
    .a-mx-lg-5 a {
        margin-right: 3rem !important;
    }

    .a-mb-lg-5 a,
    .a-my-lg-5 a {
        margin-bottom: 3rem !important;
    }

    .a-ml-lg-5 a,
    .a-mx-lg-5 a {
        margin-left: 3rem !important;
    }

    .a-m-lg-auto a {
        margin: auto !important;
    }

    .a-mt-lg-auto a,
    .a-my-lg-auto a {
        margin-top: auto !important;
    }

    .a-mr-lg-auto a,
    .a-mx-lg-auto a {
        margin-right: auto !important;
    }

    .a-mb-lg-auto a,
    .a-my-lg-auto a {
        margin-bottom: auto !important;
    }

    .a-ml-lg-auto a,
    .a-mx-lg-auto a {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .a-m-xl-0 a {
        margin: 0 !important;
    }

    .a-mt-xl-0 a,
    .a-my-xl-0 a {
        margin-top: 0 !important;
    }

    .a-mr-xl-0 a,
    .a-mx-xl-0 a {
        margin-right: 0 !important;
    }

    .a-mb-xl-0 a,
    .a-my-xl-0 a {
        margin-bottom: 0 !important;
    }

    .a-ml-xl-0 a,
    .a-mx-xl-0 a {
        margin-left: 0 !important;
    }

    .a-m-xl-1 a {
        margin: 0.25rem !important;
    }

    .a-mt-xl-1 a,
    .a-my-xl-1 a {
        margin-top: 0.25rem !important;
    }

    .a-mr-xl-1 a,
    .a-mx-xl-1 a {
        margin-right: 0.25rem !important;
    }

    .a-mb-xl-1 a,
    .a-my-xl-1 a {
        margin-bottom: 0.25rem !important;
    }

    .a-ml-xl-1 a,
    .a-mx-xl-1 a {
        margin-left: 0.25rem !important;
    }

    .a-m-xl-2 a {
        margin: 0.5rem !important;
    }

    .a-mt-xl-2 a,
    .a-my-xl-2 a {
        margin-top: 0.5rem !important;
    }

    .a-mr-xl-2 a,
    .a-mx-xl-2 a {
        margin-right: 0.5rem !important;
    }

    .a-mb-xl-2 a,
    .a-my-xl-2 a {
        margin-bottom: 0.5rem !important;
    }

    .a-ml-xl-2 a,
    .a-mx-xl-2 a {
        margin-left: 0.5rem !important;
    }

    .a-m-xl-3 a {
        margin: 1rem !important;
    }

    .a-mt-xl-3 a,
    .a-my-xl-3 a {
        margin-top: 1rem !important;
    }

    .a-mr-xl-3 a,
    .a-mx-xl-3 a {
        margin-right: 1rem !important;
    }

    .a-mb-xl-3 a,
    .a-my-xl-3 a {
        margin-bottom: 1rem !important;
    }

    .a-ml-xl-3 a,
    .a-mx-xl-3 a {
        margin-left: 1rem !important;
    }

    .a-m-xl-4 a {
        margin: 1.5rem !important;
    }

    .a-mt-xl-4 a,
    .a-my-xl-4 a {
        margin-top: 1.5rem !important;
    }

    .a-mr-xl-4 a,
    .a-mx-xl-4 a {
        margin-right: 1.5rem !important;
    }

    .a-mb-xl-4 a,
    .a-my-xl-4 a {
        margin-bottom: 1.5rem !important;
    }

    .a-ml-xl-4 a,
    .a-mx-xl-4 a {
        margin-left: 1.5rem !important;
    }

    .a-m-xl-5 a {
        margin: 3rem !important;
    }

    .a-mt-xl-5 a,
    .a-my-xl-5 a {
        margin-top: 3rem !important;
    }

    .a-mr-xl-5 a,
    .a-mx-xl-5 a {
        margin-right: 3rem !important;
    }

    .a-mb-xl-5 a,
    .a-my-xl-5 a {
        margin-bottom: 3rem !important;
    }

    .a-ml-xl-5 a,
    .a-mx-xl-5 a {
        margin-left: 3rem !important;
    }

    .a-m-xl-auto a {
        margin: auto !important;
    }

    .a-mt-xl-auto a,
    .a-my-xl-auto a {
        margin-top: auto !important;
    }

    .a-mr-xl-auto a,
    .a-mx-xl-auto a {
        margin-right: auto !important;
    }

    .a-mb-xl-auto a,
    .a-my-xl-auto a {
        margin-bottom: auto !important;
    }

    .a-ml-xl-auto a,
    .a-mx-xl-auto a {
        margin-left: auto !important;
    }
}

/*=========================
    Nav Padding
===========================*/
.a-p-0 a {
    padding: 0 !important;
}

.a-pt-0 a,
.a-py-0 a {
    padding-top: 0 !important;
}

.a-pr-0 a,
.a-px-0 a {
    padding-right: 0 !important;
}

.a-pb-0 a,
.a-py-0 a {
    padding-bottom: 0 !important;
}

.a-pl-0 a,
.a-px-0 a {
    padding-left: 0 !important;
}

.a-p-1 a {
    padding: 0.25rem !important;
}

.a-pt-1 a,
.a-py-1 a {
    padding-top: 0.25rem !important;
}

.a-pr-1 a,
.a-px-1 a {
    padding-right: 0.25rem !important;
}

.a-pb-1 a,
.a-py-1 a {
    padding-bottom: 0.25rem !important;
}

.a-pl-1 a,
.a-px-1 a {
    padding-left: 0.25rem !important;
}

.a-p-2 a {
    padding: 0.5rem !important;
}

.a-pt-2 a,
.a-py-2 a {
    padding-top: 0.5rem !important;
}

.a-pr-2 a,
.a-px-2 a {
    padding-right: 0.5rem !important;
}

.a-pb-2 a,
.a-py-2 a {
    padding-bottom: 0.5rem !important;
}

.a-pl-2 a,
.a-px-2 a {
    padding-left: 0.5rem !important;
}

.a-p-3 a {
    padding: 1rem !important;
}

.a-pt-3 a,
.a-py-3 a {
    padding-top: 1rem !important;
}

.a-pr-3 a,
.a-px-3 a {
    padding-right: 1rem !important;
}

.a-pb-3 a,
.a-py-3 a {
    padding-bottom: 1rem !important;
}

.a-pl-3 a,
.a-px-3 a {
    padding-left: 1rem !important;
}

.a-p-4 a {
    padding: 1.5rem !important;
}

.a-pt-4 a,
.a-py-4 a {
    padding-top: 1.5rem !important;
}

.a-pr-4 a,
.a-px-4 a {
    padding-right: 1.5rem !important;
}

.a-pb-4 a,
.a-py-4 a {
    padding-bottom: 1.5rem !important;
}

.a-pl-4 a,
.a-px-4 a {
    padding-left: 1.5rem !important;
}

.a-p-5 a {
    padding: 3rem !important;
}

.a-pt-5 a,
.a-py-5 a {
    padding-top: 3rem !important;
}

.a-pr-5 a,
.a-px-5 a {
    padding-right: 3rem !important;
}

.a-pb-5 a,
.a-py-5 a {
    padding-bottom: 3rem !important;
}

.a-pl-5 a,
.a-px-5 a {
    padding-left: 3rem !important;
}

.a-p-auto a {
    padding: auto !important;
}

.a-pt-auto a,
.a-py-auto a {
    padding-top: auto !important;
}

.a-pr-auto a,
.a-px-auto a {
    padding-right: auto !important;
}

.a-pb-auto a,
.a-py-auto a {
    padding-bottom: auto !important;
}

.a-pl-auto a,
.a-px-auto a {
    padding-left: auto !important;
}

@media (min-width: 576px) {
    .a-p-sm-0 a {
        padding: 0 !important;
    }

    .a-pt-sm-0 a,
    .a-py-sm-0 a {
        padding-top: 0 !important;
    }

    .a-pr-sm-0 a,
    .a-px-sm-0 a {
        padding-right: 0 !important;
    }

    .a-pb-sm-0 a,
    .a-py-sm-0 a {
        padding-bottom: 0 !important;
    }

    .a-pl-sm-0 a,
    .a-px-sm-0 a {
        padding-left: 0 !important;
    }

    .a-p-sm-1 a {
        padding: 0.25rem !important;
    }

    .a-pt-sm-1 a,
    .a-py-sm-1 a {
        padding-top: 0.25rem !important;
    }

    .a-pr-sm-1 a,
    .a-px-sm-1 a {
        padding-right: 0.25rem !important;
    }

    .a-pb-sm-1 a,
    .a-py-sm-1 a {
        padding-bottom: 0.25rem !important;
    }

    .a-pl-sm-1 a,
    .a-px-sm-1 a {
        padding-left: 0.25rem !important;
    }

    .a-p-sm-2 a {
        padding: 0.5rem !important;
    }

    .a-pt-sm-2 a,
    .a-py-sm-2 a {
        padding-top: 0.5rem !important;
    }

    .a-pr-sm-2 a,
    .a-px-sm-2 a {
        padding-right: 0.5rem !important;
    }

    .a-pb-sm-2 a,
    .a-py-sm-2 a {
        padding-bottom: 0.5rem !important;
    }

    .a-pl-sm-2 a,
    .a-px-sm-2 a {
        padding-left: 0.5rem !important;
    }

    .a-p-sm-3 a {
        padding: 1rem !important;
    }

    .a-pt-sm-3 a,
    .a-py-sm-3 a {
        padding-top: 1rem !important;
    }

    .a-pr-sm-3 a,
    .a-px-sm-3 a {
        padding-right: 1rem !important;
    }

    .a-pb-sm-3 a,
    .a-py-sm-3 a {
        padding-bottom: 1rem !important;
    }

    .a-pl-sm-3 a,
    .a-px-sm-3 a {
        padding-left: 1rem !important;
    }

    .a-p-sm-4 a {
        padding: 1.5rem !important;
    }

    .a-pt-sm-4 a,
    .a-py-sm-4 a {
        padding-top: 1.5rem !important;
    }

    .a-pr-sm-4 a,
    .a-px-sm-4 a {
        padding-right: 1.5rem !important;
    }

    .a-pb-sm-4 a,
    .a-py-sm-4 a {
        padding-bottom: 1.5rem !important;
    }

    .a-pl-sm-4 a,
    .a-px-sm-4 a {
        padding-left: 1.5rem !important;
    }

    .a-p-sm-5 a {
        padding: 3rem !important;
    }

    .a-pt-sm-5 a,
    .a-py-sm-5 a {
        padding-top: 3rem !important;
    }

    .a-pr-sm-5 a,
    .a-px-sm-5 a {
        padding-right: 3rem !important;
    }

    .a-pb-sm-5 a,
    .a-py-sm-5 a {
        padding-bottom: 3rem !important;
    }

    .a-pl-sm-5 a,
    .a-px-sm-5 a {
        padding-left: 3rem !important;
    }

    .a-p-sm-auto a {
        padding: auto !important;
    }

    .a-pt-sm-auto a,
    .a-py-sm-auto a {
        padding-top: auto !important;
    }

    .a-pr-sm-auto a,
    .a-px-sm-auto a {
        padding-right: auto !important;
    }

    .a-pb-sm-auto a,
    .a-py-sm-auto a {
        padding-bottom: auto !important;
    }

    .a-pl-sm-auto a,
    .a-px-sm-auto a {
        padding-left: auto !important;
    }
}

@media (min-width: 768px) {
    .a-p-md-0 a {
        padding: 0 !important;
    }

    .a-pt-md-0 a,
    .a-py-md-0 a {
        padding-top: 0 !important;
    }

    .a-pr-md-0 a,
    .a-px-md-0 a {
        padding-right: 0 !important;
    }

    .a-pb-md-0 a,
    .a-py-md-0 a {
        padding-bottom: 0 !important;
    }

    .a-pl-md-0 a,
    .a-px-md-0 a {
        padding-left: 0 !important;
    }

    .a-p-md-1 a {
        padding: 0.25rem !important;
    }

    .a-pt-md-1 a,
    .a-py-md-1 a {
        padding-top: 0.25rem !important;
    }

    .a-pr-md-1 a,
    .a-px-md-1 a {
        padding-right: 0.25rem !important;
    }

    .a-pb-md-1 a,
    .a-py-md-1 a {
        padding-bottom: 0.25rem !important;
    }

    .a-pl-md-1 a,
    .a-px-md-1 a {
        padding-left: 0.25rem !important;
    }

    .a-p-md-2 a {
        padding: 0.5rem !important;
    }

    .a-pt-md-2 a,
    .a-py-md-2 a {
        padding-top: 0.5rem !important;
    }

    .a-pr-md-2 a,
    .a-px-md-2 a {
        padding-right: 0.5rem !important;
    }

    .a-pb-md-2 a,
    .a-py-md-2 a {
        padding-bottom: 0.5rem !important;
    }

    .a-pl-md-2 a,
    .a-px-md-2 a {
        padding-left: 0.5rem !important;
    }

    .a-p-md-3 a {
        padding: 1rem !important;
    }

    .a-pt-md-3 a,
    .a-py-md-3 a {
        padding-top: 1rem !important;
    }

    .a-pr-md-3 a,
    .a-px-md-3 a {
        padding-right: 1rem !important;
    }

    .a-pb-md-3 a,
    .a-py-md-3 a {
        padding-bottom: 1rem !important;
    }

    .a-pl-md-3 a,
    .a-px-md-3 a {
        padding-left: 1rem !important;
    }

    .a-p-md-4 a {
        padding: 1.5rem !important;
    }

    .a-pt-md-4 a,
    .a-py-md-4 a {
        padding-top: 1.5rem !important;
    }

    .a-pr-md-4 a,
    .a-px-md-4 a {
        padding-right: 1.5rem !important;
    }

    .a-pb-md-4 a,
    .a-py-md-4 a {
        padding-bottom: 1.5rem !important;
    }

    .a-pl-md-4 a,
    .a-px-md-4 a {
        padding-left: 1.5rem !important;
    }

    .a-p-md-5 a {
        padding: 3rem !important;
    }

    .a-pt-md-5 a,
    .a-py-md-5 a {
        padding-top: 3rem !important;
    }

    .a-pr-md-5 a,
    .a-px-md-5 a {
        padding-right: 3rem !important;
    }

    .a-pb-md-5 a,
    .a-py-md-5 a {
        padding-bottom: 3rem !important;
    }

    .a-pl-md-5 a,
    .a-px-md-5 a {
        padding-left: 3rem !important;
    }

    .a-p-md-auto a {
        padding: auto !important;
    }

    .a-pt-md-auto a,
    .a-py-md-auto a {
        padding-top: auto !important;
    }

    .a-pr-md-auto a,
    .a-px-md-auto a {
        padding-right: auto !important;
    }

    .a-pb-md-auto a,
    .a-py-md-auto a {
        padding-bottom: auto !important;
    }

    .a-pl-md-auto a,
    .a-px-md-auto a {
        padding-left: auto !important;
    }
}

@media (min-width: 992px) {
    .a-p-lg-0 a {
        padding: 0 !important;
    }

    .a-pt-lg-0 a,
    .a-py-lg-0 a {
        padding-top: 0 !important;
    }

    .a-pr-lg-0 a,
    .a-px-lg-0 a {
        padding-right: 0 !important;
    }

    .a-pb-lg-0 a,
    .a-py-lg-0 a {
        padding-bottom: 0 !important;
    }

    .a-pl-lg-0 a,
    .a-px-lg-0 a {
        padding-left: 0 !important;
    }

    .a-p-lg-1 a {
        padding: 0.25rem !important;
    }

    .a-pt-lg-1 a,
    .a-py-lg-1 a {
        padding-top: 0.25rem !important;
    }

    .a-pr-lg-1 a,
    .a-px-lg-1 a {
        padding-right: 0.25rem !important;
    }

    .a-pb-lg-1 a,
    .a-py-lg-1 a {
        padding-bottom: 0.25rem !important;
    }

    .a-pl-lg-1 a,
    .a-px-lg-1 a {
        padding-left: 0.25rem !important;
    }

    .a-p-lg-2 a {
        padding: 0.5rem !important;
    }

    .a-pt-lg-2 a,
    .a-py-lg-2 a {
        padding-top: 0.5rem !important;
    }

    .a-pr-lg-2 a,
    .a-px-lg-2 a {
        padding-right: 0.5rem !important;
    }

    .a-pb-lg-2 a,
    .a-py-lg-2 a {
        padding-bottom: 0.5rem !important;
    }

    .a-pl-lg-2 a,
    .a-px-lg-2 a {
        padding-left: 0.5rem !important;
    }

    .a-p-lg-3 a {
        padding: 1rem !important;
    }

    .a-pt-lg-3 a,
    .a-py-lg-3 a {
        padding-top: 1rem !important;
    }

    .a-pr-lg-3 a,
    .a-px-lg-3 a {
        padding-right: 1rem !important;
    }

    .a-pb-lg-3 a,
    .a-py-lg-3 a {
        padding-bottom: 1rem !important;
    }

    .a-pl-lg-3 a,
    .a-px-lg-3 a {
        padding-left: 1rem !important;
    }

    .a-p-lg-4 a {
        padding: 1.5rem !important;
    }

    .a-pt-lg-4 a,
    .a-py-lg-4 a {
        padding-top: 1.5rem !important;
    }

    .a-pr-lg-4 a,
    .a-px-lg-4 a {
        padding-right: 1.5rem !important;
    }

    .a-pb-lg-4 a,
    .a-py-lg-4 a {
        padding-bottom: 1.5rem !important;
    }

    .a-pl-lg-4 a,
    .a-px-lg-4 a {
        padding-left: 1.5rem !important;
    }

    .a-p-lg-5 a {
        padding: 3rem !important;
    }

    .a-pt-lg-5 a,
    .a-py-lg-5 a {
        padding-top: 3rem !important;
    }

    .a-pr-lg-5 a,
    .a-px-lg-5 a {
        padding-right: 3rem !important;
    }

    .a-pb-lg-5 a,
    .a-py-lg-5 a {
        padding-bottom: 3rem !important;
    }

    .a-pl-lg-5 a,
    .a-px-lg-5 a {
        padding-left: 3rem !important;
    }

    .a-p-lg-auto a {
        padding: auto !important;
    }

    .a-pt-lg-auto a,
    .a-py-lg-auto a {
        padding-top: auto !important;
    }

    .a-pr-lg-auto a,
    .a-px-lg-auto a {
        padding-right: auto !important;
    }

    .a-pb-lg-auto a,
    .a-py-lg-auto a {
        padding-bottom: auto !important;
    }

    .a-pl-lg-auto a,
    .a-px-lg-auto a {
        padding-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .a-p-xl-0 a {
        padding: 0 !important;
    }

    .a-pt-xl-0 a,
    .a-py-xl-0 a {
        padding-top: 0 !important;
    }

    .a-pr-xl-0 a,
    .a-px-xl-0 a {
        padding-right: 0 !important;
    }

    .a-pb-xl-0 a,
    .a-py-xl-0 a {
        padding-bottom: 0 !important;
    }

    .a-pl-xl-0 a,
    .a-px-xl-0 a {
        padding-left: 0 !important;
    }

    .a-p-xl-1 a {
        padding: 0.25rem !important;
    }

    .a-pt-xl-1 a,
    .a-py-xl-1 a {
        padding-top: 0.25rem !important;
    }

    .a-pr-xl-1 a,
    .a-px-xl-1 a {
        padding-right: 0.25rem !important;
    }

    .a-pb-xl-1 a,
    .a-py-xl-1 a {
        padding-bottom: 0.25rem !important;
    }

    .a-pl-xl-1 a,
    .a-px-xl-1 a {
        padding-left: 0.25rem !important;
    }

    .a-p-xl-2 a {
        padding: 0.5rem !important;
    }

    .a-pt-xl-2 a,
    .a-py-xl-2 a {
        padding-top: 0.5rem !important;
    }

    .a-pr-xl-2 a,
    .a-px-xl-2 a {
        padding-right: 0.5rem !important;
    }

    .a-pb-xl-2 a,
    .a-py-xl-2 a {
        padding-bottom: 0.5rem !important;
    }

    .a-pl-xl-2 a,
    .a-px-xl-2 a {
        padding-left: 0.5rem !important;
    }

    .a-p-xl-3 a {
        padding: 1rem !important;
    }

    .a-pt-xl-3 a,
    .a-py-xl-3 a {
        padding-top: 1rem !important;
    }

    .a-pr-xl-3 a,
    .a-px-xl-3 a {
        padding-right: 1rem !important;
    }

    .a-pb-xl-3 a,
    .a-py-xl-3 a {
        padding-bottom: 1rem !important;
    }

    .a-pl-xl-3 a,
    .a-px-xl-3 a {
        padding-left: 1rem !important;
    }

    .a-p-xl-4 a {
        padding: 1.5rem !important;
    }

    .a-pt-xl-4 a,
    .a-py-xl-4 a {
        padding-top: 1.5rem !important;
    }

    .a-pr-xl-4 a,
    .a-px-xl-4 a {
        padding-right: 1.5rem !important;
    }

    .a-pb-xl-4 a,
    .a-py-xl-4 a {
        padding-bottom: 1.5rem !important;
    }

    .a-pl-xl-4 a,
    .a-px-xl-4 a {
        padding-left: 1.5rem !important;
    }

    .a-p-xl-5 a {
        padding: 3rem !important;
    }

    .a-pt-xl-5 a,
    .a-py-xl-5 a {
        padding-top: 3rem !important;
    }

    .a-pr-xl-5 a,
    .a-px-xl-5 a {
        padding-right: 3rem !important;
    }

    .a-pb-xl-5 a,
    .a-py-xl-5 a {
        padding-bottom: 3rem !important;
    }

    .a-pl-xl-5 a,
    .a-px-xl-5 a {
        padding-left: 3rem !important;
    }

    .a-p-xl-auto a {
        padding: auto !important;
    }

    .a-pt-xl-auto a,
    .a-py-xl-auto a {
        padding-top: auto !important;
    }

    .a-pr-xl-auto a,
    .a-px-xl-auto a {
        padding-right: auto !important;
    }

    .a-pb-xl-auto a,
    .a-py-xl-auto a {
        padding-bottom: auto !important;
    }

    .a-pl-xl-auto a,
    .a-px-xl-auto a {
        padding-left: auto !important;
    }
}

/*==================
  Nav Links border
====================*/
.a-l-sm {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.a-l-b {
    border: black solid 1px;
}

/*===========
    Opacity
=============*/
.opacity-1,
.opacity-1-hover:hover,
.opacity-1-after::after,
.opacity-1-before::before {
    opacity: .1;
}

.opacity-2,
.opacity-2-hover:hover,
.opacity-2-after::after,
.opacity-2-before::before {
    opacity: .2;
}

.opacity-3,
.opacity-3-hover:hover,
.opacity-3-after::after,
.opacity-3-before::before {
    opacity: .3;
}

.opacity-4,
.opacity-4-hover:hover,
.opacity-4-after::after,
.opacity-4-before::before {
    opacity: .4;
}

.opacity-5,
.opacity-5-hover:hover,
.opacity-5-after::after,
.opacity-5-before::before {
    opacity: .5;
}

.opacity-6,
.opacity-6-hover:hover,
.opacity-6-after::after,
.opacity-6-before::before {
    opacity: .6;
}

.opacity-7,
.opacity-7-hover:hover,
.opacity-7-after::after,
.opacity-7-before::before {
    opacity: .7;
}

.opacity-8,
.opacity-8-hover:hover,
.opacity-8-after::after,
.opacity-8-before::before {
    opacity: .8;
}

.opacity-9,
.opacity-9-hover:hover,
.opacity-9-after::after,
.opacity-9-before::before {
    opacity: .9;
}

.after::after,
.before::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*==============
  Collapse Icon
=================*/
.toggle-icon[data-toggle="collapse"]::before {
    content: '\2212';
    color: inherit;
    font-weight: bold;
    margin-left: 5px;
}

.toggle-icon.collapsed[data-toggle="collapse"]::before {
    content: "\002B";
}

/*==================
  Scroll to Top
====================*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #071e33 url(/assets/img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
    transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
    transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-top--fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.cd-top:hover {
    background-color: #00b1e4;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

/*===============
  Heigh ViewPort
=================*/
.h-10 {
    height: 10vh !important;
    overflow: hidden;
}

.h-20 {
    height: 20vh !important;
    overflow: hidden;
}

.h-30 {
    height: 30vh !important;
    overflow: hidden;
}

.h-40 {
    height: 40vh !important;
    overflow: hidden;
}

.h-50 {
    height: 50vh !important;
    overflow: hidden;
}

.h-60 {
    height: 60vh !important;
    overflow: hidden;
}

.h-70 {
    height: 70vh !important;
    overflow: hidden;
}

.h-80 {
    height: 80vh !important;
    overflow: hidden;
}

.h-90 {
    height: 90vh;
    overflow: hidden;
}

.h-100 {
    height: 100vh;
    overflow: hidden;
}

.max-h-10 {
    max-height: 10vh !important;
    overflow: hidden;
}

.max-h-20 {
    max-height: 20vh !important;
    overflow: hidden;
}

.max-h-30 {
    max-height: 30vh !important;
    overflow: hidden;
}

.max-h-40 {
    max-height: 40vh !important;
    overflow: hidden;
}

.max-h-50 {
    height: 50vh !important;
    overflow: hidden;
}

.max-h-60 {
    max-height: 60vh !important;
    overflow: hidden;
}

.max-h-70 {
    max-height: 70vh !important;
    overflow: hidden;
}

.max-h-80 {
    max-height: 80vh !important;
    overflow: hidden;
}

.max-h-90 {
    max-height: 90vh;
    overflow: hidden;
}

.max-h-100 {
    max-height: 100vh;
    overflow: hidden;
}

.z-index-1,
.z-index-1-after::after,
.z-index-1-before::before {
    z-index: 1;
}

.z-index-2,
.z-index-2-after::after,
.z-index-2-before::before {
    z-index: 2;
}

.z-index-3,
.z-index-3-after::after,
.z-index-3-before::before {
    z-index: 3;
}

.z-index-4,
.z-index-4-after::after,
.z-index-4-before::before {
    z-index: 4;
}

.z-index-5,
.z-index-5-after::after,
.z-index-5-before::before {
    z-index: 5;
}

.z-index-10,
.z-index-6-after::after,
.z-index-6-before::before {
    z-index: 10;
}

.z-index-50,
.z-index-7-after::after,
.z-index-7-before::before {
    z-index: 50;
}

.z-index-100,
.z-index-8-after::after,
.z-index-8-before::before {
    z-index: 100;
}

.z-index-500,
.z-index-9-after::after,
.z-index-9-before::before {
    z-index: 500;
}

.z-index-1000,
.z-index-10-after::after,
.z-index-10-before::before {
    z-index: 1000;
}

.list-scroll {
    height: 230px !important;
    overflow-y: scroll !important;
}

.view-abstract{
      color: #fff !important;
    font-size: 13px;
    padding: 3px 7px 3px 7px;
    cursor: pointer;
}