.m-0{
    margin: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.mr-0 {
    margin-right: 0 !important;
}

.m-5 {
    margin: 5px !important;
}
.mt-5 {
    margin-top: 10px !important;
}
.mb-5 {
    margin-bottom: 10px !important;
}
.ml-5 {
    margin-left: 10px !important;
}
.mr-5 {
    margin-right: 10px !important;
}

.m-10 {
    margin: 10px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.mr-10 {
    margin-right: 10px !important;
}

.m-15 {
    margin: 15px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.mr-15 {
    margin-right: 15px !important;
}

.m-20 {
    margin: 20px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.mr-20 {
    margin-right: 20px !important;
}

.p-0{
    padding: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}

.p-5 {
    padding: 5px !important;
}
.pt-5 {
    padding-top: 10px !important;
}
.pb-5 {
    padding-bottom: 10px !important;
}
.pl-5 {
    padding-left: 10px !important;
}
.pr-5 {
    padding-right: 10px !important;
}

.p-10 {
    padding: 10px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pr-10 {
    padding-right: 10px !important;
}

.p-15 {
    padding: 15px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pr-15 {
    padding-right: 15px !important;
}

.p-20 {
    padding: 20px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pr-20 {
    padding-right: 20px !important;
}

.w-100 {
    width: 100% !important;
}

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

.align-self-center {
    align-self: center;
}
.align-self-start {
    align-self: flex-start;
}
.align-self-end {
    align-self: flex-end;
}

.displayNone {
    display: none;
}
.displayBlock{
    display: block;
}
.displayInlineBlock{
    display: inline-block;
}

.overflow-y {
    overflow-y: auto;
}

.overflow-x {
    overflow-x: auto;
}

.overflow-x::-webkit-scrollbar,
.overflow-y::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}

.overflow-x::-webkit-scrollbar-track,
.overflow-y::-webkit-scrollbar-track{
    border-radius: 4px;
    background: rgba(0,0,0,0.15);
}

.overflow-x::-webkit-scrollbar-thumb,
.overflow-y::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(0,0,0,0.15);
}