@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;500;600;700;900&display=swap");
html {
  font-size: 10px; }
  @media (max-width: 1440px) {
    html {
      font-size: 9px; } }
  @media (max-width: 1199px) {
    html {
      font-size: 8px; } }
  @media (max-width: 767px) {
    html {
      font-size: 7px; } }
  @media (max-width: 375px) {
    html {
      font-size: 6px; } }
  @media (max-width: 325px) {
    html {
      font-size: 5px; } }

body {
  font-family: 'Lato', sans-serif !important; }

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
label,
address {
  margin: 0px;
  padding: 0px;
  list-style: none; }

img {
  -webkit-user-drag: none !important; }

a {
  text-decoration: none;
  -webkit-user-drag: none !important;
  outline: none; }
  a:focus {
    outline: none; }
  a:hover {
    text-decoration: none !important; }

button {
  outline: none !important; }
  button:focus {
    outline: none !important; }

.custom-radio-second.custom-radio {
  margin-left: 50px;
  padding-left: 30px; }
  .custom-radio-second.custom-radio.ml-3-ctm {
    margin-left: 30px; }
  .custom-radio-second.custom-radio .checkmark {
    top: 2px;
    left: 00px; }

.custom-radio-first.custom-radio {
  padding-left: 30px; }
  .custom-radio-first.custom-radio .checkmark {
    top: 3px;
    left: 0px; }

.custom-radio {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  line-height: unset;
  margin: 0;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */ }
  .custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none; }
  .custom-radio .checkmark {
    position: absolute;
    top: -.4rem;
    left: 5.5rem;
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #999; }
  .custom-radio:hover input ~ .checkmark {
    background-color: #eee; }
  .custom-radio input:checked ~ .checkmark {
    border: 1px solid #0eb2b3; }
  .custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .custom-radio input:checked ~ .checkmark:after {
    display: block; }
  .custom-radio .checkmark:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #0eb2b3; }
  .custom-radio .checkmark::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #999; }

.input-style label {
  font-size: 1.4rem;
  font-weight: 700;
  color: #656565;
  margin-bottom: 0.6rem; }
  .input-style label span {
    font-size: 1.4rem;
    line-height: 2rem;
    position: relative;
    top: 1px;
    padding: 0 .5rem; }

.input-style .ctm-input {
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
  height: 5rem;
  border-radius: 1rem;
  width: 100%;
  outline: none;
  border: none;
  padding: 2px 1.6rem;
  display: inline-block;
  -webkit-appearance: none !important; }
  @media (max-width: 425px) {
    .input-style .ctm-input {
      padding: 5px 2rem 2px; } }
  .input-style .ctm-input::-webkit-input-placeholder {
    font-weight: 400;
    color: rgba(153, 153, 153, 0.8); }
  .input-style .ctm-input:-ms-input-placeholder {
    font-weight: 400;
    color: rgba(153, 153, 153, 0.8); }
  .input-style .ctm-input::-ms-input-placeholder {
    font-weight: 400;
    color: rgba(153, 153, 153, 0.8); }
  .input-style .ctm-input::placeholder {
    font-weight: 400;
    color: rgba(153, 153, 153, 0.8); }

.input-style .ctm-textarea {
  font-size: 1.4rem;
  font-weight: 400;
  color: #656565;
  height: 9.0rem;
  border-radius: 0.8rem;
  width: 100%;
  outline: none;
  border: none;
  border: 1px solid #E8E8E8;
  padding: 1.5rem 2rem; }
  .input-style .ctm-textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #CCCCCC; }
  .input-style .ctm-textarea:-ms-input-placeholder {
    font-weight: 300;
    color: #CCCCCC; }
  .input-style .ctm-textarea::-ms-input-placeholder {
    font-weight: 300;
    color: #CCCCCC; }
  .input-style .ctm-textarea::placeholder {
    font-weight: 300;
    color: #CCCCCC; }

.input-style-ctm {
  margin-bottom: 15px;
  width: 100%;
}
  .input-style-ctm label {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 0.8rem; }
    .input-style-ctm label span {
      font-size: 1.4rem;
      line-height: 2rem;
      position: relative;
      top: 1px;
      padding: 0 .5rem; }
  .input-style-ctm .ctm-input {
    font-size: 16px;
    font-weight: 400;
    color: #111;
    height: 50px;
    border-radius: 10px;
    width: 100%;
    outline: none !important;
    border: none;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) !important;
    padding: 2px 1.6rem;
    display: inline-block;
    -webkit-appearance: none !important;
    }
    .input-style-ctm .ctm-input::-webkit-input-placeholder {
      font-weight: 400;
      color: #C1C1C1; }
    .input-style-ctm .ctm-input:-ms-input-placeholder {
      font-weight: 400;
      color: #999; }
    .input-style-ctm .ctm-input::-ms-input-placeholder {
      font-weight: 400;
      color: #999; }
    .input-style-ctm .ctm-input::placeholder {
      font-weight: 400;
      color: #999; }
  .input-style-ctm .ctm-textarea {
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    height: 15rem;
    border-radius: 1rem;
    width: 100%;
    outline: none;
    border: none;
    border: none;
    padding: 1.5rem 1.6rem;
    background: #eee; }
    .input-style-ctm .ctm-textarea::-webkit-input-placeholder {
      color: #999; }
    .input-style-ctm .ctm-textarea:-ms-input-placeholder {
      color: #999; }
    .input-style-ctm .ctm-textarea::-ms-input-placeholder {
      color: #999; }
    .input-style-ctm .ctm-textarea::placeholder {
      color: #999; }
  .input-style-ctm .type-pass-2 {
    position: relative; }
    .input-style-ctm .type-pass-2 .ctm-input {
      padding: 2px 5rem 2px 2rem; }
    .input-style-ctm .type-pass-2 .icon-eye-2 {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 1.6rem;
      height: 2rem;
      width: 2rem;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .input-style-ctm .type-pass-2 .icon-eye-2 .fa-eye {
        font-size: 1.6rem;
        color: #999999; }
  .input-style-ctm .type-pass {
    position: relative; }
    .input-style-ctm .type-pass .ctm-input {
      padding: 2px 6.5rem 2px 2rem; }
    .input-style-ctm .type-pass .icon-eye {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 1.6rem;
      height: 4rem;
      width: 4rem;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.custom-check {
  display: block;
  position: relative;
  padding-top: 1px;
  padding-left: 5.5rem;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4rem;
  font-weight: 700;
  color: #1C1C1C;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  .custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .custom-check .checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    border-radius: 0.8rem;
    height: 3rem;
    width: 3rem;
    background-color: #fff;
    border: 1px solid #0EB2B3; }
  .custom-check:hover input ~ .checkmark {
    background-color: #eee; }
  .custom-check input:checked ~ .checkmark {
    background-color: #fff; }
  .custom-check .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .custom-check input:checked ~ .checkmark:after {
    display: block; }
  .custom-check .checkmark:after {
    left: 1rem;
    top: 0.4rem;
    width: 0.8rem;
    height: 1.5rem;
    border: solid #0EB2B3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media (max-width: 575px) {
      .custom-check .checkmark:after {
        left: 0.5rem;
        top: 0.2rem;
        border-width: 0 2px 2px 0; } }

/* .input-style-ctm {
  margin-bottom: 1.6rem; } */
  .input-style-ctm .dropdown-menu.contc {
    border: none !important;
    border-radius: 1rem !important;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .input-style-ctm .drop-bottom .custom-btn {
    text-align: left;
    border: none;
    background: #eee;
    width: 100%;
    display: block;
    padding: 2px 1.6rem;
    font-size: 1.4rem;
    font-weight: 400 !important;
    overflow: hidden;
    min-height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #111;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .input-style-ctm .drop-bottom .custom-btn.bg-sett-drop {
      background: #fff;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important; }
      .input-style-ctm .drop-bottom .custom-btn.bg-sett-drop::after {
        border-top: 0.4rem solid #000; }
        @media (max-width: 575px) {
          .input-style-ctm .drop-bottom .custom-btn.bg-sett-drop::after {
            border-top: 0.6rem solid #000;
            border-right: 0.6rem solid transparent;
            border-bottom: 0;
            border-left: 0.6rem solid transparent; } }
    .input-style-ctm .drop-bottom .custom-btn::after {
      display: inline-block;
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 1.6rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-left: 0;
      border-top: 0.4rem solid #999999;
      border-right: 0.4rem solid transparent;
      border-bottom: 0;
      border-left: 0.4rem solid transparent; }
      @media (max-width: 768px) {
        .input-style-ctm .drop-bottom .custom-btn::after {
          border-top: 0.6rem solid #999999;
          border-right: 0.6rem solid transparent;
          border-bottom: 0;
          border-left: 0.6rem solid transparent;
          top: 56%; } }
      @media (max-width: 767px) {
        .input-style-ctm .drop-bottom .custom-btn::after {
          top: 55%; } }
  .input-style-ctm .set-border-feedback {
    border: none;
    border-radius: 1rem;
    margin-top: .5rem;
    overflow: auto; }
  .input-style-ctm .check-area-mt label {
    color: #999;
    font-weight: normal;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1rem;
    padding-left: 2rem;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-bottom: 0; }
    .input-style-ctm .check-area-mt label:last-of-type {
      margin-bottom: 0; }
    .input-style-ctm .check-area-mt label:hover {
      background: #0EB2B3;
      width: 100%;
      cursor: pointer;
      color: #fff; }
  .input-style-ctm .disp-hide .feedbackRadio {
    display: none; }
  .input-style-ctm .disp-hide .checkmark {
    display: none; }

/********************************************/
.phone-dropdown .input-rigister .custom-btn {
  background: #fff;
  width: 20rem;
  height: 4.5rem;
  font-size: 1.4rem;
  font-weight: 700 !important;
  overflow: hidden;
  min-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #150000;
  padding-left: 0rem;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none; }

.phone-dropdown .input-rigister .drop-bottom .dropdown-toggle::after {
  display: inline-block;
  vertical-align: 0.255em;
  border-right: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  position: absolute;
  right: 0rem !important;
  content: '\f107 ';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 2.5rem;
  color: #150000;
  top: 2.8rem; }

.phone-dropdown .input-rigister .contc {
  width: 20rem;
  margin-top: 2.5rem;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 00000029;
  box-shadow: 0px 3px 6px 00000029;
  border: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
  position: absolute;
  right: 0px !important;
    left: auto !important;
 }
 .phone-dropdown .input-rigister .contc .droplist{
  padding-left: 0;
 }
 .phone-dropdown .input-rigister .contc .droplist li .droplist-item{
  text-decoration: none;
 }
  @media (max-width: 1370px) {
    .phone-dropdown .input-rigister .contc {
      margin-top: 1.5rem; } }

.droplist {
  margin-bottom: 0; }
  .droplist li {
    width: 100%;
    text-align: center; }
    .droplist li .droplist-item {
      display: block;
      padding: 0.8rem 1rem;
      width: 100%;
      color: #111;
      font-size: 1.6rem;
      font-weight: 400;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s; }
      .droplist li .droplist-item:hover {
        background: #0EB2B3;
        color: #fff;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s; }
      .droplist li .droplist-item .settings-log-out {
        margin-right: 1rem;
        width: 1.6rem; }

.img-log-out {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 1.6rem;
  overflow: hidden;
 }
 .img-log-out img{
  width: 5rem;
  height: 5rem;
 }
.custom-ha {
  height: 4rem; }
  .custom-ha .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 20px; }
  .custom-ha .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
    color: #999999;
    width: 70px;
    height: 4rem;
    font-weight: 400; }
  .custom-ha .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F0EFEF;
    padding: 0px 10px;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem; }
  .custom-ha .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #999 transparent transparent transparent;
    position: absolute;
    top: 1.9rem;
    right: 1rem; }
    @media (max-width: 425px) {
      .custom-ha .select-styled:after {
        border: 3px solid transparent;
        border-color: #999 transparent transparent transparent; } }
  .custom-ha .select-styled:hover {
    background-color: #fafafa; }
  .custom-ha .select-styled:active,
  .custom-ha .select-styled.active {
    background-color: #f2f2f2;
    font-weight: 400; }
  .custom-ha .select-styled:active:after,
  .custom-ha .select-styled.active:after {
    top: 1.4rem;
    border-color: transparent transparent #1C1C1C transparent; }
    @media (max-width: 768px) {
      .custom-ha .select-styled:active:after,
      .custom-ha .select-styled.active:after {
        top: 1.1rem; } }
    @media (max-width: 425px) {
      .custom-ha .select-styled:active:after,
      .custom-ha .select-styled.active:after {
        top: 1rem; } }
  .custom-ha .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #F0EFEF;
    border-radius: 1rem; }
  .custom-ha .select-options li {
    margin: 0;
    padding: 10px 10px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    font-size: 1.4rem;
    font-weight: 400;
    color: #111; }
  .custom-ha .select-options li:hover {
    background: #0EB2B3;
    color: #fff; }
  .custom-ha .select-options li[rel="hide"] {
    display: none; }

.ctm-ha {
  /** Custom Select **/ }
  .ctm-ha .custom-select-wrapper {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .ctm-ha .custom-select-wrapper select {
    display: none; }
  .ctm-ha .custom-select {
    position: relative;
    display: contents; }
  .ctm-ha .custom-select-trigger {
    position: relative;
    display: block;
    width: 16.3rem;
    padding: 0 30px 0 20px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #656565;
    height: 4.4rem;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #999;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ctm-ha .custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 52%;
    right: 1.6rem;
    margin-top: -3px;
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0; }
  .ctm-ha .custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%); }
  .ctm-ha .custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 0 0;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    background: #fff;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    z-index: 9; }
  .ctm-ha .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .ctm-ha .option-hover:before {
    background: #f9f9f9; }
  .ctm-ha .custom-option {
    position: relative;
    display: block;
    padding: 1rem 22px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #656565;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; }
  .ctm-ha .custom-option:first-of-type {
    border-radius: 4px 4px 0 0; }
  .ctm-ha .custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px; }
  .ctm-ha .custom-option:hover,
  .ctm-ha .custom-option.selection {
    background: #0EB2B3;
    color: #fff; }

.ctm-ha .custom-select.opened .custom-select-trigger {
  font-weight: 400; }

.whole-search {
  width: 61.9rem; }
  @media (max-width: 768px) {
    .whole-search {
      width: 42rem; } }
  .whole-search .input-group {
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 1rem; }
    .whole-search .input-group .form-control {
      margin-bottom: 0;
      height: 5rem;
      padding: .5rem 1.6rem;
      border: none;
      background: transparent;
      border-radius: 1rem;
      font-size: 1.4rem;
      font-weight: 400;
      color: #999999; }
      .whole-search .input-group .form-control::-webkit-input-placeholder {
        color: rgba(153, 153, 153, 0.8); }
      .whole-search .input-group .form-control:-ms-input-placeholder {
        color: rgba(153, 153, 153, 0.8); }
      .whole-search .input-group .form-control::-ms-input-placeholder {
        color: rgba(153, 153, 153, 0.8); }
      .whole-search .input-group .form-control::placeholder {
        color: rgba(153, 153, 153, 0.8); }
      .whole-search .input-group .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none; }
    .whole-search .input-group .input-group-append .btn-success {
      width: 10.8rem;
      height: 5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-size: 1.8rem;
      color: #fff;
      font-weight: 500;
      border-radius: 1rem;
      background: #0EB2B3;
      border: none; }
      .whole-search .input-group .input-group-append .btn-success:hover {
        -webkit-transition: ease-in-out;
        -o-transition: ease-in-out;
        transition: ease-in-out;
        background: rgba(14, 178, 179, 0.8); }
      .whole-search .input-group .input-group-append .btn-success:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none; }

.bg-filter-box .input-style-ctm .ctm-input {
  background: #fff; }

.bg-filter-box .input-style-ctm .drop-bottom .custom-btn {
  background: #fff; }

.linkedadd.delete-modal .input-style-ctm .ctm-input.width-adjustment-append {
  width: 75%;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
  background: #fff; }

.linkedadd.delete-modal .input-style-ctm .box-shadow-sett {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  overflow: hidden; }

.linkedadd.delete-modal .input-style-ctm .input-group-append {
  height: 5rem;
  margin-left: 0;
  width: 25%;
  min-width: 25%; }
  .linkedadd.delete-modal .input-style-ctm .input-group-append .input-group-text {
    height: 100%;
    width: 100%;
    padding: 1rem;
    text-align: center;
    border: none;
    background: #eee;
    font-size: 1.4rem;
    color: #999;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light/Poppins-Light.ttf") format("truetype"), url("../fonts/Poppins-Light/Poppins-Light.svg#Poppins-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular/Poppins-Regular.otf") format("opentype"), url("../fonts/Poppins-Regular/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular/Poppins-Regular.svg#Poppins-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium/Poppins-Medium.ttf") format("truetype"), url("../fonts/Poppins-Medium/Poppins-Medium.svg#Poppins-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/Poppins-SemiBold/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal; }

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

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

.p-10 {
  padding: 10px !important; }

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

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

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

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

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

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

.m-10 {
  margin: 10px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-10 {
    padding: 10px !important; }
  .pt-lg-10 {
    padding-top: 10px !important; }
  .pb-lg-10 {
    padding-bottom: 10px !important; }
  .py-lg-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important; }
  .px-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .pl-lg-10 {
    padding-left: 10px !important; }
  .pr-lg-10 {
    padding-right: 10px !important; }
  .mp-lg-10 {
    margin: 10px !important; }
  .mt-lg-10 {
    margin-top: 10px !important; }
  .mb-lg-10 {
    margin-bottom: 10px !important; }
  .my-lg-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important; }
  .mx-lg-10 {
    margin-left: 10px !important;
    margin-right: 10px !important; }
  .ml-lg-10 {
    margin-left: 10px !important; }
  .mr-lg-10 {
    margin-right: 10px !important; } }

@media (min-width: 767px) {
  .p-md-10 {
    padding: 10px !important; }
  .pt-md-10 {
    padding-top: 10px !important; }
  .pb-md-10 {
    padding-bottom: 10px !important; }
  .py-md-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important; }
  .px-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .pl-md-10 {
    padding-left: 10px !important; }
  .pr-md-10 {
    padding-right: 10px !important; }
  .m-md-10 {
    margin: 10px !important; }
  .mt-md-10 {
    margin-top: 10px !important; }
  .mb-md-10 {
    margin-bottom: 10px !important; }
  .my-md-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important; }
  .mx-md-10 {
    margin-left: 10px !important;
    margin-right: 10px !important; }
  .ml-md-10 {
    margin-left: 10px !important; }
  .mr-md-10 {
    margin-right: 10px !important; } }

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

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

.p-11 {
  padding: 11px !important; }

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

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

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

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

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

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

.m-11 {
  margin: 11px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-11 {
    padding: 11px !important; }
  .pt-lg-11 {
    padding-top: 11px !important; }
  .pb-lg-11 {
    padding-bottom: 11px !important; }
  .py-lg-11 {
    padding-bottom: 11px !important;
    padding-top: 11px !important; }
  .px-lg-11 {
    padding-left: 11px !important;
    padding-right: 11px !important; }
  .pl-lg-11 {
    padding-left: 11px !important; }
  .pr-lg-11 {
    padding-right: 11px !important; }
  .mp-lg-11 {
    margin: 11px !important; }
  .mt-lg-11 {
    margin-top: 11px !important; }
  .mb-lg-11 {
    margin-bottom: 11px !important; }
  .my-lg-11 {
    margin-bottom: 11px !important;
    margin-top: 11px !important; }
  .mx-lg-11 {
    margin-left: 11px !important;
    margin-right: 11px !important; }
  .ml-lg-11 {
    margin-left: 11px !important; }
  .mr-lg-11 {
    margin-right: 11px !important; } }

@media (min-width: 767px) {
  .p-md-11 {
    padding: 11px !important; }
  .pt-md-11 {
    padding-top: 11px !important; }
  .pb-md-11 {
    padding-bottom: 11px !important; }
  .py-md-11 {
    padding-bottom: 11px !important;
    padding-top: 11px !important; }
  .px-md-11 {
    padding-left: 11px !important;
    padding-right: 11px !important; }
  .pl-md-11 {
    padding-left: 11px !important; }
  .pr-md-11 {
    padding-right: 11px !important; }
  .m-md-11 {
    margin: 11px !important; }
  .mt-md-11 {
    margin-top: 11px !important; }
  .mb-md-11 {
    margin-bottom: 11px !important; }
  .my-md-11 {
    margin-bottom: 11px !important;
    margin-top: 11px !important; }
  .mx-md-11 {
    margin-left: 11px !important;
    margin-right: 11px !important; }
  .ml-md-11 {
    margin-left: 11px !important; }
  .mr-md-11 {
    margin-right: 11px !important; } }

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

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

.p-12 {
  padding: 12px !important; }

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

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

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

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

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

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

.m-12 {
  margin: 12px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-12 {
    padding: 12px !important; }
  .pt-lg-12 {
    padding-top: 12px !important; }
  .pb-lg-12 {
    padding-bottom: 12px !important; }
  .py-lg-12 {
    padding-bottom: 12px !important;
    padding-top: 12px !important; }
  .px-lg-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; }
  .pl-lg-12 {
    padding-left: 12px !important; }
  .pr-lg-12 {
    padding-right: 12px !important; }
  .mp-lg-12 {
    margin: 12px !important; }
  .mt-lg-12 {
    margin-top: 12px !important; }
  .mb-lg-12 {
    margin-bottom: 12px !important; }
  .my-lg-12 {
    margin-bottom: 12px !important;
    margin-top: 12px !important; }
  .mx-lg-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; }
  .ml-lg-12 {
    margin-left: 12px !important; }
  .mr-lg-12 {
    margin-right: 12px !important; } }

@media (min-width: 767px) {
  .p-md-12 {
    padding: 12px !important; }
  .pt-md-12 {
    padding-top: 12px !important; }
  .pb-md-12 {
    padding-bottom: 12px !important; }
  .py-md-12 {
    padding-bottom: 12px !important;
    padding-top: 12px !important; }
  .px-md-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; }
  .pl-md-12 {
    padding-left: 12px !important; }
  .pr-md-12 {
    padding-right: 12px !important; }
  .m-md-12 {
    margin: 12px !important; }
  .mt-md-12 {
    margin-top: 12px !important; }
  .mb-md-12 {
    margin-bottom: 12px !important; }
  .my-md-12 {
    margin-bottom: 12px !important;
    margin-top: 12px !important; }
  .mx-md-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; }
  .ml-md-12 {
    margin-left: 12px !important; }
  .mr-md-12 {
    margin-right: 12px !important; } }

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

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

.p-13 {
  padding: 13px !important; }

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

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

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

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

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

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

.m-13 {
  margin: 13px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-13 {
    padding: 13px !important; }
  .pt-lg-13 {
    padding-top: 13px !important; }
  .pb-lg-13 {
    padding-bottom: 13px !important; }
  .py-lg-13 {
    padding-bottom: 13px !important;
    padding-top: 13px !important; }
  .px-lg-13 {
    padding-left: 13px !important;
    padding-right: 13px !important; }
  .pl-lg-13 {
    padding-left: 13px !important; }
  .pr-lg-13 {
    padding-right: 13px !important; }
  .mp-lg-13 {
    margin: 13px !important; }
  .mt-lg-13 {
    margin-top: 13px !important; }
  .mb-lg-13 {
    margin-bottom: 13px !important; }
  .my-lg-13 {
    margin-bottom: 13px !important;
    margin-top: 13px !important; }
  .mx-lg-13 {
    margin-left: 13px !important;
    margin-right: 13px !important; }
  .ml-lg-13 {
    margin-left: 13px !important; }
  .mr-lg-13 {
    margin-right: 13px !important; } }

@media (min-width: 767px) {
  .p-md-13 {
    padding: 13px !important; }
  .pt-md-13 {
    padding-top: 13px !important; }
  .pb-md-13 {
    padding-bottom: 13px !important; }
  .py-md-13 {
    padding-bottom: 13px !important;
    padding-top: 13px !important; }
  .px-md-13 {
    padding-left: 13px !important;
    padding-right: 13px !important; }
  .pl-md-13 {
    padding-left: 13px !important; }
  .pr-md-13 {
    padding-right: 13px !important; }
  .m-md-13 {
    margin: 13px !important; }
  .mt-md-13 {
    margin-top: 13px !important; }
  .mb-md-13 {
    margin-bottom: 13px !important; }
  .my-md-13 {
    margin-bottom: 13px !important;
    margin-top: 13px !important; }
  .mx-md-13 {
    margin-left: 13px !important;
    margin-right: 13px !important; }
  .ml-md-13 {
    margin-left: 13px !important; }
  .mr-md-13 {
    margin-right: 13px !important; } }

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

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

.p-14 {
  padding: 14px !important; }

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

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

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

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

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

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

.m-14 {
  margin: 14px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-14 {
    padding: 14px !important; }
  .pt-lg-14 {
    padding-top: 14px !important; }
  .pb-lg-14 {
    padding-bottom: 14px !important; }
  .py-lg-14 {
    padding-bottom: 14px !important;
    padding-top: 14px !important; }
  .px-lg-14 {
    padding-left: 14px !important;
    padding-right: 14px !important; }
  .pl-lg-14 {
    padding-left: 14px !important; }
  .pr-lg-14 {
    padding-right: 14px !important; }
  .mp-lg-14 {
    margin: 14px !important; }
  .mt-lg-14 {
    margin-top: 14px !important; }
  .mb-lg-14 {
    margin-bottom: 14px !important; }
  .my-lg-14 {
    margin-bottom: 14px !important;
    margin-top: 14px !important; }
  .mx-lg-14 {
    margin-left: 14px !important;
    margin-right: 14px !important; }
  .ml-lg-14 {
    margin-left: 14px !important; }
  .mr-lg-14 {
    margin-right: 14px !important; } }

@media (min-width: 767px) {
  .p-md-14 {
    padding: 14px !important; }
  .pt-md-14 {
    padding-top: 14px !important; }
  .pb-md-14 {
    padding-bottom: 14px !important; }
  .py-md-14 {
    padding-bottom: 14px !important;
    padding-top: 14px !important; }
  .px-md-14 {
    padding-left: 14px !important;
    padding-right: 14px !important; }
  .pl-md-14 {
    padding-left: 14px !important; }
  .pr-md-14 {
    padding-right: 14px !important; }
  .m-md-14 {
    margin: 14px !important; }
  .mt-md-14 {
    margin-top: 14px !important; }
  .mb-md-14 {
    margin-bottom: 14px !important; }
  .my-md-14 {
    margin-bottom: 14px !important;
    margin-top: 14px !important; }
  .mx-md-14 {
    margin-left: 14px !important;
    margin-right: 14px !important; }
  .ml-md-14 {
    margin-left: 14px !important; }
  .mr-md-14 {
    margin-right: 14px !important; } }

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

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

.p-15 {
  padding: 15px !important; }

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

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

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

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

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

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

.m-15 {
  margin: 15px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-15 {
    padding: 15px !important; }
  .pt-lg-15 {
    padding-top: 15px !important; }
  .pb-lg-15 {
    padding-bottom: 15px !important; }
  .py-lg-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important; }
  .px-lg-15 {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  .pl-lg-15 {
    padding-left: 15px !important; }
  .pr-lg-15 {
    padding-right: 15px !important; }
  .mp-lg-15 {
    margin: 15px !important; }
  .mt-lg-15 {
    margin-top: 15px !important; }
  .mb-lg-15 {
    margin-bottom: 15px !important; }
  .my-lg-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important; }
  .mx-lg-15 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .ml-lg-15 {
    margin-left: 15px !important; }
  .mr-lg-15 {
    margin-right: 15px !important; } }

@media (min-width: 767px) {
  .p-md-15 {
    padding: 15px !important; }
  .pt-md-15 {
    padding-top: 15px !important; }
  .pb-md-15 {
    padding-bottom: 15px !important; }
  .py-md-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important; }
  .px-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  .pl-md-15 {
    padding-left: 15px !important; }
  .pr-md-15 {
    padding-right: 15px !important; }
  .m-md-15 {
    margin: 15px !important; }
  .mt-md-15 {
    margin-top: 15px !important; }
  .mb-md-15 {
    margin-bottom: 15px !important; }
  .my-md-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important; }
  .mx-md-15 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .ml-md-15 {
    margin-left: 15px !important; }
  .mr-md-15 {
    margin-right: 15px !important; } }

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

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

.p-16 {
  padding: 16px !important; }

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

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

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

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

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

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

.m-16 {
  margin: 16px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-16 {
    padding: 16px !important; }
  .pt-lg-16 {
    padding-top: 16px !important; }
  .pb-lg-16 {
    padding-bottom: 16px !important; }
  .py-lg-16 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }
  .px-lg-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .pl-lg-16 {
    padding-left: 16px !important; }
  .pr-lg-16 {
    padding-right: 16px !important; }
  .mp-lg-16 {
    margin: 16px !important; }
  .mt-lg-16 {
    margin-top: 16px !important; }
  .mb-lg-16 {
    margin-bottom: 16px !important; }
  .my-lg-16 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }
  .mx-lg-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .ml-lg-16 {
    margin-left: 16px !important; }
  .mr-lg-16 {
    margin-right: 16px !important; } }

@media (min-width: 767px) {
  .p-md-16 {
    padding: 16px !important; }
  .pt-md-16 {
    padding-top: 16px !important; }
  .pb-md-16 {
    padding-bottom: 16px !important; }
  .py-md-16 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }
  .px-md-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .pl-md-16 {
    padding-left: 16px !important; }
  .pr-md-16 {
    padding-right: 16px !important; }
  .m-md-16 {
    margin: 16px !important; }
  .mt-md-16 {
    margin-top: 16px !important; }
  .mb-md-16 {
    margin-bottom: 16px !important; }
  .my-md-16 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }
  .mx-md-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .ml-md-16 {
    margin-left: 16px !important; }
  .mr-md-16 {
    margin-right: 16px !important; } }

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

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

.p-17 {
  padding: 17px !important; }

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

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

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

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

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

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

.m-17 {
  margin: 17px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-17 {
    padding: 17px !important; }
  .pt-lg-17 {
    padding-top: 17px !important; }
  .pb-lg-17 {
    padding-bottom: 17px !important; }
  .py-lg-17 {
    padding-bottom: 17px !important;
    padding-top: 17px !important; }
  .px-lg-17 {
    padding-left: 17px !important;
    padding-right: 17px !important; }
  .pl-lg-17 {
    padding-left: 17px !important; }
  .pr-lg-17 {
    padding-right: 17px !important; }
  .mp-lg-17 {
    margin: 17px !important; }
  .mt-lg-17 {
    margin-top: 17px !important; }
  .mb-lg-17 {
    margin-bottom: 17px !important; }
  .my-lg-17 {
    margin-bottom: 17px !important;
    margin-top: 17px !important; }
  .mx-lg-17 {
    margin-left: 17px !important;
    margin-right: 17px !important; }
  .ml-lg-17 {
    margin-left: 17px !important; }
  .mr-lg-17 {
    margin-right: 17px !important; } }

@media (min-width: 767px) {
  .p-md-17 {
    padding: 17px !important; }
  .pt-md-17 {
    padding-top: 17px !important; }
  .pb-md-17 {
    padding-bottom: 17px !important; }
  .py-md-17 {
    padding-bottom: 17px !important;
    padding-top: 17px !important; }
  .px-md-17 {
    padding-left: 17px !important;
    padding-right: 17px !important; }
  .pl-md-17 {
    padding-left: 17px !important; }
  .pr-md-17 {
    padding-right: 17px !important; }
  .m-md-17 {
    margin: 17px !important; }
  .mt-md-17 {
    margin-top: 17px !important; }
  .mb-md-17 {
    margin-bottom: 17px !important; }
  .my-md-17 {
    margin-bottom: 17px !important;
    margin-top: 17px !important; }
  .mx-md-17 {
    margin-left: 17px !important;
    margin-right: 17px !important; }
  .ml-md-17 {
    margin-left: 17px !important; }
  .mr-md-17 {
    margin-right: 17px !important; } }

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

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

.p-18 {
  padding: 18px !important; }

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

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

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

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

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

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

.m-18 {
  margin: 18px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-18 {
    padding: 18px !important; }
  .pt-lg-18 {
    padding-top: 18px !important; }
  .pb-lg-18 {
    padding-bottom: 18px !important; }
  .py-lg-18 {
    padding-bottom: 18px !important;
    padding-top: 18px !important; }
  .px-lg-18 {
    padding-left: 18px !important;
    padding-right: 18px !important; }
  .pl-lg-18 {
    padding-left: 18px !important; }
  .pr-lg-18 {
    padding-right: 18px !important; }
  .mp-lg-18 {
    margin: 18px !important; }
  .mt-lg-18 {
    margin-top: 18px !important; }
  .mb-lg-18 {
    margin-bottom: 18px !important; }
  .my-lg-18 {
    margin-bottom: 18px !important;
    margin-top: 18px !important; }
  .mx-lg-18 {
    margin-left: 18px !important;
    margin-right: 18px !important; }
  .ml-lg-18 {
    margin-left: 18px !important; }
  .mr-lg-18 {
    margin-right: 18px !important; } }

@media (min-width: 767px) {
  .p-md-18 {
    padding: 18px !important; }
  .pt-md-18 {
    padding-top: 18px !important; }
  .pb-md-18 {
    padding-bottom: 18px !important; }
  .py-md-18 {
    padding-bottom: 18px !important;
    padding-top: 18px !important; }
  .px-md-18 {
    padding-left: 18px !important;
    padding-right: 18px !important; }
  .pl-md-18 {
    padding-left: 18px !important; }
  .pr-md-18 {
    padding-right: 18px !important; }
  .m-md-18 {
    margin: 18px !important; }
  .mt-md-18 {
    margin-top: 18px !important; }
  .mb-md-18 {
    margin-bottom: 18px !important; }
  .my-md-18 {
    margin-bottom: 18px !important;
    margin-top: 18px !important; }
  .mx-md-18 {
    margin-left: 18px !important;
    margin-right: 18px !important; }
  .ml-md-18 {
    margin-left: 18px !important; }
  .mr-md-18 {
    margin-right: 18px !important; } }

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

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

.p-19 {
  padding: 19px !important; }

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

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

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

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

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

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

.m-19 {
  margin: 19px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-19 {
    padding: 19px !important; }
  .pt-lg-19 {
    padding-top: 19px !important; }
  .pb-lg-19 {
    padding-bottom: 19px !important; }
  .py-lg-19 {
    padding-bottom: 19px !important;
    padding-top: 19px !important; }
  .px-lg-19 {
    padding-left: 19px !important;
    padding-right: 19px !important; }
  .pl-lg-19 {
    padding-left: 19px !important; }
  .pr-lg-19 {
    padding-right: 19px !important; }
  .mp-lg-19 {
    margin: 19px !important; }
  .mt-lg-19 {
    margin-top: 19px !important; }
  .mb-lg-19 {
    margin-bottom: 19px !important; }
  .my-lg-19 {
    margin-bottom: 19px !important;
    margin-top: 19px !important; }
  .mx-lg-19 {
    margin-left: 19px !important;
    margin-right: 19px !important; }
  .ml-lg-19 {
    margin-left: 19px !important; }
  .mr-lg-19 {
    margin-right: 19px !important; } }

@media (min-width: 767px) {
  .p-md-19 {
    padding: 19px !important; }
  .pt-md-19 {
    padding-top: 19px !important; }
  .pb-md-19 {
    padding-bottom: 19px !important; }
  .py-md-19 {
    padding-bottom: 19px !important;
    padding-top: 19px !important; }
  .px-md-19 {
    padding-left: 19px !important;
    padding-right: 19px !important; }
  .pl-md-19 {
    padding-left: 19px !important; }
  .pr-md-19 {
    padding-right: 19px !important; }
  .m-md-19 {
    margin: 19px !important; }
  .mt-md-19 {
    margin-top: 19px !important; }
  .mb-md-19 {
    margin-bottom: 19px !important; }
  .my-md-19 {
    margin-bottom: 19px !important;
    margin-top: 19px !important; }
  .mx-md-19 {
    margin-left: 19px !important;
    margin-right: 19px !important; }
  .ml-md-19 {
    margin-left: 19px !important; }
  .mr-md-19 {
    margin-right: 19px !important; } }

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

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

.p-20 {
  padding: 20px !important; }

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

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

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

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

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

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

.m-20 {
  margin: 20px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-20 {
    padding: 20px !important; }
  .pt-lg-20 {
    padding-top: 20px !important; }
  .pb-lg-20 {
    padding-bottom: 20px !important; }
  .py-lg-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important; }
  .px-lg-20 {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .pl-lg-20 {
    padding-left: 20px !important; }
  .pr-lg-20 {
    padding-right: 20px !important; }
  .mp-lg-20 {
    margin: 20px !important; }
  .mt-lg-20 {
    margin-top: 20px !important; }
  .mb-lg-20 {
    margin-bottom: 20px !important; }
  .my-lg-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important; }
  .mx-lg-20 {
    margin-left: 20px !important;
    margin-right: 20px !important; }
  .ml-lg-20 {
    margin-left: 20px !important; }
  .mr-lg-20 {
    margin-right: 20px !important; } }

@media (min-width: 767px) {
  .p-md-20 {
    padding: 20px !important; }
  .pt-md-20 {
    padding-top: 20px !important; }
  .pb-md-20 {
    padding-bottom: 20px !important; }
  .py-md-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important; }
  .px-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .pl-md-20 {
    padding-left: 20px !important; }
  .pr-md-20 {
    padding-right: 20px !important; }
  .m-md-20 {
    margin: 20px !important; }
  .mt-md-20 {
    margin-top: 20px !important; }
  .mb-md-20 {
    margin-bottom: 20px !important; }
  .my-md-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important; }
  .mx-md-20 {
    margin-left: 20px !important;
    margin-right: 20px !important; }
  .ml-md-20 {
    margin-left: 20px !important; }
  .mr-md-20 {
    margin-right: 20px !important; } }

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

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

.p-21 {
  padding: 21px !important; }

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

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

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

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

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

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

.m-21 {
  margin: 21px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-21 {
    padding: 21px !important; }
  .pt-lg-21 {
    padding-top: 21px !important; }
  .pb-lg-21 {
    padding-bottom: 21px !important; }
  .py-lg-21 {
    padding-bottom: 21px !important;
    padding-top: 21px !important; }
  .px-lg-21 {
    padding-left: 21px !important;
    padding-right: 21px !important; }
  .pl-lg-21 {
    padding-left: 21px !important; }
  .pr-lg-21 {
    padding-right: 21px !important; }
  .mp-lg-21 {
    margin: 21px !important; }
  .mt-lg-21 {
    margin-top: 21px !important; }
  .mb-lg-21 {
    margin-bottom: 21px !important; }
  .my-lg-21 {
    margin-bottom: 21px !important;
    margin-top: 21px !important; }
  .mx-lg-21 {
    margin-left: 21px !important;
    margin-right: 21px !important; }
  .ml-lg-21 {
    margin-left: 21px !important; }
  .mr-lg-21 {
    margin-right: 21px !important; } }

@media (min-width: 767px) {
  .p-md-21 {
    padding: 21px !important; }
  .pt-md-21 {
    padding-top: 21px !important; }
  .pb-md-21 {
    padding-bottom: 21px !important; }
  .py-md-21 {
    padding-bottom: 21px !important;
    padding-top: 21px !important; }
  .px-md-21 {
    padding-left: 21px !important;
    padding-right: 21px !important; }
  .pl-md-21 {
    padding-left: 21px !important; }
  .pr-md-21 {
    padding-right: 21px !important; }
  .m-md-21 {
    margin: 21px !important; }
  .mt-md-21 {
    margin-top: 21px !important; }
  .mb-md-21 {
    margin-bottom: 21px !important; }
  .my-md-21 {
    margin-bottom: 21px !important;
    margin-top: 21px !important; }
  .mx-md-21 {
    margin-left: 21px !important;
    margin-right: 21px !important; }
  .ml-md-21 {
    margin-left: 21px !important; }
  .mr-md-21 {
    margin-right: 21px !important; } }

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

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

.p-22 {
  padding: 22px !important; }

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

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

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

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

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

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

.m-22 {
  margin: 22px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-22 {
    padding: 22px !important; }
  .pt-lg-22 {
    padding-top: 22px !important; }
  .pb-lg-22 {
    padding-bottom: 22px !important; }
  .py-lg-22 {
    padding-bottom: 22px !important;
    padding-top: 22px !important; }
  .px-lg-22 {
    padding-left: 22px !important;
    padding-right: 22px !important; }
  .pl-lg-22 {
    padding-left: 22px !important; }
  .pr-lg-22 {
    padding-right: 22px !important; }
  .mp-lg-22 {
    margin: 22px !important; }
  .mt-lg-22 {
    margin-top: 22px !important; }
  .mb-lg-22 {
    margin-bottom: 22px !important; }
  .my-lg-22 {
    margin-bottom: 22px !important;
    margin-top: 22px !important; }
  .mx-lg-22 {
    margin-left: 22px !important;
    margin-right: 22px !important; }
  .ml-lg-22 {
    margin-left: 22px !important; }
  .mr-lg-22 {
    margin-right: 22px !important; } }

@media (min-width: 767px) {
  .p-md-22 {
    padding: 22px !important; }
  .pt-md-22 {
    padding-top: 22px !important; }
  .pb-md-22 {
    padding-bottom: 22px !important; }
  .py-md-22 {
    padding-bottom: 22px !important;
    padding-top: 22px !important; }
  .px-md-22 {
    padding-left: 22px !important;
    padding-right: 22px !important; }
  .pl-md-22 {
    padding-left: 22px !important; }
  .pr-md-22 {
    padding-right: 22px !important; }
  .m-md-22 {
    margin: 22px !important; }
  .mt-md-22 {
    margin-top: 22px !important; }
  .mb-md-22 {
    margin-bottom: 22px !important; }
  .my-md-22 {
    margin-bottom: 22px !important;
    margin-top: 22px !important; }
  .mx-md-22 {
    margin-left: 22px !important;
    margin-right: 22px !important; }
  .ml-md-22 {
    margin-left: 22px !important; }
  .mr-md-22 {
    margin-right: 22px !important; } }

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

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

.p-23 {
  padding: 23px !important; }

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

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

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

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

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

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

.m-23 {
  margin: 23px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-23 {
    padding: 23px !important; }
  .pt-lg-23 {
    padding-top: 23px !important; }
  .pb-lg-23 {
    padding-bottom: 23px !important; }
  .py-lg-23 {
    padding-bottom: 23px !important;
    padding-top: 23px !important; }
  .px-lg-23 {
    padding-left: 23px !important;
    padding-right: 23px !important; }
  .pl-lg-23 {
    padding-left: 23px !important; }
  .pr-lg-23 {
    padding-right: 23px !important; }
  .mp-lg-23 {
    margin: 23px !important; }
  .mt-lg-23 {
    margin-top: 23px !important; }
  .mb-lg-23 {
    margin-bottom: 23px !important; }
  .my-lg-23 {
    margin-bottom: 23px !important;
    margin-top: 23px !important; }
  .mx-lg-23 {
    margin-left: 23px !important;
    margin-right: 23px !important; }
  .ml-lg-23 {
    margin-left: 23px !important; }
  .mr-lg-23 {
    margin-right: 23px !important; } }

@media (min-width: 767px) {
  .p-md-23 {
    padding: 23px !important; }
  .pt-md-23 {
    padding-top: 23px !important; }
  .pb-md-23 {
    padding-bottom: 23px !important; }
  .py-md-23 {
    padding-bottom: 23px !important;
    padding-top: 23px !important; }
  .px-md-23 {
    padding-left: 23px !important;
    padding-right: 23px !important; }
  .pl-md-23 {
    padding-left: 23px !important; }
  .pr-md-23 {
    padding-right: 23px !important; }
  .m-md-23 {
    margin: 23px !important; }
  .mt-md-23 {
    margin-top: 23px !important; }
  .mb-md-23 {
    margin-bottom: 23px !important; }
  .my-md-23 {
    margin-bottom: 23px !important;
    margin-top: 23px !important; }
  .mx-md-23 {
    margin-left: 23px !important;
    margin-right: 23px !important; }
  .ml-md-23 {
    margin-left: 23px !important; }
  .mr-md-23 {
    margin-right: 23px !important; } }

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

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

.p-24 {
  padding: 24px !important; }

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

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

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

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

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

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

.m-24 {
  margin: 24px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-24 {
    padding: 24px !important; }
  .pt-lg-24 {
    padding-top: 24px !important; }
  .pb-lg-24 {
    padding-bottom: 24px !important; }
  .py-lg-24 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }
  .px-lg-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .pl-lg-24 {
    padding-left: 24px !important; }
  .pr-lg-24 {
    padding-right: 24px !important; }
  .mp-lg-24 {
    margin: 24px !important; }
  .mt-lg-24 {
    margin-top: 24px !important; }
  .mb-lg-24 {
    margin-bottom: 24px !important; }
  .my-lg-24 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }
  .mx-lg-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .ml-lg-24 {
    margin-left: 24px !important; }
  .mr-lg-24 {
    margin-right: 24px !important; } }

@media (min-width: 767px) {
  .p-md-24 {
    padding: 24px !important; }
  .pt-md-24 {
    padding-top: 24px !important; }
  .pb-md-24 {
    padding-bottom: 24px !important; }
  .py-md-24 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }
  .px-md-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .pl-md-24 {
    padding-left: 24px !important; }
  .pr-md-24 {
    padding-right: 24px !important; }
  .m-md-24 {
    margin: 24px !important; }
  .mt-md-24 {
    margin-top: 24px !important; }
  .mb-md-24 {
    margin-bottom: 24px !important; }
  .my-md-24 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }
  .mx-md-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .ml-md-24 {
    margin-left: 24px !important; }
  .mr-md-24 {
    margin-right: 24px !important; } }

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

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

.p-25 {
  padding: 25px !important; }

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

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

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

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

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

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

.m-25 {
  margin: 25px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-25 {
    padding: 25px !important; }
  .pt-lg-25 {
    padding-top: 25px !important; }
  .pb-lg-25 {
    padding-bottom: 25px !important; }
  .py-lg-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important; }
  .px-lg-25 {
    padding-left: 25px !important;
    padding-right: 25px !important; }
  .pl-lg-25 {
    padding-left: 25px !important; }
  .pr-lg-25 {
    padding-right: 25px !important; }
  .mp-lg-25 {
    margin: 25px !important; }
  .mt-lg-25 {
    margin-top: 25px !important; }
  .mb-lg-25 {
    margin-bottom: 25px !important; }
  .my-lg-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important; }
  .mx-lg-25 {
    margin-left: 25px !important;
    margin-right: 25px !important; }
  .ml-lg-25 {
    margin-left: 25px !important; }
  .mr-lg-25 {
    margin-right: 25px !important; } }

@media (min-width: 767px) {
  .p-md-25 {
    padding: 25px !important; }
  .pt-md-25 {
    padding-top: 25px !important; }
  .pb-md-25 {
    padding-bottom: 25px !important; }
  .py-md-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important; }
  .px-md-25 {
    padding-left: 25px !important;
    padding-right: 25px !important; }
  .pl-md-25 {
    padding-left: 25px !important; }
  .pr-md-25 {
    padding-right: 25px !important; }
  .m-md-25 {
    margin: 25px !important; }
  .mt-md-25 {
    margin-top: 25px !important; }
  .mb-md-25 {
    margin-bottom: 25px !important; }
  .my-md-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important; }
  .mx-md-25 {
    margin-left: 25px !important;
    margin-right: 25px !important; }
  .ml-md-25 {
    margin-left: 25px !important; }
  .mr-md-25 {
    margin-right: 25px !important; } }

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

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

.p-26 {
  padding: 26px !important; }

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

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

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

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

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

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

.m-26 {
  margin: 26px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-26 {
    padding: 26px !important; }
  .pt-lg-26 {
    padding-top: 26px !important; }
  .pb-lg-26 {
    padding-bottom: 26px !important; }
  .py-lg-26 {
    padding-bottom: 26px !important;
    padding-top: 26px !important; }
  .px-lg-26 {
    padding-left: 26px !important;
    padding-right: 26px !important; }
  .pl-lg-26 {
    padding-left: 26px !important; }
  .pr-lg-26 {
    padding-right: 26px !important; }
  .mp-lg-26 {
    margin: 26px !important; }
  .mt-lg-26 {
    margin-top: 26px !important; }
  .mb-lg-26 {
    margin-bottom: 26px !important; }
  .my-lg-26 {
    margin-bottom: 26px !important;
    margin-top: 26px !important; }
  .mx-lg-26 {
    margin-left: 26px !important;
    margin-right: 26px !important; }
  .ml-lg-26 {
    margin-left: 26px !important; }
  .mr-lg-26 {
    margin-right: 26px !important; } }

@media (min-width: 767px) {
  .p-md-26 {
    padding: 26px !important; }
  .pt-md-26 {
    padding-top: 26px !important; }
  .pb-md-26 {
    padding-bottom: 26px !important; }
  .py-md-26 {
    padding-bottom: 26px !important;
    padding-top: 26px !important; }
  .px-md-26 {
    padding-left: 26px !important;
    padding-right: 26px !important; }
  .pl-md-26 {
    padding-left: 26px !important; }
  .pr-md-26 {
    padding-right: 26px !important; }
  .m-md-26 {
    margin: 26px !important; }
  .mt-md-26 {
    margin-top: 26px !important; }
  .mb-md-26 {
    margin-bottom: 26px !important; }
  .my-md-26 {
    margin-bottom: 26px !important;
    margin-top: 26px !important; }
  .mx-md-26 {
    margin-left: 26px !important;
    margin-right: 26px !important; }
  .ml-md-26 {
    margin-left: 26px !important; }
  .mr-md-26 {
    margin-right: 26px !important; } }

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

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

.p-27 {
  padding: 27px !important; }

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

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

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

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

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

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

.m-27 {
  margin: 27px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-27 {
    padding: 27px !important; }
  .pt-lg-27 {
    padding-top: 27px !important; }
  .pb-lg-27 {
    padding-bottom: 27px !important; }
  .py-lg-27 {
    padding-bottom: 27px !important;
    padding-top: 27px !important; }
  .px-lg-27 {
    padding-left: 27px !important;
    padding-right: 27px !important; }
  .pl-lg-27 {
    padding-left: 27px !important; }
  .pr-lg-27 {
    padding-right: 27px !important; }
  .mp-lg-27 {
    margin: 27px !important; }
  .mt-lg-27 {
    margin-top: 27px !important; }
  .mb-lg-27 {
    margin-bottom: 27px !important; }
  .my-lg-27 {
    margin-bottom: 27px !important;
    margin-top: 27px !important; }
  .mx-lg-27 {
    margin-left: 27px !important;
    margin-right: 27px !important; }
  .ml-lg-27 {
    margin-left: 27px !important; }
  .mr-lg-27 {
    margin-right: 27px !important; } }

@media (min-width: 767px) {
  .p-md-27 {
    padding: 27px !important; }
  .pt-md-27 {
    padding-top: 27px !important; }
  .pb-md-27 {
    padding-bottom: 27px !important; }
  .py-md-27 {
    padding-bottom: 27px !important;
    padding-top: 27px !important; }
  .px-md-27 {
    padding-left: 27px !important;
    padding-right: 27px !important; }
  .pl-md-27 {
    padding-left: 27px !important; }
  .pr-md-27 {
    padding-right: 27px !important; }
  .m-md-27 {
    margin: 27px !important; }
  .mt-md-27 {
    margin-top: 27px !important; }
  .mb-md-27 {
    margin-bottom: 27px !important; }
  .my-md-27 {
    margin-bottom: 27px !important;
    margin-top: 27px !important; }
  .mx-md-27 {
    margin-left: 27px !important;
    margin-right: 27px !important; }
  .ml-md-27 {
    margin-left: 27px !important; }
  .mr-md-27 {
    margin-right: 27px !important; } }

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

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

.p-28 {
  padding: 28px !important; }

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

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

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

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

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

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

.m-28 {
  margin: 28px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-28 {
    padding: 28px !important; }
  .pt-lg-28 {
    padding-top: 28px !important; }
  .pb-lg-28 {
    padding-bottom: 28px !important; }
  .py-lg-28 {
    padding-bottom: 28px !important;
    padding-top: 28px !important; }
  .px-lg-28 {
    padding-left: 28px !important;
    padding-right: 28px !important; }
  .pl-lg-28 {
    padding-left: 28px !important; }
  .pr-lg-28 {
    padding-right: 28px !important; }
  .mp-lg-28 {
    margin: 28px !important; }
  .mt-lg-28 {
    margin-top: 28px !important; }
  .mb-lg-28 {
    margin-bottom: 28px !important; }
  .my-lg-28 {
    margin-bottom: 28px !important;
    margin-top: 28px !important; }
  .mx-lg-28 {
    margin-left: 28px !important;
    margin-right: 28px !important; }
  .ml-lg-28 {
    margin-left: 28px !important; }
  .mr-lg-28 {
    margin-right: 28px !important; } }

@media (min-width: 767px) {
  .p-md-28 {
    padding: 28px !important; }
  .pt-md-28 {
    padding-top: 28px !important; }
  .pb-md-28 {
    padding-bottom: 28px !important; }
  .py-md-28 {
    padding-bottom: 28px !important;
    padding-top: 28px !important; }
  .px-md-28 {
    padding-left: 28px !important;
    padding-right: 28px !important; }
  .pl-md-28 {
    padding-left: 28px !important; }
  .pr-md-28 {
    padding-right: 28px !important; }
  .m-md-28 {
    margin: 28px !important; }
  .mt-md-28 {
    margin-top: 28px !important; }
  .mb-md-28 {
    margin-bottom: 28px !important; }
  .my-md-28 {
    margin-bottom: 28px !important;
    margin-top: 28px !important; }
  .mx-md-28 {
    margin-left: 28px !important;
    margin-right: 28px !important; }
  .ml-md-28 {
    margin-left: 28px !important; }
  .mr-md-28 {
    margin-right: 28px !important; } }

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

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

.p-29 {
  padding: 29px !important; }

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

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

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

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

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

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

.m-29 {
  margin: 29px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-29 {
    padding: 29px !important; }
  .pt-lg-29 {
    padding-top: 29px !important; }
  .pb-lg-29 {
    padding-bottom: 29px !important; }
  .py-lg-29 {
    padding-bottom: 29px !important;
    padding-top: 29px !important; }
  .px-lg-29 {
    padding-left: 29px !important;
    padding-right: 29px !important; }
  .pl-lg-29 {
    padding-left: 29px !important; }
  .pr-lg-29 {
    padding-right: 29px !important; }
  .mp-lg-29 {
    margin: 29px !important; }
  .mt-lg-29 {
    margin-top: 29px !important; }
  .mb-lg-29 {
    margin-bottom: 29px !important; }
  .my-lg-29 {
    margin-bottom: 29px !important;
    margin-top: 29px !important; }
  .mx-lg-29 {
    margin-left: 29px !important;
    margin-right: 29px !important; }
  .ml-lg-29 {
    margin-left: 29px !important; }
  .mr-lg-29 {
    margin-right: 29px !important; } }

@media (min-width: 767px) {
  .p-md-29 {
    padding: 29px !important; }
  .pt-md-29 {
    padding-top: 29px !important; }
  .pb-md-29 {
    padding-bottom: 29px !important; }
  .py-md-29 {
    padding-bottom: 29px !important;
    padding-top: 29px !important; }
  .px-md-29 {
    padding-left: 29px !important;
    padding-right: 29px !important; }
  .pl-md-29 {
    padding-left: 29px !important; }
  .pr-md-29 {
    padding-right: 29px !important; }
  .m-md-29 {
    margin: 29px !important; }
  .mt-md-29 {
    margin-top: 29px !important; }
  .mb-md-29 {
    margin-bottom: 29px !important; }
  .my-md-29 {
    margin-bottom: 29px !important;
    margin-top: 29px !important; }
  .mx-md-29 {
    margin-left: 29px !important;
    margin-right: 29px !important; }
  .ml-md-29 {
    margin-left: 29px !important; }
  .mr-md-29 {
    margin-right: 29px !important; } }

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

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

.p-30 {
  padding: 30px !important; }

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

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

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

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

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

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

.m-30 {
  margin: 30px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-30 {
    padding: 30px !important; }
  .pt-lg-30 {
    padding-top: 30px !important; }
  .pb-lg-30 {
    padding-bottom: 30px !important; }
  .py-lg-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important; }
  .px-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important; }
  .pl-lg-30 {
    padding-left: 30px !important; }
  .pr-lg-30 {
    padding-right: 30px !important; }
  .mp-lg-30 {
    margin: 30px !important; }
  .mt-lg-30 {
    margin-top: 30px !important; }
  .mb-lg-30 {
    margin-bottom: 30px !important; }
  .my-lg-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important; }
  .mx-lg-30 {
    margin-left: 30px !important;
    margin-right: 30px !important; }
  .ml-lg-30 {
    margin-left: 30px !important; }
  .mr-lg-30 {
    margin-right: 30px !important; } }

@media (min-width: 767px) {
  .p-md-30 {
    padding: 30px !important; }
  .pt-md-30 {
    padding-top: 30px !important; }
  .pb-md-30 {
    padding-bottom: 30px !important; }
  .py-md-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important; }
  .px-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important; }
  .pl-md-30 {
    padding-left: 30px !important; }
  .pr-md-30 {
    padding-right: 30px !important; }
  .m-md-30 {
    margin: 30px !important; }
  .mt-md-30 {
    margin-top: 30px !important; }
  .mb-md-30 {
    margin-bottom: 30px !important; }
  .my-md-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important; }
  .mx-md-30 {
    margin-left: 30px !important;
    margin-right: 30px !important; }
  .ml-md-30 {
    margin-left: 30px !important; }
  .mr-md-30 {
    margin-right: 30px !important; } }

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

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

.p-31 {
  padding: 31px !important; }

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

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

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

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

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

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

.m-31 {
  margin: 31px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-31 {
    padding: 31px !important; }
  .pt-lg-31 {
    padding-top: 31px !important; }
  .pb-lg-31 {
    padding-bottom: 31px !important; }
  .py-lg-31 {
    padding-bottom: 31px !important;
    padding-top: 31px !important; }
  .px-lg-31 {
    padding-left: 31px !important;
    padding-right: 31px !important; }
  .pl-lg-31 {
    padding-left: 31px !important; }
  .pr-lg-31 {
    padding-right: 31px !important; }
  .mp-lg-31 {
    margin: 31px !important; }
  .mt-lg-31 {
    margin-top: 31px !important; }
  .mb-lg-31 {
    margin-bottom: 31px !important; }
  .my-lg-31 {
    margin-bottom: 31px !important;
    margin-top: 31px !important; }
  .mx-lg-31 {
    margin-left: 31px !important;
    margin-right: 31px !important; }
  .ml-lg-31 {
    margin-left: 31px !important; }
  .mr-lg-31 {
    margin-right: 31px !important; } }

@media (min-width: 767px) {
  .p-md-31 {
    padding: 31px !important; }
  .pt-md-31 {
    padding-top: 31px !important; }
  .pb-md-31 {
    padding-bottom: 31px !important; }
  .py-md-31 {
    padding-bottom: 31px !important;
    padding-top: 31px !important; }
  .px-md-31 {
    padding-left: 31px !important;
    padding-right: 31px !important; }
  .pl-md-31 {
    padding-left: 31px !important; }
  .pr-md-31 {
    padding-right: 31px !important; }
  .m-md-31 {
    margin: 31px !important; }
  .mt-md-31 {
    margin-top: 31px !important; }
  .mb-md-31 {
    margin-bottom: 31px !important; }
  .my-md-31 {
    margin-bottom: 31px !important;
    margin-top: 31px !important; }
  .mx-md-31 {
    margin-left: 31px !important;
    margin-right: 31px !important; }
  .ml-md-31 {
    margin-left: 31px !important; }
  .mr-md-31 {
    margin-right: 31px !important; } }

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

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

.p-32 {
  padding: 32px !important; }

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

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

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

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

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

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

.m-32 {
  margin: 32px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-32 {
    padding: 32px !important; }
  .pt-lg-32 {
    padding-top: 32px !important; }
  .pb-lg-32 {
    padding-bottom: 32px !important; }
  .py-lg-32 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }
  .px-lg-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .pl-lg-32 {
    padding-left: 32px !important; }
  .pr-lg-32 {
    padding-right: 32px !important; }
  .mp-lg-32 {
    margin: 32px !important; }
  .mt-lg-32 {
    margin-top: 32px !important; }
  .mb-lg-32 {
    margin-bottom: 32px !important; }
  .my-lg-32 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }
  .mx-lg-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .ml-lg-32 {
    margin-left: 32px !important; }
  .mr-lg-32 {
    margin-right: 32px !important; } }

@media (min-width: 767px) {
  .p-md-32 {
    padding: 32px !important; }
  .pt-md-32 {
    padding-top: 32px !important; }
  .pb-md-32 {
    padding-bottom: 32px !important; }
  .py-md-32 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }
  .px-md-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .pl-md-32 {
    padding-left: 32px !important; }
  .pr-md-32 {
    padding-right: 32px !important; }
  .m-md-32 {
    margin: 32px !important; }
  .mt-md-32 {
    margin-top: 32px !important; }
  .mb-md-32 {
    margin-bottom: 32px !important; }
  .my-md-32 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }
  .mx-md-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .ml-md-32 {
    margin-left: 32px !important; }
  .mr-md-32 {
    margin-right: 32px !important; } }

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

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

.p-33 {
  padding: 33px !important; }

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

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

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

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

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

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

.m-33 {
  margin: 33px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-33 {
    padding: 33px !important; }
  .pt-lg-33 {
    padding-top: 33px !important; }
  .pb-lg-33 {
    padding-bottom: 33px !important; }
  .py-lg-33 {
    padding-bottom: 33px !important;
    padding-top: 33px !important; }
  .px-lg-33 {
    padding-left: 33px !important;
    padding-right: 33px !important; }
  .pl-lg-33 {
    padding-left: 33px !important; }
  .pr-lg-33 {
    padding-right: 33px !important; }
  .mp-lg-33 {
    margin: 33px !important; }
  .mt-lg-33 {
    margin-top: 33px !important; }
  .mb-lg-33 {
    margin-bottom: 33px !important; }
  .my-lg-33 {
    margin-bottom: 33px !important;
    margin-top: 33px !important; }
  .mx-lg-33 {
    margin-left: 33px !important;
    margin-right: 33px !important; }
  .ml-lg-33 {
    margin-left: 33px !important; }
  .mr-lg-33 {
    margin-right: 33px !important; } }

@media (min-width: 767px) {
  .p-md-33 {
    padding: 33px !important; }
  .pt-md-33 {
    padding-top: 33px !important; }
  .pb-md-33 {
    padding-bottom: 33px !important; }
  .py-md-33 {
    padding-bottom: 33px !important;
    padding-top: 33px !important; }
  .px-md-33 {
    padding-left: 33px !important;
    padding-right: 33px !important; }
  .pl-md-33 {
    padding-left: 33px !important; }
  .pr-md-33 {
    padding-right: 33px !important; }
  .m-md-33 {
    margin: 33px !important; }
  .mt-md-33 {
    margin-top: 33px !important; }
  .mb-md-33 {
    margin-bottom: 33px !important; }
  .my-md-33 {
    margin-bottom: 33px !important;
    margin-top: 33px !important; }
  .mx-md-33 {
    margin-left: 33px !important;
    margin-right: 33px !important; }
  .ml-md-33 {
    margin-left: 33px !important; }
  .mr-md-33 {
    margin-right: 33px !important; } }

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

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

.p-34 {
  padding: 34px !important; }

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

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

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

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

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

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

.m-34 {
  margin: 34px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-34 {
    padding: 34px !important; }
  .pt-lg-34 {
    padding-top: 34px !important; }
  .pb-lg-34 {
    padding-bottom: 34px !important; }
  .py-lg-34 {
    padding-bottom: 34px !important;
    padding-top: 34px !important; }
  .px-lg-34 {
    padding-left: 34px !important;
    padding-right: 34px !important; }
  .pl-lg-34 {
    padding-left: 34px !important; }
  .pr-lg-34 {
    padding-right: 34px !important; }
  .mp-lg-34 {
    margin: 34px !important; }
  .mt-lg-34 {
    margin-top: 34px !important; }
  .mb-lg-34 {
    margin-bottom: 34px !important; }
  .my-lg-34 {
    margin-bottom: 34px !important;
    margin-top: 34px !important; }
  .mx-lg-34 {
    margin-left: 34px !important;
    margin-right: 34px !important; }
  .ml-lg-34 {
    margin-left: 34px !important; }
  .mr-lg-34 {
    margin-right: 34px !important; } }

@media (min-width: 767px) {
  .p-md-34 {
    padding: 34px !important; }
  .pt-md-34 {
    padding-top: 34px !important; }
  .pb-md-34 {
    padding-bottom: 34px !important; }
  .py-md-34 {
    padding-bottom: 34px !important;
    padding-top: 34px !important; }
  .px-md-34 {
    padding-left: 34px !important;
    padding-right: 34px !important; }
  .pl-md-34 {
    padding-left: 34px !important; }
  .pr-md-34 {
    padding-right: 34px !important; }
  .m-md-34 {
    margin: 34px !important; }
  .mt-md-34 {
    margin-top: 34px !important; }
  .mb-md-34 {
    margin-bottom: 34px !important; }
  .my-md-34 {
    margin-bottom: 34px !important;
    margin-top: 34px !important; }
  .mx-md-34 {
    margin-left: 34px !important;
    margin-right: 34px !important; }
  .ml-md-34 {
    margin-left: 34px !important; }
  .mr-md-34 {
    margin-right: 34px !important; } }

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

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

.p-35 {
  padding: 35px !important; }

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

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

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

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

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

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

.m-35 {
  margin: 35px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-35 {
    padding: 35px !important; }
  .pt-lg-35 {
    padding-top: 35px !important; }
  .pb-lg-35 {
    padding-bottom: 35px !important; }
  .py-lg-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important; }
  .px-lg-35 {
    padding-left: 35px !important;
    padding-right: 35px !important; }
  .pl-lg-35 {
    padding-left: 35px !important; }
  .pr-lg-35 {
    padding-right: 35px !important; }
  .mp-lg-35 {
    margin: 35px !important; }
  .mt-lg-35 {
    margin-top: 35px !important; }
  .mb-lg-35 {
    margin-bottom: 35px !important; }
  .my-lg-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important; }
  .mx-lg-35 {
    margin-left: 35px !important;
    margin-right: 35px !important; }
  .ml-lg-35 {
    margin-left: 35px !important; }
  .mr-lg-35 {
    margin-right: 35px !important; } }

@media (min-width: 767px) {
  .p-md-35 {
    padding: 35px !important; }
  .pt-md-35 {
    padding-top: 35px !important; }
  .pb-md-35 {
    padding-bottom: 35px !important; }
  .py-md-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important; }
  .px-md-35 {
    padding-left: 35px !important;
    padding-right: 35px !important; }
  .pl-md-35 {
    padding-left: 35px !important; }
  .pr-md-35 {
    padding-right: 35px !important; }
  .m-md-35 {
    margin: 35px !important; }
  .mt-md-35 {
    margin-top: 35px !important; }
  .mb-md-35 {
    margin-bottom: 35px !important; }
  .my-md-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important; }
  .mx-md-35 {
    margin-left: 35px !important;
    margin-right: 35px !important; }
  .ml-md-35 {
    margin-left: 35px !important; }
  .mr-md-35 {
    margin-right: 35px !important; } }

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

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

.p-36 {
  padding: 36px !important; }

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

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

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

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

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

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

.m-36 {
  margin: 36px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-36 {
    padding: 36px !important; }
  .pt-lg-36 {
    padding-top: 36px !important; }
  .pb-lg-36 {
    padding-bottom: 36px !important; }
  .py-lg-36 {
    padding-bottom: 36px !important;
    padding-top: 36px !important; }
  .px-lg-36 {
    padding-left: 36px !important;
    padding-right: 36px !important; }
  .pl-lg-36 {
    padding-left: 36px !important; }
  .pr-lg-36 {
    padding-right: 36px !important; }
  .mp-lg-36 {
    margin: 36px !important; }
  .mt-lg-36 {
    margin-top: 36px !important; }
  .mb-lg-36 {
    margin-bottom: 36px !important; }
  .my-lg-36 {
    margin-bottom: 36px !important;
    margin-top: 36px !important; }
  .mx-lg-36 {
    margin-left: 36px !important;
    margin-right: 36px !important; }
  .ml-lg-36 {
    margin-left: 36px !important; }
  .mr-lg-36 {
    margin-right: 36px !important; } }

@media (min-width: 767px) {
  .p-md-36 {
    padding: 36px !important; }
  .pt-md-36 {
    padding-top: 36px !important; }
  .pb-md-36 {
    padding-bottom: 36px !important; }
  .py-md-36 {
    padding-bottom: 36px !important;
    padding-top: 36px !important; }
  .px-md-36 {
    padding-left: 36px !important;
    padding-right: 36px !important; }
  .pl-md-36 {
    padding-left: 36px !important; }
  .pr-md-36 {
    padding-right: 36px !important; }
  .m-md-36 {
    margin: 36px !important; }
  .mt-md-36 {
    margin-top: 36px !important; }
  .mb-md-36 {
    margin-bottom: 36px !important; }
  .my-md-36 {
    margin-bottom: 36px !important;
    margin-top: 36px !important; }
  .mx-md-36 {
    margin-left: 36px !important;
    margin-right: 36px !important; }
  .ml-md-36 {
    margin-left: 36px !important; }
  .mr-md-36 {
    margin-right: 36px !important; } }

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

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

.p-37 {
  padding: 37px !important; }

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

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

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

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

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

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

.m-37 {
  margin: 37px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-37 {
    padding: 37px !important; }
  .pt-lg-37 {
    padding-top: 37px !important; }
  .pb-lg-37 {
    padding-bottom: 37px !important; }
  .py-lg-37 {
    padding-bottom: 37px !important;
    padding-top: 37px !important; }
  .px-lg-37 {
    padding-left: 37px !important;
    padding-right: 37px !important; }
  .pl-lg-37 {
    padding-left: 37px !important; }
  .pr-lg-37 {
    padding-right: 37px !important; }
  .mp-lg-37 {
    margin: 37px !important; }
  .mt-lg-37 {
    margin-top: 37px !important; }
  .mb-lg-37 {
    margin-bottom: 37px !important; }
  .my-lg-37 {
    margin-bottom: 37px !important;
    margin-top: 37px !important; }
  .mx-lg-37 {
    margin-left: 37px !important;
    margin-right: 37px !important; }
  .ml-lg-37 {
    margin-left: 37px !important; }
  .mr-lg-37 {
    margin-right: 37px !important; } }

@media (min-width: 767px) {
  .p-md-37 {
    padding: 37px !important; }
  .pt-md-37 {
    padding-top: 37px !important; }
  .pb-md-37 {
    padding-bottom: 37px !important; }
  .py-md-37 {
    padding-bottom: 37px !important;
    padding-top: 37px !important; }
  .px-md-37 {
    padding-left: 37px !important;
    padding-right: 37px !important; }
  .pl-md-37 {
    padding-left: 37px !important; }
  .pr-md-37 {
    padding-right: 37px !important; }
  .m-md-37 {
    margin: 37px !important; }
  .mt-md-37 {
    margin-top: 37px !important; }
  .mb-md-37 {
    margin-bottom: 37px !important; }
  .my-md-37 {
    margin-bottom: 37px !important;
    margin-top: 37px !important; }
  .mx-md-37 {
    margin-left: 37px !important;
    margin-right: 37px !important; }
  .ml-md-37 {
    margin-left: 37px !important; }
  .mr-md-37 {
    margin-right: 37px !important; } }

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

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

.p-38 {
  padding: 38px !important; }

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

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

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

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

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

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

.m-38 {
  margin: 38px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-38 {
    padding: 38px !important; }
  .pt-lg-38 {
    padding-top: 38px !important; }
  .pb-lg-38 {
    padding-bottom: 38px !important; }
  .py-lg-38 {
    padding-bottom: 38px !important;
    padding-top: 38px !important; }
  .px-lg-38 {
    padding-left: 38px !important;
    padding-right: 38px !important; }
  .pl-lg-38 {
    padding-left: 38px !important; }
  .pr-lg-38 {
    padding-right: 38px !important; }
  .mp-lg-38 {
    margin: 38px !important; }
  .mt-lg-38 {
    margin-top: 38px !important; }
  .mb-lg-38 {
    margin-bottom: 38px !important; }
  .my-lg-38 {
    margin-bottom: 38px !important;
    margin-top: 38px !important; }
  .mx-lg-38 {
    margin-left: 38px !important;
    margin-right: 38px !important; }
  .ml-lg-38 {
    margin-left: 38px !important; }
  .mr-lg-38 {
    margin-right: 38px !important; } }

@media (min-width: 767px) {
  .p-md-38 {
    padding: 38px !important; }
  .pt-md-38 {
    padding-top: 38px !important; }
  .pb-md-38 {
    padding-bottom: 38px !important; }
  .py-md-38 {
    padding-bottom: 38px !important;
    padding-top: 38px !important; }
  .px-md-38 {
    padding-left: 38px !important;
    padding-right: 38px !important; }
  .pl-md-38 {
    padding-left: 38px !important; }
  .pr-md-38 {
    padding-right: 38px !important; }
  .m-md-38 {
    margin: 38px !important; }
  .mt-md-38 {
    margin-top: 38px !important; }
  .mb-md-38 {
    margin-bottom: 38px !important; }
  .my-md-38 {
    margin-bottom: 38px !important;
    margin-top: 38px !important; }
  .mx-md-38 {
    margin-left: 38px !important;
    margin-right: 38px !important; }
  .ml-md-38 {
    margin-left: 38px !important; }
  .mr-md-38 {
    margin-right: 38px !important; } }

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

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

.p-39 {
  padding: 39px !important; }

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

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

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

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

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

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

.m-39 {
  margin: 39px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-39 {
    padding: 39px !important; }
  .pt-lg-39 {
    padding-top: 39px !important; }
  .pb-lg-39 {
    padding-bottom: 39px !important; }
  .py-lg-39 {
    padding-bottom: 39px !important;
    padding-top: 39px !important; }
  .px-lg-39 {
    padding-left: 39px !important;
    padding-right: 39px !important; }
  .pl-lg-39 {
    padding-left: 39px !important; }
  .pr-lg-39 {
    padding-right: 39px !important; }
  .mp-lg-39 {
    margin: 39px !important; }
  .mt-lg-39 {
    margin-top: 39px !important; }
  .mb-lg-39 {
    margin-bottom: 39px !important; }
  .my-lg-39 {
    margin-bottom: 39px !important;
    margin-top: 39px !important; }
  .mx-lg-39 {
    margin-left: 39px !important;
    margin-right: 39px !important; }
  .ml-lg-39 {
    margin-left: 39px !important; }
  .mr-lg-39 {
    margin-right: 39px !important; } }

@media (min-width: 767px) {
  .p-md-39 {
    padding: 39px !important; }
  .pt-md-39 {
    padding-top: 39px !important; }
  .pb-md-39 {
    padding-bottom: 39px !important; }
  .py-md-39 {
    padding-bottom: 39px !important;
    padding-top: 39px !important; }
  .px-md-39 {
    padding-left: 39px !important;
    padding-right: 39px !important; }
  .pl-md-39 {
    padding-left: 39px !important; }
  .pr-md-39 {
    padding-right: 39px !important; }
  .m-md-39 {
    margin: 39px !important; }
  .mt-md-39 {
    margin-top: 39px !important; }
  .mb-md-39 {
    margin-bottom: 39px !important; }
  .my-md-39 {
    margin-bottom: 39px !important;
    margin-top: 39px !important; }
  .mx-md-39 {
    margin-left: 39px !important;
    margin-right: 39px !important; }
  .ml-md-39 {
    margin-left: 39px !important; }
  .mr-md-39 {
    margin-right: 39px !important; } }

.rtl .pl-40 {
  padding-left: 40px !important; }

.rtl .pr-40 {
  padding-right: 40px !important; }

.p-40 {
  padding: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.py-40 {
  padding-bottom: 40px !important;
  padding-top: 40px !important; }

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

.pl-40 {
  padding-left: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.m-40 {
  margin: 40px !important; }

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

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

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

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

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

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

@media (min-width: 991px) {
  .p-lg-40 {
    padding: 40px !important; }
  .pt-lg-40 {
    padding-top: 40px !important; }
  .pb-lg-40 {
    padding-bottom: 40px !important; }
  .py-lg-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }
  .px-lg-40 {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .pl-lg-40 {
    padding-left: 40px !important; }
  .pr-lg-40 {
    padding-right: 40px !important; }
  .mp-lg-40 {
    margin: 40px !important; }
  .mt-lg-40 {
    margin-top: 40px !important; }
  .mb-lg-40 {
    margin-bottom: 40px !important; }
  .my-lg-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }
  .mx-lg-40 {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .ml-lg-40 {
    margin-left: 40px !important; }
  .mr-lg-40 {
    margin-right: 40px !important; } }

@media (min-width: 767px) {
  .p-md-40 {
    padding: 40px !important; }
  .pt-md-40 {
    padding-top: 40px !important; }
  .pb-md-40 {
    padding-bottom: 40px !important; }
  .py-md-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }
  .px-md-40 {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .pl-md-40 {
    padding-left: 40px !important; }
  .pr-md-40 {
    padding-right: 40px !important; }
  .m-md-40 {
    margin: 40px !important; }
  .mt-md-40 {
    margin-top: 40px !important; }
  .mb-md-40 {
    margin-bottom: 40px !important; }
  .my-md-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }
  .mx-md-40 {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .ml-md-40 {
    margin-left: 40px !important; }
  .mr-md-40 {
    margin-right: 40px !important; } }

.rtl .pl-41 {
  padding-left: 41px !important; }

.rtl .pr-41 {
  padding-right: 41px !important; }

.p-41 {
  padding: 41px !important; }

.pt-41 {
  padding-top: 41px !important; }

.pb-41 {
  padding-bottom: 41px !important; }

.py-41 {
  padding-bottom: 41px !important;
  padding-top: 41px !important; }

.px-41 {
  padding-left: 41px !important;
  padding-right: 41px !important; }

.pl-41 {
  padding-left: 41px !important; }

.pr-41 {
  padding-right: 41px !important; }

.m-41 {
  margin: 41px !important; }

.mt-41 {
  margin-top: 41px !important; }

.mb-41 {
  margin-bottom: 41px !important; }

.my-41 {
  margin-bottom: 41px !important;
  margin-top: 41px !important; }

.mx-41 {
  margin-left: 41px !important;
  margin-right: 41px !important; }

.ml-41 {
  margin-left: 41px !important; }

.mr-41 {
  margin-right: 41px !important; }

@media (min-width: 991px) {
  .p-lg-41 {
    padding: 41px !important; }
  .pt-lg-41 {
    padding-top: 41px !important; }
  .pb-lg-41 {
    padding-bottom: 41px !important; }
  .py-lg-41 {
    padding-bottom: 41px !important;
    padding-top: 41px !important; }
  .px-lg-41 {
    padding-left: 41px !important;
    padding-right: 41px !important; }
  .pl-lg-41 {
    padding-left: 41px !important; }
  .pr-lg-41 {
    padding-right: 41px !important; }
  .mp-lg-41 {
    margin: 41px !important; }
  .mt-lg-41 {
    margin-top: 41px !important; }
  .mb-lg-41 {
    margin-bottom: 41px !important; }
  .my-lg-41 {
    margin-bottom: 41px !important;
    margin-top: 41px !important; }
  .mx-lg-41 {
    margin-left: 41px !important;
    margin-right: 41px !important; }
  .ml-lg-41 {
    margin-left: 41px !important; }
  .mr-lg-41 {
    margin-right: 41px !important; } }

@media (min-width: 767px) {
  .p-md-41 {
    padding: 41px !important; }
  .pt-md-41 {
    padding-top: 41px !important; }
  .pb-md-41 {
    padding-bottom: 41px !important; }
  .py-md-41 {
    padding-bottom: 41px !important;
    padding-top: 41px !important; }
  .px-md-41 {
    padding-left: 41px !important;
    padding-right: 41px !important; }
  .pl-md-41 {
    padding-left: 41px !important; }
  .pr-md-41 {
    padding-right: 41px !important; }
  .m-md-41 {
    margin: 41px !important; }
  .mt-md-41 {
    margin-top: 41px !important; }
  .mb-md-41 {
    margin-bottom: 41px !important; }
  .my-md-41 {
    margin-bottom: 41px !important;
    margin-top: 41px !important; }
  .mx-md-41 {
    margin-left: 41px !important;
    margin-right: 41px !important; }
  .ml-md-41 {
    margin-left: 41px !important; }
  .mr-md-41 {
    margin-right: 41px !important; } }

.rtl .pl-42 {
  padding-left: 42px !important; }

.rtl .pr-42 {
  padding-right: 42px !important; }

.p-42 {
  padding: 42px !important; }

.pt-42 {
  padding-top: 42px !important; }

.pb-42 {
  padding-bottom: 42px !important; }

.py-42 {
  padding-bottom: 42px !important;
  padding-top: 42px !important; }

.px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important; }

.pl-42 {
  padding-left: 42px !important; }

.pr-42 {
  padding-right: 42px !important; }

.m-42 {
  margin: 42px !important; }

.mt-42 {
  margin-top: 42px !important; }

.mb-42 {
  margin-bottom: 42px !important; }

.my-42 {
  margin-bottom: 42px !important;
  margin-top: 42px !important; }

.mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important; }

.ml-42 {
  margin-left: 42px !important; }

.mr-42 {
  margin-right: 42px !important; }

@media (min-width: 991px) {
  .p-lg-42 {
    padding: 42px !important; }
  .pt-lg-42 {
    padding-top: 42px !important; }
  .pb-lg-42 {
    padding-bottom: 42px !important; }
  .py-lg-42 {
    padding-bottom: 42px !important;
    padding-top: 42px !important; }
  .px-lg-42 {
    padding-left: 42px !important;
    padding-right: 42px !important; }
  .pl-lg-42 {
    padding-left: 42px !important; }
  .pr-lg-42 {
    padding-right: 42px !important; }
  .mp-lg-42 {
    margin: 42px !important; }
  .mt-lg-42 {
    margin-top: 42px !important; }
  .mb-lg-42 {
    margin-bottom: 42px !important; }
  .my-lg-42 {
    margin-bottom: 42px !important;
    margin-top: 42px !important; }
  .mx-lg-42 {
    margin-left: 42px !important;
    margin-right: 42px !important; }
  .ml-lg-42 {
    margin-left: 42px !important; }
  .mr-lg-42 {
    margin-right: 42px !important; } }

@media (min-width: 767px) {
  .p-md-42 {
    padding: 42px !important; }
  .pt-md-42 {
    padding-top: 42px !important; }
  .pb-md-42 {
    padding-bottom: 42px !important; }
  .py-md-42 {
    padding-bottom: 42px !important;
    padding-top: 42px !important; }
  .px-md-42 {
    padding-left: 42px !important;
    padding-right: 42px !important; }
  .pl-md-42 {
    padding-left: 42px !important; }
  .pr-md-42 {
    padding-right: 42px !important; }
  .m-md-42 {
    margin: 42px !important; }
  .mt-md-42 {
    margin-top: 42px !important; }
  .mb-md-42 {
    margin-bottom: 42px !important; }
  .my-md-42 {
    margin-bottom: 42px !important;
    margin-top: 42px !important; }
  .mx-md-42 {
    margin-left: 42px !important;
    margin-right: 42px !important; }
  .ml-md-42 {
    margin-left: 42px !important; }
  .mr-md-42 {
    margin-right: 42px !important; } }

.rtl .pl-43 {
  padding-left: 43px !important; }

.rtl .pr-43 {
  padding-right: 43px !important; }

.p-43 {
  padding: 43px !important; }

.pt-43 {
  padding-top: 43px !important; }

.pb-43 {
  padding-bottom: 43px !important; }

.py-43 {
  padding-bottom: 43px !important;
  padding-top: 43px !important; }

.px-43 {
  padding-left: 43px !important;
  padding-right: 43px !important; }

.pl-43 {
  padding-left: 43px !important; }

.pr-43 {
  padding-right: 43px !important; }

.m-43 {
  margin: 43px !important; }

.mt-43 {
  margin-top: 43px !important; }

.mb-43 {
  margin-bottom: 43px !important; }

.my-43 {
  margin-bottom: 43px !important;
  margin-top: 43px !important; }

.mx-43 {
  margin-left: 43px !important;
  margin-right: 43px !important; }

.ml-43 {
  margin-left: 43px !important; }

.mr-43 {
  margin-right: 43px !important; }

@media (min-width: 991px) {
  .p-lg-43 {
    padding: 43px !important; }
  .pt-lg-43 {
    padding-top: 43px !important; }
  .pb-lg-43 {
    padding-bottom: 43px !important; }
  .py-lg-43 {
    padding-bottom: 43px !important;
    padding-top: 43px !important; }
  .px-lg-43 {
    padding-left: 43px !important;
    padding-right: 43px !important; }
  .pl-lg-43 {
    padding-left: 43px !important; }
  .pr-lg-43 {
    padding-right: 43px !important; }
  .mp-lg-43 {
    margin: 43px !important; }
  .mt-lg-43 {
    margin-top: 43px !important; }
  .mb-lg-43 {
    margin-bottom: 43px !important; }
  .my-lg-43 {
    margin-bottom: 43px !important;
    margin-top: 43px !important; }
  .mx-lg-43 {
    margin-left: 43px !important;
    margin-right: 43px !important; }
  .ml-lg-43 {
    margin-left: 43px !important; }
  .mr-lg-43 {
    margin-right: 43px !important; } }

@media (min-width: 767px) {
  .p-md-43 {
    padding: 43px !important; }
  .pt-md-43 {
    padding-top: 43px !important; }
  .pb-md-43 {
    padding-bottom: 43px !important; }
  .py-md-43 {
    padding-bottom: 43px !important;
    padding-top: 43px !important; }
  .px-md-43 {
    padding-left: 43px !important;
    padding-right: 43px !important; }
  .pl-md-43 {
    padding-left: 43px !important; }
  .pr-md-43 {
    padding-right: 43px !important; }
  .m-md-43 {
    margin: 43px !important; }
  .mt-md-43 {
    margin-top: 43px !important; }
  .mb-md-43 {
    margin-bottom: 43px !important; }
  .my-md-43 {
    margin-bottom: 43px !important;
    margin-top: 43px !important; }
  .mx-md-43 {
    margin-left: 43px !important;
    margin-right: 43px !important; }
  .ml-md-43 {
    margin-left: 43px !important; }
  .mr-md-43 {
    margin-right: 43px !important; } }

.rtl .pl-44 {
  padding-left: 44px !important; }

.rtl .pr-44 {
  padding-right: 44px !important; }

.p-44 {
  padding: 44px !important; }

.pt-44 {
  padding-top: 44px !important; }

.pb-44 {
  padding-bottom: 44px !important; }

.py-44 {
  padding-bottom: 44px !important;
  padding-top: 44px !important; }

.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important; }

.pl-44 {
  padding-left: 44px !important; }

.pr-44 {
  padding-right: 44px !important; }

.m-44 {
  margin: 44px !important; }

.mt-44 {
  margin-top: 44px !important; }

.mb-44 {
  margin-bottom: 44px !important; }

.my-44 {
  margin-bottom: 44px !important;
  margin-top: 44px !important; }

.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important; }

.ml-44 {
  margin-left: 44px !important; }

.mr-44 {
  margin-right: 44px !important; }

@media (min-width: 991px) {
  .p-lg-44 {
    padding: 44px !important; }
  .pt-lg-44 {
    padding-top: 44px !important; }
  .pb-lg-44 {
    padding-bottom: 44px !important; }
  .py-lg-44 {
    padding-bottom: 44px !important;
    padding-top: 44px !important; }
  .px-lg-44 {
    padding-left: 44px !important;
    padding-right: 44px !important; }
  .pl-lg-44 {
    padding-left: 44px !important; }
  .pr-lg-44 {
    padding-right: 44px !important; }
  .mp-lg-44 {
    margin: 44px !important; }
  .mt-lg-44 {
    margin-top: 44px !important; }
  .mb-lg-44 {
    margin-bottom: 44px !important; }
  .my-lg-44 {
    margin-bottom: 44px !important;
    margin-top: 44px !important; }
  .mx-lg-44 {
    margin-left: 44px !important;
    margin-right: 44px !important; }
  .ml-lg-44 {
    margin-left: 44px !important; }
  .mr-lg-44 {
    margin-right: 44px !important; } }

@media (min-width: 767px) {
  .p-md-44 {
    padding: 44px !important; }
  .pt-md-44 {
    padding-top: 44px !important; }
  .pb-md-44 {
    padding-bottom: 44px !important; }
  .py-md-44 {
    padding-bottom: 44px !important;
    padding-top: 44px !important; }
  .px-md-44 {
    padding-left: 44px !important;
    padding-right: 44px !important; }
  .pl-md-44 {
    padding-left: 44px !important; }
  .pr-md-44 {
    padding-right: 44px !important; }
  .m-md-44 {
    margin: 44px !important; }
  .mt-md-44 {
    margin-top: 44px !important; }
  .mb-md-44 {
    margin-bottom: 44px !important; }
  .my-md-44 {
    margin-bottom: 44px !important;
    margin-top: 44px !important; }
  .mx-md-44 {
    margin-left: 44px !important;
    margin-right: 44px !important; }
  .ml-md-44 {
    margin-left: 44px !important; }
  .mr-md-44 {
    margin-right: 44px !important; } }

.rtl .pl-45 {
  padding-left: 45px !important; }

.rtl .pr-45 {
  padding-right: 45px !important; }

.p-45 {
  padding: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.py-45 {
  padding-bottom: 45px !important;
  padding-top: 45px !important; }

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.m-45 {
  margin: 45px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.my-45 {
  margin-bottom: 45px !important;
  margin-top: 45px !important; }

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

@media (min-width: 991px) {
  .p-lg-45 {
    padding: 45px !important; }
  .pt-lg-45 {
    padding-top: 45px !important; }
  .pb-lg-45 {
    padding-bottom: 45px !important; }
  .py-lg-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important; }
  .px-lg-45 {
    padding-left: 45px !important;
    padding-right: 45px !important; }
  .pl-lg-45 {
    padding-left: 45px !important; }
  .pr-lg-45 {
    padding-right: 45px !important; }
  .mp-lg-45 {
    margin: 45px !important; }
  .mt-lg-45 {
    margin-top: 45px !important; }
  .mb-lg-45 {
    margin-bottom: 45px !important; }
  .my-lg-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important; }
  .mx-lg-45 {
    margin-left: 45px !important;
    margin-right: 45px !important; }
  .ml-lg-45 {
    margin-left: 45px !important; }
  .mr-lg-45 {
    margin-right: 45px !important; } }

@media (min-width: 767px) {
  .p-md-45 {
    padding: 45px !important; }
  .pt-md-45 {
    padding-top: 45px !important; }
  .pb-md-45 {
    padding-bottom: 45px !important; }
  .py-md-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important; }
  .px-md-45 {
    padding-left: 45px !important;
    padding-right: 45px !important; }
  .pl-md-45 {
    padding-left: 45px !important; }
  .pr-md-45 {
    padding-right: 45px !important; }
  .m-md-45 {
    margin: 45px !important; }
  .mt-md-45 {
    margin-top: 45px !important; }
  .mb-md-45 {
    margin-bottom: 45px !important; }
  .my-md-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important; }
  .mx-md-45 {
    margin-left: 45px !important;
    margin-right: 45px !important; }
  .ml-md-45 {
    margin-left: 45px !important; }
  .mr-md-45 {
    margin-right: 45px !important; } }

.rtl .pl-46 {
  padding-left: 46px !important; }

.rtl .pr-46 {
  padding-right: 46px !important; }

.p-46 {
  padding: 46px !important; }

.pt-46 {
  padding-top: 46px !important; }

.pb-46 {
  padding-bottom: 46px !important; }

.py-46 {
  padding-bottom: 46px !important;
  padding-top: 46px !important; }

.px-46 {
  padding-left: 46px !important;
  padding-right: 46px !important; }

.pl-46 {
  padding-left: 46px !important; }

.pr-46 {
  padding-right: 46px !important; }

.m-46 {
  margin: 46px !important; }

.mt-46 {
  margin-top: 46px !important; }

.mb-46 {
  margin-bottom: 46px !important; }

.my-46 {
  margin-bottom: 46px !important;
  margin-top: 46px !important; }

.mx-46 {
  margin-left: 46px !important;
  margin-right: 46px !important; }

.ml-46 {
  margin-left: 46px !important; }

.mr-46 {
  margin-right: 46px !important; }

@media (min-width: 991px) {
  .p-lg-46 {
    padding: 46px !important; }
  .pt-lg-46 {
    padding-top: 46px !important; }
  .pb-lg-46 {
    padding-bottom: 46px !important; }
  .py-lg-46 {
    padding-bottom: 46px !important;
    padding-top: 46px !important; }
  .px-lg-46 {
    padding-left: 46px !important;
    padding-right: 46px !important; }
  .pl-lg-46 {
    padding-left: 46px !important; }
  .pr-lg-46 {
    padding-right: 46px !important; }
  .mp-lg-46 {
    margin: 46px !important; }
  .mt-lg-46 {
    margin-top: 46px !important; }
  .mb-lg-46 {
    margin-bottom: 46px !important; }
  .my-lg-46 {
    margin-bottom: 46px !important;
    margin-top: 46px !important; }
  .mx-lg-46 {
    margin-left: 46px !important;
    margin-right: 46px !important; }
  .ml-lg-46 {
    margin-left: 46px !important; }
  .mr-lg-46 {
    margin-right: 46px !important; } }

@media (min-width: 767px) {
  .p-md-46 {
    padding: 46px !important; }
  .pt-md-46 {
    padding-top: 46px !important; }
  .pb-md-46 {
    padding-bottom: 46px !important; }
  .py-md-46 {
    padding-bottom: 46px !important;
    padding-top: 46px !important; }
  .px-md-46 {
    padding-left: 46px !important;
    padding-right: 46px !important; }
  .pl-md-46 {
    padding-left: 46px !important; }
  .pr-md-46 {
    padding-right: 46px !important; }
  .m-md-46 {
    margin: 46px !important; }
  .mt-md-46 {
    margin-top: 46px !important; }
  .mb-md-46 {
    margin-bottom: 46px !important; }
  .my-md-46 {
    margin-bottom: 46px !important;
    margin-top: 46px !important; }
  .mx-md-46 {
    margin-left: 46px !important;
    margin-right: 46px !important; }
  .ml-md-46 {
    margin-left: 46px !important; }
  .mr-md-46 {
    margin-right: 46px !important; } }

.rtl .pl-47 {
  padding-left: 47px !important; }

.rtl .pr-47 {
  padding-right: 47px !important; }

.p-47 {
  padding: 47px !important; }

.pt-47 {
  padding-top: 47px !important; }

.pb-47 {
  padding-bottom: 47px !important; }

.py-47 {
  padding-bottom: 47px !important;
  padding-top: 47px !important; }

.px-47 {
  padding-left: 47px !important;
  padding-right: 47px !important; }

.pl-47 {
  padding-left: 47px !important; }

.pr-47 {
  padding-right: 47px !important; }

.m-47 {
  margin: 47px !important; }

.mt-47 {
  margin-top: 47px !important; }

.mb-47 {
  margin-bottom: 47px !important; }

.my-47 {
  margin-bottom: 47px !important;
  margin-top: 47px !important; }

.mx-47 {
  margin-left: 47px !important;
  margin-right: 47px !important; }

.ml-47 {
  margin-left: 47px !important; }

.mr-47 {
  margin-right: 47px !important; }

@media (min-width: 991px) {
  .p-lg-47 {
    padding: 47px !important; }
  .pt-lg-47 {
    padding-top: 47px !important; }
  .pb-lg-47 {
    padding-bottom: 47px !important; }
  .py-lg-47 {
    padding-bottom: 47px !important;
    padding-top: 47px !important; }
  .px-lg-47 {
    padding-left: 47px !important;
    padding-right: 47px !important; }
  .pl-lg-47 {
    padding-left: 47px !important; }
  .pr-lg-47 {
    padding-right: 47px !important; }
  .mp-lg-47 {
    margin: 47px !important; }
  .mt-lg-47 {
    margin-top: 47px !important; }
  .mb-lg-47 {
    margin-bottom: 47px !important; }
  .my-lg-47 {
    margin-bottom: 47px !important;
    margin-top: 47px !important; }
  .mx-lg-47 {
    margin-left: 47px !important;
    margin-right: 47px !important; }
  .ml-lg-47 {
    margin-left: 47px !important; }
  .mr-lg-47 {
    margin-right: 47px !important; } }

@media (min-width: 767px) {
  .p-md-47 {
    padding: 47px !important; }
  .pt-md-47 {
    padding-top: 47px !important; }
  .pb-md-47 {
    padding-bottom: 47px !important; }
  .py-md-47 {
    padding-bottom: 47px !important;
    padding-top: 47px !important; }
  .px-md-47 {
    padding-left: 47px !important;
    padding-right: 47px !important; }
  .pl-md-47 {
    padding-left: 47px !important; }
  .pr-md-47 {
    padding-right: 47px !important; }
  .m-md-47 {
    margin: 47px !important; }
  .mt-md-47 {
    margin-top: 47px !important; }
  .mb-md-47 {
    margin-bottom: 47px !important; }
  .my-md-47 {
    margin-bottom: 47px !important;
    margin-top: 47px !important; }
  .mx-md-47 {
    margin-left: 47px !important;
    margin-right: 47px !important; }
  .ml-md-47 {
    margin-left: 47px !important; }
  .mr-md-47 {
    margin-right: 47px !important; } }

.rtl .pl-48 {
  padding-left: 48px !important; }

.rtl .pr-48 {
  padding-right: 48px !important; }

.p-48 {
  padding: 48px !important; }

.pt-48 {
  padding-top: 48px !important; }

.pb-48 {
  padding-bottom: 48px !important; }

.py-48 {
  padding-bottom: 48px !important;
  padding-top: 48px !important; }

.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.pl-48 {
  padding-left: 48px !important; }

.pr-48 {
  padding-right: 48px !important; }

.m-48 {
  margin: 48px !important; }

.mt-48 {
  margin-top: 48px !important; }

.mb-48 {
  margin-bottom: 48px !important; }

.my-48 {
  margin-bottom: 48px !important;
  margin-top: 48px !important; }

.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.ml-48 {
  margin-left: 48px !important; }

.mr-48 {
  margin-right: 48px !important; }

@media (min-width: 991px) {
  .p-lg-48 {
    padding: 48px !important; }
  .pt-lg-48 {
    padding-top: 48px !important; }
  .pb-lg-48 {
    padding-bottom: 48px !important; }
  .py-lg-48 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }
  .px-lg-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .pl-lg-48 {
    padding-left: 48px !important; }
  .pr-lg-48 {
    padding-right: 48px !important; }
  .mp-lg-48 {
    margin: 48px !important; }
  .mt-lg-48 {
    margin-top: 48px !important; }
  .mb-lg-48 {
    margin-bottom: 48px !important; }
  .my-lg-48 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }
  .mx-lg-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .ml-lg-48 {
    margin-left: 48px !important; }
  .mr-lg-48 {
    margin-right: 48px !important; } }

@media (min-width: 767px) {
  .p-md-48 {
    padding: 48px !important; }
  .pt-md-48 {
    padding-top: 48px !important; }
  .pb-md-48 {
    padding-bottom: 48px !important; }
  .py-md-48 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }
  .px-md-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .pl-md-48 {
    padding-left: 48px !important; }
  .pr-md-48 {
    padding-right: 48px !important; }
  .m-md-48 {
    margin: 48px !important; }
  .mt-md-48 {
    margin-top: 48px !important; }
  .mb-md-48 {
    margin-bottom: 48px !important; }
  .my-md-48 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }
  .mx-md-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .ml-md-48 {
    margin-left: 48px !important; }
  .mr-md-48 {
    margin-right: 48px !important; } }

.rtl .pl-49 {
  padding-left: 49px !important; }

.rtl .pr-49 {
  padding-right: 49px !important; }

.p-49 {
  padding: 49px !important; }

.pt-49 {
  padding-top: 49px !important; }

.pb-49 {
  padding-bottom: 49px !important; }

.py-49 {
  padding-bottom: 49px !important;
  padding-top: 49px !important; }

.px-49 {
  padding-left: 49px !important;
  padding-right: 49px !important; }

.pl-49 {
  padding-left: 49px !important; }

.pr-49 {
  padding-right: 49px !important; }

.m-49 {
  margin: 49px !important; }

.mt-49 {
  margin-top: 49px !important; }

.mb-49 {
  margin-bottom: 49px !important; }

.my-49 {
  margin-bottom: 49px !important;
  margin-top: 49px !important; }

.mx-49 {
  margin-left: 49px !important;
  margin-right: 49px !important; }

.ml-49 {
  margin-left: 49px !important; }

.mr-49 {
  margin-right: 49px !important; }

@media (min-width: 991px) {
  .p-lg-49 {
    padding: 49px !important; }
  .pt-lg-49 {
    padding-top: 49px !important; }
  .pb-lg-49 {
    padding-bottom: 49px !important; }
  .py-lg-49 {
    padding-bottom: 49px !important;
    padding-top: 49px !important; }
  .px-lg-49 {
    padding-left: 49px !important;
    padding-right: 49px !important; }
  .pl-lg-49 {
    padding-left: 49px !important; }
  .pr-lg-49 {
    padding-right: 49px !important; }
  .mp-lg-49 {
    margin: 49px !important; }
  .mt-lg-49 {
    margin-top: 49px !important; }
  .mb-lg-49 {
    margin-bottom: 49px !important; }
  .my-lg-49 {
    margin-bottom: 49px !important;
    margin-top: 49px !important; }
  .mx-lg-49 {
    margin-left: 49px !important;
    margin-right: 49px !important; }
  .ml-lg-49 {
    margin-left: 49px !important; }
  .mr-lg-49 {
    margin-right: 49px !important; } }

@media (min-width: 767px) {
  .p-md-49 {
    padding: 49px !important; }
  .pt-md-49 {
    padding-top: 49px !important; }
  .pb-md-49 {
    padding-bottom: 49px !important; }
  .py-md-49 {
    padding-bottom: 49px !important;
    padding-top: 49px !important; }
  .px-md-49 {
    padding-left: 49px !important;
    padding-right: 49px !important; }
  .pl-md-49 {
    padding-left: 49px !important; }
  .pr-md-49 {
    padding-right: 49px !important; }
  .m-md-49 {
    margin: 49px !important; }
  .mt-md-49 {
    margin-top: 49px !important; }
  .mb-md-49 {
    margin-bottom: 49px !important; }
  .my-md-49 {
    margin-bottom: 49px !important;
    margin-top: 49px !important; }
  .mx-md-49 {
    margin-left: 49px !important;
    margin-right: 49px !important; }
  .ml-md-49 {
    margin-left: 49px !important; }
  .mr-md-49 {
    margin-right: 49px !important; } }

.rtl .pl-50 {
  padding-left: 50px !important; }

.rtl .pr-50 {
  padding-right: 50px !important; }

.p-50 {
  padding: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.py-50 {
  padding-bottom: 50px !important;
  padding-top: 50px !important; }

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.m-50 {
  margin: 50px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.my-50 {
  margin-bottom: 50px !important;
  margin-top: 50px !important; }

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

@media (min-width: 991px) {
  .p-lg-50 {
    padding: 50px !important; }
  .pt-lg-50 {
    padding-top: 50px !important; }
  .pb-lg-50 {
    padding-bottom: 50px !important; }
  .py-lg-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important; }
  .px-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important; }
  .pl-lg-50 {
    padding-left: 50px !important; }
  .pr-lg-50 {
    padding-right: 50px !important; }
  .mp-lg-50 {
    margin: 50px !important; }
  .mt-lg-50 {
    margin-top: 50px !important; }
  .mb-lg-50 {
    margin-bottom: 50px !important; }
  .my-lg-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important; }
  .mx-lg-50 {
    margin-left: 50px !important;
    margin-right: 50px !important; }
  .ml-lg-50 {
    margin-left: 50px !important; }
  .mr-lg-50 {
    margin-right: 50px !important; } }

@media (min-width: 767px) {
  .p-md-50 {
    padding: 50px !important; }
  .pt-md-50 {
    padding-top: 50px !important; }
  .pb-md-50 {
    padding-bottom: 50px !important; }
  .py-md-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important; }
  .px-md-50 {
    padding-left: 50px !important;
    padding-right: 50px !important; }
  .pl-md-50 {
    padding-left: 50px !important; }
  .pr-md-50 {
    padding-right: 50px !important; }
  .m-md-50 {
    margin: 50px !important; }
  .mt-md-50 {
    margin-top: 50px !important; }
  .mb-md-50 {
    margin-bottom: 50px !important; }
  .my-md-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important; }
  .mx-md-50 {
    margin-left: 50px !important;
    margin-right: 50px !important; }
  .ml-md-50 {
    margin-left: 50px !important; }
  .mr-md-50 {
    margin-right: 50px !important; } }

.rtl .pl-51 {
  padding-left: 51px !important; }

.rtl .pr-51 {
  padding-right: 51px !important; }

.p-51 {
  padding: 51px !important; }

.pt-51 {
  padding-top: 51px !important; }

.pb-51 {
  padding-bottom: 51px !important; }

.py-51 {
  padding-bottom: 51px !important;
  padding-top: 51px !important; }

.px-51 {
  padding-left: 51px !important;
  padding-right: 51px !important; }

.pl-51 {
  padding-left: 51px !important; }

.pr-51 {
  padding-right: 51px !important; }

.m-51 {
  margin: 51px !important; }

.mt-51 {
  margin-top: 51px !important; }

.mb-51 {
  margin-bottom: 51px !important; }

.my-51 {
  margin-bottom: 51px !important;
  margin-top: 51px !important; }

.mx-51 {
  margin-left: 51px !important;
  margin-right: 51px !important; }

.ml-51 {
  margin-left: 51px !important; }

.mr-51 {
  margin-right: 51px !important; }

@media (min-width: 991px) {
  .p-lg-51 {
    padding: 51px !important; }
  .pt-lg-51 {
    padding-top: 51px !important; }
  .pb-lg-51 {
    padding-bottom: 51px !important; }
  .py-lg-51 {
    padding-bottom: 51px !important;
    padding-top: 51px !important; }
  .px-lg-51 {
    padding-left: 51px !important;
    padding-right: 51px !important; }
  .pl-lg-51 {
    padding-left: 51px !important; }
  .pr-lg-51 {
    padding-right: 51px !important; }
  .mp-lg-51 {
    margin: 51px !important; }
  .mt-lg-51 {
    margin-top: 51px !important; }
  .mb-lg-51 {
    margin-bottom: 51px !important; }
  .my-lg-51 {
    margin-bottom: 51px !important;
    margin-top: 51px !important; }
  .mx-lg-51 {
    margin-left: 51px !important;
    margin-right: 51px !important; }
  .ml-lg-51 {
    margin-left: 51px !important; }
  .mr-lg-51 {
    margin-right: 51px !important; } }

@media (min-width: 767px) {
  .p-md-51 {
    padding: 51px !important; }
  .pt-md-51 {
    padding-top: 51px !important; }
  .pb-md-51 {
    padding-bottom: 51px !important; }
  .py-md-51 {
    padding-bottom: 51px !important;
    padding-top: 51px !important; }
  .px-md-51 {
    padding-left: 51px !important;
    padding-right: 51px !important; }
  .pl-md-51 {
    padding-left: 51px !important; }
  .pr-md-51 {
    padding-right: 51px !important; }
  .m-md-51 {
    margin: 51px !important; }
  .mt-md-51 {
    margin-top: 51px !important; }
  .mb-md-51 {
    margin-bottom: 51px !important; }
  .my-md-51 {
    margin-bottom: 51px !important;
    margin-top: 51px !important; }
  .mx-md-51 {
    margin-left: 51px !important;
    margin-right: 51px !important; }
  .ml-md-51 {
    margin-left: 51px !important; }
  .mr-md-51 {
    margin-right: 51px !important; } }

.rtl .pl-52 {
  padding-left: 52px !important; }

.rtl .pr-52 {
  padding-right: 52px !important; }

.p-52 {
  padding: 52px !important; }

.pt-52 {
  padding-top: 52px !important; }

.pb-52 {
  padding-bottom: 52px !important; }

.py-52 {
  padding-bottom: 52px !important;
  padding-top: 52px !important; }

.px-52 {
  padding-left: 52px !important;
  padding-right: 52px !important; }

.pl-52 {
  padding-left: 52px !important; }

.pr-52 {
  padding-right: 52px !important; }

.m-52 {
  margin: 52px !important; }

.mt-52 {
  margin-top: 52px !important; }

.mb-52 {
  margin-bottom: 52px !important; }

.my-52 {
  margin-bottom: 52px !important;
  margin-top: 52px !important; }

.mx-52 {
  margin-left: 52px !important;
  margin-right: 52px !important; }

.ml-52 {
  margin-left: 52px !important; }

.mr-52 {
  margin-right: 52px !important; }

@media (min-width: 991px) {
  .p-lg-52 {
    padding: 52px !important; }
  .pt-lg-52 {
    padding-top: 52px !important; }
  .pb-lg-52 {
    padding-bottom: 52px !important; }
  .py-lg-52 {
    padding-bottom: 52px !important;
    padding-top: 52px !important; }
  .px-lg-52 {
    padding-left: 52px !important;
    padding-right: 52px !important; }
  .pl-lg-52 {
    padding-left: 52px !important; }
  .pr-lg-52 {
    padding-right: 52px !important; }
  .mp-lg-52 {
    margin: 52px !important; }
  .mt-lg-52 {
    margin-top: 52px !important; }
  .mb-lg-52 {
    margin-bottom: 52px !important; }
  .my-lg-52 {
    margin-bottom: 52px !important;
    margin-top: 52px !important; }
  .mx-lg-52 {
    margin-left: 52px !important;
    margin-right: 52px !important; }
  .ml-lg-52 {
    margin-left: 52px !important; }
  .mr-lg-52 {
    margin-right: 52px !important; } }

@media (min-width: 767px) {
  .p-md-52 {
    padding: 52px !important; }
  .pt-md-52 {
    padding-top: 52px !important; }
  .pb-md-52 {
    padding-bottom: 52px !important; }
  .py-md-52 {
    padding-bottom: 52px !important;
    padding-top: 52px !important; }
  .px-md-52 {
    padding-left: 52px !important;
    padding-right: 52px !important; }
  .pl-md-52 {
    padding-left: 52px !important; }
  .pr-md-52 {
    padding-right: 52px !important; }
  .m-md-52 {
    margin: 52px !important; }
  .mt-md-52 {
    margin-top: 52px !important; }
  .mb-md-52 {
    margin-bottom: 52px !important; }
  .my-md-52 {
    margin-bottom: 52px !important;
    margin-top: 52px !important; }
  .mx-md-52 {
    margin-left: 52px !important;
    margin-right: 52px !important; }
  .ml-md-52 {
    margin-left: 52px !important; }
  .mr-md-52 {
    margin-right: 52px !important; } }

.rtl .pl-53 {
  padding-left: 53px !important; }

.rtl .pr-53 {
  padding-right: 53px !important; }

.p-53 {
  padding: 53px !important; }

.pt-53 {
  padding-top: 53px !important; }

.pb-53 {
  padding-bottom: 53px !important; }

.py-53 {
  padding-bottom: 53px !important;
  padding-top: 53px !important; }

.px-53 {
  padding-left: 53px !important;
  padding-right: 53px !important; }

.pl-53 {
  padding-left: 53px !important; }

.pr-53 {
  padding-right: 53px !important; }

.m-53 {
  margin: 53px !important; }

.mt-53 {
  margin-top: 53px !important; }

.mb-53 {
  margin-bottom: 53px !important; }

.my-53 {
  margin-bottom: 53px !important;
  margin-top: 53px !important; }

.mx-53 {
  margin-left: 53px !important;
  margin-right: 53px !important; }

.ml-53 {
  margin-left: 53px !important; }

.mr-53 {
  margin-right: 53px !important; }

@media (min-width: 991px) {
  .p-lg-53 {
    padding: 53px !important; }
  .pt-lg-53 {
    padding-top: 53px !important; }
  .pb-lg-53 {
    padding-bottom: 53px !important; }
  .py-lg-53 {
    padding-bottom: 53px !important;
    padding-top: 53px !important; }
  .px-lg-53 {
    padding-left: 53px !important;
    padding-right: 53px !important; }
  .pl-lg-53 {
    padding-left: 53px !important; }
  .pr-lg-53 {
    padding-right: 53px !important; }
  .mp-lg-53 {
    margin: 53px !important; }
  .mt-lg-53 {
    margin-top: 53px !important; }
  .mb-lg-53 {
    margin-bottom: 53px !important; }
  .my-lg-53 {
    margin-bottom: 53px !important;
    margin-top: 53px !important; }
  .mx-lg-53 {
    margin-left: 53px !important;
    margin-right: 53px !important; }
  .ml-lg-53 {
    margin-left: 53px !important; }
  .mr-lg-53 {
    margin-right: 53px !important; } }

@media (min-width: 767px) {
  .p-md-53 {
    padding: 53px !important; }
  .pt-md-53 {
    padding-top: 53px !important; }
  .pb-md-53 {
    padding-bottom: 53px !important; }
  .py-md-53 {
    padding-bottom: 53px !important;
    padding-top: 53px !important; }
  .px-md-53 {
    padding-left: 53px !important;
    padding-right: 53px !important; }
  .pl-md-53 {
    padding-left: 53px !important; }
  .pr-md-53 {
    padding-right: 53px !important; }
  .m-md-53 {
    margin: 53px !important; }
  .mt-md-53 {
    margin-top: 53px !important; }
  .mb-md-53 {
    margin-bottom: 53px !important; }
  .my-md-53 {
    margin-bottom: 53px !important;
    margin-top: 53px !important; }
  .mx-md-53 {
    margin-left: 53px !important;
    margin-right: 53px !important; }
  .ml-md-53 {
    margin-left: 53px !important; }
  .mr-md-53 {
    margin-right: 53px !important; } }

.rtl .pl-54 {
  padding-left: 54px !important; }

.rtl .pr-54 {
  padding-right: 54px !important; }

.p-54 {
  padding: 54px !important; }

.pt-54 {
  padding-top: 54px !important; }

.pb-54 {
  padding-bottom: 54px !important; }

.py-54 {
  padding-bottom: 54px !important;
  padding-top: 54px !important; }

.px-54 {
  padding-left: 54px !important;
  padding-right: 54px !important; }

.pl-54 {
  padding-left: 54px !important; }

.pr-54 {
  padding-right: 54px !important; }

.m-54 {
  margin: 54px !important; }

.mt-54 {
  margin-top: 54px !important; }

.mb-54 {
  margin-bottom: 54px !important; }

.my-54 {
  margin-bottom: 54px !important;
  margin-top: 54px !important; }

.mx-54 {
  margin-left: 54px !important;
  margin-right: 54px !important; }

.ml-54 {
  margin-left: 54px !important; }

.mr-54 {
  margin-right: 54px !important; }

@media (min-width: 991px) {
  .p-lg-54 {
    padding: 54px !important; }
  .pt-lg-54 {
    padding-top: 54px !important; }
  .pb-lg-54 {
    padding-bottom: 54px !important; }
  .py-lg-54 {
    padding-bottom: 54px !important;
    padding-top: 54px !important; }
  .px-lg-54 {
    padding-left: 54px !important;
    padding-right: 54px !important; }
  .pl-lg-54 {
    padding-left: 54px !important; }
  .pr-lg-54 {
    padding-right: 54px !important; }
  .mp-lg-54 {
    margin: 54px !important; }
  .mt-lg-54 {
    margin-top: 54px !important; }
  .mb-lg-54 {
    margin-bottom: 54px !important; }
  .my-lg-54 {
    margin-bottom: 54px !important;
    margin-top: 54px !important; }
  .mx-lg-54 {
    margin-left: 54px !important;
    margin-right: 54px !important; }
  .ml-lg-54 {
    margin-left: 54px !important; }
  .mr-lg-54 {
    margin-right: 54px !important; } }

@media (min-width: 767px) {
  .p-md-54 {
    padding: 54px !important; }
  .pt-md-54 {
    padding-top: 54px !important; }
  .pb-md-54 {
    padding-bottom: 54px !important; }
  .py-md-54 {
    padding-bottom: 54px !important;
    padding-top: 54px !important; }
  .px-md-54 {
    padding-left: 54px !important;
    padding-right: 54px !important; }
  .pl-md-54 {
    padding-left: 54px !important; }
  .pr-md-54 {
    padding-right: 54px !important; }
  .m-md-54 {
    margin: 54px !important; }
  .mt-md-54 {
    margin-top: 54px !important; }
  .mb-md-54 {
    margin-bottom: 54px !important; }
  .my-md-54 {
    margin-bottom: 54px !important;
    margin-top: 54px !important; }
  .mx-md-54 {
    margin-left: 54px !important;
    margin-right: 54px !important; }
  .ml-md-54 {
    margin-left: 54px !important; }
  .mr-md-54 {
    margin-right: 54px !important; } }

.rtl .pl-55 {
  padding-left: 55px !important; }

.rtl .pr-55 {
  padding-right: 55px !important; }

.p-55 {
  padding: 55px !important; }

.pt-55 {
  padding-top: 55px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.py-55 {
  padding-bottom: 55px !important;
  padding-top: 55px !important; }

.px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important; }

.pl-55 {
  padding-left: 55px !important; }

.pr-55 {
  padding-right: 55px !important; }

.m-55 {
  margin: 55px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.my-55 {
  margin-bottom: 55px !important;
  margin-top: 55px !important; }

.mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important; }

.ml-55 {
  margin-left: 55px !important; }

.mr-55 {
  margin-right: 55px !important; }

@media (min-width: 991px) {
  .p-lg-55 {
    padding: 55px !important; }
  .pt-lg-55 {
    padding-top: 55px !important; }
  .pb-lg-55 {
    padding-bottom: 55px !important; }
  .py-lg-55 {
    padding-bottom: 55px !important;
    padding-top: 55px !important; }
  .px-lg-55 {
    padding-left: 55px !important;
    padding-right: 55px !important; }
  .pl-lg-55 {
    padding-left: 55px !important; }
  .pr-lg-55 {
    padding-right: 55px !important; }
  .mp-lg-55 {
    margin: 55px !important; }
  .mt-lg-55 {
    margin-top: 55px !important; }
  .mb-lg-55 {
    margin-bottom: 55px !important; }
  .my-lg-55 {
    margin-bottom: 55px !important;
    margin-top: 55px !important; }
  .mx-lg-55 {
    margin-left: 55px !important;
    margin-right: 55px !important; }
  .ml-lg-55 {
    margin-left: 55px !important; }
  .mr-lg-55 {
    margin-right: 55px !important; } }

@media (min-width: 767px) {
  .p-md-55 {
    padding: 55px !important; }
  .pt-md-55 {
    padding-top: 55px !important; }
  .pb-md-55 {
    padding-bottom: 55px !important; }
  .py-md-55 {
    padding-bottom: 55px !important;
    padding-top: 55px !important; }
  .px-md-55 {
    padding-left: 55px !important;
    padding-right: 55px !important; }
  .pl-md-55 {
    padding-left: 55px !important; }
  .pr-md-55 {
    padding-right: 55px !important; }
  .m-md-55 {
    margin: 55px !important; }
  .mt-md-55 {
    margin-top: 55px !important; }
  .mb-md-55 {
    margin-bottom: 55px !important; }
  .my-md-55 {
    margin-bottom: 55px !important;
    margin-top: 55px !important; }
  .mx-md-55 {
    margin-left: 55px !important;
    margin-right: 55px !important; }
  .ml-md-55 {
    margin-left: 55px !important; }
  .mr-md-55 {
    margin-right: 55px !important; } }

.rtl .pl-56 {
  padding-left: 56px !important; }

.rtl .pr-56 {
  padding-right: 56px !important; }

.p-56 {
  padding: 56px !important; }

.pt-56 {
  padding-top: 56px !important; }

.pb-56 {
  padding-bottom: 56px !important; }

.py-56 {
  padding-bottom: 56px !important;
  padding-top: 56px !important; }

.px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

.pl-56 {
  padding-left: 56px !important; }

.pr-56 {
  padding-right: 56px !important; }

.m-56 {
  margin: 56px !important; }

.mt-56 {
  margin-top: 56px !important; }

.mb-56 {
  margin-bottom: 56px !important; }

.my-56 {
  margin-bottom: 56px !important;
  margin-top: 56px !important; }

.mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important; }

.ml-56 {
  margin-left: 56px !important; }

.mr-56 {
  margin-right: 56px !important; }

@media (min-width: 991px) {
  .p-lg-56 {
    padding: 56px !important; }
  .pt-lg-56 {
    padding-top: 56px !important; }
  .pb-lg-56 {
    padding-bottom: 56px !important; }
  .py-lg-56 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; }
  .px-lg-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .pl-lg-56 {
    padding-left: 56px !important; }
  .pr-lg-56 {
    padding-right: 56px !important; }
  .mp-lg-56 {
    margin: 56px !important; }
  .mt-lg-56 {
    margin-top: 56px !important; }
  .mb-lg-56 {
    margin-bottom: 56px !important; }
  .my-lg-56 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }
  .mx-lg-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .ml-lg-56 {
    margin-left: 56px !important; }
  .mr-lg-56 {
    margin-right: 56px !important; } }

@media (min-width: 767px) {
  .p-md-56 {
    padding: 56px !important; }
  .pt-md-56 {
    padding-top: 56px !important; }
  .pb-md-56 {
    padding-bottom: 56px !important; }
  .py-md-56 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; }
  .px-md-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .pl-md-56 {
    padding-left: 56px !important; }
  .pr-md-56 {
    padding-right: 56px !important; }
  .m-md-56 {
    margin: 56px !important; }
  .mt-md-56 {
    margin-top: 56px !important; }
  .mb-md-56 {
    margin-bottom: 56px !important; }
  .my-md-56 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }
  .mx-md-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .ml-md-56 {
    margin-left: 56px !important; }
  .mr-md-56 {
    margin-right: 56px !important; } }

.rtl .pl-57 {
  padding-left: 57px !important; }

.rtl .pr-57 {
  padding-right: 57px !important; }

.p-57 {
  padding: 57px !important; }

.pt-57 {
  padding-top: 57px !important; }

.pb-57 {
  padding-bottom: 57px !important; }

.py-57 {
  padding-bottom: 57px !important;
  padding-top: 57px !important; }

.px-57 {
  padding-left: 57px !important;
  padding-right: 57px !important; }

.pl-57 {
  padding-left: 57px !important; }

.pr-57 {
  padding-right: 57px !important; }

.m-57 {
  margin: 57px !important; }

.mt-57 {
  margin-top: 57px !important; }

.mb-57 {
  margin-bottom: 57px !important; }

.my-57 {
  margin-bottom: 57px !important;
  margin-top: 57px !important; }

.mx-57 {
  margin-left: 57px !important;
  margin-right: 57px !important; }

.ml-57 {
  margin-left: 57px !important; }

.mr-57 {
  margin-right: 57px !important; }

@media (min-width: 991px) {
  .p-lg-57 {
    padding: 57px !important; }
  .pt-lg-57 {
    padding-top: 57px !important; }
  .pb-lg-57 {
    padding-bottom: 57px !important; }
  .py-lg-57 {
    padding-bottom: 57px !important;
    padding-top: 57px !important; }
  .px-lg-57 {
    padding-left: 57px !important;
    padding-right: 57px !important; }
  .pl-lg-57 {
    padding-left: 57px !important; }
  .pr-lg-57 {
    padding-right: 57px !important; }
  .mp-lg-57 {
    margin: 57px !important; }
  .mt-lg-57 {
    margin-top: 57px !important; }
  .mb-lg-57 {
    margin-bottom: 57px !important; }
  .my-lg-57 {
    margin-bottom: 57px !important;
    margin-top: 57px !important; }
  .mx-lg-57 {
    margin-left: 57px !important;
    margin-right: 57px !important; }
  .ml-lg-57 {
    margin-left: 57px !important; }
  .mr-lg-57 {
    margin-right: 57px !important; } }

@media (min-width: 767px) {
  .p-md-57 {
    padding: 57px !important; }
  .pt-md-57 {
    padding-top: 57px !important; }
  .pb-md-57 {
    padding-bottom: 57px !important; }
  .py-md-57 {
    padding-bottom: 57px !important;
    padding-top: 57px !important; }
  .px-md-57 {
    padding-left: 57px !important;
    padding-right: 57px !important; }
  .pl-md-57 {
    padding-left: 57px !important; }
  .pr-md-57 {
    padding-right: 57px !important; }
  .m-md-57 {
    margin: 57px !important; }
  .mt-md-57 {
    margin-top: 57px !important; }
  .mb-md-57 {
    margin-bottom: 57px !important; }
  .my-md-57 {
    margin-bottom: 57px !important;
    margin-top: 57px !important; }
  .mx-md-57 {
    margin-left: 57px !important;
    margin-right: 57px !important; }
  .ml-md-57 {
    margin-left: 57px !important; }
  .mr-md-57 {
    margin-right: 57px !important; } }

.rtl .pl-58 {
  padding-left: 58px !important; }

.rtl .pr-58 {
  padding-right: 58px !important; }

.p-58 {
  padding: 58px !important; }

.pt-58 {
  padding-top: 58px !important; }

.pb-58 {
  padding-bottom: 58px !important; }

.py-58 {
  padding-bottom: 58px !important;
  padding-top: 58px !important; }

.px-58 {
  padding-left: 58px !important;
  padding-right: 58px !important; }

.pl-58 {
  padding-left: 58px !important; }

.pr-58 {
  padding-right: 58px !important; }

.m-58 {
  margin: 58px !important; }

.mt-58 {
  margin-top: 58px !important; }

.mb-58 {
  margin-bottom: 58px !important; }

.my-58 {
  margin-bottom: 58px !important;
  margin-top: 58px !important; }

.mx-58 {
  margin-left: 58px !important;
  margin-right: 58px !important; }

.ml-58 {
  margin-left: 58px !important; }

.mr-58 {
  margin-right: 58px !important; }

@media (min-width: 991px) {
  .p-lg-58 {
    padding: 58px !important; }
  .pt-lg-58 {
    padding-top: 58px !important; }
  .pb-lg-58 {
    padding-bottom: 58px !important; }
  .py-lg-58 {
    padding-bottom: 58px !important;
    padding-top: 58px !important; }
  .px-lg-58 {
    padding-left: 58px !important;
    padding-right: 58px !important; }
  .pl-lg-58 {
    padding-left: 58px !important; }
  .pr-lg-58 {
    padding-right: 58px !important; }
  .mp-lg-58 {
    margin: 58px !important; }
  .mt-lg-58 {
    margin-top: 58px !important; }
  .mb-lg-58 {
    margin-bottom: 58px !important; }
  .my-lg-58 {
    margin-bottom: 58px !important;
    margin-top: 58px !important; }
  .mx-lg-58 {
    margin-left: 58px !important;
    margin-right: 58px !important; }
  .ml-lg-58 {
    margin-left: 58px !important; }
  .mr-lg-58 {
    margin-right: 58px !important; } }

@media (min-width: 767px) {
  .p-md-58 {
    padding: 58px !important; }
  .pt-md-58 {
    padding-top: 58px !important; }
  .pb-md-58 {
    padding-bottom: 58px !important; }
  .py-md-58 {
    padding-bottom: 58px !important;
    padding-top: 58px !important; }
  .px-md-58 {
    padding-left: 58px !important;
    padding-right: 58px !important; }
  .pl-md-58 {
    padding-left: 58px !important; }
  .pr-md-58 {
    padding-right: 58px !important; }
  .m-md-58 {
    margin: 58px !important; }
  .mt-md-58 {
    margin-top: 58px !important; }
  .mb-md-58 {
    margin-bottom: 58px !important; }
  .my-md-58 {
    margin-bottom: 58px !important;
    margin-top: 58px !important; }
  .mx-md-58 {
    margin-left: 58px !important;
    margin-right: 58px !important; }
  .ml-md-58 {
    margin-left: 58px !important; }
  .mr-md-58 {
    margin-right: 58px !important; } }

.rtl .pl-59 {
  padding-left: 59px !important; }

.rtl .pr-59 {
  padding-right: 59px !important; }

.p-59 {
  padding: 59px !important; }

.pt-59 {
  padding-top: 59px !important; }

.pb-59 {
  padding-bottom: 59px !important; }

.py-59 {
  padding-bottom: 59px !important;
  padding-top: 59px !important; }

.px-59 {
  padding-left: 59px !important;
  padding-right: 59px !important; }

.pl-59 {
  padding-left: 59px !important; }

.pr-59 {
  padding-right: 59px !important; }

.m-59 {
  margin: 59px !important; }

.mt-59 {
  margin-top: 59px !important; }

.mb-59 {
  margin-bottom: 59px !important; }

.my-59 {
  margin-bottom: 59px !important;
  margin-top: 59px !important; }

.mx-59 {
  margin-left: 59px !important;
  margin-right: 59px !important; }

.ml-59 {
  margin-left: 59px !important; }

.mr-59 {
  margin-right: 59px !important; }

@media (min-width: 991px) {
  .p-lg-59 {
    padding: 59px !important; }
  .pt-lg-59 {
    padding-top: 59px !important; }
  .pb-lg-59 {
    padding-bottom: 59px !important; }
  .py-lg-59 {
    padding-bottom: 59px !important;
    padding-top: 59px !important; }
  .px-lg-59 {
    padding-left: 59px !important;
    padding-right: 59px !important; }
  .pl-lg-59 {
    padding-left: 59px !important; }
  .pr-lg-59 {
    padding-right: 59px !important; }
  .mp-lg-59 {
    margin: 59px !important; }
  .mt-lg-59 {
    margin-top: 59px !important; }
  .mb-lg-59 {
    margin-bottom: 59px !important; }
  .my-lg-59 {
    margin-bottom: 59px !important;
    margin-top: 59px !important; }
  .mx-lg-59 {
    margin-left: 59px !important;
    margin-right: 59px !important; }
  .ml-lg-59 {
    margin-left: 59px !important; }
  .mr-lg-59 {
    margin-right: 59px !important; } }

@media (min-width: 767px) {
  .p-md-59 {
    padding: 59px !important; }
  .pt-md-59 {
    padding-top: 59px !important; }
  .pb-md-59 {
    padding-bottom: 59px !important; }
  .py-md-59 {
    padding-bottom: 59px !important;
    padding-top: 59px !important; }
  .px-md-59 {
    padding-left: 59px !important;
    padding-right: 59px !important; }
  .pl-md-59 {
    padding-left: 59px !important; }
  .pr-md-59 {
    padding-right: 59px !important; }
  .m-md-59 {
    margin: 59px !important; }
  .mt-md-59 {
    margin-top: 59px !important; }
  .mb-md-59 {
    margin-bottom: 59px !important; }
  .my-md-59 {
    margin-bottom: 59px !important;
    margin-top: 59px !important; }
  .mx-md-59 {
    margin-left: 59px !important;
    margin-right: 59px !important; }
  .ml-md-59 {
    margin-left: 59px !important; }
  .mr-md-59 {
    margin-right: 59px !important; } }

.rtl .pl-60 {
  padding-left: 60px !important; }

.rtl .pr-60 {
  padding-right: 60px !important; }

.p-60 {
  padding: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.py-60 {
  padding-bottom: 60px !important;
  padding-top: 60px !important; }

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.m-60 {
  margin: 60px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.my-60 {
  margin-bottom: 60px !important;
  margin-top: 60px !important; }

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

@media (min-width: 991px) {
  .p-lg-60 {
    padding: 60px !important; }
  .pt-lg-60 {
    padding-top: 60px !important; }
  .pb-lg-60 {
    padding-bottom: 60px !important; }
  .py-lg-60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important; }
  .px-lg-60 {
    padding-left: 60px !important;
    padding-right: 60px !important; }
  .pl-lg-60 {
    padding-left: 60px !important; }
  .pr-lg-60 {
    padding-right: 60px !important; }
  .mp-lg-60 {
    margin: 60px !important; }
  .mt-lg-60 {
    margin-top: 60px !important; }
  .mb-lg-60 {
    margin-bottom: 60px !important; }
  .my-lg-60 {
    margin-bottom: 60px !important;
    margin-top: 60px !important; }
  .mx-lg-60 {
    margin-left: 60px !important;
    margin-right: 60px !important; }
  .ml-lg-60 {
    margin-left: 60px !important; }
  .mr-lg-60 {
    margin-right: 60px !important; } }

@media (min-width: 767px) {
  .p-md-60 {
    padding: 60px !important; }
  .pt-md-60 {
    padding-top: 60px !important; }
  .pb-md-60 {
    padding-bottom: 60px !important; }
  .py-md-60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important; }
  .px-md-60 {
    padding-left: 60px !important;
    padding-right: 60px !important; }
  .pl-md-60 {
    padding-left: 60px !important; }
  .pr-md-60 {
    padding-right: 60px !important; }
  .m-md-60 {
    margin: 60px !important; }
  .mt-md-60 {
    margin-top: 60px !important; }
  .mb-md-60 {
    margin-bottom: 60px !important; }
  .my-md-60 {
    margin-bottom: 60px !important;
    margin-top: 60px !important; }
  .mx-md-60 {
    margin-left: 60px !important;
    margin-right: 60px !important; }
  .ml-md-60 {
    margin-left: 60px !important; }
  .mr-md-60 {
    margin-right: 60px !important; } }

.rtl .pl-61 {
  padding-left: 61px !important; }

.rtl .pr-61 {
  padding-right: 61px !important; }

.p-61 {
  padding: 61px !important; }

.pt-61 {
  padding-top: 61px !important; }

.pb-61 {
  padding-bottom: 61px !important; }

.py-61 {
  padding-bottom: 61px !important;
  padding-top: 61px !important; }

.px-61 {
  padding-left: 61px !important;
  padding-right: 61px !important; }

.pl-61 {
  padding-left: 61px !important; }

.pr-61 {
  padding-right: 61px !important; }

.m-61 {
  margin: 61px !important; }

.mt-61 {
  margin-top: 61px !important; }

.mb-61 {
  margin-bottom: 61px !important; }

.my-61 {
  margin-bottom: 61px !important;
  margin-top: 61px !important; }

.mx-61 {
  margin-left: 61px !important;
  margin-right: 61px !important; }

.ml-61 {
  margin-left: 61px !important; }

.mr-61 {
  margin-right: 61px !important; }

@media (min-width: 991px) {
  .p-lg-61 {
    padding: 61px !important; }
  .pt-lg-61 {
    padding-top: 61px !important; }
  .pb-lg-61 {
    padding-bottom: 61px !important; }
  .py-lg-61 {
    padding-bottom: 61px !important;
    padding-top: 61px !important; }
  .px-lg-61 {
    padding-left: 61px !important;
    padding-right: 61px !important; }
  .pl-lg-61 {
    padding-left: 61px !important; }
  .pr-lg-61 {
    padding-right: 61px !important; }
  .mp-lg-61 {
    margin: 61px !important; }
  .mt-lg-61 {
    margin-top: 61px !important; }
  .mb-lg-61 {
    margin-bottom: 61px !important; }
  .my-lg-61 {
    margin-bottom: 61px !important;
    margin-top: 61px !important; }
  .mx-lg-61 {
    margin-left: 61px !important;
    margin-right: 61px !important; }
  .ml-lg-61 {
    margin-left: 61px !important; }
  .mr-lg-61 {
    margin-right: 61px !important; } }

@media (min-width: 767px) {
  .p-md-61 {
    padding: 61px !important; }
  .pt-md-61 {
    padding-top: 61px !important; }
  .pb-md-61 {
    padding-bottom: 61px !important; }
  .py-md-61 {
    padding-bottom: 61px !important;
    padding-top: 61px !important; }
  .px-md-61 {
    padding-left: 61px !important;
    padding-right: 61px !important; }
  .pl-md-61 {
    padding-left: 61px !important; }
  .pr-md-61 {
    padding-right: 61px !important; }
  .m-md-61 {
    margin: 61px !important; }
  .mt-md-61 {
    margin-top: 61px !important; }
  .mb-md-61 {
    margin-bottom: 61px !important; }
  .my-md-61 {
    margin-bottom: 61px !important;
    margin-top: 61px !important; }
  .mx-md-61 {
    margin-left: 61px !important;
    margin-right: 61px !important; }
  .ml-md-61 {
    margin-left: 61px !important; }
  .mr-md-61 {
    margin-right: 61px !important; } }

.rtl .pl-62 {
  padding-left: 62px !important; }

.rtl .pr-62 {
  padding-right: 62px !important; }

.p-62 {
  padding: 62px !important; }

.pt-62 {
  padding-top: 62px !important; }

.pb-62 {
  padding-bottom: 62px !important; }

.py-62 {
  padding-bottom: 62px !important;
  padding-top: 62px !important; }

.px-62 {
  padding-left: 62px !important;
  padding-right: 62px !important; }

.pl-62 {
  padding-left: 62px !important; }

.pr-62 {
  padding-right: 62px !important; }

.m-62 {
  margin: 62px !important; }

.mt-62 {
  margin-top: 62px !important; }

.mb-62 {
  margin-bottom: 62px !important; }

.my-62 {
  margin-bottom: 62px !important;
  margin-top: 62px !important; }

.mx-62 {
  margin-left: 62px !important;
  margin-right: 62px !important; }

.ml-62 {
  margin-left: 62px !important; }

.mr-62 {
  margin-right: 62px !important; }

@media (min-width: 991px) {
  .p-lg-62 {
    padding: 62px !important; }
  .pt-lg-62 {
    padding-top: 62px !important; }
  .pb-lg-62 {
    padding-bottom: 62px !important; }
  .py-lg-62 {
    padding-bottom: 62px !important;
    padding-top: 62px !important; }
  .px-lg-62 {
    padding-left: 62px !important;
    padding-right: 62px !important; }
  .pl-lg-62 {
    padding-left: 62px !important; }
  .pr-lg-62 {
    padding-right: 62px !important; }
  .mp-lg-62 {
    margin: 62px !important; }
  .mt-lg-62 {
    margin-top: 62px !important; }
  .mb-lg-62 {
    margin-bottom: 62px !important; }
  .my-lg-62 {
    margin-bottom: 62px !important;
    margin-top: 62px !important; }
  .mx-lg-62 {
    margin-left: 62px !important;
    margin-right: 62px !important; }
  .ml-lg-62 {
    margin-left: 62px !important; }
  .mr-lg-62 {
    margin-right: 62px !important; } }

@media (min-width: 767px) {
  .p-md-62 {
    padding: 62px !important; }
  .pt-md-62 {
    padding-top: 62px !important; }
  .pb-md-62 {
    padding-bottom: 62px !important; }
  .py-md-62 {
    padding-bottom: 62px !important;
    padding-top: 62px !important; }
  .px-md-62 {
    padding-left: 62px !important;
    padding-right: 62px !important; }
  .pl-md-62 {
    padding-left: 62px !important; }
  .pr-md-62 {
    padding-right: 62px !important; }
  .m-md-62 {
    margin: 62px !important; }
  .mt-md-62 {
    margin-top: 62px !important; }
  .mb-md-62 {
    margin-bottom: 62px !important; }
  .my-md-62 {
    margin-bottom: 62px !important;
    margin-top: 62px !important; }
  .mx-md-62 {
    margin-left: 62px !important;
    margin-right: 62px !important; }
  .ml-md-62 {
    margin-left: 62px !important; }
  .mr-md-62 {
    margin-right: 62px !important; } }

.rtl .pl-63 {
  padding-left: 63px !important; }

.rtl .pr-63 {
  padding-right: 63px !important; }

.p-63 {
  padding: 63px !important; }

.pt-63 {
  padding-top: 63px !important; }

.pb-63 {
  padding-bottom: 63px !important; }

.py-63 {
  padding-bottom: 63px !important;
  padding-top: 63px !important; }

.px-63 {
  padding-left: 63px !important;
  padding-right: 63px !important; }

.pl-63 {
  padding-left: 63px !important; }

.pr-63 {
  padding-right: 63px !important; }

.m-63 {
  margin: 63px !important; }

.mt-63 {
  margin-top: 63px !important; }

.mb-63 {
  margin-bottom: 63px !important; }

.my-63 {
  margin-bottom: 63px !important;
  margin-top: 63px !important; }

.mx-63 {
  margin-left: 63px !important;
  margin-right: 63px !important; }

.ml-63 {
  margin-left: 63px !important; }

.mr-63 {
  margin-right: 63px !important; }

@media (min-width: 991px) {
  .p-lg-63 {
    padding: 63px !important; }
  .pt-lg-63 {
    padding-top: 63px !important; }
  .pb-lg-63 {
    padding-bottom: 63px !important; }
  .py-lg-63 {
    padding-bottom: 63px !important;
    padding-top: 63px !important; }
  .px-lg-63 {
    padding-left: 63px !important;
    padding-right: 63px !important; }
  .pl-lg-63 {
    padding-left: 63px !important; }
  .pr-lg-63 {
    padding-right: 63px !important; }
  .mp-lg-63 {
    margin: 63px !important; }
  .mt-lg-63 {
    margin-top: 63px !important; }
  .mb-lg-63 {
    margin-bottom: 63px !important; }
  .my-lg-63 {
    margin-bottom: 63px !important;
    margin-top: 63px !important; }
  .mx-lg-63 {
    margin-left: 63px !important;
    margin-right: 63px !important; }
  .ml-lg-63 {
    margin-left: 63px !important; }
  .mr-lg-63 {
    margin-right: 63px !important; } }

@media (min-width: 767px) {
  .p-md-63 {
    padding: 63px !important; }
  .pt-md-63 {
    padding-top: 63px !important; }
  .pb-md-63 {
    padding-bottom: 63px !important; }
  .py-md-63 {
    padding-bottom: 63px !important;
    padding-top: 63px !important; }
  .px-md-63 {
    padding-left: 63px !important;
    padding-right: 63px !important; }
  .pl-md-63 {
    padding-left: 63px !important; }
  .pr-md-63 {
    padding-right: 63px !important; }
  .m-md-63 {
    margin: 63px !important; }
  .mt-md-63 {
    margin-top: 63px !important; }
  .mb-md-63 {
    margin-bottom: 63px !important; }
  .my-md-63 {
    margin-bottom: 63px !important;
    margin-top: 63px !important; }
  .mx-md-63 {
    margin-left: 63px !important;
    margin-right: 63px !important; }
  .ml-md-63 {
    margin-left: 63px !important; }
  .mr-md-63 {
    margin-right: 63px !important; } }

.rtl .pl-64 {
  padding-left: 64px !important; }

.rtl .pr-64 {
  padding-right: 64px !important; }

.p-64 {
  padding: 64px !important; }

.pt-64 {
  padding-top: 64px !important; }

.pb-64 {
  padding-bottom: 64px !important; }

.py-64 {
  padding-bottom: 64px !important;
  padding-top: 64px !important; }

.px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important; }

.pl-64 {
  padding-left: 64px !important; }

.pr-64 {
  padding-right: 64px !important; }

.m-64 {
  margin: 64px !important; }

.mt-64 {
  margin-top: 64px !important; }

.mb-64 {
  margin-bottom: 64px !important; }

.my-64 {
  margin-bottom: 64px !important;
  margin-top: 64px !important; }

.mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important; }

.ml-64 {
  margin-left: 64px !important; }

.mr-64 {
  margin-right: 64px !important; }

@media (min-width: 991px) {
  .p-lg-64 {
    padding: 64px !important; }
  .pt-lg-64 {
    padding-top: 64px !important; }
  .pb-lg-64 {
    padding-bottom: 64px !important; }
  .py-lg-64 {
    padding-bottom: 64px !important;
    padding-top: 64px !important; }
  .px-lg-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .pl-lg-64 {
    padding-left: 64px !important; }
  .pr-lg-64 {
    padding-right: 64px !important; }
  .mp-lg-64 {
    margin: 64px !important; }
  .mt-lg-64 {
    margin-top: 64px !important; }
  .mb-lg-64 {
    margin-bottom: 64px !important; }
  .my-lg-64 {
    margin-bottom: 64px !important;
    margin-top: 64px !important; }
  .mx-lg-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .ml-lg-64 {
    margin-left: 64px !important; }
  .mr-lg-64 {
    margin-right: 64px !important; } }

@media (min-width: 767px) {
  .p-md-64 {
    padding: 64px !important; }
  .pt-md-64 {
    padding-top: 64px !important; }
  .pb-md-64 {
    padding-bottom: 64px !important; }
  .py-md-64 {
    padding-bottom: 64px !important;
    padding-top: 64px !important; }
  .px-md-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .pl-md-64 {
    padding-left: 64px !important; }
  .pr-md-64 {
    padding-right: 64px !important; }
  .m-md-64 {
    margin: 64px !important; }
  .mt-md-64 {
    margin-top: 64px !important; }
  .mb-md-64 {
    margin-bottom: 64px !important; }
  .my-md-64 {
    margin-bottom: 64px !important;
    margin-top: 64px !important; }
  .mx-md-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .ml-md-64 {
    margin-left: 64px !important; }
  .mr-md-64 {
    margin-right: 64px !important; } }

.rtl .pl-65 {
  padding-left: 65px !important; }

.rtl .pr-65 {
  padding-right: 65px !important; }

.p-65 {
  padding: 65px !important; }

.pt-65 {
  padding-top: 65px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.py-65 {
  padding-bottom: 65px !important;
  padding-top: 65px !important; }

.px-65 {
  padding-left: 65px !important;
  padding-right: 65px !important; }

.pl-65 {
  padding-left: 65px !important; }

.pr-65 {
  padding-right: 65px !important; }

.m-65 {
  margin: 65px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.my-65 {
  margin-bottom: 65px !important;
  margin-top: 65px !important; }

.mx-65 {
  margin-left: 65px !important;
  margin-right: 65px !important; }

.ml-65 {
  margin-left: 65px !important; }

.mr-65 {
  margin-right: 65px !important; }

@media (min-width: 991px) {
  .p-lg-65 {
    padding: 65px !important; }
  .pt-lg-65 {
    padding-top: 65px !important; }
  .pb-lg-65 {
    padding-bottom: 65px !important; }
  .py-lg-65 {
    padding-bottom: 65px !important;
    padding-top: 65px !important; }
  .px-lg-65 {
    padding-left: 65px !important;
    padding-right: 65px !important; }
  .pl-lg-65 {
    padding-left: 65px !important; }
  .pr-lg-65 {
    padding-right: 65px !important; }
  .mp-lg-65 {
    margin: 65px !important; }
  .mt-lg-65 {
    margin-top: 65px !important; }
  .mb-lg-65 {
    margin-bottom: 65px !important; }
  .my-lg-65 {
    margin-bottom: 65px !important;
    margin-top: 65px !important; }
  .mx-lg-65 {
    margin-left: 65px !important;
    margin-right: 65px !important; }
  .ml-lg-65 {
    margin-left: 65px !important; }
  .mr-lg-65 {
    margin-right: 65px !important; } }

@media (min-width: 767px) {
  .p-md-65 {
    padding: 65px !important; }
  .pt-md-65 {
    padding-top: 65px !important; }
  .pb-md-65 {
    padding-bottom: 65px !important; }
  .py-md-65 {
    padding-bottom: 65px !important;
    padding-top: 65px !important; }
  .px-md-65 {
    padding-left: 65px !important;
    padding-right: 65px !important; }
  .pl-md-65 {
    padding-left: 65px !important; }
  .pr-md-65 {
    padding-right: 65px !important; }
  .m-md-65 {
    margin: 65px !important; }
  .mt-md-65 {
    margin-top: 65px !important; }
  .mb-md-65 {
    margin-bottom: 65px !important; }
  .my-md-65 {
    margin-bottom: 65px !important;
    margin-top: 65px !important; }
  .mx-md-65 {
    margin-left: 65px !important;
    margin-right: 65px !important; }
  .ml-md-65 {
    margin-left: 65px !important; }
  .mr-md-65 {
    margin-right: 65px !important; } }

.rtl .pl-66 {
  padding-left: 66px !important; }

.rtl .pr-66 {
  padding-right: 66px !important; }

.p-66 {
  padding: 66px !important; }

.pt-66 {
  padding-top: 66px !important; }

.pb-66 {
  padding-bottom: 66px !important; }

.py-66 {
  padding-bottom: 66px !important;
  padding-top: 66px !important; }

.px-66 {
  padding-left: 66px !important;
  padding-right: 66px !important; }

.pl-66 {
  padding-left: 66px !important; }

.pr-66 {
  padding-right: 66px !important; }

.m-66 {
  margin: 66px !important; }

.mt-66 {
  margin-top: 66px !important; }

.mb-66 {
  margin-bottom: 66px !important; }

.my-66 {
  margin-bottom: 66px !important;
  margin-top: 66px !important; }

.mx-66 {
  margin-left: 66px !important;
  margin-right: 66px !important; }

.ml-66 {
  margin-left: 66px !important; }

.mr-66 {
  margin-right: 66px !important; }

@media (min-width: 991px) {
  .p-lg-66 {
    padding: 66px !important; }
  .pt-lg-66 {
    padding-top: 66px !important; }
  .pb-lg-66 {
    padding-bottom: 66px !important; }
  .py-lg-66 {
    padding-bottom: 66px !important;
    padding-top: 66px !important; }
  .px-lg-66 {
    padding-left: 66px !important;
    padding-right: 66px !important; }
  .pl-lg-66 {
    padding-left: 66px !important; }
  .pr-lg-66 {
    padding-right: 66px !important; }
  .mp-lg-66 {
    margin: 66px !important; }
  .mt-lg-66 {
    margin-top: 66px !important; }
  .mb-lg-66 {
    margin-bottom: 66px !important; }
  .my-lg-66 {
    margin-bottom: 66px !important;
    margin-top: 66px !important; }
  .mx-lg-66 {
    margin-left: 66px !important;
    margin-right: 66px !important; }
  .ml-lg-66 {
    margin-left: 66px !important; }
  .mr-lg-66 {
    margin-right: 66px !important; } }

@media (min-width: 767px) {
  .p-md-66 {
    padding: 66px !important; }
  .pt-md-66 {
    padding-top: 66px !important; }
  .pb-md-66 {
    padding-bottom: 66px !important; }
  .py-md-66 {
    padding-bottom: 66px !important;
    padding-top: 66px !important; }
  .px-md-66 {
    padding-left: 66px !important;
    padding-right: 66px !important; }
  .pl-md-66 {
    padding-left: 66px !important; }
  .pr-md-66 {
    padding-right: 66px !important; }
  .m-md-66 {
    margin: 66px !important; }
  .mt-md-66 {
    margin-top: 66px !important; }
  .mb-md-66 {
    margin-bottom: 66px !important; }
  .my-md-66 {
    margin-bottom: 66px !important;
    margin-top: 66px !important; }
  .mx-md-66 {
    margin-left: 66px !important;
    margin-right: 66px !important; }
  .ml-md-66 {
    margin-left: 66px !important; }
  .mr-md-66 {
    margin-right: 66px !important; } }

.rtl .pl-67 {
  padding-left: 67px !important; }

.rtl .pr-67 {
  padding-right: 67px !important; }

.p-67 {
  padding: 67px !important; }

.pt-67 {
  padding-top: 67px !important; }

.pb-67 {
  padding-bottom: 67px !important; }

.py-67 {
  padding-bottom: 67px !important;
  padding-top: 67px !important; }

.px-67 {
  padding-left: 67px !important;
  padding-right: 67px !important; }

.pl-67 {
  padding-left: 67px !important; }

.pr-67 {
  padding-right: 67px !important; }

.m-67 {
  margin: 67px !important; }

.mt-67 {
  margin-top: 67px !important; }

.mb-67 {
  margin-bottom: 67px !important; }

.my-67 {
  margin-bottom: 67px !important;
  margin-top: 67px !important; }

.mx-67 {
  margin-left: 67px !important;
  margin-right: 67px !important; }

.ml-67 {
  margin-left: 67px !important; }

.mr-67 {
  margin-right: 67px !important; }

@media (min-width: 991px) {
  .p-lg-67 {
    padding: 67px !important; }
  .pt-lg-67 {
    padding-top: 67px !important; }
  .pb-lg-67 {
    padding-bottom: 67px !important; }
  .py-lg-67 {
    padding-bottom: 67px !important;
    padding-top: 67px !important; }
  .px-lg-67 {
    padding-left: 67px !important;
    padding-right: 67px !important; }
  .pl-lg-67 {
    padding-left: 67px !important; }
  .pr-lg-67 {
    padding-right: 67px !important; }
  .mp-lg-67 {
    margin: 67px !important; }
  .mt-lg-67 {
    margin-top: 67px !important; }
  .mb-lg-67 {
    margin-bottom: 67px !important; }
  .my-lg-67 {
    margin-bottom: 67px !important;
    margin-top: 67px !important; }
  .mx-lg-67 {
    margin-left: 67px !important;
    margin-right: 67px !important; }
  .ml-lg-67 {
    margin-left: 67px !important; }
  .mr-lg-67 {
    margin-right: 67px !important; } }

@media (min-width: 767px) {
  .p-md-67 {
    padding: 67px !important; }
  .pt-md-67 {
    padding-top: 67px !important; }
  .pb-md-67 {
    padding-bottom: 67px !important; }
  .py-md-67 {
    padding-bottom: 67px !important;
    padding-top: 67px !important; }
  .px-md-67 {
    padding-left: 67px !important;
    padding-right: 67px !important; }
  .pl-md-67 {
    padding-left: 67px !important; }
  .pr-md-67 {
    padding-right: 67px !important; }
  .m-md-67 {
    margin: 67px !important; }
  .mt-md-67 {
    margin-top: 67px !important; }
  .mb-md-67 {
    margin-bottom: 67px !important; }
  .my-md-67 {
    margin-bottom: 67px !important;
    margin-top: 67px !important; }
  .mx-md-67 {
    margin-left: 67px !important;
    margin-right: 67px !important; }
  .ml-md-67 {
    margin-left: 67px !important; }
  .mr-md-67 {
    margin-right: 67px !important; } }

.rtl .pl-68 {
  padding-left: 68px !important; }

.rtl .pr-68 {
  padding-right: 68px !important; }

.p-68 {
  padding: 68px !important; }

.pt-68 {
  padding-top: 68px !important; }

.pb-68 {
  padding-bottom: 68px !important; }

.py-68 {
  padding-bottom: 68px !important;
  padding-top: 68px !important; }

.px-68 {
  padding-left: 68px !important;
  padding-right: 68px !important; }

.pl-68 {
  padding-left: 68px !important; }

.pr-68 {
  padding-right: 68px !important; }

.m-68 {
  margin: 68px !important; }

.mt-68 {
  margin-top: 68px !important; }

.mb-68 {
  margin-bottom: 68px !important; }

.my-68 {
  margin-bottom: 68px !important;
  margin-top: 68px !important; }

.mx-68 {
  margin-left: 68px !important;
  margin-right: 68px !important; }

.ml-68 {
  margin-left: 68px !important; }

.mr-68 {
  margin-right: 68px !important; }

@media (min-width: 991px) {
  .p-lg-68 {
    padding: 68px !important; }
  .pt-lg-68 {
    padding-top: 68px !important; }
  .pb-lg-68 {
    padding-bottom: 68px !important; }
  .py-lg-68 {
    padding-bottom: 68px !important;
    padding-top: 68px !important; }
  .px-lg-68 {
    padding-left: 68px !important;
    padding-right: 68px !important; }
  .pl-lg-68 {
    padding-left: 68px !important; }
  .pr-lg-68 {
    padding-right: 68px !important; }
  .mp-lg-68 {
    margin: 68px !important; }
  .mt-lg-68 {
    margin-top: 68px !important; }
  .mb-lg-68 {
    margin-bottom: 68px !important; }
  .my-lg-68 {
    margin-bottom: 68px !important;
    margin-top: 68px !important; }
  .mx-lg-68 {
    margin-left: 68px !important;
    margin-right: 68px !important; }
  .ml-lg-68 {
    margin-left: 68px !important; }
  .mr-lg-68 {
    margin-right: 68px !important; } }

@media (min-width: 767px) {
  .p-md-68 {
    padding: 68px !important; }
  .pt-md-68 {
    padding-top: 68px !important; }
  .pb-md-68 {
    padding-bottom: 68px !important; }
  .py-md-68 {
    padding-bottom: 68px !important;
    padding-top: 68px !important; }
  .px-md-68 {
    padding-left: 68px !important;
    padding-right: 68px !important; }
  .pl-md-68 {
    padding-left: 68px !important; }
  .pr-md-68 {
    padding-right: 68px !important; }
  .m-md-68 {
    margin: 68px !important; }
  .mt-md-68 {
    margin-top: 68px !important; }
  .mb-md-68 {
    margin-bottom: 68px !important; }
  .my-md-68 {
    margin-bottom: 68px !important;
    margin-top: 68px !important; }
  .mx-md-68 {
    margin-left: 68px !important;
    margin-right: 68px !important; }
  .ml-md-68 {
    margin-left: 68px !important; }
  .mr-md-68 {
    margin-right: 68px !important; } }

.rtl .pl-69 {
  padding-left: 69px !important; }

.rtl .pr-69 {
  padding-right: 69px !important; }

.p-69 {
  padding: 69px !important; }

.pt-69 {
  padding-top: 69px !important; }

.pb-69 {
  padding-bottom: 69px !important; }

.py-69 {
  padding-bottom: 69px !important;
  padding-top: 69px !important; }

.px-69 {
  padding-left: 69px !important;
  padding-right: 69px !important; }

.pl-69 {
  padding-left: 69px !important; }

.pr-69 {
  padding-right: 69px !important; }

.m-69 {
  margin: 69px !important; }

.mt-69 {
  margin-top: 69px !important; }

.mb-69 {
  margin-bottom: 69px !important; }

.my-69 {
  margin-bottom: 69px !important;
  margin-top: 69px !important; }

.mx-69 {
  margin-left: 69px !important;
  margin-right: 69px !important; }

.ml-69 {
  margin-left: 69px !important; }

.mr-69 {
  margin-right: 69px !important; }

@media (min-width: 991px) {
  .p-lg-69 {
    padding: 69px !important; }
  .pt-lg-69 {
    padding-top: 69px !important; }
  .pb-lg-69 {
    padding-bottom: 69px !important; }
  .py-lg-69 {
    padding-bottom: 69px !important;
    padding-top: 69px !important; }
  .px-lg-69 {
    padding-left: 69px !important;
    padding-right: 69px !important; }
  .pl-lg-69 {
    padding-left: 69px !important; }
  .pr-lg-69 {
    padding-right: 69px !important; }
  .mp-lg-69 {
    margin: 69px !important; }
  .mt-lg-69 {
    margin-top: 69px !important; }
  .mb-lg-69 {
    margin-bottom: 69px !important; }
  .my-lg-69 {
    margin-bottom: 69px !important;
    margin-top: 69px !important; }
  .mx-lg-69 {
    margin-left: 69px !important;
    margin-right: 69px !important; }
  .ml-lg-69 {
    margin-left: 69px !important; }
  .mr-lg-69 {
    margin-right: 69px !important; } }

@media (min-width: 767px) {
  .p-md-69 {
    padding: 69px !important; }
  .pt-md-69 {
    padding-top: 69px !important; }
  .pb-md-69 {
    padding-bottom: 69px !important; }
  .py-md-69 {
    padding-bottom: 69px !important;
    padding-top: 69px !important; }
  .px-md-69 {
    padding-left: 69px !important;
    padding-right: 69px !important; }
  .pl-md-69 {
    padding-left: 69px !important; }
  .pr-md-69 {
    padding-right: 69px !important; }
  .m-md-69 {
    margin: 69px !important; }
  .mt-md-69 {
    margin-top: 69px !important; }
  .mb-md-69 {
    margin-bottom: 69px !important; }
  .my-md-69 {
    margin-bottom: 69px !important;
    margin-top: 69px !important; }
  .mx-md-69 {
    margin-left: 69px !important;
    margin-right: 69px !important; }
  .ml-md-69 {
    margin-left: 69px !important; }
  .mr-md-69 {
    margin-right: 69px !important; } }

.rtl .pl-70 {
  padding-left: 70px !important; }

.rtl .pr-70 {
  padding-right: 70px !important; }

.p-70 {
  padding: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.py-70 {
  padding-bottom: 70px !important;
  padding-top: 70px !important; }

.px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.m-70 {
  margin: 70px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.my-70 {
  margin-bottom: 70px !important;
  margin-top: 70px !important; }

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

@media (min-width: 991px) {
  .p-lg-70 {
    padding: 70px !important; }
  .pt-lg-70 {
    padding-top: 70px !important; }
  .pb-lg-70 {
    padding-bottom: 70px !important; }
  .py-lg-70 {
    padding-bottom: 70px !important;
    padding-top: 70px !important; }
  .px-lg-70 {
    padding-left: 70px !important;
    padding-right: 70px !important; }
  .pl-lg-70 {
    padding-left: 70px !important; }
  .pr-lg-70 {
    padding-right: 70px !important; }
  .mp-lg-70 {
    margin: 70px !important; }
  .mt-lg-70 {
    margin-top: 70px !important; }
  .mb-lg-70 {
    margin-bottom: 70px !important; }
  .my-lg-70 {
    margin-bottom: 70px !important;
    margin-top: 70px !important; }
  .mx-lg-70 {
    margin-left: 70px !important;
    margin-right: 70px !important; }
  .ml-lg-70 {
    margin-left: 70px !important; }
  .mr-lg-70 {
    margin-right: 70px !important; } }

@media (min-width: 767px) {
  .p-md-70 {
    padding: 70px !important; }
  .pt-md-70 {
    padding-top: 70px !important; }
  .pb-md-70 {
    padding-bottom: 70px !important; }
  .py-md-70 {
    padding-bottom: 70px !important;
    padding-top: 70px !important; }
  .px-md-70 {
    padding-left: 70px !important;
    padding-right: 70px !important; }
  .pl-md-70 {
    padding-left: 70px !important; }
  .pr-md-70 {
    padding-right: 70px !important; }
  .m-md-70 {
    margin: 70px !important; }
  .mt-md-70 {
    margin-top: 70px !important; }
  .mb-md-70 {
    margin-bottom: 70px !important; }
  .my-md-70 {
    margin-bottom: 70px !important;
    margin-top: 70px !important; }
  .mx-md-70 {
    margin-left: 70px !important;
    margin-right: 70px !important; }
  .ml-md-70 {
    margin-left: 70px !important; }
  .mr-md-70 {
    margin-right: 70px !important; } }

.rtl .pl-71 {
  padding-left: 71px !important; }

.rtl .pr-71 {
  padding-right: 71px !important; }

.p-71 {
  padding: 71px !important; }

.pt-71 {
  padding-top: 71px !important; }

.pb-71 {
  padding-bottom: 71px !important; }

.py-71 {
  padding-bottom: 71px !important;
  padding-top: 71px !important; }

.px-71 {
  padding-left: 71px !important;
  padding-right: 71px !important; }

.pl-71 {
  padding-left: 71px !important; }

.pr-71 {
  padding-right: 71px !important; }

.m-71 {
  margin: 71px !important; }

.mt-71 {
  margin-top: 71px !important; }

.mb-71 {
  margin-bottom: 71px !important; }

.my-71 {
  margin-bottom: 71px !important;
  margin-top: 71px !important; }

.mx-71 {
  margin-left: 71px !important;
  margin-right: 71px !important; }

.ml-71 {
  margin-left: 71px !important; }

.mr-71 {
  margin-right: 71px !important; }

@media (min-width: 991px) {
  .p-lg-71 {
    padding: 71px !important; }
  .pt-lg-71 {
    padding-top: 71px !important; }
  .pb-lg-71 {
    padding-bottom: 71px !important; }
  .py-lg-71 {
    padding-bottom: 71px !important;
    padding-top: 71px !important; }
  .px-lg-71 {
    padding-left: 71px !important;
    padding-right: 71px !important; }
  .pl-lg-71 {
    padding-left: 71px !important; }
  .pr-lg-71 {
    padding-right: 71px !important; }
  .mp-lg-71 {
    margin: 71px !important; }
  .mt-lg-71 {
    margin-top: 71px !important; }
  .mb-lg-71 {
    margin-bottom: 71px !important; }
  .my-lg-71 {
    margin-bottom: 71px !important;
    margin-top: 71px !important; }
  .mx-lg-71 {
    margin-left: 71px !important;
    margin-right: 71px !important; }
  .ml-lg-71 {
    margin-left: 71px !important; }
  .mr-lg-71 {
    margin-right: 71px !important; } }

@media (min-width: 767px) {
  .p-md-71 {
    padding: 71px !important; }
  .pt-md-71 {
    padding-top: 71px !important; }
  .pb-md-71 {
    padding-bottom: 71px !important; }
  .py-md-71 {
    padding-bottom: 71px !important;
    padding-top: 71px !important; }
  .px-md-71 {
    padding-left: 71px !important;
    padding-right: 71px !important; }
  .pl-md-71 {
    padding-left: 71px !important; }
  .pr-md-71 {
    padding-right: 71px !important; }
  .m-md-71 {
    margin: 71px !important; }
  .mt-md-71 {
    margin-top: 71px !important; }
  .mb-md-71 {
    margin-bottom: 71px !important; }
  .my-md-71 {
    margin-bottom: 71px !important;
    margin-top: 71px !important; }
  .mx-md-71 {
    margin-left: 71px !important;
    margin-right: 71px !important; }
  .ml-md-71 {
    margin-left: 71px !important; }
  .mr-md-71 {
    margin-right: 71px !important; } }

.rtl .pl-72 {
  padding-left: 72px !important; }

.rtl .pr-72 {
  padding-right: 72px !important; }

.p-72 {
  padding: 72px !important; }

.pt-72 {
  padding-top: 72px !important; }

.pb-72 {
  padding-bottom: 72px !important; }

.py-72 {
  padding-bottom: 72px !important;
  padding-top: 72px !important; }

.px-72 {
  padding-left: 72px !important;
  padding-right: 72px !important; }

.pl-72 {
  padding-left: 72px !important; }

.pr-72 {
  padding-right: 72px !important; }

.m-72 {
  margin: 72px !important; }

.mt-72 {
  margin-top: 72px !important; }

.mb-72 {
  margin-bottom: 72px !important; }

.my-72 {
  margin-bottom: 72px !important;
  margin-top: 72px !important; }

.mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important; }

.ml-72 {
  margin-left: 72px !important; }

.mr-72 {
  margin-right: 72px !important; }

@media (min-width: 991px) {
  .p-lg-72 {
    padding: 72px !important; }
  .pt-lg-72 {
    padding-top: 72px !important; }
  .pb-lg-72 {
    padding-bottom: 72px !important; }
  .py-lg-72 {
    padding-bottom: 72px !important;
    padding-top: 72px !important; }
  .px-lg-72 {
    padding-left: 72px !important;
    padding-right: 72px !important; }
  .pl-lg-72 {
    padding-left: 72px !important; }
  .pr-lg-72 {
    padding-right: 72px !important; }
  .mp-lg-72 {
    margin: 72px !important; }
  .mt-lg-72 {
    margin-top: 72px !important; }
  .mb-lg-72 {
    margin-bottom: 72px !important; }
  .my-lg-72 {
    margin-bottom: 72px !important;
    margin-top: 72px !important; }
  .mx-lg-72 {
    margin-left: 72px !important;
    margin-right: 72px !important; }
  .ml-lg-72 {
    margin-left: 72px !important; }
  .mr-lg-72 {
    margin-right: 72px !important; } }

@media (min-width: 767px) {
  .p-md-72 {
    padding: 72px !important; }
  .pt-md-72 {
    padding-top: 72px !important; }
  .pb-md-72 {
    padding-bottom: 72px !important; }
  .py-md-72 {
    padding-bottom: 72px !important;
    padding-top: 72px !important; }
  .px-md-72 {
    padding-left: 72px !important;
    padding-right: 72px !important; }
  .pl-md-72 {
    padding-left: 72px !important; }
  .pr-md-72 {
    padding-right: 72px !important; }
  .m-md-72 {
    margin: 72px !important; }
  .mt-md-72 {
    margin-top: 72px !important; }
  .mb-md-72 {
    margin-bottom: 72px !important; }
  .my-md-72 {
    margin-bottom: 72px !important;
    margin-top: 72px !important; }
  .mx-md-72 {
    margin-left: 72px !important;
    margin-right: 72px !important; }
  .ml-md-72 {
    margin-left: 72px !important; }
  .mr-md-72 {
    margin-right: 72px !important; } }

.rtl .pl-73 {
  padding-left: 73px !important; }

.rtl .pr-73 {
  padding-right: 73px !important; }

.p-73 {
  padding: 73px !important; }

.pt-73 {
  padding-top: 73px !important; }

.pb-73 {
  padding-bottom: 73px !important; }

.py-73 {
  padding-bottom: 73px !important;
  padding-top: 73px !important; }

.px-73 {
  padding-left: 73px !important;
  padding-right: 73px !important; }

.pl-73 {
  padding-left: 73px !important; }

.pr-73 {
  padding-right: 73px !important; }

.m-73 {
  margin: 73px !important; }

.mt-73 {
  margin-top: 73px !important; }

.mb-73 {
  margin-bottom: 73px !important; }

.my-73 {
  margin-bottom: 73px !important;
  margin-top: 73px !important; }

.mx-73 {
  margin-left: 73px !important;
  margin-right: 73px !important; }

.ml-73 {
  margin-left: 73px !important; }

.mr-73 {
  margin-right: 73px !important; }

@media (min-width: 991px) {
  .p-lg-73 {
    padding: 73px !important; }
  .pt-lg-73 {
    padding-top: 73px !important; }
  .pb-lg-73 {
    padding-bottom: 73px !important; }
  .py-lg-73 {
    padding-bottom: 73px !important;
    padding-top: 73px !important; }
  .px-lg-73 {
    padding-left: 73px !important;
    padding-right: 73px !important; }
  .pl-lg-73 {
    padding-left: 73px !important; }
  .pr-lg-73 {
    padding-right: 73px !important; }
  .mp-lg-73 {
    margin: 73px !important; }
  .mt-lg-73 {
    margin-top: 73px !important; }
  .mb-lg-73 {
    margin-bottom: 73px !important; }
  .my-lg-73 {
    margin-bottom: 73px !important;
    margin-top: 73px !important; }
  .mx-lg-73 {
    margin-left: 73px !important;
    margin-right: 73px !important; }
  .ml-lg-73 {
    margin-left: 73px !important; }
  .mr-lg-73 {
    margin-right: 73px !important; } }

@media (min-width: 767px) {
  .p-md-73 {
    padding: 73px !important; }
  .pt-md-73 {
    padding-top: 73px !important; }
  .pb-md-73 {
    padding-bottom: 73px !important; }
  .py-md-73 {
    padding-bottom: 73px !important;
    padding-top: 73px !important; }
  .px-md-73 {
    padding-left: 73px !important;
    padding-right: 73px !important; }
  .pl-md-73 {
    padding-left: 73px !important; }
  .pr-md-73 {
    padding-right: 73px !important; }
  .m-md-73 {
    margin: 73px !important; }
  .mt-md-73 {
    margin-top: 73px !important; }
  .mb-md-73 {
    margin-bottom: 73px !important; }
  .my-md-73 {
    margin-bottom: 73px !important;
    margin-top: 73px !important; }
  .mx-md-73 {
    margin-left: 73px !important;
    margin-right: 73px !important; }
  .ml-md-73 {
    margin-left: 73px !important; }
  .mr-md-73 {
    margin-right: 73px !important; } }

.rtl .pl-74 {
  padding-left: 74px !important; }

.rtl .pr-74 {
  padding-right: 74px !important; }

.p-74 {
  padding: 74px !important; }

.pt-74 {
  padding-top: 74px !important; }

.pb-74 {
  padding-bottom: 74px !important; }

.py-74 {
  padding-bottom: 74px !important;
  padding-top: 74px !important; }

.px-74 {
  padding-left: 74px !important;
  padding-right: 74px !important; }

.pl-74 {
  padding-left: 74px !important; }

.pr-74 {
  padding-right: 74px !important; }

.m-74 {
  margin: 74px !important; }

.mt-74 {
  margin-top: 74px !important; }

.mb-74 {
  margin-bottom: 74px !important; }

.my-74 {
  margin-bottom: 74px !important;
  margin-top: 74px !important; }

.mx-74 {
  margin-left: 74px !important;
  margin-right: 74px !important; }

.ml-74 {
  margin-left: 74px !important; }

.mr-74 {
  margin-right: 74px !important; }

@media (min-width: 991px) {
  .p-lg-74 {
    padding: 74px !important; }
  .pt-lg-74 {
    padding-top: 74px !important; }
  .pb-lg-74 {
    padding-bottom: 74px !important; }
  .py-lg-74 {
    padding-bottom: 74px !important;
    padding-top: 74px !important; }
  .px-lg-74 {
    padding-left: 74px !important;
    padding-right: 74px !important; }
  .pl-lg-74 {
    padding-left: 74px !important; }
  .pr-lg-74 {
    padding-right: 74px !important; }
  .mp-lg-74 {
    margin: 74px !important; }
  .mt-lg-74 {
    margin-top: 74px !important; }
  .mb-lg-74 {
    margin-bottom: 74px !important; }
  .my-lg-74 {
    margin-bottom: 74px !important;
    margin-top: 74px !important; }
  .mx-lg-74 {
    margin-left: 74px !important;
    margin-right: 74px !important; }
  .ml-lg-74 {
    margin-left: 74px !important; }
  .mr-lg-74 {
    margin-right: 74px !important; } }

@media (min-width: 767px) {
  .p-md-74 {
    padding: 74px !important; }
  .pt-md-74 {
    padding-top: 74px !important; }
  .pb-md-74 {
    padding-bottom: 74px !important; }
  .py-md-74 {
    padding-bottom: 74px !important;
    padding-top: 74px !important; }
  .px-md-74 {
    padding-left: 74px !important;
    padding-right: 74px !important; }
  .pl-md-74 {
    padding-left: 74px !important; }
  .pr-md-74 {
    padding-right: 74px !important; }
  .m-md-74 {
    margin: 74px !important; }
  .mt-md-74 {
    margin-top: 74px !important; }
  .mb-md-74 {
    margin-bottom: 74px !important; }
  .my-md-74 {
    margin-bottom: 74px !important;
    margin-top: 74px !important; }
  .mx-md-74 {
    margin-left: 74px !important;
    margin-right: 74px !important; }
  .ml-md-74 {
    margin-left: 74px !important; }
  .mr-md-74 {
    margin-right: 74px !important; } }

.rtl .pl-75 {
  padding-left: 75px !important; }

.rtl .pr-75 {
  padding-right: 75px !important; }

.p-75 {
  padding: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.py-75 {
  padding-bottom: 75px !important;
  padding-top: 75px !important; }

.px-75 {
  padding-left: 75px !important;
  padding-right: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.m-75 {
  margin: 75px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.my-75 {
  margin-bottom: 75px !important;
  margin-top: 75px !important; }

.mx-75 {
  margin-left: 75px !important;
  margin-right: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

@media (min-width: 991px) {
  .p-lg-75 {
    padding: 75px !important; }
  .pt-lg-75 {
    padding-top: 75px !important; }
  .pb-lg-75 {
    padding-bottom: 75px !important; }
  .py-lg-75 {
    padding-bottom: 75px !important;
    padding-top: 75px !important; }
  .px-lg-75 {
    padding-left: 75px !important;
    padding-right: 75px !important; }
  .pl-lg-75 {
    padding-left: 75px !important; }
  .pr-lg-75 {
    padding-right: 75px !important; }
  .mp-lg-75 {
    margin: 75px !important; }
  .mt-lg-75 {
    margin-top: 75px !important; }
  .mb-lg-75 {
    margin-bottom: 75px !important; }
  .my-lg-75 {
    margin-bottom: 75px !important;
    margin-top: 75px !important; }
  .mx-lg-75 {
    margin-left: 75px !important;
    margin-right: 75px !important; }
  .ml-lg-75 {
    margin-left: 75px !important; }
  .mr-lg-75 {
    margin-right: 75px !important; } }

@media (min-width: 767px) {
  .p-md-75 {
    padding: 75px !important; }
  .pt-md-75 {
    padding-top: 75px !important; }
  .pb-md-75 {
    padding-bottom: 75px !important; }
  .py-md-75 {
    padding-bottom: 75px !important;
    padding-top: 75px !important; }
  .px-md-75 {
    padding-left: 75px !important;
    padding-right: 75px !important; }
  .pl-md-75 {
    padding-left: 75px !important; }
  .pr-md-75 {
    padding-right: 75px !important; }
  .m-md-75 {
    margin: 75px !important; }
  .mt-md-75 {
    margin-top: 75px !important; }
  .mb-md-75 {
    margin-bottom: 75px !important; }
  .my-md-75 {
    margin-bottom: 75px !important;
    margin-top: 75px !important; }
  .mx-md-75 {
    margin-left: 75px !important;
    margin-right: 75px !important; }
  .ml-md-75 {
    margin-left: 75px !important; }
  .mr-md-75 {
    margin-right: 75px !important; } }

.rtl .pl-76 {
  padding-left: 76px !important; }

.rtl .pr-76 {
  padding-right: 76px !important; }

.p-76 {
  padding: 76px !important; }

.pt-76 {
  padding-top: 76px !important; }

.pb-76 {
  padding-bottom: 76px !important; }

.py-76 {
  padding-bottom: 76px !important;
  padding-top: 76px !important; }

.px-76 {
  padding-left: 76px !important;
  padding-right: 76px !important; }

.pl-76 {
  padding-left: 76px !important; }

.pr-76 {
  padding-right: 76px !important; }

.m-76 {
  margin: 76px !important; }

.mt-76 {
  margin-top: 76px !important; }

.mb-76 {
  margin-bottom: 76px !important; }

.my-76 {
  margin-bottom: 76px !important;
  margin-top: 76px !important; }

.mx-76 {
  margin-left: 76px !important;
  margin-right: 76px !important; }

.ml-76 {
  margin-left: 76px !important; }

.mr-76 {
  margin-right: 76px !important; }

@media (min-width: 991px) {
  .p-lg-76 {
    padding: 76px !important; }
  .pt-lg-76 {
    padding-top: 76px !important; }
  .pb-lg-76 {
    padding-bottom: 76px !important; }
  .py-lg-76 {
    padding-bottom: 76px !important;
    padding-top: 76px !important; }
  .px-lg-76 {
    padding-left: 76px !important;
    padding-right: 76px !important; }
  .pl-lg-76 {
    padding-left: 76px !important; }
  .pr-lg-76 {
    padding-right: 76px !important; }
  .mp-lg-76 {
    margin: 76px !important; }
  .mt-lg-76 {
    margin-top: 76px !important; }
  .mb-lg-76 {
    margin-bottom: 76px !important; }
  .my-lg-76 {
    margin-bottom: 76px !important;
    margin-top: 76px !important; }
  .mx-lg-76 {
    margin-left: 76px !important;
    margin-right: 76px !important; }
  .ml-lg-76 {
    margin-left: 76px !important; }
  .mr-lg-76 {
    margin-right: 76px !important; } }

@media (min-width: 767px) {
  .p-md-76 {
    padding: 76px !important; }
  .pt-md-76 {
    padding-top: 76px !important; }
  .pb-md-76 {
    padding-bottom: 76px !important; }
  .py-md-76 {
    padding-bottom: 76px !important;
    padding-top: 76px !important; }
  .px-md-76 {
    padding-left: 76px !important;
    padding-right: 76px !important; }
  .pl-md-76 {
    padding-left: 76px !important; }
  .pr-md-76 {
    padding-right: 76px !important; }
  .m-md-76 {
    margin: 76px !important; }
  .mt-md-76 {
    margin-top: 76px !important; }
  .mb-md-76 {
    margin-bottom: 76px !important; }
  .my-md-76 {
    margin-bottom: 76px !important;
    margin-top: 76px !important; }
  .mx-md-76 {
    margin-left: 76px !important;
    margin-right: 76px !important; }
  .ml-md-76 {
    margin-left: 76px !important; }
  .mr-md-76 {
    margin-right: 76px !important; } }

.rtl .pl-77 {
  padding-left: 77px !important; }

.rtl .pr-77 {
  padding-right: 77px !important; }

.p-77 {
  padding: 77px !important; }

.pt-77 {
  padding-top: 77px !important; }

.pb-77 {
  padding-bottom: 77px !important; }

.py-77 {
  padding-bottom: 77px !important;
  padding-top: 77px !important; }

.px-77 {
  padding-left: 77px !important;
  padding-right: 77px !important; }

.pl-77 {
  padding-left: 77px !important; }

.pr-77 {
  padding-right: 77px !important; }

.m-77 {
  margin: 77px !important; }

.mt-77 {
  margin-top: 77px !important; }

.mb-77 {
  margin-bottom: 77px !important; }

.my-77 {
  margin-bottom: 77px !important;
  margin-top: 77px !important; }

.mx-77 {
  margin-left: 77px !important;
  margin-right: 77px !important; }

.ml-77 {
  margin-left: 77px !important; }

.mr-77 {
  margin-right: 77px !important; }

@media (min-width: 991px) {
  .p-lg-77 {
    padding: 77px !important; }
  .pt-lg-77 {
    padding-top: 77px !important; }
  .pb-lg-77 {
    padding-bottom: 77px !important; }
  .py-lg-77 {
    padding-bottom: 77px !important;
    padding-top: 77px !important; }
  .px-lg-77 {
    padding-left: 77px !important;
    padding-right: 77px !important; }
  .pl-lg-77 {
    padding-left: 77px !important; }
  .pr-lg-77 {
    padding-right: 77px !important; }
  .mp-lg-77 {
    margin: 77px !important; }
  .mt-lg-77 {
    margin-top: 77px !important; }
  .mb-lg-77 {
    margin-bottom: 77px !important; }
  .my-lg-77 {
    margin-bottom: 77px !important;
    margin-top: 77px !important; }
  .mx-lg-77 {
    margin-left: 77px !important;
    margin-right: 77px !important; }
  .ml-lg-77 {
    margin-left: 77px !important; }
  .mr-lg-77 {
    margin-right: 77px !important; } }

@media (min-width: 767px) {
  .p-md-77 {
    padding: 77px !important; }
  .pt-md-77 {
    padding-top: 77px !important; }
  .pb-md-77 {
    padding-bottom: 77px !important; }
  .py-md-77 {
    padding-bottom: 77px !important;
    padding-top: 77px !important; }
  .px-md-77 {
    padding-left: 77px !important;
    padding-right: 77px !important; }
  .pl-md-77 {
    padding-left: 77px !important; }
  .pr-md-77 {
    padding-right: 77px !important; }
  .m-md-77 {
    margin: 77px !important; }
  .mt-md-77 {
    margin-top: 77px !important; }
  .mb-md-77 {
    margin-bottom: 77px !important; }
  .my-md-77 {
    margin-bottom: 77px !important;
    margin-top: 77px !important; }
  .mx-md-77 {
    margin-left: 77px !important;
    margin-right: 77px !important; }
  .ml-md-77 {
    margin-left: 77px !important; }
  .mr-md-77 {
    margin-right: 77px !important; } }

.rtl .pl-78 {
  padding-left: 78px !important; }

.rtl .pr-78 {
  padding-right: 78px !important; }

.p-78 {
  padding: 78px !important; }

.pt-78 {
  padding-top: 78px !important; }

.pb-78 {
  padding-bottom: 78px !important; }

.py-78 {
  padding-bottom: 78px !important;
  padding-top: 78px !important; }

.px-78 {
  padding-left: 78px !important;
  padding-right: 78px !important; }

.pl-78 {
  padding-left: 78px !important; }

.pr-78 {
  padding-right: 78px !important; }

.m-78 {
  margin: 78px !important; }

.mt-78 {
  margin-top: 78px !important; }

.mb-78 {
  margin-bottom: 78px !important; }

.my-78 {
  margin-bottom: 78px !important;
  margin-top: 78px !important; }

.mx-78 {
  margin-left: 78px !important;
  margin-right: 78px !important; }

.ml-78 {
  margin-left: 78px !important; }

.mr-78 {
  margin-right: 78px !important; }

@media (min-width: 991px) {
  .p-lg-78 {
    padding: 78px !important; }
  .pt-lg-78 {
    padding-top: 78px !important; }
  .pb-lg-78 {
    padding-bottom: 78px !important; }
  .py-lg-78 {
    padding-bottom: 78px !important;
    padding-top: 78px !important; }
  .px-lg-78 {
    padding-left: 78px !important;
    padding-right: 78px !important; }
  .pl-lg-78 {
    padding-left: 78px !important; }
  .pr-lg-78 {
    padding-right: 78px !important; }
  .mp-lg-78 {
    margin: 78px !important; }
  .mt-lg-78 {
    margin-top: 78px !important; }
  .mb-lg-78 {
    margin-bottom: 78px !important; }
  .my-lg-78 {
    margin-bottom: 78px !important;
    margin-top: 78px !important; }
  .mx-lg-78 {
    margin-left: 78px !important;
    margin-right: 78px !important; }
  .ml-lg-78 {
    margin-left: 78px !important; }
  .mr-lg-78 {
    margin-right: 78px !important; } }

@media (min-width: 767px) {
  .p-md-78 {
    padding: 78px !important; }
  .pt-md-78 {
    padding-top: 78px !important; }
  .pb-md-78 {
    padding-bottom: 78px !important; }
  .py-md-78 {
    padding-bottom: 78px !important;
    padding-top: 78px !important; }
  .px-md-78 {
    padding-left: 78px !important;
    padding-right: 78px !important; }
  .pl-md-78 {
    padding-left: 78px !important; }
  .pr-md-78 {
    padding-right: 78px !important; }
  .m-md-78 {
    margin: 78px !important; }
  .mt-md-78 {
    margin-top: 78px !important; }
  .mb-md-78 {
    margin-bottom: 78px !important; }
  .my-md-78 {
    margin-bottom: 78px !important;
    margin-top: 78px !important; }
  .mx-md-78 {
    margin-left: 78px !important;
    margin-right: 78px !important; }
  .ml-md-78 {
    margin-left: 78px !important; }
  .mr-md-78 {
    margin-right: 78px !important; } }

.rtl .pl-79 {
  padding-left: 79px !important; }

.rtl .pr-79 {
  padding-right: 79px !important; }

.p-79 {
  padding: 79px !important; }

.pt-79 {
  padding-top: 79px !important; }

.pb-79 {
  padding-bottom: 79px !important; }

.py-79 {
  padding-bottom: 79px !important;
  padding-top: 79px !important; }

.px-79 {
  padding-left: 79px !important;
  padding-right: 79px !important; }

.pl-79 {
  padding-left: 79px !important; }

.pr-79 {
  padding-right: 79px !important; }

.m-79 {
  margin: 79px !important; }

.mt-79 {
  margin-top: 79px !important; }

.mb-79 {
  margin-bottom: 79px !important; }

.my-79 {
  margin-bottom: 79px !important;
  margin-top: 79px !important; }

.mx-79 {
  margin-left: 79px !important;
  margin-right: 79px !important; }

.ml-79 {
  margin-left: 79px !important; }

.mr-79 {
  margin-right: 79px !important; }

@media (min-width: 991px) {
  .p-lg-79 {
    padding: 79px !important; }
  .pt-lg-79 {
    padding-top: 79px !important; }
  .pb-lg-79 {
    padding-bottom: 79px !important; }
  .py-lg-79 {
    padding-bottom: 79px !important;
    padding-top: 79px !important; }
  .px-lg-79 {
    padding-left: 79px !important;
    padding-right: 79px !important; }
  .pl-lg-79 {
    padding-left: 79px !important; }
  .pr-lg-79 {
    padding-right: 79px !important; }
  .mp-lg-79 {
    margin: 79px !important; }
  .mt-lg-79 {
    margin-top: 79px !important; }
  .mb-lg-79 {
    margin-bottom: 79px !important; }
  .my-lg-79 {
    margin-bottom: 79px !important;
    margin-top: 79px !important; }
  .mx-lg-79 {
    margin-left: 79px !important;
    margin-right: 79px !important; }
  .ml-lg-79 {
    margin-left: 79px !important; }
  .mr-lg-79 {
    margin-right: 79px !important; } }

@media (min-width: 767px) {
  .p-md-79 {
    padding: 79px !important; }
  .pt-md-79 {
    padding-top: 79px !important; }
  .pb-md-79 {
    padding-bottom: 79px !important; }
  .py-md-79 {
    padding-bottom: 79px !important;
    padding-top: 79px !important; }
  .px-md-79 {
    padding-left: 79px !important;
    padding-right: 79px !important; }
  .pl-md-79 {
    padding-left: 79px !important; }
  .pr-md-79 {
    padding-right: 79px !important; }
  .m-md-79 {
    margin: 79px !important; }
  .mt-md-79 {
    margin-top: 79px !important; }
  .mb-md-79 {
    margin-bottom: 79px !important; }
  .my-md-79 {
    margin-bottom: 79px !important;
    margin-top: 79px !important; }
  .mx-md-79 {
    margin-left: 79px !important;
    margin-right: 79px !important; }
  .ml-md-79 {
    margin-left: 79px !important; }
  .mr-md-79 {
    margin-right: 79px !important; } }

.rtl .pl-80 {
  padding-left: 80px !important; }

.rtl .pr-80 {
  padding-right: 80px !important; }

.p-80 {
  padding: 80px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.py-80 {
  padding-bottom: 80px !important;
  padding-top: 80px !important; }

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important; }

.pl-80 {
  padding-left: 80px !important; }

.pr-80 {
  padding-right: 80px !important; }

.m-80 {
  margin: 80px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.my-80 {
  margin-bottom: 80px !important;
  margin-top: 80px !important; }

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important; }

.ml-80 {
  margin-left: 80px !important; }

.mr-80 {
  margin-right: 80px !important; }

@media (min-width: 991px) {
  .p-lg-80 {
    padding: 80px !important; }
  .pt-lg-80 {
    padding-top: 80px !important; }
  .pb-lg-80 {
    padding-bottom: 80px !important; }
  .py-lg-80 {
    padding-bottom: 80px !important;
    padding-top: 80px !important; }
  .px-lg-80 {
    padding-left: 80px !important;
    padding-right: 80px !important; }
  .pl-lg-80 {
    padding-left: 80px !important; }
  .pr-lg-80 {
    padding-right: 80px !important; }
  .mp-lg-80 {
    margin: 80px !important; }
  .mt-lg-80 {
    margin-top: 80px !important; }
  .mb-lg-80 {
    margin-bottom: 80px !important; }
  .my-lg-80 {
    margin-bottom: 80px !important;
    margin-top: 80px !important; }
  .mx-lg-80 {
    margin-left: 80px !important;
    margin-right: 80px !important; }
  .ml-lg-80 {
    margin-left: 80px !important; }
  .mr-lg-80 {
    margin-right: 80px !important; } }

@media (min-width: 767px) {
  .p-md-80 {
    padding: 80px !important; }
  .pt-md-80 {
    padding-top: 80px !important; }
  .pb-md-80 {
    padding-bottom: 80px !important; }
  .py-md-80 {
    padding-bottom: 80px !important;
    padding-top: 80px !important; }
  .px-md-80 {
    padding-left: 80px !important;
    padding-right: 80px !important; }
  .pl-md-80 {
    padding-left: 80px !important; }
  .pr-md-80 {
    padding-right: 80px !important; }
  .m-md-80 {
    margin: 80px !important; }
  .mt-md-80 {
    margin-top: 80px !important; }
  .mb-md-80 {
    margin-bottom: 80px !important; }
  .my-md-80 {
    margin-bottom: 80px !important;
    margin-top: 80px !important; }
  .mx-md-80 {
    margin-left: 80px !important;
    margin-right: 80px !important; }
  .ml-md-80 {
    margin-left: 80px !important; }
  .mr-md-80 {
    margin-right: 80px !important; } }

.rtl .pl-81 {
  padding-left: 81px !important; }

.rtl .pr-81 {
  padding-right: 81px !important; }

.p-81 {
  padding: 81px !important; }

.pt-81 {
  padding-top: 81px !important; }

.pb-81 {
  padding-bottom: 81px !important; }

.py-81 {
  padding-bottom: 81px !important;
  padding-top: 81px !important; }

.px-81 {
  padding-left: 81px !important;
  padding-right: 81px !important; }

.pl-81 {
  padding-left: 81px !important; }

.pr-81 {
  padding-right: 81px !important; }

.m-81 {
  margin: 81px !important; }

.mt-81 {
  margin-top: 81px !important; }

.mb-81 {
  margin-bottom: 81px !important; }

.my-81 {
  margin-bottom: 81px !important;
  margin-top: 81px !important; }

.mx-81 {
  margin-left: 81px !important;
  margin-right: 81px !important; }

.ml-81 {
  margin-left: 81px !important; }

.mr-81 {
  margin-right: 81px !important; }

@media (min-width: 991px) {
  .p-lg-81 {
    padding: 81px !important; }
  .pt-lg-81 {
    padding-top: 81px !important; }
  .pb-lg-81 {
    padding-bottom: 81px !important; }
  .py-lg-81 {
    padding-bottom: 81px !important;
    padding-top: 81px !important; }
  .px-lg-81 {
    padding-left: 81px !important;
    padding-right: 81px !important; }
  .pl-lg-81 {
    padding-left: 81px !important; }
  .pr-lg-81 {
    padding-right: 81px !important; }
  .mp-lg-81 {
    margin: 81px !important; }
  .mt-lg-81 {
    margin-top: 81px !important; }
  .mb-lg-81 {
    margin-bottom: 81px !important; }
  .my-lg-81 {
    margin-bottom: 81px !important;
    margin-top: 81px !important; }
  .mx-lg-81 {
    margin-left: 81px !important;
    margin-right: 81px !important; }
  .ml-lg-81 {
    margin-left: 81px !important; }
  .mr-lg-81 {
    margin-right: 81px !important; } }

@media (min-width: 767px) {
  .p-md-81 {
    padding: 81px !important; }
  .pt-md-81 {
    padding-top: 81px !important; }
  .pb-md-81 {
    padding-bottom: 81px !important; }
  .py-md-81 {
    padding-bottom: 81px !important;
    padding-top: 81px !important; }
  .px-md-81 {
    padding-left: 81px !important;
    padding-right: 81px !important; }
  .pl-md-81 {
    padding-left: 81px !important; }
  .pr-md-81 {
    padding-right: 81px !important; }
  .m-md-81 {
    margin: 81px !important; }
  .mt-md-81 {
    margin-top: 81px !important; }
  .mb-md-81 {
    margin-bottom: 81px !important; }
  .my-md-81 {
    margin-bottom: 81px !important;
    margin-top: 81px !important; }
  .mx-md-81 {
    margin-left: 81px !important;
    margin-right: 81px !important; }
  .ml-md-81 {
    margin-left: 81px !important; }
  .mr-md-81 {
    margin-right: 81px !important; } }

.rtl .pl-82 {
  padding-left: 82px !important; }

.rtl .pr-82 {
  padding-right: 82px !important; }

.p-82 {
  padding: 82px !important; }

.pt-82 {
  padding-top: 82px !important; }

.pb-82 {
  padding-bottom: 82px !important; }

.py-82 {
  padding-bottom: 82px !important;
  padding-top: 82px !important; }

.px-82 {
  padding-left: 82px !important;
  padding-right: 82px !important; }

.pl-82 {
  padding-left: 82px !important; }

.pr-82 {
  padding-right: 82px !important; }

.m-82 {
  margin: 82px !important; }

.mt-82 {
  margin-top: 82px !important; }

.mb-82 {
  margin-bottom: 82px !important; }

.my-82 {
  margin-bottom: 82px !important;
  margin-top: 82px !important; }

.mx-82 {
  margin-left: 82px !important;
  margin-right: 82px !important; }

.ml-82 {
  margin-left: 82px !important; }

.mr-82 {
  margin-right: 82px !important; }

@media (min-width: 991px) {
  .p-lg-82 {
    padding: 82px !important; }
  .pt-lg-82 {
    padding-top: 82px !important; }
  .pb-lg-82 {
    padding-bottom: 82px !important; }
  .py-lg-82 {
    padding-bottom: 82px !important;
    padding-top: 82px !important; }
  .px-lg-82 {
    padding-left: 82px !important;
    padding-right: 82px !important; }
  .pl-lg-82 {
    padding-left: 82px !important; }
  .pr-lg-82 {
    padding-right: 82px !important; }
  .mp-lg-82 {
    margin: 82px !important; }
  .mt-lg-82 {
    margin-top: 82px !important; }
  .mb-lg-82 {
    margin-bottom: 82px !important; }
  .my-lg-82 {
    margin-bottom: 82px !important;
    margin-top: 82px !important; }
  .mx-lg-82 {
    margin-left: 82px !important;
    margin-right: 82px !important; }
  .ml-lg-82 {
    margin-left: 82px !important; }
  .mr-lg-82 {
    margin-right: 82px !important; } }

@media (min-width: 767px) {
  .p-md-82 {
    padding: 82px !important; }
  .pt-md-82 {
    padding-top: 82px !important; }
  .pb-md-82 {
    padding-bottom: 82px !important; }
  .py-md-82 {
    padding-bottom: 82px !important;
    padding-top: 82px !important; }
  .px-md-82 {
    padding-left: 82px !important;
    padding-right: 82px !important; }
  .pl-md-82 {
    padding-left: 82px !important; }
  .pr-md-82 {
    padding-right: 82px !important; }
  .m-md-82 {
    margin: 82px !important; }
  .mt-md-82 {
    margin-top: 82px !important; }
  .mb-md-82 {
    margin-bottom: 82px !important; }
  .my-md-82 {
    margin-bottom: 82px !important;
    margin-top: 82px !important; }
  .mx-md-82 {
    margin-left: 82px !important;
    margin-right: 82px !important; }
  .ml-md-82 {
    margin-left: 82px !important; }
  .mr-md-82 {
    margin-right: 82px !important; } }

.rtl .pl-83 {
  padding-left: 83px !important; }

.rtl .pr-83 {
  padding-right: 83px !important; }

.p-83 {
  padding: 83px !important; }

.pt-83 {
  padding-top: 83px !important; }

.pb-83 {
  padding-bottom: 83px !important; }

.py-83 {
  padding-bottom: 83px !important;
  padding-top: 83px !important; }

.px-83 {
  padding-left: 83px !important;
  padding-right: 83px !important; }

.pl-83 {
  padding-left: 83px !important; }

.pr-83 {
  padding-right: 83px !important; }

.m-83 {
  margin: 83px !important; }

.mt-83 {
  margin-top: 83px !important; }

.mb-83 {
  margin-bottom: 83px !important; }

.my-83 {
  margin-bottom: 83px !important;
  margin-top: 83px !important; }

.mx-83 {
  margin-left: 83px !important;
  margin-right: 83px !important; }

.ml-83 {
  margin-left: 83px !important; }

.mr-83 {
  margin-right: 83px !important; }

@media (min-width: 991px) {
  .p-lg-83 {
    padding: 83px !important; }
  .pt-lg-83 {
    padding-top: 83px !important; }
  .pb-lg-83 {
    padding-bottom: 83px !important; }
  .py-lg-83 {
    padding-bottom: 83px !important;
    padding-top: 83px !important; }
  .px-lg-83 {
    padding-left: 83px !important;
    padding-right: 83px !important; }
  .pl-lg-83 {
    padding-left: 83px !important; }
  .pr-lg-83 {
    padding-right: 83px !important; }
  .mp-lg-83 {
    margin: 83px !important; }
  .mt-lg-83 {
    margin-top: 83px !important; }
  .mb-lg-83 {
    margin-bottom: 83px !important; }
  .my-lg-83 {
    margin-bottom: 83px !important;
    margin-top: 83px !important; }
  .mx-lg-83 {
    margin-left: 83px !important;
    margin-right: 83px !important; }
  .ml-lg-83 {
    margin-left: 83px !important; }
  .mr-lg-83 {
    margin-right: 83px !important; } }

@media (min-width: 767px) {
  .p-md-83 {
    padding: 83px !important; }
  .pt-md-83 {
    padding-top: 83px !important; }
  .pb-md-83 {
    padding-bottom: 83px !important; }
  .py-md-83 {
    padding-bottom: 83px !important;
    padding-top: 83px !important; }
  .px-md-83 {
    padding-left: 83px !important;
    padding-right: 83px !important; }
  .pl-md-83 {
    padding-left: 83px !important; }
  .pr-md-83 {
    padding-right: 83px !important; }
  .m-md-83 {
    margin: 83px !important; }
  .mt-md-83 {
    margin-top: 83px !important; }
  .mb-md-83 {
    margin-bottom: 83px !important; }
  .my-md-83 {
    margin-bottom: 83px !important;
    margin-top: 83px !important; }
  .mx-md-83 {
    margin-left: 83px !important;
    margin-right: 83px !important; }
  .ml-md-83 {
    margin-left: 83px !important; }
  .mr-md-83 {
    margin-right: 83px !important; } }

.rtl .pl-84 {
  padding-left: 84px !important; }

.rtl .pr-84 {
  padding-right: 84px !important; }

.p-84 {
  padding: 84px !important; }

.pt-84 {
  padding-top: 84px !important; }

.pb-84 {
  padding-bottom: 84px !important; }

.py-84 {
  padding-bottom: 84px !important;
  padding-top: 84px !important; }

.px-84 {
  padding-left: 84px !important;
  padding-right: 84px !important; }

.pl-84 {
  padding-left: 84px !important; }

.pr-84 {
  padding-right: 84px !important; }

.m-84 {
  margin: 84px !important; }

.mt-84 {
  margin-top: 84px !important; }

.mb-84 {
  margin-bottom: 84px !important; }

.my-84 {
  margin-bottom: 84px !important;
  margin-top: 84px !important; }

.mx-84 {
  margin-left: 84px !important;
  margin-right: 84px !important; }

.ml-84 {
  margin-left: 84px !important; }

.mr-84 {
  margin-right: 84px !important; }

@media (min-width: 991px) {
  .p-lg-84 {
    padding: 84px !important; }
  .pt-lg-84 {
    padding-top: 84px !important; }
  .pb-lg-84 {
    padding-bottom: 84px !important; }
  .py-lg-84 {
    padding-bottom: 84px !important;
    padding-top: 84px !important; }
  .px-lg-84 {
    padding-left: 84px !important;
    padding-right: 84px !important; }
  .pl-lg-84 {
    padding-left: 84px !important; }
  .pr-lg-84 {
    padding-right: 84px !important; }
  .mp-lg-84 {
    margin: 84px !important; }
  .mt-lg-84 {
    margin-top: 84px !important; }
  .mb-lg-84 {
    margin-bottom: 84px !important; }
  .my-lg-84 {
    margin-bottom: 84px !important;
    margin-top: 84px !important; }
  .mx-lg-84 {
    margin-left: 84px !important;
    margin-right: 84px !important; }
  .ml-lg-84 {
    margin-left: 84px !important; }
  .mr-lg-84 {
    margin-right: 84px !important; } }

@media (min-width: 767px) {
  .p-md-84 {
    padding: 84px !important; }
  .pt-md-84 {
    padding-top: 84px !important; }
  .pb-md-84 {
    padding-bottom: 84px !important; }
  .py-md-84 {
    padding-bottom: 84px !important;
    padding-top: 84px !important; }
  .px-md-84 {
    padding-left: 84px !important;
    padding-right: 84px !important; }
  .pl-md-84 {
    padding-left: 84px !important; }
  .pr-md-84 {
    padding-right: 84px !important; }
  .m-md-84 {
    margin: 84px !important; }
  .mt-md-84 {
    margin-top: 84px !important; }
  .mb-md-84 {
    margin-bottom: 84px !important; }
  .my-md-84 {
    margin-bottom: 84px !important;
    margin-top: 84px !important; }
  .mx-md-84 {
    margin-left: 84px !important;
    margin-right: 84px !important; }
  .ml-md-84 {
    margin-left: 84px !important; }
  .mr-md-84 {
    margin-right: 84px !important; } }

.rtl .pl-85 {
  padding-left: 85px !important; }

.rtl .pr-85 {
  padding-right: 85px !important; }

.p-85 {
  padding: 85px !important; }

.pt-85 {
  padding-top: 85px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.py-85 {
  padding-bottom: 85px !important;
  padding-top: 85px !important; }

.px-85 {
  padding-left: 85px !important;
  padding-right: 85px !important; }

.pl-85 {
  padding-left: 85px !important; }

.pr-85 {
  padding-right: 85px !important; }

.m-85 {
  margin: 85px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.my-85 {
  margin-bottom: 85px !important;
  margin-top: 85px !important; }

.mx-85 {
  margin-left: 85px !important;
  margin-right: 85px !important; }

.ml-85 {
  margin-left: 85px !important; }

.mr-85 {
  margin-right: 85px !important; }

@media (min-width: 991px) {
  .p-lg-85 {
    padding: 85px !important; }
  .pt-lg-85 {
    padding-top: 85px !important; }
  .pb-lg-85 {
    padding-bottom: 85px !important; }
  .py-lg-85 {
    padding-bottom: 85px !important;
    padding-top: 85px !important; }
  .px-lg-85 {
    padding-left: 85px !important;
    padding-right: 85px !important; }
  .pl-lg-85 {
    padding-left: 85px !important; }
  .pr-lg-85 {
    padding-right: 85px !important; }
  .mp-lg-85 {
    margin: 85px !important; }
  .mt-lg-85 {
    margin-top: 85px !important; }
  .mb-lg-85 {
    margin-bottom: 85px !important; }
  .my-lg-85 {
    margin-bottom: 85px !important;
    margin-top: 85px !important; }
  .mx-lg-85 {
    margin-left: 85px !important;
    margin-right: 85px !important; }
  .ml-lg-85 {
    margin-left: 85px !important; }
  .mr-lg-85 {
    margin-right: 85px !important; } }

@media (min-width: 767px) {
  .p-md-85 {
    padding: 85px !important; }
  .pt-md-85 {
    padding-top: 85px !important; }
  .pb-md-85 {
    padding-bottom: 85px !important; }
  .py-md-85 {
    padding-bottom: 85px !important;
    padding-top: 85px !important; }
  .px-md-85 {
    padding-left: 85px !important;
    padding-right: 85px !important; }
  .pl-md-85 {
    padding-left: 85px !important; }
  .pr-md-85 {
    padding-right: 85px !important; }
  .m-md-85 {
    margin: 85px !important; }
  .mt-md-85 {
    margin-top: 85px !important; }
  .mb-md-85 {
    margin-bottom: 85px !important; }
  .my-md-85 {
    margin-bottom: 85px !important;
    margin-top: 85px !important; }
  .mx-md-85 {
    margin-left: 85px !important;
    margin-right: 85px !important; }
  .ml-md-85 {
    margin-left: 85px !important; }
  .mr-md-85 {
    margin-right: 85px !important; } }

.rtl .pl-86 {
  padding-left: 86px !important; }

.rtl .pr-86 {
  padding-right: 86px !important; }

.p-86 {
  padding: 86px !important; }

.pt-86 {
  padding-top: 86px !important; }

.pb-86 {
  padding-bottom: 86px !important; }

.py-86 {
  padding-bottom: 86px !important;
  padding-top: 86px !important; }

.px-86 {
  padding-left: 86px !important;
  padding-right: 86px !important; }

.pl-86 {
  padding-left: 86px !important; }

.pr-86 {
  padding-right: 86px !important; }

.m-86 {
  margin: 86px !important; }

.mt-86 {
  margin-top: 86px !important; }

.mb-86 {
  margin-bottom: 86px !important; }

.my-86 {
  margin-bottom: 86px !important;
  margin-top: 86px !important; }

.mx-86 {
  margin-left: 86px !important;
  margin-right: 86px !important; }

.ml-86 {
  margin-left: 86px !important; }

.mr-86 {
  margin-right: 86px !important; }

@media (min-width: 991px) {
  .p-lg-86 {
    padding: 86px !important; }
  .pt-lg-86 {
    padding-top: 86px !important; }
  .pb-lg-86 {
    padding-bottom: 86px !important; }
  .py-lg-86 {
    padding-bottom: 86px !important;
    padding-top: 86px !important; }
  .px-lg-86 {
    padding-left: 86px !important;
    padding-right: 86px !important; }
  .pl-lg-86 {
    padding-left: 86px !important; }
  .pr-lg-86 {
    padding-right: 86px !important; }
  .mp-lg-86 {
    margin: 86px !important; }
  .mt-lg-86 {
    margin-top: 86px !important; }
  .mb-lg-86 {
    margin-bottom: 86px !important; }
  .my-lg-86 {
    margin-bottom: 86px !important;
    margin-top: 86px !important; }
  .mx-lg-86 {
    margin-left: 86px !important;
    margin-right: 86px !important; }
  .ml-lg-86 {
    margin-left: 86px !important; }
  .mr-lg-86 {
    margin-right: 86px !important; } }

@media (min-width: 767px) {
  .p-md-86 {
    padding: 86px !important; }
  .pt-md-86 {
    padding-top: 86px !important; }
  .pb-md-86 {
    padding-bottom: 86px !important; }
  .py-md-86 {
    padding-bottom: 86px !important;
    padding-top: 86px !important; }
  .px-md-86 {
    padding-left: 86px !important;
    padding-right: 86px !important; }
  .pl-md-86 {
    padding-left: 86px !important; }
  .pr-md-86 {
    padding-right: 86px !important; }
  .m-md-86 {
    margin: 86px !important; }
  .mt-md-86 {
    margin-top: 86px !important; }
  .mb-md-86 {
    margin-bottom: 86px !important; }
  .my-md-86 {
    margin-bottom: 86px !important;
    margin-top: 86px !important; }
  .mx-md-86 {
    margin-left: 86px !important;
    margin-right: 86px !important; }
  .ml-md-86 {
    margin-left: 86px !important; }
  .mr-md-86 {
    margin-right: 86px !important; } }

.rtl .pl-87 {
  padding-left: 87px !important; }

.rtl .pr-87 {
  padding-right: 87px !important; }

.p-87 {
  padding: 87px !important; }

.pt-87 {
  padding-top: 87px !important; }

.pb-87 {
  padding-bottom: 87px !important; }

.py-87 {
  padding-bottom: 87px !important;
  padding-top: 87px !important; }

.px-87 {
  padding-left: 87px !important;
  padding-right: 87px !important; }

.pl-87 {
  padding-left: 87px !important; }

.pr-87 {
  padding-right: 87px !important; }

.m-87 {
  margin: 87px !important; }

.mt-87 {
  margin-top: 87px !important; }

.mb-87 {
  margin-bottom: 87px !important; }

.my-87 {
  margin-bottom: 87px !important;
  margin-top: 87px !important; }

.mx-87 {
  margin-left: 87px !important;
  margin-right: 87px !important; }

.ml-87 {
  margin-left: 87px !important; }

.mr-87 {
  margin-right: 87px !important; }

@media (min-width: 991px) {
  .p-lg-87 {
    padding: 87px !important; }
  .pt-lg-87 {
    padding-top: 87px !important; }
  .pb-lg-87 {
    padding-bottom: 87px !important; }
  .py-lg-87 {
    padding-bottom: 87px !important;
    padding-top: 87px !important; }
  .px-lg-87 {
    padding-left: 87px !important;
    padding-right: 87px !important; }
  .pl-lg-87 {
    padding-left: 87px !important; }
  .pr-lg-87 {
    padding-right: 87px !important; }
  .mp-lg-87 {
    margin: 87px !important; }
  .mt-lg-87 {
    margin-top: 87px !important; }
  .mb-lg-87 {
    margin-bottom: 87px !important; }
  .my-lg-87 {
    margin-bottom: 87px !important;
    margin-top: 87px !important; }
  .mx-lg-87 {
    margin-left: 87px !important;
    margin-right: 87px !important; }
  .ml-lg-87 {
    margin-left: 87px !important; }
  .mr-lg-87 {
    margin-right: 87px !important; } }

@media (min-width: 767px) {
  .p-md-87 {
    padding: 87px !important; }
  .pt-md-87 {
    padding-top: 87px !important; }
  .pb-md-87 {
    padding-bottom: 87px !important; }
  .py-md-87 {
    padding-bottom: 87px !important;
    padding-top: 87px !important; }
  .px-md-87 {
    padding-left: 87px !important;
    padding-right: 87px !important; }
  .pl-md-87 {
    padding-left: 87px !important; }
  .pr-md-87 {
    padding-right: 87px !important; }
  .m-md-87 {
    margin: 87px !important; }
  .mt-md-87 {
    margin-top: 87px !important; }
  .mb-md-87 {
    margin-bottom: 87px !important; }
  .my-md-87 {
    margin-bottom: 87px !important;
    margin-top: 87px !important; }
  .mx-md-87 {
    margin-left: 87px !important;
    margin-right: 87px !important; }
  .ml-md-87 {
    margin-left: 87px !important; }
  .mr-md-87 {
    margin-right: 87px !important; } }

.rtl .pl-88 {
  padding-left: 88px !important; }

.rtl .pr-88 {
  padding-right: 88px !important; }

.p-88 {
  padding: 88px !important; }

.pt-88 {
  padding-top: 88px !important; }

.pb-88 {
  padding-bottom: 88px !important; }

.py-88 {
  padding-bottom: 88px !important;
  padding-top: 88px !important; }

.px-88 {
  padding-left: 88px !important;
  padding-right: 88px !important; }

.pl-88 {
  padding-left: 88px !important; }

.pr-88 {
  padding-right: 88px !important; }

.m-88 {
  margin: 88px !important; }

.mt-88 {
  margin-top: 88px !important; }

.mb-88 {
  margin-bottom: 88px !important; }

.my-88 {
  margin-bottom: 88px !important;
  margin-top: 88px !important; }

.mx-88 {
  margin-left: 88px !important;
  margin-right: 88px !important; }

.ml-88 {
  margin-left: 88px !important; }

.mr-88 {
  margin-right: 88px !important; }

@media (min-width: 991px) {
  .p-lg-88 {
    padding: 88px !important; }
  .pt-lg-88 {
    padding-top: 88px !important; }
  .pb-lg-88 {
    padding-bottom: 88px !important; }
  .py-lg-88 {
    padding-bottom: 88px !important;
    padding-top: 88px !important; }
  .px-lg-88 {
    padding-left: 88px !important;
    padding-right: 88px !important; }
  .pl-lg-88 {
    padding-left: 88px !important; }
  .pr-lg-88 {
    padding-right: 88px !important; }
  .mp-lg-88 {
    margin: 88px !important; }
  .mt-lg-88 {
    margin-top: 88px !important; }
  .mb-lg-88 {
    margin-bottom: 88px !important; }
  .my-lg-88 {
    margin-bottom: 88px !important;
    margin-top: 88px !important; }
  .mx-lg-88 {
    margin-left: 88px !important;
    margin-right: 88px !important; }
  .ml-lg-88 {
    margin-left: 88px !important; }
  .mr-lg-88 {
    margin-right: 88px !important; } }

@media (min-width: 767px) {
  .p-md-88 {
    padding: 88px !important; }
  .pt-md-88 {
    padding-top: 88px !important; }
  .pb-md-88 {
    padding-bottom: 88px !important; }
  .py-md-88 {
    padding-bottom: 88px !important;
    padding-top: 88px !important; }
  .px-md-88 {
    padding-left: 88px !important;
    padding-right: 88px !important; }
  .pl-md-88 {
    padding-left: 88px !important; }
  .pr-md-88 {
    padding-right: 88px !important; }
  .m-md-88 {
    margin: 88px !important; }
  .mt-md-88 {
    margin-top: 88px !important; }
  .mb-md-88 {
    margin-bottom: 88px !important; }
  .my-md-88 {
    margin-bottom: 88px !important;
    margin-top: 88px !important; }
  .mx-md-88 {
    margin-left: 88px !important;
    margin-right: 88px !important; }
  .ml-md-88 {
    margin-left: 88px !important; }
  .mr-md-88 {
    margin-right: 88px !important; } }

.rtl .pl-89 {
  padding-left: 89px !important; }

.rtl .pr-89 {
  padding-right: 89px !important; }

.p-89 {
  padding: 89px !important; }

.pt-89 {
  padding-top: 89px !important; }

.pb-89 {
  padding-bottom: 89px !important; }

.py-89 {
  padding-bottom: 89px !important;
  padding-top: 89px !important; }

.px-89 {
  padding-left: 89px !important;
  padding-right: 89px !important; }

.pl-89 {
  padding-left: 89px !important; }

.pr-89 {
  padding-right: 89px !important; }

.m-89 {
  margin: 89px !important; }

.mt-89 {
  margin-top: 89px !important; }

.mb-89 {
  margin-bottom: 89px !important; }

.my-89 {
  margin-bottom: 89px !important;
  margin-top: 89px !important; }

.mx-89 {
  margin-left: 89px !important;
  margin-right: 89px !important; }

.ml-89 {
  margin-left: 89px !important; }

.mr-89 {
  margin-right: 89px !important; }

@media (min-width: 991px) {
  .p-lg-89 {
    padding: 89px !important; }
  .pt-lg-89 {
    padding-top: 89px !important; }
  .pb-lg-89 {
    padding-bottom: 89px !important; }
  .py-lg-89 {
    padding-bottom: 89px !important;
    padding-top: 89px !important; }
  .px-lg-89 {
    padding-left: 89px !important;
    padding-right: 89px !important; }
  .pl-lg-89 {
    padding-left: 89px !important; }
  .pr-lg-89 {
    padding-right: 89px !important; }
  .mp-lg-89 {
    margin: 89px !important; }
  .mt-lg-89 {
    margin-top: 89px !important; }
  .mb-lg-89 {
    margin-bottom: 89px !important; }
  .my-lg-89 {
    margin-bottom: 89px !important;
    margin-top: 89px !important; }
  .mx-lg-89 {
    margin-left: 89px !important;
    margin-right: 89px !important; }
  .ml-lg-89 {
    margin-left: 89px !important; }
  .mr-lg-89 {
    margin-right: 89px !important; } }

@media (min-width: 767px) {
  .p-md-89 {
    padding: 89px !important; }
  .pt-md-89 {
    padding-top: 89px !important; }
  .pb-md-89 {
    padding-bottom: 89px !important; }
  .py-md-89 {
    padding-bottom: 89px !important;
    padding-top: 89px !important; }
  .px-md-89 {
    padding-left: 89px !important;
    padding-right: 89px !important; }
  .pl-md-89 {
    padding-left: 89px !important; }
  .pr-md-89 {
    padding-right: 89px !important; }
  .m-md-89 {
    margin: 89px !important; }
  .mt-md-89 {
    margin-top: 89px !important; }
  .mb-md-89 {
    margin-bottom: 89px !important; }
  .my-md-89 {
    margin-bottom: 89px !important;
    margin-top: 89px !important; }
  .mx-md-89 {
    margin-left: 89px !important;
    margin-right: 89px !important; }
  .ml-md-89 {
    margin-left: 89px !important; }
  .mr-md-89 {
    margin-right: 89px !important; } }

.rtl .pl-90 {
  padding-left: 90px !important; }

.rtl .pr-90 {
  padding-right: 90px !important; }

.p-90 {
  padding: 90px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.py-90 {
  padding-bottom: 90px !important;
  padding-top: 90px !important; }

.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important; }

.pl-90 {
  padding-left: 90px !important; }

.pr-90 {
  padding-right: 90px !important; }

.m-90 {
  margin: 90px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.my-90 {
  margin-bottom: 90px !important;
  margin-top: 90px !important; }

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important; }

.ml-90 {
  margin-left: 90px !important; }

.mr-90 {
  margin-right: 90px !important; }

@media (min-width: 991px) {
  .p-lg-90 {
    padding: 90px !important; }
  .pt-lg-90 {
    padding-top: 90px !important; }
  .pb-lg-90 {
    padding-bottom: 90px !important; }
  .py-lg-90 {
    padding-bottom: 90px !important;
    padding-top: 90px !important; }
  .px-lg-90 {
    padding-left: 90px !important;
    padding-right: 90px !important; }
  .pl-lg-90 {
    padding-left: 90px !important; }
  .pr-lg-90 {
    padding-right: 90px !important; }
  .mp-lg-90 {
    margin: 90px !important; }
  .mt-lg-90 {
    margin-top: 90px !important; }
  .mb-lg-90 {
    margin-bottom: 90px !important; }
  .my-lg-90 {
    margin-bottom: 90px !important;
    margin-top: 90px !important; }
  .mx-lg-90 {
    margin-left: 90px !important;
    margin-right: 90px !important; }
  .ml-lg-90 {
    margin-left: 90px !important; }
  .mr-lg-90 {
    margin-right: 90px !important; } }

@media (min-width: 767px) {
  .p-md-90 {
    padding: 90px !important; }
  .pt-md-90 {
    padding-top: 90px !important; }
  .pb-md-90 {
    padding-bottom: 90px !important; }
  .py-md-90 {
    padding-bottom: 90px !important;
    padding-top: 90px !important; }
  .px-md-90 {
    padding-left: 90px !important;
    padding-right: 90px !important; }
  .pl-md-90 {
    padding-left: 90px !important; }
  .pr-md-90 {
    padding-right: 90px !important; }
  .m-md-90 {
    margin: 90px !important; }
  .mt-md-90 {
    margin-top: 90px !important; }
  .mb-md-90 {
    margin-bottom: 90px !important; }
  .my-md-90 {
    margin-bottom: 90px !important;
    margin-top: 90px !important; }
  .mx-md-90 {
    margin-left: 90px !important;
    margin-right: 90px !important; }
  .ml-md-90 {
    margin-left: 90px !important; }
  .mr-md-90 {
    margin-right: 90px !important; } }

.rtl .pl-91 {
  padding-left: 91px !important; }

.rtl .pr-91 {
  padding-right: 91px !important; }

.p-91 {
  padding: 91px !important; }

.pt-91 {
  padding-top: 91px !important; }

.pb-91 {
  padding-bottom: 91px !important; }

.py-91 {
  padding-bottom: 91px !important;
  padding-top: 91px !important; }

.px-91 {
  padding-left: 91px !important;
  padding-right: 91px !important; }

.pl-91 {
  padding-left: 91px !important; }

.pr-91 {
  padding-right: 91px !important; }

.m-91 {
  margin: 91px !important; }

.mt-91 {
  margin-top: 91px !important; }

.mb-91 {
  margin-bottom: 91px !important; }

.my-91 {
  margin-bottom: 91px !important;
  margin-top: 91px !important; }

.mx-91 {
  margin-left: 91px !important;
  margin-right: 91px !important; }

.ml-91 {
  margin-left: 91px !important; }

.mr-91 {
  margin-right: 91px !important; }

@media (min-width: 991px) {
  .p-lg-91 {
    padding: 91px !important; }
  .pt-lg-91 {
    padding-top: 91px !important; }
  .pb-lg-91 {
    padding-bottom: 91px !important; }
  .py-lg-91 {
    padding-bottom: 91px !important;
    padding-top: 91px !important; }
  .px-lg-91 {
    padding-left: 91px !important;
    padding-right: 91px !important; }
  .pl-lg-91 {
    padding-left: 91px !important; }
  .pr-lg-91 {
    padding-right: 91px !important; }
  .mp-lg-91 {
    margin: 91px !important; }
  .mt-lg-91 {
    margin-top: 91px !important; }
  .mb-lg-91 {
    margin-bottom: 91px !important; }
  .my-lg-91 {
    margin-bottom: 91px !important;
    margin-top: 91px !important; }
  .mx-lg-91 {
    margin-left: 91px !important;
    margin-right: 91px !important; }
  .ml-lg-91 {
    margin-left: 91px !important; }
  .mr-lg-91 {
    margin-right: 91px !important; } }

@media (min-width: 767px) {
  .p-md-91 {
    padding: 91px !important; }
  .pt-md-91 {
    padding-top: 91px !important; }
  .pb-md-91 {
    padding-bottom: 91px !important; }
  .py-md-91 {
    padding-bottom: 91px !important;
    padding-top: 91px !important; }
  .px-md-91 {
    padding-left: 91px !important;
    padding-right: 91px !important; }
  .pl-md-91 {
    padding-left: 91px !important; }
  .pr-md-91 {
    padding-right: 91px !important; }
  .m-md-91 {
    margin: 91px !important; }
  .mt-md-91 {
    margin-top: 91px !important; }
  .mb-md-91 {
    margin-bottom: 91px !important; }
  .my-md-91 {
    margin-bottom: 91px !important;
    margin-top: 91px !important; }
  .mx-md-91 {
    margin-left: 91px !important;
    margin-right: 91px !important; }
  .ml-md-91 {
    margin-left: 91px !important; }
  .mr-md-91 {
    margin-right: 91px !important; } }

.rtl .pl-92 {
  padding-left: 92px !important; }

.rtl .pr-92 {
  padding-right: 92px !important; }

.p-92 {
  padding: 92px !important; }

.pt-92 {
  padding-top: 92px !important; }

.pb-92 {
  padding-bottom: 92px !important; }

.py-92 {
  padding-bottom: 92px !important;
  padding-top: 92px !important; }

.px-92 {
  padding-left: 92px !important;
  padding-right: 92px !important; }

.pl-92 {
  padding-left: 92px !important; }

.pr-92 {
  padding-right: 92px !important; }

.m-92 {
  margin: 92px !important; }

.mt-92 {
  margin-top: 92px !important; }

.mb-92 {
  margin-bottom: 92px !important; }

.my-92 {
  margin-bottom: 92px !important;
  margin-top: 92px !important; }

.mx-92 {
  margin-left: 92px !important;
  margin-right: 92px !important; }

.ml-92 {
  margin-left: 92px !important; }

.mr-92 {
  margin-right: 92px !important; }

@media (min-width: 991px) {
  .p-lg-92 {
    padding: 92px !important; }
  .pt-lg-92 {
    padding-top: 92px !important; }
  .pb-lg-92 {
    padding-bottom: 92px !important; }
  .py-lg-92 {
    padding-bottom: 92px !important;
    padding-top: 92px !important; }
  .px-lg-92 {
    padding-left: 92px !important;
    padding-right: 92px !important; }
  .pl-lg-92 {
    padding-left: 92px !important; }
  .pr-lg-92 {
    padding-right: 92px !important; }
  .mp-lg-92 {
    margin: 92px !important; }
  .mt-lg-92 {
    margin-top: 92px !important; }
  .mb-lg-92 {
    margin-bottom: 92px !important; }
  .my-lg-92 {
    margin-bottom: 92px !important;
    margin-top: 92px !important; }
  .mx-lg-92 {
    margin-left: 92px !important;
    margin-right: 92px !important; }
  .ml-lg-92 {
    margin-left: 92px !important; }
  .mr-lg-92 {
    margin-right: 92px !important; } }

@media (min-width: 767px) {
  .p-md-92 {
    padding: 92px !important; }
  .pt-md-92 {
    padding-top: 92px !important; }
  .pb-md-92 {
    padding-bottom: 92px !important; }
  .py-md-92 {
    padding-bottom: 92px !important;
    padding-top: 92px !important; }
  .px-md-92 {
    padding-left: 92px !important;
    padding-right: 92px !important; }
  .pl-md-92 {
    padding-left: 92px !important; }
  .pr-md-92 {
    padding-right: 92px !important; }
  .m-md-92 {
    margin: 92px !important; }
  .mt-md-92 {
    margin-top: 92px !important; }
  .mb-md-92 {
    margin-bottom: 92px !important; }
  .my-md-92 {
    margin-bottom: 92px !important;
    margin-top: 92px !important; }
  .mx-md-92 {
    margin-left: 92px !important;
    margin-right: 92px !important; }
  .ml-md-92 {
    margin-left: 92px !important; }
  .mr-md-92 {
    margin-right: 92px !important; } }

.rtl .pl-93 {
  padding-left: 93px !important; }

.rtl .pr-93 {
  padding-right: 93px !important; }

.p-93 {
  padding: 93px !important; }

.pt-93 {
  padding-top: 93px !important; }

.pb-93 {
  padding-bottom: 93px !important; }

.py-93 {
  padding-bottom: 93px !important;
  padding-top: 93px !important; }

.px-93 {
  padding-left: 93px !important;
  padding-right: 93px !important; }

.pl-93 {
  padding-left: 93px !important; }

.pr-93 {
  padding-right: 93px !important; }

.m-93 {
  margin: 93px !important; }

.mt-93 {
  margin-top: 93px !important; }

.mb-93 {
  margin-bottom: 93px !important; }

.my-93 {
  margin-bottom: 93px !important;
  margin-top: 93px !important; }

.mx-93 {
  margin-left: 93px !important;
  margin-right: 93px !important; }

.ml-93 {
  margin-left: 93px !important; }

.mr-93 {
  margin-right: 93px !important; }

@media (min-width: 991px) {
  .p-lg-93 {
    padding: 93px !important; }
  .pt-lg-93 {
    padding-top: 93px !important; }
  .pb-lg-93 {
    padding-bottom: 93px !important; }
  .py-lg-93 {
    padding-bottom: 93px !important;
    padding-top: 93px !important; }
  .px-lg-93 {
    padding-left: 93px !important;
    padding-right: 93px !important; }
  .pl-lg-93 {
    padding-left: 93px !important; }
  .pr-lg-93 {
    padding-right: 93px !important; }
  .mp-lg-93 {
    margin: 93px !important; }
  .mt-lg-93 {
    margin-top: 93px !important; }
  .mb-lg-93 {
    margin-bottom: 93px !important; }
  .my-lg-93 {
    margin-bottom: 93px !important;
    margin-top: 93px !important; }
  .mx-lg-93 {
    margin-left: 93px !important;
    margin-right: 93px !important; }
  .ml-lg-93 {
    margin-left: 93px !important; }
  .mr-lg-93 {
    margin-right: 93px !important; } }

@media (min-width: 767px) {
  .p-md-93 {
    padding: 93px !important; }
  .pt-md-93 {
    padding-top: 93px !important; }
  .pb-md-93 {
    padding-bottom: 93px !important; }
  .py-md-93 {
    padding-bottom: 93px !important;
    padding-top: 93px !important; }
  .px-md-93 {
    padding-left: 93px !important;
    padding-right: 93px !important; }
  .pl-md-93 {
    padding-left: 93px !important; }
  .pr-md-93 {
    padding-right: 93px !important; }
  .m-md-93 {
    margin: 93px !important; }
  .mt-md-93 {
    margin-top: 93px !important; }
  .mb-md-93 {
    margin-bottom: 93px !important; }
  .my-md-93 {
    margin-bottom: 93px !important;
    margin-top: 93px !important; }
  .mx-md-93 {
    margin-left: 93px !important;
    margin-right: 93px !important; }
  .ml-md-93 {
    margin-left: 93px !important; }
  .mr-md-93 {
    margin-right: 93px !important; } }

.rtl .pl-94 {
  padding-left: 94px !important; }

.rtl .pr-94 {
  padding-right: 94px !important; }

.p-94 {
  padding: 94px !important; }

.pt-94 {
  padding-top: 94px !important; }

.pb-94 {
  padding-bottom: 94px !important; }

.py-94 {
  padding-bottom: 94px !important;
  padding-top: 94px !important; }

.px-94 {
  padding-left: 94px !important;
  padding-right: 94px !important; }

.pl-94 {
  padding-left: 94px !important; }

.pr-94 {
  padding-right: 94px !important; }

.m-94 {
  margin: 94px !important; }

.mt-94 {
  margin-top: 94px !important; }

.mb-94 {
  margin-bottom: 94px !important; }

.my-94 {
  margin-bottom: 94px !important;
  margin-top: 94px !important; }

.mx-94 {
  margin-left: 94px !important;
  margin-right: 94px !important; }

.ml-94 {
  margin-left: 94px !important; }

.mr-94 {
  margin-right: 94px !important; }

@media (min-width: 991px) {
  .p-lg-94 {
    padding: 94px !important; }
  .pt-lg-94 {
    padding-top: 94px !important; }
  .pb-lg-94 {
    padding-bottom: 94px !important; }
  .py-lg-94 {
    padding-bottom: 94px !important;
    padding-top: 94px !important; }
  .px-lg-94 {
    padding-left: 94px !important;
    padding-right: 94px !important; }
  .pl-lg-94 {
    padding-left: 94px !important; }
  .pr-lg-94 {
    padding-right: 94px !important; }
  .mp-lg-94 {
    margin: 94px !important; }
  .mt-lg-94 {
    margin-top: 94px !important; }
  .mb-lg-94 {
    margin-bottom: 94px !important; }
  .my-lg-94 {
    margin-bottom: 94px !important;
    margin-top: 94px !important; }
  .mx-lg-94 {
    margin-left: 94px !important;
    margin-right: 94px !important; }
  .ml-lg-94 {
    margin-left: 94px !important; }
  .mr-lg-94 {
    margin-right: 94px !important; } }

@media (min-width: 767px) {
  .p-md-94 {
    padding: 94px !important; }
  .pt-md-94 {
    padding-top: 94px !important; }
  .pb-md-94 {
    padding-bottom: 94px !important; }
  .py-md-94 {
    padding-bottom: 94px !important;
    padding-top: 94px !important; }
  .px-md-94 {
    padding-left: 94px !important;
    padding-right: 94px !important; }
  .pl-md-94 {
    padding-left: 94px !important; }
  .pr-md-94 {
    padding-right: 94px !important; }
  .m-md-94 {
    margin: 94px !important; }
  .mt-md-94 {
    margin-top: 94px !important; }
  .mb-md-94 {
    margin-bottom: 94px !important; }
  .my-md-94 {
    margin-bottom: 94px !important;
    margin-top: 94px !important; }
  .mx-md-94 {
    margin-left: 94px !important;
    margin-right: 94px !important; }
  .ml-md-94 {
    margin-left: 94px !important; }
  .mr-md-94 {
    margin-right: 94px !important; } }

.rtl .pl-95 {
  padding-left: 95px !important; }

.rtl .pr-95 {
  padding-right: 95px !important; }

.p-95 {
  padding: 95px !important; }

.pt-95 {
  padding-top: 95px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.py-95 {
  padding-bottom: 95px !important;
  padding-top: 95px !important; }

.px-95 {
  padding-left: 95px !important;
  padding-right: 95px !important; }

.pl-95 {
  padding-left: 95px !important; }

.pr-95 {
  padding-right: 95px !important; }

.m-95 {
  margin: 95px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.my-95 {
  margin-bottom: 95px !important;
  margin-top: 95px !important; }

.mx-95 {
  margin-left: 95px !important;
  margin-right: 95px !important; }

.ml-95 {
  margin-left: 95px !important; }

.mr-95 {
  margin-right: 95px !important; }

@media (min-width: 991px) {
  .p-lg-95 {
    padding: 95px !important; }
  .pt-lg-95 {
    padding-top: 95px !important; }
  .pb-lg-95 {
    padding-bottom: 95px !important; }
  .py-lg-95 {
    padding-bottom: 95px !important;
    padding-top: 95px !important; }
  .px-lg-95 {
    padding-left: 95px !important;
    padding-right: 95px !important; }
  .pl-lg-95 {
    padding-left: 95px !important; }
  .pr-lg-95 {
    padding-right: 95px !important; }
  .mp-lg-95 {
    margin: 95px !important; }
  .mt-lg-95 {
    margin-top: 95px !important; }
  .mb-lg-95 {
    margin-bottom: 95px !important; }
  .my-lg-95 {
    margin-bottom: 95px !important;
    margin-top: 95px !important; }
  .mx-lg-95 {
    margin-left: 95px !important;
    margin-right: 95px !important; }
  .ml-lg-95 {
    margin-left: 95px !important; }
  .mr-lg-95 {
    margin-right: 95px !important; } }

@media (min-width: 767px) {
  .p-md-95 {
    padding: 95px !important; }
  .pt-md-95 {
    padding-top: 95px !important; }
  .pb-md-95 {
    padding-bottom: 95px !important; }
  .py-md-95 {
    padding-bottom: 95px !important;
    padding-top: 95px !important; }
  .px-md-95 {
    padding-left: 95px !important;
    padding-right: 95px !important; }
  .pl-md-95 {
    padding-left: 95px !important; }
  .pr-md-95 {
    padding-right: 95px !important; }
  .m-md-95 {
    margin: 95px !important; }
  .mt-md-95 {
    margin-top: 95px !important; }
  .mb-md-95 {
    margin-bottom: 95px !important; }
  .my-md-95 {
    margin-bottom: 95px !important;
    margin-top: 95px !important; }
  .mx-md-95 {
    margin-left: 95px !important;
    margin-right: 95px !important; }
  .ml-md-95 {
    margin-left: 95px !important; }
  .mr-md-95 {
    margin-right: 95px !important; } }

.rtl .pl-96 {
  padding-left: 96px !important; }

.rtl .pr-96 {
  padding-right: 96px !important; }

.p-96 {
  padding: 96px !important; }

.pt-96 {
  padding-top: 96px !important; }

.pb-96 {
  padding-bottom: 96px !important; }

.py-96 {
  padding-bottom: 96px !important;
  padding-top: 96px !important; }

.px-96 {
  padding-left: 96px !important;
  padding-right: 96px !important; }

.pl-96 {
  padding-left: 96px !important; }

.pr-96 {
  padding-right: 96px !important; }

.m-96 {
  margin: 96px !important; }

.mt-96 {
  margin-top: 96px !important; }

.mb-96 {
  margin-bottom: 96px !important; }

.my-96 {
  margin-bottom: 96px !important;
  margin-top: 96px !important; }

.mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important; }

.ml-96 {
  margin-left: 96px !important; }

.mr-96 {
  margin-right: 96px !important; }

@media (min-width: 991px) {
  .p-lg-96 {
    padding: 96px !important; }
  .pt-lg-96 {
    padding-top: 96px !important; }
  .pb-lg-96 {
    padding-bottom: 96px !important; }
  .py-lg-96 {
    padding-bottom: 96px !important;
    padding-top: 96px !important; }
  .px-lg-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; }
  .pl-lg-96 {
    padding-left: 96px !important; }
  .pr-lg-96 {
    padding-right: 96px !important; }
  .mp-lg-96 {
    margin: 96px !important; }
  .mt-lg-96 {
    margin-top: 96px !important; }
  .mb-lg-96 {
    margin-bottom: 96px !important; }
  .my-lg-96 {
    margin-bottom: 96px !important;
    margin-top: 96px !important; }
  .mx-lg-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; }
  .ml-lg-96 {
    margin-left: 96px !important; }
  .mr-lg-96 {
    margin-right: 96px !important; } }

@media (min-width: 767px) {
  .p-md-96 {
    padding: 96px !important; }
  .pt-md-96 {
    padding-top: 96px !important; }
  .pb-md-96 {
    padding-bottom: 96px !important; }
  .py-md-96 {
    padding-bottom: 96px !important;
    padding-top: 96px !important; }
  .px-md-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; }
  .pl-md-96 {
    padding-left: 96px !important; }
  .pr-md-96 {
    padding-right: 96px !important; }
  .m-md-96 {
    margin: 96px !important; }
  .mt-md-96 {
    margin-top: 96px !important; }
  .mb-md-96 {
    margin-bottom: 96px !important; }
  .my-md-96 {
    margin-bottom: 96px !important;
    margin-top: 96px !important; }
  .mx-md-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; }
  .ml-md-96 {
    margin-left: 96px !important; }
  .mr-md-96 {
    margin-right: 96px !important; } }

.rtl .pl-97 {
  padding-left: 97px !important; }

.rtl .pr-97 {
  padding-right: 97px !important; }

.p-97 {
  padding: 97px !important; }

.pt-97 {
  padding-top: 97px !important; }

.pb-97 {
  padding-bottom: 97px !important; }

.py-97 {
  padding-bottom: 97px !important;
  padding-top: 97px !important; }

.px-97 {
  padding-left: 97px !important;
  padding-right: 97px !important; }

.pl-97 {
  padding-left: 97px !important; }

.pr-97 {
  padding-right: 97px !important; }

.m-97 {
  margin: 97px !important; }

.mt-97 {
  margin-top: 97px !important; }

.mb-97 {
  margin-bottom: 97px !important; }

.my-97 {
  margin-bottom: 97px !important;
  margin-top: 97px !important; }

.mx-97 {
  margin-left: 97px !important;
  margin-right: 97px !important; }

.ml-97 {
  margin-left: 97px !important; }

.mr-97 {
  margin-right: 97px !important; }

@media (min-width: 991px) {
  .p-lg-97 {
    padding: 97px !important; }
  .pt-lg-97 {
    padding-top: 97px !important; }
  .pb-lg-97 {
    padding-bottom: 97px !important; }
  .py-lg-97 {
    padding-bottom: 97px !important;
    padding-top: 97px !important; }
  .px-lg-97 {
    padding-left: 97px !important;
    padding-right: 97px !important; }
  .pl-lg-97 {
    padding-left: 97px !important; }
  .pr-lg-97 {
    padding-right: 97px !important; }
  .mp-lg-97 {
    margin: 97px !important; }
  .mt-lg-97 {
    margin-top: 97px !important; }
  .mb-lg-97 {
    margin-bottom: 97px !important; }
  .my-lg-97 {
    margin-bottom: 97px !important;
    margin-top: 97px !important; }
  .mx-lg-97 {
    margin-left: 97px !important;
    margin-right: 97px !important; }
  .ml-lg-97 {
    margin-left: 97px !important; }
  .mr-lg-97 {
    margin-right: 97px !important; } }

@media (min-width: 767px) {
  .p-md-97 {
    padding: 97px !important; }
  .pt-md-97 {
    padding-top: 97px !important; }
  .pb-md-97 {
    padding-bottom: 97px !important; }
  .py-md-97 {
    padding-bottom: 97px !important;
    padding-top: 97px !important; }
  .px-md-97 {
    padding-left: 97px !important;
    padding-right: 97px !important; }
  .pl-md-97 {
    padding-left: 97px !important; }
  .pr-md-97 {
    padding-right: 97px !important; }
  .m-md-97 {
    margin: 97px !important; }
  .mt-md-97 {
    margin-top: 97px !important; }
  .mb-md-97 {
    margin-bottom: 97px !important; }
  .my-md-97 {
    margin-bottom: 97px !important;
    margin-top: 97px !important; }
  .mx-md-97 {
    margin-left: 97px !important;
    margin-right: 97px !important; }
  .ml-md-97 {
    margin-left: 97px !important; }
  .mr-md-97 {
    margin-right: 97px !important; } }

.rtl .pl-98 {
  padding-left: 98px !important; }

.rtl .pr-98 {
  padding-right: 98px !important; }

.p-98 {
  padding: 98px !important; }

.pt-98 {
  padding-top: 98px !important; }

.pb-98 {
  padding-bottom: 98px !important; }

.py-98 {
  padding-bottom: 98px !important;
  padding-top: 98px !important; }

.px-98 {
  padding-left: 98px !important;
  padding-right: 98px !important; }

.pl-98 {
  padding-left: 98px !important; }

.pr-98 {
  padding-right: 98px !important; }

.m-98 {
  margin: 98px !important; }

.mt-98 {
  margin-top: 98px !important; }

.mb-98 {
  margin-bottom: 98px !important; }

.my-98 {
  margin-bottom: 98px !important;
  margin-top: 98px !important; }

.mx-98 {
  margin-left: 98px !important;
  margin-right: 98px !important; }

.ml-98 {
  margin-left: 98px !important; }

.mr-98 {
  margin-right: 98px !important; }

@media (min-width: 991px) {
  .p-lg-98 {
    padding: 98px !important; }
  .pt-lg-98 {
    padding-top: 98px !important; }
  .pb-lg-98 {
    padding-bottom: 98px !important; }
  .py-lg-98 {
    padding-bottom: 98px !important;
    padding-top: 98px !important; }
  .px-lg-98 {
    padding-left: 98px !important;
    padding-right: 98px !important; }
  .pl-lg-98 {
    padding-left: 98px !important; }
  .pr-lg-98 {
    padding-right: 98px !important; }
  .mp-lg-98 {
    margin: 98px !important; }
  .mt-lg-98 {
    margin-top: 98px !important; }
  .mb-lg-98 {
    margin-bottom: 98px !important; }
  .my-lg-98 {
    margin-bottom: 98px !important;
    margin-top: 98px !important; }
  .mx-lg-98 {
    margin-left: 98px !important;
    margin-right: 98px !important; }
  .ml-lg-98 {
    margin-left: 98px !important; }
  .mr-lg-98 {
    margin-right: 98px !important; } }

@media (min-width: 767px) {
  .p-md-98 {
    padding: 98px !important; }
  .pt-md-98 {
    padding-top: 98px !important; }
  .pb-md-98 {
    padding-bottom: 98px !important; }
  .py-md-98 {
    padding-bottom: 98px !important;
    padding-top: 98px !important; }
  .px-md-98 {
    padding-left: 98px !important;
    padding-right: 98px !important; }
  .pl-md-98 {
    padding-left: 98px !important; }
  .pr-md-98 {
    padding-right: 98px !important; }
  .m-md-98 {
    margin: 98px !important; }
  .mt-md-98 {
    margin-top: 98px !important; }
  .mb-md-98 {
    margin-bottom: 98px !important; }
  .my-md-98 {
    margin-bottom: 98px !important;
    margin-top: 98px !important; }
  .mx-md-98 {
    margin-left: 98px !important;
    margin-right: 98px !important; }
  .ml-md-98 {
    margin-left: 98px !important; }
  .mr-md-98 {
    margin-right: 98px !important; } }

.rtl .pl-99 {
  padding-left: 99px !important; }

.rtl .pr-99 {
  padding-right: 99px !important; }

.p-99 {
  padding: 99px !important; }

.pt-99 {
  padding-top: 99px !important; }

.pb-99 {
  padding-bottom: 99px !important; }

.py-99 {
  padding-bottom: 99px !important;
  padding-top: 99px !important; }

.px-99 {
  padding-left: 99px !important;
  padding-right: 99px !important; }

.pl-99 {
  padding-left: 99px !important; }

.pr-99 {
  padding-right: 99px !important; }

.m-99 {
  margin: 99px !important; }

.mt-99 {
  margin-top: 99px !important; }

.mb-99 {
  margin-bottom: 99px !important; }

.my-99 {
  margin-bottom: 99px !important;
  margin-top: 99px !important; }

.mx-99 {
  margin-left: 99px !important;
  margin-right: 99px !important; }

.ml-99 {
  margin-left: 99px !important; }

.mr-99 {
  margin-right: 99px !important; }

@media (min-width: 991px) {
  .p-lg-99 {
    padding: 99px !important; }
  .pt-lg-99 {
    padding-top: 99px !important; }
  .pb-lg-99 {
    padding-bottom: 99px !important; }
  .py-lg-99 {
    padding-bottom: 99px !important;
    padding-top: 99px !important; }
  .px-lg-99 {
    padding-left: 99px !important;
    padding-right: 99px !important; }
  .pl-lg-99 {
    padding-left: 99px !important; }
  .pr-lg-99 {
    padding-right: 99px !important; }
  .mp-lg-99 {
    margin: 99px !important; }
  .mt-lg-99 {
    margin-top: 99px !important; }
  .mb-lg-99 {
    margin-bottom: 99px !important; }
  .my-lg-99 {
    margin-bottom: 99px !important;
    margin-top: 99px !important; }
  .mx-lg-99 {
    margin-left: 99px !important;
    margin-right: 99px !important; }
  .ml-lg-99 {
    margin-left: 99px !important; }
  .mr-lg-99 {
    margin-right: 99px !important; } }

@media (min-width: 767px) {
  .p-md-99 {
    padding: 99px !important; }
  .pt-md-99 {
    padding-top: 99px !important; }
  .pb-md-99 {
    padding-bottom: 99px !important; }
  .py-md-99 {
    padding-bottom: 99px !important;
    padding-top: 99px !important; }
  .px-md-99 {
    padding-left: 99px !important;
    padding-right: 99px !important; }
  .pl-md-99 {
    padding-left: 99px !important; }
  .pr-md-99 {
    padding-right: 99px !important; }
  .m-md-99 {
    margin: 99px !important; }
  .mt-md-99 {
    margin-top: 99px !important; }
  .mb-md-99 {
    margin-bottom: 99px !important; }
  .my-md-99 {
    margin-bottom: 99px !important;
    margin-top: 99px !important; }
  .mx-md-99 {
    margin-left: 99px !important;
    margin-right: 99px !important; }
  .ml-md-99 {
    margin-left: 99px !important; }
  .mr-md-99 {
    margin-right: 99px !important; } }

.rtl .pl-100 {
  padding-left: 100px !important; }

.rtl .pr-100 {
  padding-right: 100px !important; }

.p-100 {
  padding: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.py-100 {
  padding-bottom: 100px !important;
  padding-top: 100px !important; }

.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

.m-100 {
  margin: 100px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.my-100 {
  margin-bottom: 100px !important;
  margin-top: 100px !important; }

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

@media (min-width: 991px) {
  .p-lg-100 {
    padding: 100px !important; }
  .pt-lg-100 {
    padding-top: 100px !important; }
  .pb-lg-100 {
    padding-bottom: 100px !important; }
  .py-lg-100 {
    padding-bottom: 100px !important;
    padding-top: 100px !important; }
  .px-lg-100 {
    padding-left: 100px !important;
    padding-right: 100px !important; }
  .pl-lg-100 {
    padding-left: 100px !important; }
  .pr-lg-100 {
    padding-right: 100px !important; }
  .mp-lg-100 {
    margin: 100px !important; }
  .mt-lg-100 {
    margin-top: 100px !important; }
  .mb-lg-100 {
    margin-bottom: 100px !important; }
  .my-lg-100 {
    margin-bottom: 100px !important;
    margin-top: 100px !important; }
  .mx-lg-100 {
    margin-left: 100px !important;
    margin-right: 100px !important; }
  .ml-lg-100 {
    margin-left: 100px !important; }
  .mr-lg-100 {
    margin-right: 100px !important; } }

@media (min-width: 767px) {
  .p-md-100 {
    padding: 100px !important; }
  .pt-md-100 {
    padding-top: 100px !important; }
  .pb-md-100 {
    padding-bottom: 100px !important; }
  .py-md-100 {
    padding-bottom: 100px !important;
    padding-top: 100px !important; }
  .px-md-100 {
    padding-left: 100px !important;
    padding-right: 100px !important; }
  .pl-md-100 {
    padding-left: 100px !important; }
  .pr-md-100 {
    padding-right: 100px !important; }
  .m-md-100 {
    margin: 100px !important; }
  .mt-md-100 {
    margin-top: 100px !important; }
  .mb-md-100 {
    margin-bottom: 100px !important; }
  .my-md-100 {
    margin-bottom: 100px !important;
    margin-top: 100px !important; }
  .mx-md-100 {
    margin-left: 100px !important;
    margin-right: 100px !important; }
  .ml-md-100 {
    margin-left: 100px !important; }
  .mr-md-100 {
    margin-right: 100px !important; } }

.breadcrumb {
  background: none;
  padding: 0rem 0;
  margin-bottom: 0rem; }
  @media (max-width: 1440px) {
    .breadcrumb {
      margin-right: 20px; } }
  @media (max-width: 1199px) {
    .breadcrumb {
      margin-right: 12px; } }
  @media (max-width: 991px) {
    .breadcrumb {
      margin-right: 20px; } }
  @media (max-width: 768px) {
    .breadcrumb {
      margin-right: unset; } }
  .breadcrumb .breadcrumb-item {
    font-size: 1.6rem;
    color: #999;
    font-weight: 400;
    padding-left: 0;
    display: inline-block;
    margin-bottom: .7rem;
   }
    .breadcrumb .breadcrumb-item a {
      font-size: 1.6rem;
      color: #999;
      font-weight: 400; }
      .breadcrumb .breadcrumb-item a:hover {
        color: #111; }

.breadcrumb-item + .breadcrumb-item::before {
  color: #999;
  font-family: FontAwesome;
  content: "\f105";
  padding: 0;
  font-size: 1.6rem;
  margin: 0rem 1rem 0; }

.breadcrumb .breadcrumb-item a:hover {
  color: #111; }

.breadcrumb .breadcrumb-item a.active {
  color: #0EB2B3; }

.breadcrumb .breadcrumb-item a.active:hover {
  color: #111; }

.serch-btn-mt {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 5rem;
  border-radius: .8rem;
  background: #0eb2b3;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 18rem;
  min-width: 18rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 2px 10px 00000029;
  box-shadow: 0 2px 10px 00000029; }
  .serch-btn-mt:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.modal-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  min-width: auto;
  width: auto;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem; }
  .modal-btn .fa-plus-circle {
    margin-right: 5px; }
  .modal-btn .fas {
    margin-right: 3px; }
  .modal-btn:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

@media (max-width: 575px) {
  .modal-btn-mobile.modal-btn {
    min-width: 13rem; } }

.modal-btn.cancel-btn {
  background: #F9A504; }
  .modal-btn.cancel-btn:hover {
    background: #F41349; }

.Unpick-btn.modal-btn {
  background: #F41349; }
  .Unpick-btn.modal-btn:hover {
    background: #F9A504; }

.apply-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  min-width: 24.7rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem; }
  .apply-btn:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.cancel-commit {
  height: 5rem;
  border-radius: 1rem;
  background: rgba(249, 165, 4, 0.5);
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  min-width: 13.8rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem; }
  .cancel-commit:hover {
    background: #f9a504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.cancel-commit.primary-clr {
  background: rgba(14, 178, 179, 0.5);
  margin-left: 1.6rem; }
  .cancel-commit.primary-clr:hover {
    background: #0eb2b3; }

.btn-done {
  height: 25px;
  border-radius: .5rem;
  background: #0eb2b3;
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 135px;
  min-width: 135px;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem;
  margin: 5px auto 0; }
  .btn-done:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.Unlink-btn {
  height: 4rem;
  border-radius: 1rem;
  background: #F41349;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 10rem;
  min-width: 10rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem; }
  .Unlink-btn:hover {
    background: #f9a504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.filter-btn {
  height: 4rem;
  border-radius: 1rem;
  background: #0EB2B3;
  outline: none;
  border: none;
  width: 15.5rem;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 0; }
  .filter-btn .fa-filter {
    font-size: 1.4rem;
    margin-right: 3px; }
  .filter-btn:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.back-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #fff;
  outline: none;
  border: none;
  width: 5rem;
  min-width: 5rem;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 0px 0px black;
  box-shadow: 0 0px 0px black; }
  .back-btn svg {
    width: 1.7rem !important;
    height: 1.7rem !important; }
  .back-btn:hover {
    background: #0eb2b3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }
    .back-btn:hover svg path {
      fill: #fff; }

.btn-view-more {
  height: 4rem;
  border-radius: 1rem;
  background: #0EB2B3;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 12.4rem;
  min-width: 12.4rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px 1rem; }
  .btn-view-more:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.stock-edit {
  height: 5rem;
  border-radius: 1rem;
  background: #0EB2B3;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 14.7rem;
  min-width: 14.7rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px 1rem; }
  .stock-edit:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.discard-btn.width-btns-sett {
  width: 29.9rem;
  min-width: 29.9rem; }
  @media (max-width: 575px) {
    .discard-btn.width-btns-sett {
      width: 20.5rem;
      min-width: 20.5rem; } }

.add-btn.width-btns-sett {
  width: 29.9rem;
  min-width: 29.9rem; }
  @media (max-width: 575px) {
    .add-btn.width-btns-sett {
      width: 20.5rem;
      min-width: 20.5rem; } }

.discard-btn {
  height: 50px;
  /* width: 270px !important; */
  border-radius: 1rem;
  background: #0EB2B3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 20rem;
  min-width: 20rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  
  .plus-sign-btn {
  height: 50px;
  /* width: 270px !important; */
  border-radius: 1rem;
  background: #0EB2B3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 20rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

  button.discard-btn.w-100.deleteModal{
    background: #F9A504 !important;
  }

  button.discard-btn.w-100.deleteModalCancel {
    margin-right: 1.5rem !important;
  }

  .discard-btn:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.add-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #F9A504;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 22.5rem;
  min-width: 22.5rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 1.6rem; }
  .add-btn:hover {
    background: rgba(249, 165, 4, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.select-btn {
  height: 4rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 15rem;
  min-width: 15rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem; }
  .select-btn:hover {
    background: #f9a504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

    .select-btn-stock {
      height: 4rem;
      border-radius: 1rem;
      background: #0eb2b3;
      font-size: 1.8rem;
      font-weight: 500;
      text-transform: capitalize;
      outline: none;
      border: none;
      width: 15rem;
      min-width: 15rem;
      color: #fff;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: 0rem; }
      .select-btn-stock:hover {
        background: #f9a504;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s;
        color: #fff; }

.loction-link {
  height: 4rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 15rem;
  min-width: 15rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem; }
  .loction-link:hover {
    background: #f9a504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }
  .loction-link i {
    margin-right: 5px; }
.btn-new-width{
  width: 16rem !important;
  min-width: 16rem;
}
.btn-update {
  height: 50px;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 20rem;
  min-width: 20rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem; }
  .btn-update:hover {
    background: #F9A504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }



.btn-reset {
  height: 5rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 15rem;
  min-width: 15rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem; }
  .btn-reset:hover {
    background: #F9A504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

    .btn-back-edit{
      height: 5rem;
      border-radius: 1rem;
      background: #eee;
      font-size: 1.8rem;
      font-weight: 500;
      text-transform: capitalize;
      outline: none;
      border: none;
      width: 15rem;
      min-width: 15rem;
      color: #111;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 1rem; }
      .btn-back-edit svg{
        margin-right: 3px;
      }
      .btn-back-edit:hover{
        background: #fff;

        transition: ease-in-out .4s;
        color: #0eb2b3;
      }
.ad-loc-btn.btn-update {
  margin-right: 2rem;
  background: #F9A504; }
  .ad-loc-btn.btn-update:hover {
    background: #0EB2B3; }

.reset-btn-filter {
  height: 40px;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 100px;
  min-width: 100px;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto; }
  .reset-btn-filter img {
    width: 13px;
    height: 13px;
    margin-right: 5px; }
  @media (max-width: 767px) {
    .reset-btn-filter {
      width: 11px;
      height: 11px;
      margin-right: 3px; } }
  @media (max-width: 767px) {
    .reset-btn-filter {
      height: 5rem;
      width: 14rem;
      min-width: 14rem; } }
  .reset-btn-filter:hover {
    background: rgba(14, 178, 179, 0.7);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.generate-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 14rem;
  min-width: 14rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem; }
  .generate-btn:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.update-stock-btn {
  height: 4rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 9rem;
  min-width: 9rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem;
  margin-top: 2.6rem; }
  @media (max-width: 1600px) {

  }
  .update-stock-btn:hover {
    background: #F9A504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.generate-btn.Print-button {
  height: 5rem;
  border-radius: 1rem;
  background: #F9A504;
  font-size: 2rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 5rem;
  min-width: 5rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0rem 0rem; }
  .generate-btn.Print-button:hover {
    background: #0eb2b3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.margin-sett-btn .generate-btn.Print-button {
  background: #0eb2b3; }
  .margin-sett-btn .generate-btn.Print-button:hover {
    background: #f9a504;
    background: #0eb2b3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.del-barcode-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #F41349;
  outline: none;
  border: none;
  width: 5rem;
  min-width: 5rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem; }
  .del-barcode-btn img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1); }
  .del-barcode-btn:hover {
    background: #F9A504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.shadow-none {
  -webkit-box-shadow: none;
  box-shadow: none; }

button, input {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important; }

button:active {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important; }

button.active {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important; }

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.downall-all {
  height: 4rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 15rem;
  min-width: 15rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0rem;
  padding: 2px 1rem; }
  .downall-all i {
    margin-right: 5px; }
  .downall-all:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

.pagination-ctm {
  border-radius: 50px;
  height: 4rem;
  line-height: 4rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .pagination-ctm .page-arow-l {
    color: #fff;
    font-size: 1.6rem;
    width: 8rem;
    min-width: 8rem;
    height: 4rem;
    background: #0EB2B3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: 400; }
    @media (max-width: 425px) {
      .pagination-ctm .page-arow-l {
        width: 4rem;
        min-width: 4rem; } }
    @media (max-width: 425px) {
      .pagination-ctm .page-arow-l span {
        display: none; } }
    .pagination-ctm .page-arow-l .fa {
      font-size: 1.8rem;
      padding-right: 4px; }
      @media (max-width: 425px) {
        .pagination-ctm .page-arow-l .fa {
          padding-right: 2px;
          padding-top: 1px; } }
  @media (max-width: 425px) and (max-width: 325px) {
    .pagination-ctm .page-arow-l .fa {
      padding-right: 0px;
      padding-top: 0px;
      margin-bottom: 1px; } }
      .pagination-ctm .page-arow-l .fa.fa-angle-right {
        padding-right: 0px;
        padding-left: 4px; }
        @media (max-width: 425px) {
          .pagination-ctm .page-arow-l .fa.fa-angle-right {
            padding-left: 2px;
            padding-top: 1px; } }
        @media (max-width: 325px) {
          .pagination-ctm .page-arow-l .fa.fa-angle-right {
            padding-left: 0px;
            padding-top: 0px; } }
    .pagination-ctm .page-arow-l:hover {
      background: rgba(14, 178, 179, 0.6); }
  .pagination-ctm .my-pagination {
    background: #F0EFEF;
    border-radius: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0px 12px;
    margin-bottom: 0; }
    .pagination-ctm .my-pagination .item {
      padding: 0.1rem 0.4rem;
      float: left; }
      .pagination-ctm .my-pagination .item .link {
        font-size: 1.4rem;
        font-weight: 400;
        color: #999;
        width: 3.2rem;
        min-width: 3.2rem;
        height: 3.2rem;
        line-height: 3.2rem;
        text-align: center;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        border-radius: 5px;
        display: inline-block; }
        .pagination-ctm .my-pagination .item .link:hover, .pagination-ctm .my-pagination .item .link.active {
          color: #0EB2B3; }

.qust-filed {
  margin-right: 0rem !important; }
  .qust-filed .form-control {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    width: 16.4rem;
    border: none;
    height: 12.2rem;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer; }
    .qust-filed .form-control:hover {
      background: #0EB2B3; }
      .qust-filed .form-control:hover .btn-tertiary .heading {
        color: #fff; }
      .qust-filed .form-control:hover .btn-tertiary .plus-icon {
        color: #fff; }

.btn-tertiary {
  cursor: pointer; }
  .btn-tertiary .plus-icon {
    font-size: 3rem;
    color: #0EB2B3; }
  .btn-tertiary .heading {
    font-size: 1.4rem;
    font-weight: 300;
    color: #999;
    padding-top: 2px; }

.more-view-image {
  position: relative;
  width: 16.4rem;
  margin-right: 3rem;
  height: 12.2rem; }
  @media (max-width: 991px) {
    .more-view-image:last-child {
      margin-top: 3rem; } }
  @media (max-width: 575px) {
    .more-view-image:last-child {
      margin-top: 0rem; } }
  @media (max-width: 425px) {
    .more-view-image {
      margin-bottom: 3rem;
      width: 15.6rem; } }
  .more-view-image .uploads {
    width: 16.4rem;
    height: 12.2rem;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer; }
    @media (max-width: 425px) {
      .more-view-image .uploads {
        width: 15.6rem; } }
  .more-view-image .placeholder-remove {
    position: absolute;
    top: -1rem;
    right: -1rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 100px;
    background: #999;
    font-size: 1.8rem;
    color: #fff;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.21); }
    @media (max-width: 425px) {
      .more-view-image .placeholder-remove svg {
        width: 8px; } }
    .more-view-image .placeholder-remove:hover {
      background: #0EB2B3; }
    @media (max-width: 375px) {
      .more-view-image .placeholder-remove {
        width: 4.2rem;
        height: 4.2rem; } }

.more-view-image .placeholder-remove-tick {
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 100px;
  background: #999;
  font-size: 1.4rem;
  color: #fff;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.21); }
  .more-view-image .placeholder-remove-tick:hover {
    background: #0EB2B3; }
  .more-view-image .placeholder-remove-tick.active {
    background-color: #0EB2B3; }
  @media (max-width: 375px) {
    .more-view-image .placeholder-remove-tick {
      width: 4.2rem;
      height: 4.2rem; } }

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.sidenavbar-ctm {
  background: #eee;
  /* ---------------------------------------------------
        CONTENT STYLE
    ----------------------------------------------------- */ }
  .sidenavbar-ctm .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .sidenavbar-ctm #sidebar {
    min-width: 31.5rem;
    max-width: 31.5rem;
    background: #fff;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 9;
    overflow-y: auto; }
    @media (max-width: 1370px) {
      .sidenavbar-ctm #sidebar {
        min-width: 25rem;
        max-width: 25rem; } }
    .sidenavbar-ctm #sidebar .img-logo {
      height: 7.4rem;
      width: 16rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 1370px) {
        .sidenavbar-ctm #sidebar .img-logo {
          height: 7.4rem;
          width: 20rem; } }
    .sidenavbar-ctm #sidebar .img-logo-active {
      height: 10rem;
      width: 10rem;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      display: none; }
  .sidenavbar-ctm #sidebar.active {
    min-width: 130px;
    max-width: 130px;
    text-align: center; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar.active {
        position: fixed !important;
        z-index: 99;
        top: 0;
        bottom: 0;
        min-width: 20rem;
        max-width: 20rem;
        display: block;
        min-height: 100%;
        overflow-y: auto;
        /* Track */
        /* Handle */
        /* Handle on hover */ } }
  @media (max-width: 767px) and (max-width: 325px) {
    .sidenavbar-ctm #sidebar.active {
      min-width: 24rem;
      max-width: 24rem; } }
    @media (max-width: 767px) {
        .sidenavbar-ctm #sidebar.active::-webkit-scrollbar {
          width: .5rem;
          height: .5rem; }
        .sidenavbar-ctm #sidebar.active::-webkit-scrollbar-track {
          background: #f1f1f1; }
        .sidenavbar-ctm #sidebar.active::-webkit-scrollbar-thumb {
          background: #0EB2B3;
          border-radius: 10px; }
        .sidenavbar-ctm #sidebar.active::-webkit-scrollbar-thumb:hover {
          background: #0EB2B3; } }
    .sidenavbar-ctm #sidebar.active ul li .dashboard-link {
      border-left: 5px solid transparent;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s; }
    .sidenavbar-ctm #sidebar.active .img-logo {
      width: 50px;
      height: 50px;
      margin-top: 0;
      border-radius: 50%;
      display: none; }
    .sidenavbar-ctm #sidebar.active .img-logo-active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .sidenavbar-ctm #sidebar.active ul.components {
      padding: 3rem 0rem 3rem; }
    .sidenavbar-ctm #sidebar.active ul li .dashboard-link {
      border-radius: 0; }
    .sidenavbar-ctm #sidebar.active ul li.active > .dashboard-link, .sidenavbar-ctm #sidebar.active .dashboard-link[aria-expanded="true"] {
      background: transparent;
      border-left: 5px solid #0eb2b3; }
    .sidenavbar-ctm #sidebar.active ul li .dashboard-link:hover {
      background: transparent;
      border-color: #0eb2b3;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s; }
    .sidenavbar-ctm #sidebar.active ul li .dashboard-link.active {
      border-color: #0eb2b3; }
    .sidenavbar-ctm #sidebar.active .text-link-nav {
      display: none; }
    .sidenavbar-ctm #sidebar.active ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .sidenavbar-ctm #sidebar.active .serch-btn-mt span {
      display: none; }
    .sidenavbar-ctm #sidebar.active .serch-btn-mt {
      width: 50px;
      min-width: 50px; }
      .sidenavbar-ctm #sidebar.active .serch-btn-mt svg {
        margin-right: 0 !important; }
  .sidenavbar-ctm #sidebar ul li a {
    text-align: left; }
  .sidenavbar-ctm #sidebar.active ul li a.dashboard-link {
    padding: 12px 0;
    text-align: center;
    font-size: 1rem; }
  .sidenavbar-ctm #sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px; }
  .sidenavbar-ctm #sidebar.active ul ul a.inner-list {
    padding: 12px !important;
    font-size: 12px;
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar.active ul ul a.inner-list {
        width: 120px;
        font-size: 10px; } }
    @media (max-width: 325px) {
      .sidenavbar-ctm #sidebar.active ul ul a.inner-list {
        width: 118px; } }
  .sidenavbar-ctm #sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 5px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }
  .sidenavbar-ctm #sidebar .sidebar-header {
    text-align: center;
    margin-top: 0rem;
    height: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #D9D4D4; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar .sidebar-header {
        position: relative; } }
    .sidenavbar-ctm #sidebar .sidebar-header .closebtn {
      display: none;
      position: absolute;
      top: 1rem;
      right: 1rem;
      font-size: 3rem;
      width: 3.5rem;
      height: 3.5rem;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #F9A504;
      border-radius: 50%;
      border: none;
      opacity: 1;
      color: #fff;
      line-height: 1.7rem; }
      .sidenavbar-ctm #sidebar .sidebar-header .closebtn:hover {
        background: #0eb2b3; }
      @media (max-width: 767px) {
        .sidenavbar-ctm #sidebar .sidebar-header .closebtn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      @media (max-width: 325px) {
        .sidenavbar-ctm #sidebar .sidebar-header .closebtn {
          line-height: 1rem; } }
  .sidenavbar-ctm #sidebar ul.components {
    padding: 3rem 3rem 10rem;
    margin-bottom: 0;
    max-height: 63.2rem;
    overflow-y: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .sidenavbar-ctm #sidebar ul.components::-webkit-scrollbar {
      width: .5rem;
      height: .5rem;
      display: none; }
    .sidenavbar-ctm #sidebar ul.components::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .sidenavbar-ctm #sidebar ul.components::-webkit-scrollbar-thumb {
      background: #0EB2B3;
      border-radius: 10px; }
    .sidenavbar-ctm #sidebar ul.components::-webkit-scrollbar-thumb:hover {
      background: #0EB2B3; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar ul.components {
        overflow-y: unset;
        max-height: unset; } }
  .sidenavbar-ctm #sidebar ul li .dashboard-link {
    padding: 1.3rem 1.6rem 1.3rem 1.6rem;
    font-weight: 600;
    color: #111;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem;
    position: relative; }
    @media (max-width: 1370px) {
      .sidenavbar-ctm #sidebar ul li .dashboard-link {
        padding: 1.6rem 1.6rem 1.6rem 1.6rem; } }
    .sidenavbar-ctm #sidebar ul li .dashboard-link svg {
      width: 2.4rem;
      height: 2.4rem; }
      @media (max-width: 767px) {
        .sidenavbar-ctm #sidebar ul li .dashboard-link svg {
          width: 2.8rem;
          height: 2.8rem; } }
      .sidenavbar-ctm #sidebar ul li .dashboard-link svg path {
        fill: #111; }
  .sidenavbar-ctm #sidebar ul li .dashboard-link:hover {
    color: #0EB2B3;
    background: rgba(14, 178, 179, 0.3); }
    .sidenavbar-ctm #sidebar ul li .dashboard-link:hover svg {
      width: 2.4rem;
      height: 2.4rem; }
      .sidenavbar-ctm #sidebar ul li .dashboard-link:hover svg path {
        fill: #0eb2b3; }
  .sidenavbar-ctm #sidebar ul ul li a.inner-list:hover {
    background: transparent;
    color: #0eb2b3; }
  .sidenavbar-ctm #sidebar ul li a.active {
    color: #0EB2B3;
    background: #fff; }
    .sidenavbar-ctm #sidebar ul li a.active .img-hover {
      display: block; }
    .sidenavbar-ctm #sidebar ul li a.active .img-hover-none {
      display: none; }
    .sidenavbar-ctm #sidebar ul li a.active svg {
      width: 2.4rem;
      height: 2.4rem; }
      .sidenavbar-ctm #sidebar ul li a.active svg path {
        fill: #111; }
  .sidenavbar-ctm #sidebar ul ul li a.inner-list.active {
    background: transparent;
    color: #0eb2b3; }
  .sidenavbar-ctm #sidebar ul li a i {
    margin-right: 0px;
    font-size: 1.9rem; }
  .sidenavbar-ctm #sidebar ul li.active > .position-sett-links-2 .dashboard-link,
  .sidenavbar-ctm .dashboard-link[aria-expanded="true"] {
    color: #0EB2B3 !important;
    background: rgba(14, 178, 179, 0.3); }
    .sidenavbar-ctm #sidebar ul li.active > .position-sett-links-2 .dashboard-link svg,
    .sidenavbar-ctm .dashboard-link[aria-expanded="true"] svg {
      width: 2.4rem;
      height: 2.4rem; }
      @media (max-width: 767px) {
        .sidenavbar-ctm #sidebar ul li.active > .position-sett-links-2 .dashboard-link svg,
        .sidenavbar-ctm .dashboard-link[aria-expanded="true"] svg {
          width: 2.8rem;
          height: 2.8rem; } }
      .sidenavbar-ctm #sidebar ul li.active > .position-sett-links-2 .dashboard-link svg path,
      .sidenavbar-ctm .dashboard-link[aria-expanded="true"] svg path {
        fill: #0EB2B3 !important; }
  .sidenavbar-ctm .dashboard-link[data-bs-toggle="collapse"] {
    position: relative; }
  .sidenavbar-ctm .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 52%;
    right: 1.6rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent; }
    @media (max-width: 767px) {
      .sidenavbar-ctm .dropdown-toggle::after {
        border-top: 0.6em solid;
        border-right: 0.6em solid transparent;
        border-bottom: 0;
        border-left: 0.6em solid transparent; } }
  .sidenavbar-ctm ul ul .inner-list {
    background: #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.3rem 1.6rem 1.3rem 5.8rem !important;
    font-size: 1.6rem;
    color: #999; }
    @media (max-width: 1440px) {
      .sidenavbar-ctm ul ul .inner-list {
        padding: 1.3rem 1.6rem 1.3rem 5.4rem !important; } }
    @media (max-width: 1370px) {
      .sidenavbar-ctm ul ul .inner-list {
        padding: 1.3rem 1.6rem 1.3rem 5.6rem !important; } }
  .sidenavbar-ctm #sidebar ul ul li a.inner-list {
    background: transparent; }
  .sidenavbar-ctm #content {
    width: 100%;
    padding: 0 0px 0 0px;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden; }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 991px) {
  .sidenavbar-ctm #sidebar {
    min-width: 20rem;
    max-width: 20rem;
    text-align: center;
    margin-left: -20rem !important; } }
  @media (max-width: 991px) and (max-width: 767px) {
    .sidenavbar-ctm #sidebar {
      position: fixed !important; } }

@media (max-width: 991px) {
    .sidenavbar-ctm #sidebar .img-logo {
      width: 50px;
      margin-top: 0;
      height: auto;
      display: none; }
    .sidenavbar-ctm #sidebar .text-link-nav {
      display: none; }
    .sidenavbar-ctm #sidebar .serch-btn-mt span {
      display: none; }
    .sidenavbar-ctm #sidebar .serch-btn-mt {
      width: 100px;
      min-width: 100px; }
  .sidenavbar-ctm .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }
  .sidenavbar-ctm #sidebar.active {
    margin-left: 0 !important; }
  .sidenavbar-ctm #sidebar ul li a {
    padding: 20px 10px; }
  .sidenavbar-ctm #sidebar ul li a span {
    font-size: 0.85em; }
  .sidenavbar-ctm #sidebar ul li a i {
    margin-right: 0;
    display: block; }
  .sidenavbar-ctm #sidebar ul ul a {
    padding: 10px !important; }
  .sidenavbar-ctm #sidebar ul li a i {
    font-size: 1.3em; }
  .sidenavbar-ctm #sidebar {
    margin-left: 0; }
  .sidenavbar-ctm #sidebarCollapse span {
    display: none; } }

.dashboard-link .text-link-nav {
  margin-left: 1.6rem; }

.dashboard-link .img-hover {
  display: none; }

.dashboard-link:hover .img-hover-none {
  display: none; }

.dashboard-link:hover .img-hover {
  display: block; }

.inner-list {
  font-weight: 500; }

.ctm-hamer {
  padding: 1rem;
  border: none;
  background: none;
  font-size: 2.5rem;
  width: 5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(14, 178, 179, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 1rem; }
  .ctm-hamer .show-icon {
    display: none;
    width: 3rem; }
  .ctm-hamer .show-icon-img {
    display: block;
    width: 3rem; }
  .ctm-hamer svg path {
    stroke: #0EB2B3; }

.hover-none-icon {
  display: block; }

.img-men-none {
  display: none; }

.header-main {
  height: 100px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  background: #fff !important;
  border-bottom-left-radius: 1rem;
  -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
  padding: 1rem 5rem 1rem 2rem !important;
  margin-bottom: 3rem; }
  @media (max-width: 1370px) {
    .header-main {
      height: 8rem; } }

.bg-light.header-main {
  background: #fff !important; }

.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.upper-ctm-dropdown {
    margin-right: 2rem;
    border-right: 1px solid #999;
    padding-right: 2rem; }
.upper-ctm-dropdown .dropdown-toggle::after {
    display: none; }
.upper-ctm-dropdown .dropdown-menu {
    left: auto !important;
    right: -4rem;
    width: 45.5rem;
    border: none;
    border-radius: 1rem;
    -webkit-box-shadow: 0px 0px 44px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 44px 0 rgba(0, 0, 0, 0.15);
    padding: 1rem 0rem 0rem;
    margin-top: 3.7rem;
    overflow: hidden; }
@media (max-width: 767px) {
    .upper-ctm-dropdown .dropdown-menu {
        width: 40rem; } }
@media (max-width: 425px) {
    .upper-ctm-dropdown .dropdown-menu {
        right: -6rem; } }
@media (max-width: 414px) {
    .upper-ctm-dropdown .dropdown-menu {
        right: -10rem; } }
.upper-ctm-dropdown .dropdown-menu .drop-inner {
    max-height: 35rem;
    width: 100%;
    overflow-y: auto;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
.upper-ctm-dropdown .dropdown-menu .drop-inner::-webkit-scrollbar {
    width: .5rem;
    height: .5rem; }
.upper-ctm-dropdown .dropdown-menu .drop-inner::-webkit-scrollbar-track {
    background: #f1f1f1; }
.upper-ctm-dropdown .dropdown-menu .drop-inner::-webkit-scrollbar-thumb {
    background: #0eb2b3;
    border-radius: 10px; }
.upper-ctm-dropdown .dropdown-menu .drop-inner::-webkit-scrollbar-thumb:hover {
    background: rgba(14, 178, 179, 0.3); }
.upper-ctm-dropdown .dropdown-menu .drop-inner .notification-h {
    font-size: 2rem;
    color: #111;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: capitalize; }
@media (max-width: 1370px) {
    .upper-ctm-dropdown .dropdown-menu .drop-inner .notification-h {
        font-size: 2rem; } }
.upper-ctm-dropdown .btn-secondary.btn-secondary.btn {
    padding: 0;
    background: none;
    border: 0;
    position: relative; }
.upper-ctm-dropdown .btn-secondary.btn-secondary.btn .dots-post {
    width: 1.5rem;
    height: 1.5rem;
    background: #F9A504;
    position: absolute;
    border-radius: 50%;
    top: 0px;
    right: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 400;
    color: #111; }
@media (max-width: 425px) {
    .upper-ctm-dropdown .btn-secondary.btn-secondary.btn .dots-post {
        font-size: 7px; } }
@media (max-width: 325px) {
    .upper-ctm-dropdown .btn-secondary.btn-secondary.btn .dots-post {
        width: 8px;
        height: 8px;
        font-size: 5px; } }
.upper-ctm-dropdown .btn-secondary.btn-secondary.btn i {
    font-size: 2.5rem;
    color: #111; }
.upper-ctm-dropdown .btn-secondary.btn-secondary.btn:hover i {
    color: #0eb2b3; }
.upper-ctm-dropdown .btn-secondary.btn-secondary.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none; }
.upper-ctm-dropdown .btn-secondary.btn-secondary.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    background: none; }

.note-h {
    padding: 1rem;
    background: #eee;
    margin-bottom: 5px; }
.note-h .time {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999;
    margin-bottom: 0; }
@media (max-width: 1370px) {
    .note-h .time {
        font-size: 1.6rem; } }
.note-h .new-ticket-note {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0EB2B3;
    margin-bottom: 0; }
@media (max-width: 1370px) {
    .note-h .new-ticket-note {
        font-size: 1.6rem; } }
.note-h .inner-note-h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%; }
.note-h .inner-note-h .notification-img {
    width: 4.5rem;
    height: 4.5rem;
    min-width: 5.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem; }
.note-h .inner-note-h .notification-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.note-h .inner-note-h .notification-text-box {
    margin: 0.5rem 0; }
.note-h .inner-note-h .notification-text-box .title-notfication {
    font-size: 1.4rem;
    font-weight: 500;
    color: #111;
    margin-bottom: 0; }
@media (max-width: 1370px) {
    .note-h .inner-note-h .notification-text-box .title-notfication {
        font-size: 1.4rem; } }
.note-h .inner-note-h .notification-text-box .notfication-company {
    font-size: 1.6rem;
    font-weight: 400;
    color: #0EB2B3;
    margin-bottom: 0; }
.note-h .notification-id {
    font-size: 1.5rem;
    font-weight: 500;
    color: #111;
    margin-bottom: 0; }
@media (max-width: 1370px) {
    .note-h .notification-id {
        font-size: 1.7rem; } }

.show-more {
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0rem 0 0;
    width: 100%;
    background: #0EB2B3;
    height: 5rem; }
.show-more:hover {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    background: rgba(14, 178, 179, 0.8);
    color: #fff; }

.phone-dropdown .input-rigister .drop-bottom .dropdown-toggle::after {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: 1rem; }

.dashboard-link img {
  width: 16px; }

.phone-dropdown.header-admin .input-rigister .custom-btn {
  width: auto;
  height: 5rem; }
  .phone-dropdown.header-admin .input-rigister .custom-btn::after {
    display: none; }
  .phone-dropdown.header-admin .input-rigister .custom-btn .admin-text-p {
    font-size: 1.6rem;
    color: #111;
    font-weight: 700;
    margin-bottom: 0; }

@media (max-width: 767px) {
  .header-main.mobile-responsive-adjust {
    height: unset;
    padding: 1.6rem 2rem 1.6rem 2rem !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media (max-width: 425px) {
  .header-main.mobile-responsive-adjust .header-right {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1.6rem; } }

@media (max-width: 425px) {
  .header-main.mobile-responsive-adjust .phone-dropdown .input-rigister .contc {
    left: auto;
    right: 0; } }

@media (max-width: 767px) {
  .header-main.mobile-responsive-adjust-2 {
    height: unset;
    padding: 1.6rem 2rem 1.6rem 2rem !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media (max-width: 767px) {
  .header-main.mobile-responsive-adjust-2 .phone-dropdown .input-rigister .contc {
    left: auto;
    right: 0; } }

.flex-searchbar {
  margin-bottom: 3rem; }

.input-by-date .date-search-text {
  margin-bottom: 0;
  font-size: 1.8rem;
  color: #111;
  font-weight: 600;
  margin-right: 1.6rem; }

.input-by-date .date-search-of {
  margin-bottom: 0;
  font-size: 1.8rem;
  color: #111;
  font-weight: 400;
  margin: 0 1.6rem; }

.input-by-date .input-style {
  width: 22rem; }
  .input-by-date .input-style .ctm-input {
    padding: 2px 1.6rem; }

.dashboard-main {
  padding: 0 3rem; }

.card-dash {
  width: 100%;
  padding: 12px;
  border-radius: 1rem !important;
  background: #fff;
  margin-bottom: 3rem; }
  @media (max-width: 991px) {
    .card-dash {
      margin-bottom: 3rem; } }
  .card-dash .flex-card-price {
    margin-bottom: 2rem; }
  .card-dash .img-dash-card {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.6rem;
    background: #0EB2B3; }
    .card-dash .img-dash-card.yellow {
      background: #F9A504; }
    .card-dash .img-dash-card.blue {
      background: #1948F1; }
    .card-dash .img-dash-card.pink {
      background: #F41349; }
    .card-dash .img-dash-card img {
      width: 3rem;
      height: 3rem; }
  .card-dash .carder-heading {
    font-size: 2rem;
    color: #111;
    font-weight: 600;
    margin-bottom: 0rem; }
    @media (max-width: 1600px) {
      .card-dash .carder-heading {
        font-size: 1.6rem; } }
  @media (max-width: 1199px) {
    .card-dash .btn-view-more {
      width: 10rem;
      min-width: 10rem;
      font-size: 10px; } }
  @media (max-width: 767px) {
    .card-dash .btn-view-more {
      width: 14rem;
      min-width: 14rem; } }
  .card-dash .p-status {
    font-size: 1.6rem;
    color: #111;
    font-weight: 400;
    margin-bottom: 0rem;
    margin-right: 3px; }
    @media (max-width: 1199px) {
      .card-dash .p-status {
        font-size: 10px; } }
  .card-dash .price {
    font-size: 3.5rem;
    color: #111;
    font-weight: 600;
    margin-bottom: 0rem; }
    @media (max-width: 1440px) {
      .card-dash .price {
        font-size: 2rem; } }

.linked-dash {
  font-size: 3rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 3rem; }

.chart-card {
  width: 100%;
  padding: 3rem 1.6rem;
  border-radius: 1rem;
  background: #fff;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
  @media (max-width: 1440px) {
    .chart-card {
      min-height: 43.2rem; } }

.search-drop-downs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .search-drop-downs .input-by-date .input-style .ctm-input {
    color: #111;
    border: 1px solid #111;
    height: 4.9rem; }
  .search-drop-downs .input-by-date {
    width: 17rem;
    margin-left: 1rem;
    margin-right: 1rem; }
  .search-drop-downs .name-product-drop {
    width: 25rem;
    position: relative; }
    .search-drop-downs .name-product-drop::after {
      content: '';
      display: block;
      position: absolute;
      top: 52%;
      right: 1rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-left: 0;
      border-top: 0.4em solid #111;
      border-right: 0.4em solid transparent;
      border-bottom: 0;
      border-left: 0.4em solid transparent; }
    .search-drop-downs .name-product-drop .choices__inner {
      border: none;
      border-radius: 1rem;
      background: #fff;
      padding-right: 2rem;
      background: #fff;
      border: 1px solid #111; }
    .search-drop-downs .name-product-drop .choices__input {
      width: 100% !important;
      font-size: 1.5rem;
      color: #111;
      font-weight: 500;
      background: transparent; }
    .search-drop-downs .name-product-drop .choices__list--dropdown .choices__item--selectable {
      color: #111; }

.filter-product-drop {
  margin-left: 0rem;
  width: 25rem; }
  .filter-product-drop .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 54%;
    right: 1.6rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    border-top: 0.4em solid #111;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent; }
  .filter-product-drop .dropdown-menu.show {
    width: 100%;
    padding: 0;
    border-radius: 1rem; }
    .filter-product-drop .dropdown-menu.show .dropdown-item {
      font-size: 1.6rem;
      color: #111;
      font-weight: 400;
      padding: 1rem 1.6rem; }
      .filter-product-drop .dropdown-menu.show .dropdown-item:hover {
        background: #0eb2b3;
        color: #fff;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s; }
      .filter-product-drop .dropdown-menu.show .dropdown-item:focus {
        background: #0eb2b3; }
  .filter-product-drop .btn-primar {
    width: 100%;
    height: 4.8rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 1.6rem;
    border: 1px solid #111;
    font-size: 1.6rem;
    color: #111;
    font-weight: 400;
    background: transparent; }
    .filter-product-drop .btn-primar img {
      margin-right: 10px;
    }
    .filter-product-drop .btn-primar .btn-primary[aria-expanded="true"] {
      background: transparent;
      color: #999;
      border: 1px solid #D9D4D4; }
    .filter-product-drop .btn-primar:focus {
      background: transparent;
      color: #111;
      border: 1px solid #111; }
    .filter-product-drop .btn-primar:active {
      background: transparent;
      color: #111;
      border: 1px solid #111 !important; }
    .filter-product-drop .btn-primar.active {
      background: transparent;
      color: #999;
      border: 1px solid #D9D4D4; }

.custom-select-design {
  width: 25rem; }
  .custom-select-design .selectBox {
    width: 100%;
    height: 4.8rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 1.6rem;
    border: 1px solid #111;
    font-size: 1.6rem;
    color: #111;
    font-weight: 400;
    background: transparent;
    cursor: pointer;
    position: relative; }
    .custom-select-design .selectBox__value {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      display: block; }
    .custom-select-design .selectBox:after {
      content: '';
      display: block;
      position: absolute;
      top: 54%;
      right: 1.6rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-left: 0;
      border-top: 0.4em solid #111;
      border-right: 0.4em solid transparent;
      border-bottom: 0;
      border-left: 0.4em solid transparent; }
    .custom-select-design .selectBox .dropdown-menu {
      width: 100%;
      padding: 0;
      border-radius: 1rem;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      opacity: 0;
      display: block;
      top: 100%;
      width: 100%;
      max-height: 250px;
      z-index: -1;
      overflow-y: auto;
      -webkit-transform: translateY(-15%);
      -ms-transform: translateY(-15%);
      transform: translateY(-15%);
      visibility: hidden;
      left: 0; }
      .custom-select-design .selectBox .dropdown-menu .dropdown-item {
        font-size: 1.6rem;
        color: #111;
        font-weight: 400;
        padding: 1rem 1.6rem; }
        .custom-select-design .selectBox .dropdown-menu .dropdown-item:hover {
          background: #0eb2b3;
          color: #fff;
          -webkit-transition: ease-in-out .4s;
          -o-transition: ease-in-out .4s;
          transition: ease-in-out .4s; }
        .custom-select-design .selectBox .dropdown-menu .dropdown-item:focus {
          background: #0eb2b3; }
        .custom-select-design .selectBox .dropdown-menu .dropdown-item.active {
          background: #0eb2b3;
          color: #fff;
          -webkit-transition: ease-in-out .4s;
          -o-transition: ease-in-out .4s;
          transition: ease-in-out .4s; }
    .custom-select-design .selectBox.show {
      background-color: #fff; }
      .custom-select-design .selectBox.show .dropdown-menu {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        visibility: visible;
        opacity: 1;
        z-index: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        left: 0; }
  .custom-select-design .select-btn {
    width: 100%;
    height: 4.8rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 1.6rem;
    border: 1px solid #111;
    font-size: 1.6rem;
    color: #111;
    font-weight: 400;
    background: transparent;
    cursor: pointer;
    position: relative;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .custom-select-design .select-btn:after {
      content: '';
      display: block;
      position: absolute;
      top: 54%;
      right: 1.6rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-left: 0;
      border-top: 0.4em solid #111;
      border-right: 0.4em solid transparent;
      border-bottom: 0;
      border-left: 0.4em solid transparent; }
  .custom-select-design .options {
    position: absolute;
    width: 25rem;
    overflow-y: auto;
    max-height: 22rem;
    padding: 0px;
    margin-top: 0px;
    border-radius: 1rem;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
    -webkit-animation: fadeInDown 0.35s both;
    animation: fadeInDown 0.35s both;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .custom-select-design .options::-webkit-scrollbar {
      width: .5rem;
      height: .5rem; }
    .custom-select-design .options::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .custom-select-design .options::-webkit-scrollbar-thumb {
      background: #0EB2B3;
      border-radius: 10px; }
    .custom-select-design .options::-webkit-scrollbar-thumb:hover {
      background: #0EB2B3; }
  .custom-select-design .options .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding: 1rem 16px;
    border-radius: 0rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff; }
  .custom-select-design .options .option:hover {
    background: #0eb2b3; }
    .custom-select-design .options .option:hover .option-text {
      color: #fff; }
  .custom-select-design .options .option .option-text {
    font-size: 1.6rem;
    color: #111;
    font-weight: 400; }
  .custom-select-design .active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    -webkit-animation: fadeInUp 0.4s both;
    animation: fadeInUp 0.4s both; }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0; } }

@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0; } }

.store-select {
  margin-left: 0rem;
  width: 25rem; }
  .store-select .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 54%;
    right: 1.6rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    border-top: 0.4em solid #111;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent; }
  .store-select .dropdown-menu.show {
    width: 100%;
    padding: 0;
    border-radius: 1rem; }
    .store-select .dropdown-menu.show .dropdown-item {
      font-size: 1.6rem;
      color: #111;
      font-weight: 400;
      padding: 1rem 1.6rem; }
      .store-select .dropdown-menu.show .dropdown-item:hover {
        background: #0eb2b3;
        color: #fff;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s; }
      .store-select .dropdown-menu.show .dropdown-item:focus {
        background: #0eb2b3; }
  .store-select .btn-primar {
    width: 100%;
    height: 4.8rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 1.6rem;
    border: 1px solid #111;
    font-size: 1.6rem;
    color: #111;
    font-weight: 400;
    background: transparent; }
    .store-select .btn-primar .btn-primary[aria-expanded="true"] {
      background: transparent;
      color: #999;
      border: 1px solid #D9D4D4; }
    .store-select .btn-primar:focus {
      background: transparent;
      color: #111;
      border: 1px solid #111; }
    .store-select .btn-primar:active {
      background: transparent;
      color: #111;
      border: 1px solid #111 !important; }
    .store-select .btn-primar.active {
      background: transparent;
      color: #999;
      border: 1px solid #D9D4D4; }

.chart-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .chart-flex .left-cart-box {
    width: 46.2%;
    min-width: 46.2%;
    margin-top: 3rem; }
    .chart-flex .left-cart-box div {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .chart-flex .left-cart-box div canvas {
        width: 27rem !important;
        height: 27rem !important; }
        @media (max-width: 1700px) {
          .chart-flex .left-cart-box div canvas {
            width: 27rem !important;
            height: 27rem !important; } }
        @media (max-width: 1600px) {
          .chart-flex .left-cart-box div canvas {
            width: 25rem !important;
            height: 25rem !important; } }
        @media (max-width: 1370px) {
          .chart-flex .left-cart-box div canvas {
            width: 24rem !important;
            height: 24rem !important; } }
        @media (max-width: 1199px) {
          .chart-flex .left-cart-box div canvas {
            width: 100% !important;
            height: 100% !important; } }
        @media (max-width: 991px) {
          .chart-flex .left-cart-box div canvas {
            width: 30rem !important;
            height: 30rem !important; } }
        @media (max-width: 767px) {
          .chart-flex .left-cart-box div canvas {
            width: 24rem !important;
            height: 24rem !important; } }
  .chart-flex .right-progress {
    width: 50%;
    min-width: 50%; }
  .chart-flex .inline-tile-progess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 3rem; }
    .chart-flex .inline-tile-progess .dots-yellow {
      width: 2.5rem;
      height: 2.5rem;
      background: #F9A504;
      border-radius: 50%;
      margin-right: 1rem; }
      .chart-flex .inline-tile-progess .dots-yellow.prmary-color {
        background: #0EB2B3; }
      .chart-flex .inline-tile-progess .dots-yellow.bg-blue {
        background: #1948F1; }
      .chart-flex .inline-tile-progess .dots-yellow.bg-purple {
        background: #835DEF; }
    .chart-flex .inline-tile-progess .all-pro-dash {
      font-size: 1.6rem;
      font-weight: 400;
      color: #111;
      margin-bottom: 0; }
    .chart-flex .inline-tile-progess .value-total-dash {
      font-size: 1.6rem;
      font-weight: 400;
      color: #F9A504;
      margin-bottom: 0;
      text-decoration: underline; }
  .chart-flex .pregress-dash-main {
    margin-bottom: 2rem; }
  .chart-flex .ctm-progress {
    width: 100%;
    height: 5px;
    border-radius: 1rem;
    background: #eee;
    position: relative; }
    .chart-flex .ctm-progress .progress-inner {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 5px;
      border-radius: 1rem;
      -webkit-animation-name: example;
      animation-name: example;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
      .chart-flex .ctm-progress .progress-inner.prmary-color {
        -webkit-animation-name: example1;
        animation-name: example1;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
      .chart-flex .ctm-progress .progress-inner.bg-blue {
        -webkit-animation-name: example2;
        animation-name: example2;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
      .chart-flex .ctm-progress .progress-inner.bg-purple {
        -webkit-animation-name: example3;
        animation-name: example3;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }

@-webkit-keyframes example {
  from {
    width: 0;
    background: #F9A504; }
  to {
    width: 100%;
    background: #F9A504; } }

@keyframes example {
  from {
    width: 0;
    background: #F9A504; }
  to {
    width: 100%;
    background: #F9A504; } }

@-webkit-keyframes example1 {
  from {
    width: 0;
    background: #0EB2B3; }
  to {
    width: 100%;
    background: #0EB2B3; } }

@keyframes example1 {
  from {
    width: 0;
    background: #0EB2B3; }
  to {
    width: 100%;
    background: #0EB2B3; } }

@-webkit-keyframes example2 {
  from {
    width: 0;
    background: #1948F1; }
  to {
    width: 100%;
    background: #1948F1; } }

@keyframes example2 {
  from {
    width: 0;
    background: #1948F1; }
  to {
    width: 100%;
    background: #1948F1; } }

@-webkit-keyframes example3 {
  from {
    width: 0;
    background: #835DEF; }
  to {
    width: 100%;
    background: #835DEF; } }

@keyframes example3 {
  from {
    width: 0;
    background: #835DEF; }
  to {
    width: 100%;
    background: #835DEF; } }

.products-dash {
  width: 100%;
  padding: 3rem 1.6rem 2.2rem;
  border-radius: 1rem;
  background: #fff;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: relative; }
  .products-dash .search-drop-downs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem; }
    .products-dash .search-drop-downs .input-by-date .input-style .ctm-input {
      color: #111;
      border: 1px solid #111;
      height: 4.8rem; }
    .products-dash .search-drop-downs .input-by-date {
      width: 17rem;
      margin-left: 0rem;
      margin-right: 0rem; }
    .products-dash .search-drop-downs .btn-view-more {
      height: 4.8rem; }
    .products-dash .search-drop-downs .filter-product-drop {
      width: 16rem;
      margin-left: .5rem; }
    .products-dash .search-drop-downs .name-product-drop {
      width: 25rem; }
  .products-dash .slick-dots li {
    margin: 0 2px;
    height: 11px;
    width: 11px; }
  .products-dash .slick-dots li button {
    padding: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .products-dash .slick-dots li button:before {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    content: '';
    background: #D9D9D9;
    opacity: 1; }
  .products-dash .slick-dots li.slick-active button:before {
    background: #F9A504; }
  .products-dash .carousel {
    margin-bottom: 1.3rem; }
    @media (max-width: 1440px) {
      .products-dash .carousel {
        margin-bottom: 1.7rem; } }
    @media (max-width: 1290px) {
      .products-dash .carousel {
        margin-bottom: 0; } }
    @media (max-width: 425px) {
      .products-dash .carousel {
        margin-bottom: 1.7rem; } }
  .products-dash .carousel-indicators {
    bottom: -1.6rem; }
    @media (max-width: 425px) {
      .products-dash .carousel-indicators {
        bottom: -2.6rem; } }
  .products-dash .carousel-indicators [data-bs-target] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #D9D9D9;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-clip: padding-box;
    border-right-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-left-color: initial;
    opacity: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0px;
    border-width: 10px 0px;
    -webkit-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    -webkit-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s; }
  .products-dash .carousel-indicators .active {
    background: #F9A504; }
  .products-dash .prev, .products-dash .next {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0eb2b3;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    border: 1px solid #0eb2b3; }
  .products-dash .next {
    top: auto;
    bottom: 2.2rem;
    right: auto;
    left: 5.5rem; }
    .products-dash .next svg {
      width: 1.6rem !important; }
      @media (max-width: 767px) {
        .products-dash .next svg {
          width: 13px !important; } }
    .products-dash .next:hover {
      background: rgba(14, 178, 179, 0.7);
      border-color: rgba(14, 178, 179, 0.7); }
  .products-dash .prev {
    top: auto;
    bottom: 2.2rem;
    left: 16px; }
    .products-dash .prev:hover {
      background: rgba(14, 178, 179, 0.7);
      border-color: rgba(14, 178, 179, 0.7); }
    .products-dash .prev svg {
      width: 1.6rem !important; }
      @media (max-width: 767px) {
        .products-dash .prev svg {
          width: 13px !important; } }
  .products-dash .carousel-control-prev, .products-dash .carousel-control-next {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0eb2b3;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    border: 1px solid #0eb2b3;
    opacity: 1; }
  .products-dash .carousel-control-next {
    top: auto;
    bottom: -1.6rem;
    right: auto;
    left: 4rem; }
    @media (max-width: 767px) {
      .products-dash .carousel-control-next {
        bottom: -0.6rem; } }
    @media (max-width: 425px) {
      .products-dash .carousel-control-next {
        bottom: -2rem; } }
    .products-dash .carousel-control-next svg {
      width: 1.6rem !important; }
      @media (max-width: 767px) {
        .products-dash .carousel-control-next svg {
          width: 1.4rem !important; } }
    .products-dash .carousel-control-next:hover {
      background: rgba(14, 178, 179, 0.7);
      border-color: rgba(14, 178, 179, 0.7); }
  .products-dash .carousel-control-prev {
    top: auto;
    bottom: -1.6rem;
    left: 0; }
    @media (max-width: 767px) {
      .products-dash .carousel-control-prev {
        bottom: -0.6rem; } }
    @media (max-width: 425px) {
      .products-dash .carousel-control-prev {
        bottom: -2rem; } }
    .products-dash .carousel-control-prev:hover {
      background: rgba(14, 178, 179, 0.7);
      border-color: rgba(14, 178, 179, 0.7); }
    .products-dash .carousel-control-prev svg {
      width: 1.6rem !important; }
      @media (max-width: 767px) {
        .products-dash .carousel-control-prev svg {
          width: 1.4rem !important; } }

.slider-mainbox .slider-product {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  width: 100%;
}
  @media (max-width: 1290px) {
    .slider-mainbox .slider-product {
      margin-bottom: 1rem; } }
  @media (max-width: 767px) {
    .slider-mainbox .slider-product {
      margin-bottom: 2rem; } }
  @media (max-width: 425px) {
    .slider-mainbox .slider-product {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (max-width: 425px) {
    .slider-mainbox .slider-product .sett-mobile-slider {
      margin-top: 1.8rem;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .slider-mainbox .slider-product .img-pro-slider {
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    margin-right: 1.6rem;
    overflow: hidden;
   }
    .slider-mainbox .slider-product .img-pro-slider img {
      width: 100%;
      height: 100%; }
  .proslider-text-box {
    /* width: 20rem;
    min-width: 20rem; */
    padding: 0;
   }
    @media (max-width: 1199px) {
      .proslider-text-box {
        /* width: 15rem;
        min-width: 15rem; */
       } }
    @media (max-width: 991px) {
      .proslider-text-box {
        width: auto;
        min-width: unset; } }
    .proslider-text-box .text-t {
      font-size: 1.6rem;
      color: #111;
      font-weight: 500;
      margin-bottom: 0;
    }
  /* .slider-mainbox .slider-product .center-progress {
    text-align: center;
    margin: 0 7px; }
    .slider-mainbox .slider-product .center-progress .stocked-in {
      font-size: 1.4rem;
      font-weight: 400;
      color: #000;
      margin-top: 5px;
      margin-bottom: 0;
      margin-top: 5px; } */
  .slider-mainbox .slider-product .back-groung-main {
    text-align: center;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .slider-mainbox .slider-product .back-groung-main .radialProgressBar {
      border-radius: 50%;
      width: 50px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: #0eb2b3;
      margin: 0px;
      float: left; }
    .slider-mainbox .slider-product .back-groung-main .radialProgressBar .overlay {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin: auto;
      background: #fff;
      padding-top: 0%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 1.6rem;
      font-weight: 400;
      color: #000; }
    .slider-mainbox .slider-product .back-groung-main .progress-100 {
      background-image: -webkit-linear-gradient(left, #0eb2b3 50%, transparent 50%), -webkit-linear-gradient(right, #0eb2b3 50%, #ddd 50%);
      background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0eb2b3), color-stop(50%, transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0eb2b3), color-stop(50%, #ddd));
      background-image: -o-linear-gradient(left, #0eb2b3 50%, transparent 50%), -o-linear-gradient(right, #0eb2b3 50%, #ddd 50%);
      background-image: linear-gradient(90deg, #0eb2b3 50%, transparent 50%), linear-gradient(-90deg, #0eb2b3 50%, #ddd 50%); }
    .slider-mainbox .slider-product .back-groung-main .progress-30 {
      background-image: -webkit-linear-gradient(108deg, #ddd 50%, transparent 50%), -webkit-linear-gradient(left, #ddd 50%, #F9A504 50%);
      background-image: -o-linear-gradient(108deg, #ddd 50%, transparent 50%), -o-linear-gradient(left, #ddd 50%, #F9A504 50%);
      background-image: linear-gradient(-18deg, #ddd 50%, transparent 50%), linear-gradient(90deg, #ddd 50%, #F9A504 50%);
      background-image: linear-gradient(-18deg, #ddd 50%, transparent 50%), linear-gradient(90deg, #ddd 50%, #F9A504 50%); }
    .slider-mainbox .slider-product .back-groung-main .progress-50 {
      background-image: -webkit-linear-gradient(right, #1948F1 50%, transparent 50%), -webkit-linear-gradient(left, #1948F1 50%, #ddd 50%);
      background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #1948F1), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, #ddd));
      background-image: -webkit-linear-gradient(right, #1948F1 50%, transparent 50%), -webkit-linear-gradient(left, #ddd 50%, #ddd 50%);
      background-image: -o-linear-gradient(right, #1948F1 50%, transparent 50%), -o-linear-gradient(left, #ddd 50%, #ddd 50%);
      background-image: linear-gradient(-90deg, #1948F1 50%, transparent 50%), linear-gradient(90deg, #ddd 50%, #ddd 50%); }

.store-channels-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  padding-right: 1.6rem;
  margin-bottom: 2rem;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .store-channels-main::-webkit-scrollbar {
    width: .5rem;
    height: .5rem; }
  .store-channels-main::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .store-channels-main::-webkit-scrollbar-thumb {
    background: #0EB2B3;
    border-radius: 10px; }
  .store-channels-main::-webkit-scrollbar-thumb:hover {
    background: #0EB2B3; }
  .store-channels-main:focus {
    outline: none; }
  .store-channels-main::-webkit-input-placeholder {
    color: #999; }
  .store-channels-main:-ms-input-placeholder {
    color: #999; }
  .store-channels-main::-ms-input-placeholder {
    color: #999; }
  .store-channels-main::placeholder {
    color: #999; }

.store-channels {
  width: 26.2rem;
  min-width: 26.2rem;
  background: #fff;
  -webkit-box-shadow: 9px 0 11px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 9px 0 11px 0 rgba(0, 0, 0, 0.08);
  border-radius: 1rem; }
  @media (max-width: 425px) {
    .store-channels {
      width: 22rem;
      min-width: 22rem; } }
  .store-channels .heading-channels {
    padding: 1.9rem 1.6rem;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 0;
    border-bottom: 1px solid #999; }
    @media (max-width: 425px) {
      .store-channels .heading-channels {
        font-size: 2rem; } }
  .store-channels .channels-ul {
    margin-bottom: 0; }
    .store-channels .channels-ul .channels-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 2.2rem 1.6rem;
      font-size: 2rem;
      font-weight: 600;
      color: #111;
      border-bottom: 1px solid #999; }
      .store-channels .channels-ul .channels-list:last-child {
        border-bottom: none; }
      .store-channels .channels-ul .channels-list .shopify-img-dashboard {
        margin-right: 1rem;
        width: 4.5rem;
        height: 4.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .store-channels .channels-ul .channels-list .shopify-img-dashboard img {
          max-height: 100%; }
        .store-channels .channels-ul .channels-list .shopify-img-dashboard.height-sett-img {
          height: 2.7rem; }

.right-channels {
  width: 100%;
  margin-left: 1.6rem; }
  .right-channels .buttons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    min-width: 1180px; }
    @media (max-width: 575px) {
      .right-channels .buttons-list {
        min-width: 102rem; } }
    .right-channels .buttons-list .flag-btn {
      width: 223px;
      height: 6.8rem;
      padding-top: 0px;
      position: relative;
      background: #0EB2B3;
      color: #fff;
      font-size: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      border-top-right-radius: 60px;
      border-bottom-right-radius: 60px;
      border: none;
      margin-right: 1.6rem;
      white-space: nowrap; }
      @media (max-width: 575px) {
        .right-channels .buttons-list .flag-btn {
          width: 20rem;
          font-size: 1.6rem; } }
      .right-channels .buttons-list .flag-btn:last-child {
        margin-right: 0; }
      .right-channels .buttons-list .flag-btn img {
        margin-right: 1.6rem; }
        @media (max-width: 575px) {
          .right-channels .buttons-list .flag-btn img {
            width: 3rem;
            height: 3rem; } }
      .right-channels .buttons-list .flag-btn:hover {
        background: #F9A504;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s; }
    .right-channels .buttons-list .flag-btn:after {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 1rem solid #fff;
      border-top: 3.5rem solid transparent;
      border-bottom: 3.5rem solid transparent; }
      @media (max-width: 1370px) {
        .right-channels .buttons-list .flag-btn:after {
          left: -1px; } }

.flex-input-value {
  background: #eee;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6rem 0;
  min-width: 1180px; }
  @media (max-width: 575px) {
    .flex-input-value {
      min-width: 102rem; } }
  @media (max-width: 425px) {
    .flex-input-value {
      margin-bottom: 2.5rem; } }
  .flex-input-value .value-list {
    width: 223px;
    font-size: 2rem;
    font-weight: 500;
    color: #F9A504;
    margin-bottom: 0;
    text-decoration: underline;
    display: inline-block;
    border: none;
    margin-right: 1.6rem;
    background: transparent;
    text-align: center; }
    @media (max-width: 575px) {
      .flex-input-value .value-list {
        width: 20rem;
        font-size: 1.6rem; } }
    .flex-input-value .value-list:hover {
      color: #0eb2b3;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s; }
    .flex-input-value .value-list:last-child {
      margin-right: 0; }

.card-deah-link {
  width: 100%;
  height: 10rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  margin-bottom: 3rem;
  text-decoration: none;
 }
  .card-deah-link:hover {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    background: #0eb2b3; }
    .card-deah-link:hover .flex-dash-card-liks .card-dash-text-b .all-pro-t {
      color: #fff; }
    .card-deah-link:hover .flex-dash-card-liks .card-dash-text-b .value-pro {
      color: #fff; }
    .card-deah-link:hover .flex-dash-card-liks .img-dash-board {
      background: white; }
  .card-deah-link .flex-dash-card-liks {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .card-deah-link .flex-dash-card-liks .card-dash-text-b .all-pro-t {
      font-size: 2rem;
      font-weight: 600;
      color: #111;
      margin-bottom: 1rem; }
      @media (max-width: 1199px) {
        .card-deah-link .flex-dash-card-liks .card-dash-text-b .all-pro-t {
          font-size: 1.6rem; } }
      @media (max-width: 991px) {
        .card-deah-link .flex-dash-card-liks .card-dash-text-b .all-pro-t {
          font-size: 2rem; } }
    .card-deah-link .flex-dash-card-liks .card-dash-text-b .value-pro {
      font-size: 3.5rem;
      line-height: 3.5rem;
      font-weight: 800;
      color: #111;
      margin-bottom: 0rem; }
      @media (max-width: 1199px) {
        .card-deah-link .flex-dash-card-liks .card-dash-text-b .value-pro {
          font-size: 1.8rem;
          line-height: 1.8rem; } }
      @media (max-width: 991px) {
        .card-deah-link .flex-dash-card-liks .card-dash-text-b .value-pro {
          font-size: 3.5rem;
          line-height: 3.5rem; } }
    .card-deah-link .flex-dash-card-liks .img-dash-board {
      width: 10rem;
      min-width: 10rem;
      height: 10rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 1rem;
      background: rgba(14, 178, 179, 0.3); }
      @media (max-width: 1199px) {
        .card-deah-link .flex-dash-card-liks .img-dash-board {
          width: 6rem;
          min-width: 6rem;
          height: 10rem; } }
      @media (max-width: 991px) {
        .card-deah-link .flex-dash-card-liks .img-dash-board {
          width: 10rem;
          min-width: 10rem;
          height: 10rem; } }
      .card-deah-link .flex-dash-card-liks .img-dash-board img {
        width: 6rem;
        height: 6rem; }
        @media (max-width: 1199px) {
          .card-deah-link .flex-dash-card-liks .img-dash-board img {
            width: 3rem;
            height: 3rem; } }
        @media (max-width: 991px) {
          .card-deah-link .flex-dash-card-liks .img-dash-board img {
            width: 6rem;
            height: 6rem; } }

.sidenavbar-ctm #sidebar ul ul .position-sett-links .tooltips-text-custom {
  display: none; }

.sidenavbar-ctm #sidebar.active ul ul .position-sett-links {
  position: relative;
  display: inline-block; }
  .sidenavbar-ctm #sidebar.active ul ul .position-sett-links:hover .tooltips-text-custom {
    visibility: visible;
    opacity: 1; }
  .sidenavbar-ctm #sidebar.active ul ul .position-sett-links .tooltips-text-custom {
    visibility: hidden;
    width: auto;
    background-color: #111;
    text-align: center;
    border-radius: 1rem;
    padding: 1rem;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar.active ul ul .position-sett-links .tooltips-text-custom {
        display: none; } }
    .sidenavbar-ctm #sidebar.active ul ul .position-sett-links .tooltips-text-custom::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #111 transparent transparent transparent; }

.sidenavbar-ctm #sidebar ul.components .position-sett-links-2 .tooltips-text-custom-2 {
  display: none; }

.sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2 {
  position: relative; }
  .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2:hover .tooltips-text-custom-2 {
    visibility: visible;
    opacity: 1; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2:hover .tooltips-text-custom-2 {
        display: none; } }
  .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2 .tooltips-text-custom-2 {
    visibility: hidden;
    width: 10.1rem;
    background-color: #111;
    text-align: center;
    border-radius: 1rem;
    padding: 1rem;
    position: absolute;
    z-index: 1;
    bottom: 95%;
    left: 50%;
    margin-left: 0px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap; }
    @media (max-width: 767px) {
      .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2 .tooltips-text-custom-2 {
        top: 1rem;
        display: none; } }
    @media (max-width: 375px) {
      .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2 .tooltips-text-custom-2 {
        top: 1.3rem; } }
    @media (max-width: 325px) {
      .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2 .tooltips-text-custom-2 {
        top: 1.6rem; } }
    .sidenavbar-ctm #sidebar.active ul.components .position-sett-links-2 .tooltips-text-custom-2::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #111 transparent transparent transparent; }

@media (max-width: 1290px) {
  .search-drop-downs.sett-ressponsive-drop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media (max-width: 991px) {
  .search-drop-downs.sett-ressponsive-drop {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media (max-width: 425px) {
  .search-drop-downs.sett-ressponsive-drop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media (max-width: 1700px) {
  .search-drop-downs.sett-ressponsive-drop .btn-view-more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 10.4rem;
    min-width: 10.4rem;
    font-size: 1.4rem;
    text-decoration: none;
   }

  }

@media (max-width: 1600px) {
  .search-drop-downs.sett-ressponsive-drop .btn-view-more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    min-width: 9rem;
    font-size: 1.4rem; } }

@media (max-width: 1440px) {
  .search-drop-downs.sett-ressponsive-drop .btn-view-more {
    width: 9rem;
    min-width: 9rem;
    font-size: 1.4rem; } }

@media (max-width: 1290px) {
  .search-drop-downs.sett-ressponsive-drop .btn-view-more {
    margin-top: 2rem;
    width: 10.4rem;
    min-width: 10.4rem; } }

@media (max-width: 991px) {
  .search-drop-downs.sett-ressponsive-drop .btn-view-more {
    margin-top: 0; } }

@media (max-width: 425px) {
  .search-drop-downs.sett-ressponsive-drop .btn-view-more {
    margin-top: 2rem; } }

.brud-crumb-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2rem; }
  .brud-crumb-flex .breadcrumb {
    background: none;
    padding: 0rem 0;
    margin-bottom: 0rem; }

.brud-align {
  margin-left: 1.6rem; }
  .brud-align .brud-heading {
    font-weight: 500;
    color: #111;
    font-size: 2.4rem;
    margin-bottom: 0; }

.tab-between {
  margin: 0rem 0 2rem; }

.main-product-box {
  width: 100%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 1.6rem 2rem 2rem;
  border-radius: 1rem; }

.flex-enteries-repo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 1290px) {
    .flex-enteries-repo {
      margin-bottom: 2rem; } }

.rows-per {
  margin-right: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem; }
  @media (max-width: 1290px) {
    .rows-per {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .rows-per .row-heading {
    font-size: 1.6rem;
    font-weight: 600;
    color: #111;
    margin-right: 2rem;
    margin-bottom: 0; }
    @media (max-width: 1290px) {
      .rows-per .row-heading {
        margin-right: 1rem; } }
  .rows-per .form-group-molat {
    height: 4rem;
    float: right;
    margin: 0 2rem; }
    @media (max-width: 1290px) {
      .rows-per .form-group-molat {
        margin: 0 1rem; } }
    .rows-per .form-group-molat .banner-search-mt {
      width: 100px;
      float: right;
      height: 4rem;
      padding: 0; }
      .rows-per .form-group-molat .banner-search-mt input,
      .rows-per .form-group-molat .banner-search-mt .btn.focus,
      .rows-per .form-group-molat .banner-search-mt .btn:focus {
        outline: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
      .rows-per .form-group-molat .banner-search-mt .bg-search-mt {
        margin: 0;
        background: none;
        padding: 0;
        border: 1px solid #111;
        width: 100%;
        min-height: 4rem;
        border-radius: 1rem; }
        .rows-per .form-group-molat .banner-search-mt .bg-search-mt .check-area-mt {
          border: none;
          border-radius: 1rem; }
          .rows-per .form-group-molat .banner-search-mt .bg-search-mt .check-area-mt .check {
            width: 100%;
            padding-left: 2.5rem;
            height: 5rem;
            line-height: 5rem;
            font-size: 1.6rem;
            font-weight: 400;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0;
            cursor: pointer;
            color: #999; }
          .rows-per .form-group-molat .banner-search-mt .bg-search-mt .check-area-mt .custom-check {
            line-height: 4rem;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .rows-per .form-group-molat .banner-search-mt .bg-search-mt .check-area-mt .custom-check:hover {
              color: #fff !important;
              background: #0EB2B3 !important; }
        .rows-per .form-group-molat .banner-search-mt .bg-search-mt .dropdown-menu {
          padding: 0;
          border: none;
          border-radius: 1rem;
          width: 155px;
          -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
          overflow: hidden;
          padding-bottom: 0rem;
          margin-top: 1rem;
          max-height: 25rem;
          overflow-y: auto;
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          .rows-per .form-group-molat .banner-search-mt .bg-search-mt .dropdown-menu::-webkit-scrollbar {
            width: .5rem;
            height: .5rem; }
          .rows-per .form-group-molat .banner-search-mt .bg-search-mt .dropdown-menu::-webkit-scrollbar-track {
            background: #f1f1f1; }
          .rows-per .form-group-molat .banner-search-mt .bg-search-mt .dropdown-menu::-webkit-scrollbar-thumb {
            background: #0EB2B3;
            border-radius: 10px; }
          .rows-per .form-group-molat .banner-search-mt .bg-search-mt .dropdown-menu::-webkit-scrollbar-thumb:hover {
            background: #0EB2B3; }
      .rows-per .form-group-molat .banner-search-mt .drop-search-mt {
        width: 100%;
        float: left;
        margin-bottom: 0px; }
        .rows-per .form-group-molat .banner-search-mt .drop-search-mt .dropdown .dropdown-toggle {
          width: 100% !important;
          background: none !important;
          border: none !important;
          float: right;
          border-radius: 1rem !important;
          text-align: left;
          text-transform: capitalize;
          padding: 0rem  1.6rem !important;
          font-size: 1.4rem;
          color: #111;
          line-height: unset !important;
          font-weight: 400;
          margin: 0;
          height: 4rem;
          position: relative; }
          .rows-per .form-group-molat .banner-search-mt .drop-search-mt .dropdown .dropdown-toggle::after {
            display: inline-block;
            position: absolute;
            right: 1rem !important;
            content: '';
            font-weight: normal;
            font-style: normal;
            margin: 0;
            text-decoration: none;
            top: 50%;
            border-top: 0.5rem solid #111;
            border-right: 0.5rem solid transparent;
            border-bottom: 0;
            border-left: 0.5rem solid transparent;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check {
      display: block;
      position: relative;
      padding-top: 1px;
      padding-left: 4rem;
      margin-bottom: 0px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      font-size: 1.4rem;
      font-weight: 700;
      color: #000;
      /* Hide the browser's default checkbox */
      /* Create a custom checkbox */
      /* On mouse-over, add a grey background color */
      /* When the checkbox is checked, add a blue background */
      /* Create the checkmark/indicator (hidden when not checked) */
      /* Show the checkmark when checked */
      /* Style the checkmark/indicator */ }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check .checkmark {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 16px;
        border-radius: 0.2rem;
        height: 12px;
        width: 12px;
        background-color: #fff;
        border: 1px solid #0EB2B3; }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check:hover input ~ .checkmark {
        background-color: #eee; }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check input:checked ~ .checkmark {
        background-color: #fff; }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check input:checked ~ .checkmark:after {
        display: block; }
      .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check .checkmark:after {
        left: 3px;
        top: 0px;
        width: 4px;
        height: 7px;
        border: solid #0EB2B3;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media (max-width: 575px) {
          .rows-per .form-group-molat .search-filter-dropdown .check-area-mt .custom-check .checkmark:after {
            left: 0.5rem;
            top: 0.2rem;
            border-width: 0 2px 2px 0; } }

.search-row-bar .whole-search {
  width: 37rem; }
  @media (max-width: 1290px) {
    .search-row-bar .whole-search {
      width: 50rem; } }
  @media (max-width: 991px) {
    .search-row-bar .whole-search {
      width: 30rem; } }
  @media (max-width: 767px) {
    .search-row-bar .whole-search {
      width: 40rem; } }
  .search-row-bar .whole-search .input-group .form-control {
    height: 4rem; }
  .search-row-bar .whole-search .input-group .input-group-append .btn-success {
    height: 4rem; }

.filter-action {
  margin-left: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 425px) {
    .filter-action {
      margin-left: 0; } }
  .filter-action .filter-product-drop {
    margin-left: 1.6rem;
    width: 120px; }
    @media (max-width: 425px) {
      .filter-action .filter-product-drop {
        margin-left: 0;
        margin-top: 2rem;
        width: 100px; } }
    @media (max-width: 325px) {
      .filter-action .filter-product-drop {
        width: 70px; } }
    .filter-action .filter-product-drop .dropdown-toggle::after {
      border-top: 0.4em solid #000; }
    .filter-action .filter-product-drop .dropdown-menu.show {
      overflow: hidden;
      border: none;
      margin-top: 1rem;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      width: 170px; }
  .filter-action .filter-product-drop .btn-primar {
    width: 100%;
    height: 4rem;
    border: 1px solid #000;
    border-radius: 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    background: #fff; }
    .filter-action .filter-product-drop .btn-primar.active {
      border: 1px solid #000; }
    .filter-action .filter-product-drop .btn-primar:focus {
      border: 1px solid #000; }
    .filter-action .filter-product-drop .btn-primar:active {
      border: 1px solid #000 !important; }
    .filter-action .filter-product-drop .btn-primar img {
      margin-right: 5px;
      width: 1.7rem;
      height: 1.7rem; }

.flex-responsive-sett {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 425px) {
    .flex-responsive-sett {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.table-product-main .table-product {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .table-product-main .table-product::-webkit-scrollbar {
    width: .5rem;
    height: .5rem; }
  .table-product-main .table-product::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .table-product-main .table-product::-webkit-scrollbar-thumb {
    background: #0EB2B3;
    border-radius: 10px; }
  .table-product-main .table-product::-webkit-scrollbar-thumb:hover {
    background: #0EB2B3; }
  .table-product-main .table-product .table {
    margin-bottom: 2rem; }
    .table-product-main .table-product .table .thead-ctm {
      background: #eee;
      width: 100%; }
    .table-product-main .table-product .table tr th {
      vertical-align: middle;
      border: none;
      padding: 1rem; }
      .table-product-main .table-product .table tr th:first-child {
        border-bottom-left-radius: 1rem;
        border-top-left-radius: 1rem; }
      .table-product-main .table-product .table tr th:last-child {
        border-bottom-right-radius: 1rem;
        border-top-right-radius: 1rem; }
      .table-product-main .table-product .table tr th .inline-header-talbe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .table-product-main .table-product .table tr th .inline-header-talbe svg {
          width: 1.7rem;
          margin-right: 3px; }
        .table-product-main .table-product .table tr th .inline-header-talbe .inner-cell {
          font-size: 1.4rem;
          font-weight: 400;
          color: #111;
          margin-bottom: 0; }
    .table-product-main .table-product .table tr td {
      border-bottom: 1px solid #999;
      padding: 1rem;
      font-size: 1.4rem;
      color: #111;
      font-weight: 400;
      vertical-align: middle;
      border-top: 0; }
      .table-product-main .table-product .table tr td .img-talbe {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .table-product-main .table-product .table tr td .inner-cell {
        font-size: 1.4rem;
        color: #111;
        font-weight: 400;
        margin-bottom: 0; }
      .table-product-main .table-product .table tr td .icons-store {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
         .view-anchor {
          width: 22px;
          height: 22px;
          border-radius: 50%;
          -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 0 3px;
          cursor: pointer;
          border: none;
          overflow: hidden;
          padding: 0;
         }
        .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip {
          position: relative;
          display: inline-block; }
          .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip:hover .tooltiptext-view {
            display: block; }
          .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view {
            display: none;
            width: 18.8rem;
            background-color: #0EB2B3;
            border-radius: 3px;
            border: 1px solid #0EB2B3;
            padding: 1.6rem 2rem;
            /* Position the tooltip */
            position: absolute;
            z-index: 1;
            top: auto;
            left: 50%;
            margin-left: -24px;
            bottom: 100%;
            margin-bottom: 10px; }
            .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view::after {
              content: "";
              position: absolute;
              top: auto;
              bottom: -1.5rem;
              left: 1.6rem;
              margin-top: 0;
              border-width: 0.7rem;
              border-style: solid;
              border-color: #0EB2B3 transparent transparent transparent;
              z-index: 999; }
              @media (max-width: 1440px) {
                .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view::after {
                  bottom: -1.4rem; } }
            .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view .toop-hight {
              max-height: 9rem;
              overflow-y: auto;
              text-align: left;
              width: 100%;
              margin-top: 0rem;
              /* width */
              /* Track */
              /* Handle */
              /* Handle on hover */ }
              .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view .toop-hight p {
                font-size: 1.6rem;
                color: #fff;
                font-weight: 400;
                margin-bottom: 0rem; }
              .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view .toop-hight::-webkit-scrollbar {
                width: .5rem;
                height: .5rem; }
              .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view .toop-hight::-webkit-scrollbar-track {
                background: #f1f1f1; }
              .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view .toop-hight::-webkit-scrollbar-thumb {
                background: #0EB2B3;
                border-radius: 10px; }
              .table-product-main .table-product .table tr td .icons-store .view-anchor-tooltip .tooltiptext-view .toop-hight::-webkit-scrollbar-thumb:hover {
                background: #1C1C1C; }

.check-all {
  margin-top: .5rem; }
  .check-all .custom-check {
    display: block;
    position: relative;
    padding-top: 1px;
    padding-left: 2.5rem;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    @media (max-width: 325px) {
      .check-all .custom-check {
        padding-left: 3.5rem; } }
    .check-all .custom-check input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .check-all .custom-check .checkmark {
      position: absolute;
      top: 5px;
      left: 0;
      border-radius: 0.2rem;
      height: 15px;
      width: 15px;
      background-color: #fff;
      border: 1px solid #000; }
      @media (max-width: 1290px) {
        .check-all .custom-check .checkmark {
          top: 3px; } }
      @media (max-width: 767px) {
        .check-all .custom-check .checkmark {
          height: 12px;
          width: 12px; } }
      @media (max-width: 375px) {
        .check-all .custom-check .checkmark {
          top: 1px; } }
    .check-all .custom-check:hover input ~ .checkmark {
      background-color: #eee; }
    .check-all .custom-check input:checked ~ .checkmark {
      background-color: #0EB2B3;
      border: 1px solid #0EB2B3; }
    .check-all .custom-check .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .check-all .custom-check input:checked ~ .checkmark:after {
      display: block; }
    .check-all .custom-check .checkmark:after {
      left: 4px;
      top: 0px;
      width: 6px;
      height: 10px;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media (max-width: 767px) {
        .check-all .custom-check .checkmark:after {
          left: 3px;
          top: 0px;
          width: 5px;
          height: 8px;
          border: solid #fff;
          border-width: 0 2px 2px 0; } }

.table-check.check-all .custom-check {
  font-size: 1.4rem; }
  .table-check.check-all .custom-check .checkmark {
    top: .5rem; }
    @media (max-width: 1440px) {
      .table-check.check-all .custom-check .checkmark {
        top: 2px; } }
    @media (max-width: 1199px) {
      .table-check.check-all .custom-check .checkmark {
        top: 1px; } }
    @media (max-width: 767px) {
      .table-check.check-all .custom-check .checkmark {
        top: 2px; } }
    @media (max-width: 425px) {
      .table-check.check-all .custom-check .checkmark {
        top: 2px; } }
    @media (max-width: 375px) {
      .table-check.check-all .custom-check .checkmark {
        top: 0px; } }

.list-icons-talbe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .list-icons-talbe .li-action-list {
    padding-right: 12px;
    position: relative; }
    .list-icons-talbe .li-action-list:first-child::after {
      content: '';
      width: 1px;
      height: 1.7rem;
      background: #eee;
      top: 4px;
      margin-left: 6px;
      position: absolute; }
    .list-icons-talbe .li-action-list .icon-anchor-list {
      margin: 0px;
      display: inline-block; }
      .list-icons-talbe .li-action-list .icon-anchor-list svg {
        width: 1.8rem;
        height: 1.8rem; }

.enteries-flex-pagigination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1rem; }
  @media (max-width: 575px) {
    .enteries-flex-pagigination {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .enteries-flex-pagigination .result-show {
    font-size: 1.6rem;
    color: #999;
    font-weight: 600;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .enteries-flex-pagigination .result-show {
        margin-bottom: 1rem; } }

.table-product-main .table-product .table.white-space-setting tr td .inner-cell {
  white-space: nowrap; }

.table-product-main .table-product .table.white-space-setting tr th .inner-cell {
  white-space: nowrap; }

.buttons-modal-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .buttons-modal-product .modal-btn {
    margin-right: 1rem; }
    .buttons-modal-product .modal-btn:last-child {
      margin-right: 0; }

.comit-main .comment-heading {
  font-size: 3rem;
  color: #111;
  font-weight: 700;
  margin-bottom: 1rem; }

.flex-add-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .flex-add-comment .text-area-comment {
    width: 100%;
    height: 5rem; }
    .flex-add-comment .text-area-comment .text-area {
      width: 100%;
      height: 5rem;
      border: none;
      border-bottom: 1px solid #000;
      background: transparent;
      font-size: 1.6rem;
      font-weight: 400;
      color: #111;
      padding: 1rem 0;
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      .flex-add-comment .text-area-comment .text-area::-webkit-scrollbar {
        width: .5rem;
        height: .5rem; }
      .flex-add-comment .text-area-comment .text-area::-webkit-scrollbar-track {
        background: #f1f1f1; }
      .flex-add-comment .text-area-comment .text-area::-webkit-scrollbar-thumb {
        background: #0EB2B3;
        border-radius: 10px; }
      .flex-add-comment .text-area-comment .text-area::-webkit-scrollbar-thumb:hover {
        background: #0EB2B3; }
      .flex-add-comment .text-area-comment .text-area:focus {
        outline: none; }
      .flex-add-comment .text-area-comment .text-area::-webkit-input-placeholder {
        color: #999; }
      .flex-add-comment .text-area-comment .text-area:-ms-input-placeholder {
        color: #999; }
      .flex-add-comment .text-area-comment .text-area::-ms-input-placeholder {
        color: #999; }
      .flex-add-comment .text-area-comment .text-area::placeholder {
        color: #999; }

.img-commet {
  width: 6.5rem;
  min-width: 6.5rem;
  height: 6.5rem;
  background: #eee;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 1.6rem; }

.commit-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1rem; }

.commits-added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  position: relative; }
  .commits-added .postion-times {
    position: absolute;
    right: 0;
    top: 0rem;
    border: none;
    padding: 0; }
    .commits-added .postion-times:hover i {
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s;
      color: #0EB2B3; }
    .commits-added .postion-times i {
      color: #999;
      font-size: 1.6rem; }
  .commits-added .commit-text-box {
    width: 100%; }
    .commits-added .commit-text-box .commit-name {
      font-size: 1.6rem;
      font-weight: 500;
      color: #000;
      margin-bottom: .5rem; }
      .commits-added .commit-text-box .commit-name .commit-time {
        padding-left: 5px;
        font-size: 1.4rem;
        font-weight: 400;
        color: #999; }
    .commits-added .commit-text-box .commited-text {
      font-size: 1.6rem;
      font-weight: 400;
      color: #000;
      margin-bottom: 0rem; }

.filter-action.filter-action-sett .filter-product-drop .dropdown-menu.show {
  width: 120px;
  margin-top: 0; }
  @media (max-width: 425px) {
    .filter-action.filter-action-sett .filter-product-drop .dropdown-menu.show {
      width: 100px; } }
  @media (max-width: 325px) {
    .filter-action.filter-action-sett .filter-product-drop .dropdown-menu.show {
      width: 70px; } }

.filter-action.filter-action-sett.mapping-sett .filter-product-drop .dropdown-menu.show {
  width: 15rem;
  margin-top: 0;
  left: auto !important;
  right: 0; }

.ctm-dropmain-box {
  width: 100px;
  border-radius: 1rem;
  margin: 0 2rem; }
  @media (max-width: 320px) {
    .ctm-dropmain-box {
      width: 70px; } }
  .ctm-dropmain-box .input-style {
    width: 100%; }
    .ctm-dropmain-box .input-style .ctm-input {
      width: 100% !important;
      background: none !important;
      border-radius: 1rem !important;
      text-align: left;
      text-transform: capitalize;
      padding: 0rem 1.6rem !important;
      font-size: 1.4rem;
      color: #111;
      line-height: unset !important;
      font-weight: 400;
      margin: 0;
      height: 4rem;
      border: 1px solid #111;
      cursor: pointer; }
      .ctm-dropmain-box .input-style .ctm-input::-webkit-input-placeholder {
        color: #111; }
      .ctm-dropmain-box .input-style .ctm-input:-ms-input-placeholder {
        color: #111; }
      .ctm-dropmain-box .input-style .ctm-input::-ms-input-placeholder {
        color: #111; }
      .ctm-dropmain-box .input-style .ctm-input::placeholder {
        color: #111; }
  .ctm-dropmain-box .type-pass {
    position: relative;
    z-index: 9; }
    .ctm-dropmain-box .type-pass::after {
      display: inline-block;
      position: absolute;
      right: 1rem !important;
      content: '';
      font-weight: normal;
      font-style: normal;
      margin: 0;
      text-decoration: none;
      top: 50%;
      border-top: 0.5rem solid #111;
      border-right: 0.5rem solid transparent;
      border-bottom: 0;
      border-left: 0.5rem solid transparent;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: -1; }
    .ctm-dropmain-box .type-pass .dropdown-content {
      display: none;
      position: absolute;
      background-color: #fff;
      border-radius: 1rem;
      margin-bottom: 0;
      min-width: 160px;
      overflow: auto;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      z-index: 1;
      max-height: 30rem;
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      @media (max-width: 425px) {
        .ctm-dropmain-box .type-pass .dropdown-content {
          min-width: 120px; } }
      @media (max-width: 325px) {
        .ctm-dropmain-box .type-pass .dropdown-content {
          width: 100px; } }
      .ctm-dropmain-box .type-pass .dropdown-content::-webkit-scrollbar {
        width: 5px;
        height: 5px; }
      .ctm-dropmain-box .type-pass .dropdown-content::-webkit-scrollbar-track {
        background: #f1f1f1; }
      .ctm-dropmain-box .type-pass .dropdown-content::-webkit-scrollbar-thumb {
        background: #0EB2B3;
        border-radius: 10px; }
      .ctm-dropmain-box .type-pass .dropdown-content::-webkit-scrollbar-thumb:hover {
        background: #555; }
      .ctm-dropmain-box .type-pass .dropdown-content.show {
        display: block;
        margin-top: 1rem; }
      .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt {
        border: none;
        border-radius: 1rem; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .check {
          width: 100%;
          padding-left: 2.5rem;
          height: 5rem;
          line-height: 5rem;
          font-size: 1.6rem;
          font-weight: 400;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin: 0;
          cursor: pointer;
          color: #999; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check {
          line-height: 4rem;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check:hover {
            color: #fff !important;
            background: #0EB2B3 !important; }
      .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check {
        display: block;
        position: relative;
        padding-top: 1px;
        padding-left: 4rem;
        margin-bottom: 0px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 1.4rem;
        font-weight: 700;
        color: #000;
        /* Hide the browser's default checkbox */
        /* Create a custom checkbox */
        /* On mouse-over, add a grey background color */
        /* When the checkbox is checked, add a blue background */
        /* Create the checkmark/indicator (hidden when not checked) */
        /* Show the checkmark when checked */
        /* Style the checkmark/indicator */ }
        @media (max-width: 767px) {
          .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check {
            padding-left: 5rem; } }
        @media (max-width: 425px) {
          .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check {
            padding-left: 4rem; } }
        @media (max-width: 390px) {
          .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check {
            padding-left: 4.5rem; } }
        @media (max-width: 320px) {
          .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check {
            padding-left: 5.5rem; } }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check .checkmark {
          position: absolute;
          top: 50.5%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 16px;
          border-radius: 0.2rem;
          height: 12px;
          width: 12px;
          background-color: #fff;
          border: 1px solid #0EB2B3; }
          @media (max-width: 425px) {
            .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check .checkmark {
              left: 11px; } }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check:hover input ~ .checkmark {
          background-color: #eee; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check input:checked ~ .checkmark {
          background-color: #fff; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check .checkmark:after {
          content: "";
          position: absolute;
          display: none; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check input:checked ~ .checkmark:after {
          display: block; }
        .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check .checkmark:after {
          left: 3px;
          top: 0px;
          width: 4px;
          height: 7px;
          border: solid #0EB2B3;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
          @media (max-width: 575px) {
            .ctm-dropmain-box .type-pass .dropdown-content .check-area-mt .custom-check .checkmark:after {
              left: 0.5rem;
              top: 0.2rem;
              border-width: 0 2px 2px 0; } }

.flex-new-sugestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem; }
  .flex-new-sugestion .barcode-heading {
    margin-bottom: 0 !important; }

@media (max-width: 390px) {
  .width-mobile-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; } }

@media (max-width: 390px) {
  .width-mobile-btns .tab-main {
    margin-bottom: 2rem; } }

.tab-main {
  margin: 0rem 0 0rem; }
  @media (max-width: 767px) {
    .tab-main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .tab-main .nav-pills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 18.3rem;
    width: 18.3rem;
    height: 4rem;
    background: transparent;
    border-radius: 0px;
    padding: 0rem 0rem; }
    .tab-main .nav-pills li {
      min-width: 50%;
      width: 50%; }
      .tab-main .nav-pills li .tabs-charts {
        background: transparent;
        border-radius: 0rem;
        color: #111;
        font-size: 1.8rem;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem 1.6rem;
        min-width: 100%;
        width: 100%;
        height: 4rem;
        position: relative; }

        @media (max-width: 1650px) {
          .tab-main .nav-pills li .tabs-charts {
            font-size: 1.5rem;
            padding: 1rem 1rem;
          }
        }
        @media (max-width: 1199px) {
          .tab-main .nav-pills li .tabs-charts {
            padding: 1rem 1rem; } }
        .tab-main .nav-pills li .tabs-charts:after {
          content: '';
          display: inline-block;
          width: 100%;
          position: absolute;
          left: 0;
          height: 4px;
          background: #D9D4D4;
          bottom: 0; }
          @media (max-width: 767px) {
            .tab-main .nav-pills li .tabs-charts:after {
              height: 3px; } }
          @media (max-width: 375px) {
            .tab-main .nav-pills li .tabs-charts:after {
              height: 2px; } }
        .tab-main .nav-pills li .tabs-charts.active {
          border-color: #0EB2B3;
          color: #0EB2B3; }
          .tab-main .nav-pills li .tabs-charts.active::after {
            background: #0EB2B3;
            border-radius: 5rem; }
        .tab-main .nav-pills li .tabs-charts.hover {
          border-color: #0EB2B3; }

.delete-modal {
  background: rgba(17, 17, 17, 0.7); }
  .delete-modal .modal-dialog {
    width: 50.5rem;
    max-width: 50.5rem;
  }
    div#warehouse-modal .modal-dialog.modal-dialog-centered.modal-md{
      width: 65.5rem;
      max-width: 65.5rem;
  }
    @media (max-width: 575px) {
      .delete-modal .modal-dialog {
        margin: 2.5rem auto 2.5rem; } }
  .delete-modal .modal-content {
    border-radius: 1rem;
    padding: 2rem 1.6rem 2rem; }
    .delete-modal .modal-content .modal-body .modal-delete-heading {
      font-size: 2rem;
      color: #111;
      font-weight: 600;
      margin-bottom: 2rem;
      text-align: center; }
      .modal-delete-heading {
        font-size: 2rem;
        color: #111;
        font-weight: 600;
        margin-bottom: 2rem;
        text-align: center; }
    .delete-modal .modal-content .modal-body .modal-delete-heading-2 {
      font-size: 2rem;
      color: #111;
      font-weight: 600;
      margin-bottom: .5rem;
      text-align: center; }
    .delete-modal .modal-content .modal-body .modal-para .text-p {
      font-size: 2rem;
      color: #999;
      font-weight: 400;
      margin-bottom: 2rem;
      text-align: center; }
  .delete-modal .modal-header {
    padding: 0;
    border: none; }
    .delete-modal .modal-header .close {
      padding: 0;
      margin: 0;
      display: none; }
  .delete-modal .modal-body {
    padding: 0;
    border: none; }
  .delete-modal .modal-footer {
    padding: 0;
    border: none;
    margin-top: 0rem; }

.new-barcode.delete-modal .modal-dialog {
  width: 70rem;
  max-width: 70rem; }
  @media (max-width: 575px) {
    .new-barcode.delete-modal .modal-dialog {
      width: 50rem;
      max-width: 50rem; } }

.new-barcode.delete-modal .input-style-ctm .ctm-input {
  height: 5rem; }

.new-barcode.delete-modal .close {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F9A504;
  border-radius: 50%;
  border: none;
  opacity: 1;
  position: absolute;
  right: -1.4rem;
  top: -1.4rem;
  color: #fff;
 }
  .new-barcode.delete-modal .close span {
    font-size: 2.5rem;
    color: #fff;
    line-height: 18px;
    margin-bottom: 5px; }
    @media (max-width: 1440px) {
      .new-barcode.delete-modal .close span {
        padding-top: 3px; } }
    @media (max-width: 390px) {
      .new-barcode.delete-modal .close span {
        padding-top: 1px; } }
    @media (max-width: 320px) {
      .new-barcode.delete-modal .close span {
        padding-top: 4px; } }
  .new-barcode.delete-modal .close:hover {
    background: #0EB2B3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    opacity: 1; }
  .new-barcode.delete-modal .close i {
    font-size: 2rem;
    color: #fff; }

.linkedadd.delete-modal .close {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F9A504;
  border-radius: 50%;
  border: none;
  opacity: 1;
  position: absolute;
  right: -1.4rem;
  top: -1.4rem; }
  .linkedadd.delete-modal .close span {
    font-size: 2.5rem;
    color: #fff;
    line-height: 18px;
    margin-bottom: 5px; }
    @media (max-width: 1440px) {
      .linkedadd.delete-modal .close span {
        padding-top: 3px; } }
    @media (max-width: 390px) {
      .linkedadd.delete-modal .close span {
        padding-top: 1px; } }
    @media (max-width: 320px) {
      .linkedadd.delete-modal .close span {
        padding-top: 4px; } }
  .linkedadd.delete-modal .close:hover {
    background: #0EB2B3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    opacity: 1; }
  .linkedadd.delete-modal .close i {
    font-size: 2rem;
    color: #fff; }

.linkedadd.delete-modal .input-style-ctm .drop-bottom .custom-btn {
  min-height: 5rem;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important; }

.linkedadd.delete-modal .input-style-ctm .drop-bottom .custom-btn::after {
  border-top: 0.4rem solid #111; }
  @media (max-width: 575px) {
    .linkedadd.delete-modal .input-style-ctm .drop-bottom .custom-btn::after {
      border-top: 0.6rem solid #111; } }

.linkedadd.delete-modal .input-style-ctm .ctm-input {
  height: 5rem;
  background: #eee; }

.linkedadd.delete-modal .input-style-ctm .ctm-textarea {
  height: 10rem; }

.linkedadd.delete-modal .search-modal-product {
  margin-bottom: 1.6rem; }
  .linkedadd.delete-modal .search-modal-product .input-style-ctm {
    margin-bottom: 0; }
  .linkedadd.delete-modal .search-modal-product .whole-search {
    width: 100%; }
    .linkedadd.delete-modal .search-modal-product .whole-search .input-group {
      background: #eee;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .linkedadd.delete-modal .search-modal-product .whole-search .search-result {
      font-weight: 400;
      color: #000;
      font-size: 1.4rem;
      margin-bottom: 0;
      margin-top: 3px; }
      .linkedadd.delete-modal .search-modal-product .whole-search .search-result span {
        font-weight: 700; }

.sub-heading-modal {
  font-size: 1.6rem;
  color: #111;
  font-weight: 500;
  text-align: center;
  margin-bottom: .5rem; }

.avail-quantity {
  font-size: 2rem;
  color: #999;
  font-weight: 400;
  text-align: center; }
  .avail-quantity span {
    color: #111; }

.img-del-alert {
  width: 6.6rem;
  height: 6.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 1rem; }

.modal.Store-Info {
  background: rgba(17, 17, 17, 0.7); }
  .modal.Store-Info .modal-dialog {
    width: 50.5rem;
    max-width: 50.5rem; }
    @media (max-width: 575px) {
      .modal.Store-Info .modal-dialog {
        margin: 2.5rem auto 2.5rem; } }
  .modal.Store-Info .modal-content {
    border-radius: 1rem;
    padding: 2rem 1.6rem 2rem; }
    .modal.Store-Info .modal-content .close {
      display: block;
      width: 3.5rem;
      height: 3.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #F9A504;
      border-radius: 50%;
      border: none;
      opacity: 1;
      position: absolute;
      right: -1.4rem;
      top: -1.4rem; }
      .modal.Store-Info .modal-content .close span {
        font-size: 2.5rem;
        color: #fff;
        line-height: 18px;
        margin-bottom: 5px; }
        @media (max-width: 1440px) {
          .modal.Store-Info .modal-content .close span {
            padding-top: 3px; } }
        @media (max-width: 390px) {
          .modal.Store-Info .modal-content .close span {
            padding-top: 1px; } }
        @media (max-width: 320px) {
          .modal.Store-Info .modal-content .close span {
            padding-top: 4px; } }
      .modal.Store-Info .modal-content .close:hover {
        background: #0EB2B3;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s;
        opacity: 1; }
      .modal.Store-Info .modal-content .close i {
        font-size: 2rem;
        color: #fff; }
    .modal.Store-Info .modal-content .modal-body .modal-delete-heading {
      font-size: 2rem;
      color: #111;
      font-weight: 600;
      margin-bottom: 2rem;
      text-align: center; }
  .modal.Store-Info .modal-header {
    padding: 0;
    border: none; }
  .modal.Store-Info .modal-body {
    padding: 0;
    border: none; }
    .modal.Store-Info .modal-body .input-style-ctm label {
      font-weight: 600; }
  .modal.Store-Info .modal-footer {
    padding: 0;
    border: none;
    margin-top: 0rem; }

.hr-line-modal {
  width: 70%;
  text-align: center;
  height: 1px;
  background: #999;
  margin: 1.6rem auto 2rem; }

.flex-hide-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.inline-shipping-field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .inline-shipping-field .input-style-ctm {
    margin-bottom: 0;
    width: 45%;
    min-width: 45%; }
  .inline-shipping-field .svg-img {
    display: inline-block;
    width: 3.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem; }
    .svg-img-1 {
      display: inline-block;
      width: 3.3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 1.5rem;
      }
      .svg-img-1:hover svg path {
        fill: #0EB2B3 !important; }
        .svg-img-1 svg {
          width: 3.2rem;
          height: 2.3rem; }
    .inline-shipping-field .svg-img:hover svg path {
      fill: #0EB2B3 !important; }
    .inline-shipping-field .svg-img svg {
      width: 3.2rem;
      height: 2.3rem; }

#content-box-new-field {
  display: none; }

#content-box-new-field-1 {
  display: none; }

.alert-modal-content {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  margin-bottom: 1rem; }

.exclaim-icon {
  text-align: center; }
  .exclaim-icon i {
    color: #F41349;
    font-size: 6rem;
    margin-bottom: 1rem; }

.table-modal-sett {
  max-height: 30rem;
  overflow: auto;
  width: 100%;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .table-modal-sett::-webkit-scrollbar {
    width: .5rem;
    height: .5rem; }
  .table-modal-sett::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .table-modal-sett::-webkit-scrollbar-thumb {
    background: #0EB2B3;
    border-radius: 10px; }
  .table-modal-sett::-webkit-scrollbar-thumb:hover {
    background: #0EB2B3; }
  .table-modal-sett .table {
    width: 100%; }
    .table-modal-sett .table .thead-ctm {
      background: #eee;
      width: 100%; }
    .table-modal-sett .table tr th {
      vertical-align: middle;
      border: none;
      padding: 1rem 1.6rem; }
      .table-modal-sett .table tr th .header-table-heading {
        font-size: 1.6rem;
        font-weight: 400;
        color: #111; }
    .table-modal-sett .table tr th:first-child {
      border-bottom-left-radius: 1rem;
      border-top-left-radius: 1rem; }
    .table-modal-sett .table tr th:last-child {
      border-bottom-right-radius: 1rem;
      border-top-right-radius: 1rem; }
    .table-modal-sett .table tr td {
      border-bottom: 1px solid #eee;
      padding: 1rem 1.6rem;
      vertical-align: middle;
      border-top: 0; }
      .table-modal-sett .table tr td .table-cell-text {
        font-size: 1.6rem;
        color: #999;
        font-weight: 400; }

.linkedadd.delete-modal .input-style-ctm input.ctm-input[value="2019-12-07"] {
  color: #999; }

.linkedadd.delete-modal .input-style-ctm input.ctm-input[value="2019-12-07"]:focus {
  color: #111; }

.tab-main.edit-tab {
  width: 100%;
  margin: 2rem 0; }
  .tab-main.edit-tab .nav-pills {
    width: 100%;
    min-width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media (max-width: 575px) {
      .tab-main.edit-tab .nav-pills {
        height: unset; } }
    .tab-main.edit-tab .nav-pills li {
      width: auto;
      min-width: auto; }

.card-edit {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.6rem; }

.inline-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem; }
  .inline-add label {
    margin-bottom: 0; }
  .inline-add .add-modal-btn {
    font-size: 1.6rem;
    color: #F9A504;
    font-weight: 400; }
    .inline-add .add-modal-btn:hover {
      color: #0EB2B3;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s;
      text-decoration: underline !important; }
  .inline-add .logo-label {
    font-size: 1.6rem;
    color: #F9A504;
    font-weight: 400;
    margin-right: 2rem;
    margin-bottom: 0; }

.gender-title-register {
  margin-bottom: 0rem; }
  .gender-title-register label {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 0.8rem; }
    .gender-title-register label span {
      font-size: 1.4rem;
      line-height: 2rem;
      position: relative;
      top: 1px;
      padding: 0 .5rem; }

.update-btn {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.upload-images-main {
  margin-bottom: 1.6rem; }
  .upload-images-main .upload-images-heading {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 0.8rem; }
    .upload-images-main .upload-images-heading span {
      font-size: 1.4rem;
      line-height: 2rem;
      position: relative;
      top: 1px;
      padding: 0 .5rem; }
  .upload-images-main .upload-images-card {
    width: 100%;
    background: #fff;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.upload-images-card .qust-filed .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  padding: 0;
  background: #D9D4D4;
  overflow: unset; }
  .upload-images-card .qust-filed .form-control:hover {
    background: #0EB2B3; }
    .upload-images-card .qust-filed .form-control:hover .btn-tertiary .upload-img .img-place-holder {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    .upload-images-card .qust-filed .form-control:hover .btn-tertiary .img-uploader-yellow {
      background: #111; }
  .upload-images-card .qust-filed .form-control .btn-tertiary {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0; }
    .upload-images-card .qust-filed .form-control .btn-tertiary.bg-upload-img {
      background: url(../images/img-uplaod-banner.jpg) no-repeat center;
      background-size: cover;
      border-radius: 50%;
      margin-bottom: 0; }
    .upload-images-card .qust-filed .form-control .btn-tertiary .img-uploader-yellow {
      width: 4rem;
      height: 4rem;
      border-radius: 50%;
      background: #F9A504;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      bottom: 2rem;
      right: 0rem; }
      .upload-images-card .qust-filed .form-control .btn-tertiary .img-uploader-yellow svg {
        width: 2.1rem !important; }
        @media (max-width: 767px) {
          .upload-images-card .qust-filed .form-control .btn-tertiary .img-uploader-yellow svg {
            width: 1.8rem !important; } }
    .upload-images-card .qust-filed .form-control .btn-tertiary .upload-img {
      width: 4.7rem;
      height: 5.2rem; }

.category-edit-productcard {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.6rem 1.6rem 2rem;
  margin-top: 2rem;
  margin-bottom: 1.6rem; }

.stock-inline {
  margin-bottom: 0.8rem; }
  .stock-inline .stock-heading {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111; }
  .stock-inline .right-stock-heading {
    font-size: 1.6rem;
    font-weight: 500;
    color: #111; }

.stock-card-edit {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.6rem 1.6rem 2rem;
  margin-bottom: 1.6rem; }

.barcode-card, .linked-edit-product {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.6rem 1.6rem 2rem;
  margin-top: 1rem; }
  .barcode-card .barcode-heading, .linked-edit-product .barcode-heading {
    font-size: 2rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 1.6rem; }
  .barcode-card .flex-barcodes, .linked-edit-product .flex-barcodes {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.6rem; }

    @media (max-width: 991px) {
      .barcode-card .flex-barcodes, .linked-edit-product .flex-barcodes {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
        @media (max-width: 525px) {
          .barcode-card .flex-barcodes, .linked-edit-product .flex-barcodes {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; } }
    @media (max-width: 425px) {
      .barcode-card .flex-barcodes, .linked-edit-product .flex-barcodes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  .barcode-card .codes-input, .linked-edit-product .codes-input {
    width: 20rem;
    margin-right: 1rem; }
    .barcode-card .codes-input .input-style-ctm, .linked-edit-product .codes-input .input-style-ctm {
      margin-bottom: 0; }
      .barcode-card .codes-input .input-style-ctm .ctm-input, .linked-edit-product .codes-input .input-style-ctm .ctm-input {
        height: 5rem; }
        .barcode-card .codes-input .input-style-ctm .ctm-input::-webkit-input-placeholder, .linked-edit-product .codes-input .input-style-ctm .ctm-input::-webkit-input-placeholder {
          color: #111; }
        .barcode-card .codes-input .input-style-ctm .ctm-input:-ms-input-placeholder, .linked-edit-product .codes-input .input-style-ctm .ctm-input:-ms-input-placeholder {
          color: #111; }
        .barcode-card .codes-input .input-style-ctm .ctm-input::-ms-input-placeholder, .linked-edit-product .codes-input .input-style-ctm .ctm-input::-ms-input-placeholder {
          color: #111; }
        .barcode-card .codes-input .input-style-ctm .ctm-input::placeholder, .linked-edit-product .codes-input .input-style-ctm .ctm-input::placeholder {
          color: #111; }
      .barcode-card .codes-input .input-style-ctm input.ctm-input:disabled, .linked-edit-product .codes-input .input-style-ctm input.ctm-input:disabled {
        color: #999; }
        .barcode-card .codes-input .input-style-ctm input.ctm-input:disabled::-webkit-input-placeholder, .linked-edit-product .codes-input .input-style-ctm input.ctm-input:disabled::-webkit-input-placeholder {
          color: #111; }
        .barcode-card .codes-input .input-style-ctm input.ctm-input:disabled:-ms-input-placeholder, .linked-edit-product .codes-input .input-style-ctm input.ctm-input:disabled:-ms-input-placeholder {
          color: #111; }
        .barcode-card .codes-input .input-style-ctm input.ctm-input:disabled::-ms-input-placeholder, .linked-edit-product .codes-input .input-style-ctm input.ctm-input:disabled::-ms-input-placeholder {
          color: #111; }
        .barcode-card .codes-input .input-style-ctm input.ctm-input:disabled::placeholder, .linked-edit-product .codes-input .input-style-ctm input.ctm-input:disabled::placeholder {
          color: #111; }
  .barcode-card .flex-end-ctm, .linked-edit-product .flex-end-ctm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 525px) {
      .barcode-card .flex-end-ctm, .linked-edit-product .flex-end-ctm {
        margin-top: 1.6rem; } }

.linked-edit-product {
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 1.6rem; }
  .linked-edit-product .table-product-main .table-product .table tr th .inline-header-talbe .inner-cell {
    white-space: nowrap; }
  .linked-edit-product .table-product-main .table-product .table tr td .inner-cell {
    white-space: nowrap; }
  .linked-edit-product .table-product-main .table-product .table {
    margin-bottom: 0; }

.remove-drop .dropdown-menu {
  border: none !important;
  border-radius: 1rem !important;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
  .remove-drop .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    padding: 1rem; }
    .remove-drop .dropdown-menu .dropdown-item:hover {
      color: #fff;
      background: #F41349;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s; }
  .remove-drop .dropdown-menu:focus-visible {
    background: #0eb2b3; }

.remove-drop .remove-drop-down {
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  background: #fff; }
  .remove-drop .remove-drop-down::after {
    display: none; }
  .remove-drop .remove-drop-down:hover .fas {
    color: #0EB2B3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }
  .remove-drop .remove-drop-down .fas {
    font-size: 2rem;
    color: #111; }

.notavail {
  font-size: 1.6rem;
  color: #F41349;
  font-weight: 500;
  margin: 1rem 0 0; }

.transfer-drop .filter-action {
  margin-left: 0;
  display: inline-block; }
  .transfer-drop .filter-action .filter-product-drop {
    margin-left: 0; }

.cell-quanity {
  width: 19rem; }
  @media (max-width: 425px) {
    .cell-quanity {
      width: 15rem; } }
  .cell-quanity .input-style-ctm {
    margin-bottom: 0; }

.sett-ajust-activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem; }
  @media (max-width: 1700px) {
    .sett-ajust-activity {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .sett-ajust-activity .rows-per {
    margin-bottom: 0rem; }
    @media (max-width: 1700px) {
      .sett-ajust-activity .rows-per {
        margin-bottom: 2rem; } }
    @media (max-width: 1290px) {
      .sett-ajust-activity .rows-per {
        margin-bottom: 0; } }
  .sett-ajust-activity .flex-responsive-sett {
    margin-bottom: 0rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .sett-ajust-activity .flex-responsive-sett .filter-action {
      margin-left: 0; }
  .sett-ajust-activity .search-row-bar .whole-search {
    width: 40rem; }
    @media (max-width: 1370px) {
      .sett-ajust-activity .search-row-bar .whole-search {
        width: 40rem; } }
    @media (max-width: 1290px) {
      .sett-ajust-activity .search-row-bar .whole-search {
        width: 30rem; } }
    @media (max-width: 767px) {
      .sett-ajust-activity .search-row-bar .whole-search {
        width: 40rem; } }

.activity .remove-drop .dropdown-menu {
  min-width: 12rem;
  padding: 0; }

.activity .remove-drop .dropdown-menu .dropdown-item {
  font-size: 1.4rem;
  color: #111;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .activity .remove-drop .dropdown-menu .dropdown-item:hover {
    background: #0EB2B3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff;
    cursor: pointer;
  }
    .activity .remove-drop .dropdown-menu .dropdown-item:hover span {
      color: #fff; }
  .activity .remove-drop .dropdown-menu .dropdown-item span {
    color: #999;
    margin-left: 2rem; }
  .activity .remove-drop .dropdown-menu .dropdown-item:focus-visible {
    background: #0eb2b3; }

.filter-action-list-p .filter-action {
  margin-left: 0; }

.flex-responsive-sett.filter-action-list-p {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 55%; }

.remember-me.remember-me-bottom {
  margin-bottom: 1.6rem; }

.upload-brand .qust-filed .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  padding: 0;
  background: #D9D4D4;
  overflow: unset;
  margin: 0 auto; }
  .upload-brand .qust-filed .form-control:hover {
    background: #0EB2B3; }
    .upload-brand .qust-filed .form-control:hover .btn-tertiary .upload-img .img-place-holder {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    .upload-brand .qust-filed .form-control:hover .btn-tertiary .img-uploader-yellow {
      background: #111; }
  .upload-brand .qust-filed .form-control .btn-tertiary {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0; }
    .upload-brand .qust-filed .form-control .btn-tertiary.bg-upload-img {
      background: url(../images/img-uplaod-banner.jpg) no-repeat center;
      background-size: cover;
      border-radius: 50%;
      margin-bottom: 0; }
    .upload-brand .qust-filed .form-control .btn-tertiary .img-uploader-yellow {
      width: 4rem;
      height: 4rem;
      border-radius: 50%;
      background: #F9A504;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      bottom: 2rem;
      right: 0rem; }
      .upload-brand .qust-filed .form-control .btn-tertiary .img-uploader-yellow svg {
        width: 2.1rem !important; }
        @media (max-width: 767px) {
          .upload-brand .qust-filed .form-control .btn-tertiary .img-uploader-yellow svg {
            width: 1.8rem !important; } }
    .upload-brand .qust-filed .form-control .btn-tertiary .upload-img {
      width: 4.7rem;
      height: 5.2rem; }

.input-by-date.mb-2-ctm {
  margin-bottom: 2rem; }

.cell-quanity .input-style-ctm .ctm-input {
  height: 4rem; }

.transfer-drop {
  width: 19rem; }
  @media (max-width: 425px) {
    .transfer-drop {
      width: 15rem; } }
  .transfer-drop .filter-action {
    width: 100%; }
  .transfer-drop .filter-action .filter-product-drop {
    width: 100%; }
  .transfer-drop .filter-action .filter-product-drop .dropdown-menu.show {
    min-width: 19rem;
    overflow: auto;
    max-height: 13.2rem;
    top: 1rem !important;
    -webkit-transform: translate(0, 4rem) !important;
    -ms-transform: translate(0, 4rem) !important;
    transform: translate(0, 4rem) !important;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    @media (max-width: 425px) {
      .transfer-drop .filter-action .filter-product-drop .dropdown-menu.show {
        width: 15rem;
        min-width: 15rem; } }
    .transfer-drop .filter-action .filter-product-drop .dropdown-menu.show::-webkit-scrollbar {
      width: .5rem;
      height: .5rem; }
    .transfer-drop .filter-action .filter-product-drop .dropdown-menu.show::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .transfer-drop .filter-action .filter-product-drop .dropdown-menu.show::-webkit-scrollbar-thumb {
      background: #0EB2B3;
      border-radius: 10px; }
    .transfer-drop .filter-action .filter-product-drop .dropdown-menu.show::-webkit-scrollbar-thumb:hover {
      background: #0EB2B3; }

.linkedadd.delete-modal .search-modal-product.sett-serach {
  margin-bottom: 0; }

.search-result-text {
  font-weight: 400;
  color: #000;
  font-size: 1.4rem;
  margin-bottom: 0;
  margin-top: 3px;
  margin-bottom: 1.6rem; }
  .search-result-text span {
    font-weight: 700; }

.postion-tootip {
  position: relative;
  margin: 0 1rem; }
  .postion-tootip.margin-sett-btn {
    margin: 0; }
    .postion-tootip.margin-sett-btn .hover-tootip {
      left: 0rem;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
      @media (max-width: 1440px) {
        .postion-tootip.margin-sett-btn .hover-tootip {
          left: -0.8rem; } }
      @media (max-width: 390px) {
        .postion-tootip.margin-sett-btn .hover-tootip {
          left: -1.2rem; } }
      @media (max-width: 375px) {
        .postion-tootip.margin-sett-btn .hover-tootip {
          left: -1.8rem; } }
      @media (max-width: 390px) {
        .postion-tootip.margin-sett-btn .hover-tootip {
          left: -2rem; } }
  .postion-tootip:hover {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }
    .postion-tootip:hover .hover-tootip {
      opacity: 1;
      top: -16px; }
  .postion-tootip .hover-tootip {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    width: 50px;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }
    .postion-tootip .hover-tootip .print-text {
      font-size: 12px;
      color: #111;
      font-weight: 600;
      margin-bottom: 0; }

.barcode-card .codes-input.barcode-placeholder .input-style-ctm .ctm-input, .linked-edit-product .codes-input.barcode-placeholder .input-style-ctm .ctm-input {
  color: #333 !important; }
  .barcode-card .codes-input.barcode-placeholder .input-style-ctm .ctm-input::-webkit-input-placeholder, .linked-edit-product .codes-input.barcode-placeholder .input-style-ctm .ctm-input::-webkit-input-placeholder {
    color: #333 !important; }
  .barcode-card .codes-input.barcode-placeholder .input-style-ctm .ctm-input:-ms-input-placeholder, .linked-edit-product .codes-input.barcode-placeholder .input-style-ctm .ctm-input:-ms-input-placeholder {
    color: #333 !important; }
  .barcode-card .codes-input.barcode-placeholder .input-style-ctm .ctm-input::-ms-input-placeholder, .linked-edit-product .codes-input.barcode-placeholder .input-style-ctm .ctm-input::-ms-input-placeholder {
    color: #333 !important; }
  .barcode-card .codes-input.barcode-placeholder .input-style-ctm .ctm-input::placeholder, .linked-edit-product .codes-input.barcode-placeholder .input-style-ctm .ctm-input::placeholder {
    color: #333 !important; }

@media (max-width: 767px) {
  .search-row-bar.mobile-input-sett .whole-search {
    width: 30rem; } }

.showing-result {
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
  margin-top: 3px; }
  .showing-result span {
    color: #000; }

.search-row-bar.width-adjust .whole-search {
  width: 52.8rem; }

.add-btn .fa-plus-circle {
  margin-right: 5px; }

#content-box {
  display: none; }

.hide-show {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .hide-show .input-style-ctm {
    margin-bottom: 0;
    width: 43%;
    min-width: 43%; }
    .hide-show .input-style-ctm.sett-width-input-1 {
      width: 48%;
      min-width: 48%; }
    .hide-show .input-style-ctm.sett-width-input-2 {
      width: 38%;
      min-width: 38%; }
  .hide-show .svg-img {
    display: inline-block;
    width: 3.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem; }
    .hide-show .svg-img:hover svg path {
      fill: #0EB2B3 !important; }
    .hide-show .svg-img svg {
      width: 3.2rem;
      height: 2.3rem; }

.filter-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem; }

.bulk-card-main .card-bulk-inventory {
  width: 100%;
  border-radius: 1rem;
  background: #eee;
  padding: 1.6rem 1.6rem 0;
  margin-bottom: 2rem; }
  .bulk-card-main .card-bulk-inventory .card-inner-sett {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: auto;
    padding-bottom: 1.6rem;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .bulk-card-main .card-bulk-inventory .card-inner-sett::-webkit-scrollbar {
      width: .5rem;
      height: .5rem; }
    .bulk-card-main .card-bulk-inventory .card-inner-sett::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .bulk-card-main .card-bulk-inventory .card-inner-sett::-webkit-scrollbar-thumb {
      background: #0EB2B3;
      border-radius: 10px; }
    .bulk-card-main .card-bulk-inventory .card-inner-sett::-webkit-scrollbar-thumb:hover {
      background: #555; }
  .bulk-card-main .card-bulk-inventory:last-child {
    margin-bottom: 0; }

.sr-number {
  margin-bottom: 0;
  margin-right: 1.6rem; }
  .sr-number .list-sr {
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    margin-bottom: .5rem;
    white-space: nowrap; }
    .sr-number .list-sr:last-child {
      margin-bottom: 0; }
    .sr-number .list-sr.width-sett-list {
      width: 21.8rem;
      white-space: unset; }

.main-stock-liast {
  margin-right: 1.6rem; }
  .main-stock-liast .stock-bulk-cell {
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 1rem; }
  .main-stock-liast .flex-field-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .main-stock-liast .flex-field-inline .input-number {
      width: 8rem;
      margin-right: 1.6rem; }
      .main-stock-liast .flex-field-inline .input-number .form-control {
        margin-bottom: 0;
        height: 4rem;
        width: 100%;
        padding: .5rem 1.6rem;
        border: none;
        background: #fff;
        border-radius: 1rem;
        font-size: 1.6rem;
        font-weight: 500;
        color: #111;
        text-align: center; }
        .main-stock-liast .flex-field-inline .input-number .form-control::-webkit-input-placeholder {
          color: #111; }
        .main-stock-liast .flex-field-inline .input-number .form-control:-ms-input-placeholder {
          color: #111; }
        .main-stock-liast .flex-field-inline .input-number .form-control::-ms-input-placeholder {
          color: #111; }
        .main-stock-liast .flex-field-inline .input-number .form-control::placeholder {
          color: #111; }
        .main-stock-liast .flex-field-inline .input-number .form-control:focus {
          -webkit-box-shadow: none;
          box-shadow: none;
          outline: none; }
    .main-stock-liast .flex-field-inline .input-group {
      width: 20rem;
      border-radius: 1rem;
      overflow: hidden;
      background: #fff;
      margin-right: 1.6rem; }
      .main-stock-liast .flex-field-inline .input-group.yellow-bg .input-group-prepend .btn-success {
        background: #F9A504;
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1); }
        .main-stock-liast .flex-field-inline .input-group.yellow-bg .input-group-prepend .btn-success:hover {
          background: #0EB2B3; }
      .main-stock-liast .flex-field-inline .input-group.black-bg {
        margin-right: 0; }
        .main-stock-liast .flex-field-inline .input-group.black-bg .input-group-prepend .btn-success {
          background: #000; }
          .main-stock-liast .flex-field-inline .input-group.black-bg .input-group-prepend .btn-success:hover {
            background: #F9A504; }
      .main-stock-liast .flex-field-inline .input-group .input-group-prepend .btn-success {
        width: 4rem;
        height: 4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem;
        border-radius: 1rem;
        background: #0EB2B3;
        border: none; }
        .main-stock-liast .flex-field-inline .input-group .input-group-prepend .btn-success:hover {
          -webkit-transition: ease-in-out;
          -o-transition: ease-in-out;
          transition: ease-in-out;
          background: #F9A504; }
        .main-stock-liast .flex-field-inline .input-group .input-group-prepend .btn-success:focus {
          -webkit-box-shadow: none;
          box-shadow: none;
          outline: none; }
      .main-stock-liast .flex-field-inline .input-group .form-control {
        margin-bottom: 0;
        height: 4rem;
        padding: .5rem 1.6rem;
        border: none;
        background: transparent;
        border-radius: 0rem;
        font-size: 1.4rem;
        font-weight: 400;
        color: #111; }
        .main-stock-liast .flex-field-inline .input-group .form-control::-webkit-input-placeholder {
          color: #999999; }
        .main-stock-liast .flex-field-inline .input-group .form-control:-ms-input-placeholder {
          color: #999999; }
        .main-stock-liast .flex-field-inline .input-group .form-control::-ms-input-placeholder {
          color: #999999; }
        .main-stock-liast .flex-field-inline .input-group .form-control::placeholder {
          color: #999999; }
        .main-stock-liast .flex-field-inline .input-group .form-control:focus {
          -webkit-box-shadow: none;
          box-shadow: none;
          outline: none; }

.flex-stock-card .value-main-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0rem;
  margin-top: 2.6rem;
  width: 12rem;
  justify-content:center;
}
.flex-stock-card .btn-stock-up{
  width: 18rem;
  padding: 0;
}
.flex-stock-card .update-stock-btn{
  margin-left: auto;
  width: 12rem;
  min-width: 12rem;
}
  .value-main-stock .stock-list-icon {
    margin-bottom: 0;
    margin-right: 1rem;
    padding-left: 0;
    text-align: center;
   }
    .value-main-stock .stock-list-icon:last-child {
      margin-right: 0; }
    .value-main-stock .stock-list-icon .icons-up-img {
      width: 1.9rem;
      height: 1.9rem;
      border-radius: 50%;
      margin-bottom: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .value-main-stock .stock-list-icon .list-icons-content {
      font-size: 1.6rem;
      font-weight: 500;
      color: #111; }

.card-error {
  width: 100%;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
  background: #fff;
  margin-bottom: 2rem; }
  .card-error .close-btn {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    top: 1rem;
    right: 1rem; }
    .card-error .close-btn:hover .fas {
      color: #0EB2B3; }
    .card-error .close-btn .fas {
      color: #F9A504;
      font-size: 1.8rem; }
  .card-error .error-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .card-error .error-main .img-error {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 2rem; }
      .card-error .error-main .img-error .fas {
        font-size: 4rem;
        margin-right: 1.6rem;
        color: #F41349; }
    .card-error .error-main .message-er {
      font-size: 1.6rem;
      color: #111;
      font-weight: 400;
      margin-bottom: 0; }

.img-barcode {
  width: 19rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.location-bar {
  font-size: 2rem;
  color: #000;
  font-weight: 500;
  margin-bottom: 0; }

.assign-quantity-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .assign-quantity-flex .loction-link {
    width: 12rem;
    min-width: 12rem;
    margin-left: 1.6rem; }

.assign-quantity-field {
  width: 180px; }
  @media (max-width: 767px) {
    .assign-quantity-field {
      width: 20rem; } }
  .assign-quantity-field .input-group {
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    background: #eee; }
    .assign-quantity-field .input-group .form-control {
      margin-bottom: 0;
      height: 4rem;
      padding: .5rem 1.6rem;
      border: none;
      background: transparent;
      border-radius: 0rem;
      font-size: 1.4rem;
      font-weight: 400;
      color: #111; }
      .assign-quantity-field .input-group .form-control::-webkit-input-placeholder {
        color: #999999; }
      .assign-quantity-field .input-group .form-control:-ms-input-placeholder {
        color: #999999; }
      .assign-quantity-field .input-group .form-control::-ms-input-placeholder {
        color: #999999; }
      .assign-quantity-field .input-group .form-control::placeholder {
        color: #999999; }
      .assign-quantity-field .input-group .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none; }
    .assign-quantity-field .input-group .input-group-append .input-group-text {
      width: 7.1rem;
      height: 4rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1rem;
      font-size: 1.4rem;
      color: #fff;
      font-weight: 400;
      border-radius: 1rem;
      background: #111;
      border: none; }
      .assign-quantity-field .input-group .input-group-append .input-group-text:hover {
        -webkit-transition: ease-in-out;
        -o-transition: ease-in-out;
        transition: ease-in-out;
        background: #F9A504; }
      .assign-quantity-field .input-group .input-group-append .input-group-text:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none; }

.item-quantity-box {
  min-width: 5.1rem;
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0EB2B3;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  cursor: pointer; }

.yellow-link {
  font-size: 1.4rem;
  color: #F9A504;
  font-weight: 400;
  display: inline-block;
 }
  .yellow-link:hover {
    color: #0EB2B3; }

.delete-panding {
  font-size: 1.4rem;
  color: #F41349;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  white-space: nowrap; }
  .delete-panding i {
    margin-right: 4px; }
  .delete-panding:hover {
    color: #0EB2B3; }

.order-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem;
  flex-wrap: wrap;
 }
 .order-tabs .tab-main.edit-tab{
  width: auto;
 }
  @media (max-width: 1199px) {
    .order-tabs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }

      .order-tabs .tab-main.edit-tab{
        width: 100%;
       }
     }
  .order-tabs .right-side-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 1700px) {
      .picking_btn{
        margin-top: 2rem;
      }
      .order-tabs .right-side-btns {
        margin-top: 2rem; } }
    .order-tabs .right-side-btns .modal-btn {
      min-width: 15.5rem;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin: 0 .75rem; }
      @media (max-width: 1700px) {
        .order-tabs .right-side-btns .modal-btn {
          margin: 0 1.5rem 0 0rem; } }

.card-order {
  width: 100%;
  min-height: 18rem;
  border-radius: 1rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 2rem; }
  .card-order:hover {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    background: #0EB2B3; }
    .card-order:hover .order-card-heading {
      color: #fff; }
    .card-order:hover .value-order {
      color: #fff; }
  .card-order.active {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    background: #0EB2B3; }
    .card-order.active .order-card-heading {
      color: #fff; }
    .card-order.active .value-order {
      color: #fff; }
  .card-order .order-card-heading {
    font-size: 2rem;
    font-weight: 600;
    color: #111;
    margin-bottom: .3rem; }
  .card-order .value-order {
    font-size: 3.5rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 0; }

.bg-filter-box {
  width: 100%;
  padding: 1.6rem !important;
  background: #E1E1E1;
  border-radius: 1rem !important;
  margin-bottom: 2rem;
  display: none; }
  .bg-filter-box .flex-input-filter {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .bg-filter-box .flex-input-filter .input-style-ctm {
      min-width: 22rem;
      margin-right: 1.6rem; }
      .bg-filter-box .flex-input-filter .input-style-ctm:last-child {
        margin-right: 0; }
      .bg-filter-box .flex-input-filter .input-style-ctm .drop-bottom .custom-btn::after {
        border-top: 0.4rem solid #111; }
        @media (max-width: 768px) {
          .bg-filter-box .flex-input-filter .input-style-ctm .drop-bottom .custom-btn::after {
            top: 58%;
            border-top: 0.6rem solid #111;
            border-right: 0.6rem solid transparent;
            border-bottom: 0;
            border-left: 0.6rem solid transparent; } }
        @media (max-width: 375px) {
          .bg-filter-box .flex-input-filter .input-style-ctm .drop-bottom .custom-btn::after {
            top: 56%; } }

.start-picking-box {
  width: 100%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 1.6rem 2rem 2rem;
  border-radius: 1rem;
  margin-bottom: 2rem; }
  .start-picking-box .order-pick-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem; }
    .pick-order-number {
      font-size: 2rem;
      font-weight: 600;
      color: #111;
      margin-bottom: 0; }
    .pick-order-item {
      font-size: 2rem;
      font-weight: 600;
      color: #111;
      margin-bottom: 0; }

.product-pick-deatil {
  margin-bottom: 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .product-pick-deatil {
      width: 45%; } }
  @media (max-width: 425px) {
    .product-pick-deatil {
      width: 100%; } }
  .product-pick-deatil .pick-1 {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 0;
    margin-right: 3rem; }
  .product-pick-deatil .pick-2 {
    font-size: 1.6rem;
    font-weight: 400;
    color: #0EB2B3;
    margin-bottom: 0; }
    .product-pick-deatil .pick-2.red-pick {
      color: #F41349; }
  .product-pick-deatil.mb-ctm-1 {
    margin-bottom: 1rem; }

@media (max-width: 575px) {
  .pickin-btns {
    margin-bottom: 1.6rem; } }

.pickin-btns .modal-btn {
  margin-right: 1rem; }
  .pickin-btns .modal-btn:last-child {
    margin-right: 0; }

.unpick-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.inline-input-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .inline-input-order .width-flex-oder {
    width: 50%;
    min-width: 50%;
    padding-right: 1.6rem; }
    .inline-input-order .width-flex-oder:last-child {
      padding-right: 0rem;
      padding-left: 1.6rem; }

.error-alert-message .alert-dismissible .btn-close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0%;
  right: 1.6rem;
  margin-top: 2px; }

.error-alert-message .alert-danger {
  background: rgba(243, 0, 0, 0.6);
  border: none;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.6rem;
  padding: 1.25rem 4rem 1.25rem 1.25rem; }
  .error-alert-message .alert-danger .fas {
    font-size: 2.5rem;
    padding-right: 2rem; }

.error-alert-message .alert-dismissible .close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.assign-picker-card {
  width: 100%;
  padding: 1.6rem;
  border-radius: 1rem !important;
  margin-bottom: 2rem;
  background: #fff; }
  .assign-picker-card .modal-btn {
    width: 15rem;
    min-width: 15rem; }
  .assign-picker-card .input-style-ctm .ctm-input {
    font-size: 1.6rem; }
    .assign-picker-card .input-style-ctm .ctm-input::-webkit-input-placeholder {
      color: #000; }
    .assign-picker-card .input-style-ctm .ctm-input:-ms-input-placeholder {
      color: #000; }
    .assign-picker-card .input-style-ctm .ctm-input::-ms-input-placeholder {
      color: #000; }
    .assign-picker-card .input-style-ctm .ctm-input::placeholder {
      color: #000; }
  .assign-picker-card .search-drop-downs .name-product-drop {
    width: 100%;
    margin-bottom: 2rem; }
  .assign-picker-card .search-drop-downs .name-product-drop::after {
    border-top: 0.4em solid #111; }
  .assign-picker-card .search-drop-downs .name-product-drop .choices__inner {
    border: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .assign-picker-card .choices__list--multiple .choices__item {
    background: #D9D4D4 !important;
    border-color: #D9D4D4 !important;
    font-size: 1.4rem;
    color: #999;
    border-radius: 5px; }
  .assign-picker-card .choices[data-type*=select-multiple] .choices__button, .assign-picker-card .choices[data-type*=text] .choices__button {
    border-left: 0; }

.shopify-img {
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #eee;
  border-radius: 50%; }

.woo-commerce-img {
  width: 6rem;
  height: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.gram-color {
  font-size: 1.4rem;
  color: #999;
  font-weight: 400;
  padding-left: 0px !important;
  padding-right: 0 !important; }

.filter-action.align-ment-drop .filter-product-drop .dropdown-menu.show {
  width: auto;
  left: auto !important;
  right: 0 !important; }

.rows-per.row-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.table-product.ty-auto {
  overflow-y: auto;
  max-height: 45rem; }

@media (max-width: 575px) {
  .mobile-sett-pick-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media (max-width: 425px) {
  .mobile-sett-pick-btns .modal-btn {
    width: 14rem;
    min-width: 14rem; } }

.report-sett.bg-filter-box .flex-input-filter .input-style-ctm {
  width: 33.5rem;
  margin-bottom: 0; }
  @media (max-width: 425px) {
    .report-sett.bg-filter-box .flex-input-filter .input-style-ctm {
      width: 47%; } }

.bg-filter-box {
  position: relative; }

.name-pro {
  text-align: center; }
  .name-pro .name-text-pro {
    font-size: 2.5rem;
    font-weight: 600;
    color: #000;
    margin: 1rem 0; }


.upload-images-main .upload-images-card.profile-setting {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.profile-setting .profile-list-info {
  margin-bottom: .5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
 }
  .profile-setting .profile-list-info:last-child {
    margin-bottom: 0; }
  .profile-setting .profile-list-info .list-info-pro {
    font-size: 2rem;
    font-weight: 500;
    color: #000;
    margin: 0rem 0 0rem; }
  .profile-setting .profile-list-info .list-info-pro-value {
    font-size: 2rem;
    font-weight: 500;
    color: #999;
    margin: 0rem 0 0rem; }
    .profile-setting .profile-list-info .list-info-pro-value.primary-color {
      color: #0EB2B3;
        width: 48%;
        font-size: 1.4rem;
        font-weight: 600;
    }
li.list-info-pro-value.primary-color span {
    background: #0EB2B3;
    border-radius: 5px;
    margin: 3px;
    color: #fff;
    justify-content: center;
    display: flex;
    width: 100%;
}
    .profile-setting .profile-list-info .list-info-pro-value.yellow-color {
      color: #F9A504; }

.label-switch {
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  margin-bottom: 0.8rem; }
  .label-switch span {
    font-size: 1.4rem;
    line-height: 2rem;
    position: relative;
    top: 1px;
    padding: 0 .5rem; }

.upload-images-card.profile-setting .qust-filed .form-control {
  width: 25rem;
  height: 25rem; }

.upload-images-card.profile-setting .qust-filed .form-control .btn-tertiary.bg-upload-img {
  background: url(../images/profile-edit-img.jpg) no-repeat center; }

.upload-images-card.profile-setting .qust-filed .form-control .btn-tertiary .img-uploader-yellow {
  right: 1.6rem; }

.custom-box.margin-sett-active-switch {
  margin-top: 3rem; }
  @media (max-width: 768px) {
    .custom-box.margin-sett-active-switch {
      margin-top: 0; } }

@media (max-width: 991px) {
  .mobile-margin-small {
    margin-bottom: 2rem; } }

@media (max-width: 767px) {
  .mobile-margin-bottom {
    margin-bottom: 1.6rem; } }

.switch {
  position: relative;
  display: inline-block;
  width: 4.0rem;
  height: 1.8rem;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .switch {
      width: 3.9rem; } }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  top: .3rem;
  left: .2rem;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #0EB2B3; }

input:checked + .slider:before {
  -webkit-transform: translateX(2.2rem);
  -ms-transform: translateX(2.2rem);
  transform: translateX(2.2rem);
  background: #fff;
  border: 1px solid #fff; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.rtl .switch {
  margin-left: 1rem; }

.input-style-ctm.heighht-sett .ctm-textarea {
  height: 10rem; }

.app-permission {
  font-size: 2rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 2rem;
  margin-top: 2rem; }

@media (max-width: 1290px) {
  .permission-checks-all {
    margin-bottom: 1.6rem; } }

.permission-checks-all .check-all {
  margin-top: 0; }

.permission-checks-all .check-all .custom-check {
  font-size: 16px;
  padding-left: 25px; }
  @media (max-width: 575px) {
    .permission-checks-all .check-all .custom-check {
      font-size: 14px; } }

.permission-checks-all .check-all .custom-check .checkmark {
  height: 20px;
  width: 20px;
  top: 3px; }
  @media (max-width: 575px) {
    .permission-checks-all .check-all .custom-check .checkmark {
      width: 16px;
      height: 16px;
      top: 3px; } }

.permission-checks-all .check-all .custom-check .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 13px; }
  @media (max-width: 575px) {
    .permission-checks-all .check-all .custom-check .checkmark:after {
      left: 5px;
      top: 1px;
      width: 5px;
      height: 9px; } }

.main-permission-cards .permission-card {
  width: 100%;
  padding: 1rem 1.6rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6rem; }
  .main-permission-cards .permission-card:last-child {
    margin-bottom: 0; }

.permisson-user .check-all {
  margin-top: 0; }

.permisson-user .check-all .custom-check {
  font-size: 16px;
  padding-left: 25px; }
  @media (max-width: 575px) {
    .permisson-user .check-all .custom-check {
      padding-left: 21px;
      font-size: 14px; } }

.permisson-user .check-all .custom-check .checkmark {
  height: 19px;
  width: 19px;
  top: 4px; }
  @media (max-width: 575px) {
    .permisson-user .check-all .custom-check .checkmark {
      height: 15px;
      width: 15px;
      top: 4px; } }

.permisson-user .check-all .custom-check .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 13px; }
  @media (max-width: 575px) {
    .permisson-user .check-all .custom-check .checkmark:after {
      left: 5px;
      top: 1px;
      width: 5px;
      height: 9px; } }

.flex-permission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.plus-ion .fas {
  font-size: 1.4rem;
  color: #F9A504; }

.flex-checks-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1.6rem;
  width: 100%;
  overflow-x: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  @media (max-width: 1199px) {
    .flex-checks-inline {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  .flex-checks-inline::-webkit-scrollbar {
    width: .5rem;
    height: .5rem; }
  .flex-checks-inline::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .flex-checks-inline::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px; }
  .flex-checks-inline::-webkit-scrollbar-thumb:hover {
    background: #999; }
  .flex-checks-inline .permisson-user {
    margin-right: 2rem; }
    .flex-checks-inline .permisson-user:last-child {
      margin-right: 0; }
    .flex-checks-inline .permisson-user .custom-check.active {
      color: #0EB2B3; }
    .flex-checks-inline .permisson-user .custom-check {

      font-size: 16px;
      padding-left: 25px; }
      @media (max-width: 575px) {
        .flex-checks-inline .permisson-user .custom-check {
          font-size: 14px; } }

#content-box-1 {
  display: none; }

#content-box-2 {
  display: none; }

#content-box-3 {
  display: none; }

#content-box-4 {
  display: none; }

#content-box-5 {
  display: none; }

.permission-sett-responsive .flex-enteries-repo {
  margin-right: 1.6rem; }

.new-store-icon {
  margin-bottom: 1.6rem;
}

  .new-store-icon .upload-images-heading {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 0.8rem; }
    .new-store-icon .upload-images-heading span {
      font-size: 1.4rem;
      line-height: 2rem;
      position: relative;
      top: 1px;
      padding: 0 .5rem; }

.mb-16-sett {
  margin-bottom: 1.6rem; }

.company-setting {
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 1.5rem; }

.regional-margin {
  margin-top: 2rem; }

.input-style-ctm.bg-color-white .ctm-input {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important; }

.checks-enhancement .flex-checks-inline {
  overflow-x: unset;
  display: inline-block;
  margin-top: 0; }

.checks-enhancement .flex-checks-inline .permisson-user {
  margin-bottom: 1.6rem; }
  @media (max-width: 390px) {
    .checks-enhancement .flex-checks-inline .permisson-user .custom-check {
      font-size: 10px; } }
  .checks-enhancement .flex-checks-inline .permisson-user .custom-check .checkmark {
    top: 3px; }

.change-loc-heading {
  font-size: 3rem;
  font-weight: 700;
  color: #111;
  margin: 2rem 0; }

.custom-drop-show {
  width: 100%;
  border-radius: 1rem;
  margin-bottom: 2rem; }
  .custom-drop-show .permisson-user {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 5rem 2px 1.6rem; }
    .custom-drop-show .permisson-user .check-all .custom-check {
      font-size: 14px; }
      @media (max-width: 575px) {
        .custom-drop-show .permisson-user .check-all .custom-check {
          font-size: 12px; } }
      .custom-drop-show .permisson-user .check-all .custom-check .checkmark {
        top: 2px; }
  .custom-drop-show .input-style {
    width: 100%; }
  .custom-drop-show .type-pass .dropdown-content {
    display: none;
    position: relative;
    background-color: #fff;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 160px;
    width: 100%;
    overflow: auto;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    max-height: 30rem;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .custom-drop-show .type-pass .dropdown-content::-webkit-scrollbar {
      width: 5px;
      height: 5px; }
    .custom-drop-show .type-pass .dropdown-content::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .custom-drop-show .type-pass .dropdown-content::-webkit-scrollbar-thumb {
      background: #0EB2B3;
      border-radius: 10px; }
    .custom-drop-show .type-pass .dropdown-content::-webkit-scrollbar-thumb:hover {
      background: #555; }
    .custom-drop-show .type-pass .dropdown-content.show {
      display: block;
      margin-top: 1rem; }
  .custom-drop-show .input-style .type-pass .check-dropdown {
    height: 5rem;
    color: #999;
    width: 100%;
    position: relative;
    z-index: 999;
    background: transparent;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    .custom-drop-show .input-style .type-pass .check-dropdown::after {
      position: absolute;
      display: block;
      content: '';
      top: 50%;
      right: 2rem;
      margin-top: 0px;
      border-top: 0.4rem solid #111;
      border-right: 0.4rem solid transparent;
      border-bottom: 0;
      border-left: 0.4rem solid transparent;
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      z-index: -1; }
      @media (max-width: 575px) {
        .custom-drop-show .input-style .type-pass .check-dropdown::after {
          border-top: 0.6rem solid #111;
          border-right: 0.6rem solid transparent;
          border-bottom: 0;
          border-left: 0.6rem solid transparent; } }
  .custom-drop-show .input-style .type-pass .icon-eye {
    height: 5rem; }

.inner-drop-down .inner-second {
  border-top: 1px solid #111;
  display: none; }
  .inner-drop-down .inner-second.show-checks {
    display: block; }
  .inner-drop-down .inner-second .permisson-user.inner-sett-checks {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.6rem 1rem 4.8rem; }
    .inner-drop-down .inner-second .permisson-user.inner-sett-checks .check-all .custom-check {
      font-size: 14px; }
      @media (max-width: 575px) {
        .inner-drop-down .inner-second .permisson-user.inner-sett-checks .check-all .custom-check {
          font-size: 12px; } }
      .inner-drop-down .inner-second .permisson-user.inner-sett-checks .check-all .custom-check .checkmark {
        top: 2px; }

.inner-drop-down .third-inner {
  display: none; }
  .inner-drop-down .third-inner.show-checks3 {
    display: block; }
  .inner-drop-down .third-inner .permisson-user.inner-sett-checks3 {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.6rem 1rem 6.4rem; }
    .inner-drop-down .third-inner .permisson-user.inner-sett-checks3 .check-all .custom-check {
      font-size: 14px; }
      @media (max-width: 575px) {
        .inner-drop-down .third-inner .permisson-user.inner-sett-checks3 .check-all .custom-check {
          font-size: 12px; } }
      .inner-drop-down .third-inner .permisson-user.inner-sett-checks3 .check-all .custom-check .checkmark {
        top: 2px; }

.inner-drop-down .permisson-user.inner-sett-checks {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem 1.6rem 1.6rem 3.2rem;
  position: relative; }
  .inner-drop-down .permisson-user.inner-sett-checks::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 2rem;
    margin-top: 0px;
    border-top: 0.4rem solid #111;
    border-right: 0.4rem solid transparent;
    border-bottom: 0;
    border-left: 0.4rem solid transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -1; }
    @media (max-width: 575px) {
      .inner-drop-down .permisson-user.inner-sett-checks::after {
        border-top: 0.6rem solid #111;
        border-right: 0.6rem solid transparent;
        border-bottom: 0;
        border-left: 0.6rem solid transparent; } }
  .inner-drop-down .permisson-user.inner-sett-checks .check-all .custom-check {
    font-size: 14px; }
    @media (max-width: 575px) {
      .inner-drop-down .permisson-user.inner-sett-checks .check-all .custom-check {
        font-size: 12px; } }
    .inner-drop-down .permisson-user.inner-sett-checks .check-all .custom-check .checkmark {
      top: 2px; }

.flex-all-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 1.6rem;
  border-top: 1px solid #000; }

.select-link {
  font-size: 1.6rem;
  font-weight: 400;
  color: #0EB2B3;
  display: inline-block; }
  .select-link:hover {
    color: #F9A504;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }

.clear-link {
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
  display: inline-block; }
  .clear-link:hover {
    color: #0EB2B3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }

.activity .remove-drop .dropdown-menu .dropdown-item:hover .inner-list-loc {
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s; }

.activity .remove-drop .dropdown-menu .dropdown-item:hover .inner-list-loc-value {
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s; }

.activity .remove-drop .dropdown-menu .dropdown-item .inner-list-loc {
  font-size: 1.4rem;
  color: #111;
  font-weight: 400; }
  .activity .remove-drop .dropdown-menu .dropdown-item .inner-list-loc:last-child {
    margin-left: 3rem; }

.activity .remove-drop .dropdown-menu .dropdown-item .inner-list-loc-value {
  font-size: 1.4rem;
  color: #999;
  font-weight: 400; }
  .activity .remove-drop .dropdown-menu .dropdown-item .inner-list-loc-value:last-child {
    margin-left: 3rem; }

.img-logo-sign {
  padding: 3rem 2rem; }

.log-sign {
  width: 24rem;
  height: 7.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1rem; }
  .log-sign .log-ancher-sign {
    display: inline-block; }

.sign-in-main {
  padding: 3rem 2rem; }

.flex-sign-in-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .flex-sign-in-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.left-slider-img-box {
  width: 50%;
  min-width: 50%; }
  @media (max-width: 1199px) {
    .left-slider-img-box {
      width: 50%;
      min-width: 50%; } }
  @media (max-width: 767px) {
    .left-slider-img-box {
      width: 100%;
      min-width: 100%;
      margin-bottom: 10rem; } }
  .left-slider-img-box .carousel-item .img-items-sign {
    width: 100%;
    height: 51.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 768px) {
      .left-slider-img-box .carousel-item .img-items-sign {
        width: 35rem;
        height: 35rem;
        margin: 0 auto; } }
    .left-slider-img-box .carousel-item .img-items-sign img {
      height: 100%; }
      @media (max-width: 1290px) {
        .left-slider-img-box .carousel-item .img-items-sign img {
          -o-object-fit: cover;
          object-fit: cover; } }
      @media (max-width: 768px) {
        .left-slider-img-box .carousel-item .img-items-sign img {
          -o-object-fit: contain;
          object-fit: contain; } }
    @media (max-width: 767px) {
      .left-slider-img-box .carousel-item .img-items-sign {
        width: 40rem;
        height: 40rem;
        margin: 0 auto; } }

.right-sign-content {
  width: 50%;
  min-width: 50%;
  min-height: 51.8rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 1370px) {
    .right-sign-content {
      min-height: unset; } }
  @media (max-width: 1199px) {
    .right-sign-content {
      width: 50%;
      min-width: 50%; } }
  @media (max-width: 767px) {
    .right-sign-content {
      margin-top: 0rem;
      width: 100%;
      min-width: 100%; } }

.left-slider-img-box .carousel {
  width: 98%; }
  @media (max-width: 767px) {
    .left-slider-img-box .carousel {
      width: 100%; } }

.left-slider-img-box .carousel-indicators {
  bottom: -6rem; }
  @media (max-width: 767px) {
    .left-slider-img-box .carousel-indicators {
      bottom: -8rem; } }

.left-slider-img-box .carousel-indicators li {
  background: rgba(14, 178, 179, 0.7);
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  width: 60px;
  height: 5px;
  border-radius: 10px; }

.left-slider-img-box .carousel-indicators li.active {
  opacity: 1;
  background: #0EB2B3; }

.inner-field-sett {
  padding-left: 3.5rem; }
  @media (max-width: 1370px) {
    .inner-field-sett {
      padding-left: 0; } }

.heading-sign {
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  margin-bottom: .5rem; }

.sign-para {
  font-size: 2rem;
  font-weight: 400;
  color: #999;
  margin-bottom: 1rem; }
  .sign-para strong {
    color: #111; }

.sign-para-yellow {
  font-size: 2rem;
  font-weight: 400;
  color: #F9A504;
  margin-bottom: 1rem; }

.flex-inline-remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem; }

.sign-in-check .permisson-user .check-all .custom-check .checkmark {
  height: 20px;
  width: 20px;
  top: 3px; }
  @media (max-width: 575px) {
    .sign-in-check .permisson-user .check-all .custom-check .checkmark {
      width: 15px;
      height: 15px;
      top: 4px; } }

.link-forgot {
  font-size: 1.6rem;
  font-weight: 600;
  color: #F9A504;
  margin-bottom: 0;
  display: inline-block;
  text-decoration: underline; }
  .link-forgot:hover {
    color: #0eb2b3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }

.have-account {
  position: absolute;
  bottom: -6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2.5rem;
  color: #111;
  font-weight: 400;
  margin-bottom: 2rem;
  white-space: nowrap; }
  .have-account .sign-up {
    color: #0eb2b3; }
    .have-account .sign-up:hover {
      color: #f9a504;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s; }

.back-login-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .back-login-main .back-to {
    font-size: 2rem;
    color: #111;
    font-weight: 500;
    margin-bottom: 0; }
  .back-login-main:hover .back-button-box {
    background: #0eb2b3;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s; }
    .back-login-main:hover .back-button-box svg path {
      fill: #fff; }
  .back-login-main .back-button-box {
    width: 5rem;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin-right: 1.6rem; }
    .back-login-main .back-button-box svg {
      width: 1.7rem !important;
      height: 1.7rem !important; }

.header-main-sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .header-main-sign {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .header-main-sign .left-header-sign {
    width: 50%;
    min-width: 50%; }
    @media (max-width: 1199px) {
      .header-main-sign .left-header-sign {
        width: 50%;
        min-width: 50%; } }
    @media (max-width: 767px) {
      .header-main-sign .left-header-sign {
        width: 100%;
        min-width: 100%; } }
  .header-main-sign .right-header-sign {
    width: 50%;
    min-width: 50%;
    padding-left: 3.5rem; }
    @media (max-width: 1370px) {
      .header-main-sign .right-header-sign {
        padding-left: 0; } }
    @media (max-width: 1199px) {
      .header-main-sign .right-header-sign {
        width: 50%;
        min-width: 50%; } }
    @media (max-width: 767px) {
      .header-main-sign .right-header-sign {
        width: 100%;
        min-width: 100%; } }

.width-setting .input-style-ctm {
  width: 50%; }
  @media (max-width: 1199px) {
    .width-setting .input-style-ctm {
      width: 100%; } }

.width-setting .flex-inline-remember {
  width: 50%; }
  @media (max-width: 1199px) {
    .width-setting .flex-inline-remember {
      width: 100%; } }

.inner-field-sett-2 {
  width: 100%; }

.width-setting.flex-inline-signup-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0; }
  @media (max-width: 1199px) {
    .width-setting.flex-inline-signup-field {
      padding-right: 15px; } }
  .width-setting.flex-inline-signup-field .input-style-ctm:first-child {
    margin-right: .8rem; }
  .width-setting.flex-inline-signup-field .input-style-ctm:last-child {
    margin-left: .8rem; }

.have-account-pl {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  left: 3.5rem; }
  @media (max-width: 1370px) {
    .have-account-pl {
      left: 0; } }

.back-to-btn {
  color: #f9a504;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0;
  text-decoration: underline;
  padding: 0 1.6rem; }
  .back-to-btn:hover {
    color: #0eb2b3;
    text-decoration: none; }

@media (max-width: 1199px) {
  .width-parent-sett {
    width: 100%;
    min-width: 100%; } }

@media (max-width: 575px) {
  .w-50.mobile-width-password {
    width: 100% !important; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1170px !important; } }

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eee;
  z-index: 99; }

#status {
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center; }
  #status .img-loader {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.table-product.table-responsive.padds-added {
  padding-bottom: 3rem; }


  .input-style-ctm>div.mb-3{
    margin-bottom: 0 !important;
}

input.ctm-input:focus{
    border-color: #80bdff !important;

    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}

.card.card-email-verify{
    width: 100%;
    border: none;
}

.btn-reset.w-auto{
    padding: 1rem 2rem;

}
.btn-reset.w-auto:hover{
    background: rgba(14, 178, 179, 0.8);
}

.btn-update-red {
    height: 5rem;
    border-radius: 1rem;
    background: #F41349;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: capitalize;
    outline: none;
    border: none;
    width: 15rem;
    min-width: 15rem;
    color: #fff;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0rem; }
    .btn-update-red:hover {
      background: #F9A504;
      -webkit-transition: ease-in-out .4s;
      -o-transition: ease-in-out .4s;
      transition: ease-in-out .4s;
      color: #fff; }






      /* #email-error{
        font-size: 12PX !important;
      }
      #password-error{
        font-size: 12PX !important;
      } */
      .font-adjusst{
        font-size: 12px !important;
      }

      .btn-close-alert{
        padding: 0;
        width: 2rem;
        background: transparent;
        height: 2rem;
        color: #000;
        border: none;
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 900;

      }

      .text-color-sett{
        font-size: 1.4rem;
        font-weight: 400;
      }

      .card-validation-errors{
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        border: none;
      }
      .card-validation-errors .card-header{
        font-size: 1.4rem;
        font-weight: 400;
        padding: .75rem 1.25rem !important;
      }
      .card-validation-errors> .card-body{

        padding: 1rem;
      }
      .card-validation-errors> .card-body .list-group{
        margin-left: 20px;
      }
      .card-validation-errors> .card-body .list-group li{
        font-size: 1.4rem;
        font-weight: 400;
        list-style-type: disc;

      }






      .width-setting .alert-danger{
        width: 50%; }
        @media (max-width: 1199px) {
          .width-setting .alert-danger {
            width: 100%; } }

            .width-setting .card-validation-errors{
                width: 50%; }
                @media (max-width: 1199px) {
                  .width-setting .card-validation-errors {
                    width: 100%; } }

                    .width-setting .card-validation-errors .alert-danger{
                        width: unset;
                    }


                     .plus-icon ,.fa.fa-plus.position-absolute {
                      font-size: 1.6rem !important;
                      right: 2.8rem !important;
                      margin-right: 0 !important;
                      margin-bottom: 0.8rem !important;
                  }

                   .col-form-label{
                      font-size: 1.6rem !important;
                      font-weight: 400 !important;
                      color: #111 !important;
                      padding: 0 !important;
                      margin-bottom: 0.8rem !important;
                  }


                   .dselect-wrapper .form-select{
                    text-align: left;
                    border: none;
                    background: transparent;
                    width: 100%;
                    display: block;
                    padding: 5px 1.6rem !important;
                    font-size: 1.4rem;
                    font-weight: 400 !important;
                    overflow: hidden;
                    min-height: 5rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    color: #111;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    border-radius: 1rem;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                  }
                   .dropdown.dselect-wrapper{
                    min-height: 5rem;
                    background-color: #eee;
                    border-radius: 1rem;
                    position: relative;
                    /* z-index: 9; */
                    border: none;
                  }
                   .dropdown.dselect-wrapper::after {
                    display: inline-block;
                    content: '';
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 1.6rem;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    margin-left: 0;
                    border-top: 0.4rem solid #999999;
                    border-right: 0.4rem solid transparent;
                    border-bottom: 0;
                    border-left: 0.4rem solid transparent;
                    /* z-index: -1; */
                    /* z-index: 0; */
                   }
      @media (max-width: 768px) {
         .dropdown.dselect-wrapper::after {
          border-top: 0.6rem solid #999999;
          border-right: 0.6rem solid transparent;
          border-bottom: 0;
          border-left: 0.6rem solid transparent;
          top: 56%; } }
      @media (max-width: 767px) {
         .dropdown.dselect-wrapper::after {
          top: 55%; } }



           .dselect-wrapper .dselect-placeholder{
            font-size: 1.4rem;
            font-weight: 400 !important;
            color: #111;
          }

           .dselect-wrapper .dropdown-menu{
            border: none !important;
            border-radius: 1rem !important;
            width: 100%;
            overflow: hidden;
            -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

            /* padding: 0; */
            padding-top: 1rem;
          }
           .dselect-wrapper .form-control{
            font-size: 1.4rem !important;
            color: #111;
            font-weight: 500;

          }
           .dselect-wrapper .form-control::placeholder{

            color: #999;
            font-weight: 400;

          }

           .dselect-wrapper .dropdown-item, .dselect-wrapper .dropdown-header{
            color: #999;
            font-weight: normal;
            font-size: 1.4rem;
            font-weight: 400;
            padding: 1rem;
            padding-left: 1rem;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
            margin-bottom: 0;
          }

           .dselect-wrapper .dropdown-item:hover, .dselect-wrapper .dropdown-header:hover{
            background: #0EB2B3;
            width: 100%;
            cursor: pointer;
            color: #fff;
          }






           .dselect-items::-webkit-scrollbar {
            width: .5rem;
            height: .5rem;
             }
           .dselect-items::-webkit-scrollbar-track {
            background: #f1f1f1; }
           .dselect-items::-webkit-scrollbar-thumb {
            background: #0EB2B3;
            border-radius: 10px; }
           .dselect-items::-webkit-scrollbar-thumb:hover {
            background: #0EB2B3; }


             .dselect-no-results{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
            }

            .form-text.text-muted{
              font-size: 1.2rem !important;
            }

            .dselect-wrapper .dselect-tag{
              background: #0EB2B3 !important;
              color: #fff !important;
              height: 3rem !important;
              padding: 2px 2rem 2px 2rem!important;
              display: flex;
              align-items: center;
              justify-content: center;
              line-height: 0 !important;
              font-size: 1.4rem;
              border-radius: 20px !important;
            }
            .dselect-wrapper .dselect-tag-remove{
              color: #fff;
            }
            .dselect-wrapper .dselect-tag-remove:hover{
              color: #999;
            }




            /* Product page css */


            /* card main */
            .card-body-table.card-body{
                width: 100%;
                -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
                background: #fff;
                padding: 1.6rem 2rem 2rem;
                border-radius: 1rem;
                border: none;
            }

            /* .card-body-table.card-body .form-control[aria-controls="dt_table"]{

            } */
            /* search css */
             div.dataTables_wrapper div.dataTables_filter input{
              width: 40rem;
              height: 4rem;
              color: #999999;
              padding: 0.5rem 1.6rem;
              border: none;
              background: transparent;
              border-radius: 1rem;
              font-size: 1.4rem;
              font-weight: 400;

              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
              border-radius: 1rem;
              margin-left: 1.6rem;
            }
            @media (max-width: 768px) {
              div.dataTables_wrapper div.dataTables_filter input{
                width: 30rem;
              }
            }
            div.dataTables_wrapper div.dataTables_filter label{
              font-size: 1.4rem;
              color: #fff;
              font-weight: 500;
            }

            /* default Seacrch css */
            div.dataTables_wrapper div.dataTables_filter input{
              width: 37rem !important;
              height: 4rem;
              color: #999999;
              padding: 0.5rem 11.6rem 0.5rem 1.6rem;
              border: none;
              background: transparent;
              border-radius: 1rem;
              font-size: 1.4rem;
              font-weight: 400;

              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
              border-radius: 1rem;
              margin-left: 1.6rem;

            }

            div.dataTables_wrapper div.dataTables_filter label{
              font-size: 1.4rem;
              color: #fff;
              font-weight: 500;
            }

            /* column dropdown */
            .card-body-table.card-body .btn-offwhite.hideTableColumns{
              width: 11rem;
              border-radius: 1rem;
              background: none !important;

              text-align: left;
              text-transform: capitalize;
              padding: 0rem 1.6rem !important;
              font-size: 1.4rem;
              color: #111;
              line-height: unset !important;
              font-weight: 400;
              margin: 0;
              height: 4rem;
              border: 1px solid #111;
              cursor: pointer;
            }
            .card-body-table.card-body .btn-offwhite.hideTableColumns:active{
              border: 2px solid #0eb2b3 !important;

            }
            .card-body-table.card-body .btn-offwhite::after{
              display: inline-block;
              position: absolute;
              right: 1rem !important;
              content: '';
              font-weight: normal;
              font-style: normal;
              margin: 0;
              text-decoration: none;
              top: 50%;
              border-top: 0.5rem solid #111;
              border-right: 0.5rem solid transparent;
              border-bottom: 0;
              border-left: 0.5rem solid transparent;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);

            }

            .card-body-table.card-body div.dt-button-collection div.dropdown-menu{
              overflow: hidden;
              border: none;
              margin-top: 0rem;

              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              padding: 0;
              min-width: 11rem;
            }
            .card-body-table.card-body div.dt-button-collection div.dropdown-menu .dropdown-item{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
              padding: 1rem 1.6rem;
            }
            .card-body-table.card-body div.dt-button-collection div.dropdown-menu .dropdown-item:hover{
              color: #fff;
              background: #F9A504;

            }
            .card-body-table.card-body div.dt-button-collection div.dropdown-menu .dropdown-item.active, .dropdown-item:active{
              color: #fff;
              background: #0eb2b3;

            }


            /* default column dropdown */


            .btn-offwhite.hideTableColumns{
              width: 11rem;
              border-radius: 1rem;
              background: none !important;

              text-align: left;
              text-transform: capitalize;
              padding: 0rem 1.6rem !important;
              font-size: 1.4rem;
              color: #111;
              line-height: unset !important;
              font-weight: 400;
              margin: 0;
              height: 4rem;
              border: 1px solid #111;
              cursor: pointer;
            }

            .btn-offwhite.hideTableColumns:active{
              border: 2px solid #0eb2b3 !important;

            }
            .btn-offwhite::after{
              display: inline-block;
              position: absolute;
              right: 1rem !important;
              content: '';
              font-weight: normal;
              font-style: normal;
              margin: 0;
              text-decoration: none;
              top: 50%;
              border-top: 0.5rem solid #111 !important;
              border-right: 0.5rem solid transparent !important;
              border-bottom: 0;
              border-left: 0.5rem solid transparent !important;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);

            }

            div.dt-button-collection div.dropdown-menu{
              overflow: hidden;
              border: none;
              margin-top: 0rem;

              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              padding: 0;
              min-width: 11rem !important;
            }

            div.dt-button-collection div.dropdown-menu .dropdown-item{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
              padding: 1rem 1.6rem;
            }
            div.dt-button-collection div.dropdown-menu .dropdown-item:hover{
              color: #fff;
              background: #F9A504;

            }
            div.dt-button-collection div.dropdown-menu .dropdown-item.active, .dropdown-item:active{
              color: #fff;
              background: #0eb2b3;

            }









            /* filter css */


            .card-body-table.card-body .btn-offwhite{
              width: 11rem;
              border-radius: 1rem;
              background: none !important;

              text-align: left;
              text-transform: capitalize;

              font-size: 1.4rem;
              color: #111;
              line-height: unset !important;
              font-weight: 400;
              margin: 0;
              height: 4rem;
              border: 1px solid #111;
              cursor: pointer;
              padding: 0 !important;
            }

            .card-body-table.card-body .btn-offwhite::after{
              display: inline-block;
              position: absolute;
              right: 1rem !important;
              content: '';
              font-weight: normal;
              font-style: normal;
              margin: 0;
              text-decoration: none;
              top: 50%;
              border-top: 0.5rem solid #111;
              border-right: 0.5rem solid transparent;
              border-bottom: 0;
              border-left: 0.5rem solid transparent;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);

            }
            .card-body-table.card-body .btn-offwhite .no-caret{
              font-size: 1.4rem;
              color: #111;
              line-height: unset !important;
              background: transparent;
              width: 100%;
              height: 100%;
              padding: 0rem 1.6rem !important;
              border: none !important;
            }
            .card-body-table.card-body .btn-offwhite:active{
              border: 2px solid #0eb2b3 !important;

            }


            .card-body-table.card-body .custom-derop-card{
              overflow: hidden;
              border: none;
              margin-top: 0rem;
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              padding: 1.6rem !important;
            }

            .custom-derop-card .dropdown-header{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
            }

            .custom-derop-card .btn-primary{
              height: 4rem;
              background: #0eb2b3;
              border: .5rem;
              padding: 5px 1rem;
              font-size: 1.4rem;
              color: #fff;
              font-weight: 400;
              border: none;
              min-width: 7rem;
            }

            .custom-derop-card .btn-primary:hover{
              background: rgba(14, 178, 179, 0.8);
            }



            /* default filter css */


             .btn-offwhite{
              width: 11rem;
              border-radius: 1rem;
              background: none !important;

              text-align: left;
              text-transform: capitalize;

              font-size: 1.4rem;
              color: #111;
              line-height: unset !important;
              font-weight: 400;
              margin: 0;
              height: 4rem;
              border: 1px solid #111;
              cursor: pointer;
              padding: 0 !important;
            }

            .btn-offwhite::after{
              display: inline-block;
              position: absolute;
              right: 1rem !important;
              content: '';
              font-weight: normal;
              font-style: normal;
              margin: 0;
              text-decoration: none;
              top: 50%;
              border-top: 0.5rem solid #111;
              border-right: 0.5rem solid transparent;
              border-bottom: 0;
              border-left: 0.5rem solid transparent;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);

            }
            .btn-offwhite .no-caret{
              font-size: 1.4rem;
              color: #111;
              line-height: unset !important;
              background: transparent;
              width: 100%;
              height: 100%;
              padding: 0rem 1.6rem !important;
              border: none !important;
            }


            .btn-offwhite:active{
              border: 2px solid #0eb2b3 !important;

            }


           .custom-derop-card{
              overflow: hidden;
              border: none;
              margin-top: 0rem;
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              padding: 1.6rem !important;
            }

            .custom-derop-card .dropdown-header{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
            }

            .custom-derop-card .btn-primary{
              height: 4rem;
              background: #0eb2b3;
              border: .5rem;
              padding: 5px 1rem;
              font-size: 1.4rem;
              color: #fff;
              font-weight: 400;
              border: none;
              min-width: 7rem;
            }

            .custom-derop-card .btn-primary:hover{
              background: rgba(14, 178, 179, 0.8);
            }

            /* dropdown filter inner */

            .vstack .form-label{
              font-size: 1.6rem;
              font-weight: 400;
              color: #111;
              margin-bottom: 0.8rem;
            }

            .vstack .form-select{
              text-align: left;
              border: none;
              background: transparent;
              width: 100%;
              display: block;
              padding: 5px 1.6rem !important;
              font-size: 1.4rem;
              font-weight: 400 !important;
              overflow: hidden;
              min-height: 4rem;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              color: #111;
              -webkit-box-shadow: none;
              box-shadow: none;
              border-radius: 1rem;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              border: 1px solid #111;
            }
            .after-arrow>.mb-2{
              margin-bottom: 0 !important;
            }
            .after-arrow{
              position: relative;
              z-index: 9;
            }
            .after-arrow::after{
              display: inline-block;
              content: '';
              display: block;
              position: absolute;
              top: 50%;
              right: 1.6rem;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              margin-left: 0;
              border-top: 0.4rem solid #000;
              border-right: 0.4rem solid transparent;
              border-bottom: 0;
              border-left: 0.4rem solid transparent;
              z-index: -1;
            }



            .vstack .form-select:focus{
              border-color: #80bdff !important;

              box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
            }

            .form-select:focus{
              border-color: #80bdff !important;

              box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
            }


            /* enteries css */

            .card-body-table div.dataTables_wrapper div.dataTables_length select{
              width: 8rem;
              font-size: 1.4rem;
              color: #111;
              margin: 0rem;
              font-weight: 400;
              height: 4rem;
              border-radius: 1rem;
            }

            .card-body-table .dataTables_length label{
              font-size: 1.4rem;
              color: #111;
              font-weight: 600;
            }



            /* default Enteries css */


            div.dataTables_wrapper div.dataTables_length select{
              width: 7rem !important;
              font-size: 1.4rem;
              color: #111;
              margin: 0 0rem;
              font-weight: 400;
              height: 4rem;
              border-radius: 1rem;
            }

            .dataTables_length label{
              font-size: 1.4rem;
              color: #111;
              font-weight: 600;
            }



            /* table css */

            .table.dataTable thead{
              background: #eee;
            }

            .table.dataTable thead tr th{
              font-size: 1.4rem;
              font-weight: 400;
              color: #111;
              margin-bottom: 0;
              white-space: nowrap;
              vertical-align: middle;
              border: none;
              padding: 1rem;
              border: none !important;
            }
            .table.table-striped.table-bordered.table-sm.dt-responsive.nowrap {
              border: none;
              border: 1rem;
            }
            table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child{
              border: none !important;
              border-bottom-left-radius: 1rem;
              border-top-left-radius: 1rem;
            }
            table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child{
              border: none !important;
              border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
            }

            table.dataTable.table-striped.no-footer tr.odd{
              background-color: #fff !important;
            }
            /* table.dataTable.table-striped.no-footer tr:nth-child(odd){
              background-color: #fff !important;
            } */

            table.dataTable.table-striped > tbody > tr:nth-of-type(odd){
              background: #fff !important;
              --bs-table-accent-bg: unset !important;
            }
            table.dataTable.table-striped > tbody > tr > *{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
              margin-bottom: 0;
              border-left: 0;
              border-right: 0;
              vertical-align: middle;
              padding: 1rem;
              border-bottom: 1px solid #999;
            }
            table.table-bordered.dataTable th, table.table-bordered.dataTable td{
              border-width: 0 0px;
              border-bottom-width: 1px;
              /* border: none; */
            }

            .table.dataTable thead tr td{
              font-size: 1.4rem;
              color: #111;
              font-weight: 400;
              margin-bottom: 0;
            }

            .dataTables_info{
              font-size: 1.4rem;
              color: #111;
              font-weight: 300;
            }

            /* pagination table css */
            .pagination-sm .previous.page-item:first-child .page-link{
              color: #fff !important;
              font-size: 1.6rem;
              width: 10rem;
              min-width: 10rem;
              height: 4rem;
              background: #0EB2B3 !important;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              text-align: center;
              -webkit-transition: all .4s;
              -o-transition: all .4s;
              transition: all .4s;
            }
            .pagination-sm .previous.page-item:first-child .page-link{
              border-radius: 1rem !important;
              margin-right: 1rem;
            }
            .pagination-sm .next.page-item:last-child .page-link{
              border-radius: 1rem !important;
              margin-left: 1rem ;
            }
            .pagination-sm .previous.page-item:first-child .page-link:hover{
              background-color: rgba(14, 178, 179, 0.6) !important;
              border-color: rgba(14, 178, 179, 0.6);
            }
            .page-item .page-link{
              font-size: 1.4rem !important;
              font-weight: 400 !important;
              color: #999 !important;
              width: 3.2rem !important;
              min-width: 3.2rem;
              height: 3.2rem !important;
              line-height: 3.2rem !important;
              text-align: center;
              -webkit-transition: all .4s;
              -o-transition: all .4s;
              transition: all .4s;
              border-radius: 0;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              background: #F0EFEF;
              border: none !important;
            }
            .page-item.disabled .page-link{
              background-color: #F0EFEF !important;
            }
            .page-item .page-link:hover{
              background-color: #F0EFEF !important;
              color: #0EB2B3 !important;
              border-color: unset !important;
            }
            .page-item.active .page-link{
              background-color: #F0EFEF !important;
              color: #0EB2B3 !important;
              border-color: unset !important;
            }
            .page-item .page-link:focus{
              box-shadow: none;
            }
            .pagination-sm .next.page-item:last-child .page-link{
              color: #fff !important;
              font-size: 1.6rem;
              width: 10rem;
              min-width: 10rem;
              height: 4rem;
              background: #0EB2B3;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              text-align: center;
              -webkit-transition: all .4s;
              -o-transition: all .4s;
              transition: all .4s;
              border-radius: 0rem ;
              font-size: 1.6rem;
              font-weight: 400;
            }
            .pagination-sm .next.page-item:last-child .page-link:hover{
              background-color: rgba(14, 178, 179, 0.6) !important;
              border-color: rgba(14, 178, 179, 0.6);

            }

            .pagination-sm .page-item:nth-child(2) .page-link{
              padding-left: 2.5rem !important;
              border-top-left-radius: 1rem
              !important;
              border-bottom-left-radius: 1rem !important;
              width: auto !important;
            }
            .pagination-sm .page-item:nth-last-child(2) .page-link{
              padding-right: 2.5rem !important;
              border-top-right-radius: 1rem
              !important;
              border-bottom-right-radius: 1rem !important;
              width: auto !important;
            }
            /* more btn css */


 .more-btn{
  width: 1rem;

}
.more-btn .btn-light{
  width: 1rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  font-size: 2rem;
  color: #111 !important;
}

.more-btn .btn-light:after{
  /* display: inline-block;
  position: absolute;
  right: 1rem !important;
  content: '';
  font-weight: normal;
  font-style: normal;
  margin: 0;
  text-decoration: none;
  top: 50%;
  border-top: 0.5rem solid #111;
  border-right: 0.5rem solid transparent;
  border-bottom: 0;
  border-left: 0.5rem solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
  display: none;
}


.more-btn .dropdown-menu{
  overflow: hidden;
    border: none;
    margin-top: 0rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 0;
    min-width: 9rem;
    border-radius: 1rem;
}

.more-btn .dropdown-menu .dropdown-item{
  font-size: 1.4rem;
  color: #111;
  font-weight: 400;
  padding: 1rem 1.6rem;
}
.more-btn .dropdown-menu form{
 margin-bottom: 0;
}
.more-btn .dropdown-menu form button{
  margin-bottom: 0;
 }


.more-btn .dropdown-menu .dropdown-item:hover,  .more-btn .dropdown-menu .dropdown-item:active{
  color: #fff;
  background: #0eb2b3;
}


.filter-action.action-drop-custom{
  min-width: 12rem;
  width: auto;
  margin-left: 0;
  position: absolute;
  left: 120px;
  top: 0;
}

.filter-action.action-drop-custom .dropdown{
  width: 12rem;
}

.filter-action.action-drop-custom .filter-product-drop {
  margin-left: 0;
}
.filter-action.action-drop-custom .filter-product-drop .dropdown-menu.show{
  width: 100%;
  min-width: 100%;
  margin-left: 0;
}
.breadcrumb .breadcrumb-item a{
  font-weight: 600;
}
.breadcrumb .breadcrumb-item strong{
  color: #000;
}

.breadcrumb .breadcrumb-item a:hover{
  color: #0eb2b3;
}

.btn.btn-primary.add-new{
  height: 5rem;
  border-radius: 1rem;
  background: #0eb2b3;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  min-width: 17rem;
  width: 17rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1.6rem;
}

.btn.btn-primary.add-new:hover{
  background: rgba(14, 178, 179, 0.8);
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  color: #fff;
}

.btn.btn-primary.add-new:focus{
  background: rgba(14, 178, 179, 0.8);
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  color: #fff;
}

.h3.d-inline.align-middle{
  font-weight: 500;
    color: #111;
    font-size: 2.4rem;
    margin-bottom: 0;
}

.margin-sett-seller .input-style-ctm .dropdown.dselect-wrapper{
 height: unset;
 min-height: 4.8rem;

}
.margin-sett-seller .input-style-ctm .dselect-wrapper .form-select{
  min-height: 4.8rem;
}
.input-style-ctm .flatpickr-input{
  width: 100%;

  color: #111;
  border: 1px solid #111;
  height: 4.8rem;
  padding: 2px 1.6rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #111;
  font-weight: 400;
}
.input-style-ctm .flatpickr-input::placeholder{
  color: #999;
}
.margin-sett-seller .input-style-ctm{
  width: 25rem;
}

.margin-sett-seller .input-by-date .input-style .input-style-ctm{
  width: 22rem;
}
.input-style-ctm .dropdown.dselect-wrapper {
  width: 100% !important;
  height: 4.8rem;
  border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 1.6rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    font-size: 1.6rem;
    color: #111;
    font-weight: 400;
    background: transparent;
}

.margin-sett-seller .input-style-ctm{
  margin-bottom: 0;
}
a{
  text-decoration: none !important;
}
.input-style-ctm .dropdown.dselect-wrapper::after{
  border-top: 0.6rem solid #111;
    border-right: 0.6rem solid transparent;
    border-bottom: 0;
    border-left: 0.6rem solid transparent;
}


.nav.nav-pills{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 4rem;
    background: transparent;
    border-radius: 0px;
    padding: 0rem 0rem;
    margin-bottom: 2rem;
}

.nav-pills li.nav-item {
  min-width: 9rem;
  /* width: 50%; */
}
.nav.nav-pills li.nav-item .nav-link::after {
  content: '';
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    height: 4px;
    background: #D9D4D4;
    bottom: 0;
}
.nav.nav-pills li.nav-item .nav-link.active:after {
  background: #0EB2B3;
    border-radius: 5rem;
}
.nav-pills .nav-link{
  background: transparent !important;
  border-radius: 0rem;
  color: #111;
  font-size: 1.8rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem 1.6rem;
  min-width: 100%;
  width: 100%;
  height: 4rem;
  position: relative;
}
.nav-pills li.nav-item .nav-link.active, .nav-pills li.nav-item .nav-link:hover{
  border-color: #0EB2B3;
    color: #0EB2B3;
}


.width-setting .input-style-ctm .mb-3 .input-style-ctm{
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
}

.sub-title{
  font-size: 1.6rem;
    color: #F9A504;
    font-weight: 400;
    cursor: pointer;
}

.bg-back-color .input-style-ctm .dropdown.dselect-wrapper{
  background: #eee;
  border: none;
}

.bg-back-color .input-style-ctm .dropdown.dselect-wrapper::after{
  border-top: 0.6rem solid #999999;
    border-right: 0.6rem solid transparent;
    border-bottom: 0;
    border-left: 0.6rem solid transparent;
}


.form-check-input:checked{
  background-color: #0eb2b3 !important;
}

.input-style-ctm .col-sm-8{
  padding-left: 0 !important;
}

.h6.modal-title{
    font-size: 1.6rem;
    color: #111;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 1.6rem;
}

#confirm-delete-entity .modal-dialog{
  width: 50.5rem;
  max-width: 50.5rem;

}

#confirm-delete-entity .modal-content {
  border-radius: 1rem;
  padding: 2rem 1.6rem 2rem;

}

#confirm-delete-entity .modal-body.text-center{
 padding: 0;
  margin-bottom: 0;
}

#confirm-delete-entity .modal-body.text-center h5{
  font-size: 1.6rem;
  color: #111;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
  margin-bottom: 0;
}


.btn.btn-secondary.discard-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #0EB2B3;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 22.5rem;
  min-width: 22.5rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .btn.btn-secondary.discard-btn:hover {
    background: rgba(14, 178, 179, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }

  .btn.btn-primary.add-btn {
  height: 5rem;
  border-radius: 1rem;
  background: #F9A504;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  border: none;
  width: 22.5rem;
  min-width: 22.5rem;
  color: #fff;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 1.6rem; }
  .btn.btn-primary.add-btn:hover {
    background: rgba(249, 165, 4, 0.8);
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    color: #fff; }





    /* upload add new product  */

    .qust-filed.upload-container .form-control{
      width: auto;
      height: auto;
      background: unset;
    }
    .upload-images-card .qust-filed.upload-container .form-control:hover{
      background: unset;
    }
    .qust-filed.upload-container .form-control .mb-3{
      margin-bottom: 0 !important;
    }

    .qust-filed.upload-container .form-control .mb-3 .input-style-ctm{
      margin-bottom: 0 !important;
    }
    .qust-filed.upload-container .form-control .upload__btn-box{
      /* display: inline-block; */
      margin-bottom: 0;
      padding: 0;
    }
    .qust-filed.upload-container .form-control .upload__btn-box label {
      display: flex;
      display: flex;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      min-width: 15rem;
      width: 15rem;
      height: 15rem;
      border-radius: 50%;
      padding: 0;
      background: #D9D4D4;
      overflow: unset;
      justify-content: center;
      align-items: center;
  }

  .qust-filed.upload-container .upload__btn-box .upload__img-wrap{
    margin-right: 7px;
  }

  .qust-filed.upload-container .upload__btn-box .upload__img-wrap .upload__img-box{
    padding: 5px;
    margin: 0 0px 5px 5px;
    background: #D9D4D4;
    width: 15rem;
    height: 15rem;
  }

  .qust-filed.upload-container .upload__btn-box .upload__img-wrap .upload__img-box .upload__img-close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    line-height: unset;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


.brud-align #main-breadcrumb .breadcrumb{
  margin-bottom: 0;
  justify-content: flex-start;
}

.brud-align  .breadcrumb .breadcrumb-item a {
  font-weight: unset;
}

.brud-align .breadcrumb .breadcrumb-item:nth-child(2) {
  color: #0EB2B3;
}

.brud-align .breadcrumb .breadcrumb-item:nth-child(2) a{
  color: #0EB2B3;
}

.brud-align .breadcrumb-item + .breadcrumb-item::before{
  color: #999;
  font-family: FontAwesome;
  content: "\f105";
  padding: 0;
  font-size: 1.6rem;
  margin: 0rem 1rem 0;
}

.brud-align .breadcrumb-item + .breadcrumb-item{
  padding-left: 0;
}

/* .brud-align .breadcrumb-item + .breadcrumb-item:last-child::before{
  display: none;
} */

/* .brud-align .breadcrumb-item + .breadcrumb-item:last-child{
  display: flex;
    width: 100%;
    min-width: 100%;
    font-weight: 500;
    color: #111;
    font-size: 2.4rem;
    margin-bottom: 0;
} */
.brud-align .breadcrumb-item + .breadcrumb-item:last-child strong{

    font-weight: 700;

}
.brud-align .breadcrumb-item + .breadcrumb-item:last-child a{
  color: #111;
}

/* bulk stock out css */
.flex-stock-card{
  display: flex !important;
  justify-content: space-between;

}
.flex-stock-card .current-field-box{
  width: 9rem;
  min-width: 9rem;
  margin-right: 1.6rem;
  padding: 0 !important;
}
.flex-stock-card .current-field-box .current-stock-input.input-group{
  width: 100%;
  min-width: 100%;
  padding: 0;
  margin-bottom: 0 !important;
}
.flex-stock-card .current-field-box .current-stock-input.input-group .form-control{
  margin-bottom: 0;
  height: 4rem;
  width: 100%;
  padding: 0.5rem 1rem;
  border: none;
  background: #fff;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  text-align: center;
}
.flex-stock-card .current-field-box .current-stock{
  padding: 0;
}
.same-input-field.input-group{
  width: 20rem;
  border-radius: 1rem;
  overflow: unset;
  margin-right: 1.6rem;
  padding: 0 !important;
  margin-top: 2.6rem;
  margin-bottom: 0 !important;
}
.same-input-field.input-group .input-group-prepend{
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 1rem !important;
  background: #0EB2B3;
  border: none;
}
.same-input-field.input-group .box-same-main{
  background: #fff;
  border-radius: 1rem;
  width: 100%;
  display: flex;
  height: 4rem;
}
.table-hr-remove .invalid-feedback{
  font-size: 1.2rem;
  position: absolute;
  top: 4.4rem;
}
.invalid-feedback{
  font-size: 10px;
}
/* .same-input-field.input-group .box-same-main .input-group-append, .same-input-field.input-group .box-same-main .input-group-prepend{
  display: flex;
} */
.same-input-field.input-group .form-control{
  margin-bottom: 0;
    height: 4rem;
    padding: 0.5rem 1.6rem;
    border: none;
    background: unset;
    border-radius: 0rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
}
.same-input-field.input-group .form-control::placeholder{
  color: #999;
}
.table-hr-remove .table.dataTable thead tr th{
  /* display: none; */
}
.table-hr-remove table.dataTable.table-striped > tbody > tr > *{
  background: #eee !important;
}

.table-hr-remove table.dataTable.table-striped > tbody > tr > *{
  border: none;
  padding: 1.6rem;
}
.table-hr-remove table.dataTable.table-striped{
  border-spacing: 0 1.6rem;
}

.table-hr-remove table.dataTable.table-striped:first-child{
 margin-top: -1.6rem !important;
}

.table-hr-remove table.dataTable.table-striped > tbody > tr td:first-child{

  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.table-hr-remove table.dataTable.table-striped > tbody > tr td:nth-child(2){
  width: 21.8rem;
  min-width: 21.8rem;
}
.table-hr-remove table.dataTable.table-striped > tbody > tr td:last-child{

  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}





.table-hr-remove  .input-group .input-group-prepend .input-group-text{
  width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
    background: #0EB2B3;
    border: none;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
.table-hr-remove .input-group .input-group-prepend .input-group-text.yellow-bg{
  background: #F9A504;
  transform: scaleY(-1);
  min-width: 4rem;
}
.table-hr-remove .input-group .input-group-prepend .input-group-text.black-bg{
  background: #111;
  min-width: 4rem;
}





@media (max-width: 1600px) {
  .table-hr-remove table.dataTable.table-striped > tbody > tr td:nth-child(2) {
    width: 16.5rem;
    min-width: 16.5rem;
  }
  .flex-stock-card .btn-stock-up{
    width: 9rem;
  }
  .flex-stock-card .update-stock-btn{
    width: 9rem;
    min-width: 9rem;
  }
  .same-input-field.input-group{
    width: 16.5rem;
  }
  .flex-stock-card{
    padding: 0 !important;
  }
}

@media (max-width: 1199px) {
  .table-hr-remove .input-group .input-group-prepend .input-group-text{
    padding: 2rem;
  }
  .table-hr-remove  .input-group .input-group-prepend .input-group-text img{
    width: 12px;
    height: 12px;
  }
  .table-hr-remove  .input-group .input-group-prepend .input-group-text img{
    width: 12px;
    height: 12px;
  }
  .same-input-field.input-group .input-group-prepend{
    width: 3.5rem;
  }
}


@media (max-width: 991px) {
  .table-hr-remove  .input-group .form-control{
    margin-bottom: 1rem;
  }
  .table-hr-remove .input-group{
    margin-bottom: 1rem;
  }
  .table-hr-remove  .input-group{
    margin-bottom: 1rem;
  }
  .same-input-field.input-group{
    width: 14.5rem;
  }
  .table-hr-remove table.dataTable.table-striped > tbody > tr td:nth-child(2) {
    width: 14.5rem;
    min-width: 14.5rem;
  }
  .flex-stock-card{
    justify-content: flex-end;

  }
}
@media (max-width: 767px) {
  .table-hr-remove table.dataTable.table-striped > tbody > tr td:nth-child(2){
    white-space: unset !important;
  }
  .flex-stock-card{
    justify-content: flex-start;
    flex-direction: column;
  }
  .flex-stock-card .current-field-box{
    width: 100%;
    min-width: 100%;

  }
  .flex-stock-card .value-main-stock{
    justify-content: flex-start;
  }
  .same-input-field.input-group{
    width: 100%;
  }
  .flex-stock-card .btn-stock-up{
    width: 100%;
  }
}
@media (max-width: 425px) {
  .value-main-stock{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
/* .card-body.column-dropdown .btn-secondary:hover{
  color: #111;
  background-color: unset;
  border-color: #0eb2b3;
}

.card-body.column-dropdown .btn-offwhite .no-caret{
  width: 11rem;
  height: 4rem;
  border-color: #0eb2b3;
}

.card-body.column-dropdown .btn-offwhite .no-caret:hover{
  color: #111;
  background-color: unset;
  border-color: #0eb2b3;
}

.card-body.column-dropdown .btn-secondary.btn-offwhite{
  border-color: #111;
}

.card-body.column-dropdown .btn-secondary.btn-offwhite:hover{
  border-color: #0eb2b3;
} */


/* bulk stock out Toast css */
.bulk-stock_toast.success-toast .toast-header{
  padding: 1rem 1.6rem;
}

.bulk-stock_toast.success-toast .toast-header strong{
  font-size: 1.6rem;
}

.bulk-stock_toast.success-toast .toast-header small{
  font-size: 1.2rem;
}

.bulk-stock_toast.success-toast .toast-body{
  padding: 1rem 1.6rem;
  font-size: 1.4rem;
}

.current-stock{
  font-size: 1.4rem;
  font-weight: 400;
  color: #111;
  margin-bottom: .8rem;
}

/* @media (max-width: 1600px) {
  .current-stock{
    font-size: 1rem;

  }
} */

.bg-tr-white table.dataTable.table-striped > tbody > tr:nth-of-type(odd){
  background-color: #fff !important;
}

@media (max-width: 1700px) {
  .margin-sett-seller .input-style-ctm{
    width: 20rem;
  }
  .input-by-date .input-style{
    width: 18rem;

  }
  .margin-sett-seller .input-by-date .input-style .input-style-ctm {
    width: 18rem;

  }
  .input-style-ctm .flatpickr-input{
    font-size: 1.3rem;
  }
}

@media (max-width: 767px) {
  .table-hr-remove table.dataTable.table-striped > tbody > tr td:nth-child(2){
    white-space: normal;
  }
}


/* card mian design css */

.card.card-rounded-design{
  width: 100%;
    background: #fff;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1.6rem;
}

.card.card-rounded-design .card-body{
  padding: 0;
}

.inner-col-padds .input-style-ctm .col-sm-12{
  padding: 0;
}

.card-rounded-design .input-style-ctm .dropdown.dselect-wrapper{
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.modal-dropdowns.input-style-ctm .dropdown.dselect-wrapper{
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
}
.modal-dropdowns.input-style-ctm .col-md-6{
  width: 100%;
  min-width: 100%;
  padding: 0;
}

.modal-dropdowns.input-style-ctm .col-sm-12{
  width: 100%;
  min-width: 100%;
  padding: 0;
}

/* company setting css */

.card.tab-company{
  padding: 0;
  background: unset;
  box-shadow: none;
  margin-bottom: 2rem;
}
.card.tab-company .card-body{
  padding: 0;

}

.card.tab-company .card-body .nav-tabs .nav-item{
  width: auto;
  min-width: auto;
  margin-bottom: 0px;
}

.card.tab-company .card-body .nav-tabs .nav-item .nav-link{
  background: transparent;
  border-radius: 0rem;
  color: #111;
  font-size: 1.8rem;
  font-weight: 400;

  display: flex;

  align-items: center;

  justify-content: center;
  padding: 1rem 1.6rem;
  min-width: 100%;
  width: 100%;
  height: 4rem;
  position: relative;
  border: none !important;
}

.card.tab-company .card-body .nav-tabs .nav-item .nav-link.active{
  border-color: #0EB2B3;
  color: #0EB2B3;
}

.card.tab-company .card-body .nav-tabs .nav-item .nav-link::after{
  content: '';
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  height: 4px;
  background: #D9D4D4;
  bottom: 0;
}

.card.tab-company .card-body .nav-tabs .nav-item .nav-link.active::after{
  background: #0EB2B3;
    border-radius: 5rem;
}

.company-card.card > .card-body{
  width: 100%;
    background: unset;
    border-radius: 0;

    box-shadow: none !important;
    padding: 0;
}
.company-card.card {
  background: unset;
  border-radius: 0;

  box-shadow: none !important;
  padding: 0;
}
.col-padding-ajust .input-style-ctm .col-sm-12{
  padding: 0;
}
.col-padding-ajust .input-style-ctm .col-12{
  padding: 0;
}
.custom-card-regional{
  width: 100%;
    background: #fff;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1.6rem;
    margin-bottom: 2rem;
}
.card-body.card-body-design{

  width: 100%;
    background: #fff;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 1.6rem;
    margin: 0 0 2rem !important;
}

.card.box-shadow-none{
  box-shadow: none !important;
  background: unset;
}

.drop-company .input-style-ctm .dropdown.dselect-wrapper{
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;

}

.drop-company .input-style-ctm .ctm-input{
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
  background: transparent;
}

.label-minimum{
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  margin-bottom: 0.8rem;
}

.buttons-colvis.btn-offwhite.hideTableColumns:hover{
    color: #111;
    border-color: #0eb2b3;
}

.dataTables_length label{
    margin-right: 1.6rem !important;
}

div.dataTables_wrapper div.dataTables_length select.form-select{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231f2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") #F0EFEF !important;
    background-size: 16px 12px !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    border: none !important;
}


.img-company-setting .upload-images-card{
  box-shadow: none;
  justify-content: flex-start;
  padding: 0;
}

.bg-back-color .input-style-ctm .col-sm-8{
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}


/* edit user css */
.card-main-design{
  width: 100%;
  background: #fff !important;
  border-radius: 1rem !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
  padding: 1.6rem !important;
}


.general-tabs{
  margin-bottom: 2rem;
}
.general-tabs  .nav-tabs .nav-item{
  width: auto;
  min-width: auto;
  margin-bottom: 0px;
}

.general-tabs   .nav-tabs .nav-item .nav-link{
  background: transparent;
  border-radius: 0rem;
  color: #111;
  font-size: 1.8rem;
  font-weight: 400;

  display: flex;

  align-items: center;

  justify-content: center;
  padding: 1rem 1.6rem;
  min-width: 100%;
  width: 100%;
  height: 4rem;
  position: relative;
  border: none !important;
}

.general-tabs  .nav-tabs .nav-item .nav-link.active{
  border-color: #0EB2B3;
  color: #0EB2B3;
}

.general-tabs  .nav-tabs .nav-item .nav-link::after{
  content: '';
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  height: 4px;
  background: #D9D4D4;
  bottom: 0;
}

.general-tabs .nav-tabs .nav-item .nav-link.active::after{
  background: #0EB2B3;
    border-radius: 5rem;
}

.card.edit-user-card{
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 1.6rem;
  border-radius: 1rem;
}

.card-title.title-name{
  font-size: 1.4rem;
  font-weight: 400;
  color: #111;
  margin-bottom: .8rem;
}

.text-title-user{
  font-size: 1.4rem;
  font-weight: 400;
  color: #111;
  margin-bottom: .8rem;
}
.card-title.user-card-name{
  font-size: 2.5rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 0.5rem;
}
.user-upload-img-profile{
  position: relative;
  width: 25rem;
  height: 25rem;
}

.user-upload-img-profile img{
  width: 25rem;
  height: 25rem;}
/* oder-modal css */
.bg-primray{
  background: #0EB2B3;
}
.fonts-normal{
  font-size: 1.2rem;
  font-weight: 400;
}
.font-label .input-style-ctm label{
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 0.8 !important;
}

.font-label .input-style-ctm  .form-select{
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  height: 5rem;
  margin-top: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
  border: none !important;
  border-radius: 1rem;
  padding: 0 1.6rem !important;
}

.order-weight .input-style-ctm label{
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: .8rem !important;
  color: #111;
}
.order-weight .input-style-ctm{
  margin-bottom: 0 !important;
}

.order-weight .input-style-ctm .ctm-input{
  width: 100%;
  height: 5rem;
  border-radius: 1rem;
  margin-bottom: 0 !important;

}
.order-weight > .mb-3{
  margin-bottom: 0 !important;
}

.order-labels label{
  font-size: 1.4rem;
  font-weight: 600;
  color: #111;
}

.order-labels .form-check-input{
  width: 14px;
  height: 14px;
  top: 0.5rem;
  /* left: 66px; */
  margin-left: 0rem;
}

.label-package{
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  color: #111;
  margin: 2rem 0 !important;
}



.package-radio label{
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: #111;
}

.package-radio .form-check-input{
  width: 15px !important;
    height: 14px !important;
    top: 3px;
    /* left: 66px; */
    margin-left: 1rem !important;
}

.length-widt-adjust input{
  width: 36px;
  border: none;
  font-weight: 400;
  font-size: 13px;
}

.length-widt-adjust label{

 font-size: 1.4rem;
  font-weight: 600 !important;
  color: #111;
}

.position-sett-label .form-check-input{
  position: unset;

  width: 12px;
  height: 12px;
}

.position-sett-label i.fa{
  color: #0EB2B3 !important;
  font-size: 14px !important;
}

.position-sett-label .form-check-label{
  color: #111;
  font-weight: 400;
  font-size: 12px !important;
  margin-top: -2px;
}

.btn-primary.update-btn{
  background: #0EB2B3;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  border-radius: .5rem;
  border: none !important;
}

.btn-primary.update-btn:hover{
  background: #F9A504;
}


/* order page css */
/* .card-cneter-centent{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  hei
} */

.cardStatus.card-order{
  border-radius: 1rem;
}

.action-select-2 .input-style-ctm .dropdown.dselect-wrapper{
  background: #fff;
}

.action-select-2 .input-style-ctm{
  margin-bottom: 0;
}

.action-select-2{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .btn-danger.danger-custom{
  padding: .5rem !important;
  font-size: 1.4rem;
  font-weight: 400;
}

.btn-primary.update-img{
  padding: .5rem !important;
  font-size: 1.4rem;
  font-weight: 400;
} */
.action-select-2 .action-laabel{
  font-size: 1.6rem;
    font-weight: 600;
    color: #111;
    width: auto;

}

.action-select-2 .mb-2{
  width: 70%;
  margin-bottom: 0 !important;
}


.table-striped > tbody > tr:nth-of-type(odd) > *{
  background: transparent !important;
  --bs-table-accent-bg:unset !important;
  border-bottom: 1px solid #999 !important;
}



/* order checkbox design */


/* The container */

.check-box-order.text-setting{
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}
.check-box-order {
  display: block;
  position: relative;
  padding-left: 6px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-box-order input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check-box-order.text-setting .checkmark{
  top: 4px;
}
/* Create a custom checkbox */
.check-box-order .checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.check-box-order:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.check-box-order input:checked ~ .checkmark {
  background-color: #0eb2b3;
  border: 1px solid #0eb2b3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-box-order input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-box-order .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* filter show card css */

.card-body.bg-filter-box{
  background-color: #E1E1E1;
}

.bg-filter-box .input-style-ctm .dselect-wrapper .form-select{
  background: #fff;
  border: none;
  padding: 5px 3rem 5px 1.6rem !important;
}

.bg-filter-box .input-style-ctm .dropdown.dselect-wrapper{
  border: none !important;
}

.bg-filter-box .date-pick .input-style-ctm input.form-control{
  padding: 5px 1.6rem !important;
  font-weight: 400 !important;
  height: 5rem;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: white !important;
  font-weight: 400;
  border: none;
  border-radius: 1rem;
}

.modal-backdrop{
  position: unset !important;
}

.modal{
  background: rgba(17, 17, 17, 0.7) !important;
}

.new-barcode table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td{
  border: none;
  border-bottom: 1px solid #eee;
  padding: 1rem 1.6rem;
  background: #fff;
}
/* a.discard-btn.w-100 {
  margin-right: 1.5rem;
} */

.label-order-weight{
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  margin-bottom: 0;
}

.flex-weight{
  margin-bottom: 0.8rem;
}

.order-labels{
  margin-right: 15px;
}

.package-card .border.border-gray {
  border-color: #0EB2B3 !important;
  border-radius: 1rem !important;
  padding: 1.6rem;
}

.responsive-tabs-align{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.righnt-btns{
  display: flex;
}

/* search btn input field */

.search-btn-custom{
  width: 10.8rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 500;
  border-radius: 1rem;
  background: #0EB2B3;
  border: none;
  cursor: pointer;
  margin-left: -10.8rem;
}

.search-btn-custom::before{
  content: 'Search';
  display: inline-block;
}

.search-btn-custom:hover{
  transition: ease-in-out;
  background: rgba(14, 178, 179, 0.8);
}


.assign-quantity-field.field-back-log .input-group{
  overflow: unset;
}
.assign-quantity-field.field-back-log{
  background: #fff;
  border-radius: 1rem;
  display: flex;
  height: 4rem;
}
.assign-quantity-field.field-back-log .input-group .invalid-feedback{
  font-size: 1.2rem;
    position: absolute;
    top: 4rem;
}

.remove-drop-back-location{
  width: 1rem;
    height: 2rem;
    display: flex;

    align-items: center;

    justify-content: center;
    border: none;
    border-radius: 0;
    background: #fff;
}

.remove-drop-back-location .fas {
  font-size: 2rem;
  color: #111;
}

.dropdown-menu.dropdown-back-talbe {
  position: absolute;
  z-index: 999;
  width: auto;
  padding: 0;
  border-radius: 1rem !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border: none;
}


.dropdown-back-talbe .card.card-body.order__card{
  min-width: 100%;
  padding: 0;
  border: none !important;
    border-radius: 1rem !important;
    overflow: hidden;


    height: unset;
    max-height: 300px;
}

.dropdown-back-talbe .card.card-body.order__card pre{
  background-color: transparent;
  padding: 0;
  color: #111;
  border-radius: 0;
  margin-bottom: 0;
  border: none !important;
}

table.table.table-back-loaction{
  border: 0 !important;

}

table.table.table-back-loaction tr{
  border: none !important;
}
 table.table-back-loaction tbody tr:nth-of-type(odd){
  border: none;
}

table.table-bordered.dataTable.table-back-loaction th:first-child, table.table-bordered.dataTable.table-back-loaction th{
  background: #fff;
  border: none !important;
  border-radius: 0 !important;
  font-size: 1.6rem;
  color: #111;
  font-weight: 500;


}

.table.table-back-loaction tbody tr:nth-of-type(odd){
  border: 0 !important;
}

table.table-bordered.dataTable.table-back-loaction td:first-child, table.table-bordered.dataTable.table-back-loaction td{
  border: none;
  border-bottom: none !important;
  border-radius: 0 !important;
  font-size: 1.4rem;
  color: #999;
  font-weight: 500;

}

table.table-bordered.dataTable.table-back-loaction th:first-child, table.table-bordered.dataTable.table-back-loaction th:first-child{
  border: none !important;
   background: #fff !important;
}

.table.table-back-loaction thead tr th{
  border: none !important;
   background: #fff !important;
   font-size: 1.6rem;
   color: #111;
   font-weight: 500;
}


table.table-back-loaction td:first-child, table.table-back-loaction td{
  padding: 1rem !important;
  font-size: 1.4rem;
  color: #999;
  font-weight: 500;
}
.modal-title-field{
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  margin-bottom: .8rem;
}

.need-link{
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
}

.common-card{
  width: 100% !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
  background: #fff !important;
  padding: 1.6rem 2rem 2rem !important;
  border-radius: 1rem !important;
  border: none !important;
}
 .roles-desc .input-style-ctm .ctm-textarea{
  height:5rem;
}
.img-bg-upload-s{
  overflow: hidden;
  border-radius: 50%;
  width: 25rem;
  height: 25rem;
}

.img-bg-upload-edit{
  overflow: hidden;
  border-radius: 50%;
  width: 15rem;
  height: 15rem;
}
.img-bg-upload-edit img {

  overflow: hidden;
  border-radius: 50%;
  width: 15rem;
  height: 15rem;
}

.img-bg-upload-s img{
  width: 25rem;
  overflow: hidden;
  border-radius: 50%;
  width: 25rem;
  height: 25rem;
}
.img-bg-upload-s2 img{

  overflow: hidden;
  border-radius: 50%;
  width: 15rem;
  height: 15rem;
}
table.table-bordered.table-back-loaction th:first-child, table.dataTable.table-back-loaction th:first-child {
  background-color: #fff;
  border: none;
  padding: 0.5rem;
  font-size: 1.4rem;
  color: #111;
  font-weight: 500;
  white-space: nowrap !important;
}

table.table-back-loaction tr th, table.table-back-loaction th.font:first-child{
  font-size: 1.4rem !important;
  color: #111 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
table.table-bordered.table-back-loaction td, table.dataTable.table-back-loaction td {
  background-color: #fff;
  border: none;

  padding: 0.5rem !important;
}

.inner-cols-pads .col-sm-12{
  padding: 0;
}

.inner-cols-pads .col-md-12 {
  padding: 0;
}

.form-dropdown-adjust .input-style-ctm .dropdown.dselect-wrapper{
  background: #fff;
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.text-p-edit{
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
}

.more-btn .dropdown-menu .dropdown-item:hover a{
  color: #fff;
}

.dashborad-table{
 overflow: auto;
  height: 100%;
}
.dashborad-table::-webkit-scrollbar{
  width: .5rem;
  height: .5rem;

}

.dashborad-table::-webkit-scrollbar-track {
  background: #f1f1f1; }

  .dashborad-table::-webkit-scrollbar-thumb {
    background: #0EB2B3;
    border-radius: 10px; }

    .dashborad-table::-webkit-scrollbar-thumb:hover {
      background: #0EB2B3; }

      .dashborad-table tr td{
        padding: 0;
      }
      /* .dashborad-table tr td:nth-child(2){
        width: 20rem;
        min-width: 20rem;
      }

      @media (max-width: 1199px) {
        .dashborad-table tr td:nth-child(2) {
          width: 15rem;
          min-width: 15rem; } }
      @media (max-width: 991px) {
        .dashborad-table tr td:nth-child(2) {
          width: auto;
          min-width: unset; } } */




          .center-progress {
            text-align: center;
            margin: 0 7px; }
            .center-progress .progress {
              width: 60px;
              height: 60px;
              background: none;
              position: relative;
              margin: 0 auto; }
            .center-progress .progress::after {
              content: "";
              width: 100%;
              height: 100%;
              border-radius: 50%;

              position: absolute;
              top: 0;
              left: 0; }
            .center-progress .progress > span {
              width: 50%;
              height: 100%;
              overflow: hidden;
              position: absolute;
              top: 0;
              z-index: 1; }
            .center-progress .progress .progress-left {
              left: 0; }
            .center-progress .progress .progress-bar {
              width: 100%;
              height: 100%;
              background: none;
              border-width: 5px;
              border-style: solid;
              position: absolute;
              top: 0; }
              .center-progress .progress .progress-bar.border-primary-color {
                border-color: #0EB2B3; }
              .center-progress .progress .progress-bar.border-secondary-color {
                border-color: #F9A504; }
              .center-progress .progress .progress-bar.border-blue-color {
                border-color: #1948F1; }
            .center-progress .progress .progress-left .progress-bar {
              left: 100%;
              border-top-right-radius: 80px;
              border-bottom-right-radius: 80px;
              border-left: 0;
              -webkit-transform-origin: center left;
              -ms-transform-origin: center left;
              transform-origin: center left; }
            .center-progress .progress .progress-right {
              right: 0; }
            .center-progress .progress .progress-right .progress-bar {
              left: -100%;
              border-top-left-radius: 80px;
              border-bottom-left-radius: 80px;
              border-right: 0;
              -webkit-transform-origin: center right;
              -ms-transform-origin: center right;
              transform-origin: center right; }
            .center-progress .progress .progress-value {
              position: absolute;
              top: 0;
              left: 0; }
              .center-progress .progress .progress-value .text-font {
                font-size: 1.6rem;
                color: #000;
                font-weight: 400; }
            .center-progress .stocked-in {
              font-size: 1.4rem;
              font-weight: 400;
              color: #000;
              margin-top: 5px;
              margin-bottom: 0;
              margin-top: 5px;
              white-space: nowrap;
             }
table.dataTable td, table.dataTable th{
  box-sizing: border-box !important;
}


.table.dataTable.nowrap.sett-white-space th, table.dataTable.sett-white-space.nowrap td{
  white-space: nowrap !important;
}

div.dataTables_scrollHead .table-bordered.table.dataTable.nowrap.sett-white-space{
  margin-bottom: 1.6rem !important;
}

.height-transfer .mb-2{
  margin-bottom: 0 !important;
}

.height-transfer .input-style-ctm{
  margin-bottom: 0 !important;
}

.height-transfer .input-style-ctm .dropdown.dselect-wrapper{
  height: auto;
  min-height: 4rem;
}

.height-transfer .input-style-ctm .dselect-wrapper .form-select{
  height: auto;
  min-height: 4rem;
  padding: 5px 3rem 5px 1.6rem !important;
}
.transferia.height-transfer .input-style-ctm.modal-dropdowns{
  min-width: 20rem;

}
div.dataTables_scrollBody table.sett-white-space{
  margin-bottom: 1.6rem !important;
}
.input-style-ctm.modal-dropdowns.mb-inner .input-style-ctm{
  margin-bottom: .8rem;
}

.input-style-ctm.input-style-ctm.modal-dropdowns.mb-inner.w-100 .input-style-ctm{
  width: 100%;
}

.input-style-ctm.inn-ctm-style .input-style-ctm{
  width: 100%;
}

/* .deleted-erros .alert.alert-danger{
  display: none !important;
} */

/* .deleted-erros .card.card-validation-errors{
  display: none !important;
} */

.deleted-erros .text-muted{
  font-size: 1.2rem;
}

.input-style-ctm.mb-margin-sett .mb-3 .input-style-ctm {
  margin-bottom: 0 !important;
}


table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before{
  content: '\f176' !important;
  font-family: "FontAwesome";
  margin-right: 2px;
  top: 10px !important;
  /* content: '' !important;
  background: url(); */
}

table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after{
  content: '\f175' !important;
  font-family: "FontAwesome";
  top: 11px !important;

}
.whole-search-label{
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  margin-bottom: 0.8rem;
}

.whole-search .input-style-ctm{
  width: 77.3%;

}
.search-modal-product.sett-serach .whole-search{
  margin-bottom: 42px;
}
.whole-search .input-style-ctm .ctm-input.form-control-lg:focus{
    border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}

.whole-search .input-style-ctm .form-text{
  position: absolute;
}

.whole-search .input-style-ctm .invalid-feedback.font-adjusst{
    position: absolute;
    bottom: -3.7rem;
}
.edit-adjust .input-style-ctm .ctm-input{
  width: 89.4%;
}

.edit-adjust .input-group-control {
  width: 5rem;
  min-width: 5rem;
  background-color: #0EB2B3;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: .5rem;
  color: #fff;
  font-size: 1.8rem;

}

.edit-adjust .input-group-control:hover{
  transition: ease-in-out;
    background: rgba(14, 178, 179, 0.8);
}

.edit-adjust .input-group {
  border-radius: 1rem;
  overflow: hidden;
}

.input-style-ctm.icons-adjust{
    position: relative;
    margin-bottom: 0px !important;
}

.input-style-ctm.icons-adjust .icon-eye-2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
    font-size: 1.6rem;
    color: #999;
}

.width-setting .input-style-ctm.icons-adjust-1{
  width: 50%;
  margin-bottom: 1.6rem !important;
}
@media (max-width: 1199px){
  .width-setting .input-style-ctm.icons-adjust-1{
    width: 100%;
  }
}
.width-setting .input-style-ctm.icons-adjust-1 .input-style-ctm{
  width: 100%;
  margin-bottom: 0 !important;
}
.input-style-ctm.icons-adjust-1{
  position: relative;
  margin-bottom: 0px !important;
}

.input-style-ctm.icons-adjust-1 .icon-eye-2 {
  position: absolute;
  top: 2.5rem;
  transform: translateY(-50%);
  right: 1.6rem;
  font-size: 1.6rem;
  color: #999;
}


.input-style-ctm.icons-adjust .invalid-feedback.font-adjusst{
    position: absolute;
}



.text-area-comment .input-style-ctm{
  margin-bottom: 0 !important;
}

.text-area-comment .col-sm-12{
  padding: 0;
}

.note-comment{
  font-size: 1.8rem;
  font-weight: 600;
  color: #111;
}
.required:after {
    content:" *";
    color: red;
}
.d-flex.sett-mobile-slider {
    width: unset !important;
}
.proslider-text-box .text-t {
    width: 43rem;
}

.modal-btn.width-adjust{
  width: 15rem;
  min-width: 15rem;
}


.error-invalid-feedback .invalid-feedback{
  font-size: 1rem;
  position: absolute;
}
.store-edit-pg .new-store-icon {
    display: flex;
    justify-content: center;
}
.store-edit-pg .upload-images-card .qust-filed .form-control{
    width:22rem;
    height:22rem;
}
.store-edit-pg .img-bg-upload-s2 img{
    width:100%;
    height:22rem;
}
.slider-mainbox div#demo {
  height: 265px !important;
  overflow-y: scroll !important;
}
@media (min-width: 1441px) {
  .slider-mainbox div#demo {
    height: 225px !important;
  }
}
@media (max-width: 1440px) {
.proslider-text-box .text-t{
  width:25rem;
}
.d-flex.sett-mobile-slider {
  width: 38% !important;
}
}

.qust-filed.upload-container .form-control .upload__btn-box label.label-upimage{
  background: #fff;
  border: 2px dotted #D9D4D4;
  border-radius: 1rem;

}

.add-image-t{
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  text-align: center;
  margin: 0 auto;
}

/* .top-space-resposive{
  margin-top: -2.7rem !important;
}


@media (max-width: 991px) {
  .top-space-resposive{
    margin-top: 2rem !important;
  }
} */

.custom-table-design tr td{
  padding: 0 !important;
  border: none !important;
}

.custom-table-design .invalid-feedback{
  position: absolute;
  font-size: 1.2rem;
  bottom: -1.8rem;
}


.custom-table-design.table-striped.table.table-content tr:nth-of-type(odd){
  background-color: #fff !important;
}


.custom-table-design .table-row-main .form-control{
  font-size: 1.4rem;
  font-weight: 400;
  color: #111;
  height: 5rem;
  border-radius: 1rem !important;
  width: 100%;
  outline: none;
  border: none;
  background: #eee;
  padding: 2px 1.6rem;
  display: inline-block;
  -webkit-appearance: none !important;
}

.custom-table-design .table-row-main .form-control::placeholder{
  color: #999;
}


.custom-table-design .table-row-main .main-box-field{
  width: 90%;
  margin-bottom: 1.6rem !important;
}

.modal-dropdowns.input-style-ctm .dropdown.dselect-wrapper{
    padding: 0 !important;
}
/*.linkedadd.delete-modal .search-modal-product .whole-search:focus{*/
/*    border-color: #80bdff !important;*/
/*    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;*/
/*}*/


.alert-danger.sett-fonts-error{
  font-size: 1.4rem;
  background: rgba(243, 0, 0, 0.6);
  color: #fff;
}

.width-ajust-btn .modal-btn{
  min-width: 17rem;
  width: 17rem;
  margin-right: 1rem;
}

.success-fonts{
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  .width-ajust-btn .modal-btn{
    min-width: 13rem;
    width: 13rem;
    font-size: 1.4rem;
  }
}

.position-download{
  position: absolute;
  top: -4.1rem;
  right: 0;
}

.mt-sett-table{
  margin-top: 2rem;
  overflow-y: auto !important;
}


.cells-headind .cell-inner{
  padding: 1rem;
  border:none !important;
  background-color: #dee2e6;
}

.cells-headind .cell-inner:first-child{
  border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
}
.cells-headind .cell-inner:last-child{
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
}
.cells-headind .cell-inner h5{

  font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 0;
}

.cell-body-text .cell-inner{
  padding: 1rem;
  border:none !important;
  font-size: 1.4rem;
  color: #111;
  font-weight: 400;
  margin-bottom: 0;
    border-bottom: 1px solid #999 !important;
}

.form-check-input.shipment-check{
  font-size: 1.5rem;
  margin-left: 15px;
  margin-top: 0;
}

.card-title-field{
  font-size: 1.4rem;
  font-weight: 400;
  color: #111;
  margin-left: 20px;
}
.toast-top-right .toast.toast-error .toast-message{
  font-size: 1.4rem;
}

.flatpickr-calendar.flatpickr-calendar.animate.open{
  width: 25rem;
  font-size: 1.6rem;
}

/* .flatpickr-weekdays span.flatpickr-weekday{
  padding: 0.6rem;
} */

.flatpickr-calendar.animate.open .flatpickr-days{
  width: 24rem;
}

.flatpickr-days .dayContainer .flatpickr-day{
  width: auto;
  max-width: unset;
}

.flatpickr-days .dayContainer{
  width: 24rem;
  min-width: 24rem;
  max-width: 24rem;
}

.flatpickr-month .flatpickr-current-month .numInputWrapper{
  width: 4.25rem;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
  background-color: #0EB2B3 !important;
  border-color: #0EB2B3 !important;
}

.flatpickr-months .flatpickr-month{
  height: 23px !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{
  height: 23px !important;
}
li.list-info-pro-value.email-users {
  width: 60%;
}
li.list-info-pro-value.email-users span {
  width: 100%;
  display: flex;
  justify-content: right;
  font-size: 1.78rem;
  word-break: break-all;
}

div.dataTables_wrapper div.dataTables_filter#act_filter{
  position: relative;
}

div.dataTables_wrapper div.dataTables_filter#act_filter::before{
  position: absolute;
  content: 'Search';
  width: 10.8rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500;
    border-radius: 1rem;
    background: #0EB2B3;
    border: none;
    cursor: pointer;
    right: 0;
}

div.dataTables_wrapper div.dataTables_filter#act_filter:hover::before{
  transition: ease-in-out;
  background: rgba(14, 178, 179, 0.8);
}

div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter{
  position: relative;
}

div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter::before,#customerAddressDatatable_filter::before,#contactPersonDatatable_filter::before{
  position: absolute;
  content: 'Search';
  width: 10.8rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500;
    border-radius: 1rem;
    background: #0EB2B3;
    border: none;
    cursor: pointer;
    right: 0;
}

div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter:hover::before{
  transition: ease-in-out;
  background: rgba(14, 178, 179, 0.8);
}

div.dataTables_wrapper .label-empty div.dataTables_length label{
  color: #fff;
  font-size: 0;
}
.input-style-ctm.modal-dropdowns.mb-none .mb-2{
    margin-bottom: 0 !important;
}

.input-style-ctm.modal-dropdowns.mb-none .input-style-ctm{
    margin-bottom: 0 !important;
}


@media (max-width: 1440px) {
  li.list-info-pro-value.email-users span{
    font-size: 1.4rem;
  }
  .profile-setting .profile-list-info .list-info-pro-value{
    font-size: 1.4rem;
  }
}


.bg-filter-box .input-style-ctm .dropdown.dselect-wrapper{
  height: auto;
  min-height: 5rem;
}


@media (max-width: 1600px) {
  .generate-btn{
    width: 10rem;
    min-width: 10rem;
    font-size: 1.3rem;
  }
  /* div.dataTables_wrapper div.dataTables#linkedProduct_filter input{
    width: 30rem !important;
  } */
  div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter input{
    width: 30rem !important;
  }
  div.dataTables_wrapper div.dataTables_filter#act_filter input{
    width: 30rem !important;
  }
}
@media (max-width: 1440px) {


  div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter input{
    width: 28rem !important;
  }
  div.dataTables_wrapper div.dataTables_filter#act_filter input{
    width: 28rem !important;
  }

}

@media (max-width: 1290px) {

  /* div.dataTables_wrapper div.dataTables#linkedProduct_filter input{
    width: 30rem !important;
  } */
  div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter input{
    width: 26rem !important;
  }
  div.dataTables_wrapper div.dataTables_filter#act_filter input{
    width: 26rem !important;
  }

}

@media (max-width: 1600px) {


  .right-channels .buttons-list  .flag-btn{
    font-size: 1.6rem;
  }
  .right-channels .buttons-list  .flag-btn img{
    width: 2.5rem;
    height: 2.6rem;
    margin-right: 5px;
  }
}
@media (max-width: 991px) {

  /* div.dataTables_wrapper div.dataTables#linkedProduct_filter input{
    width: 30rem !important;
  } */
  div.dataTables_wrapper div.dataTables_filter#linkedProduct_filter input{
    width: 35rem !important;
  }
  div.dataTables_wrapper div.dataTables_filter#act_filter input{
    width: 35rem !important;
  }
}

@media (max-width: 1600px) {
  .generate-btn{
    width: 14rem;
    min-width: 14rem;
    font-size: 1.6rem;
  }
}


.input-style-ctm .dselect-wrapper .form-select{
  padding: 5px 3rem 5px 1.6rem !important;
}

.input-style-ctm .dropdown.dselect-wrapper{
  height: auto;
  min-height: 5rem;
}

.input-style-ctm input[type=number].ctm-input{
  -moz-appearance: textfield !important;
}

.navbar-light .navbar-text{
  font-size: 1.6rem;
}

.custom-box.mb-16-sett{
  display: flex;
  align-items: center;
  margin-top: 4rem;
}

.custom-box.mb-16-sett .label-switch{
  margin: 0 20px 0 0 !important;
  display: flex;
}

.custom-box.mb-16-sett .label-switch .switch{
  margin-top: .4rem;
}

@media (max-width: 1440px) {
  .custom-box.mb-16-sett .label-switch{
    margin: 0 1rem 0 0 !important;
    /* font-size: 1.4rem; */
  }

}
@media (max-width: 767px) {
.custom-box.mb-16-sett{

  margin-top: 1rem;
}
}
@media (max-width: 1600px) {
.input-width-code.barcode-card .flex-barcodes .codes-input, .linked-edit-product .codes-input{
  width: 15rem;
}
}

@media (max-width: 1250px) {
  .input-width-code.barcode-card .flex-barcodes .codes-input, .linked-edit-product .codes-input{
    width: 13rem;
  }
  }
  @media (max-width: 1197px) {
    .input-width-code.barcode-card .flex-barcodes .codes-input, .linked-edit-product .codes-input{
      width: 15rem;
    }
    }

    .check-box-paid .form-check .form-check-input{
      width: 20px;
      height: 20px;

    }
    .check-box-paid .form-check .form-check-input:checked{
      accent-color: #429fa2;
    }
    .check-box-paid .input-style-ctm label span{
      padding-left: 22px;
    }
    .check-box-paid .form-check{
      margin-right: 30px;
    }
    .overlayBlock {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 999999;
    }
/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    z-index: 99; }

#status {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center; }
#status .img-loader {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

      div.dataTables_wrapper div.dataTables_processing{
        background: transparent !important;
        box-shadow: none !important;
        position: fixed !important;
        justify-content: center;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        text-align: center;
        display: flex;
        padding: 0 !important;
        width: 100% !important;

        align-items: center;
      }




.email-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.email-input .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.email-input input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.email-input .tag {
    background-color: transparent;
    border-radius: 100px;
    min-width: 8rem;
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    color: #999;
    border: 1px solid #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: capitalize;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.email-input .tag::first-letter {
    text-transform: capitalize; }
.email-input .tag .first-label {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    background: #0EB2B3;
    margin-right: 3px; }
.email-input .tag .close-icon i {
    font-size: 1.6rem;
    margin-left: 5px;
    cursor: pointer;
    margin-top: 0.5rem; }

.email-input .tag:hover {
    background-color: #0EB2B3;
    color: #fff;
    border-color: #0EB2B3; }

.email-input .tag:hover .first-label {
    background-color: #999;
    border: 1px solid #999; }

.input-style-ctm .email-input {
    min-height: 5rem;
    border-radius: 1rem;
    background: #eee; }
.input-style-ctm .email-input .field-multiple {
    min-height: 5rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    border-radius: 0;
    width: 100%;
    min-width: 20rem;
    outline: none;
    border: none;
    padding: 2px 1.6rem;
    display: inline-block;
    -webkit-appearance: none !important;
    background: transparent; }
.input-style-ctm .email-input .field-multiple::-webkit-input-placeholder {
    color: #999; }
.input-style-ctm .email-input .field-multiple:-ms-input-placeholder {
    color: #999; }
.input-style-ctm .email-input .field-multiple::-ms-input-placeholder {
    color: #999; }
.input-style-ctm .email-input .field-multiple::placeholder {
    color: #999; }

    .tag .first-label p{
      margin-bottom: 0;
    }

    .file-upload-box .file-upload-container {
       width: 100%; }
       .file-upload-box .file-upload-container #fileList {
        margin: 0;
        max-height: 20rem;
        overflow-y: auto;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */ }
        .file-upload-box .file-upload-container #fileList::-webkit-scrollbar {
         width: .5rem;
         height: .5rem; }
        .file-upload-box .file-upload-container #fileList::-webkit-scrollbar-track {
         background: #f1f1f1; }
        .file-upload-box .file-upload-container #fileList::-webkit-scrollbar-thumb {
         background: #0EB2B3;
         border-radius: 10px; }
        .file-upload-box .file-upload-container #fileList::-webkit-scrollbar-thumb:hover {
         background: #1C1C1C; }
       .file-upload-box .file-upload-container .file-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem;
        background: #eee;
        border-radius: .5rem;
        margin: 1rem 0; }
        .file-upload-box .file-upload-container .file-item .file-name {
         font-size: 1.4rem;
         font-weight: 500;
         color: #0EB2B3;
         margin-bottom: 0; }
         .file-upload-box .file-upload-container .file-item .file-name .size-file {
          margin-left: 1rem;
          color: #000; }
        .file-upload-box .file-upload-container .file-item .close-icon {
         padding: 0;
         background: 0;
         border: none;
         margin-left: 1rem;
         cursor: pointer;
         font-size: 1.6rem;
         color: #999; }
         .file-upload-box .file-upload-container .file-item .close-icon:hover {
          color: #0EB2B3; }

      .file-upload-box .place-holder-text {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center; }
       .file-upload-box .place-holder-text .attach-upload {
        width: 1.2rem;
        height: 2rem;
        margin-right: .5rem; }
       .file-upload-box .place-holder-text .attach-text {
        font-size: 1.5rem;
        font-weight: 500;
        color: #0EB2B3;
        margin-bottom: 0; }
        @media (max-width: 575px) {
         .file-upload-box .place-holder-text .attach-text {
          font-size: 1.3rem; } }

      .file-upload-box .custom-file-upload {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       padding: .6rem 1.2rem;
       width: 11.3rem;
       cursor: pointer;
       border-radius: 1rem;
       height: 4rem;
       background-color: rgba(14, 178, 179, 0.3);
       margin-bottom: 1.6rem; }

      .file-upload-box .custom-file-upload input[type="file"] {
       display: none; }


.chat-main {
    width: 100%;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    overflow: hidden;
    margin-bottom: 4rem;
    padding-bottom: 4rem; }
.chat-main .chat-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
    background: #0EB2B3;
    padding: .5rem 1.1rem; }
.chat-main .chat-header .chat-header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.chat-main .chat-header .chat-header-left .chat-thread-img {
    width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 1rem; }
.chat-main .chat-header .chat-header-left .chat-thread-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.chat-main .chat-header .chat-header-left .chat-ticketinfo-box .chat-ticket-id {
  font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 2px; }
@media (max-width: 767px) {
    .chat-main .chat-header .chat-header-left .chat-ticketinfo-box .chat-ticket-id {
        font-size: 1.6rem; } }
.chat-main .chat-header .chat-header-left .chat-ticketinfo-box .chat-ticket-label {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px; }
@media (max-width: 767px) {
    .chat-main .chat-header .chat-header-left .chat-ticketinfo-box .chat-ticket-label {
        font-size: 1.6rem; } }

.total-clients-img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0rem;
    width: 90px;
    height: 30px; }
@media (max-width: 425px) {
    .total-clients-img {
        width: 85px;
        height: 25px; } }
.total-clients-img .img-box-1 {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eee;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
@media (max-width: 425px) {
    .total-clients-img .img-box-1 {
        width: 25px;
        height: 25px; } }
.total-clients-img .img-box-1.index-1 {
    left: 0; }
.total-clients-img .img-box-1.index-2 {
    left: 20px;
    z-index: 9; }
.total-clients-img .img-box-1.index-3 {
    left: 40px;
    z-index: 99; }
.total-clients-img .img-box-1.index-4 {
    left: 60px;
    z-index: 999; }
.total-clients-img .img-box-1.index-4 .total-images {
    font-size: 2rem;
    font-weight: 500;
    color: #0EB2B3;
    margin-bottom: 0; }

.chat-inner-text-main {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 10rem;
    padding: 0rem 3.5rem;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
.chat-inner-text-main::-webkit-scrollbar {
    width: .5rem;
    height: .5rem; }
.chat-inner-text-main::-webkit-scrollbar-track {
    background: #f1f1f1; }
.chat-inner-text-main::-webkit-scrollbar-thumb {
    background: #0EB2B3;
    border-radius: 10px; }
.chat-inner-text-main::-webkit-scrollbar-thumb:hover {
    background: #1C1C1C; }
.chat-inner-text-main .date-chat-start-box {
    min-width: 14.6rem;
    width: 14.6rem;
    height: 3rem;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: .5rem;
    padding: 0 1rem; }
.chat-inner-text-main .date-chat-start-box .date-today {
    font-size: 1.4rem;
    font-weight: 500;
    color: #111;
    margin-bottom: 0; }

.ticket-raises-box {
     min-width: 80%;
    width: 80%;
    height: auto;
    background: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.15);
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; */
    margin: 0 auto;
    border-radius: 2rem;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
    margin-top: 1rem; }
.ticket-raises-box .raises-name {
    font-size: 1.6rem;
    font-weight: 500;
    color: #111;
    margin-bottom: 0; }
.ticket-raises-box .show-summary {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0EB2B3;
    margin-bottom: 0;
    text-decoration: underline; }
.ticket-raises-box .show-summary:hover {
    color: #111; }
.ticket-raises-box .show-summary .fa {
    margin-left: 5px; }
    @media (max-width: 1440px) {
      .ticket-raises-box .raises-name {
        font-size: 1.5rem;
        margin-right: 5px;
       }
       .ticket-raises-box .show-summary{
        font-size: 1.4rem;
       }
       .ticket-raises-box {
        min-width: 100%;
        width: 100%;
      }
      .chat-inner-text-main{
        padding: 0 2rem;
      }
     }

.chat-message-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0rem 0 4rem; }
.chat-message-box .messge-sender-img {
    width: 4.5rem;
    min-width: 4.5rem;
    height: 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
.chat-message-box .messge-sender-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.chat-message-box .meassge-sender-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem; }
.chat-message-box .meassge-sender-info .message-send-name {
    font-size: 1.4rem;
    font-weight: 500;
    color: #111;
    margin-bottom: 0; }
.chat-message-box .meassge-sender-info .message-sender-time {
    font-size: 1.3rem;
    font-weight: 500;
    color: #999;
    margin-bottom: 0;
    margin-left: 2rem; }
.chat-message-box .message-chat-box {
    min-width: 5rem;
    width: auto;
    border-radius: 1rem;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    padding: 1rem;
    min-height: 4rem; }
.chat-message-box .message-chat-box.bg-sett-primary {
    background: #0EB2B3; }
.chat-message-box .message-chat-box.bg-sett-primary .message-text {
    color: #fff; }
.chat-message-box .message-chat-box .message-text {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 0; }

.show-sumary-box {
    width: 100%;
    background: #eee;
    border-radius: 1rem;
    padding: 1.6rem;
    margin-bottom: 4rem;
    display: none; }
.show-sumary-box .text-ticket-summ {
  font-size: 1.6rem;
    color: #000;
    font-weight: 400;
    margin-bottom: 0; }

.show-sumary-box.summary-show {
    display: block; }

.maintext-area {
    width: 107.8rem;
    background: #eee;
    border-radius: 1rem;
    margin: 2rem auto 0;
    overflow: hidden; }
    @media (max-width: 1600px) {
      .maintext-area {
          width: 80%;
          margin: 2rem auto 0; } }
@media (max-width: 1199px) {
    .maintext-area {
        width: 94%;
        margin: 2rem auto 0; } }
.maintext-area .text-area-field .ctm-textarea {
    font-size: 1.4rem;
    font-weight: 500;
    color: #111;
    height: 6.5rem;
    border-radius: 0;
    width: 100%;
    outline: none;
    border: none;
    border: none;
    padding: 1rem 1.6rem;
    background: transparent;
    border-bottom: 1px solid #999;
    min-height: 6.5rem; }
    .maintext-area .text-area-field .ctm-textarea::-webkit-scrollbar {
      width: .5rem;
      height: .5rem; }
      .maintext-area .text-area-field .ctm-textarea::-webkit-scrollbar-track {
      background: #f1f1f1; }
      .maintext-area .text-area-field .ctm-textarea::-webkit-scrollbar-thumb {
      background: #0EB2B3;
      border-radius: 10px; }
      .maintext-area .text-area-field .ctm-textarea::-webkit-scrollbar-thumb:hover {
      background: #1C1C1C; }
.maintext-area .text-area-field .ctm-textarea::-webkit-input-placeholder {
    color: #999; }
.maintext-area .text-area-field .ctm-textarea:-ms-input-placeholder {
    color: #999; }
.maintext-area .text-area-field .ctm-textarea::-ms-input-placeholder {
    color: #999; }
.maintext-area .text-area-field .ctm-textarea::placeholder {
    color: #999; }

.attach-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem; }
.attach-flex .ul-attach-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0; }
.attach-flex .ul-attach-ul .attach-link-items {
    margin-right: 1rem; }
.attach-flex .ul-attach-ul .attach-link-items .attach-link-link {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff; }
.attach-flex .ul-attach-ul .attach-link-items .attach-link-link:hover {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    background: #0EB2B3;
    cursor: pointer;
}
.attach-flex .ul-attach-ul .attach-link-items .attach-link-link:hover svg path {
    fill: #fff; }
.attach-flex .ul-attach-ul .attach-link-items .attach-link-link:hover .fas {
    color: #fff; }
.attach-flex .ul-attach-ul .attach-link-items .attach-link-link .attach-upload {
    width: 1.2rem;
    height: 2rem;
    margin-right: 0rem; }
.attach-flex .ul-attach-ul .attach-link-items .attach-link-link .fas {
    font-size: 2rem;
    color: #0EB2B3; }

.send-btn {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0EB2B3;
    border: none; }
.send-btn:hover {
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    background: #fff; }
.send-btn:hover .fas {
    color: #0EB2B3; }
.send-btn .fas {
    font-size: 2rem;
    color: #fff; }

.img-chat-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.img-chat-container .img-img-placeholder-chat {
    width: 23.6rem;
    height: 23.6rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    margin: 5px;
    padding: 5px; }
.img-chat-container .img-img-placeholder-chat img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.chat-uploaded-filed {
    min-width: 50rem;
    width: 50rem; }
.chat-uploaded-filed #fileList {
    margin: 0;
    max-height: unset;
    overflow-y: auto; }
.chat-uploaded-filed #fileList .file-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    background: #eee;
    border-radius: .5rem;
    margin: 1rem 0; }
.chat-uploaded-filed #fileList .file-item .file-name {
    font-size: 1.4rem;
    font-weight: 500;
    color: #0EB2B3;
    margin-bottom: 0; }
.chat-uploaded-filed #fileList .file-item .file-name .size-file {
    margin-left: 1rem;
    color: #000; }
.chat-uploaded-filed #fileList .file-item .close-icon {
    padding: 0;
    background: 0;
    border: none;
    margin-left: 1rem;
    cursor: pointer;
    font-size: 1.6rem;
    color: #999; }
.chat-uploaded-filed #fileList .file-item .close-icon:hover {
    color: #0EB2B3; }


    .status-reopen{
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
        margin-bottom: 0;
        background: #0eb2b3;
        margin: 0 5px;
        min-width: 6.4rem;
        width: 6.4rem;
        height: 2.5rem;
        border-radius: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;

      }
      .status-reopen:hover{
        background: #F9A504;
        color: #fff;
      }
    .modal-loader-bg{
        position: absolute;
        left: 0%;
        top: 0%;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 99999;
    }
      .modal-loader {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%,-50%);
      }

      .modal-loader img {
          height: 70px;
          width: 70px;
      }


      .ticket-atactments-download{
        display: flex;
        align-items: center;
        /* justify-content: space-between; */
        flex-wrap: wrap;
      }
      /* .ticket-atactments-download a{
        font-size: 1.6rem;
        font-weight: 400;
        color: #111;
        margin-right: 1rem;

      }
      .ticket-atactments-download a:hover{
        color: #0eb2b3;
      } */
      .download-able-link{
        font-size: 1.6rem;
        font-weight: 400;
        color: #111;
        margin-right: 1rem;
      }
      .download-able-link:hover{
        color: #0eb2b3;
      }
      .download-able-link span{

        font-weight: 500;
        color: #111;
        margin-left: 5px;
      }
      .ticket-atactments-download .file-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .5rem 1rem;
        background: #f8f8f8;
        border-radius: 50px;
        margin: 1rem 0;
        margin-right: 5px;
       }
        .ticket-atactments-download .file-item .file-name {
         font-size: 1.4rem;
         font-weight: 500;
         color: #0EB2B3;
         margin-bottom: 0; }
         .ticket-atactments-download .file-item .file-name .size-file {
          margin-left: 1rem;
          color: #000; }
        .ticket-atactments-download .file-item .close-icon {
         padding: 0;
         background: 0;
         border: none;
         margin-left: 1rem;
         cursor: pointer;
         font-size: 1.6rem;
         color: #999; }
         .ticket-atactments-download .file-item .close-icon:hover {
          color: #0EB2B3; }

          .red-text-error{
            font-size: 1.2rem !important;
            font-weight: 500 !important;
            color: #dc3545 !important;

          }
          .row-slected-box{
            position: relative;
          }
          .row-slected-box .slected-rows{
            position: absolute;
            left: 22rem;
            top: 10px;
            font-size: 1.5rem;
            font-weight: 500;
            color: #999;
          }

          @media (max-width: 1199px) {
            .row-slected-box .slected-rows{
              position: unset;
              margin-bottom: 1rem;
            }
          }

          .inner-comment-download.ticket-atactments-download .file-item{
            width: auto;
            background: #eee6e6;
            border-radius: 50px;
            margin-right: 5px;
          }

          .set-cell-text-last .table.dataTable thead tr th:last-child{
            text-align: end !important;
          }

          .set-cell-text-last table.table-bordered.dataTable td:last-child{
            text-align: left !important;
          }

          .height-adjust{
            height: 100%;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            padding-bottom: 0rem;
            }

        .note-h.padding-adjust{
            padding: 2rem 1rem;
            margin-bottom: 0;
        }


      .delete-btn-img{
        position: absolute;
        bottom: 6rem;
        right: -2rem;
        left: auto;
        border-radius: 50% !important;
        width: 4rem;
        height: 4rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 1.6rem !important;
        font-weight: 400;
        padding: 3px !important;
      }
      .row-slected-box{
        position: relative; }
      .row-slected-box .selected-rows{
        position: absolute;
         left: 22rem; top: 10px;
          font-size: 1.6rem;
           font-weight: 600;
            color: #0eb2b3; }
@media (max-width: 1199px) {
   .row-slected-box .selected-rows{
      position: unset;  margin-bottom: 1rem;
     }
    }





    /* create customer css */
    .customer-tabs{
      border-bottom:5px solid #D9D9D9;
    }
    .customer-tab-submit{
      display: none !important;
    }
    #customer-submit-btn {
      position: absolute;
      width: 47% !important;
      bottom: 4px;
    }
    .customer-tabs-back-btn {
      background: #F9A504;
    }
    .customer-tabs.customer-active {
      border-color: #0EB2B3;
      color: #0EB2B3;
    }
    .main-customer{
      width: 80%;
      display: block;
      margin: 0 auto;
    }
    .customer-tabs{
      color: #999;
      font-family: Lato;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    .customer-modal .modal-dialog{
      max-width:705px !important;
      width:705px !important;
    }
    .customer-active{
      display:block !important;
    }
    #customer-tab1 {
      display: none;
    }
    #customer-tab2 {
      display: none;
    }
    #customer-tab3 {
      display: none;
    }
    .custom-check_box {
      top: -9px !important;
  }
  .customer-actions-button {
    margin-bottom: 20px;
  }
  .filter-custom-style .customer-actions-button {
    margin-top: 6px !important;
  }

  .customer-actions-button img {
      margin-right: 10px;
  }

  .customer-actions-button .filter-product-drop {
      width: 14rem;
  }
  .customer-add-button {
    width: 100%;
    display: flex;
    justify-content: end;
}

/* order-create-manually */
.serch-product-name {
  width: 160px;
    height: 50px;
    border-radius: 10px;
    background: #0EB2B3;
    color: #fff;
    outline: none !important;
    border: 0;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    right: 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) !important;
}
#input-1 {
  display: flex;
  width: 102%; 
}
.col-title h1 {
  color: #000;
  font-family: Lato;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 15px;
}
.left-col-record-data-1 {
    height: 50px;
    background: #EEEEEE;
    border-radius: 10px;
    width: 100% !important;
    border-radius: 10px 10px 0 0;
    position: sticky;
    top: 0;
    z-index: 3;
}
.left-col-record-data-2 {
  height: 50px;
  background: #EEEEEE;
  border-radius: 10px;
  width: 100% !important;
  border-radius: 10px 10px 0 0;
  position: sticky;
  top: 0;
  z-index: 2;
}
.col-heading span {
    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
}
.add-notes label {
  display: block;
  color: #111;
  font-size: 16px;
  font-family: Lato;
  font-weight: 400;
  line-height: normal;
  padding: 15px 0 10px 0;
}
.add-notes textarea {
  width: 100%;
    height: 170px;
    border-radius: 10px;
    background: #EEE;
    padding: 20px 10px;
    border: none;
    font-family: Lato;
    font-size: 14px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
}
.add-notes textarea::placeholder {
  color: #999;
}
.showProductTable td {
  line-height: 23px;
}
/*.selected-products-section td {*/
/*  line-height: 50px;*/
/*}*/
.increment-decrement input {
  background: #EEE !important;
  width: 78px !important;
  height: 40px !important;
  padding: 2px 20px!important;
}
.price-input-btn {
  position: relative;
}
.price-input-btn span {
  z-index: 1;
  position: relative;
  margin-left: 4px;
  top: 10px;
}
.price-input-btn input {
  background: #EEE !important;
  height: 40px !important;
  position: absolute;
  top: -22px;
  text-align: left;
  width: 100% !important;
}
button.decrease-btn {
  position: absolute;
  top: 3px !important;
  left: 3px;
  z-index: 1 !important;
  width: 20px;
}
button.increase-btn {
  position: absolute;
  top: 7px !important;
  left: 61px!important;
  z-index: 1 !important;
}
.delete-icon {
  background: transparent !important;
  border: none !important;
}
#bottom-dropdown label {
  margin: 8px 0;
}
#isPrintInvoice {
  width: 15px;
  height: 15px;
}
.ps-bottom-input {
  background: #eee !important;
}
.right-div input {
  background: #eee !important;
}
.right-div h2 {
  font-weight: 600 !important;
}
.add-product-last-btn {
  display: flex;
  justify-content: end;
  align-items: center;
}
.btn-2 {
  background: #F9A504 !important;
}
.btn-3 {
  background: #0C0B0B !important;
}
.btn-div {
  margin: 3rem 1rem;
}
.left-bottom-right-block {
  border-left: 1px solid #000;
}
.left-bottom-right-block h1 {
  font-size: 25px;
  font-weight: 600;
}
.left-bottom-right-block h2 {
  font-size: 20px;
  font-weight: 600;
}
.left-bottom-right-block h3 {
  font-size: 16px;
  font-weight: 600;
}
.payment-summary-child {
  display: flex;
  align-items: center;
}
.vat-style {
  font-size: 17px !important;
  font-weight: 600 !important;
}
.end-payment-color {
  color: #999;
  line-height: 47px;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.main-top-block {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  display: flex !important;
}
.zv-left-block {
  flex-basis: 60% !important;
}
.zv-right-block {
  flex-basis: 40% !important;
}
.table-max-height {
  height: 250px;
  overflow-y: auto;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 30px 15px 30px;
  border-radius: 15px;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
}
.block-height {
  border-radius: 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
span#prod-search-cross-icon {
  position: relative;
  top: 10px;
  right: 30px;
  font-size: 20px;
  cursor: pointer;
}
.payment-input-div {
  position: relative;
}
input.ps-new-input {
  font-size: 16px;
  font-weight: 400;
  color: #111;
  height: 50px;
  border-radius: 10px;
  width: 100%;
  outline: none !important;
  border: none;
  display: inline-block;
  -webkit-appearance: none !important;
}
.new-input-sign {
  position: absolute;
  background: transparent !important;
  border: none !important;
  top: 9px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.top-new-input {
  padding: 2px 10px 2px 19px !important;
}
.bottom-new-input {
  padding: 2px 10px 2px 23px !important;
}
.percentage-symbel {
  right: 0;
}

/* Internal css import from blade file */
.manualy-create-order table td,
        table th {
            height: 30px;
            /* You can adjust the value as needed */
        }

        .manualy-create-order .large-text {
            font-size: 14px;
            /* Adjust the font size as needed */
        }

        .manualy-create-order table td,
        table th {
            font-size: 15px;
            /* You can adjust the value as needed */
        }


        .manualy-create-order .showProductList table>thead {
            vertical-align: bottom;
            height: 50px;
            line-height: 50px;
            background: #EEEEEE;
        }

        .manualy-create-order .left-col-search {
            padding: 0;
        }

        .manualy-create-order .left-col {
            padding: 30px;
            border-radius: 10px;
            background: #FFF;
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
        }

        .row.bg-white.manualy-create-order  {
            padding: 16px;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
            border-radius: 10px;
        }

        .input-half-width {
            width: 50% !important;
            text-align: center;
        }

        .manualy-create-order .custom-style {
            height: 4rem !important;
            width: 7.5rem !important;
            cursor: pointer !important;
            color: #fff !important;
        }

        .manualy-create-order button.decrease-btn {
            position: absolute;
            z-index: 9;
            border: none;
            outline: none;
            overflow: hidden;
            top: 10px;
            background: transparent;
            font-size: 25px;
        }

        .manualy-create-order button.increase-btn {
            position: absolute;
            z-index: 9;
            border: none;
            overflow: hidden;
            top: 13px;
            left: 100px;
            background: transparent;
            font-size: 21px;
        }

        .manualy-create-order td.increment-decrement {
            position: relative;
        }
        /*End Internal css import from blade file */
/* Usman Filter button style */
.add-customer-custom-style {
  width: 87.33333333% !important;
}
.filter-custom-style {
  width: 12.66666667% !important;
}
.mini-sidebar .add-customer-custom-style {
  width: 89.33333333% !important;
}
.mini-sidebar .filter-custom-style {
  width: 10.66666667% !important;
}

@media (max-width: 767px) {
  .left-col {
    padding: 20px 10px !important;
  }
  input#productName {
    height: 35px;
  }
  .serch-product-name {
    height: 35px;
    font-size: 12px;
    right: 8px;
  }
  .col-title h1 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .left-col-record-data {
 
    height: 35px;
  }
  .col-heading span {
    font-size: 12px;
    line-height: 35px;
  }
  .add-notes textarea {
    height: 100px;
    padding: 10px;
    font-size: 12px;
  }
  .zv-left-block {
    flex-basis: 100% !important;
  }
  .zv-right-block {
    flex-basis: 100% !important;
  }
  .table-max-height {
    margin: 0 15px 0 15px;
  }
  .new-input-sign {
    top: 11px !important;
  }
  span#prod-search-cross-icon {
    top: 2px; 
  }
}
.shipping-address-action-dropdown-button {
  width: 130px;
}

/* create vendor css */
.vendor-tabs{
  border-bottom:5px solid #D9D9D9;
}
.vendor-tab-submit{
  display: none !important;
}
#vendor-submit-btn {
  position: absolute;
  width: 47% !important;
  bottom: 4px;
}
.vendor-tabs-back-btn {
  background: #F9A504;
}
.vendor-tabs.vendor-active {
  border-color: #0EB2B3;
  color: #0EB2B3;
}
.main-vendor{
  width: 80%;
  display: block;
  margin: 0 auto;
}
.vendor-tabs{
  color: #999;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.vendor-modal .modal-dialog{
  max-width:705px !important;
  width:705px !important;
}
.vendor-active{
  display:block !important;
}
#vendor-tab1 {
  display: none;
}
#vendor-tab2 {
  display: none;
}
#vendor-tab3 {
  display: none;
}
.custom-check_box {
  top: -9px !important;
}
.vendor-actions-button {
margin-bottom: 20px;
}
.filter-custom-style .vendor-actions-button {
margin-top: 6px !important;
}

.vendor-actions-button img {
  margin-right: 10px;
}

.vendor-actions-button .filter-product-drop {
  width: 14rem;
}
.vendor-add-button {
width: 100%;
display: flex;
justify-content: end;
}
.puchase-order-large-text{
    font-size: 14px;
    /* Adjust the font size as needed */
}
.purchase-order-custom-style {
  height: 4rem !important;
  width: 7.5rem !important;
  cursor: pointer !important;
  color: #fff !important;
}
.edit-purchase-order-status {
    background: #0EB2B3 !important;
    color: #fff !important;
    height: 4rem !important;
    width: 22rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0 !important;
    font-size: 1.4rem;
    border-radius: 20px !important;
}
.col-1.text-left.d-flex.align-items-center.quantityError {
  display: flex;
  flex-direction: column;
}
.email-vendor-to-pill{
  background: #0EB2B3 !important;
  color: #fff !important;
  height: 3rem !important;
  padding: 2px 2rem 2px 2rem!important;
  display: flex;
  align-items: center;
  justify-content: start;
  line-height: 0 !important;
  font-size: 1.4rem;
  border-radius: 20px !important;
}
.email-box {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%; /* Set your desired width for the box */
  display: flex;
  flex-wrap: wrap;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) !important;
  padding: 2px 1.6rem;
  border-radius: 10px;
  background: #eee;
}
.email-pill {
  background-color: #0EB2B3 !important;
  color: #fff !important;
  border-radius: 20px;
  padding: 5px 10px;
  margin: 5px;
  display: flex;
  align-items: center;
}
.email-pill span {
  margin-right: 5px;
}
.loading-ring {
  display: inline-block;
  width: 70px;
  height: 70px;
}
.loading-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  margin: 8px;
  border: 8px solid #3498db;
  border-radius: 50%;
  animation: loading-ring-animation 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3498db transparent transparent transparent;
}
@keyframes loading-ring-animation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.cost-price-modal-value-class {
  text-align: center;
  color: #0eb2b3; 
  font-size: 18px;
}
#purchase-order-action-btn {
  width: 14rem;
}
.revieving-input_text{
  text-decoration: underline;
  box-shadow: none !important;
  width: 70% !important;
  border-radius: 10px;
  height: 46px;
  background:#fff;
  color:#0EB2B3;
}
.revieving-input_text::placeholder{
  color:#0EB2B3;
}
.revieving-input_text:focus{
  border:0 !important;
  box-shadow:unset !important;
}

.create-purchase-new-order {
    height: auto;
}
.create-purchase-new-order span {
    font-size: 16px !important;
    line-height: 26px !important;
}
.create-product-selection-inner{
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.create-product-selection-inner span {
  line-height: 26px !important;
}
.order-quantity-new-width{
  width:60% !important;
}