.p-0 { padding: 0px; } .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; }
.m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; }
.p-l-0 { padding-left: 0px; } .p-l-5 { padding-left: 5px; } .p-l-10 { padding-left: 10px; } .p-l-15 { padding-left: 15px; } .p-l-20 { padding-left: 20px; } .p-l-25 { padding-left: 25px; } .p-l-30 { padding-left: 30px; } .p-l-35 { padding-left: 35px; } .p-l-40 { padding-left: 40px; } .p-l-45 { padding-left: 45px; } .p-l-50 { padding-left: 50px; }
.p-r-0 { padding-right: 0px; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-r-15 { padding-right: 15px; } .p-r-20 { padding-right: 20px; } .p-r-25 { padding-right: 25px; } .p-r-30 { padding-right: 30px; } .p-r-35 { padding-right: 35px; } .p-r-40 { padding-right: 40px; } .p-r-45 { padding-right: 45px; } .p-r-50 { padding-right: 50px; }
.p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; }
.p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; }
.m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .m-l-45 { margin-left: 45px !important; } .m-l-50 { margin-left: 50px !important; }
.m-r-0 { margin-right: 0px; } .m-r-5 { margin-right: 5px; } .m-r-10 { margin-right: 10px; } .m-r-15 { margin-right: 15px; } .m-r-20 { margin-right: 20px; } .m-r-25 { margin-right: 25px; } .m-r-30 { margin-right: 30px; } .m-r-35 { margin-right: 35px; } .m-r-40 { margin-right: 40px; } .m-r-45 { margin-right: 45px; } .m-r-50 { margin-right: 50px; }
.m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-t-45 { margin-top: 45px !important; } .m-t-50 { margin-top: 50px !important; }
.m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-b-50 { margin-bottom: 50px !important; }
.baseline { vertical-align: baseline; } .sub { vertical-align: sub; } .super { vertical-align: super; } .top { vertical-align: top; } .text-top { vertical-align: text-top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .text-bottom { vertical-align: text-bottom; } .initial { vertical-align: initial; } .inherit { vertical-align: inherit; }
.img-10 { width: 10px !important; } .img-20 { width: 20px !important; } .img-30 { width: 30px !important; } .img-40 { width: 40px !important; } .img-50 { width: 50px !important; } .img-60 { width: 60px !important; } .img-70 { width: 70px !important; } .img-80 { width: 80px !important; } .img-90 { width: 90px !important; } .img-100 { width: 100px !important; }
.font-primary { color: #7366ff !important; } .font-secondary { color: #f73164 !important; } .font-success { color: #51bb25 !important; } .font-danger { color: #dc3545 !important; } .font-info { color: #a927f9 !important; } .font-light { color: #f4f4f4 !important; } .font-dark { color: #898989 !important; } .font-warning { color: #f8d62b !important; }
.badge-primary { background-color: #7366ff; } .badge-secondary { background-color: #f73164; } .badge-success { background-color: #51bb25; } .badge-danger { background-color: #dc3545; } .badge-info { background-color: #a927f9; } .badge-light { background-color: #f4f4f4; } .badge-dark { background-color: #898989; } .badge-warning { background-color: #f8d62b; }
.bg-primary { background-color: #7366ff !important; color: #fff; } .bg-secondary { background-color: #f73164 !important; color: #fff; } .bg-success { background-color: #51bb25 !important; color: #fff; } .bg-danger { background-color: #dc3545 !important; color: #fff; } .bg-info { background-color: #a927f9 !important; color: #fff; } .bg-light { background-color: #f4f4f4 !important; color: #fff; } .bg-dark { background-color: #898989 !important; color: #fff; } .bg-warning { background-color: #f8d62b !important; color: #fff; }
.btn-primary { background-color: #7366ff; border-color: #7366ff; } .btn-secondary { background-color: #f73164; border-color: #f73164; } .btn-success { background-color: #51bb25 !important; color: #fff; } .btn-success { background-color: #51bb25; border-color: #51bb25; } .btn-danger { background-color: #dc3545; border-color: #dc3545; } .btn-info { background-color: #a927f9; border-color: #a927f9; } .btn-light { background-color: #f4f4f4; border-color: #f4f4f4; } .btn-warning { background-color: #f8d62b; border-color: #f8d62b; }
.b-r-0 { border-radius: 0px !important; } .b-r-1 { border-radius: 1px !important; } .b-r-2 { border-radius: 2px !important; } .b-r-3 { border-radius: 3px !important; } .b-r-4 { border-radius: 4px !important; } .b-r-5 { border-radius: 5px !important; } .b-r-6 { border-radius: 6px !important; } .b-r-7 { border-radius: 7px !important; } .b-r-8 { border-radius: 8px !important; } .b-r-9 { border-radius: 9px !important; } .b-r-10 { border-radius: 10px !important; }
.f-w-100 { font-weight: 100; } .f-w-300 { font-weight: 300; } .f-w-400 { font-weight: 400; } .f-w-600 { font-weight: 600; } .f-w-700 { font-weight: 700; } .f-w-900 { font-weight: 900; }
.f-s-normal { font-style: normal; } .f-s-italic { font-style: italic; } .f-s-oblique { font-style: oblique; } .f-s-initial { font-style: initial; } .f-s-inherit { font-style: inherit; }
.f-left { float: left; } .f-right { float: right; } .f-none { float: none; }
.o-hidden { overflow: hidden; } .o-visible { overflow: visible; } .o-auto { overflow: auto; }
.f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-34 { font-size: 34px; } .f-36 { font-size: 36px; } .f-38 { font-size: 38px; } .f-40 { font-size: 40px; } .f-42 { font-size: 42px; } .f-44 { font-size: 44px; } .f-46 { font-size: 46px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-52 { font-size: 52px; } .f-54 { font-size: 54px; } .f-56 { font-size: 56px; } .f-58 { font-size: 58px; } .f-60 { font-size: 60px; } .f-62 { font-size: 62px; } .f-64 { font-size: 64px; } .f-66 { font-size: 66px; } .f-68 { font-size: 68px; } .f-70 { font-size: 70px; } .f-72 { font-size: 72px; } .f-74 { font-size: 74px; } .f-76 { font-size: 76px; } .f-78 { font-size: 78px; } .f-80 { font-size: 80px; } .f-82 { font-size: 82px; } .f-84 { font-size: 84px; } .f-86 { font-size: 86px; } .f-88 { font-size: 88px; } .f-90 { font-size: 90px; } .f-92 { font-size: 92px; } .f-94 { font-size: 94px; } .f-96 { font-size: 96px; } .f-98 { font-size: 98px; } .f-100 { font-size: 100px; }
.b-primary { border: 1px solid #7366ff !important; } .b-t-primary { border-top: 1px solid #7366ff !important; } .b-b-primary { border-bottom: 1px solid #7366ff !important; } .b-l-primary { border-left: 1px solid #7366ff !important; } .b-r-primary { border-right: 1px solid #7366ff !important; } .b-secondary { border: 1px solid #f73164 !important; } .b-t-secondary { border-top: 1px solid #f73164 !important; } .b-b-secondary { border-bottom: 1px solid #f73164 !important; } .b-l-secondary { border-left: 1px solid #f73164 !important; } .b-r-secondary { border-right: 1px solid #f73164 !important; } .b-success { border: 1px solid #51bb25 !important; } .b-t-success { border-top: 1px solid #51bb25 !important; } .b-b-success { border-bottom: 1px solid #51bb25 !important; } .b-l-success { border-left: 1px solid #51bb25 !important; } .b-r-success { border-right: 1px solid #51bb25 !important; } .b-danger { border: 1px solid #dc3545 !important; } .b-t-danger { border-top: 1px solid #dc3545 !important; } .b-b-danger { border-bottom: 1px solid #dc3545 !important; } .b-l-danger { border-left: 1px solid #dc3545 !important; } .b-r-danger { border-right: 1px solid #dc3545 !important; } .b-info { border: 1px solid #a927f9 !important; } .b-t-info { border-top: 1px solid #a927f9 !important; } .b-b-info { border-bottom: 1px solid #a927f9 !important; } .b-l-info { border-left: 1px solid #a927f9 !important; } .b-r-info { border-right: 1px solid #a927f9 !important; } .b-light { border: 1px solid #f4f4f4 !important; } .b-t-light { border-top: 1px solid #f4f4f4 !important; } .b-b-light { border-bottom: 1px solid #f4f4f4 !important; } .b-l-light { border-left: 1px solid #f4f4f4 !important; } .b-r-light { border-right: 1px solid #f4f4f4 !important; } .b-dark { border: 1px solid #898989 !important; } .b-t-dark { border-top: 1px solid #898989 !important; } .b-b-dark { border-bottom: 1px solid #898989 !important; } .b-l-dark { border-left: 1px solid #898989 !important; } .b-r-dark { border-right: 1px solid #898989 !important; } .b-warning { border: 1px solid #f8d62b !important; } .b-t-warning { border-top: 1px solid #f8d62b !important; } .b-b-warning { border-bottom: 1px solid #f8d62b !important; } .b-l-warning { border-left: 1px solid #f8d62b !important; } .b-r-warning { border-right: 1px solid #f8d62b !important; }
.border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-6 { border-width: 6px !important; } .border-7 { border-width: 7px !important; } .border-8 { border-width: 8px !important; } .border-9 { border-width: 9px !important; } .border-10 { border-width: 10px !important; }
.p-static { position: static; } .p-absolute { position: absolute; } .p-fixed { position: fixed; } .p-relative { position: relative; } .p-initial { position: initial; } .p-inherit { position: inherit; }
.btn-outline-primary { border-color: #7366ff; color: #7366ff; background-color: transparent; } .btn-outline-secondary { border-color: #f73164; color: #f73164; background-color: transparent; } .btn-outline-success { border-color: #51bb25; color: #51bb25; background-color: transparent; } .btn-outline-danger { border-color: #dc3545; color: #dc3545; background-color: transparent; } .btn-outline-info { border-color: #a927f9; color: #a927f9; background-color: transparent; } .btn-outline-light { border-color: #f4f4f4; color: #f4f4f4; background-color: transparent; } .btn-outline-dark { border-color: #898989; color: #898989; background-color: transparent; } .btn-outline-warning { border-color: #f8d62b; color: #f8d62b; background-color: transparent; }