@media screen and (min-width:1500px) {

    .ui-show-xlarge {
        display: block !important;
    }

    .ui-hide-xlarge {
        display: none !important;
    }

}

@media screen and (min-width:1199px) {

    .ui-show-xlarge {
        display: block !important;
    }

    .ui-hide-xlarge {
        display: none !important;
    }

}

@media screen and (max-width:1199px) {

    .auth-page {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .auth-page .halve {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .auth-page .halve.left-halve {
        width: 100%;
        height: 50%;
    }

    .ui-sidebar.expand {
        width: 230px;
        max-width: 230px;
    }

    .ui-topbar.collapsed {
        padding-left: 230px;
    }

    .ui-dashboard-body.collapsed {
        padding-left: 230px;
    }

    .listbox .header .left-halve .content {
        width: 100%;
    }

    .tablebox.responsive {
        overflow-x: scroll !important;
    }

    .sf-details .header.bottom {
        column-gap: 3rem;
        align-items: flex-start;
    }

    .details-header {
        flex-direction: column;
    }
    .details-header .left-halve {
        width: 100%;
        order: 2;
    }

    .details-header .right-halve {
        width: 100%;
        margin-bottom: 2rem;
    }

    .ui-lg-hide {
        display: none !important;
    }

    .ui-show-lg {
        display: block !important;
    }


    .lg-fs-norm {
        font-size: 16px !important;
    }

    .lg-fs-1,
    .lg-fs-1 a,
    .lg-fs-1 span {
        font-size: 1px !important;
    }

    .lg-fs-2,
    .lg-fs-2 a,
    .lg-fs-3 span {
        font-size: 2px !important;
    }

    .lg-fs-3 {
        font-size: 3px !important;
    }

    .lg-fs-4 {
        font-size: 4px !important;
    }

    .lg-fs-5 {
        font-size: 5px !important;
    }

    .lg-fs-6 {
        font-size: 6px !important;
    }

    .lg-fs-7 {
        font-size: 7px !important;
    }

    .lg-fs-8 {
        font-size: 8px !important;
    }

    .lg-fs-9 {
        font-size: 9px !important;
    }

    .lg-fs-10 {
        font-size: 10px !important;
    }

    .lg-fs-11 {
        font-size: 11px !important;
    }

    .lg-fs-12 {
        font-size: 12px !important;
    }

    .lg-fs-13 {
        font-size: 13px !important;
    }

    .lg-fs-14 {
        font-size: 14px !important;
    }

    .lg-fs-15 {
        font-size: 15px !important;
    }

    .lg-fs-16 {
        font-size: 16px !important;
    }

    .lg-fs-17 {
        font-size: 1.06rem !important;
    }

    .lg-fs-18 {
        font-size: 1.13rem !important;
    }

    .lg-fs-19 {
        font-size: 1.19rem !important;
    }

    .lg-fs-20 {
        font-size: 1.25rem !important;
    }

    .lg-fs-21 {
        font-size: 1.31rem !important;
    }

    .lg-fs-22 {
        font-size: 1.38rem !important;
    }

    .lg-fs-23 {
        font-size: 1.44rem !important;
    }

    .lg-fs-24 {
        font-size: 1.5rem !important;
    }

    .lg-fs-25 {
        font-size: 1.56rem !important;
    }

    .lg-fs-26 {
        font-size: 1.63rem !important;
    }

    .lg-fs-27 {
        font-size: 1.69rem !important;
    }

    .lg-fs-28 {
        font-size: 1.75rem !important;
    }

    .lg-fs-29 {
        font-size: 1.81rem !important;
    }

    .lg-fs-30 {
        font-size: 1.88rem !important;
    }

    .lg-fs-31 {
        font-size: 1.94rem !important;
    }

    .lg-fs-32 {
        font-size: 2rem !important;
    }

    .lg-fs-33 {
        font-size: 2.06rem !important;
    }

    .lg-fs-34 {
        font-size: 2.13rem !important;
    }

    .lg-fs-35 {
        font-size: 2.19rem !important;
    }

    .lg-fs-36 {
        font-size: 2.25rem !important;
    }

    .lg-fs-37 {
        font-size: 2.31rem !important;
    }

    .lg-fs-38 {
        font-size: 2.38rem !important;
    }

    .lg-fs-39 {
        font-size: 2.44rem !important;
    }

    .lg-fs-40 {
        font-size: 2.5rem !important;
    }

    .lg-fs-41 {
        font-size: 2.56rem !important;
    }

    .lg-fs-42 {
        font-size: 2.63rem !important;
    }

    .lg-fs-43 {
        font-size: 2.69rem !important;
    }

    .lg-fs-44 {
        font-size: 2.75rem !important;
    }

    .lg-fs-45 {
        font-size: 2.81rem !important;
    }

    .lg-fs-46 {
        font-size: 2.88rem !important;
    }

    .lg-fs-47 {
        font-size: 2.94rem !important;
    }

    .lg-fs-48 {
        font-size: 3rem !important;
    }

    .lg-fs-49 {
        font-size: 3.06rem !important;
    }

    .lg-fs-50 {
        font-size: 3.13rem !important;
    }

    .lg-fs-51 {
        font-size: 3.19rem !important;
    }

    .lg-fs-52 {
        font-size: 3.25rem !important;
    }

    .lg-fs-53 {
        font-size: 3.31rem !important;
    }

    .lg-fs-54 {
        font-size: 3.38rem !important;
    }

    .lg-fs-55 {
        font-size: 3.44rem !important;
    }

    .lg-fs-56 {
        font-size: 3.5rem !important;
    }

    .lg-fs-57 {
        font-size: 3.56rem !important;
    }

    .lg-fs-58 {
        font-size: 3.63rem !important;
    }

    .lg-fs-59 {
        font-size: 3.69rem !important;
    }

    .lg-fs-60 {
        font-size: 3.75rem !important;
    }

    .lg-fs-61 {
        font-size: 3.81rem !important;
    }

    .lg-fs-62 {
        font-size: 3.88rem !important;
    }

    .lg-fs-63 {
        font-size: 3.94rem !important;
    }

    .lg-fs-64 {
        font-size: 4rem !important;
    }

    .lg-fs-65 {
        font-size: 4.06rem !important;
    }

    .lg-fs-66 {
        font-size: 4.13rem !important;
    }

    .lg-fs-67 {
        font-size: 4.19rem !important;
    }

    .lg-fs-68 {
        font-size: 4.25rem !important;
    }

    .lg-fs-69 {
        font-size: 4.31rem !important;
    }

    .lg-fs-70 {
        font-size: 4.38rem !important;
    }

    .lg-fs-71 {
        font-size: 4.44rem !important;
    }

    .lg-fs-72 {
        font-size: 4.5rem !important;
    }

    .lg-fs-73 {
        font-size: 4.56rem !important;
    }

    .lg-fs-74 {
        font-size: 4.63rem !important;
    }

    .lg-fs-75 {
        font-size: 4.69rem !important;
    }

    .lg-fs-76 {
        font-size: 4.75rem !important;
    }

    .lg-fs-77 {
        font-size: 4.81rem !important;
    }

    .lg-fs-78 {
        font-size: 4.88rem !important;
    }

    .lg-fs-79 {
        font-size: 4.94rem !important;
    }

    .lg-fs-80 {
        font-size: 5rem !important;
    }

    .lg-fs-81 {
        font-size: 5.06rem !important;
    }

    .lg-fs-82 {
        font-size: 5.13rem !important;
    }

    .lg-fs-83 {
        font-size: 5.19rem !important;
    }

    .lg-fs-84 {
        font-size: 5.25rem !important;
    }

    .lg-fs-85 {
        font-size: 5.31rem !important;
    }

    .lg-fs-86 {
        font-size: 5.38rem !important;
    }

    .lg-fs-87 {
        font-size: 5.44rem !important;
    }

    .lg-fs-88 {
        font-size: 5.5rem !important;
    }

    .lg-fs-89 {
        font-size: 5.56rem !important;
    }

    .lg-fs-90 {
        font-size: 5.63rem !important;
    }

    .lg-fs-91 {
        font-size: 5.69rem !important;
    }

    .lg-fs-92 {
        font-size: 5.75rem !important;
    }

    .lg-fs-93 {
        font-size: 5.81rem !important;
    }

    .lg-fs-94 {
        font-size: 5.88rem !important;
    }

    .lg-fs-95 {
        font-size: 5.94rem !important;
    }

    .lg-fs-96 {
        font-size: 6rem !important;
    }

    .lg-fs-97 {
        font-size: 6.06rem !important;
    }

    .lg-fs-98 {
        font-size: 6.13rem !important;
    }

    .lg-fs-99 {
        font-size: 6.19rem !important;
    }

    .lg-fs-100 {
        font-size: 6.25rem !important;
    }

    .lg-pdy0 {
        padding-block: 0rem !important;
    }

    .lg-pdy {
        padding-block: 0.5rem !important;
    }

    .lg-pdy1 {
        padding-block: 1rem !important;
    }

    .lg-pdy1-mid {
        padding-block: 1.5rem !important;
    }

    .lg-pdy2 {
        padding-block: 2rem !important;
    }

    .lg-pdy2-mid {
        padding-block: 2.5rem !important;
    }

    .lg-pdy3 {
        padding-block: 3rem !important;
    }

    .lg-pdy3-mid {
        padding-block: 3.5rem !important;
    }

    .lg-pdy4 {
        padding-block: 4rem !important;
    }

    .lg-pdy4-mid {
        padding-block: 4.5rem !important;
    }

    .lg-pdy5 {
        padding-block: 5rem !important;
    }

    .lg-pdy5-mid {
        padding-block: 5.5rem !important;
    }

    .lg-pdy6 {
        padding-block: 6rem !important;
    }

    .lg-pdy6-mid {
        padding-block: 6.5rem !important;
    }

    .lg-pdy7 {
        padding-block: 7rem !important;
    }

    .lg-pdy7-mid {
        padding-block: 7.5rem !important;
    }

    .lg-pdy8 {
        padding-block: 8rem !important;
    }

    .lg-pdy8-mid {
        padding-block: 8.5rem !important;
    }

    .lg-pdy9 {
        padding-block: 9rem !important;
    }

    .lg-pdy9-mid {
        padding-block: 9.5rem !important;
    }

    .lg-pdy10 {
        padding-block: 10rem !important;
    }

    .lg-pdy10-mid {
        padding-block: 10.5rem !important;
    }

    .lg-pdx.pxhf {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .lg-pdx0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .lg-pdx {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .lg-pdx1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .lg-pdx1.pxhf {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .lg-pdx1.mid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .lg-pdx2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .lg-pdx3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .lg-pdx4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .lg-pdx5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .lg-pdx6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .lg-pdx7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .lg-pdx8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }

    .lg-pdx9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }

    .lg-pdx10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }

    .lg-pdb0 {
        padding-bottom: 0 !important;
    }

    .lg-pdb {
        padding-bottom: 0.5em !important;
    }

    .lg-pdbx {
        padding-bottom: 0.75em !important;
    }

    .lg-pdb1 {
        padding-bottom: 1em !important;
    }

    .lg-pdb1x {
        padding-bottom: 1.5em !important;
    }

    .lg-pdb2 {
        padding-bottom: 2em !important;
    }

    .lg-pdb2 {
        padding-bottom: 2.5em !important;
    }

    .lg-pdb3 {
        padding-bottom: 3em !important;
    }

    .lg-pdb4 {
        padding-bottom: 4em !important;
    }

    .lg-pdb5 {
        padding-bottom: 5em !important;
    }

    .lg-pdb6 {
        padding-bottom: 6em !important;
    }

    .lg-pdb7 {
        padding-bottom: 7em !important;
    }

    .lg-pdb8 {
        padding-bottom: 8em !important;
    }

    .lg-pdb9 {
        padding-bottom: 9em !important;
    }

    .lg-pdb10 {
        padding-bottom: 10em !important;
    }

    .lg-pdt0 {
        padding-top: 0 !important;
    }

    .lg-pdt {
        padding-top: 0.5em !important;
    }

    .lg-pdtx {
        padding-top: 0.75em !important;
    }

    .lg-pdt1 {
        padding-top: 1em !important;
    }

    .lg-pdt1-mid {
        padding-top: 1.5em !important;
    }

    .lg-pdt1x {
        padding-top: 1.5em !important;
    }

    .lg-pdt2 {
        padding-top: 2em !important;
    }

    .lg-pdt2x {
        padding-top: 2.5em !important;
    }

    .lg-pdt3 {
        padding-top: 3em !important;
    }

    .lg-pdt4 {
        padding-top: 4em !important;
    }

    .lg-pdt5 {
        padding-top: 5em !important;
    }

    .lg-pdt6 {
        padding-top: 6em !important;
    }

    .lg-pdt7 {
        padding-top: 7em !important;
    }

    .lg-pdt8 {
        padding-top: 8em !important;
    }

    .lg-pdt9 {
        padding-top: 9em !important;
    }

    .lg-pdt10 {
        padding-top: 10em !important;
    }

    .lg-pd0 {
        padding: 0 !important;
    }

    .lg-pd {
        padding: 0.5em !important;
    }

    .lg-pdx {
        padding: 0.75em !important;
    }

    .lg-pd1 {
        padding: 1em !important;
    }

    .lg-pd1x {
        padding: 1.5em !important;
    }

    .lg-pd2 {
        padding: 2em !important;
    }

    .lg-pd2x {
        padding: 2.5em !important;
    }

    .lg-pd3 {
        padding: 3em !important;
    }

    .lg-pd4 {
        padding: 4em !important;
    }

    .lg-pd5 {
        padding: 5em !important;
    }

    .lg-pd6 {
        padding: 6em !important;
    }

    .lg-pd7 {
        padding: 7em !important;
    }

    .lg-pd8 {
        padding: 8em !important;
    }

    .lg-pd9 {
        padding: 9em !important;
    }

    .lg-pd10 {
        padding: 10em !important;
    }

    /*padding right*/
    .lg-pdr0 {
        padding-right: 0 !important;
    }

    .lg-pdr {
        padding-right: 0.5em !important;
    }

    .lg-pdrx {
        padding-right: 0.75em !important;
    }

    .lg-pdr1 {
        padding-right: 1em !important;
    }

    .lg-pdr1x {
        padding-right: 1.5em !important;
    }

    .lg-pdr2 {
        padding-right: 2em !important;
    }

    .lg-pdr2x {
        padding-right: 2.5em !important;
    }

    .lg-pdr3 {
        padding-right: 3em !important;
    }

    .lg-pdr4 {
        padding-right: 4em !important;
    }

    .lg-pdr5 {
        padding-right: 5em !important;
    }

    .lg-pdr6 {
        padding-right: 6em !important;
    }

    .lg-pdr7 {
        padding-right: 7em !important;
    }

    .lg-pdr8 {
        padding-right: 8em !important;
    }

    .lg-pdr9 {
        padding-right: 9em !important;
    }

    .lg-pdr10 {
        padding-right: 10em !important;
    }

    /*padding left*/
    .lg-pdl0 {
        padding-left: 0 !important;
    }

    .lg-pdl {
        padding-left: 0.5em !important;
    }

    .lg-pdlx {
        padding-left: 0.75em !important;
    }

    .lg-pdl1 {
        padding-left: 1em !important;
    }

    .lg-pdl1x {
        padding-left: 1.5em !important;
    }

    .lg-pdl2 {
        padding-left: 2em !important;
    }

    .lg-pdl2-low {
        padding-left: 2.3em !important;
    }

    .lg-pdl2-mid {
        padding-left: 2.5em !important;
    }

    .lg-pdl2x {
        padding-left: 2.5em !important;
    }

    .lg-pdl3 {
        padding-left: 3em !important;
    }

    .lg-pdl4 {
        padding-left: 4em !important;
    }

    .lg-pdl5 {
        padding-left: 5em !important;
    }

    .lg-pdl6 {
        padding-left: 6em !important;
    }

    .lg-pdl7 {
        padding-left: 7em !important;
    }

    .lg-pdl8 {
        padding-left: 8em !important;
    }

    .lg-pdl9 {
        padding-left: 9em !important;
    }

    .lg-pdl10 {
        padding-left: 10em !important;
    }

    .lg-mrgb0 {
        margin-bottom: 0 !important;
    }

    .lg-mrgb {
        margin-bottom: 0.5em !important;
    }

    .lg-mrgb1 {
        margin-bottom: 1em !important;
    }

    .lg-mrgb1-mid {
        margin-bottom: 1.5em !important;
    }

    .lg-mrgb2 {
        margin-bottom: 2em !important;
    }

    .lg-mrgb2-mid {
        margin-bottom: 2.5em !important;
    }

    .lg-mrgb3 {
        margin-bottom: 3em !important;
    }

    .lg-mrgb4 {
        margin-bottom: 4em !important;
    }

    .lg-mrgb5 {
        margin-bottom: 5em !important;
    }

    .lg-mrgb6 {
        margin-bottom: 6em !important;
    }

    .lg-mrgb7 {
        margin-bottom: 7em !important;
    }

    .lg-mrgb8 {
        margin-bottom: 8em !important;
    }

    .lg-mrgb9 {
        margin-bottom: 9em !important;
    }

    .lg-mrgb10 {
        margin-bottom: 10em !important;
    }

    /*Margin top*/
    .lg-mrgt0 {
        margin-top: 0 !important;
    }

    .lg-mrgt {
        margin-top: 0.5em !important;
    }

    .lg-mrgt1 {
        margin-top: 1em !important;
    }

    .lg-mrgt1-mid {
        margin-top: 1.5em !important;
    }

    .lg-mrgt1-mid {
        margin-top: 1.5em !important;
    }

    .lg-mrgt2 {
        margin-top: 2em !important;
    }

    .lg-mrgt2-mid {
        margin-top: 2.5em !important;
    }

    .lg-mrgt3 {
        margin-top: 3em !important;
    }

    .lg-mrgt3-mid {
        margin-top: 3.5em !important;
    }

    .lg-mrgt4 {
        margin-top: 4em !important;
    }

    .lg-mrgt5 {
        margin-top: 5em !important;
    }

    .lg-mrgt6 {
        margin-top: 6em !important;
    }

    .lg-mrgt7 {
        margin-top: 7em !important;
    }

    .lg-mrgt8 {
        margin-top: 8em !important;
    }

    .lg-mrgt9 {
        margin-top: 9em !important;
    }

    .lg-mrgt10 {
        margin-top: 10em !important;
    }

    .lg-mrgt12 {
        margin-top: 12em !important;
    }

    .lg-mrgt14 {
        margin-top: 14em !important;
    }

    /* margin mx */

    .lg-mrgx0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .lg-mrgx {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .lg-mrgx1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .lg-mrgx1.mid {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .lg-mrgx2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .lg-mrgx3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .lg-mrgx4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .lg-mrgx5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .lg-mrgx6 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .lg-mrgx7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }

    .lg-mrgx8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }

    .lg-mrgx9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }

    .lg-mrgx10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }

    .lg-mrgy {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .lg-mrgy1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .lg-mrgy2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .lg-mrgy3 {
        margin: 3em 0 !important;
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .lg-mrgy4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .lg-mrgy5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .lg-mrgy6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .lg-mrgy7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }

    .lg-mrgy8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .lg-mrgy9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }

    .lg-mrgy10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .container {
        width: 94% !important;
    }

    .lg-ui-line-height {
        line-height: 1.5em !important;
    }

    .lg-ui-line-height-msmall {
        line-height: 1.1em !important;
    }

    .lg-ui-line-height-small {
        line-height: 1em !important;
    }

    .lg-ui-line-height-smallx {
        line-height: 1.25em !important;
    }

    .lg-ui-line-height-mini {
        line-height: 0.5em !important;
    }

    .lg-ui-line-height-medium {
        line-height: 1.7em !important;
    }

    .lg-ui-line-height-large {
        line-height: 2em !important;
    }

    .lg-ui-line-height-mlarge {
        line-height: 2.5em !important;
    }

    .lg-ui-line-height-xlarge {
        line-height: 3em !important;
    }
}

/* large device */
@media screen and (max-width:991px) {

    .ui-sidebar.expand {
        width: 200px;
        max-width: 200px;
    }

    .ui-topbar.collapsed {
        padding-left: 200px;
    }

    .ui-dashboard-body.collapsed {
        padding-left: 200px;
    }

    .listbox .header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .listbox .header .left-halve {
        order: 2;
        margin-top: 2rem;
    }

    .listbox .header .left-halve .content {
        width: 60%;
    }

    .tablebox.responsive {
        overflow-x: scroll !important;
    }

    .sf-details .header.top {
        flex-direction: column;
        align-items: flex-start;
    }

    .sf-details .header.top .left-halve {
        order: 2;
    }
    .sf-details .header.top .right-halve {
        margin-bottom: 2rem;
        margin-left: auto;
    }

    .sf-details .header.bottom {
        column-gap: 1rem;
        align-items: flex-start;
    }

    .details-header{
        flex-direction: column;
        justify-content: flex-start;
    }

    .details-header .halve{
        width: 100%;
    }

    .details-header .left-halve{
        justify-content: flex-start;
        order: 2;
    }

    .details-header .right-halve{
        margin-left: auto;
        margin-bottom: 2rem;
    }

    .md-fs-norm {
        font-size: 16px !important;
    }

    .md-fs-1,
    .md-fs-1 a,
    .md-fs-1 span {
        font-size: 1px !important;
    }

    .md-fs-2,
    .md-fs-2 a,
    .md-fs-3 span {
        font-size: 2px !important;
    }

    .md-fs-3 {
        font-size: 3px !important;
    }

    .md-fs-4 {
        font-size: 4px !important;
    }

    .md-fs-5 {
        font-size: 5px !important;
    }

    .md-fs-6 {
        font-size: 6px !important;
    }

    .md-fs-7 {
        font-size: 7px !important;
    }

    .md-fs-8 {
        font-size: 8px !important;
    }

    .md-fs-9 {
        font-size: 9px !important;
    }

    .md-fs-10 {
        font-size: 10px !important;
    }

    .md-fs-11 {
        font-size: 11px !important;
    }

    .md-fs-12 {
        font-size: 12px !important;
    }

    .md-fs-13 {
        font-size: 13px !important;
    }

    .md-fs-14 {
        font-size: 14px !important;
    }

    .md-fs-15 {
        font-size: 15px !important;
    }

    .md-fs-16 {
        font-size: 16px !important;
    }

    .md-fs-17 {
        font-size: 1.06rem !important;
    }

    .md-fs-18 {
        font-size: 1.13rem !important;
    }

    .md-fs-19 {
        font-size: 1.19rem !important;
    }

    .md-fs-20 {
        font-size: 1.25rem !important;
    }

    .md-fs-21 {
        font-size: 1.31rem !important;
    }

    .md-fs-22 {
        font-size: 1.38rem !important;
    }

    .md-fs-23 {
        font-size: 1.44rem !important;
    }

    .md-fs-24 {
        font-size: 1.5rem !important;
    }

    .md-fs-25 {
        font-size: 1.56rem !important;
    }

    .md-fs-26 {
        font-size: 1.63rem !important;
    }

    .md-fs-27 {
        font-size: 1.69rem !important;
    }

    .md-fs-28 {
        font-size: 1.75rem !important;
    }

    .md-fs-29 {
        font-size: 1.81rem !important;
    }

    .md-fs-30 {
        font-size: 1.88rem !important;
    }

    .md-fs-31 {
        font-size: 1.94rem !important;
    }

    .md-fs-32 {
        font-size: 2rem !important;
    }

    .md-fs-33 {
        font-size: 2.06rem !important;
    }

    .md-fs-34 {
        font-size: 2.13rem !important;
    }

    .md-fs-35 {
        font-size: 2.19rem !important;
    }

    .md-fs-36 {
        font-size: 2.25rem !important;
    }

    .md-fs-37 {
        font-size: 2.31rem !important;
    }

    .md-fs-38 {
        font-size: 2.38rem !important;
    }

    .md-fs-39 {
        font-size: 2.44rem !important;
    }

    .md-fs-40 {
        font-size: 2.5rem !important;
    }

    .md-fs-41 {
        font-size: 2.56rem !important;
    }

    .md-fs-42 {
        font-size: 2.63rem !important;
    }

    .md-fs-43 {
        font-size: 2.69rem !important;
    }

    .md-fs-44 {
        font-size: 2.75rem !important;
    }

    .md-fs-45 {
        font-size: 2.81rem !important;
    }

    .md-fs-46 {
        font-size: 2.88rem !important;
    }

    .md-fs-47 {
        font-size: 2.94rem !important;
    }

    .md-fs-48 {
        font-size: 3rem !important;
    }

    .md-fs-49 {
        font-size: 3.06rem !important;
    }

    .md-fs-50 {
        font-size: 3.13rem !important;
    }

    .md-fs-51 {
        font-size: 3.19rem !important;
    }

    .md-fs-52 {
        font-size: 3.25rem !important;
    }

    .md-fs-53 {
        font-size: 3.31rem !important;
    }

    .md-fs-54 {
        font-size: 3.38rem !important;
    }

    .md-fs-55 {
        font-size: 3.44rem !important;
    }

    .md-fs-56 {
        font-size: 3.5rem !important;
    }

    .md-fs-57 {
        font-size: 3.56rem !important;
    }

    .md-fs-58 {
        font-size: 3.63rem !important;
    }

    .md-fs-59 {
        font-size: 3.69rem !important;
    }

    .md-fs-60 {
        font-size: 3.75rem !important;
    }

    .md-fs-61 {
        font-size: 3.81rem !important;
    }

    .md-fs-62 {
        font-size: 3.88rem !important;
    }

    .md-fs-63 {
        font-size: 3.94rem !important;
    }

    .md-fs-64 {
        font-size: 4rem !important;
    }

    .md-fs-65 {
        font-size: 4.06rem !important;
    }

    .md-fs-66 {
        font-size: 4.13rem !important;
    }

    .md-fs-67 {
        font-size: 4.19rem !important;
    }

    .md-fs-68 {
        font-size: 4.25rem !important;
    }

    .md-fs-69 {
        font-size: 4.31rem !important;
    }

    .md-fs-70 {
        font-size: 4.38rem !important;
    }

    .md-fs-71 {
        font-size: 4.44rem !important;
    }

    .md-fs-72 {
        font-size: 4.5rem !important;
    }

    .md-fs-73 {
        font-size: 4.56rem !important;
    }

    .md-fs-74 {
        font-size: 4.63rem !important;
    }

    .md-fs-75 {
        font-size: 4.69rem !important;
    }

    .md-fs-76 {
        font-size: 4.75rem !important;
    }

    .md-fs-77 {
        font-size: 4.81rem !important;
    }

    .md-fs-78 {
        font-size: 4.88rem !important;
    }

    .md-fs-79 {
        font-size: 4.94rem !important;
    }

    .md-fs-80 {
        font-size: 5rem !important;
    }

    .md-fs-81 {
        font-size: 5.06rem !important;
    }

    .md-fs-82 {
        font-size: 5.13rem !important;
    }

    .md-fs-83 {
        font-size: 5.19rem !important;
    }

    .md-fs-84 {
        font-size: 5.25rem !important;
    }

    .md-fs-85 {
        font-size: 5.31rem !important;
    }

    .md-fs-86 {
        font-size: 5.38rem !important;
    }

    .md-fs-87 {
        font-size: 5.44rem !important;
    }

    .md-fs-88 {
        font-size: 5.5rem !important;
    }

    .md-fs-89 {
        font-size: 5.56rem !important;
    }

    .md-fs-90 {
        font-size: 5.63rem !important;
    }

    .md-fs-91 {
        font-size: 5.69rem !important;
    }

    .md-fs-92 {
        font-size: 5.75rem !important;
    }

    .md-fs-93 {
        font-size: 5.81rem !important;
    }

    .md-fs-94 {
        font-size: 5.88rem !important;
    }

    .md-fs-95 {
        font-size: 5.94rem !important;
    }

    .md-fs-96 {
        font-size: 6rem !important;
    }

    .md-fs-97 {
        font-size: 6.06rem !important;
    }

    .md-fs-98 {
        font-size: 6.13rem !important;
    }

    .md-fs-99 {
        font-size: 6.19rem !important;
    }

    .md-fs-100 {
        font-size: 6.25rem !important;
    }

    .md-pdy0 {
        padding-block: 0rem !important;
    }

    .md-pdy {
        padding-block: 0.5rem !important;
    }

    .md-pdy1 {
        padding-block: 1rem !important;
    }

    .md-pdy1-mid {
        padding-block: 1.5rem !important;
    }

    .md-pdy2 {
        padding-block: 2rem !important;
    }

    .md-pdy2-mid {
        padding-block: 2.5rem !important;
    }

    .md-pdy3 {
        padding-block: 3rem !important;
    }

    .md-pdy3-mid {
        padding-block: 3.5rem !important;
    }

    .md-pdy4 {
        padding-block: 4rem !important;
    }

    .md-pdy4-mid {
        padding-block: 4.5rem !important;
    }

    .md-pdy5 {
        padding-block: 5rem !important;
    }

    .md-pdy5-mid {
        padding-block: 5.5rem !important;
    }

    .md-pdy6 {
        padding-block: 6rem !important;
    }

    .md-pdy6-mid {
        padding-block: 6.5rem !important;
    }

    .md-pdy7 {
        padding-block: 7rem !important;
    }

    .md-pdy7-mid {
        padding-block: 7.5rem !important;
    }

    .md-pdy8 {
        padding-block: 8rem !important;
    }

    .md-pdy8-mid {
        padding-block: 8.5rem !important;
    }

    .md-pdy9 {
        padding-block: 9rem !important;
    }

    .md-pdy9-mid {
        padding-block: 9.5rem !important;
    }

    .md-pdy10 {
        padding-block: 10rem !important;
    }

    .md-pdy10-mid {
        padding-block: 10.5rem !important;
    }

    .md-pdx.pxhf {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .md-pdx0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .md-pdx {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .md-pdx1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .md-pdx1.pxhf {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .md-pdx1.mid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .md-pdx2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .md-pdx3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .md-pdx4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .md-pdx5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .md-pdx6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .md-pdx7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .md-pdx8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }

    .md-pdx9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }

    .md-pdx10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }

    .md-pdb0 {
        padding-bottom: 0 !important;
    }

    .md-pdb {
        padding-bottom: 0.5em !important;
    }

    .md-pdbx {
        padding-bottom: 0.75em !important;
    }

    .md-pdb1 {
        padding-bottom: 1em !important;
    }

    .md-pdb1x {
        padding-bottom: 1.5em !important;
    }

    .md-pdb2 {
        padding-bottom: 2em !important;
    }

    .md-pdb2 {
        padding-bottom: 2.5em !important;
    }

    .md-pdb3 {
        padding-bottom: 3em !important;
    }

    .md-pdb4 {
        padding-bottom: 4em !important;
    }

    .md-pdb5 {
        padding-bottom: 5em !important;
    }

    .md-pdb6 {
        padding-bottom: 6em !important;
    }

    .md-pdb7 {
        padding-bottom: 7em !important;
    }

    .md-pdb8 {
        padding-bottom: 8em !important;
    }

    .md-pdb9 {
        padding-bottom: 9em !important;
    }

    .md-pdb10 {
        padding-bottom: 10em !important;
    }

    .md-pdt0 {
        padding-top: 0 !important;
    }

    .md-pdt {
        padding-top: 0.5em !important;
    }

    .md-pdtx {
        padding-top: 0.75em !important;
    }

    .md-pdt1 {
        padding-top: 1em !important;
    }

    .md-pdt1-mid {
        padding-top: 1.5em !important;
    }

    .md-pdt1x {
        padding-top: 1.5em !important;
    }

    .md-pdt2 {
        padding-top: 2em !important;
    }

    .md-pdt2x {
        padding-top: 2.5em !important;
    }

    .md-pdt3 {
        padding-top: 3em !important;
    }

    .md-pdt4 {
        padding-top: 4em !important;
    }

    .md-pdt5 {
        padding-top: 5em !important;
    }

    .md-pdt6 {
        padding-top: 6em !important;
    }

    .md-pdt7 {
        padding-top: 7em !important;
    }

    .md-pdt8 {
        padding-top: 8em !important;
    }

    .md-pdt9 {
        padding-top: 9em !important;
    }

    .md-pdt10 {
        padding-top: 10em !important;
    }

    .md-pd0 {
        padding: 0 !important;
    }

    .md-pd {
        padding: 0.5em !important;
    }

    .md-pdx {
        padding: 0.75em !important;
    }

    .md-pd1 {
        padding: 1em !important;
    }

    .md-pd1x {
        padding: 1.5em !important;
    }

    .md-pd2 {
        padding: 2em !important;
    }

    .md-pd2x {
        padding: 2.5em !important;
    }

    .md-pd3 {
        padding: 3em !important;
    }

    .md-pd4 {
        padding: 4em !important;
    }

    .md-pd5 {
        padding: 5em !important;
    }

    .md-pd6 {
        padding: 6em !important;
    }

    .md-pd7 {
        padding: 7em !important;
    }

    .md-pd8 {
        padding: 8em !important;
    }

    .md-pd9 {
        padding: 9em !important;
    }

    .md-pd10 {
        padding: 10em !important;
    }

    /*padding right*/
    .md-pdr0 {
        padding-right: 0 !important;
    }

    .md-pdr {
        padding-right: 0.5em !important;
    }

    .md-pdrx {
        padding-right: 0.75em !important;
    }

    .md-pdr1 {
        padding-right: 1em !important;
    }

    .md-pdr1x {
        padding-right: 1.5em !important;
    }

    .md-pdr2 {
        padding-right: 2em !important;
    }

    .md-pdr2x {
        padding-right: 2.5em !important;
    }

    .md-pdr3 {
        padding-right: 3em !important;
    }

    .md-pdr4 {
        padding-right: 4em !important;
    }

    .md-pdr5 {
        padding-right: 5em !important;
    }

    .md-pdr6 {
        padding-right: 6em !important;
    }

    .md-pdr7 {
        padding-right: 7em !important;
    }

    .md-pdr8 {
        padding-right: 8em !important;
    }

    .md-pdr9 {
        padding-right: 9em !important;
    }

    .md-pdr10 {
        padding-right: 10em !important;
    }

    /*padding left*/
    .md-pdl0 {
        padding-left: 0 !important;
    }

    .md-pdl {
        padding-left: 0.5em !important;
    }

    .md-pdlx {
        padding-left: 0.75em !important;
    }

    .md-pdl1 {
        padding-left: 1em !important;
    }

    .md-pdl1x {
        padding-left: 1.5em !important;
    }

    .md-pdl2 {
        padding-left: 2em !important;
    }

    .md-pdl2-low {
        padding-left: 2.3em !important;
    }

    .md-pdl2-mid {
        padding-left: 2.5em !important;
    }

    .md-pdl2x {
        padding-left: 2.5em !important;
    }

    .md-pdl3 {
        padding-left: 3em !important;
    }

    .md-pdl4 {
        padding-left: 4em !important;
    }

    .md-pdl5 {
        padding-left: 5em !important;
    }

    .md-pdl6 {
        padding-left: 6em !important;
    }

    .md-pdl7 {
        padding-left: 7em !important;
    }

    .md-pdl8 {
        padding-left: 8em !important;
    }

    .md-pdl9 {
        padding-left: 9em !important;
    }

    .md-pdl10 {
        padding-left: 10em !important;
    }

    .md-mrgb0 {
        margin-bottom: 0 !important;
    }

    .md-mrgb {
        margin-bottom: 0.5em !important;
    }

    .md-mrgb1 {
        margin-bottom: 1em !important;
    }

    .md-mrgb1-mid {
        margin-bottom: 1.5em !important;
    }

    .md-mrgb2 {
        margin-bottom: 2em !important;
    }

    .md-mrgb2-mid {
        margin-bottom: 2.5em !important;
    }

    .md-mrgb3 {
        margin-bottom: 3em !important;
    }

    .md-mrgb4 {
        margin-bottom: 4em !important;
    }

    .md-mrgb5 {
        margin-bottom: 5em !important;
    }

    .md-mrgb6 {
        margin-bottom: 6em !important;
    }

    .md-mrgb7 {
        margin-bottom: 7em !important;
    }

    .md-mrgb8 {
        margin-bottom: 8em !important;
    }

    .md-mrgb9 {
        margin-bottom: 9em !important;
    }

    .md-mrgb10 {
        margin-bottom: 10em !important;
    }

    /*Margin top*/
    .md-mrgt0 {
        margin-top: 0 !important;
    }

    .md-mrgt {
        margin-top: 0.5em !important;
    }

    .md-mrgt1 {
        margin-top: 1em !important;
    }

    .md-mrgt1-mid {
        margin-top: 1.5em !important;
    }

    .md-mrgt1-mid {
        margin-top: 1.5em !important;
    }

    .md-mrgt2 {
        margin-top: 2em !important;
    }

    .md-mrgt2-mid {
        margin-top: 2.5em !important;
    }

    .md-mrgt3 {
        margin-top: 3em !important;
    }

    .md-mrgt3-mid {
        margin-top: 3.5em !important;
    }

    .md-mrgt4 {
        margin-top: 4em !important;
    }

    .md-mrgt5 {
        margin-top: 5em !important;
    }

    .md-mrgt6 {
        margin-top: 6em !important;
    }

    .md-mrgt7 {
        margin-top: 7em !important;
    }

    .md-mrgt8 {
        margin-top: 8em !important;
    }

    .md-mrgt9 {
        margin-top: 9em !important;
    }

    .md-mrgt10 {
        margin-top: 10em !important;
    }

    .md-mrgt12 {
        margin-top: 12em !important;
    }

    .md-mrgt14 {
        margin-top: 14em !important;
    }

    /* margin mx */

    .md-mrgx0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .md-mrgx {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .md-mrgx1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .md-mrgx1.mid {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .md-mrgx2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .md-mrgx3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .md-mrgx4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .md-mrgx5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .md-mrgx6 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .md-mrgx7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }

    .md-mrgx8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }

    .md-mrgx9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }

    .md-mrgx10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }

    .md-mrgy {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .md-mrgy1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .md-mrgy2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .md-mrgy3 {
        margin: 3em 0 !important;
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .md-mrgy4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .md-mrgy5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .md-mrgy6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .md-mrgy7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }

    .md-mrgy8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .md-mrgy9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }

    .md-mrgy10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .container {
        width: 94% !important;
    }

    .md-ui-line-height {
        line-height: 1.5em !important;
    }

    .md-ui-line-height-msmall {
        line-height: 1.1em !important;
    }

    .md-ui-line-height-small {
        line-height: 1em !important;
    }

    .md-ui-line-height-smallx {
        line-height: 1.25em !important;
    }

    .md-ui-line-height-mini {
        line-height: 0.5em !important;
    }

    .md-ui-line-height-medium {
        line-height: 1.7em !important;
    }

    .md-ui-line-height-large {
        line-height: 2em !important;
    }

    .md-ui-line-height-mlarge {
        line-height: 2.5em !important;
    }

    .md-ui-line-height-xlarge {
        line-height: 3em !important;
    }
}

/* smart mobile device */
@media screen and (max-width:768px) {

    .tablebox.responsive {
        overflow-x: scroll !important;
    }

    .tablebox.responsive::-webkit-scrollbar {
        display: none !important;
    }

    .md-w-100 {
        width: 100% !important;
    }

    .ui-hide-md {
        display: none !important;
    }

    .ui-flex-md {
        display: flex !important;
    }

    .ui-show-md {
        display: block !important;
    }

    .ui-wrapper-xmini {
        padding: 0 !important;
    }

}


/* tablet device */
@media (min-width: 576px) {

    .modal-dialog {
        max-width: 750px;
        margin: 0 auto;
    }

    .modal.slim .modal-dialog {
        max-width: 400px;
        margin: 0 auto;
    }

    .modal.slim-md .modal-dialog {
        max-width: 480px;
        margin: 0 auto;
    }

    .modal.slim-lg .modal-dialog {
        max-width: 550px;
        margin: 0 auto;
    }

    .modal.slim-mlg .modal-dialog {
        max-width: 650px;
        margin: 0 auto;
    }

    .modal.slim-xlg .modal-dialog {
        max-width: 700px;
        margin: 0 auto;
    }

    .modal.slim-xxlg .modal-dialog {
        max-width: 817px;
        margin: 0 auto;
    }

    .modal-dialog .modal-content {
        border-radius: 16px;
    }

    .custom-modal .modal-content {
        border-radius: 16px;
    }

    .custom-modal .dm--dbx {
        border-radius: 14px 0 0 14px;
        width: 35%;
        min-height: 300px;
    }

    .custom-modal.sm .dm--dbx,
    .custom-modal .modal-content .modal-body {
        min-height: 250px;
    }

    .custom-modal.md .dm--dbx {
        min-height: 380px;
    }

    .custom-modal.lg .dm--dbx {
        min-height: 450px;
    }

    .custom-modal.xl .dm--dbx {
        min-height: 500px;
    }

    .custom-modal .modal-content .modal-body {
        padding: 0 !important;
    }

    .custom-modal .dm--body {
        padding: 1.7rem 2.5rem;
        border-radius: 0 16px 16px 0;
        width: 65%;
        position: relative;
    }

    .custom-modal .dm--body .dm--ct {
        min-height: 85%;
        position: relative;
    }

    .custom-modal .dm--body .dm--ct .btn {
        bottom: 0;
    }

    .custom-modal .form-control {
        border-radius: 6px;
        width: 100% !important;
        min-height: 45px !important;
    }

    .custom-modal form select.form-control {
        min-height: 51px !important;
        border-radius: 4px !important;
    }

    .custom-modal form .form-control:focus,
    .custom-modal form .form-control:active {
        box-shadow: none !important;
        outline: none !important;
        border: 1px solid #6d6d6c;
    }

    .custom-modal.flat .dm--dbx {
        display: none;
    }

    .custom-modal.flat .dm--body {
        width: 100%;
        /* height: 450px !important; */
    }

    .custom-modal.flat.stretched .dm--body {
        height: 550px !important;
    }

    .custom-modal.flat .dm--body .dm--ct {
        height: auto !important;
    }

    .modal-content {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
    }

    .modal-drop.select-box {
        min-height: 50px;
        border-radius: 6px;
    }

    .modal-drop.select-box .control {
        min-height: 47px;
        font-family: 'Aeonik-Regular';
    }

    .modal-drop.select-box .menu .menu-list {
        position: relative;
        max-height: 130px;
        font-family: 'Aeonik-Regular';
    }

    .modal-drop.select-box .menu .menu-search .menu-search__input {
        font-family: 'Aeonik-Regular';
    }

}


/* medium device */
@media (max-width:576px) {

    .ui-sm-show {
        display: block !important;
    }

    .ui-sm-hide {
        display: none !important;
    }

    .sm-link-round {
        height: 22px;
        width: 22px;
    }

    .sm-link-round.md {
        height: 35px;
        width: 35px;
    }


    .sm-link-round.lg {
        width: 40px;
        height: 40px;
    }

    .sm-ui-line-height {
        line-height: 1.5em !important;
    }

    .sm-ui-line-height-msmall {
        line-height: 1.1em !important;
    }

    .sm-ui-line-height-small {
        line-height: 1em !important;
    }

    .sm-ui-line-height-smallx {
        line-height: 1.25em !important;
    }

    .sm-ui-line-height-mini {
        line-height: 0.5em !important;
    }

    .sm-ui-line-height-medium {
        line-height: 1.7em !important;
    }

    .sm-ui-line-height-large {
        line-height: 2em !important;
    }

    .sm-ui-line-height-mlarge {
        line-height: 2.5em !important;
    }

    .sm-ui-line-height-xlarge {
        line-height: 3em !important;
    }

    .sm-ui-rounded {
        border-radius: 100em !important;
    }

    .sm-ui-rounded-smedium {
        border-radius: .63em !important;
    }

    .sm-ui-rounded-xsmall {
        border-radius: 0.3em !important;
    }

    .sm-ui-rounded-small {
        border-radius: 0.5em !important;
    }

    .sm-ui-rounded-mini {
        border-radius: 0.2em !important;
    }

    .sm-ui-rounded-medium {
        border-radius: 1em !important;
    }

    .sm-ui-rounded-lmedium {
        border-radius: 1.25em !important;
    }

    .sm-ui-rounded-large {
        border-radius: 1.5em !important;
    }

    .sm-ui-rounded-xlarge {
        border-radius: 2em !important;
    }

    .sm-ui-rounded-xxlarge {
        border-radius: 3em !important;
    }

    .sm-ui-rounded-alt {
        border-radius: 0.5em 0 0.5em 0 !important;
    }

    .sm-ui-rounded-up {
        border-radius: 0.5em 0.5em 0 0 !important;
    }

    .sm-ui-rounded-down {
        border-radius: 0 0 0.5em 0.5em !important;
    }

    .sm-fs-1,
    .sm-fs-1 a,
    .sm-fs-1 span {
        font-size: 1px !important;
    }

    .sm-fs-2,
    .sm-fs-2 a,
    .sm-fs-3 span {
        font-size: 2px !important;
    }

    .sm-fs-3 {
        font-size: 3px !important;
    }

    .sm-fs-4 {
        font-size: 4px !important;
    }

    .sm-fs-5 {
        font-size: 5px !important;
    }

    .sm-fs-6 {
        font-size: 6px !important;
    }

    .sm-fs-7 {
        font-size: 7px !important;
    }

    .sm-fs-8 {
        font-size: 8px !important;
    }

    .sm-fs-9 {
        font-size: 9px !important;
    }

    .sm-fs-10 {
        font-size: 10px !important;
    }

    .sm-fs-11 {
        font-size: 11px !important;
    }

    .sm-fs-12 {
        font-size: 12px !important;
    }

    .sm-fs-13 {
        font-size: 13px !important;
    }

    .sm-fs-14 {
        font-size: 14px !important;
    }

    .sm-fs-15 {
        font-size: 15px !important;
    }

    .sm-fs-16 {
        font-size: 16px !important;
    }

    .sm-fs-17 {
        font-size: 1.06rem !important;
    }

    .sm-fs-18 {
        font-size: 1.13rem !important;
    }

    .sm-fs-19 {
        font-size: 1.19rem !important;
    }

    .sm-fs-20 {
        font-size: 1.25rem !important;
    }

    .sm-fs-21 {
        font-size: 1.31rem !important;
    }

    .sm-fs-22 {
        font-size: 1.38rem !important;
    }

    .sm-fs-23 {
        font-size: 1.44rem !important;
    }

    .sm-fs-24 {
        font-size: 1.5rem !important;
    }

    .sm-fs-25 {
        font-size: 1.56rem !important;
    }

    .sm-fs-26 {
        font-size: 1.63rem !important;
    }

    .sm-fs-27 {
        font-size: 1.69rem !important;
    }

    .sm-fs-28 {
        font-size: 1.75rem !important;
    }

    .sm-fs-29 {
        font-size: 1.81rem !important;
    }

    .sm-fs-30 {
        font-size: 1.88rem !important;
    }

    .sm-fs-31 {
        font-size: 1.94rem !important;
    }

    .sm-fs-32 {
        font-size: 2rem !important;
    }

    .sm-fs-33 {
        font-size: 2.06rem !important;
    }

    .sm-fs-34 {
        font-size: 2.13rem !important;
    }

    .sm-fs-35 {
        font-size: 2.19rem !important;
    }

    .sm-fs-36 {
        font-size: 2.25rem !important;
    }

    .sm-fs-37 {
        font-size: 2.31rem !important;
    }

    .sm-fs-38 {
        font-size: 2.38rem !important;
    }

    .sm-fs-39 {
        font-size: 2.44rem !important;
    }

    .sm-fs-40 {
        font-size: 2.5rem !important;
    }

    .sm-fs-41 {
        font-size: 2.56rem !important;
    }

    .sm-fs-42 {
        font-size: 2.63rem !important;
    }

    .sm-fs-43 {
        font-size: 2.69rem !important;
    }

    .sm-fs-44 {
        font-size: 2.75rem !important;
    }

    .sm-fs-45 {
        font-size: 2.81rem !important;
    }

    .sm-fs-46 {
        font-size: 2.88rem !important;
    }

    .sm-fs-47 {
        font-size: 2.94rem !important;
    }

    .sm-fs-48 {
        font-size: 3rem !important;
    }

    .sm-fs-49 {
        font-size: 3.06rem !important;
    }

    .sm-fs-50 {
        font-size: 3.13rem !important;
    }

    .sm-fs-51 {
        font-size: 3.19rem !important;
    }

    .sm-fs-52 {
        font-size: 3.25rem !important;
    }

    .sm-fs-53 {
        font-size: 3.31rem !important;
    }

    .sm-fs-54 {
        font-size: 3.38rem !important;
    }

    .sm-fs-55 {
        font-size: 3.44rem !important;
    }

    .sm-fs-56 {
        font-size: 3.5rem !important;
    }

    .sm-fs-57 {
        font-size: 3.56rem !important;
    }

    .sm-fs-58 {
        font-size: 3.63rem !important;
    }

    .sm-fs-59 {
        font-size: 3.69rem !important;
    }

    .sm-fs-60 {
        font-size: 3.75rem !important;
    }

    .sm-fs-61 {
        font-size: 3.81rem !important;
    }

    .sm-fs-62 {
        font-size: 3.88rem !important;
    }

    .sm-fs-63 {
        font-size: 3.94rem !important;
    }

    .sm-fs-64 {
        font-size: 4rem !important;
    }

    .sm-fs-65 {
        font-size: 4.06rem !important;
    }

    .sm-fs-66 {
        font-size: 4.13rem !important;
    }

    .sm-fs-67 {
        font-size: 4.19rem !important;
    }

    .sm-fs-68 {
        font-size: 4.25rem !important;
    }

    .sm-fs-69 {
        font-size: 4.31rem !important;
    }

    .sm-fs-70 {
        font-size: 4.38rem !important;
    }

    .sm-fs-71 {
        font-size: 4.44rem !important;
    }

    .sm-fs-72 {
        font-size: 4.5rem !important;
    }

    .sm-fs-73 {
        font-size: 4.56rem !important;
    }

    .sm-fs-74 {
        font-size: 4.63rem !important;
    }

    .sm-fs-75 {
        font-size: 4.69rem !important;
    }

    .sm-fs-76 {
        font-size: 4.75rem !important;
    }

    .sm-fs-77 {
        font-size: 4.81rem !important;
    }

    .sm-fs-78 {
        font-size: 4.88rem !important;
    }

    .sm-fs-79 {
        font-size: 4.94rem !important;
    }

    .sm-fs-80 {
        font-size: 5rem !important;
    }

    .sm-fs-81 {
        font-size: 5.06rem !important;
    }

    .sm-fs-82 {
        font-size: 5.13rem !important;
    }

    .sm-fs-83 {
        font-size: 5.19rem !important;
    }

    .sm-fs-84 {
        font-size: 5.25rem !important;
    }

    .sm-fs-85 {
        font-size: 5.31rem !important;
    }

    .sm-fs-86 {
        font-size: 5.38rem !important;
    }

    .sm-fs-87 {
        font-size: 5.44rem !important;
    }

    .sm-fs-88 {
        font-size: 5.5rem !important;
    }

    .sm-fs-89 {
        font-size: 5.56rem !important;
    }

    .sm-fs-90 {
        font-size: 5.63rem !important;
    }

    .sm-fs-91 {
        font-size: 5.69rem !important;
    }

    .sm-fs-92 {
        font-size: 5.75rem !important;
    }

    .sm-fs-93 {
        font-size: 5.81rem !important;
    }

    .sm-fs-94 {
        font-size: 5.88rem !important;
    }

    .sm-fs-95 {
        font-size: 5.94rem !important;
    }

    .sm-fs-96 {
        font-size: 6rem !important;
    }

    .sm-fs-97 {
        font-size: 6.06rem !important;
    }

    .sm-fs-98 {
        font-size: 6.13rem !important;
    }

    .sm-fs-99 {
        font-size: 6.19rem !important;
    }

    .sm-fs-100 {
        font-size: 6.25rem !important;
    }

    .sm-pdy0 {
        padding-block: 0rem !important;
    }

    .sm-pdy {
        padding-block: 0.5rem !important;
    }

    .sm-pdy1 {
        padding-block: 1rem !important;
    }

    .sm-pdy1-mid {
        padding-block: 1.5rem !important;
    }

    .sm-pdy2 {
        padding-block: 2rem !important;
    }

    .sm-pdy2-mid {
        padding-block: 2.5rem !important;
    }

    .sm-pdy3 {
        padding-block: 3rem !important;
    }

    .sm-pdy3-mid {
        padding-block: 3.5rem !important;
    }

    .sm-pdy4 {
        padding-block: 4rem !important;
    }

    .sm-pdy4-mid {
        padding-block: 4.5rem !important;
    }

    .sm-pdy5 {
        padding-block: 5rem !important;
    }

    .sm-pdy5-mid {
        padding-block: 5.5rem !important;
    }

    .sm-pdy6 {
        padding-block: 6rem !important;
    }

    .sm-pdy6-mid {
        padding-block: 6.5rem !important;
    }

    .sm-pdy7 {
        padding-block: 7rem !important;
    }

    .sm-pdy7-mid {
        padding-block: 7.5rem !important;
    }

    .sm-pdy8 {
        padding-block: 8rem !important;
    }

    .sm-pdy8-mid {
        padding-block: 8.5rem !important;
    }

    .sm-pdy9 {
        padding-block: 9rem !important;
    }

    .sm-pdy9-mid {
        padding-block: 9.5rem !important;
    }

    .sm-pdy10 {
        padding-block: 10rem !important;
    }

    .sm-pdy10-mid {
        padding-block: 10.5rem !important;
    }

    .sm-pdx.pxhf {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .sm-pdx0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .sm-pdx {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .sm-pdx1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sm-pdx1.pxhf {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sm-pdx1.mid {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sm-pdx2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .sm-pdx3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .sm-pdx4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .sm-pdx5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .sm-pdx6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .sm-pdx7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .sm-pdx8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }

    .sm-pdx9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }

    .sm-pdx10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }

    .sm-pdb0 {
        padding-bottom: 0 !important;
    }

    .sm-pdb {
        padding-bottom: 0.5em !important;
    }

    .sm-pdbx {
        padding-bottom: 0.75em !important;
    }

    .sm-pdb1 {
        padding-bottom: 1em !important;
    }

    .sm-pdb1x {
        padding-bottom: 1.5em !important;
    }

    .sm-pdb2 {
        padding-bottom: 2em !important;
    }

    .sm-pdb2 {
        padding-bottom: 2.5em !important;
    }

    .sm-pdb3 {
        padding-bottom: 3em !important;
    }

    .sm-pdb4 {
        padding-bottom: 4em !important;
    }

    .sm-pdb5 {
        padding-bottom: 5em !important;
    }

    .sm-pdb6 {
        padding-bottom: 6em !important;
    }

    .sm-pdb7 {
        padding-bottom: 7em !important;
    }

    .sm-pdb8 {
        padding-bottom: 8em !important;
    }

    .sm-pdb9 {
        padding-bottom: 9em !important;
    }

    .sm-pdb10 {
        padding-bottom: 10em !important;
    }

    .sm-pdt0 {
        padding-top: 0 !important;
    }

    .sm-pdt {
        padding-top: 0.5em !important;
    }

    .sm-pdtx {
        padding-top: 0.75em !important;
    }

    .sm-pdt1 {
        padding-top: 1em !important;
    }

    .sm-pdt1-mid {
        padding-top: 1.5em !important;
    }

    .sm-pdt1x {
        padding-top: 1.5em !important;
    }

    .sm-pdt2 {
        padding-top: 2em !important;
    }

    .sm-pdt2x {
        padding-top: 2.5em !important;
    }

    .sm-pdt3 {
        padding-top: 3em !important;
    }

    .sm-pdt4 {
        padding-top: 4em !important;
    }

    .sm-pdt5 {
        padding-top: 5em !important;
    }

    .sm-pdt6 {
        padding-top: 6em !important;
    }

    .sm-pdt7 {
        padding-top: 7em !important;
    }

    .sm-pdt8 {
        padding-top: 8em !important;
    }

    .sm-pdt9 {
        padding-top: 9em !important;
    }

    .sm-pdt10 {
        padding-top: 10em !important;
    }

    .sm-pd0 {
        padding: 0 !important;
    }

    .sm-pd {
        padding: 0.5em !important;
    }

    .sm-pdx {
        padding: 0.75em !important;
    }

    .sm-pd1 {
        padding: 1em !important;
    }

    .sm-pd1x {
        padding: 1.5em !important;
    }

    .sm-pd2 {
        padding: 2em !important;
    }

    .sm-pd2x {
        padding: 2.5em !important;
    }

    .sm-pd3 {
        padding: 3em !important;
    }

    .sm-pd4 {
        padding: 4em !important;
    }

    .sm-pd5 {
        padding: 5em !important;
    }

    .sm-pd6 {
        padding: 6em !important;
    }

    .sm-pd7 {
        padding: 7em !important;
    }

    .sm-pd8 {
        padding: 8em !important;
    }

    .sm-pd9 {
        padding: 9em !important;
    }

    .sm-pd10 {
        padding: 10em !important;
    }

    /*padding right*/
    .sm-pdr0 {
        padding-right: 0 !important;
    }

    .sm-pdr {
        padding-right: 0.5em !important;
    }

    .sm-pdrx {
        padding-right: 0.75em !important;
    }

    .sm-pdr1 {
        padding-right: 1em !important;
    }

    .sm-pdr1x {
        padding-right: 1.5em !important;
    }

    .sm-pdr2 {
        padding-right: 2em !important;
    }

    .sm-pdr2x {
        padding-right: 2.5em !important;
    }

    .sm-pdr3 {
        padding-right: 3em !important;
    }

    .sm-pdr4 {
        padding-right: 4em !important;
    }

    .sm-pdr5 {
        padding-right: 5em !important;
    }

    .sm-pdr6 {
        padding-right: 6em !important;
    }

    .sm-pdr7 {
        padding-right: 7em !important;
    }

    .sm-pdr8 {
        padding-right: 8em !important;
    }

    .sm-pdr9 {
        padding-right: 9em !important;
    }

    .sm-pdr10 {
        padding-right: 10em !important;
    }

    /*padding left*/
    .sm-pdl0 {
        padding-left: 0 !important;
    }

    .sm-pdl {
        padding-left: 0.5em !important;
    }

    .sm-pdlx {
        padding-left: 0.75em !important;
    }

    .sm-pdl1 {
        padding-left: 1em !important;
    }

    .sm-pdl1x {
        padding-left: 1.5em !important;
    }

    .sm-pdl2 {
        padding-left: 2em !important;
    }

    .sm-pdl2-low {
        padding-left: 2.3em !important;
    }

    .sm-pdl2-mid {
        padding-left: 2.5em !important;
    }

    .sm-pdl2x {
        padding-left: 2.5em !important;
    }

    .sm-pdl3 {
        padding-left: 3em !important;
    }

    .sm-pdl4 {
        padding-left: 4em !important;
    }

    .sm-pdl5 {
        padding-left: 5em !important;
    }

    .sm-pdl6 {
        padding-left: 6em !important;
    }

    .sm-pdl7 {
        padding-left: 7em !important;
    }

    .sm-pdl8 {
        padding-left: 8em !important;
    }

    .sm-pdl9 {
        padding-left: 9em !important;
    }

    .sm-pdl10 {
        padding-left: 10em !important;
    }


    .sm-mrgl0 {
        margin-left: 0 !important;
    }

    .sm-mrgl {
        margin-left: 0.5em !important;
    }

    .sm-mrgl1 {
        margin-left: 1em !important;
    }

    .sm-mrgl1-mid {
        margin-left: 1.5em !important;
    }

    .sm-mrgl2 {
        margin-left: 2em !important;
    }

    .sm-mrgl2-mid {
        margin-left: 2.5em !important;
    }

    .sm-mrgl3 {
        margin-left: 3em !important;
    }

    .sm-mrgl4 {
        margin-left: 4em !important;
    }

    .sm-mrgl5 {
        margin-left: 5em !important;
    }

    .sm-mrgl6 {
        margin-left: 6em !important;
    }

    .sm-mrgl7 {
        margin-left: 7em !important;
    }

    .sm-mrgl8 {
        margin-left: 8em !important;
    }

    .sm-mrgl9 {
        margin-left: 9em !important;
    }

    .sm-mrgl10 {
        margin-left: 10em !important;
    }

    .sm-mrgl-auto {
        margin-left: auto !important;
    }

    .sm-mrgb0 {
        margin-bottom: 0 !important;
    }

    .sm-mrgb {
        margin-bottom: 0.5em !important;
    }

    .sm-mrgb1 {
        margin-bottom: 1em !important;
    }

    .sm-mrgb1-mid {
        margin-bottom: 1.5em !important;
    }

    .sm-mrgb2 {
        margin-bottom: 2em !important;
    }

    .sm-mrgb2-mid {
        margin-bottom: 2.5em !important;
    }

    .sm-mrgb3 {
        margin-bottom: 3em !important;
    }

    .sm-mrgb4 {
        margin-bottom: 4em !important;
    }

    .sm-mrgb5 {
        margin-bottom: 5em !important;
    }

    .sm-mrgb6 {
        margin-bottom: 6em !important;
    }

    .sm-mrgb7 {
        margin-bottom: 7em !important;
    }

    .sm-mrgb8 {
        margin-bottom: 8em !important;
    }

    .sm-mrgb9 {
        margin-bottom: 9em !important;
    }

    .sm-mrgb10 {
        margin-bottom: 10em !important;
    }


    /*Margin top*/
    .sm-mrgt0 {
        margin-top: 0 !important;
    }

    .sm-mrgt {
        margin-top: 0.5em !important;
    }

    .sm-mrgt1 {
        margin-top: 1em !important;
    }

    .sm-mrgt1-mid {
        margin-top: 1.5em !important;
    }

    .sm-mrgt1-mid {
        margin-top: 1.5em !important;
    }

    .sm-mrgt2 {
        margin-top: 2em !important;
    }

    .sm-mrgt2-mid {
        margin-top: 2.5em !important;
    }

    .sm-mrgt3 {
        margin-top: 3em !important;
    }

    .sm-mrgt3-mid {
        margin-top: 3.5em !important;
    }

    .sm-mrgt4 {
        margin-top: 4em !important;
    }

    .sm-mrgt5 {
        margin-top: 5em !important;
    }

    .sm-mrgt6 {
        margin-top: 6em !important;
    }

    .sm-mrgt7 {
        margin-top: 7em !important;
    }

    .sm-mrgt8 {
        margin-top: 8em !important;
    }

    .sm-mrgt9 {
        margin-top: 9em !important;
    }

    .sm-mrgt10 {
        margin-top: 10em !important;
    }

    .sm-mrgt12 {
        margin-top: 12em !important;
    }

    .sm-mrgt14 {
        margin-top: 14em !important;
    }

    /* margin mx */

    .sm-mrgx0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .sm-mrgx {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .sm-mrgx1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .sm-mrgx1.mid {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .sm-mrgx2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .sm-mrgx3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .sm-mrgx4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .sm-mrgx5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .sm-mrgx6 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .sm-mrgx7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }

    .sm-mrgx8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }

    .sm-mrgx9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }

    .sm-mrgx10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }

    .sm-mrgy {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .sm-mrgy1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .sm-mrgy1-mid {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .sm-mrgy2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .sm-mrgy3 {
        margin: 3em 0 !important;
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .sm-mrgy4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .sm-mrgy5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .sm-mrgy6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .sm-mrgy7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }

    .sm-mrgy8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .sm-mrgy9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }

    .sm-mrgy10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .custom-modal .dm--dbx {
        display: none !important;
    }

    .custom-modal .modal-body>.d-flex {
        display: unset !important;
    }

    .sm-w-100 {
        width: 100%;
    }

}