/*------------space-----------*/

/*------------space-----------*/
/*main-content padding with responsive*/
.main-content-padding {
    padding: 24px;
}
@media(max-width:1600px){
    .main-content-padding {
        padding: 12px;
    }
}
/*------------space-----------*/
/*------------space-----------*/
.cursor-pointer {
    cursor: pointer;
}
/*headers in all pages have this padding setup*/
.header-padding {
    padding: 12px 24px 16px 24px;
}
@media(max-width:1600px){
    .header-padding {
        padding: 12px;
    }
}
/*------------space-----------*/
/*------------space-----------*/
/*boxes in all pages have this padding setup with responsive media query*/
/*box padding*/
.box-padding {
    padding: 24px;
}

@media(max-width:1600px) {
    .box-padding {
        padding: 12px;
    }
}
/*------------space-----------*/
/*------------space-----------*/
/*tools boxes includes search inputs and print and download options*/
.tools-padding {
    padding: 12px 24px;
}
@media(max-width:1600px){
    .tools-padding {
        padding: 12px;
    }
}
/*------------space-----------*/
/*------------space-----------*/
/*responsive grid gap*/
.grid-gap-24{
    gap:24px;
}
@media(max-width:1600px){
    .grid-gap-24 {
        gap: 12px;
    }
}
/*------------space-----------*/
/*------------space-----------*/
/*options margin*/
.options-margin {
    margin-left: 24px;
}

body[dir="ltr"] .options-margin {
    margin-left: 0px;
    margin-right: 24px
}
/*tools button and normal buttons padding*/
.buttons-padding{
    padding:8px 40px;
}
@media(max-width:1600px){
    .buttons-padding {
        padding: 6px 30px;
    }
}
@media(max-width:1366px){
    .buttons-padding {
        padding: 5px 25px;
    }
}
/*------------space-----------*/
/*------------space-----------*/
.margin-none {
    margin: 0 !important;
}

.margin-n-auto {
    margin: 0 auto;
}

.margin-l-5 {
    margin-left: 5px;
}

.margin-24 {
    margin: 24px;
}

.margin-t-12 {
    margin-top: 12px;
}

.margin-t-1200 {
    margin: 12px 0 0;
}

.margin-t-24 {
    margin-top: 24px;
}

.margin-t-48 {
    margin-top: 48px;
}

.margin-b-12 {
    margin-bottom: 12px;
}

.margin-b-24 {
    margin-bottom: 24px;
}

.margin-l-24 {
    margin-left: 24px;
}

.margin-l-12 {
    margin-left: 12px;
}

.margin-r-24 {
    margin-right: 24px;
}

.margin-tb-24 {
    margin: 24px 0;
}

.margin-lr-24 {
    margin: 0 24px;
}

.margin-t-25 {
    margin-top: 25px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.padding-none {
    padding: 0 !important;
}

.padding-6-48 {
    padding: 6px 48px;
}

.padding-12-24 {
    padding: 12px 24px;
}

.padding-10-24 {
    padding: 10px 24px;
}

.padding-12 {
    padding: 12px;
}

.padding-24 {
    padding: 24px;
}

.padding-t-24 {
    padding-top: 24px;
}

.padding-t-48 {
    padding-top: 48px;
}

.padding-t-32 {
    padding-top: 32px;
}

.padding-b-12 {
    padding-bottom: 12px;
}

.padding-b-24 {
    padding-bottom: 24px;
}

.padding-l-24 {
    padding-left: 24px;
}

.padding-r-24 {
    padding-right: 24px;
}

.padding-l-12 {
    padding-left: 12px;
}

.padding-r-12 {
    padding-right: 12px;
}
.padding-lr-12 {
    padding:0px 12px;
}
.padding-tb-12 {
    padding: 12px 0;
}

.padding-tb-24 {
    padding: 24px 0;
}

.padding-lr-6 {
    padding: 0px 6px;
}

.padding-tb-6 {
    padding: 6px 0;
}

.padding-lr-24 {
    padding: 0 24px;
}

.padding-lr-48 {
    padding: 0 48px;
}

.padding-8-40 {
    padding: 8px 40px;
}

.padding-r-1 {
    padding-right: 1px;
}

body[dir=rtl] .padding-side-24 {
    padding-right: 24px;
}

body[dir=ltr] .padding-side-24 {
    padding-left: 24px;
}