html, body {
  margin: 0;
  padding: 0;
}

ul, ol { padding:0;}

.hidden { display: none; }

/* Text transform */
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.capitalizeFirst::first-letter {text-transform: capitalize;}

.fw-light { font-weight: 300; }
.fw-normal { font-weight: normal; }
.fw-bold { font-weight: bold; }

/* font color */
a.fc-white, .fc-white, pre.fc-white { color: #ffffff; }
a.fc-gray, .fc-gray, pre.fc-gray { color: #888888; }
a.fc-lightBlue, .fc-lightBlue, pre.fc-lightBlue { color: #59b8d7; }

/*List*/
.list-decimal { list-style-type: decimal; }

.success { color: #8abc2b; }
.error { color: #a41700; }

/* opacity */
.opac-50 { opacity: 0.5; filter: alpha(opacity=50); }
.opac-80 { opacity: 0.8 !important; filter: alpha(opacity=80); }

/* line-height */
.line-h-22 { line-height: 22px; }

/* List */
.lt-none { list-style-type: none; }
.lt-number { list-style-type: decimal; }

/* align */
.ta-center { text-align: center; }
.ta-right { text-align: right; }
.ta-left { text-align: left; }
.ta-justify { text-align: justify; }

.va-top { vertical-align: top; }
.va-middle { vertical-align: middle; }

/* margin */
.m-auto { margin: auto; }
.mt-1 { margin-top: 1px; }
.m-20 { margin: 20px; }
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; } .mt-7 { margin-top: 7px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }

.ml-0 { margin-left: 0; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-50 { margin-left: 50px; }
.ml-95 { margin-left: 95px; }
.ml-130 { margin-left: 130px; }
.ml-195 { margin-left: 195px; }

.mr-0 { margin-right: 0 !important; } .mr-7 { margin-right: 7px; }
.mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }

.mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-80 { margin-bottom: 80px; }

/* padding */
.pd-10 { padding: 10px; }
.pd-30 { padding: 30px; }
.ptb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb-20 { padding: 20px 0; }
.ptb-60 { padding: 60px 0; }
.plr-0 { padding-left:0; padding-right:0;}
.plr-5 {padding: 0 5px;}
.plr-10 {padding: 0 10px;}
.plr-15 { padding: 0 15px; }
.plr-20 { padding-left: 20px; padding-right:20px; }
.plr-30 { padding-left: 30px; padding-right:30px; }

.pl-15 { padding-left: 15px !important; }
.pl-30 { padding-left: 30px !important; }

.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px !important; }
.pr-35 { padding-right: 35px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px; }
.pt-12 { padding-top: 12px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }

.pb-0 { padding-bottom: 0; }
.pb-20 { padding-bottom: 20px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
/* utility */
.clear { clear: both; float: none; }

.strikethrough { text-decoration: line-through; }

.block { display: block; }

.float-left { float: left; }

.float-right { float: right; }

.w-100 { width: 100%; }

.relative { position: relative; }

.border-none { border: none !important; }

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.pointer{
  cursor:pointer;
}

ul.circle {list-style-type: circle; margin-left: 15px;}
ul.decimal {list-style-type: decimal; margin-left: 15px;}
ul.decimal li {margin-top: 5px;}
ul.upperAlpha {list-style-type: upper-alpha;margin-left: 15px;}


/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
  .mmb-20 { margin-bottom: 20px; }
}