.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 2em; }
.mb-3 { margin-bottom: 3em; }
.mb-4 { margin-bottom: 4em; }
.mt-1 { margin-top: 1em; }
.mt-2 { margin-top: 2em; }
.mt-3 { margin-top: 3em; }
.mt-4 { margin-top: 4em; }
.sp-1 { padding: .5em; }
.sp-2 { padding: 1em; }
.sp-3 { padding: 1.5em; }
.sp-4 { padding: 2em; }
.sp-5 { padding: 2.5em; }

/* alert */
.alert { box-shadow: 1px 1px 6px #999; }
.alert-success { background-image: linear-gradient(#3fb618, #88d070); }
.alert-gray { background-image: linear-gradient(#ddd, #ececec); }
.alert-warning { background-image: linear-gradient(#ff7518, #fdb788); }
.alert-blue { background-image: linear-gradient(#23248a, #8b8cea); color: #fff; }
.alert-akademik { border-top: 3px solid #2780e3; background-image: linear-gradient(#e6f1fd, #f4f9ff); color: #2780e3; }
.alert-keuangan { border-top: 3px solid #c15c17; background-image: linear-gradient(#ffecde, #fff4eb); color: #c15c17; }
.judul-alert {font-size: 1.4em; font-weight: bold;}

/* Tab */
.nav-tabs li.active { box-shadow: 1px -5px 5px -5px; }