.ls-max-width{
    width: 100%;
}

.ls-max-height{
    height: 100%;
}

.ls-centered{
    text-align: center;
    width: 100%;
}

#ls-classic-modal{
    z-index: 10000;
}

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

.ls-no-margin{
    margin: unset !important;
}

.ls-margin10{
    margin: 10px;
}

.ls-margin20{
    margin: 20px;
}

.ls-margin30{
    margin: 30px;
}

.ls-marginLeft10{
    margin-left: 10px;
}

.ls-marginLeft20{
    margin-left: 20px;
}

.ls-marginLeft30{
    margin-left: 30px;
}

.ls-margin-rem05{
    margin: 0.5rem;
}
.ls-margin-rem1{
    margin: 1rem;
}
.ls-margin-rem2{
    margin: 2rem;
}
.ls-margin-rem3{
    margin: 3rem;
}
.ls-margin-rem5{
    margin: 5rem;
}

.ls-marginLeft-rem05{
    margin-left: 0.5rem;
}
.ls-marginLeft-rem1{
    margin-left: 1rem;
}

.ls-marginLeft-rem2{
    margin-left: 2rem;
}

.ls-marginLeft-rem3{
    margin-left: 3rem;
}

.ls-marginLeft-rem5{
    margin-left: 5rem;
}

.ls-marginRight-rem05{
    margin-right: 0.5rem;
}
.ls-marginRight-rem1{
    margin-right: 1rem;
}

.ls-marginRight-rem2{
    margin-right: 2rem;
}

.ls-marginRight-rem3{
    margin-right: 3rem;
}

.ls-marginRight-rem5{
    margin-right: 5rem;
}

.ls-marginBottom-rem05{
    margin-bottom: 0.5rem;
}
.ls-marginBottom-rem1{
    margin-bottom: 1rem;
}

.ls-marginBottom-rem2{
    margin-bottom: 2rem;
}

.ls-marginBottom-rem25{
    margin-bottom: 2.5rem;
}

.ls-marginBottom-rem3{
    margin-bottom: 3rem;
}

.ls-marginBottom-rem5{
    margin-bottom: 5rem;
}

.ls-marginTop-rem05{
    margin-top: 0.5rem;
}
.ls-marginTop-rem1{
    margin-top: 1rem;
}

.ls-marginTop-rem2{
    margin-top: 2rem;
}

.ls-marginTop-rem25{
    margin-top: 2.5rem;
}

.ls-marginTop-rem3{
    margin-top: 3rem;
}

.ls-marginTop-rem5{
    margin-top: 5rem;
}

.ls-padding10{
    padding: 10px;
}

.ls-padding20{
    padding: 20px;
}

.ls-padding30{
    padding: 30px;
}

.ls-paddingLeft10{
    padding-left: 10px;
}

.ls-paddingLeft20{
    padding-left: 20px;
}

.ls-paddingLeft30{
    padding-left: 30px;
}

.ls-paddingRight10{
    padding-right: 10px;
}

.ls-paddingRight20{
    padding-right: 20px;
}

.ls-paddingRight30{
    padding-right: 30px;
}

.ls-padding-percent1{
    padding: 1%;
}

.ls-padding-percent2{
    padding: 2%;
}

.ls-padding-percent3{
    padding: 3%;
}

.ls-padding-percent5{
    padding: 5%;
}

.ls-padding-rem05{
    padding: 0.5rem;
}
.ls-padding-rem1{
    padding: 1rem;
}
.ls-padding-rem2{
    padding: 2rem;
}
.ls-padding-rem3{
    padding: 3rem;
}
.ls-padding-rem5{
    padding: 5rem;
}

.ls-paddingLeft-rem05{
    padding-left: 0.5rem;
}
.ls-paddingLeft-rem1{
    padding-left: 1rem;
}

.ls-paddingLeft-rem2{
    padding-left: 2rem;
}

.ls-paddingLeft-rem3{
    padding-left: 3rem;
}

.ls-paddingLeft-rem5{
    padding-left: 5rem;
}

.ls-paddingRight-rem05{
    padding-right: 0.5rem;
}
.ls-paddingRight-rem1{
    padding-right: 1rem;
}

.ls-paddingRight-rem2{
    padding-right: 2rem;
}

.ls-paddingRight-rem3{
    padding-right: 3rem;
}

.ls-paddingRight-rem5{
    padding-right: 5rem;
}

.ls-paddingBottom-rem05{
    padding-bottom: 0.5rem;
}
.ls-paddingBottom-rem1{
    padding-bottom: 1rem;
}

.ls-paddingBottom-rem2{
    padding-bottom: 2rem;
}

.ls-paddingBottom-rem3{
    padding-bottom: 3rem;
}

.ls-paddingBottom-rem5{
    padding-bottom: 5rem;
}

.ls-paddingTop-rem05{
    padding-top: 0.5rem;
}
.ls-paddingTop-rem1{
    padding-top: 1rem;
}

.ls-paddingTop-rem2{
    padding-top: 2rem;
}

.ls-paddingTop-rem3{
    padding-top: 3rem;
}

.ls-paddingTop-rem5{
    padding-top: 5rem;
}

.ls-gap-10 {
    gap: 10px;
}
.ls-gap-20 {
    gap: 20px;
}
.ls-gap-30 {
    gap: 30px;
}

.ls-gap-rem01 {
    gap: 0.1rem;
}
.ls-gap-rem02 {
    gap: 0.2rem;
}
.ls-gap-rem03 {
    gap: 0.3rem;
}
.ls-gap-rem05 {
    gap: 0.5rem;
}
.ls-gap-rem1 {
    gap: 1rem;
}
.ls-gap-rem2 {
    gap: 2rem;
}
.ls-gap-rem25 {
    gap: 2.5rem;
}
.ls-gap-rem3 {
    gap: 3rem;
}

.ls-gap-percent1 {
    gap: 1%;
}
.ls-gap-percent2 {
    gap: 2%;
}
.ls-gap-percent3 {
    gap: 3%;
}
.ls-gap-percent5 {
    gap: 5%;
}.ls-gap-percent8 {
    gap: 8%;
}

.ls-cursor-pointer{
    cursor:pointer
}

.ls-gap-column-10 {
    column-gap: 10px;
}

.ls-gap-column-20 {
    column-gap: 20px;
}

.ls-gap-column-30 {
    column-gap: 30px;
}

.ls-absolute{
    position: absolute;
}

.ls-relative{
    position: relative;
}

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


.ls-hiden{
    display: none;
}

.ls-ignore-div {
    display: contents;
}

.ls-clickable {
    cursor: pointer;
}

.ls-clickable:hover {
    opacity: 0.8;
}

.ls-hide, .ls-flex.ls-hide, .ls-button.ls-hide,  .ls-form-input.ls-hide{
    display: none;
}
.ls-overflow-hidden {
    overflow: hidden;
}

.ls-shadow{
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
    z-index: 50;
}

.ls-not-display-empty:empty {
    display: none;
}

.ls-opac-icon-spin-animation {
    animation: ls-icon-spin 2s infinite linear;
}

@keyframes ls-icon-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}