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

.p-1{
    padding: 5px !important;
}
.p-2{
    padding: 10px !important;
}
.p-3{
    padding: 15px !important;
}
.p-4{
    padding: 20px !important;
}

.m-0{
    margin: 0px !important;
}
.m-1{
    margin: 5px !important;
}
.m-2{
    margin: 10px !important;
}
.m-3{
    margin: 15px !important;
}
.m-4{
    margin: 20px !important;
}


.mt-0{
    margin-top: 0px !important;
}
.mt-1{
    margin-top: 5px !important;
}
.mt-2{
    margin-top: 10px !important;
}
.mt-3{
    margin-top: 15px !important;
}
.mt-4{
    margin-top: 20px !important;
}

.mb-0{
    margin-bottom: 0px !important;
}
.mb-1{
    margin-bottom: 5px !important;
}
.mb-2{
    margin-bottom: 10px !important;
}
.mb-3{
    margin-bottom: 15px !important;
}
.mb-4{
    margin-bottom: 20px !important;
}

.text-white{
    color: #ffffff;
}

.text-primary{
    color: #0d47a1 !important;
}

.bg-primary{
    background-color: #0d47a1;
}

.bg-secondary{
    background-color:#1e88e5;
}
.text-2rem{
    font-size: 1.2rem;
}
.text-3rem{
    font-size: 1.7rem;
}

.position-absolute{
    position: absolute;
}

.position-relative{
    position: relative;
}

.top-10{
    top:10px;
}

.bottom-0{
    bottom: 0px;
}
.bottom-10{
    bottom: 10px;
}

.right-0{
    right: 5px;
}

.position-right{
    top: 20px;
    right: 10px;
}

.tost-error{
    background-color: red;
}

.tost-success{
    background-color: green;
}

.flex{
    display: flex !important;
}

.flex-1{
    flex: 1 1 auto !important;
}

.justify-center{
    justify-content: center !important;
}

.justify-between{
    justify-content: space-between !important;
}

.justify-around{
    justify-content: space-around !important;
}

.align-center{
    align-items: center !important;
}

.items-center{
    justify-items: center !important;
}

.hidden{
    display: none !important;
}

.hover:hover {
    background-color: #2db2ff !important;
}