.d-none { display: none !important; }
.d-inline {display: inline !important;}
.d-inline-block { display: inline-block !important;}
.d-block { display: block !important;}


/* Yatay (sol ve saÄŸ) Margin */
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx-1 { margin-left: 1px !important; margin-right: 1px !important; }
.mx-2 { margin-left: 2px !important; margin-right: 2px !important; }
.mx-3 { margin-left: 3px !important; margin-right: 3px !important; }
.mx-4 { margin-left: 4px !important; margin-right: 4px !important; }
.mx-5 { margin-left: 5px !important; margin-right: 5px !important; }
.mx-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-15 { margin-left: 15px !important; margin-right: 15px !important; }
.mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-25 { margin-left: 25px !important; margin-right: 25px !important; }
.mx-30 { margin-left: 30px !important; margin-right: 30px !important; }

/* Dikey (üst ve alt) Margin */
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my-1 { margin-top: 1px !important; margin-bottom: 1px !important; }
.my-2 { margin-top: 2px !important; margin-bottom: 2px !important; }
.my-3 { margin-top: 3px !important; margin-bottom: 3px !important; }
.my-4 { margin-top: 4px !important; margin-bottom: 4px !important; }
.my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }

/* Yatay (sol ve saÄŸ) Padding */
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.px-1 { padding-left: 1px !important; padding-right: 1px !important; }
.px-2 { padding-left: 2px !important; padding-right: 2px !important; }
.px-3 { padding-left: 3px !important; padding-right: 3px !important; }
.px-4 { padding-left: 4px !important; padding-right: 4px !important; }
.px-5 { padding-left: 5px !important; padding-right: 5px !important; }
.px-10 { padding-left: 10px !important; padding-right: 10px !important; }
.px-15 { padding-left: 15px !important; padding-right: 15px !important; }
.px-20 { padding-left: 20px !important; padding-right: 20px !important; }
.px-25 { padding-left: 25px !important; padding-right: 25px !important; }
.px-30 { padding-left: 30px !important; padding-right: 30px !important; }

/* Dikey (üst ve alt) Padding */
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py-1 { padding-top: 1px !important; padding-bottom: 1px !important; }
.py-2 { padding-top: 2px !important; padding-bottom: 2px !important; }
.py-3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.py-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.py-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.py-30 { padding-top: 30px !important; padding-bottom: 30px !important; }

 .m-0 {margin: 0px !important;}
 .m-t-1 {margin-top: 1px !important;}
 .m-b-1 {margin-bottom: 1px !important;} 
 .m-t-2 {margin-top: 2px !important;}
 .m-b-2 {margin-bottom: 2px !important;}
 .m-t-3 {margin-top: 3px !important;}
 .m-b-3 {margin-bottom: 3px !important;} 
 .m-t-0 {margin-top: 0px !important;}
 .m-b-0 {margin-bottom: 0px !important;}
 .m-l-0 {margin-left: 0px !important;}
 .m-r-0 {margin-right: 0px !important;}
 .m-5 {margin: 5px !important;}
 .m-t-5 {margin-top: 5px !important;}
 .m-b-5 {margin-bottom: 5px !important;}
 .m-l-5 {margin-left: 5px !important;}
 .m-r-5 {margin-right: 5px !important;}
 .m-10 {margin: 10px !important;}
 .m-t-10 {margin-top: 10px !important;}
 .m-b-10 {margin-bottom: 10px !important;}
 .m-l-10 {margin-left: 10px !important;}
 .m-r-10 {margin-right: 10px !important;}
 .m-15 {margin: 15px !important;}
 .m-t-15 {margin-top: 15px !important;}
 .m-b-15 {margin-bottom: 15px !important;}
 .m-l-15 {margin-left: 15px !important;}
 .m-r-15 {margin-right: 15px !important;}
 .m-20 {margin: 20px !important;}
 .m-t-20 {margin-top: 20px !important;}
 .m-b-20 {margin-bottom: 20px !important;}
 .m-l-20 {margin-left: 20px !important;}
 .m-r-20 {margin-right: 20px !important;}
 .m-25 {margin: 25px !important;}
 .m-t-25 {margin-top: 25px !important;}
 .m-b-25 {margin-bottom: 25px !important;}
 .m-l-25 {margin-left: 25px !important;}
 .m-r-25 {margin-right: 25px !important;}
 .m-30 {margin: 30px !important;}
 .m-t-30 {margin-top: 30px !important;}
 .m-b-30 {margin-bottom: 30px !important;}
 .m-l-30 {margin-left: 30px !important;}
 .m-r-30 {margin-right: 30px !important;}

/*
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */

 .p-0 {padding: 0px !important;}
 .p-t-0 {padding-top: 0px !important;}
 .p-b-0 {padding-bottom: 0px !important;}
 .p-l-0 {padding-left: 0px !important;}
 .p-r-0 {padding-right: 0px !important;}
 .p-5 {padding: 5px !important;}
 .p-t-5 {padding-top: 5px !important;}
 .p-b-5 {padding-bottom: 5px !important;}
 .p-l-5 {padding-left: 5px !important;}
 .p-r-5 {padding-right: 5px !important;}
 .p-10 {padding: 10px !important;}
 .p-t-10 {padding-top: 10px !important;}
 .p-b-10 {padding-bottom: 10px !important;}
 .p-l-10 {padding-left: 10px !important;}
 .p-r-10 {padding-right: 10px !important;}
 .p-15 {padding: 15px !important;}
 .p-t-15 {padding-top: 15px !important;}
 .p-b-15 {padding-bottom: 15px !important;}
 .p-l-15 {padding-left: 15px !important;}
 .p-r-15 {padding-right: 15px !important;}
 .p-20 {padding: 20px !important;}
 .p-t-20 {padding-top: 20px !important;}
 .p-b-20 {padding-bottom: 20px !important;}
 .p-l-20 {padding-left: 20px !important;}
 .p-r-20 {padding-right: 20px !important;}
 .p-25 {padding: 25px !important;}
 .p-t-25 {padding-top: 25px !important;}
 .p-b-25 {padding-bottom: 25px !important;}
 .p-l-25 {padding-left: 25px !important;}
 .p-r-25 {padding-right: 25px !important;}
 .p-30 {padding: 30px !important;}
 .p-t-30 {padding-top: 30px !important;}
 .p-b-30 {padding-bottom: 30px !important;}
 .p-l-30 {padding-left: 30px !important;}
 .p-r-30 {padding-right: 30px !important;}

/*
 * Generate Font-Size Classes (8px - 20px)
 */

 .f-8 {font-size: 8px !important;}
 .f-9 {font-size: 9px !important;}
 .f-10 {font-size: 10px !important;}
 .f-11 {font-size: 11px !important;}
 .f-12 {font-size: 12px !important;}
 .f-13 {font-size: 13px !important;}
 .f-14 {font-size: 14px !important;}
 .f-15 {font-size: 15px !important;}
 .f-16 {font-size: 16px !important;}
 .f-17 {font-size: 17px !important;}
 .f-18 {font-size: 18px !important;}
 .f-19 {font-size: 19px !important;}
 .f-20 {font-size: 20px !important;}


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


/*
 * Font Weight
 */

 .f-300 { font-weight: 300 !important;}
 .f-400 {font-weight: 400 !important;}
 .f-500 {font-weight: 500 !important;}
 .f-700 {font-weight: 700 !important;}