﻿/* format */
.uppercase{
  text-transform:uppercase;
}
/* Cursor */
.pointer {
  cursor: pointer;
}
.cursor-none {
  cursor: not-allowed;
  opacity: 0.5;
}
/* padding */
.p-1{
    padding:1px;
}
.p-2{
    padding:2px;
}
.p-3{
    padding:3px;
}
.p-4{
    padding:4px;
}
.p-5{
    padding:5px;
}
.p-6{
    padding:6px;
}
.p-7{
    padding:7px;
}
.p-8{
    padding:8px;
}
.p-9{
    padding:9px;
}
.p-10{
    padding:10px;
}
.p-15{
    padding:15px;
}
.p-20{
  padding:20px;
}
/* Padding Top */
.pt-5 {
    padding-top:5px;
}
.pt-10 {
    padding-top:10px;
}
.pt-15 {
    padding-top:15px;
}
.pt-20 {
    padding-top:20px;
}
.pt-25{
  padding-top:25px;
}
.pt-30{
  padding-top:30px;
}
.pt-35{
  padding-top:35px;
}
.pt-40{
  padding-top:40px;
}
.pt-45{
  padding-top:45px;
}
.pt-50{
  padding-top:50px;
}
/* Padding Left */
.pl-2 {
    padding-left: 2px;
}
.pl-5 {
    padding-left:5px;
}
.pl-6 {
    padding-left: 6px;
}
.pl-10 {
    padding-left:10px;
}
.pl-15 {
    padding-left:15px;
}
.pl-20 {
    padding-left:20px;
}
/* Padding Bottom */
.pb-5 {
    padding-bottom:5px;
}
.pb-10 {
    padding-bottom:10px;
}
.pb-15 {
    padding-bottom:15px;
}
.pb-20 {
    padding-bottom:20px;
}
.pb-25 {
    padding-bottom:25px;
}
.pb-30 {
    padding-bottom:30px;
}
.pb-35 {
    padding-bottom:35px;
}
.pb-40 {
    padding-bottom:40px;
}
.pb-45 {
    padding-bottom:45px;
}
.pb-50 {
    padding-bottom:50px;
}
/* Padding Right */
.pr-2{
    padding-right:2px;
}
.pr-5 {
    padding-right: 5px;
}
.pr-10 {
    padding-right: 10px;
}
.pr-15 {
    padding-right: 15px;
}
.pr-20 {
    padding-right: 20px;
}
.pr-25 {
    padding-right: 25px;
}
.pr-30 {
    padding-right: 30px;
}
/* Margin */
.mt-1{
    margin-top:1px;
}
.mt-2{
    margin-top:2px;
}
.mt-5 {
    margin-top:5px;
}
.mt-10 {
    margin-top:10px;
}
.mt-15 {
    margin-top:15px;
}
.mt-20 {
    margin-top:20px;
}
/* Margin Right */
.mr-1 {
  margin-right: 1px;
}
.mr-2 {
  margin-right: 2px;
}
.mr-3{
  margin-right:3px;
}
.mr-4{
  margin-right:4px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-7 {
  margin-right: 7px;
}
.mr-8{
  margin-right:8px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
/* Margin Left */
.ml-1 {
  margin-left: 1px;
}
.ml-2 {
  margin-left: 2px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-7 {
  margin-left: 7px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
/* position */
.relative {
  position:relative;
}
/* Display */
.iblock {
  display:inline-block;
}
.show {
  display: block;
}
.hide {
  display:none;
}
.table {
  display: table;
}
.tr {
  display: table-row;
}
.td {
  display:table-cell;
}
/* Align */
.right {
  text-align:right;
}
.left {
  text-align:left;
}
.center {
  text-align:center;
}
/* Width */
.w-100 {
  width:100%;
}
.w-80 {
  width: 80%;
}
.w-70{
  width:70%;
}
.w-50{
  width:50%;
}
.w-40 {
		width: 40%;
}
.w-25{
  width:25%;
}
.w-20{
  width:20%;
}
.w-120px {
  width: 120px;
}
.w-140px {
  width: 140px;
}
.w-150px{
  width:150px !important;
}
.w-200px{
  width:200px !important;
}
.w-300px {
  width: 300px !important;
}
.w-400px {
  width: 400px !important;
}
/* Font */
.bold {
  font-weight:bold;
}
/* Font Size */
.f-10{
  font-size:10px;
}
.f-11 {
  font-size: 11px;
}
.f-12 {
  font-size: 12px;
}
.f-13 {
  font-size: 13px;
}
.f-14 {
  font-size: 14px;
}
.f-15 {
  font-size: 15px;
}
/* Vertical Alignment */
.middle{
  vertical-align:middle;
}
.vtop{
  vertical-align:top;
}
.vmiddle{
		vertical-align:middle;
}
/* Absolute Right Position */
.r-2 {
  right: 2px !important;
}
.r-5{
  right:5px !important;
}
.r-8{
  right:8px !important;
}
.r-10 {
  right: 10px !important;
}
.r-12 {
  right: 12px !important;
}
.r-14 {
  right: 14px !important;
}
/* Absolute Top Position */
.t-20 {
  top: 20px !important;
}
.t-22{
  top:22px !important;
}
.right-0 {
  right: 0px !important;
}
.left-0 {
  left: 0px !important;
}
/* No Wrap */
.no-wrap{
		white-space:nowrap;
}
/* List Styles */
.ul-circle {
  list-style-type: circle;
}
.ul-square {
  list-style-type: square;
}
.ul-decimal {
  list-style-type: decimal;
}
.ul-none{
		list-style:none;
}