.display-none {display: none;}
.hidden {display: none; !important;}
.hidden-card {display: none;}
.border-none {border: none}
.text-uppercase {text-transform: uppercase}
.list-unstyled {list-style: none;}

.position-relative {position: relative;}

.valign-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.vertical-bottom {vertical-align: bottom}
.vertical-auto {vertical-align: auto}

.inline-block {display: inline-block;}

.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.bold {font-weight: bold;}
.vertical-area {resize: vertical}
.line-through { color:#777;text-decoration: line-through;}

.pointer {cursor: pointer}
.overflow-hidden {overflow: hidden;}
.overflow-auto {overflow: auto}
.overflow-y {overflow-y: scroll;}
.text-ellipsis {text-overflow: ellipsis;}

.mb5 {margin-bottom: 0.5rem;}
.mb10 {margin-bottom: 1rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb40 {margin-bottom: 4rem;}
.mb50 {margin-bottom: 5rem;}
.mb60 {margin-bottom: 6rem;}
.mb70 {margin-bottom: 7rem;}
.mb80 {margin-bottom: 8rem;}
.mb90 {margin-bottom: 9rem;}
.mb100 {margin-bottom: 10rem;}



.mr5 {margin-right: 0.5rem}

.m0 {margin: 0 !important;}
.m1 {margin: 0.25rem !important;}
.m2 {margin: 0.5rem !important;}
.m3 {margin: 1rem !important;}
.m4 {margin: 1.5rem !important;}

.p0 {padding: 0 !important}
.p5 {padding: 0.5rem !important}
.p10 {padding: 1rem !important;}
.p15 {padding: 1.5rem !important;}
.p20 {padding: 2rem !important;}
.p30 {padding: 3rem !important;}
.p40 {padding: 4rem !important;}

.width100p {width: 100%;}
.width90p {width: 90%;}
.width80p {width: 80%;}
.width70p {width: 70%;}
.width60p {width: 60%;}
.width50p {width: 50%;}
.width40p {width: 40%;}
.width30p {width: 30%;}
.width20p {width: 20%;}
.width15p {width: 15%;}
.width13p {width: 13%;}
.width12p {width: 12%;}
.width10p {width: 10%;}
.max-with300 {max-width: 300px}
.max-with500 {max-width: 515px}
.height100p {height: 100%}

.min-height100 {min-height: 100px}
.min-height200 {min-height: 200px}
.min-height300 {min-height: 300px}
.min-height400 {min-height: 400px}
.min-height500 {min-height: 500px}

.w10 {width: 10px !important;}
.w15 {width: 15px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w65 {width: 65px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w150 {width: 150px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w600 {width: 600px !important;}

.h25 {height: 25px !important;}
.h50 {height: 50px !important;}
.h100 {height: 100px !important;}
.h150 {height: 150px !important;}
.h200 {height: 200px !important;}
.h300 {height: 300px !important;}
.h400 {height: 400px !important;}
.h500 {height: 500px !important;}
.h550 {height: 550px !important;}
.h600 {height: 600px !important;}

.mh100 {min-height: 100px !important;}
.mh200 {min-height: 200px !important;}
.mh300 {min-height: 300px !important;}
.mh400 {min-height: 400px !important;}
.mh500 {min-height: 500px !important;}
.mh550 {min-height: 550px !important;}
.mh600 {min-height: 600px !important;}

.Mh200 {max-height: 200px !important;}
.Mh300 {max-height: 300px !important;}
.Mh400 {max-height: 400px !important;}
.Mh500 {max-height: 500px !important;}
.Mh550 {max-height: 550px !important;}
.Mh600 {max-height: 600px !important;}

.Mw200 {max-width: 200px !important;}
.Mw300 {max-width: 300px !important;}
.Mw400 {max-width: 400px !important;}
.Mw500 {max-width: 500px !important;}
.Mw550 {max-width: 550px !important;}
.Mw600 {max-width: 600px !important;}

.mw600 {min-width: 600px !important;}
.mw650 {min-width: 650px !important;}
.mw1000 {min-width: 1000px !important;}
.mw1050 {min-width: 1050px !important;}

.right-space, .right-space-10 {margin-right: 10px;}
.right-space-3 {margin-right: 3px;}
.right-space-5 {margin-right: 5px;}
.right-space-20 {margin-right: 20px;}
.left-space-10 {margin-left: 10px;}
.left-space-5 {margin-left: 5px;}
.left-space-20 {margin-left: 20px;}
.left-space-30 {margin-left: 30px;}

.font-10 {font-size: 1rem}
.font-12 {font-size: 1.2rem}
.font-14 {font-size: 1.4rem}
.font-16 {font-size: 1.6rem}
.font-18 {font-size: 1.8rem}
.font-20 {font-size: 2rem}
.font-24 {font-size: 2.4rem}
.font-30 {font-size: 3rem}

.folder-tip {
    padding: 5px 10px;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: dotted 1px;
    border-left: dotted 1px;
    border-right: dotted 1px;
}
.float-left {float: left;}
.float-right {float: right;}

.td-padding-5 tr td {
    padding: 5px;
}

.fd-xl {
    margin: 0;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.fd-xl--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fd-xl {
        font-size: 2.4375rem;
    }
}

.fd-lg {
    margin: 0;
    font-size: 2.4375rem;
    font-weight: 500;
    line-height: 1.2;
}
.fd-lg--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fd-lg {
        font-size: 1.75rem;
    }
}

.fd-md {
    margin: 0;
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 1.1;
}
.fd-md--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fd-md {
        font-size: 1.25rem;
    }
}

.fd-sm {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.1;
}
.fd-sm--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fd-sm {
        font-size: 1.125rem;
    }
}

.fb-lg {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
}
.fb-lg--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fb-lg {
        font-size: 1rem;
    }
}

.fb-regular {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.fb-regular--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fb-regular {
        font-size: 0.875rem;
    }
}

.fb-sm {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.6;
}
.fb-sm--bold {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .fb-sm {
        font-size: 0.75rem;
    }
}

.fb-xs {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.6;
}
.fb-xs--bold {
    font-weight: 600;
}

.vertical-up-1 {vertical-align: 1px;}
.vertical-up-2 {vertical-align: 2px;}
.vertical-up-3 {vertical-align: 3px;}
.vertical-up-5 {vertical-align: 5px;}
.vertical-up-7 {vertical-align: 7px;}
.vertical-up-10 {vertical-align: 10px;}

.full {width: 100%;height: 100%}

.mg-tb-10 {margin: 10px 0;}
.mg-lr-10 {margin: 0 10px;}