@charset "utf-8";

/*float*/
.ft-left {float:left !important;}
.ft-right {float:right !important;}

/*text-align*/
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}

/*display*/
.block {display: block;}
.inline {display:inline;}
.inb {display:inline-block;}

/*hidden*/
.hidden {overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);width: 1px;height: 1px;margin: -1px;}

/*margin*/
.m-0 {margin:0}
.m-5 {margin:5px}
.m-10 {margin:10px}
.m-15 {margin:15px}
.m-20 {margin:20px}
.m-25 {margin:25px}
.m-30 {margin:30px}
.m-35 {margin:35px}
.m-40 {margin:40px}
.m-45 {margin:45px}
.m-50 {margin:50px !important}

.mt-0 {margin-top:0 !important}
.mt-5 {margin-top:5px !important}
.mt-10 {margin-top:10px !important}
.mt-15 {margin-top:15px !important}
.mt-20 {margin-top:20px !important}
.mt-25 {margin-top:25px !important}
.mt-30 {margin-top:30px !important}
.mt-35 {margin-top:35px !important}
.mt-40 {margin-top:40px !important}
.mt-45 {margin-top:45px !important}
.mt-50 {margin-top:50px !important}
.mt-100 {margin-top:100px !important}

.ml-0 {margin-left:0 !important}
.ml-5 {margin-left:5px !important}
.ml-10 {margin-left:10px !important}
.ml-15 {margin-left:15px !important}
.ml-20 {margin-left:20px !important}
.ml-25 {margin-left:25px !important}
.ml-30 {margin-left:30px !important}
.ml-35 {margin-left:35px !important}
.ml-40 {margin-left:40px !important}
.ml-45 {margin-left:45px !important}
.ml-50 {margin-left:50px !important}
.ml-100 {margin-left:100px !important}

.mr-0 {margin-right:0 !important}
.mr-5 {margin-right:5px !important}
.mr-10 {margin-right:10px !important}
.mr-15 {margin-right:15px !important}
.mr-20 {margin-right:20px !important}
.mr-25 {margin-right:25px !important}
.mr-30 {margin-right:30px !important}
.mr-35 {margin-right:35px !important}
.mr-40 {margin-right:40px !important}
.mr-45 {margin-right:45px !important}
.mr-50 {margin-right:50px !important}
.mr-100 {margin-right:100px !important}

.mb-0 {margin-bottom:0 !important}
.mb-5 {margin-bottom:5px !important}
.mb-10 {margin-bottom:10px !important}
.mb-15 {margin-bottom:15px !important}
.mb-20 {margin-bottom:20px !important}
.mb-25 {margin-bottom:25px !important}
.mb-30 {margin-bottom:30px !important}
.mb-35 {margin-bottom:35px !important}
.mb-40 {margin-bottom:40px !important}
.mb-45 {margin-bottom:45px !important}
.mb-50 {margin-bottom:50px !important}
.mb-80 {margin-bottom:80px !important}
.mb-100 {margin-bottom:100px !important}

/*padding*/
.p-0 {padding:0}
.p-5 {padding:5px}
.p-10 {padding:10px}
.p-15 {padding:15px}
.p-20 {padding:20px}
.p-25 {padding:25px}
.p-30 {padding:30px}
.p-35 {padding:35px}
.p-40 {padding:40px}
.p-45 {padding:45px}
.p-50 {padding:50px !important}

.pt-0 {padding-top:0 !important}
.pt-5 {padding-top:5px !important}
.pt-10 {padding-top:10px !important}
.pt-15 {padding-top:15px !important}
.pt-20 {padding-top:20px !important}
.pt-25 {padding-top:25px !important}
.pt-30 {padding-top:30px !important}
.pt-35 {padding-top:35px !important}
.pt-40 {padding-top:40px !important}
.pt-45 {padding-top:45px !important}
.pt-50 {padding-top:50px !important}
.pt-100 {padding-top:100px !important}

.pl-0 {padding-left:0 !important}
.pl-5 {padding-left:5px !important}
.pl-10 {padding-left:10px !important}
.pl-15 {padding-left:15px !important}
.pl-20 {padding-left:20px !important}
.pl-25 {padding-left:25px !important}
.pl-30 {padding-left:30px !important}
.pl-35 {padding-left:35px !important}
.pl-40 {padding-left:40px !important}
.pl-45 {padding-left:45px !important}
.pl-50 {padding-left:50px !important}
.pl-100 {padding-left:100px !important}

.pr-0 {padding-right:0 !important}
.pr-5 {padding-right:5px !important}
.pr-10 {padding-right:10px !important}
.pr-15 {padding-right:15px !important}
.pr-20 {padding-right:20px !important}
.pr-25 {padding-right:25px !important}
.pr-30 {padding-right:30px !important}
.pr-35 {padding-right:35px !important}
.pr-40 {padding-right:40px !important}
.pr-45 {padding-right:45px !important}
.pr-50 {padding-right:50px !important}
.pr-100 {padding-right:100px !important}

.pb-0 {padding-bottom:0 !important}
.pb-5 {padding-bottom:5px !important}
.pb-10 {padding-bottom:10px !important}
.pb-15 {padding-bottom:15px !important}
.pb-20 {padding-bottom:20px !important}
.pb-25 {padding-bottom:25px !important}
.pb-30 {padding-bottom:30px !important}
.pb-35 {padding-bottom:35px !important}
.pb-40 {padding-bottom:40px !important}
.pb-45 {padding-bottom:45px !important}
.pb-50 {padding-bottom:50px !important}
.pb-100 {padding-bottom:100px !important}

/*width*/
.w-20 {width:20px !important}
.w-30 {width:30px !important}
.w-40 {width:40px !important}
.w-50 {width:50px !important}
.w-60 {width:60px !important}
.w-70 {width:70px !important}
.w-80 {width:80px !important}
.w-90 {width:90px !important}
.w-100 {width:100px !important}
.w-150 {width:150px !important}
.w-200 {width:200px !important}
.w-250 {width:250px !important}
.w-300 {width:300px !important}

.wp-5 {width:5% !important}
.wp-10 {width:10% !important}
.wp-15 {width:15% !important}
.wp-20 {width:20% !important}
.wp-25 {width:25% !important}
.wp-30 {width:30% !important}
.wp-35 {width:35% !important}
.wp-40 {width:40% !important}
.wp-45 {width:45% !important}
.wp-50 {width:50% !important}
.wp-55 {width:55% !important}
.wp-60 {width:60% !important}
.wp-65 {width:65% !important}
.wp-70 {width:70% !important}
.wp-75 {width:75% !important}
.wp-80 {width:80% !important}
.wp-85 {width:85% !important}
.wp-90 {width:90% !important}
.wp-95 {width:95% !important}
.wp-100 {width:100% !important}

/*height*/
.ht-auto {height: auto;}

/*color, background-color*/
.white {color: #fff !important;}
.gray-light {color: #f2f3f4 !important;}
.gray {color: #b3b6b7 !important;}
.gray-dark {color: #626567 !important;}
.black {color: #000 !important;}
.red {color: #ff0000 !important;}
.blue {color: #3498db !important;}

.bg-white {background-color: #fff !important;}
.bg-gray-light {background-color: #f9f9f9 !important;}
.bg-gray {background-color: #b3b6b7 !important;}
.bg-gray-dark {background-color: #626567 !important;}
.bg-black {background-color: #000 !important;}
.bg-red {background-color: #ff0000 !important;}
.bg-blue {background-color: #3498db !important;}
.bg-yellow-light {background-color: #ffef99 !important;}