@charset "UTF-8";

/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:

.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels

The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.

*/

/* → margin */

.margin-0 {
  margin: 0px !important;
}

.margin-1 {
  margin: 1px !important;
}

.margin-2 {
  margin: 2px !important;
}

.margin-3 {
  margin: 3px !important;
}

.margin-4 {
  margin: 4px !important;
}

.margin-5 {
  margin: 5px !important;
}

.margin-6 {
  margin: 6px !important;
}

.margin-7 {
  margin: 7px !important;
}

.margin-8 {
  margin: 8px !important;
}

.margin-9 {
  margin: 9px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-11 {
  margin: 11px !important;
}

.margin-12 {
  margin: 12px !important;
}

.margin-13 {
  margin: 13px !important;
}

.margin-14 {
  margin: 14px !important;
}

.margin-15 {
  margin: 15px !important;
}

.margin-16 {
  margin: 16px !important;
}

.margin-17 {
  margin: 17px !important;
}

.margin-18 {
  margin: 18px !important;
}

.margin-19 {
  margin: 19px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-21 {
  margin: 21px !important;
}

.margin-22 {
  margin: 22px !important;
}

.margin-23 {
  margin: 23px !important;
}

.margin-24 {
  margin: 24px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-26 {
  margin: 26px !important;
}

.margin-27 {
  margin: 27px !important;
}

.margin-28 {
  margin: 28px !important;
}

.margin-29 {
  margin: 29px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-31 {
  margin: 31px !important;
}

.margin-32 {
  margin: 32px !important;
}

.margin-33 {
  margin: 33px !important;
}

.margin-34 {
  margin: 34px !important;
}

.margin-35 {
  margin: 35px !important;
}

.margin-36 {
  margin: 36px !important;
}

.margin-37 {
  margin: 37px !important;
}

.margin-38 {
  margin: 38px !important;
}

.margin-39 {
  margin: 39px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-41 {
  margin: 41px !important;
}

.margin-42 {
  margin: 42px !important;
}

.margin-43 {
  margin: 43px !important;
}

.margin-44 {
  margin: 44px !important;
}

.margin-45 {
  margin: 45px !important;
}

.margin-46 {
  margin: 46px !important;
}

.margin-47 {
  margin: 47px !important;
}

.margin-48 {
  margin: 48px !important;
}

.margin-49 {
  margin: 49px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-51 {
  margin: 51px !important;
}

.margin-52 {
  margin: 52px !important;
}

.margin-53 {
  margin: 53px !important;
}

.margin-54 {
  margin: 54px !important;
}

.margin-55 {
  margin: 55px !important;
}

.margin-56 {
  margin: 56px !important;
}

.margin-57 {
  margin: 57px !important;
}

/* → padding */

.padding-0 {
  padding: 0px !important;
}

.padding-1 {
  padding: 1px !important;
}

.padding-2 {
  padding: 2px !important;
}

.padding-3 {
  padding: 3px !important;
}

.padding-4 {
  padding: 4px !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-6 {
  padding: 6px !important;
}

.padding-7 {
  padding: 7px !important;
}

.padding-8 {
  padding: 8px !important;
}

.padding-9 {
  padding: 9px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-11 {
  padding: 11px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-13 {
  padding: 13px !important;
}

.padding-14 {
  padding: 14px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-16 {
  padding: 16px !important;
}

.padding-17 {
  padding: 17px !important;
}

.padding-18 {
  padding: 18px !important;
}

.padding-19 {
  padding: 19px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-21 {
  padding: 21px !important;
}

.padding-22 {
  padding: 22px !important;
}

.padding-23 {
  padding: 23px !important;
}

.padding-24 {
  padding: 24px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-26 {
  padding: 26px !important;
}

.padding-27 {
  padding: 27px !important;
}

.padding-28 {
  padding: 28px !important;
}

.padding-29 {
  padding: 29px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-31 {
  padding: 31px !important;
}

.padding-32 {
  padding: 32px !important;
}

.padding-33 {
  padding: 33px !important;
}

.padding-34 {
  padding: 34px !important;
}

.padding-35 {
  padding: 35px !important;
}

.padding-36 {
  padding: 36px !important;
}

.padding-37 {
  padding: 37px !important;
}

.padding-38 {
  padding: 38px !important;
}

.padding-39 {
  padding: 39px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-41 {
  padding: 41px !important;
}

.padding-42 {
  padding: 42px !important;
}

.padding-43 {
  padding: 43px !important;
}

.padding-44 {
  padding: 44px !important;
}

.padding-45 {
  padding: 45px !important;
}

.padding-46 {
  padding: 46px !important;
}

.padding-47 {
  padding: 47px !important;
}

.padding-48 {
  padding: 48px !important;
}

.padding-49 {
  padding: 49px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-51 {
  padding: 51px !important;
}

.padding-52 {
  padding: 52px !important;
}

.padding-53 {
  padding: 53px !important;
}

.padding-54 {
  padding: 54px !important;
}

.padding-55 {
  padding: 55px !important;
}

.padding-56 {
  padding: 56px !important;
}

.padding-57 {
  padding: 57px !important;
}

/* → margin & padding */

.margin-top-5 {
  margin-top: 5px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

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

.margin-right-15 {
  margin-right: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

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

.margin-right-30 {
  margin-right: 30px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.margin-top-125 {
  margin-top: 125px !important;
}

.padding-top-125 {
  padding-top: 125px !important;
}

.margin-bottom-125 {
  margin-bottom: 125px !important;
}

.padding-bottom-125 {
  padding-bottom: 125px !important;
}

.margin-left-125 {
  margin-left: 125px !important;
}

.padding-left-125 {
  padding-left: 125px !important;
}

.margin-right-125 {
  margin-right: 125px !important;
}

.padding-right-125 {
  padding-right: 125px !important;
}

.margin-top-150 {
  margin-top: 150px !important;
}

.padding-top-150 {
  padding-top: 150px !important;
}

.margin-bottom-150 {
  margin-bottom: 150px !important;
}

.padding-bottom-150 {
  padding-bottom: 150px !important;
}

.margin-left-150 {
  margin-left: 150px !important;
}

.padding-left-150 {
  padding-left: 150px !important;
}

.margin-right-150 {
  margin-right: 150px !important;
}

.padding-right-150 {
  padding-right: 150px !important;
}

.margin-top-175 {
  margin-top: 175px !important;
}

.padding-top-175 {
  padding-top: 175px !important;
}

.margin-bottom-175 {
  margin-bottom: 175px !important;
}

.padding-bottom-175 {
  padding-bottom: 175px !important;
}

.margin-left-175 {
  margin-left: 175px !important;
}

.padding-left-175 {
  padding-left: 175px !important;
}

.margin-right-175 {
  margin-right: 175px !important;
}

.padding-right-175 {
  padding-right: 175px !important;
}

/* → font */

.font-5 {
  font-size: 5px !important;
}

.font-6 {
  font-size: 6px !important;
}

.font-7 {
  font-size: 7px !important;
}

.font-8 {
  font-size: 8px !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-31 {
  font-size: 31px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-33 {
  font-size: 33px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-35 {
  font-size: 35px !important;
}

.font-36 {
  font-size: 36px !important;
}

/* → line-height */

.line-height-1 {
  line-height: 1px !important;
}

.line-height-2 {
  line-height: 2px !important;
}

.line-height-3 {
  line-height: 3px !important;
}

.line-height-4 {
  line-height: 4px !important;
}

.line-height-5 {
  line-height: 5px !important;
}

.line-height-6 {
  line-height: 6px !important;
}

.line-height-7 {
  line-height: 7px !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.line-height-9 {
  line-height: 9px !important;
}

.line-height-10 {
  line-height: 10px !important;
}

.line-height-11 {
  line-height: 11px !important;
}

.line-height-12 {
  line-height: 12px !important;
}

.line-height-13 {
  line-height: 13px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.line-height-15 {
  line-height: 15px !important;
}

.line-height-16 {
  line-height: 16px !important;
}

.line-height-17 {
  line-height: 17px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

.line-height-19 {
  line-height: 19px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.line-height-21 {
  line-height: 21px !important;
}

.line-height-22 {
  line-height: 22px !important;
}

.line-height-23 {
  line-height: 23px !important;
}

/* → border */

.border-0 {
  border: 0px solid #bdbdbd !important;
}

.border-1 {
  border: 1px solid #bdbdbd !important;
}

.border-2 {
  border: 2px solid #bdbdbd !important;
}

.border-3 {
  border: 3px solid #bdbdbd !important;
}

.border-4 {
  border: 4px solid #bdbdbd !important;
}

.border-5 {
  border: 5px solid #bdbdbd !important;
}

.border-6 {
  border: 6px solid #bdbdbd !important;
}

.border-7 {
  border: 7px solid #bdbdbd !important;
}

/* → border w/t side */

.border-top-0 {
  border-top: 0px solid #bdbdbd !important;
}

.border-bottom-0 {
  border-bottom: 0px solid #bdbdbd !important;
}

.border-left-0 {
  border-left: 0px solid #bdbdbd !important;
}

.border-right-0 {
  border-right: 0px solid #bdbdbd !important;
}

.border-top-1 {
  border-top: 1px solid #bdbdbd !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #bdbdbd !important;
}

.border-left-1 {
  border-left: 1px solid #bdbdbd !important;
}

.border-right-1 {
  border-right: 1px solid #bdbdbd !important;
}

.border-top-2 {
  border-top: 2px solid #bdbdbd !important;
}

.border-bottom-2 {
  border-bottom: 2px solid #bdbdbd !important;
}

.border-left-2 {
  border-left: 2px solid #bdbdbd !important;
}

.border-right-2 {
  border-right: 2px solid #bdbdbd !important;
}

.border-top-3 {
  border-top: 3px solid #bdbdbd !important;
}

.border-bottom-3 {
  border-bottom: 3px solid #bdbdbd !important;
}

.border-left-3 {
  border-left: 3px solid #bdbdbd !important;
}

.border-right-3 {
  border-right: 3px solid #bdbdbd !important;
}

.border-top-4 {
  border-top: 4px solid #bdbdbd !important;
}

.border-bottom-4 {
  border-bottom: 4px solid #bdbdbd !important;
}

.border-left-4 {
  border-left: 4px solid #bdbdbd !important;
}

.border-right-4 {
  border-right: 4px solid #bdbdbd !important;
}

.border-top-5 {
  border-top: 5px solid #bdbdbd !important;
}

.border-bottom-5 {
  border-bottom: 5px solid #bdbdbd !important;
}

.border-left-5 {
  border-left: 5px solid #bdbdbd !important;
}

.border-right-5 {
  border-right: 5px solid #bdbdbd !important;
}

.border-top-6 {
  border-top: 6px solid #bdbdbd !important;
}

.border-bottom-6 {
  border-bottom: 6px solid #bdbdbd !important;
}

.border-left-6 {
  border-left: 6px solid #bdbdbd !important;
}

.border-right-6 {
  border-right: 6px solid #bdbdbd !important;
}

.border-top-7 {
  border-top: 7px solid #bdbdbd !important;
}

.border-bottom-7 {
  border-bottom: 7px solid #bdbdbd !important;
}

.border-left-7 {
  border-left: 7px solid #bdbdbd !important;
}

.border-right-7 {
  border-right: 7px solid #bdbdbd !important;
}

/* → height */

.height-0 {
  height: 0px !important;
}

.height-1 {
  height: 1px !important;
}

.height-2 {
  height: 2px !important;
}

.height-3 {
  height: 3px !important;
}

.height-4 {
  height: 4px !important;
}

.height-5 {
  height: 5px !important;
}

.height-6 {
  height: 6px !important;
}

.height-7 {
  height: 7px !important;
}

.height-8 {
  height: 8px !important;
}

.height-9 {
  height: 9px !important;
}

.height-10 {
  height: 10px !important;
}

.height-11 {
  height: 11px !important;
}

.height-12 {
  height: 12px !important;
}

.height-13 {
  height: 13px !important;
}

.height-14 {
  height: 14px !important;
}

.height-15 {
  height: 15px !important;
}

.height-16 {
  height: 16px !important;
}

.height-17 {
  height: 17px !important;
}

/* → truncate */

.truncate-25 {
  width: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-50 {
  width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-75 {
  width: 75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-100 {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-125 {
  width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-150 {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-175 {
  width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-200 {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-225 {
  width: 225px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-250 {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-275 {
  width: 275px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-300 {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-325 {
  width: 325px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-350 {
  width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-375 {
  width: 375px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-400 {
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-425 {
  width: 425px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-450 {
  width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-475 {
  width: 475px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-500 {
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-525 {
  width: 525px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-550 {
  width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-575 {
  width: 575px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* → valign w/t side */

.valign-top {
  vertical-align: top !important;
}

.valign-bottom {
  vertical-align: bottom !important;
}

.valign-left {
  vertical-align: left !important;
}

.valign-right {
  vertical-align: right !important;
}

.valign-middle {
  vertical-align: middle !important;
}

/* → max width by space */

.max-width-25 {
  max-width: 25px !important;
}

.max-width-50 {
  max-width: 50px !important;
}

.max-width-75 {
  max-width: 75px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.max-width-125 {
  max-width: 125px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-175 {
  max-width: 175px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.max-width-225 {
  max-width: 225px !important;
}

.max-width-250 {
  max-width: 250px !important;
}

.max-width-275 {
  max-width: 275px !important;
}

.max-width-300 {
  max-width: 300px !important;
}

.max-width-325 {
  max-width: 325px !important;
}

/* → placeholder */

.placeholder-1::-webkit-input-placeholder {
  font-size: 1px !important;
}

.placeholder-1:-ms-input-placeholder {
  font-size: 1px !important;
}

.placeholder-1::-ms-input-placeholder {
  font-size: 1px !important;
}

.placeholder-1::placeholder {
  font-size: 1px !important;
}

.placeholder-1:-ms-input-placeholder {
  font-size: 1px !important;
}

.placeholder-2::-webkit-input-placeholder {
  font-size: 2px !important;
}

.placeholder-2:-ms-input-placeholder {
  font-size: 2px !important;
}

.placeholder-2::-ms-input-placeholder {
  font-size: 2px !important;
}

.placeholder-2::placeholder {
  font-size: 2px !important;
}

.placeholder-2:-ms-input-placeholder {
  font-size: 2px !important;
}

.placeholder-3::-webkit-input-placeholder {
  font-size: 3px !important;
}

.placeholder-3:-ms-input-placeholder {
  font-size: 3px !important;
}

.placeholder-3::-ms-input-placeholder {
  font-size: 3px !important;
}

.placeholder-3::placeholder {
  font-size: 3px !important;
}

.placeholder-3:-ms-input-placeholder {
  font-size: 3px !important;
}

.placeholder-4::-webkit-input-placeholder {
  font-size: 4px !important;
}

.placeholder-4:-ms-input-placeholder {
  font-size: 4px !important;
}

.placeholder-4::-ms-input-placeholder {
  font-size: 4px !important;
}

.placeholder-4::placeholder {
  font-size: 4px !important;
}

.placeholder-4:-ms-input-placeholder {
  font-size: 4px !important;
}

.placeholder-5::-webkit-input-placeholder {
  font-size: 5px !important;
}

.placeholder-5:-ms-input-placeholder {
  font-size: 5px !important;
}

.placeholder-5::-ms-input-placeholder {
  font-size: 5px !important;
}

.placeholder-5::placeholder {
  font-size: 5px !important;
}

.placeholder-5:-ms-input-placeholder {
  font-size: 5px !important;
}

.placeholder-6::-webkit-input-placeholder {
  font-size: 6px !important;
}

.placeholder-6:-ms-input-placeholder {
  font-size: 6px !important;
}

.placeholder-6::-ms-input-placeholder {
  font-size: 6px !important;
}

.placeholder-6::placeholder {
  font-size: 6px !important;
}

.placeholder-6:-ms-input-placeholder {
  font-size: 6px !important;
}

.placeholder-7::-webkit-input-placeholder {
  font-size: 7px !important;
}

.placeholder-7:-ms-input-placeholder {
  font-size: 7px !important;
}

.placeholder-7::-ms-input-placeholder {
  font-size: 7px !important;
}

.placeholder-7::placeholder {
  font-size: 7px !important;
}

.placeholder-7:-ms-input-placeholder {
  font-size: 7px !important;
}

.placeholder-8::-webkit-input-placeholder {
  font-size: 8px !important;
}

.placeholder-8:-ms-input-placeholder {
  font-size: 8px !important;
}

.placeholder-8::-ms-input-placeholder {
  font-size: 8px !important;
}

.placeholder-8::placeholder {
  font-size: 8px !important;
}

.placeholder-8:-ms-input-placeholder {
  font-size: 8px !important;
}

.placeholder-9::-webkit-input-placeholder {
  font-size: 9px !important;
}

.placeholder-9:-ms-input-placeholder {
  font-size: 9px !important;
}

.placeholder-9::-ms-input-placeholder {
  font-size: 9px !important;
}

.placeholder-9::placeholder {
  font-size: 9px !important;
}

.placeholder-9:-ms-input-placeholder {
  font-size: 9px !important;
}

.placeholder-10::-webkit-input-placeholder {
  font-size: 10px !important;
}

.placeholder-10:-ms-input-placeholder {
  font-size: 10px !important;
}

.placeholder-10::-ms-input-placeholder {
  font-size: 10px !important;
}

.placeholder-10::placeholder {
  font-size: 10px !important;
}

.placeholder-10:-ms-input-placeholder {
  font-size: 10px !important;
}

.placeholder-11::-webkit-input-placeholder {
  font-size: 11px !important;
}

.placeholder-11:-ms-input-placeholder {
  font-size: 11px !important;
}

.placeholder-11::-ms-input-placeholder {
  font-size: 11px !important;
}

.placeholder-11::placeholder {
  font-size: 11px !important;
}

.placeholder-11:-ms-input-placeholder {
  font-size: 11px !important;
}

.placeholder-12::-webkit-input-placeholder {
  font-size: 12px !important;
}

.placeholder-12:-ms-input-placeholder {
  font-size: 12px !important;
}

.placeholder-12::-ms-input-placeholder {
  font-size: 12px !important;
}

.placeholder-12::placeholder {
  font-size: 12px !important;
}

.placeholder-12:-ms-input-placeholder {
  font-size: 12px !important;
}

.placeholder-13::-webkit-input-placeholder {
  font-size: 13px !important;
}

.placeholder-13:-ms-input-placeholder {
  font-size: 13px !important;
}

.placeholder-13::-ms-input-placeholder {
  font-size: 13px !important;
}

.placeholder-13::placeholder {
  font-size: 13px !important;
}

.placeholder-13:-ms-input-placeholder {
  font-size: 13px !important;
}

.placeholder-14::-webkit-input-placeholder {
  font-size: 14px !important;
}

.placeholder-14:-ms-input-placeholder {
  font-size: 14px !important;
}

.placeholder-14::-ms-input-placeholder {
  font-size: 14px !important;
}

.placeholder-14::placeholder {
  font-size: 14px !important;
}

.placeholder-14:-ms-input-placeholder {
  font-size: 14px !important;
}

.placeholder-15::-webkit-input-placeholder {
  font-size: 15px !important;
}

.placeholder-15:-ms-input-placeholder {
  font-size: 15px !important;
}

.placeholder-15::-ms-input-placeholder {
  font-size: 15px !important;
}

.placeholder-15::placeholder {
  font-size: 15px !important;
}

.placeholder-15:-ms-input-placeholder {
  font-size: 15px !important;
}

.placeholder-16::-webkit-input-placeholder {
  font-size: 16px !important;
}

.placeholder-16:-ms-input-placeholder {
  font-size: 16px !important;
}

.placeholder-16::-ms-input-placeholder {
  font-size: 16px !important;
}

.placeholder-16::placeholder {
  font-size: 16px !important;
}

.placeholder-16:-ms-input-placeholder {
  font-size: 16px !important;
}

.placeholder-17::-webkit-input-placeholder {
  font-size: 17px !important;
}

.placeholder-17:-ms-input-placeholder {
  font-size: 17px !important;
}

.placeholder-17::-ms-input-placeholder {
  font-size: 17px !important;
}

.placeholder-17::placeholder {
  font-size: 17px !important;
}

.placeholder-17:-ms-input-placeholder {
  font-size: 17px !important;
}

.placeholder-18::-webkit-input-placeholder {
  font-size: 18px !important;
}

.placeholder-18:-ms-input-placeholder {
  font-size: 18px !important;
}

.placeholder-18::-ms-input-placeholder {
  font-size: 18px !important;
}

.placeholder-18::placeholder {
  font-size: 18px !important;
}

.placeholder-18:-ms-input-placeholder {
  font-size: 18px !important;
}

.placeholder-19::-webkit-input-placeholder {
  font-size: 19px !important;
}

.placeholder-19:-ms-input-placeholder {
  font-size: 19px !important;
}

.placeholder-19::-ms-input-placeholder {
  font-size: 19px !important;
}

.placeholder-19::placeholder {
  font-size: 19px !important;
}

.placeholder-19:-ms-input-placeholder {
  font-size: 19px !important;
}

.placeholder-20::-webkit-input-placeholder {
  font-size: 20px !important;
}

.placeholder-20:-ms-input-placeholder {
  font-size: 20px !important;
}

.placeholder-20::-ms-input-placeholder {
  font-size: 20px !important;
}

.placeholder-20::placeholder {
  font-size: 20px !important;
}

.placeholder-20:-ms-input-placeholder {
  font-size: 20px !important;
}

.placeholder-21::-webkit-input-placeholder {
  font-size: 21px !important;
}

.placeholder-21:-ms-input-placeholder {
  font-size: 21px !important;
}

.placeholder-21::-ms-input-placeholder {
  font-size: 21px !important;
}

.placeholder-21::placeholder {
  font-size: 21px !important;
}

.placeholder-21:-ms-input-placeholder {
  font-size: 21px !important;
}

.placeholder-22::-webkit-input-placeholder {
  font-size: 22px !important;
}

.placeholder-22:-ms-input-placeholder {
  font-size: 22px !important;
}

.placeholder-22::-ms-input-placeholder {
  font-size: 22px !important;
}

.placeholder-22::placeholder {
  font-size: 22px !important;
}

.placeholder-22:-ms-input-placeholder {
  font-size: 22px !important;
}

.placeholder-23::-webkit-input-placeholder {
  font-size: 23px !important;
}

.placeholder-23:-ms-input-placeholder {
  font-size: 23px !important;
}

.placeholder-23::-ms-input-placeholder {
  font-size: 23px !important;
}

.placeholder-23::placeholder {
  font-size: 23px !important;
}

.placeholder-23:-ms-input-placeholder {
  font-size: 23px !important;
}

.placeholder-24::-webkit-input-placeholder {
  font-size: 24px !important;
}

.placeholder-24:-ms-input-placeholder {
  font-size: 24px !important;
}

.placeholder-24::-ms-input-placeholder {
  font-size: 24px !important;
}

.placeholder-24::placeholder {
  font-size: 24px !important;
}

.placeholder-24:-ms-input-placeholder {
  font-size: 24px !important;
}

.placeholder-25::-webkit-input-placeholder {
  font-size: 25px !important;
}

.placeholder-25:-ms-input-placeholder {
  font-size: 25px !important;
}

.placeholder-25::-ms-input-placeholder {
  font-size: 25px !important;
}

.placeholder-25::placeholder {
  font-size: 25px !important;
}

.placeholder-25:-ms-input-placeholder {
  font-size: 25px !important;
}

.placeholder-26::-webkit-input-placeholder {
  font-size: 26px !important;
}

.placeholder-26:-ms-input-placeholder {
  font-size: 26px !important;
}

.placeholder-26::-ms-input-placeholder {
  font-size: 26px !important;
}

.placeholder-26::placeholder {
  font-size: 26px !important;
}

.placeholder-26:-ms-input-placeholder {
  font-size: 26px !important;
}

.placeholder-27::-webkit-input-placeholder {
  font-size: 27px !important;
}

.placeholder-27:-ms-input-placeholder {
  font-size: 27px !important;
}

.placeholder-27::-ms-input-placeholder {
  font-size: 27px !important;
}

.placeholder-27::placeholder {
  font-size: 27px !important;
}

.placeholder-27:-ms-input-placeholder {
  font-size: 27px !important;
}

.placeholder-28::-webkit-input-placeholder {
  font-size: 28px !important;
}

.placeholder-28:-ms-input-placeholder {
  font-size: 28px !important;
}

.placeholder-28::-ms-input-placeholder {
  font-size: 28px !important;
}

.placeholder-28::placeholder {
  font-size: 28px !important;
}

.placeholder-28:-ms-input-placeholder {
  font-size: 28px !important;
}

.placeholder-29::-webkit-input-placeholder {
  font-size: 29px !important;
}

.placeholder-29:-ms-input-placeholder {
  font-size: 29px !important;
}

.placeholder-29::-ms-input-placeholder {
  font-size: 29px !important;
}

.placeholder-29::placeholder {
  font-size: 29px !important;
}

.placeholder-29:-ms-input-placeholder {
  font-size: 29px !important;
}

.placeholder-30::-webkit-input-placeholder {
  font-size: 30px !important;
}

.placeholder-30:-ms-input-placeholder {
  font-size: 30px !important;
}

.placeholder-30::-ms-input-placeholder {
  font-size: 30px !important;
}

.placeholder-30::placeholder {
  font-size: 30px !important;
}

.placeholder-30:-ms-input-placeholder {
  font-size: 30px !important;
}

.placeholder-31::-webkit-input-placeholder {
  font-size: 31px !important;
}

.placeholder-31:-ms-input-placeholder {
  font-size: 31px !important;
}

.placeholder-31::-ms-input-placeholder {
  font-size: 31px !important;
}

.placeholder-31::placeholder {
  font-size: 31px !important;
}

.placeholder-31:-ms-input-placeholder {
  font-size: 31px !important;
}

.placeholder-32::-webkit-input-placeholder {
  font-size: 32px !important;
}

.placeholder-32:-ms-input-placeholder {
  font-size: 32px !important;
}

.placeholder-32::-ms-input-placeholder {
  font-size: 32px !important;
}

.placeholder-32::placeholder {
  font-size: 32px !important;
}

.placeholder-32:-ms-input-placeholder {
  font-size: 32px !important;
}

.placeholder-33::-webkit-input-placeholder {
  font-size: 33px !important;
}

.placeholder-33:-ms-input-placeholder {
  font-size: 33px !important;
}

.placeholder-33::-ms-input-placeholder {
  font-size: 33px !important;
}

.placeholder-33::placeholder {
  font-size: 33px !important;
}

.placeholder-33:-ms-input-placeholder {
  font-size: 33px !important;
}

.placeholder-34::-webkit-input-placeholder {
  font-size: 34px !important;
}

.placeholder-34:-ms-input-placeholder {
  font-size: 34px !important;
}

.placeholder-34::-ms-input-placeholder {
  font-size: 34px !important;
}

.placeholder-34::placeholder {
  font-size: 34px !important;
}

.placeholder-34:-ms-input-placeholder {
  font-size: 34px !important;
}

.placeholder-35::-webkit-input-placeholder {
  font-size: 35px !important;
}

.placeholder-35:-ms-input-placeholder {
  font-size: 35px !important;
}

.placeholder-35::-ms-input-placeholder {
  font-size: 35px !important;
}

.placeholder-35::placeholder {
  font-size: 35px !important;
}

.placeholder-35:-ms-input-placeholder {
  font-size: 35px !important;
}

.placeholder-36::-webkit-input-placeholder {
  font-size: 36px !important;
}

.placeholder-36:-ms-input-placeholder {
  font-size: 36px !important;
}

.placeholder-36::-ms-input-placeholder {
  font-size: 36px !important;
}

.placeholder-36::placeholder {
  font-size: 36px !important;
}

.placeholder-36:-ms-input-placeholder {
  font-size: 36px !important;
}

.placeholder-37::-webkit-input-placeholder {
  font-size: 37px !important;
}

.placeholder-37:-ms-input-placeholder {
  font-size: 37px !important;
}

.placeholder-37::-ms-input-placeholder {
  font-size: 37px !important;
}

.placeholder-37::placeholder {
  font-size: 37px !important;
}

.placeholder-37::-moz-placeholder {
  font-size: 37px !important;
}

.placeholder-37:-ms-input-placeholder {
  font-size: 37px !important;
}

/*
  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.
*/