.mt-1{margin-top:4px;}
.mt-2{margin-top:8px;}
.mt-3{margin-top:12px;}
.mt-4{margin-top:16px;}
.mt-5{margin-top:20px;}
.mt-6{margin-top:24px;}
.mt-7{margin-top:32px;}
.mt-8{margin-top:40px;}

.mb-1{margin-bottom:4px;}
.mb-2{margin-bottom:8px;}
.mb-3{margin-bottom:12px;}
.mb-4{margin-bottom:16px;}
.mb-5{margin-bottom:20px;}
.mb-6{margin-bottom:24px;}
.mb-7{margin-bottom:32px;}
.mb-8{margin-bottom:40px;}

.ml-auto{
    margin-left:auto;
}

.mr-auto{
    margin-right:auto;
}

.p-1{padding:4px;}
.p-2{padding:8px;}
.p-3{padding:12px;}
.p-4{padding:16px;}
.p-5{padding:20px;}
.p-6{padding:24px;}
.p-7{padding:32px;}
.p-8{padding:40px;}

.text-primary{
    color:var(--primary);
}

.text-success{
    color:var(--success);
}

.text-danger{
    color:var(--danger);
}

.text-warning{
    color:var(--warning);
}

.text-info{
    color:var(--info);
}

.bg-primary{
    background:var(--primary);
    color:#fff;
}

.bg-success{
    background:var(--success);
    color:#fff;
}

.bg-danger{
    background:var(--danger);
    color:#fff;
}

.bg-warning{
    background:var(--warning);
    color:#fff;
}

.bg-info{
    background:var(--info);
    color:#fff;
}

.rounded{
    border-radius:var(--radius);
}

.rounded-lg{
    border-radius:var(--radius-lg);
}

.shadow{
    box-shadow:var(--card-shadow);
}

.shadow-lg{
    box-shadow:var(--modal-shadow);
}

.border{
    border:1px solid var(--border);
}

.border-top{
    border-top:1px solid var(--border);
}

.border-bottom{
    border-bottom:1px solid var(--border);
}

.border-left{
    border-left:1px solid var(--border);
}

.border-right{
    border-right:1px solid var(--border);
}

.cursor-pointer{
    cursor:pointer;
}

.cursor-default{
    cursor:default;
}

.opacity-0{
    opacity:0;
}

.opacity-25{
    opacity:.25;
}

.opacity-50{
    opacity:.5;
}

.opacity-75{
    opacity:.75;
}

.opacity-100{
    opacity:1;
}

.w-auto{
    width:auto;
}

.w-25{
    width:25%;
}

.w-50{
    width:50%;
}

.w-75{
    width:75%;
}

.h-auto{
    height:auto;
}

.overflow-hidden{
    overflow:hidden;
}

.overflow-auto{
    overflow:auto;
}

.position-relative{
    position:relative;
}

.position-absolute{
    position:absolute;
}

.position-fixed{
    position:fixed;
}

.top-0{
    top:0;
}

.right-0{
    right:0;
}

.bottom-0{
    bottom:0;
}

.left-0{
    left:0;
}

.fade-in{

animation:fadeIn .30s ease;

}

.slide-up{

animation:slideUp .30s ease;

}

.scale-in{

animation:scaleIn .25s ease;

}

@keyframes fadeIn{

from{

opacity:0;

}

to{

opacity:1;

}

}

@keyframes slideUp{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}

@keyframes scaleIn{

from{

opacity:0;

transform:scale(.95);

}

to{

opacity:1;

transform:scale(1);

}

}

@media(max-width:992px){

.hide-tablet{

display:none!important;

}

}

@media(max-width:768px){

.hide-mobile{

display:none!important;

}

.show-mobile{

display:block!important;

}

.w-50,
.w-75,
.w-25{

width:100%;

}

}

@media(min-width:769px){

.show-mobile{

display:none!important;

}

}