﻿/* Global Variables
/**  For Margin and Padding */
/**
 * Margin Utility Variables
 **/
/**
 * Padding Utility Variables
 **/
/**
 * Font Utilities
 */
/**
 *border utilities
 **/
/** For Block */
/*  Vertical Align */
/* Align Content  */
/* Margin and padding Sm size */
.m-auto { margin: auto; }
.m-l-auto { margin-left: auto; }
.m-r-auto { margin-right: auto; }
.m-x-auto { margin-left: auto; margin-right: auto; }
.m-none { margin: 0; }
.m-t-none { margin-top: 0; }
.m-r-none { margin-right: 0; }
.m-b-none { margin-bottom: 0; }
.m-l-none { margin-left: 0; }
.m-x-none { margin-left: 0; margin-right: 0; }
.m-y-none { margin-top: 0; margin-bottom: 0; }
.m-xxs { margin: 2px; }
.m-t-xxs { margin-top: 2px; }
.m-r-xxs { margin-right: 2px; }
.m-l-xxs { margin-left: 2px; }
.m-b-xxs { margin-bottom: 2px; }
.m-x-xxs { margin-left: 2px; margin-right: 2px; }
.m-y-xxs { margin: 2px 0; }
.m-xs { margin: 5px; }
.m-t-xs { margin-top: 5px; }
.m-r-xs { margin-right: 5px; }
.m-l-xs { margin-left: 5px; }
.m-b-xs { margin-bottom: 5px; }
.m-x-xs { margin-left: 5px; margin-right: 5px; }
.m-y-xs { margin: 5px 0; }
.m-sm { margin: 10px; }
.m-t-sm { margin-top: 10px; }
.m-r-sm { margin-right: 10px; }
.m-l-sm { margin-left: 10px; }
.m-b-sm { margin-bottom: 10px; }
.m-x-sm { margin-left: 10px; margin-right: 10px; }
.m-y-sm { margin-top: 10px; margin-bottom: 10px; }
.m-md { margin: 15px; }
.m-t-md { margin-top: 15px; }
.m-r-md { margin-right: 15px; }
.m-l-md { margin-left: 15px; }
.m-b-md { margin-bottom: 15px; }
.m-x-md { margin-left: 15px; margin-right: 15px; }
.m-y-md { margin-top: 15px; margin-bottom: 15px; }
.m-lg { margin: 30px; }
.m-t-lg { margin-top: 30px; }
.m-r-lg { margin-right: 30px; }
.m-l-lg { margin-left: 30px; }
.m-b-lg { margin-bottom: 30px; }
.m-x-lg { margin-left: 30px; margin-right: 30px; }
.m-y-lg { margin-top: 30px; margin-bottom: 30px; }
.m-xlg { margin: 50px; }
.m-t-xlg { margin-top: 50px; }
.m-r-xlg { margin-right: 50px; }
.m-l-xlg { margin-left: 50px; }
.m-b-xlg { margin-bottom: 50px; }
.m-x-xlg { margin-left: 50px; margin-right: 50px; }
.m-y-xlg { margin-top: 50px; margin-bottom: 50px; }
.m-xxlg { margin: 100px; }
.m-t-xxlg { margin-top: 100px; }
.m-r-xxlg { margin-right: 100px; }
.m-l-xxlg { margin-left: 100px; }
.m-b-xxlg { margin-bottom: 100px; }
.m-x-xxlg { margin-left: 100px; margin-right: 100px; }
.m-y-xxlg { margin-top: 100px; margin-bottom: 100px; }
/* padding and padding Sm size */
.p-none { padding: 0; }
.p-t-none { padding-top: 0; }
.p-r-none { padding-right: 0; }
.p-b-none { padding-bottom: 0; }
.p-l-none { padding-left: 0; }
.p-x-none { padding-left: 0; padding-right: 0; }
.p-y-none { padding-top: 0; padding-bottom: 0; }
.p-xxs { padding: 2px; }
.p-t-xxs { padding-top: 2px; }
.p-r-xxs { padding-right: 2px; }
.p-l-xxs { padding-left: 2px; }
.p-b-xxs { padding-bottom: 2px; }
.p-x-xxs { padding: 0 2px; }
.p-y-xxs { padding: 2px 0; }
.p-xs { padding: 5px; }
.p-t-xs { padding-top: 5px; }
.p-r-xs { padding-right: 5px; }
.p-l-xs { padding-left: 5px; }
.p-b-xs { padding-bottom: 5px; }
.p-x-xs { padding: 0 5px; }
.p-y-xs { padding: 5px 0; }
.p-sm { padding: 10px; }
.p-t-sm { padding-top: 10px; }
.p-r-sm { padding-right: 10px; }
.p-l-sm { padding-left: 10px; }
.p-b-sm { padding-bottom: 10px; }
.p-x-sm { padding: 0 10px; }
.p-y-sm { padding: 10px 0; }
.p-md { padding: 15px; }
.p-t-md { padding-top: 15px; }
.p-r-md { padding-right: 15px; }
.p-l-md { padding-left: 15px; }
.p-b-md { padding-bottom: 15px; }
.p-x-md { padding: 0 15px; }
.p-y-md { padding: 15px 0; }
.p-lg { padding: 30px; }
.p-t-lg { padding-top: 30px; }
.p-r-lg { padding-right: 30px; }
.p-l-lg { padding-left: 30px; }
.p-b-lg { padding-bottom: 30px; }
.p-x-lg { padding: 0 30px; }
.p-y-lg { padding: 30px 0; }
.p-xlg { padding: 50px; }
.p-t-xlg { padding-top: 50px; }
.p-r-xlg { padding-right: 50px; }
.p-l-xlg { padding-left: 50px; }
.p-b-xlg { padding-bottom: 50px; }
.p-x-xlg { padding: 0 50px; }
.p-y-xlg { padding: 50px 0; }
.p-xxlg { padding: 100px; }
.p-t-xxlg { padding-top: 100px; }
.p-r-xxlg { padding-right: 100px; }
.p-l-xxlg { padding-left: 100px; }
.p-b-xxlg { padding-bottom: 100px; }
.p-x-xxlg { padding: 0 100px; }
.p-y-xxlg { padding: 100px 0; }
.font-xs, .h6 { font-size: 12px; }
.font-sm, .h5 { font-size: 14px; }
.font-md, .h4 { font-size: 18px; }
.font-lg, .h3 { font-size: 24px; }
.font-xlg, .h2 { font-size: 30px; }
.font-xxlg, .h1 { font-size: 36px; }
.text-primary { color: #2e6da4; }
.text-success { color: #398439; }
.text-info { color: #269abc; }
.text-default { color: #ccc; }
.text-warning { color: #d58512; }
.text-danger { color: #d43f3a; }
.b { border-width: 1px; border-style: solid; }
.b-t { border-top-width: 1px; border-style: solid; }
.b-r { border-right-width: 1px; border-style: solid; }
.b-b { border-bottom-width: 1px; border-style: solid; }
.b-l { border-left-width: 1px; border-style: solid; }
.b-primary { border-color: #2e6da4; }
.b-success { border-color: #398439; }
.b-default { border-color: #ccc; }
.b-info { border-color: #269abc; }
.b-warning { border-color: #d58512; }
.b-danger { border-color: #d43f3a; }
.bg-primary { background-color: #2e6da4; }
.bg-success { color: #398439; }
.bg-info { color: #269abc; }
.bg-warning { color: #d58512; }
.bg-default { color: #ccc; }
.bg-danger { color: #d43f3a; }
.p-relative { position: relative; }
.p-absolute { position: absolute; }
.p-fixed { position: fixed; }
.p-fixed { position: static; }
.w-10 { width: 10% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-50 { width: 50% !important; }
.w-60 { width: 60% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-90 { width: 90% !important; }
.w-100 { width: 100% !important; }
.w-xxs { width: 50px !important; }
.w-xs { width: 100px !important; }
.w-sm { width: 150px !important; }
.w-md { width: 300px !important; }
.w-lg { width: 500px !important; }
.w-xlg { width: 750px !important; }
.w-xlg { width: 750px !important; }
.w-xxlg { width: 900px !important; }
.t-bold { font-weight: bold; }
.t-regular { font-weight: 400; }
.t-italic { font-style: italic; }
.t-capital { text-transform: uppercase; letter-spacing: .25em; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-justify { text-align: justify; }
.t-no-wrap { white-space: nowrap; }
.t-underline { text-decoration: underline; }
.t-deco-none { text-decoration: none; }
/*# sourceMappingURL=app.css.map */
