﻿/*
  Created: 15-10-2018
  Edited:  06-08-2019
  Version: 1.05
*/
/*  
   These sizes are based on a font size of 16px in (Setup.css)
  
   0.3125rem - 5px - .##50p
   0.5rem - 8px - .##80p
   0.625rem - 10px - .##100p
   1.25rem - 20px - .##200p 
*/
.m-reset 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

.mhc { margin: 0 auto; }
.m50p { margin: 0.3125rem; }
.m80p { margin: 0.5rem; }
.m100p { margin: 0.625rem; }
.m200p { margin: 1.25rem; }

/* Vertical Only */

.mv50p { margin-top: 0.3125rem; margin-bottom: 0.3125rem; }
.mv100p {margin-top: 0.625rem; margin-bottom: 0.625rem; }
.mv200p { margin-top: 1.25rem; margin-bottom: 1.25rem; }

/* Horizontal Only */

.mh50p { margin-left: 0.3125rem; margin-right: 0.3125rem; }
.mh100p { margin-left: 0.625rem; margin-right: 0.625rem; }
.mh200p { margin-left: 1.25rem; margin-right: 1.25rem; }

/* Top Only */

.mtauto { margin-top: auto; }
.mt0p { margin-top: 0; }
.mt30p { margin-top: 0.2143rem; }
.mt50p { margin-top: 0.3125rem; }
.mt80p { margin-top: 0.625rem; }
.mt100p { margin-top: 0.625rem; }
.mt200p { margin-top: 1.25rem; }

/* Right Only */

.mrauto { margin-right: auto; }
.mr0p { margin-right: 0; }
.mr50p { margin-right: 0.3125rem; }
.mr80p { margin-right: 0.5rem; }
.mr100p { margin-right: 0.625rem; }
.mr200p { margin-right: 1.25rem; }

/* Bottom Only */
.mbauto { margin-bottom: auto; }
.mb0p { margin-bottom: 0; }
.mb50p { margin-bottom: 0.3125rem; }
.mb80p { margin-bottom: 0.5rem; }
.mb100p { margin-bottom: 0.625rem; }
.mb200p { margin-bottom: 1.25rem; }

/* Left Only */
.mlauto { margin-left: auto; }
.ml0p { margin-left: 0; }
.ml50p { margin-left: 0.3125rem; }
.ml80p { margin-left: 0.5rem; }
.ml100p { margin-left: 0.625rem; }
.ml200p { margin-left: 1.25rem; }

/* Margin Reset All */
.mra { margin: 0 !important; }

/* ---------- Padding Start ---------- */

.p-reset 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
}

.p50p { padding: 0.3125rem; }
.p80p { padding: 0.5rem; }
.p100p { padding: 0.625rem; }
.p200p { padding: 1.25rem; }

/* Vertical Only */

.pv50p { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }
.pv80p { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.pv100p { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.pv200p { padding-top: 1.25rem; padding-bottom: 1.25rem; }

/* Horizontal Only */

.ph50p { padding-left: 0.3125rem; padding-right: 0.3125rem; }
.ph80p { padding-left: 0.5rem; padding-right: 0.5rem; }
.ph100p { padding-left: 0.625rem; padding-right: 0.625rem; }
.ph200p { padding-left: 1.25rem; padding-right: 1.25rem; }

/* Top Only */

.pt50p { padding-top: 0.3125rem; }
.pt80p { padding-top: 0.5rem; }
.pt100p { padding-top: 0.625rem; }
.pt200p { padding-top: 1.25rem; }

/* Right Only */

.pr50p { padding-right: 0.3125rem; }
.pr80p { padding-right: 0.5rem; }
.pr100p { padding-right: 0.625rem; }
.pr200p { padding-right: 1.25rem; }

/* Bottom Only */

.pb50p { padding-bottom: 0.3125rem; }
.pb80p { padding-bottom: 0.5rem; }
.pb100p { padding-bottom: 0.625rem; }
.pb200p { padding-bottom: 1.25rem; }

/* Left Only */

.pl50p { padding-left: 0.3125rem; }
.pl80p { padding-left: 0.5rem; }
.pl100p { padding-left: 0.625rem; }
.pl200p { padding-left: 1.25rem; }

/* Padding Reset All */
.pra { padding: 0; }