/*Utils*/

/*Alerts*/
div.alert{
    width: 100%;
    padding: 5px 5px;
    line-height: 40px;
    background-color: #ccc;
    border-radius: 3px;
    color: #fff;
}

div.alert-success{
    background-color: #00c853;
    font-weight: bold;
    font-size: 1.1rem;
}

div.alert-danger{
    background-color: #c62828;
}

/*Display*/
.d-none{display: none;}

/*Fonts*/
.font-bold{
    font-weight: bold;
}

/*Positive Margins*/
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 15px;}
.mt-3{margin-top: 20px;}
.mt-4{margin-top: 25px;}
.mt-5{margin-top: 30px;}

.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 15px;}
.mb-3{margin-bottom: 20px;}
.mb-4{margin-bottom: 25px;}
.mb-5{margin-bottom: 30px;}

.ml-1{margin-left: 10px;}
.ml-2{margin-left: 15px;}
.ml-3{margin-left: 20px;}
.ml-4{margin-left: 25px;}
.ml-5{margin-left: 30px;}

.mr-1{margin-right: 10px;}
.mr-2{margin-right: 15px;}
.mr-3{margin-right: 20px;}
.mr-4{margin-right: 25px;}
.mr-5{margin-right: 30px;}

/*Negative Margins*/
.mt-n-1{margin-top: -10px;}
.mt-n-2{margin-top: -15px;}
.mt-n-3{margin-top: -20px;}
.mt-n-4{margin-top: -25px;}
.mt-n-5{margin-top: -30px;}

.mb-n-1{margin-bottom: -10px;}
.mb-n-2{margin-bottom: -15px;}
.mb-n-3{margin-bottom: -20px;}
.mb-n-4{margin-bottom: -25px;}
.mb-n-5{margin-bottom: -30px;}

.ml-n-1{margin-left: -10px;}
.ml-n-2{margin-left: -15px;}
.ml-n-3{margin-left: -20px;}
.ml-n-4{margin-left: -25px;}
.ml-n-5{margin-left: -30px;}

.mr-n-1{margin-right: -10px;}
.mr-n-2{margin-right: -15px;}
.mr-n-3{margin-right: -20px;}
.mr-n-4{margin-right: -25px;}
.mr-n-5{margin-right: -30px;}