/* ==== Margin Utilities ==== */

/* margin all */
.mg-0 { margin: 0 !important; }
.mg-5 { margin: 5px !important; }
.mg-10 { margin: 10px !important; }
.mg-15 { margin: 15px !important; }
.mg-20 { margin: 20px !important; }

/* margin top */
.mgt-0 { margin-top: 0 !important; }
.mgt-5 { margin-top: 5px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }

/* margin bottom */
.mgb-0 { margin-bottom: 0 !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }

/* margin left */
.mgl-0 { margin-left: 0 !important; }
.mgl-5 { margin-left: 5px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-15 { margin-left: 15px !important; }
.mgl-20 { margin-left: 20px !important; }

/* margin right */
.mgr-0 { margin-right: 0 !important; }
.mgr-5 { margin-right: 5px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-15 { margin-right: 15px !important; }
.mgr-20 { margin-right: 20px !important; }


/* ==== Padding Utilities ==== */

/* padding all */
.pd-0 { padding: 0 !important; }
.pd-5 { padding: 5px !important; }
.pd-10 { padding: 10px !important; }
.pd-15 { padding: 15px !important; }
.pd-20 { padding: 20px !important; }

/* padding top */
.pdt-0 { padding-top: 0 !important; }
.pdt-5 { padding-top: 5px !important; }
.pdt-10 { padding-top: 10px !important; }
.pdt-15 { padding-top: 15px !important; }
.pdt-20 { padding-top: 20px !important; }

/* padding bottom */
.pdb-0 { padding-bottom: 0 !important; }
.pdb-5 { padding-bottom: 5px !important; }
.pdb-10 { padding-bottom: 10px !important; }
.pdb-15 { padding-bottom: 15px !important; }
.pdb-20 { padding-bottom: 20px !important; }

/* padding left */
.pdl-0 { padding-left: 0 !important; }
.pdl-5 { padding-left: 5px !important; }
.pdl-10 { padding-left: 10px !important; }
.pdl-15 { padding-left: 15px !important; }
.pdl-20 { padding-left: 20px !important; }

/* padding right */
.pdr-0 { padding-right: 0 !important; }
.pdr-5 { padding-right: 5px !important; }
.pdr-10 { padding-right: 10px !important; }
.pdr-15 { padding-right: 15px !important; }
.pdr-20 { padding-right: 20px !important; }
