/* default */
body {
  box-sizing: border-box;
}

::placeholder {
  color: var(--fntClr);
  opacity: 0.8;
  font-size: 16px;
}
::-ms-input-placeholder {
  color: var(--fntClr);
  opacity: 0.8;
  font-size: 16px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

input:focus,
.rmOut,
select {
  outline: none;
}
input {
  background: transparent;
  outline: none;
  border: none;
  color: var(--fntClr);
  width: 100%;
}
a {
  text-decoration: none;
  color: var(--fntClr);
}
maystro-div {
  display: block;
}
*[disabled] {
  pointer-events: none;
  opacity: 0.7;
}
.pointer-none {
  pointer-events: none;
}
/********/
.DlPg {
  padding: 0;
}
.DlMg {
  margin: 0;
}
.OvfAtoY {
  overflow-y: auto;
}
.OvfAtoX {
  overflow-x: auto;
}
.HdOvFlwX {
  overflow-x: hidden;
}
.HdOvrfl {
  overflow: hidden;
}
#root {
  font-family: var(--fontLan);
  color: var(--fntClr);
}
::-webkit-scrollbar-track {
  background-color: var(--bdgclInpTran);
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #141b2200;
}
::-webkit-scrollbar-thumb {
  background-color: var(--bdgclInpTran);
  border-radius: 20px;
}

._-inp_sn-mg::-webkit-scrollbar {
  width: 5px;
}
/* pos option */
.FxPs {
  position: fixed;
}
.RlPs {
  position: relative;
}
.StPs {
  position: sticky;
}
.StAbs {
  position: absolute;
}

.hidElem {
  width: 0px;
  height: 0px;
  opacity: 0;
}
.hidElem2 {
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 !important;
}
.hidElem3 {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  padding: 0;
}
.stTranEs {
  transition: 0.2s ease !important;
}
/* display option */
.TbDp {
  display: table;
}
.TbCdp {
  display: table-cell;
}
.InFlx {
  display: flex;
}
.Stclmnf {
  flex-direction: column;
}

.Strw {
  flex-direction: row;
}

.DsBlc {
  display: block;
}
.Inlflx {
  display: inline-flex;
}
.DsPlCnt {
  display: contents;
}
.DsplGrd {
  display: grid;
}
.flxDrc {
  /* flex-direction: var(--dirct); */
}
/* taille option */
.StGhgt {
  height: var(--hgt);
}
.StGwdt {
  width: var(--wdt);
}
.FlWd {
  width: 100%;
}
.FlwMax {
  max-width: 100%;
}
.Hlwd {
  width: 48.5%;
}

.width45 {
  width: 45%;
}

.PickWdth {
  width: auto;
  margin-top: 20px;
}
.StwdMaxC {
  width: max-content;
}
.SthgMaxC {
  height: max-content;
}
.hAuto {
  height: auto !important;
}
.SthgMaxC2 {
  height: 100px;
}
.FlHg {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.min-h-screen {
  min-height: 100vh;
}
.AtHg {
  height: 100vh;
}
.Zindx {
  z-index: 50;
}
.Zindxsm {
  z-index: 15;
}
.zindX2 {
  z-index: 2;
}
.BdgWhite {
  background: #ffffff;
}
.BdgTra2 {
  background: var(--fntClr);
}
.StbdGTrn {
  background-color: var(--bdgclInpTran);
}
.BdgTra {
  background: #ffffff2d;
}
/* text option */
.TxtCn {
  text-align: center;
}
.TxtLeft {
  text-align: left;
}
.Fntcl {
  color: var(--fntClr);
}
.Fntclinv {
  color: var(--bdgclInp);
}
.line-header {
  border-bottom: 1px solid #3d4553;
  height: 63px;
}

.pt-0 {
  padding-top: 0px !important;
}
.sTclPg {
  color: var(--Fnpagnt);
}
.StSizLn {
  font-size: var(--sizFnt);
}
.StdirLn {
  text-align: var(--pslan);
}
.PsinLan {
  text-align: var(--psinv);
}
.StWhSnwr {
  white-space: nowrap;
}
.wharp_spce {
  white-space: normal;
}
.FntfMin {
  font-family: inherit;
}
.StWht {
  color: #ffffff;
}
.StBle {
  color: #3498db;
}
.blueapp {
  color: #008aff;
}
.StRedClr {
  color: #e90808;
}
.borderError {
  border: 1px solid #e90808 !important;
}
.stbold {
  font-weight: bold;
}
.stUndrln {
  text-decoration: underline;
}
.StSmlS {
  font-size: 14px;
  letter-spacing: 0.3px;
}

.fntSzExSml {
  font-size: 11px;
}

.lnhg-vl {
  line-height: 30px;
}
/*move option */
.VrAlg {
  vertical-align: middle;
}
.MrAot {
  margin-left: auto;
  margin-right: auto;
}
.sTmftAu {
  margin-left: auto;
}
.marInStart {
  margin-inline-start: auto;
}
.StlfNl {
  left: 0px;
}
.StlfVl {
  left: 38px;
}
.StRgNl {
  right: 0px;
}
.StTpNl {
  top: 0px;
}
.StBtNl {
  bottom: 0px;
}

/*layout option */
.StOpcVal {
  opacity: 0.65;
}
.StPdchk {
  width: 20px;
  height: 20px;
}
.StBrdRd {
  border-radius: 8px;
}
.StBrdRdS {
  border-radius: 6px;
}
.sb4R {
  border-radius: 4px;
}
.FrInp {
  background: var(--bdgclInp) 0% 0% no-repeat padding-box;
  border: 1px solid var(--clrbrd);
}
.lytWdp {
  width: 95%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.lytwdp2p {
  width: calc(100% - 30px);
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}
.SecnNivWid {
  width: 94%;
  padding: 15px 3%;
}
.AlgnItm {
  align-items: center;
}
.JstfCnt {
  justify-content: center;
}
.spctwB {
  justify-content: space-between;
}

.spctar {
  justify-content: space-around;
}
.cntrlm {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
.cntlm {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.spcEvn {
  justify-content: space-evenly;
}
.StFlxStr {
  justify-content: flex-end;
}
.align-items-end {
  align-items: flex-end;
}
.StflxCntr {
  justify-content: center;
}
.StWdDst {
  margin: 0 5px;
}
.sTmrGlf {
  margin-left: 13px;
  margin-right: 13px;
}

.marginTopSmall {
  margin-top: 12px;
}

.marginTop1 {
  margin-top: 35px;
}

.marginBottom1 {
  margin-bottom: 30px;
}
.borderBox {
  box-sizing: border-box;
}
.DlBrd {
  border: none;
}
.sTbxSz {
  box-sizing: border-box;
}
.CrsPoi {
  cursor: pointer;
}
.sDfpnc {
  cursor: default;
}
.cursor-text {
  cursor: text;
}
.notAllowed {
  cursor: not-allowed !important;
}
.Tpmd2 {
  top: 2px;
}
.StTrns {
  transition: width 0.25s, opacity 0.3s, height 0.25s, left 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.StGlbtr {
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
}
.borderClr {
  border: 1px solid var(--bdgclInp);
}
.BrdBl {
  border: 2px solid #3498db;
}
.Brdblue {
  border: 2px solid #008aff;
}
.BrdBlDtd {
  border: 2px dashed #3498db;
}
.sTbrBtm {
  border-bottom: 2px solid #3498db;
}
.SrinP {
  height: 34px;
  background: transparent;
  border: none;
}
.disabledSvg svg path {
  fill: rgb(90, 88, 88);
}
.SCSvg svg {
  width: 100%;
  height: 100%;
}
/* bdg option */
.BdgTrans {
  background: transparent;
}

.BdgGc {
  background-color: var(--gcl);
}
.ClSidTh {
  background-color: var(--defcl);
}

/* colororder status */
.Bgstatus_31 {
  color: #3288c4;
}
.Bgstatus_50 {
  color: #ff4f4f;
}
.Bgstatus_41,
.Bgstatus_01 {
  color: #44be84;
}
.Bgstatus_11 {
  color: #deae3d;
}
.Bgstatus_22 {
  color: #4da4e3;
}
.Bgstatus_42 {
  color: #a436ac;
}
/**/

/* timeline dots status */
.timeline_5 {
  background-color: #deae3d;
}
.timeline_6,
.timeline_7 {
  background-color: #4da4e3;
}
.timeline_41 {
  background-color: #44be84;
}
.timeline_40 {
  background-color: #d85407;
}
.timeline_50 {
  background-color: #ff4f4f;
}
.timeline_51 {
  background-color: #727070;
}

.timeline_stat_31 svg path {
  fill: #3288c4;
}
.timeline_stat_40 svg path {
  fill: #d85407;
}
.timeline_stat_41 svg path,
.timeline_stat_01 svg path {
  fill: #44be84;
}
.timeline_stat_50 svg path {
  fill: #ff4f4f;
}
.timeline_stat_51 svg path {
  fill: #727070;
}
.timeline_stat_11 svg path {
  fill: #deae3d;
}
.timeline_stat_22 svg path {
  fill: #4da4e3;
}
.timeline_stat_42 svg path {
  fill: #a436ac;
}
.BdgBlcl,
.status_31 {
  background-color: #3288c4;
}
.bgselectstock {
  background-color: var(--bg-select);
}
.bgselectstockLight {
  background-color: #edeef5;
}
.TxDng,
.status_50 {
  background: #ff4f4f;
}
/**/

.TxtScc,
.status_41,
.status_01 {
  background: #44be84;
}
.status_4 {
  background-color: #deae3d;
}
.status_5 {
  background-color: #f0931a;
}
.status_6 {
  background-color: #185ef5;
}
.status_7 {
  background-color: #1594f0;
}
.status_8 {
  background-color: #4da4e3;
}
.status_9 {
  background: #a436ac;
}
.status_4,
.status_5,
.status_6,
.status_7 {
  background-color: #deae3d;
}
.status_p8 {
  background-color: #deae3d;
}
.status_8,
.status_9 {
  background-color: #0764a7;
}
.status_10 {
  background-color: #c57d12;
}
.status_11 {
  background-color: #deae3d;
}
.status_12 {
  background-color: #9e9e9e;
}
.status_15 {
  background-color: #008aff;
}
.status_1 {
  background-color: #008aff;
}
.status_51 {
  background-color: #008aff;
}
.status_52 {
  background-color: #008aff;
}
.status_22 {
  background-color: #4da4e3;
}
.togglecolor {
  background-color: #008aff;
}
.BdgBlcl,
.status_31 {
  background-color: #008aff;
}
.status_32 {
  background-color: #df5718;
}

.TxtPp,
.status_42 {
  background: #a436ac;
}
.Tstatus_41 {
  background: #44be8347;
}
.brdStatus_41 {
  border: 3px solid #44be84;
}
.brdStatus_42 {
  border: 3px solid #a436ac;
}
.ClrCnSvg > svg {
  fill: #ff4f4f;
}
.TxDng,
.status_50 {
  background: #ff4f4f;
}
.Tstatus_50 {
  background: #ff4f4f47;
}
.brdStatus_50 {
  border: 3px solid #ff4f4f;
}

.status_53 {
  background: #ff4f4f;
}
.Tstatus_11 {
  background: #deae3d47;
}
.brdStatus_11 {
  border: 3px solid #deae3d;
}
.Tstatus_31 {
  background: #3288c447;
}
.brdStatus_31 {
  border: 3px solid #3288c4;
}
.brdStatus_22 {
  border: 3px solid #4da4e3;
}
/*******************/
.BtNset {
  padding: 8px 0;
}
.BtNseti {
  padding: 0 20px;
}
.RgSel {
  padding: 0 2.5%;
  height: 53px;
}
.StClrOp {
  background-color: var(--bdgopct);
}
.StbgPad {
  padding: 15px 25px;
}
.StFlxWrp {
  flex-wrap: wrap;
}
.StFlxWrp > div {
  flex-basis: 18%;
}
.StFlxWrp2 {
  flex-wrap: wrap;
}
.StWdpwrp {
  width: 47%;
  margin: 9px 1.2%;
}
.SetElptx {
  text-overflow: ellipsis;
}
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  display: flex;
  position: relative;
  font: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="checkbox"] + label::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  background-color: var(--chekclr);
  border: 2px solid var(--checbxbr);
  border-radius: 5px;
  top: 0px;
  transition: all cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}

input[type="checkbox"]:checked + label::before {
  content: "\2713";
  width: 21px;
  height: 21px;
  background-color: #3498db;
  border: 0px solid #3498db;
  font-size: 11px;
}
.HidScrolStil {
  overflow-y: scroll;
}
.HidScrolStil::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}

.Rgl-wdtb td {
  max-width: 320px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.toggleSide {
  transition: all 0.1s ease;
}
.toggleSide[toggle="up"] {
  max-height: 0px !important;
  padding: 0;
  overflow: hidden !important;
  margin: 0;
  border: none;
  opacity: 0;
}
.toggleSide[toggle="down"] {
  max-height: 1000px;
}
.rotateToggle {
  transition: 0.2s ease;
}
.rotateToggle[toggle="up"] {
  transform: rotate(-90deg);
}
.rotateToggle[toggle="down"] {
  transform: rotate(0deg);
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hvBoxsha:hover {
  transition: 0.3s ease;
  box-shadow: 0 0 7px var(--clropct);
}
.frCl-ss2:last-child .HidLstELm_ {
  visibility: hidden;
}
#hide_element_none td {
  overflow: visible !important;
}
.StRad_tp {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.stPdn_btm {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.withHvr:hover {
  transition: 0.2s ease;
  background-color: var(--defcl);
  cursor: pointer;
}
.stPadd {
  padding: 0 12%;
}
.bordePending {
  border: 2px solid #0099d5;
}
.Bdg_Brn {
  background-color: #0099d5;
}
.bdg_tran_blue {
  background-color: #0099d520;
}
.stClr_blue {
  color: #0099d5;
}
.foryh_reglt th:last-child {
  text-align: center;
}
.bdginpu_v {
  background: var(--bdgclInp) 0% 0% no-repeat padding-box;
}
.spcBtwn {
  justify-content: space-between;
}
.w-min-content {
  width: min-content;
}
.floatLeft {
  float: left;
}
.stfSize {
  font-size: 17px;
}
.flex-grid {
  display: flex;
  align-items: stretch;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.grid-1-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5%;
}
.grid-1-1-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2%;
}
.grid-2-1-1 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-column-gap: 5%;
}
.grid-4-1-2-2 {
  display: grid;
  grid-template-columns: 4fr 1fr 2fr 2fr;
  grid-column-gap: 2%;
}
.grid [class*="col"] {
  height: 100% !important;
}
.col {
  flex: 1;
}
.col-half {
  flex: 1;
  width: 50%;
}
.col-one-three {
  width: 33%;
}
.col-two-three {
  width: 66%;
}
.actList :first-child {
  border-radius: 14px 14px 0px 0px;
}
.BgSocSvg svg {
  width: 60px;
}
.spacing-fixe {
  left: var(--wdsid);
}
html[dir="rtl"] .spacing-fixe {
  right: var(--wdsid);
  left: auto;
}
html[dir="rtl"] svg {
  transform: rotateY(180deg);
}
html[dir="rtl"] svg.StSvgCl2,
html[dir="rtl"] .Navbar .language svg {
  transform: rotateY(0deg);
}
.BtNseti:hover,
svg:hover {
  opacity: 0.8;
}

.d-sm {
  display: none;
}
.d-small {
  display: none;
}
.Gray {
  background-color: var(--border-dark);
  color: "var(--fntClr)";
}
.loader-spinner {
  border: 3px solid #f3f3f3; /* Light grey */
  border-top: 3px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.subElementGroupeBtn {
  position: absolute;
  top: var(--y-position);
  left: calc(var(--x-position) - 160px);
  background-color: var(--bdgclInp);
  width: 160px;
  min-height: 30px;
  border-radius: 6px;
  padding: 6px 9px;
  box-sizing: border-box;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}
html[dir="rtl"] .subElementGroupeBtn {
  left: calc(var(--x-position) - var(--target-width));
}
@media screen and (max-width: 415px) {
  .d-sm {
    display: block;
  }
  .d-small {
    display: flex;
  }
  .d-large {
    display: none;
  }
  .responseDiv {
    width: 90% !important;
  }
  .responsPopup {
    position: fixed;
    top: 20vh;
    min-width: 90vw;
  }
  .inputResponsive {
    width: 200px;
  }
  .responsive-team {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .responsive-team .StWdpwrp {
    width: 230px;
  }
}

.BubbleInput {
  width: auto;
  min-width: 200px;
}

.BubbleTag {
  background-color: var(--backgroundGray2);
  padding: 5px 10px;
  margin: 7px 5px 7px 0px;
  border-radius: 30px;
}

.BubbleTag span {
  cursor: pointer;
  padding-left: 3px;
}

@media only screen and (max-width: 640px) {
  .flex-grid.FlWd.StDrc.spctwB {
    flex-direction: column;
  }

  .FlWd.InFlx.JstfCnt.AlgnItm {
    flex-direction: column;
    text-align: center;
  }
}

.titledetails {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: #ffffff;
  width: 150px;
  height: "22px";
}

.titledetails2 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: #ffffff;
  width: 239px;
  height: "22px";
}

.titledetails3 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: #ffffff;
  width: 134px;
  height: "22px";
}

.detailsgris {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: #c4c4c4;
  width: 134px;
  height: "22px";
}

.detailsgris2 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: #c4c4c4;
  width: 239px;
  height: "22px";
}
.detailsgris3 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: #c4c4c4;
  width: 150px;
  height: "22px";
}

.buttonPrint {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 149px;
  height: 42px;
  background: #008aff;
  border-radius: 12px;
  border-color: #008aff;
}

.widthAll {
  width: 100%;
}

.titledetailsLight {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: black;
  width: 150px;
  height: "22px";
}

.titledetails2Light {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: black;
  width: 239px;
  height: "22px";
}

.titledetails3Light {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;

  color: black;
  width: 134px;
  height: "22px";
}

.selectPhone {
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  color: #008aff;
  font-size: 1rem;
  margin-right: 1rem;
}

.createdText {
  background-color: #d4edda;
  border-color: #c3e6cb;
  padding: 8px;
}

.errorText {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 8px;
}

.lds-dual-ring {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 14px;
  height: 14px;
  margin: 2px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.boxGrid {
  display: grid;
  gap: 20px 20px;
}

.drctbox {
  display: flex;
  flex-direction: column;
  height: 300px;
}

@media only screen and (min-width: 415px) {
  .boxGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 789px) {
  .boxGrid {
    grid-template-columns: repeat(7, 1fr);
  }

  .drctbox {
    display: flex;
    height: auto;
    flex-direction: revert;
  }

  .boxGrid div:nth-child(1) {
    grid-row: span 2;
  }

  .boxGrid div:nth-child(2) {
    grid-column: 2/4;
  }

  .boxGrid div:nth-child(3) {
    grid-column: 4/6;
  }

  .boxGrid div:nth-child(4) {
    grid-row: span 2;
  }
  .boxGrid div:nth-child(5) {
    grid-row: span 2;
  }

  .boxGrid div:nth-child(6) {
    grid-column: 2/4;
  }
  .boxGrid div:nth-child(7) {
    grid-column: 4/6;
  }
  .boxGrid div:nth-child(8) {
    grid-column: 1/8;
  }
}

.button-base {
  position: relative;
}

.button-suffix-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.number_current_orders {
  height: 38px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 38px;
  display: flex;
  align-items: center;

  margin-right: 5px;
}

.text_current_orders {
  height: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
}

.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #008aff #0000 #008aff #0000;
  border-radius: 50%;
  box-sizing: border-box;
  animation: 1s rotate linear infinite;
}
.loader:before,
.loader:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  border: 10px solid transparent;
  border-bottom-color: #008aff;
  transform: translate(-10px, 19px) rotate(-35deg);
}
.loader:after {
  border-color: #008aff #0000 #0000 #0000;
  transform: translate(32px, 3px) rotate(-35deg);
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

.notAllowedAction {
  opacity: 0.5;
  cursor: not-allowed;
  height: 25px;
}
