h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 27px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
.text-detail {
	color: #5f5f5f;
	margin: 0;
	padding: 5px 3px;
}

.al-ri { text-align: right !important; }
.al-ce { text-align: center !important; }
.al-le { text-align: left !important; }
.al-tp { vertical-align: top !important; }
.al-md { vertical-align: middle !important; }
.al-bt { vertical-align: bottom !important; }
.b { font-weight: bold !important; }

.text-red-50 { color: #FFEBEE; }
.text-red-100 { color: #FFCDD2; }
.text-red-200 { color: #EF9A9A; }
.text-red-300 { color: #E57373; }
.text-red-400 { color: #EF5350; }
.text-red-500 { color: #F44336; }
.text-red-600 { color: #E53935; }
.text-red-700 { color: #D32F2F; }
.text-red-800 { color: #C62828; }
.text-red-900 { color: #B71C1C; }

.text-pink-50 { color: #FCE4EC; }
.text-pink-100 { color: #F8BBD0; }
.text-pink-200 { color: #F48FB1; }
.text-pink-300 { color: #F06292; }
.text-pink-400 { color: #EC407A; }
.text-pink-500 { color: #E91E63; }
.text-pink-600 { color: #D81B60; }
.text-pink-700 { color: #C2185B; }
.text-pink-800 { color: #AD1457; }
.text-pink-900 { color: #880E4F; }

.text-purple-50 { color: #F3E5F5; }
.text-purple-100 { color: #E1BEE7; }
.text-purple-200 { color: #CE93D8; }
.text-purple-300 { color: #BA68C8; }
.text-purple-400 { color: #AB47BC; }
.text-purple-500 { color: #9C27B0; }
.text-purple-600 { color: #8E24AA; }
.text-purple-700 { color: #7B1FA2; }
.text-purple-800 { color: #6A1B9A; }
.text-purple-900 { color: #4A148C; }

.text-indigo-50 { color: #E8EAF6; }
.text-indigo-100 { color: #C5CAE9; }
.text-indigo-200 { color: #9FA8DA; }
.text-indigo-300 { color: #7986CB; }
.text-indigo-400 { color: #5C6BC0; }
.text-indigo-500 { color: #3F51B5; }
.text-indigo-600 { color: #3949AB; }
.text-indigo-700 { color: #303F9F; }
.text-indigo-800 { color: #283593; }
.text-indigo-900 { color: #1A237E; }

.text-blue-50 { color: #E3F2FD; }
.text-blue-100 { color: #BBDEFB; }
.text-blue-200 { color: #90CAF9; }
.text-blue-300 { color: #64B5F6; }
.text-blue-400 { color: #42A5F5; }
.text-blue-500 { color: #2196F3; }
.text-blue-600 { color: #1E88E5; }
.text-blue-700 { color: #1976D2; }
.text-blue-800 { color: #1565C0; }
.text-blue-900 { color: #0D47A1; }

.text-green-50 { color: #E8F5E9; }
.text-green-100 { color: #C8E6C9; }
.text-green-200 { color: #A5D6A7; }
.text-green-300 { color: #81C784; }
.text-green-400 { color: #66BB6A; }
.text-green-500 { color: #4CAF50; }
.text-green-600 { color: #43A047; }
.text-green-700 { color: #388E3C; }
.text-green-800 { color: #2E7D32; }
.text-green-900 { color: #1B5E20; }

.text-green-A100 { color: #B9F6CA; }
.text-green-A200 { color: #69F0AE; }
.text-green-A400 { color: #00E676; }
.text-green-A700 { color: #00C853; }

.text-rightgreen-50 { color: #F1F8E9; }
.text-rightgreen-100 { color: #DCEDC8; }
.text-rightgreen-200 { color: #C5E1A5; }
.text-rightgreen-300 { color: #AED581; }
.text-rightgreen-400 { color: #9CCC65; }
.text-rightgreen-500 { color: #8BC34A; }
.text-rightgreen-600 { color: #7CB342; }
.text-rightgreen-700 { color: #689F38; }
.text-rightgreen-800 { color: #558B2F; }
.text-rightgreen-900 { color: #33691E; }

.text-rightgreen-A100 { color: #CCFF90; }
.text-rightgreen-A200 { color: #B2FF59; }
.text-rightgreen-A400 { color: #76FF03; }
.text-rightgreen-A700 { color: #64DD17; }

.text-gray-50 { color: #FAFAFA; }
.text-gray-100 { color: #F5F5F5; }
.text-gray-200 { color: #EEEEEE; }
.text-gray-300 { color: #E0E0E0; }
.text-gray-400 { color: #BDBDBD; }
.text-gray-500 { color: #9E9E9E; }
.text-gray-600 { color: #757575; }
.text-gray-700 { color: #616161; }
.text-gray-800 { color: #424242; }
.text-gray-900 { color: #212121; }

.text-orange-50 { color: #FFF3E0; }
.text-orange-100 { color: #FFE0B2; }
.text-orange-200 { color: #FFCC80; }
.text-orange-300 { color: #FFB74D; }
.text-orange-400 { color: #FFA726; }
.text-orange-500 { color: #FF9800; }
.text-orange-600 { color: #FB8C00; }
.text-orange-700 { color: #F57C00; }
.text-orange-800 { color: #EF6C00; }
.text-orange-900 { color: #E65100; }

.text-yellow-50 { color: #FFFDE7; }
.text-yellow-100 { color: #FFF9C4; }
.text-yellow-200 { color: #FFF59D; }
.text-yellow-300 { color: #FFF176; }
.text-yellow-400 { color: #FFEE58; }
.text-yellow-500 { color: #FFEB3B; }
.text-yellow-600 { color: #FDD835; }
.text-yellow-700 { color: #FBC02D; }
.text-yellow-800 { color: #F9A825; }
.text-yellow-900 { color: #F57F17; }

.text-white-500 { color: white; }
.text-black-500 { color: black; }



.bg-red-50 { background-color: #FFEBEE; }
.bg-red-100 { background-color: #FFCDD2; }
.bg-red-200 { background-color: #EF9A9A; }
.bg-red-300 { background-color: #E57373; }
.bg-red-400 { background-color: #EF5350; }
.bg-red-500 { background-color: #F44336; }
.bg-red-600 { background-color: #E53935; }
.bg-red-700 { background-color: #D32F2F; }
.bg-red-800 { background-color: #C62828; }
.bg-red-900 { background-color: #B71C1C; }

.bg-pink-50 { background-color: #FCE4EC; }
.bg-pink-100 { background-color: #F8BBD0; }
.bg-pink-200 { background-color: #F48FB1; }
.bg-pink-300 { background-color: #F06292; }
.bg-pink-400 { background-color: #EC407A; }
.bg-pink-500 { background-color: #E91E63; }
.bg-pink-600 { background-color: #D81B60; }
.bg-pink-700 { background-color: #C2185B; }
.bg-pink-800 { background-color: #AD1457; }
.bg-pink-900 { background-color: #880E4F; }

.bg-purple-50 { background-color: #F3E5F5; }
.bg-purple-100 { background-color: #E1BEE7; }
.bg-purple-200 { background-color: #CE93D8; }
.bg-purple-300 { background-color: #BA68C8; }
.bg-purple-400 { background-color: #AB47BC; }
.bg-purple-500 { background-color: #9C27B0; }
.bg-purple-600 { background-color: #8E24AA; }
.bg-purple-700 { background-color: #7B1FA2; }
.bg-purple-800 { background-color: #6A1B9A; }
.bg-purple-900 { background-color: #4A148C; }

.bg-indigo-50 { background-color: #E8EAF6; }
.bg-indigo-100 { background-color: #C5CAE9; }
.bg-indigo-200 { background-color: #9FA8DA; }
.bg-indigo-300 { background-color: #7986CB; }
.bg-indigo-400 { background-color: #5C6BC0; }
.bg-indigo-500 { background-color: #3F51B5; }
.bg-indigo-600 { background-color: #3949AB; }
.bg-indigo-700 { background-color: #303F9F; }
.bg-indigo-800 { background-color: #283593; }
.bg-indigo-900 { background-color: #1A237E; }

.bg-blue-50 { background-color: #E3F2FD; }
.bg-blue-100 { background-color: #BBDEFB; }
.bg-blue-200 { background-color: #90CAF9; }
.bg-blue-300 { background-color: #64B5F6; }
.bg-blue-400 { background-color: #42A5F5; }
.bg-blue-500 { background-color: #2196F3; }
.bg-blue-600 { background-color: #1E88E5; }
.bg-blue-700 { background-color: #1976D2; }
.bg-blue-800 { background-color: #1565C0; }
.bg-blue-900 { background-color: #0D47A1; }

.bg-green-50 { background-color: #E8F5E9; }
.bg-green-100 { background-color: #C8E6C9; }
.bg-green-200 { background-color: #A5D6A7; }
.bg-green-300 { background-color: #81C784; }
.bg-green-400 { background-color: #66BB6A; }
.bg-green-500 { background-color: #4CAF50; }
.bg-green-600 { background-color: #43A047; }
.bg-green-700 { background-color: #388E3C; }
.bg-green-800 { background-color: #2E7D32; }
.bg-green-900 { background-color: #1B5E20; }

.bg-gray-50 { background-color: #FAFAFA; }
.bg-gray-100 { background-color: #F5F5F5; }
.bg-gray-200 { background-color: #EEEEEE; }
.bg-gray-300 { background-color: #E0E0E0; }
.bg-gray-400 { background-color: #BDBDBD; }
.bg-gray-500 { background-color: #9E9E9E; }
.bg-gray-600 { background-color: #757575; }
.bg-gray-700 { background-color: #616161; }
.bg-gray-800 { background-color: #424242; }
.bg-gray-900 { background-color: #212121; }

.bg-orange-50 { background-color: #FFF3E0; }
.bg-orange-100 { background-color: #FFE0B2; }
.bg-orange-200 { background-color: #FFCC80; }
.bg-orange-300 { background-color: #FFB74D; }
.bg-orange-400 { background-color: #FFA726; }
.bg-orange-500 { background-color: #FF9800; }
.bg-orange-600 { background-color: #FB8C00; }
.bg-orange-700 { background-color: #F57C00; }
.bg-orange-800 { background-color: #EF6C00; }
.bg-orange-900 { background-color: #E65100; }

.bg-yellow-50 { background-color: #FFFDE7; }
.bg-yellow-100 { background-color: #FFF9C4; }
.bg-yellow-200 { background-color: #FFF59D; }
.bg-yellow-300 { background-color: #FFF176; }
.bg-yellow-400 { background-color: #FFEE58; }
.bg-yellow-500 { background-color: #FFEB3B; }
.bg-yellow-600 { background-color: #FDD835; }
.bg-yellow-700 { background-color: #FBC02D; }
.bg-yellow-800 { background-color: #F9A825; }
.bg-yellow-900 { background-color: #F57F17; }

.bg-white-500 { background-color: white; }
.bg-black-500 { background-color: black; }