* {
  padding: 0;
  margin: o;
  box-sizing: border-box;
}

.accord-section .loopy {
  display: flex;
  flex-direction: column;
}
.accord-section .loopy .item-div {
  padding-left: 2rem;
}
.accord-section .loopy .main-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 15rem;
  padding: 0rem 2rem;
}

.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

:root {
  --gray-0: #FFFFFF;
  --gray-1: #FcFcFc;
  --gray-2: #FAFAFA;
  --gray-3: #f7f7f7;
  --gray-4: #F5F5F5;
  --gray-5: #f2f2f2;
  --gray-10: #e6e6e6;
  --gray-20: #cccccc;
  --gray-30: #b3b3b3;
  --gray-40: #999999;
  --gray-50: #808080;
  --gray-60: #666666;
  --gray-70: #4d4d4d;
  --gray-80: #333333;
  --gray-90: #3c3c3b;
  --gray-100: #000000;
  --color-1-d-1: #DB1630;
  --color-1-d-2: #750C1A;
  --color-1-0: #8F0E1F;
  --color-1-l-1: #9C1022;
  --color-1-l-2: #DB1630;
  --color-2-d-1: #00364F;
  --color-2-d-2: #005075;
  --color-2-0: #006390;
  --color-2-l-1: #006A9C;
  --color-2-l-2: #0096DB;
}

.bg_gray-0 {
  background-color: #FFFFFF;
}

.bg_gray-1 {
  background-color: #FcFcFc;
}

.bg_gray-2 {
  background-color: #FAFAFA;
}

.bg_gray-3 {
  background-color: #f7f7f7;
}

.bg_gray-4 {
  background-color: #F5F5F5;
}

.bg_gray-5 {
  background-color: #f2f2f2;
}

.bg_gray-10 {
  background-color: #e6e6e6;
}

.bg_gray-20 {
  background-color: #cccccc;
}

.bg_gray-30 {
  background-color: #b3b3b3;
}

.bg_gray-40 {
  background-color: #999999;
}

.bg_gray-50 {
  background-color: #808080;
}

.bg_gray-60 {
  background-color: #666666;
}

.bg_gray-70 {
  background-color: #4d4d4d;
}

.bg_gray-80 {
  background-color: #333333;
}

.bg_gray-90 {
  background-color: #3c3c3b;
}

.bg_gray-100 {
  background-color: #000000;
}

.text_gray-0 {
  color: #FFFFFF;
}

.text_gray-1 {
  color: #FcFcFc;
}

.text_gray-2 {
  color: #FAFAFA;
}

.text_gray-3 {
  color: #f7f7f7;
}

.text_gray-4 {
  color: #F5F5F5;
}

.text_gray-5 {
  color: #f2f2f2;
}

.text_gray-10 {
  color: #e6e6e6;
}

.text_gray-20 {
  color: #cccccc;
}

.text_gray-30 {
  color: #b3b3b3;
}

.text_gray-40 {
  color: #999999;
}

.text_gray-50 {
  color: #808080;
}

.text_gray-60 {
  color: #666666;
}

.text_gray-70 {
  color: #4d4d4d;
}

.text_gray-80 {
  color: #333333;
}

.text_gray-90 {
  color: #3c3c3b;
}

.text_gray-100 {
  color: #000000;
}

.border_gray-0 {
  border-color: #FFFFFF;
}

.border_gray-1 {
  border-color: #FcFcFc;
}

.border_gray-2 {
  border-color: #FAFAFA;
}

.border_gray-3 {
  border-color: #f7f7f7;
}

.border_gray-4 {
  border-color: #F5F5F5;
}

.border_gray-5 {
  border-color: #f2f2f2;
}

.border_gray-10 {
  border-color: #e6e6e6;
}

.border_gray-20 {
  border-color: #cccccc;
}

.border_gray-30 {
  border-color: #b3b3b3;
}

.border_gray-40 {
  border-color: #999999;
}

.border_gray-50 {
  border-color: #808080;
}

.border_gray-60 {
  border-color: #666666;
}

.border_gray-70 {
  border-color: #4d4d4d;
}

.border_gray-80 {
  border-color: #333333;
}

.border_gray-90 {
  border-color: #3c3c3b;
}

.border_gray-100 {
  border-color: #000000;
}

.bg_color-1-d-1 {
  background-color: #DB1630;
}

.bg_color-1-d-2 {
  background-color: #750C1A;
}

.bg_color-1-0 {
  background-color: #8F0E1F;
}

.bg_color-1-l-1 {
  background-color: #9C1022;
}

.bg_color-1-l-2 {
  background-color: #DB1630;
}

.text_color-1-d-1 {
  color: #DB1630;
}

.text_color-1-d-2 {
  color: #750C1A;
}

.text_color-1-0 {
  color: #8F0E1F;
}

.text_color-1-l-1 {
  color: #9C1022;
}

.text_color-1-l-2 {
  color: #DB1630;
}

.border_color-1-d-1 {
  border-color: #DB1630;
}

.border_color-1-d-2 {
  border-color: #750C1A;
}

.border_color-1-0 {
  border-color: #8F0E1F;
}

.border_color-1-l-1 {
  border-color: #9C1022;
}

.border_color-1-l-2 {
  border-color: #DB1630;
}

.bg_color-2-d-1 {
  background-color: #00364F;
}

.bg_color-2-d-2 {
  background-color: #005075;
}

.bg_color-2-0 {
  background-color: #006390;
}

.bg_color-2-l-1 {
  background-color: #006A9C;
}

.bg_color-2-l-2 {
  background-color: #0096DB;
}

.text_color-2-d-1 {
  color: #00364F;
}

.text_color-2-d-2 {
  color: #005075;
}

.text_color-2-0 {
  color: #006390;
}

.text_color-2-l-1 {
  color: #006A9C;
}

.text_color-2-l-2 {
  color: #0096DB;
}

.border_color-2-d-1 {
  border-color: #00364F;
}

.border_color-2-d-2 {
  border-color: #005075;
}

.border_color-2-0 {
  border-color: #006390;
}

.border_color-2-l-1 {
  border-color: #006A9C;
}

.border_color-2-l-2 {
  border-color: #0096DB;
}

.h_0 {
  height: 0% !important;
}

.h_1 {
  height: 1% !important;
}

.h_2 {
  height: 2% !important;
}

.h_3 {
  height: 3% !important;
}

.h_4 {
  height: 4% !important;
}

.h_5 {
  height: 5% !important;
}

.h_6 {
  height: 6% !important;
}

.h_7 {
  height: 7% !important;
}

.h_8 {
  height: 8% !important;
}

.h_9 {
  height: 9% !important;
}

.h_10 {
  height: 10% !important;
}

.h_11 {
  height: 11% !important;
}

.h_12 {
  height: 12% !important;
}

.h_13 {
  height: 13% !important;
}

.h_14 {
  height: 14% !important;
}

.h_15 {
  height: 15% !important;
}

.h_16 {
  height: 16% !important;
}

.h_17 {
  height: 17% !important;
}

.h_18 {
  height: 18% !important;
}

.h_19 {
  height: 19% !important;
}

.h_20 {
  height: 20% !important;
}

.h_21 {
  height: 21% !important;
}

.h_22 {
  height: 22% !important;
}

.h_23 {
  height: 23% !important;
}

.h_24 {
  height: 24% !important;
}

.h_25 {
  height: 25% !important;
}

.h_26 {
  height: 26% !important;
}

.h_27 {
  height: 27% !important;
}

.h_28 {
  height: 28% !important;
}

.h_29 {
  height: 29% !important;
}

.h_30 {
  height: 30% !important;
}

.h_31 {
  height: 31% !important;
}

.h_32 {
  height: 32% !important;
}

.h_33 {
  height: 33% !important;
}

.h_34 {
  height: 34% !important;
}

.h_35 {
  height: 35% !important;
}

.h_36 {
  height: 36% !important;
}

.h_37 {
  height: 37% !important;
}

.h_38 {
  height: 38% !important;
}

.h_39 {
  height: 39% !important;
}

.h_40 {
  height: 40% !important;
}

.h_41 {
  height: 41% !important;
}

.h_42 {
  height: 42% !important;
}

.h_43 {
  height: 43% !important;
}

.h_44 {
  height: 44% !important;
}

.h_45 {
  height: 45% !important;
}

.h_46 {
  height: 46% !important;
}

.h_47 {
  height: 47% !important;
}

.h_48 {
  height: 48% !important;
}

.h_49 {
  height: 49% !important;
}

.h_50 {
  height: 50% !important;
}

.h_51 {
  height: 51% !important;
}

.h_52 {
  height: 52% !important;
}

.h_53 {
  height: 53% !important;
}

.h_54 {
  height: 54% !important;
}

.h_55 {
  height: 55% !important;
}

.h_56 {
  height: 56% !important;
}

.h_57 {
  height: 57% !important;
}

.h_58 {
  height: 58% !important;
}

.h_59 {
  height: 59% !important;
}

.h_60 {
  height: 60% !important;
}

.h_61 {
  height: 61% !important;
}

.h_62 {
  height: 62% !important;
}

.h_63 {
  height: 63% !important;
}

.h_64 {
  height: 64% !important;
}

.h_65 {
  height: 65% !important;
}

.h_66 {
  height: 66% !important;
}

.h_67 {
  height: 67% !important;
}

.h_68 {
  height: 68% !important;
}

.h_69 {
  height: 69% !important;
}

.h_70 {
  height: 70% !important;
}

.h_71 {
  height: 71% !important;
}

.h_72 {
  height: 72% !important;
}

.h_73 {
  height: 73% !important;
}

.h_74 {
  height: 74% !important;
}

.h_75 {
  height: 75% !important;
}

.h_76 {
  height: 76% !important;
}

.h_77 {
  height: 77% !important;
}

.h_78 {
  height: 78% !important;
}

.h_79 {
  height: 79% !important;
}

.h_80 {
  height: 80% !important;
}

.h_81 {
  height: 81% !important;
}

.h_82 {
  height: 82% !important;
}

.h_83 {
  height: 83% !important;
}

.h_84 {
  height: 84% !important;
}

.h_85 {
  height: 85% !important;
}

.h_86 {
  height: 86% !important;
}

.h_87 {
  height: 87% !important;
}

.h_88 {
  height: 88% !important;
}

.h_89 {
  height: 89% !important;
}

.h_90 {
  height: 90% !important;
}

.h_91 {
  height: 91% !important;
}

.h_92 {
  height: 92% !important;
}

.h_93 {
  height: 93% !important;
}

.h_94 {
  height: 94% !important;
}

.h_95 {
  height: 95% !important;
}

.h_96 {
  height: 96% !important;
}

.h_97 {
  height: 97% !important;
}

.h_98 {
  height: 98% !important;
}

.h_99 {
  height: 99% !important;
}

.h_100 {
  height: 100% !important;
}

.rounded_0 {
  border-radius: 0px !important;
}

.rounded_t_0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded_r_0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded_b_0 {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.rounded_l_0 {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

[dir=rtl] .rounded_r_0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

[dir=rtl] .rounded_l_0 {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded_1 {
  border-radius: 1px !important;
}

.rounded_t_1 {
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
}

.rounded_r_1 {
  border-top-right-radius: 1px !important;
  border-bottom-right-radius: 1px !important;
}

.rounded_b_1 {
  border-bottom-right-radius: 1px !important;
  border-bottom-left-radius: 1px !important;
}

.rounded_l_1 {
  border-bottom-left-radius: 1px !important;
  border-top-left-radius: 1px !important;
}

[dir=rtl] .rounded_r_1 {
  border-top-left-radius: 1px !important;
  border-bottom-left-radius: 1px !important;
}

[dir=rtl] .rounded_l_1 {
  border-bottom-right-radius: 1px !important;
  border-top-right-radius: 1px !important;
  border-top-right-radius: 1px !important;
}

.rounded_2 {
  border-radius: 2px !important;
}

.rounded_t_2 {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.rounded_r_2 {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.rounded_b_2 {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.rounded_l_2 {
  border-bottom-left-radius: 2px !important;
  border-top-left-radius: 2px !important;
}

[dir=rtl] .rounded_r_2 {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

[dir=rtl] .rounded_l_2 {
  border-bottom-right-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.rounded_3 {
  border-radius: 3px !important;
}

.rounded_t_3 {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rounded_r_3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.rounded_b_3 {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rounded_l_3 {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}

[dir=rtl] .rounded_r_3 {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

[dir=rtl] .rounded_l_3 {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rounded_4 {
  border-radius: 4px !important;
}

.rounded_t_4 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded_r_4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded_b_4 {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.rounded_l_4 {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}

[dir=rtl] .rounded_r_4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

[dir=rtl] .rounded_l_4 {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded_5 {
  border-radius: 5px !important;
}

.rounded_t_5 {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.rounded_r_5 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.rounded_b_5 {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.rounded_l_5 {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

[dir=rtl] .rounded_r_5 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

[dir=rtl] .rounded_l_5 {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.rounded_6 {
  border-radius: 6px !important;
}

.rounded_t_6 {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded_r_6 {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded_b_6 {
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded_l_6 {
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}

[dir=rtl] .rounded_r_6 {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

[dir=rtl] .rounded_l_6 {
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded_7 {
  border-radius: 7px !important;
}

.rounded_t_7 {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}

.rounded_r_7 {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.rounded_b_7 {
  border-bottom-right-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.rounded_l_7 {
  border-bottom-left-radius: 7px !important;
  border-top-left-radius: 7px !important;
}

[dir=rtl] .rounded_r_7 {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

[dir=rtl] .rounded_l_7 {
  border-bottom-right-radius: 7px !important;
  border-top-right-radius: 7px !important;
  border-top-right-radius: 7px !important;
}

.rounded_8 {
  border-radius: 8px !important;
}

.rounded_t_8 {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded_r_8 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.rounded_b_8 {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rounded_l_8 {
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
}

[dir=rtl] .rounded_r_8 {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

[dir=rtl] .rounded_l_8 {
  border-bottom-right-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded_9 {
  border-radius: 9px !important;
}

.rounded_t_9 {
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
}

.rounded_r_9 {
  border-top-right-radius: 9px !important;
  border-bottom-right-radius: 9px !important;
}

.rounded_b_9 {
  border-bottom-right-radius: 9px !important;
  border-bottom-left-radius: 9px !important;
}

.rounded_l_9 {
  border-bottom-left-radius: 9px !important;
  border-top-left-radius: 9px !important;
}

[dir=rtl] .rounded_r_9 {
  border-top-left-radius: 9px !important;
  border-bottom-left-radius: 9px !important;
}

[dir=rtl] .rounded_l_9 {
  border-bottom-right-radius: 9px !important;
  border-top-right-radius: 9px !important;
  border-top-right-radius: 9px !important;
}

.rounded_10 {
  border-radius: 10px !important;
}

.rounded_t_10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.rounded_r_10 {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.rounded_b_10 {
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded_l_10 {
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

[dir=rtl] .rounded_r_10 {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

[dir=rtl] .rounded_l_10 {
  border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.m_0 {
  margin: 0px !important;
}

.m_t_0 {
  margin-top: 0px !important;
}

.m_r_0 {
  margin-right: 0px !important;
}

.m_b_0 {
  margin-bottom: 0px !important;
}

.m_l_0 {
  margin-left: 0px !important;
}

.m_y_0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.m_x_0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

[dir=rtl] .m_r_0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

[dir=rtl] .m_l_0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.p_0 {
  padding: 0px !important;
}

.p_t_0 {
  padding-top: 0px !important;
}

.p_r_0 {
  padding-right: 0px !important;
}

.p_b_0 {
  padding-bottom: 0px !important;
}

.p_l_0 {
  padding-left: 0px !important;
}

.p_y_0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* padding horizontal*/
.p_x_0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

[dir=rtl] .p_r_0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

[dir=rtl] .p_l_0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.m_1 {
  margin: 1px !important;
}

.m_t_1 {
  margin-top: 1px !important;
}

.m_r_1 {
  margin-right: 1px !important;
}

.m_b_1 {
  margin-bottom: 1px !important;
}

.m_l_1 {
  margin-left: 1px !important;
}

.m_y_1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.m_x_1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}

[dir=rtl] .m_r_1 {
  margin-right: 0px !important;
  margin-left: 1px !important;
}

[dir=rtl] .m_l_1 {
  margin-right: 1px !important;
  margin-left: 0px !important;
}

.p_1 {
  padding: 1px !important;
}

.p_t_1 {
  padding-top: 1px !important;
}

.p_r_1 {
  padding-right: 1px !important;
}

.p_b_1 {
  padding-bottom: 1px !important;
}

.p_l_1 {
  padding-left: 1px !important;
}

.p_y_1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

/* padding horizontal*/
.p_x_1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

[dir=rtl] .p_r_1 {
  padding-right: 0px !important;
  padding-left: 1px !important;
}

[dir=rtl] .p_l_1 {
  padding-right: 1px !important;
  padding-left: 0px !important;
}

.m_2 {
  margin: 2px !important;
}

.m_t_2 {
  margin-top: 2px !important;
}

.m_r_2 {
  margin-right: 2px !important;
}

.m_b_2 {
  margin-bottom: 2px !important;
}

.m_l_2 {
  margin-left: 2px !important;
}

.m_y_2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m_x_2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

[dir=rtl] .m_r_2 {
  margin-right: 0px !important;
  margin-left: 2px !important;
}

[dir=rtl] .m_l_2 {
  margin-right: 2px !important;
  margin-left: 0px !important;
}

.p_2 {
  padding: 2px !important;
}

.p_t_2 {
  padding-top: 2px !important;
}

.p_r_2 {
  padding-right: 2px !important;
}

.p_b_2 {
  padding-bottom: 2px !important;
}

.p_l_2 {
  padding-left: 2px !important;
}

.p_y_2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* padding horizontal*/
.p_x_2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

[dir=rtl] .p_r_2 {
  padding-right: 0px !important;
  padding-left: 2px !important;
}

[dir=rtl] .p_l_2 {
  padding-right: 2px !important;
  padding-left: 0px !important;
}

.m_3 {
  margin: 3px !important;
}

.m_t_3 {
  margin-top: 3px !important;
}

.m_r_3 {
  margin-right: 3px !important;
}

.m_b_3 {
  margin-bottom: 3px !important;
}

.m_l_3 {
  margin-left: 3px !important;
}

.m_y_3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m_x_3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

[dir=rtl] .m_r_3 {
  margin-right: 0px !important;
  margin-left: 3px !important;
}

[dir=rtl] .m_l_3 {
  margin-right: 3px !important;
  margin-left: 0px !important;
}

.p_3 {
  padding: 3px !important;
}

.p_t_3 {
  padding-top: 3px !important;
}

.p_r_3 {
  padding-right: 3px !important;
}

.p_b_3 {
  padding-bottom: 3px !important;
}

.p_l_3 {
  padding-left: 3px !important;
}

.p_y_3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* padding horizontal*/
.p_x_3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

[dir=rtl] .p_r_3 {
  padding-right: 0px !important;
  padding-left: 3px !important;
}

[dir=rtl] .p_l_3 {
  padding-right: 3px !important;
  padding-left: 0px !important;
}

.m_4 {
  margin: 4px !important;
}

.m_t_4 {
  margin-top: 4px !important;
}

.m_r_4 {
  margin-right: 4px !important;
}

.m_b_4 {
  margin-bottom: 4px !important;
}

.m_l_4 {
  margin-left: 4px !important;
}

.m_y_4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m_x_4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

[dir=rtl] .m_r_4 {
  margin-right: 0px !important;
  margin-left: 4px !important;
}

[dir=rtl] .m_l_4 {
  margin-right: 4px !important;
  margin-left: 0px !important;
}

.p_4 {
  padding: 4px !important;
}

.p_t_4 {
  padding-top: 4px !important;
}

.p_r_4 {
  padding-right: 4px !important;
}

.p_b_4 {
  padding-bottom: 4px !important;
}

.p_l_4 {
  padding-left: 4px !important;
}

.p_y_4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* padding horizontal*/
.p_x_4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

[dir=rtl] .p_r_4 {
  padding-right: 0px !important;
  padding-left: 4px !important;
}

[dir=rtl] .p_l_4 {
  padding-right: 4px !important;
  padding-left: 0px !important;
}

.m_5 {
  margin: 5px !important;
}

.m_t_5 {
  margin-top: 5px !important;
}

.m_r_5 {
  margin-right: 5px !important;
}

.m_b_5 {
  margin-bottom: 5px !important;
}

.m_l_5 {
  margin-left: 5px !important;
}

.m_y_5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m_x_5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

[dir=rtl] .m_r_5 {
  margin-right: 0px !important;
  margin-left: 5px !important;
}

[dir=rtl] .m_l_5 {
  margin-right: 5px !important;
  margin-left: 0px !important;
}

.p_5 {
  padding: 5px !important;
}

.p_t_5 {
  padding-top: 5px !important;
}

.p_r_5 {
  padding-right: 5px !important;
}

.p_b_5 {
  padding-bottom: 5px !important;
}

.p_l_5 {
  padding-left: 5px !important;
}

.p_y_5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* padding horizontal*/
.p_x_5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

[dir=rtl] .p_r_5 {
  padding-right: 0px !important;
  padding-left: 5px !important;
}

[dir=rtl] .p_l_5 {
  padding-right: 5px !important;
  padding-left: 0px !important;
}

.m_6 {
  margin: 6px !important;
}

.m_t_6 {
  margin-top: 6px !important;
}

.m_r_6 {
  margin-right: 6px !important;
}

.m_b_6 {
  margin-bottom: 6px !important;
}

.m_l_6 {
  margin-left: 6px !important;
}

.m_y_6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.m_x_6 {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

[dir=rtl] .m_r_6 {
  margin-right: 0px !important;
  margin-left: 6px !important;
}

[dir=rtl] .m_l_6 {
  margin-right: 6px !important;
  margin-left: 0px !important;
}

.p_6 {
  padding: 6px !important;
}

.p_t_6 {
  padding-top: 6px !important;
}

.p_r_6 {
  padding-right: 6px !important;
}

.p_b_6 {
  padding-bottom: 6px !important;
}

.p_l_6 {
  padding-left: 6px !important;
}

.p_y_6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* padding horizontal*/
.p_x_6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

[dir=rtl] .p_r_6 {
  padding-right: 0px !important;
  padding-left: 6px !important;
}

[dir=rtl] .p_l_6 {
  padding-right: 6px !important;
  padding-left: 0px !important;
}

.m_7 {
  margin: 7px !important;
}

.m_t_7 {
  margin-top: 7px !important;
}

.m_r_7 {
  margin-right: 7px !important;
}

.m_b_7 {
  margin-bottom: 7px !important;
}

.m_l_7 {
  margin-left: 7px !important;
}

.m_y_7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.m_x_7 {
  margin-right: 7px !important;
  margin-left: 7px !important;
}

[dir=rtl] .m_r_7 {
  margin-right: 0px !important;
  margin-left: 7px !important;
}

[dir=rtl] .m_l_7 {
  margin-right: 7px !important;
  margin-left: 0px !important;
}

.p_7 {
  padding: 7px !important;
}

.p_t_7 {
  padding-top: 7px !important;
}

.p_r_7 {
  padding-right: 7px !important;
}

.p_b_7 {
  padding-bottom: 7px !important;
}

.p_l_7 {
  padding-left: 7px !important;
}

.p_y_7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* padding horizontal*/
.p_x_7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

[dir=rtl] .p_r_7 {
  padding-right: 0px !important;
  padding-left: 7px !important;
}

[dir=rtl] .p_l_7 {
  padding-right: 7px !important;
  padding-left: 0px !important;
}

.m_8 {
  margin: 8px !important;
}

.m_t_8 {
  margin-top: 8px !important;
}

.m_r_8 {
  margin-right: 8px !important;
}

.m_b_8 {
  margin-bottom: 8px !important;
}

.m_l_8 {
  margin-left: 8px !important;
}

.m_y_8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m_x_8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

[dir=rtl] .m_r_8 {
  margin-right: 0px !important;
  margin-left: 8px !important;
}

[dir=rtl] .m_l_8 {
  margin-right: 8px !important;
  margin-left: 0px !important;
}

.p_8 {
  padding: 8px !important;
}

.p_t_8 {
  padding-top: 8px !important;
}

.p_r_8 {
  padding-right: 8px !important;
}

.p_b_8 {
  padding-bottom: 8px !important;
}

.p_l_8 {
  padding-left: 8px !important;
}

.p_y_8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* padding horizontal*/
.p_x_8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

[dir=rtl] .p_r_8 {
  padding-right: 0px !important;
  padding-left: 8px !important;
}

[dir=rtl] .p_l_8 {
  padding-right: 8px !important;
  padding-left: 0px !important;
}

.m_9 {
  margin: 9px !important;
}

.m_t_9 {
  margin-top: 9px !important;
}

.m_r_9 {
  margin-right: 9px !important;
}

.m_b_9 {
  margin-bottom: 9px !important;
}

.m_l_9 {
  margin-left: 9px !important;
}

.m_y_9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.m_x_9 {
  margin-right: 9px !important;
  margin-left: 9px !important;
}

[dir=rtl] .m_r_9 {
  margin-right: 0px !important;
  margin-left: 9px !important;
}

[dir=rtl] .m_l_9 {
  margin-right: 9px !important;
  margin-left: 0px !important;
}

.p_9 {
  padding: 9px !important;
}

.p_t_9 {
  padding-top: 9px !important;
}

.p_r_9 {
  padding-right: 9px !important;
}

.p_b_9 {
  padding-bottom: 9px !important;
}

.p_l_9 {
  padding-left: 9px !important;
}

.p_y_9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

/* padding horizontal*/
.p_x_9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

[dir=rtl] .p_r_9 {
  padding-right: 0px !important;
  padding-left: 9px !important;
}

[dir=rtl] .p_l_9 {
  padding-right: 9px !important;
  padding-left: 0px !important;
}

.m_10 {
  margin: 10px !important;
}

.m_t_10 {
  margin-top: 10px !important;
}

.m_r_10 {
  margin-right: 10px !important;
}

.m_b_10 {
  margin-bottom: 10px !important;
}

.m_l_10 {
  margin-left: 10px !important;
}

.m_y_10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m_x_10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

[dir=rtl] .m_r_10 {
  margin-right: 0px !important;
  margin-left: 10px !important;
}

[dir=rtl] .m_l_10 {
  margin-right: 10px !important;
  margin-left: 0px !important;
}

.p_10 {
  padding: 10px !important;
}

.p_t_10 {
  padding-top: 10px !important;
}

.p_r_10 {
  padding-right: 10px !important;
}

.p_b_10 {
  padding-bottom: 10px !important;
}

.p_l_10 {
  padding-left: 10px !important;
}

.p_y_10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* padding horizontal*/
.p_x_10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

[dir=rtl] .p_r_10 {
  padding-right: 0px !important;
  padding-left: 10px !important;
}

[dir=rtl] .p_l_10 {
  padding-right: 10px !important;
  padding-left: 0px !important;
}

.m_11 {
  margin: 11px !important;
}

.m_t_11 {
  margin-top: 11px !important;
}

.m_r_11 {
  margin-right: 11px !important;
}

.m_b_11 {
  margin-bottom: 11px !important;
}

.m_l_11 {
  margin-left: 11px !important;
}

.m_y_11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.m_x_11 {
  margin-right: 11px !important;
  margin-left: 11px !important;
}

[dir=rtl] .m_r_11 {
  margin-right: 0px !important;
  margin-left: 11px !important;
}

[dir=rtl] .m_l_11 {
  margin-right: 11px !important;
  margin-left: 0px !important;
}

.p_11 {
  padding: 11px !important;
}

.p_t_11 {
  padding-top: 11px !important;
}

.p_r_11 {
  padding-right: 11px !important;
}

.p_b_11 {
  padding-bottom: 11px !important;
}

.p_l_11 {
  padding-left: 11px !important;
}

.p_y_11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

/* padding horizontal*/
.p_x_11 {
  padding-right: 11px !important;
  padding-left: 11px !important;
}

[dir=rtl] .p_r_11 {
  padding-right: 0px !important;
  padding-left: 11px !important;
}

[dir=rtl] .p_l_11 {
  padding-right: 11px !important;
  padding-left: 0px !important;
}

.m_12 {
  margin: 12px !important;
}

.m_t_12 {
  margin-top: 12px !important;
}

.m_r_12 {
  margin-right: 12px !important;
}

.m_b_12 {
  margin-bottom: 12px !important;
}

.m_l_12 {
  margin-left: 12px !important;
}

.m_y_12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.m_x_12 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

[dir=rtl] .m_r_12 {
  margin-right: 0px !important;
  margin-left: 12px !important;
}

[dir=rtl] .m_l_12 {
  margin-right: 12px !important;
  margin-left: 0px !important;
}

.p_12 {
  padding: 12px !important;
}

.p_t_12 {
  padding-top: 12px !important;
}

.p_r_12 {
  padding-right: 12px !important;
}

.p_b_12 {
  padding-bottom: 12px !important;
}

.p_l_12 {
  padding-left: 12px !important;
}

.p_y_12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* padding horizontal*/
.p_x_12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

[dir=rtl] .p_r_12 {
  padding-right: 0px !important;
  padding-left: 12px !important;
}

[dir=rtl] .p_l_12 {
  padding-right: 12px !important;
  padding-left: 0px !important;
}

.m_13 {
  margin: 13px !important;
}

.m_t_13 {
  margin-top: 13px !important;
}

.m_r_13 {
  margin-right: 13px !important;
}

.m_b_13 {
  margin-bottom: 13px !important;
}

.m_l_13 {
  margin-left: 13px !important;
}

.m_y_13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.m_x_13 {
  margin-right: 13px !important;
  margin-left: 13px !important;
}

[dir=rtl] .m_r_13 {
  margin-right: 0px !important;
  margin-left: 13px !important;
}

[dir=rtl] .m_l_13 {
  margin-right: 13px !important;
  margin-left: 0px !important;
}

.p_13 {
  padding: 13px !important;
}

.p_t_13 {
  padding-top: 13px !important;
}

.p_r_13 {
  padding-right: 13px !important;
}

.p_b_13 {
  padding-bottom: 13px !important;
}

.p_l_13 {
  padding-left: 13px !important;
}

.p_y_13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

/* padding horizontal*/
.p_x_13 {
  padding-right: 13px !important;
  padding-left: 13px !important;
}

[dir=rtl] .p_r_13 {
  padding-right: 0px !important;
  padding-left: 13px !important;
}

[dir=rtl] .p_l_13 {
  padding-right: 13px !important;
  padding-left: 0px !important;
}

.m_14 {
  margin: 14px !important;
}

.m_t_14 {
  margin-top: 14px !important;
}

.m_r_14 {
  margin-right: 14px !important;
}

.m_b_14 {
  margin-bottom: 14px !important;
}

.m_l_14 {
  margin-left: 14px !important;
}

.m_y_14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.m_x_14 {
  margin-right: 14px !important;
  margin-left: 14px !important;
}

[dir=rtl] .m_r_14 {
  margin-right: 0px !important;
  margin-left: 14px !important;
}

[dir=rtl] .m_l_14 {
  margin-right: 14px !important;
  margin-left: 0px !important;
}

.p_14 {
  padding: 14px !important;
}

.p_t_14 {
  padding-top: 14px !important;
}

.p_r_14 {
  padding-right: 14px !important;
}

.p_b_14 {
  padding-bottom: 14px !important;
}

.p_l_14 {
  padding-left: 14px !important;
}

.p_y_14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* padding horizontal*/
.p_x_14 {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

[dir=rtl] .p_r_14 {
  padding-right: 0px !important;
  padding-left: 14px !important;
}

[dir=rtl] .p_l_14 {
  padding-right: 14px !important;
  padding-left: 0px !important;
}

.m_15 {
  margin: 15px !important;
}

.m_t_15 {
  margin-top: 15px !important;
}

.m_r_15 {
  margin-right: 15px !important;
}

.m_b_15 {
  margin-bottom: 15px !important;
}

.m_l_15 {
  margin-left: 15px !important;
}

.m_y_15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m_x_15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

[dir=rtl] .m_r_15 {
  margin-right: 0px !important;
  margin-left: 15px !important;
}

[dir=rtl] .m_l_15 {
  margin-right: 15px !important;
  margin-left: 0px !important;
}

.p_15 {
  padding: 15px !important;
}

.p_t_15 {
  padding-top: 15px !important;
}

.p_r_15 {
  padding-right: 15px !important;
}

.p_b_15 {
  padding-bottom: 15px !important;
}

.p_l_15 {
  padding-left: 15px !important;
}

.p_y_15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* padding horizontal*/
.p_x_15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

[dir=rtl] .p_r_15 {
  padding-right: 0px !important;
  padding-left: 15px !important;
}

[dir=rtl] .p_l_15 {
  padding-right: 15px !important;
  padding-left: 0px !important;
}

.m_16 {
  margin: 16px !important;
}

.m_t_16 {
  margin-top: 16px !important;
}

.m_r_16 {
  margin-right: 16px !important;
}

.m_b_16 {
  margin-bottom: 16px !important;
}

.m_l_16 {
  margin-left: 16px !important;
}

.m_y_16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m_x_16 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

[dir=rtl] .m_r_16 {
  margin-right: 0px !important;
  margin-left: 16px !important;
}

[dir=rtl] .m_l_16 {
  margin-right: 16px !important;
  margin-left: 0px !important;
}

.p_16 {
  padding: 16px !important;
}

.p_t_16 {
  padding-top: 16px !important;
}

.p_r_16 {
  padding-right: 16px !important;
}

.p_b_16 {
  padding-bottom: 16px !important;
}

.p_l_16 {
  padding-left: 16px !important;
}

.p_y_16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* padding horizontal*/
.p_x_16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

[dir=rtl] .p_r_16 {
  padding-right: 0px !important;
  padding-left: 16px !important;
}

[dir=rtl] .p_l_16 {
  padding-right: 16px !important;
  padding-left: 0px !important;
}

.m_17 {
  margin: 17px !important;
}

.m_t_17 {
  margin-top: 17px !important;
}

.m_r_17 {
  margin-right: 17px !important;
}

.m_b_17 {
  margin-bottom: 17px !important;
}

.m_l_17 {
  margin-left: 17px !important;
}

.m_y_17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.m_x_17 {
  margin-right: 17px !important;
  margin-left: 17px !important;
}

[dir=rtl] .m_r_17 {
  margin-right: 0px !important;
  margin-left: 17px !important;
}

[dir=rtl] .m_l_17 {
  margin-right: 17px !important;
  margin-left: 0px !important;
}

.p_17 {
  padding: 17px !important;
}

.p_t_17 {
  padding-top: 17px !important;
}

.p_r_17 {
  padding-right: 17px !important;
}

.p_b_17 {
  padding-bottom: 17px !important;
}

.p_l_17 {
  padding-left: 17px !important;
}

.p_y_17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

/* padding horizontal*/
.p_x_17 {
  padding-right: 17px !important;
  padding-left: 17px !important;
}

[dir=rtl] .p_r_17 {
  padding-right: 0px !important;
  padding-left: 17px !important;
}

[dir=rtl] .p_l_17 {
  padding-right: 17px !important;
  padding-left: 0px !important;
}

.m_18 {
  margin: 18px !important;
}

.m_t_18 {
  margin-top: 18px !important;
}

.m_r_18 {
  margin-right: 18px !important;
}

.m_b_18 {
  margin-bottom: 18px !important;
}

.m_l_18 {
  margin-left: 18px !important;
}

.m_y_18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.m_x_18 {
  margin-right: 18px !important;
  margin-left: 18px !important;
}

[dir=rtl] .m_r_18 {
  margin-right: 0px !important;
  margin-left: 18px !important;
}

[dir=rtl] .m_l_18 {
  margin-right: 18px !important;
  margin-left: 0px !important;
}

.p_18 {
  padding: 18px !important;
}

.p_t_18 {
  padding-top: 18px !important;
}

.p_r_18 {
  padding-right: 18px !important;
}

.p_b_18 {
  padding-bottom: 18px !important;
}

.p_l_18 {
  padding-left: 18px !important;
}

.p_y_18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* padding horizontal*/
.p_x_18 {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

[dir=rtl] .p_r_18 {
  padding-right: 0px !important;
  padding-left: 18px !important;
}

[dir=rtl] .p_l_18 {
  padding-right: 18px !important;
  padding-left: 0px !important;
}

.m_19 {
  margin: 19px !important;
}

.m_t_19 {
  margin-top: 19px !important;
}

.m_r_19 {
  margin-right: 19px !important;
}

.m_b_19 {
  margin-bottom: 19px !important;
}

.m_l_19 {
  margin-left: 19px !important;
}

.m_y_19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.m_x_19 {
  margin-right: 19px !important;
  margin-left: 19px !important;
}

[dir=rtl] .m_r_19 {
  margin-right: 0px !important;
  margin-left: 19px !important;
}

[dir=rtl] .m_l_19 {
  margin-right: 19px !important;
  margin-left: 0px !important;
}

.p_19 {
  padding: 19px !important;
}

.p_t_19 {
  padding-top: 19px !important;
}

.p_r_19 {
  padding-right: 19px !important;
}

.p_b_19 {
  padding-bottom: 19px !important;
}

.p_l_19 {
  padding-left: 19px !important;
}

.p_y_19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

/* padding horizontal*/
.p_x_19 {
  padding-right: 19px !important;
  padding-left: 19px !important;
}

[dir=rtl] .p_r_19 {
  padding-right: 0px !important;
  padding-left: 19px !important;
}

[dir=rtl] .p_l_19 {
  padding-right: 19px !important;
  padding-left: 0px !important;
}

.m_20 {
  margin: 20px !important;
}

.m_t_20 {
  margin-top: 20px !important;
}

.m_r_20 {
  margin-right: 20px !important;
}

.m_b_20 {
  margin-bottom: 20px !important;
}

.m_l_20 {
  margin-left: 20px !important;
}

.m_y_20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m_x_20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

[dir=rtl] .m_r_20 {
  margin-right: 0px !important;
  margin-left: 20px !important;
}

[dir=rtl] .m_l_20 {
  margin-right: 20px !important;
  margin-left: 0px !important;
}

.p_20 {
  padding: 20px !important;
}

.p_t_20 {
  padding-top: 20px !important;
}

.p_r_20 {
  padding-right: 20px !important;
}

.p_b_20 {
  padding-bottom: 20px !important;
}

.p_l_20 {
  padding-left: 20px !important;
}

.p_y_20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* padding horizontal*/
.p_x_20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

[dir=rtl] .p_r_20 {
  padding-right: 0px !important;
  padding-left: 20px !important;
}

[dir=rtl] .p_l_20 {
  padding-right: 20px !important;
  padding-left: 0px !important;
}

.m_21 {
  margin: 21px !important;
}

.m_t_21 {
  margin-top: 21px !important;
}

.m_r_21 {
  margin-right: 21px !important;
}

.m_b_21 {
  margin-bottom: 21px !important;
}

.m_l_21 {
  margin-left: 21px !important;
}

.m_y_21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.m_x_21 {
  margin-right: 21px !important;
  margin-left: 21px !important;
}

[dir=rtl] .m_r_21 {
  margin-right: 0px !important;
  margin-left: 21px !important;
}

[dir=rtl] .m_l_21 {
  margin-right: 21px !important;
  margin-left: 0px !important;
}

.p_21 {
  padding: 21px !important;
}

.p_t_21 {
  padding-top: 21px !important;
}

.p_r_21 {
  padding-right: 21px !important;
}

.p_b_21 {
  padding-bottom: 21px !important;
}

.p_l_21 {
  padding-left: 21px !important;
}

.p_y_21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

/* padding horizontal*/
.p_x_21 {
  padding-right: 21px !important;
  padding-left: 21px !important;
}

[dir=rtl] .p_r_21 {
  padding-right: 0px !important;
  padding-left: 21px !important;
}

[dir=rtl] .p_l_21 {
  padding-right: 21px !important;
  padding-left: 0px !important;
}

.m_22 {
  margin: 22px !important;
}

.m_t_22 {
  margin-top: 22px !important;
}

.m_r_22 {
  margin-right: 22px !important;
}

.m_b_22 {
  margin-bottom: 22px !important;
}

.m_l_22 {
  margin-left: 22px !important;
}

.m_y_22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.m_x_22 {
  margin-right: 22px !important;
  margin-left: 22px !important;
}

[dir=rtl] .m_r_22 {
  margin-right: 0px !important;
  margin-left: 22px !important;
}

[dir=rtl] .m_l_22 {
  margin-right: 22px !important;
  margin-left: 0px !important;
}

.p_22 {
  padding: 22px !important;
}

.p_t_22 {
  padding-top: 22px !important;
}

.p_r_22 {
  padding-right: 22px !important;
}

.p_b_22 {
  padding-bottom: 22px !important;
}

.p_l_22 {
  padding-left: 22px !important;
}

.p_y_22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/* padding horizontal*/
.p_x_22 {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

[dir=rtl] .p_r_22 {
  padding-right: 0px !important;
  padding-left: 22px !important;
}

[dir=rtl] .p_l_22 {
  padding-right: 22px !important;
  padding-left: 0px !important;
}

.m_23 {
  margin: 23px !important;
}

.m_t_23 {
  margin-top: 23px !important;
}

.m_r_23 {
  margin-right: 23px !important;
}

.m_b_23 {
  margin-bottom: 23px !important;
}

.m_l_23 {
  margin-left: 23px !important;
}

.m_y_23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.m_x_23 {
  margin-right: 23px !important;
  margin-left: 23px !important;
}

[dir=rtl] .m_r_23 {
  margin-right: 0px !important;
  margin-left: 23px !important;
}

[dir=rtl] .m_l_23 {
  margin-right: 23px !important;
  margin-left: 0px !important;
}

.p_23 {
  padding: 23px !important;
}

.p_t_23 {
  padding-top: 23px !important;
}

.p_r_23 {
  padding-right: 23px !important;
}

.p_b_23 {
  padding-bottom: 23px !important;
}

.p_l_23 {
  padding-left: 23px !important;
}

.p_y_23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

/* padding horizontal*/
.p_x_23 {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

[dir=rtl] .p_r_23 {
  padding-right: 0px !important;
  padding-left: 23px !important;
}

[dir=rtl] .p_l_23 {
  padding-right: 23px !important;
  padding-left: 0px !important;
}

.m_24 {
  margin: 24px !important;
}

.m_t_24 {
  margin-top: 24px !important;
}

.m_r_24 {
  margin-right: 24px !important;
}

.m_b_24 {
  margin-bottom: 24px !important;
}

.m_l_24 {
  margin-left: 24px !important;
}

.m_y_24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m_x_24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

[dir=rtl] .m_r_24 {
  margin-right: 0px !important;
  margin-left: 24px !important;
}

[dir=rtl] .m_l_24 {
  margin-right: 24px !important;
  margin-left: 0px !important;
}

.p_24 {
  padding: 24px !important;
}

.p_t_24 {
  padding-top: 24px !important;
}

.p_r_24 {
  padding-right: 24px !important;
}

.p_b_24 {
  padding-bottom: 24px !important;
}

.p_l_24 {
  padding-left: 24px !important;
}

.p_y_24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* padding horizontal*/
.p_x_24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

[dir=rtl] .p_r_24 {
  padding-right: 0px !important;
  padding-left: 24px !important;
}

[dir=rtl] .p_l_24 {
  padding-right: 24px !important;
  padding-left: 0px !important;
}

.m_25 {
  margin: 25px !important;
}

.m_t_25 {
  margin-top: 25px !important;
}

.m_r_25 {
  margin-right: 25px !important;
}

.m_b_25 {
  margin-bottom: 25px !important;
}

.m_l_25 {
  margin-left: 25px !important;
}

.m_y_25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m_x_25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

[dir=rtl] .m_r_25 {
  margin-right: 0px !important;
  margin-left: 25px !important;
}

[dir=rtl] .m_l_25 {
  margin-right: 25px !important;
  margin-left: 0px !important;
}

.p_25 {
  padding: 25px !important;
}

.p_t_25 {
  padding-top: 25px !important;
}

.p_r_25 {
  padding-right: 25px !important;
}

.p_b_25 {
  padding-bottom: 25px !important;
}

.p_l_25 {
  padding-left: 25px !important;
}

.p_y_25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

/* padding horizontal*/
.p_x_25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

[dir=rtl] .p_r_25 {
  padding-right: 0px !important;
  padding-left: 25px !important;
}

[dir=rtl] .p_l_25 {
  padding-right: 25px !important;
  padding-left: 0px !important;
}

.m_26 {
  margin: 26px !important;
}

.m_t_26 {
  margin-top: 26px !important;
}

.m_r_26 {
  margin-right: 26px !important;
}

.m_b_26 {
  margin-bottom: 26px !important;
}

.m_l_26 {
  margin-left: 26px !important;
}

.m_y_26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.m_x_26 {
  margin-right: 26px !important;
  margin-left: 26px !important;
}

[dir=rtl] .m_r_26 {
  margin-right: 0px !important;
  margin-left: 26px !important;
}

[dir=rtl] .m_l_26 {
  margin-right: 26px !important;
  margin-left: 0px !important;
}

.p_26 {
  padding: 26px !important;
}

.p_t_26 {
  padding-top: 26px !important;
}

.p_r_26 {
  padding-right: 26px !important;
}

.p_b_26 {
  padding-bottom: 26px !important;
}

.p_l_26 {
  padding-left: 26px !important;
}

.p_y_26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

/* padding horizontal*/
.p_x_26 {
  padding-right: 26px !important;
  padding-left: 26px !important;
}

[dir=rtl] .p_r_26 {
  padding-right: 0px !important;
  padding-left: 26px !important;
}

[dir=rtl] .p_l_26 {
  padding-right: 26px !important;
  padding-left: 0px !important;
}

.m_27 {
  margin: 27px !important;
}

.m_t_27 {
  margin-top: 27px !important;
}

.m_r_27 {
  margin-right: 27px !important;
}

.m_b_27 {
  margin-bottom: 27px !important;
}

.m_l_27 {
  margin-left: 27px !important;
}

.m_y_27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.m_x_27 {
  margin-right: 27px !important;
  margin-left: 27px !important;
}

[dir=rtl] .m_r_27 {
  margin-right: 0px !important;
  margin-left: 27px !important;
}

[dir=rtl] .m_l_27 {
  margin-right: 27px !important;
  margin-left: 0px !important;
}

.p_27 {
  padding: 27px !important;
}

.p_t_27 {
  padding-top: 27px !important;
}

.p_r_27 {
  padding-right: 27px !important;
}

.p_b_27 {
  padding-bottom: 27px !important;
}

.p_l_27 {
  padding-left: 27px !important;
}

.p_y_27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

/* padding horizontal*/
.p_x_27 {
  padding-right: 27px !important;
  padding-left: 27px !important;
}

[dir=rtl] .p_r_27 {
  padding-right: 0px !important;
  padding-left: 27px !important;
}

[dir=rtl] .p_l_27 {
  padding-right: 27px !important;
  padding-left: 0px !important;
}

.m_28 {
  margin: 28px !important;
}

.m_t_28 {
  margin-top: 28px !important;
}

.m_r_28 {
  margin-right: 28px !important;
}

.m_b_28 {
  margin-bottom: 28px !important;
}

.m_l_28 {
  margin-left: 28px !important;
}

.m_y_28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.m_x_28 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

[dir=rtl] .m_r_28 {
  margin-right: 0px !important;
  margin-left: 28px !important;
}

[dir=rtl] .m_l_28 {
  margin-right: 28px !important;
  margin-left: 0px !important;
}

.p_28 {
  padding: 28px !important;
}

.p_t_28 {
  padding-top: 28px !important;
}

.p_r_28 {
  padding-right: 28px !important;
}

.p_b_28 {
  padding-bottom: 28px !important;
}

.p_l_28 {
  padding-left: 28px !important;
}

.p_y_28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* padding horizontal*/
.p_x_28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

[dir=rtl] .p_r_28 {
  padding-right: 0px !important;
  padding-left: 28px !important;
}

[dir=rtl] .p_l_28 {
  padding-right: 28px !important;
  padding-left: 0px !important;
}

.m_29 {
  margin: 29px !important;
}

.m_t_29 {
  margin-top: 29px !important;
}

.m_r_29 {
  margin-right: 29px !important;
}

.m_b_29 {
  margin-bottom: 29px !important;
}

.m_l_29 {
  margin-left: 29px !important;
}

.m_y_29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.m_x_29 {
  margin-right: 29px !important;
  margin-left: 29px !important;
}

[dir=rtl] .m_r_29 {
  margin-right: 0px !important;
  margin-left: 29px !important;
}

[dir=rtl] .m_l_29 {
  margin-right: 29px !important;
  margin-left: 0px !important;
}

.p_29 {
  padding: 29px !important;
}

.p_t_29 {
  padding-top: 29px !important;
}

.p_r_29 {
  padding-right: 29px !important;
}

.p_b_29 {
  padding-bottom: 29px !important;
}

.p_l_29 {
  padding-left: 29px !important;
}

.p_y_29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

/* padding horizontal*/
.p_x_29 {
  padding-right: 29px !important;
  padding-left: 29px !important;
}

[dir=rtl] .p_r_29 {
  padding-right: 0px !important;
  padding-left: 29px !important;
}

[dir=rtl] .p_l_29 {
  padding-right: 29px !important;
  padding-left: 0px !important;
}

.m_30 {
  margin: 30px !important;
}

.m_t_30 {
  margin-top: 30px !important;
}

.m_r_30 {
  margin-right: 30px !important;
}

.m_b_30 {
  margin-bottom: 30px !important;
}

.m_l_30 {
  margin-left: 30px !important;
}

.m_y_30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m_x_30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

[dir=rtl] .m_r_30 {
  margin-right: 0px !important;
  margin-left: 30px !important;
}

[dir=rtl] .m_l_30 {
  margin-right: 30px !important;
  margin-left: 0px !important;
}

.p_30 {
  padding: 30px !important;
}

.p_t_30 {
  padding-top: 30px !important;
}

.p_r_30 {
  padding-right: 30px !important;
}

.p_b_30 {
  padding-bottom: 30px !important;
}

.p_l_30 {
  padding-left: 30px !important;
}

.p_y_30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* padding horizontal*/
.p_x_30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

[dir=rtl] .p_r_30 {
  padding-right: 0px !important;
  padding-left: 30px !important;
}

[dir=rtl] .p_l_30 {
  padding-right: 30px !important;
  padding-left: 0px !important;
}

.m_31 {
  margin: 31px !important;
}

.m_t_31 {
  margin-top: 31px !important;
}

.m_r_31 {
  margin-right: 31px !important;
}

.m_b_31 {
  margin-bottom: 31px !important;
}

.m_l_31 {
  margin-left: 31px !important;
}

.m_y_31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.m_x_31 {
  margin-right: 31px !important;
  margin-left: 31px !important;
}

[dir=rtl] .m_r_31 {
  margin-right: 0px !important;
  margin-left: 31px !important;
}

[dir=rtl] .m_l_31 {
  margin-right: 31px !important;
  margin-left: 0px !important;
}

.p_31 {
  padding: 31px !important;
}

.p_t_31 {
  padding-top: 31px !important;
}

.p_r_31 {
  padding-right: 31px !important;
}

.p_b_31 {
  padding-bottom: 31px !important;
}

.p_l_31 {
  padding-left: 31px !important;
}

.p_y_31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

/* padding horizontal*/
.p_x_31 {
  padding-right: 31px !important;
  padding-left: 31px !important;
}

[dir=rtl] .p_r_31 {
  padding-right: 0px !important;
  padding-left: 31px !important;
}

[dir=rtl] .p_l_31 {
  padding-right: 31px !important;
  padding-left: 0px !important;
}

.m_32 {
  margin: 32px !important;
}

.m_t_32 {
  margin-top: 32px !important;
}

.m_r_32 {
  margin-right: 32px !important;
}

.m_b_32 {
  margin-bottom: 32px !important;
}

.m_l_32 {
  margin-left: 32px !important;
}

.m_y_32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m_x_32 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

[dir=rtl] .m_r_32 {
  margin-right: 0px !important;
  margin-left: 32px !important;
}

[dir=rtl] .m_l_32 {
  margin-right: 32px !important;
  margin-left: 0px !important;
}

.p_32 {
  padding: 32px !important;
}

.p_t_32 {
  padding-top: 32px !important;
}

.p_r_32 {
  padding-right: 32px !important;
}

.p_b_32 {
  padding-bottom: 32px !important;
}

.p_l_32 {
  padding-left: 32px !important;
}

.p_y_32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* padding horizontal*/
.p_x_32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

[dir=rtl] .p_r_32 {
  padding-right: 0px !important;
  padding-left: 32px !important;
}

[dir=rtl] .p_l_32 {
  padding-right: 32px !important;
  padding-left: 0px !important;
}

.m_33 {
  margin: 33px !important;
}

.m_t_33 {
  margin-top: 33px !important;
}

.m_r_33 {
  margin-right: 33px !important;
}

.m_b_33 {
  margin-bottom: 33px !important;
}

.m_l_33 {
  margin-left: 33px !important;
}

.m_y_33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.m_x_33 {
  margin-right: 33px !important;
  margin-left: 33px !important;
}

[dir=rtl] .m_r_33 {
  margin-right: 0px !important;
  margin-left: 33px !important;
}

[dir=rtl] .m_l_33 {
  margin-right: 33px !important;
  margin-left: 0px !important;
}

.p_33 {
  padding: 33px !important;
}

.p_t_33 {
  padding-top: 33px !important;
}

.p_r_33 {
  padding-right: 33px !important;
}

.p_b_33 {
  padding-bottom: 33px !important;
}

.p_l_33 {
  padding-left: 33px !important;
}

.p_y_33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

/* padding horizontal*/
.p_x_33 {
  padding-right: 33px !important;
  padding-left: 33px !important;
}

[dir=rtl] .p_r_33 {
  padding-right: 0px !important;
  padding-left: 33px !important;
}

[dir=rtl] .p_l_33 {
  padding-right: 33px !important;
  padding-left: 0px !important;
}

.m_34 {
  margin: 34px !important;
}

.m_t_34 {
  margin-top: 34px !important;
}

.m_r_34 {
  margin-right: 34px !important;
}

.m_b_34 {
  margin-bottom: 34px !important;
}

.m_l_34 {
  margin-left: 34px !important;
}

.m_y_34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.m_x_34 {
  margin-right: 34px !important;
  margin-left: 34px !important;
}

[dir=rtl] .m_r_34 {
  margin-right: 0px !important;
  margin-left: 34px !important;
}

[dir=rtl] .m_l_34 {
  margin-right: 34px !important;
  margin-left: 0px !important;
}

.p_34 {
  padding: 34px !important;
}

.p_t_34 {
  padding-top: 34px !important;
}

.p_r_34 {
  padding-right: 34px !important;
}

.p_b_34 {
  padding-bottom: 34px !important;
}

.p_l_34 {
  padding-left: 34px !important;
}

.p_y_34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

/* padding horizontal*/
.p_x_34 {
  padding-right: 34px !important;
  padding-left: 34px !important;
}

[dir=rtl] .p_r_34 {
  padding-right: 0px !important;
  padding-left: 34px !important;
}

[dir=rtl] .p_l_34 {
  padding-right: 34px !important;
  padding-left: 0px !important;
}

.m_35 {
  margin: 35px !important;
}

.m_t_35 {
  margin-top: 35px !important;
}

.m_r_35 {
  margin-right: 35px !important;
}

.m_b_35 {
  margin-bottom: 35px !important;
}

.m_l_35 {
  margin-left: 35px !important;
}

.m_y_35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m_x_35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

[dir=rtl] .m_r_35 {
  margin-right: 0px !important;
  margin-left: 35px !important;
}

[dir=rtl] .m_l_35 {
  margin-right: 35px !important;
  margin-left: 0px !important;
}

.p_35 {
  padding: 35px !important;
}

.p_t_35 {
  padding-top: 35px !important;
}

.p_r_35 {
  padding-right: 35px !important;
}

.p_b_35 {
  padding-bottom: 35px !important;
}

.p_l_35 {
  padding-left: 35px !important;
}

.p_y_35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

/* padding horizontal*/
.p_x_35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

[dir=rtl] .p_r_35 {
  padding-right: 0px !important;
  padding-left: 35px !important;
}

[dir=rtl] .p_l_35 {
  padding-right: 35px !important;
  padding-left: 0px !important;
}

.m_36 {
  margin: 36px !important;
}

.m_t_36 {
  margin-top: 36px !important;
}

.m_r_36 {
  margin-right: 36px !important;
}

.m_b_36 {
  margin-bottom: 36px !important;
}

.m_l_36 {
  margin-left: 36px !important;
}

.m_y_36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.m_x_36 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

[dir=rtl] .m_r_36 {
  margin-right: 0px !important;
  margin-left: 36px !important;
}

[dir=rtl] .m_l_36 {
  margin-right: 36px !important;
  margin-left: 0px !important;
}

.p_36 {
  padding: 36px !important;
}

.p_t_36 {
  padding-top: 36px !important;
}

.p_r_36 {
  padding-right: 36px !important;
}

.p_b_36 {
  padding-bottom: 36px !important;
}

.p_l_36 {
  padding-left: 36px !important;
}

.p_y_36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

/* padding horizontal*/
.p_x_36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

[dir=rtl] .p_r_36 {
  padding-right: 0px !important;
  padding-left: 36px !important;
}

[dir=rtl] .p_l_36 {
  padding-right: 36px !important;
  padding-left: 0px !important;
}

.m_37 {
  margin: 37px !important;
}

.m_t_37 {
  margin-top: 37px !important;
}

.m_r_37 {
  margin-right: 37px !important;
}

.m_b_37 {
  margin-bottom: 37px !important;
}

.m_l_37 {
  margin-left: 37px !important;
}

.m_y_37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.m_x_37 {
  margin-right: 37px !important;
  margin-left: 37px !important;
}

[dir=rtl] .m_r_37 {
  margin-right: 0px !important;
  margin-left: 37px !important;
}

[dir=rtl] .m_l_37 {
  margin-right: 37px !important;
  margin-left: 0px !important;
}

.p_37 {
  padding: 37px !important;
}

.p_t_37 {
  padding-top: 37px !important;
}

.p_r_37 {
  padding-right: 37px !important;
}

.p_b_37 {
  padding-bottom: 37px !important;
}

.p_l_37 {
  padding-left: 37px !important;
}

.p_y_37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

/* padding horizontal*/
.p_x_37 {
  padding-right: 37px !important;
  padding-left: 37px !important;
}

[dir=rtl] .p_r_37 {
  padding-right: 0px !important;
  padding-left: 37px !important;
}

[dir=rtl] .p_l_37 {
  padding-right: 37px !important;
  padding-left: 0px !important;
}

.m_38 {
  margin: 38px !important;
}

.m_t_38 {
  margin-top: 38px !important;
}

.m_r_38 {
  margin-right: 38px !important;
}

.m_b_38 {
  margin-bottom: 38px !important;
}

.m_l_38 {
  margin-left: 38px !important;
}

.m_y_38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.m_x_38 {
  margin-right: 38px !important;
  margin-left: 38px !important;
}

[dir=rtl] .m_r_38 {
  margin-right: 0px !important;
  margin-left: 38px !important;
}

[dir=rtl] .m_l_38 {
  margin-right: 38px !important;
  margin-left: 0px !important;
}

.p_38 {
  padding: 38px !important;
}

.p_t_38 {
  padding-top: 38px !important;
}

.p_r_38 {
  padding-right: 38px !important;
}

.p_b_38 {
  padding-bottom: 38px !important;
}

.p_l_38 {
  padding-left: 38px !important;
}

.p_y_38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

/* padding horizontal*/
.p_x_38 {
  padding-right: 38px !important;
  padding-left: 38px !important;
}

[dir=rtl] .p_r_38 {
  padding-right: 0px !important;
  padding-left: 38px !important;
}

[dir=rtl] .p_l_38 {
  padding-right: 38px !important;
  padding-left: 0px !important;
}

.m_39 {
  margin: 39px !important;
}

.m_t_39 {
  margin-top: 39px !important;
}

.m_r_39 {
  margin-right: 39px !important;
}

.m_b_39 {
  margin-bottom: 39px !important;
}

.m_l_39 {
  margin-left: 39px !important;
}

.m_y_39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.m_x_39 {
  margin-right: 39px !important;
  margin-left: 39px !important;
}

[dir=rtl] .m_r_39 {
  margin-right: 0px !important;
  margin-left: 39px !important;
}

[dir=rtl] .m_l_39 {
  margin-right: 39px !important;
  margin-left: 0px !important;
}

.p_39 {
  padding: 39px !important;
}

.p_t_39 {
  padding-top: 39px !important;
}

.p_r_39 {
  padding-right: 39px !important;
}

.p_b_39 {
  padding-bottom: 39px !important;
}

.p_l_39 {
  padding-left: 39px !important;
}

.p_y_39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

/* padding horizontal*/
.p_x_39 {
  padding-right: 39px !important;
  padding-left: 39px !important;
}

[dir=rtl] .p_r_39 {
  padding-right: 0px !important;
  padding-left: 39px !important;
}

[dir=rtl] .p_l_39 {
  padding-right: 39px !important;
  padding-left: 0px !important;
}

.m_40 {
  margin: 40px !important;
}

.m_t_40 {
  margin-top: 40px !important;
}

.m_r_40 {
  margin-right: 40px !important;
}

.m_b_40 {
  margin-bottom: 40px !important;
}

.m_l_40 {
  margin-left: 40px !important;
}

.m_y_40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m_x_40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

[dir=rtl] .m_r_40 {
  margin-right: 0px !important;
  margin-left: 40px !important;
}

[dir=rtl] .m_l_40 {
  margin-right: 40px !important;
  margin-left: 0px !important;
}

.p_40 {
  padding: 40px !important;
}

.p_t_40 {
  padding-top: 40px !important;
}

.p_r_40 {
  padding-right: 40px !important;
}

.p_b_40 {
  padding-bottom: 40px !important;
}

.p_l_40 {
  padding-left: 40px !important;
}

.p_y_40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* padding horizontal*/
.p_x_40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

[dir=rtl] .p_r_40 {
  padding-right: 0px !important;
  padding-left: 40px !important;
}

[dir=rtl] .p_l_40 {
  padding-right: 40px !important;
  padding-left: 0px !important;
}

.m_41 {
  margin: 41px !important;
}

.m_t_41 {
  margin-top: 41px !important;
}

.m_r_41 {
  margin-right: 41px !important;
}

.m_b_41 {
  margin-bottom: 41px !important;
}

.m_l_41 {
  margin-left: 41px !important;
}

.m_y_41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.m_x_41 {
  margin-right: 41px !important;
  margin-left: 41px !important;
}

[dir=rtl] .m_r_41 {
  margin-right: 0px !important;
  margin-left: 41px !important;
}

[dir=rtl] .m_l_41 {
  margin-right: 41px !important;
  margin-left: 0px !important;
}

.p_41 {
  padding: 41px !important;
}

.p_t_41 {
  padding-top: 41px !important;
}

.p_r_41 {
  padding-right: 41px !important;
}

.p_b_41 {
  padding-bottom: 41px !important;
}

.p_l_41 {
  padding-left: 41px !important;
}

.p_y_41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

/* padding horizontal*/
.p_x_41 {
  padding-right: 41px !important;
  padding-left: 41px !important;
}

[dir=rtl] .p_r_41 {
  padding-right: 0px !important;
  padding-left: 41px !important;
}

[dir=rtl] .p_l_41 {
  padding-right: 41px !important;
  padding-left: 0px !important;
}

.m_42 {
  margin: 42px !important;
}

.m_t_42 {
  margin-top: 42px !important;
}

.m_r_42 {
  margin-right: 42px !important;
}

.m_b_42 {
  margin-bottom: 42px !important;
}

.m_l_42 {
  margin-left: 42px !important;
}

.m_y_42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.m_x_42 {
  margin-right: 42px !important;
  margin-left: 42px !important;
}

[dir=rtl] .m_r_42 {
  margin-right: 0px !important;
  margin-left: 42px !important;
}

[dir=rtl] .m_l_42 {
  margin-right: 42px !important;
  margin-left: 0px !important;
}

.p_42 {
  padding: 42px !important;
}

.p_t_42 {
  padding-top: 42px !important;
}

.p_r_42 {
  padding-right: 42px !important;
}

.p_b_42 {
  padding-bottom: 42px !important;
}

.p_l_42 {
  padding-left: 42px !important;
}

.p_y_42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

/* padding horizontal*/
.p_x_42 {
  padding-right: 42px !important;
  padding-left: 42px !important;
}

[dir=rtl] .p_r_42 {
  padding-right: 0px !important;
  padding-left: 42px !important;
}

[dir=rtl] .p_l_42 {
  padding-right: 42px !important;
  padding-left: 0px !important;
}

.m_43 {
  margin: 43px !important;
}

.m_t_43 {
  margin-top: 43px !important;
}

.m_r_43 {
  margin-right: 43px !important;
}

.m_b_43 {
  margin-bottom: 43px !important;
}

.m_l_43 {
  margin-left: 43px !important;
}

.m_y_43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.m_x_43 {
  margin-right: 43px !important;
  margin-left: 43px !important;
}

[dir=rtl] .m_r_43 {
  margin-right: 0px !important;
  margin-left: 43px !important;
}

[dir=rtl] .m_l_43 {
  margin-right: 43px !important;
  margin-left: 0px !important;
}

.p_43 {
  padding: 43px !important;
}

.p_t_43 {
  padding-top: 43px !important;
}

.p_r_43 {
  padding-right: 43px !important;
}

.p_b_43 {
  padding-bottom: 43px !important;
}

.p_l_43 {
  padding-left: 43px !important;
}

.p_y_43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

/* padding horizontal*/
.p_x_43 {
  padding-right: 43px !important;
  padding-left: 43px !important;
}

[dir=rtl] .p_r_43 {
  padding-right: 0px !important;
  padding-left: 43px !important;
}

[dir=rtl] .p_l_43 {
  padding-right: 43px !important;
  padding-left: 0px !important;
}

.m_44 {
  margin: 44px !important;
}

.m_t_44 {
  margin-top: 44px !important;
}

.m_r_44 {
  margin-right: 44px !important;
}

.m_b_44 {
  margin-bottom: 44px !important;
}

.m_l_44 {
  margin-left: 44px !important;
}

.m_y_44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.m_x_44 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

[dir=rtl] .m_r_44 {
  margin-right: 0px !important;
  margin-left: 44px !important;
}

[dir=rtl] .m_l_44 {
  margin-right: 44px !important;
  margin-left: 0px !important;
}

.p_44 {
  padding: 44px !important;
}

.p_t_44 {
  padding-top: 44px !important;
}

.p_r_44 {
  padding-right: 44px !important;
}

.p_b_44 {
  padding-bottom: 44px !important;
}

.p_l_44 {
  padding-left: 44px !important;
}

.p_y_44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

/* padding horizontal*/
.p_x_44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

[dir=rtl] .p_r_44 {
  padding-right: 0px !important;
  padding-left: 44px !important;
}

[dir=rtl] .p_l_44 {
  padding-right: 44px !important;
  padding-left: 0px !important;
}

.m_45 {
  margin: 45px !important;
}

.m_t_45 {
  margin-top: 45px !important;
}

.m_r_45 {
  margin-right: 45px !important;
}

.m_b_45 {
  margin-bottom: 45px !important;
}

.m_l_45 {
  margin-left: 45px !important;
}

.m_y_45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.m_x_45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

[dir=rtl] .m_r_45 {
  margin-right: 0px !important;
  margin-left: 45px !important;
}

[dir=rtl] .m_l_45 {
  margin-right: 45px !important;
  margin-left: 0px !important;
}

.p_45 {
  padding: 45px !important;
}

.p_t_45 {
  padding-top: 45px !important;
}

.p_r_45 {
  padding-right: 45px !important;
}

.p_b_45 {
  padding-bottom: 45px !important;
}

.p_l_45 {
  padding-left: 45px !important;
}

.p_y_45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

/* padding horizontal*/
.p_x_45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

[dir=rtl] .p_r_45 {
  padding-right: 0px !important;
  padding-left: 45px !important;
}

[dir=rtl] .p_l_45 {
  padding-right: 45px !important;
  padding-left: 0px !important;
}

.m_46 {
  margin: 46px !important;
}

.m_t_46 {
  margin-top: 46px !important;
}

.m_r_46 {
  margin-right: 46px !important;
}

.m_b_46 {
  margin-bottom: 46px !important;
}

.m_l_46 {
  margin-left: 46px !important;
}

.m_y_46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.m_x_46 {
  margin-right: 46px !important;
  margin-left: 46px !important;
}

[dir=rtl] .m_r_46 {
  margin-right: 0px !important;
  margin-left: 46px !important;
}

[dir=rtl] .m_l_46 {
  margin-right: 46px !important;
  margin-left: 0px !important;
}

.p_46 {
  padding: 46px !important;
}

.p_t_46 {
  padding-top: 46px !important;
}

.p_r_46 {
  padding-right: 46px !important;
}

.p_b_46 {
  padding-bottom: 46px !important;
}

.p_l_46 {
  padding-left: 46px !important;
}

.p_y_46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

/* padding horizontal*/
.p_x_46 {
  padding-right: 46px !important;
  padding-left: 46px !important;
}

[dir=rtl] .p_r_46 {
  padding-right: 0px !important;
  padding-left: 46px !important;
}

[dir=rtl] .p_l_46 {
  padding-right: 46px !important;
  padding-left: 0px !important;
}

.m_47 {
  margin: 47px !important;
}

.m_t_47 {
  margin-top: 47px !important;
}

.m_r_47 {
  margin-right: 47px !important;
}

.m_b_47 {
  margin-bottom: 47px !important;
}

.m_l_47 {
  margin-left: 47px !important;
}

.m_y_47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.m_x_47 {
  margin-right: 47px !important;
  margin-left: 47px !important;
}

[dir=rtl] .m_r_47 {
  margin-right: 0px !important;
  margin-left: 47px !important;
}

[dir=rtl] .m_l_47 {
  margin-right: 47px !important;
  margin-left: 0px !important;
}

.p_47 {
  padding: 47px !important;
}

.p_t_47 {
  padding-top: 47px !important;
}

.p_r_47 {
  padding-right: 47px !important;
}

.p_b_47 {
  padding-bottom: 47px !important;
}

.p_l_47 {
  padding-left: 47px !important;
}

.p_y_47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

/* padding horizontal*/
.p_x_47 {
  padding-right: 47px !important;
  padding-left: 47px !important;
}

[dir=rtl] .p_r_47 {
  padding-right: 0px !important;
  padding-left: 47px !important;
}

[dir=rtl] .p_l_47 {
  padding-right: 47px !important;
  padding-left: 0px !important;
}

.m_48 {
  margin: 48px !important;
}

.m_t_48 {
  margin-top: 48px !important;
}

.m_r_48 {
  margin-right: 48px !important;
}

.m_b_48 {
  margin-bottom: 48px !important;
}

.m_l_48 {
  margin-left: 48px !important;
}

.m_y_48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.m_x_48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

[dir=rtl] .m_r_48 {
  margin-right: 0px !important;
  margin-left: 48px !important;
}

[dir=rtl] .m_l_48 {
  margin-right: 48px !important;
  margin-left: 0px !important;
}

.p_48 {
  padding: 48px !important;
}

.p_t_48 {
  padding-top: 48px !important;
}

.p_r_48 {
  padding-right: 48px !important;
}

.p_b_48 {
  padding-bottom: 48px !important;
}

.p_l_48 {
  padding-left: 48px !important;
}

.p_y_48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* padding horizontal*/
.p_x_48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

[dir=rtl] .p_r_48 {
  padding-right: 0px !important;
  padding-left: 48px !important;
}

[dir=rtl] .p_l_48 {
  padding-right: 48px !important;
  padding-left: 0px !important;
}

.m_49 {
  margin: 49px !important;
}

.m_t_49 {
  margin-top: 49px !important;
}

.m_r_49 {
  margin-right: 49px !important;
}

.m_b_49 {
  margin-bottom: 49px !important;
}

.m_l_49 {
  margin-left: 49px !important;
}

.m_y_49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.m_x_49 {
  margin-right: 49px !important;
  margin-left: 49px !important;
}

[dir=rtl] .m_r_49 {
  margin-right: 0px !important;
  margin-left: 49px !important;
}

[dir=rtl] .m_l_49 {
  margin-right: 49px !important;
  margin-left: 0px !important;
}

.p_49 {
  padding: 49px !important;
}

.p_t_49 {
  padding-top: 49px !important;
}

.p_r_49 {
  padding-right: 49px !important;
}

.p_b_49 {
  padding-bottom: 49px !important;
}

.p_l_49 {
  padding-left: 49px !important;
}

.p_y_49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

/* padding horizontal*/
.p_x_49 {
  padding-right: 49px !important;
  padding-left: 49px !important;
}

[dir=rtl] .p_r_49 {
  padding-right: 0px !important;
  padding-left: 49px !important;
}

[dir=rtl] .p_l_49 {
  padding-right: 49px !important;
  padding-left: 0px !important;
}

.m_50 {
  margin: 50px !important;
}

.m_t_50 {
  margin-top: 50px !important;
}

.m_r_50 {
  margin-right: 50px !important;
}

.m_b_50 {
  margin-bottom: 50px !important;
}

.m_l_50 {
  margin-left: 50px !important;
}

.m_y_50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.m_x_50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

[dir=rtl] .m_r_50 {
  margin-right: 0px !important;
  margin-left: 50px !important;
}

[dir=rtl] .m_l_50 {
  margin-right: 50px !important;
  margin-left: 0px !important;
}

.p_50 {
  padding: 50px !important;
}

.p_t_50 {
  padding-top: 50px !important;
}

.p_r_50 {
  padding-right: 50px !important;
}

.p_b_50 {
  padding-bottom: 50px !important;
}

.p_l_50 {
  padding-left: 50px !important;
}

.p_y_50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* padding horizontal*/
.p_x_50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

[dir=rtl] .p_r_50 {
  padding-right: 0px !important;
  padding-left: 50px !important;
}

[dir=rtl] .p_l_50 {
  padding-right: 50px !important;
  padding-left: 0px !important;
}

.m_51 {
  margin: 51px !important;
}

.m_t_51 {
  margin-top: 51px !important;
}

.m_r_51 {
  margin-right: 51px !important;
}

.m_b_51 {
  margin-bottom: 51px !important;
}

.m_l_51 {
  margin-left: 51px !important;
}

.m_y_51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.m_x_51 {
  margin-right: 51px !important;
  margin-left: 51px !important;
}

[dir=rtl] .m_r_51 {
  margin-right: 0px !important;
  margin-left: 51px !important;
}

[dir=rtl] .m_l_51 {
  margin-right: 51px !important;
  margin-left: 0px !important;
}

.p_51 {
  padding: 51px !important;
}

.p_t_51 {
  padding-top: 51px !important;
}

.p_r_51 {
  padding-right: 51px !important;
}

.p_b_51 {
  padding-bottom: 51px !important;
}

.p_l_51 {
  padding-left: 51px !important;
}

.p_y_51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

/* padding horizontal*/
.p_x_51 {
  padding-right: 51px !important;
  padding-left: 51px !important;
}

[dir=rtl] .p_r_51 {
  padding-right: 0px !important;
  padding-left: 51px !important;
}

[dir=rtl] .p_l_51 {
  padding-right: 51px !important;
  padding-left: 0px !important;
}

.m_52 {
  margin: 52px !important;
}

.m_t_52 {
  margin-top: 52px !important;
}

.m_r_52 {
  margin-right: 52px !important;
}

.m_b_52 {
  margin-bottom: 52px !important;
}

.m_l_52 {
  margin-left: 52px !important;
}

.m_y_52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.m_x_52 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

[dir=rtl] .m_r_52 {
  margin-right: 0px !important;
  margin-left: 52px !important;
}

[dir=rtl] .m_l_52 {
  margin-right: 52px !important;
  margin-left: 0px !important;
}

.p_52 {
  padding: 52px !important;
}

.p_t_52 {
  padding-top: 52px !important;
}

.p_r_52 {
  padding-right: 52px !important;
}

.p_b_52 {
  padding-bottom: 52px !important;
}

.p_l_52 {
  padding-left: 52px !important;
}

.p_y_52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

/* padding horizontal*/
.p_x_52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

[dir=rtl] .p_r_52 {
  padding-right: 0px !important;
  padding-left: 52px !important;
}

[dir=rtl] .p_l_52 {
  padding-right: 52px !important;
  padding-left: 0px !important;
}

.m_53 {
  margin: 53px !important;
}

.m_t_53 {
  margin-top: 53px !important;
}

.m_r_53 {
  margin-right: 53px !important;
}

.m_b_53 {
  margin-bottom: 53px !important;
}

.m_l_53 {
  margin-left: 53px !important;
}

.m_y_53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.m_x_53 {
  margin-right: 53px !important;
  margin-left: 53px !important;
}

[dir=rtl] .m_r_53 {
  margin-right: 0px !important;
  margin-left: 53px !important;
}

[dir=rtl] .m_l_53 {
  margin-right: 53px !important;
  margin-left: 0px !important;
}

.p_53 {
  padding: 53px !important;
}

.p_t_53 {
  padding-top: 53px !important;
}

.p_r_53 {
  padding-right: 53px !important;
}

.p_b_53 {
  padding-bottom: 53px !important;
}

.p_l_53 {
  padding-left: 53px !important;
}

.p_y_53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

/* padding horizontal*/
.p_x_53 {
  padding-right: 53px !important;
  padding-left: 53px !important;
}

[dir=rtl] .p_r_53 {
  padding-right: 0px !important;
  padding-left: 53px !important;
}

[dir=rtl] .p_l_53 {
  padding-right: 53px !important;
  padding-left: 0px !important;
}

.m_54 {
  margin: 54px !important;
}

.m_t_54 {
  margin-top: 54px !important;
}

.m_r_54 {
  margin-right: 54px !important;
}

.m_b_54 {
  margin-bottom: 54px !important;
}

.m_l_54 {
  margin-left: 54px !important;
}

.m_y_54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.m_x_54 {
  margin-right: 54px !important;
  margin-left: 54px !important;
}

[dir=rtl] .m_r_54 {
  margin-right: 0px !important;
  margin-left: 54px !important;
}

[dir=rtl] .m_l_54 {
  margin-right: 54px !important;
  margin-left: 0px !important;
}

.p_54 {
  padding: 54px !important;
}

.p_t_54 {
  padding-top: 54px !important;
}

.p_r_54 {
  padding-right: 54px !important;
}

.p_b_54 {
  padding-bottom: 54px !important;
}

.p_l_54 {
  padding-left: 54px !important;
}

.p_y_54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

/* padding horizontal*/
.p_x_54 {
  padding-right: 54px !important;
  padding-left: 54px !important;
}

[dir=rtl] .p_r_54 {
  padding-right: 0px !important;
  padding-left: 54px !important;
}

[dir=rtl] .p_l_54 {
  padding-right: 54px !important;
  padding-left: 0px !important;
}

.m_55 {
  margin: 55px !important;
}

.m_t_55 {
  margin-top: 55px !important;
}

.m_r_55 {
  margin-right: 55px !important;
}

.m_b_55 {
  margin-bottom: 55px !important;
}

.m_l_55 {
  margin-left: 55px !important;
}

.m_y_55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.m_x_55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

[dir=rtl] .m_r_55 {
  margin-right: 0px !important;
  margin-left: 55px !important;
}

[dir=rtl] .m_l_55 {
  margin-right: 55px !important;
  margin-left: 0px !important;
}

.p_55 {
  padding: 55px !important;
}

.p_t_55 {
  padding-top: 55px !important;
}

.p_r_55 {
  padding-right: 55px !important;
}

.p_b_55 {
  padding-bottom: 55px !important;
}

.p_l_55 {
  padding-left: 55px !important;
}

.p_y_55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

/* padding horizontal*/
.p_x_55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

[dir=rtl] .p_r_55 {
  padding-right: 0px !important;
  padding-left: 55px !important;
}

[dir=rtl] .p_l_55 {
  padding-right: 55px !important;
  padding-left: 0px !important;
}

.m_56 {
  margin: 56px !important;
}

.m_t_56 {
  margin-top: 56px !important;
}

.m_r_56 {
  margin-right: 56px !important;
}

.m_b_56 {
  margin-bottom: 56px !important;
}

.m_l_56 {
  margin-left: 56px !important;
}

.m_y_56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.m_x_56 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

[dir=rtl] .m_r_56 {
  margin-right: 0px !important;
  margin-left: 56px !important;
}

[dir=rtl] .m_l_56 {
  margin-right: 56px !important;
  margin-left: 0px !important;
}

.p_56 {
  padding: 56px !important;
}

.p_t_56 {
  padding-top: 56px !important;
}

.p_r_56 {
  padding-right: 56px !important;
}

.p_b_56 {
  padding-bottom: 56px !important;
}

.p_l_56 {
  padding-left: 56px !important;
}

.p_y_56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

/* padding horizontal*/
.p_x_56 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

[dir=rtl] .p_r_56 {
  padding-right: 0px !important;
  padding-left: 56px !important;
}

[dir=rtl] .p_l_56 {
  padding-right: 56px !important;
  padding-left: 0px !important;
}

.m_57 {
  margin: 57px !important;
}

.m_t_57 {
  margin-top: 57px !important;
}

.m_r_57 {
  margin-right: 57px !important;
}

.m_b_57 {
  margin-bottom: 57px !important;
}

.m_l_57 {
  margin-left: 57px !important;
}

.m_y_57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.m_x_57 {
  margin-right: 57px !important;
  margin-left: 57px !important;
}

[dir=rtl] .m_r_57 {
  margin-right: 0px !important;
  margin-left: 57px !important;
}

[dir=rtl] .m_l_57 {
  margin-right: 57px !important;
  margin-left: 0px !important;
}

.p_57 {
  padding: 57px !important;
}

.p_t_57 {
  padding-top: 57px !important;
}

.p_r_57 {
  padding-right: 57px !important;
}

.p_b_57 {
  padding-bottom: 57px !important;
}

.p_l_57 {
  padding-left: 57px !important;
}

.p_y_57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

/* padding horizontal*/
.p_x_57 {
  padding-right: 57px !important;
  padding-left: 57px !important;
}

[dir=rtl] .p_r_57 {
  padding-right: 0px !important;
  padding-left: 57px !important;
}

[dir=rtl] .p_l_57 {
  padding-right: 57px !important;
  padding-left: 0px !important;
}

.m_58 {
  margin: 58px !important;
}

.m_t_58 {
  margin-top: 58px !important;
}

.m_r_58 {
  margin-right: 58px !important;
}

.m_b_58 {
  margin-bottom: 58px !important;
}

.m_l_58 {
  margin-left: 58px !important;
}

.m_y_58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.m_x_58 {
  margin-right: 58px !important;
  margin-left: 58px !important;
}

[dir=rtl] .m_r_58 {
  margin-right: 0px !important;
  margin-left: 58px !important;
}

[dir=rtl] .m_l_58 {
  margin-right: 58px !important;
  margin-left: 0px !important;
}

.p_58 {
  padding: 58px !important;
}

.p_t_58 {
  padding-top: 58px !important;
}

.p_r_58 {
  padding-right: 58px !important;
}

.p_b_58 {
  padding-bottom: 58px !important;
}

.p_l_58 {
  padding-left: 58px !important;
}

.p_y_58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

/* padding horizontal*/
.p_x_58 {
  padding-right: 58px !important;
  padding-left: 58px !important;
}

[dir=rtl] .p_r_58 {
  padding-right: 0px !important;
  padding-left: 58px !important;
}

[dir=rtl] .p_l_58 {
  padding-right: 58px !important;
  padding-left: 0px !important;
}

.m_59 {
  margin: 59px !important;
}

.m_t_59 {
  margin-top: 59px !important;
}

.m_r_59 {
  margin-right: 59px !important;
}

.m_b_59 {
  margin-bottom: 59px !important;
}

.m_l_59 {
  margin-left: 59px !important;
}

.m_y_59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.m_x_59 {
  margin-right: 59px !important;
  margin-left: 59px !important;
}

[dir=rtl] .m_r_59 {
  margin-right: 0px !important;
  margin-left: 59px !important;
}

[dir=rtl] .m_l_59 {
  margin-right: 59px !important;
  margin-left: 0px !important;
}

.p_59 {
  padding: 59px !important;
}

.p_t_59 {
  padding-top: 59px !important;
}

.p_r_59 {
  padding-right: 59px !important;
}

.p_b_59 {
  padding-bottom: 59px !important;
}

.p_l_59 {
  padding-left: 59px !important;
}

.p_y_59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

/* padding horizontal*/
.p_x_59 {
  padding-right: 59px !important;
  padding-left: 59px !important;
}

[dir=rtl] .p_r_59 {
  padding-right: 0px !important;
  padding-left: 59px !important;
}

[dir=rtl] .p_l_59 {
  padding-right: 59px !important;
  padding-left: 0px !important;
}

.m_60 {
  margin: 60px !important;
}

.m_t_60 {
  margin-top: 60px !important;
}

.m_r_60 {
  margin-right: 60px !important;
}

.m_b_60 {
  margin-bottom: 60px !important;
}

.m_l_60 {
  margin-left: 60px !important;
}

.m_y_60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m_x_60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

[dir=rtl] .m_r_60 {
  margin-right: 0px !important;
  margin-left: 60px !important;
}

[dir=rtl] .m_l_60 {
  margin-right: 60px !important;
  margin-left: 0px !important;
}

.p_60 {
  padding: 60px !important;
}

.p_t_60 {
  padding-top: 60px !important;
}

.p_r_60 {
  padding-right: 60px !important;
}

.p_b_60 {
  padding-bottom: 60px !important;
}

.p_l_60 {
  padding-left: 60px !important;
}

.p_y_60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* padding horizontal*/
.p_x_60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

[dir=rtl] .p_r_60 {
  padding-right: 0px !important;
  padding-left: 60px !important;
}

[dir=rtl] .p_l_60 {
  padding-right: 60px !important;
  padding-left: 0px !important;
}

.m_61 {
  margin: 61px !important;
}

.m_t_61 {
  margin-top: 61px !important;
}

.m_r_61 {
  margin-right: 61px !important;
}

.m_b_61 {
  margin-bottom: 61px !important;
}

.m_l_61 {
  margin-left: 61px !important;
}

.m_y_61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.m_x_61 {
  margin-right: 61px !important;
  margin-left: 61px !important;
}

[dir=rtl] .m_r_61 {
  margin-right: 0px !important;
  margin-left: 61px !important;
}

[dir=rtl] .m_l_61 {
  margin-right: 61px !important;
  margin-left: 0px !important;
}

.p_61 {
  padding: 61px !important;
}

.p_t_61 {
  padding-top: 61px !important;
}

.p_r_61 {
  padding-right: 61px !important;
}

.p_b_61 {
  padding-bottom: 61px !important;
}

.p_l_61 {
  padding-left: 61px !important;
}

.p_y_61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}

/* padding horizontal*/
.p_x_61 {
  padding-right: 61px !important;
  padding-left: 61px !important;
}

[dir=rtl] .p_r_61 {
  padding-right: 0px !important;
  padding-left: 61px !important;
}

[dir=rtl] .p_l_61 {
  padding-right: 61px !important;
  padding-left: 0px !important;
}

.m_62 {
  margin: 62px !important;
}

.m_t_62 {
  margin-top: 62px !important;
}

.m_r_62 {
  margin-right: 62px !important;
}

.m_b_62 {
  margin-bottom: 62px !important;
}

.m_l_62 {
  margin-left: 62px !important;
}

.m_y_62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.m_x_62 {
  margin-right: 62px !important;
  margin-left: 62px !important;
}

[dir=rtl] .m_r_62 {
  margin-right: 0px !important;
  margin-left: 62px !important;
}

[dir=rtl] .m_l_62 {
  margin-right: 62px !important;
  margin-left: 0px !important;
}

.p_62 {
  padding: 62px !important;
}

.p_t_62 {
  padding-top: 62px !important;
}

.p_r_62 {
  padding-right: 62px !important;
}

.p_b_62 {
  padding-bottom: 62px !important;
}

.p_l_62 {
  padding-left: 62px !important;
}

.p_y_62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

/* padding horizontal*/
.p_x_62 {
  padding-right: 62px !important;
  padding-left: 62px !important;
}

[dir=rtl] .p_r_62 {
  padding-right: 0px !important;
  padding-left: 62px !important;
}

[dir=rtl] .p_l_62 {
  padding-right: 62px !important;
  padding-left: 0px !important;
}

.m_63 {
  margin: 63px !important;
}

.m_t_63 {
  margin-top: 63px !important;
}

.m_r_63 {
  margin-right: 63px !important;
}

.m_b_63 {
  margin-bottom: 63px !important;
}

.m_l_63 {
  margin-left: 63px !important;
}

.m_y_63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.m_x_63 {
  margin-right: 63px !important;
  margin-left: 63px !important;
}

[dir=rtl] .m_r_63 {
  margin-right: 0px !important;
  margin-left: 63px !important;
}

[dir=rtl] .m_l_63 {
  margin-right: 63px !important;
  margin-left: 0px !important;
}

.p_63 {
  padding: 63px !important;
}

.p_t_63 {
  padding-top: 63px !important;
}

.p_r_63 {
  padding-right: 63px !important;
}

.p_b_63 {
  padding-bottom: 63px !important;
}

.p_l_63 {
  padding-left: 63px !important;
}

.p_y_63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}

/* padding horizontal*/
.p_x_63 {
  padding-right: 63px !important;
  padding-left: 63px !important;
}

[dir=rtl] .p_r_63 {
  padding-right: 0px !important;
  padding-left: 63px !important;
}

[dir=rtl] .p_l_63 {
  padding-right: 63px !important;
  padding-left: 0px !important;
}

.m_64 {
  margin: 64px !important;
}

.m_t_64 {
  margin-top: 64px !important;
}

.m_r_64 {
  margin-right: 64px !important;
}

.m_b_64 {
  margin-bottom: 64px !important;
}

.m_l_64 {
  margin-left: 64px !important;
}

.m_y_64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.m_x_64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

[dir=rtl] .m_r_64 {
  margin-right: 0px !important;
  margin-left: 64px !important;
}

[dir=rtl] .m_l_64 {
  margin-right: 64px !important;
  margin-left: 0px !important;
}

.p_64 {
  padding: 64px !important;
}

.p_t_64 {
  padding-top: 64px !important;
}

.p_r_64 {
  padding-right: 64px !important;
}

.p_b_64 {
  padding-bottom: 64px !important;
}

.p_l_64 {
  padding-left: 64px !important;
}

.p_y_64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* padding horizontal*/
.p_x_64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

[dir=rtl] .p_r_64 {
  padding-right: 0px !important;
  padding-left: 64px !important;
}

[dir=rtl] .p_l_64 {
  padding-right: 64px !important;
  padding-left: 0px !important;
}

.font_8 {
  font-size: 8px !important;
  line-height: 14px !important;
}

.font_9 {
  font-size: 9px !important;
  line-height: 15px !important;
}

.font_10 {
  font-size: 10px !important;
  line-height: 16px !important;
}

.font_11 {
  font-size: 11px !important;
  line-height: 17px !important;
}

.font_12 {
  font-size: 12px !important;
  line-height: 18px !important;
}

.font_13 {
  font-size: 13px !important;
  line-height: 19px !important;
}

.font_14 {
  font-size: 14px !important;
  line-height: 20px !important;
}

.font_15 {
  font-size: 15px !important;
  line-height: 21px !important;
}

.font_16 {
  font-size: 16px !important;
  line-height: 22px !important;
}

.font_17 {
  font-size: 17px !important;
  line-height: 23px !important;
}

.font_18 {
  font-size: 18px !important;
  line-height: 24px !important;
}

.font_19 {
  font-size: 19px !important;
  line-height: 25px !important;
}

.font_20 {
  font-size: 20px !important;
  line-height: 26px !important;
}

.font_21 {
  font-size: 21px !important;
  line-height: 27px !important;
}

.font_22 {
  font-size: 22px !important;
  line-height: 28px !important;
}

.font_23 {
  font-size: 23px !important;
  line-height: 29px !important;
}

.font_24 {
  font-size: 24px !important;
  line-height: 30px !important;
}

.font_25 {
  font-size: 25px !important;
  line-height: 31px !important;
}

.font_26 {
  font-size: 26px !important;
  line-height: 32px !important;
}

.font_27 {
  font-size: 27px !important;
  line-height: 33px !important;
}

.font_28 {
  font-size: 28px !important;
  line-height: 34px !important;
}

.font_29 {
  font-size: 29px !important;
  line-height: 35px !important;
}

.font_30 {
  font-size: 30px !important;
  line-height: 36px !important;
}

.font_31 {
  font-size: 31px !important;
  line-height: 37px !important;
}

.font_32 {
  font-size: 32px !important;
  line-height: 38px !important;
}

.font_33 {
  font-size: 33px !important;
  line-height: 39px !important;
}

.font_34 {
  font-size: 34px !important;
  line-height: 40px !important;
}

.font_35 {
  font-size: 35px !important;
  line-height: 41px !important;
}

.font_36 {
  font-size: 36px !important;
  line-height: 42px !important;
}

.font_37 {
  font-size: 37px !important;
  line-height: 43px !important;
}

.font_38 {
  font-size: 38px !important;
  line-height: 44px !important;
}

.font_39 {
  font-size: 39px !important;
  line-height: 45px !important;
}

.font_40 {
  font-size: 40px !important;
  line-height: 46px !important;
}

.font_41 {
  font-size: 41px !important;
  line-height: 47px !important;
}

.font_42 {
  font-size: 42px !important;
  line-height: 48px !important;
}

.font_43 {
  font-size: 43px !important;
  line-height: 49px !important;
}

.font_44 {
  font-size: 44px !important;
  line-height: 50px !important;
}

.font_45 {
  font-size: 45px !important;
  line-height: 51px !important;
}

.font_46 {
  font-size: 46px !important;
  line-height: 52px !important;
}

.font_47 {
  font-size: 47px !important;
  line-height: 53px !important;
}

.font_48 {
  font-size: 48px !important;
  line-height: 54px !important;
}

.font_49 {
  font-size: 49px !important;
  line-height: 55px !important;
}

.font_50 {
  font-size: 50px !important;
  line-height: 56px !important;
}

.font_51 {
  font-size: 51px !important;
  line-height: 57px !important;
}

.font_52 {
  font-size: 52px !important;
  line-height: 58px !important;
}

.font_53 {
  font-size: 53px !important;
  line-height: 59px !important;
}

.font_54 {
  font-size: 54px !important;
  line-height: 60px !important;
}

.font_55 {
  font-size: 55px !important;
  line-height: 61px !important;
}

.font_56 {
  font-size: 56px !important;
  line-height: 62px !important;
}

.font_57 {
  font-size: 57px !important;
  line-height: 63px !important;
}

.font_58 {
  font-size: 58px !important;
  line-height: 64px !important;
}

.font_59 {
  font-size: 59px !important;
  line-height: 65px !important;
}

.font_60 {
  font-size: 60px !important;
  line-height: 66px !important;
}

.font_61 {
  font-size: 61px !important;
  line-height: 67px !important;
}

.font_62 {
  font-size: 62px !important;
  line-height: 68px !important;
}

.font_63 {
  font-size: 63px !important;
  line-height: 69px !important;
}

.font_64 {
  font-size: 64px !important;
  line-height: 70px !important;
}

.font_65 {
  font-size: 65px !important;
  line-height: 71px !important;
}

.font_66 {
  font-size: 66px !important;
  line-height: 72px !important;
}

.font_67 {
  font-size: 67px !important;
  line-height: 73px !important;
}

.font_68 {
  font-size: 68px !important;
  line-height: 74px !important;
}

.font_69 {
  font-size: 69px !important;
  line-height: 75px !important;
}

.font_70 {
  font-size: 70px !important;
  line-height: 76px !important;
}

.font_71 {
  font-size: 71px !important;
  line-height: 77px !important;
}

.font_72 {
  font-size: 72px !important;
  line-height: 78px !important;
}

.font_73 {
  font-size: 73px !important;
  line-height: 79px !important;
}

.font_74 {
  font-size: 74px !important;
  line-height: 80px !important;
}

.font_75 {
  font-size: 75px !important;
  line-height: 81px !important;
}

.font_76 {
  font-size: 76px !important;
  line-height: 82px !important;
}

.font_77 {
  font-size: 77px !important;
  line-height: 83px !important;
}

.font_78 {
  font-size: 78px !important;
  line-height: 84px !important;
}

.font_79 {
  font-size: 79px !important;
  line-height: 85px !important;
}

.font_80 {
  font-size: 80px !important;
  line-height: 86px !important;
}

.font_81 {
  font-size: 81px !important;
  line-height: 87px !important;
}

.font_82 {
  font-size: 82px !important;
  line-height: 88px !important;
}

.font_83 {
  font-size: 83px !important;
  line-height: 89px !important;
}

.font_84 {
  font-size: 84px !important;
  line-height: 90px !important;
}

.font_85 {
  font-size: 85px !important;
  line-height: 91px !important;
}

.font_86 {
  font-size: 86px !important;
  line-height: 92px !important;
}

.font_87 {
  font-size: 87px !important;
  line-height: 93px !important;
}

.font_88 {
  font-size: 88px !important;
  line-height: 94px !important;
}

.font_89 {
  font-size: 89px !important;
  line-height: 95px !important;
}

.font_90 {
  font-size: 90px !important;
  line-height: 96px !important;
}

.font_91 {
  font-size: 91px !important;
  line-height: 97px !important;
}

.font_92 {
  font-size: 92px !important;
  line-height: 98px !important;
}

.font_93 {
  font-size: 93px !important;
  line-height: 99px !important;
}

.font_94 {
  font-size: 94px !important;
  line-height: 100px !important;
}

.font_95 {
  font-size: 95px !important;
  line-height: 101px !important;
}

.font_96 {
  font-size: 96px !important;
  line-height: 102px !important;
}

.font_97 {
  font-size: 97px !important;
  line-height: 103px !important;
}

.font_98 {
  font-size: 98px !important;
  line-height: 104px !important;
}

.font_99 {
  font-size: 99px !important;
  line-height: 105px !important;
}

.font_100 {
  font-size: 100px !important;
  line-height: 106px !important;
}

.font_101 {
  font-size: 101px !important;
  line-height: 107px !important;
}

.font_102 {
  font-size: 102px !important;
  line-height: 108px !important;
}

.font_103 {
  font-size: 103px !important;
  line-height: 109px !important;
}

.font_104 {
  font-size: 104px !important;
  line-height: 110px !important;
}

.font_105 {
  font-size: 105px !important;
  line-height: 111px !important;
}

.font_106 {
  font-size: 106px !important;
  line-height: 112px !important;
}

.font_107 {
  font-size: 107px !important;
  line-height: 113px !important;
}

.font_108 {
  font-size: 108px !important;
  line-height: 114px !important;
}

.font_109 {
  font-size: 109px !important;
  line-height: 115px !important;
}

.font_110 {
  font-size: 110px !important;
  line-height: 116px !important;
}

.font_111 {
  font-size: 111px !important;
  line-height: 117px !important;
}

.font_112 {
  font-size: 112px !important;
  line-height: 118px !important;
}

.font_113 {
  font-size: 113px !important;
  line-height: 119px !important;
}

.font_114 {
  font-size: 114px !important;
  line-height: 120px !important;
}

.font_115 {
  font-size: 115px !important;
  line-height: 121px !important;
}

.font_116 {
  font-size: 116px !important;
  line-height: 122px !important;
}

.font_117 {
  font-size: 117px !important;
  line-height: 123px !important;
}

.font_118 {
  font-size: 118px !important;
  line-height: 124px !important;
}

.font_119 {
  font-size: 119px !important;
  line-height: 125px !important;
}

.font_120 {
  font-size: 120px !important;
  line-height: 126px !important;
}

.font_121 {
  font-size: 121px !important;
  line-height: 127px !important;
}

.font_122 {
  font-size: 122px !important;
  line-height: 128px !important;
}

.font_123 {
  font-size: 123px !important;
  line-height: 129px !important;
}

.font_124 {
  font-size: 124px !important;
  line-height: 130px !important;
}

.font_125 {
  font-size: 125px !important;
  line-height: 131px !important;
}

.font_126 {
  font-size: 126px !important;
  line-height: 132px !important;
}

.font_127 {
  font-size: 127px !important;
  line-height: 133px !important;
}

.font_128 {
  font-size: 128px !important;
  line-height: 134px !important;
}

@media (min-width: 576px) {
  .font_sm_8 {
    font-size: 8px !important;
    line-height: 14px !important;
  }
  .font_sm_9 {
    font-size: 9px !important;
    line-height: 15px !important;
  }
  .font_sm_10 {
    font-size: 10px !important;
    line-height: 16px !important;
  }
  .font_sm_11 {
    font-size: 11px !important;
    line-height: 17px !important;
  }
  .font_sm_12 {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .font_sm_13 {
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .font_sm_14 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .font_sm_15 {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .font_sm_16 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .font_sm_17 {
    font-size: 17px !important;
    line-height: 23px !important;
  }
  .font_sm_18 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .font_sm_19 {
    font-size: 19px !important;
    line-height: 25px !important;
  }
  .font_sm_20 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .font_sm_21 {
    font-size: 21px !important;
    line-height: 27px !important;
  }
  .font_sm_22 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .font_sm_23 {
    font-size: 23px !important;
    line-height: 29px !important;
  }
  .font_sm_24 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .font_sm_25 {
    font-size: 25px !important;
    line-height: 31px !important;
  }
  .font_sm_26 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  .font_sm_27 {
    font-size: 27px !important;
    line-height: 33px !important;
  }
  .font_sm_28 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .font_sm_29 {
    font-size: 29px !important;
    line-height: 35px !important;
  }
  .font_sm_30 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  .font_sm_31 {
    font-size: 31px !important;
    line-height: 37px !important;
  }
  .font_sm_32 {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .font_sm_33 {
    font-size: 33px !important;
    line-height: 39px !important;
  }
  .font_sm_34 {
    font-size: 34px !important;
    line-height: 40px !important;
  }
  .font_sm_35 {
    font-size: 35px !important;
    line-height: 41px !important;
  }
  .font_sm_36 {
    font-size: 36px !important;
    line-height: 42px !important;
  }
  .font_sm_37 {
    font-size: 37px !important;
    line-height: 43px !important;
  }
  .font_sm_38 {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  .font_sm_39 {
    font-size: 39px !important;
    line-height: 45px !important;
  }
  .font_sm_40 {
    font-size: 40px !important;
    line-height: 46px !important;
  }
  .font_sm_41 {
    font-size: 41px !important;
    line-height: 47px !important;
  }
  .font_sm_42 {
    font-size: 42px !important;
    line-height: 48px !important;
  }
  .font_sm_43 {
    font-size: 43px !important;
    line-height: 49px !important;
  }
  .font_sm_44 {
    font-size: 44px !important;
    line-height: 50px !important;
  }
  .font_sm_45 {
    font-size: 45px !important;
    line-height: 51px !important;
  }
  .font_sm_46 {
    font-size: 46px !important;
    line-height: 52px !important;
  }
  .font_sm_47 {
    font-size: 47px !important;
    line-height: 53px !important;
  }
  .font_sm_48 {
    font-size: 48px !important;
    line-height: 54px !important;
  }
  .font_sm_49 {
    font-size: 49px !important;
    line-height: 55px !important;
  }
  .font_sm_50 {
    font-size: 50px !important;
    line-height: 56px !important;
  }
  .font_sm_51 {
    font-size: 51px !important;
    line-height: 57px !important;
  }
  .font_sm_52 {
    font-size: 52px !important;
    line-height: 58px !important;
  }
  .font_sm_53 {
    font-size: 53px !important;
    line-height: 59px !important;
  }
  .font_sm_54 {
    font-size: 54px !important;
    line-height: 60px !important;
  }
  .font_sm_55 {
    font-size: 55px !important;
    line-height: 61px !important;
  }
  .font_sm_56 {
    font-size: 56px !important;
    line-height: 62px !important;
  }
  .font_sm_57 {
    font-size: 57px !important;
    line-height: 63px !important;
  }
  .font_sm_58 {
    font-size: 58px !important;
    line-height: 64px !important;
  }
  .font_sm_59 {
    font-size: 59px !important;
    line-height: 65px !important;
  }
  .font_sm_60 {
    font-size: 60px !important;
    line-height: 66px !important;
  }
  .font_sm_61 {
    font-size: 61px !important;
    line-height: 67px !important;
  }
  .font_sm_62 {
    font-size: 62px !important;
    line-height: 68px !important;
  }
  .font_sm_63 {
    font-size: 63px !important;
    line-height: 69px !important;
  }
  .font_sm_64 {
    font-size: 64px !important;
    line-height: 70px !important;
  }
  .font_sm_65 {
    font-size: 65px !important;
    line-height: 71px !important;
  }
  .font_sm_66 {
    font-size: 66px !important;
    line-height: 72px !important;
  }
  .font_sm_67 {
    font-size: 67px !important;
    line-height: 73px !important;
  }
  .font_sm_68 {
    font-size: 68px !important;
    line-height: 74px !important;
  }
  .font_sm_69 {
    font-size: 69px !important;
    line-height: 75px !important;
  }
  .font_sm_70 {
    font-size: 70px !important;
    line-height: 76px !important;
  }
  .font_sm_71 {
    font-size: 71px !important;
    line-height: 77px !important;
  }
  .font_sm_72 {
    font-size: 72px !important;
    line-height: 78px !important;
  }
  .font_sm_73 {
    font-size: 73px !important;
    line-height: 79px !important;
  }
  .font_sm_74 {
    font-size: 74px !important;
    line-height: 80px !important;
  }
  .font_sm_75 {
    font-size: 75px !important;
    line-height: 81px !important;
  }
  .font_sm_76 {
    font-size: 76px !important;
    line-height: 82px !important;
  }
  .font_sm_77 {
    font-size: 77px !important;
    line-height: 83px !important;
  }
  .font_sm_78 {
    font-size: 78px !important;
    line-height: 84px !important;
  }
  .font_sm_79 {
    font-size: 79px !important;
    line-height: 85px !important;
  }
  .font_sm_80 {
    font-size: 80px !important;
    line-height: 86px !important;
  }
  .font_sm_81 {
    font-size: 81px !important;
    line-height: 87px !important;
  }
  .font_sm_82 {
    font-size: 82px !important;
    line-height: 88px !important;
  }
  .font_sm_83 {
    font-size: 83px !important;
    line-height: 89px !important;
  }
  .font_sm_84 {
    font-size: 84px !important;
    line-height: 90px !important;
  }
  .font_sm_85 {
    font-size: 85px !important;
    line-height: 91px !important;
  }
  .font_sm_86 {
    font-size: 86px !important;
    line-height: 92px !important;
  }
  .font_sm_87 {
    font-size: 87px !important;
    line-height: 93px !important;
  }
  .font_sm_88 {
    font-size: 88px !important;
    line-height: 94px !important;
  }
  .font_sm_89 {
    font-size: 89px !important;
    line-height: 95px !important;
  }
  .font_sm_90 {
    font-size: 90px !important;
    line-height: 96px !important;
  }
  .font_sm_91 {
    font-size: 91px !important;
    line-height: 97px !important;
  }
  .font_sm_92 {
    font-size: 92px !important;
    line-height: 98px !important;
  }
  .font_sm_93 {
    font-size: 93px !important;
    line-height: 99px !important;
  }
  .font_sm_94 {
    font-size: 94px !important;
    line-height: 100px !important;
  }
  .font_sm_95 {
    font-size: 95px !important;
    line-height: 101px !important;
  }
  .font_sm_96 {
    font-size: 96px !important;
    line-height: 102px !important;
  }
  .font_sm_97 {
    font-size: 97px !important;
    line-height: 103px !important;
  }
  .font_sm_98 {
    font-size: 98px !important;
    line-height: 104px !important;
  }
  .font_sm_99 {
    font-size: 99px !important;
    line-height: 105px !important;
  }
  .font_sm_100 {
    font-size: 100px !important;
    line-height: 106px !important;
  }
  .font_sm_101 {
    font-size: 101px !important;
    line-height: 107px !important;
  }
  .font_sm_102 {
    font-size: 102px !important;
    line-height: 108px !important;
  }
  .font_sm_103 {
    font-size: 103px !important;
    line-height: 109px !important;
  }
  .font_sm_104 {
    font-size: 104px !important;
    line-height: 110px !important;
  }
  .font_sm_105 {
    font-size: 105px !important;
    line-height: 111px !important;
  }
  .font_sm_106 {
    font-size: 106px !important;
    line-height: 112px !important;
  }
  .font_sm_107 {
    font-size: 107px !important;
    line-height: 113px !important;
  }
  .font_sm_108 {
    font-size: 108px !important;
    line-height: 114px !important;
  }
  .font_sm_109 {
    font-size: 109px !important;
    line-height: 115px !important;
  }
  .font_sm_110 {
    font-size: 110px !important;
    line-height: 116px !important;
  }
  .font_sm_111 {
    font-size: 111px !important;
    line-height: 117px !important;
  }
  .font_sm_112 {
    font-size: 112px !important;
    line-height: 118px !important;
  }
  .font_sm_113 {
    font-size: 113px !important;
    line-height: 119px !important;
  }
  .font_sm_114 {
    font-size: 114px !important;
    line-height: 120px !important;
  }
  .font_sm_115 {
    font-size: 115px !important;
    line-height: 121px !important;
  }
  .font_sm_116 {
    font-size: 116px !important;
    line-height: 122px !important;
  }
  .font_sm_117 {
    font-size: 117px !important;
    line-height: 123px !important;
  }
  .font_sm_118 {
    font-size: 118px !important;
    line-height: 124px !important;
  }
  .font_sm_119 {
    font-size: 119px !important;
    line-height: 125px !important;
  }
  .font_sm_120 {
    font-size: 120px !important;
    line-height: 126px !important;
  }
  .font_sm_121 {
    font-size: 121px !important;
    line-height: 127px !important;
  }
  .font_sm_122 {
    font-size: 122px !important;
    line-height: 128px !important;
  }
  .font_sm_123 {
    font-size: 123px !important;
    line-height: 129px !important;
  }
  .font_sm_124 {
    font-size: 124px !important;
    line-height: 130px !important;
  }
  .font_sm_125 {
    font-size: 125px !important;
    line-height: 131px !important;
  }
  .font_sm_126 {
    font-size: 126px !important;
    line-height: 132px !important;
  }
  .font_sm_127 {
    font-size: 127px !important;
    line-height: 133px !important;
  }
  .font_sm_128 {
    font-size: 128px !important;
    line-height: 134px !important;
  }
}
@media (min-width: 768px) {
  .font_md_8 {
    font-size: 8px !important;
    line-height: 14px !important;
  }
  .font_md_9 {
    font-size: 9px !important;
    line-height: 15px !important;
  }
  .font_md_10 {
    font-size: 10px !important;
    line-height: 16px !important;
  }
  .font_md_11 {
    font-size: 11px !important;
    line-height: 17px !important;
  }
  .font_md_12 {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .font_md_13 {
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .font_md_14 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .font_md_15 {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .font_md_16 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .font_md_17 {
    font-size: 17px !important;
    line-height: 23px !important;
  }
  .font_md_18 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .font_md_19 {
    font-size: 19px !important;
    line-height: 25px !important;
  }
  .font_md_20 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .font_md_21 {
    font-size: 21px !important;
    line-height: 27px !important;
  }
  .font_md_22 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .font_md_23 {
    font-size: 23px !important;
    line-height: 29px !important;
  }
  .font_md_24 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .font_md_25 {
    font-size: 25px !important;
    line-height: 31px !important;
  }
  .font_md_26 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  .font_md_27 {
    font-size: 27px !important;
    line-height: 33px !important;
  }
  .font_md_28 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .font_md_29 {
    font-size: 29px !important;
    line-height: 35px !important;
  }
  .font_md_30 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  .font_md_31 {
    font-size: 31px !important;
    line-height: 37px !important;
  }
  .font_md_32 {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .font_md_33 {
    font-size: 33px !important;
    line-height: 39px !important;
  }
  .font_md_34 {
    font-size: 34px !important;
    line-height: 40px !important;
  }
  .font_md_35 {
    font-size: 35px !important;
    line-height: 41px !important;
  }
  .font_md_36 {
    font-size: 36px !important;
    line-height: 42px !important;
  }
  .font_md_37 {
    font-size: 37px !important;
    line-height: 43px !important;
  }
  .font_md_38 {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  .font_md_39 {
    font-size: 39px !important;
    line-height: 45px !important;
  }
  .font_md_40 {
    font-size: 40px !important;
    line-height: 46px !important;
  }
  .font_md_41 {
    font-size: 41px !important;
    line-height: 47px !important;
  }
  .font_md_42 {
    font-size: 42px !important;
    line-height: 48px !important;
  }
  .font_md_43 {
    font-size: 43px !important;
    line-height: 49px !important;
  }
  .font_md_44 {
    font-size: 44px !important;
    line-height: 50px !important;
  }
  .font_md_45 {
    font-size: 45px !important;
    line-height: 51px !important;
  }
  .font_md_46 {
    font-size: 46px !important;
    line-height: 52px !important;
  }
  .font_md_47 {
    font-size: 47px !important;
    line-height: 53px !important;
  }
  .font_md_48 {
    font-size: 48px !important;
    line-height: 54px !important;
  }
  .font_md_49 {
    font-size: 49px !important;
    line-height: 55px !important;
  }
  .font_md_50 {
    font-size: 50px !important;
    line-height: 56px !important;
  }
  .font_md_51 {
    font-size: 51px !important;
    line-height: 57px !important;
  }
  .font_md_52 {
    font-size: 52px !important;
    line-height: 58px !important;
  }
  .font_md_53 {
    font-size: 53px !important;
    line-height: 59px !important;
  }
  .font_md_54 {
    font-size: 54px !important;
    line-height: 60px !important;
  }
  .font_md_55 {
    font-size: 55px !important;
    line-height: 61px !important;
  }
  .font_md_56 {
    font-size: 56px !important;
    line-height: 62px !important;
  }
  .font_md_57 {
    font-size: 57px !important;
    line-height: 63px !important;
  }
  .font_md_58 {
    font-size: 58px !important;
    line-height: 64px !important;
  }
  .font_md_59 {
    font-size: 59px !important;
    line-height: 65px !important;
  }
  .font_md_60 {
    font-size: 60px !important;
    line-height: 66px !important;
  }
  .font_md_61 {
    font-size: 61px !important;
    line-height: 67px !important;
  }
  .font_md_62 {
    font-size: 62px !important;
    line-height: 68px !important;
  }
  .font_md_63 {
    font-size: 63px !important;
    line-height: 69px !important;
  }
  .font_md_64 {
    font-size: 64px !important;
    line-height: 70px !important;
  }
  .font_md_65 {
    font-size: 65px !important;
    line-height: 71px !important;
  }
  .font_md_66 {
    font-size: 66px !important;
    line-height: 72px !important;
  }
  .font_md_67 {
    font-size: 67px !important;
    line-height: 73px !important;
  }
  .font_md_68 {
    font-size: 68px !important;
    line-height: 74px !important;
  }
  .font_md_69 {
    font-size: 69px !important;
    line-height: 75px !important;
  }
  .font_md_70 {
    font-size: 70px !important;
    line-height: 76px !important;
  }
  .font_md_71 {
    font-size: 71px !important;
    line-height: 77px !important;
  }
  .font_md_72 {
    font-size: 72px !important;
    line-height: 78px !important;
  }
  .font_md_73 {
    font-size: 73px !important;
    line-height: 79px !important;
  }
  .font_md_74 {
    font-size: 74px !important;
    line-height: 80px !important;
  }
  .font_md_75 {
    font-size: 75px !important;
    line-height: 81px !important;
  }
  .font_md_76 {
    font-size: 76px !important;
    line-height: 82px !important;
  }
  .font_md_77 {
    font-size: 77px !important;
    line-height: 83px !important;
  }
  .font_md_78 {
    font-size: 78px !important;
    line-height: 84px !important;
  }
  .font_md_79 {
    font-size: 79px !important;
    line-height: 85px !important;
  }
  .font_md_80 {
    font-size: 80px !important;
    line-height: 86px !important;
  }
  .font_md_81 {
    font-size: 81px !important;
    line-height: 87px !important;
  }
  .font_md_82 {
    font-size: 82px !important;
    line-height: 88px !important;
  }
  .font_md_83 {
    font-size: 83px !important;
    line-height: 89px !important;
  }
  .font_md_84 {
    font-size: 84px !important;
    line-height: 90px !important;
  }
  .font_md_85 {
    font-size: 85px !important;
    line-height: 91px !important;
  }
  .font_md_86 {
    font-size: 86px !important;
    line-height: 92px !important;
  }
  .font_md_87 {
    font-size: 87px !important;
    line-height: 93px !important;
  }
  .font_md_88 {
    font-size: 88px !important;
    line-height: 94px !important;
  }
  .font_md_89 {
    font-size: 89px !important;
    line-height: 95px !important;
  }
  .font_md_90 {
    font-size: 90px !important;
    line-height: 96px !important;
  }
  .font_md_91 {
    font-size: 91px !important;
    line-height: 97px !important;
  }
  .font_md_92 {
    font-size: 92px !important;
    line-height: 98px !important;
  }
  .font_md_93 {
    font-size: 93px !important;
    line-height: 99px !important;
  }
  .font_md_94 {
    font-size: 94px !important;
    line-height: 100px !important;
  }
  .font_md_95 {
    font-size: 95px !important;
    line-height: 101px !important;
  }
  .font_md_96 {
    font-size: 96px !important;
    line-height: 102px !important;
  }
  .font_md_97 {
    font-size: 97px !important;
    line-height: 103px !important;
  }
  .font_md_98 {
    font-size: 98px !important;
    line-height: 104px !important;
  }
  .font_md_99 {
    font-size: 99px !important;
    line-height: 105px !important;
  }
  .font_md_100 {
    font-size: 100px !important;
    line-height: 106px !important;
  }
  .font_md_101 {
    font-size: 101px !important;
    line-height: 107px !important;
  }
  .font_md_102 {
    font-size: 102px !important;
    line-height: 108px !important;
  }
  .font_md_103 {
    font-size: 103px !important;
    line-height: 109px !important;
  }
  .font_md_104 {
    font-size: 104px !important;
    line-height: 110px !important;
  }
  .font_md_105 {
    font-size: 105px !important;
    line-height: 111px !important;
  }
  .font_md_106 {
    font-size: 106px !important;
    line-height: 112px !important;
  }
  .font_md_107 {
    font-size: 107px !important;
    line-height: 113px !important;
  }
  .font_md_108 {
    font-size: 108px !important;
    line-height: 114px !important;
  }
  .font_md_109 {
    font-size: 109px !important;
    line-height: 115px !important;
  }
  .font_md_110 {
    font-size: 110px !important;
    line-height: 116px !important;
  }
  .font_md_111 {
    font-size: 111px !important;
    line-height: 117px !important;
  }
  .font_md_112 {
    font-size: 112px !important;
    line-height: 118px !important;
  }
  .font_md_113 {
    font-size: 113px !important;
    line-height: 119px !important;
  }
  .font_md_114 {
    font-size: 114px !important;
    line-height: 120px !important;
  }
  .font_md_115 {
    font-size: 115px !important;
    line-height: 121px !important;
  }
  .font_md_116 {
    font-size: 116px !important;
    line-height: 122px !important;
  }
  .font_md_117 {
    font-size: 117px !important;
    line-height: 123px !important;
  }
  .font_md_118 {
    font-size: 118px !important;
    line-height: 124px !important;
  }
  .font_md_119 {
    font-size: 119px !important;
    line-height: 125px !important;
  }
  .font_md_120 {
    font-size: 120px !important;
    line-height: 126px !important;
  }
  .font_md_121 {
    font-size: 121px !important;
    line-height: 127px !important;
  }
  .font_md_122 {
    font-size: 122px !important;
    line-height: 128px !important;
  }
  .font_md_123 {
    font-size: 123px !important;
    line-height: 129px !important;
  }
  .font_md_124 {
    font-size: 124px !important;
    line-height: 130px !important;
  }
  .font_md_125 {
    font-size: 125px !important;
    line-height: 131px !important;
  }
  .font_md_126 {
    font-size: 126px !important;
    line-height: 132px !important;
  }
  .font_md_127 {
    font-size: 127px !important;
    line-height: 133px !important;
  }
  .font_md_128 {
    font-size: 128px !important;
    line-height: 134px !important;
  }
}
@media (min-width: 992px) {
  .font_lg_8 {
    font-size: 8px !important;
    line-height: 14px !important;
  }
  .font_lg_9 {
    font-size: 9px !important;
    line-height: 15px !important;
  }
  .font_lg_10 {
    font-size: 10px !important;
    line-height: 16px !important;
  }
  .font_lg_11 {
    font-size: 11px !important;
    line-height: 17px !important;
  }
  .font_lg_12 {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .font_lg_13 {
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .font_lg_14 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .font_lg_15 {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .font_lg_16 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .font_lg_17 {
    font-size: 17px !important;
    line-height: 23px !important;
  }
  .font_lg_18 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .font_lg_19 {
    font-size: 19px !important;
    line-height: 25px !important;
  }
  .font_lg_20 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .font_lg_21 {
    font-size: 21px !important;
    line-height: 27px !important;
  }
  .font_lg_22 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .font_lg_23 {
    font-size: 23px !important;
    line-height: 29px !important;
  }
  .font_lg_24 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .font_lg_25 {
    font-size: 25px !important;
    line-height: 31px !important;
  }
  .font_lg_26 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  .font_lg_27 {
    font-size: 27px !important;
    line-height: 33px !important;
  }
  .font_lg_28 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .font_lg_29 {
    font-size: 29px !important;
    line-height: 35px !important;
  }
  .font_lg_30 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  .font_lg_31 {
    font-size: 31px !important;
    line-height: 37px !important;
  }
  .font_lg_32 {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .font_lg_33 {
    font-size: 33px !important;
    line-height: 39px !important;
  }
  .font_lg_34 {
    font-size: 34px !important;
    line-height: 40px !important;
  }
  .font_lg_35 {
    font-size: 35px !important;
    line-height: 41px !important;
  }
  .font_lg_36 {
    font-size: 36px !important;
    line-height: 42px !important;
  }
  .font_lg_37 {
    font-size: 37px !important;
    line-height: 43px !important;
  }
  .font_lg_38 {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  .font_lg_39 {
    font-size: 39px !important;
    line-height: 45px !important;
  }
  .font_lg_40 {
    font-size: 40px !important;
    line-height: 46px !important;
  }
  .font_lg_41 {
    font-size: 41px !important;
    line-height: 47px !important;
  }
  .font_lg_42 {
    font-size: 42px !important;
    line-height: 48px !important;
  }
  .font_lg_43 {
    font-size: 43px !important;
    line-height: 49px !important;
  }
  .font_lg_44 {
    font-size: 44px !important;
    line-height: 50px !important;
  }
  .font_lg_45 {
    font-size: 45px !important;
    line-height: 51px !important;
  }
  .font_lg_46 {
    font-size: 46px !important;
    line-height: 52px !important;
  }
  .font_lg_47 {
    font-size: 47px !important;
    line-height: 53px !important;
  }
  .font_lg_48 {
    font-size: 48px !important;
    line-height: 54px !important;
  }
  .font_lg_49 {
    font-size: 49px !important;
    line-height: 55px !important;
  }
  .font_lg_50 {
    font-size: 50px !important;
    line-height: 56px !important;
  }
  .font_lg_51 {
    font-size: 51px !important;
    line-height: 57px !important;
  }
  .font_lg_52 {
    font-size: 52px !important;
    line-height: 58px !important;
  }
  .font_lg_53 {
    font-size: 53px !important;
    line-height: 59px !important;
  }
  .font_lg_54 {
    font-size: 54px !important;
    line-height: 60px !important;
  }
  .font_lg_55 {
    font-size: 55px !important;
    line-height: 61px !important;
  }
  .font_lg_56 {
    font-size: 56px !important;
    line-height: 62px !important;
  }
  .font_lg_57 {
    font-size: 57px !important;
    line-height: 63px !important;
  }
  .font_lg_58 {
    font-size: 58px !important;
    line-height: 64px !important;
  }
  .font_lg_59 {
    font-size: 59px !important;
    line-height: 65px !important;
  }
  .font_lg_60 {
    font-size: 60px !important;
    line-height: 66px !important;
  }
  .font_lg_61 {
    font-size: 61px !important;
    line-height: 67px !important;
  }
  .font_lg_62 {
    font-size: 62px !important;
    line-height: 68px !important;
  }
  .font_lg_63 {
    font-size: 63px !important;
    line-height: 69px !important;
  }
  .font_lg_64 {
    font-size: 64px !important;
    line-height: 70px !important;
  }
  .font_lg_65 {
    font-size: 65px !important;
    line-height: 71px !important;
  }
  .font_lg_66 {
    font-size: 66px !important;
    line-height: 72px !important;
  }
  .font_lg_67 {
    font-size: 67px !important;
    line-height: 73px !important;
  }
  .font_lg_68 {
    font-size: 68px !important;
    line-height: 74px !important;
  }
  .font_lg_69 {
    font-size: 69px !important;
    line-height: 75px !important;
  }
  .font_lg_70 {
    font-size: 70px !important;
    line-height: 76px !important;
  }
  .font_lg_71 {
    font-size: 71px !important;
    line-height: 77px !important;
  }
  .font_lg_72 {
    font-size: 72px !important;
    line-height: 78px !important;
  }
  .font_lg_73 {
    font-size: 73px !important;
    line-height: 79px !important;
  }
  .font_lg_74 {
    font-size: 74px !important;
    line-height: 80px !important;
  }
  .font_lg_75 {
    font-size: 75px !important;
    line-height: 81px !important;
  }
  .font_lg_76 {
    font-size: 76px !important;
    line-height: 82px !important;
  }
  .font_lg_77 {
    font-size: 77px !important;
    line-height: 83px !important;
  }
  .font_lg_78 {
    font-size: 78px !important;
    line-height: 84px !important;
  }
  .font_lg_79 {
    font-size: 79px !important;
    line-height: 85px !important;
  }
  .font_lg_80 {
    font-size: 80px !important;
    line-height: 86px !important;
  }
  .font_lg_81 {
    font-size: 81px !important;
    line-height: 87px !important;
  }
  .font_lg_82 {
    font-size: 82px !important;
    line-height: 88px !important;
  }
  .font_lg_83 {
    font-size: 83px !important;
    line-height: 89px !important;
  }
  .font_lg_84 {
    font-size: 84px !important;
    line-height: 90px !important;
  }
  .font_lg_85 {
    font-size: 85px !important;
    line-height: 91px !important;
  }
  .font_lg_86 {
    font-size: 86px !important;
    line-height: 92px !important;
  }
  .font_lg_87 {
    font-size: 87px !important;
    line-height: 93px !important;
  }
  .font_lg_88 {
    font-size: 88px !important;
    line-height: 94px !important;
  }
  .font_lg_89 {
    font-size: 89px !important;
    line-height: 95px !important;
  }
  .font_lg_90 {
    font-size: 90px !important;
    line-height: 96px !important;
  }
  .font_lg_91 {
    font-size: 91px !important;
    line-height: 97px !important;
  }
  .font_lg_92 {
    font-size: 92px !important;
    line-height: 98px !important;
  }
  .font_lg_93 {
    font-size: 93px !important;
    line-height: 99px !important;
  }
  .font_lg_94 {
    font-size: 94px !important;
    line-height: 100px !important;
  }
  .font_lg_95 {
    font-size: 95px !important;
    line-height: 101px !important;
  }
  .font_lg_96 {
    font-size: 96px !important;
    line-height: 102px !important;
  }
  .font_lg_97 {
    font-size: 97px !important;
    line-height: 103px !important;
  }
  .font_lg_98 {
    font-size: 98px !important;
    line-height: 104px !important;
  }
  .font_lg_99 {
    font-size: 99px !important;
    line-height: 105px !important;
  }
  .font_lg_100 {
    font-size: 100px !important;
    line-height: 106px !important;
  }
  .font_lg_101 {
    font-size: 101px !important;
    line-height: 107px !important;
  }
  .font_lg_102 {
    font-size: 102px !important;
    line-height: 108px !important;
  }
  .font_lg_103 {
    font-size: 103px !important;
    line-height: 109px !important;
  }
  .font_lg_104 {
    font-size: 104px !important;
    line-height: 110px !important;
  }
  .font_lg_105 {
    font-size: 105px !important;
    line-height: 111px !important;
  }
  .font_lg_106 {
    font-size: 106px !important;
    line-height: 112px !important;
  }
  .font_lg_107 {
    font-size: 107px !important;
    line-height: 113px !important;
  }
  .font_lg_108 {
    font-size: 108px !important;
    line-height: 114px !important;
  }
  .font_lg_109 {
    font-size: 109px !important;
    line-height: 115px !important;
  }
  .font_lg_110 {
    font-size: 110px !important;
    line-height: 116px !important;
  }
  .font_lg_111 {
    font-size: 111px !important;
    line-height: 117px !important;
  }
  .font_lg_112 {
    font-size: 112px !important;
    line-height: 118px !important;
  }
  .font_lg_113 {
    font-size: 113px !important;
    line-height: 119px !important;
  }
  .font_lg_114 {
    font-size: 114px !important;
    line-height: 120px !important;
  }
  .font_lg_115 {
    font-size: 115px !important;
    line-height: 121px !important;
  }
  .font_lg_116 {
    font-size: 116px !important;
    line-height: 122px !important;
  }
  .font_lg_117 {
    font-size: 117px !important;
    line-height: 123px !important;
  }
  .font_lg_118 {
    font-size: 118px !important;
    line-height: 124px !important;
  }
  .font_lg_119 {
    font-size: 119px !important;
    line-height: 125px !important;
  }
  .font_lg_120 {
    font-size: 120px !important;
    line-height: 126px !important;
  }
  .font_lg_121 {
    font-size: 121px !important;
    line-height: 127px !important;
  }
  .font_lg_122 {
    font-size: 122px !important;
    line-height: 128px !important;
  }
  .font_lg_123 {
    font-size: 123px !important;
    line-height: 129px !important;
  }
  .font_lg_124 {
    font-size: 124px !important;
    line-height: 130px !important;
  }
  .font_lg_125 {
    font-size: 125px !important;
    line-height: 131px !important;
  }
  .font_lg_126 {
    font-size: 126px !important;
    line-height: 132px !important;
  }
  .font_lg_127 {
    font-size: 127px !important;
    line-height: 133px !important;
  }
  .font_lg_128 {
    font-size: 128px !important;
    line-height: 134px !important;
  }
}
@media (min-width: 1200px) {
  .font_xl_8 {
    font-size: 8px !important;
    line-height: 14px !important;
  }
  .font_xl_9 {
    font-size: 9px !important;
    line-height: 15px !important;
  }
  .font_xl_10 {
    font-size: 10px !important;
    line-height: 16px !important;
  }
  .font_xl_11 {
    font-size: 11px !important;
    line-height: 17px !important;
  }
  .font_xl_12 {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .font_xl_13 {
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .font_xl_14 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .font_xl_15 {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .font_xl_16 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .font_xl_17 {
    font-size: 17px !important;
    line-height: 23px !important;
  }
  .font_xl_18 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .font_xl_19 {
    font-size: 19px !important;
    line-height: 25px !important;
  }
  .font_xl_20 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .font_xl_21 {
    font-size: 21px !important;
    line-height: 27px !important;
  }
  .font_xl_22 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .font_xl_23 {
    font-size: 23px !important;
    line-height: 29px !important;
  }
  .font_xl_24 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .font_xl_25 {
    font-size: 25px !important;
    line-height: 31px !important;
  }
  .font_xl_26 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  .font_xl_27 {
    font-size: 27px !important;
    line-height: 33px !important;
  }
  .font_xl_28 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .font_xl_29 {
    font-size: 29px !important;
    line-height: 35px !important;
  }
  .font_xl_30 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  .font_xl_31 {
    font-size: 31px !important;
    line-height: 37px !important;
  }
  .font_xl_32 {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .font_xl_33 {
    font-size: 33px !important;
    line-height: 39px !important;
  }
  .font_xl_34 {
    font-size: 34px !important;
    line-height: 40px !important;
  }
  .font_xl_35 {
    font-size: 35px !important;
    line-height: 41px !important;
  }
  .font_xl_36 {
    font-size: 36px !important;
    line-height: 42px !important;
  }
  .font_xl_37 {
    font-size: 37px !important;
    line-height: 43px !important;
  }
  .font_xl_38 {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  .font_xl_39 {
    font-size: 39px !important;
    line-height: 45px !important;
  }
  .font_xl_40 {
    font-size: 40px !important;
    line-height: 46px !important;
  }
  .font_xl_41 {
    font-size: 41px !important;
    line-height: 47px !important;
  }
  .font_xl_42 {
    font-size: 42px !important;
    line-height: 48px !important;
  }
  .font_xl_43 {
    font-size: 43px !important;
    line-height: 49px !important;
  }
  .font_xl_44 {
    font-size: 44px !important;
    line-height: 50px !important;
  }
  .font_xl_45 {
    font-size: 45px !important;
    line-height: 51px !important;
  }
  .font_xl_46 {
    font-size: 46px !important;
    line-height: 52px !important;
  }
  .font_xl_47 {
    font-size: 47px !important;
    line-height: 53px !important;
  }
  .font_xl_48 {
    font-size: 48px !important;
    line-height: 54px !important;
  }
  .font_xl_49 {
    font-size: 49px !important;
    line-height: 55px !important;
  }
  .font_xl_50 {
    font-size: 50px !important;
    line-height: 56px !important;
  }
  .font_xl_51 {
    font-size: 51px !important;
    line-height: 57px !important;
  }
  .font_xl_52 {
    font-size: 52px !important;
    line-height: 58px !important;
  }
  .font_xl_53 {
    font-size: 53px !important;
    line-height: 59px !important;
  }
  .font_xl_54 {
    font-size: 54px !important;
    line-height: 60px !important;
  }
  .font_xl_55 {
    font-size: 55px !important;
    line-height: 61px !important;
  }
  .font_xl_56 {
    font-size: 56px !important;
    line-height: 62px !important;
  }
  .font_xl_57 {
    font-size: 57px !important;
    line-height: 63px !important;
  }
  .font_xl_58 {
    font-size: 58px !important;
    line-height: 64px !important;
  }
  .font_xl_59 {
    font-size: 59px !important;
    line-height: 65px !important;
  }
  .font_xl_60 {
    font-size: 60px !important;
    line-height: 66px !important;
  }
  .font_xl_61 {
    font-size: 61px !important;
    line-height: 67px !important;
  }
  .font_xl_62 {
    font-size: 62px !important;
    line-height: 68px !important;
  }
  .font_xl_63 {
    font-size: 63px !important;
    line-height: 69px !important;
  }
  .font_xl_64 {
    font-size: 64px !important;
    line-height: 70px !important;
  }
  .font_xl_65 {
    font-size: 65px !important;
    line-height: 71px !important;
  }
  .font_xl_66 {
    font-size: 66px !important;
    line-height: 72px !important;
  }
  .font_xl_67 {
    font-size: 67px !important;
    line-height: 73px !important;
  }
  .font_xl_68 {
    font-size: 68px !important;
    line-height: 74px !important;
  }
  .font_xl_69 {
    font-size: 69px !important;
    line-height: 75px !important;
  }
  .font_xl_70 {
    font-size: 70px !important;
    line-height: 76px !important;
  }
  .font_xl_71 {
    font-size: 71px !important;
    line-height: 77px !important;
  }
  .font_xl_72 {
    font-size: 72px !important;
    line-height: 78px !important;
  }
  .font_xl_73 {
    font-size: 73px !important;
    line-height: 79px !important;
  }
  .font_xl_74 {
    font-size: 74px !important;
    line-height: 80px !important;
  }
  .font_xl_75 {
    font-size: 75px !important;
    line-height: 81px !important;
  }
  .font_xl_76 {
    font-size: 76px !important;
    line-height: 82px !important;
  }
  .font_xl_77 {
    font-size: 77px !important;
    line-height: 83px !important;
  }
  .font_xl_78 {
    font-size: 78px !important;
    line-height: 84px !important;
  }
  .font_xl_79 {
    font-size: 79px !important;
    line-height: 85px !important;
  }
  .font_xl_80 {
    font-size: 80px !important;
    line-height: 86px !important;
  }
  .font_xl_81 {
    font-size: 81px !important;
    line-height: 87px !important;
  }
  .font_xl_82 {
    font-size: 82px !important;
    line-height: 88px !important;
  }
  .font_xl_83 {
    font-size: 83px !important;
    line-height: 89px !important;
  }
  .font_xl_84 {
    font-size: 84px !important;
    line-height: 90px !important;
  }
  .font_xl_85 {
    font-size: 85px !important;
    line-height: 91px !important;
  }
  .font_xl_86 {
    font-size: 86px !important;
    line-height: 92px !important;
  }
  .font_xl_87 {
    font-size: 87px !important;
    line-height: 93px !important;
  }
  .font_xl_88 {
    font-size: 88px !important;
    line-height: 94px !important;
  }
  .font_xl_89 {
    font-size: 89px !important;
    line-height: 95px !important;
  }
  .font_xl_90 {
    font-size: 90px !important;
    line-height: 96px !important;
  }
  .font_xl_91 {
    font-size: 91px !important;
    line-height: 97px !important;
  }
  .font_xl_92 {
    font-size: 92px !important;
    line-height: 98px !important;
  }
  .font_xl_93 {
    font-size: 93px !important;
    line-height: 99px !important;
  }
  .font_xl_94 {
    font-size: 94px !important;
    line-height: 100px !important;
  }
  .font_xl_95 {
    font-size: 95px !important;
    line-height: 101px !important;
  }
  .font_xl_96 {
    font-size: 96px !important;
    line-height: 102px !important;
  }
  .font_xl_97 {
    font-size: 97px !important;
    line-height: 103px !important;
  }
  .font_xl_98 {
    font-size: 98px !important;
    line-height: 104px !important;
  }
  .font_xl_99 {
    font-size: 99px !important;
    line-height: 105px !important;
  }
  .font_xl_100 {
    font-size: 100px !important;
    line-height: 106px !important;
  }
  .font_xl_101 {
    font-size: 101px !important;
    line-height: 107px !important;
  }
  .font_xl_102 {
    font-size: 102px !important;
    line-height: 108px !important;
  }
  .font_xl_103 {
    font-size: 103px !important;
    line-height: 109px !important;
  }
  .font_xl_104 {
    font-size: 104px !important;
    line-height: 110px !important;
  }
  .font_xl_105 {
    font-size: 105px !important;
    line-height: 111px !important;
  }
  .font_xl_106 {
    font-size: 106px !important;
    line-height: 112px !important;
  }
  .font_xl_107 {
    font-size: 107px !important;
    line-height: 113px !important;
  }
  .font_xl_108 {
    font-size: 108px !important;
    line-height: 114px !important;
  }
  .font_xl_109 {
    font-size: 109px !important;
    line-height: 115px !important;
  }
  .font_xl_110 {
    font-size: 110px !important;
    line-height: 116px !important;
  }
  .font_xl_111 {
    font-size: 111px !important;
    line-height: 117px !important;
  }
  .font_xl_112 {
    font-size: 112px !important;
    line-height: 118px !important;
  }
  .font_xl_113 {
    font-size: 113px !important;
    line-height: 119px !important;
  }
  .font_xl_114 {
    font-size: 114px !important;
    line-height: 120px !important;
  }
  .font_xl_115 {
    font-size: 115px !important;
    line-height: 121px !important;
  }
  .font_xl_116 {
    font-size: 116px !important;
    line-height: 122px !important;
  }
  .font_xl_117 {
    font-size: 117px !important;
    line-height: 123px !important;
  }
  .font_xl_118 {
    font-size: 118px !important;
    line-height: 124px !important;
  }
  .font_xl_119 {
    font-size: 119px !important;
    line-height: 125px !important;
  }
  .font_xl_120 {
    font-size: 120px !important;
    line-height: 126px !important;
  }
  .font_xl_121 {
    font-size: 121px !important;
    line-height: 127px !important;
  }
  .font_xl_122 {
    font-size: 122px !important;
    line-height: 128px !important;
  }
  .font_xl_123 {
    font-size: 123px !important;
    line-height: 129px !important;
  }
  .font_xl_124 {
    font-size: 124px !important;
    line-height: 130px !important;
  }
  .font_xl_125 {
    font-size: 125px !important;
    line-height: 131px !important;
  }
  .font_xl_126 {
    font-size: 126px !important;
    line-height: 132px !important;
  }
  .font_xl_127 {
    font-size: 127px !important;
    line-height: 133px !important;
  }
  .font_xl_128 {
    font-size: 128px !important;
    line-height: 134px !important;
  }
}
@media (min-width: 1400px) {
  .font_xxl_8 {
    font-size: 8px !important;
    line-height: 14px !important;
  }
  .font_xxl_9 {
    font-size: 9px !important;
    line-height: 15px !important;
  }
  .font_xxl_10 {
    font-size: 10px !important;
    line-height: 16px !important;
  }
  .font_xxl_11 {
    font-size: 11px !important;
    line-height: 17px !important;
  }
  .font_xxl_12 {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .font_xxl_13 {
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .font_xxl_14 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .font_xxl_15 {
    font-size: 15px !important;
    line-height: 21px !important;
  }
  .font_xxl_16 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .font_xxl_17 {
    font-size: 17px !important;
    line-height: 23px !important;
  }
  .font_xxl_18 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .font_xxl_19 {
    font-size: 19px !important;
    line-height: 25px !important;
  }
  .font_xxl_20 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .font_xxl_21 {
    font-size: 21px !important;
    line-height: 27px !important;
  }
  .font_xxl_22 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .font_xxl_23 {
    font-size: 23px !important;
    line-height: 29px !important;
  }
  .font_xxl_24 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .font_xxl_25 {
    font-size: 25px !important;
    line-height: 31px !important;
  }
  .font_xxl_26 {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  .font_xxl_27 {
    font-size: 27px !important;
    line-height: 33px !important;
  }
  .font_xxl_28 {
    font-size: 28px !important;
    line-height: 34px !important;
  }
  .font_xxl_29 {
    font-size: 29px !important;
    line-height: 35px !important;
  }
  .font_xxl_30 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  .font_xxl_31 {
    font-size: 31px !important;
    line-height: 37px !important;
  }
  .font_xxl_32 {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .font_xxl_33 {
    font-size: 33px !important;
    line-height: 39px !important;
  }
  .font_xxl_34 {
    font-size: 34px !important;
    line-height: 40px !important;
  }
  .font_xxl_35 {
    font-size: 35px !important;
    line-height: 41px !important;
  }
  .font_xxl_36 {
    font-size: 36px !important;
    line-height: 42px !important;
  }
  .font_xxl_37 {
    font-size: 37px !important;
    line-height: 43px !important;
  }
  .font_xxl_38 {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  .font_xxl_39 {
    font-size: 39px !important;
    line-height: 45px !important;
  }
  .font_xxl_40 {
    font-size: 40px !important;
    line-height: 46px !important;
  }
  .font_xxl_41 {
    font-size: 41px !important;
    line-height: 47px !important;
  }
  .font_xxl_42 {
    font-size: 42px !important;
    line-height: 48px !important;
  }
  .font_xxl_43 {
    font-size: 43px !important;
    line-height: 49px !important;
  }
  .font_xxl_44 {
    font-size: 44px !important;
    line-height: 50px !important;
  }
  .font_xxl_45 {
    font-size: 45px !important;
    line-height: 51px !important;
  }
  .font_xxl_46 {
    font-size: 46px !important;
    line-height: 52px !important;
  }
  .font_xxl_47 {
    font-size: 47px !important;
    line-height: 53px !important;
  }
  .font_xxl_48 {
    font-size: 48px !important;
    line-height: 54px !important;
  }
  .font_xxl_49 {
    font-size: 49px !important;
    line-height: 55px !important;
  }
  .font_xxl_50 {
    font-size: 50px !important;
    line-height: 56px !important;
  }
  .font_xxl_51 {
    font-size: 51px !important;
    line-height: 57px !important;
  }
  .font_xxl_52 {
    font-size: 52px !important;
    line-height: 58px !important;
  }
  .font_xxl_53 {
    font-size: 53px !important;
    line-height: 59px !important;
  }
  .font_xxl_54 {
    font-size: 54px !important;
    line-height: 60px !important;
  }
  .font_xxl_55 {
    font-size: 55px !important;
    line-height: 61px !important;
  }
  .font_xxl_56 {
    font-size: 56px !important;
    line-height: 62px !important;
  }
  .font_xxl_57 {
    font-size: 57px !important;
    line-height: 63px !important;
  }
  .font_xxl_58 {
    font-size: 58px !important;
    line-height: 64px !important;
  }
  .font_xxl_59 {
    font-size: 59px !important;
    line-height: 65px !important;
  }
  .font_xxl_60 {
    font-size: 60px !important;
    line-height: 66px !important;
  }
  .font_xxl_61 {
    font-size: 61px !important;
    line-height: 67px !important;
  }
  .font_xxl_62 {
    font-size: 62px !important;
    line-height: 68px !important;
  }
  .font_xxl_63 {
    font-size: 63px !important;
    line-height: 69px !important;
  }
  .font_xxl_64 {
    font-size: 64px !important;
    line-height: 70px !important;
  }
  .font_xxl_65 {
    font-size: 65px !important;
    line-height: 71px !important;
  }
  .font_xxl_66 {
    font-size: 66px !important;
    line-height: 72px !important;
  }
  .font_xxl_67 {
    font-size: 67px !important;
    line-height: 73px !important;
  }
  .font_xxl_68 {
    font-size: 68px !important;
    line-height: 74px !important;
  }
  .font_xxl_69 {
    font-size: 69px !important;
    line-height: 75px !important;
  }
  .font_xxl_70 {
    font-size: 70px !important;
    line-height: 76px !important;
  }
  .font_xxl_71 {
    font-size: 71px !important;
    line-height: 77px !important;
  }
  .font_xxl_72 {
    font-size: 72px !important;
    line-height: 78px !important;
  }
  .font_xxl_73 {
    font-size: 73px !important;
    line-height: 79px !important;
  }
  .font_xxl_74 {
    font-size: 74px !important;
    line-height: 80px !important;
  }
  .font_xxl_75 {
    font-size: 75px !important;
    line-height: 81px !important;
  }
  .font_xxl_76 {
    font-size: 76px !important;
    line-height: 82px !important;
  }
  .font_xxl_77 {
    font-size: 77px !important;
    line-height: 83px !important;
  }
  .font_xxl_78 {
    font-size: 78px !important;
    line-height: 84px !important;
  }
  .font_xxl_79 {
    font-size: 79px !important;
    line-height: 85px !important;
  }
  .font_xxl_80 {
    font-size: 80px !important;
    line-height: 86px !important;
  }
  .font_xxl_81 {
    font-size: 81px !important;
    line-height: 87px !important;
  }
  .font_xxl_82 {
    font-size: 82px !important;
    line-height: 88px !important;
  }
  .font_xxl_83 {
    font-size: 83px !important;
    line-height: 89px !important;
  }
  .font_xxl_84 {
    font-size: 84px !important;
    line-height: 90px !important;
  }
  .font_xxl_85 {
    font-size: 85px !important;
    line-height: 91px !important;
  }
  .font_xxl_86 {
    font-size: 86px !important;
    line-height: 92px !important;
  }
  .font_xxl_87 {
    font-size: 87px !important;
    line-height: 93px !important;
  }
  .font_xxl_88 {
    font-size: 88px !important;
    line-height: 94px !important;
  }
  .font_xxl_89 {
    font-size: 89px !important;
    line-height: 95px !important;
  }
  .font_xxl_90 {
    font-size: 90px !important;
    line-height: 96px !important;
  }
  .font_xxl_91 {
    font-size: 91px !important;
    line-height: 97px !important;
  }
  .font_xxl_92 {
    font-size: 92px !important;
    line-height: 98px !important;
  }
  .font_xxl_93 {
    font-size: 93px !important;
    line-height: 99px !important;
  }
  .font_xxl_94 {
    font-size: 94px !important;
    line-height: 100px !important;
  }
  .font_xxl_95 {
    font-size: 95px !important;
    line-height: 101px !important;
  }
  .font_xxl_96 {
    font-size: 96px !important;
    line-height: 102px !important;
  }
  .font_xxl_97 {
    font-size: 97px !important;
    line-height: 103px !important;
  }
  .font_xxl_98 {
    font-size: 98px !important;
    line-height: 104px !important;
  }
  .font_xxl_99 {
    font-size: 99px !important;
    line-height: 105px !important;
  }
  .font_xxl_100 {
    font-size: 100px !important;
    line-height: 106px !important;
  }
  .font_xxl_101 {
    font-size: 101px !important;
    line-height: 107px !important;
  }
  .font_xxl_102 {
    font-size: 102px !important;
    line-height: 108px !important;
  }
  .font_xxl_103 {
    font-size: 103px !important;
    line-height: 109px !important;
  }
  .font_xxl_104 {
    font-size: 104px !important;
    line-height: 110px !important;
  }
  .font_xxl_105 {
    font-size: 105px !important;
    line-height: 111px !important;
  }
  .font_xxl_106 {
    font-size: 106px !important;
    line-height: 112px !important;
  }
  .font_xxl_107 {
    font-size: 107px !important;
    line-height: 113px !important;
  }
  .font_xxl_108 {
    font-size: 108px !important;
    line-height: 114px !important;
  }
  .font_xxl_109 {
    font-size: 109px !important;
    line-height: 115px !important;
  }
  .font_xxl_110 {
    font-size: 110px !important;
    line-height: 116px !important;
  }
  .font_xxl_111 {
    font-size: 111px !important;
    line-height: 117px !important;
  }
  .font_xxl_112 {
    font-size: 112px !important;
    line-height: 118px !important;
  }
  .font_xxl_113 {
    font-size: 113px !important;
    line-height: 119px !important;
  }
  .font_xxl_114 {
    font-size: 114px !important;
    line-height: 120px !important;
  }
  .font_xxl_115 {
    font-size: 115px !important;
    line-height: 121px !important;
  }
  .font_xxl_116 {
    font-size: 116px !important;
    line-height: 122px !important;
  }
  .font_xxl_117 {
    font-size: 117px !important;
    line-height: 123px !important;
  }
  .font_xxl_118 {
    font-size: 118px !important;
    line-height: 124px !important;
  }
  .font_xxl_119 {
    font-size: 119px !important;
    line-height: 125px !important;
  }
  .font_xxl_120 {
    font-size: 120px !important;
    line-height: 126px !important;
  }
  .font_xxl_121 {
    font-size: 121px !important;
    line-height: 127px !important;
  }
  .font_xxl_122 {
    font-size: 122px !important;
    line-height: 128px !important;
  }
  .font_xxl_123 {
    font-size: 123px !important;
    line-height: 129px !important;
  }
  .font_xxl_124 {
    font-size: 124px !important;
    line-height: 130px !important;
  }
  .font_xxl_125 {
    font-size: 125px !important;
    line-height: 131px !important;
  }
  .font_xxl_126 {
    font-size: 126px !important;
    line-height: 132px !important;
  }
  .font_xxl_127 {
    font-size: 127px !important;
    line-height: 133px !important;
  }
  .font_xxl_128 {
    font-size: 128px !important;
    line-height: 134px !important;
  }
}
.text-success {
  color: #33cc33 !important;
}

.text-primary {
  color: #8f0e1f !important;
}

.text-blue {
  color: #006390 !important;
}

.bg-success {
  background-color: #33cc33 !important;
}

.bg-primary {
  background-color: #8f0e1f !important;
}

.bg-blue {
  background-color: #006390 !important;
}

.bg-view {
  background-color: #00b0f0 !important;
}

.bg-like {
  background-color: #33cc33 !important;
}

.bg-dislike {
  background-color: #f25022 !important;
}

.bg-share {
  background-color: #0066ff !important;
}

.btn-primary {
  background-color: #8f0e1f;
  border-color: #8f0e1f;
  color: #fff;
}
.btn-primary:focus, .btn-primary:active {
  background-color: #6a0815 !important;
  border-color: #6a0815 !important;
  box-shadow: 0 0 0 0.25rem rgba(143, 14, 31, 0.5);
}
.btn-primary:hover {
  background-color: #a53e4b;
  border-color: #a53e4b;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #8f0e1f;
  border-color: #8f0e1f;
  color: #fff;
  opacity: 0.5;
}

.btn-blue {
  background-color: #006390;
  border-color: #006390;
  color: #fff;
}
.btn-blue:focus, .btn-blue:active {
  background-color: #014d70 !important;
  border-color: #014d70 !important;
  box-shadow: 0 0 0 0.25rem rgba(1, 77, 112, 0.5);
}
.btn-blue:hover {
  background-color: #0d75a5;
  border-color: #0d75a5;
  color: #fff;
}
.btn-blue.disabled, .btn-blue:disabled {
  background-color: #014d70;
  border-color: #014d70;
  color: #fff;
  opacity: 0.5;
}

.list-group-item.active {
  background-color: #8f0e1f;
  border-color: #8f0e1f;
}

.navbar {
  height: 65px;
  background-color: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.062745098);
  z-index: 9;
}
.navbar .navbar-brand img {
  height: 35px;
}
@media (max-width: 992px) {
  .navbar .navbar-nav {
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav .nav-item .nav-link:hover i {
  color: #000000;
  transform: scale(1.15);
}
.navbar .navbar-nav .nav-item .nav-link:hover span {
  transform: translateY(5px);
}
.navbar .navbar-nav .nav-item .nav-link i {
  font-size: 1.25rem;
  transition: all 0.3s ease-in-out;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav .nav-item .nav-link span {
  color: #333;
  font-weight: normal;
  font-size: 14px;
  transform: translateY(40px);
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav .nav-item .nav-link.home-item {
  color: #333;
}
.navbar .navbar-nav .nav-item .nav-link.add-item {
  color: #8f0e1f;
}
.navbar .navbar-nav .nav-item .nav-link.import-item {
  color: #006390;
}
.navbar .navbar-nav .nav-item .nav-link.settings-item {
  color: #33CC33;
}
@media (max-width: 992px) {
  .navbar .navbar-collapse {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }
}

.newNav > *,
.newNav * {
  box-sizing: content-box;
  padding: 0;
  margin: 0;
}

.newNav {
  background-color: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.062745098);
  position: relative;
  z-index: 9;
}

.newNav .parts {
  height: 65px;
}

.newNav .parts .part1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newNav .parts .part1 .items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newNav .parts .part1 .items .item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newNav .parts .part1 .items .item img {
  width: 90%;
  max-height: 50px;
}

.newNav .parts .part2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.newNav .parts .part2 .items {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.newNav .parts .part2 .items .item {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.newNav .parts .part2 .items .item a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: 65px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.newNav .parts .part2 .items .item a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.newNav .parts .part2 .items .item a:hover i {
  color: #000000;
  transform: scale(1.15);
}

.newNav .parts .part2 .items .item a i {
  font-size: 1.25rem;
  transition: all 0.3s ease-in-out;
}

.newNav .parts .part2 .items .item a .fa-house {
  color: #8f0e1f;
}

.newNav .parts .part2 .items .item a .fa-plus {
  color: black;
  font-size: 24px;
  font-weight: 1000;
}

.newNav .parts .part2 .items .item a .fa-file-arrow-up,
.newNav .parts .part2 .items .item a .fa-users-gear,
.newNav .parts .part2 .items .item a .fa-user-gear {
  color: #006390;
}

.newNav .parts .part2 .items .item a .fa-gear {
  color: #33CC33;
}

.newNav .parts .part3 .items {
  display: flex;
  flex-direction: row;
}

.newNav .parts .part3 .items .item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.newNav .parts .part3 .items .item1 {
  margin-right: 0.5rem;
}

.newNav .parts .part3 .items .item1 .main-search-input {
  width: 12rem;
  margin: 0.5rem 0.1rem;
  font-size: large;
  border-color: darkgrey;
  line-height: 1.35 !important;
  overflow: auto;
  padding: 6px !important;
  color: #555;
  font-weight: 200;
  font-size: 0.9rem !important;
  border: 1px solid #aaa;
  border-radius: 15px;
  background-color: #eee;
  border: #ddd 2px solid;
  box-shadow: 0px 1px 1px #999;
}

.newNav .parts .part3 .items .item1 input:focus {
  outline: none;
}

.newNav .parts .part3 .items .item1 button {
  margin: 0.5rem 0.3rem;
  border: none;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newNav .parts .part3 .items .item1 button .fa-magnifying-glass {
  font-size: 1.3rem;
}

.newNav .parts .part3 .items .item2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newNav .parts .part3 .items .item2 button {
  margin: 0.5rem 0.1rem;
  border: 2px solid rgba(221, 221, 221, 0.5);
  border: 2px solid #aaa;
  padding: 0.1rem 0.2rem;
  border-radius: 3px;
  box-shadow: 0px 1px 1px #999;
}

.newNav .parts .part3 .items .item2 .filter-chosen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 95%;
  box-sizing: border-box;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item {
  height: 19%;
  max-height: 19%;
  min-height: 19%;
  margin: 0.2px 0px;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item span {
  margin-bottom: 0;
  margin-left: 3px;
  font-size: 8px;
  color: black;
  font-weight: 700;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item .green-input-data,
.newNav .parts .part3 .items .item2 .filter-chosen .item .green-input {
  background-color: forestgreen;
  color: white;
  text-align: center;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  font-size: 8px;
  text-align: center;
  align-content: center;
  border: none;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item .green-input-data {
  margin-left: 3px;
  background-color: #aaa;
  background-color: transparent;
  font-weight: 700;
  color: black;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item .dep-span,
.newNav .parts .part3 .items .item2 .filter-chosen .item .group-span,
.newNav .parts .part3 .items .item2 .filter-chosen .item .emp-span {
  width: 3.7rem;
  min-width: 3.7rem;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item1 span,
.newNav .parts .part3 .items .item2 .filter-chosen .item2 span {
  min-width: 1.25rem;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item1 .date-from-input,
.newNav .parts .part3 .items .item2 .filter-chosen .item2 .date-to-input {
  width: 2.7rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item1 .date-from-input:focus,
.newNav .parts .part3 .items .item2 .filter-chosen .item2 .date-to-input:focus {
  border: none;
  outline: none;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item-display-none {
  display: none;
}

.newNav .parts .part3 .items .item2 .filter-chosen .item3, .newNav .parts .part3 .items .item2 .filter-chosen .item4, .newNav .parts .part3 .items .item2 .filter-chosen .item5 {
  margin: 0.9px 0px;
}

.navbar .part4 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.navbar .part4 .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0.3rem;
  box-sizing: border-box;
  margin: 0.25rem;
  padding: 0.1rem 0.5rem;
  height: 80%;
}

.navbar .part4 .items .item1 {
  width: 3.2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.navbar .part4 .items .item1 img {
  width: 75%;
  border-radius: 50%;
}

.navbar .part4 .items .item2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 120px;
}

.navbar .part4 .items .item2 h5 {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 0.05rem;
}

.navbar .part4 .items .item2 h6 {
  font-size: 0.75rem;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar .part4 .items .item3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0rem 0.1rem 0rem 0.5rem;
}

.navbar .part4 .items .item3 a i {
  color: #777;
}

.newNav .nav-modal .modal-dialog {
  position: absolute;
  top: 8%;
  left: 50.1%;
  left: 47%;
  min-width: 20rem;
  max-width: 20rem;
}

.newNav .nav-modal .modal-content {
  padding: 0.5rem 0.5rem 0rem 0.5rem;
}

.newNav .nav-modal .modal-content .modal-header {
  padding: 0.1rem;
  padding: 0.5rem;
}

.newNav .nav-modal .modal-content .modal-header h5 {
  font-size: 1rem;
}

.newNav .nav-modal .modal-content .modal-body {
  padding: 0rem 0.5rem;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-one .date-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8rem;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-one .date-cont h5 {
  font-size: 0.85rem;
  font-weight: 500;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-one .date-cont .div-inner-date {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-one .date-cont .div-inner-date label {
  font-size: 0.8rem;
  margin: 0rem 0.6rem 0rem 0.1rem;
  font-weight: 600;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-one .date-cont .div-inner-date input {
  width: 5.8rem;
  font-size: 0.8rem;
  border-radius: 15px;
  border: #bbb 2px solid;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: center;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two {
  margin-top: 0.8rem;
  border-top: 1px solid #dedede;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-item h2 {
  margin: 0.05rem 0rem;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-item {
  margin: 10px 0px;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-item h2 {
  margin-bottom: 3px;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-header .input-nums {
  background-color: forestgreen;
  color: white;
  position: absolute;
  top: 50%;
  left: 93%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 3px;
  font-size: 0.7rem;
  z-index: 100;
  border: none;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-header .main-input-check {
  width: 10px;
  height: 10px;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-header .accordion-button {
  margin-left: 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-header .accordion-button::after {
  width: 0.7rem !important;
  height: 0.7rem !important;
  background-size: 0.7rem !important;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse {
  margin-left: 0.25rem;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-dep-conts,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-group-conts,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-emp-conts {
  display: flex;
  flex-direction: column;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-dep-conts .item,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-group-conts .item,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-emp-conts .item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-dep-conts .item .min-vert-line,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-group-conts .item .min-vert-line,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-emp-conts .item .min-vert-line {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 0.1rem;
  border-left: #777 solid 2px;
  width: 2px;
  height: 18px;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-dep-conts .item .min-vert-line p,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-group-conts .item .min-vert-line p,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-emp-conts .item .min-vert-line p {
  max-height: 80%;
  height: 80%;
  color: #333;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-dep-conts .item .minor-input-check,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-group-conts .item .minor-input-check,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-emp-conts .item .minor-input-check {
  width: 10px;
  height: 10px;
  margin-left: 4px;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-dep-conts .item .minor-button,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-group-conts .item .minor-button,
.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-collapse .minor-emp-conts .item .minor-button {
  border: none;
  background-color: transparent;
  font-size: 0.75rem;
  color: #333;
  margin-left: 0.2rem;
}

.newNav .nav-modal .modal-content .modal-body .modal-body-two .accordion-body {
  font-size: 0.8rem;
  font-weight: 300;
}

.newNav .nav-modal .modal-content .modal-footer {
  padding: 0.8rem;
}

.newNav .nav-modal .modal-content .modal-footer .save-filter-btn {
  background-color: #8f0e1f !important;
  border: #8f0e1f 1px solid;
}

.newNav .nav-modal .modal-content .modal-footer .save-filter-btn:hover {
  background-color: #ad0a1f !important;
  border: #b41127 1px solid;
}

.newNav .nav-modal .modal-content .modal-footer > * {
  margin: 0rem 0.3rem;
  padding: 0.125rem 0.25rem;
  font-size: 0.8rem;
} 
.no-employee {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.25rem 0;
}
.no-employee span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  width: 56px;
  background-color: #ddd;
  border: 1px #bbb solid;
  border-radius: 5rem;
}
.no-employee h6 {
  color: black;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}

/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "EnglishFont";
  src: url("../fonts/Poppins-Regular.eot");
  src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EnglishFont";
  src: url("../fonts/Poppins-Bold.eot");
  src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.svg#Poppins-Regular") format("svg"), url("../fonts/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
* {
  scrollbar-color: #8f0e1f #eaefea;
  scrollbar-width: thin;
}

html,
body {
  position: relative;
  height: 100%;
  /* overflow: auto;*/
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--gray-10);
}

::-webkit-scrollbar-thumb {
  background: var(--color-1-0);
  border-width: 1px 0px;
  border-style: solid;
  border-color: var(--color-1-d-1);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-1-0);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--gray-0) inset !important;
  font-size: 14px;
  line-height: 27px;
  font-weight: bold;
  outline: none !important;
}

.btn,
.btn * {
  transition: all 0.5s ease-in-out;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none !important;
}

.upload-file-ctrl {
  border: 1px solid darkgrey;
  border-radius: 1rem;
  display: flex !important;
  flex-direction: row !important;
  position: relative !important;
}

.upload-file-ctrl > * {
  margin: 0.25rem;
}

.upload-file-ctrl input {
  background-color: red !important;
}

.upload-photo {
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  cursor: pointer;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

#main_header {
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  z-index: 10;
}

#main_header .main_menu > li {
  border-right: 2px solid var(--gray-20);
}

#main_header .main_menu > li:last-of-type {
  border-right: 0px;
}

#main_header .main_menu > li > a {
  text-decoration: none;
  font-size: 16px;
  color: var(--gray-30);
  transition: all 0.5s ease-in-out;
}

#main_header .main_menu > li > a:hover,
.current {
  font-weight: bold;
  color: var(--color-1-0) !important;
}

#main_header .main_menu > li > a:after {
  content: "";
  position: absolute;
  inset: auto 0px -19px 0px;
  height: 3px;
  background-color: var(--color-1-0);
  transition: all 0.5s ease-in-out;
}

#main_header .main_menu > li > a:hover:after,
#main_header .main_menu > li > a.current:after {
  content: "";
  position: absolute;
  inset: auto 0px -16px 0px;
  height: 3px;
  background-color: var(--color-1-0);
}

#main_header .user_menu > span {
  width: 34px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.5);
}

#main_header .user_menu > .btn_logout {
  width: 34px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.1);
}

#main_header .user_menu > .btn_logout:hover {
  background-color: rgb(255, 255, 255);
}

#main_header .user_menu > .btn_logout:hover > img {
  filter: invert(1);
}

.navbar-expand-lg .navbar-collapse {
  justify-content: space-between;
}

@media (max-width: 769px) {
  #post_creator {
    overflow: auto;
    min-height: 80vh;
  }
  .navbar-expand-lg .navbar-collapse {
    margin-top: 1rem;
    width: 100%;
  }
  .user_menu {
    margin-top: 3rem;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-none {
    display: none !important;
  }
}
#post_creator {
  max-height: calc(100% - 100px);
  max-width: 100%;
  margin-bottom: 50px;
  min-height: 80vh;
}

#post_creator #left_side_panel > .accordion > .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: 0px;
  border-radius: 0px;
}

.accordion > .accordion-item > .accordion-header {
  background-color: rgba(0, 0, 0, 0.06);
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-header > .accordion-button {
  background-color: transparent;
  border-radius: 0px;
  padding: 8px;
  font-weight: 600 !important;
  font-size: 15px;
  line-height: 20px;
  color: #050505;
  box-shadow: inset 0 -1px 0 var(--gray-10);
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-header > .accordion-button::after {
  width: 24px;
  height: 24px;
  background-size: 12px;
  background-position: center;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse {
  transition: all 0.5s ease-in-out;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse > .accordion-body {
  padding: 8px;
  overflow-x: auto;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse > .accordion-body > .list-group .list-group-item {
  background-color: transparent;
  border: 0px;
  line-height: 22px;
  padding: 0px;
  /*  font-size: 14px;*/
  color: #333;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 500;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  margin-left: 2rem !important;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse > .accordion-body > .list-group .list-group-item label {
  margin-bottom: 0rem;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse.show > .accordion-body {
  max-height: calc(100vh - 480px);
  overflow-x: hidden;
  overflow-y: auto;
}

#post_creator #post_container > .post_form {
  width: 680px;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
}

#post_creator #post_container > .post_form .msg-content {
  /*height: calc(100% - 900px);*/
  height: 100px;
}

#post_creator #post_container > .post_form .images_bars {
  height: 60px;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 50px;
}

#post_creator #post_container > .post_form .images_bars > .upload-file-ctrl {
  width: 100px;
  height: 50px;
  cursor: pointer;
  background-color: #dee1e6 !important;
}

#post_creator #post_container > .post_form .images_bars > .upload-file-ctrl img {
  width: 24px;
}

/*  #post_creator #post_container > .post_form .images_bars > .img_view {

            }*/
#post_creator #post_container > .post_form .images_bars > .upload-file-ctrl > .upload-photo {
  opacity: 0;
  position: absolute;
  z-index: 1;
}

#post_creator #post_container > .post_form .send_to_bar {
  /* height: calc(100% - 253px);*/
  height: fit-content;
  /*  max-height: 150px;*/
  overflow: hidden;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-shrink-0 {
  width: 95px;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-fill {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-fill > .send_to_badge {
  border: 1px solid;
  color: #000;
  background-color: #f9f9f9;
  font-size: 9px;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-fill > .send_to_badge > button {
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
}

#post_creator #right_side_panel {
  max-width: 100%;
}

#post_creator #right_side_panel .overview_value > span:last-of-type {
  width: 45px;
  text-align: right;
}

#post_creator #right_side_panel .post_item {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

#post_creator #right_side_panel .post_item > .card-body > p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 769px) {
  #post_container {
    width: 100%;
    padding: 16px !important;
  }
  #post_creator #left_side_panel {
    width: 100%;
    padding: 16px;
  }
  .mobilePostCreator {
    flex-direction: column;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #post_creator #post_container > .post_form {
    width: 100%;
    padding: 16px;
  }
  #post_creator #right_side_panel {
    width: calc(100% - 32px);
    padding: 16px;
    margin: 0 auto;
  }
}
#upload_data {
  max-height: calc(100% - 84px);
}

#upload_data > .section_intro,
#upload_data > .step_content {
  height: calc(100vh - 150px);
}

#upload_data > .section_intro > .bg_welcome_img {
  inset: 0px;
  background-image: url("../images/bg_welcome.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  z-index: 0;
}

#upload_data > .section_intro > .bg_welcome_img + .container {
  z-index: 1;
}

.filter-wrapper {
  bottom: 10px;
  padding: 0 5px;
  min-height: calc(50vh - 20px);
  width: 300px;
}

.filters {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(215, 219, 221);
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-body .filter-wrapper {
  min-height: auto;
  width: auto;
}

.card-body .filters {
  border: none;
}

.filter-header {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid rgb(215, 219, 221);
  background-color: #f7f7f7;
}

.filter-header h2 {
  font-size: 24px;
}

#Groups {
  padding: 0 5px;
  min-width: 300px;
}

.post-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  min-height: calc(50vh - 20px);
  border: 1px solid rgb(215, 219, 221);
  position: relative;
}

.post-wrapper .posts {
  padding: 0px;
}

.groups {
  padding: 10px;
  margin-bottom: 0;
}

ul,
#myUL {
  list-style-type: none;
}

.box {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.nested {
  display: none;
}

.active {
  display: block;
}

.headeer:not(.collapsed) svg {
  transform: rotate(180deg);
}

.createPost {
  height: 300px;
}

textarea {
  resize: none;
}

[data-bs-toggle=collapse] .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
}

[data-bs-toggle=collapse].collapsed .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

.form-input img {
  width: 200px;
  display: none;
  margin-bottom: 30px;
}

.form-input input {
  display: none;
}

.gallery {
  display: flex;
  justify-content: space-evenly !important;
  align-content: baseline;
  /* gap: 2px;*/
  overflow: auto;
  flex-wrap: wrap;
  background-color: #eee !important;
  /* border: 1px #ccc solid;*/
  border-radius: 0.5rem;
  /* margin:1rem 0rem 0rem 0rem;*/
  /* padding-top:2rem!important;
    padding-bottom:2rem!important;
    padding-right:2rem!important;
    padding-left:2rem!important;*/
  padding: 0.1rem 0.2rem;
}

/*.gallery img::after{
    content:"hello";
    position:absolute;
    left:50%;
    color:#fff;
}*/
.imgpost {
  width: 200px;
  /*height: 200px;
    margin-left: 10px;
    margin-bottom: 100px;*/
}

.form-input label {
  display: block;
  width: 45%;
  height: 45px;
  margin-left: 25%;
  line-height: 50px;
  text-align: center;
  background: #1172c2;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

textarea {
  border: none;
  letter-spacing: 1px;
  padding: 10px;
  max-width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  outline: none;
}

.custom-file-input {
  color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: "Upload Images";
  color: #000;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.custom-file-input:hover::before {
  border-color: black;
}

.custom-file-input:active {
  outline: 0;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
}

.postbtn {
  border-radius: 10px;
}

.btnCustom {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 4%;
}

.expaml a:before {
  content: "\f067";
  /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 10% !important;
}

.expaml > a[aria-expanded=true]::before {
  content: "\f068";
  /* fa-chevron-up */
}

.mb-0 > a:before {
  content: "\f067";
  /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 1% !important;
}

.mb-0 > a[aria-expanded=true]::before {
  content: "\f068";
  /* fa-chevron-up */
}

.heading {
  margin: 10px 0 10px 60px;
}

@media (max-width: 768px) {
  .catalog-wrapper {
    flex-wrap: wrap;
  }
  .filter-wrapper {
    width: 100%;
    margin: 20px 0;
  }
  .mb-0 > a:before {
    content: "\f067";
    /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 1%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068";
    /* fa-chevron-up */
  }
  form {
    padding: 0 !important;
  }
}
@media (max-width: 425px) {
  form {
    padding: 0 !important;
  }
  .mb-0 > a:before {
    content: "\f067";
    /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 1%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068";
    /* fa-chevron-up */
  }
}
a:before {
  left: 7%;
}

.subject-info-arrows input {
  padding: 5px 15px;
  border: 1px solid #bdb7b7;
}

.leftSide {
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  width: 300px;
}

.leftSide .nav-link {
  padding: 1rem;
}

.rightSide {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  margin: 0 20px;
}

.card-body {
  padding: 5px 1rem;
}

.filterOne {
  display: none;
}

.filterTwo {
  display: none;
}

.filterThree {
  display: none;
}

.btn-danger {
  color: #fff;
  background-color: #8f0e1f;
  border-color: #8f0e1f;
}

.search {
  font-size: 8px;
}

.logoView {
  width: 33%;
}

.userPost {
  width: 34px;
  height: 34px;
  background-color: rgb(143, 14, 31);
  color: #fff;
}

.datePost {
  color: #b3a6a6;
  text-align: end;
}

.imagePost {
  height: 100%;
  width: 95%;
}

.cardPostRecent {
  max-height: 300px;
}

#main_footer {
  /*position: fixed;*/
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: 20px;
  background-color: #111;
  color: #eee;
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem 0rem !important;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#post_container {
  margin-bottom: 20px;
}

.textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 40px;
  line-height: 20px;
  padding: 5px;
  margin-bottom: 5px;
  color: #333 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.textarea[contenteditable]:empty::before {
  content: "Enter your message here....";
  color: gray;
  font-size: 0.9rem;
  font-weight: 300;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.btn-outline-success {
  color: #4d4d4d !important;
  border-color: #8f0e1f !important;
}

/*.hoverMe {
    position: relative;
    margin-bottom: 10%;
}
.hoverMe h3 {
    cursor: pointer;
}
.hoverMe span{
    position: absolute;
    bottom: 15px;
    padding: 20px;
    background-color: #fff;
    display: none

}
    .hoverMe h3:hover span {
        display: block;
    }*/
.accordion > .accordion-item > .accordion-header > .accordion-button {
  background-color: transparent;
  border-radius: 0px;
  padding: 8px;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: var(--gray-70);
  box-shadow: inset 0 -1px 0 var(--gray-10);
}

.nav-modal .accordion > .accordion-item > .accordion-header > .accordion-button {
  padding: 0px !important;
}

.post_item {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #8f0e1f;
}

.nav-link:focus,
.nav-link:hover {
  color: #584d4d;
  font-weight: bold;
}

.nav-link {
  color: #584d4d;
  font-weight: bold;
}

.likes {
  display: none;
}

.Dislikes {
  display: none;
}

.share {
  display: none;
}

.view {
  display: none;
}

.dnone {
  display: none;
}

.dblock {
  display: block;
}

.likeView {
  cursor: pointer;
}

.dislikeView {
  cursor: pointer;
}

.shareView {
  cursor: pointer;
}

.ViewAll {
  cursor: pointer;
}

svg {
  cursor: pointer;
}

.comment {
  width: 16px;
  height: 16px;
}

.postComment {
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 5px;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/*.cardPostAll {
    min-height: 100%;
}*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  /* font-size: 10px */
}

::-moz-placeholder {
  /* Firefox 19+ */
  /* font-size: 10px */
}

:-ms-input-placeholder {
  /* IE 10+ */
  /* font-size: 10px */
}

:-moz-placeholder {
  /* Firefox 18- */
  /* font-size: 10px */
}

.accordion-body label {
  /* font-size: 14px;*/
}

/* New form Merging the last edition of create Post */
#main_header {
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  z-index: 10;
}

#main_header .main_menu > li {
  border-right: 2px solid var(--gray-20);
}

#main_header .main_menu > li:last-of-type {
  border-right: 0px;
}

#main_header .main_menu > li > a {
  text-decoration: none;
  font-size: 16px;
  color: var(--gray-30);
  transition: all 0.5s ease-in-out;
}

#main_header .main_menu > li > a:hover,
.current {
  font-weight: bold;
  color: var(--color-1-0) !important;
}

#main_header .main_menu > li > a:after {
  content: "";
  position: absolute;
  inset: auto 0px -19px 0px;
  height: 3px;
  background-color: var(--color-1-0);
  transition: all 0.5s ease-in-out;
}

#main_header .main_menu > li > a:hover:after,
#main_header .main_menu > li > a.current:after {
  content: "";
  position: absolute;
  inset: auto 0px -16px 0px;
  height: 3px;
  background-color: var(--color-1-0);
}

#main_header .user_menu > span {
  width: 34px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.5);
}

#main_header .user_menu > .btn_logout {
  width: 34px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.1);
}

#main_header .user_menu > .btn_logout:hover {
  background-color: rgb(255, 255, 255);
}

#main_header .user_menu > .btn_logout:hover > img {
  filter: invert(1);
}

.navbar-expand-lg .navbar-collapse {
  justify-content: space-between;
}

@media (max-width: 769px) {
  #post_creator {
    overflow: auto;
    min-height: 80vh;
  }
  .navbar-expand-lg .navbar-collapse {
    margin-top: 1rem;
  }
  .user_menu {
    margin-top: 3rem;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-none {
    display: none !important;
  }
}
#post_creator {
  max-height: calc(100% - 100px);
  margin-bottom: 50px;
  min-height: 80vh;
}

#post_creator #left_side_panel > .accordion > .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: 0px;
  border-radius: 0px;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-header > .accordion-button {
  background-color: transparent;
  border-radius: 0px;
  padding: 8px;
  font-weight: 600 !important;
  font-size: 15px;
  line-height: 20px;
  color: #050505;
  box-shadow: inset 0 -1px 0 var(--gray-10);
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-header > .accordion-button::after {
  width: 24px;
  height: 24px;
  background-size: 12px;
  background-position: center;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse {
  transition: all 0.5s ease-in-out;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse > .accordion-body {
  padding: 8px;
  overflow-x: auto;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse > .accordion-body > .list-group .list-group-item {
  background-color: transparent;
  border: 0px;
  line-height: 22px;
  padding: 0px;
  /*  font-size: 14px;*/
  color: #333;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 500;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  margin-left: 2rem !important;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse > .accordion-body > .list-group .list-group-item label {
  margin-bottom: 0rem;
}

#post_creator #left_side_panel > .accordion > .accordion-item > .accordion-collapse.collapse.show > .accordion-body {
  max-height: calc(100vh - 480px);
  overflow-x: hidden;
  overflow-y: auto;
}

#post_creator #post_container > .post_form {
  width: 680px;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
}

#post_creator #post_container > .post_form .msg-content {
  /*height: calc(100% - 900px);*/
  height: 100px;
}

#post_creator #post_container > .post_form .images_bars {
  height: 60px;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 50px;
}

#post_creator #post_container > .post_form .images_bars > .upload-file-ctrl {
  width: 100px;
  height: 50px;
  cursor: pointer;
  background-color: #dee1e6 !important;
}

#post_creator #post_container > .post_form .images_bars > .upload-file-ctrl img {
  width: 24px;
}

/*  #post_creator #post_container > .post_form .images_bars > .img_view {

            }*/
#post_creator #post_container > .post_form .images_bars > .upload-file-ctrl > .upload-photo {
  opacity: 0;
  position: absolute;
  z-index: 1;
}

#post_creator #post_container > .post_form .send_to_bar {
  /* height: calc(100% - 253px);*/
  height: fit-content;
  /*  max-height: 150px;*/
  overflow: hidden;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-shrink-0 {
  width: 95px;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-fill {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-fill > .send_to_badge {
  border: 1px solid;
  color: #000;
  background-color: #f9f9f9;
  font-size: 9px;
}

#post_creator #post_container > .post_form .send_to_bar > div > div.flex-fill > .send_to_badge > button {
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
}

#post_creator #right_side_panel .overview_value > span:last-of-type {
  width: 45px;
  text-align: right;
}

#post_creator #right_side_panel .post_item {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

#post_creator #right_side_panel .post_item > .card-body > p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 769px) {
  #post_container {
    width: 100%;
    padding: 16px !important;
  }
  #post_creator #left_side_panel {
    width: 100%;
    padding: 16px;
  }
  .mobilePostCreator {
    flex-direction: column;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #post_creator #post_container > .post_form {
    width: 100%;
    padding: 16px;
  }
  #post_creator #right_side_panel {
    width: 100%;
    padding: 16px;
    margin: 0 auto;
  }
}
#upload_data {
  max-height: calc(100% - 84px);
}

#upload_data > .section_intro,
#upload_data > .step_content {
  height: calc(100vh - 150px);
}

#upload_data > .section_intro > .bg_welcome_img {
  inset: 0px;
  background-image: url("../images/bg_welcome.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  z-index: 0;
}

#upload_data > .section_intro > .bg_welcome_img + .container {
  z-index: 1;
}

.filter-wrapper {
  bottom: 10px;
  padding: 0 5px;
  min-height: calc(50vh - 20px);
  width: 300px;
}

.filters {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(215, 219, 221);
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-body .filter-wrapper {
  min-height: auto;
  width: auto;
}

.card-body .filters {
  border: none;
}

.filter-header {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid rgb(215, 219, 221);
  background-color: #f7f7f7;
}

.filter-header h2 {
  font-size: 24px;
}

#Groups {
  padding: 0 5px;
  min-width: 300px;
}

.post-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  min-height: calc(50vh - 20px);
  border: 1px solid rgb(215, 219, 221);
  position: relative;
}

.post-wrapper .posts {
  padding: 0px;
}

.groups {
  padding: 10px;
  margin-bottom: 0;
}

ul,
#myUL {
  list-style-type: none;
}

.box {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.nested {
  display: none;
}

.active {
  display: block;
}

.headeer:not(.collapsed) svg {
  transform: rotate(180deg);
}

.createPost {
  height: 300px;
}

textarea {
  resize: none;
}

[data-bs-toggle=collapse] .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
}

[data-bs-toggle=collapse].collapsed .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

.form-input img {
  width: 200px;
  display: none;
  margin-bottom: 30px;
}

.form-input input {
  display: none;
}

.gallery {
  display: flex;
  justify-content: space-evenly !important;
  align-content: baseline;
  /* gap: 2px;*/
  overflow: auto;
  flex-wrap: wrap;
  background-color: #eee !important;
  /* border: 1px #ccc solid;*/
  border-radius: 0.5rem;
  /* margin:1rem 0rem 0rem 0rem;*/
  /* padding-top:2rem!important;
    padding-bottom:2rem!important;
    padding-right:2rem!important;
    padding-left:2rem!important;*/
  padding: 0.1rem 0.2rem;
}

/*.gallery img::after{
    content:"hello";
    position:absolute;
    left:50%;
    color:#fff;
}*/
.imgpost {
  width: 200px;
  /*height: 200px;
    margin-left: 10px;
    margin-bottom: 100px;*/
}

.form-input label {
  display: block;
  width: 45%;
  height: 45px;
  margin-left: 25%;
  line-height: 50px;
  text-align: center;
  background: #1172c2;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

textarea {
  border: none;
  letter-spacing: 1px;
  padding: 10px;
  max-width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  outline: none;
}

.custom-file-input {
  color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: "Upload Images";
  color: #000;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.custom-file-input:hover::before {
  border-color: black;
}

.custom-file-input:active {
  outline: 0;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
}

.postbtn {
  border-radius: 10px;
}

.btnCustom {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 4%;
}

.expaml a:before {
  content: "\f067";
  /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 10% !important;
}

.expaml > a[aria-expanded=true]::before {
  content: "\f068";
  /* fa-chevron-up */
}

.mb-0 > a:before {
  content: "\f067";
  /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 1% !important;
}

.mb-0 > a[aria-expanded=true]::before {
  content: "\f068";
  /* fa-chevron-up */
}

.heading {
  margin: 10px 0 10px 60px;
}

@media (max-width: 768px) {
  .catalog-wrapper {
    flex-wrap: wrap;
  }
  .filter-wrapper {
    width: 100%;
    margin: 20px 0;
  }
  .mb-0 > a:before {
    content: "\f067";
    /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 1%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068";
    /* fa-chevron-up */
  }
  form {
    padding: 0 !important;
  }
}
@media (max-width: 425px) {
  form {
    padding: 0 !important;
  }
  .mb-0 > a:before {
    content: "\f067";
    /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 1%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068";
    /* fa-chevron-up */
  }
}
a:before {
  left: 7%;
}

.subject-info-arrows input {
  padding: 5px 15px;
  border: 1px solid #bdb7b7;
}

.leftSide {
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  width: 300px;
}

.leftSide .nav-link {
  padding: 1rem;
}

.rightSide {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  margin: 0 20px;
}

.card-body {
  padding: 5px 1rem;
}

.filterOne {
  display: none;
}

.filterTwo {
  display: none;
}

.filterThree {
  display: none;
}

.btn-danger {
  color: #fff;
  background-color: #8f0e1f;
  border-color: #8f0e1f;
}

.search {
  font-size: 8px;
}

.logoView {
  width: 33%;
}

.userPost {
  width: 34px;
  height: 34px;
  background-color: rgb(143, 14, 31);
  color: #fff;
}

.datePost {
  color: #b3a6a6;
  text-align: end;
}

.imagePost {
  height: 100%;
  width: 95%;
}

.cardPostRecent {
  max-height: 300px;
}

#main_footer {
  /*position: fixed;*/
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: 20px;
  background-color: #111;
  color: #eee;
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem 0rem !important;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

#post_container {
  margin-bottom: 20px;
}

.textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 40px;
  line-height: 20px;
  padding: 5px;
  margin-bottom: 5px;
  color: #333 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.textarea[contenteditable]:empty::before {
  content: "Enter your message here....";
  color: gray;
  font-size: 0.9rem;
  font-weight: 300;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.btn-outline-success {
  color: #4d4d4d !important;
  border-color: #8f0e1f !important;
}

/*.hoverMe {
    position: relative;
    margin-bottom: 10%;
}
.hoverMe h3 {
    cursor: pointer;
}
.hoverMe span{
    position: absolute;
    bottom: 15px;
    padding: 20px;
    background-color: #fff;
    display: none

}
    .hoverMe h3:hover span {
        display: block;
    }*/
.accordion .accordion-item {
  border: 0 !important;
  border-bottom: 1px solid var(--gray-10) !important;
  border-radius: 0 !important;
}

.accordion > .accordion-item > .accordion-header > .accordion-button {
  background-color: transparent;
  border-radius: 0px;
  padding: 8px;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: var(--gray-70) !important;
  box-shadow: inset 0 -1px 0 var(--gray-10);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion-button::after {
  width: 12px !important;
  height: 12px !important;
  background-size: contain !important;
  margin: 0 5px;
}

.accordion-item:last-of-type .accordion-collapse {
  padding-bottom: 0.5rem;
}

.nav-modal .accordion > .accordion-item > .accordion-header > .accordion-button {
  box-shadow: unset !important;
}

.nav-modal .accordion > .accordion-item > .accordion-header > .accordion-button {
  padding: 0px !important;
}

.post_item {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #8f0e1f;
}

.nav-link:focus,
.nav-link:hover {
  color: #584d4d;
  font-weight: bold;
}

.nav-link {
  color: #584d4d;
  font-weight: bold;
}

.likes {
  display: none;
}

.Dislikes {
  display: none;
}

.share {
  display: none;
}

.view {
  display: none;
}

.dnone {
  display: none;
}

.dblock {
  display: block;
}

.likeView {
  cursor: pointer;
}

.dislikeView {
  cursor: pointer;
}

.shareView {
  cursor: pointer;
}

.ViewAll {
  cursor: pointer;
}

svg {
  cursor: pointer;
}

.comment {
  width: 16px;
  height: 16px;
}

.postComment {
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 5px;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/*.cardPostAll {
    min-height: 100%;
}*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  /* font-size: 10px */
}

::-moz-placeholder {
  /* Firefox 19+ */
  /* font-size: 10px */
}

:-ms-input-placeholder {
  /* IE 10+ */
  /* font-size: 10px */
}

:-moz-placeholder {
  /* Firefox 18- */
  /* font-size: 10px */
}

.accordion-body label {
  /* font-size: 14px;*/
}

.right_side_panel .uses-list {
  list-style: none;
}
.right_side_panel .uses-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.85rem;
  font-size: 18px;
  color: #000;
}
.right_side_panel .uses-list li img {
  width: 30px;
  padding: 7px;
  background-color: rgba(0, 99, 144, 0.05);
  border-radius: 6px;
  margin-inline-end: 0.5rem;
}

.swal2-content {
  font-weight: normal !important;
  line-height: 1.5;
}

.swal2-modal .swal2-confirm {
  background-color: #8f0e1f !important;
  border-color: #8f0e1f !important;
  border-left-color: #8f0e1f !important;
  border-right-color: #8f0e1f !important;
}

.swal2-modal .swal2-spacer {
  height: 10px;
  margin: 1rem 0 0 0;
}

.swal2-icon.swal2-success .placeholder {
  background-color: transparent !important;
}

#CompanyCommentPrev::placeholder {
  color: #aaa;
}

#CompanyCommentPrev {
  font-family: Arial, "Noto Sans", sans-serif;
}

:root {
  --blue: #559bfb;
  --indigo: #2c3782;
  --purple: #816bff;
  --pink: #ff63a5;
  --red: #e85347;
  --orange: #ffa353;
  --yellow: #f4bd0e;
  --green: #1ee0ac;
  --teal: #20c997;
  --cyan: #09c2de;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #854fff;
  --secondary: #364a63;
  --success: #1ee0ac;
  --info: #09c2de;
  --warning: #f4bd0e;
  --danger: #e85347;
  --dark: #1c2b46;
  --gray: #8091a7;
  --light: #e5e9f2;
  --lighter: #f5f6fa;
  --breakpoint-xs: 0;
  --breakpoint-mb: 420px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1540px;
  --font-family-sans-serif: ("DM Sans", sans-serif), "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: #f7fafc;
  padding-top: 60px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

.navbar-brand .logo {
  width: 200px;
}

.nav-item .active {
  font-weight: bold;
  color: #000;
}

.content-wrapper {
  min-height: 100%;
  padding: 24px 24px 100px;
}

.catalog-wrapper {
  display: flex;
  width: 100%;
}

.filter-wrapper {
  bottom: 10px;
  padding: 0 5px;
  min-height: calc(50vh - 20px);
  width: 300px;
}

.filters {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(215, 219, 221);
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-body .filter-wrapper {
  min-height: auto;
  width: auto;
}

.card-body .filters {
  border: none;
}

.filter-header {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid rgb(215, 219, 221);
  background-color: #f7f7f7;
}

.filter-header h2 {
  font-size: 24px;
}

#Groups {
  padding: 0 5px;
  min-width: 300px;
}

.post-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  min-height: calc(50vh - 20px);
  border: 1px solid rgb(215, 219, 221);
  position: relative;
}

.post-wrapper .posts {
  padding: 0px;
}

.groups {
  padding: 10px;
  margin-bottom: 0;
}

ul,
#myUL {
  list-style-type: none;
}

.box {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.nested {
  display: none;
}

.active {
  display: block;
}

.headeer:not(.collapsed) svg {
  transform: rotate(180deg);
}

.createPost {
  height: 300px;
}

textarea {
  resize: none;
}

[data-bs-toggle=collapse] .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
}

[data-bs-toggle=collapse].collapsed .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

.form-input img {
  width: 200px;
  display: none;
  margin-bottom: 30px;
}

.form-input input {
  display: none;
}

.gallery img {
  width: 200px;
  /*height: 200px;
      margin-left: 10px;
      margin-bottom: 100px;*/
}

.gallery .target {
  /* border-radius: 10rem!important;*/
}

.imgpost {
  width: 200px;
  /*height: 200px;
  margin-left: 10px;
  margin-bottom: 100px;*/
}

.form-input label {
  display: block;
  width: 45%;
  height: 45px;
  margin-left: 25%;
  line-height: 50px;
  text-align: center;
  background: #1172c2;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

textarea {
  border: none;
  letter-spacing: 1px;
  padding: 10px;
  max-width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  outline: none;
}

.custom-file-input {
  color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: "Upload Images";
  color: #000;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.custom-file-input:hover::before {
  border-color: black;
}

.custom-file-input:active {
  outline: 0;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
}

.postbtn {
  border-radius: 10px;
}

.btnCustom {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 4%;
}

.expaml a:before {
  content: "\f067"; /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 10% !important;
}

.expaml > a[aria-expanded=true]::before {
  content: "\f068"; /* fa-chevron-up */
}

.mb-0 > a:before {
  content: "\f067"; /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 10%;
  /* left: -18px; */
}

.mb-0 > a[aria-expanded=true]::before {
  content: "\f068"; /* fa-chevron-up */
}

.heading {
  margin: 10px 0 10px 60px;
}

@media (max-width: 768px) {
  .catalog-wrapper {
    flex-wrap: wrap;
  }
  .filter-wrapper {
    width: 100%;
    margin: 20px 0;
  }
  .mb-0 > a:before {
    content: "\f067"; /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 4%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068"; /* fa-chevron-up */
  }
  form {
    padding: 0 !important;
  }
}
@media (max-width: 425px) {
  form {
    padding: 0 !important;
  }
  .mb-0 > a:before {
    content: "\f067"; /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 7%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068"; /* fa-chevron-up */
  }
}
a:before {
  left: 7%;
}

.subject-info-arrows input {
  padding: 5px 15px;
  border: 1px solid #bdb7b7;
}

.leftSide {
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  width: 300px;
}

.leftSide .nav-link {
  padding: 1rem;
}

.rightSide {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  margin: 0 20px;
}

.card-body {
  padding: 2px 1rem;
}

.filterOne {
  display: none;
}

.filterTwo {
  display: none;
}

.filterThree {
  display: none;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* New Editing */
/*a.form-check-label {
    color: #333;
    font-size: 1.1rem;
    text-decoration: none;
    font-weight: 400;

}*/
a.form-check-label::before {
  font-weight: 200;
}

a.form-check-label {
  color: #333;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 500;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  margin-bottom: 5rem;
  padding-bottom: 3rem;
}

#DepartmentUnit,
#GroupUnit,
#Emp_unit {
  display: flex;
  width: fit-content !important;
  padding: 0.4rem 0rem !important;
}

.tags-container {
  min-width: 4rem !important;
  align-content: center;
  border: 1px solid #666;
  border-radius: 0.5rem;
  border-color: darkgrey;
  color: black;
  min-width: 3rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  flex-direction: row;
  margin: 0rem 0.5rem;
  padding: 0rem;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  border: 1px solid darkgrey !important;
  width: fit-content;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

/*#Dept_Intput_test {
    width: 4rem !important;
    align-content: center;
    border: 1px solid;
    border-radius: .25rem;
    border-color: darkgrey;
    color: black;
    min-width: 3rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    margin: 0rem .5rem;
    padding: 0rem;
    font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;

}*/
/*
#Dept_Intput_test input {
    display: none;
}*/
.tags-container input {
  display: none;
}

/*#Dept_Intput_test label {
    font-size: .9rem;
    margin-bottom: 0 !important;
    color: #555 !important;
    font-weight: 600 !important;*/
/*background-color:red;*/
/*}*/
.tags-container label {
  margin-bottom: 0 !important;
  color: #555 !important;
  /*background-color:red;*/
  font-size: 0.7rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/*#Dept_Intput_test .btn {
    font-size: .8rem;
    padding: 0;
}*/
.tags-container button {
  padding: 0.112rem 0.225rem !important;
  margin-left: 0.4rem !important;
  font-size: 0.6rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

.tags-cont {
  /*  background-color:#eee!important;*/
  padding: 0.2rem 1rem !important;
  margin: 0.25rem 0rem;
}

#search-no-1 {
  /*background-color:red!important;*/
}

.post-header-with-search {
  display: flex;
  justify-content: space-between;
}

.right-two {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

#collapse-1-D {
  /*background-color:grey;*/
}

.second-parent .form-check-input {
  margin-left: 0.4rem !important;
}

.please-select {
  color: #777;
  font-size: 0.9rem;
  margin: 0.5rem 0.2rem;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  padding-left: 0.5rem;
}

.search-input-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border: 1px solid darkgrey;
  height: 2rem;
}

.search-input-container .fa-search {
  cursor: default;
  font-size: 0.7rem;
  color: #555;
  padding: 0rem !important;
}

#employees-search-input {
  color: #555;
  font-size: 0.7rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
  border: none !important;
  padding-left: 0rem;
}

#employees-search-input:focus {
  outline: none;
}

/*#employees-search-input::placeholder {

    font-size:1rem;
}*/
#search-no-1 {
  border: 1px #ccc solid;
  border-radius: 0.35rem;
}

#Department .card-body {
  /*background-color:red!important;*/
  padding: 0.25rem 1rem;
}

#Groups .card-body {
  /*    background-color: red !important;*/
  padding: 0.25rem 1rem;
}

.selectrowtitle {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  /*   color:red!important;*/
}

/* Read only Image for Craete */
.gallery img {
  pointer-events: none;
}

/*.edit-badge {*/
/* background:red!important;*/
/*font-weight: 400 !important;
    border: 1px solid darkgrey!important;
}*/
.lower-check-div {
  margin: 0.8rem 0.7rem;
}

.lower-check-div label {
  margin-left: 0.5rem;
}

.create-class-h4 {
  color: #050505;
  font-weight: 600 !important;
}

.upload-box span {
  font-weight: 700 !important;
  color: #8f0e1f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 30px;
}

#CompanyCommentSpan {
  height: 200px;
  font-size: large;
  border-color: darkgrey;
  min-height: 75px;
  max-height: 75px;
  min-width: 100%;
  max-width: 100%;
  overflow: auto;
  color: #555;
  font-size: 0.7rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/* Post History Editing */
.right-one-two #company_accordion {
  display: flex;
  flex-direction: row;
}

.right-one-two .accordion {
  display: flex;
  flex-direction: row;
}

.right-one-two #company_accordion .accordion-item {
  min-width: 33.3%;
  border: 0px transparent solid;
}

.right-one-two .tags-selection {
  display: flex;
  flex-direction: row;
}

.inner-tag-selection {
  min-width: 30%;
  margin: 1%;
  min-height: 2rem;
}

.post_form .card-header {
  padding: 0.5rem 0.5rem !important;
}

/*Posthistory edit*/
/*Posthistory filter Edit*/
#department-selection-history,
#groups-selection-history,
#employees-selection-history {
  display: flex;
  flex-wrap: wrap;
  width: fit-content !important;
  padding: 0.2rem 0.2rem !important;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  height: fit-content !important;
}

#department-selection-history .tags-container,
#groups-selection-history .tags-container,
#employees-selection-history .tags-container {
  min-width: fit-content !important;
  width: fit-content;
  align-content: center;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  border-color: darkgrey;
  color: black;
  min-width: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  flex-direction: row;
  margin: 0rem 0.5rem;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  border: 1px solid darkgrey !important;
  width: fit-content;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

#department-selection-history .badge,
#groups-selection-history .badge,
#employees-selection-history .badge {
  display: flex !important;
  min-width: fit-content !important;
  margin: 3px 3px 3px 0px;
  max-height: 18px;
}

#department-selection-history .tags-container input,
#groups-selection-history .tags-container input,
#employees-selection-history .tags-container input {
  display: none;
}

#department-selection-history .tags-container label,
#groups-selection-history .tags-container label,
#employees-selection-history .tags-container label {
  margin-bottom: 0 !important;
  color: #555 !important;
  font-size: 0.7rem;
  font-weight: 700;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

#department-selection-history .tags-container button,
#groups-selection-history .tags-container button,
#employees-selection-history .tags-container button {
  padding: 0.112rem 0.225rem !important;
  margin-left: 0.4rem !important;
  font-size: 0.6rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

#department-selection-history .tags-cont,
#groups-selection-history .tags-cont,
#employees-selection-history .tags-cont {
  /*  background-color:#eee!important;*/
  padding: 0.2rem 1rem !important;
  margin: 0.25rem 0rem;
}

/*    Post History Edit 7-8-2022 */
.postHistoryEdit7-8-2022 .list-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.postHistoryEdit7-8-2022 .list-group .d-flex,
.postHistoryEdit7-8-2022 .list-group #empList {
  width: 100% !important;
}

.postHistoryEdit7-8-2022 .list-group .d-flex .search-input-container {
  width: 100%;
  /* background-color: red !important;*/
}

.postHistoryEdit7-8-2022 .list-group .list-group-item {
  margin-left: 0 !important;
  border: none !important;
}

.postHistoryEdit7-8-2022 #department_card-body .list-group {
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.col-10 {
  max-width: 75% !important;
}

/* New Eidt Charts */
.postHistoryEdit7-8-2022 .list-group .list-group-item {
  background-color: transparent;
  border: 0px;
  line-height: 22px;
  padding: 0px;
  /* font-size: 14px; */
  color: #333;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  margin-left: 2rem !important;
}

/* New form Merging the last edition of create Post */
a:hover {
  color: #000;
  text-decoration: none;
}

.navbar-brand .logo {
  width: 200px;
}

.nav-item .active {
  font-weight: bold;
  color: #000;
}

.content-wrapper {
  min-height: 100%;
  padding: 24px 24px 100px;
}

.catalog-wrapper {
  display: flex;
  width: 100%;
}

.filter-wrapper {
  bottom: 10px;
  padding: 0 5px;
  min-height: calc(50vh - 20px);
  width: 300px;
}

.filters {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(215, 219, 221);
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-body .filter-wrapper {
  min-height: auto;
  width: auto;
}

.card-body .filters {
  border: none;
}

.filter-header {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid rgb(215, 219, 221);
  background-color: #f7f7f7;
}

.filter-header h2 {
  font-size: 24px;
}

#Groups {
  padding: 0 5px;
  min-width: 300px;
}

.post-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  min-height: calc(50vh - 20px);
  border: 1px solid rgb(215, 219, 221);
  position: relative;
}

.post-wrapper .posts {
  padding: 0px;
}

.groups {
  padding: 10px;
  margin-bottom: 0;
}

ul,
#myUL {
  list-style-type: none;
}

.box {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.nested {
  display: none;
}

.active {
  display: block;
}

.headeer:not(.collapsed) svg {
  transform: rotate(180deg);
}

.createPost {
  height: 300px;
}

textarea {
  resize: none;
}

[data-bs-toggle=collapse] .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
}

[data-bs-toggle=collapse].collapsed .fa:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

.form-input img {
  width: 200px;
  display: none;
  margin-bottom: 30px;
}

.form-input input {
  display: none;
}

.gallery img {
  width: 200px;
  /*height: 200px;
      margin-left: 10px;
      margin-bottom: 100px;*/
}

.gallery .target {
  /* border-radius: 10rem!important;*/
}

.imgpost {
  width: 200px;
  /*height: 200px;
  margin-left: 10px;
  margin-bottom: 100px;*/
}

.form-input label {
  display: block;
  width: 45%;
  height: 45px;
  margin-left: 25%;
  line-height: 50px;
  text-align: center;
  background: #1172c2;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: Uppercase;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
}

textarea {
  border: none;
  letter-spacing: 1px;
  padding: 10px;
  max-width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  outline: none;
}

.custom-file-input {
  color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: "Upload Images";
  color: #000;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.custom-file-input:hover::before {
  border-color: black;
}

.custom-file-input:active {
  outline: 0;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #f8f9fa, #f8f9fa);
}

.postbtn {
  border-radius: 10px;
}

.btnCustom {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 4%;
}

.expaml a:before {
  content: "\f067"; /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 10% !important;
}

.expaml > a[aria-expanded=true]::before {
  content: "\f068"; /* fa-chevron-up */
}

.mb-0 > a:before {
  content: "\f067"; /* fa-chevron-down */
  font-family: "FontAwesome";
  position: absolute;
  left: 10%;
  /* left: -18px; */
}

.mb-0 > a[aria-expanded=true]::before {
  content: "\f068"; /* fa-chevron-up */
}

.heading {
  margin: 10px 0 10px 60px;
}

@media (max-width: 768px) {
  .catalog-wrapper {
    flex-wrap: wrap;
  }
  .filter-wrapper {
    width: 100%;
    margin: 20px 0;
  }
  .mb-0 > a:before {
    content: "\f067"; /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 4%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068"; /* fa-chevron-up */
  }
  form {
    padding: 0 !important;
  }
}
@media (max-width: 425px) {
  form {
    padding: 0 !important;
  }
  .mb-0 > a:before {
    content: "\f067"; /* fa-chevron-down */
    font-family: "FontAwesome";
    position: absolute;
    left: 7%;
    /* left: -18px; */
  }
  .mb-0 > a[aria-expanded=true]::before {
    content: "\f068"; /* fa-chevron-up */
  }
}
a:before {
  left: 7%;
}

.subject-info-arrows input {
  padding: 5px 15px;
  border: 1px solid #bdb7b7;
}

.leftSide {
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  width: 300px;
}

.leftSide .nav-link {
  padding: 1rem;
}

.rightSide {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  margin: 0 20px;
}

.card-body {
  padding: 2px 1rem;
}

.filterOne {
  display: none;
}

.filterTwo {
  display: none;
}

.filterThree {
  display: none;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* New Editing */
/*a.form-check-label {
    color: #333;
    font-size: 1.1rem;
    text-decoration: none;
    font-weight: 400;

}*/
a.form-check-label::before {
  font-weight: 200;
}

a.form-check-label {
  color: #333;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 500;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  margin-bottom: 5rem;
  padding-bottom: 3rem;
}

#DepartmentUnit,
#GroupUnit,
#Emp_unit {
  display: flex;
  flex-wrap: wrap;
  min-height: 30.5px;
  height: fit-content;
  width: fit-content !important;
  padding: 0rem 0.1rem !important;
}

.tags-container {
  /* min-width: 4rem !important;*/
  align-content: center;
  border: 1px solid #666;
  border-radius: 0.5rem;
  border-color: darkgrey;
  color: black;
  min-width: 3rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  flex-direction: row;
  margin: 1px;
  padding: 0rem !important;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  border: 1px solid #ddd !important;
  width: fit-content;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
  /*min-height:30.5px;*/
}

/*#Dept_Intput_test {
    width: 4rem !important;
    align-content: center;
    border: 1px solid;
    border-radius: .25rem;
    border-color: darkgrey;
    color: black;
    min-width: 3rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    margin: 0rem .5rem;
    padding: 0rem;
    font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;

}*/
/*
#Dept_Intput_test input {
    display: none;
}*/
.tags-container input {
  display: none;
}

/*#Dept_Intput_test label {
    font-size: .9rem;
    margin-bottom: 0 !important;
    color: #555 !important;
    font-weight: 600 !important;*/
/*background-color:red;*/
/*}*/
.tags-container label {
  margin-bottom: 0 !important;
  color: #555 !important;
  /*background-color:red;*/
  font-size: 0.7rem;
  font-weight: 700;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

/*#Dept_Intput_test .btn {
    font-size: .8rem;
    padding: 0;
}*/
.tags-container button {
  padding: 0.112rem 0.225rem !important;
  margin-left: 2px !important;
  font-size: 0.6rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

.tags-cont {
  /*  background-color:#eee!important;*/
  padding: 0.2rem 0rem 0.2rem 1rem !important;
  margin: 2px 4px;
}

#search-no-1 {
  /*background-color:red!important;*/
}

.post-header-with-search {
  display: flex;
  justify-content: space-between;
}

.right-two {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

#collapse-1-D {
  /*background-color:grey;*/
}

.second-parent .form-check-input {
  margin-left: 0.4rem !important;
}

.please-select {
  color: #777;
  font-size: 0.9rem;
  margin: 0.5rem 0.2rem;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  padding-left: 0.5rem;
}

.search-input-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border: 1px solid darkgrey;
  height: 2rem;
}

.search-input-container .fa-search {
  cursor: default;
  font-size: 0.7rem;
  color: #555;
  padding: 0rem !important;
}

#employees-search-input {
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  border: none !important;
  padding-left: 0rem;
  padding-right: 0rem;
  margin-right: 0rem !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#employees-search-input::placeholder {
  /* font-size: .9rem; */
  font-weight: 300;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#employees-search-input:focus {
  outline: none;
}

/*#employees-search-input::placeholder {

    font-size:1rem;
}*/
#search-no-1 {
  border: 1px #ccc solid;
  border-radius: 0.35rem;
}

#Department .card-body {
  /*background-color:red!important;*/
  padding: 0.25rem 1rem;
}

#Groups .card-body {
  /*    background-color: red !important;*/
  padding: 0.25rem 1rem;
}

.selectrowtitle {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  /*   color:red!important;*/
}

/*.edit-badge {*/
/* background:red!important;*/
/*font-weight: 400 !important;
    border: 1px solid darkgrey!important;
}*/
.lower-check-div {
  margin: 0.8rem 0.7rem;
  display: flex;
  justify-content: center;
}

.lower-check-div label {
  margin-left: 0.5rem;
  margin-bottom: 0rem;
  font-weight: 700;
}

.create-class-h4 {
  color: #050505;
  font-weight: 600 !important;
}

.upload-box span {
  font-weight: 400 !important;
  color: #8f0e1f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 30px;
}

#CompanyCommentSpan {
  height: 75px;
  font-size: large;
  border-color: darkgrey;
  line-height: 1.35 !important;
  min-height: 75px;
  max-height: 240px;
  min-width: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 6px !important;
  color: #555;
  /*    font-size: .7rem;*/
  font-weight: 600;
  /*    font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;*/
  font-size: 1rem !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#CompanyCommentSpan:placeholder {
  /* color: red; */
  /* font-size: 9rem; */
  /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" */
}

.post_form .card-header {
  padding: 0.5rem 0.5rem !important;
}

.import-data-departments-parent {
  display: flex;
  align-content: center;
}

/* Gallery Update */
/* Read only Image for Craete */
.gallery .parent-image-container {
  box-sizing: border-box;
  padding: 1%;
  width: 24.5%;
  margin: 8px 0.25%;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0rem !important;
  border: 1px #ddd solid;
  box-shadow: 0 0 0 5px #fff;
  /*height: fit-content;*/
}

.gallery .inner-div-upload {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(24.5% - 15px);
  background-color: white;
  padding: 0rem !important;
  margin: 8px 5px;
  border: 1px #ddd solid;
  border-radius: 0.5rem;
  box-shadow: 0 0 0 5px #fff;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.gallery .inner-div-upload:hover {
  /*border: 2px #ccc dashed;*/
  transition: all 0.2s ease-in-out;
}

.gallery img {
  pointer-events: none;
  width: 100%;
  border-radius: 0.125rem;
  max-height: 200px;
}

/*
.gallery img {
    width: 25%;
    padding: .6rem !important;
    border-radius: 1rem;
    position: relative;
    height: fit-content;
}*/
.gallery .delete-upload-image-icon {
  position: absolute;
  top: 1.25%;
  right: 2%;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #dc3545;
  border: 1px solid #dc3545;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out;
}

.gallery .delete-upload-image-icon:hover {
  color: #fff;
  background-color: #dc3545;
  box-shadow: 0px 2px 4px rgba(51, 51, 51, 0.337254902);
  transition: all 0.2s ease-in-out;
}

#CreatePostForm .post_container {
  padding: 0rem !important;
}

/*Create Post input Left side*/
.create-new-post-left {
  border-bottom: none !important;
}

.please-select-left {
  margin: 0.5rem 1px;
  padding-left: 0rem;
  width: 70%;
}

/*Import data Editing*/
.col-10 {
  max-width: 75% !important;
}

/*Counting-Icons*/
.btn-for-count {
  position: relative;
}

.counter-icon {
  margin-left: 8rem;
  position: absolute;
  right: 13%;
  width: 1.1rem;
  height: 1.1rem;
  font-style: normal;
  font-size: 10px;
  color: white;
  background-color: forestgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-weight: 200;
}

/*footer Editing */
.main_footer {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  /*background-color:red!important;*/
}

.btn-for-count {
  position: relative;
}

.counter-icon {
  box-shadow: none;
  border: none;
  text-align: center;
  padding: 0rem;
  margin-left: 8rem;
  position: absolute;
  right: 13%;
  width: 1.1rem;
  height: 1.1rem;
  font-style: normal;
  font-size: 10px;
  color: white;
  background-color: forestgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-weight: 200;
  -webkit-box-shadow: none;
}

/*Rendered Body*/
.rendered-body {
  min-height: 75vh;
}

/*main BTN color*/
.main-submit-btn {
  color: white !important;
  background-color: #8f0e1f !important;
  border-color: #8f0e1f !important;
  cursor: pointer !important;
  transition: 0.1s all ease-in-out;
}

.main-submit-btn:hover {
  background-color: white !important;
  color: #8f0e1f !important;
  border-color: #8f0e1f !important;
  transition: 0.1s all ease-in-out;
  cursor: pointer !important;
}

/*footer settings */
#main_footer form select {
  min-height: 30px !important;
}

.p-all-rights-cont {
  display: flex;
  align-items: center;
}

/*CreatePost new right side */
#post_creator .items-1 {
  height: 90vh;
}

#post_creator .items-1 .btns-cont {
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .first-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .first-row .circular-btn {
  background-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  width: 8rem;
  height: 8rem;
  border: 4px solid #008000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .first-row .circular-btn i {
  color: #008000;
  font-size: 3rem;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .second-row {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .second-row h6 {
  color: #008000;
  font-size: 1.2rem;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .circular-btn:hover {
  background-color: #008000;
  border: 4px solid #eee;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .circular-btn:hover i {
  color: #eee;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .fa-arrow-class {
  font-size: 2rem;
  margin-left: 1rem;
  color: #008000;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-1 .fa-arrow-class:hover {
  color: #008000;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .first-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .first-row .circular-btn {
  background-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  width: 8rem;
  height: 8rem;
  border: 4px solid #e9263a;
  border: 4px solid #8e1123;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .first-row .circular-btn i {
  color: #e9263a;
  color: #8e1123;
  font-size: 3rem;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .second-row {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .second-row h6 {
  color: #e9263a;
  color: #8e1123;
  font-size: 1.2rem;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .circular-btn:hover {
  background-color: #e9263a;
  background-color: #8e1123;
  border: 4px solid #eee;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .circular-btn:hover i {
  color: #eee;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .fa-arrow-class {
  font-size: 2rem;
  margin-left: 1rem;
  color: #e9263a;
  color: #8e1123;
  transition: all 0.1s ease-in-out;
}

#post_creator .items-1 .btns-cont .btn-item-cont-2 .fa-arrow-class:hover {
  color: #e9263a;
  color: #8e1123;
  transition: all 0.1s ease-in-out;
}

.password-input {
  position: relative;
}
.password-input i {
  position: absolute;
  bottom: 10px;
  right: 1.5rem;
  cursor: pointer;
  color: #aeb1b3;
  transition: color 0.3s ease-in-out;
}
.password-input i:hover, .password-input i.fa-eye-slash {
  color: #555;
}

.main-content {
  min-height: calc(100vh - 105px);
}

.main-footer {
  padding: 10px 0 10px;
  border-top: 1px solid rgba(0, 99, 144, 0.2);
}
.main-footer a {
  text-decoration: none;
  opacity: 0.7;
}
.main-footer a:hover {
  opacity: 1;
}

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 999999999999;
}
.loading img {
  height: 30px;
  margin-top: 5rem;
}

.loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #8f0e1f; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main-search-input {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 3px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.main-search-input:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.noChange {
  background-color: #006390 !important;
  color: white !important;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .navbar .navbar-brand img {
    height: 25px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    width: 60px;
  }
  .navbar .btn-soft-lanch {
    font-size: 12px !important;
  }
  .navbar .main-search-input {
    width: 170px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-brand img {
    height: 15px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    width: 40px;
    height: 50px;
  }
  .navbar .btn-soft-lanch {
    font-size: 10px !important;
  }
  .navbar .main-search-input {
    width: 130px;
  }
  .navbar .search-item {
    position: relative;
    right: auto;
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .extract-btn {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .main-search-input {
    width: 180px;
  }
  .newPostHistory .div-2-posts .post-out {
    padding: 0;
  }
  .post-side .btn-primary {
    font-size: 10px !important;
    padding: 8px 10px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    width: 60px;
  }
  .right_side_panel .uses-list li {
    font-size: 14px;
  }
}
.importa-data {
  padding-top: 5px;
  min-height: calc(100vh - 145px);
  /* Sidebar design of ImportData */
}
.importa-data * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scrollbar-color: #8f0e1f #eaefea;
  scrollbar-width: thin;
}
.importa-data .left-side {
  box-sizing: border-box;
}
.importa-data .left-side ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ddd;
}
.importa-data .left-side ::-webkit-scrollbar-thumb {
  background: #8e1123;
}
.importa-data .left-side .accordion-body {
  padding: 0;
}
.importa-data .left-side .the-first-div-for-width {
  width: 100% !important;
  overflow-x: visible;
  overflow-y: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.importa-data .left-side .the-first-div-for-width ::-webkit-scrollbar {
  width: 10px;
}
.importa-data .left-side .the-first-div-for-width ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.importa-data .left-side .the-first-div-for-width ::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}
.importa-data .left-side .the-first-div-for-width ::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}
.importa-data .left-side .underline-left {
  width: 4rem;
  background-color: #8e1123;
  height: 3px;
  margin-left: 3%;
  margin-inline-start: 3%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.importa-data .left-side .left-site-title {
  font-size: 1.5rem;
  text-align: start;
  margin-inline-start: 0.65rem;
}
.importa-data .left-side .accordion-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.importa-data .left-side .accordion-header .accordion-button {
  overflow-x: hidden;
  overflow-y: hidden;
  font-weight: 700;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 1s all;
  display: flex;
  justify-content: space-between;
}
.importa-data .left-side .accordion-header .accordion-button .accordion-name {
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  cursor: pointer;
  left: 1rem;
  font-weight: 600;
  white-space: nowrap;
  font-size: 15px;
}
.importa-data .left-side .accordion-header .accordion-button::after {
  display: none;
  margin: 0 5px;
}
.importa-data .left-side .accordion-header .d-slider-layer-1-seq-1::after,
.importa-data .left-side .accordion-header .g-slider-layer-1-seq-1::after {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 12px;
  background-position: center;
}
.importa-data .left-side .accordion-header .right-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-right: 0.2rem;
  margin-top: 5px;
}
.importa-data .left-side .accordion-header .right-new > * {
  font-size: 12px;
  color: #555;
  cursor: pointer;
  margin: 0rem 0.1rem;
  z-index: 100;
}
.importa-data .left-side .accordion-header .right-new .delete-icon {
  color: #dc3545 !important;
  cursor: pointer;
}
.importa-data .left-side .accordion-header .right-new .add-icon {
  color: #444 !important;
  cursor: pointer;
}
.importa-data .left-side .accordion-header .right-new .edit-icon {
  color: #888 !important;
  cursor: pointer;
}
.importa-data .left-side .accordion-header .newInputForData {
  --bs-gutter-x: 0rem !important;
}
.importa-data .left-side .accordion-header .click-btn-enter-input {
  background-color: red;
  display: none;
}
.importa-data .left-side .accordion-header input {
  width: fit-content;
  min-width: 8rem;
  border: 1px solid;
  border-radius: 5px;
  height: 25px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
}
.importa-data .left-side .tempInput {
  width: fit-content;
  min-width: 8rem;
  border: 1px solid;
  border-radius: 5px;
  height: 25px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
}
@media (min-width: 992px) {
  .importa-data .middle-side {
    border-left: 1px solid #eee;
  }
}
.importa-data .middle-side #DepTable {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
.importa-data .middle-side #DepTable .dataTables_wrapper {
  max-width: 100vw;
  overflow-x: auto;
}
.importa-data .middle-side .underline-left {
  width: 4rem;
  background-color: #8e1123;
  height: 3px;
  margin-bottom: 0.9rem;
}
.importa-data .middle-side .items .item1head h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.importa-data .middle-side table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 1.1rem;
  display: table !important;
}
.importa-data .middle-side td {
  text-align: left;
  padding: 3px;
  border-left: 1px solid #eee;
  font-size: 0.7rem;
}
.importa-data .middle-side th {
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: left;
  padding: 3px;
  min-width: 2rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.importa-data .middle-side .table-no-cell,
.importa-data .middle-side .table-no-cell-val {
  text-align: center;
}
.importa-data .middle-side .active-point {
  position: relative;
  border-left: 1px solid #eee;
}
.importa-data .middle-side .active-point i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.importa-data .middle-side .active-point i.greenDot {
  color: #00bf00;
  font-size: 11px;
}
.importa-data .middle-side .active-point i.redDot {
  color: #777;
  font-size: 11px;
  opacity: 0.7;
}
.importa-data .middle-side .tables {
  display: none;
}
.importa-data .middle-side .spinner-container {
  width: 100%;
  height: 20rem;
  justify-content: center;
  align-items: center;
}
.importa-data .middle-side .spinner-container .spinner-bootstrap {
  width: 3rem;
  height: 3rem;
}
.importa-data .right-side {
  min-height: 100%;
}
@media (min-width: 992px) {
  .importa-data .right-side {
    border-left: #ddd 1px solid;
  }
}
.importa-data .right-side .right-col-title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.importa-data .right-side .underline-middle {
  width: 4rem;
  background-color: #8e1123;
  height: 3px;
  margin: auto;
}
.importa-data .right-side .items-1 {
  display: none;
}
.importa-data .right-side .items-1 .btns-cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  margin: 1rem auto;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .first-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .first-row .circular-btn {
  background-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  width: 8rem;
  height: 8rem;
  border: 4px solid #008000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .first-row .circular-btn i {
  color: #008000;
  font-size: 3rem;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .second-row {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .second-row h6 {
  color: #008000;
  font-size: 1.2rem;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .circular-btn:hover {
  background-color: #008000;
  border: 4px solid #eee;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .circular-btn:hover i {
  color: #eee;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .fa-arrow-class {
  font-size: 2rem;
  margin-left: 1rem;
  color: #008000;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .fa-arrow-class:hover {
  color: #008000;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .first-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .first-row .circular-btn {
  background-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  width: 8rem;
  height: 8rem;
  border: 4px solid #e9263a;
  border: 4px solid #8e1123;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .first-row .circular-btn i {
  color: #e9263a;
  color: #8e1123;
  font-size: 3rem;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .second-row {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .second-row h6 {
  color: #e9263a;
  color: #8e1123;
  font-size: 1.2rem;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .circular-btn:hover {
  background-color: #e9263a;
  background-color: #8e1123;
  border: 4px solid #eee;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .circular-btn:hover i {
  color: #eee;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .fa-arrow-class {
  font-size: 2rem;
  margin-left: 1rem;
  color: #e9263a;
  color: #8e1123;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .fa-arrow-class:hover {
  color: #e9263a;
  color: #8e1123;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 {
  position: relative;
  /* One */
  /* One Up */
}
.importa-data .right-side .items-2 .item1 {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  display: none;
}
.importa-data .right-side .items-2 .item1 .btns-cont {
  margin: 1rem 0rem 0rem 0rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 80%;
  margin: auto;
}
.importa-data .right-side .items-2 .item1 .btns-cont .upper-btn {
  color: white;
  font-weight: 400;
  padding: 0.35rem 0.75rem;
  background-color: rgb(142, 17, 35);
  border-radius: 2rem;
  border: none;
  font-size: 0.8rem;
  border: 2px transparent solid;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 .item1 .btns-cont .upper-btn:hover {
  border: 2px rgb(142, 17, 35) solid;
  color: rgb(142, 17, 35);
  background-color: white;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 .item2 {
  display: none;
  width: 100%;
  /* Middle */
  /* Down */
  /* Two */
  /* Two Up */
  /* Middle */
  /* Down */
  /* Three */
  /* Three Up */
  /* Middle */
  /* Down */
  /* Four  */
  /* Four  Up */
  /* Middle */
  /* Down */
  /* Five */
  /* Five Up */
  /* Middle */
  /* Down */
  /* Six */
  /* Six Up */
  /* Middle */
  /* Down */
  /* Seven */
  /* Seven Up */
  /* Middle */
  /* Down */
  /* Spiceal classes */
}
.importa-data .right-side .items-2 .item2 .one {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .one .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .one .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 2rem;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-one i {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-two {
  width: 75%;
  text-align: center;
  margin: 0.7rem;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-two p {
  font-weight: 700;
  color: #111;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-three p {
  font-weight: 500;
  color: #777;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-four {
  width: 75%;
  text-align: center;
  margin: 0.7rem;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-four a {
  font-weight: 700;
  color: #333;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 .item2 .one .cont .middle .items-cont .mid-four a:hover {
  font-weight: 700;
  color: #000;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 .item2 .one .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .one .cont .down .items-cont button {
  color: white;
  font-weight: 700;
  padding: 1rem 3rem;
  background-color: #8e1123;
  border-radius: 2rem;
  border: none;
}
.importa-data .right-side .items-2 .item2 .two {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .two .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .two .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 1rem;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-one i {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-two {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-two p {
  font-weight: 900;
  color: #333;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-three p {
  font-weight: 500;
  color: #777;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-three .progress {
  height: 0.7rem;
  border-radius: 1rem;
}
.importa-data .right-side .items-2 .item2 .two .cont .middle .items-cont .mid-three .progress-bar {
  background-color: #8e1123;
}
.importa-data .right-side .items-2 .item2 .two .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .two .cont .down .items-cont button {
  color: #333;
  font-weight: 700;
  padding: 1rem 4.5rem;
  background-color: #ddd;
  border-radius: 2rem;
  border: #ccc solid 1px;
}
.importa-data .right-side .items-2 .item2 .three {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .three .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .three .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 1rem;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-one i {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-two {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-two p {
  font-weight: 700;
  color: green;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-three p {
  font-weight: 500;
  color: #777;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-three .progress {
  height: 0.7rem;
  border-radius: 1rem;
}
.importa-data .right-side .items-2 .item2 .three .cont .middle .items-cont .mid-three .progress-bar {
  background-color: #8e1123;
}
.importa-data .right-side .items-2 .item2 .three .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .three .cont .down .items-cont button {
  color: white;
  font-weight: 700;
  padding: 1rem 6rem;
  background-color: #8e1123;
  border-radius: 2rem;
  border: none;
}
.importa-data .right-side .items-2 .item2 .four {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .four .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 1rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-one i {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-two {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-two p {
  font-weight: 700;
  color: #8e1123;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-three p {
  font-weight: 500;
  color: #888;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-three span {
  font-weight: 500;
  color: #333;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-three .progress {
  height: 0.7rem;
  border-radius: 1rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-four {
  margin-top: 1.5rem;
}
.importa-data .right-side .items-2 .item2 .four .cont .middle .items-cont .mid-four p {
  color: #333;
  font-weight: 700;
}
.importa-data .right-side .items-2 .item2 .four .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .four .cont .down .items-cont button {
  color: white;
  font-weight: 700;
  padding: 1rem 3rem;
  background-color: #8e1123;
  border-radius: 2rem;
  border: none;
}
.importa-data .right-side .items-2 .item2 .five {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .five .cont {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .form-control-sm {
  padding: 0.25rem 0.5rem !important;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .five .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 2rem;
  position: relative;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-one .excell {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-one button {
  position: absolute;
  top: 60%;
  left: 55%;
  border: white 2px solid;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #8e1123;
  background-color: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-one button .trash {
  font-size: 1.2rem;
  color: white;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-two {
  width: 75%;
  text-align: center;
  margin: 0.7rem;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-two p {
  font-weight: 700;
  color: #111;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-four a {
  font-weight: 700;
  color: #333;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-four a:hover {
  font-weight: 700;
  color: #000;
  transition: all 0.1s ease-in-out;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-four {
  width: 75%;
  text-align: center;
  margin: 0.7rem;
}
.importa-data .right-side .items-2 .item2 .five .cont .middle .items-cont .mid-four p {
  font-weight: 700;
  color: #333;
}
.importa-data .right-side .items-2 .item2 .five .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .five .cont .down .items-cont button {
  color: white;
  font-weight: 700;
  padding: 1rem 3rem;
  background-color: #8e1123;
  border-radius: 2rem;
  border: none;
}
.importa-data .right-side .items-2 .item2 .six {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .six .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .six .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 1rem;
  position: relative;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-one .excell {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-one button {
  position: absolute;
  top: 60%;
  left: 55%;
  border: white 2px solid;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #8e1123;
  background-color: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-one button .trash {
  font-size: 1.2rem;
  color: white;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-two {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-two p {
  font-weight: 900;
  color: #333;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-three p {
  font-weight: 500;
  color: #777;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-three .progress {
  height: 0.7rem;
  border-radius: 1rem;
}
.importa-data .right-side .items-2 .item2 .six .cont .middle .items-cont .mid-three .progress-bar {
  background-color: #8e1123;
}
.importa-data .right-side .items-2 .item2 .six .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .six .cont .down .items-cont button {
  color: #333;
  font-weight: 700;
  padding: 1rem 4.5rem;
  background-color: #ddd;
  border-radius: 2rem;
  border: #ccc solid 1px;
}
.importa-data .right-side .items-2 .item2 .seven {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.importa-data .right-side .items-2 .item2 .seven .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  width: 95%;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 2rem;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .first-row {
  position: relative;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .first-row .hid-line {
  position: absolute;
  width: 70%;
  background-color: #ccc;
  height: 4px;
  z-index: 100;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .first-row .circles {
  z-index: 111;
  width: 90%;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .first-row .circles .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .first-row .circles .items-cont .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  background-color: white;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .first-row .circles .items-cont .item i {
  color: #ddd;
  font-size: 2.5rem;
}
.importa-data .right-side .items-2 .item2 .seven .cont .up .parag .items-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ccc;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-one {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  text-align: center;
  margin: 1rem;
  position: relative;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-one .excell {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-one button {
  position: absolute;
  top: 60%;
  left: 55%;
  border: white 2px solid;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #8e1123;
  background-color: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-one button .trash {
  font-size: 1.2rem;
  color: white;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-one i {
  font-size: 3rem;
  color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-two {
  width: 80%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-two p {
  font-weight: 700;
  color: green;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-three {
  width: 75%;
  text-align: center;
  margin: 0.1rem;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-three p {
  font-weight: 500;
  color: #777;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-three .progress {
  height: 0.7rem;
  border-radius: 1rem;
}
.importa-data .right-side .items-2 .item2 .seven .cont .middle .items-cont .mid-three .progress-bar {
  background-color: #8e1123;
}
.importa-data .right-side .items-2 .item2 .seven .cont .down .items-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.importa-data .right-side .items-2 .item2 .seven .cont .down .items-cont button {
  color: white;
  font-weight: 700;
  padding: 1rem 6rem;
  background-color: #8e1123;
  border-radius: 2rem;
  border: none;
}
.importa-data .right-side .items-2 .item2 .active {
  color: #0e6289 !important;
}
.importa-data .right-side .items-2 .item2 .check {
  background-color: green;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .check-word {
  color: green;
}
.importa-data .right-side .items-2 .item2 .false {
  background-color: #8e1123 !important;
  border-radius: 50%;
}
.importa-data .right-side .items-2 .item2 .false-word {
  color: #8e1123;
}
.importa-data .d-slider-layerr-1,
.importa-data .g-slider-layerr-1 {
  margin-left: 0.75rem;
}
.importa-data .d-slider-layerr-2,
.importa-data .g-slider-layerr-2 {
  margin-left: 1.5rem;
}
.importa-data .d-slider-layerr-3,
.importa-data .g-slider-layerr-3 {
  margin-left: 2.25rem;
}
.importa-data .d-slider-layerr-4,
.importa-data .g-slider-layerr-4 {
  margin-left: 3rem;
}
.importa-data .d-slider-layerr-5,
.importa-data .g-slider-layerr-5 {
  margin-left: 3.75rem;
}
.importa-data .d-slider-layerr-6,
.importa-data .g-slider-layerr-6 {
  margin-left: 4.5rem;
}
.importa-data .d-slider-layerr-7,
.importa-data .g-slider-layerr-7 {
  margin-left: 5.25rem;
}
.importa-data .d-slider-layerr-8,
.importa-data .g-slider-layerr-8 {
  margin-left: 6rem;
}
.importa-data .d-slider-layerr-9,
.importa-data .g-slider-layerr-9 {
  margin-left: 6.75rem;
}
.importa-data .d-slider-layerr-10,
.importa-data .g-slider-layerr-10 {
  margin-left: 7.5rem;
}
.importa-data .d-slider-layerr-11,
.importa-data .g-slider-layerr-11 {
  margin-left: 8.25rem;
}
.importa-data .d-slider-layerr-12,
.importa-data .g-slider-layerr-12 {
  margin-left: 9rem;
}
.importa-data .d-slider-layerr-13,
.importa-data .g-slider-layerr-13 {
  margin-left: 9.75rem;
}
.importa-data .d-slider-layerr-14,
.importa-data .g-slider-layerr-14 {
  margin-left: 10.5rem;
}
.importa-data .d-slider-layerr-15,
.importa-data .g-slider-layerr-15 {
  margin-left: 11.25rem;
}
.importa-data .d-slider-layerr-16,
.importa-data .g-slider-layerr-16 {
  margin-left: 12rem;
}
.importa-data .d-slider-layerr-17,
.importa-data .g-slider-layerr-17 {
  margin-left: 12.75rem;
}
.importa-data .d-slider-layerr-18,
.importa-data .g-slider-layerr-18 {
  margin-left: 13.5rem;
}
.importa-data .d-slider-layerr-19,
.importa-data .g-slider-layerr-19 {
  margin-left: 14.25rem;
}
.importa-data .d-slider-layerr-20,
.importa-data .g-slider-layerr-20 {
  margin-left: 15rem;
}
.importa-data .d-slider-layerr-21,
.importa-data .g-slider-layerr-21 {
  margin-left: 15.75rem;
}
.importa-data .d-slider-layerr-22,
.importa-data .g-slider-layerr-22 {
  margin-left: 16.5rem;
}
.importa-data .d-slider-layerr-23,
.importa-data .g-slider-layerr-23 {
  margin-left: 17.25rem;
}
.importa-data .d-slider-layerr-24,
.importa-data .g-slider-layerr-24 {
  margin-left: 18rem;
}
.importa-data .d-slider-layerr-25,
.importa-data .g-slider-layerr-25 {
  margin-left: 18.75rem;
}
.importa-data .d-slider-layerr-26,
.importa-data .g-slider-layerr-26 {
  margin-left: 19.5rem;
}
.importa-data .d-slider-layerr-27,
.importa-data .g-slider-layerr-27 {
  margin-left: 20.25rem;
}
.importa-data .d-slider-layerr-28,
.importa-data .g-slider-layerr-28 {
  margin-left: 21rem;
}
.importa-data .d-slider-layerr-29,
.importa-data .g-slider-layerr-29 {
  margin-left: 21.75rem;
}
.importa-data .d-slider-layerr-30,
.importa-data .g-slider-layerr-30 {
  margin-left: 22.5rem;
}
.importa-data .d-slider-layerr-31,
.importa-data .g-slider-layerr-31 {
  margin-left: 23.25rem;
}
.importa-data .d-slider-layerr-32,
.importa-data .g-slider-layerr-32 {
  margin-left: 24rem;
}
.importa-data .d-slider-layerr-33,
.importa-data .g-slider-layerr-33 {
  margin-left: 24.75rem;
}
.importa-data .d-slider-layerr-34,
.importa-data .g-slider-layerr-34 {
  margin-left: 25.5rem;
}
.importa-data .d-slider-layerr-35,
.importa-data .g-slider-layerr-35 {
  margin-left: 26.25rem;
}
.importa-data .d-slider-layerr-36,
.importa-data .g-slider-layerr-36 {
  margin-left: 27rem;
}
.importa-data .accordion {
  --bs-accordion-border-color: none;
  border-radius: 0px;
}
.importa-data .accordion .accordion-item h2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100%;
  width: fit-content;
  overflow-x: visible;
}
.importa-data .accordion .accordion-item .has-lower-line-grey {
  border-bottom: 1px solid #eee !important;
  background-color: rgba(0, 0, 0, 0.06);
}

@keyframes mainBtnFramesFadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mainBtnFramesFadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.hover-hidden {
  color: white;
  position: absolute;
  top: 120%;
  font-size: 10px;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0.4rem;
  padding: 0.1rem 0.25rem;
  transition: all 0.05s ease-in-out;
  z-index: 200;
  right: 0%;
  top: -20%;
  color: white;
  background-color: #8e1123;
}

#yesOrNoModalBtn,
#notDeleteBtn {
  visibility: hidden;
}

.delete-modal {
  font-size: 1rem;
}
.delete-modal .modal-dialog {
  width: 20rem;
}
.delete-modal .modal-content > * {
  padding: 0.5rem 0.5rem;
}
.delete-modal .modal-header .modal-title {
  font-size: 1rem;
}
.delete-modal .modal-body {
  font-size: 0.9rem;
  text-align: center;
  padding: 0.75rem 0rem;
}
.delete-modal .modal-body .delete-modal-hint {
  font-size: 0.85rem;
  color: #dc3545;
}
.delete-modal .modal-footer {
  font-size: 0.9rem;
  padding: 0.1rem;
}
.delete-modal .modal-footer button {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.delete-modal .modal-footer .delete-btn {
  background-color: #dc3545 !important;
  color: white;
}

.left-side-lower-container {
  display: flex;
  flex-direction: row;
}
.left-side-lower-container .left-side-left {
  width: 90%;
}
.left-side-lower-container .left-side-right {
  width: 12%;
}
.left-side-lower-container .left-side-right .right-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-right: 0.2rem;
}
.left-side-lower-container .left-side-right .right-new > * {
  font-size: 12px;
  color: #555;
  cursor: pointer;
  margin: 0rem 0.1rem;
  z-index: 100;
}
.left-side-lower-container .left-side-right .right-new .delete-icon {
  color: #dc3545 !important;
  cursor: pointer;
}
.left-side-lower-container .left-side-right .right-new .add-icon {
  color: #444 !important;
  cursor: pointer;
}
.left-side-lower-container .left-side-right .right-new .edit-icon {
  color: #888 !important;
  cursor: pointer;
}

.newPostHistory > * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*.newPostHistory p {
    margin-bottom: 0;
}*/
.newPostHistory {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newPostHistory .container-o {
  width: 95% !important;
}

.newPostHistory .div-1-Full-Chart {
  display: flex;
  flex-direction: row;
}

.newPostHistory .div-1-Full-Chart .left-div h2 {
  font-weight: 900;
  font-size: 1.8rem;
  display: none;
}

.newPostHistory .div-1-Full-Chart .left-div .note {
  margin-top: 1rem;
  font-weight: 300;
  color: #999898;
}

/* The post Itself */
.newPostHistory .div-2-posts .post-out {
  display: flex;
  flex-direction: row;
  border-radius: 1rem;
  border: 1px #ddd solid;
  margin: 2rem 0rem;
  padding: 1rem;
  background-color: #fff;
}
.newPostHistory .div-2-posts .post-out canvas {
  height: 57px !important;
  width: 57px !important;
}
.newPostHistory .div-2-posts .post-upper {
  display: flex;
  flex-direction: row;
}

.newPostHistory .div-2-posts .post-upper-left {
  width: 10%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newPostHistory .div-2-posts .post-upper-left img {
  width: 80%;
  border-radius: 50%;
}

.newPostHistory .div-2-posts .post-upper-right {
  width: 90%;
}

.newPostHistory .div-2-posts .post-upper-right .post-title {
  margin-bottom: 0;
}

.newPostHistory .div-2-posts .post-upper-right .post-date {
  font-weight: 500;
  color: #999898;
  font-size: 12px;
}

.newPostHistory .div-2-posts .post-out .post-middle {
  padding: 0.4rem 0.5rem;
  margin-top: 1rem;
}

.newPostHistory .div-2-posts .post-out .post-middle .post-text {
  margin: 0.25rem 0rem 0.25rem 0.25rem;
  font-weight: 500;
}

.newPostHistory .div-2-posts .post-out .post-middle .post-main-img {
  width: 100%;
  max-width: 100%;
  border-radius: 3px;
}

.newPostHistory .post-icons {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
  margin: 0.5rem 0rem;
}

.newPostHistory .post-icon-cont {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.newPostHistory .post-btns {
  width: 100%;
  margin: 1rem 0rem;
  display: flex;
  justify-content: space-around;
}

.newPostHistory .button {
  background-color: transparent;
  border: #ccc solid 1px;
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  color: #3d3b3b;
  font-size: 14px;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .button:hover {
  background-color: #3d3b3b;
  border: transparent;
  color: white;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .post-icon-cont > * {
  margin: 2px 4px;
}

.newPostHistory .post-icon-cont {
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .post-icon-views:hover {
  color: #007bff;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .post-icon-likes:hover {
  color: #28a745;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .post-icon-dislikes:hover {
  color: #dc3545;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .post-icon-shares:hover {
  color: #17a2b8;
  transition: all 0.1s ease-in-out;
}

/* Analysis */
.newPostHistory .analysis-side {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin-top: 0rem;
}

/* Analysis - Main */
.newPostHistory .analysis-main {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  border-radius: 0.5rem;
  padding: 0.05rem;
  margin-bottom: 0.107rem;
}

.newPostHistory .analysis-main .main-left {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 15%;
  font-weight: 700;
  font-size: 1rem;
}

.newPostHistory .analysis-main .main-middle {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 60%;
}

.newPostHistory .analysis-main .main-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

.newPostHistory .analysis-main .number-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
  background-color: #ddd;
  border: 1px solid #bbb;
  text-align: center;
  border-radius: 50%;
}

.newPostHistory .number-icon-total {
  width: 2rem;
  height: 2rem;
}

.newPostHistory .lower-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  font-size: 0.8rem;
  font-weight: 500;
}

.newPostHistory .lower-icon p {
  font-size: 0.7rem;
  font-weight: 500;
}

.newPostHistory .number-icon p {
  font-size: 0.8rem;
  margin-bottom: 0;
}

.newPostHistory .icons-upper-and-lower {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 2px;
}

/* Analysis Views */
.newPostHistory .div-2-posts .analysis-views {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  border: 1px #ddd solid;
  border-radius: 0.5rem;
  padding: 0.1rem;
  margin: 0.1rem 0rem;
  background-color: rgba(238, 238, 238, 0.5607843137);
}

.newPostHistory .div-2-posts .analysis-views .analysis-views-left {
  display: flex;
  /* flex-direction: row; */
  justify-content: start;
  align-items: start;
  width: 6%;
  font-weight: 700;
  font-size: 0.8rem;
}

.newPostHistory .div-2-posts .analysis-views .analysis-views-middle {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 40%;
}

.newPostHistory .div-2-posts .analysis-views .analysis-views-middle .analysis-views-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  .newPostHistory
  .div-2-posts
  .analysis-views
  .analysis-views-middle
  .analysis-views-bar
  .progress {
      width: 95%;
      border: 1px darkgray solid;
      height: 12px;
  }*/
/* .newPostHistory .div-2-posts .progress {
     overflow: visible !important;
 }

     .newPostHistory .div-2-posts .progress .progress-bar {
         font-size: 9px;
         color: #111;
         font-weight: 700;
         position: relative;
         overflow: visible !important;
     }

     .newPostHistory .div-2-posts .progress .progress-last {
         background-color: #e9ecef;
         border-radius: 0.25rem;
     }

     .newPostHistory .div-2-posts .progress .progress-bar .p-out-of-progress {
         color: grey;
         position: absolute;
         transform: translateX(-50%);
         left: 50%;
         bottom: 9px;
     }*/
.newPostHistory .div-2-posts .analysis-views .analysis-views-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}

.newPostHistory .div-2-posts .right-side .analysis-views .analysis-views-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.newPostHistory .div-2-posts .right-side .analysis-views .analysis-views-right .views-chart {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* .newPostHistory
 .div-2-posts
 .right-side
 .analysis-views
 .analysis-views-right
 .views-chart
 canvas {
     width: 60px !important;
     height: 60px !important;
 }*/
.newPostHistory .div-2-posts .right-side .analysis-views .analysis-views-right .views-chart p {
  font-weight: 600;
  font-size: 0.7rem;
}

/*  Analysis Like */
.newPostHistory .div-2-posts .analysis-likes {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  border: 1px #ddd solid;
  border-radius: 0.5rem;
  padding: 0.1rem;
  margin: 0.1rem 0rem;
  background-color: rgba(238, 238, 238, 0.5607843137);
}

.newPostHistory .div-2-posts .analysis-likes .analysis-likes-left {
  display: flex;
  /* flex-direction: row; */
  justify-content: start;
  align-items: start;
  width: 6%;
  font-weight: 700;
  font-size: 0.8rem;
}

.newPostHistory .div-2-posts .analysis-likes .analysis-likes-middle {
  display: flex;
  flex-direction: row;
  justify-content: end;
  flex-direction: column;
  width: 40%;
}

.newPostHistory .div-2-posts .analysis-likes .analysis-likes-middle .analysis-likes-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0 8px 0;
}

/*    .newPostHistory
    .div-2-posts
    .analysis-likes
    .analysis-likes-middle
    .analysis-likes-bar
    .progress {
        width: 95%;
        border: 1px darkgray solid;
        height: 12px;
    }*/
.newPostHistory .div-2-posts .analysis-likes .analysis-likes-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}

.newPostHistory .div-2-posts .right-side .analysis-likes .analysis-likes-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.newPostHistory .div-2-posts .right-side .analysis-likes .analysis-likes-right .likes-chart {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/*   .newPostHistory
   .div-2-posts
   .right-side
   .analysis-likes
   .analysis-likes-right
   .likes-chart
   canvas {
       width: 60px !important;
       height: 60px !important;
   }*/
.newPostHistory .div-2-posts .right-side .analysis-likes .analysis-likes-right .likes-chart p {
  font-weight: 600;
  font-size: 0.7rem;
}

/*  Analysis disLike */
.newPostHistory .div-2-posts .analysis-dislikes {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  border: 1px #ddd solid;
  border-radius: 0.5rem;
  padding: 0.1rem;
  margin: 0.1rem 0rem;
  background-color: rgba(238, 238, 238, 0.5607843137);
}

.newPostHistory .div-2-posts .analysis-dislikes .analysis-dislikes-left {
  display: flex;
  /* flex-direction: row; */
  justify-content: start;
  align-items: start;
  width: 6%;
  font-weight: 700;
  font-size: 0.8rem;
}

.newPostHistory .div-2-posts .analysis-dislikes .analysis-dislikes-middle {
  display: flex;
  flex-direction: row;
  justify-content: end;
  flex-direction: column;
  width: 40%;
}

.newPostHistory .div-2-posts .analysis-dislikes .analysis-dislikes-middle .analysis-dislikes-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0 8px 0;
}

/*.newPostHistory
.div-2-posts
.analysis-dislikes
.analysis-dislikes-middle
.analysis-dislikes-bar
.progress {
    width: 95%;
    border: 1px darkgray solid;
    height: 12px;
}*/
.newPostHistory .div-2-posts .analysis-dislikes .analysis-dislikes-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}

.newPostHistory .div-2-posts .right-side .analysis-dislikes .analysis-dislikes-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.newPostHistory .div-2-posts .right-side .analysis-dislikes .analysis-dislikes-right .dislikes-chart {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* .newPostHistory
 .div-2-posts
 .right-side
 .analysis-dislikes
 .analysis-dislikes-right
 .dislikes-chart
 canvas {
     width: 60px !important;
     height: 60px !important;
 }*/
.newPostHistory .div-2-posts .right-side .analysis-dislikes .analysis-dislikes-right .dislikes-chart p {
  font-weight: 600;
  font-size: 0.7rem;
}

/*  Analysis Share */
.newPostHistory .div-2-posts .analysis-share {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  border: 1px #ddd solid;
  border-radius: 0.5rem;
  padding: 0.1rem;
  margin: 0.1rem 0rem;
  background-color: rgba(238, 238, 238, 0.5607843137);
}

.newPostHistory .div-2-posts .analysis-share .analysis-share-left {
  display: flex;
  /* flex-direction: row; */
  justify-content: start;
  align-items: start;
  width: 6%;
  font-weight: 700;
  font-size: 0.8rem;
}

.newPostHistory .div-2-posts .analysis-share .analysis-share-middle {
  display: flex;
  flex-direction: row;
  justify-content: end;
  flex-direction: column;
  width: 40%;
}

.newPostHistory .div-2-posts .analysis-share .analysis-share-middle .analysis-share-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0 8px 0;
}

/*.newPostHistory
                .div-2-posts
                .analysis-share
                .analysis-share-middle
                .analysis-share-bar
                .progress {
                    width: 95%;
                    border: 1px darkgray solid;
                    height: 12px;
                }
*/
.newPostHistory .div-2-posts .analysis-share .analysis-share-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}

.newPostHistory .div-2-posts .right-side .analysis-share .analysis-share-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.newPostHistory .div-2-posts .right-side .analysis-share .analysis-share-right .share-chart {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* .newPostHistory
 .div-2-posts
 .right-side
 .analysis-share
 .analysis-share-right
 .share-chart
 canvas {
     width: 60px !important;
     height: 60px !important;
 }*/
.newPostHistory .div-2-posts .right-side .analysis-share .analysis-share-right .share-chart p {
  font-weight: 600;
  font-size: 0.7rem;
}

/* Modal Bootstrap */
/* Departments and Groups Modal */
.newPostHistory .dep-groups-modal .dep-groups-modal-prop {
  min-width: 55% !important;
  width: 55% !important;
  /* width:55% !important; */
}

.newPostHistory .modal-header {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
}

.newPostHistory #exampleModalToggleLabel {
  width: 100%;
  text-align: center;
}

@media (min-width: 576px) {
  .dep-groups-modal-prop {
    max-width: 80%;
    margin: 1.75rem auto;
  }
  .newPostHistory .modal-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
  }
  .newPostHistory #exampleModalToggleLabel {
    width: 100%;
    text-align: center;
  }
}
.newPostHistory .dep-groups-modal .modal-main-content-div {
  display: flex !important;
  flex-direction: row !important;
  padding: 0.25rem 0rem 1rem 0rem;
}

.newPostHistory .dep-groups-modal #modal-hz-bar-1,
.newPostHistory .dep-groups-modal #modal-hz-bar-2,
.newPostHistory .dep-groups-modal #modal-hz-bar-3 {
  width: 80%;
  margin-bottom: 2rem;
  filter: grayscale(50%);
  transition: all 0.1s ease-in-out;
}

.newPostHistory .dep-groups-modal #modal-hz-bar-1:hover,
.newPostHistory .dep-groups-modal #modal-hz-bar-2:hover,
.newPostHistory .dep-groups-modal #modal-hz-bar-3:hover {
  filter: grayscale(0%);
  transition: all 0.1s ease-in-out;
}

.newPostHistory .dep-groups-modal .modal-main-content-div .dep-groups-modal-body-left {
  width: 45% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 0.5rem; */
  border-right: 1px rgba(119, 119, 119, 0.3) solid;
}

.newPostHistory .dep-groups-modal .modal-main-content-div .dep-groups-modal-body-left h6 {
  margin-top: 1rem;
  margin-bottom: 0rem;
  text-align: center;
}

.newPostHistory .dep-groups-modal .modal-main-content-div .dep-groups-modal-body-left .div-p-hint {
  width: 100%;
}

.newPostHistory .dep-groups-modal .modal-main-content-div .dep-groups-modal-body-left .div-p-hint .title-hint-p {
  text-align: left;
  color: #777;
  margin: 0.25rem 0rem;
  margin-left: 0.5rem;
}

.newPostHistory .modal-body {
  padding: 0rem 1rem;
}

/* #modal-hz-canvas-1{
  width: 60px !important;
  height: 60px !important;
} */
/* left side again with progress bar */
.newPostHistory .dep-groups-modal .items-container {
  display: flex;
  width: 95%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 3px 0px;
}

/*
    .newPostHistory .dep-groups-modal .items-container .middle-progress {
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow: visible;
        position: relative;
    }
*/
/*     .newPostHistory .dep-groups-modal .items-container .middle-progress p {
     }

     .newPostHistory .dep-groups-modal .items-container .middle-progress .progress {
         width: 90%;
         margin-left: 0.5rem;
     }*/
.newPostHistory .dep-groups-modal .items-container .btn-cont {
  width: 10%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newPostHistory .dep-groups-modal .items-container .btn-cont {
  width: 18%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.newPostHistory .dep-groups-modal .items-container .btn-cont .show-details-btn {
  font-size: 0.7rem;
}

.newPostHistory .dep-groups-modal .items-container .items-container-left {
  display: flex;
  flex-direction: column;
  width: 80%;
}

.newPostHistory .dep-groups-modal .items-container .items-container-right {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  width: 10%;
  height: 100%;
}

.newPostHistory .dep-groups-modal .items-container .items-container-right .fa-arrow-right {
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}

.newPostHistory .dep-groups-modal .items-container .items-container-right .fa-arrow-right:hover {
  transform: scale(130%);
  transition: all 0.1s ease-in-out;
}

.newPostHistory .dep-groups-modal .items-container .item-name-p {
  font-size: 11px;
  font-weight: 500;
}

/* right Side */
.newPostHistory .dep-groups-modal .modal-main-content-div .dep-groups-modal-body-right {
  width: 55% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 0.5rem; */
}

.newPostHistory .dep-groups-modal .modal-main-content-div .dep-groups-modal-body-right h6 {
  text-align: center;
}

.newPostHistory .dep-groups-modal table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 1rem;
}

.newPostHistory .dep-groups-modal td {
  /* border: 1px solid #dddddd; */
  padding: 8px;
  text-align: center;
}

.newPostHistory .dep-groups-modal th {
  border: none;
  text-align: center;
}

.newPostHistory .dep-groups-modal .person-name {
  text-align: left;
}

.newPostHistory .emps-modal-prop .person-name {
  text-align: left;
}

/* .newPostHistory .dep-groups-modal tr:nth-child(even) {
  background-color: #dddddd;
} */
.newPostHistory .dep-groups-modal tr {
  max-height: 30px;
  font-size: 11px;
}

.newPostHistory .dep-groups-modal tr th,
.newPostHistory .dep-groups-modal tr td {
  padding: 2px;
}

/* Emps. Modal Emps. */
.newPostHistory .emps-modal .dep-groups-modal-prop {
  width: 80% !important;
}

.newPostHistory .emps-modal-whole-left {
  padding: 0.5rem 0.25rem;
}

@media (min-width: 576px) {
  .emps-modal-prop {
    max-width: 27%;
    margin: 1.75rem auto;
  }
}
.newPostHistory .emps-modal-prop {
  overflow: auto;
}

.newPostHistory .emps-modal-prop .emps-table-modal {
  box-sizing: border-box;
  padding: 1rem;
  margin: 1rem 0rem;
}

.newPostHistory .emps-modal-prop table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 1rem;
}

.newPostHistory .emps-modal-prop td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  text-align: center;
}

.newPostHistory .emps-modal-prop tr {
  height: 20px;
  font-size: 11px;
}

.newPostHistory .emps-modal-prop tr {
  max-height: 30px;
}

.newPostHistory .emps-modal-prop tr th,
.newPostHistory .emps-modal-prop tr td {
  padding: 2px;
  border: none;
}

/* .newPostHistory .emps-modal-prop tr:nth-child(even) {
  background-color: #dddddd;
} */
/* Highlights of Modals */
.modal .span-name-of-type {
  font-weight: 800;
  color: #111;
}

.modal .span-name-of-react {
  font-weight: 800;
  color: #111;
}

/* General */
/*
.newPostHistory .div-2-posts .emp-circle {
    margin-top: 0.3rem;
    margin-bottom: 0.1rem;
    width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px #bbb solid;
    background-color: #ddd;
}

    .newPostHistory .div-2-posts .emp-circle p {
        font-size: 1rem !important;
    }*/
.newPostHistory .p-percentage {
  font-size: 0.7rem;
  margin-left: 0.3rem;
  font-weight: 700;
}

.newPostHistory .inner-name-and-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* General - modal */
.newPostHistory .modal-content {
  /* overflow-y: auto; 
  max-height: 80vh; */
}

.newPostHistory .modal .scroll-of-table {
  /* background-color: tomato; */
  overflow-y: auto;
  max-height: 60vh;
  scrollbar-width: thin !important;
}

.newPostHistory .modal .scroll-of-table::-webkit-scrollbar {
  width: 4px;
  background-color: white;
}

.newPostHistory .modal .scroll-of-table::-webkit-scrollbar-track {
  background: #f1f1f1;
  height: 10px;
}

.newPostHistory .modal .scroll-of-table::-webkit-scrollbar-thumb {
  background: #777;
  height: 20px;
}

/*
.newPostHistory .modal .progress {
    width: 100%;
    border: 1px darkgray solid;
    height: 12px;
}

    .newPostHistory .modal .progress .progress-bar {
        font-size: 9px;
        color: #111;
        font-weight: 700;
    }*/
/* Old bars colors */
/* 

.newPostHistory .modal .views-modal-bar {
  background-color: #007bff !important;
}

.newPostHistory .modal .likes-bar-modal {
  background-color: #28a745 !important;
}

.newPostHistory .modal .dislikes-bar-modal {
  background-color: #dc3545 !important;
}

.newPostHistory .modal .shares-bar-modal {
  background-color: #17a2b8 !important;
} */
/* End of old bars colors */
.newPostHistory .modal .likes-bar-btn {
  background-color: #28a745 !important;
  border: none;
}

.newPostHistory .modal .dislikes-bar-btn {
  background-color: #dc3545 !important;
  border: none;
}

.newPostHistory .modal .shares-bar-btn {
  background-color: #17a2b8 !important;
  border: none;
}

.newPostHistory .modal .facebook-color {
  color: #3b5998;
}

.newPostHistory .modal .youtube-color {
  color: #ff0000;
}

.newPostHistory .modal .twitter-color {
  color: #1da1f2;
}

.newPostHistory .modal .instagram-color {
  color: #e1306c;
}

.newPostHistory .modal .snap-color {
  color: #fffc00;
}

.newPostHistory .modal .telegram-color {
  color: #0088cc;
}

/* P-out */
/*
.newPostHistory .modal .progress {
    overflow: visible !important;
    margin-top: 9px;
}

.newPostHistory .modal .progress-bar {
    position: relative;
    overflow: visible !important;
}

.newPostHistory .modal .progress .progress-bar .p-out-of-progress {
    color: grey;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 10px;
}
*/
/* Icons of Sharing  */
.newPostHistory .modal .share-to-td-cont {
  /* background-color: red; */
  /* display: flex; */
  /* flex-direction: row;
  flex-wrap: wrap; */
  /* justify-content: space-around;
  align-items: center;
  height: 100%;  */
  max-width: 35px;
}

.newPostHistory .modal .share-to-td-cont .share-to-icons {
  cursor: pointer;
  font-size: 11px;
}

/* .newPostHistory .inner-name-and-btn p{
  transition: all .1s ease-in-out;
   color:#888;
   font-weight: 700;

}

.newPostHistory .inner-name-and-btn p:hover{
  transition: all .1s ease-in-out;
  color:#111;
} */
.newPostHistory .inner-name-and-btn a {
  width: 0.1rem !important;
  height: 0.1rem !important;
  background-color: transparent;
  border: none !important;
  font-size: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1rem;
  margin-left: 0.3rem;
}

.newPostHistory .inner-name-and-btn a .fa-arrow-down {
  font-size: 0.6rem;
  margin-left: 0.25rem;
  color: #111;
  margin: 0;
  padding: 0;
}

.newPostHistory .left-side-icon-and-name {
  flex-direction: column;
}

/*  Circular Progress */
.view-color {
  color: #00B0F0 !important;
  font-size: 16px;
}

.like-color {
  color: #33CC33 !important;
  font-size: 16px;
}

.dislike-color {
  color: #F25022 !important;
  font-size: 16px;
}

.share-color {
  color: #0066FF !important;
  font-size: 16px;
  min-width: 60px;
}

/* Bars Colors */
/* .newPostHistory .div-2-posts .views-bar-1-1 {
  background-color: #007bff !important;
} */
/* Likes bar  */
/* .newPostHistory .div-2-posts .likes-bar-1-1 {
  background-color: #28a745 !important;
} */
/* .newPostHistory .div-2-posts .likes-bar-2-1 {
  background-color: #28a745 !important;
} */
/* Dislikes bar */
/* .newPostHistory .div-2-posts .dislikes-bar-1-1,
.newPostHistory .div-2-posts .dislikes-bar-1-2 {
  background-color: #dc3545 !important;
} */
/* .newPostHistory .div-2-posts .dislikes-bar-2-1 {
  background-color: #dc3545 !important;
} */
/* Share */
/* .newPostHistory .div-2-posts .share-bar-1-1,
.newPostHistory .div-2-posts .share-bar-1-2,
.newPostHistory .div-2-posts .share-bar-1-3 {
  background-color: #17a2b8 !important;
} */
/* Main Icon size */
.newPostHistory .div-2-posts .main-section-icon {
  font-size: 1.2rem;
  margin: 6px;
}

/* For Hidden and Display divs */
/* In modal */
/* Department Hide */
.newPostHistory .modal #modal-right-dep-view-1,
.newPostHistory .modal #modal-right-dep-view-2,
.newPostHistory .modal #modal-right-dep-view-3,
.newPostHistory .modal #modal-right-dep-view-4,
.newPostHistory .modal #modal-right-dep-view-5 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-dep-likes-1,
.newPostHistory .modal #modal-right-dep-likes-2,
.newPostHistory .modal #modal-right-dep-likes-3,
.newPostHistory .modal #modal-right-dep-likes-4,
.newPostHistory .modal #modal-right-dep-likes-5 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-dep-dislikes-1,
.newPostHistory .modal #modal-right-dep-dislikes-2,
.newPostHistory .modal #modal-right-dep-dislikes-3,
.newPostHistory .modal #modal-right-dep-dislikes-4,
.newPostHistory .modal #modal-right-dep-dislikes-5 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-dep-dislikes-1,
.newPostHistory .modal #modal-right-dep-dislikes-2,
.newPostHistory .modal #modal-right-dep-dislikes-3,
.newPostHistory .modal #modal-right-dep-dislikes-4,
.newPostHistory .modal #modal-right-dep-dislikes-5 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-dep-shares-1,
.newPostHistory .modal #modal-right-dep-shares-2,
.newPostHistory .modal #modal-right-dep-shares-3,
.newPostHistory .modal #modal-right-dep-shares-4,
.newPostHistory .modal #modal-right-dep-shares-5 {
  width: 100%;
  display: none;
}

/* Group Hide */
.newPostHistory .modal #modal-right-group-views-1,
.newPostHistory .modal #modal-right-group-views-2,
.newPostHistory .modal #modal-right-group-views-3,
.newPostHistory .modal #modal-right-group-views-4,
.newPostHistory .modal #modal-right-group-views-5 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-group-likes-1,
.newPostHistory .modal #modal-right-group-likes-2,
.newPostHistory .modal #modal-right-group-likes-3,
.newPostHistory .modal #modal-right-group-likes-4,
.newPostHistory .modal #modal-right-group-likes-5 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-group-dislikes-1,
.newPostHistory .modal #modal-right-group-dislikes-2,
.newPostHistory .modal #modal-right-group-dislikes-3,
.newPostHistory .modal #modal-right-group-dislikes-4 {
  width: 100%;
  display: none;
}

.newPostHistory .modal #modal-right-group-shares-1,
.newPostHistory .modal #modal-right-group-shares-2,
.newPostHistory .modal #modal-right-group-shares-3 {
  width: 100%;
  display: none;
}

.activeBtnModal {
  transform: scale(2);
  transition: all ease-in-out 0.1s;
}

/* Adding new Divs from Old PostHistory Page */
.filter-div #company_accordion {
  display: flex;
  flex-direction: row;
}

.filter-div #company_accordion .accordion-item {
  width: 33.33%;
  border: none;
  border-bottom: 1px #ddd solid;
  font-weight: 700;
}

.filter-div #company_accordion .accordion-item button {
  font-weight: 700;
}

.filter-div .lower-part {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-top: 3rem;
}

.filter-div .lower-part .inner-tag-selection {
  width: 30%;
  min-height: 40px;
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  padding: 0.2rem 0.2rem !important;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  height: fit-content !important;
}

.search-input-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border: 1px solid darkgrey;
  height: 2rem;
  width: 100%;
  overflow: hidden;
}

.search-input-container .fa-search {
  cursor: default;
  font-size: 0.7rem;
  color: #555;
  padding: 0rem !important;
  margin-left: 0.5rem;
}

#employees-search-input {
  color: #555;
  font-size: 0.7rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
  border: none !important;
  padding-left: 0rem;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  margin-left: 1rem;
}

.right-two {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 2rem 0rem;
}

.right-two h3 {
  font-weight: 700;
  color: #999898;
  font-size: 1.2rem;
}

.right-two .search-input-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border: 1px solid darkgrey;
  height: 2rem;
  width: 25%;
}

.right-two .search-input-container .fa-search {
  cursor: default;
  font-size: 0.5rem !important;
  color: #555;
  padding: 0rem !important;
  width: 0.7rem !important;
}

.right-two #employees-search-input {
  color: #555;
  font-size: 0.7rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
  border: none !important;
  padding-left: 0rem;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  margin-left: 1rem;
}

/* For Appending  */
#department-selection-history,
#groups-selection-history,
#employees-selection-history {
  display: flex;
  flex-wrap: wrap;
  width: fit-content !important;
  padding: 0.2rem 0.2rem !important;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  height: fit-content !important;
  min-width: 30%;
  margin: 1%;
  min-height: 2rem;
}

#department-selection-history .tags-container,
#groups-selection-history .tags-container,
#employees-selection-history .tags-container {
  min-width: fit-content !important;
  width: fit-content;
  align-content: center;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  border-color: darkgrey;
  color: black;
  min-width: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  flex-direction: row;
  margin: 1px 1px;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  border: 1px solid #ddd !important;
  width: fit-content;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
  padding: 1.5px;
}

#department-selection-history .tags-container label,
#groups-selection-history .tags-container label,
#employees-selection-history .tags-container label {
  margin-bottom: 0 !important;
  color: #555 !important;
  font-size: 0.7rem;
  font-weight: 700;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

#department-selection-history .tags-container button,
#groups-selection-history .tags-container button,
#employees-selection-history .tags-container button {
  padding: 0.112rem 0.225rem !important;
  margin-left: 0.4rem !important;
  font-size: 0.6rem;
  font-weight: 300;
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

.newPostHistory .modal .greenDot {
  color: #00bf00;
  /* color: #00ff00; */
  font-size: 11px;
}

.newPostHistory .modal .redDot {
  color: #777;
  font-size: 11px;
  opacity: 0.7;
}

/* Layer one Colorize */
.layerOneColorize {
  /* background-color: black!important; */
}

/* .newPostHistory .modal .colorize-progress-modal{
  background-color: black!important;
} */
/* 
.newPostHistory .modal .colorOne{
  background-color: #54bebe!important;
}

.newPostHistory .modal .colorTwo{
  background-color: #98d1d1!important;
}

.newPostHistory .modal .colorThree{
  background-color: #98d1d1!important;
}

.newPostHistory .modal .colorFour{
  background-color: #badbdb!important;
}

.newPostHistory .modal .colorFive{
  background-color: #dedad2!important;
}

.newPostHistory .modal .colorSix{
  background-color: #54bebe!important;
}

.newPostHistory .modal .colorSeven{
  background-color: #df979e!important;
}

.newPostHistory .modal .colorEight{
  background-color: #c80064!important;
} */
/* Hidden Progress Sections */
/*.progress-hidden {
    visibility: hidden;
    color: white;
    position: absolute;
    left: 50%;
    top: 180%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0.4rem;
    padding: 0.1rem 0.25rem;
    transition: all 0.05s ease-in-out;
    z-index: 100;
}
*/
/*.progress-show-1:hover .progress-hide-1 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-2:hover .progress-hide-2 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-3:hover .progress-hide-3 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-4:hover .progress-hide-4 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-5:hover .progress-hide-5 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-6:hover .progress-hide-6 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-7:hover .progress-hide-7 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-8:hover .progress-hide-8 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-9:hover .progress-hide-9 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-10:hover .progress-hide-10 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-11:hover .progress-hide-11 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-12:hover .progress-hide-12 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-13:hover .progress-hide-13 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-14:hover .progress-hide-14 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-15:hover .progress-hide-15 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-16:hover .progress-hide-16 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-17:hover .progress-hide-17 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-18:hover .progress-hide-18 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-19:hover .progress-hide-19 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-20:hover .progress-hide-20 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-21:hover .progress-hide-21 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-22:hover .progress-hide-22 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-23:hover .progress-hide-23 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}

.progress-show-24:hover .progress-hide-24 {
    visibility: unset;
    transition: all 0.05s ease-in-out;
}
*/
.post-side .photo {
  width: 40px;
  height: 40px;
  border-radius: 5rem;
  border: 1px solid #eee;
  overflow: hidden;
  margin-inline-end: 0.5rem;
  background-color: #eee;
}

.post-side .post-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.post-side .post-date {
  font-size: 12px;
  font-weight: 500;
  color: #555;
}

.post-side .gallery {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background-color: #eee;
  padding: 0.1rem 0.2rem;
  border-radius: 0.5rem;
}

.post-side .gallery .parent-image-container {
  box-sizing: border-box;
  padding: 1%;
  width: 24.5%;
  margin: 10px 0.25%;
  background-color: white;
  border-radius: 6px;
  padding: 0rem !important;
  border: 1px #ddd solid;
  overflow: hidden;
  box-shadow: none !important;
}

.post-side .gallery .parent-image-container .inner-div {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.post-side .gallery .parent-image-container img {
  pointer-events: none;
  width: 100%;
  /* border-radius: 0.125rem; */
  max-height: 200px;
}

.post-side .post-text {
  font-size: 14px;
  color: #555;
  border: 3px solid #ddd;
  padding: 10px;
  border-radius: 0.5rem;
  margin: 0 0 0.5rem !important;
  white-space: pre-line;
}
.post-side .post-text a {
  text-decoration: underline;
  color: #00b0f0;
}

.post-side .post-content {
  margin: 0.5rem 0;
}

.post-side .btn-primary {
  color: white !important;
  background-color: #8f0e1f !important;
  border-color: #8f0e1f !important;
  cursor: pointer !important;
  transition: 0.1s all ease-in-out;
}
@media (max-width: 425px) {
  .post-side .btn-primary {
    font-size: 0.768rem;
  }
}

.post-side .btn-primary:hover {
  background-color: white !important;
  color: #8f0e1f !important;
  border-color: #8f0e1f !important;
  transition: 0.1s all ease-in-out;
  cursor: pointer !important;
}

.post-side .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(143, 14, 31, 0.5);
}

.share-color {
  min-width: 0 !important;
}

.all-comments .card {
  margin-bottom: 0.5rem;
  border: 0;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0;
}

.all-comments .card:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.media-comments {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.media-comments .media-body {
  width: 100%;
}

.media-comments .media-left {
  margin-inline-end: 0.5rem;
  margin-top: 4px;
}

.media-comments .media-left a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  border: 1px solid #eee;
  background-color: #eee;
  overflow: hidden;
}

.media-comments .media-left a img {
  max-width: 100%;
  max-height: 100%;
}

.media-comments .media-left span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  background-color: #8f0e1f;
  border-radius: 5rem;
}
.media-comments .media-left span i {
  font-size: 12px;
  color: #fff;
}

.media-comments p {
  white-space: pre-line;
  background-color: #eee;
  padding: 0.5rem 1rem;
  margin: 0;
  border-radius: 6px;
  font-size: 18px;
}

.media-comments .media-body .media-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.media-comments .media-body .media-heading .date {
  font-size: 12px;
  font-weight: 500;
  color: #555;
  margin-top: 4px;
}

.dataTables_wrapper .dataTables_filter input {
  height: 31px;
  max-width: 190px;
  margin-bottom: 0.5rem;
}
.dataTables_wrapper .dataTables_filter select {
  height: 31px;
}

/* Main Colors */
/* New Colors */
.new-register {
  min-height: 100vh;
  background-color: #feebed;
}
.new-register .left {
  min-height: 100vh;
  padding: 5rem 6rem;
  background-color: #feebed;
}
.new-register .left .row {
  flex-direction: row;
}
.new-register .left .row .head {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new-register .left .row .head .h h1 {
  margin-bottom: 0rem;
  font-size: 2.5rem;
  color: #8f0e1f;
  font-weight: 600;
}
.new-register .left .row .head .img-container {
  overflow: hidden;
  width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
}
.new-register .left .row .head img {
  width: 95%;
  transform: scale(190%);
}
.new-register .left .row .contain .paragraph {
  margin-top: 1rem;
  color: #2e2e2e;
  text-align: left;
}
.new-register .right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: white;
  text-align: start;
}
.new-register .right .login-form {
  width: 500px;
}
.new-register .right .row {
  flex-direction: column;
}
.new-register .right .row .right-up h2 {
  font-weight: 700;
  color: #111;
  font-family: "Inria Sans", sans-serif;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.new-register .right .row .right-up h6 {
  color: #666;
  margin-bottom: 1.5rem;
}
.new-register .right .row form {
  display: flex;
  flex-direction: column;
}
.new-register .right .row form label {
  color: #111;
  font-weight: 600;
}
.new-register .right .row form input {
  margin-bottom: 1.4rem;
  border-radius: 0.3rem;
  border: 1px solid #999;
  padding: 0.5rem;
}
.new-register .right .row form input:focus {
  outline: none !important;
  border: 1px solid #719ece;
  box-shadow: 0 0 10px #719ece;
}
.new-register .right .row form a {
  margin-bottom: 1.4rem;
  font-weight: 700;
}
.new-register .right .row form button {
  outline: none;
  padding: 0.7rem;
  border: none;
  border-radius: 0.4rem;
}
.new-register .right .row form .sub-btn {
  color: white;
  font-weight: 500;
  font-size: 1.2rem;
  background-color: #8f0e1f;
}
.new-register .right .row form .vali {
  flex-direction: column;
  display: none;
}
.new-register .right .row form .vali .vali-item {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.new-register .right .row form .vali .vali-item .left-vali .check {
  border-radius: 50%;
  font-size: 0.6rem;
  padding: 0.4rem;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  color: #eee;
  background-color: green;
  border: 1px solid #eee;
}
.new-register .right .row form .vali .vali-item .left-vali .check-hide {
  border-radius: 50%;
  font-size: 0.6rem;
  padding: 0.4rem;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  color: #eee;
  background-color: #aaa;
  border: 1px solid #eee;
}
.new-register .right .row form .vali .vali-item .left-vali .check:hover {
  color: green;
  background-color: #eee;
  border: 0.5px solid green;
  transition: 0.2s all ease-in-out;
}
.new-register .right .row form .vali .vali-item p {
  margin-left: 0.7rem;
  font-size: 1rem;
  color: #666;
}

.new-register {
  overflow-x: hidden;
}
.new-register .right .row .items {
  margin-bottom: 5px;
  margin: 1rem 0rem;
}
.new-register .right .row .items .pass-confirm-div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.new-register .right .row .items .pass-confirm-div p {
  margin-bottom: 0rem;
  font-size: 0.8rem;
}
.new-register .right .row .items .pass-confirm-div .p-pass-wrong {
  color: red;
}
.new-register .right .row .items .pass-confirm-div .p-pass-ok {
  color: green;
}
.new-register .right .row .items .pass-confirm-div .p-pass-empty {
  color: #222;
  font-weight: 600;
}
.new-register .right .row .items .pass-wrong {
  display: none;
}
.new-register .right .row .items .pass-ok {
  display: none;
}
.new-register .right .row .items .pass-empty {
  display: none;
}
.new-register .right .row .vali-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new-register .right .row .vali-item .left-vali {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 5px 0px;
  margin-right: 0.8rem;
}
.new-register .right .row .vali-item .left-vali i {
  background-color: #008000;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 8px;
}
.new-register .right .row .vali-item .left-vali .not-checked-yet {
  background-color: white;
  border: 1px solid #aaa;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaa;
  font-size: 8px;
}
.new-register .right .row .vali-item .p-cont {
  width: 50%;
  display: flex;
  flex-direction: row;
  font-size: 0.7rem;
}
.new-register .right .row .vali-item .p-cont p {
  margin-bottom: 3px;
  text-align: left;
  margin-left: 0rem !important;
  font-size: 0.85rem !important;
}
.new-register .right .row .right-up h2 {
  font-weight: 700;
  color: #111;
  font-family: "Inria Sans", sans-serif;
  margin-bottom: 0.5rem;
  font-size: 2.5rem;
}
.new-register .right .row .right-up h6 {
  color: #666;
  margin-bottom: 10px;
}
.new-register .right .row label {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 8rem;
}
.new-register .right .row input {
  width: 58%;
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 2px 0px !important;
  font-size: 0.9rem;
}
.new-register .right .sub-btn {
  margin-top: 4px;
  border: 1px solid #aaa;
  transition: all 0.1s ease-in-out;
}
.new-register .right .sub-btn:hover {
  background-color: white !important;
  color: #8f0e1f !important;
  border: 1px solid #8f0e1f;
  transition: all 0.1s ease-in-out;
}

.login-page {
  position: relative;
  margin-top: -60px;
}
.login-page > .row {
  margin: 0;
}
.login-page .logo {
  width: 60px;
}
.login-page .logo img {
  width: 100%;
}
.login-page .login-form-side {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.login-page .login-form-side .login-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.login-page .login-form-side .login-head .btn {
  background-color: transparent;
  color: #8f0e1f;
  border-color: #8f0e1f;
  transition: all 0.1s ease-in-out;
}
.login-page .login-form-side .login-head .btn:hover {
  background-color: #8f0e1f;
  color: #FFF;
}
.login-page .login-form-side .login-head .btn i {
  transition: all 0.1s ease-in-out;
}
.login-page .login-form-side .login-form {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}
.login-page .login-form-side .login-form.register {
  max-width: 550px !important;
}
.login-page .login-form-side .login-form .title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 2rem;
}
.login-page .login-form-side .login-form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 99, 144, 0.25);
}
.login-page .login-form-side .login-form .form-check-input:checked {
  background-color: #006390;
  border-color: #006390;
}
.login-page .login-form-side .login-form .vali {
  display: flex;
  flex-direction: column;
}
.login-page .login-form-side .login-form .vali .vali-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.login-page .login-form-side .login-form .vali .vali-item .left-vali {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 5px 0px;
  margin-inline-end: 5px;
}
.login-page .login-form-side .login-form .vali .vali-item .left-vali i {
  background-color: #008000;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 8px;
}
.login-page .login-form-side .login-form .vali .vali-item .left-vali .not-checked-yet {
  background-color: white;
  border: 1px solid #aaa;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaa;
  font-size: 8px;
}
.login-page .login-form-side .login-form .vali .vali-item .p-cont {
  width: 50%;
  display: flex;
  flex-direction: row;
  font-size: 0.7rem;
}
.login-page .login-form-side .login-form .vali .vali-item .p-cont p {
  margin-bottom: 3px;
  text-align: left;
  margin-left: 0rem !important;
  font-size: 0.85rem !important;
}
.login-page .login-form-side .login-form .pass-confirm-div {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.login-page .login-form-side .login-form .pass-confirm-div p {
  margin-bottom: 0rem;
  font-size: 0.8rem;
}
.login-page .login-form-side .login-form .pass-confirm-div .p-pass-wrong {
  color: red;
}
.login-page .login-form-side .login-form .pass-confirm-div .p-pass-ok {
  color: green;
}
.login-page .login-form-side .login-form .pass-confirm-div .p-pass-empty {
  color: #222;
  font-weight: 600;
}
.login-page .login-form-side .login-form .pass-wrong {
  display: none;
}
.login-page .login-form-side .login-form .pass-ok {
  display: none;
}
.login-page .login-form-side .login-form .pass-empty {
  display: none;
}
.login-page .login-gallary-side {
  border-inline-end: 5px solid #8f0e1f;
  height: 100vh;
  overflow: hidden;
  background-color: var(--white);
}
.login-page .login-gallary-side .list {
  list-style: none;
  margin: 1.5rem 0;
}
.login-page .login-gallary-side .list li {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0.25rem;
  position: relative;
}
.login-page .login-gallary-side .list li::after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 52%;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 1rem;
  transform: translate(0, -50%);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
.login-page .login-gallary-side .card {
  border-radius: 3rem;
  position: relative;
  z-index: 99;
}
.login-page .login-gallary-side .card .card-body {
  padding: 5rem;
}
.login-page .login-gallary-side .card .card-body .photo {
  position: absolute;
  top: -80px;
  right: 3rem;
  width: 180px;
}
.login-page .login-gallary-side .card .card-body .photo img {
  width: 100%;
}
.login-page .login-gallary-side .card::after {
  content: "";
  position: absolute;
  bottom: -70px;
  left: -70px;
  width: 200px;
  height: 200px;
  z-index: -1;
  background-color: transparent;
  opacity: 0.2;
  background-image: radial-gradient(#fff 6px, transparent 0px);
  background-size: 29px 29px;
}
.login-page .text-primary {
  color: #8f0e1f !important;
}
.login-page .text-blue {
  color: #006390;
}
.login-page #changeLang {
  width: 100px;
  text-align: start;
  padding-inline-start: 2rem !important;
  padding-inline-end: 2rem !important;
}

.swal2-content {
  font-weight: normal !important;
  line-height: 1.5;
}

.swal2-modal .swal2-confirm {
  background-color: #8f0e1f !important;
  border-color: #8f0e1f !important;
  border-left-color: #8f0e1f !important;
  border-right-color: #8f0e1f !important;
}

.swal2-modal .swal2-spacer {
  height: 10px;
  margin: 1rem 0 0 0;
}

.swal2-icon.swal2-success .placeholder {
  background-color: transparent !important;
}

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}

[data-title]:after {
  content: attr(data-title);
  background-color: #00FF00;
  color: #111;
  font-size: 150%;
  position: absolute;
  padding: 1px 5px 2px 5px;
  bottom: -1.6em;
  left: 100%;
  white-space: nowrap;
  box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border: 1px solid #111111;
  z-index: 99999;
  visibility: hidden;
}

[data-title] {
  position: relative;
}

.start-login {
  width: 550px;
}

.owl-carousel-login {
  transform: rotate3d(0, 0, 1, 90deg);
}
.owl-carousel-login .owl-stage-outer {
  overflow: visible;
}
.owl-carousel-login .owl-stage-outer .owl-stage {
  overflow: hidden;
}
.owl-carousel-login .owl-nav {
  position: absolute;
  right: 10px;
  top: 10px;
}
.owl-carousel-login .owl-nav button.owl-prev,
.owl-carousel-login .owl-nav button.owl-next {
  width: 30px;
  height: 30px;
  background-color: rgba(143, 14, 31, 0.1);
  color: #8f0e1f;
  border-radius: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.5rem;
  position: relative;
}
.owl-carousel-login .owl-nav button.owl-prev:hover,
.owl-carousel-login .owl-nav button.owl-next:hover {
  background-color: #8f0e1f;
  color: #ddd;
}
.owl-carousel-login .owl-nav button.owl-prev span,
.owl-carousel-login .owl-nav button.owl-next span {
  font-size: 27px;
  height: 0;
  position: absolute;
  top: -8px;
  right: 10px;
}
.owl-carousel-login .owl-dots {
  position: absolute;
  right: 100px;
  top: 21px;
  display: flex;
}
.owl-carousel-login .owl-dots button.owl-dot {
  background-color: #b3b3b3;
  height: 7px;
  width: 7px;
  margin: 0 10px;
  border-radius: 1rem;
}
.owl-carousel-login .owl-dots button.owl-dot.active {
  background-color: #8f0e1f;
  box-shadow: 0 0 0 3px rgba(143, 14, 31, 0.3);
}
.owl-carousel-login .item {
  width: 520px;
  height: 520px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem 1rem 0;
  margin: 0 !important;
  border-bottom: 1px solid #ddd;
  transform: rotate3d(0, 0, 1, -90deg);
}
.owl-carousel-login .item .moc {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.owl-carousel-login .item .moc .photo {
  max-width: 320px;
}
.owl-carousel-login .item .moc .photo img {
  width: 100%;
}
.owl-carousel-login .item .moc .title {
  font-size: 20px;
  color: #8f0e1f;
  margin: 1rem 2rem;
  max-width: 70%;
  text-align: center;
  position: absolute;
  transform: rotate(-90deg);
  top: 40%;
  left: -90px;
}

:root {
  --fsb-border: 1px solid #ccc;
  --fsb-radius: 5px;
  --fsb-color: inherit;
  --fsb-background: #fff;
  --fsb-font-size: 1em;
  --fsb-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  --fsb-padding: 8px;
  --fsb-padding-right: var(--fsb-padding);
  --fsb-arrow-size: 6px;
  --fsb-arrow-padding: var(--fsb-padding);
  --fsb-arrow-color: currentColor;
  --fsb-icon-color: currentColor;
  --fsb-list-border: var(--fsb-border);
  --fsb-list-radius: 3px;
  --fsb-list-color: var(--fsb-color);
  --fsb-list-background: var(--fsb-background);
  --fsb-hover-color: var(--fsb-color);
  --fsb-hover-background: #ddd;
}

.fsb-original-select {
  display: inline-block;
  margin: 0;
  padding: 8px 22px 8px 8px;
  padding: var(--fsb-padding);
  padding-right: calc(var(--fsb-arrow-padding) * 2 + var(--fsb-arrow-size));
  font-family: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

.fsb-original-select[disabled] {
  color: rgba(0, 0, 0, 0.3);
  cursor: not-allowed;
}

.fsb-select {
  display: inline-block;
  position: relative;
  width: 50px;
}

select[disabled] + .fsb-select {
  cursor: not-allowed;
}

.fsb-select,
.fsb-original-select {
  border: 1px solid transparent;
  border-radius: 5px;
  border-radius: var(--fsb-radius);
  box-sizing: border-box;
  color: inherit;
  color: var(--fsb-color);
  font-size: 1em;
  font-size: var(--fsb-font-size);
  box-shadow: none;
}

.fsb-select svg {
  width: 1em;
  height: 1em;
  margin-right: 8px;
  margin-right: var(--fsb-padding-right);
  fill: currentColor;
  fill: var(--fsb-icon-color);
  pointer-events: none;
}

.fsb-label {
  display: none;
}

/* While it's common sense to avoid using !important as much as possible, it is used
 * here to prevent inheriting style from other rules that may target buttons. */
.fsb-button {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 8px 22px 8px 8px !important;
  padding: var(--fsb-padding) !important;
  padding-right: var(--fsb-arrow-size) !important;
  border: 0 !important;
  border-radius: inherit !important;
  color: inherit !important;
  background-color: inherit !important;
  font-size: 1em !important;
  font-weight: bold;
  font-family: inherit !important;
  text-align: inherit !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fsb-button > span,
.fsb-option > span {
  pointer-events: none;
}

select[disabled] + .fsb-select .fsb-button {
  opacity: 0.4;
  pointer-events: none;
}

.fsb-button:after,
select[disabled] + .fsb-select .fsb-button[aria-expanded=true]:after {
  content: "";
  display: block;
  position: relative;
  position: relative;
  width: 6px;
  height: 6px;
  top: 4px;
  transform: translateY(-65%) rotateZ(45deg);
  border: solid currentColor;
  border: solid var(--fsb-arrow-color);
  border-width: 0 1.5px 1.5px 0;
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}

.fsb-button[aria-expanded=true]:after {
  transform: translateY(-35%) rotateZ(225deg);
}

.fsb-list,
select[disabled] + .fsb-select .fsb-list {
  display: block;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  height: auto;
  margin: 0;
  left: 0;
  top: 100%;
  z-index: 1000;
  padding: 0;
  border: inherit;
  border: var(--fsb-list-border);
  border-radius: inherit;
  border-radius: var(--fsb-list-radius);
  box-sizing: border-box;
  color: inherit;
  color: var(--fsb-list-color);
  background-color: inherit;
  background-color: var(--fsb-list-background);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  overflow: auto;
}

.fsb-top .fsb-list {
  top: auto;
  bottom: 100%;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
}

.fsb-button[aria-expanded=true] + .fsb-list {
  visibility: visible;
  opacity: 1;
}

.fsb-option {
  display: flex;
  align-items: center;
  padding: var(--fsb-padding);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fsb-option:focus {
  outline: none;
  color: var(--fsb-hover-color);
  background-color: var(--fsb-hover-background);
}

.fsb-resize {
  display: block;
  height: 0;
  padding-right: 14px;
  padding-right: calc(var(--fsb-arrow-padding) * 2 + var(--fsb-arrow-size) - var(--fsb-padding-right));
  box-sizing: border-box;
}

.fsb-resize > * {
  display: block;
}

.company-settings1 {
  font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;
}

.company-settings1 .main-container {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: row;
  padding: 1rem 0rem;
}

.company-settings1 .main-container .divv {
  margin: 2rem 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 1rem;
  box-sizing: border-box;
  padding: 1rem 1rem 0.25rem 1rem;
  transition: all 0.15s ease-in-out;
}

.company-settings1 .main-container .divv .mob-app-login-title {
  margin: 2px 0rem;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .mob-app-login-title h5 {
  font-weight: 200;
  margin: 5px 0rem 0rem 0rem;
  font-size: 0.9rem;
  color: grey;
}

.company-settings1 .main-container .divv .ok-panel {
  display: none;
  margin: 2px 0rem;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .ok-panel .ok-p {
  color: green;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0rem;
}

.company-settings1 .main-container .divv .warning-panel {
  display: none;
  margin: 2px 0rem;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .warning-panel .warning-p {
  color: red;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0rem;
}

.company-settings1 .main-container .divv .btns-cont {
  margin: 2px 0rem;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .btns-cont a {
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  color: #fff;
  background-color: #8f0e1f;
  border-color: #8f0e1f;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .btns-cont a:hover {
  color: #8f0e1f;
  background-color: white;
  border-color: #8f0e1f;
  font-weight: 600;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .general-submit-button {
  margin: 2px 0rem;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .general-submit-button button {
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  color: #fff;
  background-color: #8f0e1f;
  border-color: #8f0e1f;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .general-submit-button button:hover {
  color: #8f0e1f;
  background-color: white;
  border-color: #8f0e1f;
  font-weight: 600;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .mob-app-login-submit {
  margin: 2px 0rem;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .mob-app-login-submit button {
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  color: #fff;
  background-color: #8f0e1f;
  border-color: #8f0e1f;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .mob-app-login-submit .activated-mobile-login-button {
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  color: #fff;
  background-color: #8f0e1f;
  border-color: #8f0e1f;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .mob-app-login-submit .disabled-mobile-login-button {
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  color: #ddd;
  background-color: grey;
  border-color: #8f0e1f;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .mob-app-login-submit .activated-mobile-login-button:hover {
  color: #8f0e1f;
  background-color: white;
  border-color: #8f0e1f;
  font-weight: 600;
  transition: all 0.1s ease-in-out;
}

.company-settings1 .main-container .divv .head-cont {
  position: absolute;
  top: 0%;
  left: 24%;
  transform: translate(-50%, -50%);
  background-color: white;
  min-width: 15rem;
  text-align: center;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in-out;
}

.company-settings1 .main-container .divv .head-cont h3 {
  font-weight: 600;
  font-size: 1.4rem;
  color: #aaa;
}

.company-settings1 .main-container .divv .photo-profile {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  box-shadow: 0 0 0 5px rgba(0, 99, 144, 0.1), 0 0 0 10px rgba(0, 99, 144, 0.05);
  overflow: hidden;
}

.company-settings1 .main-container .divv .photo-profile img {
  max-height: 100%;
  max-width: 100%;
}

.company-settings1 .main-container .divv .items {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.company-settings1 .main-container .divv .items .short-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.company-settings1 .main-container .divv .items .short-item input {
  margin-left: 4px;
}

.company-settings1 .main-container .divv .items .short-item .short-p {
  margin-bottom: 0;
  margin-left: 5px;
  font-size: 10px;
  color: black;
  font-weight: 700;
}

.company-settings1 .main-container .divv .items .short-item .bull-square {
  font-size: 5px;
}

.company-settings1 .main-container .divv .items .yes-no-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.company-settings1 .main-container .divv .items .item {
  margin: 2px 0px;
  padding-left: 2rem;
}

.company-settings1 .main-container .divv .items .item label {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 9rem;
}

.company-settings1 .main-container .divv .items .item input {
  width: 100%;
  text-align: left;
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
}

.company-settings1 .main-container .divv .items .item input#expirationDate {
  width: 70%;
  text-align: left;
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
}

.company-settings1 .main-container .divv .items .item .companyShortName {
  width: 30%;
}

.company-settings1 .main-container .divv .items .item select {
  width: 70%;
  color: rgb(118, 118, 118);
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  border-color: #ccc;
  padding-left: 0.2rem;
  font-weight: 100;
  font-size: 0.85rem;
}

.company-settings1 .main-container .divv .items .item select option {
  font-weight: 100;
  font-size: 0.85rem;
}

.company-settings1 .main-container .divv .items .item .yes-no-select {
  width: 16%;
  margin-left: 98px;
}

.company-settings1 .main-container .divv .btns-cont {
  display: flex;
  flex-direction: row;
}

.company-settings1 .main-container .div-3 .items {
  margin-top: 0rem;
}

.company-settings1 .main-container .div-3 .items .item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.company-settings1 .main-container .div-3 .items .item input {
  margin-right: 0.5rem;
  transform: scale(0.75);
}

.company-settings1 .main-container .div-3 .items .item label {
  min-width: 10rem;
  margin-left: 3px;
}

.company-settings1 .main-container .div-3 .items .item input.check-input {
  width: 1rem;
}

.company-settings1 .main-container .div-3 .items .item input.typing-input {
  width: 60%;
  margin-left: 0.5rem;
}

.company-settings1 .main-container .div-4 {
  box-sizing: border-box;
  padding: 1.4rem 0rem;
}

.company-settings1 table th,
.company-settings1 table td {
  font-size: 14px;
  vertical-align: middle;
}

.photo-upload {
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10rem;
  box-shadow: 0 0 0 5px rgba(0, 99, 144, 0.1), 0 0 0 10px rgba(0, 99, 144, 0.05);
}

.photo-upload img {
  max-height: 100%;
  max-width: 100%;
}

.my-modal .pass-confirm-div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.my-modal .pass-confirm-div p {
  margin-bottom: 0rem;
  font-size: 0.8rem;
}

.my-modal .pass-confirm-div .p-pass-wrong {
  color: #8f0e1f;
}

.my-modal .pass-confirm-div .p-pass-ok {
  color: green;
}

.my-modal .pass-confirm-div .p-pass-empty {
  color: #222;
  font-weight: 600;
}

.my-modal .pass-wrong {
  display: none;
}

.my-modal .pass-ok {
  display: none;
}

.my-modal .pass-empty {
  display: none;
}

.my-modal .modal-header {
  display: flex;
  justify-content: center;
}

.my-modal .vali {
  display: flex;
  flex-direction: column;
}

.my-modal .vali .vali-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.my-modal .vali .vali-item .left-vali {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 5px 0px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}

.my-modal .vali .vali-item .left-vali i {
  background-color: #008000;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 8px;
}

.my-modal .vali .vali-item .left-vali .not-checked-yet {
  background-color: white;
  border: 1px solid #aaa;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaa;
  font-size: 8px;
}

.my-modal .vali .vali-item .p-cont {
  width: 50%;
  display: flex;
  flex-direction: row;
  font-size: 0.7rem;
}

.my-modal .vali .vali-item .p-cont p {
  margin-bottom: 3px;
  text-align: left;
  margin-left: 0rem !important;
  font-size: 0.85rem !important;
}

.my-modal .item {
  margin: 2px 0px;
  padding-left: 5px;
}

.my-modal .item label {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 9rem;
}

.my-modal .item input {
  width: 70%;
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
}

@media (min-width: 576px) {
  .my-modal .modal-dialog {
    max-width: 540px;
  }
}
.my-modal2 .modal-header {
  display: flex;
  justify-content: center;
}

.my-modal2 .modal-header .modal-title {
  font-weight: 600;
  font-size: 1.1rem;
  color: #333;
  margin-left: 3px;
}

.my-modal2 .item {
  margin: 2px 0px;
  padding-left: 5px;
}

.my-modal2 .item label {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 8rem;
}

.my-modal2 .item input {
  width: 50%;
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  border-color: #ccc;
  padding-left: 0.5rem;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.my-modal2 .submitPassword {
  padding: 0.25rem 0.8rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
}

.my-modal2 .submitPassword:hover {
  color: #dc3545;
  background-color: white;
  border-color: #dc3545;
  transition: all 0.1s ease-in-out;
}

.my-modal2 .close-changePassword {
  padding: 0.25rem 0.8rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  border-color: transparent;
  transition: all 0.1s ease-in-out;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.my-modal2 .close-changePassword:hover {
  transition: all 0.1s ease-in-out;
  color: #6c757d;
  background-color: white;
}

@media (min-width: 576px) {
  .my-modal2 .modal-dialog {
    max-width: 440px;
  }
}
.my-modal2 .modal-footer {
  border-top: unset;
  padding: 3px;
  padding-bottom: 10px;
}

.my-modal2 .inner-modal-footer {
  width: 30%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  margin-bottom: 0.3rem;
}

.my-modal2 .modal2-body {
  padding: 3px;
  padding-bottom: 0rem;
}

.my-modal2 .h6-container {
  display: flex;
  justify-content: center;
}

.my-modal2 .h6-container h6 {
  font-weight: 600;
  margin: 5px 0rem 0rem 0rem;
  font-size: 0.9rem;
  color: grey;
}

#submitButton {
  display: none;
}

#exampleModal .modal-header {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

#exampleModal .modal-header .modal-title {
  font-size: 1.1rem;
  color: #333;
}

#exampleModal .modal-footer {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

#exampleModal2 .modal-dialog {
  top: 30%;
}

#exampleModal2 .modal-content {
  position: relative;
}

#exampleModal2 .modal-header {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

#exampleModal2 .modal-footer {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

.company-settings1 .photo-profile {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  box-shadow: 0 0 0 5px rgba(0, 99, 144, 0.1), 0 0 0 10px rgba(0, 99, 144, 0.05);
  overflow: hidden;
}
.company-settings1 .photo-profile img {
  max-height: 100%;
  max-width: 100%;
}
.company-settings1 .card.h-100 {
  height: calc(100% - 1.5rem);
}
.company-settings1 .card .card-body {
  padding: 0.5rem 1rem 1rem;
}
.company-settings1 .row.first-view .view-1 {
  order: 1;
}
.company-settings1 .row.first-view .view-2 {
  order: 2;
}
.company-settings1 .row.first-view .view-3 {
  order: 3;
}
.company-settings1 .row.first-view .view-4 {
  order: 4;
}
.company-settings1 .row.first-view .view-5 {
  order: 5;
}
.company-settings1 .grid .card {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  width: calc(50% - 1.5rem);
  font-size: 1.25rem;
  box-sizing: border-box;
  height: calc(100% - 1.5rem);
}

.dataTables_wrapper {
  overflow-x: auto;
}

.company-individual .content {
  padding: 2rem 2rem 0;
}
.company-individual .content .photo {
  width: 120px;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.company-individual .content .name {
  font-size: 1.75rem;
  font-weight: bold;
  color: #8F0E1F;
}
.company-individual .content .disc {
  font-size: 1rem;
  text-align: start;
  color: #333;
  line-height: 1.7;
}
.company-individual .InfluencerName {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  padding: 2rem 3rem;
  border-radius: 0 0 1rem 1rem;
  margin-bottom: 2rem;
}
    .company-individual .InfluencerName h1 {
        font-size: 2rem;
        color: #0E8F63;
    }
.company-individual .InfluencerName .photo {
  width: 100px;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
}
.company-individual .InfluencerName h2 {
  font-size: 1.5rem;
  color: #8F0E1F;
}
.company-individual table th {
  background-color: #F9F9F9;
}
.company-individual table td {
  font-weight: bold;
  padding-inline-start: 1.5rem;
}
.company-individual .card {
  border-radius: 1.5rem;
  border: transparent;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1411764706);
}

.mobile-view-form {
  position: relative;
  width: 300px;
  margin: 0 auto;
}
.mobile-view-form .form-view {
  position: absolute;
  bottom: 75px;
  padding: 0 38px;
}
.mobile-view-form .form-view .form-label, .mobile-view-form .form-view label {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}
.mobile-view-form .form-view input {
  height: 33px;
}
.mobile-view-form .form-view input:focus {
  border-color: #8f0e1f;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(143, 14, 31, 0.25);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mobile-view-form {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile-view-form {
    width: 100%;
  }
}
.loading-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 150px);
  background-color: #f9f9f9;
}

.data-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 70px);
  background-color: #f9f9f9;
}
.data-not-found .photo {
  height: 220px;
}
.data-not-found .photo img {
  height: 100%;
}

.jstree-default .jstree-node {
  background-image: none !important;
}

.jstree-open .jstree-icon.jstree-ocl {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  background: none;
}
.jstree-open .jstree-icon.jstree-ocl:before {
  content: "\f105";
  color: rgba(143, 14, 31, 0.5490196078);
}
.jstree-open .jstree-icon .jstree-children {
  margin-inline-start: 0.75rem;
}
.jstree-open .jstree-leaf .jstree-ocl {
  display: none;
}

.jstree-closed .jstree-icon.jstree-ocl {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  background: none;
}
.jstree-closed .jstree-icon.jstree-ocl:before {
  content: "\f107";
  color: rgba(143, 14, 31, 0.5490196078);
}

#post_creator .jstree-icon.fa-ellipsis-v {
  display: none !important;
}

.importa-data .jstree-icon.fa-ellipsis-v {
  display: none !important;
}

.swal2-modal {
  padding: 0 0 1rem !important;
  border: 4px solid #8f0e1f;
}
.swal2-modal .swal2-title {
  font-size: 18px !important;
  margin: 0 0 2.75rem !important;
  padding: 1rem 0 1rem !important;
  background: #8f0e1f;
  color: #fff !important;
  position: relative;
  min-height: 50px;
}
.swal2-modal .swal2-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0%, calc(-50% - 1.5px));
  width: 35px;
  height: 35px;
  background-image: url(../images/logo-c-w.svg);
  background-size: contain;
}
.swal2-modal .swal2-content {
  font-size: 20px;
  margin-bottom: 1.5rem;
  padding: 0 1rem;
}
.swal2-modal .swal2-styled {
  padding: 5px 22px !important;
}

html[dir=rtl] .ps-2 {
  padding-inline-start: 0.5rem !important;
  padding-left: 0 !important;
}
@media (min-width: 992px) {
  html[dir=rtl] .ms-lg-5 {
    margin-right: 3rem !important;
  }
}
html[dir=rtl] .fa-arrow-right {
  transform: rotate(180deg);
}
html[dir=rtl] p {
  text-align: start;
}
html[dir=rtl] .counter-icon {
  right: auto !important;
  left: 35px !important;
  margin: 0 !important;
}
html[dir=rtl] .jstree-container-ul {
  text-align: start;
}
html[dir=rtl] .navbar .part4 .items .item3 {
  margin: 0rem 0.5rem 0rem 0;
}
html[dir=rtl] .navbar .part4 .items .item2 h5 {
  text-align: start;
}
html[dir=rtl] .importa-data .right-side .items-1 .btns-cont .btn-item-cont-1 .fa-arrow-class,
html[dir=rtl] .importa-data .right-side .items-1 .btns-cont .btn-item-cont-2 .fa-arrow-class {
  margin-right: 1rem;
  margin-left: 0;
}

.login-page[dir=rtl] .password-input i {
  right: auto;
  left: 1.5rem;
}
html[dir=rtl] .checks-box .form-check-label {
    margin-right: 2em !important;
}
/*# sourceMappingURL=style.css.map */
@media (max-width: 400px) {
    .chatAndMessage-page .sidebar {
        width: 120px;
        min-width: 120px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .chatAndMessage-page .chat {
        max-width: calc(100% - 120px);
    }
    .message-content {
        min-width: calc(100% - 35px) !important;
    }
    .sidebar-section{
        flex-direction: column;
    }
    .sender-first-char {
        width: 32px;
        min-width: 32px;
        height: 32px;
        line-height: 32px;
    }
    .senderlastMessage {
        width: 100% !important;
    }
    .senderName{
         font-size: 14px !important;
    }
    .images-row .media{
        width: 50% !important;
        max-height: 110px !important;
    }
    .download-link {
        font-size: 13px !important;
        padding: 6px 6px !important;
    }
}