You are here

Home » API reference » Bootstrap Styles 1.0.x

padding-classes.css in Bootstrap Styles 1.0.x 

.bs-p-1 {
  padding: 0.25rem !important;
}

.bs-pl-1 {
  padding-left: 0.25rem !important;
}

.bs-pr-1 {
  padding-right: 0.25rem !important;
}

.bs-pt-1 {
  padding-top: 0.25rem !important;
}

.bs-pb-1 {
  padding-bottom: 0.25rem !important;
}

.bs-p-2 {
  padding: 0.5rem !important;
}

.bs-pl-2 {
  padding-left: 0.5rem !important;
}

.bs-pr-2 {
  padding-right: 0.5rem !important;
}

.bs-pt-2 {
  padding-top: 0.5rem !important;
}

.bs-pb-2 {
  padding-bottom: 0.5rem !important;
}

.bs-p-3 {
  padding: 1rem !important;
}

.bs-pl-3 {
  padding-left: 1rem !important;
}

.bs-pr-3 {
  padding-right: 1rem !important;
}

.bs-pt-3 {
  padding-top: 1rem !important;
}

.bs-pb-3 {
  padding-bottom: 1rem !important;
}

.bs-p-4 {
  padding: 1.5rem !important;
}

.bs-pl-4 {
  padding-left: 1.5rem !important;
}

.bs-pr-4 {
  padding-right: 1.5rem !important;
}

.bs-pt-4 {
  padding-top: 1.5rem !important;
}

.bs-pb-4 {
  padding-bottom: 1.5rem !important;
}

.bs-p-5 {
  padding: 3rem !important;
}

.bs-pl-5 {
  padding-left: 3rem !important;
}

.bs-pr-5 {
  padding-right: 3rem !important;
}

.bs-pt-5 {
  padding-top: 3rem !important;
}

.bs-pb-5 {
  padding-bottom: 3rem !important;
}

@media screen and (max-width: 576px) {
  .bs-p-sm-1 {
    padding: 0.25rem !important;
  }
  .bs-pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .bs-pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .bs-pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .bs-pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-sm-1 {
  padding: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pl-sm-1 {
  padding-left: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pr-sm-1 {
  padding-right: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pt-sm-1 {
  padding-top: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pb-sm-1 {
  padding-bottom: 0.25rem !important;
}

@media (min-width: 576px) and (max-width: 992px) {
  .bs-p-md-1 {
    padding: 0.25rem !important;
  }
  .bs-pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .bs-pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .bs-pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .bs-pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-md-1 {
  padding: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pl-md-1 {
  padding-left: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pr-md-1 {
  padding-right: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pt-md-1 {
  padding-top: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pb-md-1 {
  padding-bottom: 0.25rem !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bs-p-lg-1 {
    padding: 0.25rem !important;
  }
  .bs-pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .bs-pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .bs-pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .bs-pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-lg-1 {
  padding: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pl-lg-1 {
  padding-left: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pr-lg-1 {
  padding-right: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pt-lg-1 {
  padding-top: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pb-lg-1 {
  padding-bottom: 0.25rem !important;
}

@media (min-width: 1200px) {
  .bs-p-xl-1 {
    padding: 0.25rem !important;
  }
  .bs-pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .bs-pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .bs-pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .bs-pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-xl-1 {
  padding: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pl-xl-1 {
  padding-left: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pr-xl-1 {
  padding-right: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pt-xl-1 {
  padding-top: 0.25rem !important;
}

.ui-dialog-off-canvas .bs-pb-xl-1 {
  padding-bottom: 0.25rem !important;
}

@media screen and (max-width: 576px) {
  .bs-p-sm-2 {
    padding: 0.5rem !important;
  }
  .bs-pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .bs-pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .bs-pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .bs-pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-sm-2 {
  padding: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-sm-2 {
  padding-left: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-sm-2 {
  padding-right: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-sm-2 {
  padding-top: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-sm-2 {
  padding-bottom: 0.5rem !important;
}

@media (min-width: 576px) and (max-width: 992px) {
  .bs-p-md-2 {
    padding: 0.5rem !important;
  }
  .bs-pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .bs-pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .bs-pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .bs-pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-md-2 {
  padding: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-md-2 {
  padding-left: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-md-2 {
  padding-right: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-md-2 {
  padding-top: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-md-2 {
  padding-bottom: 0.5rem !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bs-p-lg-2 {
    padding: 0.5rem !important;
  }
  .bs-pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .bs-pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .bs-pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .bs-pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-lg-2 {
  padding: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-lg-2 {
  padding-left: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-lg-2 {
  padding-right: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-lg-2 {
  padding-top: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-lg-2 {
  padding-bottom: 0.5rem !important;
}

@media (min-width: 1200px) {
  .bs-p-xl-2 {
    padding: 0.5rem !important;
  }
  .bs-pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .bs-pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .bs-pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .bs-pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-xl-2 {
  padding: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-xl-2 {
  padding-left: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-xl-2 {
  padding-right: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-xl-2 {
  padding-top: 0.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-xl-2 {
  padding-bottom: 0.5rem !important;
}

@media screen and (max-width: 576px) {
  .bs-p-sm-3 {
    padding: 1rem !important;
  }
  .bs-pl-sm-3 {
    padding-left: 1rem !important;
  }
  .bs-pr-sm-3 {
    padding-right: 1rem !important;
  }
  .bs-pt-sm-3 {
    padding-top: 1rem !important;
  }
  .bs-pb-sm-3 {
    padding-bottom: 1rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-sm-3 {
  padding: 1rem !important;
}

.ui-dialog-off-canvas .bs-pl-sm-3 {
  padding-left: 1rem !important;
}

.ui-dialog-off-canvas .bs-pr-sm-3 {
  padding-right: 1rem !important;
}

.ui-dialog-off-canvas .bs-pt-sm-3 {
  padding-top: 1rem !important;
}

.ui-dialog-off-canvas .bs-pb-sm-3 {
  padding-bottom: 1rem !important;
}

@media (min-width: 576px) and (max-width: 992px) {
  .bs-p-md-3 {
    padding: 1rem !important;
  }
  .bs-pl-md-3 {
    padding-left: 1rem !important;
  }
  .bs-pr-md-3 {
    padding-right: 1rem !important;
  }
  .bs-pt-md-3 {
    padding-top: 1rem !important;
  }
  .bs-pb-md-3 {
    padding-bottom: 1rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-md-3 {
  padding: 1rem !important;
}

.ui-dialog-off-canvas .bs-pl-md-3 {
  padding-left: 1rem !important;
}

.ui-dialog-off-canvas .bs-pr-md-3 {
  padding-right: 1rem !important;
}

.ui-dialog-off-canvas .bs-pt-md-3 {
  padding-top: 1rem !important;
}

.ui-dialog-off-canvas .bs-pb-md-3 {
  padding-bottom: 1rem !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bs-p-lg-3 {
    padding: 1rem !important;
  }
  .bs-pl-lg-3 {
    padding-left: 1rem !important;
  }
  .bs-pr-lg-3 {
    padding-right: 1rem !important;
  }
  .bs-pt-lg-3 {
    padding-top: 1rem !important;
  }
  .bs-pb-lg-3 {
    padding-bottom: 1rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-lg-3 {
  padding: 1rem !important;
}

.ui-dialog-off-canvas .bs-pl-lg-3 {
  padding-left: 1rem !important;
}

.ui-dialog-off-canvas .bs-pr-lg-3 {
  padding-right: 1rem !important;
}

.ui-dialog-off-canvas .bs-pt-lg-3 {
  padding-top: 1rem !important;
}

.ui-dialog-off-canvas .bs-pb-lg-3 {
  padding-bottom: 1rem !important;
}

@media (min-width: 1200px) {
  .bs-p-xl-3 {
    padding: 1rem !important;
  }
  .bs-pl-xl-3 {
    padding-left: 1rem !important;
  }
  .bs-pr-xl-3 {
    padding-right: 1rem !important;
  }
  .bs-pt-xl-3 {
    padding-top: 1rem !important;
  }
  .bs-pb-xl-3 {
    padding-bottom: 1rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-xl-3 {
  padding: 1rem !important;
}

.ui-dialog-off-canvas .bs-pl-xl-3 {
  padding-left: 1rem !important;
}

.ui-dialog-off-canvas .bs-pr-xl-3 {
  padding-right: 1rem !important;
}

.ui-dialog-off-canvas .bs-pt-xl-3 {
  padding-top: 1rem !important;
}

.ui-dialog-off-canvas .bs-pb-xl-3 {
  padding-bottom: 1rem !important;
}

@media screen and (max-width: 576px) {
  .bs-p-sm-4 {
    padding: 1.5rem !important;
  }
  .bs-pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .bs-pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .bs-pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .bs-pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-sm-4 {
  padding: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-sm-4 {
  padding-left: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-sm-4 {
  padding-right: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-sm-4 {
  padding-top: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-sm-4 {
  padding-bottom: 1.5rem !important;
}

@media (min-width: 576px) and (max-width: 992px) {
  .bs-p-md-4 {
    padding: 1.5rem !important;
  }
  .bs-pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .bs-pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .bs-pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .bs-pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-md-4 {
  padding: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-md-4 {
  padding-left: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-md-4 {
  padding-right: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-md-4 {
  padding-top: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-md-4 {
  padding-bottom: 1.5rem !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bs-p-lg-4 {
    padding: 1.5rem !important;
  }
  .bs-pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .bs-pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .bs-pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .bs-pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-lg-4 {
  padding: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-lg-4 {
  padding-left: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-lg-4 {
  padding-right: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-lg-4 {
  padding-top: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-lg-4 {
  padding-bottom: 1.5rem !important;
}

@media (min-width: 1200px) {
  .bs-p-xl-4 {
    padding: 1.5rem !important;
  }
  .bs-pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .bs-pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .bs-pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .bs-pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-xl-4 {
  padding: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pl-xl-4 {
  padding-left: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pr-xl-4 {
  padding-right: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pt-xl-4 {
  padding-top: 1.5rem !important;
}

.ui-dialog-off-canvas .bs-pb-xl-4 {
  padding-bottom: 1.5rem !important;
}

@media screen and (max-width: 576px) {
  .bs-p-sm-5 {
    padding: 3rem !important;
  }
  .bs-pl-sm-5 {
    padding-left: 3rem !important;
  }
  .bs-pr-sm-5 {
    padding-right: 3rem !important;
  }
  .bs-pt-sm-5 {
    padding-top: 3rem !important;
  }
  .bs-pb-sm-5 {
    padding-bottom: 3rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-sm-5 {
  padding: 3rem !important;
}

.ui-dialog-off-canvas .bs-pl-sm-5 {
  padding-left: 3rem !important;
}

.ui-dialog-off-canvas .bs-pr-sm-5 {
  padding-right: 3rem !important;
}

.ui-dialog-off-canvas .bs-pt-sm-5 {
  padding-top: 3rem !important;
}

.ui-dialog-off-canvas .bs-pb-sm-5 {
  padding-bottom: 3rem !important;
}

@media (min-width: 576px) and (max-width: 992px) {
  .bs-p-md-5 {
    padding: 3rem !important;
  }
  .bs-pl-md-5 {
    padding-left: 3rem !important;
  }
  .bs-pr-md-5 {
    padding-right: 3rem !important;
  }
  .bs-pt-md-5 {
    padding-top: 3rem !important;
  }
  .bs-pb-md-5 {
    padding-bottom: 3rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-md-5 {
  padding: 3rem !important;
}

.ui-dialog-off-canvas .bs-pl-md-5 {
  padding-left: 3rem !important;
}

.ui-dialog-off-canvas .bs-pr-md-5 {
  padding-right: 3rem !important;
}

.ui-dialog-off-canvas .bs-pt-md-5 {
  padding-top: 3rem !important;
}

.ui-dialog-off-canvas .bs-pb-md-5 {
  padding-bottom: 3rem !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bs-p-lg-5 {
    padding: 3rem !important;
  }
  .bs-pl-lg-5 {
    padding-left: 3rem !important;
  }
  .bs-pr-lg-5 {
    padding-right: 3rem !important;
  }
  .bs-pt-lg-5 {
    padding-top: 3rem !important;
  }
  .bs-pb-lg-5 {
    padding-bottom: 3rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-lg-5 {
  padding: 3rem !important;
}

.ui-dialog-off-canvas .bs-pl-lg-5 {
  padding-left: 3rem !important;
}

.ui-dialog-off-canvas .bs-pr-lg-5 {
  padding-right: 3rem !important;
}

.ui-dialog-off-canvas .bs-pt-lg-5 {
  padding-top: 3rem !important;
}

.ui-dialog-off-canvas .bs-pb-lg-5 {
  padding-bottom: 3rem !important;
}

@media (min-width: 1200px) {
  .bs-p-xl-5 {
    padding: 3rem !important;
  }
  .bs-pl-xl-5 {
    padding-left: 3rem !important;
  }
  .bs-pr-xl-5 {
    padding-right: 3rem !important;
  }
  .bs-pt-xl-5 {
    padding-top: 3rem !important;
  }
  .bs-pb-xl-5 {
    padding-bottom: 3rem !important;
  }
}

.ui-dialog-off-canvas .bs-p-xl-5 {
  padding: 3rem !important;
}

.ui-dialog-off-canvas .bs-pl-xl-5 {
  padding-left: 3rem !important;
}

.ui-dialog-off-canvas .bs-pr-xl-5 {
  padding-right: 3rem !important;
}

.ui-dialog-off-canvas .bs-pt-xl-5 {
  padding-top: 3rem !important;
}

.ui-dialog-off-canvas .bs-pb-xl-5 {
  padding-bottom: 3rem !important;
}

File

css/bs_example_classes/padding-classes.css
View source 
  1. .bs-p-1 {

  2.   padding: 0.25rem !important;

  3. }

  4. 

  5. .bs-pl-1 {

  6.   padding-left: 0.25rem !important;

  7. }

  8. 

  9. .bs-pr-1 {

  10.   padding-right: 0.25rem !important;

  11. }

  12. 

  13. .bs-pt-1 {

  14.   padding-top: 0.25rem !important;

  15. }

  16. 

  17. .bs-pb-1 {

  18.   padding-bottom: 0.25rem !important;

  19. }

  20. 

  21. .bs-p-2 {

  22.   padding: 0.5rem !important;

  23. }

  24. 

  25. .bs-pl-2 {

  26.   padding-left: 0.5rem !important;

  27. }

  28. 

  29. .bs-pr-2 {

  30.   padding-right: 0.5rem !important;

  31. }

  32. 

  33. .bs-pt-2 {

  34.   padding-top: 0.5rem !important;

  35. }

  36. 

  37. .bs-pb-2 {

  38.   padding-bottom: 0.5rem !important;

  39. }

  40. 

  41. .bs-p-3 {

  42.   padding: 1rem !important;

  43. }

  44. 

  45. .bs-pl-3 {

  46.   padding-left: 1rem !important;

  47. }

  48. 

  49. .bs-pr-3 {

  50.   padding-right: 1rem !important;

  51. }

  52. 

  53. .bs-pt-3 {

  54.   padding-top: 1rem !important;

  55. }

  56. 

  57. .bs-pb-3 {

  58.   padding-bottom: 1rem !important;

  59. }

  60. 

  61. .bs-p-4 {

  62.   padding: 1.5rem !important;

  63. }

  64. 

  65. .bs-pl-4 {

  66.   padding-left: 1.5rem !important;

  67. }

  68. 

  69. .bs-pr-4 {

  70.   padding-right: 1.5rem !important;

  71. }

  72. 

  73. .bs-pt-4 {

  74.   padding-top: 1.5rem !important;

  75. }

  76. 

  77. .bs-pb-4 {

  78.   padding-bottom: 1.5rem !important;

  79. }

  80. 

  81. .bs-p-5 {

  82.   padding: 3rem !important;

  83. }

  84. 

  85. .bs-pl-5 {

  86.   padding-left: 3rem !important;

  87. }

  88. 

  89. .bs-pr-5 {

  90.   padding-right: 3rem !important;

  91. }

  92. 

  93. .bs-pt-5 {

  94.   padding-top: 3rem !important;

  95. }

  96. 

  97. .bs-pb-5 {

  98.   padding-bottom: 3rem !important;

  99. }

  100. 

  101. @media screen and (max-width: 576px) {

  102.   .bs-p-sm-1 {

  103.     padding: 0.25rem !important;

  104.   }

  105.   .bs-pl-sm-1 {

  106.     padding-left: 0.25rem !important;

  107.   }

  108.   .bs-pr-sm-1 {

  109.     padding-right: 0.25rem !important;

  110.   }

  111.   .bs-pt-sm-1 {

  112.     padding-top: 0.25rem !important;

  113.   }

  114.   .bs-pb-sm-1 {

  115.     padding-bottom: 0.25rem !important;

  116.   }

  117. }

  118. 

  119. .ui-dialog-off-canvas .bs-p-sm-1 {

  120.   padding: 0.25rem !important;

  121. }

  122. 

  123. .ui-dialog-off-canvas .bs-pl-sm-1 {

  124.   padding-left: 0.25rem !important;

  125. }

  126. 

  127. .ui-dialog-off-canvas .bs-pr-sm-1 {

  128.   padding-right: 0.25rem !important;

  129. }

  130. 

  131. .ui-dialog-off-canvas .bs-pt-sm-1 {

  132.   padding-top: 0.25rem !important;

  133. }

  134. 

  135. .ui-dialog-off-canvas .bs-pb-sm-1 {

  136.   padding-bottom: 0.25rem !important;

  137. }

  138. 

  139. @media (min-width: 576px) and (max-width: 992px) {

  140.   .bs-p-md-1 {

  141.     padding: 0.25rem !important;

  142.   }

  143.   .bs-pl-md-1 {

  144.     padding-left: 0.25rem !important;

  145.   }

  146.   .bs-pr-md-1 {

  147.     padding-right: 0.25rem !important;

  148.   }

  149.   .bs-pt-md-1 {

  150.     padding-top: 0.25rem !important;

  151.   }

  152.   .bs-pb-md-1 {

  153.     padding-bottom: 0.25rem !important;

  154.   }

  155. }

  156. 

  157. .ui-dialog-off-canvas .bs-p-md-1 {

  158.   padding: 0.25rem !important;

  159. }

  160. 

  161. .ui-dialog-off-canvas .bs-pl-md-1 {

  162.   padding-left: 0.25rem !important;

  163. }

  164. 

  165. .ui-dialog-off-canvas .bs-pr-md-1 {

  166.   padding-right: 0.25rem !important;

  167. }

  168. 

  169. .ui-dialog-off-canvas .bs-pt-md-1 {

  170.   padding-top: 0.25rem !important;

  171. }

  172. 

  173. .ui-dialog-off-canvas .bs-pb-md-1 {

  174.   padding-bottom: 0.25rem !important;

  175. }

  176. 

  177. @media (min-width: 992px) and (max-width: 1200px) {

  178.   .bs-p-lg-1 {

  179.     padding: 0.25rem !important;

  180.   }

  181.   .bs-pl-lg-1 {

  182.     padding-left: 0.25rem !important;

  183.   }

  184.   .bs-pr-lg-1 {

  185.     padding-right: 0.25rem !important;

  186.   }

  187.   .bs-pt-lg-1 {

  188.     padding-top: 0.25rem !important;

  189.   }

  190.   .bs-pb-lg-1 {

  191.     padding-bottom: 0.25rem !important;

  192.   }

  193. }

  194. 

  195. .ui-dialog-off-canvas .bs-p-lg-1 {

  196.   padding: 0.25rem !important;

  197. }

  198. 

  199. .ui-dialog-off-canvas .bs-pl-lg-1 {

  200.   padding-left: 0.25rem !important;

  201. }

  202. 

  203. .ui-dialog-off-canvas .bs-pr-lg-1 {

  204.   padding-right: 0.25rem !important;

  205. }

  206. 

  207. .ui-dialog-off-canvas .bs-pt-lg-1 {

  208.   padding-top: 0.25rem !important;

  209. }

  210. 

  211. .ui-dialog-off-canvas .bs-pb-lg-1 {

  212.   padding-bottom: 0.25rem !important;

  213. }

  214. 

  215. @media (min-width: 1200px) {

  216.   .bs-p-xl-1 {

  217.     padding: 0.25rem !important;

  218.   }

  219.   .bs-pl-xl-1 {

  220.     padding-left: 0.25rem !important;

  221.   }

  222.   .bs-pr-xl-1 {

  223.     padding-right: 0.25rem !important;

  224.   }

  225.   .bs-pt-xl-1 {

  226.     padding-top: 0.25rem !important;

  227.   }

  228.   .bs-pb-xl-1 {

  229.     padding-bottom: 0.25rem !important;

  230.   }

  231. }

  232. 

  233. .ui-dialog-off-canvas .bs-p-xl-1 {

  234.   padding: 0.25rem !important;

  235. }

  236. 

  237. .ui-dialog-off-canvas .bs-pl-xl-1 {

  238.   padding-left: 0.25rem !important;

  239. }

  240. 

  241. .ui-dialog-off-canvas .bs-pr-xl-1 {

  242.   padding-right: 0.25rem !important;

  243. }

  244. 

  245. .ui-dialog-off-canvas .bs-pt-xl-1 {

  246.   padding-top: 0.25rem !important;

  247. }

  248. 

  249. .ui-dialog-off-canvas .bs-pb-xl-1 {

  250.   padding-bottom: 0.25rem !important;

  251. }

  252. 

  253. @media screen and (max-width: 576px) {

  254.   .bs-p-sm-2 {

  255.     padding: 0.5rem !important;

  256.   }

  257.   .bs-pl-sm-2 {

  258.     padding-left: 0.5rem !important;

  259.   }

  260.   .bs-pr-sm-2 {

  261.     padding-right: 0.5rem !important;

  262.   }

  263.   .bs-pt-sm-2 {

  264.     padding-top: 0.5rem !important;

  265.   }

  266.   .bs-pb-sm-2 {

  267.     padding-bottom: 0.5rem !important;

  268.   }

  269. }

  270. 

  271. .ui-dialog-off-canvas .bs-p-sm-2 {

  272.   padding: 0.5rem !important;

  273. }

  274. 

  275. .ui-dialog-off-canvas .bs-pl-sm-2 {

  276.   padding-left: 0.5rem !important;

  277. }

  278. 

  279. .ui-dialog-off-canvas .bs-pr-sm-2 {

  280.   padding-right: 0.5rem !important;

  281. }

  282. 

  283. .ui-dialog-off-canvas .bs-pt-sm-2 {

  284.   padding-top: 0.5rem !important;

  285. }

  286. 

  287. .ui-dialog-off-canvas .bs-pb-sm-2 {

  288.   padding-bottom: 0.5rem !important;

  289. }

  290. 

  291. @media (min-width: 576px) and (max-width: 992px) {

  292.   .bs-p-md-2 {

  293.     padding: 0.5rem !important;

  294.   }

  295.   .bs-pl-md-2 {

  296.     padding-left: 0.5rem !important;

  297.   }

  298.   .bs-pr-md-2 {

  299.     padding-right: 0.5rem !important;

  300.   }

  301.   .bs-pt-md-2 {

  302.     padding-top: 0.5rem !important;

  303.   }

  304.   .bs-pb-md-2 {

  305.     padding-bottom: 0.5rem !important;

  306.   }

  307. }

  308. 

  309. .ui-dialog-off-canvas .bs-p-md-2 {

  310.   padding: 0.5rem !important;

  311. }

  312. 

  313. .ui-dialog-off-canvas .bs-pl-md-2 {

  314.   padding-left: 0.5rem !important;

  315. }

  316. 

  317. .ui-dialog-off-canvas .bs-pr-md-2 {

  318.   padding-right: 0.5rem !important;

  319. }

  320. 

  321. .ui-dialog-off-canvas .bs-pt-md-2 {

  322.   padding-top: 0.5rem !important;

  323. }

  324. 

  325. .ui-dialog-off-canvas .bs-pb-md-2 {

  326.   padding-bottom: 0.5rem !important;

  327. }

  328. 

  329. @media (min-width: 992px) and (max-width: 1200px) {

  330.   .bs-p-lg-2 {

  331.     padding: 0.5rem !important;

  332.   }

  333.   .bs-pl-lg-2 {

  334.     padding-left: 0.5rem !important;

  335.   }

  336.   .bs-pr-lg-2 {

  337.     padding-right: 0.5rem !important;

  338.   }

  339.   .bs-pt-lg-2 {

  340.     padding-top: 0.5rem !important;

  341.   }

  342.   .bs-pb-lg-2 {

  343.     padding-bottom: 0.5rem !important;

  344.   }

  345. }

  346. 

  347. .ui-dialog-off-canvas .bs-p-lg-2 {

  348.   padding: 0.5rem !important;

  349. }

  350. 

  351. .ui-dialog-off-canvas .bs-pl-lg-2 {

  352.   padding-left: 0.5rem !important;

  353. }

  354. 

  355. .ui-dialog-off-canvas .bs-pr-lg-2 {

  356.   padding-right: 0.5rem !important;

  357. }

  358. 

  359. .ui-dialog-off-canvas .bs-pt-lg-2 {

  360.   padding-top: 0.5rem !important;

  361. }

  362. 

  363. .ui-dialog-off-canvas .bs-pb-lg-2 {

  364.   padding-bottom: 0.5rem !important;

  365. }

  366. 

  367. @media (min-width: 1200px) {

  368.   .bs-p-xl-2 {

  369.     padding: 0.5rem !important;

  370.   }

  371.   .bs-pl-xl-2 {

  372.     padding-left: 0.5rem !important;

  373.   }

  374.   .bs-pr-xl-2 {

  375.     padding-right: 0.5rem !important;

  376.   }

  377.   .bs-pt-xl-2 {

  378.     padding-top: 0.5rem !important;

  379.   }

  380.   .bs-pb-xl-2 {

  381.     padding-bottom: 0.5rem !important;

  382.   }

  383. }

  384. 

  385. .ui-dialog-off-canvas .bs-p-xl-2 {

  386.   padding: 0.5rem !important;

  387. }

  388. 

  389. .ui-dialog-off-canvas .bs-pl-xl-2 {

  390.   padding-left: 0.5rem !important;

  391. }

  392. 

  393. .ui-dialog-off-canvas .bs-pr-xl-2 {

  394.   padding-right: 0.5rem !important;

  395. }

  396. 

  397. .ui-dialog-off-canvas .bs-pt-xl-2 {

  398.   padding-top: 0.5rem !important;

  399. }

  400. 

  401. .ui-dialog-off-canvas .bs-pb-xl-2 {

  402.   padding-bottom: 0.5rem !important;

  403. }

  404. 

  405. @media screen and (max-width: 576px) {

  406.   .bs-p-sm-3 {

  407.     padding: 1rem !important;

  408.   }

  409.   .bs-pl-sm-3 {

  410.     padding-left: 1rem !important;

  411.   }

  412.   .bs-pr-sm-3 {

  413.     padding-right: 1rem !important;

  414.   }

  415.   .bs-pt-sm-3 {

  416.     padding-top: 1rem !important;

  417.   }

  418.   .bs-pb-sm-3 {

  419.     padding-bottom: 1rem !important;

  420.   }

  421. }

  422. 

  423. .ui-dialog-off-canvas .bs-p-sm-3 {

  424.   padding: 1rem !important;

  425. }

  426. 

  427. .ui-dialog-off-canvas .bs-pl-sm-3 {

  428.   padding-left: 1rem !important;

  429. }

  430. 

  431. .ui-dialog-off-canvas .bs-pr-sm-3 {

  432.   padding-right: 1rem !important;

  433. }

  434. 

  435. .ui-dialog-off-canvas .bs-pt-sm-3 {

  436.   padding-top: 1rem !important;

  437. }

  438. 

  439. .ui-dialog-off-canvas .bs-pb-sm-3 {

  440.   padding-bottom: 1rem !important;

  441. }

  442. 

  443. @media (min-width: 576px) and (max-width: 992px) {

  444.   .bs-p-md-3 {

  445.     padding: 1rem !important;

  446.   }

  447.   .bs-pl-md-3 {

  448.     padding-left: 1rem !important;

  449.   }

  450.   .bs-pr-md-3 {

  451.     padding-right: 1rem !important;

  452.   }

  453.   .bs-pt-md-3 {

  454.     padding-top: 1rem !important;

  455.   }

  456.   .bs-pb-md-3 {

  457.     padding-bottom: 1rem !important;

  458.   }

  459. }

  460. 

  461. .ui-dialog-off-canvas .bs-p-md-3 {

  462.   padding: 1rem !important;

  463. }

  464. 

  465. .ui-dialog-off-canvas .bs-pl-md-3 {

  466.   padding-left: 1rem !important;

  467. }

  468. 

  469. .ui-dialog-off-canvas .bs-pr-md-3 {

  470.   padding-right: 1rem !important;

  471. }

  472. 

  473. .ui-dialog-off-canvas .bs-pt-md-3 {

  474.   padding-top: 1rem !important;

  475. }

  476. 

  477. .ui-dialog-off-canvas .bs-pb-md-3 {

  478.   padding-bottom: 1rem !important;

  479. }

  480. 

  481. @media (min-width: 992px) and (max-width: 1200px) {

  482.   .bs-p-lg-3 {

  483.     padding: 1rem !important;

  484.   }

  485.   .bs-pl-lg-3 {

  486.     padding-left: 1rem !important;

  487.   }

  488.   .bs-pr-lg-3 {

  489.     padding-right: 1rem !important;

  490.   }

  491.   .bs-pt-lg-3 {

  492.     padding-top: 1rem !important;

  493.   }

  494.   .bs-pb-lg-3 {

  495.     padding-bottom: 1rem !important;

  496.   }

  497. }

  498. 

  499. .ui-dialog-off-canvas .bs-p-lg-3 {

  500.   padding: 1rem !important;

  501. }

  502. 

  503. .ui-dialog-off-canvas .bs-pl-lg-3 {

  504.   padding-left: 1rem !important;

  505. }

  506. 

  507. .ui-dialog-off-canvas .bs-pr-lg-3 {

  508.   padding-right: 1rem !important;

  509. }

  510. 

  511. .ui-dialog-off-canvas .bs-pt-lg-3 {

  512.   padding-top: 1rem !important;

  513. }

  514. 

  515. .ui-dialog-off-canvas .bs-pb-lg-3 {

  516.   padding-bottom: 1rem !important;

  517. }

  518. 

  519. @media (min-width: 1200px) {

  520.   .bs-p-xl-3 {

  521.     padding: 1rem !important;

  522.   }

  523.   .bs-pl-xl-3 {

  524.     padding-left: 1rem !important;

  525.   }

  526.   .bs-pr-xl-3 {

  527.     padding-right: 1rem !important;

  528.   }

  529.   .bs-pt-xl-3 {

  530.     padding-top: 1rem !important;

  531.   }

  532.   .bs-pb-xl-3 {

  533.     padding-bottom: 1rem !important;

  534.   }

  535. }

  536. 

  537. .ui-dialog-off-canvas .bs-p-xl-3 {

  538.   padding: 1rem !important;

  539. }

  540. 

  541. .ui-dialog-off-canvas .bs-pl-xl-3 {

  542.   padding-left: 1rem !important;

  543. }

  544. 

  545. .ui-dialog-off-canvas .bs-pr-xl-3 {

  546.   padding-right: 1rem !important;

  547. }

  548. 

  549. .ui-dialog-off-canvas .bs-pt-xl-3 {

  550.   padding-top: 1rem !important;

  551. }

  552. 

  553. .ui-dialog-off-canvas .bs-pb-xl-3 {

  554.   padding-bottom: 1rem !important;

  555. }

  556. 

  557. @media screen and (max-width: 576px) {

  558.   .bs-p-sm-4 {

  559.     padding: 1.5rem !important;

  560.   }

  561.   .bs-pl-sm-4 {

  562.     padding-left: 1.5rem !important;

  563.   }

  564.   .bs-pr-sm-4 {

  565.     padding-right: 1.5rem !important;

  566.   }

  567.   .bs-pt-sm-4 {

  568.     padding-top: 1.5rem !important;

  569.   }

  570.   .bs-pb-sm-4 {

  571.     padding-bottom: 1.5rem !important;

  572.   }

  573. }

  574. 

  575. .ui-dialog-off-canvas .bs-p-sm-4 {

  576.   padding: 1.5rem !important;

  577. }

  578. 

  579. .ui-dialog-off-canvas .bs-pl-sm-4 {

  580.   padding-left: 1.5rem !important;

  581. }

  582. 

  583. .ui-dialog-off-canvas .bs-pr-sm-4 {

  584.   padding-right: 1.5rem !important;

  585. }

  586. 

  587. .ui-dialog-off-canvas .bs-pt-sm-4 {

  588.   padding-top: 1.5rem !important;

  589. }

  590. 

  591. .ui-dialog-off-canvas .bs-pb-sm-4 {

  592.   padding-bottom: 1.5rem !important;

  593. }

  594. 

  595. @media (min-width: 576px) and (max-width: 992px) {

  596.   .bs-p-md-4 {

  597.     padding: 1.5rem !important;

  598.   }

  599.   .bs-pl-md-4 {

  600.     padding-left: 1.5rem !important;

  601.   }

  602.   .bs-pr-md-4 {

  603.     padding-right: 1.5rem !important;

  604.   }

  605.   .bs-pt-md-4 {

  606.     padding-top: 1.5rem !important;

  607.   }

  608.   .bs-pb-md-4 {

  609.     padding-bottom: 1.5rem !important;

  610.   }

  611. }

  612. 

  613. .ui-dialog-off-canvas .bs-p-md-4 {

  614.   padding: 1.5rem !important;

  615. }

  616. 

  617. .ui-dialog-off-canvas .bs-pl-md-4 {

  618.   padding-left: 1.5rem !important;

  619. }

  620. 

  621. .ui-dialog-off-canvas .bs-pr-md-4 {

  622.   padding-right: 1.5rem !important;

  623. }

  624. 

  625. .ui-dialog-off-canvas .bs-pt-md-4 {

  626.   padding-top: 1.5rem !important;

  627. }

  628. 

  629. .ui-dialog-off-canvas .bs-pb-md-4 {

  630.   padding-bottom: 1.5rem !important;

  631. }

  632. 

  633. @media (min-width: 992px) and (max-width: 1200px) {

  634.   .bs-p-lg-4 {

  635.     padding: 1.5rem !important;

  636.   }

  637.   .bs-pl-lg-4 {

  638.     padding-left: 1.5rem !important;

  639.   }

  640.   .bs-pr-lg-4 {

  641.     padding-right: 1.5rem !important;

  642.   }

  643.   .bs-pt-lg-4 {

  644.     padding-top: 1.5rem !important;

  645.   }

  646.   .bs-pb-lg-4 {

  647.     padding-bottom: 1.5rem !important;

  648.   }

  649. }

  650. 

  651. .ui-dialog-off-canvas .bs-p-lg-4 {

  652.   padding: 1.5rem !important;

  653. }

  654. 

  655. .ui-dialog-off-canvas .bs-pl-lg-4 {

  656.   padding-left: 1.5rem !important;

  657. }

  658. 

  659. .ui-dialog-off-canvas .bs-pr-lg-4 {

  660.   padding-right: 1.5rem !important;

  661. }

  662. 

  663. .ui-dialog-off-canvas .bs-pt-lg-4 {

  664.   padding-top: 1.5rem !important;

  665. }

  666. 

  667. .ui-dialog-off-canvas .bs-pb-lg-4 {

  668.   padding-bottom: 1.5rem !important;

  669. }

  670. 

  671. @media (min-width: 1200px) {

  672.   .bs-p-xl-4 {

  673.     padding: 1.5rem !important;

  674.   }

  675.   .bs-pl-xl-4 {

  676.     padding-left: 1.5rem !important;

  677.   }

  678.   .bs-pr-xl-4 {

  679.     padding-right: 1.5rem !important;

  680.   }

  681.   .bs-pt-xl-4 {

  682.     padding-top: 1.5rem !important;

  683.   }

  684.   .bs-pb-xl-4 {

  685.     padding-bottom: 1.5rem !important;

  686.   }

  687. }

  688. 

  689. .ui-dialog-off-canvas .bs-p-xl-4 {

  690.   padding: 1.5rem !important;

  691. }

  692. 

  693. .ui-dialog-off-canvas .bs-pl-xl-4 {

  694.   padding-left: 1.5rem !important;

  695. }

  696. 

  697. .ui-dialog-off-canvas .bs-pr-xl-4 {

  698.   padding-right: 1.5rem !important;

  699. }

  700. 

  701. .ui-dialog-off-canvas .bs-pt-xl-4 {

  702.   padding-top: 1.5rem !important;

  703. }

  704. 

  705. .ui-dialog-off-canvas .bs-pb-xl-4 {

  706.   padding-bottom: 1.5rem !important;

  707. }

  708. 

  709. @media screen and (max-width: 576px) {

  710.   .bs-p-sm-5 {

  711.     padding: 3rem !important;

  712.   }

  713.   .bs-pl-sm-5 {

  714.     padding-left: 3rem !important;

  715.   }

  716.   .bs-pr-sm-5 {

  717.     padding-right: 3rem !important;

  718.   }

  719.   .bs-pt-sm-5 {

  720.     padding-top: 3rem !important;

  721.   }

  722.   .bs-pb-sm-5 {

  723.     padding-bottom: 3rem !important;

  724.   }

  725. }

  726. 

  727. .ui-dialog-off-canvas .bs-p-sm-5 {

  728.   padding: 3rem !important;

  729. }

  730. 

  731. .ui-dialog-off-canvas .bs-pl-sm-5 {

  732.   padding-left: 3rem !important;

  733. }

  734. 

  735. .ui-dialog-off-canvas .bs-pr-sm-5 {

  736.   padding-right: 3rem !important;

  737. }

  738. 

  739. .ui-dialog-off-canvas .bs-pt-sm-5 {

  740.   padding-top: 3rem !important;

  741. }

  742. 

  743. .ui-dialog-off-canvas .bs-pb-sm-5 {

  744.   padding-bottom: 3rem !important;

  745. }

  746. 

  747. @media (min-width: 576px) and (max-width: 992px) {

  748.   .bs-p-md-5 {

  749.     padding: 3rem !important;

  750.   }

  751.   .bs-pl-md-5 {

  752.     padding-left: 3rem !important;

  753.   }

  754.   .bs-pr-md-5 {

  755.     padding-right: 3rem !important;

  756.   }

  757.   .bs-pt-md-5 {

  758.     padding-top: 3rem !important;

  759.   }

  760.   .bs-pb-md-5 {

  761.     padding-bottom: 3rem !important;

  762.   }

  763. }

  764. 

  765. .ui-dialog-off-canvas .bs-p-md-5 {

  766.   padding: 3rem !important;

  767. }

  768. 

  769. .ui-dialog-off-canvas .bs-pl-md-5 {

  770.   padding-left: 3rem !important;

  771. }

  772. 

  773. .ui-dialog-off-canvas .bs-pr-md-5 {

  774.   padding-right: 3rem !important;

  775. }

  776. 

  777. .ui-dialog-off-canvas .bs-pt-md-5 {

  778.   padding-top: 3rem !important;

  779. }

  780. 

  781. .ui-dialog-off-canvas .bs-pb-md-5 {

  782.   padding-bottom: 3rem !important;

  783. }

  784. 

  785. @media (min-width: 992px) and (max-width: 1200px) {

  786.   .bs-p-lg-5 {

  787.     padding: 3rem !important;

  788.   }

  789.   .bs-pl-lg-5 {

  790.     padding-left: 3rem !important;

  791.   }

  792.   .bs-pr-lg-5 {

  793.     padding-right: 3rem !important;

  794.   }

  795.   .bs-pt-lg-5 {

  796.     padding-top: 3rem !important;

  797.   }

  798.   .bs-pb-lg-5 {

  799.     padding-bottom: 3rem !important;

  800.   }

  801. }

  802. 

  803. .ui-dialog-off-canvas .bs-p-lg-5 {

  804.   padding: 3rem !important;

  805. }

  806. 

  807. .ui-dialog-off-canvas .bs-pl-lg-5 {

  808.   padding-left: 3rem !important;

  809. }

  810. 

  811. .ui-dialog-off-canvas .bs-pr-lg-5 {

  812.   padding-right: 3rem !important;

  813. }

  814. 

  815. .ui-dialog-off-canvas .bs-pt-lg-5 {

  816.   padding-top: 3rem !important;

  817. }

  818. 

  819. .ui-dialog-off-canvas .bs-pb-lg-5 {

  820.   padding-bottom: 3rem !important;

  821. }

  822. 

  823. @media (min-width: 1200px) {

  824.   .bs-p-xl-5 {

  825.     padding: 3rem !important;

  826.   }

  827.   .bs-pl-xl-5 {

  828.     padding-left: 3rem !important;

  829.   }

  830.   .bs-pr-xl-5 {

  831.     padding-right: 3rem !important;

  832.   }

  833.   .bs-pt-xl-5 {

  834.     padding-top: 3rem !important;

  835.   }

  836.   .bs-pb-xl-5 {

  837.     padding-bottom: 3rem !important;

  838.   }

  839. }

  840. 

  841. .ui-dialog-off-canvas .bs-p-xl-5 {

  842.   padding: 3rem !important;

  843. }

  844. 

  845. .ui-dialog-off-canvas .bs-pl-xl-5 {

  846.   padding-left: 3rem !important;

  847. }

  848. 

  849. .ui-dialog-off-canvas .bs-pr-xl-5 {

  850.   padding-right: 3rem !important;

  851. }

  852. 

  853. .ui-dialog-off-canvas .bs-pt-xl-5 {

  854.   padding-top: 3rem !important;

  855. }

  856. 

  857. .ui-dialog-off-canvas .bs-pb-xl-5 {

  858.   padding-bottom: 3rem !important;

  859. }